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


.evt_main .evt_icon { top: 38.7%; left: 35%; width: 50%; } 
.evt_main .evt_icon img { width: 100%; } 

.price_wrap { width: 90%; top: 106.4vw; } 
.price_wrap .price { font-size: 4.9vw; color: #aaa; text-align: right; text-decoration: line-through; font-weight: 500; display: block; width: 88%; } 
.price_wrap .price_inner { display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 10px; gap: 25vw; } 
.price_wrap .percent { font-size: 2.9vw; color: #fff; text-align: center; font-weight: 700; } 
.price_wrap .sale_price { font-size: 7.5vw; color: #fff; text-align: left; font-weight: 700; } 
.price_wrap a { display: block; width: 90%; margin: 0 0 0 3vw; } 
.price_wrap a img { width: 100%; } 
.cont14 .price_wrap .percent {color:rgba(0,0,0,0.0)} 

.cont09 .teacher_info { position: absolute; top: 124vw; left: 47.5%; transform: translateX(-50%); width: 70%; height: 20vw; overflow-y: scroll; } 
.cont09 .teacher_info li { font-size: 3vw; margin-bottom: 1vw; color: #333; } 
.cont09 .teacher_info::-webkit-scrollbar { width: 5px; } 
.cont09 .teacher_info::-webkit-scrollbar-thumb { background-color: #0a5382; border-radius: 10px; } 
.cont09 .sd_box { position: absolute; left: 0; top: 176vw; } 
.cont09 .sd_box .bxslider2 li { width: 50vw !important; } 

.cont10 .slide_area { width: 100%; position: absolute; top: 39vw; left: 50%; transform: translateX(-50%); } 
.cont10 .slide_btn { display: flex; justify-content: center; gap: 1vw; background: #cfe0f0; padding: 1.5vw; border-radius: 8vw; width: 90%; margin: 0 auto 4vw; } 
.cont10 .slide_btn li { display: inline-block; font-size: 3.2vw; color: #728ba3; font-weight: bold; padding: 2vw 3vw; border-radius: 2rem; } 
.cont10 .slide_btn li.active { background: #008feb; color: #fff; font-weight: 700; } 
.cont10 .slide_wrap { width: 90%; margin: 0 auto; } 
.cont10 .slide_list { width: 100%; } 
.cont10 .slide_list .slide_cont { width: 100%; display: none; } 
.cont10 .slide_list .slide_cont.active { display: block; } 

.cont12 .slide_wrap { position: absolute; top: 44vw; left: 50%; transform: translateX(-50%); width: 100%; } 
.cont12 .slide_wrap .bxslider2 li { width: 50vw !important; } 

.cont13 .sd_box02 { position: absolute; width: 90%; bottom: 19vw; left: 50%; transform: translateX(-50%); } 
.cont13 .bx-wrapper .bx-pager { bottom: -10vw; } 
.cont13 .bx-wrapper .bx-pager.bx-default-pager a { background-color: #b2d7aa; width: 15px; height: 15px; border-radius: 15px; } 
.cont13 .bx-wrapper .bx-pager.bx-default-pager a:hover, .cont13 .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #5f9955; width: 30px; } 

/* 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: 13vw; left: 50%; transform: translateX(-50%); width: 100%; } 
.fr_banner a { display: block; width: 100%; } 
.fr_banner img { display: block; width: 100%; }