/* common */
.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; } 
.pos_r { position: relative; } 
.bx-wrapper .bx-viewport { background: none; } 

.con01 { background: url('//cdn.hackersut.com/ingang/images/event/2025/07/0900/con01_bg.png') no-repeat center center; background-size: cover; width: 100%; height: 937px; } 
.con01 .con01_txt { position: absolute; top: 82px; left: 57%; font-size: 30px; color:#e2ff42; z-index: 9; } 
.con01 .con01_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8; } 
.con01 .sd_box_on { position: absolute; top: 162px; left: 6%; width: 100%; z-index: 9; } 
.con01 .sd_box { position: absolute; top: 323px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 7; } 

.con03 .sd_box { bottom:-64px; } 

.count { position:relative; background:#4c4c4c; } 
.count .num { position:absolute; left:50%; margin-left:-182px; top:15px; font-size:47px; color:#000; letter-spacing:.6em; font-weight:600; width:241px; text-align:right; } 

.js-tab-type1-con .js-tab-type1 { border: 1px solid #ddd; box-sizing: border-box; border-top: none; border-radius: 0 0 25px 25px; padding: 15px 0; box-shadow: 0 7px 30px rgba(0,0,0,0.05); margin-bottom: 50px; } 
.js-tab-type1-con .js-tab-type1 li { width: 21%; display: block; padding: 5px 0; } 
.js-tab-type1.ver4 li { width:25%; } 
.js-tab-type1 li a { font-size:22px; color:#8d8d8d; } 
.js-tab-type1 li.on a { color:#222; } 

/* con05 */ 
.book_slide { width: 1030px; position: absolute; left: 50%; margin-left: -515px; top: 250px; } 
.book_slide li { width: 158px; } 
.book_slide .book_swiper { padding-bottom: 80px } 
.book_slide .swiper-horizontal>.swiper-scrollbar { bottom:25px; background: #d9d9d9; width: 540px; left: 50%; margin-left: -250px; } 
.book_slide .swiper-scrollbar-drag { background: #222; padding: 3px; border-radius: 10px; margin-top: -3px; } 

.con05 .bx-wrapper .bx-controls-direction .bx-prev { left: -47px; } 
.con05 .bx-wrapper .bx-controls-direction .bx-next { right: -47px; } 

.hit_slide { position: absolute; top:640px; left: 50%; transform: translateX(-50%); width: 650px; } 

.con09 .con09_title { position: absolute; left: 40%; font-size: 30px; font-weight: bold; color: #222; text-align: left; }
.con09 .con09_title.title1 { top: 29%; }
.con09 .con09_title.title2 { top: 52.5%; }
.con09 .con09_title.title3 { top: 76%; }

.con09 .con09_price { position: absolute; right: 40%; font-size: 32px; font-weight: bold; color: #222; text-align: right; width: 210px; }
.con09 .con09_price i { text-decoration: line-through; color: #999; font-size:24px; font-weight: 400; }
.con09 .con09_price.price1 { top: 25%; } 
.con09 .con09_price.price2 { top: 51.5%; right: 39.3%; } 
.con09 .con09_price.price3 { top: 75%; } 
.con09 .con09_price .discount{font-size: 42px;}

/*con07 */
.con07 .days { font-size: 24px; color: #fff; position: absolute; top: 470px; left: 50%; margin-left: -383px; } 
.con07 .sys_f { position: absolute; bottom: 49%; left: 31%; color: #fff; font-size: 1rem; } 
.con07 .event_num { font-size: 112px; font-weight:bold; color: #fff; position: absolute; top: 37%; left: 62%; margin-left: -479px; letter-spacing: 0.6em; } 
.con07 .event_days { box-sizing:border-box; border-bottom:0; margin-bottom: 20px; } 
.con07 .event_days ul { overflow:hidden; } 
.con07 .event_days ul li { position:relative; text-align:center; float:left; width:calc((100% - 26px) / 4); box-sizing:border-box; padding-top:113px; margin:0 7px 13px 0; background:url('//cdn.hackersut.com/ingang/images/event/2025/07/0900/stamp_on.png') no-repeat center 0; overflow: hidden; } 
.con07 .event_days ul li:nth-of-type(4n) { margin-right: 0; } 
.con07 .event_days ul li span { font-size:20px; display: inline-block; color:#838383; font-weight:600; width: 75%; padding-bottom:0; margin-bottom: 5px; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); } 
.con07 .event_days ul li p { font-size:36px; color:#838383; font-weight:600; position: absolute; top:62%; left: 50%; transform: translate(-50%, -50%); } 
.con07 .event_days ul li.today { background:url('//cdn.hackersut.com/ingang/images/event/2025/07/0900/stamp_on.png') no-repeat center 0; opacity: 1; } 
.con07 .event_days ul li.today { color:#222; } 
.con07 .event_days ul li.today { color:#222; } 
.con07 .event_days ul li.expire { background:url('//cdn.hackersut.com/ingang/images/event/2025/07/0900/stamp_off.png') no-repeat center 0; } 
.con07 .event_days ul li.expire span { font-size: 22px; color: #222; } 
.con07 .event_days ul li.expire p { font-size:36px; color:#fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.con07 .event_days_wrap { padding: 70px 0 43px; } 

.con07 .slide_box_ticker { position: absolute; top: 23%; left: 0; width: 100%; } 
.con07 .event_rolling { display: flex; background-color: #222; padding: 16px 0; height: 40px; line-height: 40px; } 
.con07 .event_rolling li { font-size: 24px; font-weight: 700; color: #fff; letter-spacing: 0.08rem; width: 214px !important; } 
.con07 .event_rolling li span { color: #c5ff5f; position: relative; padding: 0 15px; } 
.con07 .event_rolling li span:after { content: ''; position: absolute; top: 12px; right: -115px; width: 6px; height: 6px; border-radius: 100%; background-color: #fff; } 

.inpu_box { position: absolute; top: 86%; left: 39.4%; display: flex; } 
.inpu_box input { width: 500px; margin-right: 5px; height: 50px; box-sizing: border-box; padding:0 10px; background-color: #fff; border: none; border-radius: 10px; } 
.inpu_box button { width: 100px; color:#fff; background: #222; border-radius: 10px; text-align: center; height: 50px; line-height: 50px; display: block; } 

.evt_detail { position: fixed; top: 0%; left: 0%; color: #666; width: 100%; height:100%; z-index: 99; font-size: 16px; display: none; }
.pop_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
.evt_detail_con { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); border-radius: 20px; } 
.evt_subInfo,
.evt_subInfo2,
.evt_subInfo3 { position: fixed; top: 0%; left: 0%; color: #666; width: 100%; height:100%; z-index: 99; font-size: 16px; display: none; } 
.evt_subInfo_con { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); } 
.evt_subInfo2 .evt_subInfo_con,
.evt_subInfo3 .evt_subInfo_con { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); height: 750px; overflow-y: scroll; border-radius: 20px; } 
.evt_subInfo3 .evt_subInfo_con { overflow-y: auto; top: 7%; height:850px; } 

.sd_box .bx-wrapper .bx-controls-direction a { background:url("//cdn.hackersut.com/ingang/images/event/2023/08/2800/arrow.png") 0 0 no-repeat; width: 30px; height: 50px; margin-top: -25px !important; } 
.sd_box .bx-wrapper .bx-controls-direction a.bx-prev { transform: scale(-1); left: -5%; } 
.sd_box .bx-wrapper .bx-controls-direction a.bx-next { right: -5%; } 
.sd_box { position: absolute; bottom: 68px; left:50%; transform: translateX(-50%); } 
/* pop_list */
.pop_wrap { display:none; position:fixed; top:0; left:0; width: 100%; height:100%; z-index: 999; } 
.pop_wrap .pop_dim { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50); opacity:0.5; z-index:10; } 
.pop_lecture { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); box-sizing: border-box; text-align: center; max-width: 700px; width: 100%; z-index: 99; } 
.pop_lecture .pop_head { background:linear-gradient(120deg, #1C449B, #063086); border-top-left-radius: 50px; border-top-right-radius: 50px; text-align: center; padding: 30px 10px; } 
.pop_lecture .pop_head h3 { font-size:26px; color:#fff; } 
.pop_lecture .cont { display:none; background:#fff; text-align: center; margin:0 auto; padding:20px; } 
.pop_lecture .cont1 { display:block; } 
.pop_lecture .cont p { font-size: 12px; color:#878787; margin-top: 10px; } 
.pop_lecture .btn_close { position: absolute; right:25px; top:35px; cursor: pointer; } 
.table_layout { height:500px; overflow-y: scroll; -ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */ } 
.table_layout::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } 
.table_layout table { width:100%; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; } 
.table_layout table th { background:#f2f2f2; font-size:16px; font-weight:bold; color:#2c2c2c; } 
.table_layout table td { background:#fff; font-size:14px; color:#505050; } 
.table_layout table th, .table_layout table td { padding:5px 10px; word-break: keep-all; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } 

/* bx */
.bx-wrapper .bx-pager { width:100%; position:absolute; left:0; bottom:60px; text-align:center; } 
.bx-wrapper .bx-pager .bx-pager-item { display:inline-block; } 
.bx-wrapper .bx-pager .bx-pager-item a.active { background:#2367FA; border-radius: 35px; } 

/* comment_table */
.input_table { width: 100%; margin: 0 auto; } 
.input_table tr th,
.input_table tr td { height:50px; line-height:50px; font-size:14px; } 
.input_table tr td:first-child { text-align:center; } 
.input_table tr td:nth-of-type(2) { display:block; width:620px; white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis; } 
.input_table tr td:last-child { text-align:left; } 
#comment_table { position:absolute; left:239px; top:601px; width:650px; height:250px; } 

.floating { position: fixed; bottom: 0; left: 0; z-index: 99; width: 100%; } 

.cont_add { margin-bottom: 100px; } 
.cont_add .con12_txt { display: none; } 
.cont_add .infoBox_text_w { text-align: left; width: 65%; margin: 0 auto; } 
.cont_add .infoBox_text_w input { width: 20px; height: 20px; } 
.cont_add .pop_btn { font-size: 24px; color: #4c5baf; } 

.video_popup { position: fixed; top: 0%; left: 0%; width: 100%; z-index: 100; height: 100vh; display: none; } 
.bg { width: 100%; height: 100vh; background: rgba(0,0,0,0.5); } 
.video_popup .pop_video { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.video_popup .pop_video .video_close { font-size:50px; color:#fff; position:absolute; top:-60px; right:0; display:inline-block; cursor:pointer; } 

.pop_wrap .pop_con { position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; display: none; width: 80%; height: 60%; overflow-y: auto; } 
.pop_wrap .pop_con img { width: 100%; } 
.pop_wrap .pop_con::-webkit-scrollbar { width: 10px; } 
.pop_wrap .pop_con::-webkit-scrollbar-track { background-color: #eee; } 
.pop_wrap .pop_con::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 5px; } 
.pop_wrap .pop_con::-webkit-scrollbar-button { display: none; } 

.pop_wrap .test_btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: 10%; width: 80%; border-radius: 50px; text-align: center; padding: 3% 0; font-size: 25px; background: #b0b0b0; color: #fff; font-weight: bold; } 
.pop_wrap .test_btn.on { background: #fa4168; } 
.pop_wrap .pop_close_btn { position: absolute; top: 0px; right: 0; width: 50px; height: 50px; } 

/*영상 팝업*/
.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 .movie_close { font-size:50px; color:#fff; position:absolute; top:-60px; right:0; display:inline-block; cursor:pointer; } 

.layer_bg { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50); opacity:0.5; z-index:999; } 
.layer_wrap { display:none; } 
.layer_wrap .layer_pop { position:fixed; top:5%; left:50%; z-index:9999; transform: translateX(-50%); } 
.pop_add_wrap { padding:22px 22px 30px; background:#fff; text-align:center; width: 70%; margin: 0 auto; font-size: 20px; } 
.pop_add_wrap .file_wrap { background:#eee; text-align:center; padding:20px; margin-top:20px; } 
.pop_add_wrap .file_wrap strong { color:#222; font-size:16px; } 
.pop_add_wrap .file_wrap input { margin-left:15px; } 
.pop_add_wrap .user_info { margin:0 0 10px; text-align: left; width: 100%; background: #f1f1f1; border-radius: 14px; padding: 20px 16px; font-size: 16px; } 
.pop_add_wrap .user_info li { text-align:left; color:#777; line-height:23px; font-size:13px; } 
.pop_add_wrap .btn_wrap { text-align:center; margin-top:20px; } 
.pop_add_wrap a.close { position:absolute; right:0; top:0; } 
.pop_add_wrap .pop_add_tit span { font-size:16px; } 
.pop_add_wrap .pop_add_tit p { font-size:36px; font-weight:900; color:#ff6d3f; padding-top:5px; } 


/* 합격자 롤링 리스트 (win_list) */
.win_list{position: absolute; top:79.5%; left:50%; transform:translateX(-50%);}
.list_hk_v2{width:900px;height:245px;padding:0;box-sizing:border-box; margin:0 auto;overflow:hidden;margin-top: -100px;}
.list_hk_v2 li{height:40px;line-height:40px; display: flex; justify-content: space-around;}
.list_hk_v2 ul li div{width:33.3%; display: flex; align-items: center;}
.list_hk_v2 ul li div img{width: 34px; object-fit: contain;}
.list_hk_v2 ul li div p{font-size:16px;font-weight:bold;color:#222;text-align: center; margin-left: 10px;}