@charset "UTF-8";
@import url(/NWL/assets/css/nwMobilePC_Common.css); /* NWL common */
@import url(/NWL/assets/css/nwMobilePC.css); /* NWL 리스트, 상세 */
@import url(/NWL/assets/css/nwMobilePC_Order.css); /* NWL 주문서페이지 */

.nwDirect .nwOrderArea{margin-top:50px}
.nwDirect .nwOrderArea .inner{justify-content:center;}
.nwDirect .nwOrderArea .inner .leftArea{margin:0;}
.nwDirect .nwOrderArea .inner .nwOrderView{width:896px;margin:0;}
.nwDirect .inputArea #naverCustJumin1{width: 50%;}
.nwDirect .inputArea #cardCustJumin1{width: 50%;}
.nwDirect .defautBtnArea button{width:210px}
.nwDirect .nwOrderView .inputArea .td{width:100%;}
.nwDirect .btnArea.flex{display:flex;gap:12px;justify-content:center;align-items:center;}
.nwDirect .btnArea.flex [class*='btn']{position:relative;display:inline-flex;align-items:center;justify-content:center;}
.nwDirect .btnArea.flex [class*='btn'].arrR::after{content: "";position:absolute;right:10px;display: block;width:10px;height:12px;background: url(/NWL/assets/images/pc/nwSelect_up.svg) center center / 15px auto no-repeat;transform: rotate(90deg);}
.nwDirect .contTop{background-color:#F7F7F7;padding:43px;}
.nwDirect .contTop .inner{position:relative;width:896px;}
.nwDirect .contTop .inner:before{content: "";position:absolute;right: calc(100% + 24px);display: block;width:68px;height:68px;background: url(/images/direct/pc/pc_topcont_icon.png) 0 0 / 100% auto no-repeat;}
.nwDirect .contTop .title{font-size: 24px;line-height:1.5;letter-spacing: -0.6px;margin-bottom:3px;font-weight:bold;}
.nwDirect .contTop .txtDesc{font-size:16px;line-height:2;letter-spacing:-0.4px;color:#161616;}

.nwDirect .nwOrderEndArea .orderOk:before{content: "";display: block;margin:0 auto 20px;width:200px;height:200px;background: url(/images/direct/pc/pc_img_orderOk.png) 0 0 / 100% auto no-repeat;}

/* CHAGE USIM */
.chgUsim{width:672px;margin:0 auto;}
.chgUsim .btnB{font-size:16px;}
.chgUsim .btnB.btnMid{width:290px;}
/* HEADER */
.chgUsimHeader{border-bottom:2px solid #000000;}
.chgUsimHeader .inner{position:relative;align-items:center;height:88px;margin:0 auto;}
.chgUsimHeader .logoKT{position:absolute;right:0;top:50%;width:27px;height:27px;font-size:0;color:transparent;line-height:0;letter-spacing:0;background:url('https://m.kt.com/images/v2/layout/header_kt.svg') no-repeat 0 0 / 100% 100%;transform:translateY(-50%);}
.chgUsimHeader h1{position:absolute;left:50%;top:50%;font-weight:700;font-size:25px;color:#161616;transform:translate(-50%, -50%);}
/* FOOTER */
.chgUsimFooter{padding:48px 0;}
.chgUsimFooter.shadow{margin-top:80px;}
.chgUsimFooter button{flex:1;height:48px;border-radius:8px;text-align:center;}
#step1 .chgUsimFooter{width:290px;margin:0 auto;}
#step2 .nwOrderView .btnAuth{margin-bottom:32px;}
#step2 .nwOrderView .optionMsgArea{margin-top:0;}
#step2 .nwOrderView .btnEnterPass{padding-bottom:24px;}
/* CONTENTS */
.chgUsimCont{max-width:660px;margin:0 auto;padding-top:64px;}
.chgUsimCont .registCmt strong{display:block;font-weight:700;font-size:20px;}
.chgUsimCont .listNum{counter-reset: item;list-style: none;padding-left: 0;}
.chgUsimCont .listNum>li{display:flex;gap:4px;counter-increment: item;margin-top:20px;font-size:14px;color:#525252;line-height:150%;}
.chgUsimCont .listNum>li::before{flex:none;content: counter(item) ". ";font-weight:700;font-size:16px;color:#000000;}
.chgUsimCont .listNum>li:first-child{margin-top:24px;}
.chgUsimCont .listNum>li>div{color:#525252;}
.chgUsimCont .listNum>li .strong{font-weight:700;}
.chgUsimCont .listNum>li>div .strong{color:#525252;}
.chgUsimCont .listNum>li>div>strong{margin-bottom:4px;font-weight:500;font-size:16px;color:#000000 !important;}
.chgUsimCont .listNum>li>div>strong .strong{color:#000000;}
.chgUsimCont .listNum>li a{color:#0000FF;text-decoration:underline;}
.chgUsimCont .listNum ul{list-style-type:none;}
.chgUsimCont .listNum ul li:first-child{margin-top:0;}
.chgUsimCont .listNum ul li{display:flex;margin-top:8px;font-size:14px;color:#525252;}
.chgUsimCont .listNum ul li:before{flex:none;display:block;content:'•';margin-right:4px;font-weight:700;font-size:14px;color:#525252;}
.chgUsimCont .registCmt .introCmt{margin:-32px 0 48px;font-weight:700;font-size:20px;text-align:center;line-height:150%;color:#525252;}
.chgUsimCont .registCmt .introCmt span{display:block;margin-top:20px;font-size:16px;line-height:150%;color:#525252;}
.chgUsimCont .registCmt .intoRegistCmt{padding:38px 32px;border:1px solid #D9D9D9;border-radius:8px;}
.chgUsimCont .registCmt .intoRegistCmt h3{display:flex;align-items:center;font-weight:700;font-size:20px;color:#000000;}
.chgUsimCont .registCmt .intoRegistCmt h3:before{display:block;content:'i';width:20px;height:20px;margin-right:8px;font-weight:500;font-size:14px;font-family:sans-serif;line-height:18px;text-align:center;color:#000000;border-radius:100px;border:1px solid #000000;}
.chgUsimCont .stateBox{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #D9D9D9;}
.chgUsimCont .stateBox .nwRadio{width:212px;}
.chgUsimCont .phoneCertBox .nwRadio{width:436px;}
.chgUsimCont .optionMsgArea{background-color:#F8F8F8;}
.chgUsimCont .nwOrderView .inputArea label{font-size:16px;}
.chgUsimCont .nwOrderView .subMsg{margin-top:16px;}
.chgUsimCont .subMsg li{font-size:12px;color:#525252;}
.chgUsimCont .chgUsimNumBox{display:flex;}
.chgUsimCont .nwOrderView .chgUsimNumBox .selecBox{flex:1;}
.chgUsimCont .chgUsimNumBox .btnB{flex:none;width:156px;height:56px;margin-left:12px;margin-top:0;font-size:18px;}
.chgUsimCont .chgUsimNum{padding:15px;border:1px solid #000;outline:1px solid #000;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.chgUsimCont .chgUsimNum dt{font-size:16px;line-height:24px;}
.chgUsimCont .chgUsimNum dd{font-weight:700;font-size:18px;line-height:27px;}
.chgUsimCont .chgUsimNumAfter{display:flex;align-items:center;font-weight:500;font-size:16px;color:#000000;}
.chgUsimCont .chgUsimNumAfter input{flex:1;margin:0 4px;}
.chgUsimCont .chgUsimNumAfter .btnB{width:156px;margin-left:12px;}
.chgUsimCont .chgUsim_ex_img{margin-top:20px;}
.chgUsimCont .chgUsim_ex_img img{width:360px;}
.chgUsimCont .registEnd{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;}
.chgUsimCont .registEnd strong{font-weight:700;font-size:24px;line-height:32px;}
.chgUsimCont .registEnd strong:before{display:block;content:'';width:56px;height:56px;margin:0 auto 24px;background:url('https://image.shop.kt.com/upload/editor/display/ic_chgUsim_done.png') no-repeat 50% 50% / 100% 100%;}
.chgUsimCont .registEnd.failRegist strong:before{display:block;content:'';width:56px;height:56px;margin:0 auto 24px;background:url('https://image.shop.kt.com/upload/editor/display/ic_chgUsim_fail.png') no-repeat 50% 50% / 100% 100%;}
.chgUsimCont .registEnd p{margin-top:24px;font-size:14px;line-height:24px;color:#525252;}
.chgUsimCont .registEnd p .strong{font-weight:700;color:#525252;}
.chgUsimCont .registEnd .registEndNoti{width:100%;margin-top: 30px;padding: 28px 32px;border: 1px solid #d9d9d9;border-radius: 8px;text-align: left;}
.chgUsimCont .registEnd .registEndNoti .strong{font-size: 16px;font-weight: 500;line-height: 150%;}
.chgUsimCont .registEnd ul{margin-top: 4px;}
.chgUsimCont .registEnd ul li{display: flex;color: #525252;font-size: 14px;line-height: 150%;word-break: keep-all;}
.chgUsimCont .registEnd ul li::before{flex: none;display: block;content: '•';margin-right: 4px;font-weight: 700;font-size: 14px;color: #525252;}
.chgUsimCont .nwOrderView .back.maskings input[type=tel]{width:48px;padding:0 !important;text-align:center;}
.chgUsimCont .nwOrderView .back.maskings .passwordHide{display:inline-flex;align-items:center;gap:8px;margin-left:12px;}
.chgUsimCont .nwOrderView .back.maskings .passwordHide span{flex:none;width:12px;height:12px;letter-spacing:0;line-height:0;border-radius:100%;background-color:#000000;}
.chgUsimCont .ter_content{padding-bottom:0;}
/* POPUP */
.popupChgUsim .nwPopUp{width:560px !important;}
.popupChgUsim .nwPopUp .nwFooter{border-top:0;}
.popupChgUsim .nwPopUp .btnB{width:202px;}
.popupChgUsim .nwContent p{font-size:20px;line-height:26px;text-align:center;}
.popupChgUsim .nwContent p strong{font-weight:700;}
.popupChgUsim .nwContent .listNum{counter-reset: item;list-style: none;padding-left: 0;}
.popupChgUsim .nwContent .listNum>li{display:flex;gap:4px;counter-increment: item;margin-top:20px;font-size:14px;color:#525252;line-height:150%;}
.popupChgUsim .nwContent .listNum>li::before{flex:none;content: counter(item) ". ";font-weight:700;font-size:16px;color:#000000;}
.popupChgUsim .nwContent .listNum>li:first-child{margin-top:24px;}
.popupChgUsim .nwContent .listNum>li>div{color:#525252;}
.popupChgUsim .nwContent .listNum>li .strong{font-weight:700;}
.popupChgUsim .nwContent .listNum>li>div .strong{color:#525252;}
.popupChgUsim .nwContent .listNum>li>div>strong{margin-bottom:4px;font-weight:500;font-size:16px;color:#000000 !important;}
.popupChgUsim .nwContent .listNum>li>div>strong .strong{color:#000000;}
.popupChgUsim .nwCheckbox{justify-content:center;margin-top:46px;}
.popupChgUsim .nwCheckbox label i{position:inherit;}