section{padding:10em}@media(max-width:1650px){section{padding:5em}}@media(max-width:1280px){section{padding:3em}}@media(max-width:800px){section{padding:1em}}.sec-1{position:relative;width:100%;height:100vh;padding:0}.sec-1 .main-banner{aspect-ratio:16/9}.sec-1 .main-banner,.sec-1 .main-banner .banner-swiper,.sec-1 .main-banner .banner-swiper .swiper-slide{width:100%;height:100%}.sec-1 .main-banner .banner-swiper .slide-content,.sec-1 .main-banner .banner-swiper .slide-content .image-wrapper{width:100%;height:100%;position:relative}.sec-1 .main-banner .banner-swiper .slide-content .background-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right bottom}.sec-1 .main-banner .banner-swiper .slide-content video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;object-position:center}.sec-1 .title{width:fit-content;color:var(--dark);text-align:center;font-family:SUITB;font-size:50px;line-height:1.2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.sec-1 .title span{display:block;margin-bottom:10px;font-size:30px}.sec-1 .scroll-down{position:absolute;left:50%;bottom:5em;transform:translateX(-50%) scale(.8);text-align:center;z-index:10}.sec-1 .scroll-down .scroll-text{margin-bottom:1em;font-size:14px;letter-spacing:2px}.sec-1 .scroll-down .arrow-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.sec-1 .scroll-down .arrow-container .arrow{border-right:2px solid var(--dark);border-bottom:2px solid var(--dark);width:16px;height:16px;transform:rotate(45deg) translateY(0);animation:scrollDownArrow 1.5s infinite}.sec-1 .scroll-down .arrow-container .arrow.delay{animation-delay:.3s}@keyframes scrollDownArrow{0%{opacity:0;transform:rotate(45deg) translateX(0) translateY(0)}50%{opacity:1;transform:rotate(45deg) translateX(1.5px) translateY(1.5px)}to{opacity:0;transform:rotate(45deg) translateX(3px) translateY(3px)}}.sec-1 .custom-controls{display:flex;align-items:center;gap:16px;position:absolute;left:5em;bottom:5em;z-index:10}.sec-1 .custom-controls .slide-current{font-family:SP-B;font-size:20px}.sec-1 .custom-controls .slide-total{font-family:SP-L;font-size:20px}.sec-1 .custom-controls .progress-bar{width:100px;height:2px;background:rgba(41,41,41,.1);overflow:hidden}.sec-1 .custom-controls .progress-bar .progress{height:100%;background:var(--dark);transform:scaleX(0);transform-origin:left}.sec-1 .custom-controls .progress-bar .progress.animate{animation:fillBar 5s linear forwards}.sec-1 .custom-controls .custom-next,.sec-1 .custom-controls .custom-prev{width:20px;height:20px;cursor:pointer}.sec-1 .custom-controls .custom-prev img{transform:rotate(-180deg)}@media(max-width:1280px){.sec-1 .main-banner .custom-controls{left:3em;bottom:3em}.sec-1 .scroll-down{transform:translateX(-50%) scale(.7)}}@media(max-width:1000px){.sec-1{height:auto;aspect-ratio:1/1}.sec-1 .main-banner .custom-controls{left:-2em;bottom:10px;transform:scale(.5)}.sec-1 .title{width:100%;font-size:25px}.sec-1 .title span{margin-bottom:5px;font-size:16px}.sec-1 .slide-content.one:after{background:none}.sec-1 .slide-content.one .title{color:var(--dark);text-shadow:none;top:25%;transform:translate(-50%)}.sec-1 .slide-content.one .title span{text-shadow:none}.sec-1 .slide-content.two .title{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.7)}.sec-1 .slide-content.two .title span{color:#fff}.sec-1 .scroll-down{display:none}}@keyframes fillBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}