@charset "UTF-8";


/* 기존 팝업*/
.ui-popup {display:none;min-width:320px;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,0);text-align:center;white-space:nowrap;/*visibility:hidden;opacity:0;transition:background .2s ease-in-out*/transition:background .3s ease-in-out}
.ui-popup.active{background-color:rgba(0,0,0,0.8);/*opacity:1visibility:visible;*/}
.ui-popup .content{position:relative;padding-top:10px;background-color:#fff;text-align:left;margin: 0 auto;vertical-align:middle;overflow:auto;white-space:initial;width:100%;height:100%}
.ui-popup .content>.btn-close{display:block;width:12px;height:12px;overflow:hidden;text-indent:-9999px;background:url(../../images/directShop/btn-popup-close.svg) 0 0 no-repeat;background-size:100%;position:absolute;top:36px;right:30px}
/* .ui-popup .body{overflow:hidden;overflow-y:auto;height:100%} */
/* .ui-popup.bottom-btn .content{padding-bottom:77px} */
.ui-popup .body .wscroll{position:relative;overflow:hidden;white-space:normal;}
.ui-popup .body .wscroll .inscroll{height:280px;overflow-y:scroll;}
.ui-popup.popup-type-2 .body{min-height:calc(100% - 197px); padding: 20px 30px 0 30px}
.ui-popup.popup-type-2 .body.scroll{height:calc(100% - 197px);overflow-y: auto;}
.ui-popup .p-col1{color:#00a2be;}
 
.ui-popup.pc .content{max-width:100%}
.ui-popup.toast-popup{z-index:1000;pointer-events:none;background-color:rgba(0,0,0,0.8)}
.ui-popup.toast-popup .content{
  width:100%;position:absolute;bottom:0;left:50%;transition:all .4s ease-in-out;padding:0 30px 30px;border-radius:20px 20px 0 0;
  height:auto;transform:translate(-50%,100%);
margin-left:0;}
.ui-popup.toast-popup.active .content{transform:translate(-50%,0)}
.ui-popup.toast-popup .content>.btn-close{position:absolute;top:32px;right:30px;z-index:1}
.ui-popup.toast-popup .header{font-size:16px;text-align:center;font-weight:500;letter-spacing:-.64px;padding:26px 45px 30px 30px;height:76px;width:100%;position:absolute;left:0;top:0;background-color:#fff;overflow:hidden;z-index:1;border-radius:20px 20px 0 0}
.ui-popup.toast-popup .header h1{font-size:16px;font-weight: 500;}
.ui-popup.toast-popup .body{padding:76px 0 30px; height:auto;line-height:1.5}
.ui-popup.toast-popup.active{pointer-events:auto} 

#notmember.toast-popup .body{overflow:hidden;overflow-y:auto}
#notmember.toast-popup .body #ordrNo{display:block}
#notmember.toast-popup .body #ordrPwd{display:block}
.ui-popup.select-card .content, 
.ui-popup.popup-type-2 .content{width:100%;height:100%!important;/*padding-bottom:77px;*/position:relative}
.ui-popup.select-card .header,
.ui-popup.popup-type-2 .header{height:70px;line-height:70px;font-size:16px;font-weight:500;letter-spacing:-.64px;padding:0 30px}
.ui-popup.select-card .body, 
.ui-popup.select-number .content{width:100%;  position:relative}
.ui-popup.select-number .header{height:70px;line-height:70px;font-size:16px;font-weight:500;letter-spacing:-.64px}
.ui-popup.select-number .body{padding-top:19px}
.ui-popup.terms-check .body{max-height:400px; }
/* .ui-popup.terms-check .ui-accordion{margin-bottom:30px} */
.ui-popup.terms-check .acc-head{overflow:hidden}
.ui-popup.terms-check .acc-head .checkbox{float:left}
.ui-popup.terms-check .acc-head label{font-size:19px}
.ui-popup.terms-check .acc-head>button{display:block;width:24px;height:24px;float:right;overflow:hidden;text-indent:-9999px;position:relative}
.ui-popup.terms-check .acc-head>button:before{display:block;content:'';width:12px;height:7px;background:url(../../images/directShop/btn-accordion.svg) 0 0 no-repeat;background-size:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-180deg)}
.ui-popup.terms-check .acc-cont{margin-top: 20px;  overflow-y: auto;  height: 200px;}
.ui-popup.terms-check .acc-item.active .acc-head>button:before{transform:translate(-50%,-50%) rotate(0deg)}
.ui-popup.ars-check .body p{text-align:center;font-size:14px;line-height:21px;color:#666; }
.ui-popup.ars-check .btn.bottom{display:block;padding:0 25px;margin:0 auto}
.ui-popup.detail .content{width:100%;height:100%!important;padding-top:10px;position:relative}
.ui-popup.detail .header{height:70px;line-height:70px;font-size:16px;font-weight:500;letter-spacing:-.64px;padding-left:30px}
.ui-popup .msg-type-1{margin:0 0 18px;font-size:27px;line-height:1.56;letter-spacing:-1.08px}
.ui-popup .bold{font-weight:700}
.ui-popup .msg-type-2{font-size:18px;line-height:1.5}
.ui-popup.notmember .captcha{height:auto;line-height:100%}
.ui-popup.notmember .notice-list{margin-bottom:20px}
.ui-popup.fee-info .notice-list{margin-bottom:30px}
.ui-popup.fee-info .notice-list li{margin-bottom:20px}
.ui-popup.fee-info .notice-list li:last-child{margin-bottom:0}
.ui-popup.fee-info .notice-list li strong{display:block;font-size:14px;font-weight:500;line-height:1.64;letter-spacing:normal;color:#000;margin-bottom:5px}
.ui-popup.fee-info .notice-list li span{font-size:14px;line-height:1.71;letter-spacing:normal;color:#666}
.ui-popup.fee-info .btn{display:block;letter-spacing:-.6px}
.ui-popup.login p{font-size:13px;line-height:1.62;letter-spacing:-.52px;text-align:center;color:#666;margin-bottom:37px}
.ui-popup.login .btn-wrap{text-align:center}
.ui-popup.login .btn-wrap .btn{color:#fff;font-weight:700;font-size:15px;letter-spacing:-.6px;width:102px;margin:0 5px}
.ui-popup.login .btn-wrap .btn:last-child{background-color:#bcbcbc}
.ui-popup.other-plan .content{height:100%!important;padding:10px 0 70px}
.ui-popup.other-plan .content .header{height:70px;line-height:70px;font-size:16px;font-weight:500;letter-spacing:-.64px;padding-left:30px}
.ui-popup.other-plan .other-plan-title{font-size:27px;line-height:1.37;letter-spacing:-1.08px;color:#000;padding:21px 30px 50px}
.ui-popup.other-plan .tab-nav{padding:0 30px}
.ui-popup.other-plan .tab-nav li{background-color:#f4f4f4;color:#879198}
.ui-popup.other-plan .tab-nav li.active{background-color:#00a2be}
.ui-popup.other-plan .tab-nav li a{height:41px;line-height:41px;font-size:16px;letter-spacing:-.64px}
.ui-popup.other-plan .btn-group{font-size:0;padding:0 30px;margin:0 -5px}
.ui-popup.other-plan .btn-group button{height:41px;line-height:39px;border-radius:4px;border:1px solid #c7c7c7;color:#879198;font-size:13px;padding:0 16px;margin:0 5px 10px}
.ui-popup.other-plan .btn-group button.active{font-weight:500;color:#000;border-color:#000}
.ui-popup.other-plan .select{padding:0 30px}
.ui-popup.other-plan .plan-list{background-color:#f0f4f5;padding:50px 30px}
.ui-popup.other-plan .plan-list .item{background-color:#fff;border-radius:10px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:30px 24px 35px 26px;margin-bottom:20px}
.ui-popup.other-plan .plan-list .item:last-child{margin-bottom:0}
.ui-popup.other-plan .plan-list .item .plan-title{font-size:21px;font-weight:700;line-height:2;letter-spacing:-.84px;color:#000;margin-bottom:25px}
.ui-popup.other-plan .plan-list .item ul li{overflow:hidden}
.ui-popup.other-plan .plan-list .item ul li span{display:block;float:left;font-size:14px;line-height:2.14;letter-spacing:-1.4px;color:#bcbcbc}
.ui-popup.other-plan .plan-list .item ul li strong{display:block;float:right;font-size:14px;font-weight:500;line-height:2.14;letter-spacing:-1.4px;color:#000;margin-right:2px}
.ui-popup.other-plan .plan-list .item ul li strong.big{font-family:'Roboto',sans-serif;letter-spacing:0;font-size:16px;letter-spacing:normal}
.ui-popup.other-plan .plan-list .item ul li strong.bold{font-family:'Roboto',sans-serif;letter-spacing:0;font-weight:700}
.ui-popup.other-plan .plan-list .item .sub{overflow:hidden;padding-top:25px}
.ui-popup.other-plan .plan-list .item .sub p{font-size:19px;font-weight:700;line-height:36px;letter-spacing:normal;color:#000;float:left}
.ui-popup.other-plan .plan-list .item .sub p em{font-family:'Roboto',sans-serif;letter-spacing:0;font-size:21px;font-weight:700;letter-spacing:-.84px}
.ui-popup.other-plan .plan-list .item .sub .btn{display:block;float:right;width:auto;height:36px;line-height:36px;padding:0 43px 0 14px;position:relative}
.ui-popup.other-plan .plan-list .item .sub .btn:before{display:block;content:'';width:15px;height:10px;background:url(../../images/directShop/btn-arrow.svg) 0 0 no-repeat;background-size:100%;position:absolute;top:50%;right:14px;transform:translateY(-50%)}
.ui-popup.other-plan .tab-content{margin-top:0}
.ui-popup.select-period .content{height:100%!important;padding:10px 30px 70px}
.ui-popup.select-period .content .header{height:70px;line-height:70px;font-size:16px;font-weight:500;letter-spacing:-.64px}
.ui-popup.select-period .content .select-period-title{font-size:27px;line-height:1.37;letter-spacing:-1.08px;color:#000;padding:21px 0 50px}
.ui-popup.select-period .content .select-period-list li{margin-bottom:10px}
.ui-popup.select-period .content .select-period-list li:last-child{margin-bottom:0}
.ui-popup.select-period .content .select-period-list .radio{display:block}
.ui-popup.select-period .content .select-period-list .radio label{display:block;width:100%;height:70px;line-height:70px;border-radius:4px;border:solid 1px #c7c7c7;padding-left:20px;font-size:17px;letter-spacing:-.68px;color:#879198}
.ui-popup.select-period .content .select-period-list .radio input{left:auto;right:20px}
.ui-popup.select-period .content .select-period-list .radio input:checked+label{font-weight:500;color:#000}
.ui-popup.select-period .content .select-plan{height:19px;line-height:19px;margin-top:20px}
.ui-popup.terms-detail .content{width:100%;height:100%!important;padding:0;position:relative}
.ui-popup.terms-detail .header{height:70px;line-height:70px;font-size:16px;font-weight:500;letter-spacing:-.64px}
.ui-popup.terms-detail .body{padding:0 30px;min-height: calc(100% - 127px);} 
.ui-popup.terms-detail .body h2{font-size:16px;font-weight:700;line-height:70px;letter-spacing:-.64px;margin-bottom:30px}
.ui-popup.terms-detail .body>div{font-size:14px;line-height:1.64;letter-spacing:-1.12px;color:#666}
.ui-popup.faq-popup .inner{background-color:#fff;border-radius:15px;max-height:347px;width:315px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:normal;padding-bottom:40px}
.ui-popup.faq-popup .inner .header{height:50px;position:relative}
.ui-popup.faq-popup .inner .btn-close{display:block;width:12px;height:12px;overflow:hidden;text-indent:-9999px;background:url(../../images/directShop/btn-popup-close.svg) 0 0 no-repeat;background-size:100%;position:absolute;top:20px;right:20px}
.ui-popup.faq-popup .inner .faq{overflow-y:auto;max-height:247px;text-align:left}
.ui-popup.faq-popup .inner .faq .question{padding:0 20px 0 38px;font-size:16px;line-height:1.5;letter-spacing:-1.6px;position:relative;margin-bottom:25px}
.ui-popup.faq-popup .inner .faq .question:before{display:block;content:'';width:16px;height:20px;background:url(../../images/directShop/main-q.png) 0 0 no-repeat;background-size:100%;position:absolute;top:3px;left:20px}
.ui-popup.faq-popup .inner .faq .answer{padding:0 20px 0 38px;font-size:14px;line-height:1.71;letter-spacing:-1.4px;color:#666;position:relative;white-space:pre-line}
.ui-popup.faq-popup .inner .faq .answer:before{display:block;content:'';width:16px;height:20px;background:url(../../images/directShop/main-a.png) 0 0 no-repeat;background-size:100%;position:absolute;top:3px;left:20px}
.ui-popup.faq-popup .inner .faq .answer .sub{font-weight:500;line-height:1.71;letter-spacing:-1.4px;color:#000;margin-bottom:10px}
.ui-popup.price-detail-popup .inner{background-color:#fff;border-radius:15px;max-height:347px;width:315px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:normal;padding-bottom:40px;padding-top:42px}
.ui-popup.price-detail-popup .inner .btn-close{display:block;width:12px;height:12px;overflow:hidden;text-indent:-9999px;background:url(../../images/directShop/btn-popup-close.svg) 0 0 no-repeat;background-size:100%;position:absolute;top:20px;right:20px}
.ui-popup.price-detail-popup .inner .detail{overflow-y:auto;max-height:255px;text-align:left;padding:0 35px}
.ui-popup.price-detail-popup .inner .detail .title{font-size:26px;font-weight:700;line-height:1.27;letter-spacing:-2.6px;color:#000;margin-bottom:30px}
.ui-popup.price-detail-popup .inner .detail .notice-list li{font-size:14px;line-height:1.64;letter-spacing:-1.4px;color:#666}
.ui-popup.price-detail-popup .inner .detail .notice-list li:before{top:9px}
/* .ui-popup .bottom-btn{position:fixed;left:50%;bottom:0;width:calc(100%);max-width:768px;padding:0 30px 30px;transform:translateX(-50%)} */

.ui-popup.other-plan .plan-list-txt{padding:20px 30px 0;background-color:#f0f4f5}
.ui-popup.other-plan .plan-list-txt + .plan-list{padding-top:20px}
.ui-popup.other-plan .plan-list-txt strong{position:relative;display:block;color:#000;padding-left:22px}
.ui-popup.other-plan .plan-list-txt strong:after{content:"";position:absolute;top:0;left:0;z-index:10;background:url(../../images/directShop/icon-plan-txt.jpg) no-repeat 0 0;background-size:15px 15px;width:15px;height:15px}
.ui-popup.other-plan .plan-list-txt ul{margin-top:12px}
.ui-popup.other-plan .plan-list-txt ul li{position:relative;color:#666;padding-left:10px;line-height:1.3}
.ui-popup.other-plan .plan-list-txt ul li:after{content:"";background-color:#666;width:4px;height:4px;position:absolute;top:6px;left:0;z-index:10;border-radius:50%}

.select-card-list li {margin-bottom: 20px;}
.select-card-list li:last-child {margin-bottom: 0;}
.select-card-list .radio,
.select-list .radio {display: block;height: 45px;line-height: 45px;}
.select-card-list .radio label, 
.select-list .radio label{padding-left: 0;height: 45px;line-height: 45px;overflow: hidden;width: 100%;}
.select-card-list .radio label img {width: 45px;height: 45px;display: block;float: left;margin-right: 15px;}
.select-card-list .radio input,
.select-list .radio input {left: auto;right: 0;}
.select-list input + label{ display:block;color:#959595}
.select-list input:checked + label{font-weight:bold;color:#000 !important}
.select-number-list li {margin-bottom: 27px;font-family: 'Roboto', sans-serif;letter-spacing: 0;}
.select-list{height: calc(100% - 86px);margin: 35px -30px 0 -30px;padding: 10px 30px 0 30px;overflow-y:auto}

.open-time{margin-top:60px}
.open-time dt{margin-bottom:20px;font-weight:500;font-size:15px;color:#666}
.open-time li{position:relative;padding-left:10px;margin-bottom:12px;font-size:13px;color:#666}
.open-time li:before{content:"·";position:absolute;left:0;top:-4px;font-size:20px;font-weight:700;font-size:initial}
.open-time li .d{display:inline-block;width:50px;font-size:inherit}
#select-nationality .search{margin-bottom:40px} 
#select-nationality .body{overflow:hidden}
#select-nationality .select-list{ height: calc(100% - 93px);}
/*희망번호*/
#select-phone-number .body{overflow:hidden}
#select-phone-number .select-list{min-height: calc(100% - 50px);margin:0 -30px 30px -30px}
#select-phone-number .select-list label{color:#dcdcdc;font-size:16px;letter-spacing: 0; font-weight: 400;}
#select-phone-number .select-list label .b{color:#000;letter-spacing: 0;}
.number-page{position: relative; margin-top:20px; text-align:center;font-size:14px; }
.number-page button{text-indent: -1000px;overflow:hidden;position: absolute;  top: 0; right: 0;width: 30px; height: 30px; border: 1px solid #000;  border-radius: 4px;background: url(../../images/directShop/icon-arrow-right.svg) center center no-repeat;background-size: 6px 12px;}
.number-page .btn-left{position: absolute; left:-4px;transform: rotate(180deg);}
.number-page .btn-right{position: absolute; right:-4px}

.select-number .number-page button{border:none;}

/*번호이동 사전동의 안내*/
#popup-number-change-info p.msg{line-height:24px;font-size:16px;color:#000}
#popup-number-change-info .tab-agree{display:table; width:100%;margin:30px 0 25px 0} 
#popup-number-change-info .tab-agree li{display:table-cell;width:50%;text-align:center;}
#popup-number-change-info .tab-agree li a{display:block; line-height:36px; overflow:hidden; background-color:#EDEDED;}
#popup-number-change-info .tab-agree li a.active{background-color: #000;color:#fff;}
#popup-number-change-info .tab-agree li:first-child a{border-top-left-radius:5px;border-bottom-left-radius:5px;}
#popup-number-change-info .tab-agree li:last-child a{border-top-right-radius:5px;border-bottom-right-radius:5px;}
#popup-number-change-info .agree-box {margin-bottom:30px}
#popup-number-change-info .agree-box p{line-height:18px;color:#666}
#popup-number-change-info .agree-box ul {display:table;width:100%;margin-top:30px}
#popup-number-change-info .agree-box ul li{position:relative;text-align:center; display:table-cell; width:33.3%;vertical-align: top;}
#popup-number-change-info .agree-box ul li:before{content:"";display:block;width:75px; height:75px;background:url(../../images/directShop/ex-img-1.png) 0 0 no-repeat;margin:0 auto; background-size:240px auto;}
#popup-number-change-info .agree-box ul li:nth-child(0):before{background-position:0 0}
#popup-number-change-info .agree-box ul li:nth-child(2):before{background-position:-80px  0}
#popup-number-change-info .agree-box li:nth-child(3):before{background-position:-80px -80px}
#popup-number-change-info .agree-box li:nth-child(4):before{background-position:-160px 0}
#popup-number-change-info .agree-box li span{display:inline-block; 
  margin-top:7px;font-size:12px;line-height:18px}
#popup-number-change-info  .agree-list{font-size:12px;color:#666}
#popup-number-change-info  .agree-list li{position:relative;padding-left:15px;margin-bottom:10px;line-height:18px}
#popup-number-change-info  .agree-list li:before{content:"";position:absolute; top:7px;left:0; width:4px; height:4px; background-color: #666;border-radius: 2px}
/*가입신청서 작성, IMEI 확인 방법 */ 
#popup-ex-esim .txt, #eSIM-IMEI .txt{margin-bottom:20px;font-weight: 500; color:#666; }
#popup-ex-esim .txt li, #eSIM-IMEI .txt li{position: relative;margin-bottom:8px;padding-left:20px;line-height:20px}
#popup-ex-esim .txt li em, #eSIM-IMEI .txt li em{position:absolute; top:0;left:0;}
#popup-ex-esim .txt span, #eSIM-IMEI .txt span{font-family: serif;  font-weight: bold;}
#popup-ex-esim .img, #eSIM-IMEI .img{width:100%; max-width:400px}

/*데이터 쉐어링 번호 조회*/ 
#number-search h2{margin-bottom:5px;font-size:13px;color:#666}

/* 개통지연 팝업 */
#popup-open-ing .body {padding-top:135px;background:url(../../images/directShop/icon-time.png) center 50px no-repeat;background-size: 67px auto;}
#popup-open-ing .body p{font-size:16px;line-height:24px;font-weight: 700;}

/* 홈페이지 인증 정보 */ 
#popup-homepage-information ul{margin-bottom:18px}
#popup-homepage-information ul li{position:relative;margin-bottom:5px;padding-left:47px;line-height:24px;font-size:13px;color:#666}
#popup-homepage-information ul li:last-child{margin-bottom:0;}
#popup-homepage-information ul em{position:absolute; top:0; left:0;width:42px;background-color:#00a2be; color:#fff;text-align:center;border-radius: 12px;}
#popup-homepage-information p{color:#959595}
#popup-homepage-information p *{vertical-align: top;font-size:13px;} 
#popup-homepage-information p a:after{margin-top:-1px}

/* 다른 인증방법 선택 */
.popup-other-auth.toast-popup .body{padding-bottom:0} 
.popup-other-auth .auth-select{margin-bottom:25px}
.popup-other-auth .auth-select button{display:flex;width:100%;padding:0 28px;margin:0 0 10px 0;text-align:left;align-items:center;box-shadow: 0px 1px 2px #0000001A;border: 1px solid #E7EAF4; border-radius: 8px} 
.popup-other-auth .auth-select span{display:block;font-weight:bold;}
.popup-other-auth .auth-select span.t{font-size:14px;font-weight:500;vertical-align:middle;}
.popup-other-auth .auth-select .tt, .popup-other-auth .auth-select.sty2 span{font-weight:normal;}
.popup-other-auth .auth-select button .t:after{content:"";display:block;width:64px;height:64px;margin:0 40px 0 0;}
.popup-other-auth .auth-select button .t.ips:after{background:url(../../images/directShop/auth_1.png) center center no-repeat; background-size:auto 39px}
.popup-other-auth .auth-select button .t.inv:after{background:url(../../images/directShop/auth_3.png) center center no-repeat; background-size:auto 15px}
.popup-other-auth .auth-select button .t.icd:after{background:url(../../images/directShop/auth_2.png) center center no-repeat; background-size:auto 29px}
.popup-other-auth .auth-select button .t.ips2:after{background:url(../../images/directShop/new_auth_1.png) center center no-repeat; background-size:auto 39px}
.popup-other-auth .title{margin-bottom:15px;color:#666;font-weight:500}
.popup-other-auth .auth-select.one button:nth-of-type(1){width:100%;}
.popup-other-auth .auth-select.sty2 button .t.icd:after{background-size:auto 29px}
.popup-other-auth .auth-select.one button:nth-of-type(2){display:none;}
.popup-other-auth .auth-select.one button:nth-of-type(1){width:50%;}
.popup-other-auth .auth-select.one.sty2 button:nth-of-type(1){width:100%;}
.popup-other-auth .auth-select.one.sty2 button:nth-of-type(2){display:flex;width:100%;}
.popup-other-auth .auth-select span br{display:none;}

#popup-homepage-id p{margin-bottom:10px;color:#666}
#popup-homepage-id .arrow-2{color:#000;font-weight:500}

/* 신용카드사 홈페이지 인증*/
#popup-homepage-regi p{margin-bottom:30px;color:#666}

#popup-good-more iframe{height:calc(100% - 80px);width:100%}
/* 혜택보기 */ 
#popup-benefit dt{margin:30px 0 5px;font-size:15px;font-weight:700;color:#000}
#popup-benefit dt:first-child{margin-top:0}
#popup-benefit dd{color:#666}
#popup-benefit .jum-list li{margin-bottom:5px}
#popup-benefit .jum-list li .arrow-2{margin-top:0}
#popup-benefit .arrow-2{display:inline-block;margin-top:5px;color:#000}

/*230702 반영 : 다이렉트 요금제 개편*/
#addServiceTipDirect .tivingPlanList{padding:0 10px;}
#addServiceTipDirect .tivingPlanList .radio-1 + span{padding-left:6px;}
#addServiceTipDirect .tivingPlanList > li{margin-top:12px;}
#addServiceTipDirect .noticeBox{background-color:#f8f8f8;padding:20px;margin-top:20px;border-radius:8px;}
#addServiceTipDirect .noticeList > li{position:relative;margin-top:4px;padding-left:12px;font-size:12px;line-height:1.5;color:#666;}
#addServiceTipDirect .noticeList > li:before{content:'*';position:absolute;top:4px;left:0;}
#addServiceTipDirect .noticeList > li:first-child{margin-top:0;}

/*s
 1분 약관내용 보기,  약관 내용 보기 다이렉트에맞게 수정
*/
/* .mask{visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:2000;opacity:0;transition:all ease .5s} */
  
.popup{min-width:320px;max-width:786px;visibility:hidden;opacity:0;position:fixed;left:50%;z-index:2000;width:100%;background-color:#fff;transition:all ease .5s;overflow:auto}
.popup.active{opacity:1!important;visibility:visible!important;transform:translate(-50%,0)!important}
.popup header{position:relative;display:table;height:70px;line-height:70px;font-size:16px;font-weight:500;letter-spacing:-.64px;padding:0 30px}
.popup header h1{width:auto;display:table-cell;vertical-align:middle;padding-right:15px;background-image:none;font-size:16px;line-height:1.4;}
.popup .close{position:absolute;top:23px;right:25px;width:24px;height:24px;background:url(../../images/directShop/btn-popup-close.svg) center center no-repeat;background-size:12px;text-indent:-9999px;overflow:hidden;z-index: 12;}
.popup .content{padding:0 30px;line-height:1.5}
.popup[data-popup="popup-fade"]{top:0;bottom:initial;z-index:2003;height:100%;width:100%;box-sizing:border-box;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;transform:translate(-50%,0);visibility:hidden;opacity:0;font-size:13px;z-index: 1000;}
.popup-raw{padding:0 0 30px;line-height:1.3}
.popup-raw p{margin:20px 0;color:#000;font-size:13px;line-height:1.5;letter-spacing:-.5px}
.popup-raw p:first-child{margin:0}
.popup-raw ul.agree-text{color:#000;font-size:13px}
.popup-raw ul.agree-text li,.popup-raw div.agree-text li{margin-bottom:10px}
.popup-raw div.agree-text > p{font-size:13px;font-weight:500;margin-bottom:10px}
.popup-raw div.agree-text li{color:#000}
.popup-raw div.agree-text li br{margin-bottom:5px}
.popup-raw div.agree-text li p{margin:10px 0 0 10px}
.popup-raw div.agree-text li b{display:block;margin-bottom:-10px;color:#000}
.popup-raw table{table-layout: auto;}
@media all and (max-width: 360px){ 
  .ui-popup .msg-type-1{font-size:25px}
  .ui-popup .msg-type-2{font-size:16px}
}

/* agreeView (하드코딩의경우)*/
.ter_content {padding-bottom:60px;}
.ter_content .ter_tbs_02 {margin:10px 0;}
.ter_content .ter_tbs_02 caption{display:inline-block;overflow:hidden;position:absolute;width:0;height:0;}
.ter_content .ter_tbs_02 th{border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:12px;padding:10px;border-top:1px solid #999;}
.ter_content .ter_tbs_02 td{border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:12px;text-align:left;vertical-align:top;padding:10px;}

.pop_agree_table{border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;;font-size:11px;text-align:center;border-collapse:separate;}
.pop_agree_table th, .pop_agree_table td{padding:8px;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.pop_agree_table th{background:#eee;color:#000;}
.pop_agree_table tbody td{color:#959595;}


/* 인증번호 입력 팝업 */
#popup-cert-number .no input{padding-right:120px}     
#popup-cert-number .no .btn-resend{position:absolute;top:13px;right:0;line-height:27px;color:#fff;padding:0 15px; background-color: #000;border-radius: 13px;} 

/*요금제 변경시 유의사항 팝업*/
#popup-plan-change .col-blue{color:#00a2be;}

/* (팝업) 사전동의 정보전송 완료 */
.number-change-complete p em {color:#00a2be;}
.number-change-complete .txtlist {margin-top:10px;}
.number-change-complete .txtlist li {position:relative; padding-left:18px; margin-top:3px;}
.number-change-complete .txtlist li:first-child {margin-top:0;}
.number-change-complete .txtlist li:after {content:"※"; position:absolute; top:0; left:0;}
.number-change-complete .txtlist li em {color:#00a2be;}

/* (팝업) 번호이동 사전동의 안내 - ARS 번호보기 */
.ars_info {position:relative; margin-top:3px;}
.btn_ars {color:#00a2be;}
.tooltip_ars_info {position:absolute; top:20px; left:0; z-index:10; width:300px; background-color:#fff; border:1px solid #333; border-radius:3px;}

.txt .new_tool_tip.tooltipHelp{width:15px;height:16px;}
.new_tool_tip {display:inline-block;}
.new_tool_tip.tooltipHelp{line-height:1px;margin-left:2px;margin-top:-1px;width:19px;height:19px;background:url(/images/directShop/btn-fee-info.svg) 0 0 no-repeat;background-size:100%;color:transparent;font-size:1px;overflow:hidden;vertical-align:bottom;}
.tooltipWrap { position:absolute;width:86%;padding:10px;font-size:13px;background:#fff;border:1px solid #333;border-radius:3px;box-shadow:1px 1px #e5e5e5;color:#000;z-index:10000;box-sizing:border-box;padding-right:30px;}
.tooltipWrap * { font-size:13px;}
.tooltipWrap span { display:inline-block;}
*[data-type='tooltip'] + div { overflow:hidden;position:absolute;visibility:hidden;height:0;font-size:0;line-height:0;z-index:-1;}
.tooltipArrow { display:inline-block;position:absolute;top:auto;right:auto;left:auto;bottom:auto;width:8px;height:6px;z-index:10001;background:url('/common/mobile/olleh2.0/img/bg/bg-tooltip-arrow.png') no-repeat 0 0;background-size:8px 6px;}
.tooltipArrow.bottom { background-image:url('/common/mobile/olleh2.0/img/bg/bg-tooltip-arrow_bottom.png') }
.accessible-tit {display:inline-block;width:0;height:0;overflow:hidden;color:transparent;font-size:1px;white-space:nowrap;position:absolute;}
/*.accessible-end {position:absolute; top:10px; right:10px; overflow:hidden; color: transparent; white-space:nowrap; text-overflow:ellipsis;}*/
.accessible-end {position:absolute; top:10px; right:10px; width:13px; height:13px; overflow:hidden; background:url('/images/mApp/common/bg_lay_close.png') no-repeat 0 0; background-size:13px 13px; font-size:13px; color: transparent; white-space:nowrap; text-overflow:ellipsis;}

.ars_txtlist li {position:relative; padding-left:10px; margin-top:5px;}
.ars_txtlist li:after {content:""; position:absolute; top:5px; left:0; width:4px; height:4px; background-color:#666; border-radius:2px; clear:both;}
.ars_txtlist li:first-child {margin-top:0;}

/*Y 다이렉트 요금제*/
#popup-y-direct-join .acc-head{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #E7EAF4;}
#popup-y-direct-join .header{text-align:left;}

/*요금제 변경시 유의사항 팝업*/
#popup-plan-change .com-list-dot{margin-bottom:15px;}
#popup-plan-change .com_table{margin-top:8px;}

/*데이터쉐어링 가입 전 유의사항*/
.toast-popup .header.check{text-align:left;}
.toast-popup .header .checkbox{font-size:16px;color:#959595;}

.popup-datasharing-info .datasharing-title{display:block;margin-bottom:15px;font-size:15px;line-height:22px;color:#000;}
.popup-datasharing-info .datasharing-list + .datasharing-title{margin-top:15px;}
.popup-datasharing-info .datasharing-list > li{position:relative;margin-top:7px;padding-left:9px;font-size:13px;line-height:20px;color:#808080;word-break:keep-all;}
.popup-datasharing-info .datasharing-list > li:first-child{margin-top:0;}
.popup-datasharing-info .datasharing-list > li:before{content:'';display:block;position:absolute;left:0;top:8px;width:4px;height:4px;background:#808080;}
.popup-datasharing-info .datasharing-list > li > ul > li{position:relative;padding-left:10px;font-size:13px;line-height:20px;color:#808080;word-break:keep-all;}
.popup-datasharing-info .datasharing-list > li > ul > li:before{content:'-';display:block;position:absolute;left:0;top:0;}

.tab-content #tab-con11.pass-area a.ui-popup-call.btn{display:none;}

/*이동전화 사기판매 주의 안내*/
#con-notice-pop .content{max-height:90%;padding-bottom:0;}
#con-notice-pop .con-notice-list{margin-top:15px;padding:20px;border:1px solid #ddd;}
#con-notice-pop .con-notice-list li{position:relative;margin-top:10px;padding-left:15px;color:#666;}
#con-notice-pop .con-notice-list li:first-child{margin-top:0;}
#con-notice-pop .con-notice-list li strong{display:block;color:#000;}
#con-notice-pop .con-notice-list li .num{position:absolute;left:0;top:0;}
#con-notice-pop .btn-bottom{padding-left:0 !important;padding-right:0 !important}

.toast-popup .content{height:auto !important;max-height:90% !important;}

/*가입내역 상세*/
#detail .gray-box .order-detail .detial-box .faq-area{padding:0 15px;background:#fff;}
#detail .gray-box .order-detail .detial-box .faq-area dt{padding:15px 25px;border:1px solid #d9d9d9;}
#detail .gray-box .order-detail .detial-box .faq-area dt.selected{border-bottom:none;}
#detail .gray-box .order-detail .detial-box .faq-area dd{padding-left:25px;border:1px solid #d9d9d9;border-top:none;}
#detail .gray-box .order-detail .detial-box .faq-area dd .infor-list > li.case:before{content:'※';width:auto;height:auto;top:0;left:-5px;background:none;}

/*셀프개통 안내*/
.self-opening-cont .top_txt{margin:0 -30px;padding:30px;text-align:center;background:#f6f6f6;}
.self-opening-cont .top_txt strong{display:block;margin-bottom:20px;font-size:18px;color:#000;line-height:25px;}
.self-opening-cont .top_txt p{max-width:300px;margin:10px auto 0;font-size:14px;color:#000;line-height:21px;word-break:keep-all;}
.self-opening-cont .noti-list{margin-top:30px;}
.self-opening-cont .noti-list strong{display:block;margin-bottom:15px;font-size:13px;color:#666;line-height:24px;}
.self-opening-cont .noti-list li{position:relative;margin-top:8px;padding-left:15px;font-size:13px;color:#666;line-height:20px;}
.self-opening-cont .noti-list li:before{content:'';display:block;position:absolute;left:0;top:8px;width:4px;height:4px;background:#666;}

/*IMEI 확인 방법*/
#eSIM-IMEI img{max-width:100%;}

/* 스마트기기 요금제확인 */
#popup-usable #usedProdList label{display: block;padding:0;line-height:1.5;color: #222; font-size:15px; background:transparent !important;}
#popup-usable #usedProdList .member-input .row > span, #popup-data-share #shareList .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}
#popup-usable #usedProdList .member-input .row .text, #popup-data-share #shareList .member-input .row .text{font-size: 15px;}
#popup-usable #usedProdList .member-input .btn-resend, #popup-data-share #shareList .member-input .btn-resend{position:absolute;top:13px;right:0;line-height:28px;color:#000;padding:0 15px; background-color: #ededed;border-radius: 5px;}
#popup-usable #usedProdList label:before{display:none;}
#popup-usable #usedProdList input + label:before {content:'';display:inline-block;width:25px;height:25px;background:url(../../images/directShop/icon_check_off.png) center center no-repeat;background-size:100% auto;-webkit-appearance:none;appearance:none;border:none;border:1px solid #ddd !important;box-sizing:border-box;}
#popup-usable #usedProdList input:checked + label:before{background-image:url(../../images/directShop/icon_check_on.png);border:none !important;}
#popup-usable #usedProdList p{line-height:1.5;padding:0 34px;font-size:15px;text-align:left;}
#popup-usable #usedProdList p span{float:none;}
#popup-usable #usedProdList .red{color:#DE1A22}
#popup-usable .no-used-prod p{padding:0 !important;}
#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:10px 0; padding:20px 25px; border-radius: 10px;background-color: #f4f4f4;}
#popup-usable .gray .no-used-prod{margin:0;padding:0;}

/* 데이터 공유 할 핸드폰 번호 선택*/
#popup-data-share #shareList input {appearance:none;width:25px;height:25px;background:url(../../images/directShop/icon_check_off.png) center center no-repeat;border-radius:100px;background-size:100% auto;-webkit-appearance:none;appearance:none;border:none;border:1px solid #ddd !important;box-sizing:border-box;}
#popup-data-share #shareList input:checked{background-image:url(../../images/directShop/icon_check_on.png);border:none !important;}
#popup-data-share #shareList input + label{padding-left:3px;}
#popup-data-share #shareList p{line-height:1.5;padding:0 34px;font-size:15px;text-align:left;}
#popup-data-share #shareList p span{float:none;}
#popup-data-share #shareList .red{color:#DE1A22}

/* (필수)eSIM 가입을 위한 제3자 정보 제공 동의 
#eSIMAgree .header{display:flex;line-height: 1.2;align-items: center;}
#eSIMAgree table{border-collapse:collapse}
#eSIMAgree tbody th,
#eSIMAgree tbody td {font-size:13px;text-align:center;background:#fff;padding:15px 10px;color:#666;word-break:break-all !important; border:1px solid #ddd;  }
#eSIMAgree tbody th{color:#000;background-color:#ededed;}
*/

#directNotiPop .noticeList > li{position:relative;margin-top:10px;padding-left:10px;font-size:14px;line-height:1.5;color:#666;}
#directNotiPop .noticeList > li:first-child{margin-top:0;}

/*다이렉트 요금제 개선 : 요금제 유의사항 안내*/
#directPlanNotice .body{padding:0 20px;}

.ter_content .infoImg {margin-top: 32px;padding: 20px;border: 1px solid #D9D9D9;border-radius: 8px;}
.ter_content .infoImg li+li{margin-top:10px;}
.ter_content .infoImg li>strong{display:block}
.ter_content .point_red {color:#EA3037 !important}
.ter_content .agree-text>li{position:relative;padding-left:8px;font-size:13px; color:#000;margin-bottom:8px;line-height:20px;font-size:13px;background:url(/images/pc/common/bul_rect.gif) 0 8px no-repeat;background-size:3px auto;}