.evt_wrp{position: relative; width: 100%; overflow: hidden;} 
.common_bottom_banner{display: none;}
.evt_wrp img{vertical-align: top;} 
.evt_wrp strong{font-weight: 700;}
.evt_wrp .ttl,
.evt_wrp .inner,
.evt_wrp .list_vert{position: relative; width: fit-content; margin: 0 auto;} 
.evt_wrp .ttl{padding-bottom: 50px;} 

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

.evt_wrp .barbnr{background: #00ffd8; position: fixed; left: 0; bottom: 0; width: 100%; padding: 10px 0; z-index: 9; transform: translateY(100%); transition: transform 0.5s ease;}

.evt_wrp .barbnr.is_show{transform: translateY(0);}

.evt_wrp .visual{background: #000 url('https://img.megastudyacademy.co.kr/campus/mbc/event/2026/0910_ipsi_pres/bg_visual.png') no-repeat center 0; padding: 120px 0;}

.evt_wrp .visual-txt{background: url('https://img.megastudyacademy.co.kr/campus/mbc/event/2026/0910_ipsi_pres/bg_txt.png') no-repeat center 0; width: 460px; margin: 20px auto; height: 53px; overflow: hidden;}
.evt_wrp .visual-txt .swiper-slide{width: fit-content; height: 53px; margin: 0 auto;}
.evt_wrp .visual-txt .swiper-slide img{display: block;height: 53px; object-fit: cover;}

.evt_wrp .list_horiz{position: relative; overflow: hidden; text-align: center;}
.evt_wrp .list_horiz li{position: relative; display: inline-block; margin: 5px;}
.evt_wrp .list_horiz li .arrow{position: absolute; top: calc(50% - 50px);
  left: -28px;}

.evt_wrp .bg_01 .bubble{position: absolute; top: 20px; left: 70px;}
.evt_wrp .bg_05 .list_horiz{padding-bottom: 52px;}
.evt_wrp .bg_05 .inner img{border-radius: 10px; box-shadow: 0 0 15px 2px rgba(0, 0, 0, 1);}

.evt_wrp #apply .ttl{padding-bottom: 0;}

.evt_wrp .bg_01{background: linear-gradient(#fff 5%, #e3e6eb); padding-bottom: 0;}
.evt_wrp .bg_02{background: #fff;}
.evt_wrp .bg_03{background: #0ab7a9;}
.evt_wrp .bg_04{background: linear-gradient(#fff 5%, #edf5f8);} 
.evt_wrp .bg_05{background: #000 url('https://img.megastudyacademy.co.kr/campus/mbc/event/2026/0910_ipsi_pres/bg_con6.png') no-repeat center 0;} 
.evt_wrp .bg_06{background: url('https://img.megastudyacademy.co.kr/campus/mbc/event/2026/0910_ipsi_pres/bg_con7.png') repeat-x top; padding-bottom: 0;}
.evt_wrp .bg_07{background: #eaeff5;}


.evt_wrp .vod .swiper-slide{position: relative; width: fit-content; border-radius: 5px;}

.evt_wrp .pop_wrp{display: flex; background: rgba(0,0,0,0.7); height: 100%; width: 100%; align-items: center; position: fixed; top: 0; left: 0; z-index: 99; justify-content: center;}
.evt_wrp .pop_wrp .div_pop{position: relative; width: 40%; background: #000; height: 50%; max-height: 88%;}
.evt_wrp .pop_wrp .closeX{position: absolute; top: -50px; color: #fff; font-size: 5rem; right: 0; cursor: pointer;}
.evt_wrp .pop_wrp .div_pop,
.evt_wrp .pop_wrp .div_pop iframe{border-radius: 20px; border: 1px solid #000}


.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 1s, opacity 2s;} 

@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 .list_horiz li .arrow{display: none;}

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

    .evt_wrp .visual{background-attachment: unset; padding: 10% 0;}

    .evt_wrp .ttl{padding: 0 5% 5%;}
    .evt_wrp .inner,
    .evt_wrp .list_horiz{width: 90%; margin: 0 auto;}     
    
    .evt_wrp .bg_03 .list_horiz li{width: 46%;}    
    .evt_wrp .bg_05{background-size: 170%; background-position: bottom;}
    .evt_wrp .bg_05 .list_horiz{padding-bottom: 5%;}
    
    .evt_wrp .vod .swiper-slide{width: 70%;}
    .evt_wrp .pop_wrp .div_pop{width: 80%; height: auto; max-height: 30%;}

    .evt_wrp .visual-txt{width: 100%; margin: 3vw auto; height: 8vw; background-size: 64%;}
    .evt_wrp .visual-txt .swiper-slide{height: 7vw; margin: 0 auto;}
    .evt_wrp .visual-txt .swiper-slide img{display: block; height: 7vw; object-fit: cover;}
    .evt_wrp .bg_01 .bubble{top: 10px; left: 0;}
    .evt_wrp .bg_06{background: none; /* background-size: auto 30%; */}
}



/* pop */
.applyForm .apply_conts li:last-child{justify-content: unset !important; background: unset !important; color: unset !important; border-bottom: 1px solid #eee !important;}

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

.applyForm{position: relative; margin: 0 auto; padding: 30px; border-radius: 10px; background: #fff;}
.applyForm > em{text-align: center; font-size: 16px; letter-spacing: -1px; font-weight: 500; padding: 10px 0 15px; display: block;}
.applyForm .pop_txt{width: 100%; margin: 0 auto 5px; padding: 20px 0 15px; font-size: 24px; font-weight: 700; text-align: center; line-height: 1.2; border-top: 2px solid;}
.applyForm .apply_conts{margin-bottom: 20px; border-bottom: 1px solid #ddd;}

.applyForm .apply_conts ul{overflow: hidden; display: inline-block; border-top: 1px solid #eee; text-align: center;}
.applyForm .apply_conts li{display: flex; border-bottom: 1px solid #eee; align-items: center; padding: 12px 0; text-align: left; height: 60px;}

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

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

.applyForm .agree{padding: 15px 0; line-height: 1.1; font-size: 14px;}
.applyForm .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;}
.applyForm .agree_txt{text-align: center;}
.applyForm .agree strong{font-weight: 800; color: #5a5a5a; padding-top: 10px;}
.applyForm .agree_box strong{display: block;}
.applyForm .check{font-size: 16px; font-weight: 700; padding-left: 7px;}
.applyForm .btn_ok{background: #000; color: #fff;}
.applyForm .btn_wrap a{display: inline-block; margin: 20px auto; padding: 20px 70px; border-radius: 50px; font-size: 22px; font-weight: 700; text-align: center;}
.applyForm .btn_wrap{text-align: center;}

.applyForm input[type="text"]{border: 1px solid #eee; padding: 6px 10px; padding: 6px 10px 5px 10px; height: 17px;}
.applyForm input[type="radio"],
.applyForm input[type="checkbox"]{width: 16px; height: 16px; margin-right: 5px; border: 1px solid;}

.applyForm input[type="checkbox"]:checked{background: #007bff;}
.applyForm label{margin: 0 10px 0 0; cursor: pointer; align-items: center; display: inline-flex;}

.applyForm .phone input[type="text"]{width: 25%;}
.applyForm select{height: 31px; 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;}

.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: 7px; 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: 0; 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;}

.applyForm .red{color: #ff3153;}

/* 신청 완료 레이어 팝업 */
.ipsi_pres_succ_pop{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.55); align-items: center; justify-content: center; z-index: 200;}
.ipsi_pres_succ_pop .popup{width: 420px; max-width: 90%; margin: 0 auto; padding: 50px 30px 40px; border-radius: 4px; background: #e9e9e9; text-align: center; box-sizing: border-box;}
.ipsi_pres_succ_pop .pop_msg{margin: 0 0 30px; font-size: 22px; font-weight: 800; line-height: 1.45; letter-spacing: -0.5px; color: #222;}
.ipsi_pres_succ_pop .pop_msg .red{color: #ff3153;}
.ipsi_pres_succ_pop .btn_wrap{margin: 0; text-align: center;}
.ipsi_pres_succ_pop .btn_ok{display: inline-block; padding: 14px 48px; border-radius: 50px; background: #555; color: #fff; font-size: 18px; font-weight: 700; text-decoration: none;}

@media screen and (min-width: 1200px){ 
    .applyForm{width: 1200px;}
    .applyForm .apply_conts li{width: 49%; display: inline-flex;}
    .applyForm .pop_txt br{display: none;}
    .applyForm .apply_conts li:nth-child(2) select{width: 25%;}
}

@media screen and (max-width: 1024px){ 
  .applyForm .popup,
  .ipsi_pres_succ_pop .popup{width: 65%;}
  .evt_wrp .visual_typo{top: 61%; right: 19%;}
  .applyForm .btn_wrap a{padding: 15px 50px; font-size: 18px;}
  .ipsi_pres_succ_pop .pop_msg{font-size: 18px;}
}

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

@media screen and (max-width: 760px){
  .applyForm .popup,
  .ipsi_pres_succ_pop .popup{width: 92%;} 
  .applyForm .vod_wrp{position: relative; width: 95%; height: 28%;}
  .applyForm .phone input[type="text"]{width: 18%;}
  .applyForm .phone select{width: 33%;}
  .applyForm {padding: 30px 6%;}
  .applyForm .apply_conts label em{padding-left: 20px;}
  .ipsi_pres_succ_pop .pop_msg{font-size: 16px;}
  .ipsi_pres_succ_pop .btn_ok{padding: 12px 40px; font-size: 16px;}
}