mingle-website/ja/portfolio.html
68893236+KINDNICK@users.noreply.github.com 30cd06e9d6 feat: setup i18n build script and SEO optimizations
2026-03-01 14:56:52 +09:00

732 lines
39 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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/portfolio.html">
<!-- Theme Color -->
<meta name="theme-color" content="#ff8800">
<!-- SEO 메타 태그 -->
<meta name="description" content="Mingle Studioのポートフォリオ - モーションキャプチャーで制作されたYouTubeコンテンツ、VTuber配信、ショート映像コレクション">
<meta name="keywords" content="모션캡쳐 포트폴리오, 버튜버 방송, YouTube 영상, 3D 모션, 실시간 스트리밍">
<meta name="author" content="밍글 스튜디오">
<!-- Open Graph -->
<meta property="og:title" content="ポートフォリオ - Mingle Studio">
<meta property="og:description" content="モーションキャプチャースタジオで制作されたミュージックビデオ、ショートフォーム、VTuber配信など多彩な映像コンテンツ。OptiTrackで高品質モーションキャプチャーサービスを提供">
<meta property="og:url" content="https://minglestudio.co.kr/portfolio.html">
<meta property="og:type" content="website">
<meta property="og:image" content="https://minglestudio.co.kr/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">
<!-- 아이콘 폰트 (이모지 대체용) -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="/css/common.css">
<link rel="stylesheet" href="/css/portfolio.css">
<!-- SOOP VOD 구조화 데이터 -->
<script type="application/ld+json">
[{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "250510 춤짱자매즈 모캡 합방 (w. 호발) | SOOP VOD",
"description": "밍글 스튜디오에서 진행된 춤짱자매즈 모션캡쳐 합방 방송",
"thumbnailUrl": "https://minglestudio.co.kr/images/logo/mingle-OG.png",
"uploadDate": "2025-05-10T00:00:00+09:00",
"embedUrl": "https://vod.sooplive.co.kr/player/159683673"
},
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "[크로아] 링피트 치요X마늘 3D 모션캡쳐 합방 | SOOP VOD",
"description": "크로아 링피트 치요X마늘 3D 모션캡쳐 합방 방송",
"thumbnailUrl": "https://minglestudio.co.kr/images/logo/mingle-OG.png",
"uploadDate": "2025-09-01T00:00:00+09:00",
"embedUrl": "https://vod.sooplive.co.kr/player/169085307"
},
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "[크로아] 크리스마스 치요X마늘 모션캡쳐 합방+커버곡 공개 | SOOP VOD",
"description": "크로아 크리스마스 치요X마늘 모션캡쳐 합방 및 커버곡 공개 방송",
"thumbnailUrl": "https://minglestudio.co.kr/images/logo/mingle-OG.png",
"uploadDate": "2025-12-25T00:00:00+09:00",
"embedUrl": "https://vod.sooplive.co.kr/player/181746237"
},
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "뉴걸의 첫 모캡방송! 춤 못 추면 댄스 방송 하면 안 되나요? | SOOP VOD",
"description": "뉴걸의 첫 모션캡쳐 댄스 방송",
"thumbnailUrl": "https://minglestudio.co.kr/images/logo/mingle-OG.png",
"uploadDate": "2025-05-01T00:00:00+09:00",
"embedUrl": "https://vod.sooplive.co.kr/player/159299033"
},
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "첫 모캡 방송! | SOOP VOD",
"description": "미르의 첫 모션캡쳐 방송",
"thumbnailUrl": "https://minglestudio.co.kr/images/logo/mingle-OG.png",
"uploadDate": "2025-05-01T00:00:00+09:00",
"embedUrl": "https://vod.sooplive.co.kr/player/159808721"
},
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "크로아) 치요 X 마늘 3D 모션 캡쳐 합방 | SOOP VOD",
"description": "치요X마늘 3D 모션캡쳐 합방 방송",
"thumbnailUrl": "https://minglestudio.co.kr/images/logo/mingle-OG.png",
"uploadDate": "2025-05-01T00:00:00+09:00",
"embedUrl": "https://vod.sooplive.co.kr/player/159205533"
}]
</script>
<link rel="alternate" hreflang="ko" href="https://minglestudio.co.kr/portfolio.html">
<link rel="alternate" hreflang="en" href="https://minglestudio.co.kr/en/portfolio.html">
<link rel="alternate" hreflang="ja" href="https://minglestudio.co.kr/ja/portfolio.html">
<link rel="alternate" hreflang="zh" href="https://minglestudio.co.kr/zh/portfolio.html">
<link rel="alternate" hreflang="x-default" href="https://minglestudio.co.kr/portfolio.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&amp;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="portfolio.pageHeader.title">Portfolio</h1>
<p data-i18n="portfolio.pageHeader.desc">Mingle Studioで制作・協業したモーションキャプチャーコンテンツ</p>
</div>
</section>
<!-- YouTube 채널 링크 -->
<section class="section">
<div class="container">
<div class="youtube-channel-card">
<div class="channel-info">
<div class="channel-icon">📺</div>
<div class="channel-details">
<h2 data-i18n="portfolio.channel.title">Mingle Studio公式チャンネル</h2>
<p data-i18n="portfolio.channel.desc">最新のモーションキャプチャーコンテンツと制作過程をYouTubeでご確認ください</p>
</div>
</div>
<a href="https://www.youtube.com/@minglestudio_mocap" target="_blank" class="btn btn-primary" data-i18n="portfolio.channel.btn">YouTubeチャンネルを訪問する</a>
</div>
</div>
</section>
<!-- 포트폴리오 탭 네비게이션 -->
<section class="section">
<div class="container">
<div class="portfolio-tabs">
<div class="tab-buttons" role="tablist" aria-label="포트폴리오 카테고리">
<button class="tab-btn active" id="tab-individual" data-tab="individual" role="tab" aria-selected="true" aria-controls="individual" data-i18n="portfolio.tabs.individual">個人クリエイター</button>
<button class="tab-btn" id="tab-corporate" data-tab="corporate" role="tab" aria-selected="false" aria-controls="corporate" data-i18n="portfolio.tabs.corporate">企業プロジェクト</button>
</div>
</div>
</div>
</section>
<!-- 개인 크리에이터 포트폴리오 -->
<div class="tab-content active" id="individual" role="tabpanel" aria-labelledby="tab-individual">
<!-- Long-Form 콘텐츠 - 개인 -->
<section class="section bg-light">
<div class="container">
<div class="section-header">
<h2 data-i18n="portfolio.longform.title">ロングフォームコンテンツ</h2>
<p data-i18n="portfolio.longform.desc">個人クリエイターのモーションキャプチャープロジェクト</p>
</div>
<div class="video-grid longform-grid">
<div class="video-card featured">
<div class="video-wrapper">
<iframe data-src="https://www.youtube.com/embed/jQTi8adbvaM" title="밍글 스튜디오 모션캡쳐 포트폴리오" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h3>머쉬베놈 (MUSHVENOM) - 돌림판 (feat. 신빠람 이박사) 🍓 CROA COVER</h3>
<p>CROA가 커버한 머쉬베놈의 돌림판</p>
<div class="video-tags">
<span class="tag">커버</span>
<span class="tag">CROA</span>
<span class="tag">머쉬베놈</span>
</div>
</div>
</div>
<div class="video-card">
<div class="video-wrapper">
<iframe data-src="https://www.youtube.com/embed/FecqTyUU6y0" title="밍글 스튜디오 모션캡쳐 콘텐츠 2" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h3>「 QWER - 가짜아이돌 (FAKE IDOL) 」 COVER BY VENY 【CROA】</h3>
<p>VENY가 커버한 QWER의 가짜아이돌</p>
<div class="video-tags">
<span class="tag">커버</span>
<span class="tag">CROA</span>
<span class="tag">VENY</span>
</div>
</div>
</div>
<div class="video-card">
<div class="video-wrapper">
<iframe data-src="https://www.youtube.com/embed/ryliwrc0Yms" title="밍글 스튜디오 모션캡쳐 콘텐츠 3" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h3>aesoopa 에숲파 'Black Mamba' MV</h3>
<p>에숲파의 Black Mamba 뮤직비디오</p>
<div class="video-tags">
<span class="tag">MV</span>
<span class="tag">에숲파</span>
<span class="tag">Black Mamba</span>
</div>
</div>
</div>
<div class="video-card">
<div class="video-wrapper">
<iframe data-src="https://www.youtube.com/embed/nH7IdgqhugQ" title="QWER 내 이름 맑음 CROA 커버" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h3>【CROA】 QWER - 내 이름 맑음 (feat.치치) 🍓 CROA COVER</h3>
<p>CROA가 커버한 QWER의 내 이름 맑음</p>
<div class="video-tags">
<span class="tag">커버</span>
<span class="tag">CROA</span>
<span class="tag">QWER</span>
</div>
</div>
</div>
<div class="video-card">
<div class="video-wrapper">
<iframe data-src="https://www.youtube.com/embed/YO7-z_JxSjY" title="첫사랑 (백아) | 치요 cover" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h3>첫사랑 (백아) | 치요 cover</h3>
<p>치요가 커버한 백아의 첫사랑</p>
<div class="video-tags">
<span class="tag">치요</span>
<span class="tag">cover</span>
<span class="tag">크로아</span>
</div>
</div>
</div>
<div class="video-card">
<div class="video-wrapper">
<iframe data-src="https://www.youtube.com/embed/hRBup9lEyiY" title="Merry &amp; Happy (트와이스) | 치요 x 마늘 Cover" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h3>Merry &amp; Happy (트와이스) | 치요 x 마늘 Cover</h3>
<p>치요&amp;마늘이 커버한 트와이스의 Merry &amp; Happy</p>
<div class="video-tags">
<span class="tag">치요</span>
<span class="tag">마늘</span>
<span class="tag">트와이스</span>
<span class="tag">크리스마스</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Shorts 콘텐츠 -->
<section class="section">
<div class="container">
<div class="section-header">
<h2 data-i18n="portfolio.shorts.title">ショートコンテンツ</h2>
<p data-i18n="portfolio.shorts.desc">短くインパクトのあるモーションキャプチャーの瞬間</p>
</div>
<div class="video-grid shorts-grid">
<div class="video-card shorts">
<div class="video-wrapper shorts-wrapper">
<iframe data-src="https://www.youtube.com/embed/OmpqKhMrb-U" title="모션캡쳐 Shorts 1" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h4>스ㅡㅡㅡㅡㅡㅡㅡ게 💕STARGAZERS CHALLENGE</h4>
</div>
</div>
<div class="video-card shorts">
<div class="video-wrapper shorts-wrapper">
<iframe data-src="https://www.youtube.com/embed/hKwGjPfULFI" title="모션캡쳐 Shorts 2" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h4>🤎 곰이의 이세계 아이돌 - ELEVATE 챌린지 🤎</h4>
</div>
</div>
<div class="video-card shorts">
<div class="video-wrapper shorts-wrapper">
<iframe data-src="https://www.youtube.com/embed/_blWj7UQtRc" title="모션캡쳐 Shorts 3" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h4>Memory 깡담비 #하이라이트 #shorts</h4>
</div>
</div>
<div class="video-card shorts">
<div class="video-wrapper shorts-wrapper">
<iframe data-src="https://www.youtube.com/embed/ZWftEFNlvVc" title="일본 유행 챌린지 Shorts" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h4>🍓요즘 일본에서 유행하는 챌린지 #vtuber #shorts</h4>
</div>
</div>
<div class="video-card shorts">
<div class="video-wrapper shorts-wrapper">
<iframe data-src="https://www.youtube.com/embed/xZS1e465wjc" title="Trouble 챌린지 Shorts" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h4>🍓trouble 챌린지 #trouble #challenge</h4>
</div>
</div>
<div class="video-card shorts">
<div class="video-wrapper shorts-wrapper">
<iframe data-src="https://www.youtube.com/embed/X3a_4GWU3V8" title="그르르 챌린지 Shorts" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h4>🍓그르르 챌린지 grrr#shorts</h4>
</div>
</div>
<div class="video-card shorts">
<div class="video-wrapper shorts-wrapper">
<iframe data-src="https://www.youtube.com/embed/6tsYJ0z2q4s" title="뽀로로도 놀란 귀여움 바라밤챌린지" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h4>뽀로로도 놀란 귀여움💙 #바라밤챌린지 #바라밤 #쿠아와친구들</h4>
</div>
</div>
</div>
</div>
</section>
<!-- 실시간 방송 예시 -->
<section class="section bg-gradient">
<div class="container">
<div class="section-header">
<h2 data-i18n="portfolio.broadcast.title">リアルタイム配信事例</h2>
<p data-i18n="portfolio.broadcast.desc">VTuberとストリーマーによるリアルタイムモーションキャプチャー配信</p>
</div>
<div class="broadcast-notice">
<div class="notice-icon"><i class="fa-solid fa-circle" aria-hidden="true" style="color: #ef4444;"></i></div>
<div class="notice-content">
<h3 data-i18n="portfolio.broadcast.noticeTitle">リアルタイムモーションキャプチャー配信</h3>
<p data-i18n="portfolio.broadcast.noticeDesc">Mingle Studioで行われるリアルタイムモーションキャプチャー配信を通じて、高品質バーチャルコンテンツを体験してください</p>
</div>
</div>
<div class="video-grid broadcast-grid">
<div class="video-card broadcast">
<div class="video-wrapper">
<iframe src="https://vod.sooplive.co.kr/player/159808721" title="미르 첫 모캡 방송" allowfullscreen=""></iframe>
</div>
<div class="video-info">
<h4>미르 첫 모캡 방송</h4>
<div class="broadcast-info">
<span class="platform">SOOP</span>
<span class="streamer">미르</span>
</div>
</div>
</div>
<div class="video-card broadcast">
<div class="video-wrapper">
<iframe src="https://vod.sooplive.co.kr/player/159683673" title="춤짱자매즈 모캡 합방" allowfullscreen=""></iframe>
</div>
<div class="video-info">
<h4>춤짱자매즈 모캡 합방 (w. 호발)</h4>
<div class="broadcast-info">
<span class="platform">SOOP</span>
<span class="streamer">흰콕 &amp; 호발</span>
</div>
</div>
</div>
<div class="video-card broadcast">
<div class="video-wrapper">
<iframe src="https://vod.sooplive.co.kr/player/159205533" title="치요 X 마늘 3D 모션캡쳐 합방" allowfullscreen=""></iframe>
</div>
<div class="video-info">
<h4>치요 X 마늘 3D 모션캡쳐 합방</h4>
<div class="broadcast-info">
<span class="platform">SOOP</span>
<span class="streamer">치요 &amp; 마늘</span>
</div>
</div>
</div>
<div class="video-card broadcast">
<div class="video-wrapper">
<iframe src="https://vod.sooplive.co.kr/player/159299033" title="뉴걸의 첫 모캡방송" allowfullscreen=""></iframe>
</div>
<div class="video-info">
<h4>뉴걸의 첫 모캡방송!</h4>
<p class="video-desc">춤 못 추면 댄스방송 하면 안 되나요?</p>
<div class="broadcast-info">
<span class="platform">SOOP</span>
<span class="streamer">뉴걸</span>
</div>
</div>
</div>
<div class="video-card broadcast">
<div class="video-wrapper">
<iframe src="https://vod.sooplive.co.kr/player/169085307" title="크로아 링피트 치요X마늘 3D 모션캡쳐 합방" allowfullscreen=""></iframe>
</div>
<div class="video-info">
<h4>[크로아] 링피트 치요X마늘 3D 모션캡쳐 합방</h4>
<div class="broadcast-info">
<span class="platform">SOOP</span>
<span class="streamer">치요 &amp; 마늘</span>
</div>
</div>
</div>
<div class="video-card broadcast">
<div class="video-wrapper">
<iframe src="https://vod.sooplive.co.kr/player/181746237" title="크로아 크리스마스 치요X마늘 모션캡쳐 합방+커버곡 공개" allowfullscreen=""></iframe>
</div>
<div class="video-info">
<h4>[크로아] 크리스마스 치요X마늘 모션캡쳐 합방+커버곡 공개</h4>
<div class="broadcast-info">
<span class="platform">SOOP</span>
<span class="streamer">치요 &amp; 마늘</span>
</div>
</div>
</div>
</div>
</div>
</section></div>
<!-- 개인 크리에이터 포트폴리오 끝 -->
<!-- 기업 프로젝트 포트폴리오 -->
<div class="tab-content" id="corporate" role="tabpanel" aria-labelledby="tab-corporate">
<section class="section bg-light">
<div class="container">
<div class="section-header">
<h2 data-i18n="portfolio.corporate.title">企業プロジェクト</h2>
<p data-i18n="portfolio.corporate.desc">企業および商業モーションキャプチャープロジェクト</p>
</div>
<!-- IXIA 기업 프로젝트 -->
<div class="corporate-project-showcase">
<div class="project-header">
<div class="project-logo">
<h3>아이시아(IXIA)</h3>
<p data-i18n="portfolio.corporate.ixiaDesc">バーチャルアイドルグループのモーションキャプチャー制作</p>
</div>
<div class="project-tags">
<span class="tag corporate">기업 프로젝트</span>
<span class="tag">버추얼 아이돌</span>
<span class="tag">엔터테인먼트</span>
</div>
</div>
<!-- Long-Form 콘텐츠 -->
<div class="project-section">
<h4 data-i18n="portfolio.corporate.mvSection">ミュージックビデオ制作</h4>
<div class="video-grid corporate-longform">
<div class="video-card featured">
<div class="video-wrapper">
<iframe data-src="https://www.youtube.com/embed/OUdsyxPzS14" title="아이시아(IXIA) '꼭꼭 숨어라' Part.2 MV (Performance ver.)" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h3>아이시아(IXIA) '꼭꼭 숨어라' Part.2 MV (Performance ver.)</h3>
<p>아이시아의 꼭꼭 숨어라 뮤직비디오 퍼포먼스 버전</p>
<div class="video-tags">
<span class="tag">뮤직비디오</span>
<span class="tag">퍼포먼스</span>
<span class="tag">IXIA</span>
</div>
</div>
</div>
</div>
</div>
<!-- Shorts 콘텐츠 -->
<div class="project-section">
<h4 data-i18n="portfolio.corporate.shortsSection">ショートフォームビデオ制作</h4>
<div class="video-grid corporate-shorts">
<div class="video-card shorts">
<div class="video-wrapper shorts-wrapper">
<iframe data-src="https://www.youtube.com/embed/C_EwalifDGk" title="꼭꼭 숨어라 릴레이 댄스 - 아이시아랑 숨바꼭질 할 사람" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h4>✨꼭꼭 숨어라 릴레이 댄스✨</h4>
<p>아이시아랑 숨바꼭질 할 사람 🙋‍♀️🙋‍♀️</p>
</div>
</div>
<div class="video-card shorts">
<div class="video-wrapper shorts-wrapper">
<iframe data-src="https://www.youtube.com/embed/yZPuVDplajo" title="루화가 제일 싫어하는 말은❓착하다는 말… 제일 싫어 💢💢" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h4>루화가 제일 싫어하는 말은❓</h4>
<p>착하다는 말... 제일 싫어 💢💢</p>
</div>
</div>
</div>
</div>
<!-- 라이브 방송 -->
<div class="project-section">
<h4 data-i18n="portfolio.corporate.liveSection">ライブ配信</h4>
<div class="video-grid corporate-live">
<div class="video-card broadcast">
<div class="video-wrapper">
<iframe data-src="https://www.youtube.com/embed/KNABwaYmuA8" title="IXIA Debut Live Showcase | 아이시아 데뷔 쇼케이스: TIME TO SAY IXIA" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h4>✨IXIA 데뷔 라이브 쇼케이스✨</h4>
<p class="video-desc">아이시아 데뷔 쇼케이스: TIME TO SAY IXIA</p>
<div class="broadcast-info">
<span class="platform">YouTube</span>
<span class="streamer">아이시아</span>
</div>
</div>
</div>
<div class="video-card broadcast">
<div class="video-wrapper">
<iframe data-src="https://www.youtube.com/embed/FXnH-43NpFM?start=1725" title="아이시아의 라이브룸 💖 플레이리스트 대공개" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="video-info">
<h4>🎤 아이시아의 라이브룸</h4>
<p class="video-desc">플레이리스트 대공개 라이브 방송</p>
<div class="broadcast-info">
<span class="platform">YouTube</span>
<span class="streamer">아이시아</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- 기업 프로젝트 포트폴리오 끝 -->
<!-- CTA -->
<section class="cta-section">
<div class="container text-center">
<h2 data-i18n="portfolio.cta.title">あなたのコンテンツもここに</h2>
<p data-i18n="portfolio.cta.desc">Mingle Studioと共に次のポートフォリオの主人公になりましょう</p>
<div class="cta-buttons">
<a href="/ja/contact" class="btn btn-primary btn-lg" data-i18n="portfolio.cta.btnInquiry">プロジェクトのお問い合わせ</a>
<a href="/ja/services" class="btn btn-outline btn-lg" data-i18n="portfolio.cta.btnServices">サービスを見る</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> 비즈니스 문의</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>
<!-- JavaScript -->
<script src="/js/i18n.js"></script>
<script src="/js/common.js"></script>
<script src="/js/portfolio.js"></script>
</body></html>