.header_bottom.txt {height: 10vw; overflow: hidden;}
.header_bottom.txt a {font-family: "SpoqaHanSansNeo"; font-size: 3vw; font-weight: 400; display: inline-block; height: 100%; text-align: center; align-content: center; background: linear-gradient(#f2f2f2 50%, #e7e7e7 150%); color: #919191; box-shadow: 1vw 0 2vw rgba(0, 0, 0, 0.2);}
.header_bottom.txt a.on {font-size: 3.2vw; font-weight: 400; color: #3b7fff; background: linear-gradient(rgba(59, 127, 255, 0.2) -50%, #fff 50%);}

.footer_wrap {background: #fff;}
.footer_wrap.new .footer_wrap_inner .ft_top {padding-bottom: 26vw;}
.footer_wrap.new .footer_wrap_inner .ft_panel {padding-bottom: 38vw;}

.bottom_btn_wrap {height: auto;}
.bottom_btn_wrap_inner {display: block !important;}
.bottom_btn_wrap .bottom_btn_wrap_inner .btn_info {padding: 0 10% 2%; user-select: none; pointer-events: none;}


#st1 {height: 172vw;}
#st1 .cont1 {top: 175px;}


#st2 {height: 95vw;}
#st2 .cont1 {top: 13vw;}

#st2 .slideBox {width:100%; height:auto; padding-left: 5%; padding-bottom: 2.5vw; box-sizing: border-box; position: relative; display: block; opacity: 0;}
#st2 .slideBox.ani {opacity: 1;}
#st2 .slideBoxInner{width:100%; height:100%;}

#st2 .swiper {width: 100%; height: auto; overflow: hidden; margin-left: auto; margin-right: auto;}
#st2 .swiper-wrapper{width:max-content;}
#st2 .swiper-wrapper::after{content:''; display:block; clear:both;}
#st2 .swiper-slide {width:60vw; height:auto; text-align: center; box-sizing:border-box; margin-right:0; float: left; margin-right: 3vw;}
#st2 .swiper-slide img {display: block; width: 100%; height: auto; object-fit: cover;}
#st2 .swiper-pagination {position: absolute; bottom: -12vw; left: 0; width: 100vw; height: 5vw; display: flex; justify-content: center; align-items: center;}
#st2 .swiper-pagination-bullet {width: 2vw !important; height: 2vw !important; border-radius: 2vw !important; background: #b5b5b5 !important; opacity: 1 !important; margin: 0 1vw !important; float: left;}
#st2 .swiper-pagination-bullet-active {width: 4vw !important; border-radius: 2vw !important; background: #6a7074 !important;}


#st3 {height: 82vw;}
#st3 .cont1 {width: 30%; top: 14vw; right: 8.5%;}
#st3 .cont1 img {transform-origin: bottom;}
#st3 .cont2 {width: 83%; top: 36vw; left: 50%; transform: translateX(-50%);}
#st3 .cont3 {width: 83%; top: 48vw; left: 50%; transform: translateX(-50%);}
#st3 .cont4 {width: 83%; top: 60vw; left: 50%; transform: translateX(-50%);}


#st4 {height: 271vw;}
#st4 .btn1 {width: 38.5%; height: 68.5vw; top: 147vw; left: 9vw;}
#st4 .btn2 {width: 38.5%; height: 68.5vw; top: 147vw; left: 51.8vw;}


.animate__fadeIn {
    animation-duration: 400ms !important;
}

@keyframes customFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.animate__customFadeInUp {
    -webkit-animation-name: customFadeInUp;
    animation-name: customFadeInUp;
    animation-duration: 600ms !important;
}