diff --git a/404.html b/404.html index f7d143b..7656123 100644 --- a/404.html +++ b/404.html @@ -1,6 +1,13 @@ + + + 페이지를 찾을 수 없습니다 - 밍글 스튜디오 @@ -141,6 +148,11 @@ + + + +
404

페이지를 찾을 수 없습니다

diff --git a/Profile_image/야모.png b/Profile_image/야모.png new file mode 100644 index 0000000..c1d8556 Binary files /dev/null and b/Profile_image/야모.png differ diff --git a/Profile_image/제이제이.png b/Profile_image/제이제이.png new file mode 100644 index 0000000..dd75ce1 Binary files /dev/null and b/Profile_image/제이제이.png differ diff --git a/Profile_image/카닉.png b/Profile_image/카닉.png new file mode 100644 index 0000000..93822f1 Binary files /dev/null and b/Profile_image/카닉.png differ diff --git a/about.html b/about.html index b225e2b..f702a28 100644 --- a/about.html +++ b/about.html @@ -1,6 +1,13 @@ + + + 회사소개 - 밍글 스튜디오 @@ -49,6 +56,11 @@ + + + +
@@ -152,23 +164,29 @@
-
👤
+
+ 김희진 프로필 +

김희진

JAYJAY

대표 / 3D 아티스트

배경/리소스 제작, 인사 및 프로젝트 관리

- +
-
👤
+
+ 김광진 프로필 +

김광진

KINDNICK

CTO / 테크니컬 디렉터

스튜디오 전체 기술 운영, 모션캡쳐 장비 관리, 음향 시스템, 엔진 프로그래밍

- +
-
👤
+
+ 이승민 프로필 +

이승민

YAMO

CCO / 콘텐츠 디렉터

@@ -185,7 +203,7 @@

Core Values

밍글 스튜디오가 추구하는 핵심 가치

- +
🤝
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 @@ - + + + + +