385 lines
20 KiB
HTML
385 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>서비스 소개 - 밍글 스튜디오</title>
|
|
|
|
<!-- 파비콘 -->
|
|
<link rel="icon" type="image/webp" href="/mingle-logo.webp">
|
|
<link rel="shortcut icon" type="image/webp" href="/mingle-logo.webp">
|
|
|
|
<!-- Canonical URL -->
|
|
<link rel="canonical" href="https://minglestudio.co.kr/services.html">
|
|
|
|
<!-- Theme Color -->
|
|
<meta name="theme-color" content="#ff8800">
|
|
|
|
<!-- SEO 메타 태그 -->
|
|
<meta name="description" content="밍글 스튜디오 서비스 소개 - OptiTrack 모션캡쳐 스튜디오 대관, 시간당 22만원, 전신/페이셜 캡쳐, 실시간 스트리밍 지원">
|
|
<meta name="keywords" content="모션캡쳐 대관, OptiTrack, 스튜디오 요금, 버튜버 방송, 실시간 스트리밍">
|
|
<meta name="author" content="밍글 스튜디오">
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:title" content="서비스 소개 - 밍글 스튜디오">
|
|
<meta property="og:description" content="OptiTrack 시스템 기반 모션캡쳐 스튜디오 대관 서비스">
|
|
<meta property="og:url" content="https://minglestudio.co.kr/services.html">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:image" content="https://minglestudio.co.kr/mingle-logo.webp">
|
|
<meta property="og:site_name" content="밍글 스튜디오">
|
|
|
|
<!-- Twitter Card -->
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="서비스 소개 - 밍글 스튜디오">
|
|
<meta name="twitter:description" content="OptiTrack 시스템 기반 모션캡쳐 스튜디오 대관 서비스">
|
|
<meta name="twitter:image" content="https://minglestudio.co.kr/mingle-logo.webp">
|
|
|
|
<!-- 폰트 -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css" rel="stylesheet">
|
|
|
|
<!-- 아이콘 폰트 (이모지 대체용) -->
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
|
|
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="css/common.css">
|
|
<link rel="stylesheet" href="css/services.css">
|
|
</head>
|
|
<body>
|
|
<!-- 헤더 -->
|
|
<div id="header-placeholder"></div>
|
|
|
|
<!-- 브레드크럼 -->
|
|
<nav class="breadcrumb">
|
|
<div class="container">
|
|
<ol class="breadcrumb-list">
|
|
<li class="breadcrumb-item">
|
|
<a href="index.html" class="breadcrumb-link breadcrumb-home">🏠 홈</a>
|
|
</li>
|
|
<li class="breadcrumb-item">
|
|
<span class="breadcrumb-current">서비스 안내</span>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- 페이지 헤더 -->
|
|
<section class="page-header">
|
|
<div class="container">
|
|
<h1>Services</h1>
|
|
<p>최첨단 모션캡쳐 시설과 전문 서비스를 제공합니다</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 주요 서비스 소개 -->
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2>주요 서비스 소개</h2>
|
|
</div>
|
|
|
|
<!-- 서비스 항목 테이블 -->
|
|
<div class="services-table-wrapper">
|
|
<div class="card">
|
|
<h3>서비스 항목 및 요금</h3>
|
|
<div class="table-responsive">
|
|
<table class="services-table">
|
|
<thead>
|
|
<tr>
|
|
<th>서비스 항목</th>
|
|
<th>설명</th>
|
|
<th>요금</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="main-service">
|
|
<td>
|
|
<div class="service-name">
|
|
<span class="service-icon">🎬</span>
|
|
<strong>모션캡쳐 스튜디오 대관</strong>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<ul class="service-features">
|
|
<li>28대의 광학식 카메라 시스템 (OptiTrack)</li>
|
|
<li>모션캡쳐 수트 및 장갑 지원 (Rokoko Glove)</li>
|
|
<li>스튜디오 면적: 8m(가로) x 7m(세로) x 2.6m(높이)</li>
|
|
<li>실시간 모니터링 장비 보유</li>
|
|
<li>전신 및 페이셜 모션캡쳐 가능</li>
|
|
<li>동시 이용가능 인원: 최대 4인</li>
|
|
<li>모션 녹화 파일 제공</li>
|
|
<li>실시간 오퍼레이팅 지원</li>
|
|
</ul>
|
|
</td>
|
|
<td class="pricing">
|
|
<div class="price-main">시간당 220,000원</div>
|
|
<div class="price-sub">(VAT 포함)</div>
|
|
<div class="price-detail">
|
|
<strong>최소 이용: 2시간</strong><br><br>
|
|
<strong>인원 요금:</strong><br>
|
|
• 기본 인원: 2인<br>
|
|
• 추가 인원: +110,000원/시간당
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="service-name">
|
|
<span class="service-icon">🔄</span>
|
|
<strong>모션 리타겟팅</strong>
|
|
</div>
|
|
</td>
|
|
<td>모션 데이터의 리타겟팅 지원</td>
|
|
<td class="pricing">
|
|
<div class="price-main">별도 문의</div>
|
|
<div class="price-sub">(프로젝트별 견적)</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="service-name">
|
|
<span class="service-icon">📺</span>
|
|
<strong>실시간 스트리밍</strong>
|
|
</div>
|
|
</td>
|
|
<td>실시간 스트리밍 서비스</td>
|
|
<td class="pricing">
|
|
<div class="price-main">준비중</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 서비스 이용 안내 -->
|
|
<section class="section bg-light">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2>서비스 이용 안내</h2>
|
|
</div>
|
|
|
|
<!-- 스튜디오 대관 절차 -->
|
|
<div class="card">
|
|
<h3>스튜디오 대관 절차</h3>
|
|
<div class="process-flow">
|
|
<div class="process-step">
|
|
<div class="step-number">1</div>
|
|
<div class="step-content">
|
|
<h4>이메일 문의</h4>
|
|
<p>예약 양식을 작성하여 문의</p>
|
|
</div>
|
|
</div>
|
|
<div class="process-arrow">→</div>
|
|
<div class="process-step">
|
|
<div class="step-number">2</div>
|
|
<div class="step-content">
|
|
<h4>담당자 확인 및 협의</h4>
|
|
<p>세부사항 조율</p>
|
|
</div>
|
|
</div>
|
|
<div class="process-arrow">→</div>
|
|
<div class="process-step">
|
|
<div class="step-number">3</div>
|
|
<div class="step-content">
|
|
<h4>전액 결제</h4>
|
|
<p>결제 완료</p>
|
|
</div>
|
|
</div>
|
|
<div class="process-arrow">→</div>
|
|
<div class="process-step">
|
|
<div class="step-number">4</div>
|
|
<div class="step-content">
|
|
<h4>예약 확정</h4>
|
|
<p>최종 예약 완료</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="booking-buttons">
|
|
<button id="showEmailForm" class="btn btn-primary">
|
|
<span>📧</span> 이메일 문의하기
|
|
</button>
|
|
<a href="https://m.booking.naver.com/booking/10/bizes/1468174/items/6949481" target="_blank" class="btn btn-secondary">
|
|
<span>📅</span> 네이버 예약 바로가기
|
|
</a>
|
|
</div>
|
|
<p class="booking-note">※ 네이버 플레이스를 통해 실시간 일정 확인 및 예약이 가능합니다</p>
|
|
|
|
<!-- 이메일 양식 -->
|
|
<div id="emailForm" class="email-form" style="display:none;">
|
|
<h4>이메일 문의 양식</h4>
|
|
<p>아래 양식을 복사하여 이메일로 문의해주세요:</p>
|
|
<div class="email-template">
|
|
<div class="email-field"><strong>제목:</strong> [스튜디오 대관 문의]</div>
|
|
<div class="email-field"><strong>받는 사람:</strong> minglestudio.mocap@gmail.com</div>
|
|
|
|
<div class="form-section">
|
|
<h5>1. 성함 및 소속</h5>
|
|
<p class="form-help">(개인의 경우 성함만, 기업인 경우 이용자분 성함과 소속을 함께 적어주세요)</p>
|
|
<div class="form-placeholder">[여기에 작성해주세요]</div>
|
|
</div>
|
|
|
|
<div class="form-section">
|
|
<h5>2. 연락처</h5>
|
|
<p class="form-help">(전화번호, 이메일, 디스코드 중 택1)</p>
|
|
<div class="form-placeholder">[여기에 작성해주세요]</div>
|
|
</div>
|
|
|
|
<div class="form-section">
|
|
<h5>3. 이용 인원</h5>
|
|
<p class="form-help">(1~2인 권장, 최대 4인까지 가능)</p>
|
|
<div class="form-placeholder">□ 1명 □ 2명 □ 3명 □ 4명</div>
|
|
</div>
|
|
|
|
<div class="form-section">
|
|
<h5>4. 스튜디오 사용 용도</h5>
|
|
<div class="form-placeholder">□ 녹화 □ 기타: [여기에 작성해주세요]</div>
|
|
</div>
|
|
|
|
<div class="form-section">
|
|
<h5>5. 희망 대관 날짜</h5>
|
|
<p class="form-help">※ 최소 2주 전 예약을 권장합니다</p>
|
|
<div class="form-placeholder">[여기에 작성해주세요]</div>
|
|
</div>
|
|
|
|
<div class="form-section">
|
|
<h5>6. 희망 이용 시간</h5>
|
|
<p class="form-help">※ 응답 예시) 오전 10시~ 오후 3시(5시간)</p>
|
|
<p class="form-help">※ 새벽 대관(밤 10시~익일 8시) 이용 시 내부 규정에 따른 별도 요율이 적용됩니다</p>
|
|
<div class="form-placeholder">[여기에 작성해주세요]</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="email-send">
|
|
<a href="mailto:minglestudio.mocap@gmail.com?subject=[스튜디오 예약 문의] 밍글 스튜디오&body=안녕하세요. 밍글 스튜디오 대관 예약 문의 드립니다.%0A%0A■ 기본 정보%0A- 이용 예정일: (예: 2024년 12월 25일)%0A- 이용 시간: (예: 오후 2시 ~ 4시, 2시간)%0A- 참여 인원: 명%0A- 연락처: %0A- 이메일: %0A%0A■ 촬영 정보%0A- 촬영 목적: (예: 버튜버 방송, 게임 제작, 영상 콘텐츠 등)%0A- 예상 촬영 내용: %0A- 필요한 장비: (전신 모션캡쳐 / 페이셜 캡쳐 / 기타)%0A%0A■ 추가 요청사항%0A- 특별한 요구사항: %0A- 문의사항: %0A%0A■ 참고사항%0A- 최소 대관: 2시간 (220,000원, VAT 포함)%0A- 연장: 1시간당 110,000원%0A- 결제방법: 계좌이체 또는 현금 (카드결제 불가)%0A- 현금영수증/세금계산서 발행 가능%0A%0A빠른 시일 내에 답변 드리겠습니다.%0A감사합니다." class="btn btn-primary">
|
|
📧 이메일 바로 보내기
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 예약 및 취소 규정 -->
|
|
<div class="grid grid-2">
|
|
<div class="card">
|
|
<h3>예약 안내</h3>
|
|
<ul class="info-list">
|
|
<li>스튜디오 예약은 이용 희망일로부터 최소 2주 전에 신청하시는 것을 권장합니다.</li>
|
|
<li>예약 확정 후 고객의 사정으로 인한 예약 취소 시 일정 기준에 따른 위약금이 발생합니다.</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3>방문 안내</h3>
|
|
<ul class="info-list">
|
|
<li>본 촬영 전 모션캡쳐 수트 착용 등의 준비시간이 소요되므로 촬영예정 시간 최소 30분 전에 방문 부탁드립니다. (준비시간은 이용시간에 포함되지 않습니다.)</li>
|
|
<li>안경, 귀걸이 등 반사가 잘 되는 재질의 악세사리는 촬영 시 가급적 착용을 자제하여 주시기 바랍니다.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 취소 환불 규정 -->
|
|
<div class="card">
|
|
<h3>취소 환불 규정</h3>
|
|
<div class="table-responsive">
|
|
<table class="refund-table">
|
|
<thead>
|
|
<tr>
|
|
<th>취소 시점</th>
|
|
<th>환불 비율</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>예약일로부터 7일 전</td>
|
|
<td class="refund-100">100% 환불</td>
|
|
</tr>
|
|
<tr>
|
|
<td>예약일로부터 3일 전</td>
|
|
<td class="refund-70">70% 환불</td>
|
|
</tr>
|
|
<tr>
|
|
<td>예약일로부터 1일 전</td>
|
|
<td class="refund-50">50% 환불</td>
|
|
</tr>
|
|
<tr>
|
|
<td>당일 취소</td>
|
|
<td class="refund-0">환불 불가</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 장비 및 시설 -->
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2>장비 및 시설</h2>
|
|
<p>업계 최고 수준의 모션캡쳐 장비와 시설을 갖추고 있습니다</p>
|
|
</div>
|
|
|
|
<div class="equipment-grid">
|
|
<div class="equipment-card">
|
|
<div class="equipment-icon">📹</div>
|
|
<h3>OptiTrack 카메라 시스템</h3>
|
|
<p>28대의 고해상도 광학식 카메라로 정밀한 모션 트래킹</p>
|
|
</div>
|
|
|
|
<div class="equipment-card">
|
|
<div class="equipment-icon">🥽</div>
|
|
<h3>모션캡쳐 수트</h3>
|
|
<p>Rokoko Glove 포함 전신 모션캡쳐 장비 완비</p>
|
|
</div>
|
|
|
|
<div class="equipment-card">
|
|
<div class="equipment-icon">💻</div>
|
|
<h3>실시간 모니터링</h3>
|
|
<p>실시간 모션 데이터 확인 및 즉시 피드백</p>
|
|
</div>
|
|
|
|
<div class="equipment-card">
|
|
<div class="equipment-icon">📊</div>
|
|
<h3>데이터 출력</h3>
|
|
<p>FBX, ANIM 포맷으로 모션 데이터 파일 제공</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<section class="cta-section">
|
|
<div class="container text-center">
|
|
<h2>지금 바로 예약하세요</h2>
|
|
<p>최고의 모션캡쳐 경험을 제공해드립니다</p>
|
|
<div class="cta-buttons">
|
|
<a href="contact.html" class="btn btn-primary btn-lg">예약 문의하기</a>
|
|
<a href="gallery.html" class="btn btn-outline btn-lg">스튜디오 둘러보기</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 푸터 -->
|
|
<div id="footer-placeholder"></div>
|
|
|
|
<!-- 백업 푸터 (JavaScript 로드 실패 시) -->
|
|
<footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;">
|
|
<div class="container" style="text-align:center;">
|
|
<div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div>
|
|
<div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 A동 B105호</div>
|
|
<div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 이메일: minglestudio.mocap@gmail.com</div>
|
|
<div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div>
|
|
<div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- JavaScript -->
|
|
<script src="js/common.js"></script>
|
|
<script src="js/services.js"></script>
|
|
</body>
|
|
</html> |