/* common */
.evt_wrap { position:relative; max-width:640px; margin:0 auto; overflow:hidden; } 
.evt_wrap img:not(.slider-lazy-image) { display:block; width:100% } 
.pos_r { position: relative; } 
.fc_red { color:#FF0000; } 
.mt-1{margin-top: -1px;}

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

.con01 .sys_f{position: absolute; top: 62%; font-size: 3.2vw; color: #111; letter-spacing: 0.5px;}
.con01 .sys_f.v1{left: 10.5%;}
.con01 .sys_f.v2{left: 57%;}
.con01 .sys_f.v3{top: 86.5%; left: 10.5%;}

.con01 .ani_wrap{width: 100%; position: absolute; top: 15%; left: 50%; transform: translateX(-50%);}
.con01 .ani_wrap .ani_left{animation: left-right 1s both;}
.con01 .ani_wrap .ani_left:last-of-type{animation-delay: 1s;}
.con01 .ani_wrap .ani_right{animation: right-left 1s both; animation-delay: 0.5s;}

@keyframes left-right {
    0%{transform: translateX(-1000px)}
    100%{transform: translateX(0)}
}

@keyframes right-left {
    0%{transform: translateX(1000px)}
    100%{transform: translateX(0)}
}

.scroll_tab{width: 96%; padding: 0 2%; position: static; top: 0; left: 0; display: flex; justify-content: space-between; align-items: center; background: #000; overflow: hidden; z-index: 1;}
.scroll_tab li{width: calc(100% / 4);}
.scroll_tab li a{display: block; height: 15vw; max-height: 118px; font-size: 0; background: url('https://dev-cdn.hackers.com/www/images/event/2025/06/0500/tab_menu.png') no-repeat 0 0; background-size: 400%;}
.scroll_tab li:nth-child(2) a{background-position-x: 32%;}
.scroll_tab li:nth-child(3) a{background-position-x: 65.5%;}
.scroll_tab li:nth-child(4) a{background-position-x: 99.5%;}
.scroll_tab li.on a{background-position-y: 100%;}

.con02{padding-bottom: 5px; background: #000;}
.con02 .bx-wrapper .bx-pager{bottom: 0;}
.con02 .bx-wrapper .bx-pager.bx-default-pager a{margin: 0 5px; background: #666; border-radius: 25px;}
.con02 .bx-wrapper .bx-pager.bx-default-pager a.active{width: 30px; background: #fff;}

.con03 .con03_scroll{width: 10px; height: 10px; position: absolute; top: 35%; left: 50%; transform: translateX(-50%);}

.con05 .con05_ani{width: 30vw !important; max-width: 238px; position: absolute; top: 0; right: 5%;}
.con05 .scroll_area{width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow-x: scroll;}
.con05 .scroll_area img{width: 120vw;}

.con07{background: #21c621;}
.con07_ani li:not(:first-child){width: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.con07_ani.ani_play li{animation: ani_play 1s both;}
.con07_ani.ani_play li:nth-child(1){animation-delay: 0.5s;}
.con07_ani.ani_play li:nth-child(2){animation-delay: 1s;}
.con07_ani.ani_play li:nth-child(3){animation-delay: 1.5s;}
.con07_ani.ani_play li:nth-child(4){animation-delay: 2s;}

@keyframes ani_play{
    from{display: none;}
    to{display: block;}
}

/* 신청단 */
.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: 30px;height: 30px;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_Form .infoBox_w .univ td ul li input + label { border:1px solid  #f88121;color: #f88121;} 
#pre_Form .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_Form .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/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/checkbox.png') 66% 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/checkbox.png') 33% 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: 2% 0; } 
.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 { 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;}

.win_list{padding: 0;}
.list_wrap {position: absolute;left: 50%;transform: translateX(-50%);top: 75.5%;width: 95%;border-radius: 10px;}
.list_hk_v2{height: 40vw;}

.select_box h5{font-size:14px;margin:10px 0 5px;color:#000;}

.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-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: #fff;text-align: center;line-height: 25px;z-index: 11;}

.pop-title{background: #fd3fa1;color: #fff;text-align: center;border-radius: 10px 0 0 0;padding: 5% 0;box-sizing: border-box;font-size: 5vw;font-weight: 500;}
.type01 .pop-title{background: #f88121;}
.type02 .pop-title{background: #0048f9;}
.type03 .pop-title{background: #3fd011;}
.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;}

.quick_ban{position: fixed; bottom: -2vw; left: 0; width: 100%;}
.quick_ban a{display: block;width: 100%; height: 100%;}

.floating_bnr{position:fixed;left:0;bottom:0;width:100%;z-index:100;}