8384d1a1d9
- 문의 폼 프론트엔드 (이름, 이메일, 전화, 문의유형, 메시지, 개인정보동의) - api-server.py에 /api/contact 엔드포인트 추가 (Discord Bot API 2채널) - bot/discord_cleanup.py: 7일 후 자동 삭제 봇 - 개인정보처리방침 모달 (PIPA 10개 항목, 국외이전 명시) - 민감정보 입력 경고 문구 - 개인정보 동의 체크 시에만 제출 버튼 활성화 - API 실패 시 대체 연락 안내 오버레이 (이메일/전화/Discord) - 4개 언어 i18n 지원 (ko/en/zh/ja) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
520 lines
30 KiB
HTML
520 lines
30 KiB
HTML
<!DOCTYPE html><html lang="ja"><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>お問い合わせ - 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/ja/contact.html">
|
||
|
||
<!-- Theme Color -->
|
||
<meta name="theme-color" content="#ff8800">
|
||
|
||
<!-- SEO 메타 태그 -->
|
||
<meta name="description" content="Mingle Studioへのお問い合わせ - モーションキャプチャースタジオレンタル、撮影、制作に関するお問い合わせとご相談">
|
||
<meta name="keywords" content="모션캡쳐 문의, 스튜디오 대관, 촬영 문의, 버튜버 제작, 3D 모션 상담">
|
||
<meta name="author" content="밍글 스튜디오">
|
||
|
||
<!-- Open Graph -->
|
||
<meta property="og:title" content="お問い合わせ - Mingle Studio">
|
||
<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="/ja/">
|
||
<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="/ja/about" class="nav-link" data-i18n="header.nav.about">About</a></li>
|
||
<li><a href="/ja/services" class="nav-link" data-i18n="header.nav.services">Services</a></li>
|
||
<li><a href="/ja/portfolio" class="nav-link" data-i18n="header.nav.portfolio">Portfolio</a></li>
|
||
<li><a href="/ja/gallery" class="nav-link" data-i18n="header.nav.gallery">Gallery</a></li>
|
||
|
||
<li><a href="/ja/contact" class="nav-link" data-i18n="header.nav.contact">Contact</a></li>
|
||
<li><a href="/ja/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">Mingle Studioと一緒に特別なプロジェクトを始めましょう</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>
|
||
</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>Mingle Studio（以下「当社」）は、韓国「個人情報保護法」に基づき、個人情報の収集及び利用について同意を求めます。</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. 第三者への提供及び国外移転</h4>
|
||
<p>当社は原則として利用者の個人情報を第三者に提供しません。ただし、お問い合わせ処理のため、以下のとおり個人情報が国外に移転されます。（「個人情報保護法」第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>+82-10-9288-9190</li>
|
||
</ul>
|
||
|
||
<h4>10. 本方針の変更</h4>
|
||
<p>この個人情報処理方針は2026年3月4日から適用されます。変更がある場合は、本ウェブサイトを通じてお知らせします。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
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">Naver地図</a>
|
||
<a href="https://maps.app.goo.gl/ioGQR4ZEsuGToRnb9" target="_blank" class="btn btn-outline" data-i18n="contact.location.googleMap">Google マップ</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">Naver予約</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">Mingle Studio</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> <span data-i18n="footer.businessInquiry">ビジネスお問い合わせ</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">ご予約お問い合わせ</span></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 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> 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> |