@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
.teaser * {font-family: 'Noto Sans KR', sans-serif;}

/* check-box */
.check-box {display:flex; flex-wrap:wrap; align-items:center;}
.check-box .check {position:relative; overflow:hidden; margin-right:5vw;}
.check-box .check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box .check label {display:flex; flex-wrap:wrap; align-items:center; font-size:4vw; color:#222; cursor:pointer;}
.check-box .check label:before {display:inline-block; content:""; width:5vw; height:5vw; background:url('../images/icon_radio.png') no-repeat center / cover; margin-right:2vw;}
.check-box .check input:checked ~ label:before {background:url('../images/icon_radio_on.png') no-repeat center / cover;}
.check-box .check label small {color:#999999; font-size:3vw; margin-left:2vw;}
.check-box .check.text-check {flex:1; margin:0;}
.check-box .check.text-check label {justify-content:space-between; align-items:flex-start;}
.check-box .check.text-check.center label {align-items:center;}
.check-box .check.text-check label:before {display:none;}
.check-box .check.text-check label:after {display:inline-block; content:""; width:6vw; height:6vw; background:url('../images/icon_radio.png') no-repeat center / cover;}
.check-box .check.text-check input:checked ~ label:after {background:url('../images/icon_radio_on.png') no-repeat center / cover;}
.check-box .check.text-check label p {color:#666;}
.check-box .check.text-check label p b {color:#ff744d; padding-right:10px;}
.check-box.half {width:100%;}
.check-box.half .check {margin:0; width:50%;}
table .check-box .check.text-check label {text-align:left; color:#222;}
table .check-box .check.text-check label p {color:#222;}
table .check-box .check.text-check input:checked ~ label p {color:#ff744d;}
table tr.none .check-box .check.text-check label p {text-decoration:line-through; color:#999;}
table tr.none .check-box .check.text-check label span {color:#999;}
table tr.none .check-box .check.text-check label:after {display:none;}

/* step-box */
.step-box {display:flex; flex-wrap:wrap; justify-content:center; width:100%; margin:3vw 0;}
.step-box .step {text-align:center; position:relative; overflow:hidden; margin:0 5vw;}
.step-box .step input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.step-box .step label {font-size:4vw; color:#222; line-height:1.2; text-align:center; cursor:pointer;}
.step-box .step label:before {display:block; margin:0 auto 3vw; width:13vw; height:13vw; content:"";}
.step-box .step:nth-of-type(1) label:before {background:url('../images/icon_step_01.png') no-repeat center / cover;}
.step-box .step:nth-of-type(2) label:before {background:url('../images/icon_step_02.png') no-repeat center / cover;}
.step-box .step:nth-of-type(3) label:before {background:url('../images/icon_step_03.png') no-repeat center / cover;}
.step-box .step:nth-of-type(1) input:checked ~ label:before {background:url('../images/icon_step_01_on.png') no-repeat center / cover;}
.step-box .step:nth-of-type(2) input:checked ~ label:before {background:url('../images/icon_step_02_on.png') no-repeat center / cover;}
.step-box .step:nth-of-type(3) input:checked ~ label:before {background:url('../images/icon_step_03_on.png') no-repeat center / cover;}

/* select-box */
.select-box {flex:1;}
.select-box select {color:#222; border:0; background:url('../images/icon_select.png') no-repeat right center / 4vw 2vw !important; appearance:none; -webkit-appearance:none; width:100%; font-size:4vw; background:none;}

/* teaxtarea */
textarea {margin:3vw 0 0; width:100%; height:20vw; border:1px solid #ccc; padding:2vw; font-size:4vw; box-sizing:border-box;}

/* popup */
.teaser {overflow-x:hidden;}
.popup {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background:#fff;}
.popup .box {position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% + 4px); height:100%; background:#fff; overflow-y:auto; overflow-x:hidden;}
.popup .box .popup-head {position:relative;}
.popup .box .popup-head img {width:100%;}
.popup .box .popup-head a {position:absolute; right:0; top:0; width:10%; height:30%; font-size:0;}
.popup .box .popup-body .form-group h2 {word-break:keep-all; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-top:2px solid #ff744d; background:#ffede9; padding:3% 5%; font-size:5vw; font-weight:bold; color:#222;}
.popup .box .popup-body .form-group h2 a {font-size:4vw; font-weight:bold; color:#ff744d; display:flex; flex-wrap:wrap; align-items:center;}
.popup .box .popup-body .form-group h2 a:after {margin-left:10px; display:inline-block; width:7px; height:14px; content:""; background:url('../images/icon_location.png') no-repeat center / cover;}
.popup .box .popup-body .form-group h2.ye {background:#ffffd5; border-color:#fffd48;}
.popup .box .popup-body .form-group h2.tl {justify-content:flex-start;}
.popup .box .popup-body .form-group h2 b {font-size:4vw; margin-left:3vw; color:#ff744d;}
.popup .box .popup-body .form-group h2 sub {font-size:4.5vw; margin-right:2vw; color:#222;}
.popup .box .popup-body .form-group h2 > div {font-size:4.5vw; color:#222; flex:1;}
.popup .box .popup-body .form-group h2 > div small {display:block; width:100%; font-size:4vw; color:#222; font-weight:300; margin:1vw 0 0;}
.popup .box .popup-body .form-group h2.num {justify-content:flex-start; align-items:flex-start;}
.popup .box .popup-body .form-group ul li {border-bottom:1px solid #ccc; padding:3% 5%; box-sizing:border-box;}
.popup .box .popup-body .form-group ul li:last-of-type {border-bottom:0;}
.popup .box .popup-body .form-group ul li .info {display:flex; flex-wrap:wrap; align-items:center;}
.popup .box .popup-body .form-group ul li .info b {width:20%; font-size:4vw; color:#999; font-weight:normal;}
.popup .box .popup-body .form-group ul li .info b strong {font-size:4vw; color:#222; font-weight:500;}
.popup .box .popup-body .form-group ul li .info p {flex:1; font-size:4vw; color:#222;}
.popup .box .popup-body .form-group ul li .info input[type=text] {box-sizing:border-box; width:calc(100% - 20%); font-size:4vw; color:#222; border:0;}
.popup .box .popup-body .form-group ul li .info input[type=text].py0 {padding-top:0 !important; padding-bottom:0 !important; width:100%;}
.popup .box .popup-body .form-group ul li .info .info-btn {flex:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.popup .box .popup-body .form-group ul li .info .info-btn input {width:calc(100% - 21%);}
.popup .box .popup-body .form-group ul li .info .info-btn p {width:calc(100% - 21%); border-radius:0; background:none;}
.popup .box .popup-body .form-group ul li .info .info-btn > a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:3vw; color:#fff; border-radius:50px; background:#666666; padding:1.5% 0; width:30%;}
.popup .box .popup-body .form-group ul li .subject p {font-size:4vw; color:#222;}
.popup .box .popup-body .form-group ul li .subject p b {font-size:4vw; color:#222; font-weight:500;}
.popup .box .popup-body .form-group ul li .subject p:last-of-type {color:#ff744d; font-weight:500;}
.popup .box .popup-body .form-group ul li .notice dl dd {margin:0 0 10px; padding:3%; border-bottom:1px solid #ccc; position:relative; padding-left:2%; font-size:4vw; color:#666;}
.popup .box .popup-body .form-group ul li .notice dl dd:last-of-type {border-bottom:0; margin:0;}
.popup .box .popup-body .form-group ul li .notice dl dd:before {position:absolute; display:inline-block; content:""; width:3px; height:3px; background:#666; border-radius:50%; left:0; top:35%;}
.popup .box .popup-body .form-group ul li .notice dl dd.none {padding-left:0;}
.popup .box .popup-body .form-group ul li .notice dl dd.none:before {display:none;}
.popup .box .popup-body .form-group ul li .alert {margin:0 -5%; width:calc(100% + 10%); background:#f4f4f4; padding:5%;}
.popup .box .popup-body .form-group ul li .alert dl dd {position:relative; padding-left:2%; font-size:4vw; color:#666;}
.popup .box .popup-body .form-group ul li .alert dl dd:last-of-type {border-bottom:0;}
.popup .box .popup-body .form-group ul li .alert dl dd:before {position:absolute; display:inline-block; content:""; width:3px; height:3px; background:#666; border-radius:50%; left:0; top:27%;}
.popup .box .popup-body .form-group ul li .alert dl dd.none {padding-left:0;}
.popup .box .popup-body .form-group ul li .alert dl dd.none:before {display:none;}
.popup .box .popup-body .form-group ul li .qa {display:flex; flex-wrap:wrap;}
.popup .box .popup-body .form-group ul li .qa b {color:#ff744d; font-size:4vw; margin-right:10px; font-weight:bold;}
.popup .box .popup-body .form-group ul li .qa p {flex:1; font-size:4vw; color:#222;}
.popup .box .popup-body .form-group ul li .qa p strong {font-size:4vw; color:#222; font-weight:bold; margin-right:5px;}
.popup .box .popup-body .form-group ul li table {width:100%; border:1px solid #ccc; border-width:1px 0 0 0; border-spacing:0; margin:3% -5% 0; box-sizing:border-box; width:calc(100% + 10%);}
.popup .box .popup-body .form-group ul li table tr td {font-size:4vw; border:1px solid #ccc; border-width:0 1px 1px 0; text-align:center; background:#f4f4f4; padding:2% 3%;}
.popup .box .popup-body .form-group ul li table tr td.rd {font-size:3vw; background:#ffede9;}
.popup .box .popup-body .form-group ul li table tr td.ye {font-size:3vw; background:#feffd5;}
.popup .box .popup-body .form-group ul li table tr td b {display:block; width:100%; text-align:center; color:#222;}
.popup .box .popup-body .form-group ul li table tr.none td {color:#999999; background:#e9e9e9 !important;}
.popup .box .popup-body .form-group ul li table tr.none td b {color:#999;}
.popup .box .popup-body .form-group ul li table tr td:last-of-type {border-right:0;}
.popup .box .popup-body .coupon-wrap {position:relative;}
.popup .box .popup-body .coupon-wrap img {width:100%;}
.popup .box .popup-body .coupon-wrap a {position:absolute; left:0; width:100%; height:21%;}
.popup .box .popup-body .coupon-wrap a:nth-of-type(1) {top:5%;}	   
.popup .box .popup-body .coupon-wrap a:nth-of-type(2) {top:28%;}  
.popup .box .popup-body .coupon-wrap a:nth-of-type(3) {top:51%;}  
.popup .box .popup-body .coupon-wrap a:nth-of-type(4) {top:74%;}  
.popup .box .popup-body .coupon-wrap_off a:nth-of-type(2) {display:none;}
.popup .box .popup-body a.submit-btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#ff744d; color:#fff; font-size:5vw; font-weight:bold; padding:3vw 0; margin:0;}
.popup .box .popup-body a.submit-btn.black {background:#222; width:calc(100% - 60px); margin:5% auto 8%;}
.popup .box .popup-body .check-new-wrap {padding:3% 5%; font-size:4vw;}
.popup .box .popup-body .agree {background:#fff; margin:3% 0 5%; padding:3% 5%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.popup .box .popup-body .agree p {flex:1; font-size:4vw;}
.popup .box .popup-body .agree a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#999; color:#fff; font-size:3vw; padding:2% 5%; border-radius:50px;}
.popup .box .popup-body .agree-popup {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1000;}
.popup .box .popup-body .agree-popup .wrap {width:calc(100% - 30px); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; border-radius:15px;}
.popup .box .popup-body .agree-popup .wrap .agree-head {background:#999999; padding:5%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.popup .box .popup-body .agree-popup .wrap .agree-head h3 {font-size:5vw; font-weight:600; color:#fff;}
.popup .box .popup-body .agree-popup .wrap .agree-head a {font-size:0; display:block; width:3vw; height:3vw; background:url('../images/icon_close.png') no-repeat center / cover;}
.popup .box .popup-body .agree-popup .wrap .agree-body {padding:5%;}
.popup .box .popup-body .agree-popup .wrap .agree-body dl dd {margin:0 0 5%;}
.popup .box .popup-body .agree-popup .wrap .agree-body dl dd:last-of-type {margin:0;}
.popup .box .popup-body .agree-popup .wrap .agree-body dl dd b {display:block; color:#222; font-size:4vw; font-weight:600;}
.popup .box .popup-body .agree-popup .wrap .agree-body dl dd p {display:block; color:#959595; font-size:3.5vw; line-height:1.5;}