@charset "utf-8";
/* ########################################################################################################################### */
/* 영문 패치 ################################################################################################################## */
/* ########################################################################################################################### */

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/resources/front/font/NotoSansKR/NotoSansKR-Thin.woff2) format('woff2'),
       url(/resources/front/font/NotoSansKR/NotoSansKR-Thin.woff) format('woff'),
       url(/resources/front/font/NotoSansKR/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/resources/front/font/NotoSansKR/NotoSansKR-Light.woff2) format('woff2'),
       url(/resources/front/font/NotoSansKR/NotoSansKR-Light.woff) format('woff'),
       url(/resources/front/font/NotoSansKR/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/resources/front/font/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'),
        url(/resources/front/font/NotoSansKR/NotoSansKR-Regular.woff) format('woff'),
        url(/resources/front/font/NotoSansKR/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/resources/front/font/NotoSansKR/NotoSansKR-Medium.woff2) format('woff2'),
        url(/resources/front/font/NotoSansKR/NotoSansKR-Medium.woff) format('woff'),
        url(/resources/front/font/NotoSansKR/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/resources/front/font/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'),
        url(/resources/front/font/NotoSansKR/NotoSansKR-Bold.woff) format('woff'),
        url(/resources/front/font/NotoSansKR/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/resources/front/font/NotoSansKR/NotoSansKR-Black.woff2) format('woff2'),
        url(/resources/front/font/NotoSansKR/NotoSansKR-Black.woff) format('woff'),
        url(/resources/front/font/NotoSansKR/NotoSansKR-Black.otf) format('opentype');
 }

@font-face {
  font-family: Moebius_Regular_kor;
  font-style: normal;
  font-weight: normal;
  src: url(/resources/front/font/Moebius_Regular_kor.eot);
  src: url(/resources/front/font/Moebius_Regular_kor.eot?#iefix) format('embedded-opentype'),
       url(/resources/front/font/Moebius_Regular_kor.woff) format('woff'),
       url(/resources/front/font/Moebius_Regular_kor.ttf) format('truetype');
}

html, body {
	font-family: 'Noto Sans KR', Moebius_Regular_kor, "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, Arial, Applegothic, Hevletica, Sans-serif !important;word-break: keep-all
}


/* 210813 추가 */
.navy_box {background:#252549;border-radius:25px;margin-bottom:25px;width:1138px;}
@media only screen and (max-width: 767px) {
     .navy_box dl dt {min-width:24vw;}
     .sub .container .usageFee .slideWrap .slideCont ul li {
          line-height:1.2;
     }
/*      .sub .container .usageFee .slideWrap .slideCont ul li .vat {
          margin:0;
     } */
}



/* 20230420 추가 */
/* esim, usim 신규 페이지  */
.Allsim.esim .bgWrap.gray .advantages ul li{
	height: 350px !important;
}

.Allsim.usim .bgWrap.gray .advantages ul li {
    height: 365px !important;
}

/* 구매 페이지  */
.sub .container .reservation_information_input .typeUl.allUsim li label div {
    height: auto;
}

.sub .container .reservation_information_input .typeUl li label div {
    height: auto !important;
}

.sub .container .reservation_information_input .typeUl .only_data label div{
	height: 213px !important;
}

.charging-ing .tableBox dl dt{
	height: 66px;	
}

.coupon_list figcaption {
    min-height:178.79px
}

.coupon_list > li figcaption.en,
li[data-tab="tabCont2"] .coupon_list > li:nth-child(4) figcaption {
    height:202.18px;
}

.coupon_wrap .total:not(.en) {
    display:none;
}

li[data-tab="tabCont2"] .coupon_list figcaption {
    height:auto
}

/*li[data-tab="tabCont3"] .coupon_list figcaption {
    height:205.79px;
}*/

.coupon_list ul li.en_none {
    display:none;
}

.coupon_list figcaption ul li.dnone {
    display:inline-block;
}

li[data-tab="tabCont1"] .coupon_list > li:nth-child(4) figcaption,
li[data-tab="tabCont1"] .coupon_list > li:nth-child(6) figcaption,
li[data-tab="tabCont2"] .coupon_list > li:nth-child(5) figcaption {
    height:203.79px;
}

li[data-tab="tabCont4"] .coupon_list > li figcaption {
    min-height:159.79px
}

.coupon_text dl dt {
    width:66px;
}

@media only screen and (max-width: 767px) {
	/* esim, usim 신규 페이지  */
	.Allsim .fee table tbody tr td{
		padding: 4.7vw 1vw;
	}
	
	.Allsim.usim .bgWrap.gray .advantages ul li,
	.Allsim.esim .bgWrap.gray .advantages ul li {
	    width: 100% !important;
	    height: 34.4vw !important;
	}

	.sub .container .reservation_information_input .typeUl .only_data label div{
		height: 63.8vw !important;
	}

	.charging-ing .tableBox dl dt,
	.charging-ing .rechargeHistory thead th{
		height: auto;	
	}
	
	.charging-ing .reservation_information_input .typeUl li label .mt-m{
		height: auto !important;
	}
	
	.sub .container .fakeTblWrap.col > dl dd{
		padding: 2vw 2.1vw;
	}
	
	.reservation_details .fakeTblWrap.col.col3up dl dd {
	    min-width: 41vw;
	}
	
	.voucher .vou .right {
	    height: 32vw;
	}
	
	.esim .navigation .naviWrap .contArea .naviUl li a,
	.usim .navigation .naviWrap .contArea .naviUl li a,
	.Onlyusim .navigation .naviWrap .contArea .naviUl li .depthUl li:first-child a,
	.Onlyesim .navigation .naviWrap .contArea .naviUl li .depthUl li:first-child a {
		line-height: 3.8vw;
	}


    .main .container .mainCont .bottom .conta.cont6 .tit {
        font-size:3.4vw;
    }
}

#wifiTab .typeUl li div p{
	line-height: 22px;
}

@media only screen and (min-width: 768px) {
    #wifiTab .typeUl li label div {
        /*height: 165px !important;*/
        height: 190px !important;
    }

    .dh-lpWrapper .dh-lpContWrapper .dh-closeWrapper a label {
        width: 240px;
    }

    .coupon_certi_bg strong {
        width:60%;
    }
}

.lpWrap .fakeTblWrap.col_type2 dl:nth-child(3) dt {
    /* border: 3px solid red; */
    align-items: end;
}

.sub .container .bgWrap.gray .advantages.Mobile_phone_rental li{
	height: 320px;
}

@media only screen and (max-width: 767px) {
	.sub .container .bgWrap.gray .advantages.Mobile_phone_rental li{
		height: 34.4vw;
	}
	
	.support .pho_a .ud .down li:last-child{
		margin-top: 1.6vw;
	}

	.support .pho_i .ud li:nth-child(3){
		margin-top: 0;
	}
}

@media only screen and (max-width: 767px) {
    .sub .container .reservation_information_input .typeUl li label > .bold {
        font-size: 3vw;
    }
}

@media only screen and (max-width: 767px) {
    .sub .container .reservation_information_input .typeUl .swiper-slide {
        height: 134.2vw;
    }

    .sub .container .reservation_information_input .typeUl .swiper-slide > li {
        height: 43.5vw;
    }

    .sub .container .reservation_information_input .typeUl li label div p span:nth-child(2) {
        font-size: 3vw !important;
        line-height: 3.8vw;
    }

    .coupon_certi_bg span {
        font-size: 3.4vw;
    }

    .coupon_certi_bg strong {
        font-size:3.4vw;
    }
}

@media only screen and (min-width: 768px) {
    .periodSwiper .swiper-wrapper .swiper-slide .type {
        font-size: 26px;
    }

    .periodSwiper .swiper-wrapper .swiper-slide .price {
        font-size: 36px;
    }


    /* 241126 */
    .main .container .mainCont .bottom .cont4 .hb{
        padding: 12px 0;
    }

    .main .container .mainCont .bottom .hb::before{
        content: '';
        display: inline-block;
        width: 8px;
        height: 13px;
        background: url(/resources/front/images/bg_main_arrow_hover.png) no-repeat;
        background-size: 100%;
        position: absolute;
        top: 50%;
        right: 33px;
        transform:translateY(-50%);
    }
    .main .container .mainCont .bottom li:hover .hb::before{
        content: '';
        display: inline-block;
        width: 8px;
        height: 13px;
        background: url(/resources/front/images/bg_main_arrow.png) no-repeat;
        background-size: 100%;
        position: absolute;
        top: 50%;
        right: 33px;
        transform:translateY(-50%);
    }
}

@media only screen and (max-width: 767px) {
    .popup-box .popup_inner .policy-overflow table a .icon-pdf,
    .popup-box .popup_inner .policy-overflow table a .icon-down {
        display: none;
    }

    .popup_inner .policy-overflow table td:first-of-type {
        padding: 2vw 0;
    }

    .bg-pop .pop_up01 .center,
    .bg-pop.bg-pop02 .pop_up01 .center{
        height: 51vw !important;
    }

    .bg-pop.bg-pop03 .pop_up01 .center{
        height: 33vw !important;
    }

    .bg-pop.bg-pop04 .pop_up01 .center,
    .bg-pop.bg-pop05 .pop_up01 .center{
        height: 55vw !important;
    }

    .sub .container .coupon_wrap .tabWrap .titUl li strong {
        letter-spacing:-0.3vw;
    }

    .coupon_list figcaption,
    .coupon_list > li figcaption.en{
        height:auto !important;
        min-height:auto !important;
    }

    li[data-tab="tabCont1"] .coupon_list > li:nth-child(2) figcaption {
        height:43.4vw !important;
    }

    li[data-tab="tabCont1"] .coupon_list > li:nth-child(3) figcaption {
        height:47.5vw !important;
    }

    /*li[data-tab="tabCont1"] .coupon_list > li:nth-child(5) figcaption {*/
    /*    height:47.72vw;*/
    /*}*/

    li[data-tab="tabCont1"] .coupon_list > li:nth-child(10) figcaption {
        height:52.3vw !important;
    }

    li[data-tab="tabCont1"] .coupon_list > li:nth-child(11) figcaption {
        height:43.5vw !important;
    }

    li[data-tab="tabCont2"] .coupon_list > li:nth-child(2) figcaption {
        height:43.4vw !important;
    }

    li[data-tab="tabCont2"] .coupon_list > li:nth-child(3) figcaption {
        height:47.5vw !important;
    }

    li[data-tab="tabCont3"] .coupon_list figcaption {
        height:auto;
    }

    /*li[data-tab="tabCont3"] .coupon_list > li:nth-child(2) figcaption {
        height:47.5vw;
    }*/

    li[data-tab="tabCont3"] .coupon_list > li:nth-child(3) figcaption {
        height:52.3vw !important;
    }

    li[data-tab="tabCont1"] .coupon_list > li:nth-child(6) figcaption {
        height:52.8vw !important;
    }

    .coupon_text dl dt {
        min-width:13.4vw;
    }



    .passport .tip_btn {
        padding-left:4vw;
        position:relative;
        text-align:right;
    }

    .passport .tip_btn::before {
        position:absolute;
        top:0;
        left:14vw;
    }


    .step_header {
        letter-spacing:-1px;
    }

    .step_container strong {
        padding:2vw 0;
        letter-spacing:-1px;
    }
}

@media only screen and (max-width: 359px) {
    li[data-tab="tabCont1"] .coupon_list > li:nth-child(10) figcaption {
        height:47.5vw;
    }
}

@media only screen and (max-width: 322px) {
    li[data-tab="tabCont1"] .coupon_list > li:nth-child(8) figcaption {
        height:43.1vw;
    }

    li[data-tab="tabCont3"] .coupon_list > li:nth-child(8) figcaption {
        height:48.3vw;
    }
}