@charset "UTF-8";

body::-webkit-scrollbar {display: none;}
html, body {width: 100%; height: 100%; min-width: 100%;
	-webkit-text-size-adjust: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/****************************** 다이렉트 wrap class 추가 ******************************/
body.ktd-wrap {position: relative;}
.ktd-wrap .blind,
.ktd-wrap .hide,
.ktd-wrap caption {position: absolute; display: block; border:0; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; top:-100em}

/****************************** 다이렉트 안내 콘텐츠 ******************************/
.ktd-directInfo {width:312px; position: fixed; top:50%; right: calc(50% - -140px); transform: translateY(-50%); height:100vh; max-height: 990px;}
.ktd-directInfo .info {height: 615px; background: url('https://image.shop.kt.com/upload/editor/display/directInfo_bg.png') no-repeat 50% 100%; background-size: 310px auto;}
.ktd-directInfo .info .info-box{height: 38px; line-height: 38px; margin:20px auto 34px; text-align:center; font-size: 20px; font-weight: 500; color: #fff; border-radius: 19px;
  background: rgb(58,204,200);
  background: linear-gradient(135deg, rgba(58,204,200,1) 0%, rgba(43,153,222,1) 100%);
}
.ktd-directInfo .info .info-txt {margin-bottom:21px; font-size: 18px; line-height: 24px; text-align: center;}
.ktd-directInfo .info .info-copy {text-align: center;}
.ktd-directInfo .info .info-copy img {max-height: 118px;}

.ktd-directInfo .link-zone {position:absolute; bottom:20px; left:0; width:100%; border-top:2px solid #000; background-color: #fff;}
.ktd-directInfo .link-zone > ul > li {position: relative; display:flex; justify-content: space-between; border-top: 1px solid #D9D9D9; padding:0 4px;}
.ktd-directInfo .link-zone > ul > li > * {width: 100%;}
.ktd-directInfo .link-zone > ul > li:first-child {border-top: none;}
.ktd-directInfo .link-zone > ul > li > a {position:relative; padding:14px 0 14px 36px; text-align: left;}
.ktd-directInfo .link-zone > ul > li > a:after {content: ''; position: absolute; top: 50%; right:10px; transform: translate(0, -50%) rotate(45deg); width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; display: inline-block;}
.ktd-directInfo .link-zone > ul > li.link-multi > a:after {display: none;}
.ktd-directInfo .link-zone > ul > li.link-multi > ul {width: 140px;}

.ktd-directInfo .link-zone > ul > li > a span {font-size: 16px; font-weight: 500; color: #000;}
.ktd-directInfo .link-zone > ul > li > a em {font-size: 12px; color: #6F6F6F;}

.ktd-directInfo .link-zone li ul {padding-top:5px;}
.ktd-directInfo .link-zone li li a {position:relative; display: block; padding:9px 0; font-size: 14px; color: #000; text-align: left;}
.ktd-directInfo .link-zone li li a:after {content: ''; position: absolute; top: 50%; right:10px; transform: translate(0, -50%) rotate(45deg); width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; display: inline-block;}
.ktd-directInfo .link-zone li li a em {font-size:12px;}

.ktd-directInfo .link-zone > ul > li a:before {content:''; position:absolute; top:12px; left:0; width:28px; height: 28px; background-size: contain;}
.ktd-directInfo .link-zone .link-usim > a:before {background-image: url('/images/directShop/renew/link_usim.png');}
.ktd-directInfo .link-zone .link-self > a:before {background-image: url('/images/directShop/renew/link_self.png');}
.ktd-directInfo .link-zone .link-dsim > a:before {background-image: url('/images/directShop/renew/link_dsim.png');}
.ktd-directInfo .link-zone .link-data > a:before {background-image: url('/images/directShop/renew/link_data.png');}
.ktd-directInfo .link-zone .link-direct > a:before {background-image: url('/images/directShop/renew/link_direct.png');}
.ktd-directInfo .link-zone .link-smart > a:before {background-image: url('/images/directShop/renew/link_smart.png');}

@media all and (max-height: 910px) {
	.ktd-directInfo .info {max-height: 55vh; background-size: auto 90%;}
  .ktd-directInfo .info .info-copy img {max-height: 94px;}
}
@media all and (max-height: 680px) {
  .ktd-directInfo .info .info-copy img {max-height: 82px;}
}

/* as-is button reset */
.ktd-conWrap .btn.inline {width: auto; padding:0 16px;}
.ktd-conWrap .ktd-btn-block {margin-top:40px; text-align: center;}
.ktd-conWrap .ktd-btn-block .btn {height: 40px; line-height: 38px; font-size: 14px; border-radius: 8px; font-weight: 500; min-width: 94px; display: inline-block; text-align: center; background-color: #000; color: #fff;}
.ktd-conWrap .ktd-btn-block .btn.inline {width: auto; padding: 0 16px;}

.ktd-more-block button {height: 40px; line-height: 40px; padding: 0 12px 0 16px; border: 1px solid #ccc; border-radius: 8px;}
.ktd-more-block button span {display: block; position: relative; padding-right: 28px; font-size: 14px; font-weight: 500;}
.ktd-more-block button span:before {content: ""; position: absolute; width: 8px; height: 8px; top: calc(50% + -3px); right: 5px; border: 2px solid #000; border-top: 0; border-right: 0; transform: translateY(-50% ) rotate(-45deg);}
.ktd-more-block button span em {font-size: 12px; color: #6F6F6F; font-weight: 500;}

.ktd-more-done button span {padding-right: 14px; padding-left: 14px;}
.ktd-more-done button span:before {display:none}

/****************************** Common ******************************/
/* common - self link */
.ktd-selfLink {margin: 0;}
.ktd-selfLink a {display: block; height: auto; padding: 0; border-radius: 0; margin:0; text-align: left; background-color: transparent;}
.ktd-selfLink a + a {margin-top:12px}
.ktd-selfLink a span {position: relative; padding-right: 14px; height: auto; line-height: inherit; color: #1DA8A5; font-weight: 500;}
.ktd-selfLink a span:after {content: ""; position: absolute; width: 6px; height: 6px; top: calc(50% + 1px); right: 0; border: 2px solid #1DA8A5; border-top: 0; border-right: 0; transform: translateY(-50% ) rotate(-135deg);}

/* common - tab */
.ktd-tab {display: flex;}
.ktd-tab li {flex: 1;}
.ktd-tab li + li {border-left:1px solid #D9D9D9}
.ktd-tab li a {display: block;}
.ktd-tab li a span {display: block; padding: 7px 0; min-height: 40px; font-size: 16px; color: #6F6F6F; border-top: 2px solid transparent; border-bottom: 1px solid #D9D9D9; background-color: #f4f4f4;}
.ktd-tab li.active a span {font-weight: 500; color: #000; border-top-color: #5DDFDE; border-bottom-color:transparent; background:#fff;}

#content > .ktd-tab.line {position: sticky; top:64px; background-color: #fff; z-index: 11;}
.fixedHeader #content > .ktd-tab.line {
  -webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
  box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
}
.ktd-tab.line {margin:0 -20px;}
.ktd-tab.line li + li {border-left: none;}
.ktd-tab.line li a {display: table; width: 100%;}
.ktd-tab.line li a span {display: table-cell; height: 40px; padding: 0 2px; border-top:none; background-color: #fff; font-size: 14px; vertical-align: middle;}
.ktd-tab.line li.active a span {border-bottom: 2px solid #000;}

/*  */

/****************************** 다이렉트 콘텐츠 영역 ******************************/
.ktd-conWrap {display:table;table-layout: fixed;width: 450px;height: 100%;position: relative;margin-left: 50%;border: 1px solid #ccc;border-top:none;border-bottom: none;}
/*.ktd-conWrap {display:table;table-layout: fixed;width: 360px;height: 100%;position: relative;margin-left: 50%;border: 1px solid #ccc;border-top:none;border-bottom: none; zoom:1.25;}*/

@media all and (max-width: 1024px) {
  .ktd-directInfo {display: none;}
  .ktd-conWrap {margin: 0 auto;}
}
@media all and (max-width: 450px) {
  .ktd-conWrap {width:100%;margin: 0;transform: none;border: none; zoom:inherit}
}

/* 헤더 */
.ktd-conWrap header {position: sticky;height:64px;padding-top: 22px;background:#fff; z-index: 11;}
.ktd-conWrap.fixedHeader header {
  -webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
  box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
}
.ktd-conWrap header > div {margin-top: 0;padding:0 20px;max-width: 100%;}
.ktd-conWrap header h1 {width: 100px; height: 20px; background: none;}
.ktd-conWrap header h1 a {background: url('/images/directShop/renew/logo_direct.svg') 0 0 no-repeat;}
.ktd-conWrap header h1 button {position: absolute; top:1px; color: #121619;}
.ktd-conWrap header h1 button:before {content: ""; position: absolute; width: 10px; height: 10px; top: 50%; right: 4px; border: 2px solid #000; border-top: 0; border-right: 0; transform: translateY(-50%) rotate(45deg); background:none;}

/* 메뉴 */
.ktd-conWrap header .menu {position: absolute; top: 50%; right: 20px; width: 24px; height: 24px; text-indent: -9999px; overflow: hidden; background: url('/images/directShop/renew/main_menu.svg') 0 0 no-repeat; background-size: 100%; transform: translateY(-50%);}

.ktd-conWrap #menu {width: 450px; right: inherit;}
.ktd-conWrap #menu .inner::-webkit-scrollbar {display: none;}
.ktd-conWrap #menu .inner {position: absolute; transition: none; padding-bottom: 40px; transform: translateX(0); height: 100vh; -webkit-text-size-adjust: none; -ms-overflow-style: none; scrollbar-width: none;}

@media all and (max-width: 450px) {
  .ktd-conWrap #menu {width: 100%;}
  .ktd-conWrap #menu {transition: all 0.4s ease-in-out;}
  .ktd-conWrap #menu .inner {transition: all 0.4s ease-in-out;transform: translateX(100%);}
  .ktd-conWrap #menu.active .inner {transform: translateX(0%);}
}

/* 서브메뉴 */
.ktd-depthMenu {display:block;position: sticky;top: 64px;background: #fff;z-index: 11;}
.fixedHeader .ktd-depthMenu {
  -webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
  box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
}
.ktd-depthMenu-wrap {position:relative;box-sizing: border-box;min-height: 40px;padding: 6px 40px 6px 8px;}
.ktd-depthMenu-wrap ul {width: 100%;}
.ktd-depthMenu-wrap ul li {display: inline-block; width: auto; vertical-align: top; word-break: keep-all;}
.ktd-depthMenu-wrap ul li a {display:block;padding:0 12px;height: 28px;line-height: 28px;color: #161616;}
.ktd-depthMenu-wrap ul li a:hover,
.ktd-depthMenu-wrap ul li a:focus,
.ktd-depthMenu-wrap ul li a:active,
.ktd-depthMenu-wrap ul li.on a {color:#01A69F; font-weight: bold;}

.ktd-depthMenu-wrap .btn-more {position: absolute;top: 50%;right: 0;transform: translateY(-50%);width:40px;height: calc(100% - 12px);box-sizing: border-box;background:#fff;z-index: 1;}
.ktd-depthMenu-wrap .btn-more:before {content: ''; position: absolute; top:50%; left: 0; transform: translateY(-50%); width: 1px; height:calc(100% - 10px); background-color:#D9D9D9;}
.ktd-depthMenu-wrap .btn-more:after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(135deg); width: 8px; height: 8px; border-top: 2px solid #A8A8A8; border-right: 2px solid #A8A8A8; display: inline-block; transition: all 0.3s}

.ktd-depthMenu.on ul {transform: none !important; flex-wrap: wrap;}
.ktd-depthMenu.on .ktd-depthMenu-wrap .btn-more:before {height:calc(100% - 12px);}
.ktd-depthMenu.on .ktd-depthMenu-wrap .btn-more:after {transform: translate(-50%, -50%) rotate(-45deg);}

.ktd-depthMenu .depth2{display: none;width: 100%;border-top: 1px solid #ddd;}
.ktd-depthMenu .depth2 .sub{padding: 6px 40px 6px 20px;}
.ktd-depthMenu .depth2 .sub li{display: inline-block;vertical-align: top;margin: 5px 3px;word-break: keep-all;}
.ktd-depthMenu .depth2 .sub li a{display: block;height: 31px;font-size: 13px;padding: 0 10px;color: #000;line-height: 29px;letter-spacing: -0.65px;border-radius: 1.5em;border: solid 1px #D9D9D9;}
.ktd-depthMenu .depth2 ul li.swiper-slide.on{height: 75px;position: static;}
.ktd-depthMenu .depth2 ul li.swiper-slide.on .sub{display:block;}

/****************************** 메인 페이지 ******************************/
.ktd-conWrap #main-contents {display:inline-block; width:100%; max-width: 100%; padding:0;}

/* 메인 - 슬라이드 */
.ktd-conWrap .main-swiper .swiper-wrapper > div {border-radius:0;}
.ktd-conWrap #main-contents .main-swiper {margin:0; padding-left: 0;}
.ktd-conWrap #main-contents .main-swiper .swiper-container {padding-bottom: 0; box-sizing: content-box; height: 360px;}
.ktd-conWrap #main-contents .main-swiper .swiper-slide a {padding: 32px 20px 24px;}
.ktd-conWrap #main-contents .main-swiper p.t,
.ktd-conWrap #main-contents .main-swiper p.t-2,
.ktd-conWrap #main-contents .main-swiper p.t-3 {color:#fff}
.ktd-conWrap #main-contents .main-swiper p.t {margin-bottom:12px; font-size: 28px; line-height: 34px; font-weight: bold; color:#161616; letter-spacing: -0.25px;}
.ktd-conWrap #main-contents .main-swiper p.t-2,
.ktd-conWrap #main-contents .main-swiper p.t-3 {font-size: 14px; line-height: 19px; color: #161616;}
.ktd-conWrap #main-contents .main-swiper .opt {bottom:24px; left: 20px; width:auto; background:rgba(0, 0, 0, 0.5); border-radius: 5px; padding:1px 7px 3px; z-index: 1; min-width: 58px;}
.ktd-conWrap #main-contents .swiper-pagination-fraction,
.ktd-conWrap #main-contents .swiper-pagination-custom,
.ktd-conWrap #main-contents .swiper-container-horizontal>.swiper-pagination-bullets {width: auto; margin-right: 7px; color: #fff;}

.ktd-conWrap #main-contents .swiper-pagination-current {font-weight: bold;}

.ktd-conWrap #main-contents .main-swiper .play{position:relative; top:-1px; border-left-color: #fff;}
.ktd-conWrap #main-contents .main-swiper .pause:before,
.ktd-conWrap #main-contents .main-swiper .pause:after{top:-1px; background-color: #fff;}

/* 메인 */
.ktd-conWrap #main-contents h2 {font-size: 28px; font-weight: 500; line-height: 36px;}
.ktd-conWrap .section-head h2 + p {margin-top:9px; color: #6F6F6F;}

/* 메인 - 유심요금제 가입 */
.ktd-main-section-1 {padding:40px 0 0; background:#F4F4F4;}
.ktd-main-section-1 .section-head {margin-bottom: 13px; text-align: center;}
.ktd-main-section-1 .section-head h2 {font-size: 24px; line-height: 35px;}

.ktd-main-section-1 .tab-content {margin-top:0 !important; padding:40px 20px; background:#fff;}
.ktd-main-section-1 .youtube-movie-area{position:relative;width:100%;height:0;padding-bottom:56.25%; border-radius: 20px; margin:30px 0 20px 0;}
.ktd-main-section-1 .youtube-movie-area iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius: 20px;}

.ktd-main-section-1 .top-txt {margin-bottom:40px; color:#161616}

.ktd-main-section-1 .top-message {margin:0 0 20px; text-align: center; font-size: 16px; font-weight: 500;}
.ktd-main-section-1 .top-message strong {color: #1DA8A5; font-weight: 500;}

.ktd-main-section-1 .progress-bar {position:relative; width:calc(100% - 14%); height: 18px; margin-bottom: 12px; margin-left: 14%; border-radius: 9px;
  background: -moz-linear-gradient(left,  rgba(155,233,183,1) 0%, rgba(123,222,160,0) 100%);
  background: -webkit-linear-gradient(left,  rgba(155,233,183,1) 0%,rgba(123,222,160,0) 100%);
  background: linear-gradient(to right,  rgba(155,233,183,1) 0%,rgba(123,222,160,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9be9b7', endColorstr='#007bdea0',GradientType=1 );
}
.ktd-main-section-1 .progress-bar span {position:absolute; top: 0; left: 0; width:100%; height: 100%; border-radius: 9px; background:#3ACCC8; transition: all 0.5s;}

#usim-yes .top-message {margin-top:24px;}
#usim-no .top-message {margin-bottom: 24px;}

.ktd-conWrap .self-step ul {display: table; width: 100%;}
.ktd-conWrap .self-step li {display: table-cell; position: relative; width: 33.3333%; font-size: 12px; text-align: center; color: #6F6F6F;}
.ktd-conWrap .self-step li:before {content: ''; position: absolute; top:-25px; left: 50%; transform: translateX(-50%); width:8px; height: 8px; border-radius: 50%; background: #fff;}
.ktd-conWrap .self-step li strong {display: block; margin-bottom: 5px; color: #1DA8A5; font-weight: bold;}

.ktd-conWrap .use-direct ul {display: table; width: 100%;}
.ktd-conWrap .use-direct li {display: table-cell; position: relative; width: 33.3333%; font-size: 12px; text-align: center; color: #6F6F6F;}
.ktd-conWrap .use-direct li:before {content: ''; display:block; width:80px; height: 80px; margin: 0 auto 8px; border-radius: 20px; background:#E4F5F5;background-repeat: no-repeat; background-position: 50% 50%; background-size: 56px 56px;}

.ktd-conWrap .use-direct li.icon-new:before {background-image: url('/images/directShop/renew/icon_set_new.svg');}
.ktd-conWrap .use-direct li.icon-pay:before {background-image: url('/images/directShop/renew/icon_set_pay.svg');}
.ktd-conWrap .use-direct li.icon-add:before {background-image: url('/images/directShop/renew/icon_set_add.svg');}

.ktd-main-section-1 .tac {margin-top:40px;}
.ktd-main-section-1 .tac .btn {height: 40px; line-height: 38px; font-size: 14px; border-radius: 8px; font-weight: 500; width:100%; padding: 0 16px; display: inline-block; text-align: center; background-color: #000;color: #fff;}

.ktd-conWrap .join-link {margin-top:48px; display: flex; margin-bottom: 8px; border-top:1px solid #d9d9d9; padding-top:48px;}
.ktd-conWrap .join-link > a {position: relative; flex: 1; text-align: left;}
.ktd-conWrap .join-link > a + a {margin-left: 16px;}
.ktd-conWrap .join-link dl {position: relative; flex: 1; padding: 16px; border-radius: 20px; color: #fff;
  -webkit-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.15);
  box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.15);
}
.ktd-conWrap .join-link dt {font-size: 16px; font-weight: bold;}
.ktd-conWrap .join-link dd {font-size: 12px; margin-top:8px;}
.ktd-conWrap .join-link a:after {content: ''; position: absolute; top:18px; right:15px; width: 16px; height: 16px; background: url('/images/directShop/renew/bg_join_link_more.png') no-repeat 0 0; background-size: auto auto;}
.ktd-conWrap .join-link .join-data {
  background: rgb(172,158,237);
  background: -moz-linear-gradient(left,  rgba(172,158,237,1) 0%, rgba(131,116,211,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(172,158,237,1) 0%,rgba(131,116,211,1) 100%);
  background: linear-gradient(to right,  rgba(172,158,237,1) 0%,rgba(131,116,211,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac9eed', endColorstr='#8374d3',GradientType=1 );
}
.ktd-conWrap .join-link .join-data:before {content: ''; display: inline-block; margin-bottom:16px; width: 24px; height: 24px; background: url('/images/directShop/renew/bg_join_data.svg') no-repeat 0 0; background-size: auto auto;}

.ktd-conWrap .join-link .join-plan {
  background: rgb(133,221,218);
  background: -moz-linear-gradient(left,  rgba(133,221,218,1) 0%, rgba(58,204,200,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(133,221,218,1) 0%,rgba(58,204,200,1) 100%);
  background: linear-gradient(to right,  rgba(133,221,218,1) 0%,rgba(58,204,200,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85ddda', endColorstr='#3accc8',GradientType=1 );
}
.ktd-conWrap .join-link .join-plan:before {content: ''; display: inline-block; margin-bottom:16px; width: 24px; height: 24px; background: url('/images/directShop/renew/bg_join_dual.svg') no-repeat 0 0; background-size: auto auto;}

@media all and (max-width: 360px) {
	.ktd-conWrap .join-link dd {font-size: 11px;}
}

/* eSIM : main eSIM 셀프개통 */
#esim .top-txt dt {font-size: 18px; font-weight: bold;}
#esim .top-txt dd {margin-top:9px; font-size: 14px;}
#esim .top-txt dd .tit {margin-bottom:8px; font-size: 14px; color:#000; font-weight: 500;}
#esim .esim-message {margin-bottom:4px; text-align: left;}
#esim .esim-device {margin-bottom:4px; text-align: left;}
#esim .dSIM-use-device {margin-top:20px; padding:24px; border-radius: 12px; border: 1px solid #1daba5;}
#esim .dSIM-use-device .esim-device-list + .esim-device-list {margin-top:16px; padding-top:16px; border-top:1px solid #d9d9d9; border-bottom:none;}
#esim .dSIM-use-device .esim-device-list dt {font-size: 16px; color:#6f6f6f}
#esim .dSIM-use-device .esim-device-list dd {font-size: 16px; color: #000;}

.ktd-conWrap .use-esim {margin-bottom: 20px;}
.ktd-conWrap .use-esim li {position: relative; display: table; width: 100%; padding:20px 0 20px 96px; min-height: 120px; color: #000;}
.ktd-conWrap .use-esim li > div {display: table-cell; vertical-align: middle; font-size: 14px;}
.ktd-conWrap .use-esim li:before {content: '';position:absolute; top:20px; left:0; width:80px; height: 80px; margin: 0 auto 8px; border-radius: 20px; background:#E4F5F5;background-repeat: no-repeat; background-position: 50% 50%; background-size: 56px 56px;}
.ktd-conWrap .use-esim li + li {border-top:1px solid #EBEBEB;}

.ktd-conWrap .use-esim li.icon-one:before {background-image: url('/images/directShop/renew/icon_set_one.svg');}
.ktd-conWrap .use-esim li.icon-other:before {background-image: url('/images/directShop/renew/icon_set_other.svg');}
.ktd-conWrap .use-esim li.icon-safe:before {background-image: url('/images/directShop/renew/icon_set_safe.svg');}

.esim-info {margin-top:40px}
.esim-info h3 {font-size: 24px; font-weight: 500;}
.esim-info ul {margin-top: 16px; display: flex; justify-content: space-between; width: 100%;}
.esim-info li {flex: 1;}
.esim-info li + li {margin-left: 7px;}
.esim-info li a {display:block; position: relative; padding:16px 30px 16px 12px; border: 1px solid #D9D9D9; border-radius: 20px; text-align: left; font-size: 14px; color: #161616;
  -webkit-box-shadow: 4px 4px 10px 4px rgb(0 0 0 / 5%);
  box-shadow: 4px 4px 10px 4px rgb(0 0 0 / 5%);
}
.esim-info li a:after {content: ''; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 16px; height: 16px; background: url('/images/directShop/renew/icon_link_arrow.svg') no-repeat 0 0; background-size: contain;}

@media all and (max-width: 420px) {
	.esim-info li a {font-size: 12px;}
  .esim-info li a:after {width: 14px; height: 14px;}
}

/* 유심 구매처 안내 */
.ktd-conWrap .usim-buy-find {margin:65px 0 25px;}
.ktd-conWrap .usim-buy-find h3 {font-size: 24px; font-weight: 500;}
.ktd-conWrap .usim-buy-find ul {margin-top:33px; display: flex; justify-content:flex-start; width: 100%; flex-wrap: wrap;}

.ktd-conWrap .usim-buy-find li {text-align: center;}
.ktd-conWrap .usim-buy-find li a {position:relative; color:#6F6F6F;}
.ktd-conWrap .usim-buy-find li a:before {content: ''; display:block; width:78px; height: 78px; margin: 0 auto 8px; border-radius: 25px; border: 1px solid #D9D9D9; background:#fff; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 44px; box-shadow: 4px 4px 10px #7272720D;}

.ktd-conWrap .usim-buy-find li.seller-gs25 a:before {background-image: url('/images/directShop/renew/logo_seller_gs25.png'); background-size: 80%;}
.ktd-conWrap .usim-buy-find li.seller-kt a:before {background-image: url('/images/directShop/renew/logo_seller_ktshop.png'); background-size: 80%;}
.ktd-conWrap .usim-buy-find li.seller-naver a:before {background-image: url('/images/directShop/renew/logo_seller_naver.png'); background-size: 80%;}
.ktd-conWrap .usim-buy-find li.seller-cu a:before {background-image: url('/images/directShop/renew/logo_seller_cu.png'); background-size: 80%;}
.ktd-conWrap .usim-buy-find li.seller-gmarket a:before {background-image: url(https://image.shop.kt.com/upload/editor/display/logo_seller_gmarket.png); background-size: 80%;}
.ktd-conWrap .usim-buy-find li.seller-coupang a:before {background-image: url('/images/directShop/renew/logo_seller_coupang.png'); background-size: 80%;}

@media all and (max-width: 360px) {
	.ktd-conWrap .usim-buy-find li a:before {width:58px; height: 58px; border-radius: 10px; background-size: auto 38px;}
}

/* 메인 - 추천 요금제 */
.ktd-main-section-2 {padding:40px 20px;
  background:#3FB0F7 url('/images/directShop/renew/bg_payment.png') no-repeat 100% -7px;
  background-size: auto 190px;
}

.ktd-main-section-2 .section-head h2 {color: #fff; font-weight: bold;}
.ktd-main-section-2 .section-head h2 + p {color: #fff;margin-bottom:16px;}
.ktd-main-section-2 .section-body {margin:40px -20px 0;}
.ktd-main-section-2 .btn_more span {position: relative; padding-right: 14px; color:#fff;}
.ktd-main-section-2 .btn_more span:after {content: ''; position: absolute; top: 50%; right: 0;transform: translateY(calc(-50% - -1px)) rotate(45deg); width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; display: inline-block;}

/* 메인 - 중고폰,자급제폰 */
.ktd-main-section-3 {padding:40px 20px 0;
  background: url('/images/directShop/renew/bg_used.png') no-repeat 100% 40px;
  background-size: auto 190px;
}
.ktd-main-section-3 .section-body {margin-top:37px;}
.ktd-main-section-3 .section-body > div {position:relative; height: 180px; padding:24px; border-radius: 20px;
  -webkit-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.15);
  box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.15);
}
.ktd-main-section-3 .section-body > div + div {margin-top:16px}

.ktd-main-section-3 .section-body .used-phone {
  background-color:#6c8fed;
  background-image: url('/images/directShop/renew/bg_main_used.png');
  background-size: auto 100px;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) calc(100% - 20px);
}
.ktd-main-section-3 .section-body .self-sufficient-phone {
  background-color:#33ceca;
  background-image: url('/images/directShop/renew/bg_main_self.png');
  background-size: auto 100px;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) calc(100% - 20px);
}

.ktd-main-section-3 .section-body > div > a {position: absolute; bottom: 24px; left:24px; color: #fff;}
.ktd-main-section-3 .section-body > div > a span {position: relative; padding-right: 15px; font-weight: 500;}
.ktd-main-section-3 .section-body > div > a span:after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(calc(-50% - -1px)) rotate(45deg); width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; display: inline-block;}

.ktd-main-section-3 .section-body .flag + .headcopy {margin-top: 10px;}
.ktd-main-section-3 .section-body .flag span {display:inline-block; height: 20px; line-height: 20px; padding:0 5px; font-size: 10px; border-radius: 5px;}
.ktd-main-section-3 .flag01 {color:#fff; background:#EB6785;}
.ktd-main-section-3 .flag02 {color:#1DA8A5; background:#FFE9A2;}

.ktd-main-section-3 .section-body .headcopy {font-size:20px; font-weight: bold; color: #fff;}

/****************************** 이벤트 페이지 ******************************/
.ktd-eventWrap {margin-top:0; padding: 32px 20px 0; margin:0 -20px;}
.ktd-eventList {margin-top:24px;}

.ktd-eventWrap .topInfo {position: relative;}
.ktd-eventWrap .topInfo strong {font-size: 16px; font-weight: bold;}
.ktd-eventWrap .topInfo strong span {color: #1DA8A5; font-weight: bold;}
.ktd-eventWrap .topInfo .subject {font-size: 16px; font-weight: 500;}
.ktd-eventWrap .topInfo .date {color:#000;}
.ktd-eventWrap .topInfo .subject + .date {margin-top:8px; color: #6F6F6F;}

.ktd-eventWrap .topInfo .sort-area {position: absolute; top: 0; right: 0; z-index: 10;}
.ktd-eventWrap .topInfo .sort-area .select-area > a {padding-right: 24px; font-size: 14px; color: #121619; line-height: normal;}
.ktd-eventWrap .topInfo .sort-area .select-area > a:after {content: ""; position: absolute; width: 6px; height: 6px; top: calc(50% + -1px); right: 2px; border: 2px solid #000; border-top: 0; border-right: 0; transform: translateY(-50% ) rotate(-45deg); transition: all 0.3s; background:none;}
.ktd-eventWrap .topInfo .sort-area .select-area > a.open:after {
  top: calc(50% + 2px);
  transform: translateY(-50% ) rotate(135deg);
}

.ktd-eventWrap .topInfo .select-area ul {top:35px; left: inherit; right: -15px;}

.ktd-eventList > .item + .item {margin-top:32px;}
.ktd-eventList .item > a {display: block;}
.ktd-eventList .item > a img {width: 100%; max-width: 100%; border-radius: 12px;}
.ktd-eventList .info {margin-top:8px;}
.ktd-eventList .date {color:#6F6F6F;}
.ktd-eventList .ktd-selfLink {margin-top: 4px !important;}
.ktd-eventList .ktd-selfLink span {color: #121619;}
.ktd-eventList .ktd-selfLink span:after {border-color: #121619;}

/* 리스트 없는 경우 */
.ktd-no-list {position: relative; padding: 116px 0; text-align: center;}
.ktd-no-list:before {content: ''; display: inline-block; width: 80px; height: 80px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;}
.ktd-no-list span {display: block; margin-top:20px; font-size: 16px; color: #6F6F6F;}
.ktd-no-list.type01:before {background-image: url('/images/directShop/renew/icon_no-list01.svg');}
.ktd-no-list.type02:before {background-image: url('/images/directShop/renew/icon_no-list02.svg');}
.ktd-no-list.type03:before {background-image: url('/images/directShop/renew/icon_no-list03.svg');}

/* 이벤트 상세 */
.ktd-eventView {margin:16px -20px 0;}
.ktd-eventView img {width: 100%; max-width: 100%;}

/* 당첨자 발표 */
.ktd-winnerList {}
.ktd-winnerList li {padding:20px 0; border-top:1px solid #D9D9D9;}
.ktd-winnerList li:first-child {padding-top:0; border-top:0;}
.ktd-winnerList li a {font-size:16px; font-weight: 500; color: #000; text-align: left;}
.ktd-winnerList li .date {margin-top:8px;}

.ktd-eventWinner .thumb {padding: 24px 0 20px; border-bottom: 1px solid #D9D9D9;}
.ktd-eventWinner .thumb img {width: 100%; max-width: 100%;}

.ktd-eventWinner .winnerList {margin-top:20px}
.ktd-eventWinner .winnerList dl + dl {margin-top:40px;}
.ktd-eventWinner .winnerList dt {color: #6F6F6F;}
.ktd-eventWinner .winnerList dd {margin-top:8px;}

.ktd-eventWinner .winnerList ul:after {content: ''; display: block; clear: both;}
.ktd-eventWinner .winnerList li {float: left; width:50%; padding:0 5px 0 0; font-weight: 500; color: #000;}
.ktd-eventWinner .winnerList li:nth-child(n+3) {margin-top:16px;}

@media all and (max-width: 460px) {
  .ktd-eventWinner .winnerList li {float: none; width: 100%;}
  .ktd-eventWinner .winnerList li + li {margin-top:16px;}
}

.ktd-eventWrap .ktd-btn-block .btn.inline {min-width: 128px; height: 48px; line-height: 46px; font-weight: bold;}

/****************************** 공통 - 콘텐츠 ******************************/
/* 요금제 슬라이드 */
.ktd-conWrap .payment-slide {padding:0 15px 0 20px;}
.ktd-conWrap .payment-slide .swiper-pagination {position:relative; bottom:inherit; left: inherit; text-align: center; margin:24px 0 0; height:6px;}
.ktd-conWrap .payment-slide .swiper-pagination .swiper-pagination-bullet {width: 6px; height: 6px; display: inline-block; border-radius: 100%; background: #fff; opacity: 0.6; vertical-align: top;}
.ktd-conWrap .payment-slide .swiper-pagination .swiper-pagination-bullet-active {width:20px; border-radius: 3px; opacity: 1;}
.ktd-conWrap .payment-slide .swiper-slide { height:auto;padding: 24px; border:1px solid #D9D9D9; border-radius: 20px; text-align: center; background:#fff;
  -webkit-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.05);
  box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.05);
}
.ktd-conWrap .payment-slide .swiper-slide a {display: flex;flex-direction: column; justify-content:space-between;width: 100%;height:100%;}

.ktd-conWrap .payment-slide .swiper-wrapper{display:flex;align-content:stretch;}
.ktd-conWrap .payment-slide .flag {display:block; margin-bottom: 4px;min-height:24px}
.ktd-conWrap .payment-slide .flag span {display:inline-block; height: 24px; line-height: 22px; padding:0 8px; border: 1px solid #1DA8A5; border-radius: 3px; color: #1DA8A5; font-size: 12px; font-weight: 500; background:#D4FAF9;}
.ktd-conWrap .payment-slide .flag.none span{display:none}
.ktd-conWrap .payment-slide .discount{min-height:18px}
.ktd-conWrap .payment-slide .payment-tit {font-size: 20px; font-weight: bold; color: #000;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #D9D9D9;}
.ktd-conWrap .payment-slide .data-info{display:flex;flex-direction: column;justify-content: center;flex:1}
.ktd-conWrap .payment-slide .data-info > li{margin-top:2px;}
.ktd-conWrap .payment-slide .data-info > li:first-child,
.ktd-conWrap .payment-slide .data-benefit > li:first-child{margin-top:0;}
.ktd-conWrap .payment-slide .data-info > li p{font-size:14px;color:#6F6F6F;line-height:20px;}
.ktd-conWrap .payment-slide .data-info > li p em{padding-left:5px; color: #161616; font-weight: 500;}
.ktd-conWrap .payment-slide .data-benefit{margin-top:16px;background-color:#F8F8F8;text-align:center;padding:14px;}
.ktd-conWrap .payment-slide .data-benefit > li{font-size:14px;margin-top:8px;color:#161616;line-height:20px}
.ktd-conWrap .payment-slide .data-benefit .icon:before{content:'';display:inline-block;width:24px;height:24px;margin:-2px 4px 0 0;vertical-align:middle;background:0 0 no-repeat;}
.ktd-conWrap .payment-slide .data-benefit .icon.check:before{background-image:url('/images/directShop/renew/bg_main_sec2_check.svg');}
.ktd-conWrap .payment-slide .data-benefit .icon.plus:before{background-image:url('/images/directShop/renew/bg_main_sec2_plus.svg');}
.ktd-conWrap .payment-slide .discount {margin-top:12px; color:#f00}
.ktd-conWrap .payment-slide .price {margin-top:39px;}
.ktd-conWrap .payment-slide .price strong {font-size: 20px; color: #000; font-weight: 500;line-height: 29px;}

.ktd-conWrap .payment-slide-wrap h2 + .swiper-container {margin:20px -20px 0;}
.ktd-conWrap .payment-slide-wrap .payment-slide .swiper-slide > div {border-color: #1DA8A5;}
.ktd-conWrap .payment-slide-wrap .payment-slide .swiper-pagination .swiper-pagination-bullet {background-color: #D9D9D9;}
.ktd-conWrap .payment-slide-wrap .payment-slide .swiper-pagination .swiper-pagination-bullet-active {background-color: #6F6F6F;}

/* 가입혜택 - 메인 */
.ktd-gift-section {padding:45px 20px;
  background:#f3f7fa url('/images/directShop/renew/bg_gift.png') no-repeat 100% 0;
  background-size: auto 190px;
}
.ktd-gift-section .section-body {margin-top:43px;}

.ktd-conWrap .benefit-box {padding:24px; border:1px solid #3accc8; border-radius: 10px; background:#fff; text-align: center;}
.ktd-conWrap .benefit-box + .benefit-box {margin-top:16px;}

.ktd-conWrap .benefit-box .benefit-txt {text-align: center;}
.ktd-conWrap .benefit-box .benefit-txt span {display: inline-block; height: 30px; line-height: 30px; padding: 0 18px; min-width: 72px; border-radius: 15px; font-weight: bold; color: #fff; background:#1da8a5;}

.ktd-conWrap .benefit-box .headcopy {margin:12px 0 24px; font-size: 16px; font-weight: 500; color: #000;}

.ktd-conWrap .benefit-box ul {display: table; width: 100%;}
.ktd-conWrap .benefit-list01 + .benefit-list01 {border-top:1px solid #ececec;}
.ktd-conWrap .benefit-list01 li {display:table-cell; padding:8px 2px; }
.ktd-conWrap .benefit-list01 li img {max-width: 86px;}

.ktd-conWrap .benefit-list01 dl {margin-bottom: 20px;}
.ktd-conWrap .benefit-list01 dt {font-size: 12px; color: #6F6F6F;}
.ktd-conWrap .benefit-list01 dd {margin-top: 5px; font-weight: 500; color: #000;}

.ktd-conWrap .benefit-list02 + .benefit-list02 {margin-top:20px;}
.ktd-conWrap .benefit-list02 li {display: table-cell; width: 50%; text-align: center;}
.ktd-conWrap .benefit-list02 li img {max-width: 96px;}
.ktd-conWrap .benefit-list02 li span {display: block; margin-top: 2px; color:#000}
.ktd-conWrap .benefit-list02 li span.info {font-size: 12px; color: #6F6F6F; margin-top:4px}
.ktd-conWrap .benefit-list02 li:nth-child(n+3) {margin-top:20px;}

.ktd-conWrap .ktd-gift-section .btn-gift {margin-top:32px; text-align: center;}
.ktd-conWrap .ktd-gift-section .btn-gift a {height: 40px; line-height: 38px; font-size: 14px; border-radius: 8px; font-weight: 500; min-width: 94px; width: auto; padding: 0 16px; display: inline-block; text-align: center; background-color: #000;color: #fff;}

.ktd-conWrap .ktd-gift-section .btn-gift a span {padding:0 16px; font-size: 16px; font-weight: bold; color: #fff;}

/****************************** Footer ******************************/
.ktd-conWrap .footer {margin-top:64px; padding:32px 24px 40px; line-height: 1.6; font-size: 14px; color:#ccc; background-color: #393939;}
.ktd-conWrap .footer br {display: block;}
.ktd-conWrap .footer p strong {font-size: 16px;}
.ktd-conWrap .footer p.award {position:relative; top:inherit; right: inherit; margin-bottom:25px;}
.ktd-conWrap .footer p.award img {width:174px}
.ktd-conWrap .footer p.company {color:#fff;}
.ktd-conWrap .footer p + p {margin-top:15px;}
.ktd-conWrap .footer p.copy {margin-top:15px; font-weight: 400;}

/********************* as-is - to-be layout 적용 *********************/
.ktd-conWrap #content,
.ktd-conWrap .bodyContent {width: 100%; max-width: 100%; padding: 0 20px;}

/* 공통 */
.ktd-conWrap .gift-section .gift-box .pic-2 > span{vertical-align:top}
.ktd-conWrap .gift-section .gift-box .pic-2 img,
.ktd-conWrap .gift-section .gift-box .pic-2 img.img1,
.ktd-conWrap .gift-section .gift-box .pic-2 img.img2{width:auto;height:64px;}

.ktd-conWrap #contents.new-contents h1,
.ktd-conWrap #mainContents.new-contents h1 {margin:0 20px}
.ktd-conWrap #contents.new-contents #content {padding:0 20px;}

.ktd-conWrap .ui-popup {left: inherit; max-width: 448px;}
.ktd-conWrap .popup {left: inherit; max-width: 448px; transition: none;}
.ktd-conWrap .popup.active {transform: none !important;}

.ktd-conWrap .popup header {position: relative}
.ktd-conWrap .popup header h1 {width: auto;}

/* 가입신청 (유심 미보유) */
.ktd-conWrap .self-sufficient-ready {margin: 0 -20px 65px -20px;}

/* 셀프개통 (유심 보유) */
.ktd-conWrap .self-sufficient-guide {margin: 0 -20px 20px;}
.ktd-conWrap .self-sufficient-movie +.data-sharing-store{margin-bottom: 40px !important;}

/* 다이렉트 요금제 변경 */
.ktd-conWrap .direct_rate_box,
.ktd-conWrap .direct_rate_visual,
.ktd-conWrap .direct_member_rate_box {margin: 0 -20px;}

/* 다이렉트 요금제 변경 - 인증
.ktd-conWrap #contents.new-contents .content-cetify #content {height: 10px;}*/

/* 데이터쉐어링 셀프개통 */
.ktd-conWrap .mainPop {left: inherit !important; right: inherit !important; margin-left: 0 !important; border: none !important; max-width: 450px !important;}
.ktd-conWrap .mainPop .dim {left:inherit !important; width: 450px !important;}
.ktd-conWrap .mainPop .mainLyWrap {padding: 20px;}
.ktd-conWrap .mainPop img {width: 100%;}

.ktd-conWrap .mainPop .link01{left:10% !important;top:72% !important;width:38% !important;height:10% !important;}
.ktd-conWrap .mainPop .link02{right:11.8% !important;top:72% !important;width:38% !important;height:10% !important;}
.ktd-conWrap .mainPop .link03{left:10% !important;top:84% !important;width:38% !important;height:10% !important;}
.ktd-conWrap .mainPop .link04{right:11.8% !important;top:84% !important;width:38% !important;height:10% !important;}


.ktd-conWrap .faq-area {margin:0 -20px;}
.ktd-conWrap .data-sharing-money .faq-area {padding: 20px 20px 20px;}
.ktd-conWrap .data-sharing-store {margin: 40px -20px 0;}

/* gs25 찾기 */
.ktd-conWrap .event-content {margin-top:0;}

/* 자급제폰 구매 */
.ktd-conWrap .plan-section {margin:0 -20px !important}

/* 가입내역조회 */
.ktd-conWrap .notmember {padding: 0 20px; margin: 0 auto;}

/********************* as-is - to-be layout 적용 : 요금제 선택 *********************/
.ktd-conWrap #content-recommend {padding: 0 20px;}
.ktd-conWrap #con-notice-pop {margin-left: -20px;}

/********************* as-is - to-be layout 적용 : 가입신청서 *********************/
.ktd-conWrap .fixed {padding-left: 0;}

/*.ktd-conWrap .tooltipHelp{position:relative; margin-left: 2px; top: -2px; width: 16px; height: 16px; background: url('/images/directShop/renew/btn-fee-info2.svg') 0 0 no-repeat; background-size: 100%; color: transparent; font-size: 1px; overflow: hidden; vertical-align: bottom;}*/

.ktd-conWrap .tooltipHelp + .tooltipArticle {display:none; margin-top: 12px; margin-bottom: 4px; width: 100% !important;}
.ktd-conWrap .tooltipHelp + .tooltipArticle .user-auth-img {margin: 0; max-width: 300px; width: auto;}

/* 주문내역조회 */
.ktd-conWrap .period {padding-top: 30px;}
.ktd-conWrap #popup-couponguide2 {margin-left: -55px;}


/* 주문완료 */
.ktd-conWrap .done-notice,
.ktd-conWrap .done-btn-wrap {padding-right: 0; padding-left: 0;}

/* 주문완료 - 제휴쿠폰 이용안내 팝업 */
.ktd-conWrap #popup-couponguide {margin-left: -55px;}
.ktd-conWrap #popup-couponguide .content {position: absolute;}

/* as-is reset */
body.bg-f8 {background-color:#fff}
body.bg-f8 .ktd-conWrap {background-color:#f8f8f8}

#popup-phone-move,
#coupon-useguide {margin-left: -20px;}

.ktd-conWrap .done-title  {padding-left: 0;}

.ktd-conWrap .topInfo {margin-top:-16px}
.ktd-conWrap .topInfo + .ktd-eventView {margin-top:16px}
.ktd-conWrap .ktd-eventView .tab-content {margin-top:0}

.ktd-conWrap .self-sufficient-movie {margin-top: 35px;}
.ktd-conWrap .self-sufficient-guide {margin: 0 0 35px;}

.ktd-conWrap #DCX_SDEG {left: inherit !important; width:100% !important}
.ktd-conWrap #widgetMaskLayer {left: inherit !important; width: 448px !important}

/*다이렉트샵*/
.data-sharing-wrap {background-color: #f8f8f8 !important;}

/********************************** eSIM : 추가 **********************************/
/* 가입신청 */
.esimContent .self-sufficient-ready {margin-top:35px}
.esimContent .self_link a {flex: 1; display:flex; width: auto; white-space: nowrap; line-height: 18px;justify-content: center;align-items: center}
.esimContent .self_link a + a {margin-left: 15px;}
@media all and (max-width: 420px) {
  .esimContent .self_link a + a {margin-left: 5px;}
}

.eSIM-QR-img {text-align: center;}
.eSIM-QR-img img {max-width: 225px !important; height: auto; border: 2px solid #01a69f; border-radius: 6px; padding: 10px;}

.esimContent .dSIM-toggle {padding:0; margin-top:30px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.esimContent .dSIM-toggle + .dSIM-toggle {margin-top:-1px;}
.esimContent .dSIM-toggle button {position: relative; display: block; padding: 10px 50px 10px 0; font-size: 14px; color: #fff; font-weight: 500; text-align: left; width:100%;}
.esimContent .dSIM-toggle button:after{content:""; position:absolute; width:7px; height:7px; top:calc(50%); right:25px; border:2px solid #fff; border-top:0; border-left:0;
transition: transform ease 0.3s;
transform:  translateY(-50%) rotate(45deg);}
.esimContent .dSIM-toggle button.on:after {transition: transform ease 0.3s; transform:  translateY(-50%) rotate(-135deg);}
.esimContent .dSIM-toggle dt {margin-bottom:0;}
.esimContent .dSIM-toggle dd {display:none;opacity:inherit;margin-bottom: 15px;margin-top: 3px;}

.dSIM-use-device {padding:20px 25px; background-color: #fff; border-radius: 15px;}
.dSIM-use-device dl {padding-left:0;}
.dSIM-use-device .esim-device-list {display: flex; justify-content: space-between;color: #557178; line-height:28px;}
.dSIM-use-device .esim-device-list + .esim-device-list {margin-top:2px;border-top: 1px dashed #e6e8f1; border-bottom: 1px solid #e7eaf4; padding-top: 15px;}
.dSIM-use-device .esim-device-list dt {width:45px !important; font-weight:500; color:#283539; font-size: 14px;}
.dSIM-use-device .esim-device-list dd {flex:1; margin-left:15px; font-size:13px; color:#557178;}
.dSIM-use-device .esim-device-list + .mark {margin-top:20px;}
.dSIM-use-device .mark {font-size: 12px; color:#666;}
.dSIM-use-device .mark + .mark {margin-top: 10px;}

.dSIM-toggle .usim-buy-find,
.dSIM-toggle .usim-buy-find ul {margin:0;}
.dSIM-toggle .usim-buy-find ul > li:before {display:none;}
.dSIM-toggle .usim-buy-find li a {color:#fff;}

.esimContent .precautions {margin:-40px -20px 40px; padding:50px 20px; background-color: #F4F4F4;}

/* 데이터 쉐어링 */
.data-sharing-esim-wrap .tab_links li > a {background-color: #fff;}
.data-sharing-esim-wrap .tab_links li.active a {background-color:#00A2BE;}
.data-sharing-esim-wrap .tab_links li.active span {color:#fff;}
.data-sharing-esim-wrap .self_link a {flex: 1; width: auto; white-space: nowrap;}
.data-sharing-esim-wrap .self_link a + a {margin-left: 15px;}
@media all and (max-width: 420px) {
  .data-sharing-esim-wrap .self_link a:last-child {flex-direction: column; margin-left: 0;}
}

/* 가입신청서 */
#tab-con7 .msg + .ui-popup-call, #tab-con24 .msg + .ui-popup-call {position:relative; margin-bottom: 30px; color: #000; padding-right: 10px;}
#tab-con7 .msg + .ui-popup-call:after, #tab-con24 .msg + .ui-popup-call:after{
  content:"";position:absolute;width:6px;height:6px;top:calc(50%);right:0;
  border:1px solid #000; border-top:0; border-left:0;
  transition: transform ease 0.3s;
  transform:  translateY(-50%) rotate(-45deg) ;
}
#tab-con7 .msg span, #tab-con24 .msg span {font-size: 12px; color: #666; display: block; line-height: normal;}
#tab-con7 .msg span span, #tab-con24 .msg span span {padding-left:10px;}
#tab-con7 .esim-check.check2, #tab-con24 .esim-check.check2 {display: flex; justify-content: space-between;}
#tab-con7 .esim-check.check2 button + button, #tab-con24 .esim-check.check2 button + button {margin-left: 10px;}
#tab-con7 .esim-check button, #tab-con24 .esim-check button {height: 36px; line-height: 36px; font-size: 13px;}

.ui-popup.esim-email .body {text-align: center;}
.ui-popup.esim-email .body .check-email {margin-top: 5px; font-weight: bold; font-size: 14px;}

/* 듀얼번호SIM - 유심 구매처*/
.parent-line-search .dSIM-toggle {padding:0; margin-top:30px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.parent-line-search .dSIM-toggle + .dSIM-toggle {margin-top:-1px;}
.parent-line-search .dSIM-toggle button {position: relative; display: block; padding: 10px 50px 10px 0; font-size: 14px; color: #222; font-weight: 500; text-align: left; width:100%;}
.parent-line-search .dSIM-toggle button:after{content:""; position:absolute; width:7px; height:7px; top:calc(50%); right:25px; border:2px solid #222; border-top:0; border-left:0;
transition: transform ease 0.3s;
transform:  translateY(-50%) rotate(45deg);}
.parent-line-search .dSIM-toggle button.on:after {transition: transform ease 0.3s; transform:  translateY(-50%) rotate(-135deg);}
.parent-line-search .dSIM-toggle dt {margin-bottom:0;}
.parent-line-search .dSIM-toggle dd {display:none;opacity:inherit;margin-bottom: 15px;margin-top: 3px;}
.parent-line-search .dSIM-toggle .usim-buy-find li a {color:#222;}

/* 가입내역 상세 */
.esim-qr a {position: relative; padding-right: 15px; color: #000;}
.esim-qr a:after{
  content:"";position:absolute;width:6px;height:6px;top:calc(50%);right:0;
  border:2px solid #000; border-top:0; border-left:0;
  transition: transform ease 0.3s;
  transform:  translateY(-50%) rotate(-45deg) ;
}

/* eSIM QR 팝업 */
#popup-eSIMQR .content {top: 50%; transform: translateY(-50%); width: calc(100% - 40px); height: auto; padding: 24px; border-radius: 20px;}
#popup-eSIMQR .content .header {font-size: 16px; font-weight: bold; color: #000; text-align: center;}
#popup-eSIMQR .content .body {margin-top:16px;}
#popup-eSIMQR .content .body div {text-align: center;}
#popup-eSIMQR .content .body div img {max-width: 100%;}
#popup-eSIMQR .content>.btn-close {top:30px}

@media all and (max-width: 450px) {
  #popup-eSIMQR {max-width: 100%;}
}

/* 자주 묻는 질문 */
.faq-filter {margin:0 -20px 35px;}
.faq-filter .swiper-container {padding-left: 20px;}
.faq-filter #top-tab>.tab-nav li button,
.faq-filter #top-tab>.tab-nav li a {height:35px; line-height: 35px; box-shadow: none; border: none; background-color: #EDEDED; color: #959595;}

.faq-filter #top-tab>.tab-nav li.active button,
.faq-filter #top-tab>.tab-nav li.active a {background-color: #000; color: #fff;}

.faq-filter + .faq-area dt,
.faq-filter + .faq-area .load {display: none;}
.faq-filter + .faq-area .load.active {display: block;}
.faq-filter + .faq-area dd a {color:#00a2be;}
.faq-top {position:relative; margin-bottom: 20px; color: #666; font-size: 14px;}
.faq-top strong {font-weight: bold; color: #000;}
.faq-top a {position:absolute; top:50%; right:0; transform: translateY(-50%); height: 28px; line-height: 28px; padding: 0 14px; background-color: #00A2BE; border-radius: 20px; color: #fff; font-size: 12px;}

.faq-more {margin-top:30px; text-align: center;}
.faq-more a {display: inline-block; font-size: 13px; color: #959595; border: 1px solid #C7C7C7; border-radius: 5px; padding:8px 15px; background-color: #fff; }
.faq-more a span.fTit {color: #000;}
.faq-more a span.fNum {margin-left: 10px;}

/* 팝업 popup-esim - fixed 형태 일 경우 */
[class*=popup-esim] .content::-webkit-scrollbar {display: none;}
[class*=popup-esim] .content {padding-top:0;
  -webkit-text-size-adjust: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
[class*=popup-esim] .header {position: sticky; top: 0; background-color: #fff; z-index: 11;}
[class*=popup-esim] .header .btn-close{display:block;width: 24px;height: 24px;overflow:hidden;text-indent:-9999px;background:url('/images/directShop/renew/btn-popupClose.svg') 50% 50% no-repeat;background-size:20px auto;position:absolute;top:20px;right:20px;}
[class*=popup-esim] .body {padding-bottom: 70px !important;}
@media all and (max-width: 450px) {
	[class*=popup-esim] .btn-bottom {max-width: 100%;}
}
[class*=popup-esim] .top-title {position:relative; margin-bottom:20px; font-size: 16px; font-weight: 500; letter-spacing: -.64px; padding-left:10px;}
[class*=popup-esim] .top-title:before {content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: #666; border-radius: 50%;}
[class*=popup-esim] .dSIM-toggle + .top-title {margin-top:40px;}
[class*=popup-esim] .top-txt {color: #000; font-size: 14px; margin-bottom:20px;}
[class*=popup-esim] .top-txt2 {color: #fe2c55; font-size: 14px; margin-bottom:20px;}

/* 팝업 공통 toggle */
[class*=popup-esim] .dSIM-toggle {border: 1px solid #BCBCBC; border-radius: 10px;}
[class*=popup-esim] .dSIM-toggle + .dSIM-toggle {margin-top:10px;}
[class*=popup-esim] .dSIM-toggle button {position: relative; display: block; padding: 16px 50px 16px 25px; font-size: 14px; color: #000; font-weight: 500; text-align: left; width:100%;}
[class*=popup-esim] .dSIM-toggle button:after{
  content:"";position:absolute;width:7px;height:7px;top:calc(50%);right:25px;
  border:2px solid #000; border-top:0; border-left:0;
  transition: transform ease 0.3s;
  transform:  translateY(-50%) rotate(45deg);
}
[class*=popup-esim] .dSIM-toggle button.on:after {transition: transform ease 0.3s; transform:  translateY(-50%) rotate(-135deg);}
[class*=popup-esim] .dSIM-toggle dd {display:none; margin:0 25px; padding:21px 0 16px; border-top:1px solid #bcbcbc; color:#666;}
[class*=popup-esim] .dSIM-toggle + .alert {margin-top:20px;}

/* eSIM 발급방법 */
.dSIM-QR {margin-top:20px; text-align: center;}
.dSIM-QR p {font-weight: bold; font-size:16px; color:#000;}
.dSIM-QR .thumb {margin:0 auto;}
.dSIM-QR .thumb img {max-width:225px !important; height:auto; border: 2px solid #01a69f; border-radius: 6px; padding: 10px;}

.dSIM-common {position:relative; margin-top:25px; padding-left:50px; font-size:12px;}
.dSIM-common span {position:absolute; top:0; left:0; font-weight: bold; color:#000;}

.dSIM-toggle .inner {padding:0 15px;}
.dSIM-toggle .txt-underline {margin:12px 0 20px;font-size:12px; color:#000; text-decoration: underline;}
.dSIM-toggle .txt-center {margin:40px 0 15px;font-size:12px; color:#666; text-align: center;}
.dSIM-toggle .txt-center strong {font-weight:bold; color:#000}
.dSIM-toggle .infor-list + .txt-center {margin-top:20px;}
.dSIM-toggle .thumb {text-align: center;}
.dSIM-toggle .thumb img {width:100%; max-width: 240px;}
.dSIM-toggle .thumb-flex {display:flex; justify-content: space-between; max-width: 265px; margin: 0 auto; font-size: 12px;}
.dSIM-toggle .thumb-flex span {flex:1}
.dSIM-toggle .thumb + .txt-underline  {margin-top:40px;}
.dSIM-toggle .thumb + .infor-list  {margin-top:50px;}
.dSIM-toggle .tg_tit.white{display:block;color:#fff;margin-top:20px;}
.dSIM-toggle .tg_tit.white:first-of-type{margin-top:10px;}
.dSIM-toggle .tg_tit + .infor-list {margin-top:10px;}
.ui-popup.popup-type-2 .dSIM-toggle .dSIM-txt {text-align: center; margin:12px 0 24px;}
.ui-popup.popup-type-2 .dSIM-toggle .dSIM-txt span {display: inline-block; height: 30px; line-height: 30px; padding: 0 18px; min-width: 159px; border-radius: 15px; font-weight: bold; color: #fff; background:#653BC1;}
.ui-popup.popup-type-2 .dSIM-toggle .dSIM-txt2 {text-align: center; margin:12px 0 24px;}
.ui-popup.popup-type-2 .dSIM-toggle .dSIM-txt2 span {display: inline-block; height: 30px; line-height: 30px; padding: 0 18px; min-width: 159px; border-radius: 15px; font-weight: bold; color: #fff; background:#3F65CE;}
/* eSIM 단말정보 입력 */
[class*=popup-esim] .txt-other {margin:40px 0 20px; font-size:16px; font-weight: bold; color:#00A2BE;}
[class*=popup-esim] .txt-other2 {margin:40px 0 20px; font-size:12px; font-weight: bold; color:#000;}
[class*=popup-esim] .txt-other3 {margin:20px 0 20px; font-size:13px; font-weight: bold; color:#000;}
[class*=popup-esim] .txt-other4 {margin:20px 0 20px; font-size:14px; font-weight: bold; color:#000; text-align: center;}
[class*=popup-esim] .txt-other4 span {border:2px solid #14A69F; border-radius: 6px; padding:3px 6px; margin-top:5px; display: block;}
.dSIM-list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.dSIM-list li {flex: 0 48%; margin-bottom: 40px;}
.dSIM-list li:last-child {margin-bottom: 40px !important;}
.dSIM-list li img {width: auto; max-width: 100%;}
.dSIM-list li span {position:relative; display:block; margin-bottom:15px; font-size: 12px; color:#000; padding-left:23px; font-weight: 500;}
.dSIM-list li span em {position:absolute; top:0; left:0; display:flex; justify-content:center; align-items: center; width:18px; height:18px; border-radius: 50%; background-color: #000; color:#fff; font-size:10px;}

.dSIM-list li.full {flex:100%; height:101px; margin-right:-25px; margin-left:-25px; width:100%; text-align:center; font-size:12px; color:#666; background:url('/images/directShop/renew/bg_eSIM_rebooting.svg') 50% 50% no-repeat; background-size:contain; padding-top:10px;}
.dSIM-list li.full strong {display:block; font-size:14px; font-weight: bold; color:#000}

/* 이용가능단말 */
[class*=popup-esim] .esim-device-list {display: flex; justify-content: space-between; padding:20px; background-color: #F4F4F4; color: #557178; line-height:28px;}
[class*=popup-esim] .esim-device-list:first-child {border-radius: 15px 15px 0 0;}
[class*=popup-esim] .esim-device-list:nth-child(2) {margin-top:2px;}
[class*=popup-esim] .esim-device-list:nth-child(3) {margin-top:2px; border-radius: 0 0 15px 15px;}
[class*=popup-esim] .esim-device-list dt {width:40px !important; font-weight:500; color:#283539; font-size: 14px;}
[class*=popup-esim] .esim-device-list dd {flex:1; margin-left:15px; font-size:13px; color:#557178;}
[class*=popup-esim] .esim-device-list + .mark {margin-top:20px;}
[class*=popup-esim] .mark {font-size: 12px;}
[class*=popup-esim] .mark + .mark {margin-top: 10px;}

/* 듀얼심 사용 확인방법 */
.popup-esim-dual .dSIM-toggle .thumb img {max-width: 265px}

/* EID/IMEI 유효성 체크 */
.popup-EID-IMEI {max-width: 360px; margin:0; background-color: rgba(0,0,0,0.8); z-index:1001;}
.popup-EID-IMEI .content {top:50%; transform: translateY(-50%); width: calc(100% - 40px); height: auto; padding:24px; border-radius: 20px;}
.popup-EID-IMEI .content .header {font-size: 16px; font-weight: bold; color: #000; text-align: center;}
.popup-EID-IMEI .content .body {margin-top:16px; text-align: center; font-size: 13px; color: #666;}
.popup-EID-IMEI .content .body strong {display:block; margin:5px 0; font-size: 14px; color: #000;}
.popup-EID-IMEI .btn-bottom {padding:24px 0 0 !important}

/********************************** 듀얼번호 서비스 : 추가 **********************************/
.step-top-msg span.block {display:block; margin:20px 0; font-size: 16px;}

.parent-line-search .t-txt2 {margin-top:10px; font-size: 14px;}
.parent-line-search .t-txt3,
.input-esim .msg + p.t-txt3 {margin-top:10px; margin-bottom: 20px; font-size: 14px; font-weight: bold;}
.parent-line-search .parent-line-list2 + .t-txt2 {font-size: 13px; color: #666666;}

.parent-line-search .parent-line-list2{margin-top:40px;}
.parent-line-search .parent-line-list2 li.checkbox{display:block;}
.parent-line-search .parent-line-list2 li.checkbox + li.checkbox{margin-top:24px;}
.parent-line-search .parent-line-list2 li.checkbox label{padding-left:50px;font-size:0;}
.parent-line-search .parent-line-list2 li.checkbox label span{display:inline-block;font-size:16px;color:#dcdddc;}
.parent-line-search .parent-line-list2 li.checkbox label .b-txt{color:#000;}
.parent-line-search .parent-line-list2 li.checkbox :checked + label span{color:#000;}
.parent-line-search .parent-line-list2 li.checkbox label span + span{position:relative;padding-left:28px;}
.parent-line-search .parent-line-list2 li.checkbox label span + span:before{content:'';display:block;position:absolute;left:10px;top:50%;width:8px;height:1px;background:#dcdddc;}
.parent-line-search .link{margin-top:40px;}

.parent-line-search .parent-line-list3{margin-top:20px;}
.parent-line-search .parent-line-list3 a{margin-top: 10px; color: #000; font-weight: 500;}
.parent-line-search .parent-line-list3 li input {top:12px;}
.parent-line-search .parent-line-list3 li.checkbox{display:block;}
.parent-line-search .parent-line-list3 li.checkbox + li.checkbox{margin-top:24px;}
.parent-line-search .parent-line-list3 li.checkbox label{padding-left:50px;font-size:0;}
.parent-line-search .parent-line-list3 li.checkbox label span{display:inline-block;font-size:16px;color:#dcdddc;}
.parent-line-search .parent-line-list3 li.checkbox label .b-txt{color:#000;}
.parent-line-search .parent-line-list3 li.checkbox :checked + label span{color:#000;}
.parent-line-search .parent-line-list3 li.checkbox label span + span{position:relative;padding-left:28px;}
.parent-line-search .parent-line-list3 li.checkbox label span + span:before{content:'';display:block;position:absolute;left:10px;top:50%;width:8px;height:1px;background:#dcdddc;}

#tab-con13 .parent-line-search .parent-line-list li.checkbox label .b-txt{color:#dcdddc;}
#tab-con13 .parent-line-search .parent-line-list li.checkbox input:checked + label .b-txt{color:#000;}
#tab-con18 .checkbox input {top:0; transform: inherit;}

.checkbox-dSim {margin-top:40px; width: 100%; padding: 16px;}
.checkbox-dSim label {padding-left: 18px; color: #666666;}
.checkbox-dSim button:before {right: 10px; display: block; content: ''; width: 6px; height: 12px; background: url(../../images/directShop/icon-arrow-right.svg) 0 0 no-repeat; background-size: 100%; position: absolute; top: 50%; transform: translateY(-50%);}

#dSIMAgree-5G, #dSIMAgree-LTE {margin-left:-20px}

.dSIM-table {table-layout: fixed; border-collapse: separate; width: 100%; text-align:center; font-size:12px}
.dSIM-table thead th {border-top: 1px solid #D9D9D9;}
.dSIM-table th,
.dSIM-table td {padding:8px; border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;}
.dSIM-table th {background: #EEEEEE; color: #000;}
.dSIM-table th:first-child,
.dSIM-table td:first-child {border-left: 1px solid #D9D9D9;}
.dSIM-table + ul {margin-top:15px;}

/* 듀얼번호- 신규.번이 영역 */
#sbscTypeCdSelect {padding:10px 20px 0;}
#sbscTypeCdSelect h1{line-height:70px;}
#sbscTypeCdSelect .checkbox{display:block;padding:20px;background-color:#fff;border-radius:10px;}
#sbscTypeCdSelect .checkbox input{left:20px;}
#sbscTypeCdSelect .toast-popup{line-height: 1px;margin-left: 2px;margin-top: -1px;width: 19px;height: 19px;background: url(/images/directShop/btn-fee-info.svg) 0 0 no-repeat;background-size: 100%;color: transparent;font-size: 1px;overflow: hidden;vertical-align: bottom;}

#userTypeSelect {padding:10px 20px 0;}
#userTypeSelect h1{line-height:70px;}

/* eid/imei 확인 탭 */
.tab-imei {display:flex}
.tab-imei li {flex:1}
.tab-imei li a {display:table; width:100%;}
.tab-imei li a span {display: table-cell; height: 46px; padding:0; vertical-align: middle; background-color: #ededed; color: #000; font-weight: 500;}
.tab-imei li:first-child a span {border-radius: 4px 0 0 4px;}
.tab-imei li:last-child a span {border-radius: 0 4px 4px 0;}
.tab-imei li.active a span {background-color: #00a2be; color: #fff;}
.tab-imei + .tab-content {margin-top:20px;}

.tab-imei-iphone {display:flex}
.tab-imei-iphone li {flex:1}
.tab-imei-iphone li + li {margin-left:5px;}
.tab-imei-iphone li a {display:table; width:100%; height: 100%;}
.tab-imei-iphone li a span {display: table-cell; height: auto; padding:5px; vertical-align: middle; border-radius: 5px; background-color: #ededed; color: #000; font-weight: 500;}
.tab-imei-iphone li.active a span {background-color: #000; color: #fff;}
.tab-imei-iphone + .tab-content {margin-top:20px;}

/* 개통할 휴대폰 선택 */
.choiceDevice .msg {margin-bottom: 18px; font-size: 20px; line-height: 29px;}
.tab-choiceDevice {display:flex}
.tab-choiceDevice li {flex:1}
.tab-choiceDevice li a {display:table; width:100%; height:100%;}
.tab-choiceDevice li a span {display: table-cell; padding:10px 5px; vertical-align: middle; background-color: #ededed; border-radius: 4px; color: #000; font-weight: 500;}
.tab-choiceDevice li:first-child a span {border-radius: 4px 0 0 4px;}
.tab-choiceDevice li:last-child a span {border-radius: 0 4px 4px 0;}
.tab-choiceDevice li.active a span {background-color: #000; color: #fff;}
.tab-choiceDevice + .tab-content {margin-top:20px;}

.dSIM-font-red {color:#fe2c55 !important;}
.dSIM-font-red:before {background-color:#fe2c55 !important;}
/********************************** //듀얼번호 서비스 : 추가 **********************************/

/********************************** OMD : 추가 **********************************/
#tab-con7 .eSIM-block + .eSIM-block, #tab-con24 .eSIM-block + .eSIM-block {margin-top:40px;}
#tab-con7 .ui-popup-call, #tab-con24 .ui-popup-call {position:relative; margin-bottom: 30px; color: #000; padding-right: 10px;}
#tab-con7 .ui-popup-call:after, #tab-con24 .ui-popup-call:after{
  content:"";position:absolute;width:6px;height:6px;top:calc(50%);right:0;
  border:1px solid #000; border-top:0; border-left:0;
  transition: transform ease 0.3s;
  transform:  translateY(-50%) rotate(-45deg) ;
}

#tab-con7 .esim-check .ui-popup-call, #tab-con24 .esim-check .ui-popup-call {margin-bottom:0; padding:0; height:36px; line-height:36px; font-size: 13px; background-color: #000; color:#fff;}
#tab-con7 .esim-check .ui-popup-call:after, #tab-con24 .esim-check .ui-popup-call:after {display:none;}

#popup-ex-eid .txt{margin-bottom:20px;font-weight: 500; color:#666; }
#popup-ex-eid .txt li{position: relative;margin-bottom:8px;padding-left:20px;line-height:20px}
#popup-ex-eid .txt li em{position:absolute; top:0;left:0;}
#popup-ex-eid .txt span{font-family: serif;  font-weight: bold;}
#popup-ex-eid .img{width:100%; max-width:400px}

/* IMEI 선택 popup */
.popup-IMEI-choice {max-width: 360px; margin:0; background-color: rgba(0,0,0,0.8);}
.popup-IMEI-choice .content {top:50%; transform: translateY(-50%); width: calc(100% - 40px); height: auto; padding:24px; border-radius: 20px;}
.popup-IMEI-choice .content .header {font-size: 16px; font-weight: bold; color: #000; text-align: center;}
.popup-IMEI-choice .content .body {margin-top:16px; text-align: center; font-size: 13px; color: #666;}
.popup-IMEI-choice .content .body strong {display:block; margin:5px 0; font-size: 14px; color: #000;}
.popup-IMEI-choice .btn-bottom {padding:24px 0 0 !important}

.select-imei-list {}
.select-imei-list li {position:relative;}
.select-imei-list li + li {margin-top:10px;}
.select-imei-list li input {-webkit-appearance: none; appearance: none; border: none; width: 25px; height: 25px; background: url(../../images/directShop/icon-radio.svg) 0 0 no-repeat; background-size: 100%; position: absolute; top: 20px; right: 20px;}
.select-imei-list li input:checked {background-image: url(../../images/directShop/icon-radio-check.svg);}

.select-imei-list li label {display:block; padding:22.5px 20px; border:1px solid #ebeef6; border-radius: 8px; text-align: left;
  -webkit-box-shadow: 2px 3px 3px -2px rgba(0,0,0,0.1);
  box-shadow: 2px 3px 3px -2px rgba(0,0,0,0.1);
}
.select-imei-list li label span {display:block; color: #a8a8a8;}
.select-imei-list li label span.tit {width:calc(100% - 30px); font-size: 14px;}
.select-imei-list li label span.num {font-size: 16px;}

.select-imei-list li input:checked + label {border-color: #000;}
.select-imei-list li input:checked + label span.tit {color: #6f6f6f;}
.select-imei-list li input:checked + label span.num {color: #000;}

.popup-imei-tab>ul {margin-bottom:0;}
.popup-imei-tab>.tab-nav li {width:auto;}
.popup-imei-tab>.tab-nav li button {height:35px; line-height: 35px; padding:0 12px; box-shadow: none; border: none; background-color: #EDEDED; color: #959595; border-radius: 4px; white-space: nowrap;}
.popup-imei-tab>.tab-nav li.active button {background-color: #000; color: #fff;}
/********************************** //OMD : 추가 **********************************/

/********************************** 기기변경 : 추가 **********************************/
#tab-con19 .parent-line-search .parent-line-list li.checkbox label .b-txt{color:#dcdddc;}
#tab-con19 .parent-line-search .parent-line-list li.checkbox input:checked + label .b-txt{color:#000;}

h2.title-num {position:relative; margin-bottom: 12px; line-height: 23px; font-size: 16px; font-weight: 600;}
h2.title-num span {display: inline-block; font-size: 11px; font-weight: 600; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #000; color: #fff; border-radius: 50%; color: #fff; margin-right: 3px; vertical-align: 1px;}
#popup-ex-img .img + h2.title-num {margin-top:40px}
#popup-ex-img .img {display:block; margin-top:20px;}
#popup-ex-img .img img {display:block; width:auto; max-width:100%;}

/* eSIM 기기변경 안내 */
.popup-esim-change {max-width: 360px; margin:0; background-color: rgba(0,0,0,0.8); z-index:1001;}
.popup-esim-change .content {top:50%; transform: translateY(-50%); width: calc(100% - 40px); height: auto; padding:24px; border-radius: 20px;}
.popup-esim-change .content .header {font-size: 16px; font-weight: bold; color: #000; text-align: center;}
.popup-esim-change .content .body {margin-top:16px; text-align: center; font-size: 16px; color: #000; padding-bottom: 0 !important;}
.popup-esim-change .content .body strong {display:block; margin:5px 0; font-size: 14px; color: #000;}
.popup-esim-change .btn-bottom {padding:24px 0 0 !important}
.popup-esim-change .btn-bottom.btn-2 .btn:first-child{float:left;width: calc(50% - 4px);}
.popup-esim-change .btn-bottom.btn-2 .btn:last-child{float:right;width: calc(50% - 4px);}
.popup-esim-change .btn-bottom .btn {background:#000; line-height:34px;}

/********************************** 기기변경 : 추가 **********************************/

/********************************** 기기변경 : 이용동의 **********************************/
#tab-con7 .checkbox, #tab-con24 .checkbox {width: 100%; padding: 16px 0;margin: 30px 0 0;}
#tab-con7 .checkbox input, #tab-con24 .checkbox input {width:24px; height:24px;}
#tab-con7 .checkbox label, #tab-con24 .checkbox label {padding-left:28px;color:#666666;}
#tab-con7 .checkbox .ui-popup-call, #tab-con24 .checkbox .ui-popup-call {position:static; margin-bottom:0; padding-right:0;}
#tab-con7 .checkbox button:before, #tab-con24 .checkbox button:before {right:10px;display: block;content: '';width: 6px;height: 12px;background: url(../../images/directShop/icon-arrow-right.svg) 0 0 no-repeat;background-size: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
#tab-con7 .checkbox button:after, #tab-con24 .checkbox button:after {display:none}

.dSIMAgree-useguide .boxCon {margin-bottom:15px; color:#666}
.dSIMAgree-useguide .boxCon > p {font-size: 12px;}
.dSIMAgree-useguide table {border-top:1px solid #e0e0e0;}
.dSIMAgree-useguide table th,
.dSIMAgree-useguide table td {padding:10px 5px; color:#666; font-size: 12px; text-align:center;}
.dSIMAgree-useguide table th {color:#222; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background-color:#eee; color:#000; font-weight:bold;}
.dSIMAgree-useguide table td {border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#666}
.dSIMAgree-useguide table td:last-child {border-right:1px solid #e0e0e0;}
.dSIMAgree-useguide table .under {color:#00f; text-decoration: underline;}
.dSIMAgree-useguide .btn-bottom {padding:0 !important;}
/********************************** //기기변경 : 이용동의 **********************************/

/********************************** 다이렉트 요금제 변경 : 이동할 SIM 선택 **********************************/
#tab-con20 .parent-line-search .msg{margin-top: 25px;}
.parent-line-search p.info-txt{margin-top:20px;color:#333; font-size:14px;}
.parent-line-search p.info-txt strong{font-weight:600; font-size:16px;color:#000;}
/********************************** //다이렉트 요금제 변경 : 이동할 SIM 선택 **********************************/

/********************************** 다이렉트 요금제 변경 : 정보 제공 동의 **********************************/
.eSIMAgree-useguide .boxCon {margin-bottom:15px; color:#666;}
.eSIMAgree-useguide .boxCon > p {font-size: 12px;}
.eSIMAgree-useguide table {border-top:1px solid #e0e0e0;}
.eSIMAgree-useguide table th,
.eSIMAgree-useguide table td {padding:10px 12px; color:#666; font-size: 14px; text-align:left;}
.eSIMAgree-useguide table th {color:#222; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background-color:#eee; color:#000; font-weight:normal;}
.eSIMAgree-useguide table td {border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#666}
.eSIMAgree-useguide table td:last-child {border-right:1px solid #e0e0e0;}
.eSIMAgree-useguide table .under {color:#00f; text-decoration: underline;}
.eSIMAgree-useguide .btn-bottom {padding:0 !important;}
/********************************** //다이렉트 요금제 변경 : 정보 제공 동의 **********************************/

/********************************** 다이렉트 내재화 **********************************/
body.bg-f8,
body.bg-f8 .ktd-conWrap,
.new-contents.bg-f8 {background-color:#fff}
.data-sharing-wrap {background-color:#fff !important}

.ktd-directInfo {display: none;}
.ktd-conWrap {margin: 0 auto; border:none; overflow: hidden;}
h1.tit button,
h2.tit button,
.ktd-conWrap #contents.new-contents h1 button,
.ktd-conWrap #mainContents.new-contents h1 button {width:100%; padding-left:0; text-align: center;}
h1.tit,
.ktd-conWrap #contents.new-contents h1,
.ktd-conWrap #mainContents.new-contents h1 {display:flex; align-items:center; height:70px}
#tab-con22 .input-number-wrap input {font-size: 14px;}

#top-tab.swiper-container {overflow: visible;}
#top-tab .swiper-btn {position: absolute; top: 0; left: 0; width: 100%; height: 45px;}
#top-tab .swiper-btn span {position:absolute; color: transparent; width: 30px; height: 45px; font-size: 1px;}

#top-tab .swiper-btn .swiper-prev {left: -20px;}
#top-tab .swiper-btn .swiper-next {right: -20px;}
#top-tab .swiper-btn .swiper-button-disabled {opacity: 0; pointer-events: none;}

#top-tab .swiper-btn .swiper-prev:before {
  content:''; position:absolute; top:0; left:0; width: 30px; height: 100%; z-index: 1;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
  background: linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}
#top-tab .swiper-btn .swiper-next:before {
  content:''; position:absolute; top:0; right:0; width: 30px; height: 100%; z-index: 1;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
  background: linear-gradient(270deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}

.step0 a.btn.fill,
.step0 button.btn.fill,
.step0 input.btn.fill,
.step0 label.btn.fill,
.step0 span.btn.fill,
.btn-bottom a.btn.fill,
.btn-bottom button.btn.fill,
.btn-bottom input.btn.fill,
.btn-bottom label.btn.fill,
.btn-bottom span.btn.fill,
footer a.btn.fill,
footer button.btn.fill,
footer input.btn.fill,
footer label.btn.fill,
footer span.btn.fill {
  background-color: #5DDFDE;
  color: #000;
}
.clearable:not(.x) + .clearbleDel {display: none;}
.popup-imei-tab>ul {height: auto}

.ui-popup.select-card .header {padding: 0 10px;}
.ui-popup.select-card .body {height: calc(100% - 197px); min-height: inherit; overflow: hidden; padding: 20px 0 0;}
.ui-popup.select-card .content>.btn-close {right: 10px;}

.ui-popup.popup-type-2 .select-card-list {height: 100%; overflow-y: auto; padding: 0 10px;}
.ui-popup.popup-type-2 .select-card-list {padding-bottom: 30px;}

#select-bank .bank {height: 100%;}
#select-bank .bank .tab-button {padding: 0 10px;}
#select-bank .bank .tab-content {height: calc(100% - 86px);}
#select-bank .bank .tab-content > div {height: 100%;}

#select-bank .bank .select-card-list {padding-right: 20px;}

/* .ui-popup.popup-type-2 .btn-bottom {position: relative; box-shadow: 0px 0px 6px 2px #ddd; z-index: 1;} */

.ui-popup.select-card .body {min-height: calc(100% - 80px);}

#select-bank .btn-bottom,
#select-card .btn-bottom {display:none;}

#contents.new-contents #content {min-height: calc(100vh - 207px);}
.fee-btn-wrap, .smart-device-pay, .smart-device-dateuse {display:inline-block; width:100%;}
/********************************** //다이렉트 내재화 **********************************/

/* 데이터 쉐어링 */
/* body.ktd-wrap,
.ktd-conWrap,
.order-frm-wrap,
#contents.new-contents {height:100vh} */
#contents.new-contents {padding-top: 0;}
.tab-content {height: calc(100vh - 250px);overflow-x: hidden;overflow-y:auto; padding-bottom: 80px;}
footer {padding: 40px 30px; position: fixed; bottom: 0px; width: 100%; background: #fff; max-width: 450px; z-index:20;}
.hauto {height:auto !important;}

/* 태블릿 eSIM 단독 개통 */
#popup-img-registration .unusual {display: inline-block;}
#popup-img-registration .unusual input {accent-color: dimgray;margin-left: 6px;}
#popup-img-registration .unusual label {color: #666;}

/*  */
h1.tit.renew{margin-top: 30px !important;height:initial !important;line-height:initial !important;}
h1.tit.renew>span{font-size: 24px;font-weight: bold;line-height: 1.3;}
footer.fixed-area{padding:0;}
footer.fixed-area button, footer.fixed-area a{height:64px;line-height:64px;border-radius: 0;background-color: #000 !important;color: #fff !important;}
a.btn.fill.black, button.btn.fill.black{background-color: #000;color:#fff;}

/* 친구 초대 */
#tab-con5 .recommedArea h2{color: #000;line-height: 24px;font-size: 18px;font-weight: bold;}