@charset "utf-8"; 
.consult_form_container .inner{padding-top: 50px;}

.evt_wrp{position: relative; width: 100%; line-height: 1.2; letter-spacing: -1px;} 
.evt_wrp img{vertical-align: top;} 
.evt_wrp i{font-style: normal;}
.evt_wrp strong{font-weight: 900;}
.evt_wrp .ttl,
.evt_wrp .inner, 
.evt_wrp .map_txt,
.evt_wrp .evt_ttl{position: relative; width: fit-content; margin: 0 auto;} 
.evt_wrp .ttl{padding-bottom: 50px;} 
.evt_wrp .evt_ttl{padding-bottom: 100px;} 
.barbnr{position: fixed; left: 0; bottom: 0; width: 100%; padding: 12px 0; background: #ff0160; color: #fff; font-size: 24px; text-align: center; z-index: 9;}
.barbnr .inner{width: 1200px; font-weight: 900;}
.barbnr em{color: #fff000; font-weight: 900;}

/* visual */
.evt_wrp .visual{background: #f9ded5 url('imgs/bg_visual.png') no-repeat center 0; padding: 38px 0 100px;}
.evt_wrp .visual .typo{position: absolute; top: 120px; right: 70px;}

.evt_wrp .bubble{position: absolute; top: 70px; left: 0;}

.evt_wrp .list_horiz{overflow: hidden; text-align: center; margin: 0 auto;}
.evt_wrp .list_horiz li{display: inline-block; margin: 0 5px;}
.evt_wrp .list_horiz li div{text-align: left;}

/* rolling */
.evt_wrp .campus.swiper-container{position: relative; width: 1080px; margin: 0 auto; overflow: hidden;}
.evt_wrp .campus.swiper-container .swiper-wrapper img{border-radius: 10px;}
.evt_wrp .campus.swiper-container .swiper-pagination{position: relative; width: fit-content; margin: 50px auto 0; z-index: 2;}
.evt_wrp .campus.swiper-container .swiper-pagination-bullet{width: 18px; height: 18px;}
.evt_wrp .campus.swiper-container .swiper-pagination-bullet-active{background: #ff4c4c;}


/* 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;}


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

.evt_wrp .bg_01{background: linear-gradient(#fff 20%, #fae4dc);}
.evt_wrp .bg_02{background: linear-gradient(#fff 20%, #f8efd5);}
.evt_wrp .bg_03{background: #fff;}
.evt_wrp .bg_04{background: #eef3f5;}
.evt_wrp .bg_05{background: linear-gradient(#eef3f5 20%, #fff); padding-bottom: 0;}

.evt_wrp .small{font-size: 13px; padding-top: 30px; color: #fff;} 
.evt_wrp .small span{display: block; text-align: center; padding-top: 5px;}
.evt_wrp .small span::before{content: '\002A'; margin: 0 5px 0 -10px;} 

.evt_wrp .list_horiz{width: fit-content; margin: 0 auto; text-align: center;}
.evt_wrp .list_horiz li{position: relative; display: inline-block; margin: 0 5px;}
.evt_wrp .list_horiz li .btn{position: absolute; left: 38px; bottom: 33px; display: flex; justify-content: center; align-items: center; width: 81%; height: 56px; background: #000; border-radius: 5px; color: #fff; font-size: 21px; font-weight: 900; text-align: center; z-index: 2;}
.evt_wrp .list_horiz li:hover .btn{background: #ff4c4c;}

.mo{display: none;}

.evt_wrp .dungdung{animation: updown 1s both infinite alternate;} 
.evt_wrp .blink{animation: blink 1.5s infinite;} 
.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);}} 

/* mo */
@media screen and (max-width: 768px){
    .evt_wrp .inner,
    .evt_wrp .schol,
    .evt_wrp .steps,
    .evt_wrp .list_horiz,
    .bg_04 .cont,
    .evt_wrp .btn{width: 92%; margin: 0 auto; text-align: center;}
    .evt_wrp .ttl{padding-bottom: 7%;}
    .evt_wrp .pc,
    .evt_wrp .typo{display: none;}
    .evt_wrp .mo{display: block;}

    .evt_wrp .barbnr{position: relative;}
    .evt_wrp .barbnr.fixed{position: fixed; top: 5%; left: 0; bottom: unset; padding: 5% 0 2%;}
    .barbnr span{display: block;}
    
    .evt_wrp .visual{padding: 0;}
    .evt_wrp .visual .inner{width: 100%;}
    .evt_wrp .evt_ttl{width: 90% !important; padding-bottom: 10% !important;}

    .evt_wrp .bg_03 .list_horiz li{width: 80%}

    .evt_wrp .campus.swiper-container,
    .evt_wrp .map_wrp.inner{width: 90%;}
    .evt_wrp .list_horiz li{display: flex; flex-shrink: 0; width: 70%;}
    
    
    .evt_wrp .list_horiz li .btn{left: 7%; bottom: 9%; width: 86%; height: unset; font-size: 15px; padding: 4% 0;}
    .evt_wrp .list_horiz li:hover .btn{background: #000;}

    .evt_wrp .bubble{top: 10px;}
    .map_txt{width: 90% !important;}
}

@media screen and (min-width: 820px) and (max-width: 1024px){  
    .evt_wrp .campus.swiper-container,
    .evt_wrp .inner{width: 95%;}
    .evt_wrp .visual .typo{top: 8%; right: 20px;}   

    .map_txt{width: fit-content; margin: 0 auto;}
}

@media screen and (max-width: 1024px){
    .evt_wrp .evt_ttl{width: 90%; padding-bottom: 7%;}
    .evt_wrp .ttl,    
    .evt_wrp .map_wrp.inner{width: 90%;}

    * [class^="bg_"] {padding: 15% 0;} 
    .evt_wrp .list_horiz li{display: flex; flex-shrink: 0; margin: 0 2%;}

    .evt_wrp .list_horiz{overflow-x: auto; white-space: nowrap; display: flex; align-items: center; -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */ scrollbar-width: none; /* Firefox */}
    .evt_wrp .list_horiz::-webkit-scrollbar{display: none; /* Chrome, Safari */}
    .evt_wrp .list_horiz li:nth-child(1), 
    .evt_wrp .list_horiz li:nth-child(3){padding-top: unset;}
    .evt_wrp .list_horiz li:nth-child(2){margin: unset;}
}