.re_f_wrap {margin-top: 0;}
.evt_wrap {overflow: hidden;}
.ov {overflow: hidden;}
.in {width: 1000px;margin: 0 auto;position: relative;text-align: center;}
.in2 {width: 1200px;margin: 0 auto;position: relative;text-align: center;}
.in_wide {width: 2600px;position: relative;text-align: center;left: 50%;margin-left: -1300px;}
.ov {overflow: hidden;}
:focus {outline: none;}
.pos_r {position: relative;}

.bg01 {background: #fff url('//cdn.hackersut.com/ingang/images/event/2022/05/2500/form_bg.jpg') no-repeat center top;}

.con01 .cta_btn{display:block; position: absolute; bottom: 9%; left: 50%; transform: translateX(-50%); width: 30%;}

.con02.application_box .info_btn_wrap {overflow: auto;width: 100%;transform: none;}
.con02 .check_box {position: relative;overflow: hidden;color: #000;text-align: left;}
.con02 .check_box .check_all+label {font-weight: 700;}
.con02 .textarea_box {background: #fff;padding: 20px;font-size: 14px;}
.con02 .infoText_btn {position: absolute;top: 180px;left: 208px;display: block;z-index: 1;}

.sub01 {background: #e9e9e9;}
.sub02 .sd_box{width: 450px; position: absolute; left: 50%; top: 64%; transform: translateX(-50%); }
.sub02 .bx-wrapper .bx-viewport{background: transparent !important; }
.sub02 .bxslider li{width: 450px !important;}
.sub02 .bx-wrapper .bx-controls-direction a{top:650px; background: url('//cdn.hackersut.com/ingang/images/event/2025/10/0100/bx_btn.png') no-repeat 100% 0; width: 51px; height: 53px;}
.sub02 .bx-wrapper .bx-controls-direction .bx-next{right:36%;}
.sub02 .bx-wrapper .bx-controls-direction .bx-prev{left:36%; scale: -1;}

.sub04 {background:#fff;}
.sub04 .bridge{width: 10px; height: 340px; background: #f2f2f2; position: absolute; bottom: 65px; left: 50%; transform: translateX(-50%); z-index: 5;}
.sub04 .sd_box {position: absolute; bottom: 65px; left: 50%; transform: translateX(-50%);}
.sub04 .sd_box .bx-wrapper{max-width: 570px !important;}
.sub04 .sd_box .bx-wrapper .bx-viewport{background: none;}
.sub04 .sd_box .bx-wrapper .bx-viewport .bxslider li{width: 280px !important;}
.sub04 .sd_box .bx-wrapper .bx-controls-direction a {width: 51px;height: 53px;background: url('//cdn.hackersut.com/ingang/images/event/2025/10/0100/bx_btn.png') no-repeat 0 0; top: unset; bottom: -100px;}
.sub04 .sd_box .bx-wrapper .bx-controls-direction a.bx-prev{left: 215px;}
.sub04 .sd_box .bx-wrapper .bx-controls-direction a.bx-next{right: 215px;     background-position-x: 100%;}

.sub04 .sd_box li{width: 248px;margin-right: 12px;}
.sub04 .sd_box li img{width: 100%; border-radius: 20px;}
.sub04 .vod_tab__wrap{width: 1200px; margin: 30px auto 0; padding: 50px 0;} 
.sub04 .vod_tab__wrap p{font-size: 2rem; color: #000; text-align: center; width: 100%; font-weight: 700;} 
.sub04 .vod_list {width: 1000px; height: 130px; margin: 30px auto;}
.sub04 .vod_list ul li {position: relative;float: left;width: 190px;height: 100%;cursor: pointer;}
.sub04 .vod_list ul li:last-child {margin-right: 0;}
.sub04 .vod_list ul li img {width: 100%;height: 100%; border-radius: 5px;}
.sub04 .vod_list .bx-wrapper .bx-viewport {background: transparent;}
.sub04 .vod_list .bx-wrapper .bx-controls-direction a {top: 24%;width: 51px;height: 53px;background: url('//cdn.hackersut.com/ingang/images/event/2025/10/0100/bx_btn.png') no-repeat 0 0;}
.sub04 .vod_list .bx-wrapper .bx-controls-direction .bx-next {right: -3%;background-position-x: 100%;}
.sub04 .vod_list .bx-wrapper .bx-controls-direction .bx-prev {left: -3%;}
.sub04 .vod_list #counter,.sub04 .vod_list #counter2 {position: absolute;top: -34px;right: 54px;font-size: 15px;}
.sub04 .vod_list #counter b,.sub04 .vod_list #counter b {color: #000;font-size: 17px;}

/* 소문내기단 */
.con06 {background: #1dff19;padding-bottom: 100px;}
.con06 input[type="text"] {position: absolute;top:1576px;left: 1025px;width: 360px;height: 60px;text-indent: 10px;border: 0 !important;}
/* .con06 input[type="text"][name="url"] {top: 1448px;} */
.con06 .notice_btn {margin-top: 20px; display: inline-block;width: 920px;height: 62px;line-height: 62px;font-size: 20px;color: #fff;background: #3ab236;letter-spacing: -.05em; border-radius: 10px;}
.con06 .notice {width: 920px;color: #333;margin: 0 auto;font-size: 14px;letter-spacing: -.05em;text-align: left;line-height: 25px;padding: 20px;display: none;}

.user_notice {background: #222222;padding-bottom: 30px;}
.user_notice p {width: 1000px;margin: 0 auto;color: #aaa;font-size: 14px;line-height: 23px;text-align: left}

#info_btn_wrap1 {width: 914px;margin: 0 auto;padding: 20px 0;background: #fff;border-right: 3px solid #000;border-left: 3px solid #000;box-shadow: 0px 0px 24px 12px rgb(0 0 0 / 10%);text-align: left;box-sizing: border-box;}
.infoText_btn1 {background: #979797;display: inline-block;padding: 10px;color: #fff;text-align: center;font-size: 12px;float: right;}

.textarea_box1 {margin: 0 auto;height: 170px;overflow-y: scroll;font-size: 12px;border: solid 1px #dedede;width: 87%;padding: 10px;line-height: 1.5;background-color: #fff;}

/* 근거문구 */
.reason { position: absolute; width:1000px; top:120px; left:50%; transform: translateX(-50%); padding:35px; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:14px; line-height: 1.5; letter-spacing: -0.04em; display:none } 
.reason .close { position: absolute; width:20px; height:20px; top:10px; right:10px; cursor: pointer; } 
.reason .close::before, .reason .close::after { content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.7); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg); } 
.reason .close::after { transform: translate(-50%,-50%) rotate(-45deg); } 



/* 추가문제 팝업 */
.popup {display: none;}
.popup .popup_con {width: 640px;height: 571px;position: fixed;left: 50%;margin-left: -320px;top: 100px;}
.popup .popup_dim {width: 100%;height: 100%;background: rgba(0, 0, 0, .3);position: fixed;top: 0;left: 0;}
.popup .popup_clo {background: #4b4a74;color: #fff;font-size: 30px;padding: 0 10px;float: right;}
.popup .pop_quiz_time {font-size: 30px;font-weight: bold;position: absolute;top: 70px;left: 405px;color: #2f2e57;}
.popup .pop_quiz_form {position: absolute;bottom: 25px;right: 60px;}
.popup .pop_quiz_input {border: 1px solid #dadada;width: 195px;height: 36px;}
.popup .pop_quiz_btn {width: 85px;height: 38px;color: #fff;background: #fb3f4c;border: none;font-size: 18px;font-weight: bold;}

.info_text_wrap {width: 900px;margin: 0 auto;border: 1px solid #ffcc00;padding: 3% 3%;display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999992;display: none}

/* 라디오버튼 디자인  */
.con04 input[type='radio'] {position: relative;margin-right: 5px;}
.con04 input[type='radio']:before {content: " ";display: inline-block;position: relative;top: -6px;left: -6px;margin: 0 5px 0 0;width: 20px;height: 20px;border-radius: 11px;border: 1px solid #ccc;background-color: #fff;}
.con04 input[type=radio]:checked:after {border-radius: 11px;width: 10px;height: 10px;position: absolute;top: 0px;left: 0px;content: " ";display: block;background: #999;}

.application_box input[type="text"],
input[type="password"] {height: 60px;border: 1px solid #ddd;box-sizing: border-box;}
.application_box input[type=checkbox] {display: none;}
.application_box input[type=checkbox]+label {display: inline-block;cursor: pointer;position: relative;padding-left: 30px;margin: 5px 15px 5px 0;font-size: 16px;color: #333;line-height: 20px;}
.application_box input[type=checkbox]+label:before {content: "";display: inline-block;width: 20px;height: 20px;position: absolute;left: 0;top: 0;background-color: #fff;border: 1px solid #ccc;}
.application_box input[type=checkbox]:checked+label:before {content: "\2713";font-size: 18px;font-weight: 800;color: #555;text-align: center;line-height: 20px;}
.application_box #user_name1_div:after {border-right: 10px solid #f1f1f1;border-bottom: 10px solid transparent;border-top: 5px solid transparent;border-left: none;top: 15px;left: -10px;}
.application_box .privacy_chk {margin: 20px 47px 0;}
.application_box .info_btn_wrap {overflow: hidden;clear: both;display: block;text-align: left;width: 855px;margin: 0 auto}

.inbox_form {background: #f3f3f3;width: 1000px;margin: 0 auto;padding: 50px;box-sizing: border-box;border: 4px solid #000;border-radius: 15px;}
.application_box .inbox_form th {text-align: left;line-height: 57px;font-size: 14px;}
.application_box .inbox_form table {width: 100%;}
.application_box .inbox_form td {text-align: left; width: 39%;padding: 0 3% 0 0;}
.application_box .info_btn_wrap {overflow: hidden;clear: both;display: block;text-align: left;width: 800px;margin: 0 auto;}
.application_box .infoBox_bx {padding: 0;margin: 0 auto;width: 900px;}
.application_box .infoBox_bx table {width: 100%;}
.application_box .infoBox_bx th {line-height: 47px; width: 11%;}
.application_box .infoText_btn {background-color: #222;display: inline-block;padding: 5px 10px;width: 180px;color: #fff;text-align: center;font-size: 12px;}
.application_box #user_name1_div {position: absolute;bottom: 8px;background: #f1f1f1;left: 90px;padding: 10px;}
.application_box #user_name1_div select {width: 50px;height: 25px;}
.application_box #user_name1_div:after {content: '';position: absolute;border-bottom: 10px solid #f1f1f1;border-right: 5px solid transparent;border-left: 5px solid transparent;top: -9px;left: 10px;}
.application_box select {border: 1px solid #ddd;}

._closeFont {position: absolute;top: 11px;right: 14px;font-size: 30px;}
._closeFont a {color: #fff}

.info_pop {position: absolute;top: 10%;left: 50%;margin-left: -436px;z-index: 999992;width: 800px;}
.info_pop h4 {background-color: #5f65ce;color: #fff;font-weight: bold;font-size: 20px;letter-spacing: -1px;line-height: 60px;text-align: center;}
.info_pop_text {text-align: left;background-color: #fff;padding: 3% 3%;line-height: 1.5;word-break: keep-all;}

.bg_color_con {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;filter: alpha(opacity=50);opacity: 0.5;z-index: 999991;}

.info_result {text-align: left;background-color: #f7f7f7;padding: 2% 3%;line-height: 1;}
.input_po {position: absolute;left: 50%;margin-left: -420px;bottom: 120px;text-align: left;}
.media_box {display: none;}

.user_decli {display: block;width: 300px;text-align: center;line-height: 35px;color: #fff;background-color: #000;position: absolute;left: 50%;bottom: 170px;margin-left: 120px;}
.user_dech {width: 600px;position: fixed;left: 50%;margin-left: -300px;top: 300px;text-align: left;background-color: #fff;display: none;z-index: 9999;}
.user_dech>p {width: 100%;overflow: hidden;background-color: #000}
.user_dech>p a {display: block;width: 30px;height: 30px;float: right;line-height: 30px;text-align: center;font-weight: bold;color: #fff;}
.user_dech>div {padding: 30px;background-color: #fff;}

.quiz_box {display: none;position: relative;background: #f6f6f6;padding: 50px 0 300px;}
.quiz_box #quizForm {position: absolute;top: 65%;left: 10%;width: 80%;height: 40%;}
.quiz_box #quizForm button {width: 100%;height: 200px;margin: 0 auto 15px;font-size: 2em;line-height: 1.5;color: #222;background: #fff;border: 3px solid #000;border-radius: 15px;letter-spacing: -1px;float: left;display: block;font-weight: bold;white-space: normal;word-break: keep-all;}
/* .quiz_box #quizForm button:hover{background: #fa2953;color: #fff;} */
.prev_btn {display: none;position: absolute;top: 5%;left: 47px;}
.quiz_nav {position: absolute;top: -3%;left: 5%;width: 90%;}
.quiz_nav ul.step_bar {width: 100%;margin: 0 auto;float: left;}
.quiz_nav ul.step_bar:after {content: "";display: block;clear: both;}
.quiz_nav ul.step_bar li {float: left;position: relative;width: 8.333333%;text-align: center;height: 10px;font-size: 0;text-indent: -99999px;box-sizing: border-box;background: #d1d4e2;}
.quiz_nav ul.step_bar li span {display: none;font-size: 17px;}
.quiz_nav ul.step_bar li img {margin-top: -118px;}
.quiz_nav ul.step_bar li:first-child {border-radius: 5px 0 0 5px;}
.quiz_nav ul.step_bar li:last-child {border-radius: 0 5px 5px 0;}
.quiz_nav ul.step_bar li.bg,
.quiz_nav ul.step_bar li.on {background-color: #019c84;z-index: 1;}
.now_num {display: inline-block;float: left;color: #019c84;font-weight: bold;font-size: 20px;padding-left: 10px;}
.fin_num {display: inline-block;float: right;color: #019c84;font-weight: bold;font-size: 20px;padding-right: 10px;}

.all_quiz_wrap{width: 70%; height: 100%; margin: 30px auto 0;}
.all_quiz_wrap ul {width: 100%;height: 100%;}
.all_quiz_wrap ul li {display: none;height: 100%;}
.all_quiz_wrap ul li.on {display: block;}

.con03 {position: relative;background: #f6f6f6;display: none;}
.con03 .fade_slide_box {width: 640px;margin: 0 auto;}
.con03 .loading_img {position: absolute;left: 43%;top: 58%;width: 100px;}

.con04 {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; text-align: center; z-index: 112;}
.con04 .bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.6);}
.con04 .user_name {position: absolute;top: 16%;left: 348px;width: 135px;text-align: center;font-size: 2em;}
.con04 .con04_pop {width: 500px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.con04 .con04_pop img{max-width: 100%;height: auto;}
.con04 .con04_pop .pop_c{width: 48px; height: 50px; position: absolute; top: 0px; right: 0;}
.con04 .con04_pop div{width: 100%; position: absolute; bottom: 9.5%; left: 0;}
.con04 .con04_pop div a{width: 100%; height: 80px; display: block;}

.pop_graph {position: absolute;top: 41%;left: 50%;transform: translateX(-50%);width: 50%;font-size: 1em}
.pop_graph tr th {padding: 5px;}
.pop_graph tr td:nth-child(1),
.pop_graph tr th:nth-child(1) {text-align: right;padding-right: 5px;}
.pop_graph tr th:nth-child(2) {text-align: left;padding-left: 5px;}
.pop_graph tr td {padding: 5px 1px;}

/* banner */
.ban_bottom{width:100%;text-align:center;position:fixed;left:0;bottom:0;z-index:5;background:transparent; display: none;}
.ban_bottom.active{display: block;}
.ban_bottom a{display: block; width: 100%;height: 100%;}

/*영상 팝업*/
.layer_mov_pop, .layer_mov_pop2 {display:none; position:fixed; top:50%; left:50%;margin-left:-420px;margin-top:-240px; z-index:101;}
.layer_mov_pop .full_bg,.layer_mov_pop2 .full_bg{width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:fixed; top:0; left:0; z-index:-1}
.layer_mov_pop .layer_pop_vod, .layer_mov_pop2 .layer_pop_vod{width:840px; height:480px;}
.layer_mov_pop .layer_pop_vod .movie_close, .layer_mov_pop2 .layer_pop_vod .movie_close{font-size:50px; color:#fff; position:absolute; top:-60px; right:0; display:inline-block; cursor:pointer;}

.url_pop{display: none; position: fixed; top:0%; left:0%; z-index: 999; width: 100%; height: 100%;}
.url_pop .bg{width: 100%; height: 100%; background-color:rgba(0,0,0,0.4); position: absolute; top:0; left:0; z-index:-1}
.url_pop img{transform: translateY(50%);}