/* common */
.re_f_wrap{margin-top:0;}
.evt_wrap {overflow:hidden;}
.ov{overflow: hidden;}
.main_inner{width:1050px;margin:0 auto;position:relative;text-align:center;}
.in{width:1000px;margin:0 auto;position:relative;text-align:center;}
.in2{width:1200px;margin:0 auto;position:relative;text-align:center;}
.in3{width:1600px;margin:0 auto;position:relative;text-align:center;}
.in_wide{width:2600px;position:relative;text-align:center;left:50%;margin-left:-1300px;}
:focus{outline: none;}
.pos_r{position: relative;}
.fc_blue{color:#2256ff !important;}
.hidden{display: none;}

.con01__icon{position: absolute;top: 580px;left: 47.5%;animation: rotate 4s cubic-bezier(0.25, 0.1, 0, 1) infinite;}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(9deg);
  }
  70% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.con01 .sys_f{position: absolute; bottom: 95px; left: 50%; transform: translateX(-50%); font-size: 12px; color: #b8d1ff;}

.scsapl_slide {width: 1000px;height: 295px;position: absolute;bottom: 30%;left: 50%;transform: translateX(-50%);} 
.scsapl_slide .swiper-slide { opacity: .35; transition: opacity .5s; } 
.scsapl_slide .swiper-slide-active { opacity: 1; } 
.scsapl_slide [class^="swiper-button"] { top: 50%; width: 62px; height: 62px; background: url('//cdn.hackersut.com/www/images/event/2023/01/1701/re_231022/arrow.png') no-repeat 0 0; } 
.scsapl_slide .swiper-button-prev:after, 
.scsapl_slide .swiper-rtl .swiper-button-next:after,
.scsapl_slide .swiper-button-next:after, 
.scsapl_slide .swiper-rtl .swiper-button-prev:after { content: none; } 
.scsapl_slide .swiper-button-prev { left: -10%; } 
.scsapl_slide .swiper-button-next { right: -10%; background-position-x: 100%; } 

.con03 .js-tab-type1 {width: 690px; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; align-items: center; z-index: 2;}
.con03 .js-tab-type1 li{width: 50%; padding-bottom: 10px; border-bottom: 2px solid #ccc;}
.con03 .js-tab-type1 li a{display: block; line-height: 1.3; font-size: 26px; font-weight: bold; color: #6e796c;}
.con03 .js-tab-type1 li a .point{color: #6e796c;}
.con03 .js-tab-type1 li.on a{color: #121212;}
.con03 .js-tab-type1 li.on:first-child{border-bottom: 5px solid #009a41;}
.con03 .js-tab-type1 li.on:first-child .point{color: #009a41;}
.con03 .js-tab-type1 li.on:last-child{border-bottom: 5px solid #007cff;}
.con03 .js-tab-type1 li.on:last-child .point{color: #007cff;}
.con03 .js-tab-type1 li a .price{display: block; font-size: 44px;}

.con03 .js-tab-type1-con {padding-bottom: 0;}

.con04 .btn{display: flex;justify-content: center;align-self: center;padding-bottom: 100px;margin-top: -20px;}
.con04 .btn a{width: 280px;height: 50px;line-height: 50px;font-size: 20px;color: #fff;border: 1px solid #fff;border-radius: 30px;text-align: center;display: inline-block;}
.con04 .btn a:first-child{margin-right: 10px;}

.con07 .con07_tabWrap{width:30%; margin: 0 auto; display: flex;}
.con07 .con07_tabWrap li{width: 33.33%; height:100%;} 
.con07 .con07_tabWrap li a{display: block; width: 100%; height: 100%; background: url('https://cdn.hackersut.com/www/images/event/2024/11/1800/re_251111/con07_tab_bg.png') no-repeat; height:266px; background-size: 300%; background-position-y: 100%;}
.con07 .con07_tabWrap li:nth-child(2) a{background-position-x: 50%;}
.con07 .con07_tabWrap li:nth-child(3) a{background-position-x: 100%;}
.con07 .con07_tabWrap li a.on{background-position-y: 0;}

.con07_subTab{position: absolute; top:59%; left: 38%; width:24%; height: 70px; display: none;}
.con07_subTab li{width: 32.33%; height:100%; display: inline-block;}
.con07_subTab li a{display: inline-block; width: 100%; height: 100%;}

.con08 .sys_f{position: absolute; bottom: 95px; left: 50%; transform: translateX(-50%); font-size: 12px; color: #b8d1ff;}

.info_pop{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9;}
.info_pop .bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5);}
.info_pop .info_con{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* tab */
.tab_area {width:100%; box-sizing: border-box;}
.tab_area:after {display:block; content:""; clear:both;}
.tab_area li {float:left; cursor: pointer;}
.tab_area li:nth-of-type(1) {margin:0; background-position-x: 0;}
.tab_area li.on {background-position-y:100%;}
.tab_con{display: none;}
.tab_con.on{display: block;}

.layer-popup{text-align:left;}

/* 신청단 --------- */
.sys_btn{padding: 5px 15px; position: absolute; bottom: 30px; right: 39%; font-size: 16px; border: 0.5px solid #666; border-radius: 25px;}
.sys_box{display: none; width: 600px; padding: 20px; position: absolute; bottom: 6%; left: 50%; transform: translateX(-50%); font-size: 16px; color: #fff; background: rgba(0, 0, 0, 0.8); border-radius: 15px; word-break: keep-all;}
.sys_box .close{position: absolute; top: 0px; right: 7px; font-size: 22px; font-weight: bold; color: #fff;}

.counseling_area{width: 690px; position: absolute; top: 230px; left: 50%; transform: translateX(-50%);}
.counseling_box{zoom: 1; overflow: hidden;}
.counseling_box .tit{margin-bottom:10px;text-align: left;display: flex;flex-direction: column;align-items: flex-start;}
.counseling_box .tit span.purple{color:#bb9ec7;font-weight:bold;font-size:18px;font-weight:bold;}

.counseling_area .tab_area{position: absolute;top: 0%;left: 50%;transform: translateX(-50%);z-index: 2;width: 29%;display: flex;justify-content: space-between;}
.counseling_area .tab_area > li{width: calc(100%/3 - 10px);box-sizing: border-box;}
.counseling_area .tab_area > li > a{width:100%; height:77px; display:block;}
.counseling_area .tab_area > li > a>img{width: 100%;}
.counseling_area .tab_area > li > a.on >img{box-shadow: 0px 0px 16px 1px #ffe2ad;border:1px solid #fff;border-radius: 20px;}
.counseling_area .badge{position: absolute;top: -15%;right: 0;width: 20%;}
.counseling_area .tab_area > li .sys_f{position: absolute;top: 8%;left: 5%;background: rgba(0, 0, 0, 0.7);color: #fff;border-radius: 20px;padding: 3px 15px;}

.counseling_box .tit strong{color:#000;font-size:18px;padding-left: 7px;position: relative;white-space:nowrap;}
.counseling_box .tit strong:after{content:'';display:block;height: 100%;position: absolute;left: 0;top: 1px;width: 2px;background: #bb9ec7;}
.counseling_box:after{content:'';display:block;clear:both;}

.counseling_box button{width:66px;height:22px;line-height:22px;text-align:center;font-size:12px;border-radius:15px;letter-spacing:-1px;font-weight:bold;}
.counseling_box .col1{background: #eee; color: #333; border-bottom: 2px solid #d2d2d2;}
.counseling_box .col2{background: #daefff; color: #333; border-bottom: 2px solid #9bd3ff;}
.counseling_box .col3{background:#ff69e4;color:#fff;border-bottom:2px solid #b448a1;}

.counseling_box .step02 td{cursor:pointer;}
.counseling_box .step02 button{margin:0 auto;display:block;}

.counseling_box .step02 .calendar_box{width: 90%; padding: 3% 5% 5%; background: #fff; border-radius: 20px;}
.counseling_box .step02 button{margin:0 auto;display:block;}
.counseling_box .step02 table{width:100%;}
.counseling_box .step02 thead th{height:35px;line-height:35px;font-size:20px;border-bottom: none;}
.counseling_box .step02 tbody td .select_day{padding:25px 0;}
.counseling_box .step02 tbody td .select_day.on{background: #3a68ff;border-radius: 20px;}
.counseling_box .step02 tbody td .select_day.on .num{color:#fff;}
.counseling_box .step02 tbody td .select_day.done p{color:#d2d2d2;}
.counseling_box .step02 .num{font-size: 22px;font-weight: bold;color:#111;}
.counseling_box .step02 .btn_box{display: flex; justify-content: center; align-items: center; padding: 0 5px; margin-top: 0; margin-bottom: 10px;}
.counseling_box .step02 .btn_box a{width: auto; padding: 7px; border-radius: 3px; color: #000; font-size: 24px;}
.counseling_box .step02 .btn_box strong{padding: 0 7px; line-height: 24px; font-size: 24px; color: #000;}
.counseling_box .step02 .counsel_info{margin-bottom: 20px; display: flex; align-items: center;}
.counseling_box .step02 .counsel_info li{margin-right: 10px; display: flex; align-items: center; font-size: 14px; font-weight: bold; color: #000;}
.counseling_box .step02 .counsel_info li span{display: inline-block; width: 15px; height: 15px; margin-right: 5px; background: #d2d2d2; border-radius: 2px}
.counseling_box .step02 .counsel_info li:last-child span{background: #000;}
.counseling_box .step03 img{margin:0 auto;}
.counseling_box .step03 .time_list_box{height:253px;border:1px solid #ccc;}
.counseling_box .step03 .time_list_box .list_tit{height:50px;line-height:50px;font-size:20px;color:#e22222;text-align:center;font-weight:bold;border-bottom:1px solid #e6e6e6;}
.counseling_box .step03 .time_list_box ul{overflow:auto;height:202px;}
.counseling_box .step03 .time_list_box li{padding-left:25px;height:40px;line-height:40px;font-size:18px;}
.counseling_box .step03 .time_list_box li input{vertical-align: middle;}
.counseling_box button.on{background:#e22222;border-bottom:2px solid #751212;color:#fff;}

.counseling_box .step04 .type_box{border:1px solid #ccc;padding:20px 23px;border-radius: 10px;}
.counseling_box .step04 .type_box label{line-height: 34px; font-size: 16px;vertical-align: middle;}
.counseling_box .step04 .type_box input{vertical-align: middle;}

#premium_area .counseling_box .step02 tbody td .select_day.on{background: #009f3f;border-radius: 20px;}

.counseling_box.long{margin-bottom: 25px;}
.counseling_box.long .step01 .btn_campus p{height:145px;}
.counseling_box.long .step01 .btn_campus p.on{height:145px;}
.counseling_box.long .step03 .time_list_box{height:335px;}
.counseling_box.long .step03 .time_list_box ul{height:285px;}

.counseling_btn{display: inline-block; background: #111; color: #fff; border-radius: 50px; margin-top: 20px; padding: 30px 0; font-size: 26px; width: 90%; letter-spacing: 0.5px;}
.counseling_box .info_txt{margin-top: 20px; font-size: 14px; font-weight: bold; color: #555;}

/* 동의문구 영역 */
.infoBox_w .agree_area{display:block;width:1000px; box-sizing: border-box; padding:30px}
.infoBox_w .agree_area .infoBox_text{text-align:left; padding:20px 20px; border:1px solid #ddd;background:#fff; margin-bottom:10px; line-height:1.5em;}
.infoBox_w .agree_area .infoBox_text strong{display:block; margin-bottom:10px; font-size: 14px;}
.infoBox_w .agree_area .infoBox_text_w{display:block; padding-top:20px;text-align: left;}
.infoBox_w .agree_area .infoBox_text_w .infoText_select{text-align:left; margin-bottom:10px;}
.btn_area{width:1000px;text-align:center; position: relative;}

/* 플로팅배너 */
.ban_bottom { width:100%; text-align:center; position:fixed; left:0; bottom:0; z-index:5; } 

.layer_wrap{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9;}
.layer_wrap img{display: block;width: 100%;}
.layer_wrap .bg{position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9;}
.layer_box{max-width: 690px; position: absolute; top: 50%; left: 50%; z-index: 9; transform: translate(-50%, -50%);}
.layer_box > img{display: none;}
#ai_test_pop{display: none;}
#ai_test_pop .layer_box > img{display: block;}


.pop_area{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9;}
.pop_area .pop_vod{width: 55%; position: absolute; top: 50%; left: 50%; z-index: 9; transform: translate(-50%, -50%);}
.pop_area .pop_vod video{width: 100%;}

.layer_wrap .close{position: absolute; top: 15px; right: 30px; font-size: 30px; font-weight: bold; color: #fff;}
.pop_area .close{padding: 5px 10px; top: -47px; right: 0; background: #000;}

/* 팝업 내 콘텐츠 영역 */
.layer_box .layer_con{background: #fff; box-sizing: border-box; padding: 0 30px 5px; border-radius: 0 0 50px 50px;}
.layer_box .layer_con .pop_scroll{height: 500px; padding-top: 20px; overflow-y: scroll; overflow-x: hidden;}
.layer_box .layer_con table{width: 100%;}
.layer_box .layer_con table th,.layer_box .layer_con table td{display: block; font-size: 16px;box-sizing: border-box;color:#222}
.layer_box .layer_con table th{text-align: left;}
.layer_box .layer_con table th span{color: #7a7a7a;}
.layer_box .layer_con table td {padding: 10px 20px 15px 0}
/* .layer_box .layer_con table td:last-child {padding: 15px 15px 15px 0} */
.layer_box .layer_con table td input[type="text"],.layer_box .layer_con table td select{height: 48px;border: 1px solid #e8e8e8;border-radius: 10px;width: 100%;text-indent: 10px;}
.layer_box .layer_con table td input[type="text"].input_w65{width: 65%;}
.layer_box .layer_con table tr.score {display: flex;}
.layer_box .layer_con table tr.score th {display: inline-block; width: 50%;}
.layer_box .layer_con table tr.score td {display: inline-block; width: 50%;}
.layer_box .layer_con .radio_list{width: 100%;}
.layer_box .layer_con .radio_list li{display: inline-block;width: 30%;}
.layer_box .layer_con .radio_list li input[type="radio"]{display: none;}
.layer_box .layer_con .radio_list li input[type="radio"] + label{display: inline-block;padding-left: 33px;background: url("//cdn.hackersut.com/www/images/event/2022/05/1600/chk_off.png") 0 0 no-repeat;height: 24px;line-height: 24px;box-sizing: border-box;margin-bottom: 10px;}
.layer_box .layer_con .radio_list li input[type="radio"]:checked + label{background: url("//dev-cdn.hackers.com/www/images/event/2024/11/1800/radio_on.png") 0 0 no-repeat;}
.layer_box .layer_con input[type="checkbox"]{display: none;}
.layer_box .layer_con table input[type="checkbox"] + label{display: inline-block;width: 24px;height: 24px; background: url("//cdn.hackersut.com/www/images/event/2022/05/1600/chk_off.png") 0 0 no-repeat;box-sizing: border-box;}
.layer_box .layer_con table input[type="checkbox"]:checked + label{background: url("//dev-cdn.hackers.com/www/images/event/2024/11/1800/radio_on.png") 0 0 no-repeat;}
.layer_box .layer_con table input[type="checkbox"] + label{width: 98px;line-height: 24px;padding-left: 28px;}
.layer_box .layer_con .hope_chk input[type="checkbox"]{display: inline-block;width: 22px;height: 22px;accent-color: blueviolet;}
.layer_box .layer_con table .hope_chk input[type="checkbox"] + label{background: unset;width: 70px;line-height: 24px;padding-left: 5px;vertical-align: middle;}
.layer_box .layer_con table .hope_chk input[type="checkbox"]:checked + label{background: unset;}
.layer_box .layer_con .detail_btn{background: #e5e5e5; color: #494949; width: 200px; display: inline-block; height: 30px; line-height: 30px; text-align: center; border-radius: 5px; font-size: 14px; font-weight: bold;}
.layer_box .layer_con .detail_btn.w95{width: 95px;height: 48px;line-height: 48px;}
.layer_box .layer_con .radio_list.val4 li{width: 70px;}

/* 개인정보수집 동의 안내 */
.layer_box .layer_con .detail_box{width: 96%; box-sizing: border-box; padding: 2%; border: 1px solid #ccc;}
.layer_box .layer_con .detail_box p{font-size: 14px;}
.layer_box .layer_con .detail_box input[type="checkbox"] + label{display: inline-block;width: 100%;height: 20px;line-height: 20px; font-size: 12px; color: #666; background: url("//cdn.hackersut.com/www/images/event/2022/05/1600/chk_off.png") 0 0 no-repeat;box-sizing: border-box;padding-left: 25px;background-size: 20px;}
.layer_box .layer_con .detail_box input[type="checkbox"]:checked + label{background: url("//dev-cdn.hackers.com/www/images/event/2024/11/1800/radio_on.png") 0 0 no-repeat;background-size: 20px;}

.pop_btn{width: 90%; display: block; margin: 25px auto; padding: 20px 0; text-align: center; font-size: 22px; color: #fff; background: #000; border-radius: 10px;}

/* popup */
.layer_bg { background:#000; opacity:0.5; position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index: 99; } 
.layer_pop { position:fixed; z-index:9999; left:50%; top:50%; transform: translate(-50%,-50%); display:none; z-index: 99; } 
.layer_pop .pop_close_btn { font-size: 30px;position: absolute;top: -42px;right: 0;width: 40px;height: 40px;line-height: 30px;border-radius: 100%;color: #fff;background: rgba(0,0,0,0.6);text-align: center;} 
.layer_pop .pop_img { display:none; position:relative; border: 2px solid #6514cf;} 

/* ai_test_pop */
.layer_box .layer_con .pop_process{width: 100%; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
.layer_box .layer_con .pop_process li{width: 100%; padding-bottom: 10px; text-align: center; font-size: 18px; font-weight: bold; color: #b1b1b1; border-bottom: 2px solid #cecfd7; letter-spacing: 0.5px;}
.layer_box .layer_con .pop_process li.on{color: #121212; border-bottom: 2px solid #121212;}
.layer_box .layer_con .pop_con{display: none; width: 95%; margin: 0 auto;}
.layer_box .layer_con .pop_con.type01{display: block;}
.layer_box .layer_con .pop_con h1{margin-bottom: 20px; font-size: 28px; color: #121212;}
.layer_box .layer_con .pop_con .flex_box{display: flex; justify-content: space-between; align-items: center;}
.layer_box .layer_con .pop_con .flex_box img{width: auto;}

.layer_box .layer_con .pop_con.type02 h1{text-align: center;}
.layer_box .layer_con .pop_con.type02 .question{width: 80%; margin: 0 auto;}
.layer_box .layer_con .pop_con.type02 .answer{display: none; width: 95%; margin: 15px auto;}
.layer_box .layer_con .pop_con.type02 .answer.ans01{display: block;}
.layer_box .layer_con .pop_con.type02 .answer li{margin-bottom: 10px;}
.layer_box .layer_con .pop_con.type02 .answer li input{display: none;}
.layer_box .layer_con .pop_con.type02 .answer li input[type="radio"] + label{display: block; padding: 20px 10px; font-size: 16px; font-weight: bold; color: #7f7f7f; border: 2px solid transparent; border-radius: 10px; background: #f1f1f1 url(https://dev-cdn.hackers.com/www/images/event/2024/11/1800/chk_off.png) no-repeat 98% center;}
.layer_box .layer_con .pop_con.type02 .answer li input[type="radio"] + label span{display: inline-block; width: 23px; height: 23px; margin-right: 5px; line-height: 22px; text-align: center; color: #fff; background: #959595; border-radius: 25px;}
.layer_box .layer_con .pop_con.type02 .answer li input[type="radio"]:checked + label{color: #0072ff; border: 2px solid #0072ff; background: #fff url(https://dev-cdn.hackers.com/www/images/event/2024/11/1800/chk_on.png) no-repeat 98% center;}
.layer_box .layer_con .pop_con.type02 .answer li input[type="radio"]:checked + label span{background: #0072ff;}

.layer_box .layer_con .pop_con.type03 .user_name{color: #0072ff;}
.layer_box .layer_con .pop_con.type03 .result_info{width: 40%; text-align: right; display: flex; justify-content: flex-end;}
.layer_box .layer_con .pop_con.type03 .result_info li{margin-left: 20px; font-size: 17px; color: #000;}
.layer_box .layer_con .pop_con.type03 .result_info li span{display: inline-block; width: 15px; height: 15px; margin-right: 3px; background: #0072ff; border-radius: 3px;}
.layer_box .layer_con .pop_con.type03 .result_info li:last-child span{background: #e7e7e7;}
.layer_box .layer_con .pop_con.type03 .my_result{}
.layer_box .layer_con .pop_con.type03 .my_result li{height: 15px; position: absolute; top: 70px; left: 0; background: #0072ff; border-radius: 25px;}
.layer_box .layer_con .pop_con.type03 .my_result li:nth-child(2){top: 200px;}
.layer_box .layer_con .pop_con.type03 .my_result li:nth-child(3){top: 330px;}

.layer_box .layer_con .pop_con.type03 .my_answer{margin: 50px 0; border: 2px solid #c9c9c9; border-radius: 10px;}
.layer_box .layer_con .pop_con.type03 .my_answer table tr{display: flex; justify-content: space-evenly; align-items: center;}
.layer_box .layer_con .pop_con.type03 .my_answer table th, .layer_box .layer_con .pop_con.type03 .my_answer table td
{width: 25%; padding: 10px 0; text-align: center; font-size: 18px; font-weight: bold; color: #5d5d5d; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;}
.layer_box .layer_con .pop_con.type03 .my_answer table tbody tr:last-child td{border-bottom: none;}
.layer_box .layer_con .pop_con.type03 .my_answer table thead th:last-child{border-right: none;}
.layer_box .layer_con .pop_con.type03 .my_answer table tbody td:last-child{border-right: none;}
.layer_box .layer_con .pop_con.type03 .my_answer table td{color: #000;}
.layer_box .layer_con .pop_con.type03 .my_answer table img{width: 55px; margin: 0 auto;}
.layer_box .layer_con .pop_con.type03 .my_answer .b_circle{display: inline-block; width: 25px; height: 25px; margin-right: 5px; line-height: 25px; text-align: center; color: #fff; background: #0072ff; border-radius: 25px;}
.layer_box .layer_con .pop_con.type03 .my_answer .g_circle{display: inline-block; width: 25px; height: 25px; margin-right: 5px; line-height: 25px; text-align: center; color: #fff; background: #000; border-radius: 25px;}

.layer_box .layer_con .pop_con.type03 .advice{margin-top: 30px;}
.layer_box .layer_con .pop_con.type03 .advice > div{display: none;}
.layer_box .layer_con .pop_con.type03 .advice .v1{display: block;}
.layer_box .layer_con .pop_con.type03 .advice p{line-height: 1.6; font-size: 18px; color: #000; word-break: keep-all;}


/* 페이지 최하단 유의사항 */
.evt_info .info_tit{background: #ededed;}
.evt_info .info_tit a{display: block; width: 40%; margin: 0 auto; height: 80px; line-height: 80px; text-align: left; font-size: 24px; font-weight: bold; color: #222; }
.evt_info .info_box{display: block; width: 40%; line-height: 30px; margin: 0 auto; padding: 30px 0; text-align: left; font-size: 16px; color: #000;}