.s-timeline{margin:-6rem 0 0;padding:6rem 0 0;overflow:hidden}.s-timeline .s-timeline-inner{position:relative;z-index:4;display:block;padding:2rem 0 8rem;width:100%;background:var(--color-brand-6)}.s-timeline .bg-img{position:absolute;top:0;bottom:0;left:0;z-index:1;width:100%}.s-timeline .bg-img:after{position:absolute;top:-1px;left:0;width:100%;height:100%;background:linear-gradient(to bottom, #011934 0%, rgba(1, 25, 52, 0) 100%);content:""}.s-timeline .bg-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.s-timeline .wave-1{position:absolute;top:10%;right:calc(100% - 14rem);z-index:1}@media only screen and (max-width: 1440px){.s-timeline .wave-1{right:calc(100% - 10rem)}}@media only screen and (max-width: 1280px){.s-timeline .wave-1{right:calc(100% - 9rem)}}@media only screen and (max-width: 987px){.s-timeline .wave-1{right:calc(100% - 9rem)}}@media only screen and (max-width: 767px){.s-timeline .wave-1{display:none}}.s-timeline .wave-1 .img-sub{display:flex;align-items:flex-end;justify-content:flex-end;width:100%;height:auto;transform:translateY(-50%)}.s-timeline .wave-1 .img-sub svg{width:auto;max-width:none;height:auto}@media only screen and (max-width: 1440px){.s-timeline .wave-1 .img-sub svg{width:1000px}}@media only screen and (max-width: 987px){.s-timeline .wave-1 .img-sub svg{width:700px}}.s-timeline .wave-2{position:absolute;top:10%;left:calc(100% - 21rem);z-index:1000}@media only screen and (max-width: 1440px){.s-timeline .wave-2{left:calc(100% - 15rem)}}@media only screen and (max-width: 1280px){.s-timeline .wave-2{left:calc(100% - 12rem)}}@media only screen and (max-width: 987px){.s-timeline .wave-2{left:calc(100% - 8rem)}}@media only screen and (max-width: 767px){.s-timeline .wave-2{display:none}}.s-timeline .wave-2 .img-sub{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:auto;transform:translateY(-50%)}.s-timeline .wave-2 .img-sub svg{width:auto;max-width:none;height:auto}@media only screen and (max-width: 1440px){.s-timeline .wave-2 .img-sub svg{width:1000px}}@media only screen and (max-width: 987px){.s-timeline .wave-2 .img-sub svg{width:700px}}.s-timeline .years-text{display:block;padding:4rem 0 15px;color:#12e2c0;font-family:var(--font-heading);font-size:2rem}.s-timeline .month-box-main{display:flex;flex-direction:column;padding:3.1rem 2.3rem 1.5rem;width:100%;min-height:400px;border:solid 4px var(--color-brand-1)}@media only screen and (max-width: 1680px){.s-timeline .month-box-main{padding:1.5rem;min-height:374px}}.s-timeline .month-box-main .month-name{color:var(--color-brand-1);font-family:var(--font-heading);font-size:2rem}.s-timeline .month-box-main .line{display:flex;padding:1rem 0 1.5rem}.s-timeline .month-box-main .line img{width:64px;height:auto}.s-timeline .month-box-main .text{color:#fff;font-size:1.4rem;font-weight:300}@media only screen and (max-width: 1680px){.s-timeline .month-box-main .text{font-size:1.2rem}}.s-timeline .month-box-main .link-text{margin-top:auto}.s-timeline .month-box-main .link-text a{display:flex;color:var(--color-brand-1);text-decoration:underline}.s-timeline .u-container{position:relative;z-index:3}.s-timeline .u-container .top-text{margin:0 auto;width:100%;max-width:640px;color:var(--color-white);text-align:center}.s-timeline .u-container .top-text .text{padding:1rem 0}.s-timeline .u-container .top-text .sub-link{display:flex;align-items:center;justify-content:center}.s-timeline .u-container .top-text .sub-link a{display:flex;align-items:center;gap:10px;color:var(--color-brand-1)}.s-timeline .u-container .top-text .sub-link a i{display:flex;align-items:center}.s-timeline .timeline-slider-block{padding:0 0 2rem}.s-timeline .ocean{top:-1px;bottom:auto;min-height:60px}.s-timeline .ocean .wave{width:4652px;height:60px;background-image:url("../../../static/images/waves/wave-6.png");background-size:1163px auto;animation:wave-mobile 10s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite}.s-timeline .swiper-arrow-with-line{display:flex;align-items:center;margin:2.7rem 0 0}.s-timeline .swiper-arrow-with-line .line-blk{position:relative;width:100%}.s-timeline .swiper-arrow-with-line .line-blk .swiper-scrollbar{position:relative;top:auto;bottom:auto;left:0;width:100%;height:2px;background:#f5f5f5;border-radius:0}.s-timeline .swiper-arrow-with-line .line-blk .swiper-scrollbar .swiper-scrollbar-drag{top:-2px;min-height:6px;background:var(--color-brand-1);border-radius:0}.s-timeline .swiper-arrow-with-line .swiper-arrow{position:relative;display:flex;align-items:center;justify-content:center;gap:1.3rem;padding:0 0 0 2.5rem}@media only screen and (max-width: 767px){.s-timeline .swiper-arrow-with-line .swiper-arrow{gap:.5rem;padding:0 0 0 1.5rem}}.s-timeline .swiper-arrow-with-line .swiper-arrow .cls-arrow{position:relative;top:auto;right:auto;bottom:auto;left:auto;margin:0;width:41px;height:auto;cursor:pointer;opacity:1;color:var(--color-brand-1)}.s-timeline .swiper-arrow-with-line .swiper-arrow .cls-arrow:hover{color:var(--color-brand-1)}.s-timeline .swiper-arrow-with-line .swiper-arrow .cls-arrow:hover svg circle{fill:#12e2c0}.s-timeline .swiper-arrow-with-line .swiper-arrow .cls-arrow:hover svg path{stroke:#011934}.s-timeline .swiper-arrow-with-line .swiper-arrow .cls-arrow.swiper-button-next{transform:rotate(180deg)}.s-timeline .swiper-arrow-with-line .swiper-arrow .cls-arrow.swiper-button-disabled{color:var(--color-brand-1)}.s-timeline .swiper-arrow-with-line .swiper-arrow .cls-arrow:after{display:none}