🤝
diff --git a/backgrounds.html b/backgrounds.html
index 23be8f8..5d06f4a 100644
--- a/backgrounds.html
+++ b/backgrounds.html
@@ -1,6 +1,13 @@
+
+
+
배경 씬 라이브러리 - 밍글 스튜디오
@@ -27,6 +34,11 @@
+
+
+
+
diff --git a/contact.html b/contact.html
index 225bb97..0c0491e 100644
--- a/contact.html
+++ b/contact.html
@@ -1,6 +1,13 @@
+
+
+
문의하기 - 밍글 스튜디오
@@ -50,6 +57,11 @@
+
+
+
+
diff --git a/css/about.css b/css/about.css
index ad05a0f..8846369 100644
--- a/css/about.css
+++ b/css/about.css
@@ -199,8 +199,8 @@
}
.team-avatar {
- width: 100px;
- height: 100px;
+ width: 120px;
+ height: 120px;
margin: 0 auto var(--spacing-lg);
background: linear-gradient(135deg, var(--primary-color), #ff6600);
border-radius: 50%;
@@ -208,6 +208,15 @@
align-items: center;
justify-content: center;
font-size: 3rem;
+ overflow: hidden;
+ border: 3px solid var(--primary-color);
+ box-shadow: 0 4px 15px rgba(255, 136, 0, 0.3);
+}
+
+.team-avatar img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
}
.team-card h3 {
diff --git a/css/common.css b/css/common.css
index 2a663c1..b20afa2 100644
--- a/css/common.css
+++ b/css/common.css
@@ -639,17 +639,92 @@ body {
.container {
padding: 0 var(--spacing-md);
}
-
+
.section {
padding: var(--spacing-xl) 0;
}
-
+
.section-header h1,
.section-header h2 {
font-size: var(--font-2xl);
}
-
+
.section-header p {
font-size: var(--font-sm);
}
+}
+
+/* ========================================
+ 플로팅 SNS 버튼
+ ======================================== */
+.floating-sns {
+ position: fixed;
+ bottom: 30px;
+ right: 30px;
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ z-index: 9000;
+}
+
+.sns-btn {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-decoration: none;
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+ transition: all 0.3s ease;
+ border: none;
+ cursor: pointer;
+}
+
+.sns-btn:hover {
+ transform: translateY(-3px) scale(1.1);
+ box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
+}
+
+.sns-btn svg {
+ width: 24px;
+ height: 24px;
+ fill: white;
+}
+
+/* X (Twitter) 버튼 */
+.sns-btn-x {
+ background: #000000;
+}
+
+.sns-btn-x:hover {
+ background: #333333;
+}
+
+/* YouTube 버튼 */
+.sns-btn-youtube {
+ background: #FF0000;
+}
+
+.sns-btn-youtube:hover {
+ background: #cc0000;
+}
+
+/* 모바일 반응형 */
+@media (max-width: 768px) {
+ .floating-sns {
+ bottom: 20px;
+ right: 20px;
+ gap: 10px;
+ }
+
+ .sns-btn {
+ width: 45px;
+ height: 45px;
+ }
+
+ .sns-btn svg {
+ width: 20px;
+ height: 20px;
+ }
}
\ No newline at end of file
diff --git a/css/partner.css b/css/partner.css
index b70613c..41375d5 100644
--- a/css/partner.css
+++ b/css/partner.css
@@ -43,6 +43,48 @@
}
+/* 모집 마감 공지 섹션 */
+.closed-notice-section {
+ background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+ padding: 4rem 0;
+}
+
+.closed-notice-box {
+ max-width: 700px;
+ margin: 0 auto;
+ background: white;
+ padding: 3rem;
+ border-radius: 20px;
+ text-align: center;
+ box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
+ border: 3px solid #ff8800;
+}
+
+.closed-icon {
+ font-size: 4rem;
+ margin-bottom: 1.5rem;
+}
+
+.closed-title {
+ font-size: 2rem;
+ font-weight: 800;
+ color: #ff8800;
+ margin-bottom: 1.5rem;
+}
+
+.closed-message {
+ font-size: 1.2rem;
+ color: #333;
+ line-height: 1.8;
+ margin-bottom: 1rem;
+}
+
+.closed-sub {
+ font-size: 1rem;
+ color: #666;
+ margin: 0;
+}
+
/* 파트너 섹션 공통 스타일 */
.partner-conditions-section {
background: linear-gradient(135deg, #E3F2FD 0%, #FFF9C4 50%, #FFECB3 100%);
@@ -566,6 +608,23 @@
/* 반응형 디자인 */
@media (max-width: 768px) {
+ .closed-notice-box {
+ padding: 2rem 1.5rem;
+ margin: 0 1rem;
+ }
+
+ .closed-icon {
+ font-size: 3rem;
+ }
+
+ .closed-title {
+ font-size: 1.5rem;
+ }
+
+ .closed-message {
+ font-size: 1rem;
+ }
+
.partner-hero {
padding: 100px 0 80px;
min-height: 500px;
diff --git a/css/popup.css b/css/popup.css
index d9d34cd..3a0aa53 100644
--- a/css/popup.css
+++ b/css/popup.css
@@ -45,32 +45,6 @@
z-index: 9999;
}
-/* 팝업 스크롤바 커스텀 디자인 */
-.popup-container::-webkit-scrollbar {
- width: 10px;
-}
-
-.popup-container::-webkit-scrollbar-track {
- background: rgba(255, 136, 0, 0.1);
- border-radius: 10px;
-}
-
-.popup-container::-webkit-scrollbar-thumb {
- background: linear-gradient(135deg, #ff8800 0%, #ff9933 100%);
- border-radius: 10px;
- border: 2px solid rgba(255, 255, 255, 0.3);
-}
-
-.popup-container::-webkit-scrollbar-thumb:hover {
- background: linear-gradient(135deg, #ff9933 0%, #ffaa44 100%);
-}
-
-/* Firefox 스크롤바 */
-.popup-container {
- scrollbar-width: thin;
- scrollbar-color: #ff8800 rgba(255, 136, 0, 0.1);
-}
-
@keyframes popupSlideIn {
from {
transform: scale(0.8) translateY(-20px);
@@ -135,61 +109,60 @@
margin-bottom: 12px;
}
-/* 팝업 혜택 리스트 */
-.popup-benefits-list {
- display: flex;
- flex-direction: column;
- gap: 12px;
-}
-
-.popup-benefit-item {
+/* 할인 카드 */
+.discount-card {
background: white;
- border-radius: 12px;
+ border-radius: 10px;
padding: 15px;
- display: flex;
- align-items: flex-start;
- gap: 15px;
- border: 2px solid #ffe8cc;
- transition: all 0.3s ease;
+ margin-bottom: 10px;
+ border: 2px solid #ffd9a3;
+ box-shadow: 0 2px 8px rgba(255, 136, 0, 0.1);
}
-.popup-benefit-item:hover {
- border-color: #ff8800;
- box-shadow: 0 4px 12px rgba(255, 136, 0, 0.2);
-}
-
-.benefit-number {
- flex-shrink: 0;
- width: 40px;
- height: 40px;
- background: linear-gradient(135deg, #FF80AB 0%, #FF4081 100%);
- border-radius: 50%;
+.discount-card-header {
display: flex;
+ justify-content: space-between;
align-items: center;
- justify-content: center;
- font-size: 1.5rem;
- font-weight: 800;
- color: white;
- box-shadow: 0 2px 8px rgba(255, 64, 129, 0.3);
+ margin-bottom: 8px;
}
-.benefit-content {
- flex: 1;
-}
-
-.benefit-content h4 {
+.discount-card-title {
font-size: 1rem;
font-weight: 700;
- color: #FF4081;
- margin: 0 0 6px 0;
- line-height: 1.3;
+ color: #333;
}
-.benefit-content p {
- font-size: 0.875rem;
- color: #42A5F5;
- margin: 0;
- line-height: 1.4;
+.discount-badge {
+ background: linear-gradient(135deg, #ff8800, #ff9933);
+ color: white;
+ padding: 4px 10px;
+ border-radius: 20px;
+ font-size: 0.8rem;
+ font-weight: 700;
+}
+
+.discount-price {
+ display: flex;
+ align-items: baseline;
+ gap: 8px;
+}
+
+.original-price {
+ color: #999;
+ text-decoration: line-through;
+ font-size: 0.9rem;
+}
+
+.sale-price {
+ color: #ff8800;
+ font-size: 1.2rem;
+ font-weight: 700;
+}
+
+.price-note {
+ font-size: 0.8rem;
+ color: #666;
+ margin-top: 4px;
}
/* 공지사항 */
@@ -207,12 +180,33 @@
color: #666;
}
+/* 이벤트 정보 */
+.popup-info {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 10px;
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
-/* CTA 버튼 컨테이너 */
-.popup-buttons {
- display: flex;
- flex-direction: column;
- gap: 8px;
+.info-item {
+ background: white;
+ border-radius: 8px;
+ padding: 12px;
+ text-align: center;
+ border: 2px solid #ffe8cc;
+}
+
+.info-label {
+ font-size: 0.8rem;
+ color: #666;
+ margin-bottom: 4px;
+}
+
+.info-value {
+ font-size: 1rem;
+ font-weight: 700;
+ color: #ff8800;
}
/* CTA 버튼 */
@@ -229,6 +223,7 @@
border: none;
width: 100%;
box-shadow: 0 4px 15px rgba(255, 136, 0, 0.3);
+ margin-top: 5px;
}
.popup-cta:hover {
@@ -236,22 +231,51 @@
box-shadow: 0 6px 20px rgba(255, 136, 0, 0.4);
}
-/* 서브 CTA 버튼 (서비스 내용 보기) */
-.popup-cta-secondary {
- background: white;
- color: #ff8800;
- border: 2px solid #ff8800;
- box-shadow: 0 2px 8px rgba(255, 136, 0, 0.15);
+/* 팝업 푸터 */
+.popup-footer {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 12px 20px;
+ background: #f8f9fa;
+ border-top: 1px solid #e9ecef;
}
-.popup-cta-secondary:hover {
- background: #fff8f0;
- box-shadow: 0 4px 12px rgba(255, 136, 0, 0.25);
+.popup-checkbox {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ cursor: pointer;
+ user-select: none;
}
-/* 팝업 바디 하단 여백 조정 */
-.popup-body {
- padding: 20px 20px 30px 20px;
+.popup-checkbox input[type="checkbox"] {
+ width: 16px;
+ height: 16px;
+ cursor: pointer;
+ accent-color: #ff8800;
+}
+
+.popup-checkbox label {
+ font-size: 0.85rem;
+ color: #666;
+ cursor: pointer;
+}
+
+.popup-close-btn {
+ background: #6c757d;
+ color: white;
+ border: none;
+ padding: 6px 16px;
+ border-radius: 6px;
+ font-size: 0.85rem;
+ font-weight: 600;
+ cursor: pointer;
+ transition: background 0.2s ease;
+}
+
+.popup-close-btn:hover {
+ background: #5a6268;
}
/* X 닫기 버튼 */
@@ -308,11 +332,25 @@
padding: 15px;
}
- .benefit-content h4 {
- font-size: 0.95rem;
+ .discount-card {
+ padding: 12px;
}
- .benefit-content p {
- font-size: 0.8rem;
+ .popup-info {
+ grid-template-columns: 1fr;
+ }
+
+ .popup-footer {
+ flex-direction: column;
+ gap: 10px;
+ padding: 12px 15px;
+ }
+
+ .popup-checkbox {
+ width: 100%;
+ }
+
+ .popup-close-btn {
+ width: 100%;
}
}
diff --git a/gallery.html b/gallery.html
index 11fcabd..1ba3131 100644
--- a/gallery.html
+++ b/gallery.html
@@ -1,6 +1,13 @@
+
+
+
스튜디오 갤러리 - 밍글 스튜디오
@@ -53,6 +60,11 @@
+
+
+
+
diff --git a/index.html b/index.html
index 05ce089..874c18f 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,13 @@
+
+
+
밍글 스튜디오 - 모션캡쳐 창작 스튜디오
@@ -288,62 +295,77 @@
-
+
+
+
+
+