/* common */
body { overflow-x:hidden; } 
.ov, .evt_wrap { overflow:hidden; } 
.re_f_wrap { margin-top:0; } 
.main_inner { width:1050px; margin:0 auto; position:relative; text-align:center; } 
.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; } 
.in750 { width:750px; margin:0 auto; position:relative; text-align:center; } 
:focus { outline:none; } 
.pos_r { position:relative; } 
.fc_red { color:#ff0000 !important; } 
.hidden { display: none; } 

.con01 .gif_area { width: 100%; position: absolute; bottom: 0; left: 50%; transform: translatex(-50%); display: flex; justify-content: center; } 
.con01 .gif_area li { margin: 0 10px; border-radius: 20px; overflow: hidden; } 

/* 애니메이션 */
.con01 .title { position: absolute; top: 200px; right: -40%; animation: slide 0.7s ease-in-out forwards; } 
.con01 .fire { position: absolute; top: 220px; left: 25%; animation: dundun 1s linear alternate infinite; } 
.con01 .fire_bg { position: absolute; top: 170px; left: 28%; width: 340px; height: 440px; border-radius: 50%; } 
.con01 .sys_f { position: absolute; top: 108px; left: 46%; font-size: 46px; color: #fcf0e8; letter-spacing: 4px; } 

@keyframes slide { 
 from { right: -40%; } 
 to { right: 28%; } 
 }
@keyframes dundun { 
 from { top: 240px; } 
 to { top: 210px; } 
 }

.con02 { background-color: #191919; } 
.con02 .tab_area { padding-top:30px; } 
.tab_area ul { display: flex; justify-content: center; gap: 20px; } 
.tab_area ul li { width: 8%; border-bottom: 1px solid #5c5c5c; padding-bottom: 8px; margin-bottom: 20px; } 
.tab_area ul li.on { border-bottom: 1px solid #ff1f2f; } 
.tab_area ul li:last-child.on { border-bottom: 1px solid #0078ff; } 
.tab_area ul li a { color: #5c5c5c; font-size: 36px; } 
.tab_area ul li.on a { color: #ff1f2f; } 
.tab_area ul li:last-child.on a { color: #0078ff; } 
.tab_area div .sys_f { position: absolute; top: 226px; left: 43.2%; font-size: 30px; font-weight: bold; color: #fff; } 
.tab_btn { position: absolute; bottom:9%; left: 50%; transform: translateX(-50%); width: 25%; height: 80px; } 

.con02 .sys_f { position: absolute; top: 168px; left: 43.3%; font-size: 74px; font-weight: bold; font-style: italic; color: #ff1f2f; } 

.con02 .js-tab-type1-con,
.con11 .js-tab-type1-con { padding-bottom: 65px; } 

.con04 .bx-wrapper .bx-viewport { height: 336px !important; } 
.con04 .sd_box { position: absolute; top: 550px; left: 50%; transform: translateX(-50%); width: 2050px; } 
.con04 .sd_box .bxslider li { transition: filter 0.4s ease, transform 0.4s ease; filter: brightness(0.5); } 

.con04 .sd_box .bxslider li.is-center { filter: brightness(1); transform: scale(1.05); } 

/* 상하단 가격단 - con02, con12 */
.lect { width: 650px; height: 270px; position: absolute; top: 19%; left: 50%; transform: translateX(-50%); text-align: left; } 
.lect .dc { position: absolute; top: 48px; left: 51px; font-size: 20px; color: #222; } 
.lect .lect_info { position: absolute; top: 200px; left: 40px; font-size: 22px; color: #606060; } 
.lect .price { position: absolute; top: 201px; right: 233px; font-size: 24px; color: #767676; text-decoration: line-through; } 
.lect .dc_price { position: absolute; top: 169px; right: 20px; font-size: 42px; font-weight: bold; color: #222; } 
.lect .dc_price span { font-size: 54px; } 
.lect .add_info { position: absolute; top: 363px; left: 0; font-size: 16px; color: #606060; text-align: center; width: 100%; } 

.lect .lect_info2 { position: absolute; top: 297px; left: 40px; font-size: 22px; color: #606060; } 
.lect .price2 { position: absolute; top: 295px; right: 233px; font-size: 24px; color: #767676; text-decoration: line-through; } 
.lect .dc_price2 { position: absolute; top:281px; right: 26px; font-size: 42px; font-weight: bold; color: #222; } 
.lect .dc_price2 span { font-size: 54px; } 

.lect02 { top: unset; bottom: 274px; } 
.lect02 .dc { left: 52px; } 


/* 수강신청 팝업 */
.pop_wrap { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; } 
.pop_wrap .bg { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); } 
.pop_wrap .pop_con { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.pop_wrap .pop_con .pop { display: none; } 
.pop_wrap.pop_wrap2 .month { position: absolute; top: 120px; left: 16%; font-size: 43px; color: #ff1f2f; font-weight: 600; } 
.pop_wrap.pop_wrap2 .month.blue { color: #0078ff; } 

.con06 .bg { width: 100%; position: absolute; bottom: 0; left: 0; } 

.con08 { background: #000; padding-bottom: 100px; } 
.con08 .bx-wrapper { padding-bottom: 50px; overflow: hidden; } 
.con08 .bx-wrapper .bx-viewport { width: 142% !important; height: 504px !important; margin-left: -680px; } 
.con08 .bx-wrapper .bx-viewport .bxslider li { opacity: 0.5; transform:scale(0.9); position: relative; } 
.con08 .bx-wrapper .bx-viewport .bxslider li.active-slide { opacity: 1; transform:scale(1.1) } 
.con08 .bx-wrapper .bx-pager { left: 50%; transform: translateX(-50%); } 
.con08 .bx-wrapper .bx-pager.bx-default-pager a { background: #4c4c4c; background-image: none; border-radius: 25px; } 
.con08 .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { width: 35px; background: #ff0024; } 

.con09 { background: #000; } 
.con09 .bxslider img { border-radius: 20px; } 
.con09 .bx-wrapper .bx-viewport { height: 848px !important; } 
.con09 .bx-wrapper .bx-viewport .bxslider li { opacity: 0.3; transform:scale(0.95); position: relative; } 
.con09 .bx-wrapper .bx-viewport .bxslider li.active-slide { opacity: 1; transform:scale(1) } 
.con09 .bx-wrapper .bx-controls-direction a { width: 25px; height: 45px; background: url(https://cdn.hackersut.com/www/images/event/2024/08/1400/con09_arrow.png); background-size: cover; } 
.con09 .bx-wrapper .bx-controls-direction a.bx-prev { left: 28%; transform: scale(-1) } 
.con09 .bx-wrapper .bx-controls-direction a.bx-next { right: 28%; } 

.con_eng { background: url(https://cdn.hackersut.com/www/images/event/2024/08/1400/re_260102/eng_bg.jpg); padding-bottom: 100px; } 
.con_eng .lect_list { position: absolute; top: 290px; left: 50%; transform: translateX(-50%); width: 1000px; display: flex; } 
.lect_list li { width: calc(100% / 8); background: url(https://cdn.hackersut.com/www/images/event/2024/08/1400/re_260102/eng_tab.png) 3px 0 / 800% no-repeat; height: 0; padding-bottom: 182px; font-size: 0; } 
.lect_list li:nth-of-type(2) { background-position-x: 14%; } 
.lect_list li:nth-of-type(3) { background-position-x: 28.2%; } 
.lect_list li:nth-of-type(4) { background-position-x: 41.9%; } 
.lect_list li:nth-of-type(5) { background-position-x: 56.6%; } 
.lect_list li:nth-of-type(6) { background-position-x: 70.9%; } 
.lect_list li:nth-of-type(7) { background-position-x: 84.7%; } 
.lect_list li:nth-of-type(8) { background-position-x: 98.6%; } 
.lect_list li.on { background-position-y: 100%; } 


.con_eng .pub_vid_box { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 690px; z-index: 2; height: 391px; border-radius: 20px; overflow: hidden; } 
.con_eng .thum { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 690px; border-radius: 20px; overflow: hidden; } 
.con_eng .thum::before { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); display: block; content: ''; width: 100%; height: 100%; z-index: 2; } 
.con_eng .thum::after { position: absolute; top: 0; left: 0; background: url('https://cdn.hackersut.com/www/images/event/2024/08/1400/re_260102/eng_play-btn.png')0 0 no-repeat; display: block; content: ''; width: 100%; height: 100%; z-index: 3; } 
.con_eng .thum img { width: 100%; } 
#m01 { width: 100%; height: 100%; } 
#m01 video { width: 100%; height: 100%; } 

.con_math-wrap { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 
.con_math .lect_list { margin: 0 auto; width: 430px; display: flex; position: absolute; top: 270px; left: 50%; transform: translateX(-50%); } 

.con_math .lect_list li { width: calc(100% / 3); background: url(https://cdn.hackersut.com/www/images/event/2024/08/1400/re_260102/math_tab.png) 3px 0 / 300% no-repeat; } 
.con_math .lect_list li:nth-of-type(2) { background-position-x: 48%; } 
.con_math .lect_list li:nth-of-type(3) { background-position-x: 97%; } 
.con_math .lect_list li.on { background-position-y: 90%; } 

.con_math .pub_vid_box { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 690px; z-index: 2; height: 391px; border-radius: 20px; overflow: hidden; } 
.con_math .thum { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 690px; border-radius: 20px; overflow: hidden; } 
.con_math .thum::before { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); display: block; content: ''; width: 100%; height: 100%; z-index: 2; } 
.con_math .thum::after { position: absolute; top: 0; left: 0; background: url('https://cdn.hackersut.com/www/images/event/2024/08/1400/re_260102/math_play-btn.png')0 0 no-repeat; display: block; content: ''; width: 100%; height: 100%; z-index: 3; } 
.con_math .thum img { width: 100%; } 


/* 플로팅 배너 */
.dundun { position: fixed; left: 4%; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer; } 

.quick_ban { position: fixed; right: 4%; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer; } 
.dundun img, .quick_ban img { width: 100%; }