@charset "utf-8"; 

.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{position: relative; width: fit-content; margin: 0 auto;} 
.evt_wrp .ttl{font-size: 52px; font-weight: 900; letter-spacing: -2px; padding-bottom: 60px; text-align: center;} 
.evt_wrp .ttl p{font-size: 32px; font-weight: 500; padding-bottom: 20px;}


/* visual */
.evt_wrp .visual{background: linear-gradient(#000, #420c24); padding: 100px 0;}
.evt_wrp .visual .inner{animation:bounce-in-fwd 1.1s both}
.evt_wrp .visual .pop1{position: absolute; top: 210px; left: 50px;}
.evt_wrp .visual .pop2{position: absolute; top: 280px; right: -5px;}
.evt_wrp .visual .pop3{position: absolute; top: 360px; left: 0;}
.evt_wrp .visual .pop1.dungdung{animation-delay: .5s;}

@keyframes bounce-in-fwd{0%{transform:scale(0);animation-timing-function:ease-in;opacity:0}38%{transform:scale(1);animation-timing-function:ease-out;opacity:1}55%{transform:scale(.7);animation-timing-function:ease-in}72%{transform:scale(1);animation-timing-function:ease-out}81%{transform:scale(.84);animation-timing-function:ease-in}89%{transform:scale(1);animation-timing-function:ease-out}95%{transform:scale(.95);animation-timing-function:ease-in}100%{transform:scale(1);animation-timing-function:ease-out}}

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

/* rolling graph */
.evt_wrp .grp.swiper-container{position: relative; width: 1200px; margin: 70px auto 0; overflow: hidden; background: #fff; border-radius: 20px; padding: 90px 0; text-align: center;}
.evt_wrp .grp.swiper-container .swiper-pagination{width: fit-content; position: absolute; top: 50px; left: unset; right: 60px; z-index: 2;}
.evt_wrp .grp.swiper-container .swiper-pagination-bullet{width: 18px; height: 18px;}
.evt_wrp .grp.swiper-container .swiper-pagination-bullet-active{background: #ff4c4c;}

/* photo slide*/
.evt_wrp .photo_slide{position: relative; width: 100%; height: auto; margin: 0 auto 150px; overflow: hidden;}
.evt_wrp .photo_slide .swiper-container{width: 100%; padding: 20px 0;}
.evt_wrp .photo_slide .swiper-wrapper{transition-timing-function: linear !important; /* 부드러운 롤링 */}
.evt_wrp .photo_slide .swiper-slide{width: auto !important;}
.evt_wrp .photo_slide img{width: 100%; height: auto; display: block; border-radius: 10px;}
.review .tit{padding-bottom: 50px;}


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


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

.evt_wrp .bg_01{background: linear-gradient(#fff, 60%, #dee2e3);}
.evt_wrp .bg_02{background: #fff;}
.evt_wrp .bg_03{background: linear-gradient(#dbe1e2, 10%, #fff);}

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

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

.counsel h2{text-align: left;}
.consult_form_container .inner{padding: 0;}
.consult_form_container .inner .consult_form_title h2{display: none;}
html{scroll-behavior: smooth;}

@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: 540px){
    .evt_wrp .list_horiz li{width: 75%; margin: unset;} 
    .evt_wrp .list_horiz li .btn{font-size: 19px;} 
    .evt_wrp .grp.swiper-container{margin: 10% auto 0;} 
    .evt_wrp .ttl{font-size: 24px; padding-bottom: 5%;}
    .evt_wrp .ttl p{font-size: 18px; padding-bottom: 2%;} 
    .evt_wrp * [class^="bg_"]{padding: 15% 0;} 
}

@media screen and (max-width: 768px){
    .evt_wrp .visual .inner span{width: 18%;}
    .evt_wrp .visual .pop1{top: 30%;left: 5%;}
    .evt_wrp .visual .pop2{top: 34%;right: 3%;}
    .evt_wrp .visual .pop3{top: 60%;left: -2%;}
    .evt_wrp .grp.swiper-container .swiper-pagination{top: 15px; right: 10px;}
    .evt_wrp .grp.swiper-container .swiper-pagination-bullet{width: 12px; height: 12px;}
}

@media screen and (max-width: 1024px){     
    .evt_wrp .inner,
    .evt_wrp .list_horiz{width: 92%; margin: 0 auto;}
    .evt_wrp .grp.swiper-container{width: 90%; border-radius: 5px; padding: 8% 2%; border: 5px solid #fff;}   
    .evt_wrp .visual{padding: 12% 0;}
    .evt_wrp .photo_slide{margin: 0 auto 10%;}
    .evt_wrp .photo_slide .swiper-container{padding: 0;}
    .evt_wrp .photo_slide .swiper-slide{width: 80% !important;}
    .evt_wrp .list_horiz li:hover .btn{background: #000;}
    .evt_wrp .list_horiz li{margin-bottom: 5%;}
    .evt_wrp .list_horiz li .btn{left: 10%; bottom: 8%; width: 80%; height: 12%;}
}

@media screen and (max-width: 820px){
    .evt_wrp .bg_01 .list_horiz li{width: 45%;}
}

@media screen and (min-width: 768px) and (max-width: 1024px){ 
    .evt_wrp .visual .inner span{width: 17%;}
    .evt_wrp .visual .pop1{top: 120px; left: 18px;}    
    .evt_wrp .visual .pop2{top: 140px; right: 35px;}
    .evt_wrp .visual .pop3{top: 240px; left: -10px;}
    .evt_wrp .list_horiz li{width: 31%;} 
    .evt_wrp .list_horiz li .btn{font-size: 18px;}
    .evt_wrp .grp.swiper-container{margin: 5% auto 0;} 
    .evt_wrp .grp.swiper-container .swiper-pagination{top: 5%; right: 3%;}
}

@media screen and (min-width: 768px) and (max-width: 820px){
    .evt_wrp .ttl{font-size: 36px; padding-bottom: 6%;}
    .evt_wrp .ttl p{font-size: 28px; padding-bottom: 10px;}  
    .evt_wrp .bg_01 .list_horiz{width: 72%;}
    .evt_wrp * [class^="bg_"]{padding: 12% 0;}   
}

@media screen and (width: 1024px){ 
    .evt_wrp .ttl{font-size: 50px; padding-bottom: 6%;}
    .evt_wrp .ttl p{font-size: 38px; padding-bottom: 10px;}  
    .evt_wrp .bg_01 .list_horiz li{width: 23%;}
}