@cahrset "UTF-8";
/* 충전 레이어팝업 */
#layer_coin_fill{z-index:1005;}
#layer_coin_fill .layer_vert_item{width:95%;max-width:420px;padding:10px 10px 20px;background-color:#fff;overscroll-behavior:contain;}
#layer_coin_fill .ly_fill_close{position:-webkit-sticky;position:sticky;float:right;top:0;z-index:20;}
#layer_coin_fill .ly_fill_close button{position:relative;display:block;width:26px;height:26px;border-radius:100%;border:1px solid #e1e1e1;background-color:#fff;vertical-align:top;margin-right:1px;}
#layer_coin_fill .ly_fill_close button:before, #layer_coin_fill .ly_fill_close button:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:16px;height:1px;background-color:#555;margin:auto;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#layer_coin_fill .ly_fill_close button:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
#ly_coin_fill{padding-top:34px;text-align:left;}
.ly_fill_prdt .fill_sp_item, .ly_fill_list_item li{position:relative;}
.ly_fill_prdt input[type="radio"]{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip:rect(0px, 0px, 0px, 0px);opacity:0;z-index:-1;}
.ly_fill_prdt .radiobox, .ly_fill_method .btn_payment_alt .radiobox{display:block;position:absolute;top:50%;left:0;width:16px;height:16px;border-radius:50%;border:1px solid #a1a1a1;background-color:#fff;margin-top:-8px;}
.ly_fill_prdt input[type="radio"] + label{cursor:pointer;}
.ly_fill_prdt input[type="radio"]:checked + label .radiobox:before, .ly_fill_method .btn_payment_alt.on .radiobox:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:8px;height:8px;border-radius:50%;background-color:#e85454;margin:auto;}
.ly_fill_prdt .fill_sp_item input[type="radio"] + label{position:relative;display:block;width:100%;padding-bottom:12px;border-radius:4px;border:1px solid #dedede;}
.ly_fill_prdt .fill_sp_item input[type="radio"]:checked + label{background-color:#fffeee;border-color:#ef2a23;}
.ly_fill_prdt .fill_sp_item .dep_top{padding-left:16px;}
.ly_fill_prdt .fill_sp_memship_txt dt{position:relative;padding-left:24px;height:52px;line-height:51px;border-bottom:1px solid #dedede;font-size:15px;font-weight:700;margin-bottom:14px;}
.ly_fill_prdt .fill_sp_memship_txt dt span{position:relative;}
.ly_fill_prdt .fill_sp_memship_txt dt span:before{content:"";display:block;position:absolute;top:-7px;left:100%;width:20px;height:20px;background:url("https://cdn.metoon.co.kr/mimg/ic_mefill_recomm.png") no-repeat center;background-size:100%;margin-left:2px;}
.ly_fill_prdt .fill_sp_memship_txt .ic_prdt_coin{position:absolute;top:50%;right:0;display:inline-block;height:24px;line-height:22px;border-radius:11px;padding:0 6px 0 23px;border:1px solid #dedede;background:url("https://cdn.metoon.co.kr/img/menv/ico_fill_coin.png") no-repeat 4px center, #fff;background-size:16px;font-size:10px;font-weight:500;margin:-12px 12px 0 0;}
.ly_fill_prdt .fill_sp_memship_txt dd{position:relative;padding:0 10px 0 12px;font-size:11px;line-height:1.35;word-break:keep-all;word-wrap:break-word;}
.ly_fill_prdt .fill_sp_memship_txt dd + dd{margin-top:6px;}
.ly_fill_prdt .fill_sp_memship_txt dd.not_spon{padding-left:0;padding-top:3px;}
.ly_fill_prdt .fill_sp_memship_txt dd:not(.not_spon):before{content:"-";position:absolute;top:0;left:3px;}
.ly_fill_prdt .fill_sp_memship_txt .ico_badge{width:14px;min-width:14px;height:14px;vertical-align:-2px;margin-left:2px;}
.ly_fill_prdt .fill_sp_memship_txt b + .ico_badge{margin-left:5px;}
#ly_coin_fill .ico_txt_label{padding:1px 5px 1px;border-radius:3px;font-size:0.85em;}
#ly_coin_fill .ico_txt_label.green{background-color:#80c269;color:#fff;text-shadow:0 0 2px rgb(0 0 0 / 20%);}
#ly_coin_fill .ico_txt_label.more{border:1px solid #ddd;background-color:#fff;font-size:1em;color:#707070;margin-left:5px;}
.ly_fill_prdt .fill_sp_memship_amt{position:relative;padding:0 10px;font-size:14px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between;margin-top:8px;}
.ly_fill_prdt .fill_sp_memship_amt .amt_price{padding-left:6px;font-weight:500;}
.ly_fill_prdt .fill_sp_memship_amt .amt_price em{font-size:0.85em;}
.ly_fill_prdt .fill_sp_memship_amt .amt_price em:before{content:"/";padding:0 2px;}
.ly_fill_prdt .fill_sp_memship_amt .memship_btn{display:inline-block;padding:0 12px;height:30px;line-height:30px;border-radius:3px;background-color:#1a1a1a;color:#fff;vertical-align:top;}
input[type="radio"]:checked + label .fill_sp_memship_amt .memship_btn{background-color:#ef2a23;}
.ly_fill_prdt_nm, .ly_fill_mthd, .ly_fill_method, .ly_fill_notice{margin-top:15px;}
.ly_fill_list_item{padding:15px 0 10px;background-color:#fff;border:2px solid #9fcd47;border-radius:12px;}
.ly_fill_list_item .fill_hgroup{padding:0 20px;}
.ly_fill_list_item .fill_ttl{font-size:16px;font-weight:500;}
.ly_fill_list{margin-top:10px;}
.ly_fill_list label{position:relative;display:block;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;font-size:13px;white-space:nowrap;}
.ly_fill_list input[type="radio"]:checked + label{background-color:#ecf5da;}
.ly_fill_list .fill_list_dep{position:relative;padding-left:26px;}
.ly_fill_list .prdt_name.coin{position:relative;padding-left:20px;}
.ly_fill_list .prdt_name.coin:before{content:"";display:block;position:absolute;top:50%;left:0;width:16px;height:16px;background:url("https://cdn.metoon.co.kr/img/menv/ico_fill_coin.png") no-repeat center;background-size:100%;margin-top:-8px;}
.ly_fill_coin_total{position:relative;padding:10px 15px 12px;border:1px solid #dedede;border-radius:3px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between;}
.ly_fill_coin_total .lb_txt_ttl{font-size:13px;padding:2px 8px;color:#fff;border-radius:3px;text-align:center;background-color:#353740;}
.ly_fill_coin_total .total_item{text-align:right;}
.ly_fill_coin_total .total_txt.ttl{font-size:15px;color:#173a8e;line-height:20px;}
.ly_fill_coin_total .total_txt.coin{font-size:13px;color:#707070;margin-top:4px;}
.ly_fill_coin_total .total_txt b{font-weight:500;}
#tc_total_coin{padding-left:25px;background:url("https://cdn.metoon.co.kr/img/menv/ico_fill_coin.png") no-repeat left center;background-size:20px;}

.fill_prem_term_info_ly{display:flex;justify-content:space-between;gap:5px 15px;font-size:12px;margin-top:5px;}
.fill_prem_term_info_ly .tc_memship_t{color:#646464;flex-shrink:0;}
.fill_prem_term_info_ly .term_info_text{font-weight:500;}

.ly_fill_method{padding:15px 15px 17px;border:1px solid #eaeaea;border-radius:3px;}
.ly_fill_mthd.on .ly_fill_method{border-color:#e85454;}
.ly_fill_method .fill_ttl{font-size:16px;font-weight:500;}
.ly_fill_method .pay_meth_list.normal{margin-top:12px;}
.ly_fill_method .pay_meth_list.alt{margin-top:8px;}
.ly_fill_method .pay_meth_list.alt ul{display:none;padding:10px;border:1px solid #eaeaea;border-top:0 none;}
.ly_fill_method .pay_meth_list li{float:left;}
.ly_fill_method .pay_meth_list.normal li{width:-webkit-calc((100% - 12px) / 3);width:-moz-calc((100% - 12px) / 3);width:calc((100% - 12px) / 3);}
.ly_fill_method .pay_meth_list.alt li{width:-webkit-calc((100% - 6px) / 2);width:-moz-calc((100% - 6px) / 2);width:calc((100% - 6px) / 2);}
.ly_fill_method .pay_meth_list.normal li + li, .ly_fill_method .pay_meth_list.alt li:nth-child(even){margin-left:6px;}
.ly_fill_method .pay_meth_list.normal li:nth-child(3n + 1){margin-left:0;}
.ly_fill_method .pay_meth_list.normal li:nth-child(n + 4), .ly_fill_method .pay_meth_list.alt li:nth-child(n + 3){margin-top:6px;}
.ly_fill_method .pay_meth_list a{position:relative;display:block;padding:12px 4px 10px;border:1px solid #eaeaea;font-size:13px;color:#707070;text-align:center;}
.ly_fill_method .pay_meth_list .ios_inapp a{padding-top:10px;}
.ly_fill_method .pay_meth_list img, .ly_fill_method .pay_meth_list span{display:block;}
.ly_fill_method .pay_meth_list img{height:20px;max-width:100%;margin:0 auto 8px;}
.ly_fill_method .pay_meth_list .ios_inapp img{height:25px;max-width:none;margin:0 auto 5px;}
.ly_fill_method .btn_payment_alt{position:relative;border:1px solid #eaeaea;padding-left:45px;line-height:38px;font-size:14px;color:#707070;cursor:pointer;}
.ly_fill_method .btn_payment_alt .radiobox{margin-left:18px;}
.ly_fill_method .btn_payment_alt .ico_arrow{position:absolute;top:50%;right:0;height:8px;margin:-4px 15px 0 0;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:transform .14s;transition:transform .14s;}
.ly_fill_method .btn_payment_alt.on .ico_arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.ly_fill_notice .fill_notice_item{padding:6px 10px;border:1px solid #eaeaea;border-radius:3px;font-size:12px;margin-top:10px;}
.ly_fill_notice .btn_noti_tgg{position:relative;display:block;width:100%;line-height:18px;padding:0 4px;font-size:14px;text-align:left;margin:5px auto;}
.ly_fill_notice .btn_noti_tgg i{position:absolute;top:50%;right:4px;width:16px;height:16px;background-image:url("https://cdn.metoon.co.kr/mimg/ic_cfp_down.png");background-repeat:no-repeat;background-position:center;background-size:100%;margin-top:-8px;}
.ly_fill_notice .btn_noti_tgg.on i{background-image:url("https://cdn.metoon.co.kr/mimg/ic_cfp_up.png");}
.ly_fill_notice ul{display:none;margin-top:10px;}
.ly_fill_notice li{position:relative;padding-left:15px;line-height:1.35;color:#707070;margin-bottom:5px;word-break:keep-all;word-wrap:break-word;}
.ly_fill_notice li:before{content:"·";position:absolute;top:0;left:4px;font-weight:800;}
.ly_fill_special_notice{text-align:center;line-height:1.35;word-break:keep-all;word-wrap:break-word;margin-bottom:12px;}
.ly_fill_special_notice dt{font-size:16px;font-weight:500;color:#ef2a23;}
.ly_fill_special_notice dd{font-size:14px;color:#707070;margin-top:3px;}

@media all and (min-width:1000px){
	/* 충전 레이어팝업 */
	#layer_coin_fill .layer_vert_item::-webkit-scrollbar{width:10px;background-color:rgba(0, 0, 0, 0.15);}
	#layer_coin_fill .layer_vert_item::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.1);}
	.ly_fill_method .pay_meth_list a{transition:border .12s;}
	.ly_fill_method .pay_meth_list a:hover{border-color:#469af1;}
}
@media all and (max-width:359px){
	/* 충전 레이어팝업 */
	.ly_fill_prdt .fill_sp_memship_txt dt span:before{content:none;}
	.ly_fill_method .pay_meth_list a{font-size:11px;}
}