@charset "UTF-8";

/* common style */

html,body{height:100%;margin:0;}
.wrap-order *{font-family: "Noto sans KR"; /*font-weight: 400;*/}
#orderFrm{height:100%}

a {text-decoration:none;color:#000;}
/* a.btn,button.btn,input.btn,label.btn,span.btn{width:100%;display:inline-block;text-align:center;background-color:#5DDFDE;color:#000;border-radius:5rem;line-height:52rem;font-size:15rem;letter-spacing:0;font-weight:500;letter-spacing: -0.64rem;}
button,html input[type='button'],input[type='reset'],input[type='submit']{cursor:pointer;-webkit-appearance:button}
a.btn.disabled,button.btn:disabled,input.btn:disabled,label.btn:disabled,span.btn:disabled{background-color:#ededed !important; color:#959595 !important;pointer-events:none; }
a.btn.fill,button.btn.fill,input.btn.fill,label.btn.fill,span.btn.fill{background-color:#5DDFDE;color:#fff}
a.btn.medium,button.btn.medium,input.medium,label.btn.medium,span.btn.medium{height:36rem;line-height:34rem;font-size:13rem;border-radius:3rem}
a.btn.small,button.btn.small,input.btn.small,label.btn.small,span.btn.small{height:30rem;line-height:28rem;font-size:12rem;border-radius:3rem}
a.btn.xsmall,button.btn.xsmall,input.btn.xsmall,label.btn.xsmall,span.btn.xsmall{height:27rem;line-height:25rem;font-size:12rem;border-radius:3rem} */
table.tb-type-02 {width: 100%; border-collapse: collapse;}
table.tb-type-02 th {background: #EDEDED; border: none; border-bottom: .1rem solid #d9d9d9; text-align: center; font-weight: 400; color: #000;}
table.tb-type-02 td {border: none; border-bottom: .1rem solid #d9d9d9; text-align: center; font-weight: 400;}
.order-paper .content.content-homepage-id{min-height: calc(100% - 28.3rem);}
.order-paper .content.order-add-content{min-height: calc(100% - 33.9rem); background-color: #f8f8f8; padding-bottom: 1.0rem;}
/* jquery-datepicker */
#ui-datepicker-div {left: 50% !important; max-width: 46.0rem; width: 100%; padding: 2.7rem 1.0rem 1.5rem; margin-top: 1.5rem; box-sizing: border-box; transform: translate(-50%, 0); border: .1rem solid #D9D9D9; border-radius: 1.0rem; box-shadow: 0rem 2.0rem 2.0rem #00000033; background:#fff; /*border: none;*/}
.ui-datepicker-header {margin-bottom: 2.0rem; background: none; border: none; /*border: 1rem solid #D9D9D9; border-bottom: none; border-radius: 10rem 10rem 0 0;*/}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:.6rem}
.ui-datepicker .ui-datepicker-prev{left:25%}
.ui-datepicker .ui-datepicker-next{right:25%}
.ui-datepicker-prev {  background: url(/unify/m/images/mobile/order/cert/arrow_prev.png) no-repeat center 60% !important; background-size: auto 44% !important;}
.ui-datepicker-next { background: url(/unify/m/images/mobile/order/cert/arrow_next.png) no-repeat center 60% !important; background-size: auto 44% !important;}
.ui-datepicker-prev span, .ui-datepicker-next span {background-image:none !important;}

.ui-datepicker-title {margin-top: -.4rem;}
.ui-datepicker-title, .ui-datepicker-title span {font-size: 1.6rem; font-weight: 700; color:#333}
.ui-datepicker th span {font-weight: 700; font-size: 1.3rem;}
.ui-datepicker th:first-child span {color: #ED1B23;}
.ui-widget-content a {font-size: 1.3rem !important; font-weight: normal !important; color: #454545 !important; }
.ui-datepicker td:first-child span, .ui-datepicker td:first-child a {color: #ED1B23 !important;}
.ui-state-default {width: 3.6rem; margin: 0 auto; height: 3.6rem; line-height: 3.6rem; font-size: 1.3rem; text-align: center !important; border: 0 !important; background: none !important}
.ui-state-highlight {border-radius: 5.0rem; /*background: #EDEDED !important;*/ font-weight: 700 !important; color: #000 !important;}
.ui-state-active {border-radius: 5.0rem; background: #5DDFDE !important; font-weight: 700 !important; color: #000 !important;}

/* style */
.select-type {padding: 0 .5rem;}
.order-opt .row .td:last-child {font-weight: 500;}
.order-opt .row .td:first-child:nth-last-child(1){width:100%}
.order-opt .row .td:nth-child(2) {min-width:12.0rem}
.order-opt .row .td .point:before {margin: 0 .7rem .4rem -1.8rem;}
.order-opt .member-input .row > span.agency {width: 30%;}
.order-opt .member-input .row > span.agency + span {width: 68%;}
.order-opt .member-input .row.setup-date > span.td{width:100%}
.order-opt .member-input input:disabled,
.order-opt .member-input select:disabled{background-color: #EDEDED !important;}

/*
.member-input .row.readonly {position: relative; background-color: #EDEDED !important;}
.member-input .row.readonly > span {padding: 5rem 20rem; border-bottom-color: #E4E4E4 !important;}
.member-input .row.readonly > span.datepicker input {background: url(/unify/m/images/mobile/order/cert/internet/icon_date_3_off.png) 98% center no-repeat !important; background-size: 23rem auto !important;}
.member-input .row.readonly:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0%;}
.member-input .row.readonly .search {background-image: url(/unify/m/images/mobile/order/cert/internet/icon_search2.png); background-position: 20rem center;}
.member-input .row span input:readonly, .member-input .row select:readonly {background-color: transparent !important;}
.member-input .row span.readonly-text {color: #808080;}
*/
.order-opt.border {border: .2rem solid #EDEDED;}
.order-opt.border .title {margin: 0;}
.order-opt.border .select-box:not([style*="display: none"]) .box {padding-top: 3.0rem;}
.order-opt .arrow {vertical-align: bottom;}
.order-opt .title:last-child {margin-bottom: 0;}
.order-opt .title a.link {position: relative;font-weight: 700;padding-right: 1.5rem;}
.order-opt .title a.link::after {content: ""; position: absolute; top: 47%; right: 0; width: 0.7rem; height: 0.7rem; border-right:0.2rem solid #000000; border-bottom: 0.2rem solid #000; transform: rotate( -45deg ) translateY(-50%); -webkit-transform: rotate( -45deg ) translateY(-50%);	 opacity: 0.5;}
.order-paper .arrow:after {margin-top: 0;}
.order-opt .datepicker input,
.order-opt .open-date {background: url(/unify/m/images/mobile/order/cert/internet/icon_date_3_off.png) 98% center no-repeat !important; background-size: 2.3rem auto !important;}
.order-opt .delivery-store {border: .1rem solid #EDEDED;}
.order-opt .delivery-store {margin-top: 1.0rem;}
.order-opt .delivery-store .addr {margin-bottom: 0;font-size:1.3rem;}
.order-opt .delivery-store .addr + .addr {margin-top: 1.0rem;}

.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:-.2rem;}
.arrow.open:after{transform:  translate(-100%,0) rotate(225deg) !important; -webkit-transform: translate(-100%,0) rotate(225deg) !important;}

.select-addr.type2 .addr { display: flex; padding: 2.0rem 0 2.0rem 2.0rem; border-bottom: .1rem solid #EDEDED; cursor: default; }
.select-addr.type2 .addr { padding: 2.0rem 0; }
.select-addr.type2 .addr:first-child { padding-top: 0; }
.select-addr.type2 .addr .num{width: 2.3rem; padding: .2rem 0 0; color: #fff; text-align: center; font-size: 1.3rem; background: url(/unify/m/images/mobile/order/cert/icon_num.png) no-repeat 0 0; background-size: 2.2rem auto;}
.select-addr.type2 .addr .addr-area{width: calc(100% - 3.5rem); margin-left: 1.3rem; text-align: left;}
.select-addr.type2 .addr .addr-area .addr-info-1{font-size: 1.5rem;}
.select-addr.type2 .addr .addr-area .addr-info-2{margin-top: .9rem; color: #959595; font-size: 1.3rem;}
.select-addr.type2 .addr .addr-area .addr-info-2 .jibun{padding: 0 .5rem .1rem; margin: 0 .5rem 0 0; border: .1rem solid #666666; border-radius: .3rem; color: #666666;}
.select-addr.type2 {padding-top: 0; margin-bottom: 0;}
.select-addr.type2 .addr {padding: 2.0rem 0;}
.select-addr.type2 .addr:first-child {padding-top: 0;}
.select-addr.type2 .addr:last-child {padding-bottom: 0; border-bottom: 0;}
.select-addr.type2 .addr .num {width: 1.8rem; height: 1.8rem; line-height: 1.4rem; font-size: 1.2rem; background: #5DDFDE; border-radius: 50%; color: #000;}
.select-addr.type2 .addr .addr-area .addr-info-2 {margin-top: 1.3rem; line-height: 170%;}
.select-addr.type2 .addr .addr-area .addr-info-2 .jibun {color: #959595; border-color: #959595;}
.select-addr.addr-list {margin: 0; padding: 0;}
.select-addr.addr-list .addr {font-size: 1.5rem;}
.order-paper .member-input .row > span.building {width: 36%}
.order-paper .member-input .row > span.building:last-child {float: right; width: 53%}
.order-paper .member-input .line:before{padding-top:.5rem}
.order-paper .member-input .row .btn-small {position: absolute; top: 1.3rem; right: 0; line-height: 2.8rem; color: #fff; padding: 0 1.5rem; background-color: #000; border-radius: .5rem;}
.order-opt .icon .row + .row {margin-top: 1.0rem;}
.order-opt .icon .row .td {font-weight: 500 !important; line-height: 3.0rem;}
.order-opt .icon .row .td:first-child {padding-left: 4.0rem; text-align: left; background: url(/) no-repeat 0 50%; background-size: 2.8rem auto;}
.order-opt .icon .row .td:nth-child(2) {min-width:12.0rem}
.order-opt .icon .row .td.internet {background-image: url(/unify/m/images/mobile/order/cert/internet/icon_internet.png);}
.order-opt .icon .row .td.tv {background-image: url(/unify/m/images/mobile/order/cert/internet/icon_tv.png);}
.order-opt .icon .row .td.gift {background-image: url(/unify/m/images/mobile/order/cert/internet/icon_gift.png);}
.order-opt .icon .row .td.tel {background-image: url(/unify/m/images/mobile/order/cert/internet/icon_tel.png);}
.order-opt .icon .row.gray {padding-left: 4.0rem; margin-bottom: 2.5rem; color: #959595; font-weight: 400;}
.order-opt .icon .row.img span {vertical-align: middle; text-align: left; color: #959595;}
.order-opt .icon .row.img span img {width: 100%; padding-right: 1.5rem;}
.order-opt .icon .row.img span:first-child {width: 45% !important;}
.order-opt .total .row .td {padding-top: 2.0rem; font-size: 1.6rem; font-weight: 700; border-top: .1rem solid #EDEDED;}
.order-paper input + label  {font-weight: 500;line-height: 2.5rem; display: inline-block;}
/*.hope-number .member-input {margin-bottom: 50rem;}*/
.hope-number .check-area {margin-bottom: 1.0rem;}
.hope-number .phone-area {margin-top: 0;margin-bottom:1.5rem}
.hope-number .more {margin-top: 1.5rem; color: #000; font-weight: 500;}
.gray-area {margin-top: 0;}
.gray-area strong {font-size: 2.0rem;}
.gray-area .normal, .gray-area.normal {font-weight: 400;}
.raw-list li a{position:absolute;top:50%;right:.5rem;width:2.0rem;height:2.0rem;background-size:.5rem 1.1rem;overflow:hidden;transform:translate(0,-50%);-webkit-transform:translate(0,-50%); color:transparent;}
.raw-list li a:after{content:"";position:absolute;right:.7rem;top:.5rem;border:1rem solid #959595;border-left:0;border-bottom:0;transform:rotate(45deg);width:.6rem;height:.6rem}
.order-type .order-ok-area {position: fixed; z-index: 2001; bottom: 0; padding-top: 2.5rem;}
.order-ok-area .gray-area {padding: 1.5rem 2.5rem; margin-top: 1.0rem; border-radius: 1.0rem;}
.order-ok-area .gray-area .row {line-height: 130%;}
.order-ok-area .gray-area .row * {font-weight: 400; font-size: 1.3rem; color: #959595;}
.order-ok-area .gray-area .row strong {color: #000; font-weight: 500;}
.order-ok-area .row + .gray-area {margin-top: 2.0rem;}
.order-paper .order-ok-area .arrow{color: transparent; padding-right: 0;}
.order-paper .order-ok-area .arrow.down:after {top: 50%;transform: translate(-100%,-50%) rotate(225deg) !important;}
.order-paper .order-ok-area .arrow.open:after {transform: translate(-100%,-100%) rotate(45deg) !important;}
.order-ok-area .order-opt {padding: 0; margin: 0;}
.order-opt .row.single .td {text-align: left !important;}
.order-opt .row.single .td input[type="radio"] {display: inline-block; margin-right: .5rem; vertical-align: top;}
.order-opt .row.single .td input[type="radio"] + label {display: inline-block; width: calc(100% - 3.4rem); float: right;}
.order-opt .row.single .td input[type="radio"]:not(:checked) + label,
.order-opt .row.single .td input[type="radio"]:not(:checked) + label .point {color: #959595 !important;}
.order-opt .row.single   {margin-top: 2.0rem;}
input[type=radio].radio { position: relative !important; left: 0; top: 0; width: 2.5rem; height: 2.5rem; border-radius: 1.2rem; box-sizing: border-box; background: url(/unify/m/images/mobile/order/cert/radio_off.png) center center no-repeat; background-size: 2.5rem; z-index: 1; }
input[type=radio].radio:checked {background-image: url(/unify/m/images/mobile/order/cert/radio_on.png);}
.other-certification li.certify {min-height: 9.0rem; padding: 3.7rem 0 0 8.5rem; margin-top: 2.0rem; border-top: .1rem dashed #D9D9D9; background: url(/unify/m/images/mobile/order/cert/internet/icon_certify.png) no-repeat 0 2.0rem/7.0rem;}
.other-certification li{color:#959595}
#popup-associated-card .row span.birthday {width: 25%; padding: .5rem 0; line-height: 4.8rem; border-bottom: 0; font-size: 1.5rem; text-align: left;}
.raw-list.order.left {text-align: left;}
.raw-list.order.left li {padding-left: 0;}
.row + .check-area {margin-top: 2.0rem;}
/*.check-area + .gray-area.center {margin-top: 20rem;}*/
.gray-area + .check-area {margin-top: 2.0rem;}
.order-paper .select-type {padding-right: 2.8rem;}
.other-certification + .raw-list {margin-top: 2.0rem;}
.other-certification + .gray-area {margin-top: 2.0rem;}
.other-certification + .member-input {margin-top: 2.0rem;}
.check-area + .gray-area {margin-top: 2.0rem;}
.btn-wrap button.active {color: #fff !important; background: #000 !important;}
.btn-wrap .btn-card-ok{width:100%;height:3.6rem;border-radius:.5rem;font-size:13rem;font-weight:600;letter-spacing:-0.064rem;}
#popup-fail p {font-size: 1.5rem;}
.order-opt .title a.arrow {z-index: 1;}
.order-opt.type-1 .title, .order-opt.type-2 .title {margin: 0;}
.order-opt.type-1 .title a.arrow {top: .3rem;}
.order-opt.type-2 .title a.arrow {top: .3rem;}
.order-opt.type-2 strong {padding-right: 3.0rem;}
.order-opt .selected-text + .select-box > *:first-child {margin-top: 0;}
/* .slider-wrap .bx-wrapper .bx-controls .bx-controls-auto {padding-top: 4rem;} */
.order-paper .order-opt.banner {overflow: hidden;}
.order-paper .order-opt.banner a {width: 100%;}
.order-paper .order-opt.banner a img {width: 100%;}
.order-opt .select-box > .box {margin-top: 0 !important;}
.order-opt .select-box > .box > [class*="list-"] {margin-top: 2.0rem !important;}


.tab-box .other-certification {margin-top:0;}
.tab-box .other-certification + .member-input {margin-top: 0;}
.tab-box .member-input + .other-certification {margin-top: 2.0rem;}

/* .select-addr {overflow: visible;} */
.raw-list.order.left li input[type=checkbox] { top: .2rem;}
.raw-list.order.left li input[type=checkbox] + label {padding-left: .5rem;}
.raw-list.order.left.border-top {margin-top: 2.0rem; padding-top: 2.0rem; border-top: 1rem solid #EDEDED;}
.tool_desc .list_type.check dt {padding-left: 3.0rem; background: url(/unify/m/images/mobile/order/cert/icon_check_mint.png) no-repeat left top !important; background-size: auto 2.0rem !important;}
.tool_desc .list_type.check dd {padding-left: 3.0rem;}
.tool_desc .list_type li, .tool_desc .list_type dt, .tool_desc .list_type dd {font-weight: 400; min-height: 2.0rem;}
.popup .gray-area {padding: 2.5rem; border-radius: .5rem; background: #F4F4F4; font-size: 1.3rem;}
.order-paper .order-bottom.two .btn:last-child {background-color: #5DDFDE;}
.order-paper .order-bottom.two .btn.gray {background-color: #ededed;}
.card-input .drop-down.type-2 .options ul {top: 6.4rem; height: auto; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgb(0 0 0 / 20%) 0rem 2.0rem 2.0rem; border-radius: 1.0rem; border: .1rem solid rgb(217, 217, 217);}
.card-input .drop-down.type-2 .options ul li a {padding: 1.0rem 2.0rem; color: #959595; font-size: 1.2rem; font-weight: 400;}
.card-input .drop-down.type-2 .options ul li a span.name {font-weight: 400;}
.card-input .drop-down.type-2 .options ul li a[title] span {font-weight: 700; color: #000;}
.card-input .drop-down.type-2 span a {background: url(/unify/m/images/mobile/order/cert/icon_arrow_bottom_3.png) right center no-repeat; background-size: 1.3rem auto;}
.order-paper .select-type {background: url(/unify/m/images/mobile/order/cert/icon_arrow_bottom_3.png) calc(100% - 10rem) center no-repeat; background-size: 1.3rem auto;}
.order-paper .btn-wrap .btn {padding: 0;}
.other-certification dd + dt {margin-top: 2.0rem;}
.card-input .card-name.selected {background: url(/unify/m/images/mobile/order/cert/icon_arrow_right_2.png) calc(100% - .5rem) center no-repeat; background-size: .9rem auto;}

/* 요금납부정보 3tab */
/* .order-paper .list-3.tab {display:flex}
.order-paper .list-3 button{flex: 1; word-break: break-all;} */

/* 요금납부정보 4tab */
.order-paper .tab {display:flex}
.order-paper .tab button{flex: 1; word-break: break-all;}

.order-paper .kt-usim .order-opt .row .td:first-child{width:50%;}
.order-paper .kt-usim .order-opt.type-2 strong{padding-right:0;}
.order-paper .kt-usim .order-opt .icon .row .td.usim{background: url('/unify/m/images/mobile/order/cert/internet/icon_usim.png') no-repeat;background-size:1.7rem 2.1rem;background-position:.5rem}
.order-paper .kt-usim .order-opt .icon .row .td:first-child{padding-left:3.6rem;}
.order-paper .kt-usim input[type="radio"] + label{color:#959595;}
.order-paper .kt-usim input[type="radio"]:checked + label{color:#000;}
.order-paper .kt-usim .other-certification li{font-size:1.3rem;line-height:2.0rem;color:#959595}
.order-paper .kt-usim .member-input .row input:disabled{color:#c7c7c7;}
.order-paper .kt-usim .check-recommend-area{margin-top:2.0rem;}
.order-paper .kt-usim .check-area + .gray-area{margin-top:1.5rem;}
.order-paper .kt-usim .gray-area .bold{margin-top:0;}
.order-paper .kt-usim .gray-area{padding:1.8rem;}
.order-paper .kt-usim .ui-link-usim-pop{font-size:1.3rem;line-height:2.0rem;margin-top:1.5rem;}
.order-paper .kt-usim .ui-link-usim-pop:after{content:'';display:inline-block;width:2.0rem;height:2.0rem;margin-left:.5rem;background:url('/unify/m/images/mobile/order/cert/ico_tooltip_btn.png') no-repeat 0 0;background-size:2.0rem auto;vertical-align:sub;}
.order-paper .order-ok-area-bottom{height:32.4rem}
.order-paper #paper-area{margin-top:2.0rem}
.order-paper .card-input .card-name > span{color:inherit}
/*
.order-paper .order-ok-area-bottom{min-height:150rem;margin:0 -8rem -8rem -8rem;}
.order-paper .order-ok-area-bottom .order-ok-area{padding:20rem 20rem 0 20rem;border-top-left-radius:20rem;border-top-right-radius:20rem;box-shadow:0 -4rem 7rem 0rem #00000029;}
.order-paper .order-ok-area-bottom .order-ok-area .order-bottom{padding:20rem 0 30rem 0;}
*/
@media screen and (max-width:400rem) {
    .order-paper .kt-usim .check-area.radio input[type=radio] + label{font-size:1.4rem;}
}
@media screen and (max-width:320rem) {
    .order-paper .kt-usim .check-area.radio input[type=radio] + label{font-size:1.3rem;}
}

.check-area.half li:nth-child(1), .check-area.half li:nth-child(2){margin-top:0}
/*
.order-paper input[type="radio"].checkbox,
.order-paper input[type="checkbox"].checkbox{opacity: 0; position:absolute !important; top:auto; clip: rect(0,0,0,0); width:1rem;height:1rem;padding:0;}
.order-paper .checkbox + label{position:relative;padding-left:28rem;}
.order-paper .checkbox + label:before{content:"";position:absolute !important;top:0;left:0;width:25rem;height:25rem; background:url(/unify/m/images/mobile/order/cert/icon_check_off.png) 0 0 no-repeat;background-size:25rem auto;}
.order-paper .checkbox:checked + label:before{background-image:url(/unify/m/images/mobile/order/cert/icon_check_on.png)}
.order-paper .checkbox:focus + label:before{outline:1rem solid #2491eb}
*/

#popup-order-login{max-width:32.0rem;}
#popup-order-login .ui-txt{font-size:1.6rem;text-align:center;}
#popup-order-login .order-bottom{display:flex}
#popup-order-login .order-bottom .btn{line-height:4.0rem;font-size:1.6rem;font-weight:500;}
#popup-order-login .order-bottom .btn + .btn{margin-left:.8rem;background:#f2f2f2;color:#808080}
/*
#popup-order-raw{height:100%;border-radius:0;background:#f8f8f8;}
#popup-order-raw .close{position:relative;;top:0;right:0;width:initial;height:initial;background:none;text-indent:0;}
#popup-order-raw .all-check label{font-size:20rem !important}
#popup-order-raw .raw-list li{margin-top:12.5rem;}
#popup-order-raw .raw-area{background:#fff;padding:30rem 25rem;border-radius:20rem;margin-top:15rem;}
#popup-order-raw .raw-area .raw-list{max-height:initial}
#popup-order-raw .raw-area .raw-list li label .ui-txt-point{color:#959595}
#popup-order-raw .raw-area .raw-list li input[type=checkbox]:checked{background-image:url('/unify/m/images/mobile/order/cert/internet/icon_check02.png');}
#popup-order-raw .raw-area .raw-list li input[type=checkbox]:checked + label{color:#959595}
#popup-order-raw .raw-area .raw-list li input[type=checkbox]:checked + label span{color:#01a69f}
*/
.raw-list li a.tooltip_btn{position:relative;width:2.0rem;height:2.0rem;margin-left:.3rem;font-size:0;line-height:0;overflow:hidden;color:transparent;line-height:1;background:url('/unify/m/images/mobile/order/cert/ico_tooltip_btn.png') no-repeat 0 0;background-size:2.0rem auto;vertical-align:sub;transform:translate(0,0);top:0;right:0;}
.raw-list li a.tooltip_btn:after{display:none;}
.ui-tooltip-txt{font-size:1.5rem;text-align:center;color:#000;letter-spacing:-0.05rem;}
.ui-tooltip-bg-txt{border-radius:.5rem;background:#f4f4f4;font-size:1.3rem;padding:1.5rem 0;text-align:center;letter-spacing:-0.05rem;color:#000;margin-top:1.5rem;}

.order-paper .order-opt-complete .row .td .point{padding-left:3.5rem;color:#808080}
.order-paper .order-opt-complete .ui-total-price{border-top:0.15rem dashed #cfcfcf;padding-top:2.0rem;margin-top:2.0rem;}
.order-paper .order-opt-complete .ui-total-price:after{content:'';display:block;clear:both;}
.order-paper .order-opt-complete .ui-total-price span{float:left;font-size:1.6rem;line-height:2.5rem;letter-spacing:-0.05rem;}
.order-paper .order-opt-complete .ui-total-price span + span{float:right;color:#ed1823}

.order-paper .order-bottom-flex{display:flex;}
.order-paper .order-bottom-flex button.btn{font-weight:400;margin-left:0.5rem;}
.order-paper .order-bottom-flex button.btn:first-child{font-weight: bold;margin-left:0;}
.order-paper .order-bottom-flex + .order-bottom{padding-top:1.0rem;}
.other-certification.color-black{margin-top:0;}
.other-certification.color-black li{color:#000}

.order-opt-area-complete .order-opt + .order-opt-top{margin-top:3.0rem;}
.order-opt-area-complete .ui-box-float > div{margin-top:1.0rem;}
.order-opt-area-complete .ui-box-float > div:first-child{margin-top:0;}
.order-opt-area-complete .ui-box-float > div:after{content:'';display:block;clear:both;}
.order-opt-area-complete .ui-box-float .ui-float-l{float:left;font-size:1.4rem;line-height:2.25rem;letter-spacing:-0.025rem;color:#808080;width:10.0rem;}
.order-opt-area-complete .ui-box-float .ui-float-r{float:right;font-size:1.4rem;line-height:2.25rem;letter-spacing:-0.025rem;width:calc(100% - 10.0rem);text-align:right;}
.order-opt-area-complete .ui-set-date{position:relative;width:15.5rem;height:6.4rem;border:.1rem solid #000;margin-left:auto;border-radius:.5rem;padding:1.0rem;text-align:left;}
.order-opt-area-complete .ui-set-date:after{content:'';position:absolute;right:1.0rem;top:1.0rem;width:2.0rem;height:2.0rem;background:url('/unify/m/images/mobile/order/cert/icon_check_on.png') no-repeat;background-size:2.0rem;}
.order-opt-area-complete .ui-set-date:before{content:'';position:absolute;left:1.0rem;bottom:1.0rem;width:1.4rem;height:1.4rem;background:url('/unify/m/images/mobile/order/cert/internet/icon-time.png') no-repeat;background-size:1.4rem;}
.order-opt-area-complete .ui-set-date *{font-size:1.4rem;font-weight:500;line-height:2.0rem;}
.order-opt-area-complete .ui-set-date .ui-time{display:inline-block;padding-left:2.0rem;margin-top:.4rem;}

.order-paper .member-input .row .is-search{padding-right:6.0rem}

/* 주문 중단 시 레이어 팝업 */
#popup-order-pause{max-width:32.0rem;}
#popup-order-pause header {min-height:4.8rem;}
#popup-order-pause header h1 {position: absolute; color:transparent !important; z-index:-1}
#popup-order-pause .ui-txt{font-size:1.6rem;text-align:center;}
#popup-order-pause .pause-location {text-decoration: underline;}
#popup-order-pause .order-bottom{display:flex}
#popup-order-pause .order-bottom .btn{line-height:4.0rem;font-size:1.6rem;font-weight:500;border-radius:.5rem;background:#000;color:#fff;}




/* 주문완료 - 크로스 셀링 (2019-12-05 반영) */
.ordBenefit {position:relative;text-align:center;overflow:hidden;}
.ordBenefit h4 {color:#222;text-align:center;line-height:140%;}
.ordBenefit h4 em {color:#1aa6ba;}

.ordBenefit > div {display:inline-block; margin:0 -.3rem; background-color:#f5f5f5;}
.ordBenefit > .fir {border-radius:1.2rem 0 0 1.2rem;}
.ordBenefit > .last {border-radius:0 1.2rem 1.2rem 0;}
.ordBenefit > .active a .txt:after {display:none;}
.ordBenefit > .last a .txt:after {display:none;}
.ordBenefit > .fir > a {border-radius:1.2rem 0 0 1.2rem;}
.ordBenefit > .last > a {border-radius:0 1.2rem 1.2rem 0;}

.ordBenefit > div > a {position:relative;display:block;height:3.6rem;padding:0 1.9vw;background-color:#f5f5f5;box-sizing:border-box;text-align:center;min-width:9.5rem;}
.ordBenefit > div > a:after {content:"";position:absolute;left:50%;top:100%;margin-left:-9rem;display:block;width:18rem;height:16rem;z-index:1;}
.ordBenefit > div > a .txt{display:inline-block; height:3.6rem; line-height:3.6rem; box-sizing:border-box; position:relative; z-index:2}
.ordBenefit > div > a .txt:after{content:""; position:absolute; top:50%; right:-3.8vw; transform:translate(0, -50%); width:.1rem; height:.9rem; background-color:#ccc;}

.ordBenefit > div.active > a{color:#fff;z-index:2;border-radius:1.2rem;}
.ordBenefit > div.active > a:after {background:no-repeat 50% 0;background-size:1.7rem auto;}
.ordBenefit > div.hsvcBft.active > a {background-color:#5ddfde;}
.ordBenefit > div.hsvcBft.active > a:after{background-image:url('/images/mobile/smart/order_new/bg_tab.gif')}
.ordBenefit > div.card.active > a {background-color:#5ddfde;}
.ordBenefit > div.card.active > a:after{background-image:url('/images/mobile/smart/order_new/bg_tab.gif')}
.ordBenefit > div.combine.active > a {background-color:#5ddfde;}
.ordBenefit > div.combine.active > a:after{background-image:url('/images/mobile/smart/order_new/bg_tab.gif')}
.ordBenefit > div.service.active > a {background-color:#5ddfde;}
.ordBenefit > div.service.active > a:after{background-image:url('/images/mobile/smart/order_new/bg_tab.gif')}
.ordBenefit .bx-wrapper .bx-viewport{overflow:hidden !important}
.ordBenefit .tab_cont{display:none;position:absolute;left:0;right:0;padding:2.0rem 2.0rem 3.0rem 2.0rem;}

.ordBenefit .tab_cont h5 {color:#222;z-index:1;margin-bottom:1.5rem;}
.ordBenefit > div.card .tab_cont h5 {margin-bottom:0;}
.ordBenefit > div.active .tab_cont {display:block;background-color:#FFF;}
.ordBenefit .bx-wrapper{margin-bottom:0;padding-bottom:2.0rem;}
/* .ordBenefit .bx-wrapper .bx-controls .bx-pager{bottom:-45rem !important;} */
/* .ordBenefit .bx-wrapper .card .bx-controls .bx-pager{bottom:-45rem !important;} */
.ordCsInfo {background: url('/images/pc/common/img_oneclick_complete.png') no-repeat 0rem 0%;background-size: 2.7rem auto; margin:0 1.8rem 3.0rem 2.4rem;min-height:4.3rem;}
.ordCsInfo p{padding-left:3.3rem;padding-top:.3rem;}
.ordCsInfo strong{color:#23c1c4;}

.card li {width:100%;text-align:center;}
.card li img {display:block;margin:0 auto;}
.card li p {color:#000;line-height:140%;}
.card li p b, .card li p em {color:#d71826;}

.combine h5 em {color:#d71826;}
.combine li {width:100%;text-align:center;}
.combine li p {line-height:150%;text-align:left;}
.combine > p {width:100%;text-align:center;}
.combine li > a {display:block;color:#fff;text-align:right; background:#f8f8f8 url('/images/mobile/smart/order_new/bg_combine.png') no-repeat;background-size:50.0rem 20.0rem;;}
.combine li > a > strong {display:block;font-weight:normal;text-align:center;line-height:160%;}
.combine li > a > span {display:block;}
.combine li > a > span em {line-height:160%;vertical-align:middle;}
.combine li > a div {clear:both;color:#222;text-align:center;line-height:170%;}
.combine li > a div p {color:#787878;}
.combine li > a div span {display:block;color:#222;font-weight:bold;}
.combine li > a div em {color:#d71826;}

.hsvcBft .btnBft{display:block;margin:0 auto;width:16.5rem;height:3.8rem;border:.2rem solid #23c1c4;line-height:3.8rem;text-align:center;font-size:1.6rem;color:#23c1c4;box-sizing:border-box;border-radius:5.0rem;}
.hsvcBft .phoneRecommend .phoneBtnBft{display:block;/*width:84vw;*/margin:0 auto;}
.hsvcBft .phoneRecommend .bx-wrapper .bx-controls .bx-prev{left:0rem;}
.hsvcBft .phoneRecommend .bx-wrapper .bx-controls .bx-next{right:0rem;}

.ordBenefit {padding:3.0rem 0;height:60.0rem;}
.ordBenefit h4 {margin-bottom:2.0rem;font-size:2.4rem;}
.ordBenefit .tab_cont h5 {font-size:2.0rem;}

.hsvcBft .img{display:inline-block;}
.hsvcBft img{width:42.0rem;}

.card li img{width:45.0rem;}
.card li p {padding-top:2.6rem;font-size:2.2rem;}

.combine li p {padding-left:0;}
.combine li > a {margin:0 auto 2.5rem;padding:2.0rem; min-height:21.0rem;border-radius: 1.0rem; overflow: hidden;}
.combine li > a > strong {font-size:2.6rem;}
.combine li > a div {padding-top:3.0rem;font-size:1.4rem;}
.combine li > a div p {font-size:1.2rem;}
.combine li > a div span {font-size:2.0rem;padding-top:1.2rem;}

.bx-wrapper .bx-controls-direction a:after{
    position:absolute; top:50%;left:50%;
    content:"";border:.1rem solid #000; width:50%;height:50%;box-sizing: border-box;
}
.hsvcBft  .bx-wrapper .bx-controls-direction a:after{border-color:#ccc}
.bx-wrapper .bx-controls-direction a.bx-next:after{ transform: translate(-75%,-50%) rotate(135deg);  border-right: 0;  border-bottom: 0}
.bx-wrapper .bx-controls-direction a.bx-prev:after{transform: translate(-25%,-50%) rotate(135deg);  border-left: 0; border-top: 0}
.bx-wrapper .bx-pager.bx-default-pager a {border:none;}
/*
@media screen and (max-width:320rem)  {
	.ordBenefit > div > a{padding-right:1.4vw;padding-left:1.4vw;margin:0;}
	.ordBenefit > div > a .txt:after {right:-4.6vw;}
}*/
/*
@media screen and (max-width:450rem)  {
	 .ordBenefit {padding-top:8.62vw;height:134vw;}
	.ordBenefit h4 {margin-bottom:6.157vw;font-size:6.133vw;}
	.ordBenefit .tab_cont h5 {font-size:4.533vw;}

	.hsvcBft .img{padding:0 9.3vw;}
	.card > div {padding-top:13vw;}
	.card li img {width:86vw;}
	.card li p {padding-top:6.773vw;font-size:5.333vw;}

	 .combine li p {padding:0 14vw;}
	.combine li > a {margin:0 auto 2vw;padding:5vw;width:62vw;height:39.12vw;}
	  .combine li > a > strong {font-size:6.25vw;}
	.combine li > a div {padding-top:6vw;font-size:3.6vw;}
	.combine li > a div p {font-size:3.2vw;}
	.combine li > a div span {font-size:4.5vw;padding-top:1.25vw;}
} */

/* 주문완료 배경 처리 */
.order-opt-area .ordBenefit {background:#fff; border-radius:1.0rem;}
/*전화설치 안내무구 */
#custInfoNoti{display:block !important}
/* 주소검색팝업 수정 */
#popup-search-address .member-input .row{margin-bottom:1.0rem;}
#popup-search-address .member-input .row.readonly{background-color:#ededed;}
#popup-search-address .member-input .search{background:url('/unify/m/images/mobile/order/cert/icon_search_on.png') no-repeat 0 1.8rem;background-size:2.0rem auto;}
#popup-search-address .member-input .ui-disabled{background:#ededed}
#popup-search-address .member-input .ui-disabled .search{background:url('/unify/m/images/mobile/order/cert/icon_search_off.png') no-repeat 0 1.8rem;background-size:2.0rem auto;}
#popup-search-address .member-input .ui-disabled .active{border-color:#d9d9d9 !important}
#popup-search-address .member-input .ui-disabled input::placeholder{color:#a1a1a1 !important}
#popup-search-address .member-input input:disabled,
#popup-search-address .member-input select:disabled{background-color:#ededed !important;color:#808080 !important}
#popup-search-address .member-input .row > span{border-color:#d9d9d9}
#popup-search-address .member-input .row > span.line{line-height:4.7rem;border-bottom:transparent}
#popup-search-address .member-input .row > span.readonly-text{padding-left:2.0rem;padding-right:2.0rem}
#popup-search-address .member-input .row > span.readonly-text #addrTxt,
#popup-search-address .member-input .row > span.readonly-text #addrDtlTxt{color:#707070}
#popup-search-address #installSearchComplete{background-color:#ededed}
#popup-search-address #installSearchComplete.on{background-color:#5DDFDE}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 3.0rem #fff inset;-webkit-text-fill-color:#000;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

/* 개인사업자 114안내 등록 신청 팝업 */
#popup-sole-proprietor .gray-area{margin-top:2.0rem;}
#popup-sole-proprietor .order-bottom{padding:0;margin:2.0rem;}


/*ie 10 hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){

	#orderOptionWiredPop .dateCheck button{width:14.5rem;}
	.order-paper .order-bottom-flex.order-bottom-flex-3 button{float:left;width:33.3%;}
	.order-paper .order-bottom-flex.order-bottom-flex-3 button + button{width:32.3%;margin-left:1%}
	.order-paper .member-input .row > span.agency + #phoneCompanySelect + .phone{width:100%}
	.order-paper .member-input .cell-2 span{display:inline-block;width:50%;}
	.order-paper .member-input #beonjiAptList[style *="display: none"] + span{width:100%}
	#popup-associated-card .cell-4 > span{display:inline-block;width:23%}
	#popup-associated-card .cell-3 > span{display:inline-block;width:35%}
	#popup-associated-card .expire span:first-child{width:6.5rem;}

}