fa237316df
- 다크모드 지원 추가 (모든 페이지 CSS) - 글래스모피즘 카드 스타일 통일 - 하드코딩 컬러 → CSS 변수 전환 - 접근성 개선: skip nav, aria-label, sr-only, role="dialog" - 파일 구조 정리: 이미지/로고 images/ 폴더로 이동, 미사용 파일 삭제 - 서비스 패키지 8시간 → 6시간으로 변경 - OG 이미지를 전용 mingle-OG.png로 변경 - 컨택트 다크모드 위치 박스 투명 처리 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
239 lines
11 KiB
HTML
239 lines
11 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-KZKV535P');</script>
|
|
<!-- End Google Tag Manager -->
|
|
<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/about.html">
|
|
|
|
<!-- Theme Color -->
|
|
<meta name="theme-color" content="#ff8800">
|
|
|
|
<!-- SEO 메타 태그 -->
|
|
<meta name="description" content="밍글 스튜디오는 기술과 창의력이 어우러진 모션캡쳐 창작 공간입니다. 2025년 설립, 인천 테크노밸리 위치.">
|
|
<meta name="keywords" content="밍글스튜디오, 회사소개, 모션캡쳐, 창작공간, 버추얼콘텐츠">
|
|
<meta name="author" content="밍글 스튜디오">
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:title" content="회사소개 - 밍글 스튜디오">
|
|
<meta property="og:description" content="2025년 설립된 인천 유일의 모션캡처 전문 스튜디오. 기술과 창의력이 어우러진 버추얼 콘텐츠 창작 공간입니다">
|
|
<meta property="og:url" content="https://minglestudio.co.kr/about.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="2025년 설립된 인천 유일의 모션캡처 전문 스튜디오. 기술과 창의력이 어우러진 버추얼 콘텐츠 창작 공간입니다">
|
|
<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://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="css/common.css">
|
|
<link rel="stylesheet" href="css/about.css">
|
|
</head>
|
|
<body>
|
|
<!-- Google Tag Manager (noscript) -->
|
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KZKV535P"
|
|
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
<!-- End Google Tag Manager (noscript) -->
|
|
<a href="#main-content" class="skip-to-content">본문 바로가기</a>
|
|
|
|
<!-- 헤더 -->
|
|
<div id="header-placeholder"></div>
|
|
|
|
<main id="main-content">
|
|
<!-- 페이지 헤더 -->
|
|
<section class="page-header">
|
|
<div class="container">
|
|
<h1>About Us</h1>
|
|
<p>기술과 창의력, 열정이 한데 섞여 새로운 가치가 만들어지는 공간</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 회사 소개 -->
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="company-info">
|
|
<div class="info-grid reveal">
|
|
<div class="info-item">
|
|
<h3>회사명</h3>
|
|
<p>밍글 스튜디오 (Mingle Studio)</p>
|
|
</div>
|
|
<div class="info-item">
|
|
<h3>설립일</h3>
|
|
<p>2025년 7월 15일</p>
|
|
</div>
|
|
<div class="info-item">
|
|
<h3>슬로건</h3>
|
|
<p>"모두가 어우러진 즐거운 창작공간"</p>
|
|
</div>
|
|
<div class="info-item full-width">
|
|
<h3>의미</h3>
|
|
<p>Mingle Studio는 기술자와 크리에이터 그리고 시청자가 함께 어우러지는 버추얼 콘텐츠 제작 공간입니다. 최첨단 광학식 모션캡처 기술로 버추얼 캐릭터의 살아 숨쉬는 감정과 움직임을 담아 새로운 세대의 디지털 퍼포먼스를 실현합니다.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="about-content">
|
|
<div class="card reveal">
|
|
<h2>회사 소개</h2>
|
|
<p>밍글 스튜디오는 창작자와 기술, 사람과 사람 사이의 '어우러짐'을 통해 새로운 콘텐츠를 만들어가는 모션 캡쳐 기반의 창작 공간입니다.</p>
|
|
<p>설립 이후, 누구나 편하게 사용 가능한 스튜디오 대관 서비스를 중심으로 버추얼 콘텐츠 제작 환경을 제공합니다.</p>
|
|
</div>
|
|
|
|
<div class="card reveal" data-delay="100">
|
|
<h2>비전 & 미션</h2>
|
|
<div class="vision-mission">
|
|
<div class="vm-item">
|
|
<h3>🎯 비전</h3>
|
|
<p>모든 창작자가 기술적 제약 없이 상상을 현실로 만들 수 있는 창작 생태계 구축</p>
|
|
</div>
|
|
<div class="vm-item">
|
|
<h3>🚀 미션</h3>
|
|
<p>최첨단 모션캡쳐 기술을 통해 창작자들의 아이디어를 생생한 콘텐츠로 변환하고, 새로운 디지털 경험을 제공</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card reveal" data-delay="200">
|
|
<h2>연혁</h2>
|
|
<div class="timeline">
|
|
<div class="timeline-item">
|
|
<div class="timeline-date">2025년 7월 15일</div>
|
|
<div class="timeline-content">
|
|
<h4>밍글 스튜디오 설립</h4>
|
|
<p>밍글 스튜디오 회사 설립</p>
|
|
</div>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="timeline-date">2025년 8월 1일</div>
|
|
<div class="timeline-content">
|
|
<h4>스튜디오 오픈</h4>
|
|
<p>OptiTrack 시스템 구축 완료 및 대관 서비스 시작</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 팀 소개 -->
|
|
<section class="team-section section bg-light">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2>Our Team</h2>
|
|
<p>각 분야의 전문가들이 함께 협업하며 콘텐츠 제작을 지원합니다</p>
|
|
</div>
|
|
|
|
<div class="team-grid">
|
|
<div class="team-card reveal">
|
|
<div class="team-avatar">
|
|
<img src="images/profile/제이제이.png" alt="김희진 프로필">
|
|
</div>
|
|
<h3>김희진</h3>
|
|
<p class="team-nickname">JAYJAY</p>
|
|
<p class="team-role">대표 / 3D 아티스트</p>
|
|
<p class="team-desc">배경/리소스 제작, 인사 및 프로젝트 관리</p>
|
|
</div>
|
|
|
|
<div class="team-card reveal" data-delay="100">
|
|
<div class="team-avatar">
|
|
<img src="images/profile/카닉.png" alt="김광진 프로필">
|
|
</div>
|
|
<h3>김광진</h3>
|
|
<p class="team-nickname">KINDNICK</p>
|
|
<p class="team-role">CTO / 테크니컬 디렉터</p>
|
|
<p class="team-desc">스튜디오 전체 기술 운영, 모션캡쳐 장비 관리, 음향 시스템, 엔진 프로그래밍</p>
|
|
</div>
|
|
|
|
<div class="team-card reveal" data-delay="200">
|
|
<div class="team-avatar">
|
|
<img src="images/profile/야모.png" alt="이승민 프로필">
|
|
</div>
|
|
<h3>이승민</h3>
|
|
<p class="team-nickname">YAMO</p>
|
|
<p class="team-role">CCO / 콘텐츠 디렉터</p>
|
|
<p class="team-desc">캡쳐 디렉팅, 배우 모션 클린업, 카메라 무빙, 퍼포먼스 연출</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 핵심 가치 -->
|
|
<section class="values-section section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2>Core Values</h2>
|
|
<p>밍글 스튜디오가 추구하는 핵심 가치</p>
|
|
</div>
|
|
|
|
<div class="values-grid">
|
|
<div class="value-item reveal">
|
|
<div class="value-icon">🤝</div>
|
|
<h3>협업</h3>
|
|
<p>기술자와 창작자가 함께 만드는 시너지</p>
|
|
</div>
|
|
<div class="value-item reveal" data-delay="100">
|
|
<div class="value-icon">💡</div>
|
|
<h3>혁신</h3>
|
|
<p>최신 기술로 새로운 창작의 가능성 제시</p>
|
|
</div>
|
|
<div class="value-item reveal" data-delay="200">
|
|
<div class="value-icon">🎨</div>
|
|
<h3>창의성</h3>
|
|
<p>상상을 현실로 만드는 창의적 솔루션</p>
|
|
</div>
|
|
<div class="value-item reveal" data-delay="300">
|
|
<div class="value-icon">⭐</div>
|
|
<h3>품질</h3>
|
|
<p>최고 수준의 모션캡쳐 퀄리티 추구</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<!-- 푸터 -->
|
|
<div id="footer-placeholder"></div>
|
|
|
|
<!-- 백업 푸터 (JavaScript 로드 실패 시) -->
|
|
<footer class="site-footer">
|
|
<div class="container">
|
|
<div class="footer-company">회사명: 밍글 스튜디오 | 대표: 김희진</div>
|
|
<div class="footer-address">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 U1센터 A동 B105호</div>
|
|
<div class="footer-contact">전화: 010-9288-9190 | 비즈니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div>
|
|
<div class="footer-biz">사업자등록번호: 208-12-73755</div>
|
|
<div class="footer-copyright">© 2025 밍글 스튜디오. All rights reserved.</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- JavaScript -->
|
|
<script src="js/common.js"></script>
|
|
</body>
|
|
</html> |