/*이사만루체 OTF   -  light*/
@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

/*이사만루체 OTF   -  Medium*/
@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

/*이사만루체 OTF   -  Bold*/
@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/*강원교육튼튼*/
@font-face {
    font-family: 'GangwonEducationTteontteon';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

/*강원교육모두 OTF -  Bold*/
@font-face {
    font-family: 'GangwonEducationModuche';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/*Mapo배낭여행*/
@font-face {
    font-family: 'MapoBackpackTravel';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoBackpackingA.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

/*G마켓 산스 - Bold*/
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/*G마켓 산스 - Medium*/
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

/*강원교육모두 OTF -  Bold*/
@font-face {
    font-family: 'GangwonEducationModuche';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


/*font-family:"Pretendard", sans-serif;*/

* {font-family:"Pretendard", sans-serif; line-height:normal; box-sizing:border-box;}
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none;}
body {width:100%; margin:0 auto; padding:0; font-size:13px; line-height:normal; overflow-y:scroll; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}
body.main {overflow:hidden;}

img {border:none; margin:0; padding:0; outline:none;}
a {border:none; margin:0; padding:0; outline:none; text-decoration:none;}
a:active {color:#666666; text-decoration:none;}
a:link {color:#666666; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;}
a:hover {color:#666666; text-decoration:none;}
ul {list-style:none; margin:0; padding:0;}
ul > li {display:block;}

img.fx{max-width:100%;}

td {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

input, select, textarea {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:0; 
	padding:0; 
	outline:none; 
	font-size:13px; 
	color:#000000;
	line-height:21px; 
}

input::placeholder {color:#000000; opacity:1;}
input::-webkit-input-placeholder {color:#000000;}
input:-ms-input-placeholder {color:#000000;}
input:-moz-input-placeholder {color:#000000;}

textarea {overflow-y:scroll; resize:none;}

textarea::placeholder {color:#000000; opacity:1;}
textarea::-webkit-input-placeholder {color:#000000;}
textarea:-ms-input-placeholder {color:#000000;}
textarea:-moz-input-placeholder {color:#000000;}

input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea {
	border-radius:0; 
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	width:100%;
}

select {
	border-radius:0; 
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background-color:#ffffff;
	background-image:url("/img/sub/select_arrow.svg");
	background-repeat:no-repeat;
	background-position:right min(20px, 1.04vw) center;
	background-size:min(19px, 0.99vw);
	width:100%;
	padding:0 min(25px, 1.30vw) 0 min(10px, 0.52vw);
}

select::-ms-expand {display:none;}

.w_con {}
.m_con {display:none;}

.w_img {display:inline-block; width:100%;}
.m_img {display:none;}

.w_br {}
.m_br {display:none;}

.w_bar {}
.m_bar {display:none;}

/* 체크박스 버튼 */
.checkbox_label {display:inline-block; cursor:pointer;}
.checkbox_label input[type=checkbox] {display:none;}
.checkbox_label .check_icon {display:inline-block; width:min(30px, 1.56vw); height:min(30px, 1.56vw); background-image:url("/img/sub/checkbox_icon_off.svg"); background-repeat:no-repeat; background-size:contain; vertical-align:middle; cursor:pointer;}
.checkbox_label span {vertical-align:middle;}
.checkbox_label input[type=checkbox]:checked + .check_icon {background-image:url("/img/sub/checkbox_icon_on.svg");}

/*라디오 버튼*/
.radio_label {display:inline-block; cursor:pointer;}
.radio_label input[type=radio] {display:none;}
.radio_label .check_icon {display:inline-block; width:min(23px, 1.20vw); height:min(23px, 1.20vw); background-image:url("/img/sub/radio_icon_off.png"); background-size:contain; background-repeat:no-repeat; vertical-align:middle; cursor:pointer;}
.radio_label span {vertical-align:middle;}
.radio_label input[type=radio]:checked + .check_icon {background-image:url("/img/sub/radio_icon_on.png");}


body.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

#wrap {width:100%; min-width:min(1200px, 62.50vw); margin:0 auto;}

/* 헤더 */
#header {width:100%; margin:0 auto;}

/* 접속페이지 */
.intro_page {width:100%; margin:0 auto; position:relative;}
.intro_page > .bg_con {width:100%; margin:0 auto;}
.intro_page > .bg_con > img {width:100%;}
.intro_page > .contents_con {position:absolute; top:0; left:0; right:0; z-index:10;}
.intro_page > .contents_con > .txt_con {}
.intro_page > .contents_con > .txt_con > .bg_con {}
.intro_page > .contents_con > .txt_con > .bg_con > img {width:100%;}
.intro_page > .contents_con > .txt_con > .txt_inner {}
.intro_page > .contents_con > .txt_con > .txt_inner > .text01_con {}
.intro_page > .contents_con > .txt_con > .txt_inner > .text01_con > span {}
.intro_page > .contents_con > .txt_con > .txt_inner > .text02_con {}
.intro_page > .contents_con > .txt_con > .txt_inner > .text02_con > span {}
.intro_page > .contents_con > .txt_con > .txt_inner > .text03_con {}
.intro_page > .contents_con > .txt_con > .txt_inner > .text03_con > span {}
.intro_page > .contents_con > .btn_con {position:absolute; bottom:min(148px, 7.71vw); left:0; right:0; text-align:center;}
.intro_page > .contents_con > .btn_con > a {display:inline-block; width:min(317px, 16.51vw); margin:0 auto;}
.intro_page > .contents_con > .btn_con > a > img {width:100%;}

/* 입장페이지 */
.intro_sub02_page {width:100%; margin:0 auto; position:relative; overflow:hidden; z-index:10;}
.intro_sub02_page > .bg_con {width:100%; margin:0 auto;}
.intro_sub02_page > .bg_con > img {width:100%;}
.intro_sub02_page > .contents_con {width:min(1200px, 62.50vw); margin:0 auto; position:absolute; top:0; left:0; right:0; z-index:10;}
.intro_sub02_page > .contents_con > .top_con {position:relative;}
.intro_sub02_page > .contents_con > .top_con > .bg_con {height:min(1630px, 84.90vw);}
.intro_sub02_page > .contents_con > .top_con > .contents_con {position:absolute; top:0; left:0; right:0; z-index:10;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .title_con {}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .title_con > img {}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list {width:min(900px, 46.88vw); margin:0 auto; position:relative;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul {margin:min(200px, 10.42vw) 0 0;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li {position:absolute;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li > .contents_con {position:relative;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li > .contents_con > .img_con {}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li > .contents_con > .img_con > img {}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li > .contents_con > a {display:inline-block; position:absolute;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li > .contents_con > a > img {width:100%;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li > .contents_con.blur {display:none; position:absolute; top:0; left:0; z-index:200;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li > .contents_con.blur > .img_con {width:100%;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li > .contents_con.blur > .img_con > img {width:100%;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li > .contents_con.blur > .stamp_con {width:100%; position:absolute; top:0; left:0; animation:stamp-punch 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both; z-index:20;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li > .contents_con.blur > .stamp_con > img {width:100%;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li > .contents_con.blur > .stamp_con > a > img {width:100%;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.video_event {width:min(580px, 30.21vw);}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.video_event > .contents_con > a {width:min(215px, 11.20vw); top:min(92px, 4.79vw); right:min(95px, 4.95vw); z-index:300;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.ox_event {width:min(450px, 23.44vw); top:min(52px, 2.71vw); right:0;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.ox_event > .contents_con > a {width:min(200px, 10.42vw); top:min(170px, 8.85vw); left:min(16px, 0.83vw); z-index:210;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.card_event {width:min(540px, 28.13vw); top:min(270px, 14.06vw); left:0;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.card_event > .contents_con > a {width:min(192px, 10.00vw); top:min(100px, 5.21vw); right:min(40px, 2.08vw); z-index:210;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.insta_event {width:min(500px, 26.04vw); top:min(480px, 25.00vw); right:0;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.insta_event > .contents_con > a {width:min(222px, 11.56vw); top:min(20px, 1.04vw); left:min(18px, 0.94vw); z-index:100;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.insta_event:before {content:''; width:min(433px, 22.55vw); height:min(143px, 7.45vw); background:url("/img/main/main_intro_sub02_contents_con_link_list_li_all_clear_insta_banner.png")no-repeat center/cover; background-size:contain; position:absolute; top:max(-143px, -7.45vw); right:0; opacity:0; transition:all 0.45s ease;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.insta_event.on:before {opacity:1; z-index:500;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.insta_event.on > .contents_con {display:block;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.on > .contents_con {display:none;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.on > .contents_con.blur {display:block;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.video_event.on > .contents_con:after {content:''; width:min(200px, 10.42vw); height:min(200px, 10.42vw); background:linear-gradient(180deg, rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 70%) 100%); position:absolute; top:min(30px, 1.56vw); left:min(240px, 12.50vw); filter:blur(min(60px, 3.13vw)); z-index:10;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.ox_event.on > .contents_con:after {content:''; width:min(250px, 13.02vw); height:min(250px, 13.02vw); background:linear-gradient(180deg, rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 70%) 100%); position:absolute; top:min(30px, 1.56vw); left:min(170px, 8.85vw); filter:blur(min(60px, 3.13vw)); z-index:10;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.card_event.on > .contents_con:after {content:''; width:min(220px, 11.46vw); height:min(220px, 11.46vw); background:linear-gradient(180deg, rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 70%) 100%); position:absolute; top:min(10px, 0.52vw); left:min(250px, 13.02); filter:blur(min(80px, 4.17vw)); z-index:10;}
.intro_sub02_page > .contents_con > .top_con > .contents_con > .link_list > ul > li.on + li.insta_event a {display:inline-block; z-index:300;}
.intro_sub02_page > .contents_con > .bottom_con {}
.intro_sub02_page > .contents_con > .bottom_con > .contents_con {position:relative;}
.intro_sub02_page > .contents_con > .bottom_con > .contents_con > .number_con {display:flex; flex-direction:column; align-items:center; width:min(228px, 11.88vw); margin:0 auto; position:absolute; top:max(-132px, -6.88vw); left:0; right:0;}
.intro_sub02_page > .contents_con > .bottom_con > .contents_con > .number_con > .text01_con {}
.intro_sub02_page > .contents_con > .bottom_con > .contents_con > .number_con > .text01_con > img {width:100%;}
.intro_sub02_page > .contents_con > .bottom_con > .contents_con > .number_con > .text02_con {position:relative; top:max(-16px, -0.83vw);}
.intro_sub02_page > .contents_con > .bottom_con > .contents_con > .number_con > .text02_con > img {width:100%;}
.intro_sub02_page > .contents_con > .bottom_con > .contents_con > .reward_con {}
.intro_sub02_page > .contents_con > .bottom_con > .contents_con > .reward_con > img {width:100%;}

/* 개인정보 인증페이지 */
.intro_sub03_page {width:100%; margin:0 auto; position:relative;}
.intro_sub03_page > .bg_con {width:100%; margin:0 auto;}
.intro_sub03_page > .bg_con > img {width:100%;}
.intro_sub03_page > .contents_con {position:absolute; top:min(530px, 27.60vw); left:0; right:0; z-index:10;}
.intro_sub03_page > .contents_con .form_con {}
.intro_sub03_page > .contents_con .form_con > .contents_con {width:min(660px, 34.38vw); margin:0 auto; background:#FFF; border-radius:min(18px, 0.94vw); box-shadow:max(-2px, -0.10vw) min(2px, 0.10vw) min(4px, 0.21vw) rgba(0,0,0,0.2); overflow:hidden;}
.intro_sub03_page > .contents_con .form_con > .contents_con > .top_con {display:flex; justify-content:center; align-items:center; width:100%; height:min(80px, 4.17vw); background:#d3a2e4;}
.intro_sub03_page > .contents_con .form_con > .contents_con > .top_con > span {font-family: 'Isamanru'; font-size:min(28px, 1.46vw); color:#FFF; font-weight:700; line-height:normal;}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con {padding:min(58px, 3.02vw) min(46px, 2.40vw) min(38px, 1.98vw);}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .text_con {text-align:center;}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .text_con > span {font-family: 'Isamanru'; font-size:min(34px, 1.77vw); color:#403d70; font-weight:700; line-height:min(46px, 2.40vw);}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .list_con {margin:min(50px, 2.60vw) 0 0;}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw);}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .list_con > ul > li {}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .list_con > ul > li > .list_div {}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .input_con {display:flex; align-items:center; position:relative;}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .input_con > input {width:100%; height:min(90px, 4.69vw); background:#f0f0f0; border:none; border-radius:min(17px, 0.89vw); text-align:center; font-family: 'Isamanru'; font-size:min(28px, 1.46vw); color:#787878; font-weight:300; box-shadow:min(2px, 0.10vw) min(2px, 0.10vw) min(4px, 0.21vw) rgba(0,0,0,0.2);}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .input_con > input::placeholder {color:#bbbbbb;}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .btn_con {position:absolute; top:0; right:0;}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(100px, 5.21vw); height:min(90px, 4.69vw); background:#d6a9e6; font-family: 'Isamanru'; font-size:min(28px, 1.46vw); color:#FFF; font-weight:500; border-radius:0 min(17px, 0.89vw) min(17px, 0.89vw) 0;}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .radio_con {display:flex; justify-content:center; align-items:center; gap:min(8px, 0.42vw); margin:min(38px, 1.98vw) 0 0; text-align:center;}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .radio_con > .text_con {}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .radio_con > .text_con > span {font-family: 'Isamanru'; font-size:min(21px, 1.09vw); color:#787878; font-weight:300;}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .radio_con > ul {display:flex; align-items:center; gap:min(10px, 0.52vw);}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .radio_con > ul > li {}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .radio_con > ul > li > .list_div {}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .radio_con > ul > li > .list_div > label {display:flex; align-items:center; gap:min(4px, 0.21vw);}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .radio_con > ul > li > .list_div > label > input {}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .radio_con > ul > li > .list_div > label > .check_icon {}
.intro_sub03_page > .contents_con .form_con > .contents_con > .contents_con > .radio_con > ul > li > .list_div > label > span {font-family: 'Isamanru'; font-size:min(21px, 1.09vw); color:#787878; font-weight:300;}
.intro_sub03_page > .contents_con .form_con > .btn_con {margin:min(80px, 4.17vw) 0 0; text-align:center;}
.intro_sub03_page > .contents_con .form_con > .btn_con > a {display:inline-block; width:min(344px, 17.92vw); margin:0 auto;}
.intro_sub03_page > .contents_con .form_con > .btn_con > a > img {width:100%;}

/* 개인정보 활용 동의 팝업*/
.agree_popup_con_bg {display:none; width:100%; height:100%; margin:0 auto; background-color:#000; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; right:0; z-index:100;}
.agree_popup_con {display:none; width:100%; max-width:min(460px, 92vw); margin:0 auto; background-color:#FFF; position:fixed; top:50%; left:0; right:0; z-index:200; transform:translateY(-50%);}
.agree_popup_con > .contents_con {word-break:keep-all;}
.agree_popup_con > .contents_con > .title_con {border-bottom:min(1px, 0.2vw) solid #000; padding:min(18px, 3.6vw) min(20px, 4vw); position:relative; top:0; left:0;}
.agree_popup_con > .contents_con > .title_con span {font-size:min(15px, 3vw); color:#000; font-weight:700; line-height:normal; letter-spacing:max(-0.6px, -0.12vw); font-family:"GamtanRoad Dotum", sans-serif;}
.agree_popup_con > .contents_con > .title_con .close_btn {width:min(26px, 5.2vw); position:absolute; top:50%; right:min(13px, 2.6vw); z-index:10; transform:translateY(-50%);}
.agree_popup_con > .contents_con > .title_con .close_btn > a {display:block;}
.agree_popup_con > .contents_con > .title_con .close_btn > a svg {width:100%;}
.agree_popup_con > .contents_con > .info_con {border-bottom:min(1px, 0.2vw) solid #000; padding:min(20px, 4vw);}
.agree_popup_con > .contents_con > .info_con .info_div {margin:min(11px, 2.2vw) 0 0 0;}
.agree_popup_con > .contents_con > .info_con .info_div > .text01_con {}
.agree_popup_con > .contents_con > .info_con .info_div > .text01_con span {font-size:min(13px, 2.6vw); color:#000; line-height:140%; letter-spacing:max(-0.5px, -0.1vw); font-family:"GamtanRoad Dotum", sans-serif;}
.agree_popup_con > .contents_con > .info_con .info_div > .text02_con {margin:min(5px, 1vw) 0 0 0;}
.agree_popup_con > .contents_con > .info_con .info_div > .text02_con span {font-size:min(13px, 2.6vw); color:#000; line-height:140%; letter-spacing:max(-0.5px, -0.1vw); font-family:"GamtanRoad Dotum", sans-serif;}
.agree_popup_con > .contents_con > .info_con .info_div:first-child {margin:0;}
.agree_popup_con > .contents_con > .btn_con {padding:min(16px, 3.2vw) 0 min(22px, 4.4vw) 0; text-align:center;}
.agree_popup_con > .contents_con > .btn_con .a_btn {display:flex; justify-content:center; align-items:center; width:min(195px, 39vw); margin:0 auto; height:min(54px, 10.8vw); background-color:#000; text-align:center; font-size:min(26px, 5.2vw); color:#FFF; line-height:100%; letter-spacing:max(-1px, -0.2vw); overflow:hidden; border-radius:min(54px, 10.8vw);}

/* 시네마 */
.cinema_page {width:100%; margin:0 auto; position:relative;}
.cinema_page > .bg_con {width:100%; margin:0 auto;}
.cinema_page > .bg_con > img {width:100%;}
.cinema_page > .contents_con {}
.cinema_page > .contents_con > .cinema_sub01_con {position:absolute; top:0; left:0; right:0;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .title_con {}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .title_con > img {width:100%;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list {}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul {}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li {}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div {}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con {display:none;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone {position:relative;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .object_con {position:relative; top:0; left:0; right:0;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .object_con > img {}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con {width:min(706px, 36.77vw); margin:0 auto; height:min(397px, 20.68vw); background:#333; position:absolute; top:min(33px, 1.72vw); left:min(246px, 12.91vw); z-index:10;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con.is-fullscreen {width:100vw; height:100vh;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con.is-fullscreen .video-el {width:100%; height:100%; object-fit:contain; background:#000;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con > video {width:min(706px, 36.77vw); margin:0 auto; background:#333;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con > .overlay {position:absolute; inset:0; opacity:0; transition:opacity .25s ease; pointer-events:none;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con.show-controls > .overlay {opacity:1; pointer-events:auto;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con.is-fullscreen:not(.show-controls) {cursor:none;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con > .overlay > .btn {background:none; border:none; padding:0; position:absolute; cursor:pointer;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con > .overlay > .btn > img {width:100%; filter:drop-shadow(0 0 min(4px, 0.21vw) rgba(0,0,0,0.4));}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con > .overlay > .btn.sound_icon {width:min(27px, 1.41vw); top:min(16px, 0.83vw); right:min(13px, 0.68vw); opacity:0.8;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con > .overlay > .btn.play_icon {width:min(57px, 2.97vw); top:50%; left:50%; transform:translate(-50%,-50%);}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con > .overlay > .label {}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con > .overlay > .label > span {display:inline-block; position:absolute; bottom:min(10px, 0.52vw); font-size:min(20px, 1.04vw); color:#FFF; font-weight:400; line-height:130%; text-shadow:0 min(1px, 0.05vw) min(2px, 0.10vw) rgba(0,0,0,.5); user-select:none;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con > .overlay > .label > #cur {left:min(14px, 0.73vw);}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .video_con > .overlay > .label > #dur {right:min(14px, 0.73vw);}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > img.deco {width:min(61px, 3.18vw); position:absolute; top:0; left:min(222px, 11.56vw); z-index:40;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con {width:min(683px, 35.57vw); margin:0 auto; position:absolute; top:min(44px, 2.29vw); left:50%; transform:translateX(-50%); z-index:30;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con:before {content:''; width:min(706px, 36.77vw); margin:0 auto; height:min(397px, 20.68vw); background:#000; position:absolute; top:max(-11px, -0.57vw); left:max(-13px, -0.68vw); z-index:-1;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con > img {width:100%;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con > .inner_con {position:absolute; top:0; left:0; right:0;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con > .inner_con > .textarea_con {width:80%; margin:0 auto; height:min(256px, 13.33vw); margin-top:min(48px, 2.50vw);}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con > .inner_con > .textarea_con > textarea {width:100%; height:100%; border:none; background:transparent; text-align:center; font-family:'GangwonEducationModuche'; font-size:min(33px, 1.72vw); color:#000; font-weight:700; line-height:min(51px, 2.66vw); overflow-y:auto;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con > .inner_con > .textarea_con > textarea::placeholder {color:#86d1fb;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con > .inner_con > .textarea_con > textarea:focus::placeholder {opacity:0;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con > .inner_con > .btn_con {margin:min(3px, 0.16vw) 0 0;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con > .inner_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(158px, 8.23vw); margin:0 auto; height:min(45px, 2.34vw); background:#d6d6d6; font-family: 'MapoBackpackTravel'; font-size:min(28px, 1.46vw); color:#9a9a9a; font-weight:400; letter-spacing:max(-0.5px, -0.03vw); border-radius:min(30px, 1.56vw); transition:all 0.3s ease;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con > .inner_con > .btn_con > a.on {background:#ed1a1c; color:#fff3e3;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con > .inner_con > .stamp_con {width:min(464px, 24.17vw); position:absolute; top:min(30px, 1.56vw); left:min(225px, 11.72vw); z-index:5; opacity:0;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .video_zone > .write_con > .inner_con > .stamp_con > img {width:100%;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con {}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con {position:relative;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > img {width:100%;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .text_con {width:max-content; position:absolute; top:min(94px, 4.90vw); left:50%; transform:translateX(-50%);}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .text_con > span {font-family: 'Isamanru'; font-size:min(34px, 1.77vw); color:#FFF; font-weight:700; line-height:normal;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con {width:max-content; position:absolute; bottom:min(54px, 2.81vw); left:50%; transform:translateX(-50%); z-index:20;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul {display:flex; justify-content:center; align-items:flex-end; gap:min(500px, 26.04vw);}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li {}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li > a {display:flex; flex-direction:column; align-items:center; gap:min(9px, 0.47vw);}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li > a > .img_con {}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li > a > .img_con > img {width:100%;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li > a > .img_con > img.off {display:block;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li > a > .img_con > img.on {display:none;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li > a.replay_a > .img_con {width:min(49px, 2.55vw);}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li > a.go_intro_a > .img_con {width:min(56px, 2.92vw);}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li > a > span {font-family: 'nanumgothic'; font-size:min(17px, 0.89vw); color:#868686; font-weight:700; line-height:normal;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li:hover > a > .img_con > img.off {display:none;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li:hover > a > .img_con > img.on {display:block;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li:hover > a.replay_a > span {color:#ed1a1c;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .ticket_con > .btn_con > ul > li:hover > a.go_intro_a > span {color:#bc2253;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .text_con {margin:min(9px, 0.47vw) 0 0; text-align:center;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con > .txt_con > .text_con > span {text-align:center; font-family: 'nanumgothic'; font-size:min(29px, 1.51vw); color:#FFF; font-weight:400; line-height:min(35px, 1.82vw); letter-spacing:max(-0.5px, -0.03vw);}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con.step01 {display:block;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con.step02 {}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con.step03 {}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con.step03 > .video_zone > .write_con > .inner_con > .textarea_con > textarea {cursor:default;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con.step03 > .video_zone > .write_con > .inner_con > .btn_con > a.on {cursor:default;}
.cinema_page > .contents_con > .cinema_sub01_con > .contents_con > .step_list > ul > li > .list_div > .step_con.step03 > .video_zone > .write_con > .inner_con > .stamp_con {animation:stamp-punch 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;}

/* OX퀴즈 */
.oxquiz_page {width:100%; margin:0 auto; position:relative; overflow:hidden;}
.oxquiz_page > .bg_con {width:100%; margin:0 auto;}
.oxquiz_page > .bg_con > img {width:100%;}
.oxquiz_page > .contents_con {}
.oxquiz_page > .contents_con > .quiz_intro_con {}
.oxquiz_page > .contents_con > .quiz_intro_con > .contents_con {width:min(940px, 48.96vw); margin:0 auto; position:absolute; top:0; left:0; right:0; z-index:100;}
.oxquiz_page > .contents_con > .quiz_intro_con > .contents_con > .title_con {}
.oxquiz_page > .contents_con > .quiz_intro_con > .contents_con > .title_con > img {width:100%;}
.oxquiz_page > .contents_con > .quiz_intro_con > .contents_con > .box_con {position:relative; top:max(-21px, -1.09vw);}
.oxquiz_page > .contents_con > .quiz_intro_con > .contents_con > .box_con > img {}
.oxquiz_page > .contents_con > .quiz_intro_con > .contents_con > .box_con > .btn_con {}
.oxquiz_page > .contents_con > .quiz_intro_con > .contents_con > .box_con > .btn_con > a {display:inline-block; width:min(419px, 21.82vw); margin:0 auto; position:absolute; bottom:min(120px, 6.25vw); left:50%; transform:translateX(-50%); z-index:100;}
.oxquiz_page > .contents_con > .quiz_intro_con > .contents_con > .box_con > .btn_con > img {width:100%;}
.oxquiz_page > .contents_con > .quiz_list {display:none;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con {width:min(1200px, 62.50vw); margin:0 auto; position:absolute; top:0; left:0; right:0; z-index:100;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .title_con {}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .title_con > img {width:100%;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con {margin:min(9px, 0.47vw) 0 0; position:relative;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > img {width:100%;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul {}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li {}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div {}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con {display:none;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .question_con {position:absolute; top:0; left:0; right:0;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .question_con > img {width:100%;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .ox_con {display:flex; justify-content:center; align-items:center; gap:min(90px, 4.69vw); position:absolute; bottom:min(100px, 5.21vw); left:0; right:0;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .ox_con > a {display:flex; width:min(132px, 6.88vw);}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .ox_con > a > img {width:100%;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .ox_con > a.correct_btn {}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .ox_con > a.wrong_btn {}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con {position:absolute; top:0; left:0; right:0;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con > .correct_con {display:none; position:relative;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con > .correct_con > .img_con {}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con > .correct_con > .img_con > img {width:100%;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con > .correct_con > .btn_con {width:min(184px, 9.58vw); position:absolute; bottom:min(134px, 6.98vw); left:50%; transform:translateX(-50%);}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con > .correct_con > .btn_con > a {}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con > .correct_con > .btn_con > a > img {width:100%;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con > .wrong_con {display:none; position:relative;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con > .wrong_con > .img_con {}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con > .wrong_con > .img_con > img {}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con > .wrong_con > .btn_con {width:min(184px, 9.58vw); position:absolute; bottom:min(134px, 6.98vw); left:50%; transform:translateX(-50%);}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con > .wrong_con > .btn_con > a {}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con > .popup_con > .wrong_con > .btn_con > a > img {width:100%;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con.quiz01 {display:block;}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con.quiz02 > .popup_con > .correct_con > .btn_con {bottom:min(140px, 7.29vw);}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con.quiz03 > .popup_con > .correct_con > .btn_con {bottom:min(132px, 6.88vw);}
.oxquiz_page > .contents_con > .quiz_list > .inner_con > .contents_con > ul > li > .list_div > .quiz_con.quiz04 > .popup_con > .correct_con > .btn_con {bottom:min(140px, 7.29vw);}
.oxquiz_page > .back_balloon {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; pointer-events:none;}
.oxquiz_page > .back_balloon > img {position:absolute; opacity:0; will-change:transform, opacity;}
.oxquiz_page > .back_balloon > img.balloon_s {width:min(96px, 5.00vw);}
.oxquiz_page > .back_balloon > img.balloon_m {width:min(139px, 7.24vw);}
.oxquiz_page > .back_balloon > img.balloon_l {width:min(180px, 9.38vw);}
.oxquiz_page > .back_balloon img.floating {animation:floatUp var(--duration) linear forwards;}

/* 카드 뒤집기 게임 */
.card_page {width:100%; margin:0 auto; position:relative;}
.card_page > .bg_con {width:100%; margin:0 auto;}
.card_page > .bg_con > img {width:100%;}
.card_page > .contents_con {}
.card_page > .contents_con > .card_sub01_con {width:min(1200px, 62.50vw); margin:0 auto; position:absolute; top:0; left:0; right:0;}
.card_page > .contents_con > .card_sub01_con > .btn_con {display:flex; justify-content:center; width:min(279px, 14.53vw); margin:0 auto; margin-top:min(78px, 4.06vw);}
.card_page > .contents_con > .card_sub01_con > .btn_con a {display:inline-block;}
.card_page > .contents_con > .card_sub01_con > .btn_con a > img {width:100%;}
.card_page > .contents_con > .card_sub02_con {width:min(1200px, 62.50vw); margin:0 auto; position:absolute; top:0; left:0; right:0;}
.card_page > .contents_con > .card_sub02_con > .title_con {}
.card_page > .contents_con > .card_sub02_con > .title_con > img {width:100%;}
.card_page > .contents_con > .card_sub02_con > .timer_con {}
.card_page > .contents_con > .card_sub02_con > .timer_con > .progress_con {width:min(520px, 27.08vw); margin:0 auto; height:min(20px, 1.04vw); background:#ebebeb; margin-top:min(30px, 1.56vw); border-radius:min(8px, 0.42vw); position:relative; box-shadow:min(4px, 0.21vw) min(4px, 0.21vw) min(10px, 0.52vw) rgba(0,0,0,0.2);}
.card_page > .contents_con > .card_sub02_con > .timer_con > .progress_con > .progress_bar {width:100%; height:100%; background:red; border-radius:min(8px, 0.42vw); position:absolute; top:0; left:0;}
.card_page > .contents_con > .card_sub02_con > .timer_con > .progress_con > .progress_bar > .timer_text {display:flex; justify-content:center; align-items:center; width:min(40px, 2.08vw); position:absolute; top:0; right:max(-2px, -0.10vw); z-index:10; font-family: 'GangwonEducationTteontteon'; font-size:min(23px, 1.20vw); color:#FFF; font-weight:700; line-height:normal;}
.card_page > .contents_con > .card_sub02_con > .timer_con > .progress_con > .progress_bar:after {content:''; width:min(60px, 3.13vw); height:min(70px, 3.65vw); background:url("/img/card/card_sub02_timer_con_progress_bar_icon.png")no-repeat center/cover; position:absolute; top:max(-30px, -1.56vw); right:max(-18px, -0.94vw);}
.card_page > .contents_con > .card_sub02_con > .game_con {width:min(496px, 25.83vw); height:min(616px, 32.08vw); margin:0 auto; background:#ffffff; margin-top:min(50px, 2.60vw); border-radius:min(26px, 1.35vw); box-shadow:0 min(5px, 0.26vw) min(14px, 0.73vw) rgba(0,0,0,0.4); position:relative; opacity:0.8;}
.card_page > .contents_con > .card_sub02_con > .game_con > ul {display:flex; flex-wrap:wrap; justify-content:center; gap:min(7px, 0.36vw) min(25px, 1.30vw); position:absolute; top:min(17px, 0.89vw); left:0; right:0;}
.card_page > .contents_con > .card_sub02_con > .game_con > ul > li {width:min(96px, 5.00vw); height:min(140px, 7.29vw); border-radius:min(5px, 0.26vw); transition:transform 0.3s ease; cursor: pointer;}
.card_page > .contents_con > .card_sub02_con > .game_con > ul > li > .list_div {position:relative; width:100%; height:100%; border-radius:min(5px, 0.26vw); box-shadow:min(2px, 0.10vw) min(2px, 0.10vw) min(8px, 0.42vw) rgba(0,0,0,0.65); transform-style:preserve-3d; transition:all 0.6s ease-in-out;}
.card_page > .contents_con > .card_sub02_con > .game_con > ul > li > .list_div > .front_con {width:100%; height:100%; position:absolute; backface-visibility:hidden; border-radius:min(5px, 0.26vw); overflow:hidden; z-index: 2;}
.card_page > .contents_con > .card_sub02_con > .game_con > ul > li > .list_div > .front_con > img {width:100%; height:100%; object-fit:cover; border-radius:min(5px, 0.26vw);}
.card_page > .contents_con > .card_sub02_con > .game_con > ul > li > .list_div > .back_con {width:100%; height:100%; position:absolute; backface-visibility:hidden; border-radius:min(5px, 0.26vw); overflow:hidden; transform:rotateY(180deg); z-index:1;}
.card_page > .contents_con > .card_sub02_con > .game_con > ul > li > .list_div > .back_con > img {width:100%; height:100%; object-fit:cover; border-radius:min(5px, 0.26vw);}
.card_page > .contents_con > .card_sub02_con > .game_con > ul > li.flipped {pointer-events: none;}
.card_page > .contents_con > .card_sub02_con > .game_con > ul > li.flipped > .list_div {transform: rotateY(180deg); box-shadow:max(-4px, -0.42vw) min(4px, 0.42vw) min(14px, 1.46vw) rgba(0,0,0,0.65);}
/* 카드가 이미 뒤집혀있거나 매칭된 카드는 클릭 방지 */
.card_page > .contents_con > .card_sub02_con > .game_con > ul > li.flipped,
.card_page > .contents_con > .card_sub02_con > .game_con > ul > li.matched {pointer-events: none;}
/* 매칭된 카드는 뒤집힌 상태 유지 */
.card_page > .contents_con > .card_sub02_con > .game_con > ul > li.matched > .list_div {transform: rotateY(180deg);}
/* 매칭된 카드에 특별한 효과 추가 (선택사항)
.card_page > .contents_con > .card_sub02_con > .game_con > ul > li.matched {filter:grayscale(1);}*/

/* 카드뒤집기 게임 재시작 팝업 */
.game_restart_popup_con_bg {display:none; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; right:0; z-index:10;}
.game_restart_popup_con {display:none; width:min(377px, 19.64vw); margin:0 auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:10;}
.game_restart_popup_con > img {width:100%;}
.game_restart_popup_con > .btn_con {position:absolute; bottom:min(20px, 1.04vw); left:50%; transform:translateX(-50%);}
.game_restart_popup_con > .btn_con > a {display:inline-block; width:min(172px, 8.96vw); margin:0 auto;}
.game_restart_popup_con > .btn_con > a > img {width:100%;}

/* 카드뒤집기 게임 완료 팝업 (첫번째 혹은 두번째 게임일 때) */
.game_clear_popup_con_bg {display:none; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; right:0; z-index:10;}
.game_clear_popup_con {display:none; width:min(376px, 19.58vw); margin:0 auto; height:min(444px, 23.13vw); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:min(25px, 1.30vw); box-shadow:min(5px, 0.26vw) min(5px, 0.26vw) min(14px, 0.73vw) rgba(0,0,0,0.3); z-index:150;}
.game_clear_popup_con > img {display:block; width:100%; margin:0 auto;}
.game_clear_popup_con > .contents_con {position:absolute; top:0; left:0; right:0; text-align:center;}
.game_clear_popup_con > .contents_con > .title_con {}
.game_clear_popup_con > .contents_con > .title_con > img {width:100%;}
.game_clear_popup_con > .contents_con > .txt_con {position:relative;}
.game_clear_popup_con > .contents_con > .txt_con > img {width:100%;}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con {position:absolute; bottom:min(14px, 0.73vw); left:50%; transform:translateX(-50%); z-index:20;}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul {display:flex; justify-content:center; align-items:flex-end; gap:min(22px, 1.15vw);}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li {}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a {display:flex; flex-direction:column; align-items:center; gap:min(5px, 0.26vw);}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a > .img_con {}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a > .img_con > img {width:100%;}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a > .img_con > img.off {display:block;}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a > .img_con > img.on {display:none;}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a.replay_a > .img_con {width:min(28px, 1.46vw);}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a.go_intro_a > .img_con {width:min(32px, 1.67vw);}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a > span {font-family: 'GMarketSans'; font-size:min(14px, 0.73vw); color:#000; font-weight:400; line-height:120%;}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li:hover > a > .img_con > img.off {display:none;}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li:hover > a > .img_con > img.on {display:block;}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li:hover > a.replay_a > span {color:#ed1a1c;}
.game_clear_popup_con > .contents_con > .txt_con > .btn_con > ul > li:hover > a.go_intro_a > span {color:#ed1a1c;}
.game_clear_popup_con > .contents_con > .text_con {display:inline-block; margin:min(20px, 1.04vw) 0 0; position:relative; border-radius:min(6px, 0.31vw); box-shadow:min(5px, 0.26vw) min(5px, 0.26vw) min(14px, 0.73vw) rgba(0,0,0,0.3);}
.game_clear_popup_con > .contents_con > .text_con > img {width:min(286px, 14.90vw); margin:0 auto;}
.game_clear_popup_con > .contents_con > .text_con > span {display:inline-block; width:max-content; position:absolute; top:0; left:50%; transform:translateX(-50%); font-family: 'GMarketSans'; font-size:min(20px, 1.04vw); color:#FFF; font-weight:500; letter-spacing:max(-0.5px, -0.03vw);}
.game_clear_popup_con > .contents_con > .text_con > span .color_text {font-family: 'GMarketSans'; font-size:min(14px, 0.73vw); font-weight:500;}
.game_clear_popup_con > .contents_con > .stamp_con {width:min(162px, 8.44vw); position:absolute; top:0; right:0; z-index:5; opacity:0;}
.game_clear_popup_con > .contents_con > .stamp_con > img {width:100%;}
.game_clear_popup_con > .contents_con > .stamp_con {animation:stamp-punch 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;}

/* 각 게임 완료 시 나타나는 스탬프 팝업 */
.stamp_popup_con_bg {display:none; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; right:0; z-index:150;}
.stamp_popup_con {display:none; width:min(376px, 19.58vw); margin:0 auto; height:min(444px, 23.13vw); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:min(25px, 1.30vw); box-shadow:min(5px, 0.26vw) min(5px, 0.26vw) min(14px, 0.73vw) rgba(0,0,0,0.3); z-index:150;}
.stamp_popup_con > img {display:block; width:100%; margin:0 auto;}
.stamp_popup_con > .contents_con {position:absolute; top:0; left:0; right:0; text-align:center;}
.stamp_popup_con > .contents_con > .title_con {}
.stamp_popup_con > .contents_con > .title_con > img {width:100%;}
.stamp_popup_con > .contents_con > .txt_con {position:relative;}
.stamp_popup_con > .contents_con > .txt_con > img {width:100%;}
.stamp_popup_con > .contents_con > .txt_con > .btn_con {position:absolute; bottom:min(14px, 0.73vw); left:50%; transform:translateX(-50%); z-index:20;}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul {display:flex; justify-content:center; align-items:flex-end; gap:min(22px, 1.15vw);}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li {}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a {display:flex; flex-direction:column; align-items:center; gap:min(5px, 0.26vw);}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a > .img_con {}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a > .img_con > img {width:100%;}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a > .img_con > img.off {display:block;}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a > .img_con > img.on {display:none;}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a.replay_a > .img_con {width:min(28px, 1.46vw);}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a.go_intro_a > .img_con {width:min(32px, 1.67vw);}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li > a > span {font-family: 'GMarketSans'; font-size:min(14px, 0.73vw); color:#000; font-weight:400; line-height:120%;}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li:hover > a > .img_con > img.off {display:none;}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li:hover > a > .img_con > img.on {display:block;}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li:hover > a.replay_a > span {color:#ed1a1c;}
.stamp_popup_con > .contents_con > .txt_con > .btn_con > ul > li:hover > a.go_intro_a > span {color:#ed1a1c;}
.stamp_popup_con > .contents_con > .text_con {display:inline-block; margin:min(20px, 1.04vw) 0 0; position:relative; border-radius:min(6px, 0.31vw); box-shadow:min(5px, 0.26vw) min(5px, 0.26vw) min(14px, 0.73vw) rgba(0,0,0,0.3);}
.stamp_popup_con > .contents_con > .text_con > img {width:min(286px, 14.90vw); margin:0 auto;}
.stamp_popup_con > .contents_con > .text_con > span {display:inline-block; width:max-content; position:absolute; top:0; left:50%; transform:translateX(-50%); font-family: 'GMarketSans'; font-size:min(20px, 1.04vw); color:#FFF; font-weight:500; letter-spacing:max(-0.5px, -0.03vw);}
.stamp_popup_con > .contents_con > .text_con > span .color_text {font-family: 'GMarketSans'; font-size:min(14px, 0.73vw); font-weight:500;}
.stamp_popup_con > .contents_con > .stamp_con {width:min(143px, 7.45vw); position:absolute; top:0; right:0; z-index:5; opacity:0;}
.stamp_popup_con > .contents_con > .stamp_con > img {width:100%;}
.stamp_popup_con > .contents_con > .stamp_con {animation:stamp-punch 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;}
.stamp_popup_con.ox_quiz > .contents_con > .stamp_con {width:min(160px, 8.33vw);}

/* 각 페이지 최종 도장 팝업 */
.complete_popup_con_bg {display:none; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; right:0; z-index:300;}
.complete_popup_con {display:none; width:100%; max-width:min(960px, 50.00vw); margin:0 auto; height:100%; position:fixed; top:0; left:0; right:0; z-index:300;}
.complete_popup_con > .contents_con {display:flex; flex-direction:column; align-items:center; position:relative; top:10%;}
.complete_popup_con > .contents_con > .stamp_con {position:relative; opacity: 0;}
.complete_popup_con > .contents_con > .stamp_con > img {width:100%;}
.complete_popup_con > .contents_con > .text01_con {}
.complete_popup_con > .contents_con > .text01_con > span {font-family: 'GMarketSans'; font-size:min(53px, 2.76vw); color:#FFF; font-weight:700; text-shadow:min(6px, 0.31vw) min(6px, 0.31vw) min(8px, 0.42vw) rgb(0,0,0,0.7);}
.complete_popup_con > .contents_con > .text01_con > span .color_text {font-family: 'GMarketSans'; font-weight:700;}
.complete_popup_con > .contents_con > .text02_con {margin:min(20px, 1.04vw) 0 0;}
.complete_popup_con > .contents_con > .text02_con > span {font-family: 'GMarketSans'; font-size:min(35px, 1.82vw); color:#a3a3a3; font-weight:500; text-shadow:min(6px, 0.31vw) min(6px, 0.31vw) min(8px, 0.42vw) rgb(0,0,0,0.7);}
.complete_popup_con > .contents_con > .text02_con > span .color_text {font-family: 'GMarketSans'; font-size:min(63px, 3.28vw); color:#FFF; font-weight:500;}
.complete_popup_con > .contents_con > .img_con {width:min(380px, 19.79vw);}
.complete_popup_con > .contents_con > .img_con > img {width:100%;}
.complete_popup_con > .contents_con > .btn_con {}
.complete_popup_con > .contents_con > .btn_con > a {display:inline-block; width:min(256px, 13.33vw); margin:0 auto;}
.complete_popup_con > .contents_con > .btn_con > a > img {width:100%;}
.complete_popup_con.on > .contents_con > .stamp_con {animation:stamp-punch 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s both;}
.cinema_page .complete_popup_con > .contents_con > .stamp_con {width:min(334px, 17.40vw); left:0;}
.cinema_page .complete_popup_con > .contents_con > .text01_con > span .color_text {color:#ffa4a5;}
.oxquiz_page .complete_popup_con > .contents_con > .stamp_con {width:min(384px, 20.00vw); left:max(-10px, -0.52vw);}
.oxquiz_page .complete_popup_con > .contents_con > .text01_con > span .color_text {color:#9fbaff;}
.card_page .complete_popup_con > .contents_con > .stamp_con {width:min(383px, 19.95vw); left:max(-30px, -1.56vw);}
.card_page .complete_popup_con > .contents_con > .text01_con > span .color_text {color:#f4c1ff;}

/* 참여 완료 팝업 */
.stamp_clear_popup_con_bg {display:none; width:100%; margin:0 auto; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; right:0; z-index:400;}
.stamp_clear_popup_con {display:none; width:min(390px, 20.31vw); background:#FFF; border-radius:min(40px, 2.08vw); box-shadow:min(4px, 0.21vw) min(4px, 0.21vw) min(16px, 0.83vw) rgba(0,0,0,0.3); overflow:hidden; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:400;}
.stamp_clear_popup_con > .contents_con {width:100%; padding:0 0 min(22px, 1.15vw);}
.stamp_clear_popup_con > .contents_con > .top_con {display:flex; justify-content:flex-end; align-items:center; width:100%; height:min(72px, 3.75vw); background:#d6a1e8; padding:0 min(22px, 1.15vw) 0 0;}
.stamp_clear_popup_con > .contents_con > .top_con > a {display:inline-block; width:min(23px, 1.20vw);}
.stamp_clear_popup_con > .contents_con > .top_con > a > img {width:100%;}
.stamp_clear_popup_con > .contents_con > .contents_con {}
.stamp_clear_popup_con > .contents_con > .contents_con > img {width:100%;}
.stamp_clear_popup_con > .contents_con > .contents_con > .btn_con {text-align:center;}
.stamp_clear_popup_con > .contents_con > .contents_con > .btn_con > a {display:inline-block; width:min(204px, 10.63vw); margin:0 auto;}
.stamp_clear_popup_con > .contents_con > .contents_con > .btn_con > a > img {width:100%;}


/* 도장 모션 */
@keyframes stamp-punch { 
    0% { 
        opacity: 0;
        transform: matrix(2.2, 0, 0, 2.2, 0, 0); 
    } 
    50% { 
        opacity: 1;
        transform: matrix(0.8, 0, 0, 0.8, 0, 0); 
    } 
    75% { 
        opacity: 1;
        transform: matrix(1.1, 0, 0, 1.1, 0, 0); 
    } 
    100% { 
        opacity: 1;
        transform: matrix(1, 0, 0, 1, 0, 0); 
    } 
}

/* 풍선 모션 */
@keyframes floatUp {
	0% {
		transform: translateY(0) translateX(0) rotate(0deg);
		opacity:1;
	}
	100% {
		transform: translateY(-200vh) translateX(var(--drift)) rotate(var(--rotation));
		opacity:0.8;
	}
}

/* 푸터 */
#footer {width:100%; margin:0 auto;}