.consult_form_container .inner{border-top: 0;}

.evt_wrp .pc{display: block;}
.evt_wrp .mo{display: none;}
.consult_form_container.consult_form_renew{border-top: 0;}

.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: 900;}
.evt_wrp .ttl,
.evt_wrp .inner{position: relative; width: fit-content; margin: 0 auto; max-width: 100%;} 

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

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

.evt_wrp .visual{background: url('https://img.megastudyacademy.co.kr/campusdev/mbc/event/2026/1027_black_friday/bg_visual.png') no-repeat center 0, url('https://img.megastudyacademy.co.kr/campusdev/mbc/event/2026/1027_black_friday/bg_img.png') no-repeat top right, linear-gradient(to right, #000, #131418);} 

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

.evt_wrp .bg_01 .small{padding-bottom: 50px;}

.evt_wrp .bg_01{background: url('https://img.megastudyacademy.co.kr/campusdev/mbc/event/2026/1027_black_friday/bg_line_top.png') no-repeat top left, url('https://img.megastudyacademy.co.kr/campusdev/mbc/event/2026/1027_black_friday/bg_line_bottom.png') no-repeat right bottom, #a70e20; padding: 130px 0 80px;} 
.evt_wrp .bg_02{background: #fff;} 
.evt_wrp .bg_03{background: #000;}
.evt_wrp .bg_04{background: #a70e20;} 
.evt_wrp .bg_05{background: linear-gradient(#fff 5%, #e0eaf0);} 

.evt_wrp .bg_04 .ttl{padding-bottom: 10px;}
.evt_wrp .bg_01 .small{width: 1090px; margin: 10px auto 0; color: #fff; opacity: 0.8;}
.evt_wrp .small::before{content: '\002A'; margin: 0 5px 0 -10px;} 

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

.evt_wrp .notice{width: 1145px; margin: 50px auto 0; color: #fff; 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: 11;  transform: translateY(0); transition: transform .35s ease;}
.evt_wrp .btn a{background: linear-gradient(to right, #a70e20 35%, #000); border: 2px solid #71000d; border-bottom: 0; width: 550px; height: 70px; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28px; font-weight: 900; border-radius: 10px 10px 0 0; }
.evt_wrp .btn strong{color: #fff000;}
.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;}

.pack.swiper-container{position: relative; margin: 0 auto; overflow: hidden;}

.pack .swiper-slide{width: 895px; flex-shrink: 0;}
.evt_wrp .swiper-button-prev, 
.evt_wrp .swiper-button-next{background: #708d9b; width: 50px; height: 50px; border-radius: 50%;}
.evt_wrp .swiper_btn{width: 965px;position: absolute;top: var(--swiper-navigation-top-offset, 50%);left: calc( 50% - 480px);}
.evt_wrp .swiper-button-prev::after,
.evt_wrp .swiper-button-next::after{color: #fff; font-size: 20px;}

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

    .evt_wrp .bg_02 .list_horiz li:nth-child(n+4):nth-child(-n+6){padding-top: 20px;}

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

@media screen and (min-width: 1200px){
    .evt_wrp .bg_02 .list_horiz{width: 1200px;}
    .evt_wrp .btm_txt br{display: none;}
}

@media screen and (max-width: 1199px){
    .evt_wrp .ttl{padding-bottom: 5%; width: 85%; text-align: center;}
    .evt_wrp .inner,
    .evt_wrp .list_horiz{width: 90%;}
        
    .evt_wrp .visual{background-size: 120%;}
    .evt_wrp .visual .inner{width: 100%; margin-left: -5%;}

    * [class^="bg_"]{padding: 12% 0;}

    .evt_wrp .notice{width: 92%; padding: 5%; margin-top: 2%;}

    .evt_wrp .btm_txt{padding: 5%;}
    .evt_wrp .bnr {width: 90%; padding: 6%;}
    .evt_wrp .btn a{width: 80%; height: 12vw;}
    
    .evt_wrp .swiper-button-prev,
    .evt_wrp .swiper-button-next,
    .common_bottom_banner{display: none;}

    .evt_wrp .bg_01{background-size: 100%; padding: 15% 0 5%;}
    .evt_wrp .bg_01 .small{width: 82%;}    

    .evt_wrp .list_horiz li{width: 48%;}
    .evt_wrp .bg_01 .inner:last-child{padding-top: 5%;}
    .evt_wrp .bg_04 .list_horiz li:last-child{margin-top: -18%;}
}

@media screen and (max-width: 768px){
    .evt_wrp .list_horiz li{margin: 0; width: 48%;}
    .evt_wrp .list_horiz li:nth-child(n+3):nth-child(-n+6){padding-top: 2% !important;}
    .evt_wrp .bg_04 .list_horiz li{display: block; width: 90%; margin: 0 auto;}
    .evt_wrp .bg_04 .list_horiz li:last-child{width: 74%;}
    
    .evt_wrp .pack.swiper-container{width: 95%;}
    .pack .swiper-slide{width: 95%;}

    .evt_wrp .bg_02:nth-child(2) .list_horiz{width: 100%; padding: 0 5%; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
    .evt_wrp .bg_02:nth-child(2) .list_horiz li{width: 90%;}
    .evt_wrp .bg_02:nth-child(2) .list_horiz li:first-child{margin-right: 3%;}
    
    .evt_wrp .notice{font-size: 1.25rem;}
    .evt_wrp .btm_txt{font-size: 1.5rem;}
}


@media screen and (min-width: 769px) and (max-width: 1199px){    
    .evt_wrp .visual{background-position: 70% 0, right top; background-size: auto, 160%;} 
    .evt_wrp .visual .inner{margin-left: -10%;}
    .evt_wrp .bg_01 .list_horiz li{width: 23%;}
    .evt_wrp .bg_01 .small{width: 93%;}
    .evt_wrp .bg_04 .list_horiz li{width: 50%;}
    .evt_wrp .bg_04 .list_horiz li:last-child{width: 39%;}
    .evt_wrp .bg_02:nth-child(5) .list_horiz li{width: 31%;}
    .evt_wrp .btm_txt br{display: none;}

    .evt_wrp .notice{font-size: 2.1rem;}
    .evt_wrp .btm_txt{font-size: 2.2rem;}
    .evt_wrp .btn a{font-size: 3.8rem;}
}

@media screen and (width: 768px){
    .evt_wrp .bg_01 .list_horiz li{width: 40%;}
    .evt_wrp .bg_02:nth-child(2) .list_horiz li{width: 80%;}
    .evt_wrp .bg_04 .list_horiz{width: 100%;}
    .evt_wrp .bg_04 .list_horiz li{display: inline-block;}
    .evt_wrp .bg_04 .list_horiz li{width: 50%;}
    .evt_wrp .bg_04 .list_horiz li:last-child{width: 39%;}

    .evt_wrp .notice{font-size: 1.8rem;}
    .evt_wrp .btm_txt{font-size: 2.3rem;}
}

@media screen and (max-width: 720px){
    .evt_wrp .btn a{font-size: 1.8rem;}
}
@media screen and (min-width: 721px) and (max-width: 768px){
    .evt_wrp .btn a{font-size: 2.8rem;}
}
@media screen and (min-width: 769px) and (max-width: 1024px){
    .evt_wrp .btn a{font-size: 3.5rem;}
}