/* evt 공통 */
.evt_wrap * { letter-spacing:-1px; box-sizing: border-box; } 
.evt_wrap { overflow: hidden; } 
.inner { width:1000px; margin:0 auto; position: relative; } 
.inner_w { width: 2560px; position: relative; text-align: center; left: 50%; transform: translateX(-50%); margin: 0; } 
.ov { overflow: hidden; } 
.p_r { position: relative; } 
.p_c { position: absolute; left: 50%; transform: translateX(-50%); } 


.lect_area { top: 370px; width: 690px; } 
.cont12 .lect_area { top: 410px; } 
.cont12 .lect_area .price_wrap .price_inner { margin-bottom: 0; } 
.lect_area .tab_area { padding: 35px 50px; background: #f1f1f1; border-radius: 20px; width: 90%; margin: 0 auto 30px; } 
.lect_area .tab_area .tab_btn { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 20px; } 
.lect_area .tab_area .tab_btn li { width: 50%; } 
.lect_area .tab_area .tab_btn li a { display: block; width: 100%; font-size: 1.25rem; color: #9d9d9d; text-align: center; padding-bottom: 15px; border-bottom: 1px solid #9d9d9d; } 
.lect_area .tab_area .tab_btn li a.active { color: #333; border-bottom: 2px solid #333; font-weight: 700; } 
.lect_area .tab_area .tab_cont { display: none; } 
.lect_area .tab_area .tab_cont.active { display: block; } 
.lect_area .tab_area .lect_info_wrap li { font-size: 1.15rem; color: #333; text-align: left; margin-bottom: 10px; } 
.lect_area .tab_area .lect_info_wrap li span { font-size: .95rem; color: #9d9d9d; text-align: left; display: block; margin-top: 3px; } 
.lect_area .price_wrap { width: 690px; } 
.lect_area .price_wrap .percent { font-size: 1.55rem; color: #fff; text-align: center; margin-bottom: 10px; background: #333; padding: 10px 0; border-radius: 30px; font-weight: 700; display: block; margin-left: auto; width: 140px; position: relative; left: -70px; } 
.lect_area .price_wrap .price_inner { display: flex; justify-content: center; align-items: end; width: 100%; margin-bottom: 10px; gap: 30px; } 
.lect_area .price_wrap .price_inner .price { font-size: 3.1rem; color: #999; text-align: left; text-decoration: line-through; } 
.lect_area .price_wrap .price_inner .sale_price { font-size: 4.55rem; color: #0067f9; text-align: left; font-weight: 700; } 

.slide_wrap.cont10 { padding: 50px 0; background: #86ff7f; } 
.slide_wrap.cont10 li { width: 150px; border-radius: 30px; overflow: hidden; } 
.slide_wrap.cont10 li img { width:100%; } 

.cont11 .slide_wrap { width: 100%; position: absolute; left: 0; top: 450px; } 
.cont11 .slide_wrap li a { display: block; width: 750px; height: 425px; position: absolute; left: 50%; top: 75px; transform: translateX(-50%); } 
.cont11 .slide_wrap .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -43px; } 
.cont11 .slide_wrap .bx-wrapper .bx-pager.bx-default-pager a { width: 20px; height: 20px; background: #fff !important; } 
.cont11 .slide_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .cont11 .slide_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background: #0067f9 !important; width: 65px !important; border-radius: 30px; } 
/* cont08 */
.cont08 .teacher_info { width: 520px; height: 260px; overflow-y: scroll; padding: 0 25px; box-sizing: border-box; position: absolute; left: 53%; top: 855px; transform: translateX(-50%); font-size: 18px; line-height: 2.2; text-align: left; } 
.cont08 .teacher_info::-webkit-scrollbar { width: 5px; } 
.cont08 .teacher_info::-webkit-scrollbar-thumb { background-color: #aaa; border-radius: 10px; } 

/* cont09 */
.cont09 .slide_area { position: relative; width: 690px; margin: 0 auto; padding-bottom: 50px; } 
.cont09 .slide_btn { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 40px; } 
.cont09 .slide_btn li { width: 23%; border-radius: 30px; padding: 10px 0; font-size: 1.25rem; color: #adadad; border: 1px solid #adadad; text-align: center; } 
.cont09 .slide_btn li.active { background: #0067f9; color: #fff; font-weight: 700; border: 1px solid #0067f9; } 
.cont09 .slide_list { display: grid; } 
.cont09 .tab_cont { grid-area: 1 / 1; opacity: 0; transition: opacity 0.5s; z-index: 1; width: 100%; } 
.cont09 .tab_cont.active { opacity: 1; z-index: 2; } 
.cont09 .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; background: rgba(0,0,0,0.5); color: #fff; font-size: 30px; text-align: center; line-height: 60px; text-decoration: none; z-index: 10; } 
.cont09 .slide_area .slide_wrap > a { display: block; width: 30px; height: 50px; background: url('//cdn.edu2080.co.kr/sabok/images/event/2025/1204/arrow_off.png') 0 0 no-repeat; background-size: 100%; position: absolute; top: 60%; transform: translateY(-50%); } 
.cont09 .slide_area .slide_wrap > a:hover { background: url('//cdn.edu2080.co.kr/sabok/images/event/2025/1204/arrow_on.png') 0 0 no-repeat; background-size: 100%; } 
.cont09 .slick-prev { left: 0; transform:translateY(-50%) scaleX(-1) !important; } 
.cont09 .slick-next { right: 0; } 

.fixed_bnr { position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 99; } 



.reason { position: absolute; left: 50%; top: 190px; transform: translateX(-50%); background: #000; padding: 20px; color: #fff; font-size: 0.95rem; line-height: 1.55rem; font-weight: 400; border-radius: 1.75rem; text-align: left; display: none; } 
.cont08 .reason { top: 580px; } 
.reason.active { display: block; } 
.reason .close { position: absolute; right: 10px; top: -30px; display: block; width: 30px; height: 30px; } 
.reason .close::before, .reason .close::after { content: ''; position: absolute; width: 20px; height: 2px; background: #000; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); } 
.reason .close::after { transform: translate(-50%,-50%) rotate(-45deg); } 

.video_popup { position: fixed; left:0; top:0; width: 100%; height: 100%; display: none; z-index: 9999; } 
.video_popup.active { display: block; } 
.video_popup .bg { width: 100%; height: 100%; background: rgba(0,0,0,0.7); } 
.video_popup .pop_inner { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 800px; height: 560px } 
.video_popup .pop_inner video { width: 100%; height: 100%; } 
.video_popup .close { position: absolute; right: 0; top: -40px; display: block; width: 40px; height: 40px; } 
.video_popup .close::before, .video_popup .close::after { content: ''; position: absolute; width: 20px; height: 2px; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); } 
.video_popup .close::after { transform: translate(-50%,-50%) rotate(-45deg); }