/* common */ 
*{font-family:'Noto Sans KR';}
.evt_wrap { max-width:640px; margin:0 auto; overflow:hidden; font-family:'Noto Sans KR';} 
.evt_wrap img:not(.slider-lazy-image) { display:block; width:100% } 
.emp { font-size:1.2em; font-weight:bold; text-decoration: underline; } 
.mt-1{margin-top: -1px;}
.fc_red { color:#ff0000 !important; } 
.c_purple { color:#820bdd !important; } 
.c_pink { color:#ff1fdd !important; } 
.c_pink2 { color:#ff1e73 !important; } 

/* TIMER */
.time_w {top: 0; left: 0; padding: 3% 0; background: #222; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 2;}
.time_w .timeText_w {display: flex; align-items: center; font-size: 5vw; line-height: 1; color: #ccc; letter-spacing: 1px;} 
.time_w .timeText_w span > span { color: #fff; font-weight: bold; } 
.time_w > .timer_txt {color: #ffe8d3; font-size: 3vw; letter-spacing: -1px; text-align: center; margin-right: 3%;}

.con01 img{position: relative; z-index: 1;}
.con01 .con01_bg{position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 0;}

.con04 .input_wrap {position: absolute; top: 63.2%; left: 50%; width: 81.9%; transform: translateX(-50%); background: none;} 
.con04 .input_wrap input[type="text"] { float: left; width: 69.8%; height: 9.4vw; padding-left: 10px; font-size: 3.5vw; border: 1px solid #dcdcdc; border-radius: 3px 0 0 3px;} 
.con04 .input_wrap button { float: left; width: 30%; height: 9.4vw; border-radius: 0 .4em .4em 0; color: #fff; font-size: 3.5vw; background: #222; font-weight: bold; } 
.con04 .notice { background: #fdf5d5; width: 90%; margin: 0px auto; display: none; } 
.con04 .notice span { font-size: 11px; padding: 10px 4%; display: block; line-height: 18px; } 

.con05 .bg{background: linear-gradient(180deg, #2a1629, #b432a5 70%)}
.con05 .input_wrap {background: rgba(255, 255, 255, 0.1);} 
.con05 .input_wrap.t2 {padding: 6% 2% 5%; border-radius: 0;background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent);} 
.con05 .input_wrap h4{color: #fff;} 
.con05 iframe{display: none; width: 73%; height: 43vw; position: absolute; top: 58.5%; left: 50%; transform: translateX(-50%); border-radius: 10px;}

.input_wrap {width: 88%; margin: -1px auto 0; padding: 2%; background: #fff;} 
.input_wrap.t2 {padding: 6% 2% 10%; border-radius: 0 0 25px 25px;} 
.input_wrap ul li:after { clear:both; content:""; display:block; } 
.input_wrap ul li { margin-bottom:3%; } 
.input_wrap ul li label { display:inline-block; width:30%; height:9vw; line-height:9vw; font-size:4vw; font-weight: bold; color: #fff;} 
.input_wrap ul li:has(select[name="part_time_work"]) label {width: 50%; line-height: 1.2;} 
.input_wrap ul li input[type="text"] { width:calc(70% - 5px); height:9vw; line-height:9vw; font-size:4vw; border:1px solid #ccc; text-indent: 5px;} 
.input_wrap ul li .attach { display:inline-block; width:calc(70% - 8px); height:9vw; line-height:9vw; font-size:4vw; background: #fff; border:1px solid #ccc; padding:0 5px; box-sizing: border-box; } 
.input_wrap ul li .attach input[type=file] { width:100%;} 
.input_wrap ul li select[name="part_time_work"] {position: absolute; top: 0; right: 1%; padding: 2%;} 
.input_wrap ul li select[name="sugi_type"] {display: inline-block; width: calc(70% - 5px); height: 9vw; padding: 0; line-height: 9vw; font-size: 4vw; border: 1px solid #ccc; text-indent: 5px;} 
.input_wrap .agree_area {margin: 2% 0; display: flex; justify-content: space-between; align-items: center;}
.input_wrap .agree_area .agree_chk{width: 50%; display: flex; align-items: center; font-weight: bold;}
.input_wrap .agree_area .agree_btn{display: inline-block; padding: 1% 3%; font-size: 12px; color: #fff; background: #8a2b7f; border-radius: 25px;}
.input_wrap input[type="checkbox"] {width: 5vw !important; height: 5vw !important; max-width: 25px; max-height: 25px; margin-right: 5px; background: #fff !important; border-radius: 5px; appearance: none; position: relative;}
.input_wrap input[type="checkbox"]:checked::after {content: '\2713'; position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; font-weight: bold; color: #cc34ba;}
.input_wrap label {color: #fff;}
.input_wrap .sugi_url{margin-bottom: 0;} 
.input_wrap .sugi_url label{width: 100%;} 
.input_wrap .sugi_url input{width: 99% !important;} 
.input_wrap .sugi_url .sub_txt{font-size: 2.5vw; color: #b59fb2;} 
.input_wrap .txt_wrap {display: none; background: #fff; width: 100%; height: 22vw; overflow-y: scroll; padding: 10px; margin-top: 0%; border: 1px solid #ddd; box-sizing: border-box; font-size: 2.5vw; } 
.input_wrap small { font-size: 10px; letter-spacing: -.05em; display: block; margin-top: 4%; } 
.input_wrap .submit_btn{display: block; width: 96%; margin: 5% auto 0; padding: 4% 0; text-align: center; font-size: 4.5vw; color: #fff; background: #121212; border-radius: 50px;} 
.input_wrap .guide_btn{display: block; width: 96%; margin: 3% auto 0; padding: 4% 0; text-align: center; font-size: 4.5vw; color: #121212; background: #fff; border: 1px solid #121212; border-radius: 50px;} 

.con08 .bg{background: linear-gradient(180deg, #261625, #8b2d80);}
.con08 .input_wrap {background: rgba(255, 255, 255, 0.1);} 
.con08 .input_wrap.t2 {background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent);} 
.con08 .input_wrap h4{color: #fff;} 
.con08 .input_wrap .agree_area .agree_btn{background: #692862; border: 1px solid #924388;}

/* 기존 팝업 외 기타(유의사항) */
.detail_pop{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2;}
.detail_pop .bg{width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5);}
.detail_pop .pop_con{width: 92%; max-width: 600px; max-height: 80vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow-y: auto;}
.detail_pop .pop_con img{width: 100%;}
.detail_pop .pop_con .close{padding: 2% 4%; position: absolute; top: 0; right: 0; text-align: center; font-size: 5vw; font-weight: bold; color: #000; background: #ccc; border-radius: 5px;}
.detail_pop .pop_con .pop_btn{max-width: 130px; max-height: 40px; position: absolute; bottom: 65px; left: 50%; transform: translateX(-50%);}

.coupon_pop{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2;}
.coupon_pop .bg{width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5);}
.coupon_pop .pop_con{width: 86%; max-width: 600px; max-height: 80vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 3%; background: rgba(0, 0, 0, 0.9); border-radius: 20px; overflow-y: auto;}
.coupon_pop .pop_con h2{font-size: 4vw; font-weight: bold; text-align: center; margin-bottom: 5%; color: #fff;}
.coupon_pop .pop_con p{font-size: 3vw; text-align: left; color: #fff; word-break: keep-all;}
.coupon_pop .pop_con .close{padding: 2% 4%; position: absolute; top: 0; right: 0; text-align: center; font-size: 5vw; font-weight: bold; color: #000; background: #ccc; border-radius: 5px;}

/* 팝업 */
.popup_area{position: relative; z-index: 2;}
.popup_area .bg {display: none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); } 
.popup_area .close{padding: 2% 3%; position: absolute; top: 0px; right: 0%; text-align: center; font-size: 5vw; font-weight: bold; color: #000; z-index: 2;} 
.popup_area .btn_area{margin-top: 5%; padding: 0 3% 5%; display: flex; justify-items: center; gap: 10px; align-items: center;} 
.popup_area .btn_area a{display: block; width: 100%; padding: 3% 0; text-align: center; font-size: 3.8vw; font-weight: bold; color: #595959; border: 1px solid #a1a1a1; border-radius: 50px;}
.popup_area .btn_area a.bg_black{background: #111; color: #fff; border: 1px solid #111;}

.layer_pop { display:none; position:fixed; top:50%; left:50%; width:94%; transform:translate(-50%,-50%); z-index:5; background: #fff; border-radius: 30px;} 
.layer_pop h3 {padding: 4% 0; text-align: center;} 
.layer_pop * { box-sizing:border-box; } 
.layer_pop.t1 > span { position: absolute; top: 50%; left: 19.5%; font-size: 3.4vw; letter-spacing: -.1em; background-color: #ffdc52; } 
.layer_pop.t4 > span {position: absolute; top: 16%; right: 51%; font-size: 7.5vw; font-weight: bold; color: #001111;} 
.layer_pop.t6 > span {position: absolute; top: 14.5%; right: 51%; font-size: 7.5vw; font-weight: bold; color: #001111;} 
.layer_pop.t8 h3 span {display: block; font-size: 2.8vw;} 

.layer_pop.t3 h3 {padding: 4% 0 0; font-size: 6vw;} 
.layer_pop.t3 p {text-align: center; font-size: 2.5vw; line-height: 1; color: #121212;} 

.layer_pop.t9 h3 {padding: 4% 0 0;} 
.layer_pop.t9 p {text-align: center; font-size: 2.5vw; line-height: 1; color: #121212;} 

#popup_view img { width:100%; vertical-align: top; } 
.evt_agree { max-height:300px; overflow-y:auto; padding:0 10px; box-sizing: border-box; background:#fff; } 
.evt_agree .chk_all{display: flex; margin-bottom: 2%;} 
.evt_agree ul { border: 1px solid #d8d8d8; border-radius: 10px; background: #f5f5f5;} 
.evt_agree ul > li {box-sizing: border-box; padding: 10px; display: flex; align-items: center; flex-wrap: wrap; border-radius: 10px;} 
/* .evt_agree ul > li:first-child { background: #f9fafa; border-bottom: 1px solid #d8d8d8; padding:15px 10px; margin-top: 0; } 
.evt_agree ul > li:last-child { margin-bottom: 30px; }  */

.evt_agree input {width: 5vw !important; height: 5vw !important; max-width: 25px; max-height: 25px; margin-right: 1%; border: 1px solid #b2b2b2 !important; border-radius: 50px !important; appearance: none !important; position: relative; background: none !important;} 
.evt_agree input::after{content: '\2713'; position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; font-weight: bold; color: #b2b2b2;}
.evt_agree input:checked{border: 1px solid #820bdd !important;}
.evt_agree input:checked::after{content: '\2713'; position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; font-weight: bold; color: #820bdd;}
.evt_agree input + label {font-size: 3.5vw;} 
.evt_agree .agree_detail { box-sizing: border-box; padding: 10px; height: 80px; font-size: 12px; overflow-y: auto; border-radius: 5px; border: 1px solid #d8d8d8; margin-top: 10px; background: #f9fafa;} 
.evt_agree .red { color:red; font-weight: bold; } 

.in_con {margin-bottom: 5%; padding: 2% 3% 0; height:400px; overflow-y:auto; background:#fff; } 
.in_con .singo_info {font-size: 3vw; word-break: keep-all;} 
.in_con > ul:after { clear:both; content:""; display:block; } 
.in_con > ul > li { position:relative; float:left; width:49%; height:35px; line-height:35px; margin:3% 0 0 1%; border:1px solid #ddd; border-radius:.4em; font-size:3vw; } 
.in_con > ul > li:first-child,
.in_con > ul > li:nth-child(2n+1) { margin-left:0; } 
.in_con > ul > li span { float:left; text-align:center; width:40%; height:35px; line-height:35px; margin-right:5px; border-radius:.4em 0 0 .4em; font-size:3vw; background:#eaeaea; } 
.in_con > ul > li button { position:absolute; top:6px; right:5px; padding:3px 5px; font-size:11px; color:#fff; background:#555; } 

.in_con .study_in { margin-top:3%; border:1px solid #ddd; border-radius:.4em; } 
.in_con .study_in strong { display:block; padding-left:3%; font-size:15px; font-weight:bold; line-height:45px; background:#eaeaea; } 
.in_con .study_in > ol { padding:0 10px; height:265px; overflow-Y:scroll; } 
.in_con .study_in > ol > li { overflow:hidden; padding:20px 10px; border-bottom:1px solid #ddd; } 
.in_con .study_in > ol > li:last-child { border-bottom:0; } 
.in_con .study_in > ol > li > span { float:left; width:5%; margin-top:15px; } 
.in_con .study_in > ol > li > ul { float:left; width:95%; } 
.in_con .study_in > ol > li > ul li { margin-top:10px; } 
.in_con .study_in > ol > li > ul li > span { position:relative; display:inline-block; width:35%; height:35px; line-height:35px; padding-left:8px; border:1px solid #ddd; font-size:2vw; } 
.in_con .study_in > ol > li > ul li > span > button { position:absolute; top:7px; right:5px; padding:3px 5px; color:#fff; font-size:2vw; background:#555; } 
.in_con .study_in > ol > li > ul li > input[type="text"] { width:71.5%; height:35px; padding-left:10px; font-size:3vw; border:1px solid #ddd; } 
.in_con .study_in > ol > li > ul li > button { width:26.5%; height:35px; line-height:35px; color:#fff; font-size:3vw; background:#9f59ff; } 

.in_con .study_chk > ul > li { overflow:hidden; margin-top:3%; } 
.in_con .study_chk > ul > li span { float:left; text-align:center; width:20%; height:35px; line-height:35px; border-radius:.4em 0 0 .4em; font-size:3vw; background:#eaeaea; } 
.in_con .study_chk > ul > li > ul { float:left; display: flex; align-items: center; flex-wrap: wrap; width:80%; height:35px; padding-left:10px; border:1px solid #ddd; border-radius:0 .4em .4em 0; } 
.in_con .study_chk > ul > li > ul li {margin-right: 2%; vertical-align: middle; display: flex; align-items: center; flex-wrap: wrap;} 
.in_con .study_chk > ul > li > ul li input {appearance: none; width: 4vw !important; height: 4vw !important; max-width: 23px; max-height: 23px; margin-right: 3px; background: none; background-color: #bebebe; border: 4px solid #fff !important; box-shadow: 0 0 0 1px #bebebe; border-radius: 50%; outline: none;} 
.in_con .study_chk > ul > li > ul li input:checked {width: 4vw !important; height: 4vw !important; max-width: 22px; max-height: 22px; margin-left: 0px; background: none; background-color: #ff1fdd; border: 5px solid #fff; box-shadow: 0 0 0 1px #bebebe;} 
.in_con .study_chk > ul > li > ul li label {font-size: 3.2vw; height: 5vw; line-height: 5vw;} 
.in_con .study_chk > ul > li > ul li select {font-size: 3vw; padding: 2%;} 
.in_con .study_chk > ul > li > input[type="text"] { float:left; width:78%; height:35px; padding-left:10px; border:1px solid #ddd; border-radius:0 .4em .4em 0; font-size:3vw; } 

.layer_pop.t9 .in_con .study_in > ol{height: auto; max-height: 265px;} 
.layer_pop.t5 .in_con .study_in > ol > li > span { margin-top:3%; } 
.in_info { float:left; position:relative; width:95%; left:3%; } 
.in_info > span { display:block; width:80%; height:35px; line-height:35px; border:1px solid #ddd; padding:0 10px; font-size:2.8vw; } 
.in_info > div { position:absolute; top:0; right:42%; width:19%; } 
.in_info > div > button { display:block; width:100%; height:18px; margin-bottom:5px; font-size:2.5vw; color:#fff; background:#9f59ff; } 

.in_con .input_in > li { float:none; width:100%; height:40px; line-height:1.2; margin:0 0 3% 0; } 
.in_con .input_in > li span { width:20%; height:40px; } 
.in_con .input_in > li input[type="text"] { width:57%; height:38px; border:0; font-size:3vw; } 
.in_con .input_in > li ul { float:left; width:78%; display:table; height:38px; table-layout:fixed; } 
.in_con .input_in > li ul li { position:relative; float:none; display:table-cell; width:auto; border:0; margin:0; vertical-align:middle; } 
.in_con .input_in > li ul li input[type="radio"] { vertical-align:middle; } 
.in_con .input_in > li ul li input:checked[type="radio"] { background:url('https://cdn.hackersut.com/www/images/event/2021/12/2300/popup/radio_on.png')no-repeat 0 0; background-size:contain; } 
.in_con .input_in > li > p { position:absolute; bottom:0; right:5px; } 
.in_con .input_in > li.attach_file { line-height:40px; } 
.in_con .input_in > li:has(select[name="part_time_work"]) span {width: 35%; height: auto; padding: 5px 0 5px 5px; line-height: 1.2; text-align: left;} 
.in_con .input_in > li select[name="part_time_work"] {width: 60%; margin-top: 5px; margin-bottom: 0; padding: 1% 2%;} 
.in_con table { width:100%; } 
.in_con table tbody th { text-align:left; border:1px solid #ddd; } 

.layer_pop.t8 .in_con .input_in > li ul {display: flex; justify-content: space-around;} 
.layer_pop.t8 .in_con .input_in > li ul li{display: flex; align-items: center;} 
.layer_pop.t8 .in_con .input_in > li > ul li input {appearance: none; width: 4vw !important; height: 4vw !important; max-width: 23px; max-height: 23px; margin-right: 3px; background: none; background-color: #bebebe; border: 4px solid #fff !important; box-shadow: 0 0 0 1px #bebebe; border-radius: 50%; outline: none;} 
.layer_pop.t8 .in_con .input_in > li > ul li input:checked {width: 4vw !important; height: 4vw !important; max-width: 22px; max-height: 22px; margin-left: 0px; background: none; background-color: #ff1fdd; border: 5px solid #fff; box-shadow: 0 0 0 1px #bebebe;} 
.layer_pop.t8 .in_con .input_in > li > ul li label {font-size: 3.2vw; height: 5vw; line-height: 5vw;} 
.layer_pop.t8 .sub_txt {position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); font-size: 2.3vw; line-height: normal; float: none; width: 100%; height: auto;} 

.chk_txt { margin-top:6%; padding:0 3%; } 
.chk_txt p { font-size:3.5vw; font-weight: bold; } 
.chk_txt .agree_txt { margin:2% 0; padding:10px; font-size: 3vw; border:1px solid #ddd; border-radius:.4em; height:100px; overflow-y:scroll; } 
.chk_txt .agree_txt p { font-size:3vw; } 
.chk_txt .flex_box {display: flex; align-items: center;} 

.chk_txt input[type="checkbox"] {width: 5vw !important; height: 5vw !important; max-width: 25px; max-height: 25px; margin-right: 5px; background: #fff !important; border: 1px solid #d1d1d1; border-radius: 5px; appearance: none; position: relative;} 
.chk_txt input[type="checkbox"]:checked::after {content: '\2713'; position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; font-weight: bold; color: #cc34ba;}

select { display:block; min-width:100px; margin-bottom:10px; } 

.search_box a { display: inline-block; } 

.border_hidden { border: none; } 

.popup.member_popup.universityBox { top:10% !important; } 
.popup.member_popup.departmentBox { top:10% !important; }