/* 프리미엄 멤버십 결제 레이어팝업 */
#premem_pay_layer, #premem_free_layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:100004;}
#premem_pay_layer .layer_back, #premem_free_layer .layer_back{position:fixed;background-color:rgba(0, 0, 0, .8);}
#premem_pay_layer .premem_pay_layer, #premem_free_layer .premem_free_layer{position:relative;display:inline-block;width:100%;max-width:610px;max-width:540px;text-align:left;/* color:#14122d; */border:1px solid #545454;letter-spacing:-0.02em;background-color:#383838;padding:19px 28px 32px;border-radius:5px;color:#FFF;vertical-align:middle;z-index:10;/* max-height:92%;overflow-x:hidden;overflow-y:auto; */margin-top:auto;margin-bottom:auto;}
.premem_pay_layer .font-skew, .premem_free_layer .font-skew{display:inline-block;-webkit-transform:skew(-0.04deg);-ms-transform:skew(-0.04deg);transform:skew(-0.04deg);}
.premem_pay_layer .close_btn, .premem_free_layer .close_btn{position:sticky;top:10px;right:auto;float:right;display:block;width:20px;height:20px;border-radius:20px;/* border:1px solid #14122d;background:url("https://cdn.metoon.co.kr/img/ic_fulp_x_blue.png") no-repeat center, #EEEEEE;background-size:12px; */background-color:#383838;z-index:10;margin-right:-2px;}
.premem_pay_layer .close_btn svg, .premem_free_layer .close_btn svg{display:block;width:100%;height:100%;fill:#FFFFFF;}
.premem_payl_con{clear:right;}
.premem_pay_layer .title, .premem_free_layer .title{padding:0 10px;}
.premem_pay_layer .title img, .premem_pay_layer .title span, .premem_free_layer .title img, .premem_free_layer .title span{height:24px;vertical-align:middle;}
.premem_pay_layer .title span, .premem_free_layer .title span{font-size:24px;font-weight:500;line-height:1;}
.premem_pay_layer .title .small, .premem_free_layer .title .small{font-size:.76em;}
.premem_pay_layer .dep_top ul, .premem_free_layer .dep_top ul{border:1px solid #FB3C00;border-radius:5px;background-color:#292929;padding:19px 20px 22px;padding-bottom:20px;margin-top:20px;}
.premem_pay_layer .dep_top li, .premem_free_layer .dep_top li{position:relative;display:flex;font-size:16px;line-height:1.2;margin-top:7px;}
.premem_pay_layer .dep_top li:first-child, .premem_free_layer .dep_top li:first-child{margin-top:0;}
.premem_pay_layer .dep_top li.no_bef, .premem_free_layer .dep_top li.no_bef{justify-content:center;text-align:center;margin-top:14px;}
.premem_pay_layer .dep_top li:not(.no_bef):before, .premem_free_layer .dep_top li:not(.no_bef):before{content:"·";display:inline-block;font-weight:900;color:#FB3C00;margin-right:7px;}
.premem_pay_layer .premem_li_text, .premem_free_layer .premem_li_text{align-self:center;}
.premem_li_text .co_red{font-weight:500;color:var(--bg-fc-color);}
.premem_payl_con .grade_prem_ico{height:1em;vertical-align:-1px;}
.premem_pay_layer .disp_amount, .premem_free_layer .disp_amount{padding:10px 22px;border:1px solid #FB3C00;border-radius:5px;background-color:#FFFFFF;font-size:24px;color:#000;min-height:57px;line-height:1.1;overflow:hidden;display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
.premem_pay_layer .disp_amount .txt, .premem_free_layer .disp_amount .txt{float:left;display:inline-block;font-weight:500;}
.premem_pay_layer .disp_amount .cost, .premem_free_layer .disp_amount .cost{float:right;display:inline-block;display:inline-flex;align-items:center;font-weight:500;}
.premem_pay_layer .dep_bt, .premem_free_layer .dep_bt{margin-top:36px;}
.premem_pay_layer .payment_select, .premem_free_layer .payment_select{display:-webkit-flex;display:-moz-flex;display:flex;flex-wrap:wrap;gap:10px 10px;margin-top:24px;}
.premem_pay_layer .pay_item, .premem_free_layer .pay_item{float:left;position:relative;width:244px;width:-webkit-calc((100% - 20px) / 3);width:-moz-calc((100% - 20px) / 3);width:calc((100% - 20px) / 3);min-height:110px;display:flex;overflow:hidden;}
.premem_pay_layer .pay_item input[type="radio"], .premem_free_layer .pay_item input[type="radio"]{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;opacity:0;clip:rect(1, 1, 1, 1);clip:rect(1px, 1px, 1px, 1px);z-index:-1;}
.premem_pay_layer .pay_item input[type="radio"] + label, .premem_pay_layer .pay_item a, .premem_free_layer .pay_item input[type="radio"] + label, .premem_free_layer .pay_item a{position:relative;display:block;display:flex;flex-direction:column;justify-content:center;gap:11px 11px;width:100%;padding:20px 10px;border-radius:5px;font-size:14px;color:inherit;text-align:center;background-color:#2D2D2D;/* background-repeat:no-repeat;background-position:center; */cursor:pointer;box-sizing:border-box;}
/* .premem_free_layer .pay_item a{height:54px;line-height:52px;} */
.premem_free_layer .pay_item .sel_skt, .premem_pay_layer .pay_item .sel_skt{filter:grayscale(1);color:var(--sub2-ft-color);opacity:.65;}
.premem_pay_layer .sel_icon img, .premem_free_layer .sel_icon span{vertical-align:middle;}
.premem_pay_layer .pay_item img, .premem_pay_layer .pay_item svg, .premem_free_layer .pay_item img, .premem_free_layer .pay_item svg{height:26px;object-fit:contain;align-self:center;}
.premem_pay_layer .sel_icon img, .premem_pay_layer .sel_icon svg, .premem_free_layer .sel_icon img, .premem_free_layer .sel_icon svg{height:22px;}
.premem_pay_layer .pay_item svg, .premem_free_layer .pay_item svg{fill:#FFFFFF;}
.premem_pay_layer .sel_card svg, .premem_free_layer .sel_card svg{width:27px;}
.premem_pay_layer .sel_alddle svg, .premem_free_layer .sel_alddle svg{height:28px;margin-top:-5px;}
.premem_pay_layer .pay_item.kakao img, .premem_free_layer .pay_item.kakao img{height:16px;}
.premem_pay_layer .img_cover.npay img, .premem_free_layer .img_cover.npay img{height:18px;}
.premem_pay_layer .img_cover, .premem_free_layer .img_cover{display:flex;padding:5px 10px;border-radius:20px;background-color:#DBBF00;align-self:center;}
.premem_pay_layer .img_cover.npay, .premem_free_layer .img_cover.npay{padding:4px 12px;background-color:#00cd34;}
/* .premem_pay_layer .sel_phone span, .premem_free_layer .sel_phone span{background:url("https://cdn.metoon.co.kr/mimg/ic_cfs_fillhp.png/me/resize/x42") no-repeat left center;background-size:auto 21px;padding-left:22px;}
.premem_pay_layer .sel_card span, .premem_free_layer .sel_card span{background:url("https://cdn.metoon.co.kr/mimg/ic_cfs_card.png") no-repeat left 47%;background-size:auto 21px;padding-left:48px;margin-left:-12px;} */
.premem_pay_layer .pay_item input[type="radio"] + label:before, .premem_pay_layer .pay_item a:before, .premem_free_layer .pay_item input[type="radio"] + label:before, .premem_free_layer .pay_item a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #545454;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.premem_pay_layer .pay_item.npay input[type="radio"] + label, .premem_pay_layer .pay_item.npay a, .premem_free_layer .pay_item.npay input[type="radio"] + label, .premem_free_layer .pay_item.npay a{background-image:url("https://cdn.metoon.co.kr/img/fulp_npay_logo.png");background-color:#00cd34;}
.premem_pay_layer .pay_item.npay input[type="radio"] + label:before, .premem_pay_layer .pay_item.npay a:before, .premem_free_layer .pay_item.npay input[type="radio"] + label:before, .premem_free_layer .pay_item.npay a:before{border-color:#00a42a;}
/* .premem_pay_layer .pay_item.kakao input[type="radio"] + label, .premem_pay_layer .pay_item.kakao a, .premem_free_layer .pay_item.kakao input[type="radio"] + label, .premem_free_layer .pay_item.kakao a{background-image:url("https://cdn.metoon.co.kr/img/fulp_kakao_logo.png/me/resize/x20");background-color:#ffdf00;background-position:48% 52%;} */
/* .premem_pay_layer .pay_item.kakao input[type="radio"] + label:before, .premem_pay_layer .pay_item.kakao a:before, .premem_free_layer .pay_item.kakao input[type="radio"] + label:before, .premem_free_layer .pay_item.kakao a:before{border-color:#dbbf00;} */
/* .premem_pay_layer .pay_item input[type="radio"]:checked + label:before, .premem_pay_layer .pay_item a.selected:before, .premem_free_layer .pay_item input[type="radio"]:checked + label:before, .premem_free_layer .pay_item a.selected:before{border-width:2px;border-color:#e52222;} */
.premem_pay_layer .pay_item input[type="radio"]:checked + label:before, .premem_free_layer .pay_item input[type="radio"]:checked + label:before{border-width:2px;border-color:#e52222;}
.premem_pay_layer .premem_pay_btn, .premem_free_layer .premem_pay_btn{display:block;width:96%;max-width:420px;height:70px;line-height:70px;border-radius:24px;background-color:#14122d;border:0 none;font-size:24px;color:#fff;text-align:center;padding:0 20px;margin:34px auto 0;}
.premem_pay_layer .premem_pay_btn, .premem_pay_layer .pay_item span, .premem_free_layer .premem_pay_btn, .premem_free_layer .pay_item span{cursor:inherit;}
.premem_pay_layer .premem_payl_info, .premem_free_layer .premem_payl_info{padding:0 5px;/* color:#4a476a; */opacity:.5;margin-top:34px;}
.premem_pay_layer .premem_payl_info p, .premem_free_layer .premem_payl_info p{font-size:14px;margin-bottom:6px;}
.premem_pay_layer .premem_payl_info li, .premem_free_layer .premem_payl_info li{position:relative;font-size:12px;line-height:1.5;padding-left:8px;margin-top:4px;}
.premem_pay_layer .premem_payl_info li:before, .premem_free_layer .premem_payl_info li:before{content:"-";position:absolute;top:0;left:0;}
.premem_pay_layer .cost del, .premem_free_layer .cost del{position:relative;font-size:0.62em;font-weight:400;/* color:#4a4a4a; */vertical-align:middle;text-decoration:none;}
.premem_pay_layer .cost ins b, .premem_free_layer .cost ins b{font-size:1.15em;font-weight:500;}
.premem_pay_layer .cost .small, .premem_free_layer .cost .small{font-size:.78em;}
.premem_pay_layer .cost del:before, .premem_free_layer .cost del:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;height:1px;background-color:#000;opacity:.8;margin:auto -2px;}
.premem_pay_layer .cost ins, .premem_free_layer .cost ins{text-decoration:none;vertical-align:middle;color:#FB3C00;}
.premem_pay_layer .cost .arrow, .premem_free_layer .cost .arrow{position:relative;top:auto;left:auto;display:inline-block;width:22px;height:1px;background-color:#9a9a9a;vertical-align:middle;opacity:.8;margin:0 18px 0 10px;}
.premem_pay_layer .cost .arrow:before, .premem_free_layer .cost .arrow:before{content:"";display:block;position:absolute;top:50%;left:100%;border-left:8px solid #9a9a9a;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-top:-4.5px;}
/* 프리미엄 멤버십 말풍선 */
.blrn_prem_mem{position:absolute;top:100%;left:50%;padding:0 20px 0 12px;height:28px;line-height:24px;font-size:12px;color:#fff;white-space:nowrap;border:2px solid #fff;border-radius:14px;background-color:#1b1b1b;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:30;margin-top:-14px;}
.blrn_prem_mem button{position:absolute;top:50%;right:6px;display:inline-block;width:12px;height:12px;background:url("https://cdn.metoon.co.kr/mimg/ic_x_bold_wh.png") no-repeat center;background-size:8px;border:0 none;margin-top:-6px;z-index:10;cursor:pointer;}
.blrn_prem_mem:before{content:"";display:block;position:absolute;top:-4px;left:50%;border-bottom:4px solid #1b1b1b;border-left:4px solid transparent;border-right:4px solid transparent;margin-left:-4px;}
/* 프리미엄 멤버십 해지 신청 */
.prem_termi_con{position:relative;width:1180px;padding:56px 60px;text-align:center;letter-spacing:-0.04em;margin:0 auto;}
.prem_termi_con hgroup{font-size:0;font-weight:700;color:#192d5c;}
.prem_termi_con h2{display:inline-block;font-size:23px;padding:0 30px;height:45px;line-height:45px;background-color:#addef3;border-radius:22px;vertical-align:top;}
.prem_termi_con h3{font-size:46px;font-weight:400;margin-top:22px;}
.prem_termi_con h3 b{font-weight:700;}
.prem_termi_list{margin-top:56px;}
.prem_termi_list ul:after{content:"";display:block;clear:both;}
.prem_termi_list li{float:left;position:relative;display:table;table-layout:fixed;width:50%;padding-bottom:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.prem_termi_list li:nth-child(n + 3){padding-bottom:0;padding-top:32px;border-top:1px solid #dcdcdc;}
.prem_termi_list li:nth-child(even){padding-left:60px;}
.prem_termi_list li:nth-child(even):before{content:"";display:block;position:absolute;bottom:0;left:0;width:1px;height:125px;background-color:#dcdcdc;}
.prem_termi_list li:last-child:before{top:0;bottom:auto;}
.prem_termi_list .list_it_img, .prem_termi_list dl{display:table-cell;text-align:left;vertical-align:middle;}
.prem_termi_list .list_it_img{width:140px;}
.prem_termi_list .list_it_img img{max-width:100%;display:block;margin:0 auto;}
.prem_termi_list dl{width:100%;padding-left:20px;font-size:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.prem_termi_list dt{font-weight:800;color:#1c1c1c;line-height:1;margin-bottom:14px;}
.prem_termi_list dd{font-size:0.76em;color:#3a3a3a;line-height:1.6;}
.prem_termi_list dd .small{display:block;font-size:0.75em;padding-top:6px;opacity:.8;margin-bottom:-1.2em;}
.prem_termi_con .notice{padding:18px;background-color:#f5f5f5;margin-top:65px;}
.prem_termi_con .notice .read_tip{display:block;font-size:22px;font-style:italic;color:#1b1b1b;}
.prem_termi_con .notice strong{display:block;font-size:30px;font-weight:400;color:#2a2a2a;margin:12px auto 6px;}
.prem_termi_con .notice strong em{font-style:italic;}
.prem_termi_con .notice .ft-blue{font-weight:800;color:#25315b;}
.prem_termi_con .notice .small{font-size:16px;color:#7d7d7d;}
.prem_termi_con .btn_group{margin-top:28px;}
.prem_termi_con .btn_group p{display:inline-block;font-size:22px;color:#535353;line-height:1.1;border-bottom:1px solid #535353;vertical-align:top;}
.prem_termi_con .btn_group button, .prem_termi_con .btn_group [class^="btn_"]{display:block;border-radius:8px;border:0 none;width:600px;font-size:28px;font-weight:700;height:72px;line-height:72px;border-bottom:7px solid #b81219;color:#fff;cursor:pointer;margin:24px auto 0;}
.prem_termi_con .btn_group .btn_maintain{background-color:#e62f20;}
.prem_termi_con .btn_group .btn_termin{background-color:#d6d6d6;border-color:#cdcdcd;}
.prem_termi_con .btn_group button + button, .prem_termi_con .btn_group [class^="btn_"] + [class^="btn_"]{margin-top:17px;}
.prem_termi_con .prem_termi_close{position:absolute;top:30px;right:30px;display:block;width:30px;height:30px;background:url("https://cdn.metoon.co.kr/img/ic_fulp_x_blue.png") no-repeat center;}
/* 프리미엄 멤버십 해지 레이어팝업 */
.layer_prem_termin{position:fixed;top:0;left:0;width:100%;height:100%;font-size:0;text-align:center;z-index:10004;}
.layer_prem_termin:before{content:"";display:inline-block;width:1px;height:100%;vertical-align:middle;margin-left:-1px;}
.layer_prem_termin .ly_prem_termin_con{position:relative;display:inline-block;width:96%;max-width:450px;vertical-align:middle;z-index:10;}
.ly_prem_termin_con .ly_prem_termin_x{position:absolute;top:0;right:0;display:block;width:22px;height:22px;background:url("https://cdn.metoon.co.kr/mimg/ic_fulp_x_blue_m.png") no-repeat center;background-size:100%;margin:16px 16px 0 0;}
.ly_prem_termin_con a{display:block;}
.ly_prem_termin_con a img{cursor:pointer;}
.ly_prem_termin_con .ly_prem_termin_btn{position:absolute;bottom:0;left:0;right:0;width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:calc(100% - 50px);margin:0 auto 1.556%;}
.ly_prem_termin_con img{display:block;max-width:100%;margin:0 auto;}
.modal-fade{opacity:0;-webkit-transition:opacity .15s;transition:opacity .15s;}
.modal-fade .modal-fade-item{-webkit-transform:translateY(-120px);transform:translateY(-120px);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;}
.modal-fade.open{opacity:1;}
.modal-fade.open .modal-fade-item{-webkit-transform:translateY(0);transform:translateY(0);}
.scr-lock{position:relative;overflow:hidden;}
/* 마이페이지 - 프리미엄 멤버십 제휴 사이트 팝업 */
.layer_premem_site{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:10004;}
.layer_premem_site:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-5px;}
.layer_premem_site .premem_site{position:relative;display:inline-block;width:96%;max-width:340px;vertical-align:middle;z-index:10;}
.layer_premem_site .premem_site_list{background-color:#fff;padding:25px 25px 22px;border-radius:8px 8px 0 0;}
.layer_premem_site h3{font-size:18px;font-weight:700;color:#000;padding-bottom:16px;border-bottom:1px solid #ababab;margin-bottom:22px;}
.layer_premem_site .btn_group{background-color:#1b1b1b;border-radius:0 0 8px 8px;overflow:hidden;}
.layer_premem_site .premem_close{display:block;width:100%;height:46px;line-height:46px;border:0 none;background-color:#212121;text-align:center;font-size:16px;font-weight:700;color:#fff;}
.premem_site_list ul:after{content:"";display:block;clear:both;}
.premem_site_list li{float:left;width:140px;width:-webkit-calc((100% - 10px) / 2);width:-moz-calc((100% - 10px) / 2);width:calc((100% - 10px) / 2);}
.premem_site_list li:nth-child(even){margin-left:10px;}
.premem_site_list li:nth-child(n + 3){margin-top:8px;}
.premem_site_list a{position:relative;display:table;table-layout:fixed;width:100%;height:60px;border:1px solid #ddd;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.premem_site_list a > div{display:table-cell;vertical-align:middle;}
.premem_site_list a i{display:block;width:100%;height:35px;background-repeat:no-repeat;background-position:center bottom;background-size:auto 32px;}
.premem_site_list .topunse i{background-image:url("https://cdn.metoon.co.kr/img/logo_topunse.png/me/resize/x32");background-position-x:54%;}
.premem_site_list .hiform i{background-image:url("https://cdn.metoon.co.kr/img/logo_hiform.png/me/resize/x32");}
/* 프리미엄 무료체험 당첨 축하 레이어팝업 */
.layer_prem_fr_event{position:fixed;top:0;left:0;width:100%;height:100%;font-size:0;text-align:center;z-index:100004;}
.layer_prem_fr_event:before{content:"";display:inline-block;width:1px;height:100%;vertical-align:middle;margin-left:-1px;}
.layer_prem_fr_event .ly_prem_fr_event_con{position:relative;width:96%;max-width:350px;display:inline-block;background-color:#fff;padding:40px 24px 34px;vertical-align:middle;z-index:10;}
.ly_prem_fr_event_con .close{position:absolute;top:0;right:0;display:block;width:20px;height:20px;background:url("https://cdn.metoon.co.kr/img/icon_close_grey.png") no-repeat center;margin:18px 18px 0 0;}
.ly_prem_fr_event_con > img{display:block;max-width:100%;margin:0 auto;}
.ly_prem_fr_event_con dl{font-size:20px;letter-spacing:-0.02em;color:#363636;line-height:1;font-weight:700;text-align:center;margin-top:25px;}
.ly_prem_fr_event_con dd{font-size:17px;color:#252525;font-weight:400;line-height:25px;margin-top:20px;}
.ly_prem_fr_event_con .ft-sml{font-size:12px;color:#959595;}
.ly_prem_fr_event_con .ly_prem_fr_event_btn{display:block;width:100%;height:52px;line-height:52px;font-size:18px;font-weight:700;color:#fff;background-color:#3a498f;border:0 none;border-radius:4px;margin-top:26px;}

@media (hover:hover) and (pointer:fine){
	.premem_pay_layer .pay_item a[disabled], .premem_free_layer .pay_item a[disabled]{cursor:default;cursor:not-allowed;}
	.premem_pay_layer .pay_item a, .premem_free_layer .pay_item a, .premem_pay_layer .pay_item a:before, .premem_free_layer .pay_item a:before{transition-property:border-color, background-color;transition-duration:0.2s;}
	.premem_pay_layer .pay_item a:not([disabled]):hover, .premem_free_layer .pay_item a:not([disabled]):hover{background-color:var(--opt-bg-color);}
	[color-theme="light"] .premem_pay_layer .pay_item a:not([disabled]):hover, [color-theme="light"] .premem_free_layer .pay_item a:not([disabled]):hover{background-color:rgba(255, 255, 255, 0.05);}
	.premem_pay_layer .pay_item a:not([disabled]):hover:before, .premem_free_layer .pay_item a:not([disabled]):hover:before{border-color:var(--main-ft-fc-color);}
}

@media screen and (min-width:540px){
	.premem_li_text .prembdg_info{vertical-align:2px;}
}

@media screen and (max-width:539px){
	#premem_pay_layer .premem_pay_layer, #premem_free_layer .premem_free_layer{padding:25px 15px;}
	.premem_pay_layer .close_btn, .premem_free_layer .close_btn{margin-top:-2px;}
	.premem_pay_layer .title span, .premem_free_layer .title span{font-size:20px;}
	.premem_pay_layer .title img, .premem_pay_layer .title span, .premem_free_layer .title img, .premem_free_layer .title span{height:20px;}
	.premem_pay_layer .dep_top ul, .premem_free_layer .dep_top ul{padding:14px;margin-top:15px;}
	.premem_pay_layer .dep_top li, .premem_free_layer .dep_top li{padding-left:0;display:flex;font-size:14px;gap:5px 5px;}
	.premem_pay_layer .dep_top li.no_bef, .premem_free_layer .dep_top li.no_bef{margin-top:12px;}
	.premem_pay_layer .disp_amount, .premem_free_layer .disp_amount{/* line-height:47px; */min-height:52px;font-size:18px;}
	.premem_pay_layer .dep_bt, .premem_free_layer .dep_bt{margin-top:30px;}
	.premem_pay_layer .pay_item, .premem_free_layer .pay_item{width:calc((100% - 10px) / 2);min-height:80px;}
}