.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 .list,
.evt_wrp .inner{position: relative; width: fit-content; margin: 0 auto;} 
.evt_wrp .ttl {position: relative; width: fit-content; margin: 0 auto; padding-bottom: 50px;} 

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

.evt_wrp .visual{background: #95c3f2 url('https://img.megastudyacademy.co.kr/campus/mbc/event/2026/0902_seohyeon/bg_visual.png') no-repeat center 0;}

.evt_wrp .list li{margin-top: 50px; border-radius: 10px;}
.evt_wrp .list li:first-child{margin-top: 0;}
.evt_wrp .bg_01 .list li:last-child{margin-top: 34px;}
.evt_wrp .list.vert li{box-shadow: 0 0 15px 2px rgba(95,128,143,0.18);}
.evt_wrp .list.vert img{border-radius: 10px;}

.evt_wrp .star{position: absolute; top: 434px; left: calc(50% - 472px);}

.evt_wrp .bg_01{background: linear-gradient(#fff 5%, #e7f1f2); padding-bottom: 35px;}
.evt_wrp .bg_02{background: #fff;}
.evt_wrp .bg_03{background: #f1f6fe;} 
.evt_wrp .bg_04{background: #0b102e url('https://img.megastudyacademy.co.kr/campus/mbc/event/2026/0902_seohyeon/bg_con4.png') no-repeat center 100px;margin-bottom: -63px;} 

.confetti-canvas{position: absolute; top: 0; left: 0;}


.evt_wrp .btn{position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 9;  transform: translateY(0); transition: transform .35s ease; background: #cc0236; padding: 20px 0;}
.evt_wrp .btn a{display: flex; align-items: center; justify-content: center; animation: slide-right .5s both infinite alternate;}
@keyframes slide-right{0%{transform: translateX(0);} 100%{transform: translateX(5px);}}

/* map */
.evt_wrp .map_wrp.inner{width: 1080px; border: 1px solid; margin: 0 auto 50px;}

.location_wrp{text-align: right; display: flex; flex-direction: column; gap: 40px; align-items: center; justify-content: center; width: 100%;}
.location_wrp .location{width: 100%; position: relative; text-align: center; display: flex; flex-direction: column; gap:21px;}
.location_wrp .location .map_box{position: relative; width:100%; height:470px;}


.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)
{
    .floating_menu.active .menu_list{display: none;}

    .evt_wrp .btn{padding: 4% 12%;}
    * [class^="bg_"]{position: relative; padding: 12% 0;}
    .evt_wrp .blink {display: none;}

    .evt_wrp .visual{background-size: cover; padding-left: 5%;}
    .evt_wrp .visual .inner{width: 100%;}

    .evt_wrp .list{width: 90%;}
    .evt_wrp .list li{margin-top: 3%}
    .evt_wrp .ttl{padding: 0 10%; margin-bottom: 7%;}
    .evt_wrp .inner{width: 80%;}
    
    .evt_wrp .bg_01 .list li:last-child{margin-top: 2%;}
}

@media screen and (width: 1024px) {
    .evt_wrp .inner{width: fit-content;}
}

/* pop */
.pop_wrp{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); display: none; align-items: center; justify-content: center; font-size: 15px; z-index: 1000; overflow: hidden;}
.pop_wrp .popup{position: relative; width: 27%;}
.pop_wrp .popup img{border-radius: 10px;}

.evt_wrp .pop_wrp .div_pop{position: relative; background: #000;}
.evt_wrp .pop_wrp .closeX{position: absolute; top: -55px; color: #fff; font-size: 6rem; right: 0; cursor: pointer;}
.evt_wrp .pop_wrp .div_pop,
.evt_wrp .pop_wrp .div_pop iframe{border-radius: 20px; border: 1px solid #000}

.pop_wrp .applyForm .apply_conts li:last-child{justify-content: unset !important; background: unset !important; color: unset !important; border-bottom: 1px solid #eee !important;}
.pop_wrp label{display: block !important; margin: 2px 5px 2px 0 !important;}

.pop_wrp .vod_wrp{position: relative; width: 40%; height: 43%;}
.pop_wrp .vod{width: 100%; height: 100%; border-radius: 20px; overflow: hidden;}
.pop_wrp .vod iframe{width: 100%; height: 100%; display: block;}


.pop_wrp .applyForm input,
.pop_wrp .applyForm select,
.pop_wrp .applyForm label,
.pop_wrp .applyForm input[type="checkbox"],
.pop_wrp .applyForm input[type="radio"],
.pop_wrp .applyForm button{all: revert;}

.pop_wrp .applyForm{position: relative; margin: 0 auto; padding: 30px; border-radius: 10px; background: #fff;}
.pop_wrp .applyForm > em{text-align: center; font-size: 16px; letter-spacing: -1px; font-weight: 500; padding: 10px 0 15px; display: block;}
.pop_wrp .pop_ttl{font-size: 26px; font-weight: 900; width: fit-content; margin: 0 auto 5px; text-align: center; line-height: 1.2;}
.pop_wrp .applyForm .closeX{top: 0; right: 0;}
.pop_wrp .applyForm .apply_conts{overflow-y: auto; max-height: 45rem; margin-bottom: 20px; border-bottom: 1px solid #ddd; border-top: 2px solid;}

.pop_wrp .applyForm .apply_conts ul{overflow: hidden;}
.pop_wrp .applyForm .apply_conts li{width: 100%; display: inline-flex; border-bottom: 1px solid #eee; align-items: center; padding: 12px 0;}

.pop_wrp .applyForm ul li div{width: 65%;}
.pop_wrp .applyForm ul li div:first-child{width: 30%;}
.pop_wrp .applyForm .apply_conts li .small{font-size: 14px; font-weight: 400; line-height: 1.2;}

.pop_wrp .applyForm sup{color: #ff3153; font-weight: 900; font-size: 18px; margin: -5px 0 0 2px; display: inline-block;}

.pop_wrp .agree{padding: 15px 0; line-height: 1.1; font-size: 14px;}
.pop_wrp .agree_box{padding: 10px 20px 15px; background: #efefef; border-left: 0; border-right: 0; margin: 10px 0; border-radius: 5px; line-height: 1.3; color: #555; font-size: 13px;}
.pop_wrp .agree_txt{text-align: center;}
.pop_wrp .agree strong{font-weight: 800; color: #5a5a5a; padding-top: 10px;}
.pop_wrp .agree_box strong{display: block;}
.pop_wrp .applyForm .check{display: block; font-size: 16px; font-weight: 700;}
.pop_wrp .applyForm .btn_ok{background: #000; color: #fff;}
.pop_wrp .applyForm .btn_close{border: 1px solid;}
.pop_wrp .applyForm .btn_wrap a{width: 30%; display: inline-block; margin: 20px 5px 0 0; padding: 13px 0 15px; border-radius: 50px; font-size: 19px; font-weight: 700; text-align: center;}
.pop_wrp .btn_wrap{text-align: center;}

.pop_wrp input[type="text"]{border: 1px solid #eee; padding: 6px 10px; width: 91%; height: 25px;}
.pop_wrp input[type="radio"]{width: 16px; height: 16px; margin-right: 5px; border: 1px solid; vertical-align: bottom;}
.pop_wrp input[type="checkbox"]:checked{background: #007bff;}
.pop_wrp label{margin: 5px 5px 0 0; cursor: pointer; display: block; align-items: center;}

.pop_wrp .phone select{width: 25%; height: 40px; padding: 0 10px; margin: 3px 0; border: 1px solid #E8E8E8; box-sizing: border-box; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: -0.05em; color: #252525; background: #FFF; cursor: pointer; border-radius: 4px;}
.pop_wrp .phone input[type="text"]{width: 25%;}
.pop_wrp select{width: 100%; height: 40px; padding: 0 10px; margin: 3px 0; border: 1px solid #E8E8E8; box-sizing: border-box; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: -0.05em; color: #252525; background: #FFF; cursor: pointer; border-radius: 4px;}
.pop_wrp select.brand{display: none;}
.pop_wrp select.brand option:disabled{color: #cfcfcf;}
.pop_wrp .btn_plus,
.pop_wrp .btn_delete{border-radius: 50px; padding: 5px 10px; color: #fff; width: 75px; font-size: 13px; text-align: center; margin-top: 7px;}
.pop_wrp .btn_plus{background: #ff3153; font-weight: 600;}
.pop_wrp .btn_delete{background: #999; font-weight: 400;}

.pop_wrp .red{color: #ff3153;}

@media screen and (max-width: 1024px){ 
    .pop_wrp .popup{width: 65%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px){ 
    .pop_wrp .applyForm .apply_conts{overflow-y: auto; max-height: 75rem;}
    .pop_wrp .vod_wrp{position: relative; width: 90%; height: 35%;}
}


@media screen and (max-width: 760px){
    .pop_wrp .popup{width: 92%;} 
    .pop_wrp .vod_wrp{position: relative; width: 95%; height: 28%;}
    .pop_wrp .phone input[type="text"]{width: 18%;}
    .pop_wrp .phone select{width: 33%;}
    .pop_wrp label{display: block;}
    /*.pop_wrp .applyForm .apply_conts li:last-child{padding-left: 5%;}*/
    .pop_wrp .applyForm{padding: 30px 6%;}
    .pop_wrp .apply_conts label em{padding-left: 20px;}
    
    
    .common_bottom_banner{display: none;}
    .evt_wrp .mo{display: block;}
    .evt_wrp .pc{display: none;}
}

