/* 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;}
.in750{width:750px;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_red{color:#ff0000 !important;}
.hidden{display: none;}

.con01 .main_tit img{position: absolute; top: 11%; left: 50%; transform: translateX(-50%);}
.con01 .main_tit img.main_tit1{animation: slide-left 0.7s ease-out both;}
.con01 .main_tit img.main_tit2{animation: slide-right 0.7s ease-out both; animation-delay: 0.7s;}

@keyframes slide-left{
    from{opacity: 0; transform: translateX(-150%);}
    to{opacity: 1; transform: translateX(-50%);}
}

@keyframes slide-right{
    from{opacity: 0; transform: translateX(50%);}
    to{opacity: 1; transform: translateX(-50%);}
}

.con04{background: #fffaeb;}

.con05 .reason{width: auto; top: 215px;}

.con06 .sd_box { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } 
.con06 .sd_box .bx-wrapper .bx-controls-direction a {width: 52px; height: 52px; top: unset; bottom: 6%;} 
.con06 .sd_box .bx-wrapper .bx-controls-direction a.bx-prev {left: 40%; background: url(https://cdn.hackersut.com/www/images/event/2024/08/2200/con06_prev.png);} 
.con06 .sd_box .bx-wrapper .bx-controls-direction a.bx-next {right: 40%; background: url(https://cdn.hackersut.com/www/images/event/2024/08/2200/con06_next.png);}

.con10 .tel{position: absolute; bottom: 363px; right: 40.8%; font-size: 27px; font-weight: bold; color: #1d1d1d; background: #f1f1f1;}
.con10 .time{position: absolute; bottom: 256px; right: 43.2%; font-size: 22px; color: #333;background: #fff; letter-spacing: 1px;}

/* 신청단 --------- */
.step_tit strong{font-size:18px;}
.step_tit strong .purple{color:#6514cf;}
.counseling_area .in{width:1250px;margin:0 auto;}
.counseling_bg{width: 2560px; height: 900px;}
.counseling_box{width: 700px; position: absolute; left: 50%; transform: translateX(-50%); top: 310px; margin-bottom: 0px; zoom: 1; background: #f3f3f3; border-radius: 25px; padding: 30px 25px;}
.counseling_box h2{width: 100%; margin-bottom: 20px; text-align: center;font-size: 32px;color: #000;}
.counseling_box h2 span{color: #4362ff;}
.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 .counsel_pop_btn{padding: 10px 15px; position: absolute; top: 195px; right: 36.5%; background: #ffddf9; font-size: 14px; font-weight: bold; color: #333; border-bottom: 2px solid #efc6e8; border-radius: 10px; z-index: 9;}
.counseling_area .counsel_pop{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9;}
.counseling_area .counsel_pop .bg{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.counseling_area .counsel_pop .pop_con{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.counseling_area .counsel_pop .pop_con .close{position: absolute; top: 0; right: 0; padding: 10px 15px; font-size: 24px; font-weight: bold; color: #000;}

.counseling_area .tab_area{position: absolute;top: 0%;left: 50%;transform: translateX(-50%);z-index: 2;width: 18%;display: flex;justify-content: space-between;}
.counseling_area .tab_area > li{width: calc(100%/2 - 5px);box-sizing: border-box;}
.counseling_area .tab_area > li > a{width:100%; height:95px; 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 .step01{float:left;width:180px;}
.counseling_box .step02{position:relative;width:95%;height: auto; margin:0 auto;}
.counseling_box .step03{float:right;width:220px;text-align: left;position: relative;top: 0;}

.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 .step02 td{cursor:pointer;}
.counseling_box .step02 button{margin:0 auto;display:block;}
.counseling_box .step03 button{margin-top:9px;}
.counseling_box .col1{background:#f2f2f2;color:#333;border-bottom:2px solid #eee;}
.counseling_box .col2{background:#ffddf9;color:#333;border-bottom:2px solid #efc6e8;}
.counseling_box .col3{background:#ff69e4;color:#fff;border-bottom:2px solid #b448a1;}

.counseling_box .step01 .btn_campus{text-align:center;height:468px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;}
.counseling_box .step01 .btn_campus a{width:100%;border:1px solid #bb9ec7;color: #fff;font-size:20px;line-height:25px;background:#bb9ec7;overflow:hidden;border-radius:10px;padding:20px;box-sizing:border-box;}
.counseling_box .step01 .btn_campus a .mapbtn{font-size:12px;display:inline-block;width:100px;border:1px solid #fff;color:#fff;margin-top:10px;}
.counseling_box .step01 .btn_campus a:hover,.counseling_box .step01 .btn_campus a.on{background:#6614d0;}


.counseling_box .step02 .calendar_box{width:100%;background: #fff;}
.counseling_box .step02 button{margin:0 auto;display:block;}
.counseling_box .step02 table{width:100%;border:1px solid #ccc;}
.counseling_box .step02 thead th{height:33px;line-height:33px;font-size:16px;border-bottom: none;}
.counseling_box .step02 tbody td .select_day{height:85px;}
.counseling_box .step02 tbody td .select_day.on{border: 1px solid #f00;}
.counseling_box .step02 tbody td.end{background:#aaa;color:#fff;cursor:not-allowed;}
.counseling_box .step02 tbody td.end .select_day .num{color:#fff;}
.counseling_box .step02 .num{padding:15px 0 0 5px;height:25px;font-size:11px;}
.counseling_box .step02 th,.counseling_box .step02 td{border:1px solid #ccc;}
.counseling_box .step02 th:first-child,.counseling_box .step02 td:first-child{color:#de0000;}
.counseling_box .step02 .btn_box{position:absolute;top: 100%;left: 50%; transform: translateX(-50%);border-radius: 30px;display: flex;align-items: center;padding:0 5px;margin-top: 15px;}
.counseling_box .step02 .btn_box#type1{background: #e37b87;}
.counseling_box .step02 .btn_box#type2{background: #ce87d4;}
.counseling_box .step02 .btn_box#type3{background: #957dd5;}
.counseling_box .step02 .btn_box a{width:auto;padding:2px 5px 5px;border-radius:3px;color:#fff;font-size:16px;}
.counseling_box .step02 .btn_box strong{padding:0 7px;line-height:24px;font-size:14px;color:#fff}
.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;}
.step_bottom{width: 100%;}

.step03{/*display:none;*/opacity: 0.3;}
.step03::after{content: "";display: inline-block;width: 223px;height: 461px;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 0;border-radius: 10px;}
.step03.after_none::after,
.calendar_box.after_none::after{display: none;}

.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;}

/* 동의문구 영역 */
.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;}

#curiculum_pop .pops_t{width:95%;}
#curiculum_pop .pop_cont{width: 950px; margin-left: -475px;}
#curiculum_pop .pop_cont img{width:100%;}

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

.layer_wrap{position: relative; z-index:103;}
.layer_wrap img{display: block;width: 100%;}
.layer_wrap .bg{position:fixed;top:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:98;}
.layer_box{position:fixed;top:50%;left:50%;margin-left:-500px;z-index:99;transform: translateY(-54%);}

/* 팝업 내 콘텐츠 영역 */
.layer_box .layer_con{background: #fff;border: 2px solid #6f15e7;border-top: none;box-sizing: border-box;padding: 0 25px 25px; margin-top: -1px;}
.layer_box .layer_con .pop_scroll{height: 400px;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{font-size: 16px;box-sizing: border-box;color:#222}
.layer_box .layer_con table th{text-align: left;}
.layer_box .layer_con table td {padding: 15px 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 .tit_txt{text-align: center;width: 100%;display: block;font-size: 16px;display: block;border-bottom: 1px solid #ccc;padding-bottom: 25px;}
.layer_box .layer_con .tit_txt h3{color:#222;margin-bottom: 5px;}
.layer_box .layer_con .radio_list{width: 100%;}
.layer_box .layer_con .radio_list li{display: inline-block;width: 98px;}
.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: 28px;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("//cdn.hackersut.com/www/images/event/2022/05/1600/chk_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("//cdn.hackersut.com/www/images/event/2022/05/1600/chk_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: #595959;color:#fff;width: 200px;display: inline-block;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;font-size: 14px;}
.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: 915px;display: none;box-sizing: border-box;padding: 30px;border: 1px solid #ccc;margin-top: 30px;}
.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; 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("//cdn.hackersut.com/www/images/event/2022/05/1600/chk_on.png") 0 0 no-repeat;background-size: 20px;}

.pop_btn{width: 460px;display: block;margin: 25px auto 5px;}
.pop_btn img{display: block;width: 100%;}

/* 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;} 


/*간편 신청창*/
.ez_apply_wrap{width:100%;height:100%;position:fixed;left:0;top:0;z-index:9999;display:none;}
.ez_apply_full{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.5)}
.ez_apply{width:520px;position:absolute;left:50%;margin-left:-260px;top:70px;z-index:2;}
.ez_apply h3{font-family:noto !important;}
.ez_apply .apply_top{width:100%;height:60px;text-align:center;background-color:#666;color:#fff;line-height:60px;font-size:17px;position:relative;}
.ez_apply .apply_top a{display:block;width:20px;height:20px;position:absolute;right:15px;top:20px;color:#fff;font-size:25px;background:url("https://cdn.hackersut.com/www/images/main/2020/close_btn.png") no-repeat; background-size:100% 100%;}
.ez_apply .apply_content{padding:25px;background-color:#fff;}
.apply_content .content_top{color:#333;font-weight:bold;font-size:13px;}
.apply_content .content_top span{color:#cc0000;}
.apply_content .input_boxs{padding:15px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:18px;}
.apply_content .input_boxs li{width:100%;height:40px;margin-bottom:10px;line-height:40px;font-size:14px;}
.apply_content .input_boxs li label{display:block;width:100px;float:left;color:#000;font-weight:bold;}
.apply_content .input_boxs li input , .apply_content .input_boxs li select{width:370px;float:left;box-sizing:border-box;height:100%;text-indent:9px;border-radius:5px;font-weight:bold;border:1px solid #ccc;background-color:#f9fafa;}
.apply_content .input_boxs li select option{font-size:16px;}
.apply_content .input_boxs li input:focus {color:red;outline:none;border:1px solid #cc0000;background-color:#fff;}
.apply_content .input_boxs li select:focus{border:1px solid #cc0000;outline:none;}
.apply_content .input_boxs li span.colp{color:#e57f7f;font-weight:bold;}
.apply_content .apply_desc{padding-top:15px;font-size:14px;}
.apply_content .apply_desc strong{font-size:16px;color:#000;}
.apply_content .apply_desc > div{height:100px;overflow:auto;padding:15px;margin:15px 0;border:1px solid #ccc;border-radius:10px;}
.apply_content .radio_img {margin-bottom:5px;font-weight:bold;}
.apply_content .radio_img input{width:16px;height:16px;}
.apply_content .radio_img label{height:25px;line-height:25px;}
.apply_content .radio_img label .text_col1{color:red;}
.apply_content .radio_img label .text_col2{color:#888888}
.apply_content .apply_btns{display:block;width:100%;text-align:center;background-color:#cc0000;color:#fff;font-weight:bold;font-size:16px;line-height:50px;border-radius:10px;margin-top:15px;}


 .apply_desc > div::-webkit-scrollbar {width: 5px; }
 .apply_desc > div::-webkit-scrollbar-thumb {background-color: #cc0000;	border-radius: 10px;  }
 .apply_desc > div::-webkit-scrollbar-track {background-color: #cccf;border-radius: 10px; }

 .apply_desc > div::-ms-scrollbar {width: 5px; }
 .apply_desc > div::-ms-scrollbar-thumb {background-color: #cc0000;	border-radius: 10px;  }
 .apply_desc > div::-ms-scrollbar-track {background-color: #cccf;border-radius: 10px; }

/*간편 신청창*/

/* 페이지 최하단 유의사항 */
.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;}

/* 대학교/학과 검색 팝업 */
.universityBox, .departmentBox { z-index: 9999 !important; position: fixed !important; }
.universityBox .search_box a.search,
.departmentBox .search_box a.search { display: inline-block !important; vertical-align: middle !important; }

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