@charset "UTF-8";

/* 7일 무료체험 결제 레이어 팝업 */
.tunse_ftrial_layer{display:-webkit-flex;display:-moz-flex;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;overflow:overlay;z-index:100000;overscroll-behavior:contain;}
.popup_back{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);}
.tunse_ftrial_ly{position:relative;max-width:440px;width:100%;background-color:#FAFAFA;/* overflow:hidden; */z-index:2;margin:auto;transform:translateY(-200px);opacity:0.2;transition-property:transform, opacity;transition-duration:0.25s;}
.tunse_ftrial_layer.active .tunse_ftrial_ly{transform:translateY(0);opacity:1;}
.tunse_ftrly_close{float:right;position:sticky;top:5px;padding:5px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:0 none;border-radius:0;box-shadow:none;outline:none;z-index:10;cursor:pointer;margin-top:5px;margin-right:5px;}
.tunse_ftrly_close svg{width:16px;fill:#141414;}
.tunse_ftrly_head{padding:20px 0 15px 31px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 10px;font-size:24px;color:#97bd4d;}
.tunse_ftrly_logo{height:34px;flex-shrink:0;}
.tunse_ftrly_line{border:1px solid #e1e4e5;margin:0;}
.tunse_ftrly_benf{display:flex;flex-direction:column;align-items:center;padding:24px 20px;font-size:17px;color:#464646;}
.tunse_ftrly_benf .ttl{font-weight:700;text-align:center;}
.tunse_ftrly_benf ul{margin:15px auto 0;}
.tunse_ftrly_benf li{display:flex;gap:5px 12px;}
.tunse_ftrly_benf li + li{margin-top:7px;}
.tunse_ftrly_benf li svg{width:20px;height:18px;fill:#97BD4D;flex-shrink:0;}
.tunse_ftrly_amt{display:flex;justify-content:space-between;align-items:center;padding:12px 30px;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;font-size:22px;color:#141414;}
.tunse_ftrly_amt .amt_disp{display:flex;align-items:center;gap:5px 8px;}
.tunse_ftrly_amt .name{padding-top:2px;font-weight:700;}
.tunse_ftrly_amt .origin_price{position:relative;display:inline-block;padding:0 16px 0 5px;font-size:0.72em;}
.tunse_ftrly_amt .origin_price:before, .tunse_ftrly_amt .origin_price:after{content:"";display:block;position:absolute;}
.tunse_ftrly_amt .origin_price:before{top:0;bottom:0;left:0;width:100%;height:1px;background-color:#D60000;margin:auto;}
.tunse_ftrly_amt .origin_price:after{top:50%;right:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #D60000;margin-top:-8px;}
.tunse_ftrly_amt .sale_price{font-size:1.4em;font-weight:900;}
.tunse_ftrly_amt .ft_sml{font-size:0.72em;}
.tunse_ftrly_methods{padding:25px 20px;}
.tunse_ftrly_methods .ttl{display:flex;align-items:center;justify-content:center;gap:5px 7px;font-size:19px;font-weight:#141414;text-align:center;}
.tunse_ftrly_methods .ttl:before, .tunse_ftrly_methods .ttl:after{content:"·";font-weight:900;}
.tunse_ftrly_meth_li{display:flex;flex-wrap:wrap;gap:10px 10px;margin-top:20px;}
.tunse_ftrly_meth_it{position:relative;display:flex;align-items:center;justify-content:center;gap:5px 8px;width:calc((100% / 2) - 5px);padding:14px;border:1px solid #C1C1C1;background-color:#FFFFFF;font-size:14px;color:#464646;line-height:1;box-sizing:border-box;}
.tunse_ftrly_meth_it img{height:26px;object-fit:contain;}
.tunse_ftrly_meth_it:before{content:"";display:block;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid #97BD4D;margin:auto;box-sizing:border-box;opacity:0;transition:opacity 0.2s;}

@media (hover:hover) and (pointer:fine){
	.tunse_ftrly_meth_it:hover:before{opacity:1;}
}