@charset "utf-8";
.hide{position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;clip:rect(0 0 0 0);font-size:medium;line-height:normal;color:transparent !important;word-break:break-all}
.bold{font-weight:500 !important}
.u{text-decoration:underline !important}
.global_terms a,
.global_terms a:hover {color:#333}
.global_terms{display:none;z-index:30;position:fixed;top:0;left:0;width:100%;height:100%}
.global_terms.on{display:block}
.global_terms:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.65)}
.global_terms .fsup{font-size:14px !important}
.global_terms .wrap{
    width:86%;width:564px;padding:55px 40px 45px;
    z-index:1;background-color:#fff;
    position:absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.global_terms .close{font-size:0;position:absolute;height:26px;top:30px;display:block !important}
.global_terms .close i,
.global_terms .close i:before{display:inline-block;background-color:#222}
.global_terms .close i{
    font-size:0;line-height:0;color:transparent;
    position:relative;vertical-align:top;height:1.5px;width:22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.global_terms .close i:before{
    content:'';width:1.5px;height:22px;
    position:absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.global_terms .tabs{font-size:0}
.global_terms .tabs li{display:inline-block;vertical-align:middle;width:33.3%}
.global_terms .tabs li button{width:100%;background-color:#333;height:40px;color:#888;font-size:13px}
.global_terms .tabs li button.on{background-color:#fff;color:#000}
.global_terms .head{margin-bottom:15px}
.global_terms .head h1{font-size:24px}
.global_terms .head.right .close{right:40px}
.global_terms .content{overflow: scroll;height:500px}
.global_terms .content pre{padding:10px;line-height:1.7;font-size:12px;color:#333}
.global_terms .content pre h2{margin-bottom:5px;font-size:16px;color:#000}
.global_terms .content pre h3{font-size:14px}
.global_terms .content pre table{margin-top:15px;border-top:1px solid #333;border-right:1px solid #333}
.global_terms .content pre table table{margin-top:0}
.global_terms .content pre th,
.global_terms .content pre td{padding:4px;border-bottom:1px solid #333;border-left:1px solid #333;font-size:12px}
.global_terms .content pre th{background-color:#e8e8e9}
.global_terms .content pre td{word-break:break-all}
.global_terms .content pre hr{border-style:dashed}

.global_terms.full:before{display:none}
.global_terms.full .wrap{
    position:relative;width:100%;height:100%;top:0;left:0;border-radius:0;padding:0;
    -webkit-transform: translate(0,0);transform: translate(0,0);
}
.global_terms.full .fsup{font-size:16px !important}
.global_terms.full .head{
    position:fixed;top:0;left:0;width:100%;margin-bottom:0;z-index:1;
    background-color:#fff;border-bottom:1px solid #e5e5e5;
}
.global_terms.full .head h1{position:relative;padding:15px 50px 20px 15px;font-size:18px}
.global_terms.full .head .close{top:14px}
.global_terms.full .head.right .close{right:18px}
.global_terms.full .head.left h1{padding-right:50px}
.global_terms.full .head.left h1{padding-left:50px;text-align:center}
.global_terms.full .head.left .close{left:18px}
.global_terms.full .content{height:100%;padding:76px 20px 20px;-webkit-overflow-scrolling: touch}
.global_terms.full .content pre{padding:0;font-size:14px}
.global_terms.full .content pre h2{font-size:16px}
.global_terms.full .content pre h3{font-size:14px}


/*약관팝업 (빌레터)*/
.clause_popup{z-index: 9999; display: none; position: fixed; top: 0; left: 0; right: 0; width:100%; height: 100%; margin: 0 auto; background-color: #000;}
.clause_popup .pop_cont{position: absolute; top: 0; left: 0; right: 0; max-width: 100%; width: auto;height:100%; margin: 0 auto; padding: 0 16px; background-color: #fff; overflow: scroll;}
.clause_popup .pop_cont .pop_wrap { background-color: #fff; overflow: hidden; -ms-overflow-style: none; scrollbar-width: none; }
.clause_popup .pop_cont .pop_wrap::-webkit-scrollbar { display: none; }
.clause_popup .pop_cont .pop_wrap .top { position: fixed; top: 0; left: 0; width: 100%; height: 78px; background-color: #fff; }
.clause_popup .pop_cont .pop_wrap .top h1 { text-align: center; font-size: 1.500rem; padding: 20px 0; border-bottom: 2px solid #000; }
.clause_popup .pop_cont .pop_wrap .content { margin-top: 78px; padding: 13px 0; font-size: 13px; height: 70%; }
.clause_popup .pop_cont .pop_wrap .content p, ol table { padding: 13px 0; }
.clause_popup .pop_cont table { width: 100%; border: 1px solid #000; text-align: center; }
.clause_popup .pop_cont table tr th { background-color: #ccc; border: 1px solid #000; }
.clause_popup .pop_cont table tr td { border: 1px solid #000; }
.clause_popup .pop_cont .pop_wrap .back_box { z-index: 9999; position: fixed; top: 23px; left: 16px; width: 30px; height: 30px; }
.clause_popup .pop_cont .pop_wrap .header { position: fixed; left: 0; right: 0; top: 0; width: 100%; height: 50px; background-color: #ffffff; border-bottom: solid 0.5px #dddddd; z-index: 1000; }
.clause_popup .pop_cont .pop_wrap .header a { display: block; width: 16px; height: 13.8px; margin-top: 18px; margin-left: 3.3%; float: left; }
.clause_popup .pop_cont .pop_wrap .header img { width: 16px; height: 13.8px; }
.clause_popup .pop_cont .pop_wrap .header h1 { position: absolute; width: 100%; margin: 0 auto; margin-top: 15px; font-family: AppleSDGothicNeoB00; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #333333; float: left; z-index: -1; }
.clause_popup pre h2{margin-bottom:5px;font-size:16px;color:#000}
.clause_popup pre table{margin-top:15px;border-top:1px solid #333;border-right:1px solid #333}
.clause_popup pre table table{margin-top:0}
.clause_popup pre th,
.clause_popup pre td{padding:4px;border-bottom:1px solid #333;border-left:1px solid #333;font-size:12px}
.clause_popup pre th{background-color:#e8e8e9}
.clause_popup pre td{word-break:break-all}
.clause_popup pre hr{border-style:dashed}


@media all and (max-width:768px) {
    .global_terms:before{display:none}
    .global_terms .wrap{
        position:relative;width:100%;height:100%;top:0;left:0;border-radius:0;padding:0;
        -webkit-transform: translate(0,0);transform: translate(0,0);
    }
    .global_terms .fsup{font-size:16px !important}
    .global_terms .head{
        position:fixed;top:0;left:0;width:100%;margin-bottom:0;
        background-color:#fff;border-bottom:1px solid #acacac;
    }
    .global_terms .head h1{position:relative;padding-top:15px;padding-bottom:15px;padding-left:20px;font-size:18px}
    .global_terms .close{top:10px}
    .global_terms .head.right .close{right:10px}
    .global_terms .head.left h1{padding-right:50px}
    .global_terms .head.right .close{right:10px}
    .global_terms .head.left h1{padding-left:50px;text-align:center}
    .global_terms .head.left .close{left:10px}
    .global_terms .content{height:100%;padding:20px;-webkit-overflow-scrolling: touch}
    .global_terms .content pre{padding:0;font-size:14px}
    .global_terms .content pre h2{font-size:18px}
    .global_terms .content pre h3{font-size:16px}
    .global_terms .content pre th,
    .global_terms .content pre td{font-size:14px}
}
.red {color:red}