@charset "UTF-8";
@import "https://shop.kt.com/common/pc/kt_css/KT_0.font.css";
.order-paper *{font-family: "Noto sans KR";}

html.wrap-order, html.wrap-order body{height: 100% !important;min-height: initial !important;padding:0;margin:0;min-height: initial;}
html.wrap-order body{min-width:320px;background-color:#f8f8f8}
html.wrap-order #NewSub{background-color:#f8f8f8}
html.wrap-order #cfmClWrapper,
html.wrap-order #mCfmClWrapper{display:none}
.wrap-order #NewSub{height:100%}
.full-h{height:100%}

header a .blind{overflow:hidden;position:absolute;width:1px ;height:1px;margin:-1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);}


/*모바일 위로 가기 삭제*/
.btnScrollTop.btnScrollTopNone{display:none !important}
#loadViewArea{height:auto}
.bg-order-paper{background-color:#f8f8f8}
.order-paper ::-webkit-input-placeholder, .popup ::-webkit-input-placeholder{color:#909090 !important;font-size:15px; }
.order-paper :-ms-input-placeholder, .popup  :-ms-input-placeholder{color:#909090 !important;font-size:15px; }
.order-paper ::placeholder, .popup ::placeholder{color:#909090 !important;font-size:15px; }
.order-paper input[type=checkbox]::-ms-check, .popup input[type=checkbox]::-ms-check
.order-paper input[type=radio]::-ms-check, .popup input[type=radio]::-ms-check{display:none}

.order-paper input[type=checkbox].checkbox,.order-paper input[type=radio].checkbox{position:relative !important;left:0;top:0;width:25px;height:25px;border-radius:12px;box-sizing:border-box;background: url(/unify/m/images/mobile/order/cert/icon_check_off.png) center center no-repeat;background-size:25px;z-index:0;z-index:1}
.order-paper input[type=checkbox].checkbox:checked, .order-paper input[type=radio].checkbox:checked{background-image:url(/unify/m/images/mobile/order/cert/icon_check_on.png)}
.order-paper input + label{background-image:none}
.order-paper input:checked + label{background-image:none;color:#000 !important}
.order-paper input:checked + label .point{color:#01A69F !important}
.order-paper input.input-line{border:1px solid #ccc}

.wrap-order{min-width:320px;height:100%;}
body.overflow{overflow:hidden}
.order-paper .section-area .msg{display:none;position:relative;padding-left:20px;margin-top:15px;font-size:12px;color:#FE2C55;line-height:1.4}
.order-paper .section-area .msg em{position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #FE2C55;color:inherit;text-align:center;border-radius:7px}
.order-paper label{cursor:pointer}
.order-paper .hide{text-indent:-9999px;overflow:hidden}
.order-paper strong, .order-paper .bold{font-weight:bold}
.order-paper .fc-95{color:#909090}
.order-paper .bg-f4{background-color:#f4f4f4}
.wraper-area{max-width:500px; height:100%;margin:0 auto;background-color:#f8f8f8}
.order-paper .content{position:relative;padding:0 20px;min-height:calc(100% - 212px)}
.order-paper .content.content-device{min-height:calc(100% - 256px);padding-bottom:30px;}
/* .order-paper .content.content-raw{min-height:calc(100% - 200px)} */
.order-paper .icon-date,
.order-paper input[type="date"]::-webkit-calendar-picker-indicator {background:url(/images/pc/common/bl_calender.gif) calc(100% - 5px) center no-repeat !important;}


#wrapView .content{min-height:calc(100% - 313px)}
.order-paper .content.delivery-content,.content.content-type-2{min-height:calc(100% - 112px);padding-bottom:20px}
.order-paper .content.map-content{min-height:100%;padding:0;  }
.order-paper .content.map-content .close{position:absolute;top:26px;right:25px;width:24px;height:24px;background:url(/unify/m/images/mobile/order/cert/popup_clos.png) center center no-repeat;background-size:12px;text-indent:-9999px;overflow:hidden}
#oneLoading{position:fixed; top:0;bottom:0; left:0; right:0;z-index:10000; background:rgba(0,0,0,0.8) url(/unify/m/images/common/loading.gif) center center no-repeat;
background-size:150px auto;font-size:0;color:rgba(0,0,0,0.8);}
.order-paper .tab-box{display:none}
/*select box*/
.order-paper .select-type{width:100%;min-width:auto;-webkit-appearance: none;  /* 네이티브 외형 감추기 */-moz-appearance: none;
appearance: none;  background:transparent url(/unify/m/images/mobile/order/cert/icon_arrow_bottom_4.png) right center no-repeat;
background-size:13px auto;font-size:15px;color:#909090;height:42px;}

.order-paper .select-type.type2{background-image: url(/unify/m/images/mobile/order/cert/icon_arrow_right_2.png);background-size:auto 13px;}
.order-paper select.select-type::-ms-expand {display:none}
.order-paper .select-type.selected{color:#000}
.order-paper .full{height:100%;overflow:auto;}
.order-paper  header{height:100px;position:relative;}
.order-paper  header.phone-title{height:200px;background-color:#f4f4f4}
.order-paper  header h1{display: inline-block;margin:32px 20px 0 35px;font-size:16px}
/* .order-paper  header a{position:relative;padding-left:19px;font-weight:500;display:inline-block;cursor:pointer;text-align:left;font-size:16px;width: 9px;height: 14px;} */
.order-paper  header a{width: 9px;height: 14px;background:url(/unify/m/images/mobile/order/cert/icon-arrow-left.png) 0 0 no-repeat;background-size:100%;position:absolute;top:35px;left:20px;}
.order-paper  .order-bottom, .popup .order-bottom{padding:30px 20px}
.order-paper  .order-bottom:after,.popup .order-bottom:after{content:"";display:block;clear:both}
.order-paper .content > .order-bottom {padding:50px 0 30px}
/* #viewStep1 .order-bottom{padding-bottom:80px;} */
.order-paper .order-bottom.two .btn{width:calc(50% - 3px)}
.order-paper .order-bottom.two .btn:last-child{float:right;background-color:#ededed;color:#000}
.order-paper .order-bottom.two-2 .btn{width:calc(50% - 3px)}
.order-paper .order-bottom.two-2 .btn:first-child{background-color:#000;color:#fff}
.order-paper .order-bottom.two-2 .btn:last-child{float:right;background-color:#ededed;color:#000}

.order-paper .order-bottom .cancel{background-color: #ededed;}
.order-paper .order-bottom .black{background-color: #000 !important; color:#fff !important;}
.order-paper .order-bottom.order-bottom-inner{padding-left:0;padding-right:0}
.order-paper .btn-wrap:after{content:"";display:block;clear:both}
.order-paper .btn-wrap .btn{margin:0;font-size: 13px;font-weight: 400;line-height: 40px;color: #000;background: #EDEDED;}
.order-paper .btn-wrap button.active{color: #fff; background: #000;}
.order-paper .btn-wrap .bottom-text{margin-bottom: 10px; font-size: 13px;}
.order-paper .btn-wrap.two .btn{width:calc(50% - 3px)}
.order-paper .btn-wrap.two .btn:last-child{float:right;background-color:#ededed;color:#000}

.order-paper .btn-change, .order-paper .btn-search{background-color:#000;color:#fff;font-weight:700;font-size:13px;padding:0 15px;height:27px;border-radius:4px}
.order-paper .check-1{width:25px;height:25px;background-color:#000;border-radius:13px}
.order-paper .check-1.selected:after{content:"";position:absolute;top:50%;left:50%;display:block;width:5px;height:10px;border-bottom:3px solid #fff;border-right:3px solid #fff;transform:translate(-50%,-67%) rotate(45deg);-webkit-transform:translate(-50%,-67%) rotate(45deg)}
.order-paper .check-1[style*='#FFF'].selected:after,
.order-paper .check-1[style*='#fff'].selected:after,
.order-paper .check-1[style*='255, 255, 255'].selected:after{border-color:#000}
.order-paper .arrow{position:relative;padding-right:11px;font-size:13px}
.order-paper .arrow:after{content:"";position:absolute;top:50%;right:0;width:6px;height:6px;border-right:1px solid #000;border-bottom:1px solid #000;transform:rotate(-45deg) translateY(-50%);-webkit-transform:rotate(-45deg) translateY(-50%);margin-top: -1px}
.order-paper .arrow-2{color:#01A69F}
.order-paper .arrow-2:after{border-color:#01A69F}
.order-paper .row{display:table;width:100%;table-layout:inherit}
.order-paper .row .td{display:table-cell}
.order-paper .row .td.r{text-align:right}
#popup-store-one .addr a[href*="tel"],
.phone-call[href*="tel"]{display: inline-block;padding-right:30px;line-height:23px;background:url(/unify/m/images/mobile/order/cert/icon_tel.png) right 0 no-repeat;background-size:23px 23px}
/* color */
.order-paper .order-ok-area .row.deduction .td,
.order-paper .order-ok-area .row.deduction .td *{color:red}
#wrapList{position:relative;overflow:visible}
/* #wrapStep1 .content{min-height: calc(100% - 332px);} */
/*#wrapStep1 .content{min-height: calc(100% - 248px);} */
.order-paper .tab-charge{display:flex; display:-ms-flexbox; margin-bottom:27px;}
.order-paper .tab:after{content:"";display:block;clear:both}
.order-paper .tab-charge li{flex-grow:1;-ms-flex:1;width:100%;padding: 1px 1px 1px 0;}
.order-paper .tab-charge li a{display:block;line-height:46px;text-align:center;font-size:15px;background-color:#fff;color:#000;}
.order-paper .tab-charge li:last-child {margin-left: 1px;}
.order-paper .tab-charge li:first-child a {border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.order-paper .tab-charge li:last-child a {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.order-paper .tab-charge li a.active{background-color:#5DDFDE;font-weight:bold;}
.order-paper .tab-charge li a .ico{display:inline-block;overflow:hidden;color:transparent;font-size:1px;line-height:1;padding:0;margin:0;vertical-align:middle;}
.order-paper .tab-charge li a .ico.naver{width:14px;height:15px;background:url(/images/pc/common/logo_naver_auth.png) -15px 0 no-repeat;background-size:auto 15px;}
/*new guide*/
.order-paper .tab-charge.shoptab_sy03{display:table;width:100%;table-layout:fixed;margin-bottom:32px;}
.order-paper .tab-charge.shoptab_sy03 li{display:table-cell;margin:0;padding:0;}
.order-paper .tab-charge.shoptab_sy03 li a{display:block;width:100%;height:48px;padding-bottom:2px;font-size:16px;color:#525252;text-align:center;line-height:48px;border-bottom:1px solid #d9d9d9;background:#fff;border-radius:0;}
.order-paper .tab-charge.shoptab_sy03 li a.active{padding-bottom:0;color:#000;font-weight:500;border-bottom:3px solid #000;}

/*.order-paper .tab-charge li a.active .ico.naver{background-position:0 0}*/
.order-paper .msg{margin-bottom:40px;font-size:20px;text-align:center;line-height:1.3;font-weight:bold;letter-spacing:-1px}
.order-paper .msg.no-margin{margin-bottom: 0;}
.order-paper .msg.no-margin .txt{display: block; margin-top: 20px; font-size: 13px; color: #909090; line-height: 21px;}
.order-paper .msg.msg-certification{height:120px;padding-top: 60px;background:url(/unify/m/images/mobile/order/cert/icon_certifi.png) center 0 no-repeat;background-size:45px 45px;}
.order-paper .msg.delivery{min-height: 120px;padding-top: 60px;background: url(/unify/m/images/mobile/order/cert/bg_delivery_ok_2.png) center 0 no-repeat;background-size:45px 45px;}
.order-paper .msg.msg-certification + .subMsg {margin-bottom: 20px; margin-top:-50px;}
.order-paper .msg.msg-certification + .subMsg::before{content: none;}
.order-paper .msg.delivery .t{display:block;margin-bottom:10px}
.order-paper .msg.msg-complete{margin-bottom: 0;}
.order-paper .msg .txt{display: block; margin-top: 10px; text-align: center; font-size: 13px; line-height: 22px; color: #909090;}
.order-paper .msg-complete.account{padding-top: 173px; background: url(/unify/m/images/mobile/order/cert/bg_complete_acco.png) center 0 no-repeat; background-size: 163px auto;}
.order-paper .msg.msg-complete.pass{margin-top: 20px;padding-top: 160px; font-size: 15px; font-weight: 400; background: url(/unify/m/images/mobile/order/cert/bg_complete_pass.png) center 0 no-repeat; background-size: 140px auto;}
.order-paper .msg.msg-complete.pass + .other-certification{margin-bottom: 5px; text-align: center;margin-top:15px;}
.order-paper  .certification-phone-area{margin:0 20px}
.order-paper .certification-list{padding:30px 0 0 0;}
.order-paper .certification-list a{position:relative;display:block;padding:0 25px;line-height:50px;background-color:#fff;text-align:left;color:#808080;font-size:15px;border-radius:30px; border:1px solid #959595;}
.order-paper .certification-list a.arrow:after{right:25px;width:6px;height:6px;border-color:#909090}
.order-paper .certification-list p{margin-top:20px;color:#909090;}
.order-paper .certification-list.side{padding-bottom:20px;padding-bottom:10px}
.order-paper .certification-list.side:after{content:"";display:block;clear:both}
.order-paper .certification-list.side li{margin-top:0; width: calc(50% - 3px)}
.order-paper .certification-list.side li:nth-child(1){float:left;}
.order-paper .certification-list.side li:nth-child(2){float:right}
.order-paper .order-msg{margin-bottom:45px;line-height:1.5;margin-top:45px}
.order-paper .order-msg strong{font-weight:700}
.order-paper .order-flow li.current{font-weight:bold;background-color:#ebebeb;color:#000;box-shadow:0 0 0}
.order-paper .join-type .btn{line-height: 23px; padding:12px 5px;}
.order-paper .join-type .btn span.addtxt{display: block; font-size:12px;font-weight: 400;}
@media all and (max-width:375px) {
.order-paper .tab-charge li a{font-size:3.6vw;}
}
/*입력폼*/
.order-paper .member-input{width:100%}
.order-paper .member-input .title{ font-size:16px;padding-top:40px; }
.order-paper .member-input .title:first-child{padding-top:0}
.order-paper .member-input .row{position:relative;min-height:53px; width:100%;margin-bottom:15px;}
.order-paper .member-input .row:last-child{margin-bottom:0}
.order-paper .member-input .row > *{position:relative;/*display:table-cell*/}
.order-paper .member-input .row > span{display:inline-block;width:100%;height:100%;vertical-align:middle;line-height: 43px;border-bottom:1px solid #E4E4E4;box-sizing:border-box;padding-top:5px;padding-bottom:5px}
.order-paper .member-input .row > span .text{font-size: 15px;}
.order-paper .member-input .row input{height:42px;width:100%; padding:0 5px;font-size:15px; background: none;border:0;letter-spacing:-1px;}
.order-paper .member-input .row input:read-only { background-color: #EDEDED; color: #808080;}
.order-paper .member-input .row .del{display:none;position:absolute;right:0;top:50%;width:22px;height:22px;background:url(/unify/m/images/mobile/order/cert/icon_del.png) 0 0 no-repeat;background-size:22px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.order-paper .member-input .row .num{padding-right:80px;}
.order-paper .member-input .row .BDC_CaptchaDiv{padding-right:30px}
.order-paper .member-input .sex{width:20px !important}
.order-paper .member-input .sex input{padding:0;text-align:center;border:1px solid #9d9d9d;border-radius:4px;}
.order-paper .member-input .addr{padding-left: 30px; background:url(/unify/m/images/mobile/order/cert/icon_search.png) no-repeat 0 18px;background-size: 22px auto;}
.order-paper .member-input .date{padding-left: 30px; background:url(/unify/m/images/mobile/order/cert/icon_date.png) no-repeat 0 18px;background-size: 22px auto;}
.order-paper .member-input .time2{padding-left: 30px; background:url(/unify/m/images/mobile/order/cert/icon_time2.png) no-repeat 0 18px;background-size: 22px auto;}
.order-paper .member-input .search{padding-left: 30px; background:url(/unify/m/images/mobile/order/cert/icon_search.png) no-repeat 0 18px;background-size: 22px auto;}
.order-paper .member-input .row > span.masking{width:auto !important;font-size:16px;}
.order-paper .member-input .jumin2{width:46% !important}
.order-paper .member-input .row > span.line{position:relative;padding:0 10px;width:6px;height:100%;border-bottom-color:transparent !important}
.order-paper .member-input .jumin2 + span.line {display: inline-block;}
.order-paper .member-input .row[class*="cell-"]{display: flex;display:-ms-flexbox; justify-content: space-between; align-items: center;}
.order-paper .member-input .row[class*="cell-"] label{width: 20%;font-size: 16px;}
.order-paper .member-input .row[class*="cell-"] > span + span{margin-left: 3%;}
.order-paper .member-input .row.cell-3 > span{width: 30%;}
.order-paper .member-input .row .num2 .front{position: absolute; top: 7px; font-size: 15px;}
.order-paper .member-input .row .num2 input{padding-left: 80px;}
.order-paper .member-input .row.row-creditcompnay .cell-2{position:absolute;top:5px;left:70px;width:calc(100% - 70px);margin:0;}
.order-paper .member-input .row-top{padding-top: 20px;}
.order-paper .member-input .line:before{display:inline-block;content:"-";}
.order-paper .member-input .sex{padding-right:1px}
.order-paper .member-input .active{border-bottom:1px solid #000!important}
.order-paper .member-input input:focus + .del{display:block}
.order-paper .member-input .card-type{margin-top:10px}
.order-paper .member-input .card-type label{padding-left:10px;font-size:13px;color:#909090}
.order-paper .member-input .card-type input:checked + label{color:#000}
.order-paper .member-input #card-name{color:#d6d6d6}
.order-paper .member-input #card-name.selected{color:#000}
.order-paper .member-input .point{color:#f44b57}
.order-paper .member-input .select-date{position:relative;/*padding-right:30px;*/}
.order-paper .member-input .select-date input{padding-left:0;}
.order-paper .member-input .select-date .btn-cal{position:absolute; top:18px;right:0;width:23px;height:23px; background:url(/unify/m/images/mobile/order/cert/icon_date_2.png) 0 0  no-repeat; background-size:100% auto;font-size:1px;color:transparent}
.order-paper .member-input .row > span.txt{display:flex;line-height: 1.5;align-items:center;}
.order-paper .member-input .row > span.agency{width:100px;}
.order-paper .member-input .row > span.agency + #phoneCompanySelect + .phone{width:calc(100% - 115px);margin-left:15px;}
.ui-order-opt-disabled .member-input .row input:read-only{background-color:#EDEDED;color:#808080}

.order-paper .member-input .row.type2 > span.line {margin:0 6px;padding:0;width:10px;}
.order-paper .member-input .row.type2 .line:before{content:"";width: 10px;height: 1px;background: #9b9b9b;}
.order-paper .member-input .row.type2 > span.masking{width: calc(54% - 50px) !important;padding-left:5px;letter-spacing: 5px;}


/* 신용카드 */
.card-input .card-area{margin:20px 0 30px 0;}
.card-input .card-name{display:block;line-height:42px;color:#909090;font-size:15px;text-align:left;background:url(/unify/m/images/mobile/order/cert/icon_arrow_right_2.png) right center no-repeat; background-size:9px auto;}
.card-input .card-name.selected{background: none;}
.card-input .card-area > *{vertical-align: middle;}
.card-input .card-area label{display:inline-block;padding: 0;line-height:25px;margin-left:10px;color: #a2a2a2 !important;    }
.card-input .card-area .icon{display: none;}
.card-input .card-area input[type=checkbox]:checked + label{color:#000 !important}
.card-input .card-name.selected{color:#000}
.card-input .card-name.selected .icon{display: inline-block; width: 25px; height: 25px; margin: -3px 2px 0 0; overflow: hidden; vertical-align: middle; border-radius: 50%; background: #fff url(/) 0 center no-repeat; background-size: 25px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .order-paper .member-input.card-input .row-creditcompnay .row > span {
        display:inline-block; width: 50%;
    }
}

#certification-number-area{margin-top:30%}
#young-input-area{margin-top:10px}
.title-substitute{margin-top:50px;font-size:13px;color:#666}
.tab-substitute{margin:10px 0 20px;height:36px}
.tab-substitute > span{position:relative;float:left;width:32%;height:100%;margin-right:2%}
.tab-substitute > span:last-child{margin-right:0}
.tab-substitute label{display:block;width:100%;line-height:36px;background-color:#F4F4F4;color:#879198;text-align:center;border-radius:5px;font-size:13px}
.tab-substitute input[type=radio]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.tab-substitute input[type=radio]:checked + label{background-color:#000;color:#fff}
.order-paper .other-certification{margin-top:20px;font-size:13px;letter-spacing:-.52px;line-height: 20px;color:#909090}
.order-paper .other-certification a{font-size:13px;color:#000}
.order-paper .other-certification a:after{content:"";display:inline-block;width:6px;height:6px;font-size:13px}
.order-paper .other-certification.dot li{position:relative;padding-left:10px;margin-bottom:10px}
.order-paper .other-certification.dot li:last-child{margin-bottom:0}
.order-paper .other-certification.dot li:before{content: "";position:absolute;top:7px;left:0; width: 3px; height: 3px; margin: 0 6px 4px 0; font-size: 13px; border-radius: 50%; background: #909090;}

/* phone list*/
.my-info{margin:0 25px 25px 25px}
.my-info .t{margin-bottom:10px;font-size:13px}
.my-info .fare{position: relative;}
.my-info .fare *{vertical-align: middle;}
.my-info .fare strong{padding-right: 11px;  font-size: 20px;  font-weight: 700;  text-align: left;}
.my-info .fare .popup-call{display:inline-block;padding:0 16px;margin:5px 0;line-height:22px;font-size: 13px;text-align:left;background-color:#01A69F;color:#fff;border-radius: 5px;}
.my-info .fare .fare-msg{position:absolute;top: -119px;right: -27px;width:112px;height:112px;}

.phone-select-type:after{content:"";display:block;clear:both}
.phone-select-type > li{position:relative;float: left; width: calc(50% - 2px);height:36px;
background-color:#fff;}
.phone-select-type > li:nth-child(odd){ float:left;}
.phone-select-type > li:nth-child(even){ float:right;}
.phone-select-type .sale{width:100%;margin-top:5px}
.phone-select-type > li .t{ line-height:36px; font-size:13px;   text-align: right;}
.phone-select-type > li > a{display:block;font-size:13px;padding-right:36px;text-align:left; line-height:36px;color:#000}
.phone-select-type > li > span{font-size:10px; }
.phone-select-type > li ul li span{display:block;margin: -5px 0 5px 0;font-size:12px;color:#909090;line-height:1;}
.phone-list {margin-bottom:40px;margin-top:7px;}
.phone-list li{margin-bottom:10px;padding:30px 25px; background-color: #fff;}
.phone-list .area{position:relative;}
.phone-list .box{margin-bottom: 20px;border-bottom: 1px solid #ededed;padding-bottom: 20px;padding-left: 100px;}
.phone-list .box:after{content:"";display:block;clear:both}
.phone-list .box > div{vertical-align: top;}
.phone-list .img-area{position: absolute;width: 100px;left: 0;}
.phone-list .img-area img{width:100%;max-height:100%}
.phone-list .txt-area{padding:10px 0 0 30px;min-height: 130px;}
.phone-list .label-area{margin-bottom:15px;}
.phone-list .label-area span{display:inline-block;color:#fff;font-size:12px;line-height: 18px;padding: 0 6px;margin: 1px 0;}
.phone-list .label-area .label-hour{background-color:#01A69F;}
.phone-list .label-area .label-reservation{background-color:#909090;}
.phone-list .title{margin-bottom:15px;font-size:20px;font-weight:700;letter-spacing: -0.8px;}
.phone-list .gb-area{margin-bottom:15px}
.phone-list .gb-area:after,.phone-list .color-area:after{content:"";display:block;clear:both}
.phone-list .gb-area span {float:left; margin-right:7px;position:relative;display:inline-block;padding-right:8px;font-size:12px;color:#000;}
.phone-list .gb-area span:after{position:absolute; right:0; top:2px;content:"";display:inline-block; width:1px;height:9px;background-color: #c7c7c7;}
.phone-list .gb-area span:last-child:after{display:none}
.phone-list .color-area span{float:left;width:14px;height:14px;margin:0 0 6px 6px;box-sizing:border-box; border-radius:7px; overflow:hidden; color:transparent;}
.phone-list .color-area span:last-child{margin-right:0}
.phone-list .color-area  span[style*='#FFF'],.phone-list .color-area span[style*='#fff'],
.phone-list .color-area  span[style*='255, 255, 255']{border:1px solid #afafaf;}
.phone-list .price-area{display:table;widtH:100%;margin-bottom:8px}
.phone-list .price-area .td{display:table-cell;line-height:30px}
.phone-list .price-area .td:last-child{line-height:1.4;vertical-align: middle;}
.phone-list .price-area strong{width:130px;font-weight: 700;font-size:20px}
.phone-list .price-area span{font-size:12px;color:red;font-weight:bold;}
.phone-list .opt-area{font-size:12px;line-height:18px;word-break: keep-all;}
.phone-list a.go{position: absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow:hidden; color:transparent;}
.tag-promotion{margin-bottom:25px;padding:10px 15px;border-radius:4px;background-color:#f5f5f5;border:1px solid #e5e5e5}
.promotion.tag-wrap{display:none}
.promotion-desc{position:relative;padding-left:24px;font-size:12px;line-height:1.5;color:#333}
.promotion-desc:before{position:absolute;top:1px;left:0;content:'';background-position:-19px 0;width:18px;height:17px;background:url(https://m.shop.kt.com:444/images/oneMinute/mobile/smart/mobile_com/bg_icon_comm.png) -19px 0 no-repeat;background-size:100px auto}
.raw-area{margin: 30px 0 0;}
.order-paper input[type="checkbox"] + label{background:none !important}
.order-paper input[type="checkbox"] + label:before{display:none}
.order-paper .all-check, .order-paper .head-check{position:relative;margin:0 0 24px 0;padding:0 0 0 35px;font-weight:bold;font-size:16px}
.order-paper .all-check label, .order-paper .head-check label, .order-paper .raw-list li label{display: inline-block;padding-left:0; margin-right:30px}
/* .all-check label{padding-left:35px !important;} */
.order-paper .raw-list::-webkit-scrollbar {display: block;width: 4px;height: 8px;background: #eee;}
.order-paper .raw-list::-webkit-scrollbar-thumb {display: block; width: 4px;height: 8px;background: #aaa;}
.order-paper .all-check label, .order-paper .head-check label{line-height:25px;}
.order-paper .all-check label{display:block;position:relative;line-height:25px;color:#909090;    font-size: 16px !important;}
.order-paper .all-check label .termstxt {font-size:12px;color:#888;}
.order-paper .all-check input:checked +label, .head-check input:checked +label{color:#291C1C}
.order-paper .all-check input[type=checkbox], .all-check input[type=checkbox].checkbox, .head-check input[type=checkbox].checkbox{position: absolute !important;top:0;left:0;}
.order-paper .all-check a{position:absolute;right:0;top:0;height:25px;width:12px;background:url(/unify/m/images/mobile/order/cert/icon_slide.png) 0 center no-repeat;background-size:13px 7px;text-indent:-9999px;overflow:hidden;transform:rotate(180deg);-webkit-transform:rotate(180deg);transition:transform ease .5s;-webkit-transition:transform ease .5s}
.order-paper .all-check a.raw-open{transform:rotate(0);-webkit-transform:rotate(0)}
.order-paper .radio-check{position:relative;margin:0 0 20px 0;padding:0 0 0 35px;font-weight:bold;font-size:16px}
.order-paper .radio-check label{display: block;padding-left:35px;margin-left:-35px;margin-right:30px;line-height:25px;}
.order-paper .radio-check input:checked +label{color:#291C1C}
.order-paper .radio-check input[type=radio]{position: absolute !important;top:0;left:0;background-image:url(/unify/m/images/mobile/order/cert/radio_off.png)}
.order-paper .radio-check input[type=radio]:checked,
.order-paper .radio-check input[type=radio].checked{background-image:url(/unify/m/images/mobile/order/cert/radio_on.png)}
.order-paper .raw-list{max-height:176px;overflow:auto;padding:1px 0 0 1px}
#popup-card-raw .raw-list{max-height: initial; overflow: hidden;padding-bottom:1px}
.order-paper .raw-list li{position:relative;margin-top:10px;padding-left:35px}
.order-paper .raw-list li:first-child{margin-top:0}
.order-paper .raw-list li#iphoneCareAgreeView{margin-top: 10px;}
.order-paper .raw-list li label{position:relative;display:block;font-size:13px;color:#909090;line-height:25px;font-weight:400;}
.order-paper .raw-list li.rentalSt label{position:relative;display:block;font-size:18px;color:#000;font-weight:400;letter-spacing:-1.2px;vertical-align: top;}
.checkbox-2{position:absolute;top:5px;left:1px;height:19px;width:25px;background:url(/unify/m/images/mobile/order/cert/icon_check_no.png) center center no-repeat;background-size:13px 8px}
.order-paper .checkbox-2:checked{background-image:url(/unify/m/images/mobile/order/cert/icon_check.png)}
.order-paper .raw-list li input[type=checkbox]:checked + label, body  .checkbox-2:checked + label{color:#000;background-image:none;}

.order-paper .raw-list li input[type=checkbox]{position:absolute;top:4px;left:2px;width:20px;height:20px;background: url(/unify/m/images/mobile/order/cert/icon_check_no.png) 4px center no-repeat;background-size: 12px auto;}
.order-paper .raw-list li input[type=checkbox]:checked{background:url(/unify/m/images/mobile/order/cert/check_on.png) 0 0 no-repeat;background-size: 20px 20px;}

.order-paper .raw-list.single{overflow: visible; margin-top:5px;line-height: 25px;}
.order-paper .raw-list.single li + li{margin-top: 10px;}
.order-paper .raw-list.single li input[type=checkbox],
.order-paper .raw-list.single li input.checkbox{position: absolute !important;top:0;width: 25px;height: 25px;border-radius: 12px;box-sizing: border-box;background: #D6D6D6 url(/unify/m/images/mobile/order/cert/icon_check_off.png) center center no-repeat;background-size: 25px;}
.order-paper .raw-list.single li input[type=checkbox]:checked,
.order-paper .raw-list.single li input.checkbox:checked{background-image: url(/unify/m/images/mobile/order/cert/icon_check_on.png);}
.order-paper .raw-list.single li input[type=radio].checkbox{background-image: url(/unify/m/images/mobile/order/cert/radio_off.png);}
.order-paper .raw-list.single li input[type=radio].checkbox:checked{background-image: url(/unify/m/images/mobile/order/cert/radio_on.png);}
.order-paper .raw-list.order{overflow: visible;margin-bottom: 14px;text-align: right;}
.order-paper .raw-list.order li input[type=checkbox],.checkbox-3{position: static !important; display: inline-block;width: 20px;height: 20px;margin-top: -2px;line-height: 20px;border-radius: 5px;background: url(/unify/m/images/mobile/order/cert/check_order_off.png) no-repeat 50% 50%;background-size: 100%;}
.order-paper .raw-list.order li input[type=checkbox]:checked,.checkbox-3:checked{background-image: url(/unify/m/images/mobile/order/cert/check_order_on.png);}
.order-paper .raw-list.order li label,
.order-paper .raw-list li .inline{display: inline-block; line-height: 20px; margin: 0; padding-left: 5px; }
.order-paper .raw-list li a.arrow{position:absolute;top:50%;right:12px;width:24px;height:24px;background-size:5px 11px;overflow:hidden;transform:translate(0,-50%);-webkit-transform:translate(0,-50%); font-size:1px; text-indent:-100px;}
.order-paper .raw-list li a.arrow:after{content:"";position:absolute;right:9px;top:11px;border:1px solid #808080;border-left:0;border-bottom:0;transform:rotate(45deg);width:6px;height:6px}
.order-paper .raw-list.order li.rentalSt input[type=checkbox], .checkbox-3 {margin-top:1px;}
.order-info-ok .title{min-height:60px;margin:0 0 30px 25px;line-height:30px;font-size:20px;background:url(/unify/m/images/mobile/order/cert/icon_myinfo.png) right center no-repeat;background-size:45px;font-weight: 700;}
.order-info-ok.type2 .title{background-image:url(/unify/m/images/mobile/order/cert/icon_myinfo2.png)}
.order-info-ok .title span{font-weight:700}
.order-info-ok .order-opt{margin-bottom:0;border-radius: 10px;}
.order-info-ok .order-opt{padding-bottom:25px;}
.order-info-ok .order-opt .row .td{width:auto;text-align:left !important;}
.order-info-ok .order-opt .row .td:first-child{width:105px !important;}
.order-info-ok .order-opt .row .td:last-child{width:auto;font-weight:bold;font-size:15px}
.add-info{position:relative;margin:45px 0 25px 0;font-size:13px; letter-spacing:-0.52px; line-height: 34px;height:34px;color:#909090;text-align:center;letter-spacing: -.52px;}
.add-info span{position: relative;z-index:2;
display:inline-block; padding:0 10px;  font-size:13px;background-color:#f8f8f8;}
.add-info:after{content:""; position: absolute;top:16px;left:0; width:100%;height:1px;z-index:1;background-color:#ededed;}
#point-use.order-opt{padding-bottom:20px}
.order-paper .order-opt{position:static;height:auto;padding: 20px 25px;border-radius: 10px;background-color:#fff}
.order-paper .order-opt.banner{padding: 0;}
.order-paper .order-opt.banner > img{width: 100%;}
.order-paper .order-opt.gray{margin: 20px 0 10px;background: #F4F4F4;}
.order-paper .order-opt.gray .radio-check{margin: 0;}
.order-paper .order-opt.gray .radio-check + .radio-check{margin-top:10px}
.order-paper .order-opt.border{border: 1px solid #E4E4E4;}
.order-paper .order-opt div{font-size:15px;line-height:1.3}
.order-paper .order-opt .check-area label {font-size: 15px; font-weight: 700; padding-left: 0;color:#909090;}
.order-paper .order-opt .check-area label strong{color:#909090}
.order-paper .order-opt .check-area input:checked + label {color:#000}
.order-paper .order-opt .check-area input:checked + label strong{color:#000}
/* .order-paper .order-opt .title + *:not(.select-box){margin-top: 15px;} */
.order-paper .order-opt .title{margin-bottom:15px}
.order-paper .order-opt .title .select-box{margin-top: 15px;}
.order-paper .order-opt .title .bar{margin: 0 7px; font-size: 12px; vertical-align: text-top; color: #C3C3C3;}
.order-paper .order-opt .title .bar.black{color: #000;}
.order-paper .order-opt .title:not(:first-child){margin-top: 25px;}
.order-paper .order-opt .order-bottom.black{padding: 0;}
.order-paper .order-opt .sub-title{font-size: 15px; color: #000;}
.order-paper .order-opt .member-input + .raw-list{margin-top: 15px;}
.order-paper .order-opt .select-box > .box{display:none;padding:0;position: relative;margin-top: 20px;}
.order-paper .order-opt .select-box > .box.box-space{margin-top:0}
/* .order-opt .select-box .box:before{content: "";position: absolute; left: 0;top: -20px;display: block;width: 100%;border-top: 1px solid #ededed;} */
.order-paper .order-opt .select-box > .box:after{content: ""; display: block; clear: both;}
.order-paper .order-opt .select-box > .box.sub-box{margin-top:0}
.order-paper .order-opt .select-box > .box .m{margin-bottom:20px;font-size:12px; color:#909090}
.order-paper .order-opt .select-box > .box .m:last-child{margin-bottom:0;}
.order-paper .order-opt .select-box > .box .raw-list.single{margin-top: 20px;}
.order-paper .order-opt .select-box > .box .box-title{margin-bottom: 15px;}
.order-paper .order-opt .select-box > .box .radio-check label{margin-right: 0;}

.order-paper .order-opt .btn-wrap{margin-top: 20px;padding: 0;}
.order-paper .order-opt .select-box .other-certification + .box,
.order-paper .order-opt .select-box .member-input + .box{margin-top: 20px;}

.order-paper .order-opt .box:after,
.order-paper .order-opt .button-list:after,
.order-paper .order-opt .title + .raw-list{margin-bottom: 10px;}
.order-paper .order-opt .pd-button .box button{padding:8px 0 9px;line-height:1.5;}
.order-paper .order-opt .pd-button.line-clamp2 .box button{min-height:61px;}
.order-paper .order-opt .pd-button.line-clamp3 .box button{min-height:75px;}
.order-paper .order-opt .pd-button.line-clamp4 .box button{min-height:94px;}
.order-paper .order-opt .paper-infor{display:inline-block;margin-top:10px;color:#01A69F;font-weight:bold;}
.order-paper .order-opt .paper-infor:after{border-color:#01A69F}

.order-opt .gray-area .bold {margin-top:0;}
.order-opt .gray-msg{color: #959595;font-weight: 400;font-size: 13px;line-height: 1.3;margin-top: -10px;}
#installAddrNew,
#installPosiDiv.active,
#installContact.active{border: none;}
#installPosiDiv.done{border: none}


/* 추천번호 여백 */
.check-area.check-toggle-area.check-recommend-area {margin-top:20px;}

/* 미가입버튼 컬러 */
.order-paper .box button.unsub{background-color:#d9d9d9;}

/* 검정/회색 버튼 메뉴 */
.order-paper .box button{float:left;min-height: 36px;padding: 9px;margin: 0 2.5px 5px;color:#000;background-color:#ededed;border-radius: 5px;}
.order-paper .box button.active,
.order-paper .box button.selected{background-color:#000;color:#fff; font-weight:bold;}
.order-paper .box button.active *,
.order-paper .box button.selected *{color:#fff}
.order-paper .list-1 button{float:none;width: 100%;}
.order-paper .list-1 button:last-child{margin-bottom:0;}
.order-paper .order-opt .box.list-1 button:last-of-type{margin-bottom:0}
.order-paper .list-2 button{width: calc(50% - 5px);}
.order-paper .list-3 button{width: calc(33.3% - 5px);}
.order-paper .list-4 button{width: calc(25% - 5px);}
.order-paper .line-2 button{height: 75px;line-height: 20px;}
.order-paper .list-1:after,
.order-paper .list-2:after,
.order-paper .list-3:after,
.order-paper .list-4:after{content:"";display:block;clear:both}
.order-paper .list-flex{display: flex; display:-ms-flexbox; justify-content:space-between;margin-top: 15px;}
.order-paper .list-flex button{width: calc(20% - 5px);color: #909090;background: #fff;border: 1px solid #C7C7C7;}
.order-paper .list-flex button.selected{color: #000;background: #fff;border-color: #000;}
#tab-sett.list-4 button {height:54px}
@media all and (max-width: 420px) {
    #tab-sett.list-3 button {height:54px;}
}
.order-paper .order-opt .point-list li{position:relative;margin-bottom:5px;padding-left:10px;font-size:13px;word-break: keep-all;line-height:1.5;}
.order-paper .order-opt .point-list li:before{content:"·"; position:absolute; top:0;left:0;}
.order-paper .order-opt .title{position:relative;padding-right:20px;font-size:15px;line-height:20px;font-weight:bold}
/* .order-paper .order-opt[name="dcTypeSelect"] .title{margin-bottom:0} */
.order-paper .order-opt .title a.arrow{position: absolute;right:0; top:-2px;overflow:hidden;color:transparent;padding-right:0;}
.order-paper .order-opt .title a.arrow:focus{outline:1px dotted #000;}
.order-paper .order-opt .title a.arrow:after,
.order-paper .arrow.down:after{border-width:2px; border-color:#909090}
.order-paper .arrow.down{padding-right:20px}
.order-paper .arrow.down:after{transform: translate(-100%,-50%) rotate(45deg) ;
-webkit-transform: translate(-100%,-50%)  rotate(45deg);
transition: transform ease 0.5s;
-webkit-transition: transform ease 0.5s;
right:-2px;}
.order-opt .title a.arrow.open:after,
.arrow.open:after{transform:  translate(-100%,0) rotate(225deg);
-webkit-transform: translate(-100%,0) rotate(225deg) ;}
.order-opt .row{margin-bottom:5px}
.order-opt .row:last-child{margin-bottom:0}
.order-opt .row .td{line-height:23px;font-size:15px; vertical-align: top;}
/* .order-opt .row .td:first-child{width:38%;} */
.order-opt .row .td:last-child{text-align:right;font-weight:bold;font-size: 15px;}

.order-opt .row.wide .td:first-child{width:calc(100% - 120px)}
.order-opt .row.wide .td:last-child{width:120px;font-size: 13px;}
.order-opt .row.wide .td input.input-line{width:100%}
.order-opt .row.wide .td input::placeholder{color:909090 !important;font-size:12px; }
.order-opt .row .td .sale>em{color:#17c0bb}
.order-opt .row .td .usable{font-size: 13px; color: #909090;}
.order-opt .row .td .point{margin: 14px 0 0; font-size: 13px; color: #17c0bb;}
.order-opt .row .td .point:before{content: ""; display: inline-block; width: 10px; height: 10px; margin: 0 7px 4px 18px; background: none; box-shadow: -1px 1px 0 #c7c7c7;}
.order-opt .row .td .point em{margin:0 2px 0 0;color:inherit;font-size:inherit}
.order-opt .row .td .use{margin: 16px 0 0; font-size: 13px;}
.order-opt .row .td .use input{position: relative; top: -3px; display: inline-block; width: 81px; height: 30px; text-align: right; padding: 4px 10px 5px; margin: 0 4px 0 0; border: 1px solid #000; border-radius: 6px;}
.order-opt .row .td .use input::placeholder{font-size: 12px; font-weight: 400; color: #000;}
.order-opt .row .td .use input[readonly]{border: none; background: #EDEDED; color: #909090;}
.order-opt .raw-check-wp{padding-top:3px}
.order-opt .box[style*="block"] + .raw-check-wp{padding-top:0;}
.order-opt .raw-check{position:relative;font-size:12px;margin-top:6px;color:#909090;margin-left:14px;}
.order-opt .raw-check input{position:absolute;top:4px;width:11px;height:7px;left:-14px;}
.order-opt .raw-check .arrow{top:-2px;margin-left:2px;padding-right:10px;color:#909090;text-indent: -1000px;overflow:hidden;}
.order-opt .raw-check .tooltip_btn{background-size:14px auto;margin-top:1px;opacity:0.6;height:14px;width:14px;}
.order-opt .arrow{color:#909090}
.order-opt .arrow:after{vertical-align: middle; border-color:#909090}
.order-opt ul.check-point{margin-top:20px}
.order-opt ul.check-point li{display: block;text-indent: -14px;padding-left: 22px;color:#01A69F;font-size: 13px;margin-bottom: 10px;}
.order-opt ul.check-point li:last-child{margin-bottom:0}
.order-opt .txt_r{position:relative;padding-left:7px;margin-left:4px;color:#555;letter-spacing:-1px}
.order-opt .txt_r:before{content:'';position:absolute;left:0;top:4px;width:1px;height:16px;background-color:#ddd;}

.order-opt #maxPointText{font-size:13px;}
.order-opt .btn-cancel{padding: 0 8px;line-height: 24px;color: #000;background-color: #fff;border: 1px solid #A8A8A8;border-radius: 5px;font-size: 12px;}

.selected-text.hidden .row:first-child{margin-bottom:0;}
#one-pay{margin-bottom:10px;}
#one-pay .row{padding-bottom:11px}
#one-pay .list-2:after{content:"";display:block;clear:both}
body.order-type{overflow:hidden; }
/* body.order-type .order-ok-area{position:fixed;z-index:2001;bottom:0;padding-top: 25px;} */
body.order-type .order-ok-area .btn-total-view:before{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.order-ok-area-bottom{position:relative;margin-top:60px;min-height:208px;margin-top:30px;}
.order-ok-area-bottom .tooltip_btn{background: url(/unify/m/images/mobile/order/cert/ico_tooltip_btn3.png) no-repeat 50% 50%; background-size: auto 100%;}
.order-ok-area{position:absolute;bottom:0;z-index:300;width:100%;max-width:500px;border-top-left-radius:10px;border-top-right-radius:10px;padding:50px 30px 0;box-sizing:border-box;background-color:#fff;box-shadow:0 -5px 13px #00000029}
.order-ok-area .btn-total-view{position:absolute;top:0;left:0;height:30px;width:100%;border-radius:2px; text-indent:-999px;overflow:hidden}
.order-ok-area .btn-total-view:before{content:""; position: absolute; top:0; left:50%; width:20px; height:30px; background: url(/unify/m/images/mobile/order/cert/arrow_sticky.png) center center no-repeat;
background-size: 20px auto; margin-left: -10px; transition: transform .3s ease;}
.order-ok-area .btn-total-view.open:before{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
/* .order-ok-area .option-area{height:0; overflow:hidden; padding-bottom:0; transition: height 0.5s ease;}  */
.order-ok-area .order-bottom{transition: padding 0.5s ease;}
.order-ok-area .order-bottom.btn-close{padding-top:0;font-size: 0;}
/* .order-ok-area .option-area .area{padding-top:25px}  */
.order-ok-area .option-area .row {margin-bottom:10px}
.order-ok-area .option-area .row:last-child{margin-bottom:0}
.order-ok-area .option-area .row.total{margin:15px 0 0 0; }
.order-ok-area .option-area .rental-payment.row.total {margin:15px 0;}
.order-ok-area .option-area .rate{color:#909090;font-size:13px;color:#909090}
.order-ok-area .option-area .line, .order-paper .row.total.line{margin:5px 0 20px; padding-bottom:20px; border-bottom:1px solid #ededed;}
.order-ok-area .option-area .row.total:last-child{ padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ededed}
.order-ok-area .row .td{font-size: 15px;}
.order-ok-area .row .td:last-child{text-align:right;font-size: 13px;}
.order-ok-area .row.card{margin-top: 10px;}
.order-ok-area .row.total .td,
.order-ok-area .row.total .td .price {color:#000;font-size: 16px;font-weight:bold;line-height:1.4;}
.order-ok-area .row.total span{font-size:13px;color:#909090;font-weight: 400;margin-left: 6px;}
.order-ok-area .row.gray{color: #909090;}
.order-ok-area .bottom-total{padding-top:25px;}
.order-ok-area .bottom-total + .sum-payment{margin-top:10px}
.order-ok-area .order-bottom button{height:52px;overflow:hidden;transition: height 0.5s ease;}
.order-ok-area .order-bottom.btn-close button{height:0}

#pay-lsp .row:first-child{margin-top:0}
#pay-lsp .row{margin-top:13px}
.delivery-msg{padding-top:65px;margin-bottom:40px;font-size:20px;text-align:center;letter-spacing:-2px;line-height:1.5;font-weight:700;background:url(/unify/m/images/mobile/order/cert/bg_delivery_ok_2.png) center 0 no-repeat;background-size:45px}
.delivery-msg strong.t{display:block;margin-bottom:10px;font-size:20px}
.delivery-msg p{font-size:13px}
.delivery-msg p a{transform:translateY(-3px);text-decoration: underline;}
.delivery-msg span{display:block;color:#909090;font-size:13px}
.delivery-msg-not{margin-top:30px;font-size:20px;letter-spacing:-1px;line-height:1.5;text-align:center}
.delivery-msg-2{margin:30px 0 20px;text-align:center;font-weight:700;font-size:14px}

.notiSub {font-size:15px; margin:-20px 0 20px; color:#E54D53 !important; text-align: center; line-height: 1.4; font-weight: bold;}
.notiSub:before {content:""; padding-left:23px; background: url(/NWL/assets/images/pc/nwNotice.png) left center / 21px 18px no-repeat;}

.kt-thank{ position: absolute;  bottom: 0;  left: 20px;  right: 20px;   line-height: 1.3;}
.kt-thank li{padding-left:10px;color:#000;position: relative;margin-bottom: 4px;}
.kt-thank li:before{content:'*';position: absolute;top: 2px;left:0;}
.baesong-service{font-size: 15px; color: #909090; text-align:left;}
.map-content .map{position:fixed;top:0;left:0;bottom:214px;width:100%;background-color:#ccc}
.addr-info{position:fixed;bottom:0;left:0;width:100%;padding:30px 30px 0}
.addr-info .row .td{min-height:27px;vertical-align:top}
.addr-info .row .td:last-child{width:60px;text-align:right}
.addr-info .order-bottom{padding:30px 0}
.addr-info .set-addr{padding-left:21px;line-height:20px;background:url(/unify/m/images/mobile/order/cert/icon_positon_2.png) 0 0 no-repeat;background-size:auto 20px}
.addr-info .addr-text{height:40px;margin-top:10px;border-bottom:1px solid #e4e4e4;width:100%}

.opt-img img{width:100%;}

/* 바로픽업 */
/* #map-area-2 h1{padding:0 20px; font-size:16px;line-height:64px;font-weight:700;border-bottom: 1px solid #d6d6d6; background-color:#fff} */
#map-area-2 header{height:auto;margin-bottom:20px}
#map-area-2 .map-2{position:fixed;top:160px;left:0;bottom:70px;width:100%;background-color:#ccc;
transition: bottom 0.5 ease;}
#map-area-2 .msg-area{position:fixed; bottom:0;left:0;right:0;display: flex;
    align-items: center; height:70px;padding:0 20px;background-color:#fff;line-height:20px;}
#map-area-2 .tab{margin: 0 20px}
/* #map-area-2 .msg-map{position: relative; padding: 0 60px 0 20px;margin-top:30px; font-size: 15px !important; font-weight: 400 !important; line-height: 28px !important; } */
#map-area-2 .map-2 > div:first-child{-webkit-transition: top 0.5s ease;transition: top 0.5s ease;}
.map-2[map-move="#map-option-1"] > div:first-child{top:0 !important}
.map-2[map-move="#map-option-2"] > div:first-child{top:0px !important}
.map-2[map-move="#map-option-3"]{top:222px !important}

#map-area-2 .inner-top{
    position: relative;z-index: 100;background-color: #fff;padding-bottom:20px;border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;overflow:hidden
}
#map-area-2 .close{z-index:100;}
#map-area-2 .tab-map-option{margin-top:15px; font-size:13px; }
.tab-map{display:table;width:100%;background-color:#fff}
.tab-map li{display:table-cell;width:33.3%;text-align:center;line-height:47px;}
.tab-map li a{display:block}
.tab-map li a span{ display: inline-block; padding:0 14px;line-height: inherit;font-size:15px;color:#909090; border-bottom: 3px solid transparent;}
.tab-map li a.current span{border-bottom-color:#000;color:#000;font-weight: 700;}

.tab-map-option > div{position:relative;z-index:10;display:none;padding:0 20px;}
#map-option-1{min-height:27px; padding-right:80px;}
#map-option-1 .addr{padding-left:21px;line-height:27px;font-size:15px;
display: block; text-decoration: none; color: #333;  background: url(/unify/m/images/mobile/order/cert/icon_positon_2.png) no-repeat 0 6px; background-size: 16px;}
#map-option-1 .btn-search{position:absolute;top:0;right:20px;}
#map-option-2 span{display:block;padding:10px 60px 5px 0}
#map-option-2 input{width:100%;height:30px; line-height:30px;}
#map-option-2 .btn-search{position:absolute; top:11px; right:20px;}
#map-option-3{ padding:0 20px;}
#map-option-3 .area{display:flex; justify-content:space-between;margin:0 0 5px 0}
#map-option-3 button{width:100%;margin:0 2.5px;  line-height:36px;font-size:13px; font-weight:bold;border-radius: 5px; background-color: #fff;color:#909090;border:1px solid #C7C7C7}
#map-option-3 button:first-child{margin-left:0;}
#map-option-3 button:last-child{margin-right:0;}
#map-option-3 button.active{color:#000;border-color:#000}
#map-option-3 select{color:#000; overflow-y: scroll;}
#map-option-3 .subway-line:after{content:"";display:block;clear:both}
@media all and (max-width: 360px) {
    #map-area-2 .tab button{font-size:12px;padding:0 5px}
    #map-area-2 .msg-area{padding:0 10px}
}
.store-check{position:absolute;z-index: 1; top:140px; left:50px; width:20px;height:20px;border-radius: 10px; background-color: red;; }

.banner-img {margin-top:10px;}
.banner-img a {display:block;}
.banner-img a img {border-radius: 10px; width:100%;}

.delivery-store{border-radius: 10px;overflow: hidden;}
.delivery-store .title{line-height:60px;padding:0 25px;margin-bottom:1px;background-color:#fff;font-size:15px;font-weight:bold}
.delivery-store dl{padding:20px 25px;background-color:#fff}
.delivery-store dd:first-child{margin-top:0}
.delivery-store dd{margin-top:5px;font-size:15px}
.delivery-store .store{margin-bottom:10px;font-weight:700}
.delivery-store .addr{margin-bottom:10px;padding-left:23px;line-height:1.8;background:url(/unify/m/images/mobile/order/cert/icon_delivery_1.png) no-repeat 0 2px;background-size: 16px auto;}
.delivery-store .tel{padding-left:23px;line-height:1.8;background:url(/unify/m/images/mobile/order/cert/icon_delivery_2.png) no-repeat 0 3px;background-size: 16px auto;}
.delivery-store .date{padding-left:23px;line-height:1.8;background:url(/unify/m/images/mobile/order/cert/icon_date.png) no-repeat 0 4px;background-size: 16px auto;}
.delivery-store .complete{padding: 15px 0; text-align: center;line-height: 1.5;}


.order-number{margin:0 -30px;padding:25px 0;background-color:#f4f4f4;text-align:center}
.order-number strong{display:inline-block;margin-left:20px;font-weight:700;font-size:16px}
.payment-msg{padding:107px 0 0;margin-bottom:40px;text-align:center;background:url(/unify/m/images/mobile/order/cert/icon_card.png) center 40px no-repeat;background-size:66px auto}
.payment-msg p{font-size:21px;line-height:1.5;text-align:center}
.order-door-msg{padding:210px 0 0; text-align:center;background:url(/unify/m/images/mobile/order/cert/icon_door.png) center 80px no-repeat;background-size:90px auto}
.order-door-msg .msg-2{margin-top:18px;color:#666;font-size:13px}
.basket-date{padding:0 0 25px}
.basket-date .day:after,.basket-list .opt:after{content:"";display:block;clear:both}
.basket-date .day{margin-bottom:25px;background-color:#fff}
.basket-date .day a{float:left;position:relative;width:25%;line-height:46px;border:1px solid #efefef;border-right-color:#fff;color:#000;font-size:13px}
.basket-date .day a:last-child{border-right-color:#e4e4e4}
.basket-date .day a:focus,.basket-date .day a:active,.basket-date .day a.selected{z-index:10}
.basket-date .day a.selected{background-color:#01A69F;border-color:#01A69F;color:#fff}
.basket-date .day a.selected + a{border-left-color:#fff}
.basket-date .during{position:relative}
.basket-date .during:after{content:"";display:block;clear:both}
.basket-date .during:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:1px;background-color:#000;transform:translate(-50%,-50%)}
.basket-date .during input{width:calc(50% - 10px);text-align:center;background-color:#fff;color:#909090;font-size:13px;line-height:36px;height:36px}
.basket-date .during input:first-child{float:left}
.basket-date .during input:last-child{float:right}
.basket-date .during input::-webkit-input-placeholder{text-align:center;font-size:13px}
.basket-date .during input::placeholder{text-align:center;font-size:13px}
.basket-date .during input:read-only{background-color:#dedede}
/* my list*/
.basket-list li{padding:10px 0 0 0;}
.basket-list .area{padding:0 25px 25px 30px;background-color:#fff}
.basket-list .top{margin-bottom:20px;line-height:45px;border-bottom:1px solid #f4f4f4}
.basket-list .top .num{float:left;font-size:13px}
.basket-list .top .num *{vertical-align: top;}
.basket-list .top .num span{display:inline-block;margin-right:10px;color:#999}
.basket-list .top .num a,
.basket-list .top .num .no{display:inline-block;font-size:inherit; color:#000 }
.basket-list .top .num a.arrow:after{top:48%}
.basket-list .top:after, .basket-list .opt.after{content:"";display:block;clear:both}
.basket-list .top .date{float:right;color:#909090;font-size:13px}
.basket-list .product{position: relative; min-height:60px;margin-bottom:20px;padding: 0 75px 20px 0;line-height:1.5;box-sizing: initial; border-bottom:1px solid #ededed; }
.basket-list .product img{position:absolute; top:0;right:0;width:65px;height:65px;}
.basket-list .product .title{font-size:13px;}
.basket-list .opt {margin-top:5px}
.basket-list .opt .current{font-size:13px;color:#01A69F}
.basket-list .opt .current span:after{content:"";display:inline-block;width:1px;height:12px;margin:0 3px 0 5px;background-color: #e4e4e4;}
.basket-list .opt .current span:last-child:after{display:none}
.basket-list .row {margin-top:10px}
.basket-list .row .td,
.basket-list .row .td *{font-size:13px;color:#909090}
.basket-list .row .td:last-child{text-align: right;}
.basket-list .row.total{margin:0 0 15px;}
.basket-list .row.total .td{font-size:13px;font-weight:bold;color:#000}
.basket-list .row.total .f-r{font-size:18px;color:inherit}
/* .basket-list .bottom{margin-top:20px} */
.basket-list .btn{ line-height:36px;margin-top:20px;background-color: #fff;border:1px solid #d6d6d6;color:#000; font-size:13px}
.basket-list .btn-two .btn{width:calc(50% - 3px); }
.basket-list .btn-two:after{content:"";display:block;clear:both}
.basket-list .btn-two .btn:first-child{float:left;}
.basket-list .btn-two .btn:last-child{float:right;}
button.btn-more{border-radius: 24px;background-color: #fff;color:#000;border:1px solid #e4e4e4}
.basket-view{margin-top:15px}
.basket-view li {background-color: #fff;}
.basket-option{padding:10px 0 10px;line-height:1.5}
.basket-option:last-child{padding-bottom:20px;}
.basket-option  h2{background-color: #fff;padding: 0 25px;font-size: 13px;font-weight:bold;line-height: 60px;}g
.basket-option .row:last-child{border-bottom:0}
.basket-option .row .td{padding:15px 0;font-size:13px;background-color:#fff;border-top:1px solid #f4f4f4}
.basket-option .row .td:first-child{min-width:90px;padding-left:25px;color:#999;}
.basket-option .row .td:last-child{padding-right:25px; text-align:right;color:#291C1C;}
.basket-option .store{font-size:14px}
/* select */
.sort-area{position:relative; z-index:200; text-align:right}
.sort-area .area{position: relative; display:inline-block;}

.select-area {position:relative;}
.select-area > a{position:relative;padding:0 17px;line-height:36px;font-size:13px;color:#909090;text-align:right;  text-decoration: none; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.select-area > a:after{content:"";
position:absolute; top:50%; right:15px;width:11px;height:5px;
background:url(/unify/m/images/mobile/order/cert/icon_arrow_bottom.png) center center no-repeat;background-size:10px auto;
transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
transition: transform ease 0.3s;
-webkit-transition: transform ease 0.3s;}
.select-area > a.open:after{transform: translate(0,-50%) rotate(180deg);
-webkit-transform: translate(0,-50%) rotate(180deg);}

.select-area  ul{
display:none; position: absolute; left: 0;  top: 40px;  width: 100%;
z-index: 300; padding: 8px 0;text-align: left;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0 8px 9px #0000001a;  border: 1px solid #D9D9D9;
border-radius: 5px;  }
.select-area ul li{padding:0 16px}
.select-area ul li a{display: block; padding:11px 0;font-size: 13px; text-align: left; color: #909090;}
.select-area ul li a.selected,
.select-area ul li a.selected span{color:#000}

#spanPhone .phone, #spanPhoneNV .phone{padding-left:110px}
#spanPhone .select-area, #spanPhoneNV .select-area{position:absolute; top:5px; left:0; width:110px;}
#spanPhone .select-area a, #spanPhoneNV .select-area a{color:#000;font-size:15px}
#spanPhone .select-area > a, #spanPhoneNV .select-area > a{display:block;text-align:left;padding:0 0 0 5px;line-height:42px;}
#spanPhone .select-area > a:after, #spanPhoneNV .select-area > a:after{top:50%;background-image:none;width:7px;height:7px;border-bottom:1px solid #000; border-right:1px solid #000;
transform: translate(0,-4px) rotate(45deg);
-webkit-transform: translate(0,-4px) rotate(45deg);}
#spanPhone .select-area > a.open:after, #spanPhoneNV.select-area > a.open:after {transform: translate(0,0) rotate(225deg);
-webkit-transform: translate(0,0) rotate(225deg);}
#spanPhone .select-area ul li a, #spanPhoneNV .select-area ul li a{padding-top:0;padding-bottom:0;line-height:30px;}
.sort-area .select-area{display:inline-block;text-align:right}
.sort-area .select-area > a{padding-right:40px;text-align:right}
.sort-area .select-area ul li a{text-align:right}
/* 주문*/
.sum-msg{padding:15px 25px;background-color:#fff;line-height:1.5;font-size:15px;letter-spacing:-.52px}
.sum-msg input{width:100%; }
.sum-msg .row{margin-bottom:10px}
.sum-msg .row:last-child{margin-bottom:0}
.sum-msg .row .td{vertical-align:top;word-wrap: break-word; word-break: break-all}
.sum-msg .row .td.change{vertical-align: top;}
.sum-msg .row .td:last-child{font-size:13px;text-align:right;min-width:65px}
.sum-msg .row .td .arrow{color:#909090}
.sum-msg .row .td .arrow:after{border-color:#909090;top:9px}
.sum-msg .row[class*="-input"]{padding-bottom:10px;border-bottom:1px solid #000}
.sum-msg #memo-change{width:110px}

.delivery-msg-bottom{padding-bottom:65px}
.delivery-type-auth{height:100%}
.delivery-type .area{position: relative;margin-bottom:10px;line-height:1.5;background-color:#fff;border:2px solid transparent;border-radius:5px;}
.delivery-type .area .box{position:relative;}
.delivery-type .area .store-area{margin:0 20px;padding:14px 0;border-top:1px dashed #d6d6d6; color:#909090;font-size:12px;}
.delivery-type .area .store-area *{color:inherit;font-size:inherit; vertical-align: middle;}
.delivery-type .area .store-area .arrow:after{border-color:#909090}
.delivery-type .area .store-area span{max-width: calc(100% - 84px);margin-right:15px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.delivery-type .area .help-popup{opacity: 0.3;  width: 17px; height: 18px; background-size: 100%;}
.delivery-type .area.selected label,
.delivery-type .area.selected label span{font-weight:bold;color:#000}
.delivery-type .area.selected {border-color:#000}
.delivery-type .area.selected .store-area{color:#000}
.delivery-type .area.selected .arrow:after{border-color:#000}
.delivery-type .area:last-child{margin-bottom:0}
.delivery-type .area .starbucks-event{margin-top:7px;font-size:12px;color:#007042;line-height:1;}
.delivery-type .area .starbucks-event img{height:10px;vertical-align:0;}
.order-paper .delivery-type .area.selected .arrow{color:#01A69F}
.order-paper .delivery-type .area.selected .arrow:after{border-color:#01A69F; }
/* /common/mobile/kt_css/KT_0.common.css  중복으로 인해 body 추가*/
.order-paper  .delivery-type label{position:relative;display:block;padding:24px 50px 24px 20px;font-size:15px;color:#909090;background-image:none !important}
.order-paper  .delivery-type input[type=radio].checkbox{position:absolute !important ;top:50%;right:20px;left:auto;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.order-paper  .delivery-type span{position:relative;display:inline-block;font-size:15px;color:#909090;}
.order-paper  .delivery-type .point{color: #01A69F;}
.order-paper  .delivery-type em{display:block;  margin-top: 5px;font-size:12px;color:inherit}
.order-paper  .delivery-type + .other-certification{margin-top:10px}
.delivery-msg-bottom .other-certification li:nth-child(n+2) {margin-top: 5px;}


.row.sub .total td{font-weight:700;letter-spacing:-.6px;color:#666}
.row.sub .td:first-child:before{content:"";display:inline-block;height:4px;width:8px;margin-right:4px;border-left:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;transform:translateY(-1px);-webkit-transform:translateY(-1px)}

/* 홈페이지 인증 정보 */
.homepage-id-section{margin-top:15px;line-height:20px;}
.homepage-id-section p {position: relative;margin-bottom:15px;  padding-left:16px;color:#909090;font-size:13px;}
.homepage-id-section p:before{position:absolute;top:0;left:0;content:"※"}
.homepage-id-section .arrow{margin-left:16px;}
.homepage-id-section .arrow-2:after {content:""; display: block !important; position:absolute;top:50%;right:0;width:6px;height:6px;border-right:1px solid #01A69F !important;border-bottom:1px solid #01A69F !important;transform:rotate(-45deg) translateY(-50%);-webkit-transform:rotate(-45deg) translateY(-50%);margin-top: -1px;border-color:#01A69F;background:transparent;}

/*tooltip*/
.tooltip_btn,
.help-popup {display:inline-block;position:relative;width:20px;height:20px;margin-left:3px;color:transparent !important;line-height:0;overflow:hidden;border:1px solid transparent;color:transparent;line-height:1;background:url(/unify/m/images/mobile/order/cert/ico_tooltip_btn.png) no-repeat 0 0;background-size:19px auto;vertical-align:sub;box-sizing:border-box}
.tooltip_btn.small{width:15px;height:15px;background-size:15px;transform: translateY(-2px);}
.tooltip_btn.right{position: absolute;right: 0;/*background-image: url(/unify/m/images/mobile/order/cert/ico_tooltip_btn2.png);*/}
.tooltip_area{display:none;}
.tooltip_btn .blind{color:transparent;}
.tooltip_btn:focus{border:1px dotted #666}

.tooltipWrap{position: absolute !important;width:90%;max-width:460px;padding: 30px 20px !important;font-size: 13px !important;line-height: 1.5;color:#909090;background:#fff;border: 1px solid #d9d9d9 !important;border-radius: 7px !important;box-shadow: 0px 0px 5px #ddd !important;z-index: 10000 !important;box-sizing:border-box;}
.tooltipWrap:focus{outline:1px dashed #fff}
.accessible-tit, .accessible-end{display:inline-block;position:absolute;top:0;left:0;width:100%;height:1px;font-size:1px;color:transparent;white-space:nowrap;overflow:hidden;}
.accessible-tit:focus, .accessible-end:focus{outline: 1px solid #2491eb;}
a.accessible-end{position:absolute;display: block;top:10px;right:10px;left:auto;width:23px;height:23px;overflow:hidden;background:url(/unify/m/images/mobile/order/cert/popup_clos.png) no-repeat 50%;background-size:13px 13px;font-size:13px;white-space:nowrap;text-overflow:ellipsis;}
a.accessible-end:focus{outline: 1px solid #2491eb;}
.tooltipArrow{display:inline-block;position:absolute;top:auto;bottom:auto;left:auto;right:auto;width:13px;height:10px;z-index:10001;background:url(/unify/m/images/mobile/order/cert/bg_tooltip_arrow.png) no-repeat 0 0;background-size:13px auto;}
.tooltipArrow.bottom{background-image:url(/unify/m/images/mobile/order/cert/bg_tooltip_arrow_bottom.png);}
.tooltipWrap .seezn_choice strong{display:block;margin-top:10px;font-size:13px;color:#000;line-height:1;}
.tooltipWrap .seezn_choice strong:first-child{margin-top:0;}
.tooltipWrap .seezn_choice p{position:relative;margin-top:3px;padding-left:8px;font-size:12px;color:#909090;line-height:15px;}
.tooltipWrap .seezn_choice p:before{content:'-';display:block;position:absolute;left:0;top:0;font-size:12px;color:#909090;line-height:19px;}
.tooltipWrap .seezn_choice p.no_dash{padding-left:0;}
.tooltipWrap .seezn_choice p.no_dash:before{display:none;}
.tool_desc{color:#666;line-height:1.5;}
.tool_desc .list_type li{position:relative;padding-left:10px;margin-top:6px;}
.tool_desc .list_type li:before{position:absolute;left:0;}
.tool_desc .list_type.star li:before{top:2px;content:"*"}
.tool_desc .list_type.minus li:before{top:2px;content:"-"}
.tool_desc .list_type.dot li:before{font-weight: 900;content:"·"}
.tooltipWrap .tooltip_title{display: block; padding-right: 25px; margin: 0 0 20px; font-size: 16px; font-weight:bold; line-height: 25px; color: #000;}
.tooltipWrap dl{line-height: 1.5;}
.tooltipWrap dt{color: #000; font-weight:bold; margin-top: 10px;}


/*alert*/
.alert-content{display: none;}
.alert-wrap{/*display: none;*/position:fixed; top:50%; left:50%; transform: translate(-50%, -50%);width:90%;max-width:460px;padding:30px 25px;color:#909090;background:#fff;border-radius:7px;z-index:10000;box-sizing:border-box;transition: all ease .5s;}
.alert-wrap .alert-content{display: block;}
.alert-wrap .alert-msg{padding: 55px 0 35px;text-align: center;font-size: 16px;font-weight:bold;color: #000;background: url(/unify/m/images/mobile/order/cert/icon_check_mint.png) no-repeat 50% 0;background-size: 40px;}
.alert-wrap .order-bottom{padding: 0;}

/*toggle*/
.com_agree_wrap{margin-top:8px;}
.com_agree_wrap .com_outline_box{position:relative;padding:8px 0;font-size:13px;color:#000;}
.com_agree_wrap .com_outline_box .frms_chks{position:relative;display:inline-block;line-height:1;vertical-align:top;}
.com_agree_wrap .com_outline_box .frms_ck{content:"";display:inline-block;position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-8px;background:url(/unify/m/images/mobile/order/cert/icon_check_no.png) 0 center no-repeat;background-size:10px auto;vertical-align:top;box-sizing:border-box;}
.com_agree_wrap .com_outline_box .frms_ck:focus{outline:none;}
.com_agree_wrap .com_outline_box .frms_chks .frms_ck:checked{background-image:url(/unify/m/images/mobile/order/cert/icon_check.png);}
.com_agree_wrap .com_outline_box .frms_ck + label{position:relative;z-index:2;display:inline-block;padding-left:23px;font-size:13px;color:#909090;line-height:1.2;cursor:pointer;}
.com_agree_wrap .com_outline_box .frms_ck:checked + label{color:#000;}
.com_agree_wrap .com_outline_box .tg_dropdown{display:inline-block;width:14px;height:16px;font-size:0;line-height:0;color:transparent;background:url(/unify/m/images/mobile/order/cert/icon_arrow_bottom.png) center center no-repeat;background-size:10px auto;vertical-align:top;}
.com_agree_wrap .com_outline_box .tg_dropdown.actived{background-image:url(/unify/m/images/mobile/order/cert/icon_arrow_top.png);}
.com_agree_scroll{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;/*max-height:190px;*/}
.com_agree_table{background:#fff;border:1px solid #9a9a9a;border-radius:5px;}
.com_agree_table tbody th{padding:8px;font-size:13px;color:#000;text-align:left;line-height:18px;border-right:1px solid #9a9a9a;border-bottom:1px solid #9a9a9a;}
.com_agree_table td{padding:8px 6px;font-size:13px;color:#909090;line-height:18px;border-bottom:1px solid #9a9a9a;}
.com_agree_table tr:last-child th ,.com_agree_table tr:last-child td{border-bottom:none;}
/*//#popup-charge-table 적용 , 확장 적용시 공통화 확인 필요*/

@media all and (max-width: 360px) {
    .order-paper .certification-list li a{padding-left:15px}
    .order-paper .certification-list li a.arrow:after{right:15px}
    .order-paper .order-info-ok .title{min-height:52px;line-height:26px;font-size:16px}
    .order-paper .order-info-ok .order-opt .row .td{font-size:13px!important}
    .order-paper .order-ok-area .row .td{letter-spacing:-.5px}
    .order-paper .order-ok-area .row.total .td{ font-size: 15px;}
    .order-paper .order-ok-area .row.total strong{font-size:14px}
    .order-paper .order-ok-area .row.total span{letter-spacing:-1px;display: inline-block;margin-left: 0;}
    .order-paper .delivery-msg{font-size:18px}
    .order-paper .delivery-ok-msg .msg-1{font-size:19px}
    .order-paper .sum-msg{font-size:12px}
    .order-paper .popup .msg-2{font-size:14px;letter-spacing:-1px}
    .order-paper .phone-list .price-area span{font-size:11px}
    .order-paper .delivery-ok-msg{margin-bottom:0}
    .order-paper  [data-href="#search-opt-2"]{font-size:12px}
}


/* 사전예약 주문완료 */
.msg-preorder-wrap {background-color:#fff; padding:20px 25px;}
.msg-preorder-tit {padding-bottom:15px; border-bottom:1px solid #666; margin-bottom:20px;}
.msg-preorder-list li {display:table; margin-top:9px;}
.msg-preorder-list li:first-child {margin-top:0;}
.msg-preorder-list li > div {display:table-cell; vertical-align:top; text-align:left; font-size:14px; line-height:20px;}
.msg-preorder-list li .tit {min-width:74px; font-weight:300;}
.msg-preorder-list li .txt {padding-left:6px; font-weight:bold;}

/* 보험가입 */
#view-insurance button em{display:block;font-size:12px;padding-left:2px;}

/* 주문서 영역 layout */
.section-area + .section-area {margin-top: 40px;}
.section-area + .tab-charge,
.section-area + .list-charge {margin-top: 30px;}
.tab-charge + .msg-complete {margin-top: 60px;}
.tab-charge + .check-area { margin:30px 0;}
.section-area + .other-certification {margin-top: 20px;}
.section-area > .title {display: block; padding-right: 25px; margin: 0 0 20px; font-weight:bold; line-height: 25px; font-size: 16px;}

/* 가입유형 선택 */
.join-type.center {position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);}
.join-type ul li {margin:10px 0;}

/* 본인인증 layout */
.block-area .area{position:relative;margin-bottom:12px;padding:25px 25px;background-color:#fff;border-radius:10px;border:1px solid #fff;}
.block-area .area .box{position: relative;padding: 25px 30px;}
/* 본인인증 포인트 파크 - 03/30 반영 예정 */
/* .block-area .area .box{position:relative;padding: 0;margin: 15px 0px;font-size: 15px;} */
.block-area .area .box .checkbox{position:absolute;right:30px;top:25px;left:inherit}
.block-area .area .title{display:block;padding-right:25px;margin: 0;font-size:20px;font-weight:bold;line-height:25px;font-size: 16px}
/* 본인인증 포인트 파크 - 03/30 반영 예정 */
/* .block-area .area .title{display:block;padding-right:25px;margin: 0;font-size:20px;font-weight:bold;line-height:25px;font-size: 15px} */
.block-area .area .title + .info{margin-top: 12px; font-size: 13px; line-height: 20px;}
.block-area .area .title + .info li{color: #909090;}
.block-area .area .title + .info li strong{color:inherit}
.block-area .area .title + .fold{margin-top:10px;}
.block-area .area .complete{display:none;position: absolute; right: 30px; top: 29px; font-weight:bold; font-size: 15px; color: #17C0BB;border:0;}
.block-area .area .complete:after{content: ""; display: inline-block; width: 24px; height: 24px; margin: -4px 0 0 7px; vertical-align: middle; background: url(/unify/m/images/mobile/order/cert/icon_check_mint.png) no-repeat 0 0; background-size: 24px;}
.auth-level .account-area{display:none}
.auth-level.pass-ok .complete{display:block}
.auth-level.pass-ok .pass-area{display:none}
.auth-level.pass-ok .account-area{display:block}
.block-area .area .other-certification{position: static;}
.block-area .area .step-area{overflow: hidden; margin-bottom: 40px;}
.block-area .area .step-area .txt{font-size: 15px; font-weight:bold; line-height: 19px; color: #5DDFDE;}
.block-area .area .step-area .step{display: inline-block; float: right;}
.block-area .area .step-area .step li{float: left; width: 19px; height: 19px; line-height: 19px; font-size: 0; text-align: center; border-radius: 50%; color: #fff;}
.block-area .area .step-area .step li:after{content: "";display: inline-block;width: 9px;height: 9px;margin-top: 5px;border-radius: 50%;background: #ddd;}
.block-area .area .step-area .step li.selected{margin-left: 5px; font-size: 11px; background: #5DDFDE;}
.block-area .area .step-area .step li.selected:after{display: none;}
.block-area .area .account-wrap .account-money{background: url(/unify/m/images/mobile/order/cert/bg_account.png) no-repeat 50% 0; background-size: cover;}
.block-area .area .account-wrap .account-money ul{position: static; padding: 25% 18% 26%;}
.block-area .area .account-wrap .account-money ul li{display: inline-block;}
.block-area .area .account-wrap .account-money ul li:nth-child(1){width: 78%;}
.block-area .area .account-wrap .account-money ul li:nth-child(2){width: 20%; text-align: right;}
.block-area .area .account-wrap .account-money ul li .name{margin-bottom: 10px; color: #909090;font-size: 12px;}
.block-area .area .account-wrap .account-money ul li .value{color: #000; font-size: 16px; font-weight: 900;}
.block-area .area .account-wrap .account-money ul li .value span{color: #909090; font-size: 12px; font-weight: 400;}
.block-area .area .account-wrap .account-name li{margin-bottom: 13px; overflow: hidden; font-size: 16px;}
.block-area .area .account-wrap .account-name li .right{float:right;}
.block-area .area .order-bottom{padding: 40px 0 0;}
.block-area .area .raw-area{margin:0}
.block-area.no-check .area:after{display: none}

/* 본인인증 검정/회색 버튼(포인트파크) - 03/30 반영 예정 */
/* .block-area .box button{min-height: 75px;}
.block-area .area .box div {font-size: 15px;} */

/* 본인 인증 */
.check-type ul li {margin:10px 0;border-radius:5px;background:#fff;}
.check-type ul li.selected {border:2px solid #888;}
.check-type ul li .all-check {padding:0;margin:0;}
.check-type ul li .all-check label {padding:20px 20px;margin:0;}
.check-type ul li .all-check input {left:auto;right:20px;top:20px;}
.list-charge .area .btn-wrap {padding:30px 0 0;text-align:center;}
.list-charge .area .btn-wrap .btn.black{width:auto;margin:0 2.5px 5px;padding:0 20%;font-size:inherit;line-height:40px;background-color:#000;color:#fff;}
.block-area .area .btn-wrap {padding:30px 0 0;text-align:center;}
.block-area .area .btn-wrap .btn.black{width:auto;margin:0 2.5px 5px;padding:0 20%;font-size:inherit;line-height:40px;background-color:#000;color:#fff;}
.check-area li {display: inline-block; margin-left: 30px;}
.check-area li:first-child {margin-left: 0;}
.check-area li label {display:inline-block;line-height:25px;font-size: 16px;padding-left:0;background: none !important;}
.check-area li input{margin: 0 2px 0 0;}
.check-area.radio input[type=radio].checkbox{background-image:url(/unify/m/images/mobile/order/cert/radio_off.png)}
.check-area.radio input[type=radio]:checked.checkbox{background-image:url(/unify/m/images/mobile/order/cert/radio_on.png)}
.check-area.radio input[type=radio].bold:checked + label{font-weight:bold;color:#000}
.check-area + .list-charge, .check-area + .section-area {margin-top: 30px !important;}
.check-area.half{overflow: hidden;}
.check-area.half li {float: left; width: 49%; margin: 25px 0 0 0; color: #909090;  font-size: 15px;}
.check-area.half li:nth-child(even) {margin-left: 2%;}
.check-area.half li label{color: #000; font-weight:normal;margin-left:2px}
.check-area.half li input[type=radio]:checked + label{font-weight:bold !important;}
@media all and (max-width: 400px) {
    .check-area.radio input[type=radio] + label{font-size:14px;}
}
@media all and (max-width: 380px) {
    .check-area.radio input[type=radio]{width:18px;height:18px}
    .check-area.radio input[type=radio] +label{font-size:15px; line-height:18px;}
}
@media all and (max-width: 380px) {
    .check-area.radio input[type=radio]{width:16px;height:16px}
    .check-area.radio input[type=radio] +label{font-size:13px; line-height:18px;}
}
/* 은행목록 dropdown */
.invisible{width: 0 !important; height: 0 !important; overflow: hidden !important; visibility: hidden !important; opacity: 0 !important; font-size: 0 !important;}
.card-input .drop-down {position: relative;}
.card-input .drop-down > span {display: block; height: 100%; vertical-align: middle; border-bottom: 1px solid #E4E4E4; box-sizing: border-box; padding-top: 5px; padding-bottom: 5px;}
.card-input .drop-down .selected a {display: block;padding: 0 20px;border: 1px solid #363636;border-radius: 2px;text-decoration: none;color: #999;width: 100%;font-size: 14px;box-sizing: border-box;line-height: 45px;background: #fff no-repeat scroll right center;}
.card-input .drop-down .selected a span {cursor: pointer;display: block;}
.card-input .drop-down .options ul {display: none;position: absolute;top: 52px;left: 0;width: 100%;height: 152px;
overflow-y: scroll;padding: 8px 0;box-sizing: border-box;border-top: none;background: #F8F8F8;z-index: 1;}
.card-input .drop-down .selected span.value,
.card-input .drop-down .options span.value {display: none;}
.card-input .drop-down .options ul li a {display: block;padding: 2px 20px;color: #363636;box-sizing: border-box;text-align: left;font-size: 14px;background: none;}
.card-input .drop-down .options ul li a .icon {width: 33px;height: 33px;background-size: 33px;}
.card-input .drop-down .options ul li a .name {font-weight: 700;}

/* 미성년자 정보 입력 */
#spanPhone .phone, #spanPhoneNV .phone{padding-left:110px}
#spanPhone .select-area, #spanPhoneNV .select-area{position:absolute; top:5px; left:0; width:110px;}
#spanPhone .select-area a, #spanPhoneNV .select-area a{color:#000;font-size:15px}
#spanPhone .select-area > a, #spanPhoneNV .select-area > a,{display:block;text-align:left;padding:0;line-height:42px;}
#spanPhone .select-area > a:after, #spanPhoneNV .select-area > a:after{top:50%;background-image:none;width:7px;height:7px;border-bottom:1px solid #000; border-right:1px solid #000;
transform: translate(0,-4px) rotate(45deg);
-webkit-transform: translate(0,-4px) rotate(45deg);}
#spanPhone .select-area > a.open:after, #spanPhoneNV .select-area > a.open:after  {transform: translate(0,0) rotate(225deg);
-webkit-transform: translate(0,0) rotate(225deg);}

/* 주문확인 */
.order-opt-top{display:block;padding-right:25px;margin-bottom: 20px;font-size:20px;font-weight:700;line-height:25px;font-size: 16px}
.order-opt{margin: 10px 0;}
.order-opt + .order-opt-top{margin-top: 50px;}
/* .order-opt input::placeholder{font-size: 13px;} */
.order-opt .phone-area{margin: 25px 0 0;}
.order-opt .phone-area .order-bottom{margin-top: 20px;}
.arrow-wrap{margin-top: 20px; text-align: center; font-size: 14px;}
.arrow-wrap:after{content:"";display:block;clear:both}
.arrow-wrap [class*="arrow-"] {width: 16px; height: 16px; display: inline-block;}
.arrow-wrap .arrow-prev{float: left; background: url(/unify/m/images/mobile/order/cert/arrow_prev.png) no-repeat 50% 50%; background-size: 6px 12px;}
.arrow-wrap .arrow-next{float: right; background: url(/unify/m/images/mobile/order/cert/arrow_next.png) no-repeat 50% 50%; background-size: 6px 12px;}
.arrow-wrap + .btn-wrap{margin-top: 20px;}
.box .arrow-wrap .arrow-prev{float: left; background: url(/unify/m/images/mobile/order/cert/arrow_prev.png) no-repeat 50% 50%; background-size: 6px 12px; min-height: inherit; padding: inherit; margin: 0; border-radius: inherit;}
.box .arrow-wrap .arrow-next{float: right; background: url(/unify/m/images/mobile/order/cert/arrow_next.png) no-repeat 50% 50%; background-size: 6px 12px; min-height: inherit; padding: inherit; margin: 0; border-radius: inherit;}
.gray-area{margin-top: 30px; padding: 25px; border-radius: 5px; background: #F4F4F4; font-size: 16px; font-weight:bold;}
.gray-area.center{text-align: center;}
.gray-area .bold{font-size: 20px; margin-top: 15px;}
.gray-area .bold input{background-color:transparent;font-weight:bold;font-size:15px;letter-spacing: 2px;}
.gray-area > .other-certification:first-child{margin-top: 0; color: #000;}
.gray-area .captcha-wrap{margin-top: 20px;}

/* 쿠폰팩 */
.order-paper .coupon-select ul {display:flex;flex-wrap:wrap;}
.order-paper .coupon-select li{width: calc(33.3% - 5px);height: 170px;margin: 1px 2.5px 30px;text-align: center;font-size: 13px; position: relative;}
/*.order-paper .coupon-select li:nth-child(3) ~ li{margin-bottom:0;}*/
.order-paper .coupon-select li input[type="radio"]{width: 25px; height: 25px;  background: url(/unify/m/images/mobile/order/cert/radio_off.png) no-repeat 50% 50%; background-size: 100%; position: absolute !important; top:10px; left:10px;}
.order-paper .coupon-select li input[type="radio"]:checked{background-image: url(/unify/m/images/mobile/order/cert/radio_on.png);}
.order-paper .coupon-select li input[type="radio"]:disabled {background-image: url(/unify/m/images/mobile/order/cert/radio_disable.png);}
.order-paper .coupon-select li label{display: block;padding:18px 0; background-image: none;border-radius: 8px; border:1px solid #dddddd; height:180px; background: #fff;}
.order-paper .coupon-select li label > img{width: 95%;padding:8px 10px 5px 10px;}
.order-paper .coupon-select li label > strong {display: block; font-size: 15px;margin-bottom: 2px;line-height: 1.3; color:#909090;}
.order-paper .coupon-select li label > span{display: block; font-size: 13px;line-height: 1.3; letter-spacing: -0.07em;}
.order-paper .coupon-select .tooltip_btn{width: 15px;height: 15px;background-size: 100% auto;}
.order-paper .coupon-select .tooltip_more {position: relative; font-size: 12px; letter-spacing: -0.07em; color:#525252; margin-top:3px;}
.order-paper .coupon-select .tooltip_more:after {content:"";position:absolute;right:-8px;top:4px;border:1px solid #525252;border-left:0;border-bottom:0;transform:rotate(45deg);width:5px;height:5px}
.order-paper .coupon-select span.color-gray + .tooltip_more:after {top:5px;}

.order-paper .coupon-select li label > strong.color-gray {font-size: 13px; letter-spacing: -0.07em;}
.order-paper .coupon-select li.active label {border:1px solid #000000;}
.order-paper .coupon-select li.active strong {color:#000;}
.order-paper .coupon-select li.active strong.color-gray {color:#000;}
.order-paper .coupon-select li.active span.color-gray {color:#000;}
.order-paper .coupon-select li.disabled label {background: #f8f8f8;}
.order-paper .coupon-select li input + label {line-height:1.2;}

@media all and (max-width: 500px) {
    .order-paper .coupon-select li label {height:44vw;}
    .order-paper .coupon-select li {height:auto;}
    .order-paper .coupon-select li label > img {padding:10px 10px 5px 10px;}
    .order-paper .coupon-select .tooltip_more:after {top:7px;}
}

/*다회선 보유 기변회선 선택 기능*/
.order-opt.mult-numbers{display:block !important;}
.order-paper .multinum-select li{position:relative;padding-left:35px;margin-top:17px;}
.order-paper .multinum-select li:first-child{margin-top:0;}
.order-paper .multinum-select input[type="radio"]{position: absolute !important;top:0;width: 25px; height: 25px; background: url(/unify/m/images/mobile/order/cert/radio_off.png) no-repeat 50% 50%; background-size: 100%;}
.order-paper .multinum-select input[type="radio"]:checked{background-image: url(/unify/m/images/mobile/order/cert/radio_on.png);}
.order-paper .multinum-select label{display: block;font-size:15px;letter-spacing:-0.6px;line-height:22px;color:#000;}
.order-paper .multinum-select label span{vertical-align:middle;}
.order-paper .multinum-select label .plan{display:block;margin-top:5px;font-size:13px;letter-spacing:-1.3px;line-height:19px;}
.order-paper .multinum-select label .rep{display:inline-block;padding:2px 12px 3px;margin:0 0 0 12px;border-radius:100px;background-color:#000;letter-spacing: -0.5px;color: #FFF;font-size:10px;line-height:15px;vertical-align:middle;}

/* 매장픽업 신청 완료 */
.map-area{margin: 20px 0 40px;}
.thanks{padding:30px 0; text-align: center; color: #909090;line-height:1.5}
.thanks .arrow{display:inline-block;margin-top:10px;color:#01A69F;font-weight: bold;}
.thanks .arrow:after{border-color:#01A69F}
/* 배송설정 */
.msg.delivery + .order-opt-area + *{margin-top: 40px;}

/* 주문 완료 */
.order-bottom.complete{margin-top: 30px;background: #fff;}
.order-bottom.complete .complete-area .gray-box{padding: 25px 35px 25px 100px; line-height: 1.5; color: #909090; border-radius: 10px; color: #666; background: #F8F8F8 url(/unify/m/images/mobile/order/cert/icon_ars.png) no-repeat 30px 50%; background-size: 50px auto;}
.order-bottom.complete .complete-area .other-certification{margin-bottom: 30px;}
.order-bottom.complete .complete-area .other-certification dt{font-size: 15px; font-weight: 700; color: #000; margin-bottom: 10px;}
.complete-area .gray-box{padding: 25px 35px 25px 100px; line-height: 1.5; color: #909090; border-radius: 10px; color: #666; background: #fff url(/unify/m/images/mobile/order/cert/icon_ars_gray.png) no-repeat 30px 50%; background-size: 50px auto;}

/* 기변 - 애플워치 5,6 주문내역 확인 */
.btn-wrap.not-btn > em {display: block; margin: 20px 0 10px; text-align: center; font-size: 16px; font-weight:bold;}


/******* color, font size ******/
.order-paper .color-mint{color: #01A69F;word-break: keep-all;}
.order-paper .color-gray{color: #909090; word-break: keep-all;}
.order-paper .color-red{color: #EF2121;word-break: keep-all;}
.order-paper .color-black{color: #000;word-break: keep-all;}

/*******  은행/카드사 아이콘 ******/
.card-lotte{background-image:url(/unify/m/images/mobile/order/cert/card_lotte.png) !important}
.card-sinhan{background-image:url(/unify/m/images/mobile/order/cert/card_shinhan.png) !important}
.card-nh{background-image:url(/unify/m/images/mobile/order/cert/card_nh.png) !important}
.card-hana{background-image:url(/unify/m/images/mobile/order/cert/card_hana.png) !important}
.card-hyundai{background-image:url(/unify/m/images/mobile/order/cert/card_hyundai.png) !important}
.card-samsung{background-image:url(/unify/m/images/mobile/order/cert/card_samsung.png) !important}
.card-kb{background-image:url(/unify/m/images/mobile/order/cert/card_kb.png) !important}
.card-bc{background-image:url(/unify/m/images/mobile/order/cert/card_bc.png) !important}
.bank-hana{background-image:url(/unify/m/images/mobile/order/cert/bank_hana.png) !important}
.bank-sc{background-image:url(/unify/m/images/mobile/order/cert/bank_sc.png) !important}
.bank-kb{background-image:url(/unify/m/images/mobile/order/cert/bank_kb.png) !important}
/******  자동이체 ***************/
.order-paper .select-auto {position:relative}
.order-paper .select-auto > a{display:block;line-height:42px;color:#c7c7c7;font-size:15px;text-align:left;background:url(/unify/m/images/mobile/order/cert/icon_arrow_right_2.png) right center no-repeat; background-size:9px auto;}
.order-paper .select-auto img{width:33px;height:33px;margin:5px 10px 5px 0;}
.order-paper .select-auto input[type=radio]{position:absolute; top:0; left:0;width:100%;height:100%;padding:0;}
.order-paper .select-auto a.selected{color:#000;border:0;}
.order-paper .select-auto a.open + ul{display:block;}
.order-paper .select-auto ul {display: none;position: absolute;top: 46px;z-index:10; left:-1px;right:0;height:40vw;border: 1px solid rgb(241, 241, 241);background-color:#F8F8F8;overflow-y: auto;max-height: 240px;box-shadow: none;}
.order-paper .select-auto ul li:last-child{border-bottom:0}
.order-paper .select-auto ul li label{padding:0;display:block;line-height:46px;color: #363636;font-size:15px;font-weight:700}
.order-paper .select-auto ul li .radio{position:relative;display:block;padding:0 10px}


/******* bxslider ******/
.slider-wrap .bx-wrapper{margin: 0 auto; padding-bottom: 10px;}
.slider-wrap .bx-wrapper .bx-pager{position: static; display: inline-block; width: auto !important;}
.slider-wrap .bx-wrapper .bx-pager.bx-default-pager{height: 19px; vertical-align: middle; padding: 3px 0 0; margin: 0;}
.slider-wrap .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{vertical-align: sub;}
.slider-wrap .bx-wrapper .bx-pager.bx-default-pager a, .slider-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #EDEDED;}
.slider-wrap .bx-wrapper .bx-pager.bx-default-pager a.active{background: #5DDFDE;}
.slider-wrap .bx-wrapper .bx-controls-direction a{background: url(/unify/m/images/mobile/order/cert/icon_arrow_right.png) no-repeat 50% 50%;background-size: auto 60%;}
.slider-wrap .bx-wrapper .bx-controls-direction a.bx-prev{transform:scaleX(-1);}
.slider-wrap .bx-wrapper .bx-controls{text-align: center;font-size: 0;}
.slider-wrap .bx-wrapper .bx-controls .bx-controls-auto{position: static; display: inline-block; width: auto !important; height: 19px; vertical-align: middle; padding: 0; margin: 0;}
.slider-wrap .bx-wrapper .bx-controls .bx-controls-auto .bx-start {width: 16px;height: 16px;background:url(/unify/m/images/mobile/order/cert/btn_play.png) no-repeat 50% 50%;background-size: 100% auto;}
.slider-wrap .bx-wrapper .bx-controls .bx-controls-auto .bx-stop {width: 16px;height: 16px;background:url(/unify/m/images/mobile/order/cert/btn_stop.png) no-repeat 50% 50%;background-size: 100% auto;}

/* 내역조회*/
#popup-certification .name{padding-right:0}
#popup-certification .row-certification{height:42px;margin:23px 0 15px}
#popup-certification .row-certification .BDC_CaptchaDiv{vertical-align:top;width: 60%;padding-right:26px!important;float: left;}
#popup-certification .row-certification #captchaInSession_CaptchaImage{width:100%}
#popup-certification .row-certification .BDC_CaptchaIconsDiv{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#popup-certification #captchaInSession{/* margin:5px 0 0 10px; */width: 40%;border-bottom:1px solid #e4e4e4;float: left;height: 54px;}
#popup-certification .member-input{padding-top:0}
#btn-cert-call{line-height:36px;font-weight:400;font-size:13px}
/*인증영역*/
#CaptchaNumber .BDC_CaptchaDiv{margin: 20px auto 10px auto !important;}
#CaptchaNumber .ad_inp01{height:40px;margin-right: 10px;background-color:#f4f4f4;}

/*개통예정 번호*/
#open-phone input{background-color:transparent;font-size:20px;text-align:center;border:0;}

#normal-input-area2 .order-bottom{padding-left:0;padding-right:0;}



/* 자동이체 */
.select-area-auto {position:relative}
.order-paper .select-area-auto > a{position:relative;display: block !important;padding: 0 50px 0 5px;font-size:15px;line-height:46px;/* border:1px solid #f1f1f1; */color: #c7c7c7;width: 100%;}
.order-paper .select-area-auto > a:after{
    content:"";
    border-width: 2px; border-color: #909090;
    transform: translate(-100%,-50%) rotate(45deg);
    -webkit-transform: translate(-100%,-50%) rotate(45deg);
    transition: transform ease 0.5s;
    -webkit-transition: transform ease 0.5s;
    right: -2px;
}

.order-paper .select-area-auto > a.open:after{
    transform: translate(-100%,0) rotate(225deg);
    -webkit-transform: translate(-100%,0) rotate(225deg);
}
.order-paper .select-area-auto a[class*="f-"]{position:relative;padding-left:55px;color:#888}
.order-paper .select-area-auto a[class*="f-"]:before{
    content:"";position:absolute;top:5px;left:7px;width:40px;height:40px;background:url(/images/pc/uniteOrder/ico_card_list.png) 0 0 no-repeat; background-size: 400px auto ;
}
.order-paper  .select-area-auto > a[class*="f-"]{color:#000}
.order-paper .select-area-auto a.open + ul{display:block;}
.order-paper .select-area-auto ul {display: none;position: absolute;top: 52px;width: 100%;height: 40vw;border: 1px solid rgb(241, 241, 241);background-color: rgb(255, 255, 255);overflow-y: scroll;max-height: 240px;z-index:10}
.order-paper .select-area-auto ul li a{padding:0;display:block;line-height:46px;border-bottom:1px solid #f1f1f1}
.order-paper .select-area-auto ul li:last-child{border-bottom:0}
.f-keb:before,.f-hana-i:before{background-position:0 0 !important;}
.f-sc:before{background-position:-40px 0 !important;}
.f-kb:before, .f-kbi:before{background-position:-80px 0 !important;}
.f-ki:before{background-position:-120px 0 !important;}
.f-nh:before, .f-nh2:before,
.f-nh-i:before{background-position:-160px 0 !important;}
.f-shinhan:before,.f-shinhan-i:before,
.f-jeju:before{background-position:-200px 0 !important;}
.f-woori:before{background-position:-240px 0 !important;}
.f-kakao:before{background-position:-280px 0 !important;}
.f-kbank:before{background-position:-320px 0 !important;}
.f-city:before{background-position:-360px 0 !important;}
.f-gyeongnam:before,
.f-busan:before{background-position:0 -40px !important;}
.f-gwangju:before,
.f-jeonbug:before{background-position:-40px -40px !important;}
.f-daegu:before{background-position:-80px -40px !important;}
.f-saneob:before{background-position:-120px -40px !important;}
.f-sangho:before{background-position:-160px -40px !important;}
.f-saemaeul:before{background-position:-200px -40px !important;}
.f-suhyeob:before{background-position:-240px -40px !important;}
.f-suhyeob-c:before {background-position:-120px -160px !important; }
.f-sinhyeob:before{background-position:-280px -40px !important;}
.f-post:before{background-position:-320px -40px !important;}
.f-sk:before{background-position:-360px -40px !important;}
.f-kyobo:before{background-position:0 -80px !important;}
.f-daesin:before{background-position:-40px -80px !important;}
.f-dongbu:before{background-position:-80px -80px !important;}
.f-mri:before{background-position:-120px -80px !important;}
.f-asset:before{background-position:-160px -80px !important;}
.f-bugug:before{background-position:-200px -80px !important;}
.f-samsung:before{background-position:-240px -80px !important;}
.f-yeong:before{background-position:-280px -80px !important;}
.f-yuana:before{background-position:-320px -80px !important;}
.f-yujin:before{background-position:-80px -160px !important;}
.f-ebest:before{background-position:-360px -80px !important;}
.f-kef:before{background-position:0 -120px !important;}
.f-kium:before{background-position:-40px -120px !important;}
.f-hai:before{background-position:-80px -120px !important;}
.f-hangug:before{background-position:-120px -120px !important;}
.f-hanwa:before{background-position:-160px -120px !important;}
.f-hyeondae:before{background-position:-200px -120px !important;}
.f-boa:before{background-position:-240px -120px !important;}
.f-hsbc:before{background-position:-280px -120px !important;}
.f-doichi:before{background-position:-320px -120px !important;}
.f-sanlim:before{background-position:-360px -120px !important;}
.f-jpm:before{background-position:0 -160px !important;}
.f-china:before{background-position:-40px -160px !important;}
.f-sbi:before{background-position:-80px -160px !important;}
.f-kkumyuung:before{background:url(/images/pc/uniteOrder/icon_card_list_financial.png) 0 0 no-repeat !important; background-size:40px auto !important;}

/* 법인 신청서*/
#OnlineForm{position: fixed;height: 100%;z-index: 1000;width: 100%;height:100%;background-color:#fff;}
#OnlineForm h1{display: block; padding:10px;line-height:50px;background-color: #fff;font-size: 20px;font-weight: bold;color: #000;}
#OnlineForm iframe{width:100%;height: calc(100% - 42px);}
#OnlineForm .onlineClose{
    position: absolute;top: 1px; right: 0px; width: 40px; height: 40px;
    background: url(/unify/m/images/mobile/order/cert/popup_clos.png) center center no-repeat;
    background-size: 12px; text-indent: -9999px; overflow: hidden;
}

/*만족도 조사 설문조사 없어지면 삭제*/
.order-paper .customer_satisfaction_link{display:block;height:50px;line-height:50px;margin-bottom:10px;font-size:16px;color:#000;text-align:center;background:#fff;border:1px solid #d9d9d9;border-radius:10px;}
.order-paper .customer_satisfaction_link:before{content:'';display:inline-block;margin-right:13px;vertical-align:middle;width:26px;height:31px;background:url('https://image.shop.kt.com/upload/editor/display/ico_complete_customer_satisfaction.png') no-repeat 0 0;background-size:26px auto;}

#DCX_SDEG{position:fixed !important;left:50% !important;top:50% !important;z-index:10000 !important;max-width:500px !important;max-height:730px !important;transform:translate(-50%,-50%) !important;}
#DCX_SDEG .VivaldiWidgetHR-cleanslate{padding:20px !important;}

@media all and (max-height: 690px) {
    #DCX_SDEG{max-height:100% !important;}
}

/* 사기판매 주의 팝업추가 */

#fraudSalePop.layerWrap .layerBox{width:640px;}
#fraudSalePop .infoTxt p{color:#000;}
#fraudSalePop .infoImg{margin:15px 0;padding:15px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
#fraudSalePop .infoImg li strong{display:block;margin-bottom:5px;color:#000}
#fraudSalePop .infoImg li+li{margin-top:10px;}
#fraudSalePop .point_red{padding-left:25px;color:#ed1b23;background: url(/unify/m/images/mobile/order/cert/ico-exmark.png) 0 2px no-repeat;background-size:20px;}
#fraudSalePop .point_red + .point_red{margin-top: 5px;}
@media all and (max-width: 640px) {
    #fraudSalePop.layerWrap .layerBox{width:auto;}
    #fraudSalePop .point_red{background-position: 0 0;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .order-paper *:focus,
    .popup *:focus{outline:1px dashed #000}
}

/* 무선구조화 사기판매 팝업 */
#fraudSalePop.layerWrap .layerBox .layerHeader h1 {letter-spacing:-1px;}
#fraudSalePop.layerWrap .layerBox .layerContent {width:auto !important; line-height: 1.45;}

#fraudSalePop .infoTxt p,
#fraudSalePop .infoImg li strong,
#fraudSalePop .infoImg li span,
#fraudSalePop .point_red {font-size:16px; line-height: 1.45;}
#fraudSalePop .infoImg li span {color:#666;}
#fraudSalePop.layerWrap .layerBox .layerBody :not(.cfm-scrollbar-show)::-webkit-scrollbar {display: block !important;}

.mobile #fraudSalePop .infoTxt p,
.mobile #fraudSalePop .infoImg li strong,
.mobile #fraudSalePop .infoImg li span,
.mobile #fraudSalePop .point_red {font-size:inherit; line-height: inherit;}

/* 주문서_듀얼번호 서비스 */
.dSIM-wrap .order-opt-top {margin-top:30px}
.dSIM-wrap .order-opt-top > p {font-size:13px}
.dSIM-wrap .order-opt .raw-check {margin-left:0}

#dualNumServiceArea .dSIM-info {margin-top:20px;}
#dualNumServiceArea .dSIM-info .order-opt .order-opt-top {margin-top:0; font-size: 16px;}
#dualNumServiceArea .dSIM-info .order-opt .order-opt-top > p {margin-top:5px;}

.dSIM-wrap .dSIM-info .order-opt .pd-button.line-clamp2 .box button {min-height:75px;}
.dSIM-wrap .box .btn-resend {min-height:inherit;}
.dSIM-wrap .arrow-wrap button {float: left; min-height: inherit; padding: 0; margin: 0; color: #000; background-color: transparent; border-radius: 0;}
.dSIM-wrap .arrow-wrap button.arrow-next {float: right;}
.dSIM-wrap .arrow-wrap + .btn-wrap button {padding:0}
.dSIM-wrap .selected-text .change > span {display:block; margin-top:15px; font-size:13px; color:#959595;}
.dSIM-input .selected-text > span {margin-top:15px; display: block;}

.dSIM-input .dSIM-number {padding:20px 0 0; border-top:1px solid #EDEDED}
.dSIM-input .dSIM-number:first-child {padding:0 0 20px; border-top:none}
.dSIM-input .dSIM-number:first-child + .dSIM-number-info {padding-bottom:20px;}
.dSIM-input .dSIM-number-info {display:none; padding:0 10px;}
.dSIM-input .dSIM-number-info.dSIM-move {padding-top:20px;}
.dSIM-input .dSIM-number input[type=radio]:checked.checkbox {background-image: url(/unify/m/images/mobile/order/cert/radio_on.png);}
.dSIM-input .dSIM-number input[type=radio].checkbox {background-image: url(/unify/m/images/mobile/order/cert/radio_off.png);}
.dSIM-input .dSIM-number label {display: inline-block; line-height: 25px; vertical-align: top; width: calc(100% - 30px);}
.dSIM-input .dSIM-number label span {display:block; font-size: 13px;}
.dSIM-input .dSIM-number-info .check-area input[type=radio].checkbox {width:20px; height:20px; background-size:20px;}
.dSIM-input .dSIM-number-info .btn-wrap button {line-height:40px; padding:0;}
.dSIM-input .gray-area .bold input {background-color: transparent; font-size: 20px; text-align: center; border: 0;}

.order-paper .dSIM-input .order-opt .title {margin-top:0; margin-bottom:0}

#emailAuthSendArea .row.wide {min-height:inherit;}
#emailAuthSendArea .row.wide span {font-weight: bold; color:#f82a2a;}
#emailAuthSendArea .row.wide a {text-decoration: underline;}
.order-paper .font_red {color:#f82a2a;}
/* //주문서_듀얼번호 서비스 */

/* 추천부가서비스 체크박스 */
.check-box{float: left;margin: 0 2.5px 5px;position:relative;width: calc(50% - 5px); min-height: 61px;}
.check-box:after{content:"";display:block;clear:both;}
.check-box input[type=checkbox]{position: absolute;top: 0;left: 0;width:0;height:0;opacity:0;}
.check-box input[type=checkbox] + label{display: block;padding:13.5px 5px;color: #000;background-color: #ededed !important;border-radius: 5px;width: 100%;text-align: center;}
.check-box input[type=checkbox]:checked + label{background-color: #000 !important;}
.check-box input[type=checkbox]:checked + label *{color:#fff;}
.check-box input#chk-btn-no + label{line-height:33px;}


/* 포인트파크 조회 */
.pointParkAgreeArea.block-area .area .box{padding:20px 0 10px;}

/* 230412 KT Shop 모바일상품권 추가 */
.order-opt .row.wide .row-tit {line-height: 23px; font-size: 15px; }
.order-opt .row.wide .row-tit > div {display:table; table-layout:inherit; width: 100%;}
.order-opt .row.wide .row-tit > div:last-child {margin-bottom:10px;}
.order-opt .row.wide .row-tit .td {color:#909090; font-size: 13px; padding:6px 0 0;}
.order-opt .row.wide .row-tit .td:first-child:before {content: ""; display: inline-block; width:10px; height: 10px; margin: 0 -1px 4px 7px; background: none; box-shadow:-1px 1px 0 #c7c7c7;}
.order-opt .row.wide .row-tit .td span {color:#17c0bb;letter-spacing: -0.09em;}

/* 무선 주문서 가입유형 내 미성년자 가입 관련 문구 추가 */
.wraper-area.order-paper .content .join-info-tip {position: relative; margin-top:22px;}
.wraper-area.order-paper .content .join-icon-tip {text-decoration: underline; cursor: pointer;}
.wraper-area.order-paper .content .join-icon-tip:after {content: ""; display:inline-block; width: 13px; height: 7px; position:relative; top:-1px; right:-5px; transition:all 0.5s; background: url(/unify/m/images/mobile/order/cert/join-icon.png) no-repeat;}
.wraper-area.order-paper .content .join-icon-tip.open:after {transform:rotate(180deg);}
.wraper-area.order-paper .content .join-icon-tip-cont {display: none; border-radius: 10px; background: #fff; border:1px solid #d9d9d9; box-sizing: border-box; padding:20px; line-height: 17px; margin-top: 10px; width:348px;}
.wraper-area.order-paper .content .join-icon-tip-cont.on {display: block;}

@media all and (max-width: 420px) {
    .wraper-area.order-paper .content .join-icon-tip-cont {width:100%;}
}

/*핸드폰 할인을 받기 위한 포인트파크 조회*/
.order-paper .all-check.pointParkAgreeAllChkArea{margin:10px 0 15px 0;}
.order-paper .raw-list.pointParkItemsArea{overflow: inherit;margin:0 10px}
.order-paper .raw-list.pointParkItemsArea li {padding-left:30px}
.order-paper .raw-list.pointParkItemsArea li input[type=checkbox]{top:0}
.order-paper .raw-list.pointParkItemsArea li label{line-height:1.5}

/* 부가서비스 */
@media all and (max-width: 480px) {
    .check-box input[type=checkbox] + label {line-height: 24px;}
    .check-box input#chk-btn-no + label{line-height:38px;}
    .check-box input[type=checkbox] + label strong, .check-box input[type=checkbox] + label p, .order-paper .box button strong, .order-paper .box button * {letter-spacing: -0.1em;}
    .order-paper .check-box input[type=checkbox] + label strong {font-size: 3.5vw !important;}
}
.order-paper .check-box input[type=checkbox] + label strong {font-size: 14px;}
.order-paper .check-box input[type=checkbox] + label p {font-size: 12px;}
.order-paper .order-opt .pd-button.checkbox-4 .box button strong {font-size: 14px;}
.order-paper .order-opt .pd-button.checkbox-4 .box button p, .order-paper .order-opt .pd-button.checkbox-4 .box button p span {font-size: 12px;}
.order-paper .order-opt .pd-button.checkbox-4 .box button.unsub {background-color: #ededed;}
.order-paper .order-opt .pd-button.checkbox-4 .box button.unsub.selected {background-color: #000; color:#fff;}

/* 주소검색 추가 */
.order-paper .order-opt:first-of-type{border:1px solid #000;}
#roadAddrListDiv,#bldgListDiv,#beonjiAddrListDiv,#beonjiBldgListDiv{border:2px solid #01A69F !important;}
#step3AddrDtl1,#step3AddrDtl2{border:1px solid #01A69F !important;}
.select-addr.addr-list a{position: relative;padding-left: 30px;color: #959595;}
.select-addr.addr-list a:before {content: "";position: absolute;top: 50%;left: 0;width: 25px;height: 25px;background: #d9d9d9;border-radius: 100%;transform: translateY(-50%);}
.select-addr.addr-list a:after {content: "";position: absolute;top: 50%;left: 9px;width: 7px;height: 7px;background: #fff;border-radius: 100%;transform: translateY(-50%);}
.select-addr.addr-list a:hover,
.select-addr.addr-list a:active{color: #000;}
.select-addr.addr-list a:hover:before,
.select-addr.addr-list a:active:before{background: #000;}
#roadAddrList{margin-right: -20px;padding-right: 15px;}
#roadAddrList::-webkit-scrollbar {display: block;width: 4px;height: 8px;background: #eee;}
#roadAddrList::-webkit-scrollbar-thumb {display: block; width: 4px;height: 8px;background: #aaa;}
/* 단말 할부결제방식 선택 영역 */
.order-paper .order-opt .radio-check .div-row {display:none;}
.order-paper .order-opt .radio-check.active .div-row {display:block;}
.order-paper .order-opt .form .radio-check {border-bottom: 1px solid #EDEDED; padding:0 0 17px 35px;}
.order-paper .order-opt .form .radio-check input[type="radio"] + label {font-size: 15px;}
.order-paper .order-opt .form .div-row p {font-size:14px; font-weight: normal; color:#525252; line-height: 1.4; margin:10px 0;}
.order-paper .order-opt .title.mg {margin-bottom:0;}
.order-paper .order-opt .form ul.check-point li {color:#000;padding-left: 15px;}
.order-paper .order-opt .form ul.check-point {margin-top: 10px;}
/* 요고뭉치결합 */
.order-paper input[type=checkbox].checkbox5 {position:relative !important;left:0;top:0;width:20px;height:20px;box-sizing:border-box;background: url(/unify/m/images/mobile/order/cert/checkbox_off.png) center center no-repeat;background-size:20px;z-index:0;z-index:1}
.order-paper input[type=checkbox].checkbox5:checked {background-image:url(/unify/m/images/mobile/order/cert/checkbox_on.png);}
.order-paper input[type=checkbox].checkbox5 + label {padding:0;}
.order-paper .order-opt .yogo {position:relative; display: block; border-radius: 10px; background-color: #E6F8F7;padding:15px 20px;}
.order-paper .order-opt .yogo .yogo_logo {margin-bottom:10px;}
.order-paper .order-opt .yogo .yogo_logo img {width:75px; margin-top:-4px;}
.order-paper .order-opt .yogo .tooltip_btn {margin-top:4px;}
.order-paper .order-opt .yogo .td:last-child {width:186px;}
@media all and (max-width: 480px) {
    .order-paper .order-opt .yogo .td:last-child {width:108px;}
    .order-paper .order-opt .yogo .td {letter-spacing: -0.05em;}
    .order-paper .order-opt .yogo .yogo_logo img {width:65px;}
    .order-paper .order-opt .yogo {padding:15px;}
}
/*팝업 링크 색상 (전환지원금 팝업)*/
.layerWrap .btnLink {text-decoration:underline; color:#01a69f;}
#numberTransferPop .layerBox{width:450px;right: auto;left: 50%;transform: translate(-50%, -50%);}
#numberTransferPop .noticeList > li{position:relative;margin-top:10px;padding-left:10px;font-size:14px;line-height:1.5;color:#666;}
#numberTransferPop .noticeList > li:first-child{margin-top:0;}
@media all and (max-width: 480px) {
    #numberTransferPop .layerBox{
        width:auto;
        left: 20px;
        right: 20px;
        transform: translate(0, -50%);
    }

    #numberTransferPop .noticeList > li {font-size: 12px;}
    #numberTransferPop .layerContent .order-paper .raw-list label {font-size: 13px;}
}
/* 멤버십 포인트 */
#starPointBox.row{margin-bottom: 15px;}
#starPointBox.row .td{width: auto;}
#starPointBox.row .td .use{margin: 3px 0 6px;}
#starPointBox.row .td .use input{width: 110px;margin: 0;font-size: 14px;border: 1px solid #a8a8a8;}
#starPointBox.row .td .usable{font-size: 12px;color: #000;}
#starPointBox.row .td .usable br{display: none;}
#starPointBox.row .td .point:before{margin: 0 -1px 4px 7px;}

#memberServiceBox.row{margin: 5px 0 16px;}
#memberServiceBox.row .raw-list{margin-top: 0;}
#memberServiceBox.row .raw-list li{padding-left: 30px;margin-left: 0;display: inline-block;}
#memberServiceBox .raw-list.single li input[type=checkbox]{left: 0;}
@media all and (max-width: 325px) {
    #starPointBox.row .td .usable br {display: block;}
}
/* 멤버십 포인트 팝업 */
#starPointPop .layerBox{width:450px;right: auto;left: 50%;transform: translate(-50%, -50%);}
#starPointPop .noticeList > li{position:relative;margin-top:10px;padding-left:10px;font-size:14px;line-height:1.5;color:#000;}
#starPointPop .noticeList > li:first-child{margin-top:0;}
#starPointPop .layerBtnBox{display: flex;justify-content: center;gap: 10px;}
#starPointPop .nonMemberBtn{background: #fff;border: 1px solid #000;}
@media all and (max-width: 480px) {
    #starPointPop .layerBox{
        width:auto;
        left: 20px;
        right: 20px;
        transform: translate(0, -50%);
    }
    #starPointPop .btnLayerItem span {font-size: 14px;}

    #starPointPop .noticeList > li {font-size: 12px;}
}

.flex_colm{display:flex;gap:4px;}
.flex_colm  .front, .flex_colm  .maskings{position:relative;flex:1;}
.flex_colm .maskings input{padding-right:28px !important;}
.flex_colm .btn_showhide{position:absolute;right:4px;top:50%;margin:0;transform:translateY(-50%);width:20px;height:24px;border-radius:0;background:#fff url(/NWL/assets/images/m/btn_masking_show.png) no-repeat 50% 50% / 100% auto;}
.flex_colm .btn_showhide.on{background-image:url(/NWL/assets/images/m/btn_masking_hide.png);}
.flex_colm .gu{position: relative;width:6px;text-align: left;}
.flex_colm .gu:before {content:"";position:absolute;top:50%;width:6px;height:1px;background-color:#000;}

/* 팝업 - 부정가입 경고 */
#fraudulentSignupPop .layerBox .layerContent {width: auto !important;}
#fraudulentSignupPop .MessageBox + .contBox {margin:20px 0;}
#fraudulentSignupPop .MessageBox {font-size: 14px;color: #161616; line-height: 1.5;}
#fraudulentSignupPop .contBox {padding: 20px 15px; border: 1px solid #D9D9D9; border-radius: 8px; font-size: 14px;}
#fraudulentSignupPop .contBox .titBox {font-weight: bold; margin-bottom: 10px;color: #161616;}
#fraudulentSignupPop .contBox .agreeInner * {color: #161616;}
#fraudulentSignupPop .contBox .agreeInner li + li {margin-top: 10px;}
#fraudulentSignupPop .contBox .agreeInner li {position: relative; padding-left:15px;}
#fraudulentSignupPop .contBox .agreeInner li::before {content: "·"; position: absolute; top: 0; left: 3px;font-weight: 800; font-size:15px; color: #000;}

/* 챗봇 */
.wrap-order .ibotKT{position: fixed;left: 50%;bottom: 100px;width: 80px;margin-left: 300px;display: grid;justify-items: center;}
.wrap-order .ibotKT:after{content: "";width: 45px;height: 10px;background-color: #b3b3b3;border-radius: 100%;}
.wrap-order .ibotKT img{width:100%;}
.wrap-order .ibotKT .txt{position:relative;text-align:center;z-index:2;}
.wrap-order .ibotKT .ibot-btn{display: block;position:relative;width: 80px;height: 90px;margin-top:-14px;z-index:1;}
.wrap-order .ibotKT .ibot-btn > span{position:absolute;left:0;top: 0;animation : upDown 1s ease-in-out infinite alternate;}
/* .wrap-order .ibotKT .ibot-btn > span.obj02{display:none;} */
.wrap-order .ibotKT .ibotKT_txt_base{width:80px;animation: objYogoHide 3.98s forwards;}
.wrap-order .ibotKT .ibotKT_txt_blink{position:absolute;left:50%;bottom:0;width:60px;opacity:0;transform:translateX(-50%);animation-name: objYogoBlink;animation-duration: 4s;animation-delay: 4s;animation-iteration-count: infinite;}
@keyframes upDown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(10px);
    }
}
@keyframes objYogoHide {
    0%, 99.99% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
@keyframes objYogoBlink {
    0%, 49.99% {
        opacity: 1;
    }
    50%, 100% {
        opacity: 0;
    }
}

/* 안면인증 */
.nwTip2{position: relative;padding-left:24px;}
.nwTip2:before{content:"";position: absolute; top:0;left:0; width:16px;height:16px;margin:2px 8px 0 0; background:url(/NWL/assets/images/pc/nwIconPoint.svg) 0 0 no-repeat}
.subMsg {position:relative;font-size:12px;line-height:1.5;word-break:keep-all;color:#525252;text-align:center;}
.subMsg:before{content:"*";}
.cardHomepage { margin-top: 24px; padding:0; border-radius: 8px; font-size:13px;line-height:1.4;}
.cardHomepage .area { padding:20px; background-color:#F8F8F8; color:#000; font-size:13px; border:1px solid #EDEDED; border-radius: 8px;text-align:left !important;}
.cardHomepage .area .tip { margin-bottom: 8px; }
.cardHomepage .area .nwTip2{position: relative;padding-left:24px;text-align:left;}
.cardHomepage .area .nwTip2:before{content:"";position: absolute; top:2px;left:0; width:16px;height:16px;margin-right:8px; background:url(/NWL/assets/images/m/nwIconPoint.svg) 0 0/ 100% auto no-repeat}
.cardHomepage .area button { margin:12px 0 0 24px; font-size: 13px; font-weight: 500; text-decoration: underline; width:auto; height:auto; color:inherit}
.fixed-area .subMsg{text-align:center;margin:10px;}
.faceAuth .hidden{width:0 !important;height:0 !important;overflow:hidden !important;}
.faceAuth .order-bottom[class*='case']{padding-top:20px;}
.faceAuth .order-bottom .nwTip2{text-align:center;color:#525252;margin-bottom:10px;line-height:1.3;font-size:11px;background:none;padding:0;}
.faceAuth .order-bottom .nwTip2:before{display:none;}
.faceAuth .btnWhite{display:flex;align-items:center;justify-content:center;font-weight:600;height:40px;font-size:14px;box-sizing: border-box;border-radius: 8px;border: 1px solid #525252;background-color: #fff;color:#000;width:100%;}
.faceAuth .btnSend .subTit {font-size: 14px; color: #525252; margin-top: 20px;}
.faceAuth .tit{font-size:18px;font-weight:700;margin:45px 0 20px;}
.faceAuth .area {padding:16px 20px;border-radius:10px;background-color:#F8F8F8; border: 1px solid #d9d9d9;border-radius:8px;text-align: center;} 
.faceAuth .nwDesc {line-height:1.4;}
.faceAuth .nwDesc > dt{font-size:16px;color:#000000;margin-bottom:12px;font-weight:700;text-align:center;}
.faceAuth .nwDesc > dd, 
.faceAuth .area .timerNote{font-size:12px;color:#525252}
.faceAuth .nwDesc > .btnSend{margin-top:12px;}
.faceAuth .nwDesc.notice{text-align:left;counter-reset: item;}
.faceAuth .nwDesc.notice dt{font-size:14px;text-align:left;}
.faceAuth .nwDesc.notice dd{text-align:left;counter-increment:item;margin-left:24px;padding-left:16px;margin-bottom:4px;position:relative;}
.faceAuth .nwDesc.notice dd:last-child{margin-bottom:0}
.faceAuth .nwDesc.notice dd:before{content:counter(item);position:absolute;left:0;top:4px;width:12px;height:12px;background-color:#525252;color:#fff;border-radius:100px;font-size:9px;text-align:center;}
.faceAuth .nwDesc.selectCert > dt{margin-bottom:4px;font-size:14px}
.faceAuth .faceCert {margin-bottom:32px;}
.faceAuth .faceCert .area{padding:24px 16px;border:2px solid #01A69F;border-radius: 8px; text-align: center;background-color:#fff}

.faceAuth .faceCert .faceImgArea {margin:30px 0;}
.faceAuth .faceCert .faceImgArea ul {display: flex; align-items:center; justify-content:space-evenly; }
.faceAuth .faceCert .faceImgArea li:first-child > .faceImg img {width:138px;}
.faceAuth .faceCert .faceImgArea li:nth-child(2) > .faceImg img, .faceAuth .faceCert .faceImgArea li:nth-child(3) > .faceImg img {width:73px;}
.faceAuth .faceCert .faceImgArea .faceImg {height: 87px;display: flex; align-items:end; justify-content: center;margin-bottom:15px;}
.faceAuth .faceCert .faceImgArea li > p {font-size: 14px; color: #525252;display: flex;align-items: center;justify-content: center;}
@media screen and (max-width: 430px) {
    .faceAuth .faceCert .faceImgArea {margin:30px 0;}
    .faceAuth .faceCert .faceImgArea ul {display: flex; align-items:center; justify-content:space-evenly;}
    .faceAuth .faceCert .faceImgArea li:first-child > .faceImg {margin-bottom:27px;}
    .faceAuth .faceCert .faceImgArea li:first-child > .faceImg img {width:73px;}
    .faceAuth .faceCert .faceImgArea li:nth-child(2) > .faceImg img, .faceAuth .faceCert .faceImgArea li:nth-child(3) > .faceImg img {width:47px;}
    .faceAuth .faceCert .faceImgArea li .faceImg {height:47px;display: flex; align-items: center; justify-content: center;margin-bottom:15px;}
    .faceAuth .faceCert .faceImgArea li > p {font-size:12px; color: #525252; }
}

.faceAuth .faceCert .btnLinkArea{text-align:center;margin-top:16px;}
.faceAuth .faceCert .btnLinkArea:not(.usim){display:none;}
.faceAuth .faceCert .btnLinkArea button{font-weight:bold;width:auto;height:auto;border-right:1px solid #D9D9D9;padding:0 10px 0 5px;font-size:13px;box-sizing: border-box;color:#119891;border-radius:0;letter-spacing:-1.2px; margin:5px 0;}
.faceAuth .faceCert .btnLinkArea button:last-child{border-right:none;}
@media screen and (max-width: 470px) {
  .faceAuth .faceCert .btnLinkArea button:nth-child(2){border-right:none;}
}
.faceAuth .faceCert .btnLinkArea button:after{content: '+';display: inline-block;width: 16px;height: 16px;margin-left: 4px;line-height: 1;background-color: #01A69F;color: #fff;border-radius: 100px;text-align: center;font-weight: normal;}
.faceAuth .faceArea {margin-top:32px;}
.faceAuth .faceArea .toptxt {font-size:14px;color:#000000;margin-bottom:12px;font-weight:500;}
.faceAuth .area {padding:20px; border: 1px solid #D9D9D9;border-radius: 8px; text-align: center;background-color:#ededed} 
.faceAuth .area .qrImg {display: block; margin:20px auto 0 auto; width:100px; height:100px;}
.faceAuth .area .qrImg img {width:100%;}
.faceAuth .area .timerWrapper {display: flex;justify-content:center; align-items:center; font-size: 14px; margin:12px 0 8px;}
.faceAuth .area .timerWrapper span {color: #EA3037;font-size:11px;padding-right:3px;}
.faceAuth .area .timerWrapper .timer {color: #EA3037; margin-right:10px;}
.faceAuth .area .timerWrapper .reRequest {padding:0 12px;height:25px; border-radius: 4px; font-size:12px; border:1px solid #525252;background:#fff;color:#000;}
.faceAuth .area .timerWrapper .reRequest:disabled {background-color: #bdbdbd;color: #888;cursor: default;}
.faceAuth .area .msg {font-size: 14px;}
.faceAuth .line {margin:20px 0;border-top:1px solid #d9d9d9;}
.faceAuth .msg + button {margin-top: 20px;}
.faceAuth .area2 {padding:20px; border: 1px solid #D9D9D9; background: #F8F8F8; border-radius: 8px;}
.faceAuth .area2 .nwTip3 {font-size: 14px;}
.faceAuth .area.skip{background:none;}
.faceAuth .cardHomepage.noti .area{border:1px solid #fe2e36;background-color:#fff9f9;}
.faceAuth .cardHomepage.noti .area .nwTip2{color:#fe2e36;}
.faceAuth .cardHomepage.noti .area .nwTip2:before{background-image: url(/NWL/assets/images/pc/nwIconPoint_red.svg);background-size:100% auto;}
.faceAuth .cardHomepage.skip .area{text-align:center !important;background:#F7FBFF;border:1px solid #3D84E6;color:#000}
.faceAuth .cardHomepage.skip .area button{display:table;width:100%;height:48px;margin:0 auto 16px;color:#FFFFFF;font-weight:bold;text-decoration:none;background-color:#000000;border-radius:8px;}
/* .faceAuth .cardHomepage.skip .area button:after{content:' >';color:inherit;} */
.faceAuth .cardHomepage.skip .nwTip2{position:relative;display:inline-block;padding:0;text-align:center;color:inherit}
.faceAuth .cardHomepage.skip .nwTip2:before{display:inline-block;margin:0;top:2px;position:relative;} 
.faceAuth .btnLinkArea .subMsg {font-size: 14px; margin:-43px 0 20px;}
.faceAuth .btnLinkArea .subMsg:before {display: none;}