@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.chk label:after {display:inline-block; content:""; width:6vw; height:6vw; background:url('../images/icon_chk.png') no-repeat center / cover;}
.check-box .check.text-check.chk input:checked ~ label:after {background:url('../images/icon_chk_on.png') no-repeat center / cover;}
.check-box .check.right{display:flex;justify-content:space-between;margin-right: 0;}
.check-box .check.right label{flex-wrap: nowrap;}
.check-box .check.right label p{width: calc(100% - 6vw);}
.check-box .check.right.chk label:before {display:inline-block; content:""; width:6vw; height:6vw; background:url('../images/icon_chk.png?v2') no-repeat center / cover;}
.check-box .check.right.chk input:checked ~ label:before {background:url('../images/icon_chk_on.png?v2') no-repeat center / cover;}
.check-box .check.text-check label p {color:#666;}
.check-box .check.text-check label p b {color:#1978fa; 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:#1978fa;}
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 {padding:7px 5px;color:#222; border: 0; border-radius: 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-bottom:2px solid #111; padding:4% 2%; font-size:5vw; font-weight:bold; color:#222;}
.popup .box .popup-body .form-group h2 a {font-size:4vw; font-weight:bold; color:#1978fa; 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 {padding:4% 2%; 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 {display:block;margin-bottom: 10px;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] {display:block;width:100%;box-sizing:border-box;font-size:4vw; color:#222;border: 1px solid #b9b9b9;}
.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:#1978fa; 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 .notice .btn_info {display:block;margin:4% 0;text-decoration: underline;color: #959595;font-size: 3vw;}


.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:#1978fa; 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:#fff; padding:2% 3%;}
.popup .box .popup-body .form-group ul li table tr td:first-child{background-color: #f4f4f4;}
.popup .box .popup-body .form-group ul li table tr td.rd {font-size:3vw; background:#eef7f7;}
.popup .box .popup-body .form-group ul li table tr td.ye {font-size:3vw; background:#fffff1;}
.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;padding: 2% 6% 2% 3%;}
/* .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:#111; 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;}

.popup .box .popup-body .btn-wrap{display:flex;padding: 3% 5%;justify-content: space-between;}
.popup .box .popup-body .btn-wrap .btn-apply{display:block;width:48%;box-sizing: border-box;}
.popup .box .popup-body .btn-wrap .btn-apply img{width: 100%;height: 100%;}
.popup .box .popup-body .noti{padding:0 5%;margin: 20px 0;color: #5e5e5e;text-align: center;font-size: 3vw;border-bottom: 1px solid #b9b9b9;}
.popup .box .popup-body .noti p:nth-child(1){font-size: 4vw;font-weight: 600;}
.popup .box .popup-body .noti .img-coupon{width: 100%;margin-bottom: 10px;}
.popup .box .popup-body .noti a{display:block;margin: 15px 0 20px;font-size: 4vw;font-weight: 600;color: #1978fa;}
.popup .box .popup-body .noti p:nth-child(5){margin-bottom:33px;font-size: 2vw;color: #111;}
.popup .box .popup-body .show_wrap{display: none;padding:0 5% 10%;}
.popup .box .popup-body .txt_noti{display: none;text-align: center;}

.popup.result .popup-body .form-group{padding: 0 5%;}
.popup.result .popup-body .btn_submit{width: 100%;height: 40px;margin-top: 15px;color: #fff;font-size: 4vw;background-color: #1978fa;border:none}
.popup.result .popup-body .directions{font-weight:bold; color:#1978fa;}
/* .popup .box .popup-body .form-group ul li .info_box .info_box_tit{position: relative;padding: 10px 15px;margin-bottom: 20px; color: #fff;font-size: 14px;text-align:left;background-color: #111;}
.popup .box .popup-body .form-group ul li .info_box .btn_info_box_cls{overflow: hidden;position: absolute;right: 5px;top: 5px;width: 25px;height: 25px;text-indent: -9999px;cursor: pointer;}
.popup .box .popup-body .form-group ul li .info_box .btn_info_box_cls:before,
.popup .box .popup-body .form-group ul li .info_box .btn_info_box_cls:after {content: " ";position: absolute;left: 10px;height: 25px;width: 1px;background-color: #fff;}
.popup .box .popup-body .form-group ul li .info_box .btn_info_box_cls:before {transform: rotate(45deg);}
.popup .box .popup-body .form-group ul li .info_box .btn_info_box_cls:after {transform: rotate(-45deg);} */

/* .popup.apply input[type="checkbox"]:before, 
.popup.apply input[type="radio"]:before {
  content: attr(title);
  display: block;
  margin-left:5px;
  margin-right:5px;
} */

.popup .box .popup-body .form-group ul li .info_box{display:none}
.popup .box .popup-body .form-group ul li .info_box.on{display:block}
.popup .box .popup-body .form-group ul li .info_box p{font-size: 3vw;}
.popup .box .popup-body .form-group ul li .info_box .table_2{clear:both; width:100%;margin: 0 auto;border-collapse:collapse}
.popup .box .popup-body .form-group ul li .info_box .table_2 th,
.popup .box .popup-body .form-group ul li .info_box .table_2 td{border:1px solid #D6D6D6;}
.popup .box .popup-body .form-group ul li .info_box .table_2 th{padding: 1%; font-size:3vw; background-color:#F7F7F7; text-align:center;}
.popup .box .popup-body .form-group ul li .info_box .table_2 td{padding:1%; font-size: 3vw; text-align:center; color:#787676;}
.popup .box .popup-body .form-group ul li .info_box .table_2 td.tit{padding:6px 0 6px 13px; font-size:3vw; text-align:left; color:#282828;}
.popup .box .popup-body .form-group ul li .info_box .table_2 td.tit a{color:#282828;}
.popup .box .popup-body .form-group ul li .info_box .table_2 td.tit2{padding:6px 0 6px 13px; text-align:left; color:#817F7F;}
.popup .box .popup-body .form-group ul li .info_box .table_2 td.left{text-align:left; padding-left:13px;}
.popup .box .popup-body .form-group ul li .info_box .table_2 td.center{text-align:center !important;}
.popup .box .popup-body .form-group ul li .info_box .table_2.autoline th[rowspan],
.popup .box .popup-body .form-group ul li .info_box .table_2.autoline td[rowspan]{border-right:1px solid #D6D6D6;}
.popup .box .popup-body .form-group ul li .info_box .table_2 .line{border-left:1px solid #D6D6D6 !important;}
.popup .box .popup-body .form-group ul li .info_box .table_2 td span.pointtxt{color:#0099ff; font-weight: bold; text-decoration: underline}

.popup.attend_idea .form-group{padding: 0 5%;}
.popup.attend_idea .btn_view {display:block;width:100%;padding: 3vw 0;color: #fff;background-color: #111;font-size: 5vw;font-weight: bold;text-align: center;}
.popup.attend_idea .selc_subj{width:100%;border-radius: 0; outline: none;}