@charset "utf-8";

#pageMain > a {position:absolute;top:0;display:inline-block;width:50%;height:39px;font-size:14px;color:#222;text-align:center;line-height:39px;border-bottom:1px solid #f70000;background-color:#f4f5f9;z-index:1;}
#pageMain > a.current {border-bottom:1px solid #fff;background-color:#FFF;z-index:2;}
#pageMain > a.buy {left:0;}
#pageMain > a.buy.current {border-right:1px solid #f70000;}
#pageMain > a.activ {left:50%;}
#pageMain > a.activ.current {border-left:1px solid #f70000;}

.usimCont {position:relative;margin-top:39px;}
.usimCont p img {width:100%;}
.usimCont .btnWrap {position:absolute;left:0;bottom:20vw;padding:0;width:100%;background-color:unset;}
.usimCont .btnWrap > a {display:inline-block;margin-left:0;width:45.333vw;font-size:4.266vw;color:#fff;text-align:center;line-height:10.666vw;border-radius:1vw;}
.usimCont .btnWrap a.red {background-color:transparent;color:transparent;}
.usimCont .btnWrap a.black {background-color:#222;}
.usimCont .btnWrap p {margin-top:8vw;font-size:4vw;color:#222;text-align:center;}
.usimCont .btnWrap p a {margin-left:0;padding:0;min-width:unset;line-height:4vw;font-size:3.466vw;text-decoration:underline;}
.usimCont span {position:absolute;left:0;bottom:10vw;display:block;width:100%;font-size:4vw;color:transparent;text-align:center;}
.usimCont span a {position:relative;color:transparent;}
.usimCont span a:before {content:"";position:absolute;left:0;bottom:-1vw;width:100%;border-bottom:1px solid transparent;}
.usimCont > a {position:absolute;left:50%;top:45vw;margin-left:-8.5vw;font-size:3.466vw;color:transparent;}
.usimCont > a:before {content:"";position:absolute;left:0;bottom:-1vw;width:100%;border-bottom:1px solid transparent;}
#pageMain dl {padding:0 5.333vw;}
#pageMain dt {display:none;}
#pageMain dd {border-top:1px solid #cccb;}
#pageMain dt+dd {border-top:0;}
#pageMain dd a {display:block;font-size:4.8vw;color:#222;line-height:17.333vw;background:url('/images/mobile/smart/mobile_com/bul_usim_open.png') no-repeat 84.666vw center;background-size:2.4vw 1.466vw;}
#pageMain dd a.open {background:url('/images/mobile/smart/mobile_com/bul_usim_close.png') no-repeat 84.666vw center;background-size:2.4vw 1.466vw;}
#pageMain dd a + div {display:none;padding:5.333vw;font-size:4vw;color:#222;line-height:140%;border-top:1px solid #ccc;background-color:#f4f5f9;}
#pageMain dd a.open + div {display:block;}

.dim {position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.75;z-index:99999;}
.appCheck {position:absolute;left:0;top:20vw;padding-top:99.333vw;width:100%;height:180.15vw;background:url('/images/mobile/smart/mobile_com/img_myktApp.png') no-repeat center top;background-size:89.333vw auto;z-index:99999;}
.appCheck button {display:block;margin: auto;width:78.666vw;height:10.666vw;font-size:3.733vw;color:#fff;line-height:10.666vw;border:1px solid #222;border-radius:1vw;background-color:#222;}
.appCheck button.web {margin-top:1.333vw;color:#222;background-color:#FFF;}
.appCheck .checkbox {margin-top:8vw;text-align:center;}
.appCheck .checkbox label {padding-left:0;font-size:3.466vw;color:#fff;background:none;}
.appCheck .checkbox label:before {content:"";display:inline-block;margin-right:2vw;width:4.8vw;height:4.8vw;border:1px solid #fff;vertical-align:middle;}
.appCheck .checkbox input {left:-100vw;}
.appCheck .checkbox input:checked + label {background:none;}
.appCheck .checkbox input:checked + label:before {background:url('/images/mobile/smart/mobile_com/icon_ipt_chk.png') no-repeat;background-size:100%;}
.appCheck .checkbox input:focus + label:before {outline:1px dashed #fff;}
.appCheck a {position:absolute;right:12vw;top:6.666vw;width:4vw;height:4vw;text-indent:-10000px;background:url('/images/mobile/smart/mobile_com/btn_close_app.png') no-repeat;background-size:100%;}
/* 20181011 - �ĺ����� OCR ���̾��˾�
.appCheck {position:absolute;left:0;top:10vw;padding-top:97.333vw;width:100%;height:180.15vw;background:url('/images/mobile/smart/mobile_com/img_myktApp_new.png') no-repeat center top;background-size:89.333vw auto;z-index:2;}
.appCheck button {display:block;margin: auto;width:78.666vw;height:10.666vw;font-size:3.733vw;color:#d71826;line-height:10.666vw;border:0.46vw solid #d71826;border-radius:1vw;background-color:#fff;margin-top:1.56vw;}
.appCheck button.web {margin-top:3.12vw;border:0.46vw solid #40424f;color:#40424f;background-color:#FFF;}
.appCheck .checkbox {margin-top:8vw;text-align:center;}
.appCheck .checkbox label {padding-left:0;font-size:3.466vw;color:#40424f;background:none;}
.appCheck .checkbox label:before {content:"";display:inline-block;margin-right:2vw;width:4.8vw;height:4.8vw;border:1px solid #40424f;vertical-align:middle;}
*/

#usimRreserve .layer_contents div:first-child, #UsimWait .layer_contents div:first-child {margin-bottom:5vw;padding-top:30vw;font-size:3.733vw;color:#666;background:url('/images/mobile/smart/mobile_com/icon_usimRreserve.png') no-repeat center 9.333vw;background-size:18.933vw 16.8vw;}
#UsimWait .layer_contents div:first-child {background:url('/images/mobile/smart/order_new/icon_usim_wait.png') no-repeat center 9.333vw;background-size:18vw 17.466vw;}
#UsimWait .layer_contents div:first-child p {margin-bottom:4vw;font-weight:bold;font-size:4.8vw;color:#222;line-height:135%;}
#usimRreserve .layer_contents div p {color:#222;line-height:150%;}
#usimRreserve .layer_contents div p:first-child {margin-bottom:4vw;font-weight:bold;font-size:4.8vw;}
#usimRreserve .layer_contents div p + p {font-size:3.2vw;}
#usimRreserve .layer_contents div p strong {display:block;}
#usimRreserve .layer_contents div p em {display:block;}
#usimRreserve .layer_contents div p span {display:block;font-size:3.8vw;}
#usimRreserve .btn_area, #UsimWait .btn_area {margin-bottom:7vw;}
#usimRreserve .btn_area .btn_red, #UsimWait .btn_area .btn_red {padding:0 6vw;height:10.666vw;font-size:4.266vw;line-height:10.666vw;border:0;border-radius:1vw;background-color:#d71826;}

#seeAndClick input {left:-10000px;}
#seeAndClick label {padding-left:0;}
#seeAndClick label:before {content:"";display:inline-block;margin-right:5px;width:18px;height:18px;vertical-align:middle;}
#seeAndClick input:focus + label:before {outline:1px dashed #222;}

.usimWait {position:relative;margin:32vw 0 42.666vw;padding-top:42.666vw;font-weight:bold;font-size:6.4vw;color:#222;text-align:center;background:url('/images/mobile/smart/order_new/img_usim_wait.png') no-repeat center top;background-size:30vw;}
.usimWait + ul {margin-bottom:3vw;padding:0 5.333vw;}
.usimWait + ul li {margin-top:1vw;padding-left:2vw;font-size:3.466vw;color:#222;background:url('/images/mobile/common/bul_dot.gif') no-repeat left 1.2vw;background-size:1.2vw;}
.usimWait > div {position:absolute;left:50%;top:8.5vw;margin-left:-9.1vw;width:16.266vw;height:16.266vw;z-index:1;}
.usimWait > div p {position:absolute;left:.5vw;top:.5vw;width:15.266vw;height:15.266vw;border-radius:50%;background-color:#d1eef3;z-index:1;}
.usimWait > div p img {width:100%}
.usimWait > div svg {position:absolute;left:0;top:0;width:16.266vw;height:16.266vw;margin:0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);z-index:2;}
#path {
  stroke-dasharray: 200;
  stroke-dashoffset: 1000;
  animation:dash 10s linear forwards infinite;
}
@keyframes dash {
  from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; }
}

.layer .buy .indent_box {position:relative;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e5e5e5;}
.layer .buy .indent_list li {text-align:left;font-size:13px;letter-spacing:-1px;}
.layer .buy .indent_list li + li {margin-top:7px;}
.layer .buy .checkbox.agree {display:block;text-align:left;margin-top:10px;position:relative;}
.layer .buy .btn_area {margin-top:15px;}
.layer .buy .indent_box .buyAgree {height:11rem;padding:.5rem;border:1px solid #dbdbdb;overflow:auto;-webkit-overflow-scrolling:touch;}
.layer .buy .indent_box + div .buyAgree {height:4rem;}
.layer .buy .indent_box:first-child .buyAgree li {margin-left:0;padding:.5rem 0 0 .8rem;text-indent:0;border-top:1px solid #dbdbdb;background:url('/images/pc/common/ico_check.png') no-repeat 2px 12px;background-size:8px;}
.layer .buy .indent_box:first-child .buyAgree li:first-child {padding-top:0;border-top:none;background-position:2px 4px;}
.layer .buy .indent_box .buyAgree em {color:#f82a2a;}
.layer .buy .indent_box .checkbox.agree {position:absolute;top:0;left:0;margin-top:0;}

.ui-mobile .ui-page-active {overflow:hidden !important;}

.postpayUsim > a{top:56.25vw!important;}
.postpayUsimMov iframe{width:100vw;height:56.25vw;}

/* 접근성 - toggle 부가정보 (2019-01-22) */
#pageMain dd {position:relative;}
#pageMain dd .faqToggleControl {line-height:1; position:absolute; top:25px; right:0; z-index:-1; opacity:0;}


/* 접근성 3차 수정 (2019-02-25) */
.appCheck.new190225 {background:none; padding-top:0; height:auto; top:25px; left:15px; right:15px; width:auto;}
.appCheck.new190225 .appCheck_img img {width:100%;}
.appCheck.new190225 button {position:absolute; left:50%; transform:translate(-50%, 0);}
.appCheck.new190225 .app {bottom:22.5%;}
.appCheck.new190225 .web {bottom:14%;}
.appCheck.new190225 .checkbox {margin-top:0; position:absolute; width:100%; bottom:4%;}
.appCheck.new190225 a {text-indent:0; color:transparent; right:6vw; top:5vw;}