Fix : 웹사이트 정보 수정 및 이미지 용량 최적화

index.html

@@ -4,6 +4,98 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>밍글 스튜디오 - 모션캡쳐 창작 스튜디오</title>
+    
+    <!-- SEO 메타 태그 -->
+    <meta name="description" content="밍글 스튜디오 - 모션캡쳐 스튜디오 대관 서비스. OptiTrack 기반 28대 카메라 시스템으로 전신/페이셜 모션캡쳐 가능. 시간당 20만원. 인천테크노밸리 위치.">
+    <meta name="keywords" content="모션캡쳐, 스튜디오 대관, OptiTrack, 모션캡처, 3D 애니메이션, 버추얼 콘텐츠, 인천 스튜디오, 모션캡쳐 대관, 3D 캐릭터 애니메이션">
+    <meta name="author" content="밍글 스튜디오">
+    <meta name="robots" content="index, follow">
+    <meta name="language" content="ko">
+    <meta name="revisit-after" content="7 days">
+    
+    <!-- Open Graph 태그 (소셜 미디어 공유용) -->
+    <meta property="og:title" content="밍글 스튜디오 - 모션캡쳐 창작 스튜디오">
+    <meta property="og:description" content="최첨단 모션캡쳐 기술로 버추얼 캐릭터의 살아 숨쉬는 감정과 움직임을 담아 새로운 세대의 디지털 퍼포먼스를 실현합니다">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://minglestudio.co.kr/">
+    <meta property="og:image" content="https://minglestudio.co.kr/mingle%20logo.webp">
+    <meta property="og:site_name" content="밍글 스튜디오">
+    <meta property="og:locale" content="ko_KR">
+    
+    <!-- Twitter Card 태그 -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="밍글 스튜디오 - 모션캡쳐 창작 스튜디오">
+    <meta name="twitter:description" content="최첨단 모션캡쳐 기술로 버추얼 캐릭터의 살아 숨쉬는 감정과 움직임을 담아 새로운 세대의 디지털 퍼포먼스를 실현합니다">
+    <meta name="twitter:image" content="https://minglestudio.co.kr/mingle%20logo.webp">
+    
+    <!-- 파비콘 -->
+    <link rel="icon" type="image/webp" href="mingle logo.webp">
+    <link rel="apple-touch-icon" href="mingle logo.webp">
+    
+    <!-- 구조화된 데이터 (JSON-LD) -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "LocalBusiness",
+      "name": "밍글 스튜디오",
+      "alternateName": "MINGLE STUDIO",
+      "description": "모션캡쳐 스튜디오 대관 서비스. OptiTrack 기반 28대 카메라 시스템으로 전신/페이셜 모션캡쳐 가능",
+      "url": "https://minglestudio.co.kr/",
+      "logo": "https://minglestudio.co.kr/mingle%20logo.webp",
+      "image": "https://minglestudio.co.kr/mingle%20logo.webp",
+      "address": {
+        "@type": "PostalAddress",
+        "addressLocality": "인천",
+        "addressRegion": "부평구",
+        "streetAddress": "주부토로 236, 인천테크노밸리 A동 B105호",
+        "postalCode": "21330",
+        "addressCountry": "KR"
+      },
+      "telephone": "010-9288-9190",
+      "email": "minglestudio.mocap@gmail.com",
+      "openingHours": "Mo-Su 09:00-18:00",
+      "priceRange": "$$",
+      "currenciesAccepted": "KRW",
+      "paymentAccepted": "Cash, Credit Card",
+      "foundingDate": "2024-07-05",
+      "founder": {
+        "@type": "Person",
+        "name": "김희진"
+      },
+      "serviceArea": {
+        "@type": "GeoCircle",
+        "geoMidpoint": {
+          "@type": "GeoCoordinates",
+          "latitude": 37.5665,
+          "longitude": 126.9780
+        },
+        "geoRadius": "50000"
+      },
+      "hasOfferCatalog": {
+        "@type": "OfferCatalog",
+        "name": "스튜디오 대관 서비스",
+        "itemListElement": [
+          {
+            "@type": "Offer",
+            "itemOffered": {
+              "@type": "Service",
+              "name": "모션캡쳐 스튜디오 대관",
+              "description": "OptiTrack 기반 28대 카메라 시스템으로 전신/페이셜 모션캡쳐 가능"
+            },
+            "price": "200000",
+            "priceCurrency": "KRW",
+            "priceSpecification": {
+              "@type": "UnitPriceSpecification",
+              "price": "200000",
+              "priceCurrency": "KRW",
+              "unitText": "시간당"
+            }
+          }
+        ]
+      }
+    }
+    </script>
+    
     <link rel="stylesheet" href="styles.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -97,7 +189,7 @@
     <nav class="navbar">
         <div class="nav-container">
             <div class="nav-logo" style="display:flex;align-items:center;gap:0.7rem;">
-                <img src="mingle logo.png" alt="밍글 스튜디오 로고" style="height:38px;width:auto;display:inline-block;vertical-align:middle;">
+                <img src="mingle logo.webp" alt="밍글 스튜디오 로고" style="height:38px;width:auto;display:inline-block;vertical-align:middle;">
                 <span style="font-size:1.3rem;font-weight:700;color:#ff8800;letter-spacing:0.01em;">밍글 스튜디오</span>
             </div>
             <ul class="nav-menu">
@@ -115,12 +207,12 @@
     <section class="section" style="background:linear-gradient(120deg,#fff7ed 60%,#ffe0b2 100%);padding-top:7rem;">
         <div class="container flex" style="align-items:center;">
             <div style="flex:1;min-width:260px;">
-                <h1 style="font-size:2.7rem;font-weight:800;line-height:1.2;">섞임 속에서 피어나는 창조<br><span class="highlight">mingle studio</span></h1>
+                <h1 style="font-size:2.7rem;font-weight:800;line-height:1.2;">밍글스튜디오<br><span class="highlight">MINGLE STUDIO</span></h1>
-                <p style="margin:1.2rem 0 2rem;color:#555;font-size:1.15rem;">다양한 창작자와 기술이 섞여 새로운 가치를 만들어내는 공간<br><span style="color:#ff8800;font-weight:600;">2025년 7월 1일 설립</span></p>
+                <p style="margin:1.2rem 0 2rem;color:#555;font-size:1.15rem;">기술과 창의력 열정이 한데 섞여 새로운 가치가 만들어지는 공간<br><span style="color:#ff8800;font-weight:600;">2024년 7월 5일 설립</span></p>
                 <a href="#about" class="btn btn-primary">회사 소개 보기</a>
             </div>
             <div style="flex:1;min-width:220px;text-align:center;">
-                <img src="mingle logo.png" alt="밍글 스튜디오 로고" style="max-width:260px;width:90%;">
+                <img src="mingle logo.webp" alt="밍글 스튜디오 로고" style="max-width:260px;width:90%;">
             </div>
         </div>
     </section>
@@ -130,20 +222,19 @@
         <div class="container">
             <div class="section-header">
                 <h2>About</h2>
-                <p><b>회사명:</b> 밍글 스튜디오 (mingle studio) &nbsp;|&nbsp; <b>설립일:</b> 2025년 7월 1일<br><b>슬로건:</b> “섞임 속에서 피어나는 창조 – mingle studio”<br><span style="font-size:0.95em;color:#888;">(의미: 다양한 창작자와 기술이 섞여 새로운 가치를 만들어내는 공간)</span></p>
+                <p><b>회사명:</b> 밍글 스튜디오 (mingle studio) &nbsp;|&nbsp; <b>설립일:</b> 2024년 7월 5일<br><b>슬로건:</b> "모두가 어우러진 즐거운 창작공간"<br><span style="font-size:0.95em;color:#888;line-height:1.6;display:inline-block;margin-top:0.5rem;">(의미: Mingle Studio는 기술자와 크리에이터 그리고 시청자가 함께 어우러지는 버추얼 콘텐츠 제작 공간입니다.<br>최첨단 광학식 모션캡처 기술로 버추얼 캐릭터의 살아 숨쉬는 감정과 움직임을 담아 새로운 세대의 디지털 퍼포먼스를 실현합니다)</span></p>
             </div>
             <div class="card">
                 <h3 style="margin-bottom:0.7rem;">회사 소개</h3>
-                <p>밍글 스튜디오는 창작자와 기술, 사람과 사람 사이의 '어우러짐'을 통해 새로운 콘텐츠를 만들어가는 모션 캡쳐 기반의 창작 공간입니다.<br>2025년 설립 이후, 누구나 편하게 사용 가능한 스튜디오 대관 서비스를 중심으로 버추얼 콘텐츠 제작 환경을 제공합니다.</p>
+                <p>밍글 스튜디오는 창작자와 기술, 사람과 사람 사이의 '어우러짐'을 통해 새로운 콘텐츠를 만들어가는 모션 캡쳐 기반의 창작 공간입니다.<br>2024년 설립 이후, 누구나 편하게 사용 가능한 스튜디오 대관 서비스를 중심으로 버추얼 콘텐츠 제작 환경을 제공합니다.</p>
             </div>
             <div class="card">
                 <h3 style="margin-bottom:0.7rem;">연혁 / 타임라인</h3>
                 <table class="table">
                     <thead><tr><th>날짜</th><th>이벤트</th></tr></thead>
                     <tbody>
-                        <tr><td>2025년 7월 1일</td><td>밍글 스튜디오 설립</td></tr>
+                        <tr><td>2024년 7월 5일</td><td>밍글 스튜디오 회사 설립</td></tr>
-                        <tr><td>(예정)</td><td>첫 상업 프로젝트 진행</td></tr>
+                        <tr><td>2025년 7월 1일</td><td>밍글 스튜디오 오픈</td></tr>
-                        <tr><td>(예정)</td><td>실시간 스트리밍 베타 개시</td></tr>
                     </tbody>
                 </table>
             </div>
@@ -153,67 +244,141 @@
             </div>
             <div class="flex">
                 <div class="team-card">
-                    <h4>김광진 (카닉)</h4>
+                    <h4>김희진 (JAYJAY)</h4>
+                    <div class="role">대표 / 3D 아티스트</div>
+                    <div class="desc">배경/리소스 제작, 일정 조율, 인사 및 프로젝트 관리</div>
+                </div>
+                <div class="team-card">
+                    <h4>김광진 (KINDNICK)</h4>
                     <div class="role">TD / 테크니컬 디렉터</div>
                     <div class="desc">스튜디오 전체 기술 운영, 모션캡쳐 장비 관리, 음향 시스템, 엔진 프로그래밍 등</div>
                 </div>
                 <div class="team-card">
-                    <h4>이승민 (야모)</h4>
+                    <h4>이승민 (YAMO)</h4>
-                    <div class="role">모션캡쳐 디렉터</div>
+                    <div class="role">콘텐츠 디렉터</div>
                     <div class="desc">캡쳐 디렉팅, 배우 모션 클린업, 카메라 무빙, 퍼포먼스 연출 등</div>
                 </div>
-                <div class="team-card">
-                    <h4>김희진 (제이제이)</h4>
-                    <div class="role">3D 아티스트 / 운영 PM</div>
-                    <div class="desc">배경/리소스 제작, 일정 조율, 인사 및 프로젝트 관리</div>
             </div>
         </div>
-            <div style="color:#888;font-size:0.98rem;margin-top:1.2rem;">💬 팀 소개는 추후 프로필 이미지나 SNS 링크를 추가해 확장 가능합니다.</div>
-        </div>
     </section>
     <!-- Services -->
     <section id="services" class="section" style="background:#fff;">
         <div class="container">
             <div class="section-header">
-                <h2>주요 서비스</h2>
+                <h2>주요 서비스 소개</h2>
             </div>
+            
+            <!-- 서비스 항목 테이블 -->
             <div class="card">
-                <table class="table">
+                <h3 style="margin-bottom:1.5rem;">서비스 항목 및 요금</h3>
-                    <thead><tr><th>서비스 항목</th><th>설명</th><th>비고</th></tr></thead>
+                <table class="table" style="text-align:center;">
+                    <thead>
+                        <tr>
+                            <th style="text-align:center;">서비스 항목</th>
+                            <th style="text-align:center;">설명</th>
+                            <th style="text-align:center;">요금</th>
+                        </tr>
+                    </thead>
                     <tbody>
-                        <tr><td><b>모션캡쳐 스튜디오 대관</b></td><td>OptiTrack 기반, 실내 전신 캡쳐 가능 / 시간당 20만원</td><td>실시간 모니터링 가능</td></tr>
+                        <tr>
-                        <tr><td><b>리타겟팅 서비스</b></td><td>캡쳐 데이터의 3D 모델 애니메이션 적용 지원</td><td>별도 문의 가능</td></tr>
+                            <td><b>모션캡쳐 스튜디오 대관</b></td>
-                        <tr><td><b>실시간 스트리밍</b></td><td>현재 준비 중이며, 사전 문의 시 진행 가능</td><td>OBS, Unity 연동 지원 예정</td></tr>
+                            <td>
+                                • 28대의 광학식 카메라 시스템 (OptiTrack)<br>
+                                • 모션캡쳐 수트 및 장갑 지원 (Rokoko Glove)<br>
+                                • 스튜디오 면적: 8m(가로) x 7m(세로) x 2.6m(높이)<br>
+                                • 실시간 모니터링 장비 보유<br>
+                                • 전신 및 페이셜 모션캡쳐 가능<br>
+                                • 동시 이용가능 인원: 최대 4인<br>
+                                • 모션 녹화 파일 제공<br>
+                                • 실시간 오퍼레이팅 지원
+                            </td>
+                            <td>시간당 200,000원<br>(VAT 별도)</td>
+                        </tr>
+                        <tr>
+                            <td><b>모션 리타겟팅</b></td>
+                            <td>모션 데이터의 리타겟팅 지원</td>
+                            <td>별도 문의<br>(프로젝트별 견적)</td>
+                        </tr>
+                        <tr>
+                            <td><b>실시간 스트리밍</b></td>
+                            <td>실시간 스트리밍 서비스</td>
+                            <td>준비중</td>
+                        </tr>
                     </tbody>
                 </table>
             </div>
+
+            <!-- 서비스 이용 안내 -->
             <div class="card">
-                <h3 style="margin-bottom:0.7rem;">대관 서비스 안내</h3>
+                <h3 style="margin-bottom:1.5rem;">서비스 이용 안내</h3>
-                <table class="table">
+                
-                    <thead><tr><th>항목</th><th>내용</th></tr></thead>
+                <h4 style="color:#ff8800;margin-bottom:1rem;">1) 스튜디오 대관 절차</h4>
+                <div style="background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:2rem;">
+                    <div style="display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;">
+                        <span style="background:#ff8800;color:#fff;padding:0.5rem 1rem;border-radius:20px;font-weight:600;">스튜디오 예약 구글 폼 제출</span>
+                        <span style="font-size:1.5rem;">→</span>
+                        <span style="background:#ff8800;color:#fff;padding:0.5rem 1rem;border-radius:20px;font-weight:600;">담당자 확인 및 세부사항 협의</span>
+                        <span style="font-size:1.5rem;">→</span>
+                        <span style="background:#ff8800;color:#fff;padding:0.5rem 1rem;border-radius:20px;font-weight:600;">전액 결제</span>
+                        <span style="font-size:1.5rem;">→</span>
+                        <span style="background:#ff8800;color:#fff;padding:0.5rem 1rem;border-radius:20px;font-weight:600;">예약 확정</span>
+                    </div>
+                    <div style="margin-top:1.5rem;text-align:center;">
+                        <a href="https://docs.google.com/forms/d/e/1FAIpQLSdLBLV1wLDvxxH6KTSjrwrUjI7VkQSdy9KL7mjSfNWBsY-qLw/viewform" target="_blank" class="btn btn-primary" style="margin:0 0.5rem;">📝 네이버 폼으로 예약 신청하기</a>
+                        <p style="margin-top:0.5rem;color:#666;font-size:0.9rem;">※ 네이버 플레이스를 통한 예약도 가능합니다</p>
+                    </div>
+                </div>
+
+                <h4 style="color:#ff8800;margin-bottom:1rem;">2) 예약 안내</h4>
+                <ul style="margin-bottom:2rem;padding-left:1.5rem;">
+                    <li style="margin-bottom:0.5rem;">스튜디오 예약은 이용 희망일로부터 최소 2주 전에 신청하시는 것을 권장합니다.</li>
+                    <li style="margin-bottom:0.5rem;">예약 확정 후 고객의 사정으로 인한 예약 취소 시 일정 기준에 따른 위약금이 발생합니다.</li>
+                </ul>
+
+                <h4 style="color:#ff8800;margin-bottom:1rem;">3) 취소 환불 규정</h4>
+                <table class="table" style="margin-bottom:2rem;">
+                    <thead>
+                        <tr>
+                            <th style="text-align:center;">취소 시점</th>
+                            <th style="text-align:center;">환불 비율</th>
+                        </tr>
+                    </thead>
                     <tbody>
-                        <tr><td><b>이용 요금</b></td><td>시간당 <b>200,000원 (VAT 별도)</b></td></tr>
+                        <tr>
-                        <tr><td><b>촬영 장비</b></td><td>OptiTrack (옵티트랙) 시스템, Rokoko Glove (로코코 장갑) 지원</td></tr>
+                            <td style="text-align:center;">예약일로부터 7일 전</td>
-                        <tr><td><b>공간 크기</b></td><td>8m x 7m</td></tr>
+                            <td style="text-align:center;">100% 환불</td>
-                        <tr><td><b>리타겟팅 서비스</b></td><td>모션 데이터의 3D 모델 적용 가능 (문의 필요)</td></tr>
+                        </tr>
-                        <tr><td><b>영상 촬영</b></td><td>뮤직비디오/퍼포먼스 등 별도 견적 (사전 협의 필수)</td></tr>
+                        <tr>
+                            <td style="text-align:center;">예약일로부터 3일 전</td>
+                            <td style="text-align:center;">70% 환불</td>
+                        </tr>
+                        <tr>
+                            <td style="text-align:center;">예약일로부터 2일 전</td>
+                            <td style="text-align:center;">50% 환불</td>
+                        </tr>
+                        <tr>
+                            <td style="text-align:center;">당일 취소</td>
+                            <td style="text-align:center;">환불 불가</td>
+                        </tr>
                     </tbody>
                 </table>
-                <div style="margin-top:1.2rem;">
+
-                    <b>예약 및 문의</b><br>
+                <h4 style="color:#ff8800;margin-bottom:1rem;">4) 방문 안내</h4>
-                    대관/견적 문의 및 협업 요청은 아래 이메일로 연락 주세요.<br>
+                <ul style="margin-bottom:2rem;padding-left:1.5rem;">
-                    문의 시 사용 목적(게임/공연/영상 등)과 희망 일정, 장비 필요 여부를 함께 적어주시면 빠른 응답이 가능합니다.<br>
+                    <li style="margin-bottom:0.5rem;">본 촬영 전 모션캡쳐 수트 착용 등의 준비시간이 소요되므로 촬영예정 시간 최소 30분 전에 방문 부탁드립니다. (준비시간은 이용시간에 포함되지 않습니다)</li>
-                    <span style="color:#ff8800;font-weight:600;">이메일: minglestudio.mocap@gmail.com</span><br>
+                    <li style="margin-bottom:0.5rem;">안경, 귀걸이 등 반사가 잘 되는 재질의 악세사리는 촬영 시 가급적 착용을 자제하여 주시기 바랍니다.</li>
-                    <span style="color:#888;">예약 폼: (추후 추가 예정)</span>
-                </div>
-                <div style="margin-top:1.2rem;">
-                    <b>안내 사항</b>
-                    <ul style="margin:0.5rem 0 0 1.2rem; color:#666;">
-                        <li>공간 내에서 녹음/음성 녹취는 별도 장비 필요 시 사전 협의 바랍니다.</li>
-                        <li>로코코 글러브는 손가락까지 세밀한 모션 수집이 가능합니다.</li>
-                        <li>실시간 스트리밍 연동은 현재 준비 중이며 사전 테스트 가능 여부는 별도 협의합니다.</li>
                 </ul>
             </div>
+
+            <!-- 스튜디오 이용 시 유의사항 -->
+            <div class="card">
+                <h3 style="margin-bottom:1.5rem;">스튜디오 이용 시 유의사항</h3>
+                <ul style="padding-left:1.5rem;">
+                    <li style="margin-bottom:1rem;">스튜디오 내 모든 장비 및 설비는 소중히 다루어 주시기를 부탁드립니다.</li>
+                    <li style="margin-bottom:1rem;">모션캡쳐 장비이용이 익숙하지 않으신 경우 사전에 운영진의 안내를 받으시거나 도움을 요청해 주세요. 정성껏 도와드리겠습니다.</li>
+                    <li style="margin-bottom:1rem;">쾌적한 촬영환경과 장비 보호를 위해 촬영공간 내 음식물 반입 및 섭취를 지양해 주시기 바랍니다.</li>
+                    <li style="margin-bottom:1rem;">대여 중 고객님의 고의 또는 과실로 인한 장비의 훼손 또는 분실이 발생한 경우, 수리 또는 교체에 필요한 비용이 청구될 수 있습니다.</li>
+                </ul>
             </div>
         </div>
     </section>
@@ -262,13 +427,6 @@
                         <div class="youtube-embed"><iframe width="100%" height="220" src="https://vod.sooplive.co.kr/player/159299033" title="뉴걸의 첫 모캡방송! 춤 못 추면 댄스방송 하면 안 되나요?" frameborder="0" allowfullscreen></iframe></div>
                     </div>
                 </div>
-                <div style="margin-top:1.2rem;color:#888;">
-                    🎬 업로드 예정 콘텐츠 예시:<br>
-                    - 리타겟팅 예시 영상<br>
-                    - 로코코 장갑 활용 시범 영상<br>
-                    - 퍼포먼스 기반 뮤직비디오 촬영 사례<br>
-                    - 실시간 스트리밍 테스트 영상 등
-                </div>
             </div>
         </div>
     </section>
@@ -282,35 +440,35 @@
             </div>
             <div class="gallery-grid">
                 <div class="studio-img-card">
-                    <img src="Studio_Image/넓은 모션 캡쳐 공간 001.jpg" alt="메인 모션캡쳐 존(전경)" class="studio-img-thumb">
+                    <img src="Studio_Image/넓은 모션 캡쳐 공간 001.webp" alt="메인 모션캡쳐 존(전경)" class="studio-img-thumb">
                     <div class="studio-img-caption">메인 모션캡쳐 존(전경)</div>
                 </div>
                 <div class="studio-img-card">
-                    <img src="Studio_Image/넓은 모션 캡쳐 공간 002.jpg" alt="메인 모션캡쳐 존(측면)" class="studio-img-thumb">
+                    <img src="Studio_Image/넓은 모션 캡쳐 공간 002.webp" alt="메인 모션캡쳐 존(정면)" class="studio-img-thumb">
-                    <div class="studio-img-caption">메인 모션캡쳐 존(측면)</div>
+                    <div class="studio-img-caption">메인 모션캡쳐 존(정면)</div>
                 </div>
                 <div class="studio-img-card">
-                    <img src="Studio_Image/프라이핏한 모션 캡쳐 공간.jpg" alt="프라이빗 모션캡쳐 존" class="studio-img-thumb">
+                    <img src="Studio_Image/프라이핏한 모션 캡쳐 공간.webp" alt="프라이빗 모션캡쳐 존" class="studio-img-thumb">
                     <div class="studio-img-caption">프라이빗 모션캡쳐 존</div>
                 </div>
                 <div class="studio-img-card">
-                    <img src="Studio_Image/오퍼레이팅 공간 강조.jpg" alt="오퍼레이팅/컨트롤룸" class="studio-img-thumb">
+                    <img src="Studio_Image/오퍼레이팅 공간 강조.webp" alt="오퍼레이팅/컨트롤룸" class="studio-img-thumb">
                     <div class="studio-img-caption">오퍼레이팅/컨트롤룸</div>
                 </div>
                 <div class="studio-img-card">
-                    <img src="Studio_Image/커튼을 친 외부 전경.jpg" alt="외부 전경(커튼 오픈)" class="studio-img-thumb">
+                    <img src="Studio_Image/커튼을 친 외부 전경.webp" alt="외부 전경(커튼 오픈)" class="studio-img-thumb">
                     <div class="studio-img-caption">외부 전경(커튼 오픈)</div>
                 </div>
                 <div class="studio-img-card">
-                    <img src="Studio_Image/스튜디오와 연결된 파우더룸.jpg" alt="파우더룸(스튜디오 연결)" class="studio-img-thumb">
+                    <img src="Studio_Image/스튜디오와 연결된 파우더룸.webp" alt="파우더룸(스튜디오 연결)" class="studio-img-thumb">
                     <div class="studio-img-caption">파우더룸(스튜디오 연결)</div>
                 </div>
                 <div class="studio-img-card">
-                    <img src="Studio_Image/탈의실 내부 공간.jpg" alt="탈의실(내부)" class="studio-img-thumb">
+                    <img src="Studio_Image/탈의실 내부 공간.webp" alt="탈의실(내부)" class="studio-img-thumb">
                     <div class="studio-img-caption">탈의실(내부)</div>
                 </div>
                 <div class="studio-img-card">
-                    <img src="Studio_Image/탈의실 외부 공간.jpg" alt="탈의실(외부)" class="studio-img-thumb">
+                    <img src="Studio_Image/탈의실 외부 공간.webp" alt="탈의실(외부)" class="studio-img-thumb">
                     <div class="studio-img-caption">탈의실(외부)</div>
                 </div>
             </div>
@@ -431,12 +589,12 @@
                 <h2>FAQ – 자주 묻는 질문</h2>
             </div>
             <ul class="faq-list">
-                <li><div class="faq-q">Q1. 스튜디오 대관은 어떻게 예약하나요?</div><div class="faq-a">A. 이메일 문의 또는 예약 폼 작성 후 전달해주시면 됩니다.<br>📧 minglestudio.mocap@gmail.com</div></li>
+                <li><div class="faq-q">Q1. 스튜디오 대관은 어떻게 예약하나요?</div><div class="faq-a">A. 이메일 문의 또는 예약 폼 작성 후 전달해주시면 됩니다.<br>📧 minglestudio.mocap@gmail.com<br><br><a href="https://docs.google.com/forms/d/e/1FAIpQLSdLBLV1wLDvxxH6KTSjrwrUjI7VkQSdy9KL7mjSfNWBsY-qLw/viewform" target="_blank" class="btn btn-primary" style="margin:0.5rem 0;">📝 네이버 폼으로 예약 신청하기</a></div></li>
                 <li><div class="faq-q">Q2. 최소 대관 시간은 어떻게 되나요?</div><div class="faq-a">A. 최소 대관은 2시간부터 가능합니다.</div></li>
-                <li><div class="faq-q">Q3. 대관은 얼마나 전에 예약해야 하나요?</div><div class="faq-a">A. 최소 3~4일 전에 연락주시면 원활하게 준비가 가능합니다.</div></li>
+                <li><div class="faq-q">Q3. 대관은 얼마나 전에 예약해야 하나요?</div><div class="faq-a">A. 최소 2주 전에 연락주시면 원활하게 준비가 가능합니다.</div></li>
                 <li><div class="faq-q">Q4. 현장 결제가 가능한가요?</div><div class="faq-a">A. 네, 가능합니다.</div></li>
                 <li><div class="faq-q">Q5. 세금계산서 발행이 가능한가요?</div><div class="faq-a">A. 네, 사업자용 세금계산서 발행 가능합니다.</div></li>
-                <li><div class="faq-q">Q6. 예약금 제도와 환불 규정이 있나요?</div><div class="faq-a">A. 예약 시 총 대여 금액의 20%를 선결제하셔야 예약이 확정됩니다.<br><br>아래는 예시 환불 규정입니다 (법적 관점에서도 일반적인 수준):<br><table class="table"><thead><tr><th>취소 시점</th><th>환불 비율</th></tr></thead><tbody><tr><td>이용일 5일 전까지</td><td>100% 환불</td></tr><tr><td>이용일 3~4일 전</td><td>50% 환불</td></tr><tr><td>이용일 2일 이내</td><td>환불 불가</td></tr></tbody></table></div></li>
+                <li><div class="faq-q">Q6. 예약금 제도와 환불 규정이 있나요?</div><div class="faq-a">A. 아래는 환불 규정입니다:<br><table class="table"><thead><tr><th>취소 시점</th><th>환불 비율</th></tr></thead><tbody><tr><td>예약일로부터 7일 전</td><td>100% 환불</td></tr><tr><td>예약일로부터 3일 전</td><td>70% 환불</td></tr><tr><td>예약일로부터 2일 전</td><td>50% 환불</td></tr><tr><td>당일 취소</td><td>환불 불가</td></tr></tbody></table></div></li>
                 <li><div class="faq-q">Q7. 모션 캡쳐 데이터는 어떤 형식으로 제공되나요?</div><div class="faq-a">A. FBX, ANIM 포맷으로 제공되며, 문의 시 세부사항 안내해드립니다.</div></li>
                 <li><div class="faq-q">Q8. 리타겟팅도 함께 제공되나요?</div><div class="faq-a">A. 기본 리타겟팅이 포함되어 있으며, 추가적인 클린업/후처리는 별도 견적 협의 후 제공됩니다.</div></li>
                 <li><div class="faq-q">Q9. 실시간 미리보기나 스트리밍이 가능한가요?</div><div class="faq-a">A. 실시간 미리보기는 가능하며, 실시간 스트리밍은 지원 예정입니다.</div></li>

styles.css

@@ -241,7 +241,7 @@ section {
 .section-header p {
     font-size: 1.1rem;
     color: #666;
-    max-width: 600px;
+    max-width: 1000px;
     margin: 0 auto;
 }