.evt_wrap { overflow: hidden; } 
.p_r { position: relative; } 
.p_c { position: absolute; left: 50%; transform: translateX(-50%); } 

.lect_area { top: 50vw; width: 100%; } 
.cont12 .lect_area { top: 56vw; } 
.cont12 .lect_area .price_wrap .price_inner { margin-bottom: 0; } 
.lect_area .tab_area { padding: 4vw; background: #f1f1f1; border-radius: 20px; width: 90%; margin: 0 auto 3vw; } 
.lect_area .tab_area .tab_btn { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 1vw; } 
.lect_area .tab_area .tab_btn li { width: 50%; } 
.lect_area .tab_area .tab_btn li a { display: block; width: 100%; font-size: 3.7vw; color: #9d9d9d; text-align: center; padding-bottom: 2vw; 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: 3.6vw; color: #333; text-align: left; margin-bottom: 1vw; } 
.lect_area .tab_area .lect_info_wrap li span { font-size: 2.5vw; color: #9d9d9d; text-align: left; display: block; margin-top: 0.5vw; } 
.lect_area .price_wrap { width: 100%; } 
.lect_area .price_wrap .percent { font-size: 3.7vw; color: #fff; text-align: center; background: #333; padding: 1vw 0; border-radius: 5vw; font-weight: 700; display: block; margin-left: auto; width: 23.9vw; position: relative; left: -18vw; } 
.lect_area .price_wrap .price_inner { display: flex; justify-content: center; align-items: end; width: 100%; gap: 5vw; } 
.lect_area .price_wrap .price_inner .price { font-size: 5vw; color: #999; text-align: left; text-decoration: line-through; } 
.lect_area .price_wrap .price_inner .sale_price { font-size: 8vw; color: #0067f9; text-align: left; font-weight: 700; } 
.lect_area .price_wrap a { display: block; width: 90%; margin: 0 auto; } 
.lect_area .price_wrap a img { width: 100%; } 
.cont08 .teacher_info { position: absolute; top: 123vw; left: 46%; transform: translateX(-50%); width: 80%; height: 25vw; overflow-y: scroll; } 
.cont08 .teacher_info li { font-size: 3vw; margin-bottom: 1vw; color: #333; } 
.cont08 .teacher_info::-webkit-scrollbar { width: 5px; } 
.cont08 .teacher_info::-webkit-scrollbar-thumb { background-color: #0a5382; border-radius: 10px; } 
.cont08 .sd_box { position: absolute; left: 0; top: 176vw; } 
.cont08 .sd_box .bxslider2 li { width: 50vw !important; } 
.cont09 .slide_area { width: 100%; padding-bottom: 5vw; } 
.cont09 .slide_btn { display: flex; justify-content: center; gap: 1vw; margin-bottom: 4vw; } 
.cont09 .slide_btn li { display: inline-block; font-size: 3.2vw; color: #aaa; font-weight: bold; padding: 1.5vw 3vw; border: 1px solid #aaa; border-radius: 2rem; } 
.cont09 .slide_btn li.active { color: #008feb; border-color: #008feb; } 
.cont09 .slide_wrap { width: 90%; margin: 0 auto; } 
.cont09 .slide_list { width: 100%; } 
.cont09 .slide_list .slide_cont { width: 100%; display: none; } 
.cont09 .slide_list .slide_cont.active { display: block; } 
.slide_wrap.cont10 { padding: 10vw 0; background: #86ff7f; } 
.cont11 .sd_box02 { position: absolute; width: 90%; bottom: 19vw; left: 50%; transform: translateX(-50%); } 
.cont11 .bx-wrapper .bx-pager { bottom: -10vw; } 
.cont11 .bx-wrapper .bx-pager.bx-default-pager a { background-color: #fff; width: 10px; height: 10px; border-radius: 10px; } 
.cont11 .bx-wrapper .bx-pager.bx-default-pager a:hover, .cont11 .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #0067f9; width: 20px; } 
/* reason */
.reason, .open_reason.reason { position: absolute; width:95%; top:47%; left:50%; padding: 5%; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:12px; letter-spacing: -0.04em; display:none; transform: translateX(-50%); } 
.reason.active, .open_reason.reason.active { display: block; } 
.reason .close, .open_reason.reason .close { position: absolute; width:4vw; height:4vw; top:4%; right:1.5%; cursor: pointer; } 
.reason .close::before, .reason .close::after, .open_reason.reason .close::before, .open_reason.reason .close::after { content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.7); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg); } 
.reason .close::after, .open_reason.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: 90vw; height: 60vw; } 
.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); } 

.fr_banner { display: block; position: fixed; bottom: 15vw; left: 0; width: 100%; } 
.fr_banner img { display: block; width: 100%; }