* { padding:0; margin:0; }
.re_f_wrap { margin-top:0; }
.evt_wrap { overflow:hidden; }
.in { width:1000px; margin:0 auto; position:relative; text-align:center; }
.in_wide { width:2600px; margin-left:-1300px; left:50%; position:relative; text-align:center; }
.ov { overflow:hidden; }
.on { display:block; }
.p_r { position: relative; }

/* timer */
.timer_wrap{background-color:#242424; width:100%; z-index: 10; padding: 0.5% 0 1%;}
.timer_wrap .timer{position:absolute;top:44%;left:39.8%; transform: translateY(-50%);}
.timer_wrap .timer span{display:inline-block; font-size:44px;color:#fff;letter-spacing: 0.55em; font-weight:bold;}
.timer_wrap .timer span.time1{margin-right: 52px;}
.timer_wrap .timer span.time2, .timer_wrap .timer span.time3{margin-right: 17px;}
.timer_wrap .gisu { width: 120px; height: 35px; line-height: 35px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); text-align: center; border: 2px dashed #ffff00; color: #ffff00;font-size: 19px; font-weight: bold; }
.timer_wrap .timer_txt { position: absolute;left: 33%;top: 50%;transform: translateY(-50%);width: 150px;color: #9b9b9b;font-size: 20px;}
.timer_wrap .timer_txt span{color:#9b9b9b;}
.timer_wrap .gisu_txt {color: #666;position: absolute;left: 50%; bottom: -19%;width: 1000px;text-align: left;display: flex; justify-content: center; align-items: center;font-size: 12px;word-break: keep-all;transform: translateX(-50%);}
.timer_wrap .gisu_txt p:nth-of-type(1){margin-right: 10px;}
.timer_wrap .btn_text{position: absolute;top: 10%;right: 0;}

.is-show { display: block !important; }
.is-hide { display: none !important; }

.con01 { background: #00011d; }
.con01 .con01__sys_f.type2 { display: none; }
.con01__sys_f { position: absolute; top: 50px; left: 50%; transform: translateX(-50%); font-size: 50px; color: #fff; }

.con01__type2 { display: none; }
.con01__type2 .con01_2 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; z-index: 5; }
.con01__type2 .con01_3 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; }

.bx-wrapper .bx-viewport { background: unset; }
.con02__sd-box { position: absolute; top: 70px; left: 50%; transform: translateX(-50%); width: 670px; }
.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: 50px; height: 50px; top: 470px; }
.con02__sd-box .bx-wrapper .bx-controls-direction .bx-prev { left: 50px; }
.con02__sd-box .bx-wrapper .bx-controls-direction .bx-next { right: 500px; background-position-x: 100%; }

.con03__gisu { position: absolute; top: 84px; left: 50%; font-size: 35px; color: #fff; transform: translateX(-50%); }
.con03 .benefit-img { position: absolute; top: 260px; left: 50%; transform: translateX(-50%); display: flex; width: 690px; justify-content: space-between; margin: 0 auto; }
.con03 a { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 690px; height: 190px; }

.con06 { background:#121212 url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/con06.jpg')0 center no-repeat; padding-bottom: 100px; }
#tabmenu { margin: 0 auto; display: flex; align-items: center; width: 690px; }
#tabmenu li { width: calc(100%/2); box-sizing: border-box; margin-right:0; text-align: center }
#tabmenu li a { font-size:30px; 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; }

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

.con06 .ver1 a:nth-of-type(1).active { background-position-y: -311px; }
.con06 .ver1 a:nth-of-type(2).active { background-position-y: -311px; }
.con06 .ver1 a:nth-of-type(3).active { background-position-y: -311px; }
.con06 .ver1 a:nth-of-type(4).active { background-position-y: -414px; }
.con06 .ver1 a:nth-of-type(5).active { background-position-y: -414px; }
.con06 .ver1 a:nth-of-type(6).active { background-position-y: -414px; }
.con06 .ver1 a:nth-of-type(7).active { background-position-y: -518px; }

.con06 .ver2 a { background: url('https://cdn.hackersut.com/ingang/images/event/2025/12/0300/tab2.png') 0 0 no-repeat; }
.con06 .ver2 a:nth-of-type(2) { background-position-x: -230px; }
.con06 .ver2 a:nth-of-type(3) { background-position-x: -460px; }

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

.con06 .tab-con { margin: 0 auto; width: 690px; position: relative; }
.con06 .tab-con .vid-wrap { position: absolute; top: 383px; left: 52px; width: 69.1%; height: 36.8%; overflow: hidden; border-radius: 20px; }
.con06 .tab-con .vid-wrap video { width: 100%; height: 100%; }

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

.con09 .js-tab-type1-con ul { display: flex; width: 690px; flex-wrap:wrap; justify-content: space-between; margin: 0 auto; }
.con09 .js-tab-type1-con li { width: calc(100% / 2 - 10px); 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: 30px; color: #fff; transition: all 0.5s; }
.con09 li:has(input[type="checkbox"]:checked) { background-color: #fff; color: #222222; }

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

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

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

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

.con09 .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; }
.con09 .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; }
.con09 .js-tab-type1-con li input:checked::after { background-position-y: 100%; }
.con09 .js-tab-type1-con li .title-wrap { display: flex; font-size: 22px; font-weight: bold; margin-top: 10px; }
.con09 .js-tab-type1-con li .title-wrap p:nth-of-type(1) { display: flex; align-items: center; }
.con09 .js-tab-type1-con li .title-wrap p:nth-of-type(1)::after { content: ''; display: block; width: 1px; height: 20px; background: #6b93c8; margin : 0 10px; }
.con09 .js-tab-type1-con li .get_curriculum-btn { color: #a7b6d6; display: inline-block; margin: 10px 0 20px; }
.con09 .js-tab-type1-con li .lect-wrap { font-size: 40px; font-weight: bold; }
.con09 .js-tab-type1-con li .lect-wrap span { font-size: 30px; }

#selectLect { position: relative; }
#selectTeacher { position: absolute; top: 143px; left: 50%; transform: translateX(-50%); width: 611px; height: 60px; overflow-y: auto; text-align: left; display: flex; flex-wrap: wrap; line-height: 30px; font-size: 16px; }
#selectTeacher li { width: calc(100%/2); }
#selectTeacher li span { display: inline-block; margin-right: 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: 120px; }

.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: 50%; left: 50%; z-index: 9999; transform: translate(-50%, -50%); background: #fff; border-radius: 20px; }
.pop_add_wrap { padding:22px 22px 30px; background:#fff; text-align:center; }
.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: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; margin-top:20px; }
.pop_add_wrap a.close { position:absolute; right:10px; top:10px; }
.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; }
#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:500px; }

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

/* iframe video popup */
.video_popup { position: fixed; top: 0%; left: 0%; width: 100%; z-index: 100; height: 100vh; display: none; }
.video_popup .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; }

.layer_wrap.curriculum .pop_add_wrap { width:500px; height:450px; padding: 30px 10px; border-radius: 0 0 20px 20px; }
.layer_wrap.curriculum .pop_add_wrap::-webkit-scrollbar { width: 10px; }
.layer_wrap.curriculum .pop_add_wrap::-webkit-scrollbar-track { background-color: transparent; }
.layer_wrap.curriculum .pop_add_wrap::-webkit-scrollbar-thumb { background-color: #d6d6d6; border-radius: 5px; }
.layer_wrap.curriculum .pop_add_wrap::-webkit-scrollbar-button { display: none; }

.layer_wrap.curriculum h3 { position: relative; width: 100%; padding: 15px 0; text-align: center; z-index: 1; font-weight: 700; font-size: 35px; color: #222; }
.layer_wrap.curriculum h3 p { color:#0076fa; }
.layer_wrap.curriculum dl { display:flex; flex-wrap: wrap; box-sizing: border-box; color: #222; }
.layer_wrap.curriculum dt { background:#0076fa; padding:10px 0; border-radius: 20px; font-size: 20px; 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; }
.layer_wrap.curriculum a.close { display: block; position: absolute; top: -58px; right: 0; font-size: 30px; color: #fff; border-radius: 50px; padding: 10px 15px 8px; text-shadow: none; }

/* bottom banner */
.ban_bottom { width:100%; text-align:center; position:fixed; left:0; bottom:0; z-index:999; }
.ban_bottom img { width: 100%; }
.ban_bottom a{position: absolute;top: 0;left: 0;width: 50%;height: 100%;}
.ban_bottom a:nth-of-type(2){left:50%;}

.right_pop_close { position:absolute; right:0; top:0; width:20px; height:20px; background:#222; border-radius:50%; text-indent:-9999px }
.right_pop_close::before { content: ""; width: 60%; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); }
.right_pop_close::after { content: ""; width: 60%; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); }

/* T-PASS quick banner */
.quick_bnr { position:absolute; top:270px; right:100px; border-radius: 0 0 23px 23px; overflow: hidden; z-index: 100; }
.quick_bnr .sys-f { position: absolute; color: #ddd; top: 10px; left: 58px; }
.quick_bnr ul { position: absolute; overflow-y: auto; left: 50%; top: 152px; width: 158px; height: 75px; transform: translateX(-50%); }
.quick_bnr ul::-webkit-scrollbar { width: 5px; }
.quick_bnr ul::-webkit-scrollbar-thumb { background-color:#555; }
.quick_bnr ul::-webkit-scrollbar-track { background-color: transparent; }
.quick_bnr ul li { padding: 10px; position: relative; }
.quick_bnr ul li p.lec_name { font-size:13px; color:#222 }
.quick_bnr ul li p.courses { font-size:14px; }
.quick_bnr ul li .lec_price { display: block; text-align: right; font-size:19px; color:#222; }
.quick_bnr ul li > a { position: absolute; top: 10px; left: 0px; font-weight: bold; font-size: 15px; color: #222; }

.e_faq_box a { text-decoration:none; }
.e_faq_box .tit_faq { background:#ededed; text-decoration:none; }
.e_faq_box .tit_faq > a { display:block; position:relative; width:1000px; height:80px; margin:0 auto; line-height:72px; font-size:25px; color:#333; letter-spacing:-1px; font-weight:700 }
.e_faq_box .cont_faq { padding-bottom:50px }
.e_faq_box .cont_faq table { width:1000px; margin:0 auto; border:0 }
.e_faq_box .cont_faq th,.e_faq_box .cont_faq td { border:0; background:0; padding:0; text-align:left }
.e_faq_box .cont_faq th { padding:36px 0 16px; font-size:18px; color:#333; letter-spacing:-1px; }
.e_faq_box .cont_faq td { font-size:13px; color:#000; line-height:20px }
.e_faq_box .ico_set { display:inline-block; background-image:url('https://cdn.hackersut.com/ingang/images/banner/icon_event_faq.png'); vertical-align:middle }
.e_faq_box .ico_set.ico { width:55px; height:55px; margin-right:12px; background-position:0 0 }
.e_faq_box .ico_set.arr { position:absolute; top:29px; right:0; width:44px; height:22px; background-position:-57px 0 }
.e_faq_box .js-faq-tit.on .ico_set.arr,
.e_faq_box .js-faq-title.on .ico_set.arr { background-position:-57px -24px }
.user_info { width: 1000px; margin: 50px auto 0; }
.right_ban { position:fixed; right:10px; top:300px; z-index:999; }

/* FAQ dark theme */
.e_faq_box{color: #fff; background: #444;}
.e_faq_box .tit_faq{background: #444;}
.e_faq_box .tit_faq strong{color: #fff;}
.e_faq_box .user_info li{font-size: 20px; font-weight: bold; border-bottom: 1px solid #666;}
.e_faq_box .user_info li a{width: 100%; padding: 15px 5px; display: flex; justify-content: space-between; color: #fff;}
.e_faq_box .user_info li .txt{display: none; width: 100%; padding: 0 5px 20px 5px; font-size: 14px; font-weight: normal;}
.e_faq_box .user_info li .txt table{margin-top: 30px;}
.e_faq_box .user_info li .txt table td{padding: 5px; color: #fff; border: 1px solid #fff;}