/* common */
body { overflow-x: hidden; } 
.evt_wrap { position:relative; margin:0 auto; overflow:hidden; max-width: 750px; } 
.evt_wrap * { font-family: 'Noto Sans KR', sans-serif; } 
.evt_wrap img:not(.slider-lazy-image) { display:block; width:100% } 
.p_r { position: relative; } 
.fc_red { color:#FF0000; } 
.ov { overflow: hidden; } 
.mt-1 { margin-top: -1px; } 

/* select box */
select::-ms-expand { display:none; } 
#pre_form { position:relative; } 

.con01{padding-top: 80vw; padding-bottom: 5%; background: #ffdfe9 url(https://dev-cdn.hackers.com/m/img/event/2025/08/2000/re_250909/con01.jpg) no-repeat top center; background-size: 100%;}

.con01 .apply_list{width: 85%; margin: 0 auto;}
.con01 .apply_list li{margin-bottom: 3%; padding: 7% 5%; background: #fff; border: 2px solid #ffc8c8; border-radius: 20px; position: relative;}

.con01 .sys_info {text-align: center;} 
.con01 .sys_info .campus {color: #ff3a3a;} 
.con01 .sys_info .title {margin-bottom: 2%; font-size: 5vw; color: #222;} 
.con01 .sys_info .date {display: block; font-size: 3.5vw; color: #222;} 
.con01 .sys_info .place {display: block; font-size: 3.5vw; color: #222;} 

.con01 .btn_area{display: flex; justify-content: space-between; align-items: center;}
.con01 .btn_area a{display: block; width: 49%; padding: 4% 0; border-radius: 10px; color: #323232; background: #ffebeb; font-size: 3.5vw; font-weight: bold; text-align: center;}
.con01 .btn_area a:nth-child(2){color: #fff; background: #ff3a3a;position: relative;}
.con01 .btn_area a.apply_btn .ani_img{width: 5.5vw; max-width: 36px; position: absolute; bottom: -25%; right: 5%;}

.con01 .pop_info {display: none; width: 80%; max-width: 600px; padding: 5%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1.5; text-align: left; font-size: 14px; color: #fff; background: rgba(0, 0, 0, 0.85); border-radius: 15px; z-index: 9999;}
.con01 .pop_info .close {position: absolute; top: 0; right: 5px; width: 30px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 28px;}

/* 설명회 색상 커스텀 */
.con01 .apply_list li:nth-child(3n+1){border: 2px solid #ffc8c8}
.con01 .apply_list li:nth-child(3n+1) .btn_area a:nth-of-type(1){background: #ffebeb;}
.con01 .apply_list li:nth-child(3n+1) .btn_area a:nth-of-type(2){background: #ff3a3a;}
.con01 .apply_list li:nth-child(3n+1) .campus{color: #ff3a3a;}

.con01 .apply_list li:nth-child(3n+2){border: 2px solid #ffc8a4}
.con01 .apply_list li:nth-child(3n+2) .btn_area a:nth-of-type(1){background: #fff2e5;}
.con01 .apply_list li:nth-child(3n+2) .btn_area a:nth-of-type(2){background: #ff8003;}
.con01 .apply_list li:nth-child(3n+2) .campus{color: #ff8003;}

.con01 .apply_list li:nth-child(3n+3){border: 2px solid #e0a2f0}
.con01 .apply_list li:nth-child(3n+3) .btn_area a:nth-of-type(1){background: #f4e6ff;}
.con01 .apply_list li:nth-child(3n+3) .btn_area a:nth-of-type(2){background: #9d1dff;}
.con01 .apply_list li:nth-child(3n+3) .campus{color: #9d1dff;}

/* .con02, .con03 혜택단 공통 */
.evt_wrap .benefit_area{width: 85%; position: absolute; left: 50%; transform: translateX(-50%);}
.con02 .benefit_area{bottom: 13%;}
.con03 .benefit_area{bottom: 15%;}
.con02 .benefit_area img, .con03 .benefit_area img{width: 100%;}
.evt_wrap .benefit_area .bx-wrapper .bx-viewport{height: 50vw !important;}
.evt_wrap .benefit_area .bx-wrapper .bx-controls-direction a.bx-prev{width: 4vw; max-width: 26px; height: 7vw; max-height: 41px; top: 50%; left: -7%; background: url('https://dev-cdn.hackers.com/www/images/event/2025/07/1800/bx_next.png') no-repeat center center / cover;transform: scaleX(-1);}
.evt_wrap .benefit_area .bx-wrapper .bx-controls-direction a.bx-next{width: 4vw; max-width: 26px; height: 7vw; max-height: 41px; top: 50%; right: -7%; background: url('https://dev-cdn.hackers.com/www/images/event/2025/07/1800/bx_next.png') no-repeat center center / cover;;}

.evt_wrap .benefit_area li .sys_info {width: 90%; position: absolute; top: 5%; left: 50%; transform: translateX(-50%); text-align: center;} 
.evt_wrap .benefit_area li .sys_info .benefit {font-size: 4vw; font-weight: bold; color: #222;}
.evt_wrap .benefit_area li .sys_info .benefit_txt {display: block; margin-top: 1%; font-size: 3vw; color: #717171; letter-spacing: -1px;} 

.con04 .img_box{width: 100%; position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%);}

.con06{padding-bottom: 10vw; background: #fff4d8;}
.con06 .sd_box{width: 90%; margin: 0 auto;}
.con06 .bx-wrapper .bx-pager.bx-default-pager a{width: 10px; height: 10px; margin: 0 3px; background: #d3cab4; border-radius: 25px;}
.con06 .bx-wrapper .bx-pager.bx-default-pager a.active{background: #222;}

.con08 .bx-wrapper .bx-pager{bottom: 0;}
.con08 .bx-wrapper .bx-pager.bx-default-pager a{width: 10px; height: 10px; margin: 0 3px; background: #d3cab4; border-radius: 25px;}
.con08 .bx-wrapper .bx-pager.bx-default-pager a.active{background: #222;}

.con09 .sd_box{width: 140%; position: absolute; bottom: 6%; left: 50%; transform: translateX(-50%);}
.con09 .bx-wrapper .bx-viewport .bxslider li{border-radius: 10px; overflow: hidden;}
.con09 .bx-wrapper .bx-pager.bx-default-pager a.active{background: #222;}

.con11 .sd_box{width: 75%; height: 42vw; max-height: 300px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.con11 .sd_box .bxslider a{display: block;}
.con11 .sd_box .bxslider a img{width: 100%;}
.con11 .bx-wrapper .bx-controls-direction a{top: 28%;}
.con11 .sd_box .bx-wrapper .bx-controls-direction a.bx-prev{width: 4vw; max-width: 26px; height: 7vw; max-height: 41px; left: -10%; background: url('https://dev-cdn.hackers.com/www/images/event/2025/07/1800/bx_next.png') no-repeat center center / cover;transform: scaleX(-1);}
.con11 .sd_box .bx-wrapper .bx-controls-direction a.bx-next{width: 4vw; max-width: 26px; height: 7vw; max-height: 41px; right: -10%; background: url('https://dev-cdn.hackers.com/www/images/event/2025/07/1800/bx_next.png') no-repeat center center / cover;;}
.con11 iframe{display: none; width: 75%; height: 42vw; max-height: 300px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1;}

/* 신청단 */
.pop_wrap .pop_con .form_in { width: 92%; margin:0 auto 5%; } 
.pop_wrap .pop_con .table_wrap { margin: 0; width: 100%; box-sizing: border-box; padding:3%; position: relative; z-index: 2; border-radius: 10px; } 
.pop_wrap .pop_con .table_wrap .mini_img { position: absolute; top: 32vw; left: 9vw; z-index: 999; width: 31vw; } 
.pop_wrap .pop_con .table_wrap .desc { margin: 0; text-align:left; } 
.pop_wrap .pop_con td input[type="text"],td select { border: none; margin-bottom: 3%; width:100%; padding:7% 5%; border-radius: 5px; background: #eee; color:#555 } 
.pop_wrap .pop_con td select { padding: 3%; width: 100%; } 
.pop_wrap .pop_con .table_wrap p { display: inline-block; margin-left: 2%; } 
.pop_wrap .pop_con input[type="radio"],.pop_wrap .pop_con input[type="checkbox"] { appearance: none; margin-right: 2%; position: relative; width: 18px; height: 18px; } 
.pop_wrap .pop_con label { line-height:2; font-size:12px; vertical-align:middle; } 
.pop_wrap .pop_con .accompay_box { display:inline-block; width:58%; margin-left:10px; } 
.pop_wrap .pop_con .accompay_box .samja { width:40%; } 
.infoBox_btn { display:inline-block; margin-left:2%; text-align:center; color:#333; font-size:10px; } 
.pop_wrap .pop_con table { width:100%; margin:0 auto; } 
.pop_wrap .pop_con th { text-align:left; font-size:13px; color:#333; text-indent:0px; } 
.pop_wrap .pop_con td { text-align:left !important; line-height:1.8; } 
.form_area { background-color:#fff; width:100%; padding:20px 0; border-radius:0 40px 40px 40px; } 
.pop_wrap .pop_con .agree_area { display:block; width:94%; margin: 0 auto; box-sizing: border-box; } 
.pop_wrap .pop_con .agree_area .infoBox_text { text-align: left; padding: 2%; border: 1px solid #ddd; background: #fff; margin-bottom: 10px; line-height: 1.5em; height: 30vw; overflow-y: auto; box-sizing: border-box; font-size: 12px; } 
.pop_wrap .pop_con .agree_area .infoBox_text strong { display:block; margin-bottom:10px; font-size: 12px; } 
.pop_wrap .pop_con .agree_area .infoBox_text_w { display:block; text-align: left; } 
.pop_wrap .pop_con .agree_area .infoBox_text_w .infoText_select { text-align:left; } 
.pop_wrap .pop_con input[type="radio"] { display: none; } 
.pop_wrap .pop_con table td input+label { display: flex; align-items: center; } 
.pop_wrap .pop_con table td input[type="radio"]+label::before { width: 20px; height: 20px; display: inline-block; content: ''; background: url('https://cdn.hackersut.com/www/images/event/2024/07/2400/radio.png') 0 0/100% no-repeat; margin-right:5px; } 
.pop_wrap .pop_con table td input[type="radio"]:checked+label::before { background-position-y: 100%; } 
/* .pop_wrap .pop_con input[type="radio"]:checked + label { color: #ff3a8a; } */
.pop_wrap .pop_con input[type="radio"]:checked::after { display: none; } 


.form_btn { width: 100%; margin: 0 auto; text-align: center; background: #111; color: #fff; padding:3% 0; font-size: 1rem; border-radius: 10px; display:flex; align-items: center; justify-content: center; } 
.form_btn span.element { background: url('https://cdn.hackersut.com/www/images/event/2025/01/2200/pop_btn.png') 0 0/100% no-repeat; display: inline-block; width: 20px; height: 20px; margin-left:10px; } 
.infoBox_w .univ td ul li label { width: 90%; padding: 7px 0; text-align: center; font-size: 16px; color: #545454; border:1px solid #e0e0e0; border-radius: 20px; display: block; } 

.pop_wrap .pop_con input[type="checkbox"] { display: none; }
.infoBox_w td ul li { display: flex; justify-content: flex-start; align-items: center; width: calc(100%/2); margin-bottom: 5px; } 
#pre_Form3 .infoBox_w .univ td ul li input + label { border:1px solid #f82190; color: #f82190; } 
#pre_Form3 .infoBox_w .univ td ul li input:checked + label { background: #f82190; color: #fff; } 
#pre_Form1 .infoBox_w .univ td ul li input + label { border:1px solid #f88121; color: #f88121; }
#pre_Form1 .infoBox_w .univ td ul li input:checked + label { background: #f88121; color: #fff;; }
.infoBox_w .infoText_select input[type="checkbox"] + label::before { width: 13px; height: 13px; display: inline-block; content: ''; border:1px solid #afafaf; border-radius: 3px; margin-right:5px; } 

#pre_Form1 .infoText_select input:checked + label::before { width: 15px; height: 15px; display: inline-block; content: ''; background: url('https://cdn.hackersut.com/www/images/event/2025/01/2200/re_251022/checkbox.png') 0 0/400% no-repeat; border:none; }
#pre_Form2 .infoText_select input:checked + label::before { width: 15px; height: 15px; display: inline-block; content: ''; background: url('https://cdn.hackersut.com/www/images/event/2025/01/2200/re_251022/checkbox.png') 33% 0/400% no-repeat; border:none; }
#pre_Form3 .infoText_select input:checked + label::before { width: 15px; height: 15px; display: inline-block; content: ''; background: url('https://cdn.hackersut.com/www/images/event/2025/01/2200/re_251022/checkbox.png') 100% 0/400% no-repeat; border:none; }
#pre_Form4 .infoText_select input:checked + label::before { width: 15px; height: 15px; display: inline-block; content: ''; background: url('https://cdn.hackersut.com/www/images/event/2025/01/2200/re_251022/checkbox.png') 66% 0/400% no-repeat; border:none; }
#pre_Form5 .infoText_select input:checked + label::before { width: 15px; height: 15px; display: inline-block; content: ''; background: url('https://cdn.hackersut.com/www/images/event/2025/01/2200/re_251022/checkbox.png') 0 0/400% no-repeat; border:none; }

.infoBox_w .infoText_select a { display: inline-block; margin-left: 10px; padding: 1px 8px; background: #eeeeee; border-radius: 5px; color: #494949; font-size: 0.6rem; } 

.pop_wrap .pop_con table th,
.pop_wrap .pop_con table td {padding-bottom: 2%;} 
.pop_wrap .pop_con table td input[type="text"] { padding:7% 2%; width: 100%; box-sizing: border-box; } 
.pop_wrap .pop_con table td input+label { font-size: 3vw; margin-left: 5px; } 
.pop_wrap .pop_con .flex_box { display: flex; justify-content: flex-start; align-items: center; width: 100%; } 
.pop_wrap .pop_con .flex_box .toggle_btn { margin-left: 5%; color: #6e6e6e; border: 1px solid #bcbcbc; padding: 1% 3%; border-radius: 2px; font-size: 0.6rem; width: 23%; text-align: center; box-sizing: border-box; } 
.pop_wrap .pop_con .flex_box >input { margin-right: 1%; } 
.pop_wrap .pop_con .hope_major td li input { display: none; } 
.pop_wrap .pop_con .hope_major td li input+label { display: block; border: 1px solid #e0e0e0; color: #575757; font-weight: bold; text-align: center; padding: 3% 0; border-radius: 20px; } 
.pop_wrap .pop_con .hope_major td li input+label::before { display: none; } 
.pop_wrap .pop_con .hope_major td li input:checked+label { border: 1px solid #ff6000; color: #ff6000; } 

.pop_wrap .pop_con table .pt0 th,
.pop_wrap .pop_con table .pt0 td { padding-top: 0 } 
.pop_wrap .pop_con table ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } 
.pop_wrap .pop_con table ul.v2 { justify-content: space-around; } 
.pop_wrap .pop_con table ul.v3 { justify-content: flex-start; } 
.pop_wrap .pop_con table ul.v2 li { width: calc(100%/2); margin-bottom: 0; } 

.pop_wrap .pop_con table .agree_area {display: none; background: #fff; font-size: 12px; height: 75px; } 
.pop_wrap .pop_con table .agree_area .infoBox_text { height: 75px; border: 1px solid #eee; } 
.infoText_select { display: flex; align-items: center; } 

#infoBox_w > div > table > tbody > tr.dot_line > th > span { font-size: 2vw; text-align: left; display: inline-block; color: #919191; } 

.pop_wrap .pop_con table .chek_tit ul { width: 100%; } 
.pop_wrap .pop_con table .chek_tit ul li { width: 32%; margin-right:2%; text-align: center; font-size: 2.6vw; border: 1px solid#d9d9d9; border-radius: 6px; box-sizing: border-box; padding: 0.5vw; } 
.pop_wrap .pop_con table .chek_tit ul li:last-child { margin-right: 0; } 

.evt_wrap select { -webkit-appearance: auto; } 

.pop_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; display: none; } 
.pop_wrap>.pop_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.4); } 
.pop_wrap>.pop_con { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 690px; max-height: 70%; overflow-y: auto; background: #fff; z-index: 11; border-radius: 10px; display: none; } 
.pop_wrap>.pop_con img { width: 100%; } 
.pop_wrap .close_btn { position: absolute; top: 0; right: 0; width: 30px; height: 30px; color: #111; text-align: center; line-height: 25px; z-index: 11; } 

.pop-title { background:#fff; color: #222; text-align: center; border-radius: 10px 0 0 0; padding: 5% 0 0; box-sizing: border-box; font-size: 5vw; font-weight: 700; } 
.type01 .pop-title p:nth-of-type(2) { color: #ff3a3a; } 
.type02 .pop-title p:nth-of-type(2) { color: #ff7437; } 
.type07 { background: none !important; } 
.form-btn__date { color:#fffc00; margin-right: 5px; } 

.pop_wrap .pop_con::-webkit-scrollbar { width: 10px; } 
.pop_wrap .pop_con::-webkit-scrollbar-track { background-color: #eee; } 
.pop_wrap .pop_con::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 5px; } 
.pop_wrap .pop_con::-webkit-scrollbar-button { display: none; } 

/* 소문내기 */
.community_pop{display: none; width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.community_pop .bg{width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5);}
.community_pop .pop_con{width: 92%; max-width: 690px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}

.somun{background: #ffe9f1;}
.somun .input_area{width: 70%; position: absolute; bottom: 12%; left: 50%; transform: translateX(-50%);}
.somun .input_area li{margin-bottom: 3%;}
.somun .input_area li:nth-child(3){margin-bottom: 5%;}
.somun .input_area li:last-child{margin-bottom: 0;}
.somun .input_area li input{display: block; width: 100%; padding: 7% 0; font-size: 3vw; text-indent: 10px; border: 1px solid #d8d8d8; border-radius: 5px;}
.somun .input_area a{display: block; padding: 4% 0; text-align: center; font-size: 3.5vw; color: #fff; background: #fe3248; border-radius: 5px; box-shadow: 0px 10px 10px 5px rgba(148, 148, 148, 0.1);}


.con14 {background: #ffe9f1;color: #111;text-align: left;padding: 10% 0;}
.con14 .inner{width: 90%;margin: 0 auto;}
.con14 .inner:not(:nth-of-type(1)){margin-top: 10%;}
.con14 h2{font-size: 5vw;border-bottom: 1px solid #222;padding-bottom: 20px;}
.con14 h3{padding: 3% 0 1% ; font-size: 4vw;}
.con14 h3 span{color: #fe3248;}
.con14 p{padding-left: 2%; font-size: 2.7vw; position: relative; word-break: keep-all;}
.con14 p::after{content: '-'; position: absolute; top: 0; left: 0;}


@media (min-width: 650px){
    .pop-title{font-size: 32px;}
    .pop_wrap .pop_con table td input[type="text"]{margin-bottom: 10px; padding: 20px 10px;}
    .pop_wrap .pop_con td select{margin-bottom: 10px; padding: 10px;}
    .pop_wrap .pop_con table td input+label{font-size: 16px;}
}

@media (min-width: 750px){
    .con01{padding-top: 600px;}
    .con01 .sys_info .title{font-size: 36px;}
    .con01 .sys_info .date, .con01 .sys_info .place{font-size: 26px;}
    .con01 .btn_area a{font-size: 24px;}

    .evt_wrap .benefit_area li .sys_info .benefit{font-size: 28px;}
    .evt_wrap .benefit_area li .sys_info .benefit_txt{font-size: 20px;}
    .evt_wrap .benefit_area .bx-wrapper .bx-viewport{height: 380px !important;}

    .somun .input_area li input{font-size: 20px;}
    .somun .input_area a{font-size: 24px;}
}

/* 플로팅 배너 관리자단 연동 */
.bt_ban { position:fixed; bottom:0; left:50%; transform: translateX(-50%); width:100%; max-width: 640px; z-index: 999; }