/* common */
html, body { color: #151515; } 

.event_wrap section { background: #EBEBEB; } 
.event_wrap section.bg_beige { background: #F2E3CA; } 
.event_wrap section h3 { padding: 13.89vw 0 6.94vw; text-align: center; } 
.event_wrap section h3 img {max-width: 100%;}
.event_wrap section .inner { width: 100%; min-width: 320px; max-width: 720px; margin: 0 auto; padding: 0 5.56vw; box-sizing: border-box;}
.quick_wrap { display: none; } 
#content { padding-bottom: 0; } 

/* 헤더 */
.evt_header { position: absolute; left: 0; top: 0; } 
.evt_header .logo { width: 100%; margin: 0 auto; padding: 5.56vw 5.56vw 0;}
.evt_header .logo a { position: relative; display: inline-block; width: 16.67vw; height: 3.33vw; background: url(https://pic.neungyule.com/netutor/event/2025/0915/logo.svg) no-repeat; text-indent: -9999px; background-size: 100% auto; z-index: 11; } 

/* 메인 상단 */
.mv_section { padding: 19.17vw 0 11.53vw; text-align: center; } 
.mv_section .title { margin: 0 auto 31.94vw;} 
.mv_section .title img {}
.mv_section .desc { position: relative; display: flex; flex-wrap: wrap; gap: 2.78vw; justify-content: center; margin: 0 auto; } 
.mv_section .desc:before { content: ''; position: absolute; left: 50%; top: -26.67vw; transform: translateX(-50%); width: 1px; height: 20.83vw; background: rgba(159, 37, 34, .15); } 
.mv_section .desc li { width: 100%; height: 13.89vw; align-content: center; background: rgba(255, 255, 255, .6); border-radius: 2.78vw; font-size: 3.61vw; font-weight: 500; line-height: 1.43; } 
.mv_section .desc li b { font-weight: 700; color: #9F2522; } 


/* 시리즈 소개 */
.serires_info {padding-bottom: 6.94vw;}
.serires_info h3 img {width: 52.1875%;}
.serires_info .desc img + img { margin-top: 5.56vw; } 

/* 아카데미 안내 */
.academy_info h3 img {width: 61.875%;}
.academy_info table {letter-spacing: -0.03em;}
.academy_info table tr + tr { border-top: 1px solid #EBEBEB; } 
.academy_info table tr:last-child td { padding-bottom: 6.94vw; } 
.academy_info table tr th, 
.academy_info table tr td { padding-block: 1.67vw; line-height: 1.42; font-weight: 500;}
.academy_info table tr th { width: 25%; font-size: 4.167vw; font-weight: 700; color: #151515; vertical-align: top; text-align: left; box-sizing: border-box; } 
.academy_info table tr td { font-size: 3.89vw; color: #666;}
.academy_info table tr td > span { font-size: 2.78vw; } 
.academy_info table tr td > b { color: #2C2C2C; } 
.academy_info table tr td > p { display: inline-block; color: #9F2522; font-size: 3.056vw; line-height: 1.64;} 
.academy_info table tr td .box { width: 100%; display: flex; align-items: center; border-radius: 2.22vw; text-align: center; overflow: hidden; margin-bottom: 4.44vw; align-items: stretch;}  
.academy_info table tr td .box h4 { background: #9F2522; width: 25%; color: #fff; align-content: center; font-size: 4.167vw; font-weight: 600;}
.academy_info table tr td .box ul {background: #fff; flex: 1; text-align: left; padding: 5.56vw;} 
.academy_info table tr td .box ul li {box-sizing: border-box; font-weight: 500; } 
.academy_info table tr td .box ul li + li {margin-top: 3.75vw;}
.academy_info table tr td .box ul li h5 { display: block; margin-bottom: 0.97vw; font-size: 3.89vw; font-weight: 700; color: #151515; } 
.academy_info table tr td .box ul li p { font-size: 3.61vw; line-height: 1.5; color: #666; } 
.academy_info table tr td .box ul li b { display: inline-flex; text-align: left; color: #9F2522; font-weight: 500; } 

/* 아카데미 혜택 */
.academy_benefit { text-align: center; padding-bottom: 8.33vw; } 
.academy_benefit h3 img {width: 61.87%;}
.academy_benefit .sub_desc { background: #9F2522; color: #F3E2E1; font-size: 3.61vw; font-weight: 600; border-radius: 5.56vw; padding: 2.78vw 6.94vw; width: fit-content; margin: 2.08vw auto 6.94vw; } 
.academy_benefit .benefit_img { margin-bottom: 2.08vw; width: 84.4%;} 
.academy_benefit .benefit_box { display: flex; flex-direction: column; gap: 1.81vw; } 
.academy_benefit .benefit_box li { position: relative; flex: 1; background: #fff; border-radius: 2.78vw; align-content: center; font-size: 4.17vw; font-weight: 700; line-height: 1.42; flex-basis: 21.94vw;}
.academy_benefit .benefit_box li:nth-child(2) {font-size: 3.89vw;}
.academy_benefit .benefit_box li + li:before { content: ''; position: absolute; top: -5.278vw; left: 50%; transform: translateX(-50%); width: 7.92vw; height: 7.92vw; background: url(https://pic.neungyule.com/netutor/event/2025/0915/plus_ico.png) 7.92vw / cover; } 
.academy_benefit .benefit_box li p { font-size: 3.06vw; color: #666; margin-top: 1.11vw; font-weight: 400; } 

/* 아카데미 추천 */
.academy_recmd { text-align: center; overflow: hidden; padding-bottom: 22.22vw; overflow: hidden; } 
.academy_recmd h3 img {width: 85.625%;}
.academy_recmd .recmdSwiper { margin-top: 8.33vw; } 
.academy_recmd .recmdSwiper .swiper-slide { width: fit-content; transition: .4s; box-shadow: 2px 2px 10px rgba(0, 0, 0, .24); border-radius: 2.78vw; overflow: hidden; } 
.academy_recmd .recmdSwiper .swiper-slide:nth-child(1) { transform: rotate(10deg) translateY(0px); } 
.academy_recmd .recmdSwiper .swiper-slide:nth-child(2) { transform: rotate(-6deg) translateY(-20px); z-index: 5; } 
.academy_recmd .recmdSwiper .swiper-slide:nth-child(3) { transform: rotate(-4deg) translateY(-35px); z-index: 10; } 
.academy_recmd .recmdSwiper .swiper-slide:nth-child(4) { transform: rotate(7deg) translateY(40px); z-index: 5; } 
.academy_recmd .recmdSwiper .swiper-slide:nth-child(5) { transform: rotate(5deg) translateY(-5px); } 


/* 아카데미 주요 내용 */
.academy_cont { padding-bottom: 14.44vw; } 
.academy_cont h3 img {width: 70.9375%;}
.academy_cont .cont {margin-top: 1.389vw;}
.academy_cont .cont img + img { margin-top: 5.56vw; } 
.academy_cont .desc { margin: 5vw 0 13.89vw; font-size: 3.056vw; color: #666; line-height: 1.67; } 
.academy_cont .desc b { color: #9F2522; font-weight: 600; } 
.academy_cont .tip h4 { margin-bottom: 3.19vw; } 
.academy_cont .tip h4 img {width: 54.53%;}
.academy_cont .tip .tip_info { padding: 4.86vw 0 2.78vw 5.56vw; background: #fff; border-radius: 1.389vw; } 
.academy_cont .tip .tip_info li {position: relative; padding-left: 6.94vw;}
.academy_cont .tip .tip_info li:before {content:''; position: absolute; left: 0; top: 0.417vw; width: 5vw; height: 5vw; vertical-align: middle; background-size: cover; background-repeat: no-repeat;}
.academy_cont .tip .tip_info li:nth-child(1):before { background-image: url('https://pic.neungyule.com/netutor/event/2025/0915/m/index_ico1.png');}
.academy_cont .tip .tip_info li:nth-child(2):before { background-image: url('https://pic.neungyule.com/netutor/event/2025/0915/m/index_ico2.png');}
.academy_cont .tip .tip_info li h5 { margin-bottom: 2.08vw; font-size: 3.61vw; line-height: 1.53;} 
.academy_cont .tip .tip_info li p { font-size: 3.33vw; line-height: 1.4;} 
.academy_cont .tip .tip_info li p + p { margin-top: 1.25vw; } 
.academy_cont .tip .tip_info li + li { margin-top: 4.86vw; } 


/* 경품 증정 */
.event_gift { background: #454545 !important; text-align: center; padding-bottom: 13.19vw; } 
.event_gift h3 { color: #fff; font-size: 8.89vw; font-weight: 800; padding: 13.06vw 0 5.139vw !important; line-height: 1.28;} 
.event_gift h3 b { color: #F2E3CA; } 
.event_gift .sub_desc { font-size: 3.89vw; font-weight: 500; color: #fff; margin-bottom: 8.33vw; } 
.event_gift .img_box { position: relative; width: fit-content; margin: 0 auto; width: 72.656%;} 
.event_gift .img_box span { position: absolute; width: 18.33vw; height: 18.33vw; right: -5.56vw; top: 14.72vw; background: #F2E3CA; color: #9F2522; border-radius: 50%; text-align: center; align-content: center; font-size: 4.44vw; font-weight: 900; } 
.event_gift p { color: rgba(255, 255, 255, .5); font-size: 3.056vw; line-height: 1.82; margin-top: 6.94vw; } 

/* 유의사항 */
.notice { background: #383838 !important; padding-bottom: 23.61vw; } 
.notice h3 { text-align: left !important; font-size: 5.56vw; color: #fff; font-weight: 700; padding: 15.28vw 0 1.11vw !important; } 
.notice h3:before { content: ''; display: inline-block; background: url(https://pic.neungyule.com/netutor/event/2025/0915/caution_ico.png) no-repeat center / cover; width: 5.56vw; height: 5.56vw; vertical-align: middle; margin-right: 1.39vw; } 
.notice p { color: rgba(255, 255, 255, .8); line-height: 1.82; font-size: 3.06vw; font-weight: 300; } 
.notice p b { font-weight: 700; } 
.notice p + p { margin-top: 3.06vw; } 

/* 하단 고정 버튼 */
.btn_float { position: fixed; bottom: 6.94vw; left: 50%; transform: translateX(-50%); z-index: 20; width: 78.75%; height: 13.89vw; text-align: center; align-content: center; background: #9F2522; color: #fff !important; font-size: 4.17vw; font-weight: 600; border: 1px solid #89201E; box-sizing: border-box; border-radius: 2.22vw; box-shadow: 0px 0px 16px rgba(81, 13, 11, .24); max-width: 567px;} 




@media screen and (min-width:720px){
    .event_wrap section h3 { padding: 100px 0 50px;} 
    .event_wrap section .inner { padding: 0 40px; }
        
    .evt_header .logo { padding: 40px 40px 0; } 
    .evt_header .logo a { width: 120px; height: 24px;} 

    .mv_section { padding: 138px 0 83px;}
    .mv_section .title { margin: 0 auto 230px;}
    .mv_section .desc { gap: 20px;} 
    .mv_section .desc:before { top: -192px; width: 2px; height: 150px;}
    .mv_section .desc li { height: 100px; border-radius: 20px; font-size: 26px;}

    .serires_info {padding-bottom: 50px;}
    .serires_info .desc img + img { margin-top: 40px; } 

    .academy_info table tr:last-child td { padding-bottom: 50px; } 
    .academy_info table tr th, 
    .academy_info table tr td { padding-block: 12px;}
    .academy_info table tr th { font-size: 30px;}
    .academy_info table tr td { font-size: 28px;}
    .academy_info table tr td > span { font-size: 20px;} 
    .academy_info table tr td > p { font-size: 22px;} 
    .academy_info table tr td .box { border-radius: 16px; margin-bottom: 32px;}
    .academy_info table tr td .box h4 { font-size: 30px;}
    .academy_info table tr td .box ul { padding: 40px;}
    .academy_info table tr td .box ul li + li {margin-top: 27px;}
    .academy_info table tr td .box ul li h5 { margin-bottom: 7px; font-size: 28px; } 
    .academy_info table tr td .box ul li p { font-size: 26px; } 

    /* 아카데미 혜택 */
    .academy_benefit {padding-bottom: 60px; } 
    .academy_benefit .sub_desc { font-size: 26px; border-radius: 40px; padding: 20px 50px; margin: 15px auto 50px; } 
    .academy_benefit .benefit_img { margin-bottom: 15px;} 
    .academy_benefit .benefit_box { gap: 13px; } 
    .academy_benefit .benefit_box li { border-radius: 20px; font-size: 30px; flex-basis: 158px;}
    .academy_benefit .benefit_box li:nth-child(2) {font-size: 28px;}
    .academy_benefit .benefit_box li + li:before { top: -38px; width: 57px; height: 57px; background-size: 57px;}
    .academy_benefit .benefit_box li p { font-size: 22px; margin-top: 8px;} 

    .academy_recmd { padding-bottom: 160px;} 
    .academy_recmd .recmdSwiper { margin-top: 60px; } 
    .academy_recmd .recmdSwiper .swiper-slide { border-radius: 20px;} 

    .academy_cont { padding-bottom: 104px; } 
    .academy_cont .cont {margin-top: 10px;}
    .academy_cont .cont img + img { margin-top: 40px; } 
    .academy_cont .desc { margin: 36px 0 100px; font-size: 22px;} 
    .academy_cont .tip h4 { margin-bottom: 23px; } 
    .academy_cont .tip .tip_info { padding: 35px 0 20px 40px; border-radius: 10px; } 
    .academy_cont .tip .tip_info li {padding-left: 50px;}
    .academy_cont .tip .tip_info li:before {top: 3px; width: 36px; height: 36px;} 
    .academy_cont .tip .tip_info li h5 { margin-bottom: 15px; font-size: 26px; } 
    .academy_cont .tip .tip_info li p { font-size: 24px; } 
    .academy_cont .tip .tip_info li p + p { margin-top: 9px; } 
    .academy_cont .tip .tip_info li + li { margin-top: 35px; } 

    .event_gift { padding-bottom: 95px; } 
    .event_gift h3 { font-size: 64px; padding: 94px 0 37px !important;} 
    .event_gift .sub_desc { font-size: 28px; margin-bottom: 60px; } 
    .event_gift .img_box span { width: 132px; height: 132px; right: -40px; top: 106px; font-size: 32px; } 
    .event_gift p { font-size: 22px; margin-top: 50px; } 

    .notice { padding-bottom: 170px; } 
    .notice h3 { font-size: 40px; padding: 110px 0 8px !important; } 
    .notice h3:before { margin-right: 10px; width: 40px; height: 40px;} 
    .notice p { font-size: 22px; } 
    .notice p + p { margin-top: 22px; } 

    .btn_float { bottom: 50px; height: 100px; font-size: 30px; border-radius: 16px; } 


}