451061f660
- Contact 페이지 연락처 카드에 카카오톡 오픈채팅 추가 - API 에러 폴백 오버레이에 카카오톡 상담 링크 추가 - 4개 언어 i18n 지원 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
523 lines
31 KiB
HTML
523 lines
31 KiB
HTML
<!DOCTYPE html><html lang="ko"><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>문의하기 - 밍글 스튜디오</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/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="모션캡처 스튜디오 대관, 촬영, 제작 관련 문의 및 상담. 인천 테크노밸리 소재 OptiTrack 전문 스튜디오">
|
|
<meta property="og:url" content="https://minglestudio.co.kr/contact.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="모션캡처 스튜디오 대관, 촬영, 제작 관련 문의 및 상담. 인천 테크노밸리 소재 OptiTrack 전문 스튜디오">
|
|
<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">
|
|
|
|
<!-- Icons -->
|
|
<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/contact.css">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="alternate" hreflang="ko" href="https://minglestudio.co.kr/contact.html">
|
|
<link rel="alternate" hreflang="en" href="https://minglestudio.co.kr/en/contact.html">
|
|
<link rel="alternate" hreflang="ja" href="https://minglestudio.co.kr/ja/contact.html">
|
|
<link rel="alternate" hreflang="zh" href="https://minglestudio.co.kr/zh/contact.html">
|
|
<link rel="alternate" hreflang="x-default" href="https://minglestudio.co.kr/contact.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">본문 바로가기</a>
|
|
|
|
<!-- 헤더 -->
|
|
<div id="header-placeholder">
|
|
<!-- 공통 헤더 컴포넌트 -->
|
|
<nav class="navbar" aria-label="메인 내비게이션">
|
|
<div class="nav-container">
|
|
<div class="nav-logo">
|
|
<a href="/">
|
|
<img src="/images/logo/mingle-logo.webp" alt="밍글 스튜디오 로고">
|
|
<span data-i18n="header.studioName">밍글 스튜디오</span>
|
|
</a>
|
|
</div>
|
|
<ul id="nav-menu" class="nav-menu">
|
|
<li><a href="/about" class="nav-link" data-i18n="header.nav.about">About</a></li>
|
|
<li><a href="/services" class="nav-link" data-i18n="header.nav.services">Services</a></li>
|
|
<li><a href="/portfolio" class="nav-link" data-i18n="header.nav.portfolio">Portfolio</a></li>
|
|
<li><a href="/gallery" class="nav-link" data-i18n="header.nav.gallery">Gallery</a></li>
|
|
|
|
<li><a href="/contact" class="nav-link" data-i18n="header.nav.contact">Contact</a></li>
|
|
<li><a href="/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="언어 선택" 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="contact.pageHeader.title">Contact Us</h1>
|
|
<p data-i18n="contact.pageHeader.desc">밍글 스튜디오와 함께 특별한 프로젝트를 시작하세요</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 연락처 정보 -->
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="contact-info-grid stagger-children">
|
|
<div class="contact-card reveal" data-reveal="up">
|
|
<div class="contact-icon"><i class="fa-solid fa-phone" aria-hidden="true"></i></div>
|
|
<h3 data-i18n="contact.phone.title">전화 문의</h3>
|
|
<p data-i18n="contact.phone.desc">24시간 가능</p>
|
|
<a href="tel:+82-10-9288-9190" class="contact-link">010-9288-9190</a>
|
|
</div>
|
|
|
|
<div class="contact-card reveal" data-reveal="up">
|
|
<div class="contact-icon"><i class="fa-solid fa-briefcase" aria-hidden="true"></i></div>
|
|
<h3 data-i18n="contact.business.title">비즈니스 문의</h3>
|
|
<p data-i18n="contact.business.desc">제휴 및 협력 문의</p>
|
|
<a href="mailto:minglestudio@minglestudio.co.kr" class="contact-link">minglestudio@minglestudio.co.kr</a>
|
|
</div>
|
|
|
|
<div class="contact-card reveal" data-reveal="up">
|
|
<div class="contact-icon"><i class="fa-solid fa-envelope" aria-hidden="true"></i></div>
|
|
<h3 data-i18n="contact.reservation.title">예약 및 문의</h3>
|
|
<p data-i18n="contact.reservation.desc">24시간 접수 가능</p>
|
|
<a href="mailto:help@minglestudio.co.kr" class="contact-link">help@minglestudio.co.kr</a>
|
|
</div>
|
|
|
|
<div class="contact-card reveal" data-reveal="up">
|
|
<div class="contact-icon"><i class="fa-brands fa-discord" aria-hidden="true"></i></div>
|
|
<h3 data-i18n="contact.discord.title">Discord</h3>
|
|
<p data-i18n="contact.discord.desc">실시간 채팅 문의</p>
|
|
<a href="https://discord.com/users/1402264505110495354" target="_blank" class="contact-link">minglestudio_mocap</a>
|
|
</div>
|
|
|
|
<div class="contact-card reveal" data-reveal="up">
|
|
<div class="contact-icon"><i class="fa-solid fa-comment" aria-hidden="true" style="color: #FEE500"></i></div>
|
|
<h3 data-i18n="contact.kakao.title">카카오톡</h3>
|
|
<p data-i18n="contact.kakao.desc">오픈채팅 상담</p>
|
|
<a href="https://open.kakao.com/o/sXOK0Iji" target="_blank" class="contact-link" data-i18n="contact.kakao.link">카카오톡 상담하기</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- 온라인 문의 폼 -->
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 data-i18n="contact.form.title">온라인 문의</h2>
|
|
<p data-i18n="contact.form.desc">아래 양식을 작성하시면 빠르게 답변 드리겠습니다</p>
|
|
</div>
|
|
|
|
<div class="contact-form-wrapper">
|
|
<form id="contactForm" class="contact-form" novalidate>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label for="name" data-i18n="contact.form.name">이름 <span class="required">*</span></label>
|
|
<input type="text" id="name" name="name" required placeholder="홍길동" data-i18n-placeholder="contact.form.namePlaceholder">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email" data-i18n="contact.form.email">이메일 <span class="required">*</span></label>
|
|
<input type="email" id="email" name="email" required placeholder="example@email.com">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label for="phone" data-i18n="contact.form.phone">전화번호</label>
|
|
<input type="tel" id="phone" name="phone" placeholder="010-0000-0000">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="service" data-i18n="contact.form.service">문의 유형 <span class="required">*</span></label>
|
|
<select id="service" name="service" required>
|
|
<option value="" data-i18n="contact.form.serviceDefault">선택해주세요</option>
|
|
<option value="studio_rental" data-i18n="contact.form.serviceRental">스튜디오 대관</option>
|
|
<option value="vtuber" data-i18n="contact.form.serviceVtuber">VTuber 제작</option>
|
|
<option value="mocap" data-i18n="contact.form.serviceMocap">모션캡쳐 촬영</option>
|
|
<option value="music_video" data-i18n="contact.form.serviceMV">뮤직비디오 제작</option>
|
|
<option value="partnership" data-i18n="contact.form.servicePartner">제휴/협력</option>
|
|
<option value="other" data-i18n="contact.form.serviceOther">기타</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="message" data-i18n="contact.form.message">문의 내용 <span class="required">*</span></label>
|
|
<textarea id="message" name="message" required rows="5" placeholder="프로젝트 내용, 희망 일정 등을 자유롭게 작성해주세요" data-i18n-placeholder="contact.form.messagePlaceholder"></textarea>
|
|
<p class="field-hint" data-i18n="contact.form.sensitiveWarning">※ 주민등록번호, 계좌번호 등 민감한 개인정보를 입력하지 마세요.</p>
|
|
</div>
|
|
|
|
<div class="checkbox-group">
|
|
<label class="checkbox-label">
|
|
<input type="checkbox" id="privacyConsent" name="privacyConsent" required>
|
|
<span class="checkmark"></span>
|
|
<span data-i18n="contact.form.privacyAgree">개인정보 수집 및 이용에 동의합니다. (필수)</span>
|
|
</label>
|
|
<a href="javascript:void(0)" class="privacy-link" onclick="openPrivacyModal()" data-i18n="contact.form.privacyView">개인정보 처리방침 보기</a>
|
|
</div>
|
|
|
|
<div class="privacy-summary">
|
|
<ul>
|
|
<li data-i18n="contact.form.privacyPurpose">수집 목적: 문의 접수 및 답변</li>
|
|
<li data-i18n="contact.form.privacyItems">수집 항목: 이름, 이메일, 전화번호, 문의 내용</li>
|
|
<li data-i18n="contact.form.privacyPeriod">보유 기간: 7일 후 자동 파기</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="form-submit">
|
|
<button type="submit" id="submitBtn" class="btn btn-primary btn-lg btn-submit-disabled" disabled data-i18n="contact.form.submit">문의 보내기</button>
|
|
<button type="reset" class="btn btn-outline btn-lg" data-i18n="contact.form.reset">초기화</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 개인정보처리방침 모달 -->
|
|
<div id="privacyModal" class="modal" onclick="if(event.target===this)closePrivacyModal()" role="dialog" aria-modal="true" aria-labelledby="privacyModalTitle">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3 id="privacyModalTitle">개인정보 수집 및 이용 동의서</h3>
|
|
<button class="modal-close" onclick="closePrivacyModal()" aria-label="닫기">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>밍글 스튜디오(이하 "회사")는 「개인정보 보호법」에 따라 고객의 개인정보를 보호하고 이와 관련한 고충을 신속하게 처리하기 위하여 다음과 같이 개인정보 수집 및 이용에 대한 동의를 구합니다.</p>
|
|
|
|
<h4>1. 개인정보의 수집 및 이용 목적</h4>
|
|
<p>회사는 다음의 목적을 위하여 개인정보를 처리합니다.</p>
|
|
<ul>
|
|
<li>고객 문의 접수 및 답변 제공</li>
|
|
<li>서비스 상담 및 견적 안내</li>
|
|
<li>문의 처리 결과 통보</li>
|
|
</ul>
|
|
|
|
<h4>2. 수집하는 개인정보의 항목</h4>
|
|
<ul>
|
|
<li><strong>필수 항목:</strong> 이름, 이메일 주소, 문의 유형, 문의 내용</li>
|
|
<li><strong>선택 항목:</strong> 전화번호</li>
|
|
</ul>
|
|
<p style="color: #ef4444; font-size: 0.85rem;">※ 문의 내용에 주민등록번호, 계좌번호 등 민감한 개인정보가 포함되지 않도록 유의해 주시기 바랍니다.</p>
|
|
|
|
<h4>3. 개인정보의 보유 및 이용 기간</h4>
|
|
<p>수집된 개인정보는 <strong>문의 접수일로부터 7일간</strong> 보유하며, 보유 기간 경과 후 자동으로 파기됩니다. 다만, 관계 법령에 의한 보존 의무가 있는 경우 해당 법령에서 정한 기간 동안 보존합니다.</p>
|
|
|
|
<h4>4. 개인정보의 파기 절차 및 방법</h4>
|
|
<ul>
|
|
<li><strong>파기 절차:</strong> 보유 기간이 경과한 개인정보는 자동 삭제 시스템에 의해 지체 없이 파기됩니다.</li>
|
|
<li><strong>파기 방법:</strong> 전자적 파일 형태의 정보는 복구 및 재생할 수 없도록 완전 삭제합니다.</li>
|
|
</ul>
|
|
|
|
<h4>5. 개인정보의 제3자 제공 및 국외 이전</h4>
|
|
<p>회사는 원칙적으로 이용자의 개인정보를 제3자에게 제공하지 않습니다. 다만, 문의 처리를 위해 다음과 같이 개인정보가 국외로 이전됩니다. (「개인정보 보호법」 제28조의8)</p>
|
|
<ul>
|
|
<li><strong>이전되는 국가 및 수신자:</strong> 미국 / Discord Inc.</li>
|
|
<li><strong>이전 일시 및 방법:</strong> 문의 접수 시 전용 API(인터넷 망)를 통해 실시간 전송</li>
|
|
<li><strong>이전 항목:</strong> 이름, 이메일, 전화번호(선택), 문의 유형, 문의 내용</li>
|
|
<li><strong>이전 목적:</strong> 업무용 협업 툴(Discord)을 이용한 신속한 문의 확인 및 응대</li>
|
|
<li><strong>보유 및 이용 기간:</strong> 전송 후 7일간 보관 후 자동 파기</li>
|
|
</ul>
|
|
|
|
<h4>6. 정보주체의 권리·의무</h4>
|
|
<p>이용자는 개인정보 주체로서 다음과 같은 권리를 행사할 수 있습니다.</p>
|
|
<ul>
|
|
<li>개인정보 열람 요구</li>
|
|
<li>오류 등이 있을 경우 정정 요구</li>
|
|
<li>삭제 요구</li>
|
|
<li>처리정지 요구</li>
|
|
</ul>
|
|
<p>위 권리 행사는 아래 개인정보 보호책임자에게 연락하여 하실 수 있으며, 회사는 이에 대해 지체 없이 조치하겠습니다.</p>
|
|
|
|
<h4>7. 개인정보의 안전성 확보 조치</h4>
|
|
<p>회사는 개인정보의 안전성 확보를 위해 다음과 같은 조치를 취하고 있습니다.</p>
|
|
<ul>
|
|
<li>전송 데이터 암호화 (HTTPS/TLS)</li>
|
|
<li>접근 권한 제한 (지정된 관리자만 열람 가능)</li>
|
|
<li>자동 삭제 시스템 운영 (7일 후 파기)</li>
|
|
</ul>
|
|
|
|
<h4>8. 동의 거부 권리 및 불이익</h4>
|
|
<p>이용자는 개인정보 수집 및 이용에 대한 동의를 거부할 권리가 있습니다. 다만, 필수 항목에 대한 동의를 거부하실 경우 문의 접수 서비스 이용이 제한됩니다.</p>
|
|
|
|
<h4>9. 개인정보 보호책임자</h4>
|
|
<ul>
|
|
<li><strong>성명:</strong> 김희진</li>
|
|
<li><strong>직위:</strong> 대표</li>
|
|
<li><strong>이메일:</strong> minglestudio@minglestudio.co.kr</li>
|
|
<li><strong>전화:</strong> 010-9288-9190</li>
|
|
</ul>
|
|
|
|
<h4>10. 개인정보처리방침의 변경</h4>
|
|
<p>이 개인정보처리방침은 2026년 3월 4일부터 적용됩니다. 변경 사항이 있을 경우 웹사이트를 통해 공지합니다.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
// 모달 열기/닫기 (인라인 — 외부 JS 캐시 무관하게 즉시 동작)
|
|
function openPrivacyModal() {
|
|
var m = document.getElementById('privacyModal');
|
|
if (!m) return;
|
|
m.classList.add('active');
|
|
m.style.display = 'flex';
|
|
document.body.style.overflow = 'hidden';
|
|
}
|
|
function closePrivacyModal() {
|
|
var m = document.getElementById('privacyModal');
|
|
if (!m) return;
|
|
m.classList.remove('active');
|
|
m.style.display = '';
|
|
document.body.style.overflow = '';
|
|
}
|
|
// 체크박스 → 제출 버튼 활성화
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var cb = document.getElementById('privacyConsent');
|
|
var btn = document.getElementById('submitBtn');
|
|
if (cb && btn) {
|
|
cb.addEventListener('change', function() {
|
|
btn.disabled = !cb.checked;
|
|
btn.classList.toggle('btn-submit-disabled', !cb.checked);
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<!-- 위치 정보 -->
|
|
<section id="location" class="section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 data-i18n="contact.location.title">스튜디오 위치</h2>
|
|
</div>
|
|
|
|
<div class="location-wrapper">
|
|
<div class="location-info">
|
|
<div class="location-details">
|
|
<h3><i class="fa-solid fa-location-dot" aria-hidden="true"></i> <span data-i18n="contact.location.address">주소</span></h3>
|
|
<p data-i18n-html="contact.location.addressValue">(21330) 인천광역시 부평구 주부토로 236<br>
|
|
인천테크노밸리 U1센터 A동 B105호</p>
|
|
|
|
<h3><i class="fa-solid fa-train-subway" aria-hidden="true"></i> <span data-i18n="contact.location.subway">지하철</span></h3>
|
|
<ul>
|
|
<li data-i18n="contact.location.subwayDesc">인천 7호선 갈산역 하차 → 도보 약 7분</li>
|
|
</ul>
|
|
|
|
<h3><i class="fa-solid fa-bus" aria-hidden="true"></i> <span data-i18n="contact.location.bus">버스</span></h3>
|
|
<ul>
|
|
<li data-i18n="contact.location.busStop">갈산시장·갈산도서관 정류장 이용</li>
|
|
<li data-i18n="contact.location.busRoutes">4번, 526번, 555번 버스</li>
|
|
</ul>
|
|
|
|
<h3><i class="fa-solid fa-car" aria-hidden="true"></i> <span data-i18n="contact.location.parking">주차</span></h3>
|
|
<p data-i18n="contact.location.parkingDesc">기본 2시간 무료, 건물 내 시설 이용시 최대 4시간 무료</p>
|
|
|
|
<h3><i class="fa-solid fa-clock" aria-hidden="true"></i> <span data-i18n="contact.location.hours">운영시간</span></h3>
|
|
<ul>
|
|
<li data-i18n="contact.location.hours24">24시간 영업</li>
|
|
<li data-i18n="contact.location.hoursAllYear">연중무휴</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="location-map">
|
|
<div id="map" class="map-container">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1012.8014347878724!2d126.6649476!3d37.5078124!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6f4c35884c93c281%3A0x1a65ba0583486105!2z67CN6riAIOyKpO2KnOuUlOyYpA!5e0!3m2!1sko!2skr!4v1759144450469!5m2!1sko!2skr" 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/밍글스튜디오" target="_blank" class="btn btn-outline" data-i18n="contact.location.naverMap">네이버 지도</a>
|
|
<a href="https://maps.app.goo.gl/ioGQR4ZEsuGToRnb9" target="_blank" class="btn btn-outline" data-i18n="contact.location.googleMap">구글 맵</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 예약 및 FAQ -->
|
|
<section class="section bg-gradient">
|
|
<div class="container text-center">
|
|
<h2 data-i18n="contact.cta.title">예약 및 문의</h2>
|
|
<p data-i18n="contact.cta.desc">간편한 온라인 예약 또는 자주 묻는 질문을 확인해보세요</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" data-i18n="contact.cta.btnNaver">네이버 예약</a>
|
|
<a href="qna.html" class="btn btn-outline btn-lg" data-i18n="contact.cta.btnFaq">FAQ 보기</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">회사 정보</h3>
|
|
<ul class="footer-list">
|
|
<li><strong data-i18n="footer.companyName">밍글 스튜디오</strong></li>
|
|
<li data-i18n="footer.ceo">대표: 김희진</li>
|
|
<li data-i18n="footer.businessNumber">사업자등록번호: 208-12-73755</li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h3 class="footer-heading" data-i18n="footer.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> minglestudio@minglestudio.co.kr</a></li>
|
|
<li><a href="mailto:help@minglestudio.co.kr"><i class="fa-solid fa-envelope" aria-hidden="true"></i> help@minglestudio.co.kr</a></li>
|
|
<li><a href="https://discord.com/users/1402264505110495354" target="_blank"><i class="fa-brands fa-discord" aria-hidden="true"></i> minglestudio_mocap</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h3 class="footer-heading" data-i18n="footer.directions">오시는 길</h3>
|
|
<ul class="footer-list">
|
|
<li><i class="fa-solid fa-location-dot" aria-hidden="true"></i> <span data-i18n="footer.address">인천광역시 부평구 주부토로 236</span></li>
|
|
<li data-i18n="footer.addressDetail">인천테크노밸리 U1센터 A동 B105호</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p data-i18n="footer.copyright">© 2025 밍글 스튜디오. 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> minglestudio@minglestudio.co.kr</a></li>
|
|
<li><a href="mailto:help@minglestudio.co.kr"><i class="fa-solid fa-envelope" aria-hidden="true"></i> help@minglestudio.co.kr</a></li>
|
|
<li><a href="https://discord.com/users/1402264505110495354" target="_blank"><i class="fa-brands fa-discord" aria-hidden="true"></i> minglestudio_mocap</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>
|
|
|
|
<!-- JavaScript -->
|
|
<script src="js/i18n.js"></script>
|
|
<script src="js/common.js"></script>
|
|
<script src="js/contact.js"></script>
|
|
|
|
</body></html> |