.termsWrap {/* position:fixed;overflow:hidden;position:relative;display:table-cell;*/width:100%;height:100%;vertical-align:middle;padding:0px 0}
.termsConWrap {display:block;max-width:100%;min-height:100%;margin:0 auto 0;padding:0px;border:none;border-radius:2px;box-sizing:border-box}
.detailWrap {padding:27px 20px}
.terms-con {padding:0px 20px 30px}
.graybg {background-color:#eff0f4}
.lightgraybg {background-color:#f6f6f6}
.terms-con .terms-list li {position:relative;padding:0 0 4vh 0}
.txt-check {overflow:hidden;display:block;font-size:15px;line-height:22px;color:#202020}
.link-more {display:inline-block;padding:0 0 0 10px;line-height:22px;}

.white_content > div {display:block;width:99%;height:98%;min-width:320px;padding:10px;margin:0px auto 10px auto;overflow-y:auto;overflow-x:hidden}
.modal-content-wrap {width:100%;margin:0 auto;padding:20px 5px 20px 5px;background-color:#fff;border-radius:3px;box-sizing:border-box;box-shadow:0 2px 6px rgba(0,0,0,0.6), 0 2px 7px rgba(0,0,0,0.6);transition: all 0.1s cubic-bezier(.25,.8,.25,1)}
.modal-content-wrap .termsbox {width:100%;margin:0 auto;max-height:730px;background-color:#fff;padding:15px 10px 10px 10px;overflow:auto;line-height:1.4em;box-sizing:border-box}
.white_content .modal-content-wrap > a {position:absolute;top:50px;right:30px;font-weight:bold;width:20px;height:20px}
.white_content .modal-content-wrap > p {position:relative;width:98%;padding:10px 10px 15px 10px;border-bottom:1px solid #ececec;margin:0 auto}

.terms_btn {width:100%;margin:0px auto;position:fixed;bottom:0px}
.terms_btn .submitbtn {width: 100%;height: 55px;padding: 10px 15px 10px;background-color: rgba(65, 137, 235, 0.3);border: none;border-radius: 0px;color: #fff;font-family: 'Noto Sans KR', sans-serif;font-size: 15px;font-weight: 700;box-sizing: border-box}
.terms_btn.on .submitbtn {background-color: rgba(65, 137, 235, 1);border-radius: 0px;}


/* 약관상세보기 */
.termsbox ul li {/*padding:0 0 10px 0;*/line-height:20px}
/* .termsbox .title {font-weight:bold;color:#333333;font-size:1.12em;letter-spacing:-1px;}*/
.termsbox .strong {color:#e89100;font-weight:bold}

.list {border:1px solid #8c8c8c;border-radius:4px}
.list li.line {padding:5px 10px;}

/* agreement */
.termsbox {padding:0px;line-height:1.4em;color:#565656}
.termsbox header{padding:0 0 20px 0;color:#333;font-size:100%;line-height:18px;color:#565656}
.termsbox .topTile{padding:0 0 20px 0;font-weight:bold;color:#202020;font-size:1.4em}
.termsbox .h_sub{padding:0 0 25px 0}

.termsbox li{padding:10px 0 10px 10px;list-style:none}
.termsbox .m_Title{padding:0 0 15px 0;font-weight:bold;color:#505050}
.termsbox li .subT{color:#333333}
.termsbox li .top{font-weight:normal;font-size:90%;color:#e16a00}
.termsbox li .com{padding:10px 0 0 0}
.termsbox .bu_s{padding:0 0 0 20px}
.termsbox .bu_right{text-align:right}
.termsbox .space{padding:15px 0 0 0}
.termsbox .space2{padding:15px 0 10px 0}
.termsbox .title{font-weight:bold;color:#202020;font-size: 1.15em;padding:0 0 10px 0px}
.termsbox .list{border:1px solid;border-color:#eeeeef;margin-bottom:20px}
.termsbox .list .line{padding:5px 0;border:1px solid;border-color:#eeeeef;border-top-style:none;border-left-style:none;border-right-style:none;padding:10px 10px 10px 15px;font-size:1.05em}
.termsbox .list .last_line{padding:10px 10px 10px 15px;font-size:1.05em}
.termsbox ul:not(.list) {padding: 25px 0 13px 0;border-bottom: 1px solid #ececec}
.termsbox ul.rules {padding:10px 0 0px 0;border-bottom:none !important}
.termsbox ul li p.indent {padding-left:15px}
.termsbox ul li .strong {color:#0086ed;font-weight:bold}
p.pahra {padding:10px 0 15px 10px}
.mt10 {margin-top:10px}

.termsbox .n_list{border:1px solid;border-color:#eeeeef;border-bottom-style:none}
.termsbox .n_list .line2{padding:0;border:1px solid;border-color:#eeeeef;border-top-style:none;border-left-style:none;border-right-style:none}
.termsbox .n_list .line2 .subList li{background:url(http://img.atlan.co.kr/_smart/smart_bu.jpg) no-repeat 0 6px;padding:0 0 0 10px}
.termsbox .n_list .line2 .subList{width:65%;padding:10px 12px 10px 10px;margin:0 0 0 30%;border:1px solid;border-color:#eeeeef;border-top-style:none;border-right-style:none;border-bottom-style:none}
.termsbox .n_list .line2 .left{font-weight:bold;overflow:auto;float:left;width:30%;border:1px solid;border-color:#eeeeef;border-top-style:none;border-left-style:none;border-bottom-style:none;padding:10px 0 10px 0;text-align:center}
.termsbox .n_list .line2 .left2{overflow:auto;float:left;width:30%;text-align:center;padding:10px 0 0 0}
.termsbox .n_list .line2 .right{font-weight:bold;padding:10px 0 10px 0;text-align:center}
.termsbox .number{background-color:#f4f4f6;padding:10px;line-height:150%}

/* mapLaw */
/* .mapLaw{padding:12px;overflow:auto;line-height:140%} */
/* .mapLaw .topTile{padding:0 0 7px 0;font-size:16px;letter-spacing:-1px;font-weight:bold;color:#0086ed} */
.map_bu{color:#0086ed}
ol.law_list{list-style-type:decimal;padding:15px 0 12px 18px}
ol.law_list li{padding:0 0 10px 0}
.tip{color:#0086ed}
.company_topTile{padding:0 0 15px 0;font-size:16px;letter-spacing:-0.02em;font-weight:bold;color:#0086ed}
.law_company{padding:0 0 15px 0}
.law_company .company_title{font-weight:bold;color:#252525}

/* FAQ */
.faqWrap {padding: 0 3.5vw;}
.faq-list {font-weight:500;border-bottom:1px solid #ececec}
.faq-title {padding:3vh 0;font-size:1.1em;line-height:1.2em;font-weight:700;background:url('../image/faq/icon_list_open_3.png') no-repeat right center;}
.faq-title a {display:block;width:100%;padding-right:25px;box-sizing:border-box;text-decoration:none;color:#555555}
.faq-title.selected {background:url('../image/faq/icon_list_close_3.png') no-repeat right center;}
.faq-title a span.keyword {font-weight:500;color:#0086ed}
.faq-content {padding:2vh 1vw 3vh;background-color:#fff;color:#7b7b7b}

/* 내쿠폰함 도움말 */
.explain {display:flex;line-height:1.4em;box-sizing:border-box}
.ptb-space {padding:7px 0}
.explain .l-col {width:10px;box-sizing:border-box}
.explain .r-col {position:relative;flex:1}
.mt-space {margin-top:10px}
.mb-space {margin-bottom:7px}
.reduction {letter-spacing:-0.5px}

/* 웹뷰 페이지 공통 레이아웃 */

.allWrap {/* position:fixed;overflow:hidden;*/width:100%;height:100%;vertical-align:middle;/* padding:50px 0; */font-family:"Noto Sans Korean"}
.conWrap {display:block;width:100%;margin:0 auto 0;padding:0px;border:none;border-radius:2px;box-sizing:border-box;color:#202020}
.deWrap {padding:20px 20px}
.cupon {color:#646464}

.contBox {width:100%;margin:0 auto;max-height:730px;/* background-color:#fff; */padding:7px 0;line-height:1.4em;box-sizing:border-box}
.deWrap .title {padding:0 0 10px 0px;font-weight:bold;font-size:1.15em;letter-spacing:-1px}
.deWrap .title-cupon {padding:0 0 10px 0px;font-weight:bold;font-size:1.15em;letter-spacing:-1px;color:#646464}
.contBox .strong {color:#4189eb}
.contBox .strong2 {color:#0019F4;font-size:1.15em;font-weight:bold;}
.contBox .strong3 {font-weight:bold;text-decoration: underline;}

.deWrap.agreeconbox {display:flex;justify-content:center;flex-direction:column}

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
    .termsConWrap {display:block;max-width:100%;min-height:100%;margin:0 auto 0;padding:0px;border:none;border-radius:2px;box-sizing:border-box}
    .white_content > div {
        display: block;
        width: 99%;
        height: 98%;
        min-width: 320px;
        /* padding: 16px; */
        margin: 0px auto 10px auto;
        overflow-y: auto;
        overflow-x: hidden
    }
    .white_content .modal-content-wrap > p {position:relative;width:99%;padding:10px 0px 10px 10px;}
    .termsbox {margin:0px}
    .txt-check {overflow:hidden;display:block;font-size:14px;line-height:22px;color:#202020;letter-spacing:-1px}
    .toptitle .info + p {padding:5px 0 0 33px;font-size:13px;color:#8c8c8c;line-height:17px;letter-spacing:-1px}
}