Add : 웹 버그 제거
This commit is contained in:
KINDNICK
parent
3745f64451
commit
39d0af69af
205
about
205
about
@ -1,205 +0,0 @@
|
|||||||
<!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/x-icon" href="/mingle-logo.ico">
|
|
||||||
<link rel="shortcut icon" href="/mingle-logo.ico">
|
|
||||||
<link rel="icon" type="image/webp" href="/mingle-logo.webp">
|
|
||||||
|
|
||||||
<!-- Canonical URL -->
|
|
||||||
<link rel="canonical" href="https://minglestudio.co.kr/about.html">
|
|
||||||
|
|
||||||
<!-- Theme Color -->
|
|
||||||
<meta name="theme-color" content="#ff8800">
|
|
||||||
|
|
||||||
<!-- SEO 메타 태그 -->
|
|
||||||
<meta name="description" content="밍글 스튜디오는 기술과 창의력이 어우러진 모션캡쳐 창작 공간입니다. 2025년 설립, 인천 테크노밸리 위치.">
|
|
||||||
<meta name="keywords" content="밍글스튜디오, 회사소개, 모션캡쳐, 창작공간, 버추얼콘텐츠">
|
|
||||||
<meta name="author" content="밍글 스튜디오">
|
|
||||||
|
|
||||||
<!-- Open Graph -->
|
|
||||||
<meta property="og:title" content="회사소개 - 밍글 스튜디오">
|
|
||||||
<meta property="og:description" content="기술과 창의력이 어우러진 모션캡쳐 창작 공간">
|
|
||||||
<meta property="og:url" content="https://minglestudio.co.kr/about.html">
|
|
||||||
|
|
||||||
<!-- 폰트 -->
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- CSS -->
|
|
||||||
<link rel="stylesheet" href="css/common.css">
|
|
||||||
<link rel="stylesheet" href="css/about.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>About Us</h1>
|
|
||||||
<p>기술과 창의력, 열정이 한데 섞여 새로운 가치가 만들어지는 공간</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- 회사 소개 -->
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="company-info">
|
|
||||||
<div class="info-grid">
|
|
||||||
<div class="info-item">
|
|
||||||
<h3>회사명</h3>
|
|
||||||
<p>밍글 스튜디오 (Mingle Studio)</p>
|
|
||||||
</div>
|
|
||||||
<div class="info-item">
|
|
||||||
<h3>설립일</h3>
|
|
||||||
<p>2025년 7월 15일</p>
|
|
||||||
</div>
|
|
||||||
<div class="info-item">
|
|
||||||
<h3>슬로건</h3>
|
|
||||||
<p>"모두가 어우러진 즐거운 창작공간"</p>
|
|
||||||
</div>
|
|
||||||
<div class="info-item full-width">
|
|
||||||
<h3>의미</h3>
|
|
||||||
<p>Mingle Studio는 기술자와 크리에이터 그리고 시청자가 함께 어우러지는 버추얼 콘텐츠 제작 공간입니다. 최첨단 광학식 모션캡처 기술로 버추얼 캐릭터의 살아 숨쉬는 감정과 움직임을 담아 새로운 세대의 디지털 퍼포먼스를 실현합니다.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="about-content">
|
|
||||||
<div class="card">
|
|
||||||
<h2>회사 소개</h2>
|
|
||||||
<p>밍글 스튜디오는 창작자와 기술, 사람과 사람 사이의 '어우러짐'을 통해 새로운 콘텐츠를 만들어가는 모션 캡쳐 기반의 창작 공간입니다.</p>
|
|
||||||
<p>설립 이후, 누구나 편하게 사용 가능한 스튜디오 대관 서비스를 중심으로 버추얼 콘텐츠 제작 환경을 제공합니다.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card">
|
|
||||||
<h2>비전 & 미션</h2>
|
|
||||||
<div class="vision-mission">
|
|
||||||
<div class="vm-item">
|
|
||||||
<h3>🎯 비전</h3>
|
|
||||||
<p>모든 창작자가 기술적 제약 없이 상상을 현실로 만들 수 있는 창작 생태계 구축</p>
|
|
||||||
</div>
|
|
||||||
<div class="vm-item">
|
|
||||||
<h3>🚀 미션</h3>
|
|
||||||
<p>최첨단 모션캡쳐 기술을 통해 창작자들의 아이디어를 생생한 콘텐츠로 변환하고, 새로운 디지털 경험을 제공</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card">
|
|
||||||
<h2>연혁</h2>
|
|
||||||
<div class="timeline">
|
|
||||||
<div class="timeline-item">
|
|
||||||
<div class="timeline-date">2025년 7월 15일</div>
|
|
||||||
<div class="timeline-content">
|
|
||||||
<h4>밍글 스튜디오 설립</h4>
|
|
||||||
<p>밍글 스튜디오 회사 설립</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="timeline-item">
|
|
||||||
<div class="timeline-date">2025년 8월 1일</div>
|
|
||||||
<div class="timeline-content">
|
|
||||||
<h4>스튜디오 오픈</h4>
|
|
||||||
<p>OptiTrack 시스템 구축 완료 및 대관 서비스 시작</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- 팀 소개 -->
|
|
||||||
<section class="team-section section bg-light">
|
|
||||||
<div class="container">
|
|
||||||
<div class="section-header">
|
|
||||||
<h2>Our Team</h2>
|
|
||||||
<p>각 분야의 전문가들이 함께 협업하며 콘텐츠 제작을 지원합니다</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="team-grid">
|
|
||||||
<div class="team-card">
|
|
||||||
<div class="team-avatar">👤</div>
|
|
||||||
<h3>김희진</h3>
|
|
||||||
<p class="team-nickname">JAYJAY</p>
|
|
||||||
<p class="team-role">대표 / 3D 아티스트</p>
|
|
||||||
<p class="team-desc">배경/리소스 제작, 인사 및 프로젝트 관리</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="team-card">
|
|
||||||
<div class="team-avatar">👤</div>
|
|
||||||
<h3>김광진</h3>
|
|
||||||
<p class="team-nickname">KINDNICK</p>
|
|
||||||
<p class="team-role">CTO / 테크니컬 디렉터</p>
|
|
||||||
<p class="team-desc">스튜디오 전체 기술 운영, 모션캡쳐 장비 관리, 음향 시스템, 엔진 프로그래밍</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="team-card">
|
|
||||||
<div class="team-avatar">👤</div>
|
|
||||||
<h3>이승민</h3>
|
|
||||||
<p class="team-nickname">YAMO</p>
|
|
||||||
<p class="team-role">CCO / 콘텐츠 디렉터</p>
|
|
||||||
<p class="team-desc">캡쳐 디렉팅, 배우 모션 클린업, 카메라 무빙, 퍼포먼스 연출</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- 핵심 가치 -->
|
|
||||||
<section class="values-section section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="section-header">
|
|
||||||
<h2>Core Values</h2>
|
|
||||||
<p>밍글 스튜디오가 추구하는 핵심 가치</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="values-grid">
|
|
||||||
<div class="value-item">
|
|
||||||
<div class="value-icon">🤝</div>
|
|
||||||
<h3>협업</h3>
|
|
||||||
<p>기술자와 창작자가 함께 만드는 시너지</p>
|
|
||||||
</div>
|
|
||||||
<div class="value-item">
|
|
||||||
<div class="value-icon">💡</div>
|
|
||||||
<h3>혁신</h3>
|
|
||||||
<p>최신 기술로 새로운 창작의 가능성 제시</p>
|
|
||||||
</div>
|
|
||||||
<div class="value-item">
|
|
||||||
<div class="value-icon">🎨</div>
|
|
||||||
<h3>창의성</h3>
|
|
||||||
<p>상상을 현실로 만드는 창의적 솔루션</p>
|
|
||||||
</div>
|
|
||||||
<div class="value-item">
|
|
||||||
<div class="value-icon">⭐</div>
|
|
||||||
<h3>품질</h3>
|
|
||||||
<p>최고 수준의 모션캡쳐 퀄리티 추구</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- 푸터 -->
|
|
||||||
<div id="footer-placeholder"></div>
|
|
||||||
|
|
||||||
<!-- JavaScript -->
|
|
||||||
<script src="js/common.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
182
contact
182
contact
@ -1,182 +0,0 @@
|
|||||||
<!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/x-icon" href="/mingle-logo.ico">
|
|
||||||
<link rel="shortcut icon" href="/mingle-logo.ico">
|
|
||||||
<link rel="icon" type="image/webp" href="/mingle-logo.webp">
|
|
||||||
|
|
||||||
<!-- Canonical URL -->
|
|
||||||
<link rel="canonical" href="https://minglestudio.co.kr/contact.html">
|
|
||||||
|
|
||||||
<!-- Theme Color -->
|
|
||||||
<meta name="theme-color" content="#ff8800">
|
|
||||||
|
|
||||||
<!-- SEO 메타 태그 -->
|
|
||||||
<meta name="description" content="밍글 스튜디오 문의하기 - 모션캡쳐 스튜디오 대관, 촬영, 제작 문의 및 상담">
|
|
||||||
<meta name="keywords" content="모션캡쳐 문의, 스튜디오 대관, 촬영 문의, 버튜버 제작, 3D 모션 상담">
|
|
||||||
<meta name="author" content="밍글 스튜디오">
|
|
||||||
|
|
||||||
<!-- Open Graph -->
|
|
||||||
<meta property="og:title" content="문의하기 - 밍글 스튜디오">
|
|
||||||
<meta property="og:description" content="모션캡쳐 전문 스튜디오 밍글에 문의하세요">
|
|
||||||
<meta property="og:url" content="https://minglestudio.co.kr/contact.html">
|
|
||||||
|
|
||||||
<!-- 폰트 -->
|
|
||||||
<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">
|
|
||||||
|
|
||||||
<!-- CSS -->
|
|
||||||
<link rel="stylesheet" href="css/common.css">
|
|
||||||
<link rel="stylesheet" href="css/contact.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>Contact Us</h1>
|
|
||||||
<p>밍글 스튜디오와 함께 특별한 프로젝트를 시작하세요</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- 연락처 정보 -->
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="contact-info-grid">
|
|
||||||
<div class="contact-card">
|
|
||||||
<div class="contact-icon">📞</div>
|
|
||||||
<h3>전화 문의</h3>
|
|
||||||
<p>24시간 가능</p>
|
|
||||||
<a href="tel:+82-10-9288-9190" class="contact-link">010-9288-9190</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="contact-card">
|
|
||||||
<div class="contact-icon">✉️</div>
|
|
||||||
<h3>이메일 문의</h3>
|
|
||||||
<p>24시간 접수 가능</p>
|
|
||||||
<a href="mailto:minglestudio.mocap@gmail.com" class="contact-link">minglestudio.mocap@gmail.com</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="contact-card">
|
|
||||||
<div class="contact-icon">📍</div>
|
|
||||||
<h3>스튜디오 방문</h3>
|
|
||||||
<p>사전 예약 필수</p>
|
|
||||||
<a href="#location" class="contact-link">위치 보기</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 위치 정보 -->
|
|
||||||
<section id="location" class="section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="section-header">
|
|
||||||
<h2>스튜디오 위치</h2>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="location-wrapper">
|
|
||||||
<div class="location-info">
|
|
||||||
<div class="location-details">
|
|
||||||
<h3>📍 주소</h3>
|
|
||||||
<p>(21330) 인천광역시 부평구 주부토로 236<br>
|
|
||||||
인천테크노밸리 A동 B105호</p>
|
|
||||||
|
|
||||||
<h3>🚇 지하철</h3>
|
|
||||||
<ul>
|
|
||||||
<li>인천 7호선 갈산역 하차 → 도보 약 7분</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3>🚌 버스</h3>
|
|
||||||
<ul>
|
|
||||||
<li>갈산시장·갈산도서관 정류장 이용</li>
|
|
||||||
<li>4번, 526번, 555번 버스</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3>🚗 주차</h3>
|
|
||||||
<p>기본 2시간 무료, 건물 내 시설 이용시 최대 4시간 무료</p>
|
|
||||||
|
|
||||||
<h3>🕐 운영시간</h3>
|
|
||||||
<ul>
|
|
||||||
<li>24시간 영업</li>
|
|
||||||
<li>연중무휴</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="location-map">
|
|
||||||
<div id="map" class="map-container">
|
|
||||||
<iframe
|
|
||||||
src="https://maps.google.com/maps?width=100%25&height=600&hl=ko&q=인천테크노밸리U1센터&t=&z=17&ie=UTF8&iwloc=B&output=embed"
|
|
||||||
width="100%"
|
|
||||||
height="100%"
|
|
||||||
style="border:0;"
|
|
||||||
allowfullscreen=""
|
|
||||||
loading="lazy"
|
|
||||||
referrerpolicy="no-referrer-when-downgrade"
|
|
||||||
title="밍글 스튜디오 위치 - 구글 지도">
|
|
||||||
</iframe>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="map-buttons">
|
|
||||||
<a href="https://map.naver.com/p/search/%EC%9D%B8%EC%B2%9C%ED%85%8C%ED%81%AC%EB%85%B8%EB%B0%B8%EB%A6%ACU1%EC%84%BC%ED%84%B0" target="_blank" class="btn btn-outline">네이버 지도</a>
|
|
||||||
<a href="https://maps.google.com/maps?q=%EC%9D%B8%EC%B2%9C%ED%85%8C%ED%81%AC%EB%85%B8%EB%B0%B8%EB%A6%ACU1%EC%84%BC%ED%84%B0" target="_blank" class="btn btn-outline">구글 맵</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- 예약 및 FAQ -->
|
|
||||||
<section class="section bg-gradient">
|
|
||||||
<div class="container text-center">
|
|
||||||
<h2>예약 및 문의</h2>
|
|
||||||
<p>간편한 온라인 예약 또는 자주 묻는 질문을 확인해보세요</p>
|
|
||||||
<div class="cta-buttons">
|
|
||||||
<a href="https://m.booking.naver.com/booking/10/bizes/1468174/items/6949481" target="_blank" class="btn btn-primary btn-lg">네이버 예약</a>
|
|
||||||
<a href="qna.html" class="btn btn-outline btn-lg">FAQ 보기</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/contact.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
174
gallery
174
gallery
@ -1,174 +0,0 @@
|
|||||||
<!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/x-icon" href="/mingle-logo.ico">
|
|
||||||
<link rel="shortcut icon" href="/mingle-logo.ico">
|
|
||||||
<link rel="icon" type="image/webp" href="/mingle-logo.webp">
|
|
||||||
|
|
||||||
<!-- Canonical URL -->
|
|
||||||
<link rel="canonical" href="https://minglestudio.co.kr/gallery.html">
|
|
||||||
|
|
||||||
<!-- Theme Color -->
|
|
||||||
<meta name="theme-color" content="#ff8800">
|
|
||||||
|
|
||||||
<!-- SEO 메타 태그 -->
|
|
||||||
<meta name="description" content="밍글 스튜디오 갤러리 - 모션캡쳐 스튜디오 실제 공간과 시설을 사진으로 확인하세요">
|
|
||||||
<meta name="keywords" content="모션캡쳐 스튜디오, 갤러리, 시설 사진, OptiTrack 카메라, 인천테크노밸리">
|
|
||||||
<meta name="author" content="밍글 스튜디오">
|
|
||||||
|
|
||||||
<!-- Open Graph -->
|
|
||||||
<meta property="og:title" content="스튜디오 갤러리 - 밍글 스튜디오">
|
|
||||||
<meta property="og:description" content="모션캡쳐 스튜디오 실제 공간과 시설을 사진으로 확인하세요">
|
|
||||||
<meta property="og:url" content="https://minglestudio.co.kr/gallery.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="모션캡쳐 스튜디오 실제 공간과 시설을 사진으로 확인하세요">
|
|
||||||
<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">
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="css/common.css">
|
|
||||||
<link rel="stylesheet" href="css/gallery.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>Studio Gallery</h1>
|
|
||||||
<p>밍글 스튜디오의 실제 공간을 사진으로 확인해보세요</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="gallery-grid">
|
|
||||||
<div class="gallery-item">
|
|
||||||
<img src="Studio_Image/넓은 모션 캡쳐 공간 002.webp" alt="밍글 스튜디오 메인 모션캡쳐 공간 - OptiTrack 카메라 28대와 넓은 8x7m 캡쳐 공간" class="gallery-img" loading="lazy">
|
|
||||||
<div class="gallery-caption">외부전경 커튼 열림</div>
|
|
||||||
</div>
|
|
||||||
<div class="gallery-item">
|
|
||||||
<img src="Studio_Image/커튼을 친 외부 전경.webp" alt="밍글 스튜디오 모션캡쳐 공간 커튼 닫은 모습 - 프라이버시 보호" class="gallery-img" loading="lazy">
|
|
||||||
<div class="gallery-caption">외부 전경 닫힘</div>
|
|
||||||
</div>
|
|
||||||
<div class="gallery-item">
|
|
||||||
<img src="Studio_Image/오퍼레이팅 공간 강조.webp" alt="밍글 스튜디오 오퍼레이팅 컨트롤룸 - 전문 장비와 대형 모니터로 실시간 모니터링" class="gallery-img" loading="lazy">
|
|
||||||
<div class="gallery-caption">오퍼레이팅/컨트롤룸</div>
|
|
||||||
</div>
|
|
||||||
<div class="gallery-item">
|
|
||||||
<img src="Studio_Image/스튜디오와 연결된 파우더룸.webp" alt="밍글 스튜디오 파우더룸 - 스튜디오와 직접 연결된 메이크업 및 준비 공간" class="gallery-img" loading="lazy">
|
|
||||||
<div class="gallery-caption">파우더룸(스튜디오 연결)</div>
|
|
||||||
</div>
|
|
||||||
<div class="gallery-item">
|
|
||||||
<img src="Studio_Image/탈의실 내부 공간.webp" alt="밍글 스튜디오 탈의실 내부 - 편리한 의상 보관 및 착용 공간" class="gallery-img" loading="lazy">
|
|
||||||
<div class="gallery-caption">탈의실(내부)</div>
|
|
||||||
</div>
|
|
||||||
<div class="gallery-item">
|
|
||||||
<img src="Studio_Image/탈의실 외부 공간.webp" alt="밍글 스튜디오 탈의실 대기 공간 - 탈의실 전 준비 및 대기 공간" class="gallery-img" loading="lazy">
|
|
||||||
<div class="gallery-caption">탈의실(외부)</div>
|
|
||||||
</div>
|
|
||||||
<div class="gallery-item">
|
|
||||||
<img src="Studio_Image/고품질 녹음을 위한 음향 시스템.webp" alt="밍글 스튜디오 고품질 녹음 음향 시스템 - 전문적인 오디오 녹음 장비" class="gallery-img" loading="lazy">
|
|
||||||
<div class="gallery-caption">고품질 음향 시스템</div>
|
|
||||||
</div>
|
|
||||||
<div class="gallery-item">
|
|
||||||
<img src="Studio_Image/모션캡쳐 공간 001.webp" alt="밍글 스튜디오 모션캡쳐 공간 전체 전경 001 - OptiTrack 카메라와 넓은 캡쳐 에리어" class="gallery-img" loading="lazy">
|
|
||||||
<div class="gallery-caption">모션캡쳐 공간 001</div>
|
|
||||||
</div>
|
|
||||||
<div class="gallery-item">
|
|
||||||
<img src="Studio_Image/모션캡쳐 공간 002.webp" alt="밍글 스튜디오 모션캡쳐 공간 전체 전경 002 - 다양한 각도에서 본 캡쳐 공간" class="gallery-img" loading="lazy">
|
|
||||||
<div class="gallery-caption">모션캡쳐 공간 002</div>
|
|
||||||
</div>
|
|
||||||
<div class="gallery-item">
|
|
||||||
<img src="Studio_Image/모션캡쳐 공간 003.webp" alt="밍글 스튜디오 모션캡쳐 공간 전체 전경 003 - 조명과 카메라 시스템 배치" class="gallery-img" loading="lazy">
|
|
||||||
<div class="gallery-caption">모션캡쳐 공간 003</div>
|
|
||||||
</div>
|
|
||||||
<div class="gallery-item">
|
|
||||||
<img src="Studio_Image/모션캡쳐 공간 004.webp" alt="밍글 스튜디오 모션캡쳐 공간 전체 전경 004 - 완성된 모션캡쳐 스튜디오 전경" class="gallery-img" loading="lazy">
|
|
||||||
<div class="gallery-caption">모션캡쳐 공간 004</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- 360도 이미지 섹션 -->
|
|
||||||
<section class="panorama-section">
|
|
||||||
<div class="container">
|
|
||||||
<h2>360° Studio View</h2>
|
|
||||||
<p class="section-subtitle">드래그하여 스튜디오를 360도로 둘러보세요</p>
|
|
||||||
|
|
||||||
<div class="panorama-grid">
|
|
||||||
<div class="panorama-viewer" data-panorama="curtain-open">
|
|
||||||
<div class="panorama-container panorama-clickable"
|
|
||||||
data-image="Studio_Image/커튼 걷은 360 이미지.webp"
|
|
||||||
data-title="스튜디오 전경 (커튼 열림)">
|
|
||||||
<img src="Studio_Image/커튼 걷은 360 이미지.webp"
|
|
||||||
alt="밍글 스튜디오 360도 전경 - 커튼을 걷은 모습"
|
|
||||||
class="panorama-preview-image"
|
|
||||||
loading="lazy">
|
|
||||||
<div class="panorama-help">클릭하여 360° VR로 체험하기</div>
|
|
||||||
<div class="panorama-indicator">360° VR</div>
|
|
||||||
<div class="panorama-play-button">
|
|
||||||
<i class="fas fa-play"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panorama-controls">
|
|
||||||
<div class="panorama-title">스튜디오 전경 (커튼 열림)</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="panorama-viewer" data-panorama="curtain-closed">
|
|
||||||
<div class="panorama-container panorama-clickable"
|
|
||||||
data-image="Studio_Image/커튼친 360 이미지.webp"
|
|
||||||
data-title="스튜디오 전경 (커튼 닫힘)">
|
|
||||||
<img src="Studio_Image/커튼친 360 이미지.webp"
|
|
||||||
alt="밍글 스튜디오 360도 전경 - 커튼을 친 모습"
|
|
||||||
class="panorama-preview-image"
|
|
||||||
loading="lazy">
|
|
||||||
<div class="panorama-help">클릭하여 360° VR로 체험하기</div>
|
|
||||||
<div class="panorama-indicator">360° VR</div>
|
|
||||||
<div class="panorama-play-button">
|
|
||||||
<i class="fas fa-play"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panorama-controls">
|
|
||||||
<div class="panorama-title">스튜디오 전경 (커튼 닫힘)</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<div id="footer-placeholder"></div>
|
|
||||||
<script src="js/common.js"></script>
|
|
||||||
<script src="js/gallery.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
517
portfolio
517
portfolio
@ -1,517 +0,0 @@
|
|||||||
<!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/x-icon" href="/mingle-logo.ico">
|
|
||||||
<link rel="shortcut icon" href="/mingle-logo.ico">
|
|
||||||
<link rel="icon" type="image/webp" href="/mingle-logo.webp">
|
|
||||||
|
|
||||||
<!-- Canonical URL -->
|
|
||||||
<link rel="canonical" href="https://minglestudio.co.kr/portfolio.html">
|
|
||||||
|
|
||||||
<!-- Theme Color -->
|
|
||||||
<meta name="theme-color" content="#ff8800">
|
|
||||||
|
|
||||||
<!-- SEO 메타 태그 -->
|
|
||||||
<meta name="description" content="밍글 스튜디오 포트폴리오 - 모션캡쳐로 제작된 YouTube 콘텐츠, 버튜버 방송, Shorts 영상 모음">
|
|
||||||
<meta name="keywords" content="모션캡쳐 포트폴리오, 버튜버 방송, YouTube 영상, 3D 모션, 실시간 스트리밍">
|
|
||||||
<meta name="author" content="밍글 스튜디오">
|
|
||||||
|
|
||||||
<!-- Open Graph -->
|
|
||||||
<meta property="og:title" content="포트폴리오 - 밍글 스튜디오">
|
|
||||||
<meta property="og:description" content="모션캡쳐로 제작된 다양한 영상 콘텐츠를 확인해보세요">
|
|
||||||
<meta property="og:url" content="https://minglestudio.co.kr/portfolio.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="모션캡쳐로 제작된 다양한 영상 콘텐츠를 확인해보세요">
|
|
||||||
<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/portfolio.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<!-- 헤더 -->
|
|
||||||
<div id="header-placeholder"></div>
|
|
||||||
|
|
||||||
<!-- 브레드크럼 -->
|
|
||||||
<nav class="breadcrumb">
|
|
||||||
<div class="container">
|
|
||||||
<ol class="breadcrumb-list">
|
|
||||||
<li class="breadcrumb-item">
|
|
||||||
<a href="/" 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>Portfolio</h1>
|
|
||||||
<p>밍글 스튜디오에서 제작하고 협업한 모션캡쳐 콘텐츠</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- YouTube 채널 링크 -->
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="youtube-channel-card">
|
|
||||||
<div class="channel-info">
|
|
||||||
<div class="channel-icon">📺</div>
|
|
||||||
<div class="channel-details">
|
|
||||||
<h2>밍글 스튜디오 공식 채널</h2>
|
|
||||||
<p>최신 모션캡쳐 콘텐츠와 제작 과정을 YouTube에서 확인하세요</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a href="https://www.youtube.com/@mingle_studio" target="_blank" class="btn btn-primary">
|
|
||||||
YouTube 채널 방문하기
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- 포트폴리오 탭 네비게이션 -->
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="portfolio-tabs">
|
|
||||||
<div class="tab-buttons">
|
|
||||||
<button class="tab-btn active" data-tab="individual">개인 크리에이터</button>
|
|
||||||
<button class="tab-btn" data-tab="corporate">기업 프로젝트</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- 개인 크리에이터 포트폴리오 -->
|
|
||||||
<div class="tab-content active" id="individual">
|
|
||||||
<!-- Long-Form 콘텐츠 - 개인 -->
|
|
||||||
<section class="section bg-light">
|
|
||||||
<div class="container">
|
|
||||||
<div class="section-header">
|
|
||||||
<h2>Long-Form 콘텐츠</h2>
|
|
||||||
<p>개인 크리에이터들의 모션캡쳐 프로젝트</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-grid longform-grid">
|
|
||||||
<div class="video-card featured">
|
|
||||||
<div class="video-wrapper">
|
|
||||||
<iframe data-src="https://www.youtube.com/embed/jQTi8adbvaM"
|
|
||||||
title="밍글 스튜디오 모션캡쳐 포트폴리오"
|
|
||||||
allowfullscreen loading="lazy"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h3>머쉬베놈 (MUSHVENOM) - 돌림판 (feat. 신빠람 이박사) 🍓 CROA COVER</h3>
|
|
||||||
<p>CROA가 커버한 머쉬베놈의 돌림판</p>
|
|
||||||
<div class="video-tags">
|
|
||||||
<span class="tag">커버</span>
|
|
||||||
<span class="tag">CROA</span>
|
|
||||||
<span class="tag">머쉬베놈</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-card">
|
|
||||||
<div class="video-wrapper">
|
|
||||||
<iframe data-src="https://www.youtube.com/embed/FecqTyUU6y0"
|
|
||||||
title="밍글 스튜디오 모션캡쳐 콘텐츠 2"
|
|
||||||
allowfullscreen loading="lazy"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h3>「 QWER - 가짜아이돌 (FAKE IDOL) 」 COVER BY VENY 【CROA】</h3>
|
|
||||||
<p>VENY가 커버한 QWER의 가짜아이돌</p>
|
|
||||||
<div class="video-tags">
|
|
||||||
<span class="tag">커버</span>
|
|
||||||
<span class="tag">CROA</span>
|
|
||||||
<span class="tag">VENY</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-card">
|
|
||||||
<div class="video-wrapper">
|
|
||||||
<iframe data-src="https://www.youtube.com/embed/ryliwrc0Yms"
|
|
||||||
title="밍글 스튜디오 모션캡쳐 콘텐츠 3"
|
|
||||||
allowfullscreen loading="lazy"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h3>aesoopa 에숲파 'Black Mamba' MV</h3>
|
|
||||||
<p>에숲파의 Black Mamba 뮤직비디오</p>
|
|
||||||
<div class="video-tags">
|
|
||||||
<span class="tag">MV</span>
|
|
||||||
<span class="tag">에숲파</span>
|
|
||||||
<span class="tag">Black Mamba</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-card">
|
|
||||||
<div class="video-wrapper">
|
|
||||||
<iframe data-src="https://www.youtube.com/embed/nH7IdgqhugQ"
|
|
||||||
title="QWER 내 이름 맑음 CROA 커버"
|
|
||||||
allowfullscreen loading="lazy"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h3>【CROA】 QWER - 내 이름 맑음 (feat.치치) 🍓 CROA COVER</h3>
|
|
||||||
<p>CROA가 커버한 QWER의 내 이름 맑음</p>
|
|
||||||
<div class="video-tags">
|
|
||||||
<span class="tag">커버</span>
|
|
||||||
<span class="tag">CROA</span>
|
|
||||||
<span class="tag">QWER</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Shorts 콘텐츠 -->
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="section-header">
|
|
||||||
<h2>Shorts 콘텐츠</h2>
|
|
||||||
<p>짧고 임팩트 있는 모션캡쳐 순간들</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-grid shorts-grid">
|
|
||||||
<div class="video-card shorts">
|
|
||||||
<div class="video-wrapper shorts-wrapper">
|
|
||||||
<iframe data-src="https://www.youtube.com/embed/OmpqKhMrb-U"
|
|
||||||
title="모션캡쳐 Shorts 1"
|
|
||||||
allowfullscreen loading="lazy"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h4>스ㅡㅡㅡㅡㅡㅡㅡ게 💕STARGAZERS CHALLENGE</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-card shorts">
|
|
||||||
<div class="video-wrapper shorts-wrapper">
|
|
||||||
<iframe data-src="https://www.youtube.com/embed/hKwGjPfULFI"
|
|
||||||
title="모션캡쳐 Shorts 2"
|
|
||||||
allowfullscreen loading="lazy"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h4>🤎 곰이의 이세계 아이돌 - ELEVATE 챌린지 🤎</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-card shorts">
|
|
||||||
<div class="video-wrapper shorts-wrapper">
|
|
||||||
<iframe data-src="https://www.youtube.com/embed/_blWj7UQtRc"
|
|
||||||
title="모션캡쳐 Shorts 3"
|
|
||||||
allowfullscreen loading="lazy"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h4>Memory 깡담비 #하이라이트 #shorts</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- 실시간 방송 예시 -->
|
|
||||||
<section class="section bg-gradient">
|
|
||||||
<div class="container">
|
|
||||||
<div class="section-header">
|
|
||||||
<h2>실시간 방송 예시</h2>
|
|
||||||
<p>버튜버와 스트리머들의 실시간 모션캡쳐 방송</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="broadcast-notice">
|
|
||||||
<div class="notice-icon">🔴</div>
|
|
||||||
<div class="notice-content">
|
|
||||||
<h3>실시간 모션캡쳐 방송</h3>
|
|
||||||
<p>밍글 스튜디오에서 진행되는 실시간 모션캡쳐 방송을 통해 고품질 버추얼 콘텐츠를 경험하세요</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-grid broadcast-grid">
|
|
||||||
<div class="video-card broadcast">
|
|
||||||
<div class="video-wrapper">
|
|
||||||
<iframe src="https://vod.sooplive.co.kr/player/159808721"
|
|
||||||
title="미르 첫 모캡 방송"
|
|
||||||
allowfullscreen></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h4>미르 첫 모캡 방송</h4>
|
|
||||||
<div class="broadcast-info">
|
|
||||||
<span class="platform">SOOP</span>
|
|
||||||
<span class="streamer">미르</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-card broadcast">
|
|
||||||
<div class="video-wrapper">
|
|
||||||
<iframe src="https://vod.sooplive.co.kr/player/159683673"
|
|
||||||
title="춤짱자매즈 모캡 합방"
|
|
||||||
allowfullscreen></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h4>춤짱자매즈 모캡 합방 (w. 호발)</h4>
|
|
||||||
<div class="broadcast-info">
|
|
||||||
<span class="platform">SOOP</span>
|
|
||||||
<span class="streamer">춤짱자매즈</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-card broadcast">
|
|
||||||
<div class="video-wrapper">
|
|
||||||
<iframe src="https://vod.sooplive.co.kr/player/159205533"
|
|
||||||
title="치요 X 마늘 3D 모션캡쳐 합방"
|
|
||||||
allowfullscreen></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h4>치요 X 마늘 3D 모션캡쳐 합방</h4>
|
|
||||||
<div class="broadcast-info">
|
|
||||||
<span class="platform">SOOP</span>
|
|
||||||
<span class="streamer">치요 & 마늘</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-card broadcast">
|
|
||||||
<div class="video-wrapper">
|
|
||||||
<iframe src="https://vod.sooplive.co.kr/player/159299033"
|
|
||||||
title="뉴걸의 첫 모캡방송"
|
|
||||||
allowfullscreen></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h4>뉴걸의 첫 모캡방송!</h4>
|
|
||||||
<p class="video-desc">춤 못 추면 댄스방송 하면 안 되나요?</p>
|
|
||||||
<div class="broadcast-info">
|
|
||||||
<span class="platform">SOOP</span>
|
|
||||||
<span class="streamer">뉴걸</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-card broadcast">
|
|
||||||
<div class="video-wrapper">
|
|
||||||
<iframe src="https://vod.sooplive.co.kr/player/169085307"
|
|
||||||
title="크로아 링피트 치요X마늘 3D 모션캡쳐 합방"
|
|
||||||
allowfullscreen></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h4>[크로아] 링피트 치요X마늘 3D 모션캡쳐 합방</h4>
|
|
||||||
<div class="broadcast-info">
|
|
||||||
<span class="platform">SOOP</span>
|
|
||||||
<span class="streamer">치요 & 마늘</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 개인 크리에이터 포트폴리오 끝 -->
|
|
||||||
|
|
||||||
<!-- 기업 프로젝트 포트폴리오 -->
|
|
||||||
<div class="tab-content" id="corporate">
|
|
||||||
<section class="section bg-light">
|
|
||||||
<div class="container">
|
|
||||||
<div class="section-header">
|
|
||||||
<h2>기업 프로젝트</h2>
|
|
||||||
<p>기업 및 상업적 모션캡쳐 프로젝트</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- IXIA 기업 프로젝트 -->
|
|
||||||
<div class="corporate-project-showcase">
|
|
||||||
<div class="project-header">
|
|
||||||
<div class="project-logo">
|
|
||||||
<h3>아이시아(IXIA)</h3>
|
|
||||||
<p>버추얼 아이돌 그룹 모션캡쳐 제작</p>
|
|
||||||
</div>
|
|
||||||
<div class="project-tags">
|
|
||||||
<span class="tag corporate">기업 프로젝트</span>
|
|
||||||
<span class="tag">버추얼 아이돌</span>
|
|
||||||
<span class="tag">엔터테인먼트</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Long-Form 콘텐츠 -->
|
|
||||||
<div class="project-section">
|
|
||||||
<h4>뮤직비디오 제작</h4>
|
|
||||||
<div class="video-grid corporate-longform">
|
|
||||||
<div class="video-card featured">
|
|
||||||
<div class="video-wrapper">
|
|
||||||
<iframe data-src="https://www.youtube.com/embed/OUdsyxPzS14"
|
|
||||||
title="아이시아(IXIA) '꼭꼭 숨어라' Part.2 MV (Performance ver.)"
|
|
||||||
allowfullscreen loading="lazy"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h3>아이시아(IXIA) '꼭꼭 숨어라' Part.2 MV (Performance ver.)</h3>
|
|
||||||
<p>아이시아의 꼭꼭 숨어라 뮤직비디오 퍼포먼스 버전</p>
|
|
||||||
<div class="video-tags">
|
|
||||||
<span class="tag">뮤직비디오</span>
|
|
||||||
<span class="tag">퍼포먼스</span>
|
|
||||||
<span class="tag">IXIA</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Shorts 콘텐츠 -->
|
|
||||||
<div class="project-section">
|
|
||||||
<h4>숏폼비디오 제작</h4>
|
|
||||||
<div class="video-grid corporate-shorts">
|
|
||||||
<div class="video-card shorts">
|
|
||||||
<div class="video-wrapper shorts-wrapper">
|
|
||||||
<iframe data-src="https://www.youtube.com/embed/C_EwalifDGk"
|
|
||||||
title="꼭꼭 숨어라 릴레이 댄스 - 아이시아랑 숨바꼭질 할 사람"
|
|
||||||
allowfullscreen loading="lazy"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h4>✨꼭꼭 숨어라 릴레이 댄스✨</h4>
|
|
||||||
<p>아이시아랑 숨바꼭질 할 사람 🙋♀️🙋♀️</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-card shorts">
|
|
||||||
<div class="video-wrapper shorts-wrapper">
|
|
||||||
<iframe data-src="https://www.youtube.com/embed/yZPuVDplajo"
|
|
||||||
title="루화가 제일 싫어하는 말은❓착하다는 말… 제일 싫어 💢💢"
|
|
||||||
allowfullscreen loading="lazy"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h4>루화가 제일 싫어하는 말은❓</h4>
|
|
||||||
<p>착하다는 말... 제일 싫어 💢💢</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 라이브 방송 -->
|
|
||||||
<div class="project-section">
|
|
||||||
<h4>라이브 방송 진행</h4>
|
|
||||||
<div class="video-grid corporate-live">
|
|
||||||
<div class="video-card broadcast">
|
|
||||||
<div class="video-wrapper">
|
|
||||||
<iframe data-src="https://www.youtube.com/embed/KNABwaYmuA8"
|
|
||||||
title="IXIA Debut Live Showcase | 아이시아 데뷔 쇼케이스: TIME TO SAY IXIA"
|
|
||||||
allowfullscreen loading="lazy"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h4>✨IXIA 데뷔 라이브 쇼케이스✨</h4>
|
|
||||||
<p class="video-desc">아이시아 데뷔 쇼케이스: TIME TO SAY IXIA</p>
|
|
||||||
<div class="broadcast-info">
|
|
||||||
<span class="platform">YouTube</span>
|
|
||||||
<span class="streamer">아이시아</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="video-card broadcast">
|
|
||||||
<div class="video-wrapper">
|
|
||||||
<iframe data-src="https://www.youtube.com/embed/FXnH-43NpFM?start=1725"
|
|
||||||
title="아이시아의 라이브룸 💖 플레이리스트 대공개"
|
|
||||||
allowfullscreen loading="lazy"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="video-info">
|
|
||||||
<h4>🎤 아이시아의 라이브룸</h4>
|
|
||||||
<p class="video-desc">플레이리스트 대공개 라이브 방송</p>
|
|
||||||
<div class="broadcast-info">
|
|
||||||
<span class="platform">YouTube</span>
|
|
||||||
<span class="streamer">아이시아</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
<!-- 기업 프로젝트 포트폴리오 끝 -->
|
|
||||||
|
|
||||||
<!-- 기술 특징 -->
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="section-header">
|
|
||||||
<h2>기술적 특징</h2>
|
|
||||||
<p>밍글 스튜디오 모션캡쳐의 핵심 기술</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tech-features">
|
|
||||||
<div class="tech-feature">
|
|
||||||
<div class="tech-icon">⚡</div>
|
|
||||||
<h3>실시간 처리</h3>
|
|
||||||
<p>28대 OptiTrack 카메라로 실시간 모션 데이터 처리</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tech-feature">
|
|
||||||
<div class="tech-icon">🎯</div>
|
|
||||||
<h3>정밀 트래킹</h3>
|
|
||||||
<p>전신과 페이셜 모션을 동시에 정밀 캡쳐</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tech-feature">
|
|
||||||
<div class="tech-icon">📡</div>
|
|
||||||
<h3>스트리밍 서비스</h3>
|
|
||||||
<p>현재 준비중 (곧 출시 예정)</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tech-feature">
|
|
||||||
<div class="tech-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" class="btn btn-primary btn-lg">프로젝트 문의하기</a>
|
|
||||||
<a href="/services" 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/portfolio.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
428
qna
428
qna
@ -1,428 +0,0 @@
|
|||||||
<!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/x-icon" href="/mingle-logo.ico">
|
|
||||||
<link rel="shortcut icon" href="/mingle-logo.ico">
|
|
||||||
<link rel="icon" type="image/webp" href="/mingle-logo.webp">
|
|
||||||
|
|
||||||
<!-- Canonical URL -->
|
|
||||||
<link rel="canonical" href="https://minglestudio.co.kr/qna.html">
|
|
||||||
|
|
||||||
<!-- Theme Color -->
|
|
||||||
<meta name="theme-color" content="#ff8800">
|
|
||||||
|
|
||||||
<!-- SEO 메타 태그 -->
|
|
||||||
<meta name="description" content="밍글 스튜디오 FAQ - 모션캡쳐 스튜디오 대관, 촬영, 제작에 관한 자주 묻는 질문과 답변">
|
|
||||||
<meta name="keywords" content="모션캡쳐 FAQ, 스튜디오 대관 질문, 촬영 문의, 버튜버 제작 FAQ">
|
|
||||||
<meta name="author" content="밍글 스튜디오">
|
|
||||||
|
|
||||||
<!-- Open Graph -->
|
|
||||||
<meta property="og:title" content="자주 묻는 질문 - 밍글 스튜디오">
|
|
||||||
<meta property="og:description" content="모션캡쳐 스튜디오 이용에 관한 자주 묻는 질문">
|
|
||||||
<meta property="og:url" content="https://minglestudio.co.kr/faq.html">
|
|
||||||
|
|
||||||
<!-- 폰트 -->
|
|
||||||
<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">
|
|
||||||
|
|
||||||
<!-- CSS -->
|
|
||||||
<link rel="stylesheet" href="css/common.css">
|
|
||||||
<link rel="stylesheet" href="css/qna.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>자주하는 질문</h1>
|
|
||||||
<p>밍글 스튜디오 이용에 관한 자주 묻는 질문들을 확인하세요</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- FAQ 검색 -->
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="faq-search">
|
|
||||||
<div class="search-box">
|
|
||||||
<input type="text" id="faqSearch" placeholder="궁금한 내용을 검색해보세요..." autocomplete="off">
|
|
||||||
<button type="button" class="search-btn">🔍</button>
|
|
||||||
</div>
|
|
||||||
<div class="search-suggestions" id="searchSuggestions"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- FAQ 카테고리 -->
|
|
||||||
<section class="faq-category-section bg-light">
|
|
||||||
<div class="container">
|
|
||||||
<div class="faq-categories">
|
|
||||||
<button class="category-btn active" data-category="all">전체</button>
|
|
||||||
<button class="category-btn" data-category="booking">예약/대관</button>
|
|
||||||
<button class="category-btn" data-category="equipment">장비/기술</button>
|
|
||||||
<button class="category-btn" data-category="pricing">요금/결제</button>
|
|
||||||
<button class="category-btn" data-category="production">제작/촬영</button>
|
|
||||||
<button class="category-btn" data-category="streaming">스트리밍</button>
|
|
||||||
<button class="category-btn" data-category="etc">기타</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- FAQ 리스트 -->
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="faq-list">
|
|
||||||
|
|
||||||
<!-- 예약/대관 관련 -->
|
|
||||||
<div class="faq-item" data-category="booking">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>스튜디오 대관은 어떻게 예약하나요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>아래 방법으로 예약하실 수 있습니다:</p>
|
|
||||||
<ul>
|
|
||||||
<li><strong>📧 이메일:</strong> <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감사합니다.">minglestudio.mocap@gmail.com</a></li>
|
|
||||||
<li><strong>📞 전화:</strong> 010-9288-9190</li>
|
|
||||||
<li><strong>📅 네이버 예약:</strong> <a href="https://m.booking.naver.com/booking/10/bizes/1468174/items/6949481" target="_blank">네이버 플레이스 실시간 예약</a></li>
|
|
||||||
</ul>
|
|
||||||
<div style="margin-top: var(--spacing-md); text-align: center;">
|
|
||||||
<button id="showEmailFormFAQ" class="btn btn-primary" style="font-size: 0.9rem; padding: 0.5rem 1rem;">📧 이메일 문의하기</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 이메일 양식 -->
|
|
||||||
<div id="emailFormFAQ" class="email-form" style="display:none; margin-top: var(--spacing-lg); padding: var(--spacing-lg); border: 1px solid #ddd; border-radius: var(--border-radius); background: #f9f9f9;">
|
|
||||||
<h4>이메일 문의 양식</h4>
|
|
||||||
<p>아래 양식을 복사하여 이메일로 문의해주세요:</p>
|
|
||||||
<div class="email-template" style="background: white; padding: var(--spacing-md); border-radius: var(--border-radius); font-family: monospace; font-size: 0.9rem; line-height: 1.6;">
|
|
||||||
<div><strong>제목:</strong> [스튜디오 대관 문의]</div>
|
|
||||||
<div><strong>받는 사람:</strong> minglestudio.mocap@gmail.com</div>
|
|
||||||
<br>
|
|
||||||
<div><strong>1. 성함 및 소속</strong></div>
|
|
||||||
<div style="color: #666; font-size: 0.85rem;">(개인의 경우 성함만, 기업인 경우 이용자분 성함과 소속을 함께 적어주세요)</div>
|
|
||||||
<div style="margin: 0.5rem 0; padding: 0.5rem; background: #f0f0f0; border-radius: 4px;">[여기에 작성해주세요]</div>
|
|
||||||
|
|
||||||
<div><strong>2. 연락처</strong></div>
|
|
||||||
<div style="color: #666; font-size: 0.85rem;">(전화번호, 이메일, 디스코드 중 택1)</div>
|
|
||||||
<div style="margin: 0.5rem 0; padding: 0.5rem; background: #f0f0f0; border-radius: 4px;">[여기에 작성해주세요]</div>
|
|
||||||
|
|
||||||
<div><strong>3. 이용 인원</strong></div>
|
|
||||||
<div style="color: #666; font-size: 0.85rem;">(1~2인 권장, 최대 4인까지 가능)</div>
|
|
||||||
<div style="margin: 0.5rem 0; padding: 0.5rem; background: #f0f0f0; border-radius: 4px;">□ 1명 □ 2명 □ 3명 □ 4명</div>
|
|
||||||
|
|
||||||
<div><strong>4. 스튜디오 사용 용도</strong></div>
|
|
||||||
<div style="margin: 0.5rem 0; padding: 0.5rem; background: #f0f0f0; border-radius: 4px;">□ 녹화 □ 기타: [여기에 작성해주세요]</div>
|
|
||||||
|
|
||||||
<div><strong>5. 희망 대관 날짜</strong></div>
|
|
||||||
<div style="color: #666; font-size: 0.85rem;">※ 최소 2주 전 예약을 권장합니다</div>
|
|
||||||
<div style="margin: 0.5rem 0; padding: 0.5rem; background: #f0f0f0; border-radius: 4px;">[여기에 작성해주세요]</div>
|
|
||||||
|
|
||||||
<div><strong>6. 희망 이용 시간</strong></div>
|
|
||||||
<div style="color: #666; font-size: 0.85rem;">※ 응답 예시) 오전 10시~ 오후 3시(5시간)</div>
|
|
||||||
<div style="color: #666; font-size: 0.85rem;">※ 새벽 대관(밤 10시~익일 8시) 이용 시 내부 규정에 따른 별도 요율이 적용됩니다</div>
|
|
||||||
<div style="margin: 0.5rem 0; padding: 0.5rem; background: #f0f0f0; border-radius: 4px;">[여기에 작성해주세요]</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="margin-top: var(--spacing-md); text-align: center;">
|
|
||||||
<a href="mailto:minglestudio.mocap@gmail.com?subject=[스튜디오 대관 문의]" class="btn btn-primary">📧 이메일 바로 보내기</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p>최소 2주 전에 연락주시면 원활하게 준비가 가능합니다.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="faq-item" data-category="booking">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>예약금 제도와 환불 규정이 있나요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>아래는 환불 규정입니다:</p>
|
|
||||||
<div class="policy-table">
|
|
||||||
<div class="policy-row">
|
|
||||||
<span class="policy-time">예약일로부터 7일 전</span>
|
|
||||||
<span class="policy-desc">100% 환불</span>
|
|
||||||
</div>
|
|
||||||
<div class="policy-row">
|
|
||||||
<span class="policy-time">예약일로부터 3일 전</span>
|
|
||||||
<span class="policy-desc">70% 환불</span>
|
|
||||||
</div>
|
|
||||||
<div class="policy-row">
|
|
||||||
<span class="policy-time">예약일로부터 1일 전</span>
|
|
||||||
<span class="policy-desc">50% 환불</span>
|
|
||||||
</div>
|
|
||||||
<div class="policy-row">
|
|
||||||
<span class="policy-time">당일 취소</span>
|
|
||||||
<span class="policy-desc">환불 불가</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="faq-item" data-category="booking">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>최소 대관 시간은 어떻게 되나요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>최소 대관은 <strong>2시간</strong>부터 가능합니다.</p>
|
|
||||||
<p>연장은 1시간 단위로 가능합니다.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="faq-item" data-category="booking">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>대관은 얼마나 전에 예약해야 하나요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>최소 2주 전에 연락주시면 원활하게 준비가 가능합니다.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="faq-item" data-category="pricing">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>현장 결제가 가능한가요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>현장에서는 현금 결제 또는 계좌이체가 가능합니다.</p>
|
|
||||||
<p>카드 결제는 현장에서 불가능하니 참고해 주세요.</p>
|
|
||||||
<p>현금영수증 및 세금계산서 발행 가능합니다.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="faq-item" data-category="pricing">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>세금계산서 발행이 가능한가요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>네, 사업자용 세금계산서 발행 가능합니다.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 장비/기술 관련 -->
|
|
||||||
<div class="faq-item" data-category="equipment">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>어떤 모션캡쳐 장비를 사용하나요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>밍글 스튜디오는 다음과 같은 전문 장비를 보유하고 있습니다:</p>
|
|
||||||
<ul>
|
|
||||||
<li><strong>OptiTrack 카메라:</strong> 28대</li>
|
|
||||||
<li><strong>핸드 트래킹:</strong> 로코코 스마트 글러브 사용중</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="faq-item" data-category="equipment">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>모션캡쳐 슈트는 제공되나요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>네, 전문 모션캡쳐 슈트와 마커를 무료로 제공합니다.</p>
|
|
||||||
<ul>
|
|
||||||
<li>다양한 사이즈 (S, M, L, XL) 보유</li>
|
|
||||||
<li>위생적인 관리로 깔끔한 상태 유지</li>
|
|
||||||
<li>개인 슈트 지참도 가능</li>
|
|
||||||
<li>장갑, 헤드밴드 등 부속품 포함</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="faq-item" data-category="equipment">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>몇 명까지 동시에 모션캡쳐가 가능한가요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>최대 <strong>4명</strong>까지 동시 모션캡쳐가 가능합니다.</p>
|
|
||||||
<p>인원별 상세 정보:</p>
|
|
||||||
<ul>
|
|
||||||
<li><strong>1명:</strong> 최고 정밀도 캡쳐</li>
|
|
||||||
<li><strong>2명:</strong> 상호작용 장면 최적</li>
|
|
||||||
<li><strong>3-4명:</strong> 그룹 퍼포먼스 가능</li>
|
|
||||||
</ul>
|
|
||||||
<p>인원이 많을수록 캡쳐 공간과 정확도에 제약이 있을 수 있습니다.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 요금/결제 관련 -->
|
|
||||||
<div class="faq-item" data-category="pricing">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>스튜디오 대관 요금은 얼마인가요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>스튜디오 대관 기본 요금은 다음과 같습니다:</p>
|
|
||||||
<div class="pricing-table">
|
|
||||||
<div class="pricing-item">
|
|
||||||
<span class="service-name">기본 대관 (2시간)</span>
|
|
||||||
<span class="service-price">220,000원</span>
|
|
||||||
</div>
|
|
||||||
<div class="pricing-item">
|
|
||||||
<span class="service-name">연장 (1시간 단위)</span>
|
|
||||||
<span class="service-price">110,000원</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p><small>* 부가세 포함, 운영진 지원비 포함</small></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="faq-item" data-category="pricing">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>결제는 어떻게 하나요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>다음과 같은 결제 방법을 지원합니다:</p>
|
|
||||||
<ul>
|
|
||||||
<li><strong>계좌이체:</strong> 예약 확정 후 24시간 내</li>
|
|
||||||
<li><strong>현금결제:</strong> 현장 결제 가능</li>
|
|
||||||
<li><strong>카드결제:</strong> 현장에서 불가능</li>
|
|
||||||
<li><strong>세금계산서:</strong> 사업자 고객 발행 가능</li>
|
|
||||||
<li><strong>현금영수증:</strong> 개인 고객 발행 가능</li>
|
|
||||||
</ul>
|
|
||||||
<p>예약금(30%)은 예약 확정 시, 잔금(70%)은 촬영 당일 결제 가능합니다.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 제작/촬영 관련 -->
|
|
||||||
<div class="faq-item" data-category="production">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>촬영 준비물은 무엇이 필요한가요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>기본적으로 다음과 같은 준비가 필요합니다:</p>
|
|
||||||
<ul>
|
|
||||||
<li><strong>복장:</strong> 몸에 딱 맞는 검은색 의상 (면 소재 선호)</li>
|
|
||||||
<li><strong>신발:</strong> 실내화 또는 양말</li>
|
|
||||||
<li><strong>머리:</strong> 긴 머리는 묶어주세요</li>
|
|
||||||
<li><strong>액세서리:</strong> 시계, 반지 등 제거</li>
|
|
||||||
<li><strong>메이크업:</strong> 진한 메이크업은 피해주세요</li>
|
|
||||||
</ul>
|
|
||||||
<p>모션캡쳐 슈트와 마커는 스튜디오에서 제공합니다.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="faq-item" data-category="production">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>데이터는 어떤 형태로 받을 수 있나요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>다음과 같은 형태의 데이터를 제공합니다:</p>
|
|
||||||
<ul>
|
|
||||||
<li><strong>FBX 파일:</strong> Unity, Unreal Engine 호환</li>
|
|
||||||
<li><strong>ANIM 파일:</strong> Unity Animator 직접 호환</li>
|
|
||||||
<li><strong>MP4 영상:</strong> 참고용 영상</li>
|
|
||||||
</ul>
|
|
||||||
<p>문의 시 세부사항을 안내해드리며, 클라우드를 통해 전달합니다.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 스트리밍 관련 -->
|
|
||||||
<div class="faq-item" data-category="streaming">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>실시간 스트리밍이 가능한가요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p><strong>실시간 스트리밍 서비스는 현재 준비중입니다.</strong></p>
|
|
||||||
<p>서비스 준비가 완료되는 대로 안내해드리겠습니다.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 기타 -->
|
|
||||||
<div class="faq-item" data-category="etc">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>주차는 가능한가요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>네, 주차가 가능합니다:</p>
|
|
||||||
<ul>
|
|
||||||
<li><strong>기본:</strong> 2시간 무료</li>
|
|
||||||
<li><strong>건물 내 시설 이용시:</strong> 추가 2시간, 최대 4시간 무료</li>
|
|
||||||
<li><strong>위치:</strong> 인천테크노밸리 건물 주차장</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="faq-item" data-category="etc">
|
|
||||||
<div class="faq-question">
|
|
||||||
<h3>견학이나 시설 투어는 가능한가요?</h3>
|
|
||||||
<span class="faq-toggle">+</span>
|
|
||||||
</div>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>견학 및 투어는 미리 문의를 통해 가능 여부를 확인해야 합니다:</p>
|
|
||||||
<ul>
|
|
||||||
<li><strong>사전 문의:</strong> 필수 (스튜디오 사정에 따라 거절될 수 있음)</li>
|
|
||||||
<li><strong>문의처:</strong> minglestudio.mocap@gmail.com</li>
|
|
||||||
<li><strong>견학 시간:</strong> 승인 시 협의 (약 30분 소요)</li>
|
|
||||||
<li><strong>비용:</strong> 무료</li>
|
|
||||||
</ul>
|
|
||||||
<p>스튜디오 운영 상황에 따라 견학이 제한될 수 있으니 양해 부탁드립니다.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- 추가 문의 -->
|
|
||||||
<section class="section bg-gradient">
|
|
||||||
<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="tel:010-9288-9190" 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/qna.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
386
services
386
services
@ -1,386 +0,0 @@
|
|||||||
<!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/x-icon" href="/mingle-logo.ico">
|
|
||||||
<link rel="shortcut icon" href="/mingle-logo.ico">
|
|
||||||
<link rel="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>
|
|
||||||
25
web.config
Normal file
25
web.config
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<configuration>
|
||||||
|
<system.webServer>
|
||||||
|
<rewrite>
|
||||||
|
<rules>
|
||||||
|
<rule name="RemoveHTMLExtension" stopProcessing="true">
|
||||||
|
<match url="^([^\.]+)$" />
|
||||||
|
<conditions>
|
||||||
|
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
|
||||||
|
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
|
||||||
|
</conditions>
|
||||||
|
<action type="Rewrite" url="{R:1}.html" />
|
||||||
|
</rule>
|
||||||
|
<rule name="RedirectHTMLExtension" stopProcessing="true">
|
||||||
|
<match url="^(.*)\.html$" />
|
||||||
|
<conditions>
|
||||||
|
<add input="{THE_REQUEST}" pattern="^[A-Z]{3,}\s/+(.*)\.html[\?\s]" />
|
||||||
|
<add input="{REQUEST_FILENAME}" matchType="IsFile" />
|
||||||
|
</conditions>
|
||||||
|
<action type="Redirect" url="{R:1}" redirectType="Permanent" />
|
||||||
|
</rule>
|
||||||
|
</rules>
|
||||||
|
</rewrite>
|
||||||
|
</system.webServer>
|
||||||
|
</configuration>
|
||||||
Loading…
x
Reference in New Issue
Block a user