/* common */
body{overflow-x: hidden;}
.ov{overflow: hidden;}
.event-wrap { margin:0 auto; overflow:hidden; } 
.event-wrap img { display:block; width:100% } 
.event-wrap .p_r { position:relative; } 

/* timer */
.time_w { position: relative; padding: 3% 0; background: #222; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } 
.time_w .timeText_w { display: flex; align-items: center; font-size: 5vw; line-height: 1; color: #ccc; letter-spacing: 1px; } 
.time_w .timeText_w span > span { color: #fff; font-weight: bold; } 
.time_w > .timer_txt { color: #9b9b9b; font-size: 3vw; letter-spacing: -1px; text-align: center; margin-right: 3%; } 
.gisu_txt { width: 100%; margin-top: 1%; font-size: 0.6rem; letter-spacing: -1px; background-color: #222; color: #9b9b9b; text-align: center; } 
.gisu_txt p { letter-spacing: 0; } 

.con01_2 { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } 
.con01_3 { position: absolute; top: 0; left: 0; width: 100%; } 

.con02__sd-box { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); width: 90%; } 
.con02__sd-box img { border-radius: 20px; overflow: hidden; } 
.con02__sd-box .bx-wrapper .bx-controls-direction a { background: url(https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con02_arrow.png) 0 0 / cover no-repeat; width: 30px; height: 30px; top: 67%; } 
.con02__sd-box .bx-wrapper .bx-controls-direction .bx-prev { left: 6%; } 
.con02__sd-box .bx-wrapper .bx-controls-direction .bx-next { right: 71%; background-position-x: 100%; } 

.con03__gisu { position: absolute; top: 10%; left: 50%; font-size: 5vw; color: #fff; transform: translateX(-50%); width: 100%; text-align: center; } 
.cont03 .benefit-img { position: absolute; top: 31%; left: 50%; transform: translateX(-50%); display: flex; width: 80%; justify-content: space-between; margin: 0 auto; } 
.cont03 a { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 90%; height: 23%; } 

.cont06 { background:#121212 url('https://cdn.hackersut.com/m/img/event/2025/12/0300/cont06.jpg')0 center no-repeat; padding-bottom: 10%; } 
#tabmenu { margin: 0 auto; display: flex; align-items: center; width: 90%; } 
#tabmenu li { width: calc(100%/2); box-sizing: border-box; margin-right:0; text-align: center } 
#tabmenu li a { font-size:4vw; font-weight:bold; display: block; color:#999; border-bottom: 1px solid #999; padding: 10px 0; } 
#tabmenu li.on { border-bottom:1px solid #fff } 
#tabmenu li.on a { color:#fff; } 

.cont06 .con06-tab { display: flex; flex-wrap:wrap; width: 90%; margin: 10% auto; } 
.cont06 .con06-tab a { display: block; width: calc(100% / 3); height: 0; padding-bottom: 15%; font-size: 0; } 
.cont06 .ver1 a { background: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/tab1.png') 0 0/300% no-repeat; } 
.cont06 .ver1 a:nth-of-type(2) { background-position-x: 50%; } 
.cont06 .ver1 a:nth-of-type(3) { background-position-x: 100%; } 
.cont06 .ver1 a:nth-of-type(4) { background-position: 0 20%; } 
.cont06 .ver1 a:nth-of-type(5) { background-position: 50% 20%; } 
.cont06 .ver1 a:nth-of-type(6) { background-position: 100% 20%; } 
.cont06 .ver1 a:nth-of-type(7) { background-position: 0 40%; } 

.cont06 .ver1 a:nth-of-type(1).active { background-position-y: 61%; } 
.cont06 .ver1 a:nth-of-type(2).active { background-position-y: 61%; } 
.cont06 .ver1 a:nth-of-type(3).active { background-position-y: 61%; } 
.cont06 .ver1 a:nth-of-type(4).active { background-position-y: 80.6%; } 
.cont06 .ver1 a:nth-of-type(5).active { background-position-y: 80.6%; } 
.cont06 .ver1 a:nth-of-type(6).active { background-position-y: 80.6%; } 
.cont06 .ver1 a:nth-of-type(7).active { background-position-y: 100%; } 

.cont06 .ver2 a { background: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/tab2.png') 0 0/300% no-repeat; padding-bottom: 14.2%; } 
.cont06 .ver2 a:nth-of-type(2) { background-position-x: 50%; } 
.cont06 .ver2 a:nth-of-type(3) { background-position-x: 100%; } 
.cont06 .ver2 a.active { background-position-y:100%; } 

.cont06 .ver3 a { background: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/tab3.png') 0 0/100% no-repeat; } 
.cont06 .ver3 a.active { background-position-y:100%; } 

.cont06 .tab-con { margin: 0 auto; width: 90%; position: relative; } 
.cont06 .tab-con .vid-wrap { position: absolute; top: 52%; left: 6.2%; width: 62.1%; height: 38.8%; overflow: hidden; border-radius: 11px; background: #111; } 
.cont06 .tab-con .vid-wrap video { width: 100%; height: 100%; } 

.cont05 .lect_text { position:absolute; font-size:11px; left:60%; top:30%; } 

.curriculum_btn { width: 50%; position: absolute; top: 23.8%; left: 44%; height: 10%; } 
.t_pass { width: 50%; position: absolute; top: 34.3%; left: 44%; height: 10%; } 
.vod_btn { width: 46%; position: absolute; top: 69%; left: 3.5%; height: 22%; } 
.more_btn { width: 46%; position: absolute; top: 69%; right: 3.5%; height: 22%; } 

.coupon_btn { position: absolute; width: 45%; height: 25.5%; text-indent: -9999px; } 
.coupon_btn.btn01 { top: 9%; left: 50%; } 
.coupon_btn.btn02 { top: 37%; right: 50%; } 
.coupon_btn.btn03 { top: 37%; left: 50%; } 
.coupon_btn.btn04 { top: 64.5%; left: 5%; } 
.coupon_btn.btn05 { top: 64.5%; left: 50%; } 

.cont09 { background: #0076fa; } 
.cont09 .js-tab-type1 { overflow:hidden; width: 90%; margin: 0px auto 10%; justify-content: space-between; display: flex; } 
.cont09 .js-tab-type1 li { width: calc(100%/2 - 5px); } 
.cont09 .js-tab-type1 li a { font-size: 4vw; display: block; border-radius: 50px; background: #338bff; color: #fff; padding: 5% 0; box-sizing: border-box; text-align: center; } 
.cont09 .js-tab-type1 li.on a { color:#0076fa; background: #fff; font-weight: bold; } 

.cont09 .js-tab-type1-con ul { display: flex; width: 90%; flex-wrap:wrap; justify-content: space-between; margin: 0 auto; } 
.cont09 .js-tab-type1-con li { width: calc(100% / 2 - 5px); background-color: #1352a6; border-radius: 20px; margin-bottom: 15px; background-position: 0 0; background-repeat: no-repeat; background-size: 100%; text-align: left; box-sizing: border-box; padding: 4%; color: #fff; transition: all 0.5s; } 
.cont09 li:has(input[type="checkbox"]:checked) { background-color: #fff; color: #222222; } 

.cont09 js-tab-type1-con li label { display: block; width: 100%; height: 100%; position: relative; } 

.cont09 #tab2_1 li:nth-of-type(1) { background-image: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con10_eng1.png'); } 
.cont09 #tab2_1 li:nth-of-type(2) { background-image: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con10_eng2.png'); } 
.cont09 #tab2_1 li:nth-of-type(3) { background-image: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con10_eng6.png'); } 
.cont09 #tab2_1 li:nth-of-type(4) { background-image: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con10_eng4.png'); } 
.cont09 #tab2_1 li:nth-of-type(5) { background-image: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con10_eng3.png'); } 
.cont09 #tab2_1 li:nth-of-type(6) { background-image: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con10_eng7.png'); } 
.cont09 #tab2_1 li:nth-of-type(7) { background-image: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con10_eng5.png'); } 

.cont09 #tab2_2 li:nth-of-type(1) { background-image: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con10_math1.png'); } 
.cont09 #tab2_2 li:nth-of-type(2) { background-image: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con10_math2.png'); } 
.cont09 #tab2_2 li:nth-of-type(3) { background-image: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con10_math3.png'); } 

.cont09 #tab2_3 li:nth-of-type(1) { background-image: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con10_essay1.png'); } 

.cont09 .js-tab-type1-con li label { display: block; width: 100%; height: 100%; position: relative; } 
.cont09 .js-tab-type1-con li input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 20px; height: 20px; position: relative; margin: 0; padding: 0; border: none; background: transparent; cursor: pointer; } 
.cont09 .js-tab-type1-con li input::after { background: url(https://cdn.hackersut.com/ingang/images/event/2025/12/0300/checkbox.png) 0 0 / 100% no-repeat; content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 0; left: 0; } 
.cont09 .js-tab-type1-con li input:checked::after { background-position-y: 100%; } 
.cont09 .js-tab-type1-con li .title-wrap { display: flex; font-size: 3.2vw; font-weight: bold; margin-top: 10px; } 
.cont09 .js-tab-type1-con li .title-wrap p:nth-of-type(1) { display: flex; align-items: center; } 
.cont09 .js-tab-type1-con li .title-wrap p:nth-of-type(1)::after { content: ''; display: block; width: 1px; height: 12px; background: #6b93c8; margin: 0 5px; } 
.cont09 .js-tab-type1-con li .get_curriculum-btn { color: #a7b6d6; display: block; margin: 10px 0 20px; font-size: 3vw; } 
.cont09 .js-tab-type1-con li .lect-wrap { font-size: 5vw; font-weight: bold; } 
.cont09 .js-tab-type1-con li .lect-wrap span { font-size: 4vw; } 

#selectLect { position: relative; } 
#selectTeacher { position: absolute; top: 32%; left: 50%; transform: translateX(-50%); width: 81%; height: 20%; overflow-y: auto; text-align: left; line-height: 4vw; font-size: 3vw; } 
#selectTeacher li span { display: inline-block; margin-right: 5px; width: 10px; height: 10px; } 

#selectTeacher::-webkit-scrollbar { width: 10px; } 
#selectTeacher::-webkit-scrollbar-track { background-color: transparent; } 
#selectTeacher::-webkit-scrollbar-thumb { background-color: #d6d6d6; border-radius: 5px; } 
#selectTeacher::-webkit-scrollbar-button { display: none; } 

.lect-box-register__btn { position: absolute; bottom: 0; width: 50%; left: 50%; transform: translateX(-50%); height: 36%; } 

.lect-box { position: fixed; bottom: 0; left: 0; z-index: 7; width: 100%; } 
#bot_banner #selectTeacher { top:66%; } 
#bot_banner .lect_btn { position: absolute; top: 33%; right: 5%; font-size: 0; width: 27%; height: 25%; background: unset; } 
.lect-box-btn { position: absolute; top: 15%; left: 50%; transform: translateX(-50%); width: 30%; height: 15%; } 
.lect-on { display: none; } 

/* 영상팝업 */
.mov_pop { display:none; position:fixed; top: 0; left: 0; z-index:101; height: 100%; width: 100%; } 
.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: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; padding-top: 58%; height: 0; } 
.mov_pop .layer_pop_vod iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 
.mov_pop .layer_pop_vod .movie_close { font-size:50px; color:#fff; position:absolute; top:-60px; right:0; display:inline-block; cursor:pointer; } 

.floating_bnr .inner { position: relative; } 
.floating_bnr .dday { position: absolute; top:50%; transform: translateY(-50%); left:4.5%; color:#fff; font-size: 4vw; font-weight: 600; } 

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

/*팝업*/
.layer_bg { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50); opacity:0.5; z-index:10; } 
.layer_wrap { display:none; } 
.layer_wrap .layer_pop { position: fixed; top: 10%; left: 2%; right: 2%; z-index: 11; background: #fff; border-radius: 20px; } 
.pop_add_wrap { padding:5%; background:#fff; text-align:center; border-radius: 20px; } 
.pop_add_wrap .file_wrap { background:#eee; text-align:center; padding:5%; margin-top:3%; } 
.pop_add_wrap .file_wrap strong { color:#222; font-size:1em; } 
.pop_add_wrap .file_wrap input { margin-left:15px; } 
.pop_add_wrap .user_info { margin:20px 0 0 0; } 
.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; max-width: 70%; margin: 20px auto 20px } 
.pop_add_wrap a.close { position:absolute; right:0; top:0; } 
.pop_add_wrap .pop_add_tit span { } 
.pop_add_wrap .pop_add_tit p { font-size:1em; font-weight:900; color:#ff6d3f; padding-top:5px; } 
#pop1_eng .pop_add_wrap, #pop2_eng .pop_add_wrap, #pop3_eng .pop_add_wrap, #pop4_eng .pop_add_wrap, #pop5_eng .pop_add_wrap { width:93%; margin:0 auto; } 
#pop4_eng img { max-width:100%; } 

/*커리큘럼 팝업*/
.layer_wrap.curriculum .pop_add_wrap { overflow-y:scroll; height:350px; padding: 30px 10px; } 
.layer_wrap.curriculum h3 { position: relative; width: 100%; padding: 15px 0; text-align: center; color: #222; font-weight: 700; } 
.layer_wrap.curriculum table { clear:both; word-break:break-all; } 
.layer_wrap.curriculum table td,
.layer_wrap.curriculum table th { border:1px solid #ccc; padding:2%; font-size:12px; } 
.layer_wrap.curriculum table th { background:#aaa; color:#000; font-size:12px; } 
.layer_wrap.curriculum table th:nth-child(1),
.layer_wrap.curriculum table th:nth-child(2) { width:10%; } 
.layer_wrap.curriculum table th:nth-child(3) { width:50%; } 
.layer_wrap.curriculum table th:nth-child(4) { width:15%; } 
.layer_wrap.curriculum a.close { display: block; position: absolute; top: -52%; right: 1%; font-size: 20px; color: #fff; border-radius: 50px; padding: 10px 15px 8px; text-shadow: none; } 

.layer_wrap.curriculum h3 p { color:#0076fa; font-size: 50px; } 


.layer_wrap.curriculum dl { display:flex; flex-wrap: wrap; box-sizing: border-box; } 
.layer_wrap.curriculum dt { background:#0076fa; padding:10px 0; border-radius: 20px; font-size: 1rem; font-weight: bold; width:100%; color: #fff; } 
.layer_wrap.curriculum dd { width:80%; color:#222; padding:20px 10px; margin:0; border-radius:26px 20px 0 0; font-size:15px; text-align: left; position:relative; box-sizing: border-box; margin-bottom: 15px; } 
.layer_wrap.curriculum .book_img { width:20%; height:100px; } 
.layer_wrap.curriculum .book_img2 { position: absolute; right: 20px; bottom:0; width:148px; height: 110px; background-color: #f00; } 
.layer_wrap.curriculum .book_img img { width:100%; display: inline-block; } 


 @media all and (max-width:640px){
 .layer_wrap.curriculum h3,
 .layer_wrap.curriculum h3 p { font-size: 7vw; } 
 }

@media all and (max-width:750px){
 .time_w > p.timer_txt2,
 .time_w > p.timer_txt { font-size: 3.6vw; } 
 
 .time_w .timeText_w span > span { font-size: 7vw; } 
 }