/* @ reset ------------------------------------- */
@charset "utf-8";
@import url('./loader.css');

html,body,div,span,applet,object,islider,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* reset.css */
caption {display:none;}
strong {font-weight:bold}
img {display: block;}
.clearfix {*zoom:1;}
.clearfix:after {content:'';display:block;clear:both;}

/* 공통 */ 
html[lang="ko"] body {font-family: 'ns';}
body {background-color:#fff;}
body .innerCont {width:1080px; margin:0 auto; position: relative;display: block; height: 100%;}
body .innerCont .section {margin-bottom: 50px;}
.invisible {overflow:hidden;position:absolute;left:-1000%;top:auto;width:1px;height:1px;}
caption.invisible {display: table-caption !important}
.btn {display: inline-block; text-align: center; text-decoration: none; border-radius:100px; position: relative; vertical-align: middle;}
.btn.blue {background-color:#02308b; color:#fff;}
.btn.gray {background-color:#454545; color:#fff; line-height: 43px; padding:0 35px; height: 45px;}
.btn.gray-line {border:2px solid #454545; color:#454545; line-height:36px; padding:0 20px; height: 36px;}
/* .gnb {display: block; position: absolute; top: 0; left: 0; height: 165px; max-width:1920px; width:100%; margin:0 auto; z-index:9999; background:url('/eSIM/img/common/bg_gnb.jpg') 50% 0 no-repeat;  }
.gnb h1 {width:110px; height: 75px; }
.gnb h1 a {display: inline-block;font-size: 0; text-indent: -9999px; width:110px; height: 75px; background:url('/eSIM/img/common/logo.png') no-repeat; vertical-align: top; margin-top: 50px;}
.gnb .lang {position: absolute; top:18px; right: 0;}
.gnb .lang li {display: inline-block; margin:0 10px; vertical-align: middle; position: relative;}
.gnb .lang li a {font-size: 13px; color:#000; text-decoration: none;}
.gnb .lang li.on a {color:#05a4bc; font-weight: bold; padding:0 9px; border:2px solid #05a4bc; border-radius:30px; } 
.gnb .menu {position: absolute; left: 243px; top: 59px; width: 837px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.gnb .menu > li {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 22px; width: 25%; text-align: center;  position: relative; align-items: center; justify-content: center; height:106px; position: relative;}
.gnb .menu > li:first-of-type {margin-left: 0;}
.gnb .menu > li > a {color:#fff; text-decoration: none;}
.gnb .menu > li > a:before {content:''; display: block; width:6px; height: 6px; background-color:#fff; border-radius:6px; position: absolute; top: 25px; left:calc(50% - 3px); opacity:0; transition:all 0.1s ease-in-out 0s;}
.gnb .menu > li.on > a, 
.gnb .menu > li > a:hover {font-weight: bold; }
.gnb .menu > li.on > a:before,
.gnb .menu > li > a:hover:before {top: 30px; opacity:1;}
.gnb .menu > li.hasSub .depth2 {display: none; position: absolute; top: 96px; left: calc(50% - 84px); width:168px; height: 57px; border-radius:5px; background-color:#fff; color:#05a4bc; font-size: 20px; align-items: center; justify-content: center;}
.gnb .menu > li.hasSub:hover .depth2 {display: flex;}
.gnb .btn:after {content:''; display: block; width:6px; height:6px; border-top:2px solid #fff; border-right:2px solid #fff; transform: rotate(45deg); position: absolute;right: 30px; top: calc(50% - 3px);}
.gnb .btn{width:190px; padding:10px 5px 10px 0; box-shadow:-5px 5px 5px rgba(4,143,166,.9); position: absolute; right: 0; top: 94px;} */
.layerPop {display: none; width: 100%; height: 100%; background-color:rgba(0,0,0,0.7); z-index:10000; position: absolute; top: 0; left: 0;}
.layerPop.on {display: block;}
/* .footer {max-width:1920px; width: 100%; margin:0 auto; border-top:1px solid #d3d3d3; padding:30px 0 45px;}
.footer .footerTxt {display: block; color:#8a8a8a; font-size: 14px; line-height: 29px;}
.footer .innerCont:after {content:''; display: block; background:url('/eSIM/img/common/bg_footer.png') no-repeat; position: absolute; right: 0; bottom: 0; width: 109px; height: 37px;}
.footer a {display: inline-block; padding:6px 19px 4px; color:#666464; font-size: 14px; border:1px solid #d3d3d3; border-radius:3px; text-decoration: none; margin:0 2px 24px;} */
.layerPop#simplepay .layerCont {width:700px;position: fixed; top: 200px; left:50%; margin-left:-350px; background-color:#fff; z-index: 1000000; box-sizing: border-box; padding:0; border-radius: 3px; border: 1px solid #030000}
.layerPop#simplepay .layerCont .thisClose {position: absolute; right: 30px; top: 30px; display: block;  }
.layerPop#simplepay .layerCont h2 {text-align: left; font-weight: bold; padding: 32px 45px; background-color:#05a3bc; color:#fff; font-weight: bold; font-size: 32px; border-radius:3px 3px 0 0; position: relative; }
.layerPop#simplepay .layerCont .innerCont {padding: 50px 30px; text-align: center; width:auto}
.layerPop#simplepay .layerCont .innerCont p {font-size: 24px; line-height: 1.4; font-weight: 700; margin-bottom: 50px; }
.layerPop#simplepay .layerCont .innerCont .flexBox { display: flex; justify-content: center; }
.layerPop#simplepay .layerCont .innerCont .flexBox fieldset { display: flex; flex-direction: column; justify-content: center; }
.layerPop#simplepay .layerCont .innerCont .flexBox fieldset input[type='radio'] { appearance: none; width: 78px; height: 125px; margin:0 30px 40px; cursor: pointer; }
.layerPop#simplepay .layerCont .innerCont .flexBox fieldset input[type='radio']#kakao { background:url('/ib/img/common/w/simplepay_kakao.png') -78px 0  no-repeat; }
.layerPop#simplepay .layerCont .innerCont .flexBox fieldset input[type='radio']#toss { background:url('/ib/img/common/w/simplepay_toss.png') -78px 0  no-repeat; }
.layerPop#simplepay .layerCont .innerCont .flexBox fieldset input[type='radio']#payco { background:url('/ib/img/common/w/simplepay_payco.png') -78px 0  no-repeat; }
.layerPop#simplepay .layerCont .innerCont .flexBox fieldset input[type='radio']#naverpay { background:url('/ib/img/common/w/simplepay_npay.png') -78px 0  no-repeat; }
.layerPop#simplepay .layerCont .innerCont .flexBox fieldset input[type='radio']#kakao:checked,
.layerPop#simplepay .layerCont .innerCont .flexBox fieldset input[type='radio']#toss:checked,
.layerPop#simplepay .layerCont .innerCont .flexBox fieldset input[type='radio']#payco:checked,
.layerPop#simplepay .layerCont .innerCont .flexBox fieldset input[type='radio']#naverpay:checked { background-position: 0 0}
.layerPop#simplepay .layerCont .innerCont .flexBox fieldset label { font-size: 0;}
.layerPop#simplepay .layerCont .innerCont .btnWrap {display: block; text-align: center; margin:0}
.layerPop#simplepay .layerCont .innerCont .btnWrap a {width: 200px; text-align: center; font-size: 18px;font-weight: 700; font-size: 18px; line-height: 53px; height: 53px; text-decoration: none;border-radius:26px; display: inline-block; background-color:#fff; color:#454545; border:1px solid #666666}
.btnWrap {display: block; text-align: center; margin:70px 0;}
.btnWrap a + a {margin-left: 30px;}
.btnWrap a[class*="btn"][class*="mint"] {background-color:#05a4bc; color:#fff; text-align: center; font-size: 26px; font-weight: bold; width:250px; padding:24px 0;}
.btnWrap a[class*="btn"][class*="mint-line"] {border:3px solid #05a4bc; background-color:transparent; color:#05a4bc; text-align: center; font-size: 26px; font-weight: bold; width:250px; padding:22px 0;}

/* 메인 */
body #wrap {width:100%; max-width:1920px; margin:0 auto; position: relative; /*padding-top: 165px;*/}
body.main #wrap #item0 {background:url('/eSIM/img/main/bg_about.jpg') no-repeat 50% 0 #f0fafa; height: 1230px !important;}
body.main #wrap #item1 {background:url('/eSIM/img/main/bg_product.jpg') no-repeat 50% 0 #f2f3fa; height: 2450px !important;}
body.main #wrap #item2 {background:url('/eSIM/img/main/bg_setting.jpg') no-repeat 50% 0 #f0fafa; height: 1690px !important;}
body.main #wrap article {}
body.main #wrap #item0 article {position: absolute; right: 0; top: 146px;}
body.main #wrap #item1 article {position: absolute; left: 0; top: 110px;}
body.main #wrap #item2 article {position: absolute; right: 0; top: 94px;}
body.main #wrap article > strong {display: block; font-family: 'KT','ns'; color:#6df6ff; font-size: 50px; font-weight: bold; margin-bottom: 10px;}
body.main #wrap article strong + p {color:#fff; font-size: 28px; line-height: 42px;}

body.main #wrap article .btn-buy {width: 550px; height: 110px; line-height: 110px; display: inline-block; border-radius:55px; color:#fff; font-weight: 700; font-size: 30px; text-decoration: none; text-align: center; box-shadow:24px 24px 54px rgba(122,136,140,0.17); position: relative; background-color:#09a4c0; margin: 30px 0 0 350px}
body.main #wrap article .btn-buy span {display: inline-block; }
body.main #wrap article .btn-buy:after {content:''; display: block; width:22px; height:2px; background-color:#fff; position: absolute; top: calc(50% - 1px); right:50px;}
body.main #wrap article .btn-buy:before {content:''; display: block; width:10px; height:10px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform: rotate(-45deg); position: absolute; top:calc(50% - 6px); right:50px;}

body.main #wrap article + .contBox {background:#fff; border-radius:4px; position: absolute; left: 0;  width: 1080px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); padding:0 23px; box-sizing: border-box;}
body.main #wrap #item0 article + .contBox {top:377px; padding-bottom: 25px;}
body.main #wrap #item1 article + .contBox {top:427px; padding-bottom: 80px; }
body.main #wrap #item2 article + .contBox {top:335px; padding-bottom:26px;}
body.main #wrap .contBox h2 {text-align: center; padding:55px 0 0 0; font-size: 28px; line-height: 42px;}
body.main #wrap #item0 .contBox h2 {padding-bottom: 60px;}
body.main #wrap #item2 .contBox h2 {padding-bottom: 42px;}
body.main #wrap #item2 .contBox > img:nth-of-type(2) { margin-top: 50px}
body.main #wrap .prodList {}
body.main #wrap .prodList .banner { margin: 45px 0 70px; }
body.main #wrap .prodList ul {margin: 45px 0;display: flex; align-items: center; justify-content: flex-start; flex-wrap:wrap}
body.main #wrap .prodList li {display: block; width: 244px; height: 202px; float: left; margin-left: 19px; margin-bottom: 19px;}
body.main #wrap .prodList li:nth-of-type(4n+1) {margin-left: 0;}
body.main #wrap .prodList li:after {content:''; display: block; clear: both;}
body.main #wrap .prodList li > div  {border-radius:4px; display: inline-block; width: 244px; height: 202px; box-sizing: border-box; padding:16px 10px 13px; position: relative; box-shadow: 0 14px 18px rgba(0,0,0,0.2);}
body.main #wrap .prodList  span {display: block; color:#fff;}
body.main #wrap .prodList  span.current { font-size: 14px; margin-bottom: 9px; font-family: 'Spoqa'; text-align: right; padding-right:10px; display: none;}
body.main #wrap .prodList  span.current del { text-decoration-color:#005967; position: relative;}
body.main #wrap .prodList  span.current del:after { content:''; width: 11px; height: 13px; background:url('/esim/img/sub/bg_del.png') 100% 0 no-repeat;position: absolute; top: 10px; right: -10px; }
body.main #wrap .prodList li > div {background-color:#0398b0;}
body.main #wrap .prodList li > div.day1, 
body.main #wrap .prodList li > div.day2, 
body.main #wrap .prodList li > div.day3, 
body.main #wrap .prodList li > div.day60, 
body.main #wrap .prodList li > div.day90  {background-color:#00788b;}


/* body.main #wrap .prodList .day10 {background-color:#0c5d6c;} */
body.main #wrap .prodList  .top {border-bottom:1px solid rgba(0,0,0,0.3); padding-left: 10px; padding-bottom: 10px;}
body.main #wrap .prodList  span.available {font-size: 15px; position: absolute;top: 16px;right:10px;}
body.main #wrap .prodList  span.day {font-size: 32px; font-weight: bold; margin: 5px 0;}
body.main #wrap .prodList  span.day b {font-size: 48px; font-family: 'Spoqa'; font-weight: bold; margin-right: 4px;}
body.main #wrap .prodList  span.stit {font-size: 14px; display: none;}
body.main #wrap .prodList  .bottom {border-top:1px solid rgba(255,255,255,0.3); padding-top: 10px;}
body.main #wrap .prodList  span.bill {font-family: 'Spoqa'; font-weight: bold; font-size: 26px; text-align: right; position: relative;}
body.main #wrap .prodList  span.bill:after {content:'원';display: inline-block; font-size: 19px; margin-left: 5px; }
/* body.main #wrap .prodList  span.bill.promotion:before { content : '온라인 예약 할인가';position: absolute; left:0; top:2px; font-size: 11px; border:1px solid #005461; border-radius: 12px; padding:5px; text-shadow: 2px 2px 3px rgba(0,0,0,0.2); text-align: center; line-height: 1.4;} */
body.main #wrap .prodList  span.bill.promotion:before { display: none;}
body.main #wrap .prodList  span.vat {font-size: 12px; color:rgba(255,255,255,0.7); text-align: right; margin-top: 10px; margin-bottom: 10px;}
body.main #wrap .prodList .discountInfo { text-align: center; font-size: 24px; font-weight: 700; line-height: 1.5; margin-bottom: 20px;}
body.main #wrap .prodList .discountInfo em { color:#d71826}
body.main #wrap .prodList .discountInfo span { font-size: 16px; color:#333; font-weight: normal;}
body.main #wrap #item1 .linkBox {border:10px solid #dfdfdf; padding:30px 0;}
body.main #wrap #item1 .linkBox p {display: inline-block; width: 100%; text-align: center; font-size: 24px; line-height: 35px; padding:0 75px; box-sizing: border-box; vertical-align: middle;}
body.main #wrap #item1 .btn{width:220px; padding:20px 15px 23px 0; position: relative; font-size: 20px;}
body.main #wrap #item1 .btn:after {content:''; display: block; width:6px; height:6px; border-top:3px solid #fff; border-right:3px solid #fff; transform: rotate(45deg); position: absolute;right: 30px; top: calc(50% - 4px);}
body.main #wrap #item2 .btnWrap {padding:54px 0 58px; margin:0; text-align: center;}

body.main #wrap #item1 .contBox .compare {}
body.main #wrap #item1 .contBox .compare-head {display: block; padding:48px 0 48px 180px;}
body.main #wrap #item1 .contBox .compare-head ul { }
body.main #wrap #item1 .contBox .compare-head li {display: block; float: left; width:412px; height: 111px; box-sizing:border-box;border-width:2px; border-style:solid; border-radius:11px 11px 30px 11px; padding:26px 0; position: relative; padding-left: 180px;  }
body.main #wrap #item1 .contBox .compare-head li.compare_sim {border-color:#09a4c0;}
body.main #wrap #item1 .contBox .compare-head li.compare_datasim {border-color:#f38c98; margin-left: 20px; padding-left: 140px;}
body.main #wrap #item1 .contBox .compare-head li strong {display: block; font-size: 28px; font-weight: 700; }
body.main #wrap #item1 .contBox .compare-head li span {display: block; font-size: 16px; color:#454545; font-weight: 400; margin-top: 12px;}
body.main #wrap #item1 .contBox .compare-head li.compare_sim:before {content:''; display: block; width:90px; height: 72px; background:url('/ib/img/common/w/icon_sim.png') no-repeat; position: absolute; left:52px; top: 18px;}
body.main #wrap #item1 .contBox .compare-head li.compare_datasim:before {content:''; display: block; width:90px; height: 72px; background:url('/ib/img/common/w/icon_sim.png') -101px 0 no-repeat; position: absolute; left:52px; top: 18px;}
body.main #wrap #item1 .contBox .compare-head li.compare_sim strong {color:#09a4c0;}
body.main #wrap #item1 .contBox .compare-head li.compare_datasim strong {color:#f38c98;}
body.main #wrap #item1 .contBox .compare-body li {margin-top:20px;}
body.main #wrap #item1 .contBox .compare-body li:first-of-type {margin-top: 0;}
body.main #wrap #item1 .contBox .compare-body li div {display: table-cell; float: left; height: 104px; border-radius:5px; box-sizing: border-box; text-align: center; }
body.main #wrap #item1 .contBox .compare-body li:nth-of-type(odd) div {background-color:#edf2f2;}
body.main #wrap #item1 .contBox .compare-body li:nth-of-type(even) div {background-color:#fafafa;}
body.main #wrap #item1 .contBox .compare-body li div:nth-of-type(1) {width:158px; line-height: 104px; font-weight: 700; color:#000; font-size: 17px;}
body.main #wrap #item1 .contBox .compare-body li div:nth-of-type(2) {width:412px; margin:0 21px; padding:22px 0;}
body.main #wrap #item1 .contBox .compare-body li div:nth-of-type(3) {width:412px;  padding:22px 0;}
body.main #wrap #item1 .contBox .compare-body li div.short {padding:36px 0; display: flex;  justify-content: center; align-items: center;}
body.main #wrap #item1 .contBox .compare-body li:after {content:''; display: block; clear: both;}
body.main #wrap #item1 .contBox .compare-body li div span {font-size: 20px; font-weight: 400; color:#454545; display: flex; justify-content: center; align-items: center;}
body.main #wrap #item1 .contBox .compare-body li div span a.btn_fee {display: inline-block;text-align: center; background-color:#09a4c0; color:#fff; font-size: 14px; text-decoration: none; width:102px; height: 34px; line-height: 34px; border-radius:50px; vertical-align: middle; margin-left: 8px ; padding-right: 20px; box-sizing: border-box; position: relative; }
body.main #wrap #item1 .contBox .compare-body li div span a.btn_fee:after {content:''; display: block; width:6px; height:6px; border-top:1px solid #fff; border-right:1px solid #fff; transform: rotate(45deg); position: absolute; top: 13px; right: 21px;}
body.main #wrap #item1 .contBox .compare-body li div span.checked {display: inline-block; position: relative; margin-left:6px; background-color:#09a4c0; color:#fff; font-size: 13px; font-weight: 700; padding:9px 12px; border-radius:33px; margin-left: 37px;}
body.main #wrap #item1 .contBox .compare-body li div span.checked:before {content:''; display: block; width:31px; height: 31px; background:url('/ib/img/common/w/icon_sim.png') no-repeat -205px 0; position: absolute; left: -37px; top: 0;}
body.main #wrap #item1 .contBox .compare-body li div span + p { font-weight: 700; color:#09a4c0; font-size: 18px; margin-top: 13px;}
body.main #wrap #item1 .contBox .compare-body li div span strong { color:#09a4c0; }
body.main #wrap #item1 .contBox .compare-body li div span.disable {display: block; color:#c53742; font-size: 18px; font-weight: 700; padding-top: 45px; position: relative;}
body.main #wrap #item1 .contBox .compare-body li div span.disable:before {content:''; width:31px; height: 31px;background:url('/ib/img/common/w/icon_sim.png') no-repeat -205px -33px; position: absolute; top: 0; left: calc(50% - 15.5px);}
body.main #wrap #item1 .contBox .compare-foot {background-color:#eeeeee; padding:26px 0; border-radius:18px; box-sizing: border-box; text-align: center; margin-top: 30px; font-size: 20px; line-height: 32px; color:#454545; font-weight: 400;}
body.main #wrap #item1 .contBox .compare-foot span { font-size: 18px; color:#c53742}
body.main #feePop .layerCont {position: absolute; top:1580px; width:750px; height: 1090px; background-color:#fff; left:calc(50% - 375px); box-sizing: border-box;}
body.main #feePop .layerCont .innerCont {padding:40px 16px; width:auto;}
body.main #feePop .layerCont .innerCont p.title { text-align: center; font-size: 28px; font-weight: 700; color:#1e1e1e; padding-bottom: 42px; border-bottom:2px solid #454545; margin-bottom: 30px; }
body.main #feePop .layerCont .innerCont p.title2 { font-size: 22px; color:#222; font-weight: 700; margin-top: 40px; margin-bottom: 20px; }
body.main #feePop .layerCont .innerCont p.title2 + span {display: block; text-align: center; color:#fff; font-weight: 700; font-size: 20px; background-color:#09a4c0; padding:16px 0; margin-bottom: 40px;}
body.main #feePop .layerCont .innerCont .table .caption {display: block; text-align: right; font-size: 12px; color:#454545; font-weight: 400; margin-bottom: 7px;}
body.main #feePop .layerCont .innerCont .table table { border:1px solid #858a8a; width: 100%; box-sizing: border-box; background-color:#fff;}
body.main #feePop .layerCont .innerCont .table table thead th {background-color:#d3dde0; color:#6f6f6f; font-weight: 700; font-size: 16px; text-align: center; vertical-align: middle; height: 40px; border-left:1px solid #c7ced0; border-bottom:1px solid #c7ced0;}
body.main #feePop .layerCont .innerCont .table table thead th:nth-of-type(1) {border-left: 0;}
body.main #feePop .layerCont .innerCont .table table tbody tr td:nth-of-type(1) {border-left:0;}
body.main #feePop .layerCont .innerCont .table table tbody td {text-align: center; padding:10px 0; vertical-align: middle; color:#454545; font-size: 15px; font-weight: 400; border-left:1px solid #c7ced0; border-bottom:1px solid #c7ced0; word-break: keep-break; line-height: 1.4;}
body.main #feePop .layerCont .innerCont .table table tbody td strong { color:#09a4c0; font-size: 18px; }
body.main #feePop .layerCont .innerCont .table table tbody td span {display: block; font-weight: 400; font-size: 14px; margin-top: 5px; color:#454545;}
body.main #feePop .layerCont .innerCont .table.head table {border-bottom:0;}
body.main #feePop .layerCont .innerCont .table.body table {border-top:0; border-right:0;}
body.main #feePop .layerCont .innerCont .table.body {height:480px; overflow: auto}
body.main #feePop .layerCont .layerOffBtn {right: -18px; top: -19px; position: absolute;}


/* 인디케이터 */
body.main #indicator {position: fixed; right: 50%; top: 380px; z-index:10; margin-right: -900px ;}
body.main #indicator a {display: block; width:14px; height: 14px; font-size: 0; text-indent: -99px; line-height: 0; position: relative; margin-bottom: 16px;}
body.main #indicator a.on,
body.main #indicator a:hover {background-position-x : -159px;}
body.main #indicator a.about.on,
body.main #indicator a.product.on,
body.main #indicator a.setting.on  {background-position : -159px -20px;}
body.main #indicator a:before {position: absolute; right: 18px; bottom:5px; content:''; opacity:0; height: 30px; width: 110px;}
body.main #indicator a.about:before {background-position : -40px 0; }
body.main #indicator a.product:before {background-position : -40px -30px; }
body.main #indicator a.setting:before {background-position : -40px -60px; }
body.main #indicator a.on.about:before,
body.main #indicator a.product:hover:before, 
body.main #indicator a.on.setting:before,
body.main #indicator a.about:hover:before,
body.main #indicator a.on.product:before,
body.main #indicator a.setting:hover:before {opacity:1;}
html[lang="ko"] body.main #indicator a {background:url('/eSIM/img/main/kor/sprite_indicater.png') -177px -20px no-repeat; }
html[lang="ko"] body.main #indicator a:before {background:url('/eSIM/img/main/kor/sprite_indicater.png') no-repeat; }
html[lang="ko"] body.main #indicator a.about:before {background-position : -40px 0; }
html[lang="ko"] body.main #indicator a.product:before {background-position : -40px -30px; }
html[lang="ko"] body.main #indicator a.setting:before {background-position : -40px -60px; }

/* 서브 공통 */
body.sub #wrap .visual {height:358px; background:url('/eSIM/img/common/bg_subVisual.jpg') 50% 0 no-repeat;}
body.sub #wrap .visual h2 {padding-top: 120px;}
body.sub #wrap .visual h2 i {display: block; width: 50px; height: 50px; background:url('/eSIM/img/common/icon_sub.png') no-repeat;}
body.sub #wrap.check .visual h2 i {background-position: -50px 0;}
body.sub #wrap.extend .visual h2 i {background-position: -100px 0;}
body.sub #wrap.useInfo .visual h2 i {background-position: -150px 0;}
body.sub #wrap .visual h2 strong {display: block;font-size: 44px; color:#6df6ff;}
body.sub #wrap .visual h2 span {font-size: 28px; color:#fff; margin-top:23px; display: block; /*width: 675px;*/ word-break: keep-all; line-height: 42px;}
body.sub #wrap .visual + .innerCont {margin-top:-32px; margin-bottom:100px;}
body.sub #wrap h3 {background:url('/eSIM/img/common/bg_h3.png') no-repeat; width: 1080px; height: 65px; box-sizing: border-box; color:#fff; font-size: 26px; font-weight: bold; line-height: 65px; padding-left:40px; box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
body.sub #wrap .loginForm { text-align: center; padding:80px 0 60px; border-bottom:1px solid #222222; }
body.sub #wrap .loginForm h4 {font-size: 28px;margin-bottom: 55px;}
body.sub #wrap .loginForm fieldset label {font-size: 24px; font-weight: bold; margin-right: 16px;}
body.sub #wrap .loginForm input[type="email"],
body.sub #wrap .loginForm input[type="text"] {border:10px solid #dfdfdf; height:40px; padding:0 10px; width: 390px; font-size: 24px;}
body.sub .object {position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; background:rgba(0,0,0,0.7); }
body.sub .object.on {display: block;}
body.sub .object #payLayer {width: 470px; height: 800px; position: fixed; left:calc(50% - 235px); top: calc(50% - 400px); z-index:10001; }

/*pagination*/
.pagination {margin:50px 0 100px;}
.pagination ul {text-align:center;}
.pagination ul li {display:inline-block; *display:inline-block; *zoom:1; position:relative; vertical-align:middle;}
.pagination ul li span {display:inline-block; padding:0 16px; font-family:'ns'; font-weight:normal; font-size:15px; line-height:35px; text-align:center; color:#666; cursor:pointer;}
.pagination ul li.on span {color:#00a39f!important; cursor:default;}
.pagination ul li:before {position:absolute; top:11px; left:0; display:inline-block; content:''; width:1px; height:12px; background:#d4d4d4;}
.pagination ul li.first span,.pagination ul li.last span,.pagination ul li.prev span,.pagination ul li.next span {display:block; width:35px; height:35px; font-size:20px; border:1px solid #c6c6c6; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.pagination ul li.first:before,
.pagination ul li.last:before {width: 0; height: 0; line-height: 0;}  
.pagination ul li.prev:before,
.pagination ul li.next:before {width:6px; height:6px; border-top:2px solid #222; border-right:2px solid #222; background-color:#fff; position: absolute; top: 13px;}
.pagination ul li.prev:before {transform:rotate(-135deg); left:14px;}
.pagination ul li.next:before {transform:rotate(45deg); left: 11px;}
.pagination ul li.first span,.pagination ul li.last span,.pagination ul li.prev span,.pagination ul li.next span {padding:0; font-weight:normal; color:#9f9f9f;}
.pagination ul li.first span:hover,
.pagination ul li.last span:hover,
.pagination ul li.prev span:hover,
.pagination ul li.next span:hover {border-color:#00a39f; color:#00a39f; cursor:pointer;}
.pagination ul li.first,.pagination ul li.last,
.pagination ul li.prev, .pagination ul li.next {margin-left:10px; cursor:pointer;}
.pagination ul li.prev {letter-spacing:2px;}
.pagination ul li.prev, .pagination ul li.next {margin-left:0;}
.pagination ul li.disactive:hover span {border-color:#c6c6c6; color:#9f9f9f; cursor:default;}
.pagination ul li.disactive.prev:before,
.pagination ul li.disactive.next:before {border-color:#888;}
.pagination ul li.disactive {cursor:none;}
.pagination ul li.disactive span:hover {border-color:#c6c6c6; color:#9f9f9f;}
.pagination ul li.noBorder:before {width:0; height:0; margin:0;}
.pagination ul span:hover {color:#00a39f;}

/* eSIM 구매 */
body.sub #wrap.reserve .visual { background-position:0 0;}
body.sub #wrap.reserve .agreement .checkAll {border:10px solid #dfdfdf; padding:30px; margin-top: 26px; color:#333333; font-size: 20px;}
body.sub #wrap.reserve .agreement label {}
body.sub #wrap.reserve .agreement .imgCheckBox {width: 0; height: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
body.sub #wrap.reserve .agreement .imgCheckBox + label:before {  content:''; display: block; width:26px; height:25px; background:url('/eSIM/img/common/bg_form.png') no-repeat; vertical-align: middle; cursor: pointer; position: absolute; left: 0; top: 2px;} 
body.sub #wrap.reserve .agreement .imgCheckBox:checked + label:before {background-position:-26px 0;}
body.sub #wrap.reserve .agreement .imgCheckBox:focus + label {outline:1px dotted #000;}
body.sub #wrap.reserve .agreement .imgCheckBox + label {margin-left: 10px; padding-left:35px; position: relative;}
body.sub #wrap.reserve .agreement .radioGroup {padding-left:20px; text-align: left;}
body.sub #wrap.reserve .agreement .radioGroup span {display: block; margin-bottom: 15px;}
body.sub #wrap.reserve .agreement .radioGroup input[type="radio"] {width:0;height:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
body.sub #wrap.reserve .agreement .radioGroup input[type="radio"]:focus + label {outline:1px dotted #000;}
body.sub #wrap.reserve .agreement .radioGroup input[type="radio"] + label:before {content:''; display: block;width:18px; height:18px; background:url('/eSIM/img/common/bg_form.png') no-repeat; vertical-align: middle; background-position:-4px -29px; cursor:pointer; position: absolute; left: 0; top:calc(50% - 9px); }
body.sub #wrap.reserve .agreement .radioGroup input[type="radio"]:checked + label:before {background-position:-30px -29px;}
body.sub #wrap.reserve .agreement .radioGroup input[type="radio"] + label {padding-left: 25px; position: relative;margin-left: 5px;}
body.sub #wrap.reserve .agree {margin-top: 30px;}
body.sub #wrap.reserve .agree h4 {font-weight: bold; color:#000; font-size: 20px; margin-bottom: 15px;}
body.sub #wrap.reserve .agree h4 span {color:#d71826;}
body.sub #wrap.reserve .agree table {border:1px solid #dedede; width: 100%;}
body.sub #wrap.reserve .agree table thead th {background-color:#a4b9ce; color:#000; font-size: 18px; padding:18px; border:1px solid #dedede; border-bottom:0; }
body.sub #wrap.reserve .agree table tbody td { color:#333333; font-size: 18px; padding:10px; border:1px solid #dedede; vertical-align: middle; line-height: 21px; text-align: center; word-break: keep-all; }
body.sub #wrap.reserve fieldset {display: inline-block;}
body.sub #wrap.reserve.check .userInfo ul {width: 877px; margin:0 auto;}
body.sub #wrap.reserve .userInfo li {padding:20px 0; border-bottom:1px solid #dedede;}
body.sub #wrap.reserve .userInfo fieldset label {font-size: 18px; color:#333333; vertical-align: middle; display: inline-block;}
body.sub #wrap.reserve .userInfo fieldset ~ p {color:#d71826; font-size: 14px; margin-top:15px; padding-left:133px;}
body.sub #wrap.reserve .userInfo fieldset label.label_size1 {width: 130px;} 
body.sub #wrap.reserve .userInfo fieldset label.label_size2 {width: 170px;} 
body.sub #wrap.reserve .userInfo fieldset label.label_size3 {width: 100px;} 
body.sub #wrap.reserve .userInfo fieldset + fieldset {margin-left: 40px;}
body.sub #wrap.reserve .userInfo fieldset.long + fieldset {margin-left: 0; display: block; margin-top:33px;}
body.sub #wrap.reserve .userInfo fieldset input {-webkit-appearance: none; -moz-appearance: none; appearance: none;border:1px solid #a7a7a7; padding:15px 25px; vertical-align: middle; box-sizing: border-box; font-size: 18px;}
body.sub #wrap.reserve .userInfo fieldset input.size1 {width: 236px;}
body.sub #wrap.reserve .userInfo fieldset input.size2 {width: 308px;}
body.sub #wrap.reserve .userInfo fieldset input.size3 {width: 256px;}
body.sub #wrap.reserve .userInfo fieldset input.size4 {width: 195px;}
body.sub #wrap.reserve .userInfo fieldset input.full {width: 730px;} 
body.sub #wrap.reserve .userInfo fieldset input::placeholder { font-size: 14px;}
body.sub #wrap.reserve .userInfo fieldset input[name="certNum"] {margin:0 23px 0 0;}
body.sub #wrap.reserve .userInfo .captchaInput fieldset { display: flex; align-items: center; }
body.sub #wrap.reserve .userInfo .captchaInput fieldset label { display: block; }
body.sub #wrap.reserve .userInfo fieldset#captcha { display: flex; width: 100%; align-items: center; }
body.sub #wrap.reserve .userInfo fieldset#captcha .captchaForm { display: flex; align-items: center; }
body.sub #wrap.reserve .userInfo fieldset#captcha .captchaForm input { width: 521px   ;}
body.sub #wrap.reserve .userInfo fieldset#captcha button.certBtn {background-color:#000; padding:11.5px; color:#fff; border:1px solid #999; border-left:0; font-size: 12px;}

#captcha {display: block;  }
#captcha * {vertical-align: middle}
#captcha input {margin-left: 10px !important;}
#captcha img {border:1px solid #999;}
body.sub #wrap.reserve .userInfo fieldset select {border:1px solid #a7a7a7; padding:14px 25px; vertical-align: middle; box-sizing: border-box; font-size: 18px; margin:0 23px 0 12px;}
body.sub #wrap.reserve .choice .banner { margin: 48px 0 34px }
body.sub #wrap.reserve .choice .banner img { margin:0 auto}
body.sub #wrap.reserve .choice .prodList {margin-top: 30px; background-color:#f4f4f4; padding:23px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
body.sub #wrap.reserve .choice .prodList input[type="radio"] {width: 0;height: 0; position: absolute;}
body.sub #wrap.reserve .choice .prodList input[type="radio"]:focus + label {outline:1px dotted #000;}
body.sub #wrap.reserve .choice .prodList fieldset {display: block; width: 244px; height: 202px;float: left; margin-left: 19px; margin-bottom: 19px; }
body.sub #wrap.reserve .choice .prodList fieldset:nth-of-type(4n+1) {margin-left: 0;}
body.sub #wrap.reserve .choice .prodList fieldset:after {content:''; display: block; clear: both;}
body.sub #wrap.reserve .choice .prodList fieldset  span.current { font-size: 14px; margin-bottom: 9px; font-family: 'Spoqa'; text-align: right; padding-right: 10px; display: none;}
body.sub #wrap.reserve .choice .prodList fieldset  span.current del { text-decoration-color:#005967; position: relative;}
body.sub #wrap.reserve .choice .prodList fieldset  span.current del:after { content:''; width: 11px; height: 13px; background:url('/esim/img/sub/bg_del.png') 100% 0 no-repeat;position: absolute; top: 10px; right: -10px; }
body.sub #wrap.reserve .choice .prodList label {border-radius:4px; display: inline-block; width: 244px; height: 202px; box-sizing: border-box; padding:16px 10px 13px; position: relative; cursor:pointer; box-shadow: 0 14px 18px rgba(0,0,0,0.2);}
body.sub #wrap.reserve .choice .prodList input[type="radio"]:checked + label {box-shadow: inset 0 10px 18px rgba(0,0,0,0.3);}
body.sub #wrap.reserve .choice .prodList label span {display: block; color:#fff;}
body.sub #wrap.reserve .choice .prodList fieldset label.day1, 
body.sub #wrap.reserve .choice .prodList fieldset label.day2, 
body.sub #wrap.reserve .choice .prodList fieldset label.day3, 
body.sub #wrap.reserve .choice .prodList fieldset label.day60, 
body.sub #wrap.reserve .choice .prodList fieldset label.day90  {background-color:#00788b;}
body.sub #wrap.reserve .choice .prodList fieldset label {background-color:#0398b0;}
body.sub #wrap.reserve .choice .prodList label .top {border-bottom:1px solid rgba(0,0,0,0.3); padding-left: 10px; padding-bottom: 15px;}
body.sub #wrap.reserve .choice .prodList label span.available {font-size: 15px; position: absolute;top: 16px;right:10px;}
body.sub #wrap.reserve .choice .prodList label span.day {font-size: 23px; font-weight: bold; margin: 5px 0 10px;}
body.sub #wrap.reserve .choice .prodList label span.day b {font-size: 34px; font-family: 'Spoqa'; font-weight: bold; margin-right: 4px;}
body.sub #wrap.reserve .choice .prodList label span.stit {font-size: 14px;}
body.sub #wrap.reserve .choice .prodList label .bottom {border-top:1px solid rgba(255,255,255,0.3); padding-top: 10px;}
body.sub #wrap.reserve .choice .prodList label span.bill {font-family: 'Spoqa'; font-weight: bold; font-size: 26px; text-align: right; position: relative;}
body.sub #wrap.reserve .choice .prodList label span.bill:after {content:'원'; display: inline-block; font-size: 19px; margin-left: 5px;}
body.sub #wrap.reserve .choice .prodList label span.bill.promotion:before { content : '온라인 예약 할인가';position: absolute; left:0; top:2px; font-size: 11px; border:1px solid #005461; border-radius: 12px; padding:5px; text-shadow: 2px 2px 3px rgba(0,0,0,0.2); text-align: center;}
body.sub #wrap.reserve .choice .prodList label span.vat {font-size: 12px; color:rgba(255,255,255,0.7); text-align: right; margin-top: 10px; margin-bottom: 10px;}
body.sub #wrap.reserve .choice .prodList label span.radioBtn {width: 28px; height: 28px; background:url('/eSIM/img/common/bg_form.png') -54px 0 no-repeat; position: absolute; bottom: 13px; left: calc(50% - 14px)}
body.sub #wrap.reserve .choice .prodList label.promotion, body.sub #wrap.reserve .choice .prodList input[type="radio"]:checked + label.promotion { outline: 4px solid red}
body.sub #wrap.reserve .choice .prodList input[type="radio"]:checked + label span.radioBtn {background-position: -89px 0;}
body.sub #wrap.reserve .choice .caution {color:#333333; font-size: 20px; display: block; margin-top: 55px; padding-left: 48px; position: relative; clear: both;}
body.sub #wrap.reserve .choice .caution:before {content:'!'; font-size: 16px; display: inline-block; width:31px; height:31px; line-height: 31px; text-align: center; background-color:#454545; color:#fff; border-radius:31px; position: absolute; left:4px; top:0; box-sizing: border-box;}
body.sub #wrap.reserve .choice .caution a {color:#454545; text-decoration: none; font-size: 18px; vertical-align: middle; margin-left: 22px;}
body.sub #wrap.reserve .inquiry { padding:0; }
body.sub #wrap.reserve .inquiry h4 {text-align: center; font-size: 28px; padding: 80px 0 40px;}
body.sub #wrap.reserve .inquiry li {/*padding: 50px 0; border-color:#222222;*/}
#caution .layerCont {width:720px; position: absolute; bottom:650px; left:50%; margin-left:-360px; z-index: 1000000;}
#caution .layerCont .top {background:url('/eSIM/img/common/bg_lpopTIt.jpg') no-repeat; width: 720px; height: 61px; position: relative; box-sizing: border-box; padding:21px 24px}
#caution .layerCont .top p {padding-left: 35px; font-size: 22px; font-weight: bold; margin-bottom: 15px; color:#fff;}
#caution .layerCont .top p:before {content:'!'; font-size: 16px; display: inline-block; width:26px; height:26px; line-height: 22px; text-align: center; background-color:transparent; color:#fff; border:2px solid #fff; border-radius:31px; position: absolute; left:24px; top:21px; box-sizing: border-box;}
#caution .layerCont .top a.lclose {position: absolute; top: 10px; right: 13px; }
#caution .layerCont .content {background-color:#fff; padding:25px 33px;}
#caution .layerCont .content li {padding-left:10px; position: relative; line-height: 26px; color:#333;}
#caution .layerCont .content li:before {content:''; display: block; width:5px; height:5px; border-radius:5px; background-color:#333; position: absolute; left: 0; top:12px;}
.payPop {display: none; width: 100%; height: 100%; background-color:rgba(0,0,0,0.7); z-index:10000; position: fixed; top: 0; left: 0;}
.payPop.on {display: block;}
.payPop .layerCont {width:686px; position: absolute; top:200px; left:50%; margin-left:-343px; background-color:#fff; z-index: 1000000; box-sizing: border-box; padding:47px 100px;}
.payPop .layerCont > p {font-size: 36px; line-height: 46px; text-align: center; margin-bottom: 44px; word-break: keep-all;}
.payPop .layerCont fieldset {display: inline-block; width:189px; height: 287px; margin-left:100px;}
.payPop .layerCont fieldset input[type="radio"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width:0; height:0; position: absolute; z-index:-1; }
.payPop .layerCont fieldset input[type="radio"] + label {display: block; width:189px; height:287px; text-align: center; box-sizing: border-box; font-size: 20px; line-height: 26px; padding-top:200px;cursor:pointer; word-break: keep-all; letter-spacing: -1px;}
.payPop .layerCont fieldset:first-of-type {margin-left:0;  }
.payPop .layerCont fieldset input[type="radio"]#global + label {background:url('/eSIM/img/sub/paypop_option01.jpg') -189px 0 no-repeat; }
.payPop .layerCont fieldset input[type="radio"]#global:checked + label,
.payPop .layerCont fieldset input[type="radio"]#domestic:checked + label {background-position: 0 0;}
.payPop .layerCont fieldset input[type="radio"]#domestic + label {background:url('/eSIM/img/sub/paypop_option02.jpg') -189px 0 no-repeat;}
.payPop .layerCont .btnWrap {margin:35px 0;}
.payPop .layerCont a.lclose {position: absolute; top: 10px; right: 13px; }
body.main .attention, body.sub #wrap .attention {background-color:#555555; color:#fff; width: 100%; padding:30px 0; max-width:1920px; margin:0 auto}
body.main .attention h5, body.sub #wrap .attention h5 {padding-left: 35px; font-size: 22px; font-weight: bold; margin-bottom: 15px;}
body.main .attention h5:before, body.sub #wrap .attention h5:before {content:'!'; font-size: 16px; display: inline-block; width:26px; height:26px; line-height: 22px; text-align: center; background-color:transparent; color:#fff; border:2px solid #fff; border-radius:31px; position: absolute; left:0; top:0; box-sizing: border-box;}
body.main .attention li, body.sub #wrap .attention li {padding-left:18px; position: relative; line-height: 26px; font-size:16px;}
body.main .attention li:before, body.sub #wrap .attention li:before {content:''; display: block; width:5px; height:5px; border-radius:5px; background-color:#fff; position: absolute; left: 8px; top:12px;}
body.sub #wrap.reserve .buyInfo {}
body.sub #wrap.reserve .buyInfo > p {padding:40px 0 20px; text-align: center; font-size: 28px; color:#000; line-height: 42px;}
body.sub #wrap.reserve .buyInfo > p .stxt {font-size: 20px; color:#5a5a5a;}
body.sub #wrap.reserve .qr_info {background:#f4f4f4; padding:72px 111px 42px; border-radius:4px; display: block; height:353px; box-sizing: border-box; position: relative; margin-bottom: 20px;}
body.sub #wrap.reserve .qr_info .qrImg {display: inline-block; padding:22px 21px; border:2px solid #e1e1e1; box-shadow: 0 14px 18px rgba(0,0,0,0.2); background-color:#fff; position: absolute; left: 111px; top: 72px;}
body.sub #wrap.reserve .qr_info .qrImg img {width: 187px; height: 187px;}
body.sub #wrap.reserve .qr_info .qrInfo {display: inline-block; position: absolute; top: 72px; right:111px; width: 597px; height: 237px; margin-left: 15px; border-radius:14px;background: #0ba7bf; background: -moz-linear-gradient(-45deg,  #0ba7bf 0%, #0ba7bf 60%, #027a8f 100%); background: -webkit-linear-gradient(-45deg,  #0ba7bf 0%, #0ba7bf 60%, #027a8f 100%); background: linear-gradient(135deg,  #0ba7bf 0%, #0ba7bf 60%, #027a8f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba7bf', endColorstr='#027a8f',GradientType=1 ); box-shadow: 0 14px 18px rgba(0,0,0,0.2);}
body.sub #wrap.reserve .qr_info .qrInfo.use {display: inline-block; position: absolute; top: 72px; right:111px; width: 597px; height: 237px; margin-left: 15px; border-radius:14px;background: #0ba7bf; background: -moz-linear-gradient(-45deg,  #0ba7bf 0%, #0ba7bf 60%, #027a8f 100%); background: -webkit-linear-gradient(-45deg,  #0ba7bf 0%, #0ba7bf 60%, #027a8f 100%); background: linear-gradient(135deg,  #0ba7bf 0%, #0ba7bf 60%, #027a8f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba7bf', endColorstr='#027a8f',GradientType=1 ); box-shadow: 0 14px 18px rgba(0,0,0,0.2);}
body.sub #wrap.reserve .qr_info .qrInfo:before {content:''; display: block; width:34px; height:41px; background:url('/eSIM/img/common/esim_logo.png') no-repeat; position: absolute; top: 26px; left: 26px;}
body.sub #wrap.reserve .qr_info .qrInfo .buyNum {font-size: 17px; display: inline-block; position: absolute; top: -27px; left: 0;}
body.sub #wrap.reserve .qr_info .qrInfo .buyNum strong {margin-right: 10px;}
body.sub #wrap.reserve .qr_info .qrInfo .coverage {font-size: 17px; display: inline-block; position: absolute; top: -27px; right: 0;}
body.sub #wrap.reserve .qr_info .qrInfo .coverage strong {margin-right: 10px;}
body.sub #wrap.reserve .qr_info p.dayInfo {padding: 45px 15px 28px; position: relative; text-align: center;}
body.sub #wrap.reserve .qr_info p.dayInfo:before {content:''; width: calc(100% - 30px); height:1px; background-color:rgba(0,0,0,0.3); position: absolute; bottom:1px; left:15px;}
body.sub #wrap.reserve .qr_info p.dayInfo:after {content:''; width: calc(100% - 30px); height:1px; background-color:rgba(255,255,255,0.3); position: absolute; bottom:0; left:15px;}
body.sub #wrap.reserve .qr_info p.dayInfo .day {font-size: 74px; font-weight: bold; color:#fff; }
body.sub #wrap.charge .qr_info p.dayInfo .day {font-size: 40px;}
body.sub #wrap.charge .qr_info .qrInfo { height: 210px;}
body.sub #wrap.charge .qr_info .available { line-height: 1.4;}
body.sub #wrap.reserve .qr_info p.dayInfo .time {font-family: 'spoqa', 'ns'; color:#fff; margin-left: 14px; font-size: 30px; font-weight: bold;}
body.sub #wrap.reserve .qr_info .available {color:#fff; position: absolute; left:26px; bottom:20px; font-size: 16px; font-weight: bold; text-align: left;}
body.sub #wrap.charge .qr_info .available { right:26px; text-align: right; }
body.sub #wrap.reserve .qr_info .available strong {display: block; font-size: 20px; font-weight: bold; line-height: 1.4;}
body.sub #wrap.reserve .qr_info .bill {font-family: 'spoqa'; color:#fff; font-size: 40px; font-weight: bold; position: absolute; right:22px; bottom:20px; padding-right:30px; padding-bottom:20px;}
body.sub #wrap.reserve .qr_info .just {color:#fff; font-size: 40px; font-weight: bold; position: absolute; right:22px; bottom:20px; padding-right:0; padding-bottom:20px;}
body.sub #wrap.reserve .qr_info #esim_list .bill {padding-right:0;}
body.sub #wrap.reserve .qr_info #esim_list .bill:before, body.sub #wrap.reserve .qr_info #esim_list .bill:after { display: none;} 
body.sub #wrap.reserve .qr_info .bill:before {content:'원'; position: absolute; right: 0; top:10px; font-size: 28px; font-family: 'ns';}
body.sub #wrap.reserve .qr_info .bill:after {content:'*부가세포함';font-size: 14px; color:rgba(255,255,255,0.7); text-align: right; position: absolute; bottom:0; right:0; margin-top: 10px; font-family: 'ns'; display: block; font-weight: normal;}

body.sub #wrap.reserve .buyInfo .no_history {background:#f4f4f4; padding:100px 0; text-align: center; position: relative; width: 100%; box-sizing: border-box;}
body.sub #wrap.reserve .buyInfo .no_history p {font-size: 30px; color:#333333;}
body.sub #wrap.reserve .buyInfo .no_history p:before {content:''; display: block; width:170px; height:182px; background:url('/eSIM/img/sub/no_result.png') no-repeat; margin:0 auto 50px;}
body.sub #wrap.reserve .example {background-color:#002a50; color:#fff; padding:0 10px 10px;}
body.sub #wrap.reserve .example p {padding:30px 0; text-align: center; font-size: 20px; line-height: 33px;}
body.sub #wrap.reserve .persnalInfo {border:10px solid #dfdfdf; padding:30px; margin-top: 20px; color:#333333; font-size: 16px; padding:30px 40px;}
body.sub #wrap.reserve .persnalInfo li {display: inline-block; width:30%; color:#6b6b6b; }
body.sub #wrap.reserve .persnalInfo li:nth-of-type(3n-1) {margin:10px 4.5%;}
body.sub #wrap.reserve .persnalInfo li strong {font-size: 22px;margin-left: 12px; color:#333; }
body.sub #wrap.reserve .persnalInfo li strong.num {font-family: 'spoqa';}
body.sub #wrap.reserve .sim_info {border:10px solid #dfdfdf; padding:30px; margin-top: 20px; color:#333333; }
body.sub #wrap.reserve .sim_info li {display: inline-block; color:#333333; font-size: 20px; margin:10px 0; }
body.sub #wrap.reserve .sim_info li span {display: inline-block; background-color:#333333; color:#fff; font-size: 16px; font-weight: bold; width: 134px; text-align: center; line-height: 28px; height: 31px; border-radius:30px; margin-right: 13px; }
body.sub #wrap.reserve .sim_info li:first-of-type {width:592px;}
body.sub #wrap.reserve .setting_info {padding:47px 0; text-align: center; margin-top: 20px; background-color:#f4f4f4;}
body.sub #wrap.reserve .setting_info ul {display: block; width:769px; margin:0 auto;}
body.sub #wrap.reserve .setting_info li {display: block; width:304px; float: left;}
body.sub #wrap.reserve .setting_info li:first-of-type {margin-right: 160px;}
body.sub #wrap.reserve .setting_info a {text-decoration: none; color:#222222; font-size: 18px;}
body.sub #wrap.reserve .setting_info a span {display: block; margin-top: 20px;}
body.sub #wrap.reserve .discountInfo { text-align: center; font-size: 24px; font-weight: 700; line-height: 1.5; margin: 20px 0;}
body.sub #wrap.reserve .discountInfo em { color:#d71826}
body.sub #wrap.reserve .discountInfo span { font-size: 16px; color:#333; font-weight: normal;}

/* eSIM 구매확인 */
body.sub #wrap.check .visual, body.sub #wrap.extend .visual { background-position:0 -358px !important;}
body.sub #wrap.check .qr_info {margin-top: 46px; height:auto;}
body.sub #wrap.check .qr_info .condition {display: block; width: 57px; height:57px; text-align: center; line-height: 57px; border:2px solid #fff; border-radius:30px; position: absolute; right: 15px; top: 15px; color:#fff; font-weight: bold;}
body.sub #wrap.check .qr_info .conditionInfo {margin-top:290px;}
body.sub #wrap.check .qr_info .conditionInfo p {padding-left:100px; font-size: 16px; }
body.sub #wrap.check .qr_info .conditionInfo p:first-of-type {margin-bottom: 10px;}
body.sub #wrap.check .qr_info .conditionInfo p span {display: inline-block; width: 100px; height:23px; text-align: center; color:#fff; border-radius: 30px; margin-right:10px; font-weight: bold; line-height: 21px;}
body.sub #wrap.check .qr_info .conditionInfo p span.not {background-color:#454545;}
body.sub #wrap.check .qr_info .conditionInfo p span.now {background-color:#05a4bc;}
body.sub #wrap.check .qr_info .conditionInfo p strong {color:#d71826;}
body.sub #wrap.check .chkInfo {}
body.sub #wrap.check .chkInfo > p {padding:40px 0 0; text-align: center; font-weight: normal !important; font-size: 24px; color:#000; line-height: 42px;}
body.sub #wrap.check .chkInfo > p strong {font-size: 28px;}
body.sub #wrap.check .chkInfo .qr_info {text-align: center; padding:72px 0 42px; }
body.sub #wrap.check .chkInfo .qrInfo {position:relative; left:auto; right:auto; top:auto; margin-left:0 !important;}
body.sub #wrap.check .chkInfo .list > li {border-top:2px dotted #d7d7d7; padding-top:80px;}
body.sub #wrap.check .chkInfo .list > li:first-of-type {border:0; padding-top: 0;}
body.sub #wrap.check .chkInfo .qr_info .qrInfo .buyNum {font-size: 24px;}
body.sub #wrap.check .chkInfo .qr_info .qrInfo .buyNum strong {font-size: 17px;}
body.sub #wrap.check .chkInfo .qr_info #esim_list .qrInfo .buyNum {font-size: 17px !important; top: -27px;}
body.sub #wrap.check .chkInfo .detailInfo {position: relative; background-color:#fff; border-radius:14px 14px 0 0; width: 597px; margin:1px auto 60px; box-shadow: 0 14px 18px rgba(0,0,0,0.2); padding:34px 34px 44px ; box-sizing: border-box;}
body.sub #wrap.check .chkInfo .detailInfo ul {text-align: left; display: flex; justify-content: center; }
body.sub #wrap.check .chkInfo .detailInfo li {display: flex; justify-content: center;  text-align: center; width: calc(33% - 4px); color:#000000; font-size: 17px; flex: 1; }
body.sub #wrap.check .chkInfo .detailInfo li:nth-of-type(2) {text-align: center;}
body.sub #wrap.check .chkInfo .detailInfo li:last-child {text-align: right;}
body.sub #wrap.check .chkInfo .detailInfo li strong {color:#05a2ba; margin-right: 10px;}
body.sub #wrap.check .chkInfo .list li.now .detailInfo a {border:3px solid #002a50; color:#002a50; }
body.sub #wrap.check .chkInfo .list li.not .detailInfo a,
body.sub #wrap.check .chkInfo .list li.install .detailInfo a {border:3px solid #000; color:#000; }
body.sub #wrap.check .chkInfo .qr_info .list li.not .qrInfo {background: #7ebdc7;
background: -moz-linear-gradient(-45deg,  #7ebdc7 0%, #76bdc5 55%, #3abcc1 100%);
background: -webkit-linear-gradient(-45deg,  #7ebdc7 0%,#76bdc5 55%,#3abcc1 100%);
background: linear-gradient(135deg,  #7ebdc7 0%,#76bdc5 55%,#3abcc1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ebdc7', endColorstr='#3abcc1',GradientType=1 );
}
body.sub #wrap.check .chkInfo .qr_info .list li.install .qrInfo {background: #0559af;
background: -moz-linear-gradient(-45deg,  #0559af 0%, #1565b4 100%);
background: -webkit-linear-gradient(-45deg,  #0559af 0%,#1565b4 100%);
background: linear-gradient(135deg,  #0559af 0%,#1565b4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0559af', endColorstr='#1565b4',GradientType=1 );
}
body.sub #wrap.check .chkInfo .qr_info .list li.ended .qrInfo {background: #777777;
background: -moz-linear-gradient(-45deg,  #777777 0%, #464646 100%);
background: -webkit-linear-gradient(-45deg,  #777777 0%,#464646 100%);
background: linear-gradient(135deg,  #777777 0%,#464646 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#464646',GradientType=1 );
}
body.sub #wrap.check .chkInfo .list li .detailInfo a.extend {position: absolute; right:212px; bottom:-28px; line-height:49px; padding:0; width: 150px; height: 49px; background-color:#002a50; color:#fff; font-size: 19px; box-shadow: 0 14px 18px rgba(0,0,0,0.2);}
body.sub #wrap.check .chkInfo .list li .detailInfo a.detail {position: absolute; right:32px; bottom:-28px; line-height:49px; padding:0;  width: 150px;  height: 49px; background-color:#fff; font-size: 19px; box-shadow: 0 14px 18px rgba(0,0,0,0.2);}
body.sub #wrap.check .chkInfo .list#esim_list li .detailInfo a.extend { left: 32px;}
body.sub #wrap.check .chkInfo .list#esim_list li .detailInfo a.charge {position: absolute; right:220px; bottom:-28px; line-height:49px; padding:0;  width: 150px;  height: 49px; background-color:#fff; font-size: 19px; box-shadow: 0 14px 18px rgba(0,0,0,0.2);}
body.sub #wrap.check .chkInfo .list#esim_list li .detailInfo .btns { display: flex; justify-content: center; position: absolute; left: 0; bottom: -30px; width: 100%; box-sizing: border-box;}
body.sub #wrap.check .chkInfo .list#esim_list li .detailInfo .btns a { position: static !important; margin: 0 10px}

body.sub #wrap.check .tabLayer {display: none;}
body.sub #wrap.check .tabLayer.on {display: block;}
body.sub #wrap.check .inquiryBtn { display: block; width: 593px; box-sizing:border-box; padding:10px; border:1px solid #e0e0e0; background-color:#f2f2f2; border-radius:54px; margin:0 auto 45px; }
body.sub #wrap.check .inquiryBtn ul {width:auto !important; display: flex;}
body.sub #wrap.check .inquiryBtn li {display: inline-block; flex:1; border:none; padding:0}
body.sub #wrap.check .inquiryBtn li a {display: flex; align-items: center; justify-content: center; line-height: 1.4; font-size: 24px; color:#b8bbc0; height: 59px; text-align: center; text-decoration: none; font-weight: 700;}
body.sub #wrap.check .inquiryBtn li a.on {background-color:#09a4c0; color:#fff; border-radius:44px; border:1px solid #4b6fab; box-shadow:5px 5px 29px rgba(109,125,130,0.3);}
body.sub #wrap.check .infoBox { display: block; text-align: center; width: 877px; margin:0 auto 20px; padding: 20px 0; border: 10px solid #09a4c0 }
body.sub #wrap.check .infoBox p { line-height: 1.4; font-size: 20px; }
body.sub #wrap.check .infoBox p strong { color:#d71826}
/* body.sub #wrap.check #inquiry2 ul {width:100%; border:10px solid #dfdfdf; box-sizing: border-box; padding:77px 280px}
body.sub #wrap.check #inquiry2 li {border:0}
body.sub #wrap.check #inquiry2 li fieldset {display: flex; flex-direction: column; align-items: center; justify-content: center;}
body.sub #wrap.check #inquiry2 li fieldset label {font-size: 24px; font-weight: 700; letter-spacing: -0.5px; color:#333333; margin-bottom: 20px;}
body.sub #wrap.check #inquiry2 li fieldset input { width:500px; text-align: center;} */
body.sub #wrap.check .promotion {}
body.sub #wrap.check .promotion p {border:16px solid #35b0b5; padding:35px 0 25px; text-align: center; margin:50px 0; font-weight: 700; font-size: 26px; line-height: 40px; letter-spacing: -1px;}
body.sub #wrap.check .promotion p span {display: block; margin-top: 10px;font-size: 20px; font-weight: 400; }
body.sub #wrap.check .promotion p .red { color:#da2126 }

/* eSIM 연장 */
body.sub #wrap.extend .visual { background-position:0 -716px;}
body.sub #wrap.extend .userInfo > p {padding:40px 50px 10px; text-align: center; font-weight: normal !important; font-size: 28px; color:#000; line-height: 42px;}
body.sub #wrap.extend .qr_info {text-align: center;}
body.sub #wrap.extend .selected .qr_info {margin-top: 30px;}
body.sub #wrap.extend .qrInfo {position:relative !important; top:auto !important; left:auto; right:auto !important; margin:0 auto !important; height:auto;}
body.sub #wrap.extend .qr_info .condition {display: block; width: 57px; height:57px; text-align: center; line-height: 53px; border:2px solid #fff; border-radius:30px; position: absolute; right: 15px; top: 15px; color:#fff; font-weight: bold;}
body.sub #wrap.extend .choice .prodList {padding-left:24px; background-color:transparent;}
body.sub #wrap.extend .userInfo li {padding:20px 0; border-bottom:1px solid #222222;}

/* 이용안내 */
body.sub #wrap.useInfo .visual { background-position:0 -1074px;}
body.sub #wrap.useInfo .tabBtn {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; background-color:#7a7a7a; border-radius:4px; box-shadow:5px 5px 5px rgba(0,0,0,0.2);  height: 66px; margin-bottom: 20px;}
body.sub #wrap.useInfo .tabBtn li {flex:1; }
body.sub #wrap.useInfo .tabBtn li a { display: block; color:#e4e4e4; font-size: 24px; text-decoration: none; line-height: 66px; text-align: center; }
body.sub #wrap.useInfo .tabBtn li a.on {color:#fff; font-weight: bold; background: url('/eSIM/img/common/bg_tab.png') no-repeat; height: 70px; line-height: 70px; border:2px solid #105b9f; border-radius:7px; margin-top: -4px; box-shadow:5px 5px 18px rgba(0,0,0,0.5); }
body.sub #wrap.useInfo .tabLayer {display: none;}
body.sub #wrap.useInfo .tabLayer.on {display: block;}
body.sub #wrap.useInfo .tabLayer p.title {text-align: center; padding:40px 0; font-size: 26px;}
body.sub #wrap.useInfo .tabLayer .tabBox {background-color:#f4f4f4; padding:50px 40px;}
body.sub #wrap.useInfo .tabLayer .tabBox img {margin-bottom: 82px;} 
body.sub #wrap.useInfo .tabLayer .tabBox img:last-of-type {margin-bottom: 0;} 
body.sub #wrap.useInfo .tabLayer p.title + p {text-align: center; margin:-20px 0 40px; font-weight: 700; line-height: 1.4;}
body.sub #wrap.useInfo .tabLayer p.title + p span {font-weight: 400; display: block; }

/*자동완성*/
.autocomplete-suggestions { border: 1px solid #999; background: #fff; overflow: auto; font-size: 16px;}
.autocomplete-suggestion { padding: 7px; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #e8e8e8; cursor:pointer;}
.autocomplete-suggestion:nth-of-type(even) { background: #f3f3f3; }
.autocomplete-selected { background: #f9f9f9; }
.autocomplete-suggestions strong { font-weight: normal; color: #08a7ab; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #e8e8e8; }

/* 셀프개통 */
body.sub .self .contentWrap { margin-top:88px}
body.sub .self .inquiryTit {text-align: center; font-size: 34px; color:#222222; font-weight: 900; letter-spacing: -2px; margin-bottom: 80px; line-height: 1.4; }
body.sub .self .inquiryForm {text-align: center; border-top:2px solid #4d4d4d; padding:46px 0; background-color:#f6f6f6; border-bottom:1px solid #e6e6e6; margin-bottom: 74px;}
body.sub .self .inquiryForm input {height:68px; padding:10px; line-height: 68px; border:1px solid #888888; border-radius:3px; width:544px; text-align: center; font-size: 26px;font-weight: 400; box-sizing: border-box;}
body.sub .self .inquiryForm input::placeholder { font-size: 20px;}
body.sub .self .inquiryForm ~ .btnWrap a {width:200px; text-align: center; font-size: 18px;font-weight: 700; font-size: 18px; line-height: 53px; height: 53px; text-decoration: none;border-radius:26px; display: inline-block; background-color:#09a4c0; color:#fff;}
.layerPop#self .layerCont { position: absolute; top: 400px; left: calc(50% - 425px) ; width: 850px; background-color:#fff; padding: 30px 0 50px; box-sizing: border-box; border-radius:20px  }
.layerPop#self .qrTop { border-bottom:1px solid #d3d3d3; padding:0 40px 30px 40px; display: flex; justify-content: space-between;}
.layerPop .qrTop .buyNum strong {margin-right: 10px; font-size: 18px;}
.layerPop .qrTop .buyNum, .layerPop .qrTop .coverage {font-size: 18px; }
.layerPop .qrTop .coverage strong {margin-right: 10px; font-weight: 800;}
.layerPop .qrInfo {display: inline-block; position: relative; width: 630px; height: 262px; margin: 30px 111px 40px; border-radius:30px;background: #0ba7bf; background: -moz-linear-gradient(-45deg,  #0ba7bf 0%, #0ba7bf 60%, #027a8f 100%); background: -webkit-linear-gradient(-45deg,  #0ba7bf 0%, #0ba7bf 60%, #027a8f 100%); background: linear-gradient(135deg,  #0ba7bf 0%, #0ba7bf 60%, #027a8f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba7bf', endColorstr='#027a8f',GradientType=1 ); box-shadow: 0 14px 18px rgba(0,0,0,0.2);}
.layerPop .qrInfo:before {content:''; display: block; width:34px; height:41px; background:url('/eSIM/img/common/esim_logo.png') no-repeat; position: absolute; top: 26px; left: 26px;}
.layerPop .qrInfo .buyNum {font-size: 17px; display: inline-block; position: absolute; top: -27px; left: 0;}

.layerPop .qrInfo p.dayInfo {padding: 58px 25px 38px; position: relative; text-align: center;}
.layerPop .qrInfo p.dayInfo:before {content:''; width: calc(100% - 50px); height:1px; background-color:rgba(0,0,0,0.3); position: absolute; bottom:1px; left:25px;}
.layerPop .qrInfo p.dayInfo:after {content:''; width: calc(100% - 50px); height:1px; background-color:rgba(255,255,255,0.3); position: absolute; bottom:0; left:25px;}
.layerPop .qrInfo p.dayInfo .day {font-size: 93px; font-weight: 800; color:#fff; font-family: 'Roboto', 'Noto';}
.layerPop .qrInfo .available { line-height: 1.4;}
.layerPop .qrInfo p.dayInfo .time {color:#fff; margin-left: 14px; font-size: 30px; font-weight: bold;}
.layerPop .qrInfo .available {color:#fff; position: absolute; left:26px; bottom:20px; font-size: 16px; font-weight: bold; text-align: left;}
.layerPop .qrInfo .available strong {display: block; font-size: 20px; font-weight: bold; line-height: 1.4;}
.layerPop .qrInfo .just {color:#fff; font-size: 28px; font-weight: 800; position: absolute; right:22px; bottom:25px; padding-right:0; font-family: "Roboto";}
.layerPop#self .btnWrap { display: flex; align-items: center; justify-content: center; margin:0 auto}
.layerPop#self .btnWrap .btn {display: inline-block; text-align: center; text-decoration: none; border-radius:100px; position: relative; vertical-align: middle;}
.layerPop#self .btnWrap a[class*="btn"][class*="mint"] {background-color:#05a4bc; color:#fff; text-align: center; font-size: 18px; font-weight: bold; width:202px; padding:17px 0;}
.layerPop#self .btnWrap a[class*="btn"][class*="mint-line"] {border:2px solid #05a4bc; background-color:transparent; color:#05a4bc; text-align: center; font-size: 18px; font-weight: bold; width:200px; padding:15px 0;}
.layerPop#self .btnWrap a:first-of-type { margin-right: 8px;}

/* ETC */ 
body.sub #wrap.etc .visual {background-position: 0 -1790px;}
body.sub #wrap.terms .visual {background-position: 0 -1432px;}
body.sub #wrap.etc .visual h2 i {background-position:-50px -50px;}
body.sub #wrap.terms .visual h2 i {background-position:0 -50px;}
body.sub #wrap.etc .conTxt { margin-top: 20px; color: #6d6d6d; font-size: 16px; line-height: 22px; }
body.sub #wrap.etc .conTxt p + ol { margin-top: 20px; }
body.sub #wrap.etc .conTxt a { color: #6d6d6d; text-decoration: none; }
body.sub #wrap.etc .conTxt .tblWrap { border-top: 1px solid #bfbfbf; padding: 0; margin: 20px 0; display: block; overflow: hidden; }
body.sub #wrap.etc .conTxt table {border:1px solid #dedede; width: 100%;}
body.sub #wrap.etc .conTxt table thead th {background-color:#a4b9ce; color:#000; font-size: 18px; padding:18px; border:1px solid #dedede; border-bottom:0; text-align: center; }
body.sub #wrap.etc .conTxt table tbody td { color:#333333; font-size: 18px; padding:10px; border:1px solid #dedede; vertical-align: middle; line-height: 21px; text-align: center; word-break: keep-all; }
body.sub #wrap.etc .conTxt table { border-collapse: collapse; }
body.sub #wrap.etc .conTxt table th { border-top: 2px solid #dbdbdb; background-color: #f5f5f5; }
body.sub #wrap.etc .conTxt table td.taLeft { text-align: left; padding: 20px 28px; }
body.sub #wrap.etc .conTxt ol li { list-style-type: decimal; margin: 0 0 10px 17px; }
body.sub #wrap.etc .conTxt ol li ol { margin-top: 15px; }
body.sub #wrap.etc .conTxt ol li ul { margin-top: 15px; }
body.sub #wrap.etc .conTxt ol li ul > li { list-style: none; margin: 0 0 10px 26px; position: relative; }
body.sub #wrap.etc .conTxt ol li ul > li b { width: 26px; font-weight: normal; position: absolute; top: 0; left: -18px; }
body.sub #wrap.etc .conTxt h4 {color:#222; font-weight: bold; font-size: 18px; margin: 20px 0 10px;}
body.sub #wrap.etc table.padding td {padding:10px;}
body.sub #wrap.etc .conTxt .tblWrap td ul {}
body.sub #wrap.etc .conTxt .tblWrap td ul li {position: relative; padding-left:10px;}
body.sub #wrap.etc .conTxt .tblWrap td ul li:before {content:''; display: block; width:4px; height:4px; background-color:#6d6d6d; border-radius:4px; position: absolute; left: 0; top: 6px;}
body.sub #wrap.etc .conTxt .tblWrap td ul li {text-align: left;}

/* 예약 내외국인 구분 
body.sub #wrap.reserve .tabCont { display: none; }
body.sub #wrap.reserve .tabCont.on { display: block;}
body.sub #wrap.reserve .tabCont fieldset { position: relative;}
body.sub #wrap.reserve .tabCont .radioGroup { margin:24px 0 15px}
body.sub #wrap.reserve .tabCont .radioGroup input[type="radio"] { border: 0; display: block;width:18px; height:18px; padding:0;  background:url('/eSIM/img/common/bg_form.png') no-repeat; vertical-align: middle; background-position:-4px -29px; cursor:pointer; position: absolute; top: 0; left: ; }
body.sub #wrap.reserve .tabCont .radioGroup input[type="radio"]:checked {background-position:-30px -29px;}
body.sub #wrap.reserve .tabCont .radioGroup input[type="radio"] + label {padding-left: 25px; position: relative;margin-left: 5px;}
body.sub #wrap.reserve .tabBtn { display: block; width: 462px; box-sizing:border-box; padding:0 5px; border:1px solid #e0e0e0; background-color:#f2f2f2; border-radius:30px; margin:45px auto; }
body.sub #wrap.reserve .tabBtn ul {display: flex; }
body.sub #wrap.reserve .tabBtn li {flex:1; width: 221px; padding: 5px 0; border:0 }
body.sub #wrap.reserve .tabBtn li a {display: flex; text-align: center; font-size: 19px; color:#b8bbc0; height: 49px; text-align: center; text-decoration: none; font-weight: 700; align-items: center; justify-content: center }
body.sub #wrap.reserve .tabBtn li a.on {background-color:#09a4c0; color:#fff; border-radius:44px; border:1px solid #4b6fab; box-shadow:5px 5px 29px rgba(109,125,130,0.3);}
body.sub #wrap.reserve .tabCont fieldset.full { width: 100%;}
body.sub #wrap.reserve .tabCont fieldset.full input.nation { width: calc(100% - 134px);}
body.sub #wrap.reserve .tabCont input.full { width: 100%;}
*/

/* 영문 */
html[lang="en"] body  { font-family: 'ns', 'Roboto', 'spoqa' , '돋움', dotum; line-height: 1; height: 100%;}
html[lang="en"] body.main #indicator a {background:url('/eSIM/img/main/eng/sprite_indicater.png') -177px -20px no-repeat; }
html[lang="en"] body.main #indicator a:before {background:url('/eSIM/img/main/eng/sprite_indicater.png') no-repeat; }
html[lang="en"] body.main #indicator a.about:before {background-position : -40px 0; }
html[lang="en"] body.main #indicator a.product:before {background-position : -40px -30px; }
html[lang="en"] body.main #indicator a.setting:before {background-position : -40px -60px; }
html[lang="en"] body.main #wrap #item1 .linkBox p {width: 100%; text-align: center;}
html[lang="en"] body.main #wrap #item1 .btn {width: 260px;}
html[lang="en"] body.main #wrap .prodList  span.bill:after {content:'KRW';}
html[lang="en"] body.main #wrap .prodList  span.bill {font-family: 'Spoqa'; font-size: 26px;}
html[lang="en"] body.main #wrap .prodList  span.bill:after {content:'KRW';font-size: 19px;}
html[lang="en"] body.sub #wrap.reserve .agree table tbody td {font-size: 16px;}
html[lang="en"] body.sub #wrap.reserve .agreement .radioGroup {padding-left:0;}
html[lang="en"] body.sub #wrap.reserve .userInfo fieldset label.label_size1 {width: 150px;} 
html[lang="en"] body.sub #wrap.reserve .userInfo fieldset label {font-weight: bold;}
html[lang="en"] body.sub #wrap.reserve .userInfo fieldset label.label_size3 {width: 145px;} 
html[lang="en"] body.sub #wrap.reserve .choice .prodList  span.bill:after {content:'KRW';}
html[lang="en"] body.sub #wrap.check .qr_info .condition,
html[lang="en"] body.sub #wrap.extend .qr_info .condition {width:127px; line-height: 45px; height:45px;}
html[lang="en"] body.sub #wrap.check .qr_info .conditionInfo p {padding-left: 50px;}
html[lang="en"] body.sub #wrap.check .qr_info .conditionInfo p span {font-size: 12px;}
html[lang="en"] body.sub #wrap.reserve .qr_info .bill {font-size: 40px; padding-right:73px; padding-bottom:20px;}
html[lang="en"] body.sub #wrap.reserve .qr_info .bill:before {content:'KRW'; right: 0; top:10px; font-size: 28px;}
html[lang="en"] body.sub #wrap.reserve .qr_info .bill:after {content:'*Incl. VAT';font-size: 14px; color:rgba(255,255,255,0.7); margin-top: 10px; font-family: 'ns'; display: block; font-weight: normal;}
html[lang="en"] body.sub #wrap.check .chkInfo .detailInfo {padding:24px 0 55px 16px; }
html[lang="en"] body.sub #wrap.check .chkInfo .detailInfo li {width:auto; font-size: 16px; }
html[lang="en"] body.sub #wrap.check .chkInfo .detailInfo li:nth-of-type(2) {margin:0 4px;}
html[lang="en"] body.sub #wrap.check .btnWrap a[class*="btn"][class*="mint-line"][class*="long"] {width: 360px;}
html[lang="en"] body.main #wrap #item1 .contBox .compare-head {padding-left:200px}
html[lang="en"] body.main #wrap #item1 .contBox .compare-head li {width: 402px;}
html[lang="en"] body.main #wrap #item1 .contBox .compare-body li div:nth-of-type(1) {width: 178px;}
html[lang="en"] body.main #wrap #item1 .contBox .compare-body li div:nth-of-type(2) {width: 402px;}
html[lang="en"] body.main #wrap #item1 .contBox .compare-body li div:nth-of-type(3) {width: 402px;}
html[lang="en"] body.main #feePop .layerCont { height: 1150px !important}
html[lang="en"] body.sub #wrap.reserve .choice .prodList label span.bill.promotion:before, 
html[lang="en"] body.main #wrap .prodList  span.bill.promotion:before { content : 'Discount \A for online'; white-space: pre}
html[lang="en"] body.sub #wrap.charge .qr_info p.dayInfo { padding: 65px 15px 28px }
html[lang="en"] body.sub #wrap.reserve .agreement .imgCheckBox + label:before { top: -2px}
html:not([lang="ko"]) body.sub #wrap.check #inquiry2 ul {width:100%; border:10px solid #dfdfdf; box-sizing: border-box; padding:77px 280px}
html:not([lang="ko"]) body.sub #wrap.check #inquiry2 li {border:0}
html:not([lang="ko"]) body.sub #wrap.check #inquiry2 li fieldset {display: flex; flex-direction: column; align-items: center; justify-content: center;}
html:not([lang="ko"]) body.sub #wrap.check #inquiry2 li fieldset label {font-size: 24px; font-weight: 700; letter-spacing: -0.5px; color:#333333; margin-bottom: 20px;}
html:not([lang="ko"]) body.sub #wrap.check #inquiry2 li fieldset input { width:500px; text-align: center;}

/* 중문 */
html[lang="zh-CN"] body { font-family: 'ns', 'Roboto',  "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif ,'spoqa' , '돋움', dotum; line-height: 1; height: 100%;}
html[lang="zh-CN"] body.main #indicator a {background:url('/eSIM/img/main/chn/sprite_indicater.png') -177px -20px no-repeat; }
html[lang="zh-CN"] body.main #wrap .prodList span.day b {margin-right: 0;}
html[lang="zh-CN"] body.main #indicator a.about:before {background-position : -40px 0; }
html[lang="zh-CN"] body.main #indicator a.product:before {background-position : -40px -30px; }
html[lang="zh-CN"] body.main #indicator a.setting:before {background-position : -40px -60px; }
html[lang="zh-CN"] body.main #indicator a:before {background:url('/eSIM/img/main/chn/sprite_indicater.png') no-repeat; }
html[lang="zh-CN"] body.main #wrap #item0 article {top: 176px;}
html[lang="zh-CN"] body.main #wrap #item1 .linkBox p {text-align: center;padding: 0 45px;}
html[lang="zh-CN"] body.main #wrap .prodList  span.bill:after {content:'韩币';}
html[lang="zh-CN"] body.main #wrap .prodList  span.bill {font-family: 'Spoqa'; font-size: 26px;}
html[lang="zh-CN"] body.main #wrap .prodList  span.bill:after {content:'韩币';font-size: 19px;}
html[lang="zh-CN"] body.sub #wrap.reserve .choice .prodList  span.bill:after {content:'韩币';}
html[lang="zh-CN"] body.sub #wrap.reserve .qr_info .bill {font-size: 40px; padding-right:60px; padding-bottom:20px;}
html[lang="zh-CN"] body.sub #wrap.reserve .qr_info .bill:before {content:'韩币'; right: 0; top:10px; font-size: 28px;}
html[lang="zh-CN"] body.sub #wrap.reserve .qr_info .bill:after {content:'* 税收包括 ';font-size: 14px; color:rgba(255,255,255,0.7); margin-top: 10px; font-family: 'ns'; display: block; font-weight: normal;}
html[lang="zh-CN"] body.sub #wrap.check .qr_info .conditionInfo p span.now {font-size: 14px;}
html[lang="zh-CN"] body.sub #wrap.check .qr_info .conditionInfo p {padding-left: 200px;}
/* html[lang="zh-CN"] body.sub #wrap.reserve .choice .prodList label span.bill.promotion:before,
html[lang="zh-CN"] body.main #wrap .prodList  span.bill.promotion:before  { content : '网上预订优 \A 惠价'; white-space: pre; top:-3px} */
html[lang="zh-CN"] body.sub #wrap.reserve .choice .prodList label span.bill.promotion:before,
html[lang="zh-CN"] body.main #wrap .prodList  span.bill.promotion:before  { display: none;}
html[lang="zh-CN"] body.sub #wrap.reserve .agreement .imgCheckBox + label:before { top: -2px}

/* 일문 */
html[lang="ja"] body {font-family: 'ns', 'Roboto',  "Hiragino Kaku Gothic Pro",'spoqa', "ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic", "Yu Gothic UI" , Helvetica,Arial,sans-serif}

html[lang="ja"] body.main #indicator a {background:url('/eSIM/img/main/jpn/sprite_indicater.png') -177px -20px no-repeat; }
html[lang="ja"] body.main #indicator a:before {background:url('/eSIM/img/main/jpn/sprite_indicater.png') no-repeat; }
html[lang="ja"] body.main #indicator a.about:before {background-position : -40px 0; }
html[lang="ja"] body.main #indicator a.product:before {background-position : -40px -30px; }
html[lang="ja"] body.main #indicator a.setting:before {background-position : -40px -60px; }
html[lang="ja"] body.main #wrap #item1 .linkBox p {width: 100%; text-align: center; padding: 0 40px; letter-spacing: -1px}
html[lang="ja"] body.main #wrap .prodList  span.bill:after {content:'ウォン'; margin-left: 5px;}
html[lang="ja"] body.main #wrap .prodList  span.bill {font-family: 'Spoqa'; font-size: 26px;}
html[lang="ja"] body.main #wrap .prodList  span.bill:after {content:'ウォン';font-size: 19px; }
html[lang="ja"] body.sub #wrap.reserve .choice .prodList  span.bill:after {content:'ウォン'; margin-left: 2px;}
html[lang="ja"] body.sub #wrap.reserve .qr_info .bill {padding-right:86px;}
html[lang="ja"] body.sub #wrap.reserve .qr_info .bill:before {content:'ウォン'; right: 0; top:10px; font-size: 28px;}
html[lang="ja"] body.sub #wrap.reserve .qr_info .bill:after {content:'* 税込み';font-size: 14px; color:rgba(255,255,255,0.7); margin-top: 10px; font-family: 'ns'; display: block; font-weight: normal;}
html[lang="ja"] body.sub #wrap.reserve .agreement .checkAll { font-size: 17px; letter-spacing: -1px}
html[lang="ja"] body.sub #wrap.reserve .agreement .imgCheckBox + label {padding-top: 2px;}
html[lang="ja"] body.sub #wrap.reserve .agreement .radioGroup {padding-left: 0;}
html[lang="ja"] body.sub #wrap.reserve .agree table tbody td {font-size: 16px;}
html[lang="ja"] body.sub #wrap.check .chkInfo .detailInfo li {font-size: 15px; }
html[lang="ja"] body.sub #wrap.reserve .userInfo fieldset label {font-size: 16px;}
html[lang="ja"] body.sub #wrap.reserve .userInfo fieldset label.label_size1 {width: 130px;}
html[lang="ja"] body.sub #wrap.reserve .userInfo fieldset label.label_size3 {width: 125px;}
html[lang="ja"] body.sub #wrap.reserve .sim_info li span {font-size: 14px;}
html[lang="ja"] body.sub #wrap.check .qr_info .conditionInfo p span.now {font-size: 14px;}
html[lang="ja"] body.sub #wrap.reserve .choice .prodList label span.bill.promotion:before,
html[lang="ja"] body.main #wrap .prodList  span.bill.promotion:before { content : 'オンライン予約時の割引価格'; width:65px; font-size: 10px; text-align: center; line-height: 1.4; top: -2px; left: -2px; letter-spacing: -1px;}
html[lang="ja"] body.sub #wrap.charge .qr_info .qrInfo {height: 240px}
html[lang="ja"] body.sub #wrap.reserve .agreement .imgCheckBox + label:before { top: -2px}