@charset "utf-8";

input{appearance:none;}
input[type="text"]{border:1px solid #ababab; color:#000; font-size:14px;}
/* input[type="checkbox"]{position:relative !important; z-index:0 !important} */
.direct-waper input[type="checkbox"]{position:relative !important; z-index:0 !important}
input::placeholder{color:#808080 !important;}
label{padding-left:0; background-image:none ;}
label,input{cursor:pointer;}
table{border-collapse:collapse !important;}
/* .direct-waper * {color:#000; box-sizing:border-box; letter-spacing:-0.5px; font-size:14px; line-height:1.5;font-family: "NotoSansKR", "Noto Sans CJK KR","Noto Sans KR", sans-serif !important;} */
.direct-waper * {color:#000; box-sizing:border-box; letter-spacing:-0.5px; font-size:14px; line-height:1.5;}
/* .direct-waper :disabled {opacity:0.3;} */
.direct-waper h2, .titdeth2{font-size:20px; font-weight:bold; margin:0 0 24px 0; text-align:center;color:#000;font-size:20px; word-break: keep-all; letter-spacing: -1.5px;}
.link-black, .link-white{display:inline-block; padding:0 24px; line-height:43px; border-radius:8px; font-size:14px;text-align: center;}
.link-black{
    background:#000 url(/images/direct/m/arrow_w.png) calc(100% - 12px) center/16px auto no-repeat;
    color:#fff !important; border:1px solid #000;
}
.link-white{
    background:#fff url(/images/direct/m/arrow_b.png) calc(100% - 12px) center/16px auto no-repeat;
    color:#000; border:1px solid #A8A8A8;
}
.link-point {color: #a9fff0 !important}
.number-list {counter-reset:list-number;}
.number-list > li {position:relative; padding-left:26px; counter-increment:list-number;}
.number-list > li:before {text-indent:-1px; content:counter(list-number); position:absolute; left:0; width:20px; height:20px;line-height: 19px; background-color:#525252; color:#fff; text-align:center; border-radius:50%;font-weight: bold;;}
.number-list > li:last-of-type{margin-bottom:0 !important;}
.number-list.num li{padding-left:16px; text-align:left; color:#161616; font-weight:400;}
.number-list.num > li:before {position:absolute; left:0; width:auto; content:counter(list-number)"."; background-color:#fff; text-align:left; border-radius:0; color:inherit; font-size:14px;}

.line-list > li {position:relative; padding-left:10px; font-size:14px; color:#161616;}
.line-list > li::before{content:"-"; position:absolute; left:0;}
.line-list > li:last-of-type{margin-bottom:0 !important;}
.line-list > li.no-line{padding-left:14px;}
.line-list > li.no-line::before{display:none}
.line-list > li.no-line em{position: absolute;left:0;}
.line-list > li .line-list {margin-top:2px;}
.line-list > li .line-list li{margin-top:0;}

.star > li{position:relative;padding-left:15px;}
.star > li::before{position:absolute; left:0; content: "※";}

/* faq common*/
[faq-area] [faq-trigger]{position:absolute;top: 0;right: 0;width: 40px;height: 100%;font-size:12px;color:transparent;z-index: 10;}
[faq-area] [faq-trigger]:after{content:"";position:absolute;right:20px;top:50%;  width:16px;height:16px; background:url(/images/direct/m/arrow_up.png) 0 0/16px auto  no-repeat; transition:transform 0.5s; transform:translateY(-50%) rotate(180deg); }
[faq-area] [faq-trigger]:focus {outline:none !important;}
[faq-area] [faq-action="q"].open [faq-trigger]:after{transform:translateY(-50%) rotate(0deg);}
[faq-area] [faq-action="q"]{position:relative;font-size:14px;font-weight:bold;    padding: 20px 40px 20px 20px;}

[faq-area] [faq-action="a"]{display:none;}
[no]{background-color:rgba(255,0,0,0.5);}

.sub, .sub li, .line-list.sub > li{display:block; font-size:12px; color:#525252;}
.sim-model .devcie-check,
.input-explanation .devcie-check,
.esim-join .model,
.icon-plus-2{display:inline-block; line-height:20px; font-size:14px; padding-right:28px; background:url(/images/direct/m/icon_plus.png) right center/20px auto no-repeat;font-weight:bold; }

.sub, .line-list.sub > li{display:block; font-size:12px; color:#525252;}
.how-to-join-esim .esim-check div a.plus,
.icon-plus{display:inline-block; height:20px;   padding-right:28px; font-size:14px; font-weight:500; color:#108882 !important; background:url(/images/direct/m/icon_plus_2.png) right center/20px auto no-repeat; }

/* 재정의 */
.order-paper .raw-list li input[type=checkbox] {position:absolute !important}

.hidden,caption {
    overflow:hidden !important;
    width:1px !important; 
    height:1px !important;
    padding:0 !important;
    clip:rect(0,0,0,0) !important;
    white=space:nowrap !important; 
    border:0  !important; 
    font-size:1px !important;
    position:relative;
    top:0;
}