/* 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_blue{color:#2256ff !important;}
.mt-1{margin-top: -1px;}

#scroll{position: absolute; top: 40%; left: 50%; transform: translateX(-50%);}

/* select box */
select::-ms-expand {display:none;}

/* timer */
.time_w{position:relative;}
.time_w .tb{width:100%;height:100%;display:table;}
.time_w .timeText_w{width:100%;}
.time_w .timeText_w div{position:absolute;top:42%;left:16.7%;height:43%;width:10%;}
.time_w .timeText_w span > span{color:#fff;font-size:2rem;line-height:2.5rem;vertical-align:middle;text-align:center;display:table-cell;font-weight:bold;}
.time_w .timeText_w div.time_h{left:40.3%;}
.time_w .timeText_w div.time_m{left:56.2%;}
.time_w .timeText_w div.time_s{left:72%;}
.time_w > p {position:absolute; left:3%; top:10%; color:#fff; font-size:1rem; letter-spacing:-1px;}
.time_w > p strong {font-size:1.2rem;}
.time_w .timer_text {position:absolute; right:3%; top:26%; width:30%; padding-left:2%; box-sizing:border-box; text-align:left; color:#fff; font-size:0.9rem; letter-spacing:-1px; font-weight:900;}

.con08 .sys_f{width: 80%; position: absolute; bottom: 6%; left: 50%; transform: translateX(-50%); text-align: center; font-size: 2.5vw; color: #b8d1ff;}

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

.con01__icon{position: absolute;top: 36.5%;left: 40.2%;animation: rotate 4s cubic-bezier(0.25, 0.1, 0, 1) infinite;width: 20%;}

.con01 .sys_f{width: 80%; position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); text-align: center; font-size: 2.5vw; color: #b8d1ff;}

.scroll_area{position: absolute; bottom: 23%; left: 50%; transform: translateX(-50%);}

/* con03 탭 구조 */
.con03{padding-top: 10vw; background: #e7ffe4;}
.con03:has(#con03_tab1[style*="display: block"]){background: #e7ffe4;}
.con03:has(#con03_tab2[style*="display: block"]){background: #ceeaff;}
.con03 .js-tab-type1 {width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; z-index: 2;}
.con03 .js-tab-type1 li{width: 50%; padding-bottom: 3vw; border-bottom: 1px solid #ccc;}
.con03 .js-tab-type1 li a{display: block; line-height: 1.3; text-align: center; font-size: 4vw; 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: 3px solid #009a41;}
.con03 .js-tab-type1 li.on:first-child .point{color: #009a41;}
.con03 .js-tab-type1 li.on:last-child{border-bottom: 3px solid #007cff;}
.con03 .js-tab-type1 li.on:last-child .point{color: #007cff;}
.con03 .js-tab-type1 li a .price{display: block; font-size: 8vw;}
.con03 .js-tab-type1-con{display: block;}

/* 유의사항 버튼/박스 */
.sys_btn{padding: 0.5% 2%; position: absolute; bottom: 8%; right: 5%; font-size: 3vw; border: 0.5px solid #4c4c4c; border-radius: 25px;}
.sys_box{display: none; width: 92%; padding: 5% 2%; position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); font-size: 3vw; color: #fff; background: rgba(0, 0, 0, 0.8); border-radius: 15px; word-break: keep-all;}
.sys_box .close{position: absolute; top: 3px; right: 7px; font-size: 5vw; color: #fff;}

#con03_tab1 .counseling_box{background: linear-gradient(180deg, #21c05b, #95f276);}
#con03_tab2 .counseling_box{background: linear-gradient(180deg, #258efd, #75b1f2);}
#con03_tab1 .counseling_box .calendar_box table tbody td.notend{color:#111; cursor:pointer;}
#con03_tab1 .counseling_box .calendar_box table tbody td.on{background: #009f3f;}

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

.con07 .con07_tabWrap{width:90%; margin: 0 auto; display: flex; justify-content: space-between;}
.con07 .con07_tabWrap li{width: 33%; height:100%;}
.con07 .con07_tabWrap li a{display: block; width: 100%; height: 100%; background: url('https://cdn.hackersut.com/m/img/event/2024/11/1800/re_251111/con07_tab_bg.png') no-repeat; height:30.5vw; 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:57.8%; left: 50%; transform: translateX(-50%); width:84%; height: 13vw; display: none;}
.con07_subTab li{width: 32.33%; height:100%; display: inline-block;}
.con07_subTab li a{display: inline-block; width: 100%; height: 100%;}

/* 근거문구 */
.reason { position: absolute; width:95%; top:8%; 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); } 

.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{width: 92%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.layer_wrap{z-index:9;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:8;}
.layer_box{position:fixed;top:50%;left:50%;z-index:9;transform: translate(-50%,-54%);width: 95%;max-width: 557px;}

.pop_area{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9;}
.pop_area .pop_vod{width: 95%; 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: 3%; right: 4%; font-size: 6vw; font-weight: bold; color: #fff;}
.pop_area .close{padding: 1% 3%; top: -25%; right: 0; background: #000;}

.pop_btn{display: block; margin: 3% auto; padding: 5% 0; text-align: center; font-size: 16px; color: #fff; background: #121212; border-radius: 5px;}

/* 팝업 내 콘텐츠 영역 */
.layer_box .layer_con{background: #fff;border-top: none;box-sizing: border-box;padding: 3% 5% 5%; max-height: 80%;width: 100%; border-radius: 0 0 25px 25px;}
.layer_box .layer_con .pop_scroll{height: 100vw; max-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: 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%; text-indent: 5px}
.layer_box .layer_con table td input[type="text"].input_w65{width: 65%;margin-left: -4px;}
.layer_box .layer_con .tit_txt{text-align: center;width: 100%;display: block;font-size: 14px;display: block;border-bottom: 1px solid #ccc;padding-bottom: 25px;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/2024/11/1800/radio_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: 24px;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/2024/11/1800/radio_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%; box-sizing: border-box;padding: 15px;border: 1px solid #ccc;}
.layer_box .layer_con .detail_box p{font-size: 0.8rem;}
.layer_box .layer_con .detail_box input[type="checkbox"] + label{display: inline-block;width: 100%;height: 20px;line-height: 20px; font-size: 12px; 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/2024/11/1800/radio_on.png") 0 0 no-repeat;background-size: 20px;}

/*신청단*/.btn_box{margin: 3vw auto;width: 50%;text-align: center;padding:1% 0;border-radius: 20px;color: #000; display: flex; align-items: center;justify-content: center;}
.btn_box strong{margin: 0 5%; font-size: 5vw;}
.btn_box span{color: #000;font-size: 6vw;}
.btn_box#type2{background: #ce87d4;}

.calendar_desc{display: flex;color:#111;margin-left:3%;}
.calendar_desc div{display: flex;align-items: center;}
.calendar_desc div:last-of-type{margin-left: 10px;}
.calendar_desc span.done{background: #d2d2d2;display: inline-block;width: 10px;height: 10px;border-radius: 3px;margin-right: 3px;}
.calendar_desc span.possible{background: #111;display: inline-block;width: 10px;height: 10px;border-radius: 3px;margin-right: 3px;}
.counseling_box .calendar_wrap{width: 88%; margin: 0 auto; padding: 2% 3% 2%; position: relative; background: #fff; border-radius: 20px;}
.counseling_box .calendar_box{position:relative;}
.counseling_box .calendar_box table{width:100%;}
.counseling_box .calendar_box table thead th{padding:3% 0;font-size:1.3em;font-weight: 400;}
.counseling_box .calendar_box table tbody td{padding:4% 0;font-size:1.4em;text-align:center;font-weight: bold;}
.counseling_box .calendar_box table tbody td.end{color:#aaa; cursor:default;}
.counseling_box .calendar_box table tbody td.notend{color:#111; cursor:pointer;}
.counseling_box .calendar_box table tbody td.on{font-weight: bold; color: #fff; background: #3a68ff;border-radius: 10px;}
.counseling_box .calendar_box table tbody td div.select_day{display:block; width:100%; height:100%;}
.counseling_box .calendar_box table tbody td div.select_day.done{color:#aaa; cursor:default;}
.counseling_box .calendar_box table tbody td div.select_day:not(.done){color:#111; cursor:pointer;}
.counseling_box .calendar_box table tbody td div.select_day.on{font-weight: bold; color: #fff; background: #3a68ff; border-radius: 10px;}
.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_btn{display: block;background: #111;color: #fff;border-radius: 50px;padding: 4% 0;font-size: 1rem;width: 90%;text-align: center;margin: 3% auto 0;}
.counseling_box .info_txt{margin-top: 3%; text-align: center; font-size: 12px; font-weight: bold; color: #555;}

/* ai_test_pop */
#ai_test_pop{display: none;}
#ai_test_pop .layer_box > img{display: block;}
.layer_box .layer_con .pop_process{width: 100%; margin-bottom: 3%; display: flex; justify-content: space-between; align-items: center;}
.layer_box .layer_con .pop_process li{width: 100%; padding-bottom: 2%; text-align: center; font-size: 1rem; 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; margin: 0 auto;}
.layer_box .layer_con .pop_con.type01{display: block;}
.layer_box .layer_con .pop_con h1{margin-bottom: 3%; font-size: 1.3rem; color: #121212;}
.layer_box .layer_con .pop_con h2{font-size: 1rem; color: #6e6e6e;}
.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: 30vw; max-width: 170px;}

.layer_box .layer_con .pop_con.type02 h1{text-align: center;}
.layer_box .layer_con .pop_con.type02 .question{width: 90%; margin: 0 auto;}
.layer_box .layer_con .pop_con.type02 .answer{display: none; margin: 3% 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: flex; align-items: center; padding: 5% 3%; font-size: 0.85rem; 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 / 5vw;}
.layer_box .layer_con .pop_con.type02 .answer li input[type="radio"] + label span{display: block; width: 5vw; max-width: 30px; height: 5vw; max-height: 30px; margin-right: 10px; line-height: 5vw; 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 / 5vw;}
.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: 50%; text-align: right; display: flex; justify-content: flex-end;}
.layer_box .layer_con .pop_con.type03 .result_info li{display: flex; align-items: center; margin-left: 5%; font-size: 0.9em; 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 .report_tit{margin-top: 5%; padding-bottom: 1%; border-bottom: 2px solid #000;}
.layer_box .layer_con .pop_con.type03 .my_result{}
.layer_box .layer_con .pop_con.type03 .my_result li{height: 2.5vw; max-height: 12px; position: absolute; top: 9.8vw; left: 0; background: #0072ff; border-radius: 25px;}
.layer_box .layer_con .pop_con.type03 .my_result li:nth-child(2){top: 29.2vw;}
.layer_box .layer_con .pop_con.type03 .my_result li:nth-child(3){top: 48.5vw;}

.layer_box .layer_con .pop_con.type03 .my_answer{margin: 10% 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: 20%; padding: 10px 0; text-align: center; font-size: 0.9rem; 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: 10vw; max-width: 55px; margin: 0 auto;}
.layer_box .layer_con .pop_con.type03 .my_answer .b_circle{display: inline-block; width: 20px; height: 20px; line-height: 20px; 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: 20px; height: 20px; line-height: 20px; 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 h1{font-size: 1rem;}
.layer_box .layer_con .pop_con.type03 .advice p{line-height: 1.6; font-size: 0.9rem; color: #000; word-break: keep-all;}

@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 (min-width:600px) {
    .layer_wrap .close{font-size: 32px;}
    .pop_area .close{top: -60px;}

    .layer_box .layer_con .pop_con.type02 .answer li input[type="radio"] + label span{line-height: 30px;}

    .layer_box .layer_con .pop_con.type02 .answer li input[type="radio"] + label{background-size: 25px;}
    .layer_box .layer_con .pop_con.type02 .answer li input[type="radio"]:checked + label{background-size: 25px;}

    .layer_box .layer_con .pop_con.type03 .my_result li{top: 61px;}
    .layer_box .layer_con .pop_con.type03 .my_result li:nth-child(2){top: 174px;}
    .layer_box .layer_con .pop_con.type03 .my_result li:nth-child(3){top: 286px;}

}

/* 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; width:95%;z-index:1; 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;} 

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

#bottom__menu{display: none !important;}