/* common */
.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% } 
.pos_r { position: relative; } 
.fc_red { color:#FF0000; } 
.ov { overflow: hidden; } 

/* select box */
select::-ms-expand { display:none; } 
#pre_form { position:relative; } 
#info_pop { display: none; position:fixed; top:5px; z-index:10; overflow-y: scroll; height: 90vh; max-width: 640px; } 
#info_pop .close { width:10%; height:9vw; position:absolute; right:0; top:-20px; } 
.infoBox_text { width:100%; margin:0 auto; overflow-y: scroll; height: 100px; border: 1px solid #000; } 
.agree_area .infoBox_text_w { display:flex; text-align: left; justify-content:space-between; margin:0 auto; } 
.table_wrap tr td:first-child,
.table_wrap tr th:first-child { margin-right:10%; text-align: left; font-size: 3.4vw;} 
.table_wrap tr.agree th:first-child { padding-left: 0; } 



.cont01 .text-ani { position: absolute; top: 23%; left: 50%; transform: translateX(-50%); display: flex; } 
.cont01 .text-ani1 { width: 39%; } 
.cont01 .text-ani1 span { width: calc(100%/3); } 
.cont01 .text-ani2 { top: 34%; width: 65%; } 
.text-ani span { display: inline-block; opacity: 0; transform: translateY(30px); animation: slideUp0 0.8s forwards; } 

.text-ani1 span:nth-child(1) { animation-delay: 0s; } 
.text-ani1 span:nth-child(2) { animation-delay: 0.2s; } 
.text-ani1 span:nth-child(3) { animation-delay: 0.4s; } 

.text-ani2 span:nth-child(1) { animation-delay: 0.6s; } 
.text-ani2 span:nth-child(2) { animation-delay: 0.8s; } 
.text-ani2 span:nth-child(3) { animation-delay: 1s; } 
.text-ani2 span:nth-child(4) { animation-delay: 1.2s; } 
.text-ani2 span:nth-child(5) { animation-delay: 1.4s; } 

@keyframes slideUp0 { 
 0% { opacity: 0; transform: translateY(30px); } 
 100% { opacity: 1; transform: translateY(0); } 
 }

.cont02 { background: 
 url('https://dev-cdn.hackers.com/m/img/event/2025/04/1100/cont02.jpg') center top no-repeat,
 linear-gradient(90deg, rgb(59 28 9) 0%, rgb(6 8 7) 40%, rgba(4, 7, 12, 1) 100%); padding-bottom: 50px; } 

.cont02 .form_wrap { margin: 0 auto; } 
.cont02 .cont_form_2 { border: 1px solid #632b26; background: rgba(0, 0, 0, 0.4); padding: 3%; box-sizing: border-box; border-radius: 20px; width: 90%; margin: 0 auto; } 

.cont02 .form_btn { margin-top: 30px; } 

.cont02 .form_in { width: 92%; margin:0 auto 5%; } 
.cont02 .table_wrap { margin: 0; width: 100%; box-sizing: border-box; padding:3%; position: relative; z-index: 2; border-radius: 10px; } 
.cont02 .table_wrap .mini_img { position: absolute; top: 32vw; left: 9vw; z-index: 999; width: 31vw; } 
.cont02 .table_wrap .desc { margin: 0; text-align:left; } 
.cont02 td input[type="text"],td select { border: none; margin-bottom: 3%; width:100%; padding:7% 5%; border-radius: 5px; background: #eee; color:#555 } 
.cont02 td select { padding: 3%; width: 120%; } 
.cont02 .table_wrap p { display: inline-block; font-size: 3.4vw;} 
.cont02 input[type="radio"],.cont02 input[type="checkbox"] { vertical-align: middle; background: none; appearance: none; border: 1px solid #999; border-radius: 3px; margin-right: 2%; position: relative; width: 18px; height: 18px; } 
.checkbox-style { display: flex; align-items: center; } 
.checkbox-style input { display: none; } 

.checkbox-style input[type="checkbox"] + label { background: url('//cdn.hackersut.com/www/images/event/2023/12/2200/chk_off.png') 0 0/contain no-repeat; width: 24px; height: 24px; box-sizing: border-box; display: block; margin-right: 5px; } 
.checkbox-style input[type="checkbox"]:checked + label { background: url('https://dev-cdn.hackers.com/www/images/event/2025/04/1100/checkbox.png') 0 100% /cover no-repeat; } 

.cont02 input[type="checkbox"]:checked, .cont02 input[type="radio"]:checked { background: none; width: 18px; height: 18px; } 
.cont02 input[type="radio"]:checked::after,.cont02 input[type="checkbox"]:checked::after { content: '\2713'; background: none; position: absolute; left: 50%; top: 45%; transform: translate(-50%,-50%); color: #000; font-size: 14px; font-weight: 700; width: 18px; height: 18px; text-align: center; } 
.cont02 label { line-height:2; font-size:12px; vertical-align:middle; } 
.cont02 .accompay_box { display:inline-block; width:58%; margin-left:10px; } 
.cont02 .accompay_box .samja { width:40%; } 
.infoBox_btn { display:inline-block; margin-left:2%; text-align:center; color:#333; font-size:10px; } 
.cont02 table { width:100%; margin:0 auto; } 
.cont02 th { text-align:left; font-size:4vw; color:#333; text-indent:0px; } 
.cont02 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; } 
.cont02 .agree_area { display:block; width:94%; margin: 0 auto; box-sizing: border-box; } 
.cont02 .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: 2.4vw; } 
.cont02 .agree_area .infoBox_text strong { display:block; margin-bottom:10px; font-size: 2.6vw; } 
.cont02 .agree_area .infoBox_text_w { display:block; text-align: left; } 
.cont02 .agree_area .infoBox_text_w .infoText_select { text-align:left; } 
.cont02 input[type="radio"] { background: url('https://cdn.hackersut.com/www/images/event/2024/04/2300/year_chk_off.png')0 0/contain no-repeat; border: none; } 
.cont02 input[type="radio"]:checked { background: url('https://dev-cdn.hackers.com/www/images/event/2025/04/1100/radio.png') 0 100%/cover no-repeat; } 
.cont02 input[type="radio"]:checked + label { color: #fe35c8; } 
.cont02 input[type="radio"]:checked::after { display: none; } 

.cont02 table th,
.cont02 table td { padding: 2% 0; color: #fff; } 
.cont02 table th .import { color: red; } 
.cont02 table td input[type="text"] { padding:7% 2%; width: 100%; box-sizing: border-box; } 
.cont02 table td input+label { font-size: 3vw; margin-left: 5px; } 
.cont02 .flex_box { display: flex; justify-content: flex-start; align-items: center; width: 100%; } 
.cont02 .flex_box .toggle_btn { margin-left: 5%; color: #6e6e6e; border: 1px solid #bcbcbc; padding: 0.5% 3%; border-radius: 2px; font-size: 0.6rem; } 
.cont02 .flex_box >input { margin-right: 1%; } 
.cont02 .hope_major td li input { display: none; } 
.cont02 .hope_major td li input+label { display: block; background: #efefef; color: #575757; text-align: center; padding: 3% 0; border-radius: 20px; } 
.cont02 .hope_major td li input:checked+label { background: #fff; color: #fe35c8; } 

.cont02 table .pt0 th,
.cont02 table .pt0 td { padding-top: 0 } 
.cont02 table ul { display: flex; flex-wrap: wrap; } 
.cont02 table ul.v2 { justify-content: space-around; } 
.cont02 table ul li { width: calc(100%/2); margin-bottom: 2%; } 
.cont02 table ul.v2 li { width: calc(100%/2 - 5%); margin-bottom: 0; } 

.cont02 table .agree_area { background: #fff; font-size: 12px; height: 75px; } 
.cont02 table .agree_area .infoBox_text { height: 75px; border: 1px solid #eee; color: #111; } 
.infoText_select { display: flex; align-items: center; font-size: 3vw; } 

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

.pop_form_btn { width: 90%; margin: 5% auto 0; display: block; } 


.cont03 .text { color: #fff; font-weight: bolder; position: absolute; top: 26%; left: 50%; transform: translate(-50%, 30px); font-size: 6.2vw; letter-spacing: 1px; opacity: 0; width: 100%; text-align: center; } 

.cont03 .text02 { top: 30%; } 

.cont03.active .text01 { opacity: 1; transform: translate(-50%, 0); transition: all 0.8s ease; transition-delay: 0.5s; } 
.cont03.active .text02 { opacity: 1; transform: translate(-50%, 0); transition: all 0.8s ease; transition-delay: 0.8s; } 
@keyframes slideUp { 
 0% { opacity: 0; transform: translate(-50%, 30px); } 
100% { opacity: 1; transform: translate(-50%, 0); } 
 }

.con03__ani { position: absolute; top: 44%; left: 18%; transition: transform 0.6s; width: 30%; overflow: hidden; } 
.con03__ani02 { left: 58%; top: 45%; } 
.con03__ani03 { left: 75%; top: 55%; } 
.con03__ani04 { left: 59%; top: 70.6%; } 
.con03__ani05 { left: 14%; top: 72%; } 
.con03__ani06 { left: 0%; top: 56%; } 

.cont03 .balloon { position: absolute; top: 57%; left: 21%; width: 28%; } 
.con03__ani:hover { transform: translateY(-15px); } 

.cont03 .btn-wrap { position: absolute; display: flex; justify-content: space-around; top: 90%; left: 50%; transform: translateX(-50%); width: 90%; align-items: center; flex-wrap: wrap; } 
.cont03 .btn-wrap a { width: calc(100% / 3); text-align: center; display: flex; align-items: center; color: #fff; margin-bottom: 10px; justify-content: center; } 
.cont03 .btn-wrap a::before { content: ''; width: 3px; height: 3px; display: block; background: #fff; border-radius: 50%; margin-right: 5px; } 


.cont05 .text { color: #222222; font-weight: 800; position: absolute; top: 14%; left: 50%; transform: translate(-50%, 30px); font-size: 6vw; letter-spacing: 1px; opacity: 0; width: 100%; text-align: center; } 

.cont05 .text02 { top: 19.3%; color: #ff00b4; } 

.cont05.active .text01 { opacity: 1; transform: translate(-50%, 0); transition: all 0.8s ease; transition-delay: 0.5s; } 
.cont05.active .text02 { opacity: 1; transform: translate(-50%, 0); transition: all 0.8s ease; transition-delay: 0.8s; } 
@keyframes slideUp { 
 0% { opacity: 0; transform: translate(-50%, 30px); } 
 100% { opacity: 1; transform: translate(-50%, 0); } 
 }

.cont06 .sys_f { position: absolute; top: 41%; left: 9.4%; font-size: 3.8vw; } 
.cont06 .syf_f2 { left: 56.8%; } 
.cont06 a{display: block; position: absolute; top: 80%; left: 0; width: 100%; height: 20vw;}

.cont10 .text-area { position: absolute; text-align: left; top: 67%; left: 50%; transform: translateX(-50%); width: 84%; font-size: 3vw; color: #fff; max-height: 25%; overflow-y: auto; padding: 0 10px; box-sizing: border-box; } 
.cont10 .text-area h5 { text-align: center; font-size: 3.7vw; margin-bottom: 10px; } 
.cont10 .text-area p { margin-bottom: 5px; } 

.quick_ban_m{position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%;z-index: 9;}