@charset "UTF-8";
.mask,.mask-2{visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:3000;opacity:0;transition:all ease .5s}
.mask-2{z-index:100}
.mask-show{opacity:1!important;visibility:visible!important}
.mask.z-10000{z-index: 10000;}
.mask.no-transition{transition: none;}
.full-h { height: 100%;}
.popup{display:none;min-width:320px;position:fixed !important;left:0;z-index:3002;width:100%;left:50%; transform:translate(-50%, 0);max-width:500px;background-color:#fff;transition: all 0.5s ease; visibility:hidden;opacity:0;overflow:auto;}
.popup .close,
#map-area-2 .close, .popup2 .close {position:absolute;top:30px;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}
.popup .popup-content{padding:0 20px;line-height:1.5}
.popup-show{opacity:1!important;visibility:visible!important;transform:translate(-50%,0)!important}
.popup[data-popup="popup-up-down"]{ bottom:0;border-top-left-radius:20px;border-top-right-radius:20px;transform:translate(-50%,100%); }
.popup[data-popup="popup-up-down"].popup-show {transform:translate(-50%, 0);}
.popup[data-popup="popup-fade"]{top:0;bottom:initial;z-index:3003;height:100%;width:100%;box-sizing:border-box;max-width:500px;background-color:#F8F8F8;border-top-left-radius:0;border-top-right-radius:0;}
.popup *{font-family: "Noto sans KR"; font-weight: 400;}


/* .popup[data-popup="popup-up-down"] .popup-content{max-height: 60vh;overflow:auto;} */
#popup-store-not,.popup .no-header{padding-top:30px}
.popup[data-popup="popup-center"]{
    top:50%;left:50%; transform: translate(-50%,-50%);width: calc(100% - 40px);
    border-radius: 10px; min-width: 280px;
}
.popup[data-popup="popup-center"].popup-show{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%) !important;}
.popup[data-popup="popup-center"].fixed{top: 20px;  bottom: 20px; transform: translate(-50%, 0) !important;}
.popup .msg-1{color:#666;line-height:1.5;}
/* .popup[data-popup="popup-center"] .popup-content{min-height:calc(100% - 179px)} */
.popup .msg-2{margin-top:35px;text-align:center;font-weight:700;font-size:15px;color:#000}
.popup .msg-3{font-size:16px;color:#000}
.popup header{min-height:90px;height:auto;line-height:90px;}
.popup header h1, .popup .popup-header .layerTit{display:inline-block;font-size:16px;font-weight:bold;margin:33px 40px 33px 20px;line-height:22px;color:#000;border:none;height:auto;padding:0;}
.popup[data-popup="popup-center"] header{height: auto;  min-height: 67px;} 
.popup *:focus {outline: auto;}
.popup .close{top:33px;right:18px;cursor: pointer;border:none;}
.popup[data-popup="popup-center"] .close{top:25px;}

.popup-raw{padding:0 0 30px; }
.popup-raw *{color:#666;font-size:13px}
.popup-raw h2{margin:30px 0 20px;font-size:16px;font-weight:700}
.popup-raw h2:nth-of-type(1){margin-top:0}
.popup-raw p{margin:20px 0;color:#666;font-size:13px;line-height:1.5}
.popup .content{min-height:calc(100% - 201px);padding:0 20px}
.popup .popup-content{ -webkit-overflow-scrolling:touch;}
.popup[data-popup="popup-up-down"] header{min-height:auto}
/* [data-popup="popup-up-down"] .close{/*top:22px } */ 
.popup[data-popup="popup-fade"] h1,
.popup[data-popup="popup-center"] h1,
.popup[data-popup="popup-fade"] .popup-header strong,
.popup[data-popup="popup-center"] .popup-header strong{padding: 0;margin: 33px 50px 33px 20px;}
.popup[data-popup="popup-fade"] .close{top:29px;right:13px}
.popup[data-popup="popup-fade"] .popup-content{min-height:calc(100% - 207px)}
#popup-order-raw .close{top:25px}
#store-search{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);color:#fff;z-index:1000;text-align:center}
#store-search span{position:fixed;top:50%;left:50%;width:100%;text-align:center;transform:translate(-50%,-50%);color:#fff;padding-top:80px;background:url(/unify/m/images/mobile/order/cert/icon_map.png) center 0 no-repeat;background-size:70px}
#popup-store-result h1{font-size:18px;font-weight:700}
#popup-store-result p{font-size:14px;word-break:keep-all}
#popup-store-result p.tel, #popup-order-pickup p.tel{margin-top:10px}
.popup2{display:none;min-width:320px;position:fixed !important;left:0;z-index:3002;width:100%;left:50%; transform:translate(-50%, 0);max-width:500px;background-color:#fff;transition: all 0.5s ease; visibility:hidden;opacity:0;overflow:auto;}
.popup2[data-popup="popup-fade"]{top:0;bottom:initial;z-index:3003;height:100%;width:100%;box-sizing:border-box;max-width:500px;background-color:#F8F8F8;border-top-left-radius:0;border-top-right-radius:0;}
.popup2 header h1{display:inline-block;margin-bottom:0;font-size:16px;font-weight:bold;margin:33px 40px 33px 20px;padding-top:0;line-height:22px;color:#000}
.popup2[data-popup="popup-center"] header{height: auto;  min-height: 67px;} 
.popup2 *:focus {outline: auto;}
.popup2 .close{top:33px;right:18px;cursor: pointer;}
.popup2[data-popup="popup-center"] .close{top:25px;}
.popup2 .content{min-height:calc(100% - 201px);padding:0 20px}
/* card */
/* .popup-card-select .content{height:calc(100% - 87px); overflow:auto;  } */
.popup-card-select ul:after{content:"";display:block;clear:both}
.popup-card-select li{position:relative; margin:0 0 20px}
.popup-card-select li .box{position:relative; }
.popup-card-select li input[type=radio].checkbox{position:absolute !important;right:0; top:50%; left:initial;
    transform: translateY(-50%); -webkit-transform: translateY(-50%) ;
    background:url(/unify/m/images/mobile/order/cert/radio_off.png) 0 0 no-repeat;
    background-size:25px auto; z-index:1;
}
.popup-card-select li input[type=radio].checkbox:checked{background-image:url(/unify/m/images/mobile/order/cert/radio_on.png)}
.popup-card-select li .box label,
.popup-card-select li .box a{position:relative;display:block;width:100%;line-height:45px;padding-left:60px;text-align:left;box-sizing:border-box;font-size:15px;background:url(/) 0 0 no-repeat;background-size:45px auto;color:#666;text-decoration: none;}
#popup-cert-number input{width:100%;background-color:transparent}
#popup-cert-number .num{padding-right:130px}
#popup-cert-number .num .btn-resend, .member-input .num .btn-resend, .member-input .btn-input .btn-small{position:absolute;top:13px;right:0;line-height:28px;color:#fff;padding:0 15px; background-color: #000;border-radius: 5px;}
.member-input .btn-input{padding-right:60px;}
#popup-ars p{text-align: center; color: #000; font-size: 15px; font-weight: 500;}
#popup-charge-table{background-color:#f8f8f8}
.popup-charge-table .content-area{margin:-25px -30px 0;padding:0 30px;background-color:#fff}
.popup-charge-table .sort-area{margin-bottom:8px}
.popup-charge-table .sort-area .select-area > a{font-size:12px;padding-right:34px;letter-spacing:-.48px}

/* 달력 이미지 */
/* #popup-visit-delivery input, .icon-cal{background:url(/unify/m/images/mobile/order/cert/icon_date_2.png) calc(100% - 5px)  center no-repeat;background-size:23px auto} */
/* 추가 */

/* 추가 */
.select-charge li{display:inline-block; }
.select-charge a{display:inline-block;line-height:36px;padding:0 15px;margin:0 5px 5px 0;border-radius:5px;font-size:13px;color:#959595;background-color:#ededed}
.select-charge a.active{color:#fff;background-color:#000}
.list-charge .area{position:relative;margin-bottom:12px;padding:25px 25px;background-color:#fff;border-radius:10px;border:1px solid #fff;}
.list-charge .area:after{content:"";position:absolute;top:25px;right:25px;z-index: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}
.list-charge .area.selected{border:1px solid #000}
.list-charge .area.selected .choice-area{display:block}
.list-charge .area.selected:after{background-image:url(/unify/m/images/mobile/order/cert/icon_check_on.png)}
.list-charge .area:last-child{margin-bottom:0}
.list-charge .area .box{position:relative;padding:25px 30px}
.list-charge .area .box .checkbox{position:absolute;right:30px;top:25px;left:inherit}
.list-charge .area .title{display:block;padding-right:25px;margin: 0;font-size:20px;font-weight:bold;line-height:25px;font-size: 16px}
.list-charge .area .summary{margin-bottom:10px;letter-spacing:-.48px;font-size:12px;color:#959595;line-height:1.4}
.list-charge .area .line{display:table;width:100%;font-size:13px}
.list-charge .area .line > span{display:table-cell;padding:6px 0;line-height:1.3}
.list-charge .area .a{color:#959595;width:60px;vertical-align:top}
.list-charge .area .b{text-align:right;font-weight:bold;width:auto}
.list-charge .area .opt{margin-bottom:5px;text-align:right}
.list-charge .area .opt > span{display:inline-block;padding:10px;line-height:1.4;background-color:#F4F4F4;border-radius:5px;color:#959595;font-size:12px}
.list-charge .area .price{margin-top:15px;font-size:20px;font-weight:bold}
.list-charge .area .gift{margin-top:20px;padding:5px 15px;background-color:#F0F4F5;border-radius:2px;font-size:12px;color:#666;line-height:1.3}
.list-charge .area a.go{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;text-indent:-999px;overflow:hidden;border-radius:10px;box-sizing:border-box}
.list-charge .choice-area{display:none;padding:30px 20px;background-color:#f8f8f8;border-radius:0 0 10px 10px;}
.list-charge .choice-area .title{position:relative;margin:20px 0 9px;padding-top:20px;line-height:20px;font-size:13px;font-weight:bold;border-top:1px dashed #ededed;}
.list-charge .choice-area .title:first-child{margin-top:0;padding-top:0;border-top:0;}
.list-charge .choice-area > p{margin-bottom:20px}
.list-charge .choice-area ul{line-height:19px}
.list-charge .choice-area li{position:relative;margin-top:8px;padding:18px 20px;background-color:#fff}
.list-charge .choice-area li .checkbox{position:absolute;top:15px;right:30px;left:inherit}
.list-charge .choice-area li label{display:block}
.list-charge .choice-area .t{display:block;margin-bottom:12px}
.list-charge .choice-area p,.list-charge .choice-area .m{font-size:13px;color:#959595;word-break:keep-all;line-height:19px}
.list-charge .choice-area .p{display:block;margin-top:5px;font-size:12px;text-indent:-12px;padding-left:12px;color:#959595}
.list-charge .choice-area .float-list{display:flex;display:-ms-flexbox;flex-wrap:wrap;margin:-3px;font-size:0;}
.list-charge .choice-area .float-list li{display:inline-block;width:calc(50% - 6px);margin:3px;padding:0;font-size:13px;word-break:keep-all;vertical-align:top;} /*ie9 예외 inline-block 처리*/
.list-charge .choice-area .float-list li label{display:flex;align-items:center;height:100%;padding:9px 45px 9px 15px;}
.list-charge .choice-area .float-list li.line1 label{padding:18px 45px 19px 15px;} /*ie9 한줄일때*/
.list-charge .choice-area .float-list .t{margin-bottom:0;}
.list-charge .choice-area .float-list li .checkbox{right:15px;top:50%;transform:translateY(-50%);}
.list-charge .table{text-align:right}
.list-charge .table a{color:#01A69F}
.list-charge .table a:after{border-color:#01A69F;border-color:#01A69F}

#popup-option-select .recommend{padding:20px 0;background-color:#f8f8f8;text-align:center;font-size:13px;line-height:20px}
#popup-option-select .recommend .good{margin-top:12px;font-weight:bold;font-size:15px}
#popup-option-select .recommend .good span{display:inline-block;padding:0 5px;line-height:21px;border:1px solid #707070;font-size:12px;color:#666;border-radius:2px}
#popup-option-select .title{margin:30px 0 10px;font-size:15px}
#popup-option-select .title:first-child{margin-top:0}
#popup-option-select .color-area{ padding:0 20px; margin-bottom: 54px; text-align: left;}
#popup-option-select .color-area button{position:relative;width:34px;height:34px;margin-right:14px;border-radius:17px;text-indent:0;overflow:initial;box-sizing:border-box}
#popup-option-select .color-area button:last-child{margin-right:0}
#popup-option-select .color-area button[style*="#FFF"],
#popup-option-select .color-area button[style*="#fff"],
#popup-option-select .color-area button[style*='255, 255, 255']{border:1px solid #c7c7c7}
#popup-option-select .color-area button span{display:none;  position: absolute; top:40px;left:50%; width:100px; transform: translateX(-50%); -webkit-transform: translateX(-50%);color:#959595}
#popup-option-select .color-area button.selected span{display:block;}
#popup-option-select .gb-area{display:flex;display:-webkit-flex; }
#popup-option-select .gb-area button{line-height:36px;color:#959595;font-size:13px;background-color:#ededed;border-radius:4px;width:100%;text-align:center;margin:0 5px}
#popup-option-select .gb-area button.selected{color:#fff;background-color:#000}
#popup-device-change{padding-top:30px}
#popup-device-change .popup-content{padding-top:0;}
#popup-device-change .head-check{margin-top:0}
#popup-device-change .raw-content{max-height:250px; overflow:auto;}
#popup-device-change .raw-content dt{margin: 20px 0 10px;font-weight:700;}
#popup-device-change .raw-content dt:first-child{margin-top:30px;}
#popup-device-change .raw-content dd + dd{margin-top: 5px;}
#popup-device-change .raw-content dd,#popup-device-change p{color:#727272;font-size:13px;word-break:keep-all}

#popup-addr .delivery-type span{font-size:13px}
#popup-store-search .addr-input{position:relative;padding-right:60px}
#popup-store-search .btn-change{position:absolute;top:0;right:0}
#popup-store-search input{width:100%;height:27px}
#popup-store-search{padding-bottom:30px}
#popup-store-search ul{margin-top:10px;max-height:180px;border-top:1px solid #E4E4E4;overflow:auto}
#popup-store-search ul li{position:relative;padding:27px 20px 27px 35px;line-height:1.5;border-bottom:1px solid #f4f4f4}
#popup-store-search ul li a{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-999px;overflow:hidden}
#popup-store-search .title{margin-bottom:10px;font-size:16px;font-weight:700}
#popup-store-search ul li em{position:absolute;top:30px;left:0;color:#fff;width:20px;height:27px;box-sizing:border-box;padding-top:1px;background:url(/unify/m/images/mobile/order/cert/icon_num.png) 0 0 no-repeat;background-size:100% auto;text-align:center;font:13px Roboto}
#popup-store-search .addr-1{margin-bottom:7px}
#popup-store-search .addr-2{color:#959595}
#popup-store-search .addr-2 span{display:inline-block;margin-right:5px;padding:0 5px;line-height:21px;border:1px solid #707070;font-size:12px;border-radius:3px;color:#666}
#popup-store-search input{ padding-left:30px;  background:url(/unify/m/images/mobile/order/cert/icon_search.png) 0 center no-repeat;background-size:auto 20px}

#pagination{padding-top:10px;text-align:center;color:#959595;border-top:1px solid #dedede;}
#pagination a{margin:0 5px;color:#959595;font-size:13px;}
#pagination a.on{font-size:15px;color:#000;font-weight: 500;}

#popup-baesong h1,h1.type-2{padding-top:32px;line-height:1.5}
#popup-baesong h1{display:none}
#popup-baesong h1:first-child{display:block}
#popup-baesong h1:last-child{display:none}
#popup-baesong.baesong-ok h1:first-child{display:none}
#popup-baesong.baesong-ok h1:last-child{display:block}
#popup-baesong.baesong-ok .popup-content{margin-top:0}
#popup-baesong .delivery-type{margin-top:30px}
#popup-store-not{padding-top:30px}
#popup-payment{text-align:center}
#popup-payment .msg-fail{margin-bottom:15px;font-size:16px;font-weight:bold;padding-top:106px;background:url(/unify/m/images/mobile/order/cert/icon_fail.png) center 27px no-repeat;background-size:61px 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}

#popup-store-find{padding:40px 0}
#popup-store-find .popup-content{font-size:16px;text-align:center;font-weight:700}
#popup-store-not .popup-content{font-size:15px}

#position-search .delivery-position{position:relative;margin-bottom:15px;padding-bottom:15px;background-color:#23c1c4;border-radius:4px}
#position-search .delivery-position .txt{padding:15px 0;font-size:12px;text-align:center;color:#fff;line-height:1.5}
#position-search .delivery-position .txt strong{display:inline-block;font-size:12px;color:#f9f8a0}
#position-search .step{margin:0 15px}
#position-search .step:before{content:"";display:block;height:9.467vw;background:url(../../images/mobile/map/step.png) 0 0 no-repeat;background-size:100% 500%}
#position-search .step-1:before{background-position:0 0}
#position-search .step-2:before{background-position:0 25%}
#position-search .step-3:before{background-position:0 50%}
#position-search .step-4:before{background-position:0 75%}
#position-search .step .txt-step{line-height:25px;background-color:#fff;border-radius:19px}
#position-search .step .txt-step:after{content:"";display:block;clear:both}
#position-search .step .txt-step > span{float:left;width:25%;text-align:center;font-size:12px}
#position-search .step-1 span:nth-child(1),#position-search .step-2 span:nth-child(2),#position-search .step-3 span:nth-child(3),#position-search .step-4 span:nth-child(4){background-color:#000;color:#fff;border-radius:18px}
#position-search .area{margin-bottom:7px}
#position-search table{border-top:1px solid #666;border-bottom:1px solid #666;border-collapse:collapse!important}
#position-search table thead th{height:42px;text-align:center;border-right:1px solid #c1c1c1;background-color:#eaeaea}
#position-search table tbody td{padding:8px 10px;font-size:10px;text-align:center;color:#8c8c8c;border:1px solid #c1c1c1}
#position-search table tbody tr td:first-child{border-left:0}
#position-search table tbody tr td:last-child{border-left:0;text-align:left}
#position-search table tbody tr:last-child td{border-bottom:1px solid #666}
#popup-order-view{background-color:#f8f8f8}
/* 위치 정보 팝업*/
#popup-agree .msg-1{font-size:13px}
/* 재입고 알림 신청 */
#popup-restock-notice .alert{margin-bottom:10px;font-size:15px}
#popup-restock-notice .member-input{margin-bottom:25px}
#popup-restock-notice .member-input .row input{background-color: #fff;}
#popup-restock-notice .check-agree-head{position: relative;margin-bottom:20px;}
#popup-restock-notice .check-agree-head label{color:#959595}
#popup-restock-notice .check-agree-head input:checked + label{color:#000}
#popup-restock-notice .arrow{position: absolute;right:-3px; top:0;text-indent: -100px;overflow:hidden}
#popup-restock-notice .agree-body{overflow-y:auto; max-height:150px;word-break:keep-all}
#popup-restock-notice .agree-body *{color:#959595;font-size:12px;}
#popup-restock-notice .agree-body ul{margin-top:10px}
/* 대리점 재선택*/
#popup-store-change{max-height:90%}
#popup-store-change .list li{margin-bottom:10px}
#popup-store-change .list li:last-child{margin-bottom:0}
#popup-store-change .list .box{position:relative}
#popup-store-change .list .checkbox{position:absolute !important; right:25px; left:auto; top:20px;}
#popup-store-change .list label{display:block;padding:20px 25px;border:1px solid #ededed; border-radius:8px;}
#popup-store-change .list .level{display:inline-block; padding:2px 9px; line-height:20px;color:#fff;background-color: #f44b57;font-size:12px;border-radius: 11px;}
#popup-store-change .list .title{display:block;margin-top:10px;padding-right:40px;font-size:15px;font-weight:700;}
#popup-store-change .list .store-info{display:block;margin-top:8px;color: #959595;}
@media all and (max-width: 360px) {
    #popup-restock-notice .member-input .row{height:auto;}
    #popup-restock-notice .member-input .row span{height:30px}
    #popup-restock-notice .member-input .row input{height:30px;line-height:30px}
    #popup-restock-notice .check-agree-head{margin-bottom:10px}
    #popup-restock-notice .agree-body{max-height: 100px;}
}
#popup-msg{ position:absolute; top:10px;right:20px; width:130px;}
#popup-msg button{ position: absolute; width: 30px; height: 30px; bottom: 0; left: 0;text-indent: -1000px; overflow: hidden;}
#popup-msg img{width:100%}

/* 대리점 선택 */

#popup-store-change .list li{margin-bottom:10px}
#popup-store-change .list li:last-child{margin-bottom:0}
#popup-store-change .list .box{position:relative}
#popup-store-change .list .checkbox{position:absolute; right:25px; left:initial; top:20px;}
#popup-store-change .list label{display:block;padding:20px 25px;border:1px solid #ededed; border-radius:8px;}
#popup-store-change .list .checkbox:checked + label{border-color:#000}
#popup-store-change .list .level{display:inline-block; padding:0 7px; line-height:20px;color:#fff;background-color: #f44b57;font-size:12px}
#popup-store-change .list .title{display:block;margin-top:10px;padding-right:40px;font-size:15px;font-weight:700;}
#popup-store-change .list .store-info{display:block;margin-top:8px}
@media all and (max-height: 850px) {
    #popup-store-change{height:90%}
}


/* 체인지업 약관 box style 추가 (2019-01-09) */
.txt_square_box {border:1px solid #d2d2d2; padding:12px 10px 15px 10px;}

/*  공시지원금 미확정 동의 2020-07-21*/
#popup-puno-show .agree-area{margin-top:25px;}

/* 바로 픽업*/
#popup-store-one .addr .addr-1,
#popup-pickup-store .addr .addr-1{margin-bottom:10px}
#popup-pickup-store .addr{ padding:20px;margin-bottom:20px; background-color: #f8f8f8;  font-size:15px}
#popup-pickup-store input{background-color: #fff;}
/*
#popup-pickup-store input{background:url(../../images/pc/common/bl_calender.gif) calc(100% - 5px) center no-repeat}
#popup-pickup-store input::-webkit-calendar-picker-indicator {
 background:url(../../images/pc/common/bl_calender.gif) calc(100% - 0px) center no-repeat
}
*/
/* 홈페이지 인증 정보 */
#popup-homepage-id .bg{background-color:#fff}
#popup-homepage-id p{font-size:15px}
#popup-homepage-id .arrow{font-size:13px;color:#01A69F}
#popup-homepage-id .arrow:after{margin-top:-1px;border-color:#01A69F}
#popup-homepage-id h2{margin:25px 0 5px 0;font-size:15px;font-weight:bold}
#popup-homepage-id .star-point{margin-bottom:10px;}
#popup-homepage-information ul{margin-bottom:18px}
#popup-homepage-information ul li{position:relative;margin-bottom:12px;padding-left:40px;line-height:24px;font-size:14px}
#popup-homepage-information ul li:last-child{margin-bottom:0;}
#popup-homepage-information ul em{position:absolute; top:0; left:0;width:35px;background-color:#01A69F; color:#fff;text-align:center;border-radius: 4px;}
#popup-homepage-information p{color:#959595}
#popup-homepage-information p a{vertical-align: top;}

@media all and (max-width: 360px) {
    #popup-baesong h1, h1.type-2{font-size:15px}
    #popup-option-select .color-area button{width:26px;height:26px}
    #popup-option-select .color-area button span{top:30px}

}

/* 아이폰12 사전예약 - 1시간배송 */
.preorder_onehour_cont .addr {background-color:#eee; padding:12px;}
.preorder_onehour_cont .txt_pop_onehour1 {margin-top:10px;}
.preorder_onehour_cont .txt_pop_onehour1 .break {display:block;}
.preorder_onehour_cont .txt_pop_onehour2 {margin-top:15px;}

@media all and (max-width:340px) {
    .preorder_onehour_cont .txt_pop_onehour1 .break {display:inline;}
}

/* 201104 약관 스타일 추가 */
.terms-division {position:relative; font-size:13px; line-height:1.5; color:#666;}
.terms-division-title, .selfChainfo dt, .popup-content > p + dt{display:block; margin:35px 0 15px;font-size:15px; font-weight:600; color:#333;}
.terms-division:first-child{margin-top:0;}
.terms-division:first-child .terms-division-title:first-child, .selfChainfo:first-child dt {margin-top:0;}
.terms-division-subtitle {display:block; margin:20px 0 10px; font-size:14px; font-weight:600; color:#333;}
.terms-division-strong {display:block; margin:10px 0 5px; font-size:13px; font-weight:600; color:#333;}
.terms-division p {margin:10px 0; font-size:13px; color:#666;}
.terms-division ul {padding:0; margin:0;}
.terms-division li,
.selfChainfo dd{padding-left:10px;margin-bottom:3px;font-size:13px; list-style:none; color:#666; background:url(/images/pc/common/bul_rect.gif) no-repeat 0 10px;}
.selfChainfo dd > ul{margin-top:4px;}
.selfChainfo dd > ul > li{position:relative;padding-left:8px;margin:2px 0 0;background:none !important;}
.selfChainfo dd > ul > li:before{content:'- '; position:absolute; left:0;}
.selfChainfo dd.mint{color:#01A69F !important;font-weight:bold;}
#popup-order-agree p.bot_txt {margin-top:20px;}
#popup-order-agree .ter_content br{display:none;}
.popup-content > p + dt ~ dd{margin-top:3px;color:#666;font-size:13px;}


.popup-start {position:absolute; top:0; left:0; width:100%; color:transparent;}
.popup-start:focus {outline:1px solid #2491eb;}
.popup-start.out {position:static; height:1px;}

/* KT 교원라이프 85/120 */
#popup-kyowonLife{background-color:#F8F8F8}
#popup-kyowonLife .popup-content{min-height:calc(100% - 182px);}
#popup-kyowonLife .desc_txt1{font-size:16px;color:#000;margin-bottom:6px;}
#popup-kyowonLife .desc_txt2{font-size:14px;color:#959595;}
#popup-kyowonLife .kyowonInfo{position:relative;padding:20px 25px;margin-top:10px;background-color:#fff;border-radius:10px;border:1px solid #EDEDED;}
#popup-kyowonLife .kyowonInfo.active{border-color:#000}
#popup-kyowonLife .kyowonInfo:first-child{margin-top:0;}
#popup-kyowonLife .kyowonInfo dt{font-size:16px;color:#000;font-weight:bold;margin-bottom:7px;}
#popup-kyowonLife .kyowonInfo ul > li{position:relative;margin-top:8px;}
#popup-kyowonLife .kyowonInfo ul > li:first-child{margin-top:0;}
#popup-kyowonLife .kyowonInfo .intit{font-weight:normal;color:#000;font-size:13px;}
#popup-kyowonLife .kyowonInfo .intxt{color:#959595;font-size:13px;}
#popup-kyowonLife .kyowonInfo .noti{color:#959595;font-size:12px;}
#popup-kyowonLife .kyowonInfo .checkbox{position:absolute;right:25px;top:20px;left:auto;}


/******* 팝업 내 공통 style ******/
.popup .popup-content h2, .popup .popup-content strong{font-size: 15px; margin: 0 0 10px; display: block;}
.popup .popup-content .center{text-align: center;}

/* 사전동의 정보전송 완료 팝업 */
#popup-pre-agree2 .pop-ars{background: #F5F5F5; text-align: center; color: #01A69F; font-size: 15px; font-weight: 700;}


/* 매장픽업 대리점 선택 팝업
.content.map-content{height: calc(100% - 1px);padding: 0;}
.content.map-content .other-certification{position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px 20px; background: #fff;}
.content.map-content .box + .member-input{padding-top: 18px;}
.icon_location{ width: 22px; height:28px; background: url(/unify/m/images/mobile/order/cert/icon_positon_2.png) no-repeat 0 0; background-size: contain;}
.icon_kt{width: 26px; height: 26px; border-radius: 50%; background:url(/unify/m/images/mobile/order/cert/icon_kt.png) no-repeat 0 0; background-size: 100%;}
.inner-popup{position: absolute; z-index:1;bottom: 0; left: 0; width: 100%; padding: 30px 20px 0; background-color: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden;}
.inner-popup .box + .member-input{padding-top: 18px;}
.inner-popup .order-bottom{padding: 30px 0 20px;}
.inner-popup.top{bottom: auto; top: 0; padding-bottom: 25px; border-radius: 0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.inner-popup.top header{height: auto;}
.inner-popup.top h1{padding: 0 0 20px;}
.inner-popup .search-opt-2 .btn-input{padding-right:60px;}
.btn-small{position:absolute; top:0;right:0; padding: 4px 15px 5px; color: #fff; background: #000; border-radius: 5px; font-size: 13px;}
*/


/* 주소검색 팝업 */
.select-addr{ max-height: 40vh; margin-bottom:40px;padding: 20px 0 0;
    overflow: auto;}
.select-addr a,
.select-addr .addr-no{display: flex;padding: 20px 0 20px 20px;border-bottom: 1px solid #EDEDED;}
.select-addr a.selected{background: #ededed;}
.select-addr a .num{width: 23px; padding: 2px 0 0; color: #fff; text-align: center; font-size: 13px; background: url(/unify/m/images/mobile/order/cert/icon_num.png) no-repeat 0 0; background-size: 22px auto;}
.select-addr a .addr-area{width: calc(100% - 35px); margin-left: 13px; text-align: left;}
.select-addr a .addr-area .addr-info-1{font-size: 15px;}
.select-addr a .addr-area .addr-info-2{margin-top: 9px; color: #959595; font-size: 13px;}
.select-addr a .addr-area .addr-info-2 .jibun{padding: 0 5px 1px; margin: 0 5px 0 0; border: 1px solid #666666; border-radius: 3px; color: #666666;}
.paging{display: flex; justify-content: space-between;}
.paging button{width: 40px; height: 40px; border-radius: 5px; text-align: center; color: #000; background: #F2F2F2}
.paging button.selected{color: #fff; background: #000;}
.paging button[class*="paging-"]{background: #fff url(/) no-repeat 50% 50%;; border: 1px solid #000; background-size: 9px auto;}
.paging button.paging-prev{background-image: url(/unify/m/images/mobile/order/cert/arrow_prev2.png) }
.paging button.paging-next{background-image: url(/unify/m/images/mobile/order/cert/arrow_next2.png);}

/* 매장픽업 신청하기 팝업 */
#popup-order-pickup .delivery-store, #popup-order-pickup2 .delivery-store{padding: 20px 25px;margin-bottom: 30px;border: 1px solid #EDEDED;}
#popup-order-pickup2 .delivery-store{margin-top:30px}
#popup-order-pickup .delivery-store .store, #popup-order-pickup2 .delivery-store .store{margin-bottom: 20px;}
#popup-order-pickup2 {padding-top:30px}
#popup-order-pickup2 .tac{padding-top:60px;background:url(/unify/m/images/mobile/order/cert/icon_car.png) center 0 no-repeat;background-size:45px}



/* 대리점 찾기 팝업 */
#popup-store-find{padding:40px 0}
#popup-store-find .popup-content{padding-top:55px;font-size:16px;text-align:center;font-weight:700}
#popup-store-find .popup-content:before{
    content:"";
    position:absolute; top:30px; left:50%; height:45px;width:45px;
    background: url(/unify/m/images/mobile/order/cert/icon_timer.png) no-repeat center top;background-size: 45px auto;
    transform:translateX(-50%);
}
#popup-store-find.popup-show .popup-content:before{animation: store-find 1s infinite linear;}
@keyframes store-find{
    0%{ transform: translateX(-50%) rotate(0);}
    100%{transform: translateX(-50%) rotate(360deg);}
}
/* 배송 불가 안내 */
#popup-store-not .popup-content{padding-top: 55px; font-size: 15px; background: url(/unify/m/images/mobile/order/cert/icon_no-deli.png) no-repeat center top;background-size: 45px auto;}

/* 스마트기기 요금할인 안내 , 다이렉트 css추가(smart-device-guide.html 파일) */
#popup-smart{z-index:10001;max-width:800px;padding-bottom:30px;background-color: #f8f8f8;}
#popup-smart h2, #smart-device-guide h2{padding-left: 20px; margin-bottom: 5px; background: url(/) no-repeat left 50%; background-size: 15px auto;font-weight:bold}
#popup-smart h2:not(:first-child), #smart-device-guide h2:not(:first-child){margin-top: 20px;}
#popup-smart h2.h2-1, #smart-device-guide h2.h2-1{background-image: url(/unify/m/images/mobile/order/cert/bg_smart_1.png);}
#popup-smart h2.h2-2, #smart-device-guide h2.h2-2{background-image: url(/unify/m/images/mobile/order/cert/bg_smart_2.png);}
#popup-smart h2.h2-3, #smart-device-guide h2.h2-3{background-image: url(/unify/m/images/mobile/order/cert/bg_smart_3.png);}
#popup-smart h2 + * , #smart-device-guide h2 + * {padding-left: 22px;}
#popup-smart .tab, #smart-device-guide .tab{margin-top:20px}
#smart-device-guide h2{font-size:16px;}
#smart-device-guide .table-scroll{padding-bottom:6px;overflow-x:auto}
#smart-device-guide .tab-content{margin-top:0;}
#smart-device-guide .body{padding-bottom:20px;}
table.smart-table{border-top:1px solid #d9d9d9}
table.smart-table *{font-size:13px}
table.smart-table th{background-color: #ededed;padding:15px 5px;border-bottom:1px solid #d9d9d9;    word-break: inherit;}
table.smart-table th span{font-weight: normal;}
table.smart-table thead tr th:last-child{border-right:0;}
table.smart-table {border-bottom:1px solid #d9d9d9}
table.smart-table th, table.smart-table td{border-right:1px solid #d9d9d9;text-align:center;}
table.smart-table .check{display:inline-block;width:16px;height:16px;border-radius: 8px;overflow:hidden;text-indent: -1000px;background-color: #5ddfde;}

/* KT고객님을 위한 스마트기기 할인 혜택 */
#popup-kt-smart h2{padding-left: 20px; margin-bottom: 5px; background: url(/) no-repeat left 50%; background-size: 15px auto;}
#popup-kt-smart h2:not(:first-child){margin-top: 20px;}
#popup-kt-smart dt{margin:15px 0 5px;padding-left:20px;font-weight: 500;background:url(/unify/m/images/mobile/order/cert/icon_check_mint.png) no-repeat left 50%;background-size: 15px;font-size:13px;font-weight: 500;}
#popup-kt-smart dt:first-child{margin-top:0}
#popup-kt-smart dd{margin-bottom: 7px;padding-left:20px;font-size:13px;color: #959595;}
#popup-kt-smart .tip{position:relative;margin-top: 30px; padding: 15px 25px 15px 75px; background: #EDEDED; color: #959595; line-height: 1.5;}
#popup-kt-smart .tip .left{position:absolute; top:15px;left:25px; padding: 0px 12px 3px; margin: 0 15px 0 0;font-size:13px; line-height:17px; border-radius: 8px; color: #fff; background: #808080;}
#popup-kt-smart .tip .right{font-size:12px}
/* KT 교원라이프 85/120 */
#popup-life .order-opt-area{padding-bottom: 30px;}
#popup-life .popup-content{max-height:calc(100% - 88px) !important}
#popup-life .order-opt:not(.banner){margin-top: 15px;}
#popup-life .title{padding-top: 30px; font-size: 16px; background: url(/unify/m/images/mobile/order/cert/icon_gift.png) no-repeat 0 0; background-size: 25px auto;}
#popup-life .sub-title{margin-top: 0;}
#popup-life dt{margin-bottom: 5px;font-weight: 500;}
#popup-life dd em{display: block;margin-top: 5px;}
#popup-life .order-opt.gray{margin-bottom: 15px;font-size: 13px;color: #959595;}


/*제휴카드   */
#popup-associated-card .popup-content{min-height: calc(100% - 89px);}
#popup-associated-card .msg-2{font-size:16px;margin-bottom:12px;text-align:left;font-weight:500;}
#popup-associated-card .msg-3{font-size:13px;}
#popup-associated-card .msg-3 img{vertical-align: middle;transform: translateY(-2px);max-width:100%;width:auto}

#popup-associated-card .msg-3 .a{height:13px;}
#popup-associated-card .msg-3 .b{height:16px;}
#popup-associated-card .msg-3 .c{height:15px;}
#request-area .msg{margin-bottom:20px;text-align:center;font-size:16px; font-weight: 600;text-align:left;}
#popup-associated-card .tag {display:inline-block; font-size:11px;line-height:20px;padding:0 4px;border-radius: 9px;margin-right:2px}
#popup-associated-card .tag.tag-event{background-color:#5DDFDE;}
#popup-associated-card .tag.tag-new{background-color:#f1a3a9}
#popup-associated-card .event-go{display:block;padding:0 15px;line-height:40px; margin-bottom:20px;border:1px solid #000; border-radius: 5px;text-align:left; }
#popup-associated-card .event-go.arrow:after{right:15px;border-color:#000;border-width:2px}
/*카드버튼,리스트 영역*/
.card-company{margin:30px 0 10px;background-color: #fff;border-radius: 5px;overflow:hidden;border:1px solid #ddd}
.card-company button{height:67px;background-color: #fff;padding: 0 0 0 5%;}
.card-company button span{position:relative;display:block;padding-left:50px; font-size:14px; line-height:20px;}
.card-company button span .label{margin-bottom:3px}

.card-company button span:before{position:absolute; top:0;left:0;height:22px;width:40px;content:"";  width:40px;height:100%;background:url(/) center center no-repeat; background-size: auto 20px}
.card-company .cd-recom:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_recom.png)}
.card-company .cd-kbank:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_kbank.png)}
.card-company .cd-samsung:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_samsung.png)}
.card-company .cd-nh:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_nh.png)}
.card-company .cd-wr:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_wr.png)}
.card-company .cd-hd:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_hd.png)}
.card-company .cd-sh:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_sh.png)}
.card-company .cd-hn:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_hn.png)}
.card-company .cd-kb:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_kb.png)}
.card-company .cd-ibk:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_ibk.png)}
.card-company .cd-dgb:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_dgb.png)}
.card-company .cd-kb:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_kb.png)}
.card-company .cd-lt:before{background-image:url(/unify/m/images/mobile/order/cert/logo/ico_lt.png)}
.card-company > button{position:relative;width:100%; text-align:left;border-bottom:0;}
.card-company > button.select-card{font-weight:bold;}
.card-company > button:after{content:"";position:absolute;top:50%;right:25px;width:14px;height:9px;background:url(/unify/m/images/mobile/order/cert/icon_arrow_bottom_3.png) 0 0 no-repeat;background-size:100% auto;transform: translateY(-50%); -ms-transform:translateY(-50%);}
.card-company > button.open:after{
    transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
}
.card-company > button.open + .card-group{display:block;}
.card-company button .card{padding-left:0;}
.card-group {display:none; border-top:1px solid #ddd }
.card-group:after{content:"";clear:both;display:block;}
.card-group button{float:left;height:60px;width:50%; font-size:14px;text-align:left;}
.card-group button:nth-child(even){padding-left:10px;}
.card-group button.active span{font-weight:bold;font-size:15px;}

/*카드상세영역*/
.card-item {display:none;   }
.card-item .cover{min-height:60vw}
.card-item .card-item-area{border-radius: 5px; background-color: #fff;padding:25px 30px;border-radius: 5px;}
.card-item .imgbox{max-height: 50.4vw; max-width: 86.6vw;text-align:center;}
.card-item .imgbox img{display:inline-block; max-height: 50.4vw; max-width: 100%;    padding-bottom: 10px;}
.card-item .infobox{text-align:center;}
.card-item .tab-box .bx-wrapper{margin-bottom:0;}

.card-item .bx-wrapper{margin-bottom:20px}
.card-item .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position:absolute;top: 54vw; padding:0;height:10px;    }
.card-item .bx-wrapper .bx-controls-direction a.bx-next{background:url(/unify/m/images/mobile/order/cert/arrow_next.png) center center no-repeat;}
.card-item .bx-wrapper .bx-controls-direction a.bx-prev{background:url(/unify/m/images/mobile/order/cert/arrow_prev.png) center center no-repeat; }
.card-item .bx-wrapper .bx-controls-direction a{top:30vw; background-size:auto 16px !important;}
#kbank-arrow .bx-wrapper .bx-controls-direction a{top:61vw !important;}
#kbank-arrow .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-aut{top:74vw !important}
.card-item .t{position:relative;display:inline-block;margin-top:30px;font-weight:bold;font-size:16px;margin-bottom:20px;color:#000;text-align: center;}
.card-item .t .new-open{position:absolute;top:-24px;left:-30px;height:26px;width:auto;}
.card-item thead th{line-height:50px;background-color: #EDEDED; text-align:center;font-weight:600}
.card-item tbody td{padding:15px 5px;text-align:center;border-bottom:1px solid #ddd}
.card-item .discount{padding:10px 0;text-align:center;font-size:16px;border-top:1px solid #000;border-bottom:1px solid #000;color:#000}
.card-item .discount .c{color:#d71826}
.card-item .avg-money-title{text-align:center;margin-bottom:20px;font-size:16px}
.card-item .avg-money-button{text-align:center;display: flex;  justify-content: center;flex-wrap:wrap;}
.card-item .avg-money-button a{display:inline-block;padding:0 10px;margin:0 3% 5px;line-height:30px; border-radius: 5px;font-size:13px; background-color:#ededed;color:#959595}
.card-item .avg-money-button a.active{color:#fff; background-color: #000;}


@media all and (max-width: 400px) {
    .card-company button span{padding-left:45px}
}
@media all and (min-width: 500px) {
    #popup-associated-card .bx-wrapper .bx-controls-direction a{top:150px;}
    .card-item .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-aut{top:270px;}
    .card-item .imgbox img{height:252px}

}

/* 카드 정보 입력 영역 */
#popup-associated-card .order-bottom{padding:20px 0 20px 0 !important;}
#popup-associated-card .noti-txt{ color:#959595}
#popup-associated-card .noti-txt + .white-area{margin-top:20px}
#popup-associated-card h2{margin-bottom:10px;font-size:15px;font-weight: 500;}
#popup-associated-card .expire {align-items: flex-start;}
#popup-associated-card .expire span:first-child{width:60%;padding:5px 0;line-height:48px;border-bottom:0;font-size:15px;text-align:left;}
#popup-associated-card .expire span{width:100%; }
#popup-associated-card .all-check label{color:#000 }
#popup-associated-card .agreen-list li{position:relative;padding-left:35px; margin-top:10px}
#popup-associated-card .agreen-list li:first-child{margin-top:0}
#popup-associated-card .agreen-list .arrow{color:#959595}
#popup-associated-card .agreen-list li:first-child{margin-top:0}
#popup-associated-card .agreen-list .view{padding-right:80px}
#popup-associated-card .agreen-list .arrow{position:absolute;top:0; right:0;}
#popup-associated-card .agreen-list .arrow.hidden{ pointer-events: none; }
#popup-associated-card .agreen-list .arrow:after{border-color:#959595}
#popup-associated-card .bx-wrapper .bx-pager.bx-default-pager a, #popup-associated-card .bx-wrapper .bx-pager.bx-default-pager span{    background-color: #dcdcdc;  border: none;  height: 10px;width:10px;overflow: hidden;}
#popup-associated-card  .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#f82a2a;}
#popup-associated-card input:disabled,select:disabled{background-color:#f7f7f7  !important;}
#popup-associated-card .btn{box-sizing: border-box;line-height:auto;}
#popup-associated-card .btn.btn-cancel{background-color:#ededed}
#popup-associated-card .btn.btn-line{height:52px;line-height:50px;border:1px solid #000; background-color: #fff;}
#popup-associated-card input[type="checkbox"] + label{color:#959595}
#popup-associated-card input[type="checkbox"]:checked + label{color:#000}

.popup .msg-ok{margin-top:30px;padding-top:60px;text-align:center;font-weight:bold;background: url(/unify/m/images/mobile/order/cert/bg_delivery_ok_2.png) center 0 no-repeat;background-size:45px 45px}
 /*전화주문*/
#popup-tel-raw .m-1{margin-bottom:15px;color:#01A69F;font-weight: 500;}
#popup-tel-raw .m-2{margin-bottom:20px;color:#959595;font-size:13px}
#popup-tel-raw .point{margin-left:3px;color:#f44b57}
#popup-tel-raw .device-name{font-size:15px}
#popup-tel-raw .member-input .title{margin-top:20px;font-size:16px;padding-top:0;}
#popup-tel-raw .member-input .row{display:table}
#popup-tel-raw .member-input .row > span.td{display:table-cell;line-height:1.5}
#popup-tel-raw textarea{height:80px;width:100%;border:1px solid #E4E4E4;padding:10px;border-radius: 10px;}
#popup-tel-raw .raw-area-title{position:relative;margin:20px 0 17px;padding-right:100px}
#popup-tel-raw .raw-area-title .title{font-size:16px;}
#popup-tel-raw .agree-area{position:absolute; right:0; top:0;}
#popup-tel-raw .agree-area label{font-size:13px;color:#959595}
#popup-tel-raw .agree-area .checkbox:checked + label{color:#000}
#popup-tel-raw .tb-type-02 td{color:#808080}
@media all and (max-width: 360px) {
    #popup-tel-raw .title{font-size:13px}
}
.popup .msg-ok{margin-top:30px;padding-top:60px;text-align:center;font-weight:bold;background: url(/unify/m/images/mobile/order/cert/bg_delivery_ok_2.png) center 0 no-repeat;background-size:45px 45px}
 /*전화주문*/
#popup-tel-raw .m-1{margin-bottom:15px;color:#01A69F;font-weight: 500;}
#popup-tel-raw .m-2{margin-bottom:20px;color:#959595;font-size:13px}
#popup-tel-raw .point{margin-left:3px;color:#f44b57}
#popup-tel-raw .device-name{font-size:15px}
#popup-tel-raw .member-input .title{margin-top:20px;font-size:16px;padding-top:0;}
#popup-tel-raw .member-input .row{display:table}
#popup-tel-raw .member-input .row > span.td{display:table-cell;line-height:1.5}
#popup-tel-raw textarea{height:80px;width:100%;border:1px solid #E4E4E4;padding:10px;border-radius: 10px;}
#popup-tel-raw .raw-area-title{position:relative;margin:20px 0 17px;padding-right:100px}
#popup-tel-raw .raw-area-title .title{font-size:16px;}
#popup-tel-raw .agree-area{position:absolute; right:0; top:0;}
#popup-tel-raw .agree-area label{font-size:13px;color:#959595}
#popup-tel-raw .agree-area .checkbox:checked + label{color:#000}
#popup-tel-raw .tb-type-02 td{color:#808080}
@media all and (max-width: 360px) {
    #popup-tel-raw .title{font-size:13px}
}
/* 할인가능한 요금제 확인하기 */
#popup-usable .member-input .row .num{padding-right:120px;}
#popup-usable .btn-resend{background-color: #ededed;color:#000}
#popup-usable .no-used-prod p{padding:0;line-height:28px;}
#popup-usable .no-used-prod strong{font-size:15px;}
#popup-usable .no-used-prod em{position:static;color: #888;float:right;border-radius: 5px;line-height: 28px;background-color: #ededed;padding: 0 15px;}{}
#popup-usable .no-used-prod{position: static;margin: 20px 0 10px; padding:20px 25px; border-radius: 10px;background-color: #f4f4f4;}
#popup-usable .gray .no-used-prod{margin:0;padding:0;}

/* 복지할인 혜택제공*/
#popup-welfare-sale .popup-content{padding-left:20px;padding-right:20px}
#popup-welfare-sale .area{display:table}
#popup-welfare-sale .area > li{ padding:30px 0; border-bottom:1px solid #e4e4e4}
#popup-welfare-sale .area > li:first-child{padding-top:0}
#popup-welfare-sale .area li > div{display:table-cell;vertical-align: top;}
#popup-welfare-sale .area li .person {width:100px}
#popup-welfare-sale .area li .person strong{display:block; padding-top:28px;font-size:20px;background:url(/unify/m/images/mobile/order/cert/icon_sale_m.png) 0 0  no-repeat;background-size:23px auto;}
#popup-welfare-sale .area li .person span{display:block;font-size:14px;color:#909090}
#popup-welfare-sale .area li .cont strong{display:inline-block;padding:0 7px;font-size:13px;font-weight:bold;line-height:23px;border:1px solid #000;border-radius: 4px;}
#popup-welfare-sale .area li .cont .item-list-2{margin-top:7px;}
#popup-welfare-sale .area li .cont .item-list-2 li{color:#808080}
/* common*/
.order-paper .white-area{margin-bottom:10px;background-color: #fff;border-radius: 10px;padding:20px 25px;}
.order-paper .item-list li{font-size:13px; color:#959595;text-align:left;}
.order-paper .item-list .item-list-2{margin-top:10px}
.order-paper .item-list > li{position:relative;padding-left:10px;margin-bottom:10px;line-height:18px;font-size:13px}
.order-paper .item-list > li:before{content:"";position:absolute; top:7px;left:0; width:3px; height:3px; background-color: #1a1a1a;border-radius: 2px}

.order-paper .item-list-2{font-size:13px;}
.order-paper .item-list-2 > li{position:relative;text-align:left;padding-left:10px;font-size:13px;margin-bottom:5px;line-height:18px;color:#959595}
.order-paper .item-list-2 > li:before{content:"-";position:absolute; top:0;left:0;  }
.order-paper table{border-collapse: collapse !important;border-spacing:0}
.order-paper .item-check-tit{display:block;margin: 30px 0 20px;font-size:16px;font-weight:700;color:#000;}
.order-paper .item-check-tit:first-child{margin-top:0;}
.order-paper .item-check-list > li{position:relative;min-height:23px;padding-left:28px;font-size:13px;color:#000;margin-bottom:8px;line-height:20px;font-size:13px;background:url(/unify/m/images/mobile/order/cert/icon_check_mint.png) 0 2px no-repeat;background-size:17px auto;}


/* 무제한 통화 희망번호(지정번호) 조회 결과 */

#popup-phone-no .box{margin:10px 0;padding:15px;font-size:15px;color:#000;background-color: #f4f4f4;}
#popup-phone-no .txt{font-size:15px;}

/* 모바일 상품권 */
#popup-mobile-gift{max-width:100%}
#popup-mobile-gift tr th{width:50px;color:#000}
#popup-mobile-gift td{text-align:center;;color:#000}
#popup-mobile-gift table th{padding:15px;background-color:#EDEDED;font-size:14px;font-weight: 700;}
#popup-mobile-gift table td{padding:15px;border-bottom:1px solid #E0E0E0}
#popup-mobile-gift .total{margin-top:15px;text-align:right;font-size:15px;color:#000}
#popup-mobile-gift .total strong{color:#000}
#popup-mobile-gift h2:last-of-type{margin:15px 0 10px}

#popup-data-share {font-size:13px}
#popup-data-share .red{color:#d71826}
#popup-data-share .order-opt div.area + div.area{margin-top:10px}
#popup-data-share .order-opt div.area p{margin-top:5px}

/* 매장픽업 스페셜 이벤트 */
#popup-store-event header{line-height:72px; height:72px}
#popup-store-event header h1{margin:24px 0 0 20px;}
#popup-store-event .popup-content{padding:20px 50px;text-align:center;background-color:#EEFFFB;}  
#popup-store-event p{margin-bottom:10px;font-size:16px;text-align:center;}
#popup-store-event p span{color:#01A69F}
#popup-store-event .bottom{padding:20px 0 30px;font-size:12px;text-align:center;color:#959595}
#popup-store-event img{width:100%}
#popup-store-event.popup[data-popup="popup-center"] .close{top:23px;}

/* 230412 KT Shop 모바일상품권 추가 */
#popup-mobile-gift-card .popup-content .popup-scroll {overflow-y:scroll; overflow-y: auto; max-height: 265px;}
#popup-mobile-gift-card .popup-content .totalPrice {text-align:right; margin:20px 0;}
#popup-mobile-gift-card .popup-content .totalPrice span {color:#000; font-size:15px;}
#popup-mobile-gift-card .popup-content .totalPrice strong {color:#01A69F; font-size:22px; margin-left: 10px;}
#popup-mobile-gift-card .popup-content .arrow {color:#959595;}
#popup-mobile-gift-card .popup-content .arrow:after {border-color:#909090; display:inline-block;}
#popup-mobile-gift-card .popup-content .arrow + .popup-scroll, #popup-mobile-gift-card .popup-content .arrow + .tb-type-03 {margin-top: 20px;}
#popup-mobile-gift-card .popup-content .totalPrice + .btn-wrap, #popup-mobile-gift-card .popup-content .tb-type-03 + .btn-wrap {margin: 20px 0;}
.order-paper .popup-content .tb-type-03 .checkbox-3 {position:absolute;left:0;top:9px;display:inline-block;width:24px;height:24px;z-index:1;background-image:url('/unify/pc/images/mobile/order/prod_list/icon_checked05.png');}
.order-paper .popup-content .tb-type-03 .checkbox-3:checked {background-image:url('/unify/pc/images/mobile/order/prod_list/icon_checked05_checked.png');}
.tb-type-03 {width:100%;}
.tb-type-03 th{position:relative; padding:10px;background-color:#F8F8F8; text-align:center; font-size:13px; color:#808080;}
.tb-type-03 td{position:relative; padding:10px;color:#000000;vertical-align:middle;font-size:13px;text-align:center; border-bottom:1px solid #e0e0e0;}
.tb-type-03 td *{font-size:inherit}
.tb-type-03 .nonData {color:#959595; padding:100px 0;}
#popup-mobile-gift-card-information {border: 1px solid #000;}
#popup-mobile-gift-card-information .popup-content .white-area .tb-type-03 td img {width:22px;}

/* 230721 대한항공 에디션 주문완료 페이지 내 팝업 */
.layer-popup {z-index: 20;top: 0;bottom: 0;position: absolute;left: 0;width: 100%;height: 100%;}
.layer-popup .dim {position: fixed;top: 0;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;left: 0;}
.layer-popup .layer-inner {top: 50%;position: fixed;left: 50%;transform: translate(-50%, -50%);max-width: 460px;word-break: break-all;width: 100%;height: 100%;overflow-y: auto;}
.layer-popup .layer-contents {position: relative;overflow-y: auto;top: 7%;background: #fff;padding: 30px;border-radius: 24px;}
.layer-popup .layer-contents h1 {font-size: 24px;text-align: center;line-height: 36px;font-weight: 500;margin: 16px 0px 25px 0px;letter-spacing: -0.9px;}
.layer-popup .layer-contents > p {color: #808080;font-size: 16px;line-height: 24px;background: #F8F8F8;padding: 16px;border-radius: 16px;letter-spacing: -1.2px;}

.layer-popup .layer-contents .Mship-area {margin: 25px 0;}
.layer-popup .layer-contents .Mship-area label {display: inline-block;width: 100%;font-size: 18px;letter-spacing: -0.7px;margin-bottom: 16px;}
.layer-popup .layer-contents .Mship-area input {width: 100%;height: 60px;border-radius: 12px;padding: 18px 12px;font-size: 18px;border: 1px solid #A8A8A8}
.layer-popup .layer-contents .Mship-area input::placeholder {font-size: 18px;}

.layer-popup .notice-area {font-size: 16px;}
.layer-popup .notice-area .notice-tit {color: #808080; margin:15px 0 8px 19px;text-indent:-19px;}
.layer-popup .notice-area .notice-cont {padding-bottom: 25px;border-bottom: 1px solid #D9D9D9;}
.layer-popup .notice-area .notice-cont li {position: relative;color: #808080;padding-left: 10px;line-height: 24px;margin-bottom: 8px;margin-left: 6px;letter-spacing: -1.2px;}
.layer-popup .notice-area .notice-cont li:before {content: '';width: 3px;height: 3px;background: #808080;position: absolute;left: 0;top: 10px;}

.layer-popup .find-Mship {margin: 25px 0px 16px 0px;font-size: 15px;display: table;width: 100%;position: relative;}
.layer-popup .find-Mship span {display: table-cell;}
.layer-popup .find-Mship a {display: table-cell;text-align: right;padding-right: 15px;}
.layer-popup .find-Mship a:after {content: "";position: absolute;top: 45%;right: 0;width: 8px;height: 8px;border-right: 1px solid #000;border-bottom: 1px solid #000;transform: rotate(-45deg) translateY(-50%);}

.layer-popup .join-Mship {font-size: 15px; display: table; width: 100%; position: relative;}
.layer-popup .join-Mship span {display: table-cell;}
.layer-popup .join-Mship a {display: table-cell; text-align: right; padding-right: 15px}
.layer-popup .join-Mship a:after {content: "";position: absolute;top: 45%;right: 0;width: 8px;height: 8px;border-right: 1px solid #000;border-bottom: 1px solid #000;transform: rotate(-45deg) translateY(-50%);}

.layer-popup .input-comp {text-align: center;}
.layer-popup .input-comp button {color: #fff;background: #000;width: 180px;height: 60px;font-size: 20px;border-radius: 16px;margin-top: 26px;line-height: 60px;}
.layer-popup .input-comp a.btn_gosbw {color: #fff;background: #000;width: 280px;height: 60px;font-size: 18px;border-radius: 16px;margin-top: 26px;line-height: 60px;}
.layer-popup .layer-close {text-align: right;}
.layer-popup .layer-close button img{width: 25px;height: 25px;}

.popup[data-popup="popup-up-down"] .head-check{margin-top:30px}
.popup[data-popup="popup-up-down"] .raw-content .info_tit{margin-bottom:10px;font-weight:600;font-size:15px;color:#333;}
.popup[data-popup="popup-up-down"] .raw-content .info_list li{margin-top: 7px;color:#666;font-size:15px;}
#popup-device-migrate.popup[data-popup="popup-up-down"] .head-check label{font-weight:600;font-size:16px;}