/****************************************
# common  390px 기준 vw
**************************************/
/* style */
.m-br {display:block;}

.blind {position:absolute; left:-2563.8462vw; width:0.2564vw; height:0.2564vw; margin:-0.2564vw; font-size:0; line-height:0; clip:rect(0 0 0 0);}
.visib-hidden {visibility:hidden;}
.d-block {display:block !important;}

/* 정렬 */
.d-flex {display:flex;}
.d-flex-wrap {flex-wrap:wrap;}
.d-flex-center {justify-content: center; align-items:center;}
.d-flex-align-center {align-items:center;}
.d-flex-align-end {align-items: end;}
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

/* margin */
.mgt0 {margin-top:0 !important;}
.mgt3 {margin-top:0.7692vw !important;}
.mgt5 {margin-top:1.2821vw !important;}
.mgt10 {margin-top:2.5641vw !important;}
.mgt15 {margin-top:3.8462vw !important;}
.mgt20 {margin-top:5.1282vw !important;;}
.mgt25 {margin-top:6.4103vw !important;}
.mgt30 {margin-top:7.6923vw !important;}
.mgt35 {margin-top:11.5385vw !important;;}
.mgt40 {margin-top:10.2564vw !important;}
.mgt45 {margin-top:11.5385vw !important;}
.mgt50 {margin-top:12.8205vw !important;}
.mgt60 {margin-top:15.3846vw !important;}
.mgt70 {margin-top:17.9487vw !important;;}
.mgt80 {margin-top:20.5128vw !important;;}
.mgt-3 {margin-top:-0.7692vw !important;}
.mgt-5 {margin-top:-1.2821vw !important;}
.mgt-10 {margin-top:-2.5641vw !important;}
.mgt-15 {margin-top:-3.8462vw !important;}
.mgt-20 {margin-top:-5.1282vw !important;}
.mgt-25 {margin-top:-6.4103vw !important;}
.mgt-30 {margin-top:-7.6923vw !important;}

.mgr0 {margin-right:0 !important;}
.mgr3 {margin-right:0.7692vw !important;}
.mgr5 {margin-right:1.2821vw !important;}
.mgr10 {margin-right:2.5641vw !important;}
.mgr15 {margin-right:3.8462vw !important;}
.mgr20 {margin-right:5.1282vw !important;}
.mgr25 {margin-right:6.4103vw !important;}
.mgr30 {margin-right:7.6923vw !important;}
.mgr35 {margin-right:8.9744vw !important;}
.mgr40 {margin-right:10.2564vw !important;}
.mgr45 {margin-right:11.5385vw !important;}
.mgr50 {margin-right:12.8205vw !important;}
.mgr60 {margin-right:15.3846vw !important;}
.mgr70 {margin-right:17.9487vw !important;}
.mgr-3 {margin-right:-0.7692vw !important;}
.mgr-5 {margin-right:-1.2821vw !important;}
.mgr-10 {margin-right:-2.5641vw !important;}
.mgr-15 {margin-right:-3.8462vw !important;}
.mgr-20 {margin-right:-5.1282vw !important;}
.mgr-25 {margin-right:-6.4103vw !important;}
.mgr-30 {margin-right:-7.6923vw !important;}

.mgb0 {margin-bottom:0 !important;}
.mgb3 {margin-bottom:0.7692vw !important;}
.mgb5 {margin-bottom:1.2821vw !important;}
.mgb10 {margin-bottom:2.5641vw !important;}
.mgb15 {margin-bottom:3.8462vw !important;}
.mgb20 {margin-bottom:5.1282vw !important;}
.mgb25 {margin-bottom:6.4103vw !important;}
.mgb30 {margin-bottom:7.6923vw !important;}
.mgb35 {margin-bottom:8.9744vw !important;}
.mgb40 {margin-bottom:10.2564vw !important;}
.mgb45 {margin-bottom:11.5385vw !important;}
.mgb50 {margin-bottom:12.8205vw !important;}
.mgb60 {margin-bottom:15.3846vw !important;}
.mgb70 {margin-bottom:17.9487vw !important;}
.mgb80 {margin-bottom:20.5128vw !important;}
.mgb-3 {margin-bottom:-0.7692vw !important;}
.mgb-5 {margin-bottom:-1.2821vw !important;}
.mgb-10 {margin-bottom:-2.5641vw !important;}
.mgb-15 {margin-bottom:-3.8462vw !important;}
.mgb-20 {margin-bottom:-5.1282vw !important;}
.mgb-25 {margin-bottom:-6.4103vw !important;}
.mgb-30 {margin-bottom:-7.6923vw !important;}

.mgl0 {margin-left:0 !important;}
.mgl3 {margin-left:0.7692vw !important;}
.mgl5 {margin-left:1.2821vw !important;}
.mgl10 {margin-left:2.5641vw !important;}
.mgl15 {margin-left:3.8462vw !important;}
.mgl20 {margin-left:5.1282vw !important;}
.mgl25 {margin-left:6.4103vw !important;}
.mgl30 {margin-left:7.6923vw !important;}
.mgl35 {margin-left:8.9744vw !important;}
.mgl40 {margin-left:10.2564vw !important;}
.mgl45 {margin-left:11.5385vw !important;}
.mgl50 {margin-left:12.8205vw !important;}
.mgl60 {margin-left:15.3846vw !important;}
.mgl70 {margin-left:17.9487vw !important;}
.mgl-3 {margin-left:-0.7692vw !important;}
.mgl-5 {margin-left:-1.2821vw !important;}
.mgl-10 {margin-left:-2.5641vw !important;}
.mgl-15 {margin-left:-3.8462vw !important;}
.mgl-20 {margin-left:-5.1282vw !important;}
.mgl-25 {margin-left:-6.4103vw !important;}
.mgl-30 {margin-left:-7.6923vw !important;}


/* padding */
.pd0  {padding:0.0000vw !important;}
.pdt0 {padding-top:0.0000vw !important;}
.pdt5 {padding-top:1.2821vw !important;}
.pdt10 {padding-top:2.5641vw !important;}
.pdt15 {padding-top:3.8462vw !important;}
.pdt20 {padding-top:5.1282vw !important;}
.pdt25 {padding-top:6.4103vw !important;}
.pdt30 {padding-top:7.6923vw !important;}
.pdt35 {padding-top:8.9744vw !important;}
.pdt40 {padding-top:10.2564vw !important;}

.pdr0 {padding-right:0.0000vw !important;}
.pdr5 {padding-right:1.2821vw !important;}
.pdr10 {padding-right:2.5641vw !important;}
.pdr15 {padding-right:3.8462vw !important;}
.pdr20 {padding-right:5.1282vw !important;}
.pdr25 {padding-right:6.4103vw !important;}
.pdr30 {padding-right:7.6923vw !important;}
.pdr35 {padding-right:8.9744vw !important;}
.pdr40 {padding-right:10.2564vw !important;}

.pdb0 {padding-bottom:0.0000vw !important;}
.pdb5 {padding-bottom:1.2821vw !important;}
.pdb10 {padding-bottom:2.5641vw !important;}
.pdb15 {padding-bottom:3.8462vw !important;}
.pdb20 {padding-bottom:5.1282vw !important;}
.pdb25 {padding-bottom:6.4103vw !important;}
.pdb30 {padding-bottom:7.6923vw !important;}
.pdb35 {padding-bottom:8.9744vw !important;}
.pdb40 {padding-bottom:10.2564vw !important;}
.pdb50 {padding-bottom:12.8205vw !important;}
.pdb60 {padding-bottom:15.3846vw !important;}
.pdb100 {padding-bottom:25.6410vw !important;}
.pdb120 {padding-bottom:30.7692vw !important;}


/* border */
.rounded-1 {border-radius:0.7692vw;}
.rounded-2 {border-radius:1.5385vw;}
.rounded-3 {border-radius:3.0769vw;}
.rounded-4 {border-radius:4.1026vw;}

.split {border-top:2.0513vw solid #f0f0f0}

/* font */
.fw-normal {font-weight:normal;}
.fw-bold {font-weight:bold;}
.fw-bolder {font-weight:bolder;}

/* color */
.color-prmy {color:var(--color-main) !important;}
.color-link {color:var(--color-blue) !important;}
.color-point {color:var(--color-blue) !important;}
.color-blue2 {color:var(--color-blue2) !important;}
.color-black {color:var(--color-black) !important;}
.color-green {color:var(--color-green) !important;}

.flex {display:flex;}
.flex-1 {flex: 1;}
.flex-center {align-items:center;}
.flex-justify-start {justify-content: flex-start !important;}
.flex-justify-center {justify-content: center !important;}
.flex-justify-end {justify-content:flex-end !important;}
.flex-wrap {flex-wrap: wrap;}


/* layout */
body {background-color:var(--body-color);}
.wrap {max-width:158.9744vw; margin:0 auto; background-color:var(--color-white);}
.container {position:relative; padding:6.4103vw 0 15.3846vw;}
.inner {padding:0 6.1538vw;} 

.header-title {margin-bottom:7.6923vw; text-align:center;}
.header-title.bottom-space {margin-bottom:10.2564vw;}
.h3-title {font-weight:700; font-size:5.6410vw;}
.h3-desc {font-weight:400; font-size:4.1026vw; margin-top:2.0513vw; color:var(--font-color3);}


/* title */
.comm-sect {padding:12.8205vw 0 15.3846vw;}
.comm-sect + .comm-sect {margin-top:0;}
.comm-sect .sect-title {margin-bottom:7.6923vw; font-size:6.6667vw; font-weight:700; text-align:center;}
.comm-sect .sect-desc {display:flex; align-items:flex-end; padding-bottom:3.0769vw;}
.comm-sect .sect-desc .text {flex:1; font-weight:600; font-size:4.6154vw;}
.comm-sect .sect-desc .text > strong {color:var(--color-main); font-weight: 600;}
.comm-sect .sect-desc .btn-arrow-detail {margin-left:auto;}
.comm-sect .btn-more {position:relative; font-size:3.5897vw; font-weight:400; color:var(--font-color3);}
.comm-sect .btn-more::after {content:""; display:inline-block; width:1.7949vw; height:1.7949vw; margin-left:0.7692vw; border-top:0.2564vw solid var(--font-color3); border-right:0.2564vw solid var(--font-color3); transform: rotate(45deg);}

/* tab */
.tabs {display:flex; position:relative; width:100%; margin:0 -0.7692vw; font-size:0;}
.tabs li {width:auto; padding:0 0.7692vw;}
.tabs li a {margin: 0 auto; text-align: center;}
.tabs li a > span {display:flex; align-items: center;  height:10.2564vw; padding:0 5.1282vw; text-align:center; font-size:4.1026vw; font-weight:400; background-color:var(--color-white); color:var(--font-color3); border:0.2564vw solid var(--color-gray-light); border-radius:6.4103vw;}
.tabs li.active a  > span {font-weight:500; background-color:var(--color-main); color:var(--color-white); border-color: inherit;}
.tab-content {display:none;}
.tab-content.active {display:block;}

.tab-menu {position:relative; margin-bottom: 10.2564vw;}
.tab-menu .tab-list {display: flex; width: 100%;}
.tab-menu .tab-list li {position: relative; width: 100%; height: 14.3590vw;}
.tab-menu .tab-list li::before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.5128vw; background-color: var(--color-gray-light);}
.tab-menu .tab-list li a {position: relative; display: table; width: 100%; height: 100%; font-weight: 600; color: var(--font-color3);}
.tab-menu .tab-list li a span {display: table-cell; padding: 0 3.8462vw;; text-align: center; vertical-align: middle; font-size: 3.8462vw; word-break:break-word;}
.tab-menu .tab-list li.active a {color: var(--color-main);}
.tab-menu .tab-list li.active a::before {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1.0256vw; background-color: var(--color-main);}

.tab-menu.type02 {}
.tab-menu.type02 .tab-list li {height: 10.7692vw; background-color: var(--color-gray-brighter1); border-radius: 3.0769vw 3.0769vw 0 0; overflow: hidden;}
.tab-menu.type02 .tab-list li::before {height: 0.2564vw; background-color: var(--color-black);}
.tab-menu.type02 .tab-list li.active a {color: var(--color-black); background-color: var(--color-black); color: var(--color-white);}
.tab-menu.type02 .tab-list li.active a::before {display: none;}

.tab-menu .tab-scroll {display:flex; width: 100%; border-bottom:0.5128vw solid var(--color-gray-light);}
.tab-menu .tab-scroll.fixed {z-index:10; position:fixed; top:15.3846vw; max-width: 158.9744vw; background-color:var(--color-white);}
.tab-menu .tab-scroll.fixed .active-line {bottom:-0.2564vw;}
.tab-menu .tab-scroll .list {position: relative; width: 100%; height: 14.3590vw;}
.tab-menu .tab-scroll .list a {position: relative; display: table; width: 100%; height: 100%; font-weight: 600; color: var(--font-color3);}
.tab-menu .tab-scroll .list a span {display: table-cell; padding: 0 3.8462vw;; text-align: center; vertical-align: middle; font-size: 3.8462vw; word-break:break-word;}
.tab-menu .tab-scroll .list.active a {color: var(--color-main);}
.tab-menu .tab-scroll .active-line {display:inline-block; position: absolute; left: 0; bottom: 0; width: calc(100% / 4); height: 1.0256vw; background-color:var(--color-main);}


.tab-menu .tab-list.tab3 {flex-wrap: wrap;}
.tab-menu .tab-list.tab3 li {width: calc(100% / 3);}

.tab-panel {display: none;}
.tab-panel.active {display: block;}

.tab-panel-scroll {display:block; padding-top:12.8205vw;}


/* form */
.form-box {}
.form-box + .form-box{margin-top: 5.1282vw;}
.form-box .lable-title {margin-bottom: 1.5385vw; font-weight: 500;}
.form-box .lable-title .required {display: inline-block; margin-right: 1.5385vw; color: var(--color-main);}
.form-box .form-col {display: flex; margin: 0 -1.5385vw;}
.form-box .form-col li {width: 100%; padding:0 1.5385vw;}

.forget-info {text-align: center; margin-top: 7.6923vw; margin-bottom: 7.6923vw;}
.forget-info .text {font-weight: 600; color: var(--font-color2);}
.forget-info .btn-group {margin-top: 2.5641vw;}


/* agree-sect */
.all-agree {margin-bottom: 4.1026vw; padding: 2.5641vw 5.1282vw; border-radius: 3.0769vw; background-color: var(--color-gray-brighter1);}
.all-agree label {font-weight: 600; color: var(--color-main);}
.agree-box {margin-top: 5.1282vw;}
.agree-box .sub-title {margin-bottom: 3.0769vw; font-weight: 700; color: var(--font-color1);}
.agree-box .sub-title > span {font-size: 3.8462vw;}
.agree-box .check-list li {display: flex; flex-wrap: wrap; position: relative; color: var(--font-color2);}
.agree-box .check-list li + li {margin-top: 1.5385vw;}
.agree-box .check-list li label {width: calc(100% - 6.4103vw);}
.agree-box .check-list li .btn-view {position: relative; width: 6.4103vw; height:6.4103vw;}
.agree-box .check-list li .btn-view::after {content:""; display:block; position:absolute; left:50%; top:50%; width:1.5385vw; height:1.5385vw; border-top:0.5128vw solid var(--font-color4); border-right:0.5128vw solid var(--font-color4); transform:translate(-50%, -50%) rotate(45deg);}
.agree-box .check-list li .reminder-detail {overflow-y: scroll; width: 100%; height: 66.6667vw; margin-top: 2.5641vw; background-color: var(--color-gray-brighter2);}

/* banner */
.swiper {position:relative; overflow:hidden; width:100%; height:auto; margin:0 auto 5.1282vw;}
.swiper-wrapper {z-index:auto; overflow:visible; width:100%; height:auto;}
.swiper-wrapper .swiper-slide {text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.swiper-wrapper .swiper-slide img {display:block; width:100%; object-fit:cover;}
.swiper-pagination-bullet-active {background-color: var(--color-main);}

.swiper .pagination {height:7.1795vw; z-index:10; display:flex; justify-content:center; align-items: center; position:absolute; left:initial; right:5.1282vw; bottom:5.1282vw; padding:0 4.1026vw; font-weight:400; font-size:3.5897vw; color:var(--color-white); background-color:rgba(0,0,0,.35); border-radius:6.4103vw;}
.swiper-button-next, 
.swiper-button-prev {position:relative; left:initial; top:initial; right:initial; bottom:initial; margin:0; height:2.5641vw; width:2.5641vw;}
.swiper-button-prev {margin-right:2.5641vw; background-image:url('../img/icon/icon_prev.png'); background-repeat:no-repeat; background-position: center;}
.swiper-button-next {margin-left:2.5641vw; background-image:url('../img/icon/icon_next.png'); background-repeat:no-repeat; background-position: center;}
.swiper-button-next:after, .swiper-button-prev:after {display:none;}
.swiper-pagination {z-index:9; position:relative; width:auto; height:auto; bottom:0; font-size:3.0769vw;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--color-black);}
.swiper-control {display:flex; justify-content:center; align-items:center; width:4.1026vw; height:4.1026vw; margin-left:2.5641vw;}
.swiper-control .btn-control {cursor:pointer; width:3.0769vw; height:3.0769vw;}
.swiper-control .btn-play {display:none; background-image:url('../img/icon/icon_stop.png'); background-repeat:no-repeat; background-position: center;}
.swiper-control .btn-stop {background-image:url('../img/icon/icon_play.png'); background-repeat:no-repeat; background-position: center;}
.swiper-control.big-arrow .swiper-button-prev,
.swiper-control.big-arrow .swiper-button-next {position:absolute; top:50%; width:12.3077vw; height:12.3077vw; margin:0; font-size:0; transform: translateY(-80%);}
.swiper-control.big-arrow .swiper-button-prev {left:0; background-image:url('../img/icon/icon_prev2.png'); background-repeat:no-repeat; background-position: center;}
.swiper-control.big-arrow .swiper-button-next {right:0; background-image:url('../img/icon/icon_next2.png'); background-repeat:no-repeat; background-position: center;}

.def-swiper {margin-bottom:0; padding-bottom:5.1282vw;}
.def-swiper .swiper-slide {display:flex; flex-wrap:wrap;}
.def-swiper .swiper-pagination {position:absolute; top:inherit; bottom:0;}
.def-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--color-black);}
.def-swiper .swiper-button-prev,
.def-swiper .swiper-button-next {position:absolute; top:50%; width:12.3077vw; height:12.3077vw; margin:0; transform: translateY(-80%); border-radius: 50%;}
.def-swiper .swiper-button-prev {left:0; background-image:url('../img/icon/icon_prev2.png'); background-repeat:no-repeat; background-position: center;}
.def-swiper .swiper-button-next {right:0; background-image:url('../img/icon/icon_next2.png'); background-repeat:no-repeat; background-position: center;}

/* button */
.area-btn {display: flex;}
.btn-util {position: relative;}
.btn-util .icon-def {position: relative; display: inline-block; width:9.7436vw; height:9.7436vw;  overflow: hidden; font-size: 0; line-height: 0; background-repeat: no-repeat; background-size:7.1795vw; background-position: center;}
.btn-util .icon-lang {width:6.1538vw; height:6.1538vw; background-image: url(../img/icon/icon_language_point.svg); background-size:5.1282vw;}
.btn-util .icon-menu {background-image: url(../img/icon/icon_menu.svg);}
.btn-util .icon-close {background-image: url(../img/icon/icon_close.svg);}

.btn-arrow-detail {position:relative; display:block; font-weight:500; font-size:4.1026vw; color:var(--font-color3); text-align:center; z-index: 1;}
.btn-arrow-detail::after {content:""; position: absolute; top: 50%; right: 0; display:inline-block; width:1.5385vw; height:1.5385vw; margin:0 0 0 1.0256vw; border-top:0.5128vw solid var(--font-color3); border-right:0.5128vw solid var(--font-color3); transform:translateY(-50%) rotate(45deg);}

.btn-def {display:table; width:100%; height:14.3590vw; padding: 0 2.5641vw; font-size:4.1026vw; word-break:keep-all; border-radius:1.5385vw; text-align:center;}
.btn-def.btn-auto {width:0 auto; padding:  0 7.6923vw;}
button[class ^= "btn"] span {display:table; width:100%; padding: 0 2.5641vw; font-size:4.1026vw; word-break:keep-all; border-radius:1.5385vw; text-align:center;}
button[class ^= "btn"].btn-xs {height: 8.7179vw;}
button[class ^= "btn"].btn-s {height: 10.2564vw; font-size: 3.8462vw;}
button[class ^= "btn"].btn-s > span {font-size: 3.8462vw;}
button[class ^= "btn"].btn-black {background-color:var(--color-black); color:var(--color-white);}
button[class ^= "btn"].btn-gray {background-color:var(--color-gray-light); color:var(--color-black);}

.btn-group {display:flex; flex-wrap:wrap;}
.btn-group + .btn-group {margin-top:3.0769vw;}
.btn-group .btn {display:table; width:100%; height:14.3590vw; padding: 0 2.5641vw; font-size:4.1026vw; word-break:keep-all; border-radius:1.5385vw; text-align:center;}
.btn-group .btn span {display:table-cell; vertical-align:middle;}
.btn-group .btn span > em {display:block; font-size:3.3333vw;}
.btn-group .btn-full {width:100%; background-color:var(--color-main); color:var(--color-white);}
.btn-group .btn-full + .btn-full,
.btn-group .btn-full + .btn,
.btn-group .btn-full + .btn + .btn {margin-top:3.0769vw}
.btn-group .btn-half {width:calc(50% - 1.5385vw);}
.btn-group .btn-half:nth-child(1) {margin-right:1.5385vw; background-color:var(--color-gray-light); color:var(--color-black);}
.btn-group .btn-half:nth-child(2) {margin-left:1.5385vw; background-color:var(--color-main); color:var(--color-white);}
.btn-group .btn-line {border:0.2564vw solid var(--color-main); color:var(--color-main);}
.btn-group .btn-line.btn-black {border:0.2564vw solid var(--color-black); color:var(--color-black); background-color:inherit;}
.btn-group .btn-line.btn-white {border:0.2564vw solid var(--color-white); color:var(--color-white); background-color:inherit;}
.btn-group .btn.btn-black {background-color: var(--color-black) !important; color: var(--color-white) !important;}
.btn-group .btn.btn-round-arrow {border-radius:7.6923vw !important; border: 0.2564vw solid var(--color-gray-light); color: var(--font-color2);}
.btn-group .btn.btn-round-arrow span {position: relative; padding-right: 2.5641vw; font-size: 3.8462vw;}
.btn-group .btn.btn-round-arrow span::after {content:""; display:block; position:absolute; right:0; top:50%; width:1.0256vw; height:1.0256vw; border-top:0.5128vw solid var(--color-black); border-right:0.5128vw solid var(--color-black); transform:translateY(-50%) rotate(45deg);}
.btn-group .btn.btn-auto {width: auto; padding:  0 7.6923vw;}

/* 공지 */
.notice-box {}
.notice-box.bg {padding:5.1282vw; border-radius:1.5385vw; background-color:var(--color-lightpink1);}
.notice-box.bg2 {padding:5.1282vw; border-radius:1.5385vw; background-color:var(--color-gray-brighter5);}
.notice-box .notice-title {font-size:4.1026vw; font-weight:700; margin-bottom:3.0769vw}
.notice-box.bg li {color:var(--color-main);}
.notice-box ul li {position:relative; text-align:left; font-size:4.1026vw;}
.notice-box ul li + li {margin-top:1.5385vw;}
.notice-box ul ul {margin-top:1.5385vw;}
.notice-box .dot-list {position:relative;}
.notice-box .dot-list li {position:relative; padding-left:3.0769vw; font-size:4.1026vw; color:var(--font-color2);}
.notice-box .dot-list li::before {content:""; display:inline-block; position:absolute; top:2.5641vw; left:0; width:0.7692vw; height:0.7692vw; background-color:var(--font-color2);}
.notice-box .num-list {counter-reset:num 0;}
.notice-box .num-list li {padding-left:5.1282vw;}
.notice-box .num-list li:before {content:counter(num)"."; counter-increment:num 1; position:absolute; left:0; top:0;}
.notice-box .scroll-table {width:100%; overflow:auto;}
.notice-box .scroll-table table {width:100% !important;}
.notice-box .scroll-table p {margin-top:1.0256vw; font-weight:400; font-size:4.1026vw; color:var(--font-color2); line-height:1.4;}
.notice-box .scroll-table + ul {margin-top:2.0513vw}
.notice-box table {width:100% !important; margin-top:1.2821vw;}
.notice-box table th,
.notice-box table td {font-size:3.5897vw; border:0.2564vw solid #ddd; line-height:1.4;}
.notice-box table th {padding:1.5385vw 2.5641vw; font-weight:600; background-color:#e9e9e9; color:#000; text-align:center;}
.notice-box table td {padding:2.0513vw 2.5641vw; text-align:center; color:var(--font-color2);}

/* accordion */
.accordion-list li {}
.accordion-list .header {z-index:auto; display:flex; align-items:center; position:relative;}
.accordion-list .header::after {content:''; display:block; position:absolute; right:1.2821vw; top:50%; width:2.5641vw; height:2.5641vw; margin-top:-1.0256vw; border-bottom:0.7692vw solid var(--color-black); border-right:0.7692vw solid var(--color-black); transform:translateY(-50%) rotate(45deg); transition: all .1s;}
.accordion-list .header .title {cursor:pointer; flex:1; font-size:5.1282vw; font-weight:700; color: var(--font-color1);}
.accordion-list .content {display:none;}
.accordion-list li.on .header::after {transform:translateY(-50%) rotate(-135deg);}
.accordion-list li.on .content::after {border-color:#000; transform:translateY(50%) rotate(135deg);}

/* table */
.table-type01 + .table-type01 {margin-top: 7.6923vw;}
.table-type01 .title {font-weight: 600; font-size: 4.1026vw; margin-bottom: 2.0513vw;}
.table-type01 {width:100%;}
.table-type01 th,
.table-type01 td {font-size:3.3333vw; border:0.2564vw solid var(--color-gray-brighter1);}
.table-type01 th {padding:2.0513vw 2.5641vw; font-weight:600; background-color:var(--color-gray-brighter1); color:var(--color-black); text-align:center;}
.table-type01 td {padding:2.0513vw 2.5641vw; text-align:center; color:var(--font-color3);}
.table-type01 table + p {margin-top: 1.5385vw; color: var(--font-color3);}
.table-type01 td button,
.table-type01 td button > span {font-size: 3.8462vw;}

/* view table */
.selected-table {position: relative;}
.selected-table .title {position: relative;}
.selected-table .title > .btn-delete {position: relative; width: 7.1795vw; height: 7.1795vw; margin-left: auto;}
.selected-table .title > .btn-delete::after {content: ""; position: absolute; left:50%; top: 50%; display: block; width: 6.1538vw; height: 6.1538vw; background-image: url(../img/icon/icon_close.svg); transform: translate(-50%, -50%);}
.selected-table .item {display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 3.0769vw; font-size: 3.8462vw;}
.selected-table .item:last-of-type {border-bottom: 0.2564vw solid var(--color-gray-light);}
.selected-table .item dt {width: 30.7692vw; color: var(--font-color3); font-weight: 400;}
.selected-table .item dd {flex: 1; text-align: right;}
.selected-table .item dd.text {width: 100%; flex: auto; margin-top: 1.2821vw; font-size: 3.5897vw; text-align: left;}
.selected-table .total-item dt,
.selected-table .total-item dd,
.selected-table .total-item dd .item_price {font-weight: 500; color: #000;}

/*  */
.line-box {width:100%;}
.line-box + .line-box {margin-top: 7.6923vw;}
.line-box .title {font-weight: 600; font-size: 4.6154vw; margin-bottom: 2.0513vw;}
.line-box .line-cont {padding: 5.1282vw; border-radius: 3.0769vw; border: 0.2564vw solid var(--color-gray-light);}
.line-box .line-cont dl {display: flex; font-weight: 400; font-size: 4.1026vw;}
.line-box .line-cont dl + dl {margin-top: 2.0513vw;}
.line-box .line-cont dl dt {color: var(--font-color2); margin-right: 4.1026vw;}
.line-box .line-cont dl dd {flex: 1; font-weight: 500; color: var(--color-black); text-align: right;}
.line-box .qr-area {margin-top: 5.1282vw; padding-top: 3.8462vw; text-align: center; border-top: 0.2564vw solid #ddd;}
.line-box .qr-area .text {margin-bottom: 2.5641vw; font-weight: 500; color: var(--font-color2);}
.line-box .qr-area .qr-code {width: 30.7692vw; margin: 0 auto;}
.line-box .qr-area .qr-code2 {width: 23.0769vw; margin: 0 auto;}

.line-col2 .col {width:calc(50% - 2.5641vw); margin-left:2.5641vw;}


/****************************************
# header/footer
****************************************/
/* header */
.header {z-index:10; position: sticky; top:0; left:0; right:0; width:100%; height:15.3846vw; background-color:var(--color-white);}
.header .header-wrap {display:flex; align-items: center; width:100%; height:100%;}
.header .logo a {width:auto; height:5.1282vw;}
.header .language {position:relative; min-width:20.5128vw; margin-left:2.0513vw; padding:0 1.2821vw; border:0.2564vw solid var(--color-main); border-radius:7.6923vw;}
.header .language .btn-lang {display:flex; justify-content: center; align-items: center; flex-wrap:wrap; }
.header .language .btn-lang .text-lang {position:relative; margin-left:0.7692vw; font-weight:800; font-size:4.1026vw; color:var(--color-main);}
.header .language .btn-lang .text-lang::after {content:""; display:inline-block; position:absolute; left:100%; top: 50%; width:3.0769vw; height:4.8718vw; margin-left:1.0256vw; transform: translateY(-50%); background:url(../img/icon/icon_arrow_down.svg) no-repeat center 25%;}
.header .language .select-lang {display:none; position:absolute; left:0; top: 110%; width:100%; padding:1.2821vw 0; border-radius:1.5385vw; background-color:var(--color-main); color:var(--color-white);}
.header .language .select-lang.active {display:block;}
.header .language .select-lang li a {width:100%; height:100%; padding:1.0256vw 2.5641vw; font-weight:300; font-size:4.1026vw;}
.header .menu {flex:1; position:absolute; top:50%; right:3.0769vw; transform: translateY(-50%);}

.gnb-wrap {display:none; position:fixed; top:0; left:50%; right:0; bottom:0; width:100%; max-width:158.9744vw; height:100%; background-color:var(--color-white); transform: translateX(-50%);}
.gnb-wrap .btn-close {width:100%; height:15.3846vw; margin-left:3.0769vw; text-align: right;}
.gnb-wrap .gnb-list {margin-top:5.1282vw;}
.gnb-wrap .gnb-list > li {margin-bottom:5.1282vw}
.gnb-wrap .gnb-list > li > a {position:relative; display:block; width:100%; padding-right:7.6923vw; font-size:5.1282vw; font-weight:700; line-height: 1.4; word-break: keep-all;}
.gnb-wrap .gnb-list > li > a::after {content:""; display:block; position:absolute; right:0; top:50%; width:2.0513vw; height:2.0513vw; border-top:0.5128vw solid var(--color-black); border-right:0.5128vw solid var(--color-black); transform:translateY(-50%) rotate(45deg);}
.gnb-wrap .gnb-list ul {padding-left: 2.5641vw;}
.gnb-wrap .gnb-list ul > li {margin-top: 3.0769vw; color: var(--font-color2);}
.gnb-wrap .gnb-list ul > li a {position:relative; display:block; width:100%; font-size: 4.6154vw;}


/* footer */
.footer {color:var(--font-color4); background-color:var(--color-gray-brighter2);}
.footer .footer-wrap {padding:10.2564vw 0 10.2564vw; font-size:3.0769vw; font-weight:400;}
.footer-menu {display: flex; flex-wrap: wrap; width: 100%;}
.footer-menu li {margin-right: 3.8462vw; margin-bottom: 1.2821vw; color:var(--font-color3);}
.footer-menu li a strong {font-weight:700; color:var(--font-color2);}
.footer-info {margin-top: 3.8462vw; border-top:0.2564vw solid var(--color-gray-brighter1);}
.footer-info .info_list {padding-top: 3.8462vw;}
.footer-info .info_list li {margin-bottom:1.0256vw;}
.footer .copyright {margin-top:5.1282vw;}

/* 통신사별 커버리지 */
.hyper-list {width:100%;}
.hyper-list li + li {margin-top: 2.5641vw;}
.hyper-list li div {display:flex; align-items:center; padding:5.1282vw; border: 0.2564vw solid #e2e2e2; border-radius: 3.0769vw; align-items: center; justify-content: space-between;}
.hyper-list li div > .title {font-weight:600; font-size:4.1026vw;}
.hyper-list li div a{font-size: 3.5897vw;}



/****************************************
# main
****************************************/
/* main banner */
.main-sect .swiper {margin-bottom: 0; padding-bottom:0;}
.main-sect .def-swiper .swiper-pagination {position:absolute; bottom: 7.6923vw;}
.main-sect .def-swiper .swiper-button-prev {left: 2.5641vw;}
.main-sect .def-swiper .swiper-button-next {right: 2.5641vw;}

/* 소개 */
.intro-sect {overflow: hidden;}
.intro-visual {position:relative; width:100%; height:0; padding-top:100%; background-color:var(--color-white); background-size: contain;}
.intro-visual::before {content:""; display:block; position: absolute; left:-10%; top:0; width:90%; height:100%; background:url(../img/banner/main_intro_visual1.png) no-repeat 0 top; background-size: cover; transform-origin: right bottom;}
.intro-visual::after {content:""; display:block; position: absolute; right:-16%; top:12%; width:65%; height:100%; background:url(../img/banner/main_intro_visual2.png) no-repeat 0 top; background-size: contain; transform-origin: right top;}
.intro-visual .content {z-index:1; position:absolute; bottom:0; left:0;}
.intro-visual .content .text2 {margin-top:5.1282vw;}
.intro-visual .content .text p {color:var(--font-color5); font-size:4.1026vw; font-weight:500; line-height:1.6;}

.introd-sect {text-align: center;}
.introd-sect .introd-title {margin-bottom: 15.3846vw; font-weight: 800; font-size: 6.6667vw; line-height: 1.5;}
.introd-sect .introd-title img {width:auto; height:6.1538vw; vertical-align: baseline;}
.introd-benefit {display: flex; flex-wrap: wrap;}
.introd-benefit li {width: 100%; margin-top: 10.2564vw;}
.introd-benefit li:first-child {margin-top: 0;}
.introd-benefit li .icon-img {display: inline-block; max-width: 30.7692vw; margin-bottom: 2.5641vw;}
.introd-benefit li .title {color: var(--font-color1); font-size: 5.1282vw; font-weight: 600;}
.introd-benefit li .desc {margin-top: 2.5641vw; color: var(--font-color3); font-size: 4.1026vw; line-height: 1.5;}


/* 기타 */
.card-sect {padding:0;}
.card-sect .card-item {border-radius:3.0769vw; background-color:var(--color-gray-brighter2);}
.card-sect .card-item + .card-item {margin-top:4.1026vw;} 
.card-sect .card-box {position:relative; width:100%;padding:8.2051vw 30.7692vw 8.2051vw 7.6923vw;}
.card-sect .card-box .desc {font-weight:500; font-size:3.5897vw;}
.card-sect .card-box .title {font-weight:800; font-size:5.6410vw; margin-top:2.0513vw;}
.card-sect .card-box .bg-img {position:absolute; top:52%; right:6.4103vw; width:20.5128vw; height:20.5128vw; display:inline-block; transform: translateY(-50%);}
.card-sect .card-box.faq .bg-img::after {content:""; display:block; width:100%; height:100%; background:url(../img/icon/img_faq.png) no-repeat center; background-size: contain;}
.card-sect .card-box.cs .bg-img {width:20.5128vw; height:20.5128vw;}
.card-sect .card-box.cs .bg-img::after {content:""; display:block; width:100%; height:100%; background:url(../img/icon/img_cs.png) no-repeat center; background-size: contain;}

/****************************************
# 단기유심
****************************************/
.travel-sect {background-color:var(--color-skyblue2);}


/****************************************
# 요금제
****************************************/
.paln-sect .inner {padding:0 6.1538vw;}
.paln-sect .sect-title {margin-bottom:5.1282vw;}
.paln-sect .sect-desc {margin-top:10.2564vw;}
.plan-list {cursor:pointer; width:100%; padding:4.1026vw 6.1538vw; text-align:left; border-radius:4.1026vw; border: 0.2564vw solid var(--color-gray-light); background-color:var(--color-white);}
.plan-list > a {width:100%;}
.plan-list + .plan-list {margin-top:3.0769vw;}
.plan-list .top-box {display:flex; flex-wrap:wrap; margin-bottom:2.5641vw;}
.plan-list .top-box .badge-box {width:100%;}
.plan-list .top-box .name > span{font-weight: 700;}
.plan-list .top-box .name,
.plan-list .top-box .badge-box {width:100%;}
/* .plan-list .top-box .name {margin-top:1.5385vw;} */
.plan-list .top-box .badge-box {margin-bottom:2.5641vw;}
.plan-list .top-box .name {flex:1; font-size:4.1026vw; font-weight:500; word-break:break-word;}
.plan-list .automatic {margin:5.1282vw 0 2.5641vw 0; padding:1.5385vw 3.8462vw; font-size:3.8462vw; font-weight:400; text-align:center; font-weight:500; color:var(--badge-discount); background-color:var(--color-gray-brighter1); border-radius:5.1282vw}
.plan-list .badge-box .badge {display:inline-block; padding:1.2821vw 2.0513vw 1.0256vw; font-size:3.0769vw; font-weight:500; border-radius:1.5385vw;}
.plan-list .badge-box .badge.pay_type1{background-color: var(--color-main); color:#fff;}
.plan-list .badge-box .badge.pay_type2{background-color: #000; color:#fff;}
.plan-list .badge-box .badge.mno-skt {background-color:var(--color-skt); color:#fff;}
.plan-list .badge-box .badge.mno-lgt {background-color:var(--color-lgt); color:#fff;}
.plan-list .badge-box .badge.mno-kt {background-color:var(--color-kt); color:#fff;}
.plan-list .badge-box .badge + .badge {margin-left:1.2821vw;}
.plan-list .badge-box .badge.condition {background-color:var(--badge-condition); border:0.2564vw solid var(--badge-condition); color:var(--color-white);}
.plan-list .badge-box .badge.period,
.plan-list .badge-box .badge.combine {color:#db4267; background-color:#f7e7ea;}
.plan-list .spec-box {display:flex; flex-wrap:wrap; width:100%;}
.plan-list .spec-box .qos,
.plan-list .spec-box .tethering,
.plan-list .spec-box .additional {position:relative; display:block; margin-top:0.5128vw; padding-left:2.5641vw; font-weight:400; font-size:3.5897vw; color:var(--font-color2); vertical-align:baseline;}
.plan-list .spec-box .qos::before,
.plan-list .spec-box .tethering::before,
.plan-list .spec-box .additional::before {content:"+"; position:absolute; left:0; top:0.2564vw; font-size:3.0769vw; color:var(--font-color2);}
.plan-list .spec-box .tethering {width: 100%;}
.plan-list .spec-box .data {display:flex; align-items:center; flex-wrap:wrap; position:relative; width:100%; margin-bottom:1.0256vw; padding-left:6.1538vw;}
.plan-list .spec-box .data:before {content:""; display:inline-block; position:absolute; left:0; top:1.2821vw; width:4.1026vw; height:4.1026vw; background:url(../img/icon/icon-plan-data.png) no-repeat center; background-size:contain;}
.plan-list .spec-box .data .free {display:inline-block; font-size:5.1282vw; font-weight:700; color:var(--color-main);}
.plan-list .spec-box .data .qos {margin-top:0; margin-left:1.0256vw; color:var(--color-main);}
.plan-list .spec-box .qos::before {color:var(--color-main);}
.plan-list .spec-box .call {position:relative; margin-bottom:1.2821vw; padding-left:6.1538vw; font-size:3.5897vw;}
.plan-list .spec-box .call:before {content:""; display:inline-block; position:absolute; left:0; top:0.5128vw; width:3.0769vw; height:3.0769vw; background:url(../img/icon/icon-plan-call.png) no-repeat center; background-size:contain;}
.plan-list .spec-box .call .free {font-weight:500; font-size:3.5897vw; color:var(--font-color2);}
.plan-list .spec-box .sms {position:relative; margin-left:5.1282vw; padding-left:6.1538vw; font-size:3.5897vw;}
.plan-list .spec-box .sms:before {content:""; display:inline-block; position:absolute; left:0; top:0.5128vw; width:3.3333vw; height:3.3333vw; background:url(../img/icon/icon-plan-sms.png) no-repeat center; background-size:contain;}
.plan-list .spec-box .sms .free {font-weight:500; font-size:3.5897vw; color:var(--font-color2);}
.plan-list .price-box {display:flex; justify-content:end; flex-wrap:wrap;}
.plan-list .price-box .basic-price {position:relative; display:inline-block; margin-bottom:0.5128vw; padding:0 0.7692vw; font-size:3.5897vw; color:var(--font-color3);}
.plan-list .price-box .basic-price::after {content:""; position:absolute; left:0; top:50%; width:100%; height:0.2564vw; background-color:var(--font-color3);}
.plan-list .price-box .current-price {width:100%; text-align:right; font-size:6.1538vw; font-weight:700; color:var(--color-main);}
.plan-list .price-box .current-price .text {display:inline-block; font-size:3.5897vw; color:var(--font-color3);}
.plan-list .price-box .orgin-price {width:100%; font-size:4.1026vw; color:var(--font-color3); text-align:right;}
.plan-list .price-box .orgin-price + .orgin-price {margin-top:1.0256vw;}
.plan-list .price-box .condition-price{padding: 0 0.7692vw; font-size: 3.5897vw; color: var(--font-color3);}

.paln-swiper {margin-bottom:0; padding-bottom:5.1282vw;}
.paln-swiper .swiper-slide {display:flex; flex-wrap:wrap; width:100%;}
.paln-swiper .swiper-slide + .swiper-slide {margin-top:0;}
.paln-swiper .swiper-slide a { width:100%;}
.paln-swiper .swiper-pagination {position:absolute; top:inherit; bottom:0; height: 0.5128vw;}
.paln-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--color-black);}
.paln-swiper .swiper-button-prev,
.paln-swiper .swiper-button-next {position:absolute; top:50%; width:12.3077vw; height:12.3077vw; margin:0; transform: translateY(-80%);}
.paln-swiper .swiper-button-prev {left:0; background-image:url('../img/icon/icon_prev2.png'); background-repeat:no-repeat; background-position: center;}
.paln-swiper .swiper-button-next {right:0; background-image:url('../img/icon/icon_next2.png'); background-repeat:no-repeat; background-position: center;}

/* 요금제 리스트 */
.plan-menu {margin-top:7.6923vw;}
.plan-menu .plan-item {width:100%; height:100%;}
.plan-menu .plan-list {border:0.2564vw solid var(--color-gray-light);}
.plan-menu .sect-desc {display:flex; align-items:flex-end; padding-bottom:3.0769vw;}
.plan-menu .sect-desc .text {flex:1; font-weight:600; font-size:4.1026vw;}
.plan-menu .sect-desc .text > strong {color:var(--color-main);}
.plan-menu .btn-more {position:relative; font-size:3.5897vw; font-weight:400; color:var(--font-color3);}
.plan-menu .btn-more::after {content:""; display:inline-block; width:1.7949vw; height:1.7949vw; margin-left:0.7692vw; border-top:0.2564vw solid var(--font-color3); border-right:0.2564vw solid var(--font-color3); transform: rotate(45deg);}

#listWrap .plan-item {width:100%;}
#listWrap .plan-list {}

.sortWrap {position:relative; width:100%; margin-top:7.6923vw;}
.sortWrap .count {margin-bottom:3.0769vw; font-size:3.5897vw; font-weight:400; color:var(--font-color3);}
.sortWrap .sort-select {position:absolute; right:0; top:0; }
.sortWrap .sort-select .sort-btn {position:relative; width:100%; padding-right:6.4103vw; font-weight:400; font-size:3.5897vw; text-align:right; color:var(--font-color3);}
.sortWrap .sort-select .sort-btn::after {content:""; position:absolute; top:40%; right:0; width:2.0513vw; height:2.0513vw; margin-left:1.0256vw; border-style:solid; border-width:0.5128vw 0 0 0.5128vw; border-color:var(--font-color4); transform:translate(-50%, -50%) rotate(-135deg);}
.sortWrap .sort-select .sort-option {display:none; z-index:10; position:relative; margin-top:1.5385vw; padding:1.2821vw 0; background-color:var(--color-white); border:0.2564vw solid var(--color-gray-light); border-radius:1.5385vw; box-shadow: 0 0 2.5641vw 0 rgba(0, 0, 0, .15);}
.sortWrap .sort-select .sort-option li {position:relative; padding:1.0256vw 2.5641vw;}
.sortWrap .sort-select .sort-option li a {display:block;}
.sortWrap .sort-select .sort-option li span {display:block; color:var(--font-color3); font-weight:400; font-size:3.5897vw;}
.sortWrap .sort-select .sort-option.active {display:block;}
.sortWrap .sort-select .sort-option li.active span,
.sortWrap .sort-mno li.active span  {color:var(--color-main);}


/* 요금제 상세페이지 */
#detailWrap {z-index:1; position:relative; background-color:var(--color-white); box-shadow: 0 1.0256vw 2.5641vw -0.7692vw rgba(0, 0, 0, .15); border-radius:0 0 5.1282vw 5.1282vw;}
#eventWrap {padding-top:NaNvw; background-color:var(--color-white);}
#eventWrap + #reminderWrap {padding-top:0;}
#reminderWrap {overflow:hidden; padding-top:7.6923vw; background-color:var(--color-white);}

.plan-detail .inner {position:relative; padding:7.6923vw 6.1538vw 6.6667vw;}
.plan-detail .btn-icon {position:absolute; top:10.2564vw; right:4.1026vw;}
.plan-detail .btn-icon .icon-share { width:6.6667vw; height:6.6667vw; background:url(../img/icon/icon_share.png?20240619) no-repeat; background-size:contain;}
.plan-detail .detail .badge-box .badge {display:inline-block; padding:0.7692vw 2.5641vw; font-size:3.0769vw; font-weight:500; border-radius:1.5385vw;}
/* .plan-detail .detail .badge-box .badge.contract {border:0.2564vw solid #f77ea4; color:#ff558a; background-color:#fff;} */
.plan-detail .detail .badge-box .badge.mno-skt {background-color:var(--color-skt); color:var(--color-white); border:0.2564vw solid var(--color-skt);}
.plan-detail .detail .badge-box .badge.mno-lgt {background-color:var(--color-lgt); color:var(--color-white); border:0.2564vw solid var(--color-lgt);}
.plan-detail .detail .badge-box .badge.mno-kt {background-color:var(--color-kt); color:var(--color-white); border:0.2564vw solid var(--color-kt);}
.plan-detail .detail .badge-box .badge.condition {background-color:var(--badge-condition); color:var(--color-white); border:0.2564vw solid var(--badge-condition);}
.plan-detail .detail .badge-box .badge.pay_type1{background-color: var(--color-main); color: #fff; padding: 1.0256vw 2.5641vw;}
.plan-detail .detail .badge-box .badge.pay_type2{background-color: #000; color: #fff; padding: 1.0256vw 2.5641vw;}
.plan-detail .detail .badge-box .badge + .badge {margin-left:1.2821vw;}
.plan-detail .detail .badge-box .badge.period,
.plan-detail .detail .badge-box .badge.combine {color:var(--color-white); background-color:var(--badge-discount); border:0.2564vw solid var(--badge-discount);}
.plan-detail .detail .badge-box .badge.recom {color:var(--color-white); background:linear-gradient(to right, #42d7b3, #2461eb);}
.plan-detail .detail .name {margin:2.5641vw 0; font-weight:500; font-size:4.1026vw; color:var(--font-color2);}
.plan-detail .detail .spec-box {display:flex; flex-wrap:wrap; margin-top:4.1026vw; padding:5.1282vw 0; background-color:var(--color-lightpurple); border-radius:1.5385vw;}
.plan-detail .detail .spec-box > div {display: flex; text-align:left; margin-right:2.5641vw;}
.plan-detail .detail .spec-box > div:last-child {margin-right:0;}
.plan-detail .detail .spec-box .free {display:inline-block; vertical-align:middle; color:var(--font-color1); font-weight:500; font-size:4.1026vw; word-break:keep-all;}
.plan-detail .detail .spec-box .icon-comm {position:relative; display:inline-block; width:6.6667vw; height:6.6667vw; margin-right:1.5385vw; vertical-align:middle;}
.plan-detail .detail .spec-box .icon-comm::after {content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.plan-detail .detail .spec-box .data {position:relative;}
.plan-detail .detail .spec-box .data .icon-comm::after {width:3.5897vw; height:4.1026vw; background:url(../img/icon/icon-plan-data.png) no-repeat center; background-size: contain;}
.plan-detail .detail .spec-box .call {position:relative;}
.plan-detail .detail .spec-box .call .icon-comm::after {width:3.5897vw; height:3.5897vw; background:url(../img/icon/icon-plan-call.png) no-repeat center; background-size: contain;}
.plan-detail .detail .spec-box .sms {position:relative;}
.plan-detail .detail .spec-box .sms .icon-comm::after {width:3.8462vw; height:3.8462vw; background:url(../img/icon/icon-plan-sms.png) no-repeat center; background-size: contain;}
.plan-detail .detail .addition-box {margin-top:-1.5385vw; padding:1.5385vw 5.1282vw 5.1282vw; background-color:var(--color-lightpurple); border-radius:1.5385vw;}
.plan-detail .detail .addition-box p {position:relative; padding-left:2.5641vw; font-size:3.3333vw; color:#7e7f7f;}
.plan-detail .detail .addition-box p::before {content:""; display:block; position:absolute; left:0; top:1.7949vw; width:0.5128vw; height:0.5128vw; background-color:#7e7f7f; border-radius:50%;}
.plan-detail .detail .addition-box p + p {margin-top:1.2821vw;}

.plan-detail .price-box {margin-top:5.1282vw;} 
.plan-detail .price-box .point {color:#da2d50}
.plan-detail .price-box dl {display:flex; width:100%; color:#555555;}
.plan-detail .price-box dl + dl {margin-top:1.0256vw;}
.plan-detail .price-box dl dt {text-align:left; font-weight:500; font-size:3.3333vw;}
.plan-detail .price-box dl dd {flex:1 auto; font-weight:500; font-size:3.5897vw; text-align:right;}
.plan-detail .price-box dl dt.icon-low {}
.plan-detail .price-box dl dt.icon-low::before {content:""; display:inline-block; width:1.5385vw; height:1.2821vw; margin:0 1.2821vw 0.5128vw 0; border-bottom:0.2564vw solid #555; border-left:0.2564vw solid #555;}
.plan-detail .price-box .current-price {align-items: baseline; color:#292929; text-align:center;}
.plan-detail .price-box .current-price dt {font-size:4.6154vw; font-weight:700;}
.plan-detail .price-box .current-price dd {font-size:6.1538vw; font-weight:700;}
.plan-detail .price-box .current-price dd .text {font-size:4.6154vw; font-weight:700}
.plan-detail .price-box .current-price .btn-toggle {cursor:pointer}
.plan-detail .price-box .current-price .btn-toggle .icon-arrow {position:relative; width:6.1538vw; height:6.1538vw;}
.plan-detail .price-box .current-price .btn-toggle .icon-arrow::after {content:""; position:absolute; top:45%; left:50%; width:1.7949vw; height:1.7949vw; border:0.2564vw solid; border-width:0.2564vw 0 0 0.2564vw; border-color:var(--color-black); transform:translate(-50%, -50%) rotate(-135deg);}
.plan-detail .price-box .current-price .btn-toggle.active .icon-arrow::after {top:55%; transform:translate(-50%, -50%) rotate(45deg);}
.plan-detail .price-box .orgin-price {margin-top:0.7692vw; text-align:right; color:var(--font-color3);}
.plan-detail .price-box .detail-price {opacity:0; display:none; margin-top:2.5641vw; padding-top:2.5641vw; border-top:0.2564vw solid var(--color-gray-brighter1); transition:.2s;}
.plan-detail .price-box .detail-price.active {opacity:1; display:block;}
.plan-detail .btn-group {z-index:10; position:fixed; bottom:0; left:50%; width:100%; max-width:158.9744vw; padding:2.5641vw; transform:translateX(-50%); background-color:var(--color-white);}
.plan-detail .btn-group .btn {font-weight:600; font-size:4.3590vw;}
.plan-info-box {padding:4.1026vw 5.1282vw; font-weight:400; font-size:3.5897vw; line-height:1.4; border-top:0.2564vw solid var(--color-gray-brighter1); color:var(--color-main); word-break:break-word;}

.reminder-detail {position:relative; padding:5.1282vw;}
.reminder-detail + .reminder-detail {margin-top:0;}
.reminder-detail .content + .content {margin-top:10.2564vw;}
.reminder-detail .content .cont-title {margin-bottom:3.0769vw; font-weight:600; font-size:4.1026vw;}
.reminder-detail .content .cont-sub-title {margin-bottom:1.0256vw; font-weight:600; font-size:3.8462vw;}
.reminder-detail .content ul + .cont-sub-title {margin-top:6.1538vw;}
.reminder-detail .content ul {width:100%}
.reminder-detail .content ul li {position:relative; padding-left:3.0769vw; font-weight:400; font-size:3.8462vw; color:var(--font-color2); line-height:1.4; word-break:break-all;}
.reminder-detail .content ul li + li {margin-top:2.0513vw}
.reminder-detail .content ul li span {font-weight:400;}
.reminder-detail .content ul li > ul {margin-top:1.0256vw}
.reminder-detail .content  .text-list li {padding-left: 5.1282vw;}
.reminder-detail .content  .text-list li > span {position: absolute; left: 0;}
.reminder-detail .content .num-list {counter-reset: num 0;}
.reminder-detail .content .num-list > li {padding-left:6.1538vw;}
.reminder-detail .content .num-list > li:before {content:counter(num)"."; counter-increment:num 1; position:absolute; left:0; top:0;}
.reminder-detail .content .desc-list li {padding-left:3.0769vw !important;}
.reminder-detail .content .desc-list li::before {content:""; position:absolute; left:0; top:2.5641vw; width:1.5385vw; height:0.2564vw; background:var(--font-color2);}
.reminder-detail .content table {margin-top:0;}
.reminder-detail .content table th,
.reminder-detail .content table td {font-size:3.5897vw; border:0.2564vw solid #ddd; line-height:1.4;}
.reminder-detail .content table th {padding:1.5385vw 2.5641vw; font-weight:600; background-color:#e9e9e9; color:#000;}
.reminder-detail .content table td {padding:1.5385vw 2.5641vw; text-align:center; color:var(--font-color2); background-color:var(--color-white); }
.reminder-detail .content table + ul,
.reminder-detail .content table + p {margin-top:1.0256vw; font-size:3.8462vw;}
.reminder-detail .content .cont-text {margin-top:1.5385vw; font-weight:400; font-size:3.8462vw; color:var(--font-color2); font-weight:400;}
.reminder-detail .content .scroll-table {width:100%; overflow:auto;}
.reminder-detail .content .scroll-table table {width:158.9744vw !important;}
.reminder-detail .content .scroll-table p {margin-top:1.0256vw; font-weight:400; font-size:3.5897vw; color:var(--font-color3); line-height:1.4;}
.reminder-detail .content .scroll-table + ul {margin-top:2.0513vw}
.reminder-detail .content .benefit-list li {position:relative; margin-top:0; padding-left:0; text-align:left;}
.reminder-detail .content .benefit-list li .cont-box {display:flex; flex-wrap:wrap; align-items: end; padding:5.1282vw; border:0.2564vw solid #e3e3e3; border-radius:3.0769vw;}
.reminder-detail .content .benefit-list li .cont-box .title {width:100%; margin-bottom:1.0256vw; font-weight:700; font-size:4.1026vw; color:var(--color-black);}
.reminder-detail .content .benefit-list li .cont-box .title span{font-size:0.8em; color:#777; font-weight: normal;}
.reminder-detail .content .benefit-list li .cont-box .desc {flex:1; font-weight:400; font-size:3.8462vw; color:#686868;}
.reminder-detail .content .benefit-list li .cont-box .btn-link,
.reminder-detail .content .giftbox-list li .cont-box .btn-link {position:relative; display:block;font-weight:500; font-size:3.3333vw; color:#232323;}
.reminder-detail .content .benefit-list li .cont-box .btn-link::after,
.reminder-detail .content .giftbox-list li .cont-box .btn-link::after {content:""; display:inline-block; width:1.5385vw; height:1.5385vw; margin:0 0 0.5128vw 1.0256vw; border-top:0.2564vw solid #232323; border-right:0.2564vw solid #232323; transform:rotate(45deg);}
.reminder-detail .content .benefit-list li .cont-box.icon-iptv::before {content:""; display:inline-block; width:8.7179vw; height:8.7179vw; margin-bottom:3.0769vw; background:url(../images/icon/icon-benefit-iptv.png) no-repeat center; background-size: contain;}
.reminder-detail .content .benefit-list li .cont-box.icon-udoc::before {content:""; display:inline-block; width:23.0769vw; height:4.8718vw; margin-bottom: 3.0769vw; background:url(../images/icon/premium_logo.png) no-repeat center; background-size: contain;}
.reminder-detail .content .benefit-list li .cont-box.icon-tving::before {content:""; display:inline-block; width:23.0769vw; height:4.8718vw; margin-bottom: 3.0769vw; background:url(../images/icon/tving_logo.png) no-repeat center; background-size: contain;}
.reminder-detail .content.benefit-content,
.reminder-detail .content.notice-content {padding:5.1282vw; background-color:#f7f7f7; border-radius:3.0769vw;}
.reminder-detail .content.benefit-content .cont-title,
.reminder-detail .content.notice-content .cont-title {font-size:4.6154vw !important;}
.reminder-detail .content.benefit-content .cont-title::before {content:""; display:inline-block; width:4.6154vw; height:4.6154vw; margin:0 1.2821vw -0.7692vw 0; background:url(../images/icon/icon-key-point.png) no-repeat; background-size:contain;}
.reminder-detail .content.benefit-content .cont-title.no-icon::before {display:none;}
.reminder-detail .content.benefit-content .row2 {margin-top:5.1282vw; padding-top:5.1282vw; border-top:0.2564vw solid #ddd;}
.reminder-detail .content.notice-content {background-color:#eff5fb !important;}
.reminder-detail .content.gift-content {overflow: hidden; position:relative;}
.reminder-detail .content.gift-content .img-gift {width:100%}
.reminder-detail .content.gift-content .img-text {position:absolute; bottom:0; padding:5.1282vw;}
.reminder-detail .content.gift-content .img-text .cont-sub-title {padding-bottom:3.0769vw; font-size:5.1282vw; border-bottom:0.2564vw solid #000;}
.reminder-detail .content.gift-content.gift-LPZ0002872 * {color:#fff !important;}
.reminder-detail .content.gift-content.gift-LPZ0002872 .img-text .cont-sub-title,
.reminder-detail .content.gift-content.gift-LPZ0002816 .img-text .cont-sub-title {border-bottom:0.2564vw solid #fff}

.benefit-swiper {padding-bottom:3.0769vw;}
.benefit-swiper .swiper-pagination {top:auto; bottom:0;}
.benefit-swiper .swiper-pagination-progressbar {overflow:hidden; height:0.7692vw; background-color:#e5e5e5; border-radius:2.5641vw;}
.benefit-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color:#000;}

.giftbox-wrap {padding-bottom:3.8462vw;}
.giftbox-wrap .giftbox-list figure img {width:100%;}
.giftbox-wrap .giftbox-list .gift-cont {margin-top:4.1026vw;}
.giftbox-wrap .giftbox-list .gift-cont dt {font-size:4.6154vw; color:#000; font-weight:600;}
.giftbox-wrap .giftbox-list .gift-cont dd {margin-top:1.0256vw;}
.giftbox-wrap .giftbox-list .btn-link {margin-top:2.5641vw;}
.giftbox-wrap .giftbox-list-1 li {width:100%; padding-left:0 !important;}
.giftbox-swiper .swiper-slide {margin-top:0 !important; padding-left:0 !important;}
.giftbox-swiper .swiper-pagination {top:auto; bottom:-0;}
.giftbox-swiper .swiper-pagination-progressbar {overflow:hidden; height:0.7692vw; background-color:#e5e5e5; border-radius:2.5641vw;}
.giftbox-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color:#000;}


/* SNS 공유 */
#shareLayer .modal-inbox {min-height:58.9744vw;}
#shareLayer .share-list {display:flex; justify-content:center; margin-top:3.8462vw;}
#shareLayer .share-list li {width:33.33%; text-align: center;}
#shareLayer .share-list li button {display: flex; flex-wrap: wrap; justify-content: center; position:relative; width: 100%;}
#shareLayer .share-list li button::before {content:""; display:block; width:15.3846vw; height:15.3846vw; margin-bottom:4.1026vw; border-radius:50%;}
#shareLayer .share-list li span {position:relative; display: block; width: 100%; font-weight:600; font-size:4.1026vw; color:var(--font-color2);}
#shareLayer .share-list li .icon-kakao::before {background:url(../img/icon/icon-kakao.svg); background-size: contain;}
#shareLayer .share-list li .icon-facebook::before {background:url(../img/icon/icon-facebook.svg); background-size: contain;}
#shareLayer .share-list li .icon-url::before {background:url(../img/icon/icon-url.svg); background-size: contain;}


/****************************************
# 단기유심
****************************************/
#reservationWrap .title {display: flex; align-items: flex-end; margin-bottom:5.1282vw; padding-bottom: 2.0513vw; font-weight: 600; font-size: 4.6154vw; color: var(--color-black); border-bottom: 0.2564vw solid var(--color-black);}
#reservationWrap .title.no-border {border-bottom: 0; margin-bottom: 0; padding-bottom: 1.0256vw;}
#reservationWrap .title .remark {margin-left: auto; font-size: 3.5897vw; text-align: right; color: var(--color-main);}
#reservationWrap + #tabWrap {margin-top: 10.2564vw;}
#reservationWrap article {}
#reservationWrap article + article {margin-top:12.8205vw;}

/* 부호 */
.refer {position: relative; margin-top: 1.5385vw; padding-left: 5.1282vw; font-weight: 400; color: var(--font-color2); font-size: 3.5897vw;}
.refer::before {content: "※"; display: inline-block; position: absolute; left: 0; top: 0; font-size: 5.1282vw;; line-height: 1;}
.star {position: relative; margin-top: 1.5385vw; padding-left: 3.0769vw; font-weight: 400; color: var(--font-color2); font-size: 3.5897vw;}
.star::before {content: "*"; display: inline-block; position: absolute; left: 0; top: 0.5128vw; font-size: 4.6154vw;; line-height: 1;}


/* 요금제 정보 */
.plan-info {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 7.6923vw;}
.plan-info .name {width: 100%; font-weight: 700; font-size: 5.1282vw;}
.plan-info .name > span  {font-weight: 700;}
.plan-info .price {font-weight: 700; font-size: 5.1282vw; color: var(--color-main);}

/* 옵션 */
.options .option-item + .option-item {margin-top: 7.6923vw;}
.options .option-item .option-title {font-weight: 600; margin-bottom: 2.0513vw; font-size: 4.1026vw;}

/* 일수 */
.date-swiper {padding-bottom: 7.6923vw;}
.date-swiper .swiper-wrapper {width: 100% !important; height:119.2308vw !important; margin-left: auto; margin-right: auto;}
.date-swiper .swiper-slide {display: flex; justify-content: center; width: 50% !important; align-items: center; text-align: center; font-size: 4.6154vw; background: #fff;}
.date-swiper .date-label {width: 100%; height: 100%;}
.date-swiper .date-label p {width: 100%;}
.date-swiper .date-label .day {font-weight: 300; color: var(--font-color1); font-size: 3.8462vw;}}
.date-swiper .date-label .price {font-weight: 800; color: var(--color-main); font-size: 4.3590vw;}
.date-swiper .date-label .vat {font-weight: 300; color: var(--font-color3); font-size: 3.3333vw; word-break:break-all;}
.date-swiper .date-label .spec {font-weight: 300; color: var(--font-color3); font-size: 3.3333vw;}
.date-swiper .date-label .spec > span {color: var(--color-main);}

.data-box .data-list{display:flex; flex-wrap: wrap;}
.data-box .data-list li{width: calc(100%/3 - 1.7949vw); margin:0 2.5641vw 2.5641vw 0;}
.data-box .data-list li:nth-child(3n){margin-right: 0}
.data-box .data-list li label{background:var(--color-gray-brighter2); width: 100%; height: 100%; border-radius: 1.5385vw; padding:3.8462vw; text-align: center;}
.data-box .data-list li p {width: 100%;}
.data-box .data-list li .day {font-weight: 500; color: var(--font-color1); font-size: 3.8462vw;}
.data-box .data-list li .base {text-decoration: line-through; font-size: 3.3333vw; margin-top: 0.7692vw;}
.data-box .data-list li .price {font-weight: 700; color: var(--color-main); font-size: 4.3590vw;}
.data-box .data-list li .vat {font-weight: 300; color: var(--font-color3); font-size: 3.0769vw; word-break:break-all;}
.data-box .data-list li .spec {font-weight: 300; color: var(--font-color3); font-size: 3.5897vw; margin-top: 0.7692vw;}
.data-box .data-list li .spec > span {color: var(--color-main);}
.data-box .data-list li input[type="checkbox"]:checked + label {position: relative; color: var(--color-main); background: var(--color-lightpink1);}
.data-box .data-list li  input[type="checkbox"]:checked + label:after {content: ''; display: block; width: calc(100% - 1.0256vw); height: calc(100% - 1.0256vw); position: absolute; top: 0; left: 0; border:0.5128vw solid var(--color-main); border-radius: 1.5385vw; transform: rotate(0deg);}
.data-box .data-list li input[type="radio"]:checked + label {position: relative; color: var(--color-main); background: var(--color-lightpink1);}
.data-box .data-list li  input[type="radio"]:checked + label:after {content: ''; display: block; width: calc(100% - 1.0256vw); height: calc(100% - 1.0256vw); position: absolute; top: 0; left: 0; border:0.5128vw solid var(--color-main); border-radius: 1.5385vw; transform: rotate(0deg);}
.data-box .data-list li  input[type="radio"]:checked .price {color: var(--color-main);}

/* Total */
.total-sect {padding: 5.1282vw; border-radius: 3.0769vw; background: var(--color-lightpink1); border: 0.2564vw solid var(--color-main);}
.total-sect .title {font-weight: 600; font-size: 4.1026vw}
.total-sect .desc {color: var(--font-color3); font-size: 3.8462vw;}
.total-sect .price {margin-top: 2.5641vw; text-align: right; font-weight: 700; font-size: 5.6410vw; color: var(--color-main);}
.total-sect .price > span {font-weight:inherit;}


/* location */
.location-sect {}
.location-sect .title {font-weight: 600; font-size: 4.6154vw; margin-bottom: 2.0513vw;}
.location-sect .location-info {margin-top: 2.5641vw;}
.location-sect .content {margin-top: 2.5641vw;}
.location-sect .content .map-name {font-size: 4.6154vw; font-weight: 500; margin-bottom: 2.0513vw; color: var(--font-color3);}
.location-sect .content ul li {color: var(--font-color3);}

.sim-location {border: 0.2564vw solid #ddd; border-radius: 1.5385vw; padding: 5.1282vw;}
.sim-location + .sim-location {margin-top: 5.1282vw;}
.sim-location .info {line-height: 1.5; text-align: center;}
.sim-location .info .map-name {font-weight: 600; font-weight: 4.3590vw ; margin-bottom: 1.2821vw;}
.sim-location .info .time {color: var(--color-blue2);}
.sim-location .map{margin-top: 2.5641vw;}

/* eSIM 이용 방법 */
.guide-swiper {padding: 7.6923vw 7.6923vw 15.3846vw;}
.guide-swiper .swiper-wrapper {width: 100% !important; margin-left: auto; margin-right: auto;}
.guide-swiper .swiper-slide {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; text-align: center; font-size: 4.6154vw;}
.guide-swiper .swiper-slide .step { font-weight: 500; color: var(--color-main); width: 100%;}
.guide-swiper .swiper-slide .guide-img {width: 40.7692vw; padding: 5.1282vw 0;}
.guide-swiper .swiper-slide .desc {width: 100%;}
.guide-swiper .swiper-pagination {bottom: 5.1282vw;}
.guide-swiper .swiper-button-prev {left: 5.1282vw;}
.guide-swiper .swiper-button-next {right: 5.1282vw;}

/* 상세내용 */
.content-area {padding-bottom: 15.3846vw;}
.content-area .title {font-weight:700; font-size: 5.1282vw; margin-bottom: 3.0769vw;}
.content-area .sub-title {font-weight:500; font-size: 4.1026vw; margin-bottom: 1.5385vw; color: var(--font-color1);}
.content-area .title-btn {}
.content-area .title-btn .btn-def {margin-bottom:5.1282vw;}
.content-area .item {position: relative;}
.content-area .item.bg {padding: 4.1026vw; background-color: var(--color-gray-brighter4); border-radius: 3.0769vw;}
.content-area .content-title {font-size: 4.6154vw; color: var(--badge-condition); margin-bottom: 1.5385vw;}
.content-area ul li {position:relative; font-weight:400; font-size:4.1026vw; color:var(--font-color2); line-height:1.5; word-break:break-all;}
.content-area ul li + li {margin-top:1.5385vw}
.content-area ul li > ul {margin-top:1.0256vw}
.content-area .num-list {counter-reset: num 0;}
.content-area .num-list li {padding-left:5.8974vw;}
.content-area .num-list li:before {content:counter(num)"."; counter-increment:num 1; position:absolute; left:0; top:0;}
.content-area .desc-list > li {padding-left:3.0769vw !important;}
.content-area .desc-list > li::before {content:""; position:absolute; left:0; top:2.0513vw; width:1.5385vw; height:0.2564vw; background:var(--color-black);}
.content-area .dot-list > li {padding-left:3.0769vw !important;}
.content-area .dot-list > li::before {content:""; position:absolute; left:0; top:2.3077vw; width:0.7692vw; height:0.7692vw; background:var(--color-black); border-radius: 50%;}
.content-area .text {margin: 5.1282vw 0 1.5385vw;}
.content-area ul + .sub-title {margin-top:4.1026vw} 
.content-area table + ul {margin-top:1.5385vw}

.content-area .service-steps {display: flex; margin:0 -2.5641vw;}
.content-area .service-steps + .service-steps {margin-top:5.1282vw} 
.content-area .service-steps .service-item {width: 100%; height: 100%; padding:0 2.5641vw;; text-align: center;}
.content-area .service-steps .service-item .step-top {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 2.5641vw; color: var(--color-skyblue2);  background-color: var(--color-darkblack); border-radius: 3.0769vw 3.0769vw 0 0;}
.content-area .service-steps .service-item .type {width: 100%;  line-height: 1.2; word-break: break-word;}
.content-area .service-steps .service-item .type > span {font-size: 3.3333vw; color: var(--color-point);}
.content-area .service-steps .service-item .way {width: 100%; padding-top: 1.2821vw; background-color: var(--color-darkblack);}
.content-area .service-steps .service-item .step-list {display: flex; flex-direction: column; height: 100%; background-color: var(--color-lightpurple2); border-radius: 0 0 3.0769vw 3.0769vw;}
.content-area .service-steps .service-item .step-list li {position: relative; padding: 5.1282vw 0;}
.content-area .service-steps .service-item .step-list li::after {content: ""; position: absolute; bottom: 0; right: 50%; width:1.5385vw; height:1.5385vw; border-top:0.5128vw solid var(--color-black); border-right:0.5128vw solid var(--color-black); transform:translateY(50%) rotate(135deg);}
.content-area .service-steps .service-item .step-list li:last-child::after {display: none;}
.content-area .service-steps .service-item .step-list li .img {}
.content-area .service-steps .service-item .step-list li .number {color: var(--color-main);}
.content-area .service-steps .service-item .step-list li .desc {margin-top:1.5385vw; line-height: 1.4;}
.content-area .service-steps .service-item.self .step-list {background-color: var(--color-gray-brighter1);}
.content-area .service-steps .service-item.self .step-list li {height: 33.33%;}
.content-area .service-steps .service-item.visit .step-list {background-color: var(--color-gray-brighter2);}
.content-area .service-steps .service-item.visit .step-list li {height: 25%;}

.content-area .qna-list {}
.content-area .qna-list dt {padding-bottom:2.0513vw; font-weight: 600; color: var(--color-main);}
.content-area .qna-list dd {margin-bottom: 7.6923vw; font-weight: 400;}
.content-area .qna-list dd:last-child {margin-bottom: 0;}

.advantage-list {}
.advantage-list li {display: flex; align-items: center; position: relative; padding: 5.1282vw; border:0.2564vw solid var(--color-gray-light); border-radius: 3.0769vw;}
.advantage-list .icon {flex-shrink: 0; width: 16.4103vw; height: 16.4103vw; margin-right: 5.1282vw; background-size: contain; background-repeat: no-repeat;}
.advantage-list .icon.icon-advtg01 {background-image: url("https://ksimcard.co.kr/assets/img/icon/img_advantage01.png");}
.advantage-list .icon.icon-advtg02 {background-image: url("https://ksimcard.co.kr/assets/img/icon/img_advantage02.png");}
.advantage-list .icon.icon-advtg03 {background-image: url("https://ksimcard.co.kr/assets/img/icon/img_advantage03.png");}
.advantage-list .desc {font-size:4.1026vw; font-weight: 300; color: var(--font-color1);}
.advantage-list .desc > strong {font-weight:600;}

.step-wrap {padding-bottom:5.1282vw;}
.step-wrap li {position: relative; padding:5.1282vw; text-align:center; border:0.2564vw solid var(--color-gray-light); border-radius: 3.0769vw;}
.step-wrap li .number {width:100%; color:var(--color-main); font-size:5.1282vw; font-weight:500;x}
.step-wrap li .img {width:100%; max-width:40.0000vw; margin:2.5641vw auto 5.1282vw; font-size:4.6154vw;}
.step-wrap li .text {width:100%; font-size:4.1026vw; word-break: break-all;}


/****************************************
# 완료
****************************************/
.comp-sect {text-align: center; margin-bottom: 7.6923vw;}
.comp-sect .icon {max-width: 30.7692vw; margin: 0 auto 5.1282vw;}
.comp-sect .app-title {font-weight: 700; font-size: 5.3846vw;}
.comp-sect .title {font-weight: 500; font-size: 4.6154vw;}
.comp-sect .title span {font-weight: inherit;}
.comp-sect .res-id {margin-top: 5.1282vw; font-size: 5.3846vw; font-weight: 700;}
.comp-sect .desc {margin-top: 5.1282vw; font-size: 4.1026vw; line-height: 1.5; color: #444;}


/****************************************
# cs
****************************************/
/* faq */
.faq-list li {border-top:0.2564vw solid var(--color-gray-light);}
.faq-list li:last-child {border-bottom:0.2564vw solid var(--color-gray-light);}
.faq-list .question {display:flex; align-items:center; position:relative; padding:5.1282vw 6.4103vw 5.1282vw 1.2821vw;}
.faq-list .question::after {content:''; display:block; position:absolute; right:1.2821vw; top:50%; width:2.0513vw; height:2.0513vw; margin-top:-1.0256vw; border-bottom:0.5128vw solid var(--color-black); border-right:0.5128vw solid var(--color-black); transform:translateY(-50%) rotate(45deg);}
.faq-list .question .title {cursor:pointer; flex:1; font-size:4.1026vw; font-weight:600;}
.faq-list .answer {display:none; padding:0 1.2821vw 5.1282vw;}
.faq-list .answer p {color:var(--font-color2); font-weight:400; font-size:3.8462vw; line-height:1.5;}
.faq-list .answer dl {padding-top:5.1282vw;}
.faq-list .answer dl dt {display:inline-block; padding:0.2564vw 2.5641vw; font-size:3.3333vw; font-weight:500; color:var(--font-color1); border-radius:5.1282vw; background-color:var(--color-gray-light);}
.faq-list .answer dl dd {margin-top:1.2821vw; font-weight:400; font-size:3.8462vw; color:var(--font-color2); line-height:1.5;}
.faq-list li.on .question::after {border-color:#000; transform:translateY(50%) rotate(-135deg);}


/* 고객지원센터 */
.category-list li {width:50%;}
.category-list li .item {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; padding:5.1282vw; border-radius:3.0769vw; background-color:var(--color-gray-brighter2);}
.category-list li .item .icon {display:block; width: 100%; text-align: center;}
.category-list li .item .title {margin-top:2.5641vw; font-weight:600; font-size:4.1026vw;}

.cs-info {margin-top:10.2564vw;}
.cs-info .title {margin-bottom:2.0513vw; font-weight:700; font-size:4.6154vw;}
.cs-info .info {padding:3.0769vw 5.1282vw; text-align:center; border:0.2564vw solid var(--color-gray-light);}
.cs-info .info .time {font-weight:400; font-size:4.1026vw;}
.cs-info .info .time > strong {font-weight:800; font-size:5.1282vw; color:var(--color-main);}
.cs-info .info .sub {font-weight:400; font-size:3.8462vw; color:var(--font-color2);}


/* guide */
.guide-desc {margin-bottom:10.2564vw;}
.guide-desc .text {font-weight:400; font-size:4.1026vw; color:var(--color-main);}
.guide-desc .text + .text {margin-top:1.5385vw;}

.guide-box {}
.guide-box + .guide-box {margin-top:10.2564vw;}
.guide-box .title {font-weight:700; font-size:6.1538vw;}
.guide-box .refer {font-weight:400; font-size:4.1026vw; color:var(--font-color6);}
.guide-box .link {font-weight:700; font-size:4.1026vw; color:var(--font-color2);}
.guide-box .info {font-weight:300; font-size:4.1026vw; color:var(--font-color3); line-height:1.5;}

.certified-wrap {margin-top:10.2564vw; padding:10.2564vw 0; background-color:var(--color-skyblue2);}
.certified-list .icon-certi {position:relative; padding-left:5.1282vw; font-weight:200; border-radius:4.1026vw; color:var(--color-white); background-color:var(--color-darkblack);}
.certified-list .icon-certi::before {content:""; display:block; width:9.2308vw; height:9.2308vw; position:absolute; top:50%; transform: translateY(-50%);}
.certified-list .icon-certi-kakao::before {background:url(../img/icon/icon_certi_kakao.png); background-size: cover;}
.certified-list .icon-certi-pass::before {background:url(../img/icon/icon_certi_pass.png); background-size: cover;}  
.certified-list .icon-certi-toss::before {background:url(../img/icon/icon_certi_toss.png); background-size: cover;}
.certified-list .icon-certi-card::before {background:url(../img/icon/icon_certi_card.png); background-size:cover;}
.certified-list .icon-certi + .icon-certi {margin-top:3.0769vw;}
.certified-list .icon-certi a {position:relative; width:100%; padding:5.1282vw 5.1282vw 5.1282vw 12.8205vw;}
.certified-list .icon-certi a::after {content:""; display:block; position:absolute; right:5.1282vw; top:50%; width:2.0513vw; height:2.0513vw; border-top:0.5128vw solid var(--color-white); border-right:0.5128vw solid var(--color-white); transform:translateY(-50%) rotate(45deg);}


/* 가이드 */
.guide-sect {overflow:hidden; position:relative;}
.guide-sect .swiper {overflow:visible; margin:0 auto;}
.guide-sect .swiper .swiper-wrapper {align-items:center; padding-top:10.2564vw;}
.guide-sect .swiper .content-box {display:flex; flex-wrap:wrap; justify-content:center; position:relative; margin-top:2.5641vw;}
.guide-sect .swiper .content-box .img-guide {width:100%;}
.guide-sect .swiper .content-box .text {width:100%; padding:0 5.1282vw;}
.guide-sect .swiper .content-box .text .desc {margin-bottom:5.1282vw; font-weight:400; font-size:4.1026vw; word-break: keep-all;}
.guide-sect .swiper .content-box .img-guide {width:100%; max-width:82.0513vw;}
.guide-sect .swiper .content-box .img-guide img {width:100%;}
.guide-sect .pagination {position:absolute; top:0; left:50%; width:100%; color:var(--color-white); background-color:transparent; transform: translateX(-50%);}

.point-box {position:relative;}
.point-box ul li {display:flex; align-items: center; box-shadow: 0.2564vw 0.2564vw 2.5641vw 0 rgba(0, 0, 0, .1);padding:5.1282vw 6.1538vw;border-radius:3.0769vw;}
.point-box ul li + li {margin-top:3.0769vw;}
.point-box ul li .img {width:18.9744vw; height:18.9744vw; margin-right:2.5641vw;}
.point-box ul li .text {flex:1;}
.point-box ul li .text .title {font-weight:600; font-size:4.6154vw;}
.point-box ul li .text .desc {margin-top:2.0513vw; font-weight:400; font-size:3.5897vw; color:var(--font-color3); word-break: keep-all;}


/****************************************
# 모달
****************************************/
.modal-popup {display:none; z-index:100000; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; padding:0 5.1282vw; transform:translateZ(0); background:rgba(0,0,0,.7); box-sizing:border-box;}
.modal-popup .modal-inbox {display:flex; flex-direction:column; position:relative; top:50%; width:100%; max-width:220.5128vw; min-height:auto; max-height:85vh; margin:0 auto; border-radius:3.0769vw; background-color:#fff; transform:translateY(-50%); overflow: hidden;}
.modal-popup .modal-inbox .close {z-index:1; position:absolute; top:50%; right:5.1282vw; font-size:0; width:4.1026vw; height:4.1026vw; text-indent:-2563.8462vw; transform:translateY(-50%); background:url('../img/icon/btn_pop_close.png') no-repeat center center;}
.modal-popup .modal-top {position:relative;}
.modal-popup .modal-top .title {padding:6.1538vw 5.1282vw; font-weight:700; font-size:5.1282vw;}
.modal-popup .modal-top .title > span {font-weight:inherit;}
.modal-popup .modal-content {overflow-y:auto; position:relative; height:100%; padding:0 5.1282vw;}
.modal-popup .modal-content .content-title {margin: 5.1282vw 0 7.6923vw; text-align: center; font-weight: 300; font-size: 4.6154vw;}
.modal-popup .modal-content .content-box {margin-bottom:5.1282vw;}
.modal-popup .modal-content .content-box .inform-text {margin-top: 0.7692vw; font-weight:500; font-size:4.1026vw; line-height:1.5;}
.modal-popup .modal-content .content-box .inform-text:first-child {margin-top: 0;}
.modal-popup .modal-content .content-box .inform-text.last {margin-top:3.8462vw; color:var(--font-color2);}
.modal-popup .modal-content:last-child {padding-bottom:5.1282vw;}
.modal-popup .modal-content .content {position:relative;}
.modal-popup .modal-content .content + .content {margin-top:10.2564vw;}
.modal-popup .modal-content .content .cont-title {margin-bottom:2.0513vw; font-weight:500; font-size:4.1026vw;}
.modal-popup .modal-content .content ul {width:100%}
.modal-popup .modal-content .content ul li {position:relative; padding-left:3.0769vw; font-weight:400; font-size:3.5897vw; color:var(--font-color2); line-height:1.4; word-break:break-all;}
.modal-popup .modal-content .content ul li + li {margin-top:2.0513vw}
.modal-popup .modal-content .content ul li > ul {margin-top:1.0256vw}
.modal-popup .modal-content .content .num-list {counter-reset: num 0;}
.modal-popup .modal-content .content .num-list > li {padding-left:6.1538vw;}
.modal-popup .modal-content .content .num-list > li:before {content:counter(num)"."; counter-increment:num 1; position:absolute; left:0; top:0;}
.modal-popup .modal-content .content .desc-list li {padding-left:3.0769vw !important;}
.modal-popup .modal-content .content .desc-list li::before {content:""; position:absolute; left:0; top:2.0513vw; width:1.5385vw; height:0.2564vw; background:var(--font-color2);}
.modal-popup .modal-content .content table th,
.modal-popup .modal-content .content table td {font-size:3.5897vw;}
.modal-popup .modal-content .content table td {font-weight:400; color:var(--font-color2);}
.modal-popup .modal-content .content table + ul {margin-top:1.0256vw;}
.modal-popup .modal-content .content .scroll-table {width:100%; overflow:auto;}
.modal-popup .modal-content .content .scroll-table table {width:158.9744vw !important;}
.modal-popup .modal-content .content .scroll-table p {margin-top:1.0256vw; font-weight:400; font-size:3.5897vw; color:var(--font-color2); line-height:1.4;}
.modal-popup .modal-content .content .scroll-table + ul {margin-top:2.0513vw}
.modal-popup .modal-button {display:flex; box-sizing:border-box; padding:5.1282vw;}
.modal-popup .modal-button > :not(:first-child) {margin-left:1.5385vw;}
.modal-popup .modal-button > :not(:last-child) {margin-right:1.5385vw;}
.modal-popup .modal-button.full_button {flex-wrap:wrap;}
.modal-popup .modal-button.full_button .btn_style,
.modal-popup .modal-button.full_button .btn {margin:0}
.modal-popup .modal-button.full_button .btn_style:last-child,
.modal-popup .modal-button.full_button .btn + .btn {margin-top:2.0513vw;}
.modal-popup .modal-button .btn-s {height: 11.7949vw;}

.modal-popup .query {font-weight:600; font-size:4.6154vw; color: #000;}
.modal-popup .query-select {font-weight:700; font-size:4.6154vw; color: #000;}
.modal-popup .query-desc {font-weight:400; font-size:3.8462vw; color: #666; margin-top: 1.5385vw;}

.mask-slide-info {z-index:111; display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; padding:0 5.1282vw; transform:translateZ(0); background:rgba(0,0,0,.6); box-sizing:border-box;}
.mask-slide-info .mask-inner {display:flex; flex-direction:column; justify-content: center; align-items: center; height: 100%; text-align: center;}
.mask-slide-info .bg-img {position:relative; width:66.6667vw;}
.mask-slide-info .desc {padding-top:5.1282vw; font-size:4.6154vw; color:var(--color-white);}


/* 모달 사이즈 */
.modal-popup.modal-wid-320 .modal-inbox {max-width:82.0513vw;}
.modal-popup.modal-wid-340 .modal-inbox {max-width:87.1795vw;}
.modal-popup.modal-wid-380 .modal-inbox {max-width:97.4359vw;}
.modal-popup.modal-wid-420 .modal-inbox {max-width:107.6923vw;}
.modal-popup.modal-wid-440 .modal-inbox {max-width:112.8205vw;}
.modal-popup.modal-wid-480 .modal-inbox {max-width:123.0769vw;}
.modal-popup.modal-wid-520 .modal-inbox {max-width:133.3333vw;}
.modal-popup.modal-wid-540 .modal-inbox {max-width:138.4615vw;}
.modal-popup.modal-wid-580 .modal-inbox {max-width:148.7179vw;}
.modal-popup.modal-wid-620 .modal-inbox {max-width:158.9744vw;}
.modal-popup.modal-wid-640 .modal-inbox {max-width:164.1026vw;}
.modal-popup.modal-wid-680 .modal-inbox {max-width:174.3590vw;}
.modal-popup.modal-wid-720 .modal-inbox {max-width:184.6154vw;}
.modal-popup.modal-wid-740 .modal-inbox {max-width:189.7436vw;}
.modal-popup.modal-wid-780 .modal-inbox {max-width:200.0000vw;}


/* 모달 브랜드 문구 */
.modal-top .operer {text-align: right; margin-left: auto; margin-right: 5.1282vw;}
.modal-top .operer .text {margin-bottom: 1.0256vw; color: var(--font-color2); font-size: 3.3333vw; font-weight: 400;}
.modal-top .operer .logo {width:auto; height: 4.1026vw;}
.modal-popup .check-list {display:flex; margin:4.1026vw 0 5.1282vw;}
.modal-popup .check-list li {width: calc(100%/3); margin-top:0 !important; padding:0 !important; text-align: center;}
.modal-popup .check-list li .icon-img {display: flex; justify-content:center; align-items:center; width:14.8718vw; height:14.8718vw; margin:0 auto; background-color:var(--color-gray-brighter1); border-radius:50%;}
.modal-popup .check-list li .icon-img img {display:table-cell; width:9.2308vw;}
.modal-popup .check-list li p {margin-top:2.5641vw; font-weight:400; font-size:4.1026vw; color:var(--color-black); word-break:keep-all;}
.modal-popup .brand-desc {margin: 7.6923vw 0 2.5641vw; padding-top: 5.1282vw; color: var(--font-color2); border-top: 0.2564vw solid var(--color-gray-brighter1);}
.modal-popup .brand-desc p {line-height: 1.5; font-size: 4.1026vw;}
.modal-popup .brand-desc p + p {margin-top: 2.0513vw;}
.modal-popup .brand-desc img {width:auto; height: 4.1026vw; margin-right: 1.0256vw; vertical-align: baseline;}
.modal-popup .brand-desc .brand_img {height: 3.8462vw; vertical-align: baseline;}

/* 본인인증 팝업 */
.modal-popup .auth-step .step-list li {display:flex; width:100%; align-items: center;}
.modal-popup .auth-step .step-list li + li {margin-top:2.0513vw;}
.modal-popup .auth-step .step-list li .img {width:14.3590vw; height:14.3590vw; margin:0 auto; border-radius:50%; background:#f7f7f7; display:flex; align-items: center; justify-content: center;}
.modal-popup .auth-step .step-list li .img img {width:8.2051vw;}
.modal-popup .auth-step .step-list li .txt {width:100%; margin-left:4.1026vw; text-align:left;}
.modal-popup .auth-step .step-list li .txt span {display: block; margin-bottom:0.5128vw; font-size:0.85em; color:#f1516c; font-weight: normal;}
.modal-popup .auth-step .step-box {background:#F6F4F4; padding:5.1282vw; margin-top:5.1282vw;}  
.modal-popup .auth-step .step-box p {word-break: break-word;}



/****************************************
# 퀵메뉴
****************************************/
.quick{position: fixed; width:100%; max-width: 158.9744vw; left:50%; bottom: 0; transform: translateX(-50%); text-align: right; z-index: 99999;}
.quick .sns{position:absolute; bottom:5.1282vw; right: 5.1282vw;}
.quick .sns img{max-width:11.5385vw;}
.quick.offset .sns{bottom:21.7949vw;}


@media (max-width: 158.9744vw) {
    .data-box .data-list li{width: calc(100%/2 - 1.2821vw);}
    .data-box .data-list li:nth-child(3n){margin-right: 2.5641vw}
    .data-box .data-list li:nth-child(2n){margin-right: 0.0000vw}
}
@media (max-width: 102.5641vw) {
    .data-box .data-list li .vat {display: block;}
}
@media screen and (min-width:179.4872vw)  {
    /****************************************
    # 모달
    ****************************************/
    .modal-popup {display:none; z-index:100000; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; padding:0 5.1282vw; transform:translateZ(0); background:rgba(0,0,0,.7); box-sizing:border-box;}
    .modal-popup .modal-inbox {display:flex; flex-direction:column; position:relative; top:50%; width:100%; max-width:220.5128vw; min-height:auto; max-height:85vh; margin:0 auto; border-radius:1.5385vw; background-color:#fff; transform:translateY(-50%); overflow:hidden;}
    .modal-popup .modal-top {position:relative;}
    .modal-popup .modal-top .title {padding:5.1282vw; font-weight:700; font-size:4.6154vw;}
    .modal-popup .modal-content {overflow-y:auto; position:relative; height:100%; padding:0 5.1282vw;}
    .modal-popup .modal-content:last-child {padding-bottom:5.1282vw;}
    .modal-popup .notice-box {margin-top:0;}
    .modal-popup .notice-box ul li {font-size:4.1026vw;}
}