.footer_wrap {background: #fff;}

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

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

#st1 .swiper-wrapper{width: max-content;}
#st1 .swiper-wrapper::after {content:''; display: block; clear: both;}

#st1 .swiper {width: 100%; max-width: 455px; height: 100%; overflow: hidden; margin-left: auto; margin-right: auto;}
#st1 .swiper-slide {width:300px; height:auto; text-align: center; box-sizing: border-box; float: left; margin-right: 16px;}
#st1 .swiper-slide img {display: block; width: 100%; height: auto; object-fit: cover;}

#st1 .swiper-pagination {position: absolute; bottom: -10%; left: 0; width: 100%; display: flex; justify-content: center; align-items: center;}
#st1 .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;}
#st1 .swiper-pagination-bullet-active {width: 4% !important; border-radius: 5px !important; background: #6a7074 !important;}

#st2 {height: 420px;}
#st2 .cont1 {width: 83%; top: 173px; left: 50%; transform: translateX(-50%);}
#st2 .cont2 {width: 83%; top: 225px; left: 50%; transform: translateX(-50%);}
#st2 .cont3 {width: 83%; top: 277px; left: 50%; transform: translateX(-50%);}

#st3 {height: 492px;}
#st3 .cont1 {width: 40%; top: 140px; left: 29%; transform: translateX(-50%);}
#st3 .cont2 {width: 40%; top: 140px; left: 71%; transform: translateX(-50%);}

#st3 .cont1 .link_btn {top: 106px; left: 25px; width: 90px; height: 24px;}
#st3 .cont2 .link_btn {top: 106px; left: 25px; width: 90px; height: 24px;}

#st4 {height: 530px;}
#st4 .cont1 {top: 150px;}

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

#st4 .swiper-wrapper{width: max-content;}
#st4 .swiper-wrapper::after {content:''; display: block; clear: both;}

#st4 .swiper {width: 100%; max-width: 455px; height: 100%; overflow: hidden; margin-left: auto; margin-right: auto;}
#st4 .swiper-slide {width:300px; height:auto; text-align: center; box-sizing:border-box; float: left;}
#st4 .swiper-slide ~ .swiper-slide {margin-right: -16px;}
#st4 .swiper-slide img {display: block; width: 100%; height: auto; object-fit: cover; margin-left: -12px;}

#st4 .swiper-pagination {position: absolute; bottom: -10%; left: 0; width: 100%; display: flex; justify-content: center; align-items: center;}
#st4 .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;}
#st4 .swiper-pagination-bullet-active {width: 4% !important; border-radius: 5px !important; background: #6a7074 !important;}

#st5 {height: 1071px;}
#st5 .cont1 {width: 91%; top: 605px; left: 50%; transform: translateX(-50%);}
#st5 .cont2 {position: absolute; width: 41%; top: 125px; left: 51%;}

#st5 .cont1 .link_btn {width: 80%; height: 17%; top: 76.5%; left: 50%; transform: translateX(-50%);}
#st5 .link_btn.ytb {width: 83%; height: 207px; top: 238px; left: 50%; transform: translateX(-50%);}

.obj_ani {
    animation-name: objAni;
    animation-duration: 4.8s;
    animation-delay: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes objAni {
    0%   {transform: scale(100%);}
    50%  {transform: scale(85%);}
    100% {transform: scale(100%);}
}