@charset "UTF-8";.main.is-invert{padding-top:128px}
@media all and (max-width:1024px){.main.is-invert{padding-top:70px}
}
@keyframes slidein{from{opacity:0;left:-50%}
to{opacity:1;left:0}
}
@keyframes motionbg{0{background-position:0 100%}
50%{background-position:100% 100%}
100%{background-position:0 100%}
}
@keyframes bounce{0{top:0}
50%{top:-15%}
100%{top:0}
}
.main{padding-top:var(--full-height);background:#000}
.cont-section{position:relative;min-height:var(--full-height)}
.cont-section.keyvisual{position:fixed;top:0;left:0;width:100%}
.cont-section.keyvisual .swiper-slide{overflow:hidden;position:relative;min-height:var(--full-height);background-repeat:no-repeat;background-size:cover;z-index:0}
.cont-section.keyvisual .swiper-slide .keyvisual__bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;object-fit:cover;transition:all 4s}
.cont-section.keyvisual .swiper-slide .keyvisual__bg._w{opacity:1}
.cont-section.keyvisual .swiper-slide .keyvisual__bg._m{opacity:0}
.cont-section.keyvisual .swiper-slide .keyvisual__desc{position:absolute;left:50%;transform:translateX(-50%);max-width:120rem;width:90%;bottom:14.8rem;text-align:center;box-sizing:border-box}
.cont-section.keyvisual .swiper-slide .keyvisual__desc .tags{display:flex;justify-content:center}
.cont-section.keyvisual .swiper-slide .keyvisual__desc .tags li{position:relative;display:inline-block;padding-right:2.5rem;font-weight:500;color:#fff}
.cont-section.keyvisual .swiper-slide .keyvisual__desc .tags li::after{content:"";display:block;position:absolute;top:50%;right:1.2rem;width:.1rem;height:1.2rem;transform:translateY(-50%);background:rgba(255,255,255,0.3)}
.cont-section.keyvisual .swiper-slide .keyvisual__desc .tags li:first-of-type{padding-right:2.5rem}
.cont-section.keyvisual .swiper-slide .keyvisual__desc .tags li:first-of-type::after{right:1.2rem}
.cont-section.keyvisual .swiper-slide .keyvisual__desc .tags li:last-of-type{padding-right:0}
.cont-section.keyvisual .swiper-slide .keyvisual__desc .tags li:last-of-type::after{display:none}
.cont-section.keyvisual .swiper-slide .keyvisual__desc .title{margin-top:1.5rem;margin-bottom:.8rem;color:#fff;font-weight:400;line-height:1.22;text-align:center}
.cont-section.keyvisual .swiper-slide video{display:block;width:100%;height:var(--full-height);object-fit:cover}
.cont-section.keyvisual .swiper-slide .progress{position:absolute;bottom:7.8rem;left:0;z-index:2;width:100%;height:.1rem;background:rgba(255,255,255,0.3)}
.cont-section.keyvisual .swiper-slide .progress .thumb{position:absolute;top:0;left:0;bottom:0;z-index:2;background:white}
.cont-section.keyvisual .swiper-slide-active{z-index:1}
.cont-section.keyvisual .swiper-slide-active .keyvisual__bg{transform:translate(-50%,-50%) scale(1.1)}
.cont-section.keyvisual h3{position:absolute;top:50%;left:24rem;transform:translateY(-50%);color:#fff;font-size:12rem;font-weight:600}
.cont-section.keyvisual h3 i{display:block;position:relative;animation:slidein .5s ease-in-out}
.cont-section.keyvisual h3 i+i{animation-duration:.8s}
.cont-section.keyvisual .swiper-pagination.swiper-pagination-horizontal{bottom:9.9rem}
.cont-section.keyvisual .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet{margin:0 1rem}
.cont-section.keyvisual .scroll{display:block;position:absolute;bottom:1.4rem;left:50%;transform:translateX(-50%);z-index:5;padding-top:3.5rem;color:#cecdcd;font-size:11px;line-height:1}
.cont-section.keyvisual .scroll .icon{display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:1.6rem;height:2.6rem;background-image:url("../../../../../../content/dam/motorsports/ko/01_main/scroll.png");animation:bounce 1.2s ease infinite;background-size:contain}
@media all and (max-width:1366px){.cont-section.keyvisual h3{left:10%}
}
@media all and (max-width:1024px){.cont-section.keyvisual h3{left:50%;transform:translate(-50%,-50%);font-size:8rem;white-space:nowrap}
.cont-section.keyvisual .swiper-slide{background-position:center top}
.cont-section.keyvisual .swiper-slide .keyvisual__bg._w{opacity:0}
.cont-section.keyvisual .swiper-slide .keyvisual__bg._m{opacity:1}
.cont-section.keyvisual .swiper-slide .keyvisual__bg .tags li{font-size:1.2rem;padding-right:1.5rem}
.cont-section.keyvisual .swiper-slide .keyvisual__bg .tags li::after{right:.7rem}
.cont-section.keyvisual .swiper-slide .keyvisual__bg .tags li:first-of-type{padding-right:1.5rem}
.cont-section.keyvisual .swiper-slide .keyvisual__bg .tags li:first-of-type::after{right:.7rem}
}
@media all and (max-width:767px){.cont-section.keyvisual h3{font-size:4.5rem}
}