@charset "utf-8";
/* 이벤트 - 네이버페이 무료충전 이벤트 */
.ev_npayfr_charging{position:relative;width:1080px;background-color:#fff;text-align:center;overflow:hidden;margin:0 auto;}
.ev_npayfr_charging a img, .ev_npayfr_charging a span, .ev_npayfr_charging a p{cursor:pointer;}
.ev_npayfr_charging img, .ev_npayfr_charging .ev_npayfr_btn{display:block;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:60px 60px 77px;}
.ev_npayfr_form h5{font-size:35px;font-weight:700;color:#000;line-height:1;letter-spacing:-0.02em;margin-top:28px;}
.ev_npayfr_form ul{display:inline-block;vertical-align:top;margin-top:40px;}
.ev_npayfr_form li{float:left;position:relative;margin-left:72px;}
.ev_npayfr_form li:first-child{margin-left:0;}
.ev_npayfr_form input[type="radio"] + label{display:inline-block;position:relative;font-size:25px;color:#000;line-height:28px;letter-spacing:-0.02em;padding-left:42px;vertical-align:top;background-repeat:no-repeat;background-position:left center;background-image:url("https://cdn.metoon.co.kr/img/ev_npayfr_unchk.png");}
.ev_npayfr_form input[type="radio"]:checked + label{background-image:url("https://cdn.metoon.co.kr/img/ev_npayfr_chked.png");}
.ev_npayfr_charging .ev_npayfr_btn{max-width:380px;margin-top:50px;}
/* 이벤트 - 무료체험 7일 이벤트(prem_free_serv_cp.php) */
#premhrwk1_wrap{position:relative; width:100%; background:#181818;overflow:hidden;}
#premhrwk1_wrap .premhrwk1_contents{position:relative; width:685px; margin:0 auto;}
#premhrwk1_wrap .premhrwk1_contents .comp_apply{position:relative; top:0; left:0; width:100%; margin-top:62px; line-height:1;}
#premhrwk1_wrap .premfrwk1_roller{position:relative;z-index:1;}
#premhrwk1_wrap .premfrwk1_roller > img{position:relative; top:0; left:0; 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 top, 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:44px;text-align:center;color:#fff;padding-bottom:64px;z-index:2;}
#premhrwk1_wrap .premfrwk1_tt_grp{margin-top:120px;}
#premhrwk1_wrap .premfrwk1_tt_grp h5{color:#f14613;font-weight:700;}
#premhrwk1_wrap .premfrwk1_tt_grp h5 em, #premhrwk1_wrap .premfrwk1_tt_grp h5 i{font-style:italic;}
#premhrwk1_wrap .premfrwk1_tt_grp h5 em, #premhrwk1_wrap .premfrwk1_tt_grp h5 b{display:block;line-height:1.1;}
#premhrwk1_wrap .premfrwk1_tt_grp h5 em{font-size:0.4em;color:#fff;}
#premhrwk1_wrap .premfrwk1_tt_grp h5 b{letter-spacing:-0.02em;margin-top:12px;}
#premhrwk1_wrap .premfrwk1_tt1{margin-top:25px;}
#premhrwk1_wrap .premfrwk1_tt1 span, #premhrwk1_wrap .premfrwk1_tt1 b{display:block;letter-spacing:-0.02em;}
#premhrwk1_wrap .premfrwk1_tt1 span{font-size:0.75em;}
#premhrwk1_wrap .premfrwk1_tt1 b{font-size:1.84em;font-weight:800;color:#fff100;margin-top:14px;}
#premhrwk1_wrap .premfrwk1_tt2{display:inline-block;font-size:0.29em;padding:12px 8px;border-top:1px solid #2c2c2c;border-bottom:1px solid #2c2c2c;vertical-align:top;margin-top:23px;}
#premhrwk1_wrap .premfrwk1_prc{font-size:0.364em;margin-top:12px;}
#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 12px 0 2px;margin:0 14px 0 8px;}
#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:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #a1d7fc;margin-top:-5px;}
#premhrwk1_wrap .premfrwk1_prc del:after{left:0;width:100%;height:1px;background-color:#a1d7fc;opacity:.8;margin-top:-0.5px;}
#premhrwk1_wrap .premhrwk1_contents .comp_count_num{position:relative;display:inline-block;width:294px;height:106px; background:url("https://cdn.metoon.co.kr/img/premfrwk1_count_num.png") no-repeat center; background-size:100% auto;margin-left:-80px; color:#fff; font-size:0;margin-top:25px;}
#premhrwk1_wrap .premhrwk1_contents .comp_count_num span{display:inline-block;width:100%; line-height:106px; font-size:78px;color:#fff;text-align:left;letter-spacing:45px;white-space:nowrap;padding-left:128px;-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:8px; width:180px; 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:111px; height:111px; background:url("https://cdn.metoon.co.kr/img/premfrwk1_end_mark.png") no-repeat center; background-size:100% auto; margin:-86px 0 0 15px;}
#premhrwk1_wrap .premhrwk1_contents .btn_comp_apply{position:absolute; top:0; left:0; right:0; display:block; width:450px; height:80px; line-height:80px; margin:614px auto 0; font-size:30px;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:35px;background:url("https://cdn.metoon.co.kr/img/ic_premfrwk1_arr.png") no-repeat right center;}
#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{display:inline-block;text-align:left;font-size:0;padding-left:26px;vertical-align:top;margin-top:30px;}
#premhrwk1_wrap .premfrwk1_txt01 li{display:inline-block;width:326px;overflow:hidden;}
#premhrwk1_wrap .premfrwk1_txt01 li:nth-child(2n){margin-left:35px;width:auto;}
#premhrwk1_wrap .premfrwk1_txt01 li:nth-child(n + 3){margin-top:25px;}
#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%;text-align:center;margin-top:10px;}
#premhrwk1_wrap .premhrwk1_contents .comp_graph span{display:none;}
#premhrwk1_wrap .count_bnr{position:fixed; bottom:0; left:0; width:100%; height:90px; line-height:90px;text-align:center; background:#eabb00; z-index:100;}
#premhrwk1_wrap .count_bnr.hold{position:absolute;margin-bottom:186px;}
#premhrwk1_wrap .count_bnr .count_area{display:inline-block;min-width:960px;vertical-align:top;}
#premhrwk1_wrap .count_bnr .count_area .count_txt01{display:inline-block; font-size:21px;color:#181818;font-weight:700;}
#premhrwk1_wrap .count_bnr .count_area .count_timer{display:inline-block; font-size:0; vertical-align:middle; margin:-5px 14px 0 12px;}
#premhrwk1_wrap .count_bnr .count_area .count_timer span{display:inline-block; width:79px; height:44px; line-height:44px; 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:34px; font-weight:bold; color:#fff;text-align:left; letter-spacing:18px; 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:inline-block; font-size:21px;color:#181818;font-weight:700;}
#premhrwk1_wrap .count_bnr .count_area .btn_request_wrap{display:inline-block; position:relative; margin-left:30px;}
#premhrwk1_wrap .count_bnr .count_area .btn_request_wrap > img{position:absolute;bottom:0;right:0;margin:0 -67px 20px;}
#premhrwk1_wrap .count_bnr.hold .count_area .btn_request_wrap > img{-webkit-animation:bounce-up-down 1s ease-in both;animation:bounce-up-down 1s ease-in both;}
#premhrwk1_wrap .count_bnr .count_area .btn_request_wrap .btn_request{display:inline-block; width:220px; height:43px; line-height:43px; text-align:center; font-size:21px;color:#fff; background:#181818;}
#premhrwk1_wrap .count_bnr .count_area .btn_request_wrap .btn_request:hover{background:#e72a2a;}
#premhrwk1_wrap .use_terms{padding:30px 20px;background-color:#ffdc50;font-size:14px;text-align:center;opacity:.9;}
#premhrwk1_wrap .use_terms .inner{width:1060px;display:inline-block;text-align:left;vertical-align:top;}
#premhrwk1_wrap .use_terms p{font-weight:700;}
#premhrwk1_wrap .use_terms ul{font-size:0;margin-top:5px;}
#premhrwk1_wrap .use_terms li{position:relative;width:calc((100% - 6px) / 2);display:inline-block;padding-left:6px;font-size:12px;color:#333;line-height:1.4;box-sizing:border-box;margin-top:5px;}
#premhrwk1_wrap .use_terms li:nth-child(even){margin-left:6px;}
#premhrwk1_wrap .use_terms li:before{content:"·";display:inline-block;position:absolute;top:0;left:0;}
/* 이벤트 - 무료체험 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{width:1000px;min-height:1012px;padding:45px 0 60px;background:url("https://cdn.metoon.co.kr/img/premfrwk2_bg.jpg") no-repeat center top, #ffcb00;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:21px;}
#premfrwk2_container .premfrwk2_timer{display:inline-block;height:114px;padding:0 22px;border-radius:4px;background:url("https://cdn.metoon.co.kr/img/premfrwk2_timer_bg.jpg") repeat-x;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:21px;}
.premfrwk2_sec1 .timer_dep span{position:relative;display:block;width:101px;height:76px;line-height:76px;background:url("https://cdn.metoon.co.kr/img/premfrwk2_timer_bg.png") no-repeat center;background-size:100% auto;font-size:50px;font-weight:700;color:#fff;white-space:nowrap;text-align:left;padding-left:10px;letter-spacing:24px;-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:9px;height:27px;background:url("https://cdn.metoon.co.kr/img/premfrwk2_timer_dot.png") no-repeat center;background-size:100% auto;margin-top:-14px;margin-right:6px;}
.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:13px;color:#b7b7b7;line-height:1;margin-top:6px;}
.premfrwk2_sec1 .premfrwk2_prc{font-size:28px;color:#000;letter-spacing:-0.02em;margin-top:20px;}
.premfrwk2_sec1 .premfrwk2_prc del{position:relative;display:inline-block;text-decoration:none;padding:0 14px 0 4px;margin:0 24px 0 14px;}
.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:9px solid transparent;border-left:10px solid #000;margin-top:-8px;}
.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:92px;margin-top:26px;-webkit-animation:heartbeat 1.7s ease-in-out infinite both;animation:heartbeat 1.7s ease-in-out infinite both;-webkit-animation-delay:1s;animation-delay:1s;}
#premfrwk2_container .premfrwk2_btn a{position:relative;display:block;width:max-content;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:158px;height:158px;background:url("https://cdn.metoon.co.kr/img/premfrwk2_circle.png") no-repeat center;background-size:100%;font-size:50px;color:#ffcb00;line-height:1;border-radius:100%;overflow:hidden;cursor:pointer;margin:0 auto;}
.premfrwk2_btn .premfrwk2_counter p{font-size:0.26em;cursor:pointer;margin-top:16px;}
.premfrwk2_btn .premfrwk2_counter span{position:relative;display:block;font-weight:800;cursor:pointer;margin-top:6px;}
.premfrwk2_btn .premfrwk2_counter span:before{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#000;opacity:.8;margin-top:2.4%;}
#premfrwk2_container .premfrwk2_sec2{padding-left:190px;margin-top:40px;}
#premfrwk2_container .premfrwk2_sec2 ul{text-align:left;margin:0 auto;}
#premfrwk2_container .premfrwk2_sec2 ul:after{content:"";display:block;clear:both;}
#premfrwk2_container .premfrwk2_sec2 li{float:left;display:table;table-layout:fixed;width:357px;letter-spacing:-0.02em;}
#premfrwk2_container .premfrwk2_sec2 li:nth-child(n + 3){margin-top:18px;}
#premfrwk2_container .premfrwk2_sec2 .ic_area, #premfrwk2_container .premfrwk2_sec2 dl{display:table-cell;font-size:17px;color:#000;letter-spacing:-0.02em;vertical-align:middle;}
.premfrwk2_sec2 .ic_area{width:45px;}
.premfrwk2_sec2 .ic_area img{display:block;max-width:100%;margin:0 auto;}
.premfrwk2_sec2 dl{padding-left:14px;}
.premfrwk2_sec2 dl dt{font-weight:700;}
.premfrwk2_sec2 dl dd{font-size:0.882em;margin-top:5px;}
#premfrwk2_container .premfrwk2_terms{position:relative;padding:30px 0 36px;background-color:#fff5cc;}
#premfrwk2_container .premfrwk2_terms .inner{width:1020px;padding:0 30px;font-size:11px;color:#000;opacity:0.3;overflow:hidden;margin:0 auto;}
#premfrwk2_container .premfrwk2_terms ul{padding-left:4px;letter-spacing:-0.02em;margin-top:5px;}
#premfrwk2_container .premfrwk2_terms ul:after{content:"";display:block;clear:both;}
#premfrwk2_container .premfrwk2_terms li{float:left;position:relative;padding-left:6px;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:5px;}
#premfrwk2_container .premfrwk2_terms li:nth-child(even){text-indent:20px;}
#premfrwk2_container .premfrwk2_terms li:before{content:"·";display:block;position:absolute;top:0;left:0;}