@charset "utf-8"; 
.consult_form_container .inner{border-top: 0;}

.evt_wrp .pc{display: block;}
.evt_wrp .mo{display: none;}

.evt_wrp{position: relative; width: 100%; overflow: hidden; cursor: default; letter-spacing: -0.5px;} 

.evt_wrp img{vertical-align: top;} 
.evt_wrp strong{font-weight: 700;}
.evt_wrp .ttl,
.evt_wrp .inner{position: relative; width: fit-content; margin: 0 auto; max-width: 100%;} 

.evt_wrp .ttl{padding-bottom: 50px;}

* [class^="bg_"] {position: relative; padding: 100px 0;} 

.evt_wrp .visual{background: #53d0fa url('https://img.megastudyacademy.co.kr/campusdev/mbc/event/2026/0624_spark_summer/bg_visual.png') no-repeat center 0; height: 703px; padding-top: 160px;} 
.evt_wrp .visual .inner{width:1200px;}

.evt_wrp .list_horiz{width: fit-content; margin: 0 auto 100px; text-align: center;}
.evt_wrp .list_horiz li{position: relative; display: inline-block; margin: 0 5px;}

.evt_wrp .bg_01{background: #00a2f6 url('https://img.megastudyacademy.co.kr/campusdev/mbc/event/2026/0624_spark_summer/bg_con1.png') no-repeat center 0; padding-bottom: 43px;}
.evt_wrp .bg_02{background: url('https://img.megastudyacademy.co.kr/campusdev/mbc/event/2026/0624_spark_summer/bg_con2.png') repeat-x;padding: 0;height: 156px;margin-top: -192px;}
.evt_wrp .bg_03{background: #0070f0; padding-bottom: 0;} 
.evt_wrp .bg_04{background: #e2eeef url('https://img.megastudyacademy.co.kr/campusdev/mbc/event/2026/0624_spark_summer/bg_wave.png') repeat-x center top; padding-top: 300px;} 
.evt_wrp .bg_bnr{background: url('https://img.megastudyacademy.co.kr/campusdev/mbc/event/2026/0624_spark_summer/bg_bnr.png') no-repeat center 0; background-attachment: fixed; background-size: cover;}

.evt_wrp .counsel{position: relative; background: #fff; z-index: 10;}
.evt_wrp .bnr{background: #fff; width: 910px; padding: 50px 177px;}

.evt_wrp .bg_01 .inner{width: 1200px;border: 5px solid #fff;text-align: center;padding: 70px 0;}
.evt_wrp .bg_01 .inner:nth-child(2){margin-bottom: 100px;}
.evt_wrp .bg_01 .inner:last-child{padding-bottom: 150px;}
.evt_wrp .btm{background: url('https://img.megastudyacademy.co.kr/campusdev/mbc/event/2026/0624_spark_summer/con2_bottom.png') no-repeat center 0;height: 246px;background-size: 100%;}
.evt_wrp .bg_04 .step{padding-top: 50px;}

.evt_wrp .notice{width: 1198px; margin: 50px auto 0; border: 1px solid; font-size: 17px; padding: 30px 50px; line-height: 1.7; border-radius: 5px;} 
.evt_wrp .notice p{padding-left: 10px;} 
.evt_wrp .notice p::before{content: '\00B7'; margin: 0 5px 0 -10px;} 

.evt_wrp .btn{position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 9;  transform: translateY(0); transition: transform .35s ease;}
.evt_wrp .btn a{background: #E51E27; width: 550px; height: 70px; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28px; font-weight: 400; border-radius: 10px 10px 0 0;}
.evt_wrp .btn a span{margin-left: 10px; animation: slide-right .5s both infinite alternate;}
.evt_wrp .btn.hide{transform: translateY(100px); transition: transform .35s ease;}

@keyframes slide-right{0%{transform: translateX(0);} 100%{transform: translateX(5px);}}


.evt_wrp .btm_txt{background: #383b3f; padding: 35px; color: #efefef; font-size: 20px; line-height: 1.5; text-align: center; font-weight: 300;} 
.evt_wrp .btm_txt strong{color: #fff;} 
.evt_wrp .btm_txt br{display: none;}

.evt_wrp .small{font-size: 12px; color: #111; position: absolute; bottom: calc(100% - 77%); left: 0; text-align: center; width: 100%;} 
.evt_wrp .small::before{content: '\002A'; margin: 0 5px 0 -10px;} 

.evt_wrp .dungdung{animation: updown 1s both infinite alternate;} 
.evt_wrp .blink{animation: blink 1.5s infinite;} 
.evt_wrp .delay{animation-delay: 0.5s;} 
.evt_wrp .up-on-scroll{transition: transform .7s, opacity 1.7s;} 

@keyframes blink{0%{opacity: 1} 50%{opacity:.2} 100%{opacity:1}} 
@keyframes updown{0%{transform: translateY(-5px);} 100%{transform: translateY(5px);}} 

@media screen and (max-width: 1024px){
    .evt_wrp .visual{background: #53d0fa url('https://img.megastudyacademy.co.kr/campusdev/mbc/event/2026/0624_spark_summer/bg_visual.png') no-repeat center 0; background-size: cover; padding: 9rem 0; height: unset;}
    .evt_wrp .visual .inner{width: 85%;}
    * [class^="bg_"]{padding: 10% 0;}
    .evt_wrp .bg_01 .inner{width: 90%; border: 3px solid #fff; padding: 6% 4%;}
    .evt_wrp .btm{height: 8vw;}
    .evt_wrp .bg_02{height: unset;}
    .evt_wrp .ttl{padding-bottom: 5%; width: 80%;}
    .evt_wrp .bg_01 .inner:nth-child(2) {margin-bottom: 12%;}
    .evt_wrp .bg_01 {padding-bottom: 15%;}
    .evt_wrp .list_horiz{margin: 0 auto 10%;}
    .evt_wrp .list_horiz li{margin: 0; width: 47%;}
    .bg_03 .inner{width: 95%;}
    .evt_wrp .bg_04{background-size: 30%; padding-top: 25%;}
    .evt_wrp .bg_04 .inner.step{width: 90%; padding-top: 5%;}
    .evt_wrp .notice{width: 90%; padding: 5%; margin-top: 5%; font-size: 1.25rem;}
    .evt_wrp .btm_txt{font-size: 1.5rem; padding: 5%;}
    .evt_wrp .bnr {width: 90%; padding: 6%;}
    
    .evt_wrp .btn a{width: 60%; height: 12vw; font-size: 4vw;}
    .floating_menu.mo{display: none;}
}

@media screen and (min-width: 763px) and (max-width: 820px){
    .evt_wrp .bg_01 .inner:last-child{padding-bottom: 10%;}
}

@media screen and (width: 1024px){
    .evt_wrp .bg_01 .inner:last-child{padding-bottom: 7%;}
}

@media screen and (max-width: 760px){
    .evt_wrp .bg_04 .inner{width: 70%;}
}