.footer_wrap {background: #fff;}
.footer_wrap.new .footer_wrap_inner .acc_btn ~ .ft_top {padding-bottom: 128px !important;}
.footer_wrap.new .footer_wrap_inner .acc_btn.active ~ .ft_top {padding-bottom: 0 !important;}
.footer_wrap.new .footer_wrap_inner .ft_panel {padding-bottom: 150px !important;}

.bottom_btn_wrap {position: fixed !important; width: 100%; max-width: 893px; display: flex; justify-content: flex-end; height: auto; left: 50%; bottom: 0; z-index: 10; transform: translateX(-50%);}
.bottom_btn_wrap .bottom_btn_wrap_inner {width: 460px !important; height: auto; margin-left: 433px;}
.bottom_btn_wrap .bottom_btn_wrap_inner .btn_info {padding: 0 60px 10px; user-select: none; pointer-events: none;}

@media screen and (max-width: 893px) {
    .bottom_btn_wrap {width: 100%; left: 0; transform: none; display: block;}
    .bottom_btn_wrap .bottom_btn_wrap_inner {margin-left: 0; position: absolute; left: 433px;}
    .bottom_btn_wrap .bottom_btn_wrap_inner .btn_info {padding: 0 60px 10px;}
    .bottom_btn_wrap .bottom_btn_wrap_inner img:not(.btn_info img) {min-width: 460px;}
    /* .bottom_btn_wrap .bottom_btn_wrap_inner {width: 455px;} */
}


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


#st2 {height: 431px;}
#st2 .cont1 {top: 70px;}

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

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


#st3 {height: 372px;}
#st3 .cont1 {width: 30%; top: 60px; right: 8.5%;}
#st3 .cont1 img {transform-origin: bottom;}
#st3 .cont2 {width: 83%; top: 173px; left: 50%; transform: translateX(-50%);}
#st3 .cont3 {width: 83%; top: 227px; left: 50%; transform: translateX(-50%);}
#st3 .cont4 {width: 83%; top: 281px; left: 50%; transform: translateX(-50%);}


#st4 {height: 1230px;}
#st4 .btn1 {width: 175px; height: 310px; top: 670px; left: 41px;}
#st4 .btn2 {width: 175px; height: 310px; top: 670px; left: 236px;}


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