@charset "utf-8";
/* 이벤트 - 네이버페이 무료충전 이벤트 */
.ev_npayfr_charging{position:relative;max-width:1080px;background-color:#fff;text-align:center;letter-spacing:-0.02em;overflow:hidden;margin:0 auto;}
.ev_npayfr_charging img{display:block;max-width:100%;margin:0 auto;}
.ev_npayfr_charging input[type="radio"]{position:absolute;top:0;left:0;width:1px;height:1px;clip:rect(1, 1, 1, 1);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;}
.ev_npayfr_charging .ev_npayfr_form{padding:30px 20px;}
.ev_npayfr_form h5{font-size:18px;font-weight:700;color:#000;line-height:1;margin-top:10px;}
.ev_npayfr_form > img{width:68px;}
.ev_npayfr_form ul{display:inline-block;width:186px;vertical-align:top;margin-top:28px;margin-left:-6px;}
.ev_npayfr_form li{float:left;position:relative;width:50%;text-align:left;}
.ev_npayfr_form li:nth-child(even){text-align:right;}
.ev_npayfr_form li:nth-child(n + 3){margin-top:18px;}
.ev_npayfr_form input[type="radio"] + label{display:inline-block;position:relative;font-size:16px;color:#000;line-height:18px;padding-left:28px;vertical-align:top;}
.ev_npayfr_form input[type="radio"] + label:before{content:"";display:block;position:absolute;top:50%;left:0;width:18px;height:18px;border-radius:100%;border:1px solid #ddd;background-repeat:no-repeat;background-position:left center;background-size:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:-9px;}
.ev_npayfr_form input[type="radio"]:checked + label:before{background-image:url("https://cdn.metoon.co.kr/mimg/ev_npayfr_chked.png");border:0 none;}
.ev_npayfr_charging input[type="button"]{display:block;width:92%;max-width:380px;height:50px;line-height:50px;font-size:20px;font-weight:700;color:#fff;border:0 none;border-radius:0;background-color:#02c73c;text-align:center;text-indent:6px;cursor:pointer;margin:28px auto 0;}
/* 이벤트 - 무료체험 7일 이벤트(event_premfr_wk1.php) */
#premhrwk1_wrap{position:relative; width:100%; background:#181818;overflow:hidden;}
#premhrwk1_wrap .premhrwk1_contents{position:relative; max-width:685px; margin:0 auto;}
#premhrwk1_wrap .premhrwk1_contents .comp_apply{position:relative; top:0; left:0; width:100%; margin-top:40px; line-height:1;}
#premhrwk1_wrap .premfrwk1_roller{position:relative;z-index:1;}
#premhrwk1_wrap .premfrwk1_roller > img{position:relative; top:0; left:0;display:block; width:100%; z-index:2;}
#premhrwk1_wrap .premfrwk1_roller .comp_loading{position:absolute; top:0; left:0; right:0;bottom:0;width:96%;height:96%;border-radius:100%;background-image:-webkit-linear-gradient(rgba(202, 16, 23, .9), rgba(202, 16, 23, .2), rgba(202, 16, 23, 0));background-image:linear-gradient(to left, rgba(202, 16, 23, .9), rgba(202, 16, 23, .2), rgba(202, 16, 23, 0)); z-index:1;margin:auto;-webkit-animation:rotateCt 1.8s linear infinite both;animation:rotateCt 1.8s linear infinite both;}
#premhrwk1_wrap .premfrwk1_tt_wrap{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0.064em;text-align:center;color:#fff;padding-bottom:0.093em;z-index:2;}
#premhrwk1_wrap .premfrwk1_tt_grp{position:relative;overflow:hidden;margin-top:2.5em;}
#premhrwk1_wrap .premfrwk1_tt_grp > img{display:block;width:71.532%;max-width:100%;margin:0 auto;}
#premhrwk1_wrap .premfrwk1_prc{font-size:0.364em;margin-top:0.7em;}
#premhrwk1_wrap .premfrwk1_prc ins{font-size:1.375em;font-weight:700;color:#fabe00;text-decoration:none;}
#premhrwk1_wrap .premfrwk1_prc span{color:#fabe00;}
#premhrwk1_wrap .premfrwk1_prc del{display:inline-block;position:relative;color:#fff;text-decoration:none;padding:0 0.7em 0 0.125em;margin:0 0.875em 0 0.5em;}
#premhrwk1_wrap .premfrwk1_prc del:before, #premhrwk1_wrap .premfrwk1_prc del:after{content:"";display:block;position:absolute;top:50%;}
#premhrwk1_wrap .premfrwk1_prc del:before{left:100%;border-top:0.313em solid transparent;border-bottom:0.313em solid transparent;border-left:0.438em solid #a1d7fc;margin-top:-0.313em;}
#premhrwk1_wrap .premfrwk1_prc del:after{left:0;width:100%;height:1px;background-color:#a1d7fc;opacity:.7;margin-top:-0.5px;}
#premhrwk1_wrap .premhrwk1_contents .comp_count_num{position:relative;display:inline-block;width:6.682em;height:2.409em; background:url("https://cdn.metoon.co.kr/img/premfrwk1_count_num.png") no-repeat center; background-size:100% auto;margin-left:-1.818em; color:#fff;margin-top:0.568em;}
#premhrwk1_wrap .premhrwk1_contents .comp_count_num span{display:inline-block;width:100%;line-height:1.359em; font-size:1.773em;color:#fff;letter-spacing:0.675em;text-align:left;white-space:nowrap;padding-left:1.641em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* #premhrwk1_wrap .premhrwk1_contents .comp_count_num span:first-child{margin-left:98px;}
#premhrwk1_wrap .premhrwk1_contents .comp_count_num span:nth-child(2){margin-left:48px;} */
#premhrwk1_wrap .premhrwk1_contents .comp_count_num .line{position:absolute; top:50%; right:0.182em; width:4.091em; height:1px;
background:#141415;border-top:1px solid rgba(255, 255, 255, .15);}
#premhrwk1_wrap .premhrwk1_contents .comp_count_num .comp_stamp{position:absolute; top:50%; left:100%; width:2.523em; height:2.523em; background:url("https://cdn.metoon.co.kr/img/premfrwk1_end_mark.png") no-repeat center; background-size:100% auto; margin:-1.955em 0 0 0.341em;}
#premhrwk1_wrap .premhrwk1_contents .btn_comp_apply{position:absolute; top:0; left:0; right:0; display:block; width:10.227em; height:1.818em; line-height:1.818em; margin:13.955em auto 0; font-size:0.064em;font-weight:700; text-align:center; color:#181818;background-color:#eabb00; z-index:3;}
#premhrwk1_wrap .premhrwk1_contents .btn_comp_apply i{display:inline-block;padding-right:1.167em;font-size:0.68em;letter-spacing:-0.02em;background:url("https://cdn.metoon.co.kr/img/ic_premfrwk1_arr.png") no-repeat right center;background-size:0.433em auto;vertical-align:top;}
#premhrwk1_wrap .premhrwk1_contents .btn_comp_apply:hover{background-color:#ffd42a;}
#premhrwk1_wrap .premfrwk1_txt01{text-align:center;margin-top:70px;}
#premhrwk1_wrap .premfrwk1_txt01 .sub_title{font-size:32px;font-weight:700;color:#fff;}
#premhrwk1_wrap .premfrwk1_txt01 .sub_title span{font-size:0.688em;font-weight:normal;display:block;margin-bottom:12px;}
#premhrwk1_wrap .premfrwk1_txt01 ul{width:max-content;text-align:left;font-size:0;vertical-align:top;margin:30px auto 0;}
#premhrwk1_wrap .premfrwk1_txt01 li{overflow:hidden;margin-top:15px;}
#premhrwk1_wrap .premfrwk1_txt01 .ic_area, #premhrwk1_wrap .premfrwk1_txt01 dl{display:inline-block;vertical-align:top;}
#premhrwk1_wrap .premfrwk1_txt01 .ic_area{width:35px;}
#premhrwk1_wrap .premfrwk1_txt01 img{display:block;max-width:100%;margin:0 auto;}
#premhrwk1_wrap .premfrwk1_txt01 dl{padding-left:18px;font-size:16px;font-weight:700;color:#fff;}
#premhrwk1_wrap .premfrwk1_txt01 dd{font-size:0.882em;color:#b9d2f1;font-weight:normal;opacity:.3;margin-top:7px;}
#premhrwk1_wrap .premhrwk1_contents .comp_graph{width:100%;margin-top:10px;}
#premhrwk1_wrap .comp_graph img{display:block;max-width:100%;margin:0 auto;}
#premhrwk1_wrap .count_bnr{position:fixed; bottom:0; left:0; width:100%;font-size:0;line-height:1.1;padding:10px 0;text-align:center; background:#eabb00;border-top:1px solid #b59410; z-index:100;}
#premhrwk1_wrap .count_bnr.hold{position:absolute;}
#premhrwk1_wrap .count_bnr .count_area{display:inline-block;vertical-align:top;}
#premhrwk1_wrap .count_bnr .count_area .count_txt01{display:block;font-size:14px;color:#181818;font-weight:700;}
#premhrwk1_wrap .count_bnr .count_area .count_timer{display:inline-block; font-size:0; vertical-align:middle; margin:7px auto;}
#premhrwk1_wrap .count_bnr .count_area .count_timer span{display:inline-block; width:60px; height:33px; line-height:33px; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:url("https://cdn.metoon.co.kr/img/premfrwk1_count_timer.png") no-repeat center; background-size:100% auto; font-size:18px; font-weight:bold; color:#fff; text-align:left; letter-spacing:19px; white-space:nowrap; padding-left:10px;margin-left:7px;}
#premhrwk1_wrap .count_bnr .count_area .count_timer span:first-child{margin-left:0;}
#premhrwk1_wrap .count_bnr .count_area .count_txt02{display:block; font-size:14px;color:#181818;font-weight:700;}
#premhrwk1_wrap .use_terms{padding:30px 20px;background-color:#ffdc50;font-size:14px;text-align:center;opacity:.9;}
#premhrwk1_wrap .use_terms .inner{width:fit-content;text-align:left;margin:0 auto;}
#premhrwk1_wrap .use_terms p{font-weight:700;}
#premhrwk1_wrap .use_terms ul{margin:5px auto 0;}
#premhrwk1_wrap .use_terms li{position:relative;padding-left:6px;font-size:12px;color:#333;line-height:1.4;box-sizing:border-box;margin-top:5px;}
#premhrwk1_wrap .use_terms li:before{content:"·";display:inline-block;position:absolute;top:0;left:0;}
@media all and (max-width:560px){
	#premhrwk1_wrap .premhrwk1_contents .comp_apply{margin-top:20px;}
	#premhrwk1_wrap .premhrwk1_contents .btn_comp_apply{width:84%;max-width:300px;font-size:30px;margin-top:90%;}
	#premhrwk1_wrap .premfrwk1_txt01{padding:0 15px;margin-top:60px;}
	#premhrwk1_wrap .premfrwk1_txt01 .sub_title{font-size:18px;line-height:1.3;word-break:keep-all;}
	#premhrwk1_wrap .premfrwk1_txt01 .sub_title span{margin-bottom:6px;}
	#premhrwk1_wrap .premfrwk1_txt01 ul{margin-top:20px;}
	#premhrwk1_wrap .premfrwk1_txt01 .ic_area{width:25px;}
	#premhrwk1_wrap .premfrwk1_txt01 dl{padding-left:9px;font-size:14px;}
	#premhrwk1_wrap .premfrwk1_txt01 dd{margin-top:4px;}
}
@media all and (min-width:350px) and (max-width:560px){
	#premhrwk1_wrap .premfrwk1_txt01 ul{padding-left:15px;}
}
/* 이벤트 - 무료체험 7일 이벤트(prem_free_serv2.php) */
#premfrwk2_container{position:relative;overflow:hidden;}
#premfrwk2_container a img, #premfrwk2_container a p, #premfrwk2_container a span{cursor:pointer;}
#premfrwk2_container .premfrwk2_contents{background-color:#ffcb00;}
#premfrwk2_container .premfrwk2_dep{max-width:1000px;padding:30px 0 40px;background:url("https://cdn.metoon.co.kr/img/premfrwk2_bg.jpg") no-repeat center, #ffcb00;background-size:100% auto;text-align:center;overflow:hidden;margin:0 auto;}
#premfrwk2_container .ttl_group{position:relative;}
#premfrwk2_container .ttl_group img, .premfrwk2_sec2 .ic_area img{display:block;max-width:100%;margin:0 auto;}
#premfrwk2_container .premfrwk2_sec1{margin-top:20px;}
#premfrwk2_container .premfrwk2_timer{display:inline-block;height:92px;padding:0 15px;border-radius:4px;background:url("https://cdn.metoon.co.kr/img/premfrwk2_timer_bg.jpg") repeat-x;background-size:auto 100%;overflow:hidden;vertical-align:top;display:-ms-inline-flexbox;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-shadow:4px 4px 8px rgba(0, 0, 0, .3);}
.premfrwk2_sec1 .timer_dep{display:inline-block;}
.premfrwk2_sec1 .timer_dep + .timer_dep{margin-left:15px;}
.premfrwk2_sec1 .timer_dep span{position:relative;display:block;width:72px;height:54px;line-height:54px;background:url("https://cdn.metoon.co.kr/img/premfrwk2_timer_bg.png") no-repeat center;background-size:100% auto;font-size:34px;font-weight:700;color:#fff;text-align:left;white-space:nowrap;padding-left:7px;letter-spacing:19px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.premfrwk2_sec1 .timer_dep + .timer_dep span:before{content:"";display:block;position:absolute;top:50%;right:100%;width:5px;height:15px;background:url("https://cdn.metoon.co.kr/img/premfrwk2_timer_dot.png") no-repeat center;background-size:100% auto;margin-top:-7px;margin-right:5px;}
.premfrwk2_sec1 .timer_dep span:after{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background:#000;border-top:1px solid #f1f1f1;opacity:.25;}
.premfrwk2_sec1 .timer_dep em{display:block;font-size:10px;color:#b7b7b7;line-height:1;margin-top:6px;}
.premfrwk2_sec1 .premfrwk2_prc{font-size:16px;color:#000;letter-spacing:-0.02em;margin-top:15px;}
.premfrwk2_sec1 .premfrwk2_prc span, .premfrwk2_sec1 .premfrwk2_prc del, .premfrwk2_sec1 .premfrwk2_prc ins{vertical-align:middle;}
.premfrwk2_sec1 .premfrwk2_prc del{position:relative;display:inline-block;text-decoration:none;padding:0 8px 0 2px;margin:0 12px 0 6px;}
.premfrwk2_sec1 .premfrwk2_prc del:before, .premfrwk2_sec1 .premfrwk2_prc del:after{content:"";display:block;position:absolute;top:50%;}
.premfrwk2_sec1 .premfrwk2_prc del:before{left:100%;border:5px solid transparent;border-left:5px solid #000;margin-top:-4px;}
.premfrwk2_sec1 .premfrwk2_prc del:after{left:0;width:100%;height:1px;background-color:#000;opacity:.6;}
.premfrwk2_sec1 .premfrwk2_prc ins{font-size:1.357em;font-weight:700;text-decoration:none;}
#premfrwk2_container .premfrwk2_btn{position:relative;padding-top:47px;margin-top:26px;-webkit-animation:heartbeat 1.8s ease-in-out infinite both;animation:heartbeat 1.8s ease-in-out infinite both;-webkit-animation-delay:1.5s;animation-delay:1.5s;}
#premfrwk2_container .premfrwk2_btn a{position:relative;display:block;width:94%;max-width:382px;z-index:10;margin:0 auto;}
.premfrwk2_btn a img{display:block;max-width:100%;margin:0 auto;}
.premfrwk2_btn .premfrwk2_counter{position:absolute;top:0;left:0;right:0;width:78px;height:78px;background:url("https://cdn.metoon.co.kr/img/premfrwk2_circle.png") no-repeat center;background-size:100%;font-size:14px;color:#ffcb00;line-height:1;border-radius:100%;overflow:hidden;cursor:pointer;margin:0 auto;}
.premfrwk2_btn .premfrwk2_counter .res_count{position:absolute;top:0;left:0;width:100%;height:100%;}
.premfrwk2_btn .premfrwk2_counter p{font-size:0.26em;font-size:10px;cursor:pointer;margin-top:14px;}
.premfrwk2_btn .premfrwk2_counter span{position:relative;display:block;font-weight:800;cursor:pointer;margin-top:4px;}
#premfrwk2_container .premfrwk2_sec2{padding:0 20px;margin-top:30px;}
#premfrwk2_container .premfrwk2_sec2 ul{display:inline-block;text-align:left;vertical-align:top;}
#premfrwk2_container .premfrwk2_sec2 li{width:100%;letter-spacing:-0.02em;overflow:hidden;margin-top:12px;}
#premfrwk2_container .premfrwk2_sec2 li:first-child{margin-top:0;}
#premfrwk2_container .premfrwk2_sec2 .ic_area, #premfrwk2_container .premfrwk2_sec2 dl{font-size:14px;color:#000;letter-spacing:-0.02em;}
.premfrwk2_sec2 .ic_area{float:left;width:24px;margin-top:2px;}
.premfrwk2_sec2 .ic_area img{display:block;max-width:100%;margin:0 auto;}
.premfrwk2_sec2 dl{float:left;width:-webkit-calc(100% - 24px);width:-moz-calc(100% - 24px);width:calc(100% - 24px);padding-left:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.premfrwk2_sec2 dl dt{font-weight:700;}
.premfrwk2_sec2 dl dd{font-size:0.882em;margin-top:2px;}
#premfrwk2_container .premfrwk2_terms{position:relative;padding:20px 30px 24px;background-color:#fff5cc;text-align:center;}
#premfrwk2_container .premfrwk2_terms .inner{display:inline-block;font-size:11px;color:#000;text-align:left;opacity:0.3;overflow:hidden;vertical-align:top;}
#premfrwk2_container .premfrwk2_terms ul{letter-spacing:-0.02em;margin-top:5px;}
#premfrwk2_container .premfrwk2_terms ul:after{content:"";display:block;clear:both;}
#premfrwk2_container .premfrwk2_terms li{position:relative;padding-left:6px;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:5px;}
#premfrwk2_container .premfrwk2_terms li:before{content:"·";display:block;position:absolute;top:0;left:0;}
@media all and (min-width:360px){
	#premfrwk2_container .premfrwk2_sec2 ul{padding-left:20px;}
}
@-webkit-keyframes rotateCt{
	0%{-webkit-transform:rotate(0);transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes rotateCt{
	0%{-webkit-transform:rotate(0);transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

@-webkit-keyframes heartbeat {
	from {
		-webkit-transform: scale(1);
						transform: scale(1);
		-webkit-transform-origin: center center;
						transform-origin: center center;
		-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
	}
	10% {
		-webkit-transform: scale(0.91);
						transform: scale(0.91);
		-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
	}
	17% {
		-webkit-transform: scale(0.98);
						transform: scale(0.98);
		-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
	}
	33% {
		-webkit-transform: scale(0.87);
						transform: scale(0.87);
		-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
	}
	45% {
		-webkit-transform: scale(1);
						transform: scale(1);
		-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
	}
}
@keyframes heartbeat {
	from {
		-webkit-transform: scale(1);
						transform: scale(1);
		-webkit-transform-origin: center center;
						transform-origin: center center;
		-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
	}
	10% {
		-webkit-transform: scale(0.91);
						transform: scale(0.91);
		-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
	}
	17% {
		-webkit-transform: scale(0.98);
						transform: scale(0.98);
		-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
	}
	33% {
		-webkit-transform: scale(0.87);
						transform: scale(0.87);
		-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
	}
	45% {
		-webkit-transform: scale(1);
						transform: scale(1);
		-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
	}
}