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

.lect_area {top: 56vw;width: 100%;} 
.cont12 .lect_area { top: 60vw; } 
.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 17vw;} 
.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.9vw;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.7vw;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: 1.8rem;color: #656565;text-align: center;margin-bottom: 5vw;display: block;} 
.lect_area .price_wrap .percent span{text-decoration:line-through;}
.lect_area .price_wrap .price_inner {width: 70%;margin: 0 auto;} 
.lect_area .price_wrap .price_inner li{display:flex;justify-content: space-between;align-items: center;margin-bottom: 5vw;}
.lect_area .price_wrap .price_inner .price {font-size: 1.5rem;color: #fff;width: 35%;text-align: center;} 
.lect_area .price_wrap .price_inner .sale_price {font-size: 2.2rem;color: #000;text-align: left;font-weight: 700;} 
.lect_area .price_wrap .price_inner .sale_price.c2{color:#ff2ac5;}
.lect_area .price_wrap a { display: block; width: 90%; margin: 0 auto; } 
.lect_area .price_wrap a img { width: 100%; } 


.lect_area2 { top: 50vw; width: 100%; } 
.cont12 .lect_area2 { top: 56vw; } 
.cont12 .lect_area2 .price_wrap .price_inner { margin-bottom:5%; } 
.lect_area2 .tab_area { padding: 4vw; background: #f1f1f1; border-radius: 20px; width: 90%; margin: 0 auto 2vw; } 
.lect_area2 .tab_area .tab_btn { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 1vw; } 
.lect_area2 .tab_area .tab_btn li { width: 50%; } 
.lect_area2 .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_area2 .tab_area .tab_btn li a.active { color: #333; border-bottom: 2px solid #333; font-weight: 700; } 
.lect_area2 .tab_area .tab_cont { display: none; } 
.lect_area2 .tab_area .tab_cont.active { display: block; } 
.lect_area2 .tab_area .lect_info_wrap li { font-size: 3.6vw; color: #333; text-align: left; margin-bottom: 1vw; } 
.lect_area2 .tab_area .lect_info_wrap li span { font-size: 2.5vw; color: #9d9d9d; text-align: left; display: block; margin-top: 0.5vw; } 
.lect_area2 .price_wrap { width: 100%; } 
.lect_area2 .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;margin-bottom:1vw } 
.lect_area2 .price_wrap .price_inner { display: flex; justify-content: center; align-items: end; width: 100%; gap: 5vw; } 
.lect_area2 .price_wrap .price_inner .price { font-size: 5vw; color: #999; text-align: left; text-decoration: line-through; } 
.lect_area2 .price_wrap .price_inner .sale_price { font-size: 8vw; color: #0067f9; text-align: left; font-weight: 700; } 

.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%; } 

.notice_popup { position: fixed; left:0; top:0; width: 100%; height: 100%; display: none; z-index: 9999; } 
.notice_popup.active { display: block; } 
.notice_popup .bg { width: 100%; height: 100%; background: rgba(0,0,0,0.7); } 
.notice_popup .notice_wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 690px; padding: 5%; background: #fff; border-radius: 1.15rem; width: 90%; } 
.notice_popup .notice_wrap h4 { font-size: 5.2vw; font-weight: 700; color: #bdf101f8; text-align: center; margin-bottom: 2.5%; } 
.notice_popup .notice_wrap p { font-size: 2.8vw; font-weight: 400; color: #333; text-align: center; margin-bottom: 1.3%; } 
.notice_popup .confirm_btn { display: block; width: 80%; padding: 5%; box-sizing: border-box; background: #008feb; color: #fff; font-size: 4vw; font-weight: 700; text-align: center; border-radius: 0.55rem; margin: 5% auto 0; } 
.notice_popup .notice_wrap ul { width: 100%; margin: 3% auto; padding: 5%; background: #f5f5f5; border-radius: 0.95rem; } 
.notice_popup .notice_wrap ul li { font-size: 2.7vw; font-weight: 400; color: #333; text-align: left; margin-bottom: 2.3%; }