/* common */
*{font-family:'Noto Sans KR' !important;}
.evt_wrap{position:relative;max-width:640px;margin:0 auto;overflow:hidden;font-family:'Noto Sans KR';}
.evt_wrap img{display:block;width:100%}
.pos_r{position: relative;}
.fc_red{color:#FF0000;}

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

@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%);}
}


.con06 { position: relative; } 
.con06 .bx-wrapper .bx-controls-direction a { width: 10%; padding-top: 0; top: 97%; background: url('https://cdn.hackersut.com/m/img/event/2024/02/0500/con15_arrow.png')0 0/200% no-repeat;} 
.con06 .bx-wrapper .bx-controls-direction a.bx-prev { left: 39%; } 
.con06 .bx-wrapper .bx-controls-direction a.bx-next { right: 39%; background-position-x: 100%;} 

.con06 .pop_vod{display: none; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 999;}
.con06 .pop_vod .pop_bg{width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.8);}
.con06 .pop_vod video{width: 90%; height: 50vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.con06 .pop_vod .close{position: absolute; top: 36.8%; right: 5%; transform: translateY(-50%); padding: 1vw 4vw; color: #fff; background: #000;}

.con10 .tel{position: absolute; bottom: 31.2%; right: 18.8%; font-size: 3.5vw; font-weight: bold; color: #1d1d1d; background: #f1f1f1;}
.con10 .time{position: absolute; bottom: 22.1%; right: 27%; font-size: 3.1vw; font-weight: 500; color: #232323; background: #fff; letter-spacing: -0.5px;}

.curriculum_content table{width: 90%;border: 1px solid #ccc; border-right: none; background: #fff;margin-left: 5%;margin-top:4%;}
.curriculum_content table span{color:#00f;font-weight: normal;}
.curriculum_content table th,.curriculum_content table td{font-size: 14px;color:#222;padding:10px 5px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;box-sizing: border-box;font-family: noto,sans-serif;text-align: center;}
.curriculum_content table thead th{background: #cfb1ff;}
.curriculum_content table tbody td:nth-child(1) {background: #e6e6e6;}
.curriculum_content table tbody tr:nth-child(1) th{background: #e5d4ff;}
.curriculum_content table tbody tr:nth-child(2) th{background: #f2eaff;}
.curriculum_content .sub_txt{text-align: right;font-size: 14px;margin-top: 10px;}
.curriculum_content .slick-dots{display: none;}

/* bottom_ban */
.bt_ban{position:fixed; bottom:0; left:50%; transform: translateX(-50%); width:100%; max-width: 640px; z-index: 99;}
.bt_ban a{display: block; font-size: 0;}
.bt_ban img{width: 100%;}

/* 근거문구 */
.reason { position: absolute; width:95%; top:40%; left:50%; padding:5%; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:12px; letter-spacing: -0.04em; display:none; transform: translateX(-50%); z-index: 99; } 
.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); } 

/* tab */
.tab_area {max-width:640px; width:100%; box-sizing: border-box;}
.tab_area:after {display:block; content:""; clear:both;}
.tab_area li {float:left; padding-bottom: 30%; 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{height: 0; opacity: 0; visibility: hidden;}
.tab_con.on{height:auto; opacity: 1; visibility: visible;}

.sms-wrap select{width:50px}
.accompay_div{display:none;margin-top:5px}
.sms-wrap td, .sms-wrap td label{font-size:12px;}
.form_box .desc{margin: 5px 0; text-align: left; word-break: keep-all;}


/* bx */
.bx-wrapper .bx-pager.bx-default-pager{position:absolute;bottom:6%;left:5%;text-align: left;}

.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{display:inline-block;margin:0 ;}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a{display:block;background:#fff;font-size:0;text-indent:-9999em; width:8px;height:8px;border: 1px solid #222;border-radius: 0;}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active{width:8px; background:#222;}

.float-banner{width:100%;position:fixed;bottom:0;left:0;right:0; z-index:99;}
.float-banner .inner{width:100%;position:relative;max-width:640px;margin:0 auto}
.float-banner .inner img{width:100%;display: block;max-width: 640px;}

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

/* 팝업 내 콘텐츠 영역 */
.layer_box .layer_con{background: #fff;border: 2px solid #6f15e7;border-top: none;box-sizing: border-box;padding: 0 5% 5%;max-height: 80vh;width: 100%; margin-top: -1px;overflow-y: auto;}
.layer_box .layer_con .pop_scroll{height:250px; padding-top: 3%; 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: 12px;box-sizing: border-box;color:#222}
.layer_box .layer_con table th{text-align: left;word-break: keep-all;padding-top: 2px;}
.layer_box .layer_con table th,.layer_box .layer_con table td{padding-bottom:5%;}
.layer_box .layer_con table td input[type="text"],.layer_box .layer_con table td select{height: 36px;border: 1px solid #e8e8e8;border-radius: 10px;width: 100%; padding-left: 5px; background-position-y: center;}
.layer_box .layer_con table td input[type="text"].input_w65{width: 65%;margin-left: -4px;}
.layer_box .layer_con table td input[type="date"]{height: 36px;border: 1px solid #e8e8e8;border-radius: 10px;width: 100%; padding-left: 5px; background-position-y: center; box-sizing: border-box;}
.layer_box .layer_con .tit_txt{text-align: center;width: 100%;display: block;font-size: 12px;display: block;border-bottom: 1px solid #ccc;padding-bottom: 3%;word-break: keep-all;}
.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: 85px;}
.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;line-height: 20px;box-sizing: border-box;margin-bottom: 5px;background-size: contain;}
.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;background-size:contain;}
.layer_box .layer_con input[type="checkbox"]{display: none;}

.layer_box .layer_con table input[type="checkbox"] + label{line-height: 25px;padding-left: 28px;display: inline-block;box-sizing: border-box;background: url("//cdn.hackersut.com/www/images/event/2022/05/1600/chk_off.png") 0 0 no-repeat;background-size:contain;}
.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 .hope_chk{width: 100%;}
.layer_box .layer_con .hope_chk li{display: inline-block;width: 85px;}
.layer_box .layer_con .hope_chk input[type="checkbox"]{display: inline-block;}
.layer_box .layer_con table .hope_chk input[type="checkbox"] + label{background: unset;padding-left: 2%;margin-right: 6%;vertical-align: top;}
.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: 100%;display: inline-block;height:30px;line-height: 30px;text-align: center;border-radius: 5px;font-size: 12px; margin-top:5%;}
.layer_box .layer_con .detail_btn.w95{width: 35%;height: 35px;line-height: 35px;margin-left: -4px;}
.layer_box .layer_con .radio_list.val4 li{width: 70px;}

/* 개인정보수집 동의 안내 */
.layer_box .layer_con .detail_box{width: 100%;display: none;box-sizing: border-box;padding: 15px;border: 1px solid #ccc; margin-bottom: 5%;}
.layer_box .layer_con .detail_box p{font-size: 12px; word-break: keep-all;}
.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; font-size: 12px;}
.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;}
#curiculum_pop{width: 100%; left: 0;}
#curiculum_pop .pops_t{width:95%;}

/* table */
.s_table{width:100%; border-top: 1px solid #dfdfdf;  border-left: 1px solid #dfdfdf; }
.s_table th{background:#f2f2f2; font-size:14px; font-weight:bold; color:#2c2c2c;}
.s_table td{background:#fff; font-size:12px; color:#505050; text-align: left;}
.s_table td.t_c{text-align: center;}
.s_table th, .s_table td{padding:5px 10px; word-break: keep-all; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}

/*신청단*/
/* .type01 {background: url("https://cdn.hackersut.com/m/img/event/2023/01/1701/re_240625/tab1.gif") no-repeat top; background-size: 50%;}
.type02 {background: url("https://cdn.hackersut.com/m/img/event/2023/01/1701/re_240625/tab2.gif");}
.type03 {background: url("https://cdn.hackersut.com/m/img/event/2023/01/1701/re_240625/tab3.gif");} */
.counseling_box .counseling_box_tab_area{width: 62%; position: absolute; top: 11%; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between;}
.counseling_box .counseling_box_tab_area li{width: calc(100% / 2 - 1%);padding-bottom: 0;}
.counseling_box .counseling_box_tab_area li > a{display: block; width: 100%; height: 14vw;}
.counseling_box .counseling_box_tab_area li a.on >.tab_img{box-shadow: 0px 0px 16px 1px #ffe2ad;border:1px solid #fff;border-radius: 20px;}
.counseling_box .counseling_box_tab_area li img{width: 100%;}
.counseling_box .counseling_box_tab_area li .badge{position: absolute;top: -58%;left: 50%;transform: translateX(-50%);width: 80%;}
.counseling_box .counseling_box_tab_area li .sys_f{position: absolute;top: 15%;left: 50%;transform: translateX(-50%); background: rgba(0, 0, 0, 0.4);color: #fff;border-radius: 20px;padding: 1% 10%;font-size: 2.2vw;}
.btn_box{margin: 3vw auto;width: 40%;text-align: center;padding:1% 0;border-radius: 20px;color: #fff;}
.btn_box strong{margin: 0 5%;}
.btn_box span{color: #fff;font-size: 3vw;}
.btn_box#type1{background: #e37b87;}
.btn_box#type2{background: #ce87d4;}
.btn_box#type3{background: #957dd5;}
.counseling_box{width: 95%; margin: 0 auto; padding: 5% 0 10%; background: #f3f3f3; border-radius: 20px;}
.counseling_box .counseling_tit{padding: 2% 0;text-align: center; font-size: 4.8vw;color:#222; font-weight: 900;}
/* .counseling_box .counseling_tit span{color: #ff0000;} */
.counseling_box .title{font-size:1em;padding:3% 5%;position:relative;text-align: center;}
.counseling_box .title span{color:#be81f4;font-weight:bold;}
.counseling_box .title strong{color:#000;position:relative;font-size: 4vw;}
.counseling_box .step_wrap{overflow:hidden;}
.counseling_box .title span.purple{color:#6514cf;font-weight:bold;font-size:4vw;font-weight:bold;}
.counseling_box .title strong .c_purple{color: #6514cf}
.counseling_box .step01{padding: 2%;}
.counseling_box .step01 .btn_campus{position:relative;padding-top:1%;display:flex;flex-wrap: wrap;width: 100%;justify-content: space-between;}
.counseling_box .step01 .btn_campus li{width:49%;margin-bottom: 1%;position:relative;}
.counseling_box .step01 .btn_campus a{display:block;background-size: 200%;width:100%;height: 15.5vw;text-indent: -9999px;
    background: url(https://cdn.hackersut.com/m/img/event/2023/01/1701/re_230320/tab_off.png);background-size:200%;}
.counseling_box .step01 .btn_campus a.on{ background: url(https://cdn.hackersut.com/m/img/event/2023/01/1701/re_230320/tab_on.png);background-size: 200%;}
.counseling_box .step01 .btn_campus li:nth-child(1) a{background-position:0 0}
.counseling_box .step01 .btn_campus li:nth-child(2) a{background-position:100% 0}
.counseling_box .step01 .btn_campus li:nth-child(3) a{background-position:0 100%}
.counseling_box .step01 .btn_campus li:nth-child(4) a{background-position:100% 100%}
.counseling_box .step01 .btn_campus .mapbtn{display: block;position: absolute;top: 54%;left: 22%;width: 56%;height: 5vw;}

.counseling_box .counsel_pop_btn{width: 95%; margin: 0 auto 3%; text-align: right;}
.counseling_box .counsel_pop_btn a{display: inline-block; padding: 1% 5%; background: #ffddf9; font-size: 13px; font-weight: bold; color: #333; border-bottom: 2px solid #efc6e8; border-radius: 25px;}
.counseling_box .counsel_pop{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9;}
.counseling_box .counsel_pop .bg{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.counseling_box .counsel_pop .pop_con{width: 95%; max-width: 690px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.counseling_box .counsel_pop .pop_con .counsel_btn{display: block; width: 85%; height: 15vw; position: absolute; bottom: 4%; left: 50%; transform: translateX(-50%);}
.counseling_box .counsel_pop .pop_con .close{position: absolute;top: 0; right: 0; padding: 5px 10px; font-size: 20px; font-weight: bold; color: #000;}

.counseling_box .calendar_wrap{border-radius:20px;box-shadow:5px 5px 15px #eee; width:90%; margin:0 auto;padding: 2% 3% 2%; background: #fff;position:relative}

.counseling_box .calendar_box{position:relative;}
.counseling_box .calendar_box table{width:100%;}
.counseling_box .calendar_box table th,.counseling_box .calendar_box table td{border:1px solid #333;}
.counseling_box .calendar_box table th:first-child,.counseling_box .calendar_box table td:first-child{color:#de0000;}
.counseling_box .calendar_box table thead th{padding:3% 0;font-size:1.3em;}
.counseling_box .calendar_box table tbody td{padding:4% 0;font-size:1.3em;text-align:center;}
.counseling_box .calendar_box table tbody td.end{background:#aaa;color:#fff;}
.counseling_box .calendar_box table tbody td.on{background:yellow;}
.counseling_box .calendar_box button{margin:0 auto;padding:10% 10%;display:block;text-align:center;font-size:0.3em;border-radius:15px;letter-spacing:-1px;font-weight:bold;}
.counseling_box .calendar_box button.on{background:#e22222;border-bottom:2px solid #751212;color:#fff;}
.counseling_box .calendar_box .btn_box{position:absolute;top: -12%;right: 0%;width:48%;text-align:right;}
.counseling_box .calendar_box .btn_box a{display:inline-block;padding:3% 0;width:15%;border:1px solid #333;border-radius:3px;font-size:0.3em;text-align:center;}
.counseling_box .calendar_box .btn_box a span{width: 0;height: 0;border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-left: 0;border-right: 5px solid #222;display: inline-block;}
.counseling_box .calendar_box .btn_box a.btn_calendar_next span{transform: scale(-1);}
.counseling_box .calendar_box .btn_box strong{font-size:1.1em;margin: 0 5px;}

.counseling_box .step03{position:relative;}
.counseling_box .step03 .time_list_box{position:relative;padding-top:50%;border:1px solid #c8c8c8;overflow:auto;}
.counseling_box .step03 .time_list_box .list_resolve{position:absolute;top:0;left:0;width:100%;height:100%;}
.counseling_box .step03 .time_list_box .list_resolve li{padding:6% 0;text-align:center;border-bottom:1px dashed #aaa;}
.counseling_box .step03 .time_list_box .list_resolve li a{display:block;width:100%;height:100%;font-size:0.4em;}
.counseling_box .step03 .time_list_box .list_resolve li.end{background:#aaa;}
.counseling_box .step03 .time_list_box .list_resolve li.on{background:#be81f5;}
.counseling_box .step03 .time_list_box .list_resolve li.end a{color:#fff;}
.counseling_box .step03 .time_list_box .list_resolve span{margin-left:2%;font-size:0.3em;padding:1.5% 3%;text-align:center;font-size:0.3em;border-radius:15px;letter-spacing:-1px;font-weight:bold;vertical-align:middle;}

.popbtn01,.popbtn_x{display:block;position:absolute; }
.popbtn01{width:70%;height:15%;bottom:6%;left:14%;}
.popbtn_x{width:5%;height:5%;right:0;top:0;}

/* .step02, .step03{opacity:.4;} */
/* .counseling_box .calendar_wrap::after{content: "";display: inline-block;width:110%;height: 100%;background: rgba(0,0,0,.3);position: absolute;top: 0px;left:-5%;border-radius: 17px;} */
.counseling_box .step03::after{content: "";display: inline-block;width: 100%;height: 101%;background: rgba(0,0,0,.3);position: absolute; top: -.85%;left: 0;}
.calendar_wrap.after_none::after,
.step03.after_none::after{display: none;}

@media (min-width:320px) and (max-width:384px){.evt_wrap{font-size:0.6875em}}
@media (min-width:385px) and (max-width:416px){.evt_wrap{font-size:0.9em}}
@media (min-width:417px) and (max-width:448px){.evt_wrap{font-size:0.8125em}}
@media (min-width:449px) and (max-width:480px){.evt_wrap{font-size:0.875em}}
@media (min-width:481px) and (max-width:512px){.evt_wrap{font-size:0.9375em}}
@media (min-width:513px){.evt_wrap{font-size:1em}}

@media all and (max-width:640px) {
    .event_txt{font-size: 2vw;}
}


@media all and (max-width:500px) {
    .sms-wrap th, .sms-wrap th label{font-size:12px;}
}

@media all and (min-width:600px) {
    .con10 .tel{font-size: 22px;}
    .con10 .time{font-size: 19px;}
}

/* 최하단 유의사항 */
.evt_info .info_tit{display: block; padding: 3vw 0; text-align: center; font-size: 3.5vw; font-weight: bold; color: #fff; background: #000;}
.evt_info .info_box{padding: 5vw;}