.common_bottom_banner{display: none;}
.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 .quiz,
.evt_wrp .qs,
.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_261104.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 .bubble{background: url('https://img.megastudyacademy.co.kr/campus/mbc/event/2026/0902_seohyeon/evt_bubble.png') no-repeat left 0; width: 433px; height: 85px; color: #fff; text-align: center; margin-bottom: 30px; font-size: 28px; box-sizing: border-box; padding-top: 22px;} 
.evt_wrp .bubble span{font-weight: 900; color: #fff000;}

.evt_wrp .qs{padding-top: 30px;} 
.evt_wrp .qs a{display: inline-block; padding: 22px 57px; border: 1px solid #637a83; border-radius: 8px; margin-right: 5px; background: #fff;box-sizing: border-box;}
.evt_wrp .qs a.on{padding: 21px 56px; border: 2px solid #b10808;}
.evt_wrp .qs a:hover,
.evt_wrp .qs a.active{padding: 21px 56px; border: 2px solid #ff0060; background: #fff;}

.step{overflow: hidden; width: fit-content; margin: 30px auto 0; background: #c8d4d8; border-radius: 10px; padding: 50px 35px;}
.step li{display: inline-block; border-right: 1px solid #afc0c6;}
.step li:last-child{border-right: 0;}

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

.evt_wrp .bg_sp{background: linear-gradient(#fff, #f1f6f7 55%);}
.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%;}

    .evt_wrp .bubble{background-size: contain; font-size: 24px; padding-top: 25px;         margin-bottom: 2%;background-position: center;}
    .evt_wrp .quiz{display: unset; width: fit-content;}
    .evt_wrp .quiz li{text-align: center;}
    .evt_wrp .quiz li:last-child{padding-left: 0;}
    .evt_wrp .quiz li:first-child div:first-child img{width: 60%;}
    .evt_wrp .quiz li:first-child p:first-child{width: 80%;}
    .evt_wrp .qs a{width: 40%; padding: 19px 52px; margin: 2px 0;}
    .evt_wrp .qs a.on{padding: 18px 51px;}
    .evt_wrp .qs a:hover,
    .evt_wrp .qs a.active{padding: 18px 51px;}

    .evt_wrp .step{padding: 2%; width: 90%;}
    .evt_wrp .step li{height: 15vw; width: 49%; text-align: center; padding-top: 2%;}
    .evt_wrp .step li:first-child{display: none;}
    .evt_wrp .step li:nth-child(2) img{width: 88%}
    .evt_wrp .step li:nth-child(3){border-right: 0;}
    .evt_wrp .step li:last-child img{width: 56%;}
    .evt_wrp .step li:nth-child(-n+3){border-bottom: 1px solid #afc0c6;}

    .pop_alert{padding: 30px !important; font-size: 18px !important;}
    .pop_alert .inner{width: 100%;}

    .evt_wrp .mo{display: block;margin: 0 auto;}
    .evt_wrp .pc{display: none;}
}

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

/* alert */
.pop_alert{border-radius: 10px; background: #fff; padding: 40px; text-align: center; font-size: 20px; font-weight: 500; line-height: 27px;}
.pop_alert a{display: inline-block; background: #000; padding: 5px 30px; color: #fff; font-size: 16px; border-radius: 5px; margin-top: 10px;}

/* 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%;min-width: 460px;}
.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; width: fit-content; margin: 3px 5px 4px 0; cursor: pointer;  align-items: center;}

.pop_wrp .apply_conts .txt{padding: 10px 0; border-bottom: 1px solid #efefef; color: #333; font-weight: 300; line-height: 1.2;}
.pop_wrp .agree .agree_box:last-child{padding-top: 20px;}


.applyForm details{position: relative;}
.applyForm details summary .arrow{position: absolute; top: 17px; right: 45px; cursor: pointer;}
.applyForm details[open] summary .arrow::after{position: absolute; top: -10px; left: 10px; content: ''; width: 12px; height: 12px; border-top: 3px solid #000; border-right: 3px solid #000; transform: rotate(-45deg);}
.applyForm details summary .arrow::after{position: absolute; top: -17px; left: 10px; content: ''; width: 12px; height: 12px; border-top: 3px solid #000; border-right: 3px solid #000; transform: rotate(135deg);}
.applyForm summary{list-style: none;}
.applyForm summary::-webkit-details-marker{display: none;}


.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;}


input,
select,
label,
input[type="checkbox"],
input[type="radio"],
.evt_wrp 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: 32rem; margin-bottom: 20px; border-bottom: 1px solid #ddd; border-top: 2px solid; padding-bottom: 30px;}

.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%;}
.evt_wrp .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 .agreeForm{padding: 15px 0 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 .phone select{width: 25%;}
.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%; min-width: unset;} 
    .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;}
    
    .pop_wrp .apply_conts .txt{font-size: 14px;}
    .pop_wrp .applyForm .check{font-size: 15px;}    
    
    .common_bottom_banner{display: none;}
}
@media screen and (max-width: 510px) {
    .pop_wrp .agree_box {
        word-break: keep-all;
    }
    .br {
        display: none;
    }
}
@media screen and (max-width: 430px) {
    .pop_wrp .pop_ttl {
        font-size: 20px;
    }
    .pop_wrp .applyForm ul li div:first-child {
        width: 20%;
    }
    .pop_wrp .applyForm ul li div:last-child {
        display: flex;align-items: center;width: 75%;justify-content: space-between;
    }
    .pop_wrp .apply_conts .txt {
        font-size: 12px;
    }
    .pop_wrp .applyForm .check {
        font-size: 13px;
    }
    .pop_wrp .applyForm .btn_wrap a{
        font-size: 16px;
    }
    .pop_wrp .agree_box {
        font-size: 11px;
    }
}