ADD : 파스 마감 할인 팝업 복구 프로필 이미지 추가 유튜브 트위터 핫링크 추가
This commit is contained in:
68893236+KINDNICK@users.noreply.github.com
parent
6054e381d9
commit
2a78b07d64
12
404.html
12
404.html
@ -1,6 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<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 charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>페이지를 찾을 수 없습니다 - 밍글 스튜디오</title>
|
<title>페이지를 찾을 수 없습니다 - 밍글 스튜디오</title>
|
||||||
@ -141,6 +148,11 @@
|
|||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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 class="error-container">
|
<div class="error-container">
|
||||||
<div class="error-code">404</div>
|
<div class="error-code">404</div>
|
||||||
<h1 class="error-title">페이지를 찾을 수 없습니다</h1>
|
<h1 class="error-title">페이지를 찾을 수 없습니다</h1>
|
||||||
|
|||||||
BIN
Profile_image/야모.png
Normal file
BIN
Profile_image/야모.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 758 KiB |
BIN
Profile_image/제이제이.png
Normal file
BIN
Profile_image/제이제이.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 781 KiB |
BIN
Profile_image/카닉.png
Normal file
BIN
Profile_image/카닉.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 737 KiB |
24
about.html
24
about.html
@ -1,6 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<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 charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>회사소개 - 밍글 스튜디오</title>
|
<title>회사소개 - 밍글 스튜디오</title>
|
||||||
@ -49,6 +56,11 @@
|
|||||||
<link rel="stylesheet" href="css/about.css">
|
<link rel="stylesheet" href="css/about.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<div id="header-placeholder"></div>
|
||||||
|
|
||||||
@ -152,7 +164,9 @@
|
|||||||
|
|
||||||
<div class="team-grid">
|
<div class="team-grid">
|
||||||
<div class="team-card">
|
<div class="team-card">
|
||||||
<div class="team-avatar">👤</div>
|
<div class="team-avatar">
|
||||||
|
<img src="Profile_image/제이제이.png" alt="김희진 프로필">
|
||||||
|
</div>
|
||||||
<h3>김희진</h3>
|
<h3>김희진</h3>
|
||||||
<p class="team-nickname">JAYJAY</p>
|
<p class="team-nickname">JAYJAY</p>
|
||||||
<p class="team-role">대표 / 3D 아티스트</p>
|
<p class="team-role">대표 / 3D 아티스트</p>
|
||||||
@ -160,7 +174,9 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="team-card">
|
<div class="team-card">
|
||||||
<div class="team-avatar">👤</div>
|
<div class="team-avatar">
|
||||||
|
<img src="Profile_image/카닉.png" alt="김광진 프로필">
|
||||||
|
</div>
|
||||||
<h3>김광진</h3>
|
<h3>김광진</h3>
|
||||||
<p class="team-nickname">KINDNICK</p>
|
<p class="team-nickname">KINDNICK</p>
|
||||||
<p class="team-role">CTO / 테크니컬 디렉터</p>
|
<p class="team-role">CTO / 테크니컬 디렉터</p>
|
||||||
@ -168,7 +184,9 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="team-card">
|
<div class="team-card">
|
||||||
<div class="team-avatar">👤</div>
|
<div class="team-avatar">
|
||||||
|
<img src="Profile_image/야모.png" alt="이승민 프로필">
|
||||||
|
</div>
|
||||||
<h3>이승민</h3>
|
<h3>이승민</h3>
|
||||||
<p class="team-nickname">YAMO</p>
|
<p class="team-nickname">YAMO</p>
|
||||||
<p class="team-role">CCO / 콘텐츠 디렉터</p>
|
<p class="team-role">CCO / 콘텐츠 디렉터</p>
|
||||||
|
|||||||
@ -1,6 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<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 charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>배경 씬 라이브러리 - 밍글 스튜디오</title>
|
<title>배경 씬 라이브러리 - 밍글 스튜디오</title>
|
||||||
@ -27,6 +34,11 @@
|
|||||||
<link rel="stylesheet" href="css/backgrounds.css">
|
<link rel="stylesheet" href="css/backgrounds.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<div id="header-placeholder"></div>
|
||||||
|
|
||||||
|
|||||||
12
contact.html
12
contact.html
@ -1,6 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<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 charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>문의하기 - 밍글 스튜디오</title>
|
<title>문의하기 - 밍글 스튜디오</title>
|
||||||
@ -50,6 +57,11 @@
|
|||||||
<link rel="stylesheet" href="css/contact.css">
|
<link rel="stylesheet" href="css/contact.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<div id="header-placeholder"></div>
|
||||||
|
|
||||||
|
|||||||
@ -199,8 +199,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.team-avatar {
|
.team-avatar {
|
||||||
width: 100px;
|
width: 120px;
|
||||||
height: 100px;
|
height: 120px;
|
||||||
margin: 0 auto var(--spacing-lg);
|
margin: 0 auto var(--spacing-lg);
|
||||||
background: linear-gradient(135deg, var(--primary-color), #ff6600);
|
background: linear-gradient(135deg, var(--primary-color), #ff6600);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
@ -208,6 +208,15 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
|
overflow: hidden;
|
||||||
|
border: 3px solid var(--primary-color);
|
||||||
|
box-shadow: 0 4px 15px rgba(255, 136, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-avatar img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.team-card h3 {
|
.team-card h3 {
|
||||||
|
|||||||
@ -653,3 +653,78 @@ body {
|
|||||||
font-size: var(--font-sm);
|
font-size: var(--font-sm);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ========================================
|
||||||
|
플로팅 SNS 버튼
|
||||||
|
======================================== */
|
||||||
|
.floating-sns {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 30px;
|
||||||
|
right: 30px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 12px;
|
||||||
|
z-index: 9000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sns-btn {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-decoration: none;
|
||||||
|
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sns-btn:hover {
|
||||||
|
transform: translateY(-3px) scale(1.1);
|
||||||
|
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sns-btn svg {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
fill: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* X (Twitter) 버튼 */
|
||||||
|
.sns-btn-x {
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sns-btn-x:hover {
|
||||||
|
background: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* YouTube 버튼 */
|
||||||
|
.sns-btn-youtube {
|
||||||
|
background: #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sns-btn-youtube:hover {
|
||||||
|
background: #cc0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 모바일 반응형 */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.floating-sns {
|
||||||
|
bottom: 20px;
|
||||||
|
right: 20px;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sns-btn {
|
||||||
|
width: 45px;
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sns-btn svg {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -43,6 +43,48 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* 모집 마감 공지 섹션 */
|
||||||
|
.closed-notice-section {
|
||||||
|
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
|
||||||
|
padding: 4rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.closed-notice-box {
|
||||||
|
max-width: 700px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background: white;
|
||||||
|
padding: 3rem;
|
||||||
|
border-radius: 20px;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
|
||||||
|
border: 3px solid #ff8800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.closed-icon {
|
||||||
|
font-size: 4rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.closed-title {
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #ff8800;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.closed-message {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: #333;
|
||||||
|
line-height: 1.8;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.closed-sub {
|
||||||
|
font-size: 1rem;
|
||||||
|
color: #666;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* 파트너 섹션 공통 스타일 */
|
/* 파트너 섹션 공통 스타일 */
|
||||||
.partner-conditions-section {
|
.partner-conditions-section {
|
||||||
background: linear-gradient(135deg, #E3F2FD 0%, #FFF9C4 50%, #FFECB3 100%);
|
background: linear-gradient(135deg, #E3F2FD 0%, #FFF9C4 50%, #FFECB3 100%);
|
||||||
@ -566,6 +608,23 @@
|
|||||||
|
|
||||||
/* 반응형 디자인 */
|
/* 반응형 디자인 */
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
.closed-notice-box {
|
||||||
|
padding: 2rem 1.5rem;
|
||||||
|
margin: 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.closed-icon {
|
||||||
|
font-size: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.closed-title {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.closed-message {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.partner-hero {
|
.partner-hero {
|
||||||
padding: 100px 0 80px;
|
padding: 100px 0 80px;
|
||||||
min-height: 500px;
|
min-height: 500px;
|
||||||
|
|||||||
218
css/popup.css
218
css/popup.css
@ -45,32 +45,6 @@
|
|||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 팝업 스크롤바 커스텀 디자인 */
|
|
||||||
.popup-container::-webkit-scrollbar {
|
|
||||||
width: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-container::-webkit-scrollbar-track {
|
|
||||||
background: rgba(255, 136, 0, 0.1);
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-container::-webkit-scrollbar-thumb {
|
|
||||||
background: linear-gradient(135deg, #ff8800 0%, #ff9933 100%);
|
|
||||||
border-radius: 10px;
|
|
||||||
border: 2px solid rgba(255, 255, 255, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-container::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: linear-gradient(135deg, #ff9933 0%, #ffaa44 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Firefox 스크롤바 */
|
|
||||||
.popup-container {
|
|
||||||
scrollbar-width: thin;
|
|
||||||
scrollbar-color: #ff8800 rgba(255, 136, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes popupSlideIn {
|
@keyframes popupSlideIn {
|
||||||
from {
|
from {
|
||||||
transform: scale(0.8) translateY(-20px);
|
transform: scale(0.8) translateY(-20px);
|
||||||
@ -135,61 +109,60 @@
|
|||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 팝업 혜택 리스트 */
|
/* 할인 카드 */
|
||||||
.popup-benefits-list {
|
.discount-card {
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-benefit-item {
|
|
||||||
background: white;
|
background: white;
|
||||||
border-radius: 12px;
|
border-radius: 10px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
display: flex;
|
margin-bottom: 10px;
|
||||||
align-items: flex-start;
|
border: 2px solid #ffd9a3;
|
||||||
gap: 15px;
|
box-shadow: 0 2px 8px rgba(255, 136, 0, 0.1);
|
||||||
border: 2px solid #ffe8cc;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-benefit-item:hover {
|
.discount-card-header {
|
||||||
border-color: #ff8800;
|
|
||||||
box-shadow: 0 4px 12px rgba(255, 136, 0, 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.benefit-number {
|
|
||||||
flex-shrink: 0;
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
background: linear-gradient(135deg, #FF80AB 0%, #FF4081 100%);
|
|
||||||
border-radius: 50%;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
margin-bottom: 8px;
|
||||||
font-size: 1.5rem;
|
|
||||||
font-weight: 800;
|
|
||||||
color: white;
|
|
||||||
box-shadow: 0 2px 8px rgba(255, 64, 129, 0.3);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.benefit-content {
|
.discount-card-title {
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.benefit-content h4 {
|
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #FF4081;
|
color: #333;
|
||||||
margin: 0 0 6px 0;
|
|
||||||
line-height: 1.3;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.benefit-content p {
|
.discount-badge {
|
||||||
font-size: 0.875rem;
|
background: linear-gradient(135deg, #ff8800, #ff9933);
|
||||||
color: #42A5F5;
|
color: white;
|
||||||
margin: 0;
|
padding: 4px 10px;
|
||||||
line-height: 1.4;
|
border-radius: 20px;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.discount-price {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.original-price {
|
||||||
|
color: #999;
|
||||||
|
text-decoration: line-through;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sale-price {
|
||||||
|
color: #ff8800;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price-note {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: #666;
|
||||||
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 공지사항 */
|
/* 공지사항 */
|
||||||
@ -207,12 +180,33 @@
|
|||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 이벤트 정보 */
|
||||||
|
.popup-info {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 10px;
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
/* CTA 버튼 컨테이너 */
|
.info-item {
|
||||||
.popup-buttons {
|
background: white;
|
||||||
display: flex;
|
border-radius: 8px;
|
||||||
flex-direction: column;
|
padding: 12px;
|
||||||
gap: 8px;
|
text-align: center;
|
||||||
|
border: 2px solid #ffe8cc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: #666;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-value {
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #ff8800;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* CTA 버튼 */
|
/* CTA 버튼 */
|
||||||
@ -229,6 +223,7 @@
|
|||||||
border: none;
|
border: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-shadow: 0 4px 15px rgba(255, 136, 0, 0.3);
|
box-shadow: 0 4px 15px rgba(255, 136, 0, 0.3);
|
||||||
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-cta:hover {
|
.popup-cta:hover {
|
||||||
@ -236,22 +231,51 @@
|
|||||||
box-shadow: 0 6px 20px rgba(255, 136, 0, 0.4);
|
box-shadow: 0 6px 20px rgba(255, 136, 0, 0.4);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 서브 CTA 버튼 (서비스 내용 보기) */
|
/* 팝업 푸터 */
|
||||||
.popup-cta-secondary {
|
.popup-footer {
|
||||||
background: white;
|
display: flex;
|
||||||
color: #ff8800;
|
justify-content: space-between;
|
||||||
border: 2px solid #ff8800;
|
align-items: center;
|
||||||
box-shadow: 0 2px 8px rgba(255, 136, 0, 0.15);
|
padding: 12px 20px;
|
||||||
|
background: #f8f9fa;
|
||||||
|
border-top: 1px solid #e9ecef;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-cta-secondary:hover {
|
.popup-checkbox {
|
||||||
background: #fff8f0;
|
display: flex;
|
||||||
box-shadow: 0 4px 12px rgba(255, 136, 0, 0.25);
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 팝업 바디 하단 여백 조정 */
|
.popup-checkbox input[type="checkbox"] {
|
||||||
.popup-body {
|
width: 16px;
|
||||||
padding: 20px 20px 30px 20px;
|
height: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
accent-color: #ff8800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-checkbox label {
|
||||||
|
font-size: 0.85rem;
|
||||||
|
color: #666;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-close-btn {
|
||||||
|
background: #6c757d;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 6px 16px;
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-close-btn:hover {
|
||||||
|
background: #5a6268;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* X 닫기 버튼 */
|
/* X 닫기 버튼 */
|
||||||
@ -308,11 +332,25 @@
|
|||||||
padding: 15px;
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.benefit-content h4 {
|
.discount-card {
|
||||||
font-size: 0.95rem;
|
padding: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.benefit-content p {
|
.popup-info {
|
||||||
font-size: 0.8rem;
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-footer {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 10px;
|
||||||
|
padding: 12px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-checkbox {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-close-btn {
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
12
gallery.html
12
gallery.html
@ -1,6 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<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 charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>스튜디오 갤러리 - 밍글 스튜디오</title>
|
<title>스튜디오 갤러리 - 밍글 스튜디오</title>
|
||||||
@ -53,6 +60,11 @@
|
|||||||
<link rel="stylesheet" href="css/gallery.css">
|
<link rel="stylesheet" href="css/gallery.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<div id="header-placeholder"></div>
|
||||||
|
|
||||||
<!-- 브레드크럼 -->
|
<!-- 브레드크럼 -->
|
||||||
|
|||||||
86
index.html
86
index.html
@ -1,6 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<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 charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>밍글 스튜디오 - 모션캡쳐 창작 스튜디오</title>
|
<title>밍글 스튜디오 - 모션캡쳐 창작 스튜디오</title>
|
||||||
@ -288,62 +295,77 @@
|
|||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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 class="popup-overlay" id="mainPopup">
|
<div class="popup-overlay" id="mainPopup">
|
||||||
<div class="popup-container">
|
<div class="popup-container">
|
||||||
<button class="popup-close-x" id="popupCloseX">×</button>
|
<button class="popup-close-x" id="popupCloseX">×</button>
|
||||||
|
|
||||||
<div class="popup-header">
|
<div class="popup-header">
|
||||||
<h2 class="popup-title">🎬 파트너 스트리머 모집 🎬</h2>
|
<h2 class="popup-title">🎉 밍글 스튜디오 오픈 기념 🎉</h2>
|
||||||
<p class="popup-subtitle">밍글 스튜디오와 함께 성장할 버튜버 스트리머를 찾습니다</p>
|
<p class="popup-subtitle">특별 할인 이벤트</p>
|
||||||
<div class="popup-badge">지금 지원하세요</div>
|
<div class="popup-badge">최대 20% 할인</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="popup-body">
|
<div class="popup-body">
|
||||||
<div class="popup-section">
|
<div class="popup-section">
|
||||||
<h3 class="popup-section-title">파트너 스트리머의 혜택</h3>
|
<h3 class="popup-section-title">할인 서비스</h3>
|
||||||
|
|
||||||
<div class="popup-benefits-list">
|
<div class="discount-card">
|
||||||
<div class="popup-benefit-item">
|
<div class="discount-card-header">
|
||||||
<div class="benefit-number">1</div>
|
<span class="discount-card-title">모션캡쳐 스튜디오 대관</span>
|
||||||
<div class="benefit-content">
|
<span class="discount-badge">20% 할인</span>
|
||||||
<h4>모션캡쳐 스튜디오 무료 사용!</h4>
|
|
||||||
<p>월 2회 이상의 모션캡쳐 방송 지원</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="discount-price">
|
||||||
|
<span class="original-price">200,000원/시간</span>
|
||||||
|
<span class="sale-price">160,000원/시간</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="popup-benefit-item">
|
<p class="price-note">VAT 별도</p>
|
||||||
<div class="benefit-number">2</div>
|
|
||||||
<div class="benefit-content">
|
|
||||||
<h4>밍글의 신기술을 가장 먼저 체험할 기회!</h4>
|
|
||||||
<p>후원 API 및 각종 효과 / 배경 효과 제공</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="discount-card">
|
||||||
|
<div class="discount-card-header">
|
||||||
|
<span class="discount-card-title">스트리밍글 서비스</span>
|
||||||
|
<span class="discount-badge">20% 할인</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="popup-benefit-item">
|
<div class="discount-price">
|
||||||
<div class="benefit-number">3</div>
|
<span class="original-price">2,000,000원</span>
|
||||||
<div class="benefit-content">
|
<span class="sale-price">1,600,000원</span>
|
||||||
<h4>미니콘서트 제작 지원 (1회)</h4>
|
|
||||||
<p>미니콘서트에 필요한 제작 지원</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="popup-benefit-item">
|
|
||||||
<div class="benefit-number">4</div>
|
|
||||||
<div class="benefit-content">
|
|
||||||
<h4>기획 콘텐츠 제작 및 바추얼 아바타 자문</h4>
|
|
||||||
<p>각종 기술적/기획적 어려움이 있을 경우 자문 제공</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<p class="price-note">1~4인 사용 / 8시간 패키지 / VAT 별도</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="popup-notice">
|
<div class="popup-notice">
|
||||||
<p>※ 자세한 내용은 파트너 페이지에서 확인하실 수 있습니다</p>
|
<p>※ 뮤직비디오 제작 서비스는 할인이 미적용 됩니다</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="popup-info">
|
||||||
|
<div class="info-item">
|
||||||
|
<div class="info-label">이벤트 기간</div>
|
||||||
|
<div class="info-value">~ 2026/2/28</div>
|
||||||
|
</div>
|
||||||
|
<div class="info-item">
|
||||||
|
<div class="info-label">문의 메일</div>
|
||||||
|
<div class="info-value">help@minglestudio.co.kr</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="popup-buttons">
|
|
||||||
<button class="popup-cta" id="popupCtaBtn">
|
<button class="popup-cta" id="popupCtaBtn">
|
||||||
자세히 보기 →
|
지금 바로 예약하기 →
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="popup-footer">
|
||||||
|
<div class="popup-checkbox">
|
||||||
|
<input type="checkbox" id="dontShowToday">
|
||||||
|
<label for="dontShowToday">하루동안 보지 않기</label>
|
||||||
|
</div>
|
||||||
|
<button class="popup-close-btn" id="popupCloseBtn">닫기</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
26
js/common.js
26
js/common.js
@ -9,6 +9,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
setActiveNavLink();
|
setActiveNavLink();
|
||||||
loadComponents();
|
loadComponents();
|
||||||
initLazyLoading();
|
initLazyLoading();
|
||||||
|
createFloatingSNS();
|
||||||
hidePageLoading();
|
hidePageLoading();
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -322,6 +323,31 @@ function hideComponentLoading(element, content) {
|
|||||||
element.innerHTML = content;
|
element.innerHTML = content;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ========================================
|
||||||
|
// 플로팅 SNS 버튼 생성
|
||||||
|
// ========================================
|
||||||
|
function createFloatingSNS() {
|
||||||
|
// 이미 존재하면 생성하지 않음
|
||||||
|
if (document.querySelector('.floating-sns')) return;
|
||||||
|
|
||||||
|
const snsContainer = document.createElement('div');
|
||||||
|
snsContainer.className = 'floating-sns';
|
||||||
|
snsContainer.innerHTML = `
|
||||||
|
<a href="https://www.youtube.com/@minglestudio_mocap" target="_blank" rel="noopener noreferrer" class="sns-btn sns-btn-youtube" title="YouTube">
|
||||||
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<a href="https://x.com/minglestudio" target="_blank" rel="noopener noreferrer" class="sns-btn sns-btn-x" title="X (Twitter)">
|
||||||
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
`;
|
||||||
|
|
||||||
|
document.body.appendChild(snsContainer);
|
||||||
|
}
|
||||||
|
|
||||||
// ========================================
|
// ========================================
|
||||||
// Export 함수들 (다른 스크립트에서 사용 가능)
|
// Export 함수들 (다른 스크립트에서 사용 가능)
|
||||||
// ========================================
|
// ========================================
|
||||||
|
|||||||
42
js/popup.js
42
js/popup.js
@ -2,6 +2,25 @@
|
|||||||
* 밍글 스튜디오 메인 팝업 관리
|
* 밍글 스튜디오 메인 팝업 관리
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
// 쿠키 관련 함수
|
||||||
|
function setCookie(name, value, days) {
|
||||||
|
const date = new Date();
|
||||||
|
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||||||
|
const expires = "expires=" + date.toUTCString();
|
||||||
|
document.cookie = name + "=" + value + ";" + expires + ";path=/";
|
||||||
|
}
|
||||||
|
|
||||||
|
function getCookie(name) {
|
||||||
|
const nameEQ = name + "=";
|
||||||
|
const ca = document.cookie.split(';');
|
||||||
|
for(let i = 0; i < ca.length; i++) {
|
||||||
|
let c = ca[i];
|
||||||
|
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
||||||
|
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
// 팝업 표시 함수
|
// 팝업 표시 함수
|
||||||
function showPopup() {
|
function showPopup() {
|
||||||
const popup = document.getElementById('mainPopup');
|
const popup = document.getElementById('mainPopup');
|
||||||
@ -14,17 +33,34 @@ function showPopup() {
|
|||||||
// 팝업 닫기 함수
|
// 팝업 닫기 함수
|
||||||
function closePopup() {
|
function closePopup() {
|
||||||
const popup = document.getElementById('mainPopup');
|
const popup = document.getElementById('mainPopup');
|
||||||
|
const dontShowToday = document.getElementById('dontShowToday');
|
||||||
|
|
||||||
if (popup) {
|
if (popup) {
|
||||||
popup.classList.remove('active');
|
popup.classList.remove('active');
|
||||||
document.body.style.overflow = ''; // 스크롤 복원
|
document.body.style.overflow = ''; // 스크롤 복원
|
||||||
|
|
||||||
|
// "하루동안 보지 않기" 체크된 경우
|
||||||
|
if (dontShowToday && dontShowToday.checked) {
|
||||||
|
setCookie('hideMainPopup', 'true', 1); // 1일간 쿠키 저장
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 페이지 로드 시 실행
|
// 페이지 로드 시 실행
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
// 항상 팝업 표시 (1초 후)
|
// 쿠키 확인
|
||||||
|
const hidePopup = getCookie('hideMainPopup');
|
||||||
|
|
||||||
|
// 쿠키가 없으면 팝업 표시 (1초 후)
|
||||||
|
if (!hidePopup) {
|
||||||
setTimeout(showPopup, 1000);
|
setTimeout(showPopup, 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 닫기 버튼 이벤트
|
||||||
|
const closeBtn = document.getElementById('popupCloseBtn');
|
||||||
|
if (closeBtn) {
|
||||||
|
closeBtn.addEventListener('click', closePopup);
|
||||||
|
}
|
||||||
|
|
||||||
// X 버튼 이벤트
|
// X 버튼 이벤트
|
||||||
const closeX = document.getElementById('popupCloseX');
|
const closeX = document.getElementById('popupCloseX');
|
||||||
@ -49,12 +85,12 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// 자세히 보기 버튼 클릭 시 파트너 페이지로 이동
|
// CTA 버튼 클릭 시 연락처 페이지로 이동
|
||||||
const ctaBtn = document.getElementById('popupCtaBtn');
|
const ctaBtn = document.getElementById('popupCtaBtn');
|
||||||
if (ctaBtn) {
|
if (ctaBtn) {
|
||||||
ctaBtn.addEventListener('click', function() {
|
ctaBtn.addEventListener('click', function() {
|
||||||
closePopup();
|
closePopup();
|
||||||
window.location.href = '/partner';
|
window.location.href = '/contact';
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
157
partner.html
157
partner.html
@ -1,6 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<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 charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>파트너 스트리머 모집 - 밍글 스튜디오</title>
|
<title>파트너 스트리머 모집 - 밍글 스튜디오</title>
|
||||||
@ -47,6 +54,11 @@
|
|||||||
<link rel="stylesheet" href="css/partner.css">
|
<link rel="stylesheet" href="css/partner.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<div id="header-placeholder"></div>
|
||||||
|
|
||||||
@ -64,6 +76,23 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<!-- 모집 마감 공지 -->
|
||||||
|
<section class="section closed-notice-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="closed-notice-box">
|
||||||
|
<div class="closed-icon">🎬</div>
|
||||||
|
<h2 class="closed-title">모집이 마감되었습니다</h2>
|
||||||
|
<p class="closed-message">
|
||||||
|
파트너 스트리머 모집에 관심을 가져주시고<br>
|
||||||
|
지원해주신 모든 분들께 진심으로 감사드립니다.
|
||||||
|
</p>
|
||||||
|
<p class="closed-sub">
|
||||||
|
다음 모집 기회에 다시 만나뵐 수 있기를 바랍니다.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- 지원 조건 섹션 -->
|
<!-- 지원 조건 섹션 -->
|
||||||
<section class="section partner-conditions-section">
|
<section class="section partner-conditions-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
@ -236,133 +265,19 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- 지원 방법 안내 섹션 -->
|
|
||||||
<section class="section bg-gradient">
|
|
||||||
<div class="container">
|
|
||||||
<div class="section-header">
|
|
||||||
<h2>지원 방법</h2>
|
|
||||||
<p>아래 양식에 맞춰 이메일로 지원서를 보내주세요</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="application-guide-wrapper">
|
|
||||||
<!-- 이메일 안내 -->
|
|
||||||
<div class="email-info-box">
|
|
||||||
<div class="email-icon">📧</div>
|
|
||||||
<h3>지원서 제출 이메일</h3>
|
|
||||||
<a href="#" class="email-link" id="emailLink">minglestudio@minglestudio.co.kr</a>
|
|
||||||
<p class="email-note">이메일 주소를 클릭하면 복사됩니다</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 지원서 양식 -->
|
|
||||||
<div class="application-form-template">
|
|
||||||
<div class="template-header">
|
|
||||||
<h3 class="template-title">📋 밍글스튜디오 파트너 스트리머 지원서 양식</h3>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="applicationTemplate" class="template-content">
|
|
||||||
<div class="template-section">
|
|
||||||
<h4>[ 기본 정보 ]</h4>
|
|
||||||
<div class="question-item">
|
|
||||||
<p class="question">1. 현재 데뷔하여 활동하고 계신가요?</p>
|
|
||||||
<p class="answer-guide">답변: (예 / 아니오)</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="question-item">
|
|
||||||
<p class="question">2. 활동하고 계시다면, 활동명은 무엇인가요?</p>
|
|
||||||
<p class="answer-guide">답변: </p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="question-item">
|
|
||||||
<p class="question">3. 어떤 방송 플랫폼에서 방송을 하고 계신가요?</p>
|
|
||||||
<p class="answer-guide">답변: (예: 유튜브, SOOP, 치지직 등)</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="question-item">
|
|
||||||
<p class="question">4. MCN 또는 기업 소속이신가요?</p>
|
|
||||||
<p class="answer-guide">답변: (예 / 아니오)</p>
|
|
||||||
<p class="answer-sub">※ 소속된 경우, 소속 회사명을 함께 기재해주세요</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="template-section">
|
|
||||||
<h4>[ 지원 동기 및 계획 ]</h4>
|
|
||||||
<div class="question-item">
|
|
||||||
<p class="question">5. 지원하게 된 계기가 무엇인가요?</p>
|
|
||||||
<p class="answer-guide">답변: </p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="question-item">
|
|
||||||
<p class="question">6. 파트너 스트리머가 된다면 어떤 콘텐츠를 진행해보고 싶으신가요?</p>
|
|
||||||
<p class="answer-guide">답변: </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="template-section">
|
|
||||||
<h4>[ 경험 및 환경 ]</h4>
|
|
||||||
<div class="question-item">
|
|
||||||
<p class="question">7. 모션 캡처를 경험해보신 적이 있으신가요?</p>
|
|
||||||
<p class="answer-guide">답변: (예 / 아니오)</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="question-item">
|
|
||||||
<p class="question">8. 스튜디오 방문에 어려움이 있으신가요?</p>
|
|
||||||
<p class="answer-sub">※ 스튜디오는 인천광역시 부평구에 위치하고 있습니다</p>
|
|
||||||
<p class="answer-guide">답변: (어려움 없음 / 다소 어렵지만 가능 / 어려움 있음)</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="question-item">
|
|
||||||
<p class="question">9. 본인만의 특기가 있다면?</p>
|
|
||||||
<p class="answer-guide">답변: (방송이나 유튜브 영상 링크 첨부로 대체 가능)</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="template-section">
|
|
||||||
<h4>[ 연락처 정보 ]</h4>
|
|
||||||
<div class="question-item">
|
|
||||||
<p class="question">• 활동명:</p>
|
|
||||||
</div>
|
|
||||||
<div class="question-item">
|
|
||||||
<p class="question">• 이메일:</p>
|
|
||||||
</div>
|
|
||||||
<div class="question-item">
|
|
||||||
<p class="question">• 디스코드 아이디:</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 양식 복사 버튼 -->
|
|
||||||
<div style="text-align: center; margin-top: 2rem;">
|
|
||||||
<button id="copyTemplateBtn" class="copy-template-btn">
|
|
||||||
<span class="copy-icon">📋</span>
|
|
||||||
<span class="copy-text">양식 복사하기</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 지원 안내 -->
|
|
||||||
<div class="application-notice-box">
|
|
||||||
<h4>📌 지원 시 유의사항</h4>
|
|
||||||
<ul>
|
|
||||||
<li>위 "양식 복사하기" 버튼으로 양식을 복사한 후 답변을 작성하여 <strong>minglestudio@minglestudio.co.kr</strong>로 보내주세요</li>
|
|
||||||
<li>이메일 제목은 <strong>"[파트너 스트리머 지원] 활동명"</strong> 형식으로 작성해주세요</li>
|
|
||||||
<li>지원서 검토 후 개별 연락 드립니다</li>
|
|
||||||
<li>포트폴리오나 방송 영상이 있다면 함께 첨부해주시면 좋습니다</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- CTA 섹션 -->
|
<!-- CTA 섹션 -->
|
||||||
<section class="cta-section">
|
<section class="cta-section">
|
||||||
<div class="container text-center">
|
<div class="container text-center">
|
||||||
<h2 class="cta-title">궁금한 점이 있으신가요?</h2>
|
<h2 class="cta-title">스튜디오 이용에 관심이 있으신가요?</h2>
|
||||||
<p class="cta-description">
|
<p class="cta-description">
|
||||||
파트너 스트리머 모집에 대한 문의사항은 언제든 연락주세요
|
모션캡쳐 스튜디오 대관 및 서비스에 대해 문의해주세요
|
||||||
</p>
|
</p>
|
||||||
|
<div class="cta-buttons">
|
||||||
|
<a href="/contact" class="btn btn-primary btn-lg">예약 문의하기</a>
|
||||||
|
<a href="/services" class="btn btn-outline btn-lg">서비스 보기</a>
|
||||||
|
</div>
|
||||||
<div class="contact-info-quick">
|
<div class="contact-info-quick">
|
||||||
<span>📧 minglestudio@minglestudio.co.kr</span>
|
<span>📧 help@minglestudio.co.kr</span>
|
||||||
<span>📞 010-9288-9190</span>
|
<span>📞 010-9288-9190</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,6 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<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 charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>포트폴리오 - 밍글 스튜디오</title>
|
<title>포트폴리오 - 밍글 스튜디오</title>
|
||||||
@ -53,6 +60,11 @@
|
|||||||
<link rel="stylesheet" href="css/portfolio.css">
|
<link rel="stylesheet" href="css/portfolio.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<div id="header-placeholder"></div>
|
||||||
|
|
||||||
|
|||||||
12
props.html
12
props.html
@ -1,6 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<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 charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>프랍 라이브러리 - 밍글 스튜디오</title>
|
<title>프랍 라이브러리 - 밍글 스튜디오</title>
|
||||||
@ -27,6 +34,11 @@
|
|||||||
<link rel="stylesheet" href="css/props.css">
|
<link rel="stylesheet" href="css/props.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<div id="header-placeholder"></div>
|
||||||
|
|
||||||
|
|||||||
12
qna.html
12
qna.html
@ -1,6 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<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 charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>자주 묻는 질문 - 밍글 스튜디오</title>
|
<title>자주 묻는 질문 - 밍글 스튜디오</title>
|
||||||
@ -50,6 +57,11 @@
|
|||||||
<link rel="stylesheet" href="css/qna.css">
|
<link rel="stylesheet" href="css/qna.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<div id="header-placeholder"></div>
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<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 charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>서비스 소개 - 밍글 스튜디오</title>
|
<title>서비스 소개 - 밍글 스튜디오</title>
|
||||||
@ -53,6 +60,11 @@
|
|||||||
<link rel="stylesheet" href="css/services.css">
|
<link rel="stylesheet" href="css/services.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<div id="header-placeholder"></div>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user