1067 lines
66 KiB
HTML
1067 lines
66 KiB
HTML
<!DOCTYPE html><html lang="en"><head>
|
||
<!-- Google Tag Manager -->
|
||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||
})(window,document,'script','dataLayer','GTM-PPTNN6WD');</script>
|
||
<!-- End Google Tag Manager -->
|
||
<!-- Google tag (gtag.js) -->
|
||
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-R0PBYHVQBS"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
gtag('config', 'G-R0PBYHVQBS');
|
||
</script>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Services - Mingle Studio</title>
|
||
|
||
<!-- 파비콘 -->
|
||
<link rel="icon" type="image/x-icon" href="/images/logo/mingle-logo.ico">
|
||
<link rel="shortcut icon" href="/images/logo/mingle-logo.ico">
|
||
<link rel="icon" type="image/webp" href="/images/logo/mingle-logo.webp">
|
||
|
||
<!-- Canonical URL -->
|
||
<link rel="canonical" href="https://minglestudio.co.kr/en/services.html">
|
||
|
||
<!-- Theme Color -->
|
||
<meta name="theme-color" content="#ff8800">
|
||
|
||
<!-- SEO 메타 태그 -->
|
||
<meta name="description" content="Mingle Studio Services - OptiTrack motion capture studio rental from $150/hour for 2 people, full-body/facial capture, professional motion recording">
|
||
<meta name="keywords" content="모션캡쳐 대관, OptiTrack, 스튜디오 요금, 모션 녹화, 모션캡쳐 스튜디오">
|
||
<meta name="author" content="밍글 스튜디오">
|
||
|
||
<!-- Open Graph -->
|
||
<meta property="og:title" content="Services - Mingle Studio">
|
||
<meta property="og:description" content="OptiTrack motion capture studio rental services. Full-body and facial capture specialists.">
|
||
<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/images/logo/mingle-OG.png">
|
||
<meta property="og:image:width" content="1200">
|
||
<meta property="og:image:height" content="630">
|
||
<meta property="og:locale" content="ko_KR">
|
||
<meta property="og:site_name" content="밍글 스튜디오">
|
||
<meta property="og:image:alt" content="밍글 스튜디오 - 모션캡처 녹화 서비스 요금안내">
|
||
|
||
<!-- Twitter Card -->
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="서비스 소개 - 밍글 스튜디오">
|
||
<meta name="twitter:description" content="30대 OptiTrack 카메라로 전신/페이셜 모션캡처, 2인 200,000원~/시간. 스트리밍글 서비스 4시간 1,400,000원 / 6시간 2,000,000원 풀패키지 제공">
|
||
<meta name="twitter:image" content="https://minglestudio.co.kr/images/logo/mingle-OG.png">
|
||
<meta name="twitter:site" content="@mingle_studio">
|
||
<meta name="twitter:creator" content="@mingle_studio">
|
||
|
||
<!-- 폰트 -->
|
||
<link href="https://hangeul.pstatic.net/hangeul_static/css/nanum-square.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">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link rel="alternate" hreflang="ko" href="https://minglestudio.co.kr/services.html">
|
||
<link rel="alternate" hreflang="en" href="https://minglestudio.co.kr/en/services.html">
|
||
<link rel="alternate" hreflang="ja" href="https://minglestudio.co.kr/ja/services.html">
|
||
<link rel="alternate" hreflang="zh" href="https://minglestudio.co.kr/zh/services.html">
|
||
<link rel="alternate" hreflang="x-default" href="https://minglestudio.co.kr/services.html">
|
||
</head>
|
||
<body>
|
||
<!-- Google Tag Manager (noscript) -->
|
||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPTNN6WD"
|
||
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||
<!-- End Google Tag Manager (noscript) -->
|
||
<a href="#main-content" class="skip-to-content" data-i18n="common.skipToContent">Skip to content</a>
|
||
|
||
<!-- 헤더 -->
|
||
<div id="header-placeholder">
|
||
<!-- 공통 헤더 컴포넌트 -->
|
||
<nav class="navbar" aria-label="메인 내비게이션">
|
||
<div class="nav-container">
|
||
<div class="nav-logo">
|
||
<a href="/en/">
|
||
<img src="/images/logo/mingle-logo.webp" alt="밍글 스튜디오 로고">
|
||
<span data-i18n="header.studioName">Mingle Studio</span>
|
||
</a>
|
||
</div>
|
||
<ul id="nav-menu" class="nav-menu">
|
||
<li><a href="/en/about" class="nav-link" data-i18n="header.nav.about">About</a></li>
|
||
<li><a href="/en/services" class="nav-link" data-i18n="header.nav.services">Services</a></li>
|
||
<li><a href="/en/portfolio" class="nav-link" data-i18n="header.nav.portfolio">Portfolio</a></li>
|
||
<li><a href="/en/gallery" class="nav-link" data-i18n="header.nav.gallery">Gallery</a></li>
|
||
|
||
<li><a href="/en/contact" class="nav-link" data-i18n="header.nav.contact">Contact</a></li>
|
||
<li><a href="/en/qna" class="nav-link" data-i18n="header.nav.qna">Q&A</a></li>
|
||
</ul>
|
||
<div class="nav-actions">
|
||
<div class="lang-switcher">
|
||
<button class="lang-btn" aria-label="Select language" data-i18n-aria="header.langSelect">
|
||
<span class="lang-current">KO</span>
|
||
<svg class="lang-chevron" viewBox="0 0 10 6" width="10" height="6" aria-hidden="true">
|
||
<path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</button>
|
||
<ul class="lang-dropdown">
|
||
<li><button data-lang="ko">🇰🇷 한국어</button></li>
|
||
<li><button data-lang="en">🇺🇸 English</button></li>
|
||
<li><button data-lang="zh">🇨🇳 中文</button></li>
|
||
<li><button data-lang="ja">🇯🇵 日本語</button></li>
|
||
</ul>
|
||
</div>
|
||
<button class="theme-toggle" id="themeToggle" aria-label="다크 모드 전환" title="다크/라이트 모드 전환">
|
||
<div class="theme-toggle-thumb">
|
||
<svg class="theme-toggle-icon theme-toggle-icon--sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||
<circle cx="12" cy="12" r="5"></circle>
|
||
<line x1="12" y1="1" x2="12" y2="3"></line>
|
||
<line x1="12" y1="21" x2="12" y2="23"></line>
|
||
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
|
||
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
|
||
<line x1="1" y1="12" x2="3" y2="12"></line>
|
||
<line x1="21" y1="12" x2="23" y2="12"></line>
|
||
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
|
||
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
|
||
</svg>
|
||
<svg class="theme-toggle-icon theme-toggle-icon--moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
|
||
</svg>
|
||
</div>
|
||
</button>
|
||
</div>
|
||
<button class="hamburger" aria-label="메뉴 열기" aria-expanded="false" aria-controls="nav-menu">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
|
||
<main id="main-content">
|
||
<!-- 페이지 헤더 -->
|
||
<section class="page-header">
|
||
<div class="container">
|
||
<h1 data-i18n="services.pageHeader.title">Services</h1>
|
||
<p data-i18n="services.pageHeader.desc">We provide cutting-edge motion capture facilities and professional services</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 주요 서비스 소개 -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 data-i18n="services.packages.title">Service Packages</h2>
|
||
<p data-i18n="services.packages.desc">We offer optimal motion capture recording services tailored to your needs and scale</p>
|
||
<p class="vat-notice-inline" data-i18n="services.packages.vatNotice">※ All prices are exclusive of VAT</p>
|
||
</div>
|
||
|
||
<!-- 서비스 1: 모션캡처 녹화 서비스 -->
|
||
<div class="service-package">
|
||
<div class="package-header">
|
||
<span class="package-icon"><i class="fa-solid fa-bullseye" aria-hidden="true"></i></span>
|
||
<h3 data-i18n="services.service1.title">Service 1: Motion Capture Recording</h3>
|
||
<span class="package-badge" data-i18n="services.service1.badge">Standard</span>
|
||
</div>
|
||
|
||
<!-- 가격 카드들 -->
|
||
<div class="pricing-cards-wrapper">
|
||
<div class="pricing-cards stagger-children">
|
||
<div class="pricing-card team reveal" data-reveal="up">
|
||
<div class="card-header">
|
||
<span class="person-icon"><i class="fa-solid fa-user-group" aria-hidden="true"></i></span>
|
||
<h4 data-i18n="services.service1.team">2-Person Session</h4>
|
||
<span class="popular-badge" data-i18n="services.service1.teamPopular">Popular</span>
|
||
</div>
|
||
<div class="price-display">
|
||
<span class="price-amount" data-i18n="services.service1.teamPrice">$150</span>
|
||
<span class="price-unit" data-i18n="services.service1.teamUnit">/hour</span>
|
||
</div>
|
||
<div class="card-features">
|
||
<ul>
|
||
<li data-i18n="services.service1.teamFeature1">Simultaneous 2-person motion recording</li>
|
||
<li data-i18n="services.service1.teamFeature2">Character interaction capture</li>
|
||
<li data-i18n="services.service1.teamFeature3">Team project collaboration</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pricing-card extended reveal" data-reveal="up">
|
||
<div class="card-header">
|
||
<span class="person-icon"><i class="fa-solid fa-people-group" aria-hidden="true"></i></span>
|
||
<h4 data-i18n="services.service1.additional">Additional Person</h4>
|
||
</div>
|
||
<div class="price-display">
|
||
<span class="price-amount" data-i18n="services.service1.additionalPrice">+$75</span>
|
||
<span class="price-unit" data-i18n="services.service1.additionalUnit">/person/hour</span>
|
||
</div>
|
||
<div class="card-features">
|
||
<ul>
|
||
<li data-i18n="services.service1.additionalFeature1">Up to 5 simultaneous performers</li>
|
||
<li data-i18n="services.service1.additionalFeature2">Multi-person motion capture</li>
|
||
<li data-i18n="services.service1.additionalFeature3">Group choreography & acting capture</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="service-info">
|
||
<div class="info-card">
|
||
<span class="info-icon"><i class="fa-solid fa-users" aria-hidden="true"></i></span>
|
||
<p data-i18n-html="services.service1.minPerson">Minimum participants: 2 people</p>
|
||
</div>
|
||
<div class="info-card">
|
||
<span class="info-icon"><i class="fa-solid fa-clock" aria-hidden="true"></i></span>
|
||
<p data-i18n-html="services.service1.minTime">Minimum session: 2 hours</p>
|
||
</div>
|
||
<div class="info-card">
|
||
<span class="info-icon"><i class="fa-solid fa-users" aria-hidden="true"></i></span>
|
||
<p data-i18n-html="services.service1.maxPerson">Maximum simultaneous performers: 5</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 기술 사양 (컴팩트) -->
|
||
<div class="tech-specs-compact">
|
||
<h5 data-i18n="services.service1.techTitle">Included Technology & Services</h5>
|
||
<div class="specs-list">
|
||
<div class="spec-tag"><span><i class="fa-solid fa-video" aria-hidden="true"></i></span> <span data-i18n="services.service1.tech1">30 OptiTrack Cameras</span></div>
|
||
<div class="spec-tag"><span><i class="fa-solid fa-robot" aria-hidden="true"></i></span> <span data-i18n="services.service1.tech2">Real-time avatar recording</span></div>
|
||
<div class="spec-tag"><span><i class="fa-solid fa-user" aria-hidden="true"></i></span> <span data-i18n="services.service1.tech3">Full-body/facial capture</span></div>
|
||
<div class="spec-tag"><span><i class="fa-solid fa-chart-bar" aria-hidden="true"></i></span> <span data-i18n="services.service1.tech4">Real-time monitoring</span></div>
|
||
<div class="spec-tag"><span><i class="fa-solid fa-user-gear" aria-hidden="true"></i></span> <span data-i18n="services.service1.tech5">Professional operator</span></div>
|
||
<div class="spec-tag"><span><i class="fa-solid fa-floppy-disk" aria-hidden="true"></i></span> <span data-i18n="services.service1.tech6">Motion data delivery</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="service-note">
|
||
<p data-i18n-html="services.service1.note">Avatar retargeting is not included by default. It can be arranged through a separate consultation for follow-up work.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 결합상품 -->
|
||
<div class="service-package">
|
||
<div class="package-header">
|
||
<span class="package-icon"><i class="fa-solid fa-clapperboard" aria-hidden="true"></i></span>
|
||
<h3 data-i18n="services.combo.title">Combo Packages</h3>
|
||
<span class="package-badge" data-i18n="services.combo.badge">Specialized</span>
|
||
</div>
|
||
|
||
<div class="combo-services">
|
||
<div class="combo-card">
|
||
<h4 data-i18n="services.combo.mvTitle">Music Video / Short-Form Real-Time Shooting</h4>
|
||
<div class="combo-pricing">
|
||
<span class="price" data-i18n="services.combo.mvPrice">Same rate as Motion Capture</span>
|
||
</div>
|
||
<div class="combo-features">
|
||
<h5 data-i18n="services.combo.mvReqTitle">Additional Requirements</h5>
|
||
<ul>
|
||
<li data-i18n="services.combo.mvReq1">Pre-production brief required</li>
|
||
<li data-i18n="services.combo.mvReq2">Character/background/props must be discussed in advance</li>
|
||
<li data-i18n="services.combo.mvReq3">Actor casting if needed: $75 (per person per hour)</li>
|
||
</ul>
|
||
<div class="portfolio-preview">
|
||
<button class="portfolio-btn" onclick="openPortfolioPopup()">
|
||
<i class="fa-solid fa-film" aria-hidden="true"></i> <span data-i18n="services.combo.mvPortfolio">View Portfolio</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="combo-card">
|
||
<h4 data-i18n="services.combo.remoteTitle">Remote Shooting</h4>
|
||
<div class="combo-pricing">
|
||
<span class="price" data-i18n="services.combo.remotePrice">Same rate as Motion Capture</span>
|
||
</div>
|
||
<div class="combo-features">
|
||
<h5 data-i18n="services.combo.remoteServiceTitle">Service Details</h5>
|
||
<ul>
|
||
<li data-i18n="services.combo.remoteService1">Remote real-time shooting support</li>
|
||
<li data-i18n="services.combo.remoteService2">Online direction available</li>
|
||
<li data-i18n="services.combo.remoteService3">Real-time streaming output</li>
|
||
</ul>
|
||
<h5 data-i18n="services.combo.remoteExtraTitle">Additional Fees</h5>
|
||
<ul>
|
||
<li data-i18n="services.combo.remoteExtra1">Actor casting fee: $75 (per person per hour)</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 서비스 2: 스트리밍글 서비스 -->
|
||
<div class="service-package featured">
|
||
<div class="package-header">
|
||
<span class="package-icon"><i class="fa-solid fa-star" aria-hidden="true"></i></span>
|
||
<h3 data-i18n="services.service2.title">Service 2: Streamingle Service</h3>
|
||
<span class="package-badge featured" data-i18n="services.service2.badge">Flagship</span>
|
||
</div>
|
||
|
||
<!-- 스트리밍글 패키지 선택 -->
|
||
<div class="pricing-cards-wrapper">
|
||
<div class="pricing-cards stagger-children">
|
||
<div class="pricing-card team reveal" data-reveal="up">
|
||
<div class="card-header">
|
||
<span class="person-icon"><i class="fa-solid fa-clock" aria-hidden="true"></i></span>
|
||
<h4 data-i18n="services.service2.pkg4h">4-Hour Package</h4>
|
||
<span class="popular-badge" data-i18n="services.service2.pkg4hBadge">NEW</span>
|
||
</div>
|
||
<div class="price-display">
|
||
<span class="price-amount" data-i18n="services.service2.pkg4hPrice">$1,100</span>
|
||
<span class="price-unit" data-i18n="services.service2.pkg4hUnit">/ 1–5 people</span>
|
||
</div>
|
||
<div class="card-features">
|
||
<ul>
|
||
<li data-i18n="services.service2.pkg4hFeature1">4 hours total</li>
|
||
<li data-i18n="services.service2.pkg4hFeature2">2 hours studio rental + 2 hours shoot prep</li>
|
||
<li data-i18n="services.service2.pkg4hFeature3">Same benefits as the 6-hour package</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pricing-card extended reveal" data-reveal="up">
|
||
<div class="card-header">
|
||
<span class="person-icon"><i class="fa-solid fa-clock" aria-hidden="true"></i></span>
|
||
<h4 data-i18n="services.service2.pkg6h">6-Hour Package</h4>
|
||
</div>
|
||
<div class="price-display">
|
||
<span class="price-amount" data-i18n="services.service2.pkg6hPrice">$1,500</span>
|
||
<span class="price-unit" data-i18n="services.service2.pkg6hUnit">/ 1–5 people</span>
|
||
</div>
|
||
<div class="card-features">
|
||
<ul>
|
||
<li data-i18n="services.service2.pkg6hFeature1">6 hours total</li>
|
||
<li data-i18n="services.service2.pkg6hFeature2">4 hours studio rental + 2 hours shoot prep</li>
|
||
<li data-i18n="services.service2.pkg6hFeature3">Ideal for large-scale projects</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="streaming-package">
|
||
<p class="streaming-common-label"><i class="fa-solid fa-circle-info" aria-hidden="true"></i> <span data-i18n="services.service2.commonLabel">The following benefits are included in both the 4-hour and 6-hour packages</span></p>
|
||
<div class="package-features">
|
||
<div class="feature-column">
|
||
<h5 data-i18n="services.service2.benefitsTitle">Included Benefits</h5>
|
||
<ul>
|
||
<li data-i18n="services.service2.benefit1">1 character setup per person (free)</li>
|
||
<li data-i18n="services.service2.benefit2">2 existing backgrounds setup (free)</li>
|
||
<li data-i18n="services.service2.benefit3">Props setup (up to 6 new props free, unlimited existing props)</li>
|
||
<li data-i18n="services.service2.benefit4">Motion capture recording service</li>
|
||
<li data-i18n="services.service2.benefit5">Real-time video shooting</li>
|
||
<li data-i18n="services.service2.benefit6">Live broadcasting service</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-column">
|
||
<h5 data-i18n="services.service2.featuresTitle">Service Features</h5>
|
||
<ul>
|
||
<li data-i18n="services.service2.feature1">Large-scale project support</li>
|
||
<li data-i18n="services.service2.feature2">Comprehensive shooting environment</li>
|
||
<li data-i18n="services.service2.feature3">Real-time streaming (Streamingle exclusive)</li>
|
||
<li data-i18n="services.service2.feature4">Full professional staff service</li>
|
||
<li data-i18n="services.service2.feature5">Flexible for 1–5 participants</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="portfolio-preview">
|
||
<button class="portfolio-btn" onclick="openStreamingPortfolioPopup()">
|
||
<i class="fa-solid fa-circle" style="color: #ff0000" aria-hidden="true"></i> <span data-i18n="services.service2.livePortfolio">View Live Broadcasting Portfolio</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 서비스 3: 뮤직비디오 제작 서비스 -->
|
||
<div class="service-package mv-production">
|
||
<div class="package-header">
|
||
<span class="package-icon"><i class="fa-solid fa-clapperboard" aria-hidden="true"></i></span>
|
||
<h3 data-i18n="services.service3.title">Service 3: Music Video Production</h3>
|
||
<span class="package-badge" data-i18n="services.service3.badge">Premium</span>
|
||
</div>
|
||
|
||
<div class="mv-intro">
|
||
<p data-i18n="services.service3.intro">We support the entire music video production process, from planning to final delivery.</p>
|
||
<div class="mv-price-summary">
|
||
<span class="price-range" data-i18n="services.service3.priceRange">Estimated total cost: $1,500 – $3,000</span>
|
||
<span class="price-note" data-i18n="services.service3.priceNote1">※ The above cost is an approximate estimate and may vary depending on project scope and requirements.</span>
|
||
<span class="price-note" data-i18n="services.service3.priceNote2">※ Pricing varies based on background production scope, storyboard artist fees, number of avatars/props, and production complexity.</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 제작 프로세스 -->
|
||
<div class="mv-process">
|
||
<h4 data-i18n="services.service3.processTitle">Production Process (7 Steps)</h4>
|
||
<div class="process-steps">
|
||
<div class="mv-step">
|
||
<div class="step-icon">1</div>
|
||
<div class="step-details">
|
||
<h5 data-i18n="services.service3.step1Title">Planning Consultation (Free)</h5>
|
||
<p data-i18n="services.service3.step1Desc">The first step of music video production — defining the concept and mood.</p>
|
||
<p class="detail-note" data-i18n="services.service3.step1Note">※ A clear direction is essential for smooth production.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mv-step">
|
||
<div class="step-icon">2</div>
|
||
<div class="step-details">
|
||
<h5 data-i18n="services.service3.step2Title">Background Production</h5>
|
||
<p data-i18n="services.service3.step2Desc">Options available based on copyright ownership.</p>
|
||
<div class="pricing-options">
|
||
<div class="pricing-option">
|
||
<span class="option-type" data-i18n="services.service3.step2Opt1Type">Use Existing Background</span>
|
||
<span class="option-price" data-i18n="services.service3.step2Opt1Price">$25/each</span>
|
||
<span class="option-note" data-i18n="services.service3.step2Opt1Note">Copyright: Company-owned</span>
|
||
</div>
|
||
<div class="pricing-option">
|
||
<span class="option-type" data-i18n="services.service3.step2Opt2Type">New Production (Company-owned)</span>
|
||
<span class="option-price" data-i18n="services.service3.step2Opt2Price">$80/each</span>
|
||
<span class="option-note" data-i18n="services.service3.step2Opt2Note">Copyright: Company-owned (large or specialized backgrounds may have limitations)</span>
|
||
</div>
|
||
<div class="pricing-option">
|
||
<span class="option-type" data-i18n="services.service3.step2Opt3Type">New Production (Client-owned)</span>
|
||
<span class="option-price" data-i18n="services.service3.step2Opt3Price">$150 – $700/each</span>
|
||
<span class="option-note" data-i18n="services.service3.step2Opt3Note">Copyright: Client-owned (varies by scale and detail)</span>
|
||
</div>
|
||
</div>
|
||
<div class="process-note">
|
||
<p><i class="fa-solid fa-thumbtack" aria-hidden="true"></i> <span data-i18n="services.service3.step2ProcessNote">Delivered as a Unity build for camera angle verification</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mv-step">
|
||
<div class="step-icon">3</div>
|
||
<div class="step-details">
|
||
<h5 data-i18n="services.service3.step3Title">Storyboard Creation</h5>
|
||
<div class="step-pricing">
|
||
<span class="price-amount" data-i18n="services.service3.step3Price">From $75</span>
|
||
</div>
|
||
<p data-i18n="services.service3.step3Desc">An external professional artist visualizes the music video flow.</p>
|
||
<p class="detail-note" data-i18n="services.service3.step3Note">※ Shared with the client for direction and camera cut confirmation</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mv-step">
|
||
<div class="step-icon">4</div>
|
||
<div class="step-details">
|
||
<h5 data-i18n="services.service3.step4Title">Avatar Setup & Props Production</h5>
|
||
<div class="step-pricing">
|
||
<span class="price-label" data-i18n="services.service3.step4AvatarLabel">Avatar Setup:</span>
|
||
<span class="price-amount" data-i18n="services.service3.step4AvatarPrice">$40/each</span>
|
||
</div>
|
||
<div class="step-pricing">
|
||
<span class="price-label" data-i18n="services.service3.step4PropLabel">Story Props:</span>
|
||
<span class="price-amount" data-i18n="services.service3.step4PropPrice">$15/each</span>
|
||
</div>
|
||
<p data-i18n="services.service3.step4Desc">Avatars are optimized for the music video environment.</p>
|
||
<p class="detail-note" data-i18n="services.service3.step4Note">※ Avatar modification and optimization available</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mv-step">
|
||
<div class="step-icon">5</div>
|
||
<div class="step-details">
|
||
<h5 data-i18n="services.service3.step5Title">Motion Capture</h5>
|
||
<div class="mv-mocap-pricing">
|
||
<h6 data-i18n="services.service3.step5StudioLabel">Motion Capture Studio Rental</h6>
|
||
<div class="step-pricing">
|
||
<span class="price-label" data-i18n="services.service3.step5Solo">1 person:</span>
|
||
<span class="price-amount" data-i18n="services.service3.step5SoloPrice">$110/hour</span>
|
||
</div>
|
||
<div class="step-pricing">
|
||
<span class="price-label" data-i18n="services.service3.step5Duo">2 people:</span>
|
||
<span class="price-amount" data-i18n="services.service3.step5DuoPrice">$150/hour</span>
|
||
</div>
|
||
<div class="step-pricing">
|
||
<span class="price-label" data-i18n="services.service3.step5Extra">Additional person:</span>
|
||
<span class="price-amount" data-i18n="services.service3.step5ExtraPrice">+$75/person/hour</span>
|
||
<span class="price-note" data-i18n="services.service3.step5ExtraNote">(up to 5 people)</span>
|
||
</div>
|
||
</div>
|
||
<div class="mv-mocap-pricing">
|
||
<h6 data-i18n="services.service3.step5ActorLabel">Actor Casting</h6>
|
||
<div class="step-pricing">
|
||
<span class="price-label" data-i18n="services.service3.step5Actor">Actor casting:</span>
|
||
<span class="price-amount" data-i18n="services.service3.step5ActorPrice">$75/person/hour</span>
|
||
</div>
|
||
</div>
|
||
<p data-i18n="services.service3.step5Desc">Motion is recorded based on the storyboard.</p>
|
||
<p class="detail-note" data-i18n="services.service3.step5Note1">※ Shooting duration: 1–2 days</p>
|
||
<p class="detail-note" data-i18n="services.service3.step5Note2">※ Minimum session: 2 hours</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mv-step">
|
||
<div class="step-icon">6</div>
|
||
<div class="step-details">
|
||
<h5 data-i18n="services.service3.step6Title">Look Development & Direction</h5>
|
||
<div class="step-pricing">
|
||
<span class="price-amount" data-i18n="services.service3.step6Price">From $360</span>
|
||
</div>
|
||
<p data-i18n="services.service3.step6Desc">Post-processing, artwork, and camera work are done in Unity.</p>
|
||
<p class="detail-note" data-i18n="services.service3.step6Note">※ Varies based on production complexity and quality level</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mv-step">
|
||
<div class="step-icon">7</div>
|
||
<div class="step-details">
|
||
<h5 data-i18n="services.service3.step7Title">Final Feedback & Delivery</h5>
|
||
<p data-i18n="services.service3.step7Desc">The finished video is revised based on client feedback and delivered.</p>
|
||
<p class="detail-note" data-i18n="services.service3.step7Note">※ Delivery formats: mp4/mov, etc.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="service-note">
|
||
<p data-i18n-html="services.service3.processNote">Planning Consultation (Free) → Full Quote → Production begins after quote approval (Steps 2–7 proceed sequentially)</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 추가 옵션 요금 -->
|
||
<section class="section bg-light">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 data-i18n="services.options.title">Additional Option Pricing</h2>
|
||
<p data-i18n="services.options.desc">Additional options applicable to all service packages</p>
|
||
</div>
|
||
|
||
<div class="vat-notice-header">
|
||
<p><em data-i18n="services.options.vatNote">*Exclusive of VAT</em></p>
|
||
</div>
|
||
|
||
<div class="options-grid stagger-children">
|
||
<!-- 캐릭터 세팅 -->
|
||
<div class="option-card reveal" data-reveal="up">
|
||
<div class="option-header">
|
||
<span class="option-icon"><i class="fa-solid fa-palette" aria-hidden="true"></i></span>
|
||
<h3 data-i18n="services.options.charSetup">Character Setup</h3>
|
||
</div>
|
||
<div class="option-pricing">
|
||
<div class="price">
|
||
<span class="price-amount" data-i18n="services.options.charPrice">From $40</span>
|
||
<span class="price-unit" data-i18n="services.options.charUnit">/ per character</span>
|
||
</div>
|
||
<p class="option-description" data-i18n="services.options.charDesc">New character setup</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 배경 세팅 -->
|
||
<div class="option-card reveal" data-reveal="up">
|
||
<div class="option-header">
|
||
<span class="option-icon"><i class="fa-solid fa-mountain-sun" aria-hidden="true"></i></span>
|
||
<h3 data-i18n="services.options.bgSetup">Background Setup</h3>
|
||
</div>
|
||
<div class="option-content">
|
||
<div class="option-item">
|
||
<h4 data-i18n="services.options.bgExisting">Use Existing Background</h4>
|
||
<div class="price">
|
||
<span class="price-amount" data-i18n="services.options.bgExistingPrice">From $25</span>
|
||
<span class="price-unit" data-i18n="services.options.bgExistingUnit">/ each</span>
|
||
</div>
|
||
<p class="option-note" data-i18n="services.options.bgExistingNote">Setup fee only</p>
|
||
</div>
|
||
<div class="option-item">
|
||
<h4 data-i18n="services.options.bgNew">New Background Production</h4>
|
||
<div class="price">
|
||
<span class="price-amount" data-i18n="services.options.bgNewPrice">From $80</span>
|
||
<span class="price-unit" data-i18n="services.options.bgNewUnit">/ each</span>
|
||
</div>
|
||
<p class="option-note" data-i18n-html="services.options.bgNewNote">Setup fee + production/purchase fee separate
|
||
Ownership can be assigned to Mingle Studio or the client</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 프랍 세팅 -->
|
||
<div class="option-card reveal" data-reveal="up">
|
||
<div class="option-header">
|
||
<span class="option-icon"><i class="fa-solid fa-masks-theater" aria-hidden="true"></i></span>
|
||
<h3 data-i18n="services.options.propSetup">Props Setup</h3>
|
||
</div>
|
||
<div class="option-pricing">
|
||
<div class="price">
|
||
<span class="price-amount" data-i18n="services.options.propPrice">$15</span>
|
||
<span class="price-unit" data-i18n="services.options.propUnit">/ each</span>
|
||
</div>
|
||
<p class="option-description" data-i18n-html="services.options.propDesc">Props setup
|
||
(Streamingle Service: up to 6 new props free, unlimited existing props included)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 이용 안내사항 -->
|
||
<div class="usage-notes">
|
||
<h3 data-i18n="services.usage.title">Usage Guidelines</h3>
|
||
<div class="notes-grid">
|
||
<div class="note-item">
|
||
<h4 data-i18n="services.usage.hours">Operating Hours</h4>
|
||
<p data-i18n-html="services.usage.hoursDesc">Standard hours: 10:00 AM – 10:00 PM
|
||
1.5x rate applies for after-hours use</p>
|
||
</div>
|
||
<div class="note-item">
|
||
<h4 data-i18n="services.usage.minTime">Minimum Session Time</h4>
|
||
<p data-i18n-html="services.usage.minTimeDesc">All services require a minimum of 2 hours
|
||
(except Streamingle Service)</p>
|
||
</div>
|
||
<div class="note-item">
|
||
<h4 data-i18n="services.usage.preparation">Pre-Session Requirements</h4>
|
||
<p data-i18n-html="services.usage.preparationDesc">For music video/short-form shoots,
|
||
a production brief and materials must be discussed in advance</p>
|
||
</div>
|
||
<div class="note-item">
|
||
<h4 data-i18n="services.usage.followUp">Follow-Up Services</h4>
|
||
<p data-i18n-html="services.usage.followUpDesc">Avatar retargeting is only available
|
||
as a follow-up service (separate consultation)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 서비스 이용 안내 -->
|
||
<section class="section bg-light">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 data-i18n="services.guide.title">Service Booking Guide</h2>
|
||
</div>
|
||
|
||
<!-- 스튜디오 대관 절차 -->
|
||
<div class="card card--flat reveal" data-reveal="fade">
|
||
<h3 data-i18n="services.guide.processTitle">Studio Rental Process</h3>
|
||
<div class="process-flow">
|
||
<div class="process-step">
|
||
<div class="step-number">1</div>
|
||
<div class="step-content">
|
||
<h4 data-i18n="services.guide.step1">Email Inquiry</h4>
|
||
<p data-i18n="services.guide.step1Desc">Submit a reservation form</p>
|
||
</div>
|
||
</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">
|
||
<div class="step-number">2</div>
|
||
<div class="step-content">
|
||
<h4 data-i18n="services.guide.step2">Confirmation & Consultation</h4>
|
||
<p data-i18n="services.guide.step2Desc">Finalize details</p>
|
||
</div>
|
||
</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">
|
||
<div class="step-number">3</div>
|
||
<div class="step-content">
|
||
<h4 data-i18n="services.guide.step3">Full Payment</h4>
|
||
<p data-i18n="services.guide.step3Desc">Complete payment</p>
|
||
</div>
|
||
</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">
|
||
<div class="step-number">4</div>
|
||
<div class="step-content">
|
||
<h4 data-i18n="services.guide.step4">Reservation Confirmed</h4>
|
||
<p data-i18n="services.guide.step4Desc">Booking finalized</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="booking-buttons">
|
||
<button id="showEmailForm" class="btn btn-primary">
|
||
<span><i class="fa-solid fa-envelope" aria-hidden="true"></i></span> <span data-i18n="services.guide.btnEmail">Send Email Inquiry</span>
|
||
</button>
|
||
<a href="https://m.booking.naver.com/booking/10/bizes/1468174/items/6949481" target="_blank" class="btn btn-secondary">
|
||
<span><i class="fa-solid fa-calendar" aria-hidden="true"></i></span> <span data-i18n="services.guide.btnNaver">Book via Naver</span>
|
||
</a>
|
||
</div>
|
||
<p class="booking-note" data-i18n="services.guide.naverNote">※ You can check real-time availability and book via Naver Place</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> help@minglestudio.co.kr</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인 권장, 최대 5인까지 가능)</p>
|
||
<div class="form-placeholder">□ 1명 □ 2명 □ 3명 □ 4명 □ 5명</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:help@minglestudio.co.kr?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시간 (2인 200,000원~/시간, VAT 별도)%0A- 인원 추가: 추가 인원 +100,000원~/명/시간%0A- 결제방법: 계좌이체 또는 현금 (카드결제 불가)%0A- 현금영수증/세금계산서 발행 가능%0A%0A빠른 시일 내에 답변 드리겠습니다.%0A감사합니다." class="btn btn-primary">
|
||
<i class="fa-solid fa-envelope" aria-hidden="true"></i> 이메일 바로 보내기
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 예약 및 취소 규정 -->
|
||
<div class="grid grid-2">
|
||
<div class="card card--flat reveal" data-reveal="fade">
|
||
<h3 data-i18n="services.policy.reservationTitle">Reservation Info</h3>
|
||
<ul class="info-list">
|
||
<li data-i18n="services.policy.reservation1">We recommend booking at least 2 weeks before your desired date.</li>
|
||
<li data-i18n="services.policy.reservation2">Cancellation penalties apply based on the cancellation policy if a confirmed reservation is cancelled due to the customer's circumstances.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="card card--flat reveal" data-reveal="fade">
|
||
<h3 data-i18n="services.policy.visitTitle">Visit Info</h3>
|
||
<ul class="info-list">
|
||
<li data-i18n="services.policy.visit1">Please arrive at least 30 minutes before your scheduled shoot, as preparation time is needed for wearing motion capture suits and equipment. (Preparation time is not included in the rental hours.)</li>
|
||
<li data-i18n="services.policy.visit2">Please refrain from wearing accessories made of reflective materials, such as glasses and earrings, during the shoot.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 취소 환불 규정 -->
|
||
<div class="card card--flat reveal" data-reveal="fade">
|
||
<h3 data-i18n="services.policy.refundTitle">Cancellation & Refund Policy</h3>
|
||
<div class="table-responsive">
|
||
<table class="refund-table">
|
||
<thead>
|
||
<tr>
|
||
<th scope="col" data-i18n="services.policy.refundColTime">Cancellation Timing</th>
|
||
<th scope="col" data-i18n="services.policy.refundColRate">Refund Rate</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td data-i18n="services.policy.refund7days">7 days before reservation</td>
|
||
<td class="refund-100" data-i18n="services.policy.refund100">100% Refund</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-i18n="services.policy.refund3days">3 days before reservation</td>
|
||
<td class="refund-70" data-i18n="services.policy.refund70">70% Refund</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-i18n="services.policy.refund1day">1 day before reservation</td>
|
||
<td class="refund-50" data-i18n="services.policy.refund50">50% Refund</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-i18n="services.policy.refundSameDay">Same-day cancellation</td>
|
||
<td class="refund-0" data-i18n="services.policy.refundNone">No Refund</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</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>
|
||
|
||
</main>
|
||
|
||
<!-- 푸터 -->
|
||
<div id="footer-placeholder">
|
||
<!-- 공통 푸터 컴포넌트 -->
|
||
<footer class="site-footer">
|
||
<div class="container">
|
||
<div class="footer-grid">
|
||
<div class="footer-section">
|
||
<h3 class="footer-heading" data-i18n="footer.companyInfo">Company Info</h3>
|
||
<ul class="footer-list">
|
||
<li><strong data-i18n="footer.companyName">Mingle Studio</strong></li>
|
||
<li data-i18n="footer.ceo">CEO: 김희진</li>
|
||
<li data-i18n="footer.businessNumber">Business Registration No.: 208-12-73755</li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-section">
|
||
<h3 class="footer-heading" data-i18n="footer.contact">Contact</h3>
|
||
<ul class="footer-list">
|
||
<li><a href="tel:+82-10-9288-9190"><i class="fa-solid fa-phone" aria-hidden="true"></i> 010-9288-9190</a></li>
|
||
<li><a href="mailto:minglestudio@minglestudio.co.kr"><i class="fa-solid fa-briefcase" aria-hidden="true"></i> <span data-i18n="footer.businessInquiry">Business Inquiry</span></a></li>
|
||
<li><a href="mailto:help@minglestudio.co.kr"><i class="fa-solid fa-envelope" aria-hidden="true"></i> <span data-i18n="footer.reservationInquiry">Reservation Inquiry</span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-section">
|
||
<h3 class="footer-heading" data-i18n="footer.directions">Directions</h3>
|
||
<ul class="footer-list">
|
||
<li><i class="fa-solid fa-location-dot" aria-hidden="true"></i> <span data-i18n="footer.address">236, Jubuto-ro, Bupyeong-gu, Incheon</span></li>
|
||
<li data-i18n="footer.addressDetail">Incheon Techno Valley U1 Center, Bldg. A, Room B105</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p data-i18n="footer.copyright">© 2025 Mingle Studio. All rights reserved.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
|
||
<!-- 백업 푸터 (JavaScript 로드 실패 시) -->
|
||
<footer class="site-footer" id="backupFooter">
|
||
<div class="container">
|
||
<div class="footer-grid">
|
||
<div class="footer-section">
|
||
<h3 class="footer-heading">회사 정보</h3>
|
||
<ul class="footer-list">
|
||
<li><strong>밍글 스튜디오</strong></li>
|
||
<li>대표: 김희진</li>
|
||
<li>사업자등록번호: 208-12-73755</li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-section">
|
||
<h3 class="footer-heading">연락처</h3>
|
||
<ul class="footer-list">
|
||
<li><a href="tel:+82-10-9288-9190"><i class="fa-solid fa-phone" aria-hidden="true"></i> 010-9288-9190</a></li>
|
||
<li><a href="mailto:minglestudio@minglestudio.co.kr"><i class="fa-solid fa-briefcase" aria-hidden="true"></i> 비즈니스 문의</a></li>
|
||
<li><a href="mailto:help@minglestudio.co.kr"><i class="fa-solid fa-envelope" aria-hidden="true"></i> 예약 문의</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-section">
|
||
<h3 class="footer-heading">오시는 길</h3>
|
||
<ul class="footer-list">
|
||
<li><i class="fa-solid fa-location-dot" aria-hidden="true"></i> 인천광역시 부평구 주부토로 236</li>
|
||
<li>인천테크노밸리 U1센터 A동 B105호</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>© 2025 밍글 스튜디오. All rights reserved.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- 포트폴리오 팝업 -->
|
||
<div id="portfolioPopup" class="portfolio-popup" role="dialog" aria-label="뮤직비디오/숏폼 포트폴리오">
|
||
<div class="popup-overlay" onclick="closePortfolioPopup()"></div>
|
||
<div class="popup-content">
|
||
<div class="popup-header">
|
||
<h3>뮤직비디오/숏폼 포트폴리오</h3>
|
||
<button class="popup-close" onclick="closePortfolioPopup()" aria-label="팝업 닫기">×</button>
|
||
</div>
|
||
<div class="popup-body">
|
||
<div class="portfolio-section">
|
||
<h4><i class="fa-solid fa-music" aria-hidden="true"></i> 뮤직비디오 대표작</h4>
|
||
<div class="portfolio-grid">
|
||
<div class="portfolio-item">
|
||
<div class="video-wrapper">
|
||
<iframe src="https://www.youtube.com/embed/jQTi8adbvaM" title="돌림판" allowfullscreen=""></iframe>
|
||
</div>
|
||
<p>머쉬베놈 - 돌림판 (CROA COVER)</p>
|
||
</div>
|
||
<div class="portfolio-item">
|
||
<div class="video-wrapper">
|
||
<iframe src="https://www.youtube.com/embed/nH7IdgqhugQ" title="내 이름 맑음" allowfullscreen=""></iframe>
|
||
</div>
|
||
<p>QWER - 내 이름 맑음 (CROA COVER)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="portfolio-section">
|
||
<h4><i class="fa-solid fa-clapperboard" aria-hidden="true"></i> 숏폼 챌린지</h4>
|
||
<div class="portfolio-grid shorts-grid">
|
||
<div class="portfolio-item">
|
||
<div class="video-wrapper shorts-wrapper">
|
||
<iframe src="https://www.youtube.com/embed/ZWftEFNlvVc" title="일본 유행 챌린지" allowfullscreen=""></iframe>
|
||
</div>
|
||
<p>일본에서 유행하는 챌린지</p>
|
||
</div>
|
||
<div class="portfolio-item">
|
||
<div class="video-wrapper shorts-wrapper">
|
||
<iframe src="https://www.youtube.com/embed/xZS1e465wjc" title="Trouble 챌린지" allowfullscreen=""></iframe>
|
||
</div>
|
||
<p>Trouble 챌린지</p>
|
||
</div>
|
||
<div class="portfolio-item">
|
||
<div class="video-wrapper shorts-wrapper">
|
||
<iframe src="https://www.youtube.com/embed/X3a_4GWU3V8" title="그르르 챌린지" allowfullscreen=""></iframe>
|
||
</div>
|
||
<p>그르르 챌린지</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="popup-footer">
|
||
<a href="portfolio.html" class="btn btn-primary">전체 포트폴리오 보기</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 스트리밍 포트폴리오 팝업 -->
|
||
<div id="streamingPortfolioPopup" class="portfolio-popup" role="dialog" aria-label="스트리밍글 서비스 포트폴리오">
|
||
<div class="popup-overlay" onclick="closeStreamingPortfolioPopup()"></div>
|
||
<div class="popup-content">
|
||
<div class="popup-header">
|
||
<h3>스트리밍글 서비스 포트폴리오</h3>
|
||
<button class="popup-close" onclick="closeStreamingPortfolioPopup()" aria-label="팝업 닫기">×</button>
|
||
</div>
|
||
<div class="popup-body">
|
||
<div class="portfolio-section">
|
||
<h4><i class="fa-solid fa-circle" style="color: #ff0000" aria-hidden="true"></i> 실시간 모션캡처 방송</h4>
|
||
<div class="portfolio-grid streaming-grid">
|
||
<div class="portfolio-item">
|
||
<div class="video-wrapper">
|
||
<iframe src="https://vod.sooplive.co.kr/player/159808721" title="미르 첫 모캡 방송" allowfullscreen=""></iframe>
|
||
</div>
|
||
<div class="streaming-info">
|
||
<p><strong>미르 첫 모캡 방송</strong></p>
|
||
<div class="stream-details">
|
||
<span class="platform">SOOP</span>
|
||
<span class="streamer">미르</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="portfolio-item">
|
||
<div class="video-wrapper">
|
||
<iframe src="https://vod.sooplive.co.kr/player/159683673" title="춤짱자매즈 모캡 합방" allowfullscreen=""></iframe>
|
||
</div>
|
||
<div class="streaming-info">
|
||
<p><strong>춤짱자매즈 모캡 합방</strong></p>
|
||
<div class="stream-details">
|
||
<span class="platform">SOOP</span>
|
||
<span class="streamer">춤짱자매즈 × 호발</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="portfolio-item">
|
||
<div class="video-wrapper">
|
||
<iframe src="https://vod.sooplive.co.kr/player/159205533" title="크로아 링피트 치요X마늘 3D 모션캡쳐 합방" allowfullscreen=""></iframe>
|
||
</div>
|
||
<div class="streaming-info">
|
||
<p><strong>[크로아] 링피트 치요X마늘 3D 모션캡쳐 합방</strong></p>
|
||
<div class="stream-details">
|
||
<span class="platform">SOOP</span>
|
||
<span class="streamer">치요 & 마늘</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="portfolio-item">
|
||
<div class="video-wrapper">
|
||
<iframe src="https://vod.sooplive.co.kr/player/169085307" title="크로아 링피트 치요X마늘 3D 모션캡쳐 합방" allowfullscreen=""></iframe>
|
||
</div>
|
||
<div class="streaming-info">
|
||
<p><strong>[크로아] 링피트 치요X마늘 3D 모션캡쳐 합방</strong></p>
|
||
<div class="stream-details">
|
||
<span class="platform">SOOP</span>
|
||
<span class="streamer">치요 & 마늘</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="portfolio-item chzzk-item">
|
||
<div class="video-wrapper">
|
||
<div class="chzzk-thumbnail">
|
||
<img src="https://livecloud-thumb.akamaized.net/chzzk/kr/live-rewind-image/record/45386630/represent/thumbnail/image_14810881_720_0.jpg" alt="이무지 탄생일 방송 썸네일" class="thumbnail-img">
|
||
<div class="thumbnail-overlay">
|
||
<div class="chzzk-logo">치지직</div>
|
||
<div class="chzzk-center-logo">
|
||
<img src="Logo icon/chzzk Icon.png" alt="치지직 로고" class="chzzk-logo-img">
|
||
</div>
|
||
</div>
|
||
<a href="https://naver.me/5dA2JoP5" target="_blank" class="thumbnail-link"></a>
|
||
</div>
|
||
</div>
|
||
<div class="streaming-info">
|
||
<p><strong>이무지 탄생일 ! 🧸💛</strong></p>
|
||
<div class="stream-details">
|
||
<span class="platform">치지직</span>
|
||
<span class="streamer">이무지</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="streaming-features">
|
||
<h4><i class="fa-solid fa-sparkles" aria-hidden="true"></i> 스트리밍글 서비스 특징</h4>
|
||
<div class="features-grid">
|
||
<div class="feature-item">
|
||
<span class="feature-icon"><i class="fa-solid fa-video" aria-hidden="true"></i></span>
|
||
<p>실시간 모션캡처 스트리밍</p>
|
||
</div>
|
||
<div class="feature-item">
|
||
<span class="feature-icon"><i class="fa-solid fa-users" aria-hidden="true"></i></span>
|
||
<p>최대 5인 동시 방송</p>
|
||
</div>
|
||
<div class="feature-item">
|
||
<span class="feature-icon"><i class="fa-solid fa-clock" aria-hidden="true"></i></span>
|
||
<p>6시간 풀 패키지</p>
|
||
</div>
|
||
<div class="feature-item">
|
||
<span class="feature-icon"><i class="fa-solid fa-masks-theater" aria-hidden="true"></i></span>
|
||
<p>캐릭터 & 배경 세팅</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="popup-footer">
|
||
<a href="portfolio.html#individual" class="btn btn-primary">전체 포트폴리오 보기</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- JavaScript -->
|
||
<script src="/js/i18n.js"></script>
|
||
<script src="/js/common.js"></script>
|
||
<script src="/js/services.js"></script>
|
||
|
||
</body></html> |