mingle-website/about.html

238 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="/mingle-logo.ico">
<link rel="shortcut icon" href="/mingle-logo.ico">
<link rel="icon" type="image/webp" href="/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/mingle-logo.webp">
<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/mingle-logo.webp">
<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) -->
<!-- 헤더 -->
<div id="header-placeholder"></div>
<!-- 브레드크럼 -->
<nav class="breadcrumb">
<div class="container">
<ol class="breadcrumb-list">
<li class="breadcrumb-item">
<a href="index.html" class="breadcrumb-link breadcrumb-home">🏠 홈</a>
</li>
<li class="breadcrumb-item">
<span class="breadcrumb-current">회사 소개</span>
</li>
</ol>
</div>
</nav>
<!-- 페이지 헤더 -->
<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">
<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">
<h2>회사 소개</h2>
<p>밍글 스튜디오는 창작자와 기술, 사람과 사람 사이의 '어우러짐'을 통해 새로운 콘텐츠를 만들어가는 모션 캡쳐 기반의 창작 공간입니다.</p>
<p>설립 이후, 누구나 편하게 사용 가능한 스튜디오 대관 서비스를 중심으로 버추얼 콘텐츠 제작 환경을 제공합니다.</p>
</div>
<div class="card">
<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">
<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">
<div class="team-avatar">
<img src="Profile_image/제이제이.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">
<div class="team-avatar">
<img src="Profile_image/카닉.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">
<div class="team-avatar">
<img src="Profile_image/야모.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">
<div class="value-icon">🤝</div>
<h3>협업</h3>
<p>기술자와 창작자가 함께 만드는 시너지</p>
</div>
<div class="value-item">
<div class="value-icon">💡</div>
<h3>혁신</h3>
<p>최신 기술로 새로운 창작의 가능성 제시</p>
</div>
<div class="value-item">
<div class="value-icon">🎨</div>
<h3>창의성</h3>
<p>상상을 현실로 만드는 창의적 솔루션</p>
</div>
<div class="value-item">
<div class="value-icon"></div>
<h3>품질</h3>
<p>최고 수준의 모션캡쳐 퀄리티 추구</p>
</div>
</div>
</div>
</section>
<!-- 푸터 -->
<div id="footer-placeholder"></div>
<!-- JavaScript -->
<script src="js/common.js"></script>
</body>
</html>