
.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: 115.5vw; } 
.price_wrap .percent { font-size: 1.8rem; color: #656565; text-align: center; margin-bottom: 3.4vw; display: block; } 
.price_wrap .percent span { text-decoration:line-through; } 
.price_wrap .price_inner { width: 70%; margin: 0 auto 4%; } 
.price_wrap .price_inner li { display:flex; justify-content: space-between; align-items: center; margin-bottom: 6vw; } 
.price_wrap .price_inner .price { font-size: 1.5rem; color: #fff; width: 25%; text-align: center; } 
.price_wrap .price_inner .sale_price { font-size: 2.2rem; color: #000; text-align: left; font-weight: 700; } 
.price_wrap .price_inner .sale_price.c2 { color:#ff5400; } 
.price_wrap a { display: block; width: 90%; margin: 0 auto; } 
.price_wrap a img { width: 100%; } 


/* 시험응원 특집 : 가격단 배경 분리 (상단 cont04 / 하단 cont14 는 위 cont13 에 이어지는 배경) */
.cheer_bg { background: #c7fcb6 url('//cdn.edu2080.co.kr/sabok/m/img/event/2025/1205/re_261102/cont04_bg.jpg') no-repeat center top; background-size: 100% auto; } 
.cheer_bg.v2 { background: linear-gradient(180deg, #fefffa 0%, #c7fcb6 100%); } 

.price_wrap2 { width: 90%; top: 107vw; } 
.price_wrap2 .price { font-size: 4.9vw; color: #aaa; text-align: right; text-decoration: line-through; font-weight: 500; display: block; width: 88%; } 
.price_wrap2 .price_inner { display: flex; justify-content: end; align-items: center; width: 89%; margin-bottom: 10px; gap: 26vw; } 
.price_wrap2 .percent { font-size: 2.9vw; color: #fff; text-align: center; font-weight: 700; } 
.price_wrap2 .sale_price { font-size: 7.5vw; color: #fff; text-align: left; font-weight: 700; } 
.price_wrap2 a { display: block; width: 90%; margin: 0 0 0 3vw; } 
.price_wrap2 a img { width: 100%; } 
.cont14 .price_wrap2 .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:0; width: 100%; } 
.fr_banner a { display: block; 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%; } 