html {height:100%; font-size:10px;}
body {height:100%;}
html, body {min-width:250px !important;}
.kt_web_join {margin:0 auto; width:100%; position:relative; transform-origin:top left; background-color:#F5F5F5; overflow-x:hidden; min-height:100%;}
.kt_web_join * {box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; word-break:keep-all;}
.kt_web_join h1, .kt_web_join h2, .kt_web_join h3, .kt_web_join h4, .kt_web_join h5, .kt_web_join h6 {margin:0; padding:0;}
.kt_web_join ul, .kt_web_join ol, .kt_web_join li {margin:0; padding:0; list-style:none;}
.kt_web_join p {margin:0; padding:0;}
.kt_web_join dl, .kt_web_join dd {margin:0; padding:0;}
.kt_web_join input {outline:none;}
/*
thin 100
light 300
regular 400
medium 500
bold 700
black 900
*/
.kt_web_join .nextbt {width: 30rem; height: 5.2rem; background-color: #5DDFDE; border-radius: .5rem; letter-spacing: -0.08rem; color: #000000; font-size: 1.5rem; line-height: 2.2rem; border: 0; font-weight: bold;}
.kt_web_join .changebt {border: .1rem solid #D9D9D9; border-radius: 1.4rem; background-color:#fff; width:5.2rem; height:2.7rem; font-size:1.2rem; line-height:2.3rem; letter-spacing: -0.048rem; color: #D9D9D9;}
.kt_web_join .blackbt {height:2.7rem; width:10.1rem; border-radius:.5rem; background-color:#000; color:#fff; font-size:1.3rem; line-height:2.0rem; letter-spacing:-0.032rem; border:0;}
.kt_web_join .mint {color:#01A69F;}
.kt_web_join .minus {color:#ED1B23;}
.kt_web_join .require {display:flex;}
.kt_web_join .require::after {content:'*'; margin-left:.2rem; letter-spacing: -0.032rem; color: #F44B57;}
.kt_web_join .select {display:flex; align-items:center;}
.kt_web_join .select::after {content:''; width:1.4rem; height:.9rem; background:url('../imgs/arrow_SmallTxt1.svg'); background-repeat:no-repeat; background-size:100%;}
/* 헤더 */
.kt_web_join>div {padding-left:2.0rem; padding-right:2.0rem;}
.kt_web_join .header {height:8.9rem; border-bottom:.1rem solid #D9D9D9; background-color:#F5F5F5; position:fixed; width:100%; z-index:2;}
.kt_web_join .header .wrap {max-width:70.8rem; margin:0 auto;}
.kt_web_join .header .title {padding-top:1.8rem; position:relative;}
.kt_web_join .header .title a {position:absolute; display:inline-flex; align-items:center; height:3.0rem;}
.kt_web_join .header .title a img {width:2.5rem;}
.kt_web_join .header h2 {font-weight:500; font-size:2.0rem; line-height:3.0rem; letter-spacing: -.1rem; color: #000000; text-align:center;}
.kt_web_join .header .progress {display:flex; justify-content:center; align-items:center; margin-top:1.1rem;}
.kt_web_join .header .progress .circle {width:1.6rem; height:1.6rem; background-color:#D9D9D9; color:#959595; border-radius:.8rem; font-size:1.0rem; line-height:2.2rem; letter-spacing:-0.025; display:flex; align-items:center; justify-content:center; position:relative;}
.kt_web_join .header .progress .circle.on {background-color:#5DDFDE; color:#fff;}
.kt_web_join .header .progress.complete {}
.kt_web_join .header .progress.complete .circle::after {background:url('../imgs/headerAttr/header4_completeActive.svg'); background-size:100%; background-repeat:no-repeat; width:1.6rem; height:1.6rem; position:absolute; top:0; left:0; content:'';}
.kt_web_join .header .progress .bar {background:url('../imgs/headerAttr/header_BarInactive.svg'); width:2.2rem; height:.2rem; margin-left:.2rem; margin-right:.2rem; background-size:100%;}
.kt_web_join .header .progress .bar.on {background:url('../imgs/headerAttr/header_BarActive.svg');}
.kt_web_join .header .progress img:nth-child(2n-1) {width:1.6rem; height:1.6rem;}
.kt_web_join .header .progress img:nth-child(2n) {width:2.2rem; height:.2rem; margin-left:.2rem; margin-right:.2rem;}
/* 주문상품선택 */
.kt_web_join.product_select {padding-bottom:23.8rem;}
.kt_web_join .content {padding-top:8.9rem; max-width:74.8rem; margin:0 auto;}
.kt_web_join .content h1 {font-size:2.8rem; line-height:3.9rem; letter-spacing: -.14rem; color: #000000; font-weight:400; padding-top:4rem;}
.kt_web_join .content h1 strong {font-weight:700;}
.kt_web_join .content h1 span {color:#01A69F;}
.kt_web_join .content section {margin-top:4rem;}
.kt_web_join .content section h2 {font-size:1.6rem; font-weight:700; line-height:2.2rem; letter-spacing: -0.08rem; color: #000000;}
.kt_web_join .content section h2+p {margin-top:.3rem;}
.kt_web_join .content section p {font-size:1.2rem; font-weight:400; line-height:1.7rem; letter-spacing: -0.03rem; color: #959595; padding:0; text-align:left;}
.kt_web_join .content section p span {color:#000;}
.kt_web_join .content section h3 {font-size:1.5rem; line-height:2.2rem; font-weight:700; color:#000; letter-spacing: -0.07rem;}
.kt_web_join .content section h3 span {color:#01A69F;}
.kt_web_join .content section ul button {flex:0 0 5.2rem;}
.kt_web_join .content section .more {display:flex; justify-content:space-between; align-items:flex-end;}
.kt_web_join .content section a {text-decoration:none;}
.kt_web_join .content section .more a {font-size:1.2rem; line-height:1.9rem; letter-spacing: -0.03rem; color: #959595; display:inline-flex; align-items:center; width:fit-content; white-space:nowrap;}
.kt_web_join .content section .more a img {transform:rotate(270deg); height:.5rem; margin-left:.6rem;}
.kt_web_join .content section dl.notice {margin-top:1.5rem;}
.kt_web_join .content section dl.notice dd {font-size:1.0rem; line-height:1.5rem; display:flex; letter-spacing: -0.05rem; color: #959595;}
.kt_web_join .content section dl.notice dd.black {color:#000; font-weight:bold;}
.kt_web_join .content p.guide {font-size:1.5rem; line-height:2.2rem; letter-spacing: -0.075rem; margin-top:3.0rem;}
.kt_web_join .content p.guide span {font-weight:bold;}
/* 탭 */
.kt_web_join .content section .tab {overflow-x:auto;}
.kt_web_join .content section .tab dl {display:flex; flex-wrap:no-wrap;}
.kt_web_join .content section .tab dl dd {background-color: #EDEDED; border-radius: .5rem; min-width:9.2rem; height:3.6rem; padding:.9rem; font-size:1.3rem; line-height:2.0rem; letter-spacing: -0.065rem; color: #808080; text-align:center; margin-left:.8rem;}
.kt_web_join .content section .tab dl dd:first-child {margin-left:0;}
.kt_web_join .content section .tab dl dd.on {background-color:#000; color:#fff;}
.kt_web_join .content section .tab.gift {overflow:unset; display:flex;}
.kt_web_join .content section .tab button {width:9.2rem; background-color: #EDEDED; border-radius: 1.0rem; font-size:1.5rem; line-height:2.5rem; letter-spacing: -0.075rem; color: #000; text-align:center; width:50%; height:5.0rem; border:0; background-color:#fff;}
.kt_web_join .content section .tab button:last-child {margin-left:.5rem;}
.kt_web_join .content section .tab button.on {background-color:#000; color:#fff;}
.kt_web_join .content section .tab_content.gift {display:none;}
.kt_web_join .content section .tab_content.gift.on {display:block;}
/* 카드 리스트 기본 */
.kt_web_join .content ul:not(.form) li {display:flex; align-items:center; margin-top:1.5rem;}
.kt_web_join .content ul li>img {width:5.0rem; height:5.0rem; margin-right:1.5rem;}
.kt_web_join .content ul li .wrap {flex:1; width:100%;}
.kt_web_join .content ul li .wrap .tag{font-size:1.3rem;background-color:#5DDFDE;display:inline-block;padding:0 0.7rem;text-align:center;margin-right:0.5rem;}
.kt_web_join .content ul li .wrap .info {display:flex; justify-content:space-between; align-items:flex-end; padding-bottom:.8rem; border-bottom:.1rem solid #D9D9D9; margin-bottom:.8rem;}
.kt_web_join .content ul li .wrap .info span.money {font-size:1.5rem; line-height:2.2rem; letter-spacing: -0.07rem; color: #000000;}
.kt_web_join .content ul li .wrap .info span.money.minus {color:#ED1B23;}
.kt_web_join .content ul li .wrap .info span.desc {font-size:1.2rem; line-height:1.9rem; letter-spacing: -0.06rem; color:#959595;}
.kt_web_join .content ul li .wrap .info span.desc span.money {font-size:1.2rem; line-height:1.9rem; letter-spacing: -0.06rem; color: #000000;}
.kt_web_join .content ul li .wrap h3 {display:flex; flex-direction:column;}
.kt_web_join .content ul li .wrap h3.row{flex-direction:row;}
.kt_web_join .content ul li .wrap .detail {display:flex; justify-content:space-between; min-height:3.4rem;}
.kt_web_join .content section .card:not(.cover).on::after {display:none;}
/* 공유기 제공혜택 */
.kt_web_join .content ul.wifi {background-color:#fff;}
.kt_web_join .content ul.wifi li {border-top:.1rem solid #D9D9D9; margin-top:1.5rem; padding-top:1.5rem;}
.kt_web_join .content ul.wifi li .wrap .info {border-bottom:0; padding:0; margin-bottom:.7rem;}
.kt_web_join .content ul.wifi li:first-child {margin-top:0; padding-top:0; border-top:0;}
/* 셋톱박스 선택 */
.kt_web_join .content ul.settop {}
/*.kt_web_join .content section ul.wifi li>img {width:unset; height:auto;}*/
.kt_web_join .content ul.settop li .wrap .info {border-bottom:0; padding:0; margin-bottom:.7rem;}
.kt_web_join .content ul.settop li:first-child {border-top:0;}
.kt_web_join .content ul.settop li .wrap .detail {align-items:flex-end;}
/* 온라인 특별할인 */
.kt_web_join .content ul.benefit {background-color:#fff;}
.kt_web_join .content ul.benefit li {background-color:transparent; box-shadow:unset; border-radius:0; padding:0; margin-top:0; display:flex; margin-top:1.5rem; padding-top:1.5rem; border-top:.1rem solid #D9D9D9;}
.kt_web_join .content ul.benefit li .wrap .info {border-bottom:0; padding:0; margin-bottom:0rem;}
.kt_web_join .content ul.benefit li:first-child {margin-top:0; padding-top:0; border-top:0;}
.kt_web_join .content ul.benefit li .wrap .detail {align-items:flex-end;}
/* 결합할인 혜택 */
.kt_web_join .content .more a {}
.kt_web_join .content ul.union {margin-top:1.5rem;}
.kt_web_join .content ul.union:first-child {margin-top:0;}
.kt_web_join .content ul.union li {display:flex; position:relative; align-items:flex-start;}
.kt_web_join .content ul.union li label {background:url('../imgs/btnInactive.svg'); width:2.5rem; height:2.5rem; background-size:100%; background-repeat:no-repeat; margin-right:1.5rem; pointer-events:none;}
.kt_web_join .content ul.union li.on label {background:url('../imgs/btnCheckActive1.svg'); background-size:100%; background-repeat:no-repeat; background-size:100%; background-repeat:no-repeat;}
.kt_web_join .content ul.union li .wrap .info {border-bottom:0; padding:0; margin-bottom:.7rem; align-items:flex-start;}
.kt_web_join .content ul.union li .detail {min-height:none;}
/* 공유기 제공혜택 */
.kt_web_join .content .tab.gift {margin-top:1.5rem;}
.kt_web_join .content .tab_content.gift li label {background:url('../imgs/btnInactive.svg'); width:2.5rem; height:2.5rem; background-size:100%; background-repeat:no-repeat; margin-right:1.5rem; pointer-events:none;}
.kt_web_join .content .tab_content.gift li.on label {background:url('../imgs/btnCheckActive1.svg'); background-size:100%; background-repeat:no-repeat; background-size:100%; background-repeat:no-repeat;}
.kt_web_join .content .tab_content.gift {margin-top:1.5rem;}
.kt_web_join .content .tab_content.gift .card {padding:1.5rem; background-color:#fff; border-radius:1.0rem; box-shadow: 0rem 0.15rem .3rem #00000029; display:flex; position:relative;}
.kt_web_join .content .tab_content.gift .img_wrap {width:8.0rem; height:8.0rem; display:flex; align-items:center; justify-content:center; flex:0 0 12.0rem;}
.kt_web_join .content .tab_content.gift .img_wrap img {max-width:8.0rem; max-height:8.0rem;}
.kt_web_join .content .tab_content.gift.w80 .img_wrap {flex:0 0 8.0rem;}
.kt_web_join .content .tab_content.gift h4 {font-size:1.5rem; line-height:2.2rem; letter-spacing:-0.08rem; color:#000; text-align:center; margin-top:.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.kt_web_join .content .tab_content.gift h4 {flex:1; text-align:right;}
.kt_web_join .content .tab_content.gift h4 .price{font-size:1.4rem;color:#959595;font-weight:normal;}
/*.kt_web_join .content .tab_content.gift h4 .price .money{font-size:1.5rem;}*/
.kt_web_join .content .tab_content.gift h5 {font-size:1.0rem; line-height:1.5rem; letter-spacing: -0.025rem; color: #959595; font-weight:400; text-align:center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.kt_web_join .content .tab_content.gift p {height:6.2rem; font-size:1.5rem; line-height:1.5rem; color:#000; letter-spacing: -0.03rem; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.kt_web_join .content .tab_content.gift dl {display:flex; justify-content:space-between;}
.kt_web_join .content .tab_content.gift dl:first-of-type {margin-top:.2rem;}
.kt_web_join .content .tab_content.gift dl:last-of-type {margin-bottom:1.5rem;}
.kt_web_join .content .tab_content.gift dl dd {font-size:1.0rem; line-height:1.5rem; letter-spacing: -0.02rem; color: #000000;}
.kt_web_join .content .tab_content.gift .wrap {width:calc( 100% - 14.0rem ); margin-left:2.0rem;}
.kt_web_join .content .tab_content.gift .wrap dl {margin-top:.5rem;}
.kt_web_join .content .tab_content.gift .wrap dl dd {font-size:1.2rem; line-height:1.7rem;}
.kt_web_join .content .tab_content.gift .wrap dl dd:first-child {color:#959595;}
.kt_web_join .content .tab_content.gift .wrap dl dd:last-child {color:#000; font-weight:bold;}
.kt_web_join .content .tab_content.gift .wrap h4 {text-align:left;}
.kt_web_join .content .tab_content.gift button {width:100%; height:3.6rem; background-color:#ededed; letter-spacing: -0.033rem; color: #808080; font-size:1.3rem; line-height:2.0rem; font-weight:500; border-radius:.3rem; border:0;}
.kt_web_join .content .tab_content.gift .card.on button {color:#000; background-color:#5DDFDE;}
.kt_web_join .content .benefit_contents {display:grid; display:-ms-grid; grid-template-columns:1fr .5rem 1fr .5rem 1fr; grid-template-rows:1fr .5rem 1fr; margin-top:1.5rem;}
.kt_web_join .content .benefit_contents li.card {flex-direction:column; justify-content:center; padding:1.0rem; margin-top:0;}
.kt_web_join .content .benefit_contents li label {background:url('../imgs/btnInactive.svg'); width:2.5rem; height:2.5rem; background-size:100%; background-repeat:no-repeat; pointer-events:none;}
.kt_web_join .content .benefit_contents li.on label {background:url('../imgs/btnCheckActive1.svg'); background-size:100%; background-repeat:no-repeat;}
.kt_web_join .content .benefit_contents li img {margin:0; width:3.5rem; height:3.5rem; margin-top:1.0rem;}
.kt_web_join .content .benefit_contents li h2 {margin-top:.8rem; font-size:1.3rem; font-weight:bold; letter-spacing:-0.032rem; line-height:2.0rem;}
.kt_web_join .content .benefit_contents li p {font-size:1.2rem; letter-spacing:-0.03rem; line-height:1.9rem; color:#959595;}
.kt_web_join .content .benefit_contents li:nth-child(1) {grid-column:1 / 2; grid-row:1 / 2;}
.kt_web_join .content .benefit_contents li:nth-child(2) {grid-column:3 / 4; grid-row:1 / 2;}
.kt_web_join .content .benefit_contents li:nth-child(3) {grid-column:5 / 7; grid-row:1 / 2;}
.kt_web_join .content .benefit_contents li:nth-child(4) {grid-column:1 / 2; grid-row:3 / 4;}
.kt_web_join .content .benefit_contents li:nth-child(5) {grid-column:3 / 4; grid-row:3 / 4;}
.kt_web_join .content .benefit_contents.anchoring {grid-template-columns:1fr .5rem 1fr; -ms-template-columnss:1fr .5rem 1fr; grid-template-rows:1fr .5rem 1fr .5rem 1fr .5rem 1fr .5rem 1fr .5rem 1fr; -ms-template-rows:1fr .5rem 1fr .5rem 1fr .5rem 1fr .5rem 1fr .5rem 1fr;}
.kt_web_join .content .benefit_contents.anchoring li {position:relative;}
.kt_web_join .content .benefit_contents.anchoring li label {position:absolute; top:1.0rem; left:1.0rem;}
.kt_web_join .content .benefit_contents.anchoring li img {margin-top:0; max-width:100%; width:8.5rem; height:auto;}
.kt_web_join .content .benefit_contents.anchoring li:nth-child(1) {grid-column:1 / 2; grid-row:1 / 2;}
.kt_web_join .content .benefit_contents.anchoring li:nth-child(2) {grid-column:3 / 4; grid-row:1 / 2;}
.kt_web_join .content .benefit_contents.anchoring li:nth-child(3) {grid-column:1 / 2; grid-row:3 / 4;}
.kt_web_join .content .benefit_contents.anchoring li:nth-child(4) {grid-column:3 / 4; grid-row:3 / 4;}
.kt_web_join .content .benefit_contents.anchoring li:nth-child(5) {grid-column:1 / 2; grid-row:5 / 6;}
.kt_web_join .content .benefit_contents.anchoring li:nth-child(6) {grid-column:3 / 4; grid-row:5 / 6;}
.kt_web_join .content .benefit_contents.anchoring li:nth-child(7) {grid-column:1 / 2; grid-row:7 / 8;}
.kt_web_join .content .benefit_contents.anchoring li:nth-child(8) {grid-column:3 / 4; grid-row:7 / 8;}
.kt_web_join .content .benefit_contents.anchoring li:nth-child(9) {grid-column:1 / 2; grid-row:9 / 10;}
.kt_web_join .content .benefit_contents.anchoring li:nth-child(10) {grid-column:3 / 4; grid-row:9 / 10;}
.kt_web_join .content .benefit_contents.anchoring li:nth-child(11) {grid-column:1 / 2; grid-row:11 / 12;}
.kt_web_join .content .benefit_contents.anchoring li:nth-child(12) {grid-column:3 / 4; grid-row:11 / 12;}
/* 플로팅 */
.kt_web_join .summary ul {border-bottom: .1rem dashed #D9D9D9; padding-bottom:1.5rem;}
.kt_web_join .summary ul:last-child {border-bottom:.1rem solid #D9D9D9;}
.kt_web_join section .summary ul:last-child {border-bottom:0;}
.kt_web_join .summary li {font-size:1.3rem; line-height:2.0rem; letter-spacing: -0.03rem; color: #959595; display:flex; justify-content:space-between; margin-top:.8rem;}
.kt_web_join .summary li.group {font-size:1.6rem; line-height:2.5rem; letter-spacing: -0.08rem; color: #000000; font-weight:700; margin-top:1.5rem;}
.kt_web_join .summary .mint {color:#01A69F;}
.kt_web_join .summary .minus {color:#ED1B23;}
.kt_web_join .summary dl {display:flex; justify-content:flex-end; margin-bottom:.8rem;}
.kt_web_join .summary dl dd:last-child {min-width:7.0rem; text-align:right;}
.kt_web_join .summary span {text-align:left;}
.kt_web_join .floating {border-top-left-radius:1.0rem; border-top-right-radius:1.0rem; box-shadow: 0rem -.4rem .6rem #0000000D; background-color:#fff; bottom:-.1rem; position:fixed; z-index:3; width:100%; height:100%; padding-left:0; padding-right:0; max-height: calc( 100% - 12.6rem ); max-width:71.2rem; left:50%; transform:translate(-50%,0);}
.kt_web_join .floating .scroll_area {overflow-y:auto; max-height:100%;}
.kt_web_join .floating .wrap {padding:2.0rem;}
.kt_web_join .floating .opener {position:absolute; top:-2.7rem; left: calc( 50% - 3.9rem ); width:7.8rem; height:2.7rem; background:url('../imgs/button_bg.svg'); background-size:100%; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center;}
.kt_web_join .floating .opener img {width:2.1rem;}
.kt_web_join .floating .opener img:nth-child(1) {display:block;}
.kt_web_join .floating .opener img:nth-child(2) {display:none;}
.kt_web_join .floating.on .opener img:nth-child(1) {display:none;}
.kt_web_join .floating.on .opener img:nth-child(2) {display:block;}
.kt_web_join .floating .summary {display:none;}
.kt_web_join .floating.on .summary {display:block;}
.kt_web_join .floating .total {display:flex; justify-content:space-between;}
.kt_web_join .floating.on .total {margin-top:2.5rem;}
.kt_web_join .floating .total h2 {font-size:2.0rem; line-height:2.9rem; letter-spacing: 0rem; color: #000000; display:inline-flex; align-items:center;}
.kt_web_join .floating .total h2 span {letter-spacing: -0.024rem; color: #959595; font-size:1.2rem; line-height:1.8rem; font-weight:400; margin-left:.5rem;}
.kt_web_join .floating .total .mint {color:#01A69F;}
.kt_web_join .floating .wrap>p {margin-top:.5rem; letter-spacing: -0.03rem; color: #959595; font-size:1.2rem; line-height:1.9rem;}
.kt_web_join .floating .wrap>button {width:100%; margin-top:2.0rem;}
/* 모달 */
.kt_web_join .modal {width:100%; height:100%; position:fixed; z-index:100; background-color:#F5F5F5; top:0; left:0; display:none; padding:0; padding-bottom:8.2rem; max-width:50.0rem; left:50%; top:50%; transform:translate(-50%, -50%); z-index:901;}
.kt_web_join .modal_area {background-color:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; top:0; left:0; z-index:900; display:none;}
.kt_web_join .modal_area.white {background-color:transparent;}
.kt_web_join .modal_area.on {display:block;}
.kt_web_join .modal.white {background-color:#fff;}
.kt_web_join .modal .top {height:7.5rem; display:flex; align-items:center; justify-content:center; position:relative; border-bottom:.1rem solid #D9D9D9;}
.kt_web_join .modal .top h2 {font-size:1.6rem; line-height:2.2rem; font-weight:500; padding-left:4.0rem; padding-right:4.0rem; text-align:center;}
.kt_web_join .modal .top a {position:absolute; right:2.0rem; width:2.4rem; height:2.4rem; text-align:right;}
.kt_web_join .modal .top img {width:1.4rem; height:1.4rem;}
.kt_web_join .modal .scroller {height: calc( 100% - 7.5rem ); overflow-y:auto;}
.kt_web_join .modal .content {padding-top:4.0rem; padding-left:2.0rem; padding-right:2.0rem; padding-bottom:4.0rem;}
.kt_web_join .modal .content section {margin-top:0;}
.kt_web_join .modal .content section ul li {display:flex; position:relative;}
.kt_web_join .modal .content section ul li:first-child {margin-top:0;}
.kt_web_join .modal .content section ul li .info h3 {display:block;}
.kt_web_join .modal .content section ul li .info label {background:url('../imgs/btnInactive.svg'); width:2.5rem; height:2.5rem; background-size:100%; background-repeat:no-repeat; pointer-events:none;}
.kt_web_join .modal .content section ul li.on .info label {background:url('../imgs/btnCheckActive1.svg'); background-size:100%; background-repeat:no-repeat;}
.kt_web_join .modal .content section ul li .wrap .info {margin-bottom:1.0rem; border:0; padding-bottom:0;}
.kt_web_join .modal .content section ul li .wrap .desc {text-align:right; font-size:1.3rem; line-height:2.0rem; font-weight:400; letter-spacing: -0.08rem; color: #959595; margin-top:.8rem;}
.kt_web_join .modal .content section ul li .wrap .money {text-align:right; font-size:1.6rem; line-height:2.5rem; font-weight:700; letter-spacing: -0.08rem; color: #000000; margin-top:.8rem;}
.kt_web_join .modal .content section ul li .wrap .desc .money {margin-top:0; font-size:1.3rem; line-height:2.0rem; letter-spacing: -0.065rem;}
.kt_web_join .modal .bottom {box-shadow: 0rem -.2rem .6rem #00000029; background-color:#fff; position:fixed; bottom:0; padding:1.5rem 2.0rem; width:100%; left:0;}
.kt_web_join .modal button {width:100%; height:5.2rem; background-color:#5DDFDE; border-radius:.5rem; letter-spacing: -0.08rem; color: #000000; font-size:1.5rem; line-height:2.2rem; border:0; font-weight:bold;}
.kt_web_join .modal .content section .card.on::after {display:block;}
.kt_web_join .modal.union .content {padding-top:0;}
.kt_web_join .modal .tab {display:flex; width:100%; }
.kt_web_join .modal .tab li {height:4.6rem; flex:1; font-size:1.6rem; line-height:2.5rem; letter-spacing:-0.08rem; font-weight:500; color:#000; background-color:#fff; display:flex; justify-content:center; align-items:center;}
.kt_web_join .modal .tab li.on {font-weight:700; color:#fff; background-color:#000;}
.kt_web_join .modal .tab li:first-child {border-top-left-radius:.5rem; border-bottom-left-radius:.5rem;}
.kt_web_join .modal .tab li:last-child {border-top-right-radius:.5rem; border-bottom-right-radius:.5rem;}
.kt_web_join .modal .tab_content {border-radius:1.0rem; padding:1.5rem; background-color:#fff; margin-top:2.0rem; display:none;}
.kt_web_join .modal .tab_content.bgnone {border-radius:0; padding:0; background-color:transparent;}
.kt_web_join .modal .tab_content.on {display:block;}
.kt_web_join .modal .tab_content.con2 td:last-child {color:#000;}
.kt_web_join .modal .tab_content.partner_card {display:block;}
.kt_web_join .modal table {border-collapse:collapse; border:.1rem solid #D9D9D9; word-break:keep-all; width:100%;}
.kt_web_join .modal section.table2_section {overflow:scroll;}
.kt_web_join .modal section.table2_section::-webkit-scrollbar {display:none;}
.kt_web_join .modal section.table2_section table {table-layout:fixed;}
.kt_web_join .modal section.table2_section table th {padding:.5rem; color:#666;}
.kt_web_join .modal section.table2_section table td {padding:.5rem; color:#666;}
.kt_web_join .modal section.table2_section table td:last-child {color:#666;}
.kt_web_join .modal section.table2_section .tab_content.con2 table td:last-child {color:#666;}
.kt_web_join .modal section.table2_section table td.red {color:#ed1b23 !important;}
.kt_web_join .modal th, .kt_web_join .modal td {border:.1rem solid #D9D9D9;}
.kt_web_join .modal th {font-size:1.3rem; line-height:2.0rem; letter-spacing: -0.032rem; color: #000; font-weight:500; background-color:#efefef; padding:1.5rem; padding-left:.5rem; padding-right:.5rem;}
.kt_web_join .modal th.th2 {background-color:#fbfbfb;}
.kt_web_join .modal tbody th {background-color:#fbfbfb;}
.kt_web_join .modal td {font-size:1.3rem; line-height:2.0rem; letter-spacing: -0.032rem; color: #000; text-align:center; padding:1.5rem; padding-left:.5rem; padding-right:.5rem;}
.kt_web_join .modal td:last-child {color:#ED1B23;}
.kt_web_join .modal td span {letter-spacing: -0.03rem; color: #959595; font-size:1.2rem; line-height:1.9rem;}
.kt_web_join .modal ul.notice {margin-top:1.5rem;}
.kt_web_join .modal ul.notice li {background-color:transparent; box-shadow:unset; font-size:1.2rem; line-height:1.9rem; letter-spacing: -0.03rem; color: #959595; padding:0; margin:0; display:flex; align-items:flex-start; }
.kt_web_join .modal ul.notice li::before {content:'⋅'; margin-right:.4rem;}
.kt_web_join .modal .partner_card {padding:0; margin-top:0; background-color:transparent;}
.kt_web_join .modal .partner_card .swiper-slide {width:19.2rem; height:43.6rem;}
.kt_web_join .modal .partner_card .card {width:19.2rem; height:43.6rem; display:flex; flex-direction:column; align-items:center; background-color:#fff; box-shadow: 0rem .15rem .3rem #00000029; border-radius:1.0rem; padding:2.0rem 1.5rem;}
.kt_web_join .modal .partner_card .card label {background:url('../imgs/btnInactive.svg'); width:2.5rem; height:2.5rem; background-size:100%; background-repeat:no-repeat; pointer-events:none;}
.kt_web_join .modal .partner_card .card.on label {background:url('../imgs/btnCheckActive1.svg'); background-size:100%; background-repeat:no-repeat;}
.kt_web_join .modal .partner_card .card.on::after {position:absolute; top:0; left:0; width:100%; height:100%; border:.2rem solid #5DDFDE; display:block; content:''; border-radius:1.0rem; box-sizing:border-box; pointer-events:none;}
.kt_web_join .modal .partner_card .card .img_wrap {width:100%; height:26.6rem; display:flex; align-items:center; justify-content:center; border-bottom:.1rem solid #ededed; margin-bottom:1.5rem;}
.kt_web_join .modal .partner_card .card img {width:14.4rem; height:22.6rem; }
.kt_web_join .modal .partner_card .card h4 {font-size: 1.5rem; line-height: 2.2rem; letter-spacing: -0.08rem; color: #000; width:100%; }
.kt_web_join .modal .partner_card .card p {font-size: 1.2rem; line-height: 1.8rem; letter-spacing: -0.024rem; color: #808080; width:100%;}
.kt_web_join .modal .partner_card .card {width:unset; height:auto; flex-direction:row; align-items:flex-start; padding:1.5rem;}
.kt_web_join .modal .partner_card .card img {width:5.7rem; height:8.9rem;}
.kt_web_join .modal .content section ul li .wrap .info {align-items:flex-start;}
.kt_web_join .modal_partner_card .scroller {overflow-x:hidden;}
.kt_web_join .modal_electric ul {display:flex; flex-wrap:wrap; margin-top:2.0rem;}
.kt_web_join .modal_electric ul li.card {flex-direction:column; width:calc( 50% - 5rem ); margin-top:0; margin-bottom:1.5rem; padding:1.5rem 1.0rem;}
.kt_web_join .modal_electric ul li.card:nth-child(2n-1) {margin-right:.5rem;}
.kt_web_join .modal_electric ul li.card:nth-child(2n) {margin-left:.5rem;}
.kt_web_join .modal_electric ul li.card .img_wrap {width:100%; height:8.0rem; display:flex; align-items:center; justify-content:center; margin-bottom:1.4rem;}
.kt_web_join .modal_electric ul li.card img {max-width:12.0rem; max-height:8.0rem;}
.kt_web_join .modal_electric ul li.card .wrap {width:100%;}
.kt_web_join .modal_electric ul li.card .info {justify-content:right;}
.kt_web_join .modal_electric ul li.card h4 {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1.6rem;}
.kt_web_join .modal_electric ul li.card h4+dl {margin-top:1.8rem;}
.kt_web_join .modal_electric ul li.card dl {display:flex; align-items:center; justify-content:space-between; border: .1rem solid #D9D9D9; border-radius: 1.0rem; height:5.0rem; padding:.6rem; margin-top:1.0rem;}
.kt_web_join .modal_electric ul li.card dl.on {border:.2rem solid #5DDFDE; padding:5rem;}
.kt_web_join .modal_electric ul li.card dl dd:first-child {letter-spacing: -0.032rem; color: #959595; font-size:1.3rem; line-height:1.7rem;}
.kt_web_join .modal_electric ul li.card dl dd:last-child {letter-spacing: -0.032rem; color: #000; font-size:1.3rem; line-height:1.7rem;}
.kt_web_join .modal_electric ul li.card dl dd span {font-size:1.0rem;}
.kt_web_join .modal_electric .buttons {display:flex; justify-content:flex-start; flex-wrap:wrap;}
.kt_web_join .modal_electric .buttons button {letter-spacing: -0.032rem; color: #808080; font-size:1.3rem; line-height:2.0rem; padding:.8rem 1.2rem; border-radius:.5rem; background-color:#EDEDED; margin-right:.5rem; font-weight:normal; width:auto; height:auto; margin-bottom:.5rem;}
.kt_web_join .modal_electric .buttons button.on {background-color:#000; color:#fff;}
@media screen and (min-height: 683rem) {
}
/* 알럿 */
.kt_web_join .alert_area {position:fixed; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; z-index:1000; padding-left:2.0rem; padding-right:2.0rem; background-color:rgba(0,0,0,0.5); flex-direction:column; display:none;}
.kt_web_join .alert_area.on {display:flex;}
.kt_web_join .alert_area .alert_box {width:100%; max-width:33.5rem; min-height:19.0rem; background-color:#fff; border-radius:.5rem; display:none;}
.kt_web_join .alert_area .alert_box.on {display:block;}
.kt_web_join .alert_area .alert_box .top {height:3.0rem; font-size:1.2rem; line-height:2.0rem; letter-spacing: -0.03rem; color: #959595; padding:.5rem 1.2rem; background-color:#ededed; border-top-left-radius:.5rem; border-top-right-radius:.5rem;}
.kt_web_join .alert_area .alert_box .content {padding:2.5rem; letter-spacing: -0.03rem; color: #000000; font-size:1.3rem; line-height:2.0rem; text-align:center; display:flex; flex-direction:column; align-items:center;}
.kt_web_join .alert_area .alert_box .content .message {min-height:8.5rem; padding-bottom:2.5rem; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.kt_web_join .alert_area .alert_box .content .message span {font-size:1.2rem; line-height:1.9rem; letter-spacing:-0.03rem; color:#959595;}
.kt_web_join .alert_area .alert_box .content .message b+br {display:none;}
.kt_web_join .alert_area .alert_box .content .message b+br {display:none;}
.kt_web_join .alert_area .alert_box .buttons {width:100%; max-width:22.1rem; display:flex;}
.kt_web_join .alert_area .alert_box .buttons button {font-size:1.3rem; line-height:2.0rem; border-radius:.2rem; height:3.0rem;}
.kt_web_join .alert_area .alert_box .buttons button.cancel {width:50%; border:.1rem solid #D9D9D9; background-color:#fff; color:#000;}
.kt_web_join .alert_area .alert_box .buttons button.confirm {width:100%; background-color:#000; color:#fff; border:0;}
.kt_web_join .alert_area .alert_box .buttons button.cancel+button.confirm {width:50%; margin-left:.5rem;}
/* 카드 UI */
.kt_web_join section .card {box-shadow: 0rem 0.15rem .3rem #00000029; border-radius: 1.0rem; background-color:#fff; padding:1.5rem; flex:1 0 auto; margin-top:1.5rem;}
.kt_web_join section .card:first-child {margin-top:0;}
.kt_web_join section .card.on::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:1.0rem; border:.2rem solid #5DDFDE; box-sizing:border-box; pointer-events:none;}
.kt_web_join section .card h1 {font-size:2.0rem; line-height:3.0rem; letter-spacing: -.1rem; color: #000000; font-weight:bold; padding:0;}
/* 본인인증 폼 */
.kt_web_join section .form li {display:flex; flex-direction:column; align-items:flex-start; margin-top:2.0rem;}
.kt_web_join section .form li:first-child {margin-top:0;}
.kt_web_join section .form label {letter-spacing: -0.08rem; color: #000000; font-size:1.6rem; line-height:2.5rem; font-weight:bold; display:flex; align-items:center; margin-bottom:.5rem;}
.kt_web_join section .form label.require::after {}
.kt_web_join section .form label.select::after {margin-left:2.3rem;}
.kt_web_join section .form .form_item {border-bottom:#d9d9d9; height:5.3rem; width:100%; display:flex; justify-content:space-between; align-items:center; border-bottom:.1rem solid #d9d9d9;}
.kt_web_join section .form .form_item:focus-within {border-bottom:.1rem solid #000;}
.kt_web_join section .form input {flex:1; height:5.2rem; border:0; background-color:transparent; outline:none; font-size:1.5rem; line-height:2.2rem; letter-spacing:-0.03rem; padding:0; min-width:5.0rem;}
.kt_web_join section .form input::placeholder {color:#DCDDDC;}
.kt_web_join section .form input[type=button] {height:2.7rem; width:10.1rem; border-radius:.5rem; background-color:#000; color:#fff; font-size:1.3rem; line-height:2.0rem; letter-spacing:-0.032rem; flex:0 0 10.1rem;}
.kt_web_join section .form i {flex:0; margin-left:2.0rem; margin-right:2.0rem;}
.kt_web_join.certify section button {margin-top:4.0rem; margin-bottom:4.0rem; width:100%;}
/* 모바일 셀렉트 오픈 */
.kt_web_join .select_area {width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.5); top:0; left:0; display:flex; justify-content:flex-end; z-index:200; flex-direction:column; padding:0; display:none;}
.kt_web_join .select_area.white {background-color:transparent;}
.kt_web_join .select_area.on {display:flex;}
.kt_web_join .select_open.mobile {width:100%; border-top-left-radius:2.0rem; border-top-right-radius:2.0rem; background-color:#fff; padding:3.0rem 2.0rem; display:none; max-height:calc( 100% - 7.0rem ); max-width:70.8rem; left:50%; transform:translate(-50%, 0); position:relative;}
.kt_web_join .select_open.mobile.on {display:block;}
.kt_web_join .select_open.mobile .top {display:flex; align-items:center; justify-content:space-between; margin-bottom:3.0rem; font-weight:bold;}
.kt_web_join .select_open.mobile .top .title {font-size:1.6rem; line-height:2.5rem; letter-spacing: -0.08rem; color: #000000;}
.kt_web_join .select_open.mobile .top .close img {width:1.2rem; height:1.2rem;}
.kt_web_join .select_open.mobile ul {max-height:calc( 100% - 12.3rem ); overflow:auto;}
.kt_web_join .select_open.mobile ul li {height:5.3rem; display:flex; align-items:center;}
.kt_web_join .select_open.mobile ul li input[type=radio] {display:none;}
.kt_web_join .select_open.mobile ul li input[type=radio]+label {height:2.5rem; background:url('../imgs/radio_Inactive.svg'); background-size:2.5rem 2.5rem; background-repeat:no-repeat; color:#808080; font-size:1.6rem; line-height:2.5rem; letter-spacing:-0.08rem; padding-left:3.5rem; width:100%;}
.kt_web_join .select_open.mobile ul li input[type=radio]:checked+label {background:url('../imgs/radio_Active.svg'); background-size:2.5rem 2.5rem; background-repeat:no-repeat; color:#000;}
.kt_web_join .select_open.mobile button.nextbt {margin-top:1.6rem; margin-bottom:0; width:100%;}
.kt_web_join .select_area .select_open.inline {border:.1rem solid #000; border-radius:.6rem; display:inline-block; background-color:#fff; overflow:hidden; position:absolute; display:none; font-size:1.5rem; line-height:2.2rem;}
.kt_web_join .select_area .select_open.inline .top {height:5.3rem; display:flex; padding:0rem 1.0rem; align-items:center; justify-content:space-between; color:#808080;}
.kt_web_join .select_area .select_open.inline .top.on {background-color:rgba(93, 223, 222, 0.3);}
.kt_web_join .select_area .select_open.inline .top::after {content:''; background: url(../imgs/arrow_SmallTxt1.svg); background-repeat: no-repeat; background-size: 100%; width:1.4rem; height:.9rem;}
.kt_web_join .select_area .select_open.inline.on {display:inline-block;}
.kt_web_join .select_area .select_open.inline ul {max-height:22.0rem; overflow:auto;}
.kt_web_join .select_area .select_open.inline ul li {display:flex; }
.kt_web_join .select_area .select_open.inline ul li input[type=radio] {display:none;}
.kt_web_join .select_area .select_open.inline ul li label {height:2.6rem; font-size:1.5rem; line-height:2.6rem; letter-spacing:-0.065rem; padding:0 1.0rem; flex:1 0 100%;}
.kt_web_join .select_area .select_open.inline ul li input:checked+label {background-color:rgba(93, 223, 222, 0.3);}
.kt_web_join.input_info button.nextbt {width:100%; margin-top:4.0rem; margin-bottom:4.0rem;}
.kt_web_join.input_info .card.opener {display:flex; justify-content:space-between;}
.kt_web_join.input_info .card.opener h2 {font-size:2.0rem; line-height:3.0rem; margin-bottom:0rem;}
.kt_web_join.input_info .card.opener label {font-size:2.0rem; line-height:3.0rem; font-weight:bold;}
.kt_web_join.input_info .card.opener label::after {margin-left:1.0rem;}
.kt_web_join.input_info .card.hide {display:none;}
.kt_web_join.input_info .summary p {line-height:1.9rem;}
.kt_web_join.input_info .summary ul li {margin-top:.8rem; align-items:flex-start;}
.kt_web_join.input_info .summary ul li.group {margin-top:1.5rem;}
.kt_web_join.input_info ul.notice {border-bottom:0; margin-top:1.5rem; }
.kt_web_join.input_info ul.notice li {margin-top:0; display:flex; align-items:flex-start; justify-content:flex-start; font-size: 1.2rem; line-height: 1.9rem; letter-spacing: -0.03rem; color: #959595; text-align:left;}
.kt_web_join.input_info ul.notice li::before {content:'※'; margin-right:.2rem;}
.kt_web_join.input_info .summary .close {width:100%; height:1.4rem; display:flex; justify-content:center;}
.kt_web_join.input_info .summary .close img {width:2.2rem; height:1.4rem;}
.kt_web_join.input_info .card .top {display:flex; justify-content:space-between;}
.kt_web_join.input_info .card .top .blackbt {width:5.2rem; height:2.7rem; line-height:1.8rem;}
.kt_web_join.input_info .card h2 {margin-bottom:.5rem;}
.kt_web_join.input_info .card h2.gray {color:#808080;}
.kt_web_join.input_info .card ul.form .form_item.address::before {content:''; width:2.0rem; height:2.0rem; background:url('../imgs/iconAddr.svg'); background-size:100%; background-repeat:no-repeat;}
.kt_web_join.input_info .card ul.form .form_item.calendar::after {content:''; width:2.0rem; height:2.0rem; background:url('../imgs/iconCalendar.svg'); background-size:100%; background-repeat:no-repeat;}
.kt_web_join.input_info .card ul.form .form_item.calendar img {width:2.0rem; height:2.0rem;}
.kt_web_join.input_info .card ul.form .form_item.select::after {margin-right:.3rem;}
.kt_web_join.input_info .card .box {border-radius:.8rem; background-color:#F8F8F8; padding:1.5rem 2.5rem; margin-top:2.0rem;}
.kt_web_join.input_info .card .box h3 {font-size:1.3rem; line-height:1.8rem; letter-spacing:-0.065rem; color:#000; margin-top:3.0rem; margin-bottom:1.5rem; font-weight:500;}
.kt_web_join.input_info .card .box h3:first-of-type {margin-top:0;}
.kt_web_join.input_info .card .box h3.gray {color:#808080;}
.kt_web_join.input_info .card .box dl {display:flex; width:100%;}
.kt_web_join.input_info .card .box dl dd {display:flex; margin-left:.8rem; background-color:#fff; border:.1rem solid #dadada; border-radius:.3rem; padding:.8rem 1.0rem; letter-spacing: -0.032rem; color: #808080; font-size:1.3rem; line-height:2.0rem; flex:1; align-items:center; justify-content:space-between; min-height:5.8rem;}
.kt_web_join.input_info .card .box dl dd.on {color:#000; border:.1rem solid #000;}
.kt_web_join.input_info .card .box dl dd::after {content:''; background:url('../imgs/btnInactive.svg'); width:2.0rem; height:2.0rem; background-size:100%; background-repeat:no-repeat;}
.kt_web_join.input_info .card .box dl dd.on::after {content:''; background:url('../imgs/btnCheckActive1.svg'); background-size:100%; background-repeat:no-repeat; }
.kt_web_join.input_info .card .box dl dd:first-child {margin-left:0;}
.kt_web_join .card .checktext {margin-top:1.0rem;}
.kt_web_join .card .checktext input {display:none;}
.kt_web_join .card .checktext input+label {display:flex; justify-content:flex-start; font-size:1.3rem; line-height:2.0rem; letter-spacing: -0.032rem; color:#959595;}
.kt_web_join .card .checktext input+label::before {content:''; background:url('../imgs/btnCheckInactive.svg'); width:2.0rem; height:2.0rem; background-size:100%; background-repeat:no-repeat; margin-right:.6rem;}
.kt_web_join .card .checktext input:checked+label {color:#000;}
.kt_web_join .card .checktext input:checked+label::before {background:url('../imgs/btnCheckActiveRed_1.svg'); background-size:100%; background-repeat:no-repeat;}
.kt_web_join .card .checktext.all_agree {margin-top:0rem;}
.kt_web_join .card .checktext.all_agree input {display:none;}
.kt_web_join .card .checktext.all_agree input+label {display:flex; justify-content:flex-start; font-size:1.5rem; line-height:2.4rem; letter-spacing: -0.075rem; color:#808080; font-weight:bold;}
.kt_web_join .card .checktext.all_agree input+label::before {content:''; background:url('../imgs/btnInactive2.svg'); width:2.4rem; height:2.4rem; background-size:100%; background-repeat:no-repeat; margin-right:.6rem;}
.kt_web_join .card .checktext.all_agree input:checked+label {color:#000;}
.kt_web_join .card .checktext.all_agree input:checked+label::before {background:url('../imgs/btnCheckActive1.svg'); background-size:100%; background-repeat:no-repeat;}
.kt_web_join .card .checktext.agree {margin-top:0rem; margin-right:1.0rem;}
.kt_web_join .card .checktext.agree input {display:none;}
.kt_web_join .card .checktext.agree input+label {display:flex; justify-content:flex-start; font-size:1.2rem; line-height:1.7rem; letter-spacing: -0.06rem; color:#808080; align-items:center; text-align:left;}
.kt_web_join .card .checktext.agree input+label::before {content:''; background:url('../imgs/btnInactive3.svg'); width:2.0rem; height:2.0rem; background-size: 100%; background-repeat: no-repeat; margin-right:.6rem; flex:0 0 2.0rem;}
.kt_web_join .card .checktext.agree input:checked+label {color:#000;}
.kt_web_join .card .checktext.agree input:checked+label::before {background:url('../imgs/btnCheckActive2.svg'); background-size:100%; background-repeat:no-repeat;}
.kt_web_join .card .agree_form {max-height:16.0rem; overflow-y:scroll; scroll-behavior:auto; margin-top:1.5rem;}
.kt_web_join .card .agree_form::-webkit-scrollbar {display:none;}
.kt_web_join .card .agree_form li {padding-left:.2rem; display:flex; justify-content:space-between;}
.kt_web_join .card .agree_form li:first-child {margin-top:0;}
.kt_web_join .card .agree_form li a {display:flex; align-items:center; width:2.0rem; height:2.0rem; justify-content:flex-end; flex: 0 0 2.0rem;}
.kt_web_join .card .agree_form li a img {transform: rotate(270deg); width:1.0rem; height: .6rem; }
.kt_web_join.input_info .card .email_form {display:flex; flex-wrap:wrap; align-items:center; margin-top:1.0rem;}
.kt_web_join.input_info .card .email_form input[type=text] {flex:0 0 calc( 50% - 12px ); background-color:#fff; border: 1px solid #D9D9D9; border-radius: 3px; height:39px; min-width:50px; font-size:13px; line-height:20px; letter-spacing:-0.32px; padding-left:15px; padding-right:10px;}
.kt_web_join.input_info .card .email_form input[type=text]:last-of-type {padding-left:1.0rem;}
.kt_web_join.input_info .card .email_form input[type=text]:focus {border:.1rem solid #000;}
.kt_web_join.input_info .card .email_form .dropdown {flex:1; background-color:#fff; border: .1rem solid #D9D9D9; border-radius: .3rem; height:3.9rem; display:flex; justify-content:space-between; align-items:center; padding-left:1.5rem; padding-right:1.0rem; color:#959595; margin-top:1.0rem;}
.kt_web_join.input_info .card .email_form .dropdown::after {background:url('../imgs/arrow_SmallTxt1.svg'); background-size:100%; background-repeat:no-repeat; width:1.4rem; height:.9rem; content:''; }
.kt_web_join.input_info .card .email_form .dropdown input[type=text] {flex:1; border:0; padding:0; height:3.7rem;}
.kt_web_join.input_info .card .email_form span {display:flex; align-items:center; width:2.4rem; justify-content:center; font-size:1.3rem; line-height:2.0rem; letter-spacing:-0.032rem;}
.kt_web_join.input_info .card .credit_form {display:flex; flex-wrap:wrap; align-items:center; margin-top:1.0rem;}
.kt_web_join.input_info .card .credit_form>div {flex:1 0 100%; margin-top:3.0rem; width:100%;}
.kt_web_join.input_info .card .credit_form .form_box input[type=text] {width:100%; background-color:#fff; border: .1rem solid #D9D9D9; border-radius: .3rem; height:3.9rem; min-width:5.0rem; font-size:1.3rem; line-height:2.0rem; letter-spacing:-0.032rem; padding-left:1.5rem; padding-right:1.0rem; color:#000;}
.kt_web_join.input_info .card .credit_form .form_box input[type=text]:read-only {background-color:#EDEDED; color:#959595;}
.kt_web_join.input_info .card .credit_form .form_box input[type=text]::placeholder {color:#959595;}
.kt_web_join.input_info .card .credit_form .dropdown {width:100%; flex:1; background-color:#fff; border: .1rem solid #D9D9D9; border-radius: .3rem; height:3.9rem; display:flex; justify-content:space-between; align-items:center; padding-left:1.5rem; padding-right:1.0rem; color:#959595; margin-top:1.0rem;}
.kt_web_join.input_info .card .credit_form .dropdown::after {background:url('../imgs/arrow_SmallTxt1.svg'); background-size:100%; background-repeat:no-repeat; width:1.4rem; height:.9rem; content:''; }
.kt_web_join.input_info .card .credit_form .dropdown input[type=text] {flex:1; border:0; padding:0; height:3.7rem; font-size:1.3rem; line-height:2.0rem; letter-spacing: -0.032rem; color:#000;}
.kt_web_join.input_info .card .credit_form .dropdown input[type=text]::placeholder {color: #959595;}
.kt_web_join.input_info .card .credit_form span {display:flex; align-items:center; width:2.4rem; justify-content:center; font-size:1.3rem; line-height:2.0rem; letter-spacing:-0.032rem;}
.kt_web_join.input_info .card .credit_form .form_item {margin-top:1.0rem;}
.kt_web_join.input_info .card .credit_form .form_item input[type=text] {font-size:1.3rem; line-height:2.0rem; letter-spacing: -0.032rem; color:#000;}
.kt_web_join.input_info .card .credit_form .form_item input[type=text]::placeholder {color: #959595;}
.kt_web_join.input_info .card .dropdown_wrap {display:flex; margin-top:1.5rem; align-items:center; font-size:1.5rem; line-height:2.2rem;}
.kt_web_join.input_info .card .dropdown_wrap .dropdown {flex:1; margin-right:.5rem; margin-top:0;}
.kt_web_join.input_info .card .dropdown_wrap .dropdown+.dropdown {margin-left:.5rem;}
.kt_web_join.input_info .card .dropdown {background-color: #FFFFFF; border: .1rem solid #D9D9D9; border-radius: .5rem; font-size:1.5rem; line-height:2.2rem; border:.1rem solid #D9D9D9; border-radius:.5rem; height:5.0rem; padding-left:2.0rem; padding-right:1.5rem; display:flex; justify-content:space-between; align-items:center; margin-top:1.5rem;}
.kt_web_join.input_info .card .dropdown input[type=text] {width:100%; font-size:1.5rem; line-height:2.2rem; letter-spacing:0.075rem; letter-spacing: -0.075rem; color:#000; border:0; padding:0;}
.kt_web_join.input_info .card .dropdown input[type=text]::placeholder {color: #959595;}
.kt_web_join.input_info .card .dropdown::after {background:url('../imgs/arrow_SmallTxt1.svg'); background-size:100%; background-repeat:no-repeat; width:1.4rem; height:.9rem; content:''; }
.kt_web_join .card p.notice {margin-top:2.0rem; line-height:1.9rem;}
.kt_web_join .card p.notice+p.notice {margin-top:1.5rem;}
.kt_web_join .card h2+.checktext {margin-top:2.0rem;}
.kt_web_join .card p.warning {display:flex; color:#ED1B23; font-size:1.2rem; line-height:1.6rem; letter-spacing:-0.03rem; display:none;}
.kt_web_join .card p.warning.on {display:flex;}
.kt_web_join .card p.warning.pc.on {display:none;}
.kt_web_join .card p.warning::before {width:1.6rem; height:1.6rem; content:'!'; font-weight:700; font-size:1.0rem; line-height:2.0rem; display:flex; align-items:center; justify-content:center; border:.1rem solid #ED1B23; color:#ED1B23; border-radius:10.0rem; margin-right:.5rem; box-sizing:border-box;}
.kt_web_join .card p.warning.on+.form {margin-top:-1.0rem;}
.kt_web_join .card .top+p.warning {margin-top:1.0rem;}
.kt_web_join .card h2+p.warning {margin-top:1.5rem;}
.kt_web_join .card h3+p.warning {margin-bottom:.5rem;}
.kt_web_join .card dl+p.warning {margin-top:1.0rem;}
.kt_web_join .card p.warning.on+.email_form {margin-top:.5rem;}
.kt_web_join .card p.warning.on+.dropdown {margin-top:.5rem}
.kt_web_join .card p.warning.on+dl {margin-top:.5rem;}
.kt_web_join .card .email_form_wrap .warning.on {margin-top:1.0rem;}
.kt_web_join .timepicker {display:flex; margin-top:2.0rem;}
.kt_web_join .timepicker span {margin-left:.6rem; display:flex; align-items:center; width:1.5rem; font-size:1.3rem; line-height:2.0rem;}
.kt_web_join .timepicker span+.dropdown {margin-left:2.0rem;}
.kt_web_join .timepicker .dropdown {width:calc( 100% - 3.1rem ); background-color:#fff; border: .1rem solid #D9D9D9; border-radius: .5rem; height:3.8rem; display:flex; justify-content:space-between; align-items:center; padding-left:1.5rem; padding-right:2.0rem; color:#959595;}
.kt_web_join .timepicker .dropdown::after {background:url('../imgs/arrow_SmallTxt1.svg'); background-size:100%; background-repeat:no-repeat; width:1.4rem; height:.9rem; content:''; }
.kt_web_join .timepicker .dropdown input[type=text] {flex:1; width:100%; border:0; padding:0; height:3.6rem; font-size:1.3rem; line-height:2.0rem; letter-spacing: -0.032rem; color:#000;}
.kt_web_join .timepicker .dropdown input[type=text]::placeholder {color: #959595;}
.kt_web_join .timepicker+p {margin-top:1.0rem;}
.kt_web_join.complete button.nextbt {width:100%; margin-top:4.0rem; margin-bottom:4.0rem;}
@media screen and (min-height: 625rem) {
.kt_web_join.complete .content button.nextbt {
bottom: 0;
position: absolute;
width: calc( 100% - 4.0rem );
}
}
/* 주소 찾기 */
.kt_web_join .modal.find_address .content {padding:1.5rem 2.0rem;}
.kt_web_join .search_form {height:5.3rem; display:flex; align-items:center; border-bottom:.1rem solid #d9d9d9;}
.kt_web_join .search_form::before {background:url('../imgs/search.svg'); width:2.0rem; height:2.0rem; background-size:100%; background-repeat:no-repeat; content:''; margin-right:.5rem;}
.kt_web_join .search_form input[type=text] {border:0; background-color:transparent; flex:1; padding:0; font-size:1.5rem; line-height:2.2rem; letter-spacing: -0.075rem; color: #000;}
.kt_web_join .search_form input[type=text]::placeholder {color:#c7c7c7;}
.kt_web_join .search_form .blackbt {width:5.2rem;}
.kt_web_join .search_tip {margin-top:1.8rem; font-size:1.3rem; line-height:2.0rem; letter-spacing: -0.032rem; display:none;}
.kt_web_join .search_tip.on {display:block;}
.kt_web_join .search_tip .notice {display:flex; align-items:center;}
.kt_web_join .search_tip .notice::before {content:'!'; border-radius:10.0rem; border:.2rem solid #000; color:#000; width:2.0rem; height:2.0rem; text-align:center; font-size:1.3rem; line-height:2.4rem; letter-spacing: -0.025rem; color: #000000; font-weight:bold; display:flex; align-items:center; justify-content:center; box-sizing:border-box; margin-right:.6rem;}
.kt_web_join .search_tip .tip {margin-top:2.0rem; padding-left:1.0rem;}
.kt_web_join .search_tip span {color:#808080; display:block;}
.kt_web_join .search_tip span+span {color:#000;}
.kt_web_join .search_result {margin-top:1.8rem; display:none;}
.kt_web_join .search_result.on {display:block;}
.kt_web_join .search_result .search_text {font-size:1.3rem; line-height:2.0rem; text-align:center;}
.kt_web_join .search_result .search_addr_box {padding:1.0rem; margin-top:1.8rem; border:.1rem solid #d9d9d9;}
.kt_web_join .search_result .search_addr_box span {font-size:1.2rem; line-height:2.0rem; letter-spacing:-0.032rem; display:flex; align-items:center;}
.kt_web_join .search_result .search_addr_box span::before {width:6.8rem; height:3.0rem; border:.1rem solid #ededed; content:''; border-radius:.5rem; display:flex; align-items:center; justify-content:center; color:#959595; margin-right:10rem; font-size:1.3rem;}
.kt_web_join .search_result .search_addr_box .load_address {}
.kt_web_join .search_result .search_addr_box .load_address::before {content:'도로명';}
.kt_web_join .search_result .search_addr_box .num_address {margin-top:.5rem;}
.kt_web_join .search_result .search_addr_box .num_address::before {content:'지번';}
.kt_web_join .modal .content .input_addr {padding:1.5rem 2.0rem; border-top:.1rem solid #d9d9d9; border-bottom:.1rem solid #d9d9d9; margin-top:5.0rem; display:none;}
.kt_web_join .modal .content .input_addr.on {display:block;}
.kt_web_join .modal .content .input_addr li {display:flex; align-items:flex-start; margin-top:0;}
.kt_web_join .modal .content .input_addr label {font-size:1.2rem; line-height:3.2rem; letter-spacing: -0.03rem; color: #000000; width:6.0rem; flex: 0 0 6.0rem;}
.kt_web_join .modal .content .input_addr .input_area {flex:1; margin-top:.4rem;}
.kt_web_join .modal .content .input_addr li:first-child .input_area {margin-top:0;}
.kt_web_join .modal .content .input_addr input {height:3.4rem; border:.1rem solid #d9d9d9; width:100%; padding:1.0rem .7rem; margin-top:.4rem;}
.kt_web_join .modal .content .input_addr input:read-only {color:#808080;}
.kt_web_join .modal .content .input_addr input:first-child {margin-top:0;}
.kt_web_join .modal .input_addr input {}
.kt_web_join .modal .address_search .search_form {width:100%;}
.kt_web_join .modal .address_search .search_form input[type=button] {width:5.2rem; flex:0 0 5.2rem;}
.kt_web_join .modal .address_search .form_item.select {padding:0rem 1.0rem; }
.kt_web_join .modal .address_search .disable {background-color:#ededed; pointer-events:none;}
.kt_web_join .modal .address_search .disable input[type=text] {color:#808080;}
.kt_web_join .calendar_wrap {position:relative;}
.kt_web_join .modal.card {margin-top:0; position:absolute; display:none; height:auto; top:10.0rem; box-shadow: 0rem 0rem 1.0rem #00000029; background-color:#fff; width:calc( 100% - 7.0rem ); left:2.0rem; border-radius: 1.0rem; padding: 2.0rem; transform:translate(0,0);}
.kt_web_join .modal .calendar {padding:1.0rem 0rem; max-width:40.0rem; margin:0 auto;}
.kt_web_join .modal .calendar .top {display:flex; align-items:center; justify-content:center; height:auto; margin-bottom:1.5rem; border-bottom:0;}
.kt_web_join .modal .calendar .top a {position:relative; height:auto; right:auto; padding:0 1.5rem;}
.kt_web_join .modal .calendar .top a:first-child img {transform:rotate(90deg);}
.kt_web_join .modal .calendar .top a:last-child img {transform:rotate(-90deg);}
.kt_web_join .modal .calendar .title {text-align:center; font-size:1.6rem; line-height:2.5rem; font-weight:700; letter-spacing: -0.08rem; color: #000000; margin: 0 1.5rem;}
.kt_web_join .modal .calendar ul {margin-top:1.0rem; display:flex; justify-content:space-between;}
.kt_web_join .modal .calendar ul.days li span {font-weight:700;}
.kt_web_join .modal .calendar ul:first-of-type {margin-top:0;}
.kt_web_join .modal .calendar ul li {margin-top:0; display:flex; justify-content:center; align-items:center; font-size:1.3rem; line-height:2.0rem; color:#000; flex:1;}
.kt_web_join .modal .calendar ul li:first-child span {color: #ED1B23;}
.kt_web_join .modal .calendar ul li:last-child span {color: #01A69F;}
.kt_web_join .modal .calendar ul li span {flex:0 0 3.3rem; text-align:center; width:3.3rem; height:3.3rem; border-radius:10.0rem; display:flex; align-items:center; justify-content:center;}
.kt_web_join .modal .calendar ul li.disable span {background-color:#ededed; border-radius:0; color:#959595;}
.kt_web_join .modal .calendar ul li.disable-start span {border-top-right-radius:0; border-bottom-right-radius:0; border-top-left-radius:10.0rem; border-bottom-left-radius:10.0rem;}
.kt_web_join .modal .calendar ul li.disable-end span {border-top-left-radius:0; border-bottom-left-radius:0; border-top-right-radius:10.0rem; border-bottom-right-radius:10.0rem;}
.kt_web_join .modal .calendar ul li.selected span {background-color:#5DDFDE; color:#fff; font-weight:bold;}
.kt_web_join .modal .calendar ul li::before {flex:1; content:''; height:100%;}
.kt_web_join .modal .calendar ul li::after {flex:1; content:''; height:100%;}
.kt_web_join .modal .calendar ul li.disable::before {background-color:#ededed;}
.kt_web_join .modal .calendar ul li.disable::after {background-color:#ededed;}
.kt_web_join .modal .calendar ul li.disable-start::before {background-color:transparent;}
.kt_web_join .modal .calendar ul li.disable-end::after {background-color:transparent;}
.kt_web_join .modal .calendar ul li:first-child::before {background-color:transparent !important;}
.kt_web_join .modal .calendar ul li:last-child::after {background-color:transparent !important;}
.kt_web_join .modal .calendar ul li:first-child span {border-top-left-radius:10.0rem !important; border-bottom-left-radius:10.0rem !important;}
.kt_web_join .modal .calendar ul li:last-child span {border-top-right-radius:10.0rem !important; border-bottom-right-radius:10.0rem !important;}
.kt_web_join .content section .banner {width:100%; height:15.1rem; background-color:#000; border-radius:1.0rem; box-shadow: 0rem .3rem .6rem #00000029; color:#fff; letter-spacing: -.1rem; color: #FFFFFF; opacity: 1; font-size:2.0rem; line-height:3.0rem; display:flex; align-items:center; justify-content:center; font-weight:bold;}
.kt_web_join .content .direct_link {height:2.5rem; display:inline-flex; border: .1rem solid #01A69F; color:#01a69f; font-size:1.2rem; text-decoration:none; border-radius:10.0rem; align-items:center; padding-left:1.0rem; padding-right:.4rem; background-color:#fff; font-weight:500; margin-top:1.0rem;}
.kt_web_join .content .direct_link span {font-weight:700;}
.kt_web_join .content .direct_link::after {background:url('../imgs/arrow_SmallTxt2.svg'); background-size:100%; width:1.0rem; height:1.0rem; background-repeat:no-repeat; content:''; transform:rotate(270deg); margin-left:.4rem;}
.kt_web_join .content ul.direct_notice {font-size:1.0rem; line-height:1.5rem; letter-spacing: -0.025rem; color:#959595;}
.kt_web_join .content ul.direct_notice li {display:flex; align-items:flex-start;}
.kt_web_join .content ul.direct_notice li::before {content:'※'; margin-right:.4rem;}
.kt_web_join .modal.agree {padding-bottom:0;}
.kt_web_join .modal.agree .content section {margin-top:4.0rem;}
.kt_web_join .modal.agree .content section:first-child {margin-top:0;}
.kt_web_join .modal.agree .content section h1 {letter-spacing: -0.075rem; color: #000000; font-size:1.5rem; line-height:2.2rem; font-weight:bold; margin-bottom:1.5rem; padding:0; text-align:left;}
.kt_web_join .modal.agree .content section h2 {letter-spacing: -0.065rem; color: #000000; font-size:1.3rem; line-height:2.2rem; font-weight:bold; margin-top:1.5rem;}
.kt_web_join .modal.agree .content section p {letter-spacing: -0.065rem; color: #666; font-size:1.3rem; line-height:2.2rem;}
.kt_web_join .modal.agree .content section ul {letter-spacing: -0.065rem; color: #666; font-size:1.3rem; line-height:2.2rem; margin-top:.8rem;}
.kt_web_join .modal.agree .content section ul li {margin-top:0; list-style-type: "⋅"; display: list-item; padding-left: .6rem;}
.kt_web_join .modal.agree .content section ul.dot li {list-style-type: "⋅";}
.kt_web_join .modal.agree .content section ul.bar li {list-style-type: "-";}
.kt_web_join .modal.agree .content section ul.decimal li {list-style-type: "-"; list-style:decimal; margin-left:1.4rem; padding-left:0;}
.kt_web_join .modal.agree .content section ul.sub {width:100%; margin-top:0;}
.kt_web_join .modal.agree .content section ul.sub li {list-style-type: "-";}
.kt_web_join .modal.agree .content section ul.sub.decimal li {list-style-type:decimal;}
.kt_web_join .modal.agree .content section ul+p {margin-top:1.0rem;}
.kt_web_join .modal.agree .content section ol {letter-spacing: -0.065rem; color: #666; font-size:1.3rem; line-height:2.2rem; margin-top:.8rem;}
.kt_web_join .modal.agree .content section ol li {margin-top:0;}
.kt_web_join .modal.agree .content section a {text-decoration:none; letter-spacing: -0.065rem; color: #666; font-size:1.3rem; line-height:2.2rem; margin-top:4.0rem; display:inline-block;}
.kt_web_join .modal.agree .content section p a {margin-top:0;}
.kt_web_join .modal.agree .content section table {margin-top:1.0rem;}
.kt_web_join .modal.agree .content section table caption {font-size:1.3rem; line-height:2.2rem; display:none;}
.kt_web_join .modal.agree .content section table thead th,
.kt_web_join .modal.agree .content section table thead td {font-weight:500;}
.kt_web_join .modal.agree .content section table th {letter-spacing: -0.032rem; color: #666666; font-size:1.3rem; line-height:2.0rem; background-color:#efefef; font-weight:400;}
.kt_web_join .modal.agree .content section table td {letter-spacing: -0.032rem; color: #666666; font-size:1.3rem; line-height:2.0rem; background-color:#fff;}
.kt_web_join .modal.agree .content section table ul li {text-align:left; margin-left:.6rem;}
.kt_web_join .modal.agree .content section table td.txt_l {text-align:left;}
.kt_web_join .modal.agree .content section table td strong {font-weight:400;}
.kt_web_join .modal.agree .content section p.txt-right {text-align:right;}
.kt_web_join .modal.agree .content section .table-scroll {overflow-x:auto;}
.kt_web_join .modal.popup {height:100%;}
.kt_web_join .modal.popup header {height:7.5rem; display:flex; align-items:center; justify-content:center; letter-spacing: -0.045rem; color: #000000; width:100%; border-bottom:.1rem solid #D9D9D9;}
.kt_web_join .modal.popup header h1 {margin:0; font-size:1.8rem; line-height:2.2rem;}
.kt_web_join .modal.popup .close {background:url('../imgs/btnClose.svg'); position: absolute; right: 2.0rem; width: 2.4rem; height: 2.4rem; background-size:1.4rem; background-position:center right; top:2.4rem; background-repeat:no-repeat; background-color:transparent; color:transparent;}
.kt_web_join .modal.popup .popup-content {padding:4.0rem 2.0rem;}
.kt_web_join .modal.popup .member-input .row .btn-small {width:5.2rem; height:2.7rem; letter-spacing: -0.026rem; color: #FFFFFF; font-size:1.3rem; line-height:1.8rem; border-radius:.5rem; font-weight:normal; top:50%; transform:translate(0,-50%); padding:0;}
.kt_web_join .modal.popup .tab-charge li a {width:100%; font-size:1.6rem; line-height:2.5rem; letter-spacing:-0.06rem; font-weight:normal; height:100%; display:flex; align-items:center; justify-content:center;}
.kt_web_join .modal.popup .tab-charge li a.active {background-color:#000; color:#fff;}
.kt_web_join .modal.popup#popup-search-address .member-input .search {background:url('../imgs/icon_mafnifyingGlass_active.svg'); background-size:2.0rem; background-repeat:no-repeat; background-position:0rem center;}
.kt_web_join .modal.popup#popup-search-address .member-input .search::disable {background:url('../imgs/icon_mafnifyingGlass_disable.svg'); background-size:2.0rem; background-repeat:no-repeat; background-position:0rem 1.8rem;}
.kt_web_join .modal.popup .select-type {border:0;}
.kt_web_join .modal.popup .order-opt {padding:1.5rem; box-shadow: 0rem .15rem .3rem #00000029;}
.kt_web_join .modal.popup .order-opt.border {border:0;}
.kt_web_join .modal.popup .order-opt .title {font-size:1.6rem; line-height:2.5rem; letter-spacing:-0.16rem;}
.kt_web_join .modal.popup .select-addr.type2 .addr .num {font-size:1.3rem; line-height:1.7rem; width:2.1rem; height:2.1rem;}
.kt_web_join .modal.popup .select-addr.type2 .addr .addr-area .addr-info-1 {font-size:1.5rem; line-height:1.8rem;}
.kt_web_join .modal.popup .select-addr.type2 .addr .addr-area .addr-info-2 .jibun {font-size:1.2rem; line-height:2.0rem; padding:0 .5rem 0rem;}
.kt_web_join .modal.popup .select-addr.type2 .addr .addr-area .addr-info-2 {font-size:1.2rem; line-height:2.0rem;}
.kt_web_join .modal.popup .select-type {background: url(../imgs/arrow_SmallTxt1.svg); background-repeat: no-repeat; background-size: 1.4rem .9rem; background-position:calc(100% - 1.0rem) center;}
.kt_web_join .modal.popup .select-addr {max-height:40vh; overflow:auto;}
.kt_web_join .modal.popup .select-addr.type2 {overflow:unset;}
.kt_web_join .modal.popup .select-addr a {display: flex; padding: 2.0rem 0 2.0rem 2.0rem; border-bottom: .1rem solid #EDEDED; cursor: pointer; font-size:1.3rem; line-height:2.0rem; letter-spacing:0; padding: 1.5rem 0 1.5rem 1.5rem;}
.kt_web_join .modal.popup em {font-style:normal;}
.kt_web_join .modal.popup .order-bottom {position:absolute; bottom:0; width:100%; padding:1.5rem 2.0rem; box-shadow: 0rem -.2rem .6rem #00000029; background-color: #fff;}
@media (max-width:350px) {
html{font-size:8px;}
}
@media (max-width:300px) {
html{font-size:6px;}
}