@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap");


header {
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 200;
  padding: 15px 0px;
  background: var(--grey-000);
}
@media (min-width: 992px) {
  header {
    padding: 0px;
  }
}
header::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--grey-000);
  top: 0;
  left: 0;
  z-index: -1;
}
header .img-box {
  height: 24px;
}
@media (min-width: 992px) {
  header .img-box {
    height: 20px;
  }
}
@media (min-width: 1200px) {
  header .img-box {
    height: 24px;
  }
}
header .menu-icon {
  width: 26px;
  height: 12px;
  cursor: pointer;
}
header .menu-icon .line {
  width: 100%;
  height: 2px;
  background: var(--grey-900);
  opacity: 1;
}
header .menu-icon .line.line-1.addActive1 {
  animation: addActive1 0.5s steps(2);
}
header .menu-icon .line.line-1.removeActive1 {
  animation: removeActive1 0.5s steps(2);
}
header .menu-icon .line.line-2.addActive2 {
  animation: addActive2 0.5s steps(2);
}
header .menu-icon .line.line-2.removeActive2 {
  animation: removeActive2 0.5s steps(2);
}
header .menu-icon .line.line-3.addActive3 {
  animation: addActive3 0.5s steps(2);
}
header .menu-icon .line.line-3.removeActive3 {
  animation: removeActive3 0.5s steps(2);
}
header .menu-icon .line.close {
  width: 85%;
  top: 50%;
  left: 50%;
  opacity: 0;
}
header .menu-icon .line.close.close-1 {
  transform: translate(-50%, -50%) rotate(45deg);
}
header .menu-icon .line.close.close-2 {
  transform: translate(-50%, -50%) rotate(-45deg);
}
header .menu-icon .close-box {
  width: 100%;
  height: 100%;
  transform: translateX(-5px) scale(0.7) rotate(-45deg);
}
header .menu-icon .close-box.addActiveClose {
  animation: addActiveClose 0.2s steps(2);
}
header .menu-icon .close-box.removeActiveClose {
  animation: removeActiveClose 0.4s steps(2);
}
@keyframes addActive1 {
  0% {
    transform: scaleX(0.5);
  }
  50% {
    transform: scaleX(0.5) translateX(30px);
  }
  100% {
    transform: scaleX(0.3) translateX(10px);
  }
}
@keyframes removeActive1 {
  0% {
    transform: scaleX(0.5) translateX(-40px);
  }
  50% {
    transform: scaleX(0.5) translateX(0px);
  }
  100% {
    transform: scaleX(0.5) translateX(10px);
  }
}
@keyframes addActive2 {
  0% {
    transform: scaleX(0.5);
  }
  50% {
    transform: scaleX(0.5) translateX(40px);
  }
  100% {
    transform: scaleX(0.3) translateX(35px);
  }
}
@keyframes removeActive2 {
  0% {
    transform: scaleX(0.5) translateX(-40px);
  }
  50% {
    transform: scaleX(0.7) translateX(10px);
  }
  100% {
    transform: scaleX(0.5) translateX(45px);
  }
}
@keyframes addActive3 {
  0% {
    transform: scaleX(0.5) translateX(20px);
  }
  50% {
    transform: scaleX(0.5) translateX(0px);
  }
  100% {
    transform: scaleX(0.7) translateX(20px);
  }
}
@keyframes removeActive3 {
  0% {
    transform: scaleX(0.5) translateX(-40px);
  }
  50% {
    transform: scaleX(0.7) translateX(-20px);
  }
  100% {
    transform: scaleX(0.5) translateX(10px);
  }
}
@keyframes addActiveClose {
  0% {
    transform: translateX(-15px) scale(0.7) rotate(-45deg);
  }
  100% {
    transform: translateX(0px) scale(1) rotate(0deg);
  }
}
@keyframes removeActiveClose {
  0% {
    transform: translateX(0px) scale(1) rotate(0deg);
  }
  50% {
    transform: translateX(-10px) scale(0.7) rotate(45deg);
  }
  100% {
    transform: translateX(30px) scale(0.7) rotate(45deg);
  }
}
header .navigation-bar.mobile {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: -100vw;
  background: var(--grey-000);
  z-index: -2;
  padding: 74px 24px 54px 24px;
  transition: 0.3s ease-in-out;
}
header .navigation-bar.mobile ul {
  gap: 24px;
  padding: 0px;
}
header .navigation-bar.mobile ul li a {
  width: max-content;
  gap: 8px;
}
header .navigation-bar.mobile ul li a .icon-box {
  margin-top: 1px;
}
header .navigation-bar.mobile ul li a p {
  color: var(--grey-600);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
header .navigation-bar.mobile ul li a::before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--red-003);
  left: 0;
  bottom: -12px;
}
header .navigation-bar.mobile ul li .region {
  width: 100%;
  height: 100%;
  background: var(--grey-700);
  top: 0;
  left: -100%;
  padding-top: 74px;
  z-index: 0;
  gap: 0px;
  transition: 0.2s ease-out;
}
header .navigation-bar.mobile ul li .region li {
  padding: 12px 24px;
}
@media (min-width: 576px) {
  header .navigation-bar.mobile ul li .region li {
    padding: 12px calc((100vw - 540px) / 2);
  }
}
@media (min-width: 768px) {
  header .navigation-bar.mobile ul li .region li {
    padding: 12px calc((100vw - 720px) / 2);
  }
}
header .navigation-bar.mobile ul li .region li a {
  padding-left: 0px;
}
header .navigation-bar.mobile ul li .region li a p {
  color: var(--grey-000);
  letter-spacing: 0.96px;
}
header .navigation-bar.mobile ul li .region li:hover {
  background: var(--grey-600);
}
header .navigation-bar.mobile ul li .region li:hover a p {
  letter-spacing: 2px;
}
header .navigation-bar.mobile ul li .region.active {
  left: 0;
}
header .navigation-bar.mobile ul li:hover a {
  padding-left: 12px;
}
header .navigation-bar.mobile ul li:hover a::before {
  display: block;
}
header .navigation-bar.mobile ul li:hover a p {
  letter-spacing: 2px;
}
header .navigation-bar.pc ul {
  gap: 20px;
  background: var(--grey-000);
}
header .navigation-bar.pc ul::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 28px;
  background: var(--grey-000);
  left: calc(100% - 1px);
}
header .navigation-bar.pc ul li a {
  padding: 24px 0px;
}
header .navigation-bar.pc ul li a::before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--red-003);
  left: 0;
  bottom: 0;
}
header .navigation-bar.pc ul li p {
  color: var(--grey-600);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  transform: scale(1);
}
header .navigation-bar.pc ul li:last-of-type a {
  padding: 24px 26px;
}
header .navigation-bar.pc ul li:last-of-type a::before {
  width: calc(20px + 100% + 20px);
  left: 50%;
  transform: translateX(-50%);
}
header .navigation-bar.pc ul li:last-of-type .region {
  width: calc(100% + 40px);
  height: auto;
  background: var(--grey-700);
  top: -400px;
  gap: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  transition: 0.1s ease-out;
}
header .navigation-bar.pc ul li:last-of-type .region::before {
  display: none;
}
header .navigation-bar.pc ul li:last-of-type .region li {
  padding: 8px 24px;
}
header .navigation-bar.pc ul li:last-of-type .region li a {
  padding: 4px 0px;
}
header .navigation-bar.pc ul li:last-of-type .region li a p {
  color: var(--grey-000);
  white-space: nowrap;
  font-size: 12px;
  text-align: left;
  transform: scale(1);
}
header .navigation-bar.pc ul li:last-of-type .region li a::before {
  display: none;
}
header .navigation-bar.pc ul li:last-of-type .region li:hover {
  background: var(--grey-600);
}
header .navigation-bar.pc ul li:last-of-type .region li:hover a p {
  transform: scale(1.05);
}
header .navigation-bar.pc ul li:hover:last-of-type .region {
  top: 100%;
}
header .navigation-bar.pc ul li:hover a p {
  transform: scale(1.05);
}
header .navigation-bar.pc ul li:hover a::before {
  display: block;
}
header.active .menu-icon .line {
  opacity: 0;
}
header.active .menu-icon .line.close {
  opacity: 1;
}
header.active .menu-icon .close-box {
  transform: translateX(0px) scale(1) rotate(0deg);
}
header.active .navigation-bar.mobile {
  left: 0;
}
header.shadow {
  box-shadow: 0px 4px 6px 0px rgba(79, 79, 79, 0.11);
}

footer {
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  padding: 20px 0;
  color: var(--grey-000);
  background: #313131;
  gap: 1.375rem;
}
@media (min-width: 992px) {
  footer {
    gap: 0;
    padding: 20px calc((100vw - 960px) / 2);
  }
}
@media (min-width: 1200px) {
  footer {
    padding: 20px calc((100vw - 1140px) / 2);
  }
}
footer .link-box .infos {
  margin-bottom: 4px;
}
footer .link-box .info-item {
  padding: 0 8px;
}
footer .link-box .info-item:not(:last-of-type) {
  position: relative;
}
footer .link-box .info-item:not(:last-of-type)::after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 12px;
  background: #fff;
  top: 50%;
  transform: translateY(-45%);
  right: 0px;
}
footer .link-box .info-item a {
  color: var(--grey-000);
}
footer .link-box .info-item:hover a {
  color: var(--red-003);
}
footer .suggestion {
  gap: 0.75rem;
}
@media (min-width: 992px) {
  footer .suggestion {
    gap: 4px;
  }
}
@media (min-width: 768px) {
  footer .suggestion .company {
    gap: 8px;
  }
}
footer .suggestion .company img {
  width: 96px;
  height: 16px;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  footer .suggestion .company img {
    margin-bottom: 0;
  }
}
footer .suggestion .suggestion-text {
  font-size: 0.75rem;
  color: #787878;
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.img-box.cover img {
  object-fit: cover;
}

.banner {
  width: 100%;
  overflow: hidden;
  padding-top: 54px;
  height: 354px;
}
@media (min-width: 992px) {
  .banner {
    padding-top: 76px;
    height: 594px;
  }
}
.banner .img-box {
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}
.banner .container {
  z-index: 1;
}
.banner .container h1 {
  color: var(--grey-000);
  font-size: 34px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 2px;
}
@media (min-width: 1200px) {
  .banner .container h1 {
    font-size: 64px;
    line-height: 120%;
  }
}
.banner .container h1::before {
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 1.5px;
  background: var(--grey-000);
  top: -16px;
}
.banner::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--red-003);
  z-index: 1;
  transform: rotate(285deg) translate(0%, -2%);
  transform-origin: left bottom;
}
.banner::after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  top: 0;
  left: 0;
}
@media (min-width: 992px) {
  .banner::after {
    width: 70%;
  }
}

.icon-box {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
.icon-box.size-20 {
  width: 20px;
  height: 20px;
}
.icon-box.size-24 {
  width: 24px;
  height: 24px;
}
.icon-box.size-26 {
  width: 26px;
  height: 26px;
}
.icon-box.size-28 {
  width: 28px;
  height: 28px;
}
.icon-box.size-30 {
  width: 30px;
  height: 30px;
}
.icon-box.size-32 {
  width: 32px;
  height: 32px;
}
.icon-box img, .icon-box svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

button,
a.button {
  gap: 8px;
  padding: 10px 40px;
  color: var(--grey-000);
  background: var(--red-003);
  text-align: center;
  white-space: nowrap;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
button svg,
a.button svg {
  transition: 0.2s ease-in-out;
}
button.font-14,
a.button.font-14 {
  font-size: 14px;
  line-height: 130%;
}
button.font-16,
a.button.font-16 {
  font-size: 16px;
  line-height: 120%;
}
button.font-18,
a.button.font-18 {
  font-size: 18px;
  line-height: 140%;
}
button.font-20,
a.button.font-20 {
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.6px;
}
button.width-100,
a.button.width-100 {
  width: 100%;
}
button:hover,
a.button:hover {
  background: #b30611;
}
button.line,
a.button.line {
  border: 1px solid var(--red-003);
  background: none;
  color: var(--red-003);
}
button.line:hover,
a.button.line:hover {
  color: var(--grey-000);
  background: var(--red-003);
}

.arrow-icon {
  pointer-events: none;
  transition: 0.2s ease-in-out;
  transform: rotate(-45deg) translate(1px, 1px);
}
.arrow-icon .icon-line {
  background: #000;
}
.arrow-icon .icon-line:nth-of-type(1) {
  width: 100%;
  height: 2px;
}
.arrow-icon .icon-line:nth-of-type(2) {
  width: 2px;
  height: 100%;
}

.news-card {
  background: var(--grey-000);
  width: 100%;
  transition: 0.3s ease-in-out;
}
.news-card .img-box {
  height: 100%;
  aspect-ratio: 8/5;
}
.news-card .text {
  flex: 1 1 100%;
  padding: 24px 16px;
  gap: 20px;
}
.news-card .text .card-title {
  color: var(--grey-600);
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.68px;
  transition: 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 55px;
}
.news-card .text .card-text {
  flex: 1 1 100%;
}
.news-card .text .card-text .card-text-title {
  color: var(--grey-600);
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
}
.news-card .text .card-text p {
  color: var(--grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
}
.news-card .text .card-bottom {
  flex: 0 0 auto;
  gap: 20px;
}
.news-card .text .card-bottom .date {
  color: var(--grey-500);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.56px;
}
.news-card .text .card-bottom .more {
  color: var(--red-003);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  white-space: nowrap;
}
.news-card .text .card-bottom .more .icon-box {
  margin-left: 8px;
}
.news-card.express-card {
  background: none;
}
@media (min-width: 992px) {
  .news-card.express-card {
    flex-wrap: wrap;
    height: 414px;
    gap: 32px 20px;
  }
}
.news-card.express-card .express-box {
  width: 100%;
  height: 100%;
  background: var(--grey-000);
  transition: 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .news-card.express-card .express-box {
    width: calc((100% - 20px) / 2);
    height: calc((100% - 32px) / 2);
  }
}
@media (min-width: 992px) {
  .news-card.express-card .express-box .img-box {
    flex: 0 0 auto;
    width: 180px;
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .news-card.express-card .express-box .img-box {
    width: 240px;
  }
}
@media (min-width: 1400px) {
  .news-card.express-card .express-box .img-box {
    width: 295px;
  }
}
.news-card.express-card .express-box .text .card-text .card-text-title {
  transition: 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .news-card.express-card .express-box .text .card-bottom {
    gap: 10px;
  }
}
@media (min-width: 1200px) {
  .news-card.express-card .express-box .text .card-bottom {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .news-card.express-card .express-box .text .card-bottom .more .icon-box {
    margin-left: 0px;
  }
}
@media (min-width: 1200px) {
  .news-card.express-card .express-box .text .card-bottom .more .icon-box {
    margin-left: 8px;
  }
}
.news-card.express-card .express-box:hover {
  transform: scale(1.02);
}
.news-card.express-card .express-box:hover .text .card-text .card-text-title {
  color: var(--red-003);
}
.news-card.times-card {
  background: rgba(0, 0, 0, 0.65);
}
@media (min-width: 992px) {
  .news-card.times-card {
    height: 200px;
  }
}
@media (min-width: 768px) {
  .news-card.times-card .img-box {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .news-card.times-card .text {
    padding: 20px 28px;
  }
}
.news-card.times-card .text .card-text {
  flex: 1 1 100%;
}
.news-card.times-card .text .card-text .card-text-title {
  color: var(--grey-000);
  font-size: 17px;
  line-height: 160%;
  letter-spacing: 0.68px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: 55px;
}
@media (min-width: 992px) {
  .news-card.times-card .text .card-text .card-text-title {
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0.8px;
    height: auto;
    max-height: 55px;
  }
}
.news-card.times-card .text .card-text p {
  color: var(--grey-000);
  font-size: 14px;
  margin-top: 8px;
  line-height: 160%;
  font-weight: 300;
  height: 45px;
}
.news-card.times-card .text .card-bottom {
  margin-top: auto;
}
.news-card.times-card .text .card-bottom .date {
  color: var(--grey-000);
}
.news-card.times-card .text .card-bottom .more {
  color: var(--grey-000);
}
@media (min-width: 576px) {
  .news-card.fixed-height {
    height: 439.3px;
  }
}
@media (min-width: 768px) {
  .news-card.fixed-height {
    height: 345.55px;
  }
}
@media (min-width: 992px) {
  .news-card.fixed-height {
    height: 318.45px;
  }
}
@media (min-width: 1200px) {
  .news-card.fixed-height {
    height: 355.95px;
  }
}
@media (min-width: 1400px) {
  .news-card.fixed-height {
    height: 393.45px;
  }
}
@media (min-width: 576px) {
  .news-card.fixed-height .img-box {
    width: 460px;
    height: 287.5px;
  }
}
@media (min-width: 768px) {
  .news-card.fixed-height .img-box {
    width: 310px;
    height: 193.75px;
  }
}
@media (min-width: 992px) {
  .news-card.fixed-height .img-box {
    width: 266.66px;
    height: 166.66px;
  }
}
@media (min-width: 1200px) {
  .news-card.fixed-height .img-box {
    width: 326.66px;
    height: 204.16px;
  }
}
@media (min-width: 1400px) {
  .news-card.fixed-height .img-box {
    width: 386.66px;
    height: 241.66px;
  }
}
@media (min-width: 576px) {
  .news-card.brand-event .img-box {
    width: 540px;
    height: 342px;
  }
}
@media (min-width: 768px) {
  .news-card.brand-event .img-box {
    width: 335px;
    height: 214px;
  }
}
@media (min-width: 992px) {
  .news-card.brand-event .img-box {
    width: 280px;
    height: 179px;
  }
}
@media (min-width: 1400px) {
  .news-card.brand-event .img-box {
    width: 380px;
    height: 242px;
  }
}
.news-card:hover:not(.express-card) {
  transform: scale(1.02);
}
.news-card:hover .text .card-title {
  color: var(--red-003);
}

a.box {
  width: 366px;
  aspect-ratio: 325/259;
  transition: 1s ease-out;
  opacity: 0;
  pointer-events: none;
}
a.box > * {
  cursor: pointer;
  pointer-events: auto;
}
@media (min-width: 992px) {
  a.box {
    width: 400px;
  }
}
@media (min-width: 1400px) {
  a.box {
    width: 650px;
  }
}
a.box .img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
a.box .img.bg {
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  transition: 0.6s ease-out;
}
a.box .img.bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
  transition: 1s ease-out;
}
a.box .img.car {
  transition: 0.6s ease-out;
}
a.box .text {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  padding: 10px 0px;
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  transition: 0.6s ease-out;
}
@media (min-width: 992px) {
  a.box .text {
    padding: 16px 0px;
  }
}
@media (min-width: 1400px) {
  a.box .text {
    padding: 20px 0px;
  }
}
a.box .text .title {
  padding-left: 96px;
  padding-right: 44px;
}
@media (min-width: 992px) {
  a.box .text .title {
    padding-left: 110px;
  }
}
@media (min-width: 1400px) {
  a.box .text .title {
    padding-left: 180px;
    padding-right: 68px;
  }
}
a.box .text .title h2 {
  color: var(--grey-000);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.96px;
  transition: 0.3s ease-in-out;
}
@media (min-width: 1400px) {
  a.box .text .title h2 {
    font-size: 36px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.08px;
  }
}
a.box .text .title p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.72px;
  transition: 0.3s ease-in-out;
}
@media (min-width: 1400px) {
  a.box .text .title p {
    font-size: 16px;
    letter-spacing: 0.96px;
  }
}
a.box .text .more {
  color: var(--grey-000);
  align-self: flex-end;
  margin-top: auto;
  padding-right: 96px;
  gap: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  transition: 0.3s ease-in-out;
}
@media (min-width: 992px) {
  a.box .text .more {
    padding-right: 110px;
  }
}
@media (min-width: 1400px) {
  a.box .text .more {
    padding-right: 180px;
  }
}
a.box .text .more .icon-box {
  margin-top: 1px;
}
a.box .text .more .icon-box svg {
  fill: var(--grey-000);
  transition: 0.3s ease-in-out;
}
a.box.fade__in {
  opacity: 1;
}
a.box.regular {
  transform: translateX(-40px);
}
@media (min-width: 768px) {
  a.box.regular {
    transform: translateX(-40px) translateY(80px);
  }
}
@media (min-width: 1400px) {
  a.box.regular {
    transform: translateX(-80px) translateY(160px);
  }
}
a.box.regular .bg {
  background-size: auto 100%;
  background-position: 20% 80%;
}
a.box.regular .car {
  background-size: auto 120px;
  background-position: 0% 80%;
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media (min-width: 768px) {
  a.box.regular .car {
    background-size: auto 140px;
    background-position: -190% 80%;
  }
}
@media (min-width: 992px) {
  a.box.regular .car {
    background-size: auto 160px;
    background-position: -390% 80%;
  }
}
@media (min-width: 1400px) {
  a.box.regular .car {
    background-size: auto 260px;
    background-position: -400% 80%;
  }
}
a.box.regular.fade__in {
  transform: translateX(0px);
}
@media (min-width: 768px) {
  a.box.regular.fade__in {
    transform: translateX(0px) translateY(80px);
  }
}
@media (min-width: 1400px) {
  a.box.regular.fade__in {
    transform: translateX(0px) translateY(160px);
  }
}
a.box.timed {
  transform: translateX(56px);
}
@media (min-width: 768px) {
  a.box.timed {
    transform: translateX(0px);
  }
}
a.box.timed .bg {
  background-size: auto 100%;
  background-position: center;
}
a.box.timed .car {
  background-size: auto 84%;
  background-position: 20% 100%;
  clip-path: polygon(-10% 0%, 100% 0%, 75% 100%, -10% 100%);
}
a.box.timed.fade__in {
  transform: translateX(16px);
}
@media (min-width: 768px) {
  a.box.timed.fade__in {
    transform: translateX(-40px);
  }
}
@media (min-width: 1400px) {
  a.box.timed.fade__in {
    transform: translateX(-80px);
  }
}
a.box:hover .img.bg::after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 40%, rgb(0, 0, 0) 100%);
}
a.box:hover.regular {
  transform: translateX(-16px);
}
@media (min-width: 768px) {
  a.box:hover.regular {
    transform: translateX(-40px) translateY(80px);
  }
}
@media (min-width: 1400px) {
  a.box:hover.regular {
    transform: translateX(-40px) translateY(160px);
  }
}
a.box:hover.regular .car {
  background-position: 80% 80%;
}
@media (min-width: 768px) {
  a.box:hover.regular .car {
    background-position: 40% 80%;
  }
}
@media (min-width: 992px) {
  a.box:hover.regular .car {
    background-position: -40% 80%;
  }
}
@media (min-width: 1400px) {
  a.box:hover.regular .car {
    background-position: 0% 80%;
  }
}
a.box:hover.timed {
  transform: translateX(32px);
}
@media (min-width: 768px) {
  a.box:hover.timed {
    transform: translateX(0px);
  }
}
@media (min-width: 1400px) {
  a.box:hover.timed {
    transform: translateX(-40px);
  }
}
a.box:hover.timed .car {
  background-position: 92% 100%;
}
a.box:hover .text {
  background: rgba(0, 0, 0, 0);
}
a.box:hover .text .more {
  letter-spacing: 1.5px;
}

.container {
  width: 100%;
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.p-fixed {
  position: fixed !important;
}

.p-sticky {
  position: sticky !important;
}

@media (min-width: 576px) {
  .p-sm-relative {
    position: relative !important;
  }
  .p-sm-absolute {
    position: absolute !important;
  }
  .p-sm-fixed {
    position: fixed !important;
  }
  .p-sm-sticky {
    position: sticky !important;
  }
}
@media (min-width: 768px) {
  .p-md-relative {
    position: relative !important;
  }
  .p-md-absolute {
    position: absolute !important;
  }
  .p-md-fixed {
    position: fixed !important;
  }
  .p-md-sticky {
    position: sticky !important;
  }
}
@media (min-width: 992px) {
  .p-lg-relative {
    position: relative !important;
  }
  .p-lg-absolute {
    position: absolute !important;
  }
  .p-lg-fixed {
    position: fixed !important;
  }
  .p-lg-sticky {
    position: sticky !important;
  }
}
@media (min-width: 1200px) {
  .p-xl-relative {
    position: relative !important;
  }
  .p-xl-absolute {
    position: absolute !important;
  }
  .p-xl-fixed {
    position: fixed !important;
  }
  .p-xl-sticky {
    position: sticky !important;
  }
}
@media (min-width: 1400px) {
  .p-xxl-relative {
    position: relative !important;
  }
  .p-xxl-absolute {
    position: absolute !important;
  }
  .p-xxl-fixed {
    position: fixed !important;
  }
  .p-xxl-sticky {
    position: sticky !important;
  }
}
.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-none, .hidden {
  display: none !important;
}

.invisible {
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (min-width: 576px) {
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .sm-invisible {
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
@media (min-width: 768px) {
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-none {
    display: none !important;
  }
  .md-invisible {
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
@media (min-width: 992px) {
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .lg-invisible {
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .xl-invisible {
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .xxl-invisible {
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
.j-start {
  justify-content: flex-start;
}

.j-center {
  justify-content: center;
}

.j-end {
  justify-content: flex-end;
}

.j-between {
  justify-content: space-between;
}

.a-start {
  align-items: flex-start;
}

.a-center {
  align-items: center;
}

.a-end {
  align-items: flex-end;
}

.a-stretch {
  align-items: stretch;
}

@media (min-width: 576px) {
  .j-sm-start {
    justify-content: flex-start;
  }
  .j-sm-center {
    justify-content: center;
  }
  .j-sm-end {
    justify-content: flex-end;
  }
  .j-sm-between {
    justify-content: space-between;
  }
  .a-sm-start {
    align-items: flex-start;
  }
  .a-sm-center {
    align-items: center;
  }
  .a-sm-end {
    align-items: flex-end;
  }
  .a-sm-stretch {
    align-items: stretch;
  }
}
@media (min-width: 768px) {
  .j-md-start {
    justify-content: flex-start;
  }
  .j-md-center {
    justify-content: center;
  }
  .j-md-end {
    justify-content: flex-end;
  }
  .j-md-between {
    justify-content: space-between;
  }
  .a-md-start {
    align-items: flex-start;
  }
  .a-md-center {
    align-items: center;
  }
  .a-md-end {
    align-items: flex-end;
  }
  .a-md-stretch {
    align-items: stretch;
  }
}
@media (min-width: 992px) {
  .j-lg-start {
    justify-content: flex-start;
  }
  .j-lg-center {
    justify-content: center;
  }
  .j-lg-end {
    justify-content: flex-end;
  }
  .j-lg-between {
    justify-content: space-between;
  }
  .a-lg-start {
    align-items: flex-start;
  }
  .a-lg-center {
    align-items: center;
  }
  .a-lg-end {
    align-items: flex-end;
  }
  .a-lg-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1200px) {
  .j-xl-start {
    justify-content: flex-start;
  }
  .j-xl-center {
    justify-content: center;
  }
  .j-xl-end {
    justify-content: flex-end;
  }
  .j-xl-between {
    justify-content: space-between;
  }
  .a-xl-start {
    align-items: flex-start;
  }
  .a-xl-center {
    align-items: center;
  }
  .a-xl-end {
    align-items: flex-end;
  }
  .a-xl-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1400px) {
  .j-xxl-start {
    justify-content: flex-start;
  }
  .j-xxl-center {
    justify-content: center;
  }
  .j-xxl-end {
    justify-content: flex-end;
  }
  .j-xxl-between {
    justify-content: space-between;
  }
  .a-xxl-start {
    align-items: flex-start;
  }
  .a-xxl-center {
    align-items: center;
  }
  .a-xxl-end {
    align-items: flex-end;
  }
  .a-xxl-stretch {
    align-items: stretch;
  }
}
.f-row {
  flex-direction: row;
}

.f-row-reverse {
  flex-direction: row-reverse;
}

.f-column {
  flex-direction: column;
}

.f-column-reverse {
  flex-direction: column-reverse;
}

.f-wrap {
  flex-wrap: wrap;
}

.f-nowrap {
  flex-wrap: nowrap;
}

@media (min-width: 576px) {
  .f-sm-row {
    flex-direction: row;
  }
  .f-sm-row-reverse {
    flex-direction: row-reverse;
  }
  .f-sm-column {
    flex-direction: column;
  }
  .f-sm-column-reverse {
    flex-direction: column-reverse;
  }
  .f-sm-wrap {
    flex-wrap: wrap;
  }
  .f-sm-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 768px) {
  .f-md-row {
    flex-direction: row;
  }
  .f-md-row-reverse {
    flex-direction: row-reverse;
  }
  .f-md-column {
    flex-direction: column;
  }
  .f-md-column-reverse {
    flex-direction: column-reverse;
  }
  .f-md-wrap {
    flex-wrap: wrap;
  }
  .f-md-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 992px) {
  .f-lg-row {
    flex-direction: row;
  }
  .f-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .f-lg-column {
    flex-direction: column;
  }
  .f-lg-column-reverse {
    flex-direction: column-reverse;
  }
  .f-lg-wrap {
    flex-wrap: wrap;
  }
  .f-lg-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1200px) {
  .f-xl-row {
    flex-direction: row;
  }
  .f-xl-row-reverse {
    flex-direction: row-reverse;
  }
  .f-xl-column {
    flex-direction: column;
  }
  .f-xl-column-reverse {
    flex-direction: column-reverse;
  }
  .f-xl-wrap {
    flex-wrap: wrap;
  }
  .f-xl-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1400px) {
  .f-xxl-row {
    flex-direction: row;
  }
  .f-xxl-row-reverse {
    flex-direction: row-reverse;
  }
  .f-xxl-column {
    flex-direction: column;
  }
  .f-xxl-column-reverse {
    flex-direction: column-reverse;
  }
  .f-xxl-wrap {
    flex-wrap: wrap;
  }
  .f-xxl-nowrap {
    flex-wrap: nowrap;
  }
}
.s-s {
  justify-content: flex-start;
  align-items: flex-start;
}

.s-c {
  justify-content: flex-start;
  align-items: center;
}

.s-e {
  justify-content: flex-start;
  align-items: flex-end;
}

.s-stretch {
  justify-content: flex-start;
  align-items: stretch;
}

.c-s {
  justify-content: center;
  align-items: flex-start;
}

.c-c {
  justify-content: center;
  align-items: center;
}

.c-e {
  justify-content: center;
  align-items: flex-end;
}

.c-stretch {
  justify-content: center;
  align-items: stretch;
}

.e-s {
  justify-content: flex-end;
  align-items: flex-start;
}

.e-c {
  justify-content: flex-end;
  align-items: center;
}

.e-e {
  justify-content: flex-end;
  align-items: flex-end;
}

.e-stretch {
  justify-content: flex-end;
  align-items: stretch;
}

.b-s {
  justify-content: space-between;
  align-items: flex-start;
}

.b-c {
  justify-content: space-between;
  align-items: center;
}

.b-e {
  justify-content: space-between;
  align-items: flex-end;
}

.b-stretch {
  justify-content: space-between;
  align-items: stretch;
}

@media (min-width: 576px) {
  .sm-s-s {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .sm-s-c {
    justify-content: flex-start;
    align-items: center;
  }
  .sm-s-e {
    justify-content: flex-start;
    align-items: flex-end;
  }
  .sm-s-stretch {
    justify-content: flex-start;
    align-items: stretch;
  }
  .sm-c-s {
    justify-content: center;
    align-items: flex-start;
  }
  .sm-c-c {
    justify-content: center;
    align-items: center;
  }
  .sm-c-e {
    justify-content: center;
    align-items: flex-end;
  }
  .sm-c-stretch {
    justify-content: center;
    align-items: stretch;
  }
  .sm-e-s {
    justify-content: flex-end;
    align-items: flex-start;
  }
  .sm-e-c {
    justify-content: flex-end;
    align-items: center;
  }
  .sm-e-e {
    justify-content: flex-end;
    align-items: flex-end;
  }
  .sm-e-stretch {
    justify-content: flex-end;
    align-items: stretch;
  }
  .sm-b-s {
    justify-content: space-between;
    align-items: flex-start;
  }
  .sm-b-c {
    justify-content: space-between;
    align-items: center;
  }
  .sm-b-e {
    justify-content: space-between;
    align-items: flex-end;
  }
  .sm-b-stretch {
    justify-content: space-between;
    align-items: stretch;
  }
}
@media (min-width: 768px) {
  .md-s-s {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .md-s-c {
    justify-content: flex-start;
    align-items: center;
  }
  .md-s-e {
    justify-content: flex-start;
    align-items: flex-end;
  }
  .md-s-stretch {
    justify-content: flex-start;
    align-items: stretch;
  }
  .md-c-s {
    justify-content: center;
    align-items: flex-start;
  }
  .md-c-c {
    justify-content: center;
    align-items: center;
  }
  .md-c-e {
    justify-content: center;
    align-items: flex-end;
  }
  .md-c-stretch {
    justify-content: center;
    align-items: stretch;
  }
  .md-e-s {
    justify-content: flex-end;
    align-items: flex-start;
  }
  .md-e-c {
    justify-content: flex-end;
    align-items: center;
  }
  .md-e-e {
    justify-content: flex-end;
    align-items: flex-end;
  }
  .md-e-stretch {
    justify-content: flex-end;
    align-items: stretch;
  }
  .md-b-s {
    justify-content: space-between;
    align-items: flex-start;
  }
  .md-b-c {
    justify-content: space-between;
    align-items: center;
  }
  .md-b-e {
    justify-content: space-between;
    align-items: flex-end;
  }
  .md-b-stretch {
    justify-content: space-between;
    align-items: stretch;
  }
}
@media (min-width: 992px) {
  .lg-s-s {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .lg-s-c {
    justify-content: flex-start;
    align-items: center;
  }
  .lg-s-e {
    justify-content: flex-start;
    align-items: flex-end;
  }
  .lg-s-stretch {
    justify-content: flex-start;
    align-items: stretch;
  }
  .lg-c-s {
    justify-content: center;
    align-items: flex-start;
  }
  .lg-c-c {
    justify-content: center;
    align-items: center;
  }
  .lg-c-e {
    justify-content: center;
    align-items: flex-end;
  }
  .lg-c-stretch {
    justify-content: center;
    align-items: stretch;
  }
  .lg-e-s {
    justify-content: flex-end;
    align-items: flex-start;
  }
  .lg-e-c {
    justify-content: flex-end;
    align-items: center;
  }
  .lg-e-e {
    justify-content: flex-end;
    align-items: flex-end;
  }
  .lg-e-stretch {
    justify-content: flex-end;
    align-items: stretch;
  }
  .lg-b-s {
    justify-content: space-between;
    align-items: flex-start;
  }
  .lg-b-c {
    justify-content: space-between;
    align-items: center;
  }
  .lg-b-e {
    justify-content: space-between;
    align-items: flex-end;
  }
  .lg-b-stretch {
    justify-content: space-between;
    align-items: stretch;
  }
}
@media (min-width: 1200px) {
  .xl-s-s {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .xl-s-c {
    justify-content: flex-start;
    align-items: center;
  }
  .xl-s-e {
    justify-content: flex-start;
    align-items: flex-end;
  }
  .xl-s-stretch {
    justify-content: flex-start;
    align-items: stretch;
  }
  .xl-c-s {
    justify-content: center;
    align-items: flex-start;
  }
  .xl-c-c {
    justify-content: center;
    align-items: center;
  }
  .xl-c-e {
    justify-content: center;
    align-items: flex-end;
  }
  .xl-c-stretch {
    justify-content: center;
    align-items: stretch;
  }
  .xl-e-s {
    justify-content: flex-end;
    align-items: flex-start;
  }
  .xl-e-c {
    justify-content: flex-end;
    align-items: center;
  }
  .xl-e-e {
    justify-content: flex-end;
    align-items: flex-end;
  }
  .xl-e-stretch {
    justify-content: flex-end;
    align-items: stretch;
  }
  .xl-b-s {
    justify-content: space-between;
    align-items: flex-start;
  }
  .xl-b-c {
    justify-content: space-between;
    align-items: center;
  }
  .xl-b-e {
    justify-content: space-between;
    align-items: flex-end;
  }
  .xl-b-stretch {
    justify-content: space-between;
    align-items: stretch;
  }
}
@media (min-width: 1400px) {
  .xxl-s-s {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .xxl-s-c {
    justify-content: flex-start;
    align-items: center;
  }
  .xxl-s-e {
    justify-content: flex-start;
    align-items: flex-end;
  }
  .xxl-s-stretch {
    justify-content: flex-start;
    align-items: stretch;
  }
  .xxl-c-s {
    justify-content: center;
    align-items: flex-start;
  }
  .xxl-c-c {
    justify-content: center;
    align-items: center;
  }
  .xxl-c-e {
    justify-content: center;
    align-items: flex-end;
  }
  .xxl-c-stretch {
    justify-content: center;
    align-items: stretch;
  }
  .xxl-e-s {
    justify-content: flex-end;
    align-items: flex-start;
  }
  .xxl-e-c {
    justify-content: flex-end;
    align-items: center;
  }
  .xxl-e-e {
    justify-content: flex-end;
    align-items: flex-end;
  }
  .xxl-e-stretch {
    justify-content: flex-end;
    align-items: stretch;
  }
  .xxl-b-s {
    justify-content: space-between;
    align-items: flex-start;
  }
  .xxl-b-c {
    justify-content: space-between;
    align-items: center;
  }
  .xxl-b-e {
    justify-content: space-between;
    align-items: flex-end;
  }
  .xxl-b-stretch {
    justify-content: space-between;
    align-items: stretch;
  }
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
  font-family: "ABeeZee", "Noto Sans TC", sans-serif;
  list-style: none;
  text-decoration: none;
  border: none;
  background: none;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
*::-webkit-scrollbar {
  display: none;
  /* For Chrome, Safari, and Opera */
}

:root {
  --grey-000: #ffffff;
  --grey-100: #F5F5F5;
  --grey-200: #EEE;
  --grey-300: #EFEFEF;
  --grey-400: #999;
  --grey-500: #616161;
  --grey-600: #313131;
  --grey-700: #1E1E1E;
  --grey-900: #333333;
  --red-002: #F54D4D;
  --red-003: #CB0D1A;
  --red-004: #E60010;
  --white-80: rgba(255, 255, 255, 0.8);
}

html {
  scroll-behavior: smooth;
}

main {
  min-height: 100vh;
  overflow: hidden;
}

.container {
  padding: 0 20px;
}
@media (min-width: 576px) {
  .container {
    padding: 0px;
  }
}
.container .swiper-box {
  padding: 0 40px;
}
@media (min-width: 992px) {
  .container .swiper-box {
    padding: 0 60px;
  }
}
.container .swiper-box .swiper {
  width: 100%;
}
.container .swiper-box .swiper-btn {
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  pointer-events: none;
}
.container .swiper-box .swiper-btn .btn {
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.45);
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
  transition: 0.2s ease-in-out;
}
@media (min-width: 992px) {
  .container .swiper-box .swiper-btn .btn {
    width: 40px;
    height: 40px;
  }
}
.container .swiper-box .swiper-btn .btn.next {
  transform: scale(-1);
}
.container .swiper-box .swiper-btn .btn .arrow-icon {
  width: 9px;
  height: 9px;
}
.container .swiper-box .swiper-btn .btn .arrow-icon .icon-line {
  background: var(--grey-000);
}
.container .swiper-box .swiper-btn .btn.invisible {
  opacity: 0.35 !important;
}

.swiper-pagination {
  top: auto !important;
  bottom: 0px !important;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 60px;
  height: 1px;
  opacity: 0.4;
  background: var(--grey-400);
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: rgba(49, 49, 49, 0.6);
}

.block .info h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.6px;
  margin-bottom: 12px;
}
@media (min-width: 1400px) {
  .block .info h2 {
    font-size: 38px;
    line-height: normal;
    letter-spacing: 0.76px;
  }
}
.block .info p {
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  text-align: justify;
  margin-bottom: 24px;
}
.block .info p span {
  display: inline-block;
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 500;
}
@media (min-width: 1400px) {
  .block .info p {
    margin-bottom: 32px;
  }
}

.bevel {
  padding-bottom: 168px;
}
@media (min-width: 992px) {
  .bevel {
    padding-bottom: 0px;
  }
}
.bevel.white {
  background: var(--grey-000);
}
.bevel.white .block {
  background: var(--grey-000);
}
.bevel.white .block .info h2 {
  color: var(--grey-600);
}
.bevel.white .block .info h2::before {
  background: var(--grey-600);
}
.bevel.white .block .info p {
  color: var(--grey-500);
}
.bevel.grey {
  background: var(--grey-700);
}
.bevel.grey .block {
  background: var(--grey-700);
}
.bevel.grey .block .info h2 {
  color: var(--grey-000);
}
.bevel.grey .block .info h2::before {
  background: var(--grey-000);
}
.bevel.grey .block .info p {
  color: var(--grey-000);
}
.bevel.left .block {
  transform-origin: right bottom;
}
@media (min-width: 992px) {
  .bevel.left .block {
    padding: 60px 80px 60px 0px;
  }
}
@media (min-width: 1200px) {
  .bevel.left .block {
    padding: 80px 80px 80px 20px;
  }
}
.bevel.right .block {
  transform-origin: left top;
}
@media (min-width: 992px) {
  .bevel.right .block {
    padding: 60px 0px 60px 80px;
  }
}
@media (min-width: 1200px) {
  .bevel.right .block {
    padding: 80px 20px 80px 80px;
  }
}
.bevel .block {
  flex: 1 1 100%;
  z-index: 1;
}
@media (min-width: 992px) {
  .bevel .block {
    flex: 1 1 50%;
    transform: skewX(-17.5deg);
  }
}
.bevel .block .info {
  padding: 0px 20px;
}
@media (min-width: 576px) {
  .bevel .block .info {
    padding: 0px calc((100vw - 540px) / 2);
  }
}
@media (min-width: 768px) {
  .bevel .block .info {
    padding: 0px calc((100vw - 720px) / 2);
  }
}
@media (min-width: 992px) {
  .bevel .block .info {
    transform: skewX(17.5deg);
    padding: 0px;
  }
}
.bevel .block .info a.button {
  bottom: 100px;
}
@media (min-width: 992px) {
  .bevel .block .info a.button {
    bottom: auto;
  }
}
.bevel .img-block {
  flex: 1 1 100%;
  z-index: 0;
}
@media (min-width: 992px) {
  .bevel .img-block {
    flex: 1 1 50%;
  }
}
.bevel .img-block .img-box {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.bevel.brands, .bevel.series, .bevel.garage {
  padding-top: 50px;
}
@media (min-width: 992px) {
  .bevel.brands, .bevel.series, .bevel.garage {
    padding-top: 0px;
  }
}
.bevel.brands .img-block::after, .bevel.news .img-block::after {
  content: "";
  display: none;
  position: absolute;
  width: 500px;
  height: 100%;
  background: var(--grey-000);
  top: 0;
}
@media (min-width: 992px) {
  .bevel.brands .img-block::after, .bevel.news .img-block::after {
    display: block;
  }
}
.bevel.brands .img-block::after {
  right: -500px;
  transform-origin: left top;
  transform: skewX(-17.5deg);
}
.bevel.news .img-block::after {
  left: -500px;
  transform-origin: right bottom;
  transform: skewX(-17.5deg);
}

.maintenance {
  width: 140px;
  height: 140px;
  right: 0px;
  bottom: 0px;
  z-index: 101;
  pointer-events: none;
}
@media (min-width: 768px) {
  .maintenance {
    width: 155px;
    height: 155px;
    right: 20px;
  }
}

.animation {
  width: 100vw;
  height: 130px;
  background: #070707;
  z-index: 100;
  --gradient-height: 55px;
}
.animation::after, .animation::before {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: var(--gradient-height);
  background: linear-gradient(0deg, #070707 0%, rgba(7, 7, 7, 0) 100%);
  top: calc(var(--gradient-height) * -1);
  left: 0;
}
.animation::before {
  background: linear-gradient(0deg, #070707 0%, rgba(7, 7, 7, 0) 80%);
}
.animation .bg-shadow {
  width: 100vw;
  height: var(--gradient-height);
  background: linear-gradient(0deg, #070707 0%, rgba(7, 7, 7, 0) 60%);
  top: calc(var(--gradient-height) * -1);
  z-index: 100;
}
.animation .bg-1,
.animation .bg-2 {
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.animation .bg-1 {
  width: 280px;
  left: 10px;
  opacity: 0.06;
}
.animation .bg-2 {
  width: 280px;
  right: 100px;
  opacity: 0.15;
}
@media (min-width: 576px) {
  .animation .bg-2 {
    width: 370px;
    right: 140px;
  }
}
@media (min-width: 768px) {
  .animation .bg-2 {
    width: 500px;
    right: 180px;
  }
}
.animation .track {
  --track-length: calc(100% - 140px);
  width: var(--track-length);
  height: 100%;
}
@media (min-width: 768px) {
  .animation .track {
    --track-length: calc(100% - 155px - 20px);
  }
}
.animation .track .lottie-car {
  width: 200px;
  height: 100px;
}
.animation .track .lottie-car.animated {
  animation: footer__car 3003ms cubic-bezier(0, 0.35, 0.4, 1) infinite;
}
@media (min-width: 768px) {
  .animation .track .lottie-car {
    width: 260px;
  }
}
@keyframes footer__car {
  0% {
    right: 100%;
  }
  55% {
    right: 0%;
  }
  100% {
    right: 0%;
  }
}

.idle-block {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 300;
  background: rgba(40, 40, 40, 0.6);
  backdrop-filter: blur(6px);
}
.idle-block .box {
  width: 90%;
  max-width: 645px;
  height: 364px;
  background-size: 300% auto;
  background-position: center 90%;
  background-color: rgba(0, 0, 0, 0.6);
  background-blend-mode: multiply;
  overflow: hidden;
  padding: 60px 30px 30px 30px;
}
.idle-block .box .bg {
  width: 45%;
  height: 35%;
  left: -3%;
  bottom: -3%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  opacity: 0.08;
}
.idle-block .box h2 {
  color: var(--grey-000);
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.96px;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.idle-block .box h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 32px;
  height: 1px;
  background: var(--grey-000);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.idle-block .box p {
  color: var(--grey-000);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
.idle-block .box .idle-animation {
  width: 100%;
  height: 140px;
  mask: linear-gradient(90deg, transparent 0%, black 30%, black 70%, transparent 100%);
}
.idle-block .box .idle-animation .progress-bar {
  width: 100%;
  height: 2px;
  background: #ECEAEA;
  margin-top: auto;
  margin-bottom: 12px;
}
.idle-block .box .idle-animation .progress-bar .point {
  width: 8px;
  height: 8px;
  background: #F90101;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.idle-block .box .idle-animation .progress-bar .point.animated {
  opacity: 1;
  animation: car__animation 2s linear infinite;
}
@media (min-width: 576px) {
  .idle-block .box .idle-animation .progress-bar .point.animated {
    animation: car__animation 4s linear infinite;
  }
}
.idle-block .box .idle-animation .progress-bar .point.animated::after {
  animation: line__animation 2s linear infinite;
}
@media (min-width: 576px) {
  .idle-block .box .idle-animation .progress-bar .point.animated::after {
    animation: line__animation 4s linear infinite;
  }
}
@keyframes car__animation {
  0% {
    left: -50%;
  }
  95% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}
.idle-block .box .idle-animation .progress-bar .point::before, .idle-block .box .idle-animation .progress-bar .point::after {
  content: "";
  display: block;
  position: absolute;
}
.idle-block .box .idle-animation .progress-bar .point::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: rgba(249, 1, 1, 0.3137254902);
  animation: point__animation 0.5s ease-in-out infinite;
}
@keyframes point__animation {
  0% {
    transform: translate(-50%, -50%) scale(1);
    background: rgba(249, 1, 1, 0.4392156863);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    background: rgba(249, 1, 1, 0.3137254902);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    background: rgba(249, 1, 1, 0.4392156863);
  }
}
.idle-block .box .idle-animation .progress-bar .point::after {
  width: 1200px;
  height: 2px;
  top: 50%;
  right: 50%;
  transform: translateY(-50%);
}
@keyframes line__animation {
  0% {
    background: #ECEAEA;
    opacity: 0;
  }
  20% {
    background: #F90101;
    opacity: 1;
  }
  60% {
    background: #F90101;
    opacity: 1;
  }
  100% {
    background: #ECEAEA;
    opacity: 0;
  }
}
.idle-block .box .idle-animation .progress-bar .point .lottie-idle {
  width: 180px;
  height: 65px;
  bottom: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%);
}
.idle-block .box .close {
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.3);
  top: 16px;
  right: 14px;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .idle-block .box .close {
    width: 40px;
    height: 40px;
  }
}
.idle-block .box .close .icon-box {
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.back-top {
  width: 45px;
  height: 45px;
  right: 20px;
  bottom: 150px;
  background: var(--grey-000);
  gap: 2px;
  cursor: pointer;
  z-index: 102;
  transition: opacity 0.3s ease-out;
}
@media (min-width: 768px) {
  .back-top {
    bottom: 165px;
  }
}
@media (min-width: 992px) {
  .back-top {
    width: 135px;
    right: -90px;
  }
}
.back-top .icon-box {
  transform: rotate(-90deg) scale(1.2);
  pointer-events: none;
}
@media (min-width: 992px) {
  .back-top .icon-box {
    width: 45px;
    height: 45px;
    transform: rotate(-90deg) scale(1);
    padding: 8px;
  }
}
.back-top p {
  color: var(--red-003);
  font-size: 0.75rem;
  text-align: center;
  pointer-events: none;
}
@media (min-width: 992px) {
  .back-top p {
    flex: 1 1 100%;
    font-size: 1rem;
    letter-spacing: 1.9px;
    font-weight: 600;
    padding-right: 12px;
  }
}
@media (min-width: 992px) {
  .back-top:hover {
    right: 0px;
  }
}

.gr-tabs {
  border-bottom: 1px solid var(--grey-400);
}
.gr-tabs .container {
  padding: 0;
  overflow: auto;
}
@media (min-width: 992px) {
  .gr-tabs .container {
    gap: 12px;
  }
}
.gr-tabs .container a {
  display: flex;
  padding: 24px 18px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: var(--grey-000);
  color: var(--grey-900);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.56px;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .gr-tabs .container a {
    font-size: 20px;
  }
}
.gr-tabs .container a.active {
  color: var(--grey-000);
  background: var(--red-003);
  border-bottom: 1px solid var(--red-003);
}

.gr-tab-content {
  width: 100%;
}
.gr-tab-content .content {
  width: 100%;
  display: none;
}
.gr-tab-content .content.active {
  display: block;
}

main.news {
  background: var(--grey-200);
  gap: 50px;
}
@media (min-width: 992px) {
  main.news {
    gap: 100px;
  }
}
main.news .banner .img-box img.brand-event {
  top: 0;
  width: 100%;
  height: 100%;
  object-position: 20% 100%;
}
@media (min-width: 768px) {
  main.news .banner .img-box img.brand-event {
    object-position: 20% 60%;
  }
}
main.news .section-block .container .section-block-title {
  margin-bottom: 24px;
}
main.news .section-block .container .section-block-title h2 {
  color: var(--grey-600);
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.6px;
  margin-top: 2px;
}
@media (min-width: 992px) {
  main.news .section-block .container .section-block-title h2 {
    font-size: 38px;
    line-height: 120%;
    letter-spacing: 0.76px;
  }
}
main.news .section-block .container .section-block-title a.event-all {
  color: var(--red-003);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  bottom: -48px;
}
@media (min-width: 992px) {
  main.news .section-block .container .section-block-title a.event-all {
    right: 0px;
    bottom: auto;
  }
}
main.news .section-block .container .section-block-title a.event-all .icon-box {
  margin-left: 8px;
}
main.news .section-block.brand-event {
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  main.news .section-block.brand-event {
    margin-bottom: 0px;
  }
}
main.news .section-block.brand-event .brand-bg {
  right: 0;
  bottom: -50px;
  width: 40%;
}
@media (min-width: 992px) {
  main.news .section-block.brand-event .brand-bg {
    bottom: -130px;
  }
}
main.news .section-block.brand-express .express-bg {
  right: 0;
  bottom: -120px;
  width: 30%;
}
@media (min-width: 992px) {
  main.news .section-block.brand-express .express-bg {
    bottom: -160px;
  }
}
main.news .section-block.brand-express .container .swiper-box.express-pc .swiper-btn {
  transform: translateY(calc(-50% - 20px));
}
main.news .gr-times {
  margin-top: 50px;
  padding: 50px 0px 80px 0px;
}
@media (min-width: 992px) {
  main.news .gr-times {
    padding: 100px 0px 150px 0px;
  }
}
main.news .gr-times .bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
main.news .gr-times .container .times-title h2 {
  color: var(--grey-000);
  font-size: 38px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.76px;
}
main.news .gr-times .container .times-title .years-select .chose-years {
  padding: 10px 20px;
  gap: 10px;
  border: 1px solid var(--grey-200);
  background: none;
  color: var(--grey-200);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.72px;
  line-height: normal;
}
main.news .gr-times .container .times-title .years-select .select-block {
  background: var(--grey-000);
  width: 100%;
  z-index: 99;
  top: 100%;
}
main.news .gr-times .container .times-title .years-select .select-block .option {
  color: var(--grey-900);
  text-align: center;
  padding: 8px 0px;
  cursor: pointer;
}
main.news .gr-times .container .times-title .years-select .select-block .option:hover {
  color: var(--grey-000);
  background: var(--grey-900);
}
main.news .gr-times .container h3 {
  color: var(--grey-000);
  text-align: center;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 1.04px;
  margin-top: 24px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  main.news .gr-times .container h3 {
    text-align: left;
    font-size: 36px;
    letter-spacing: 1.08px;
  }
}
main.news .gr-times .container .year-box .times-card-box {
  gap: 20px;
}
main.news .content {
  padding-bottom: 100px;
}
main.news .content .container .box {
  width: 100%;
  gap: 20px;
  flex-wrap: wrap;
}
main.news .content .container .box .news-card {
  transform: translateY(80px) scale(1);
  opacity: 0;
  transition: 0.8s ease-out;
}
@media (min-width: 768px) {
  main.news .content .container .box .news-card {
    width: 335px;
  }
}
@media (min-width: 992px) {
  main.news .content .container .box .news-card {
    width: 280px;
  }
}
@media (min-width: 1400px) {
  main.news .content .container .box .news-card {
    width: 380px;
  }
}
main.news .content .container .box .news-card.fade__in {
  transform: translateY(0px) scale(1);
  opacity: 1;
}
main.news .content .container .box .news-card:hover {
  transform: translateY(0px) scale(1.02);
}
main.news .swiper {
  width: 100%;
  padding-bottom: 24px;
}
@media (min-width: 992px) {
  main.news .swiper {
    padding-bottom: 32px;
  }
}

main.news-article {
  background: var(--grey-200);
  padding-bottom: 100px;
}
main.news-article .banner {
  height: 334px;
}
@media (min-width: 992px) {
  main.news-article .banner {
    height: 476px;
  }
}
main.news-article .banner::before {
  display: none;
}
main.news-article .banner::after {
  display: none;
}
main.news-article .article .container {
    padding: 50px 0px 0px 0px;
}
@media (min-width: 576px) {
    main.news-article .article .container {
        padding: 50px 0px 0px 0px;
    }
}
@media (min-width: 1200px) {
    main.news-article .article .container {
        padding: 100px 0px 0px 0px;
    }
}
main.news-article .article .container .article-top {
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  main.news-article .article .container .article-top {
    padding: 0 82px;
  }
}
@media (min-width: 1200px) {
    main.news-article .article .container .article-top {
        padding: 0 172px;
        margin-bottom: 10px;
    }
  main.news-article .article .container .article-top {
    padding: 0 172px;
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) {
  main.news-article .article .container .article-top {
    padding: 0 262px;
  }
}
main.news-article .article .container .article-top h1 {
  color: var(--grey-600);
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 1.04px;
  text-align: justify;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  main.news-article .article .container .article-top h1 {
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 1.08px;
  }
}
main.news-article .article .container .article-top .date {
  color: var(--grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
main.news-article .article .container h2 {
  color: var(--grey-600);
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.8px;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  main.news-article .article .container h2 {
    padding-left: 82px;
    font-size: 24px;
    letter-spacing: 0.96px;
  }
}
@media (min-width: 1200px) {
  main.news-article .article .container h2 {
    padding-left: 172px;
  }
}
@media (min-width: 1400px) {
  main.news-article .article .container h2 {
    padding-left: 262px;
  }
}
main.news-article .article .container p {
  color: var(--grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  text-align: justify;
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  main.news-article .article .container p {
    padding: 0px 82px;
  }
}
@media (min-width: 1200px) {
  main.news-article .article .container p {
    padding: 0px 172px;
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) {
  main.news-article .article .container p {
    padding: 0px 262px;
  }
}
main.news-article .article .container .img-box {
  width: 100%;
  margin-bottom: 32px;
}
@media (min-width: 1200px) {
  main.news-article .article .container .img-box {
    margin-bottom: 48px;
  }
}
main.news-article .article .container a {
  color: var(--red-003);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  text-decoration-line: underline;
  text-underline-position: under;
}
@media (min-width: 992px) {
  main.news-article .article .container a {
    padding-left: 82px;
  }
}
@media (min-width: 1200px) {
  main.news-article .article .container a {
    padding-left: 172px;
  }
}
@media (min-width: 1400px) {
  main.news-article .article .container a {
    padding-left: 262px;
  }
}
main.news-article .table .container {
  padding: 0 20px;
}
@media (min-width: 576px) {
  main.news-article .table .container {
    padding: 0px;
  }
}
@media (min-width: 992px) {
  main.news-article .table .container {
    padding: 0px 82px;
  }
}
@media (min-width: 1200px) {
  main.news-article .table .container {
    padding: 0px 172px;
  }
}
@media (min-width: 1400px) {
  main.news-article .table .container {
    padding: 0px 262px;
  }
}
main.news-article .table .container table {
  width: 100%;
}
main.news-article .table .container table > * {
  text-align: center;
}
main.news-article .table .container table thead td {
  background: var(--red-003);
  color: var(--grey-000);
  padding: 12px 14px;
  font-size: 15px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.6px;
}
main.news-article .table .container table thead td:not(:last-of-type) {
  border-right: 1px solid var(--grey-000);
}
main.news-article .table .container table tbody tr td {
  color: var(--grey-500);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.6px;
  padding: 16px 10px;
}
main.news-article .table .container table tbody tr:nth-last-of-type(even) td {
  background: var(--grey-000);
}
main.news-article .table .container table tbody tr:nth-last-of-type(odd) td {
  background: var(--grey-100);
}
main.news-article .table .container a {
  margin-top: 32px;
}

main.article-timed {
  background: var(--grey-200);
}
main.article-timed section h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.6px;
}
@media (min-width: 992px) {
  main.article-timed section h2 {
    font-size: 38px;
    letter-spacing: 0.76px;
  }
}
main.article-timed section h2.white {
  color: white;
}
main.article-timed section.rule {
  padding-top: 50px;
  padding-bottom: 240px;
  overflow: hidden;
}
@media (min-width: 992px) {
  main.article-timed section.rule {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
main.article-timed section.rule .bg-box {
  width: 100%;
  height: 280px;
  transform: translateX(-280px);
}
@media (min-width: 1200px) {
  main.article-timed section.rule .bg-box {
    height: 360px;
    transform: translateX(-300px);
  }
}
@media (min-width: 1400px) {
  main.article-timed section.rule .bg-box {
    height: 380px;
    transform: translateX(-400px);
  }
}
main.article-timed section.rule .bg-box .bg {
  width: 0%;
  height: 100%;
  background: var(--red-003);
}
main.article-timed section.rule .bg-box .bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 47%;
  background: var(--grey-700);
}
main.article-timed section.rule .bg-box .bg.visible {
  width: 100%;
}
@media (min-width: 992px) {
  main.article-timed section.rule .container {
    gap: 40px;
  }
}
main.article-timed section.rule .container .text-box {
  margin-bottom: 24px;
  gap: 12px;
  transform: translateY(60px);
  opacity: 0;
  transition: 0.8s ease-out;
}
@media (min-width: 992px) {
  main.article-timed section.rule .container .text-box {
    margin-bottom: 0px;
  }
}
main.article-timed section.rule .container .text-box h2 {
  color: var(--grey-600);
}
main.article-timed section.rule .container .text-box h2::before {
  background: var(--grey-600);
  transform: translateX(20px);
  transition: 1.2s ease-out;
}
@media (min-width: 992px) {
  main.article-timed section.rule .container .text-box h2::before {
    left: 0px;
    transform: translateX(50px);
  }
}
main.article-timed section.rule .container .text-box p {
  color: var(--grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  text-align: justify;
}
main.article-timed section.rule .container .text-box .button-box {
  gap: 24px;
}
@media (min-width: 992px) {
  main.article-timed section.rule .container .text-box .button-box {
    margin-top: 20px;
  }
}
main.article-timed section.rule .container .text-box.fade__in {
  transform: translateY(0px);
  opacity: 1;
}
main.article-timed section.rule .container .text-box.fade__in h2::before {
  transform: translateX(-50%);
}
@media (min-width: 992px) {
  main.article-timed section.rule .container .text-box.fade__in h2::before {
    transform: translateX(0px);
  }
}
main.article-timed section.rule .container .img-box {
  width: 100vw;
  height: 240px;
  left: 0;
  transform: translateY(80px);
  opacity: 0;
  transition: 0.8s ease-out;
}
@media (min-width: 576px) {
  main.article-timed section.rule .container .img-box {
    left: calc((100vw - 540px) / 2 * -1);
  }
}
@media (min-width: 768px) {
  main.article-timed section.rule .container .img-box {
    left: calc((100vw - 720px) / 2 * -1);
  }
}
@media (min-width: 992px) {
  main.article-timed section.rule .container .img-box {
    left: auto;
    height: 300px;
    aspect-ratio: 4/3;
  }
}
@media (min-width: 1200px) {
  main.article-timed section.rule .container .img-box {
    aspect-ratio: 16/9;
  }
}
main.article-timed section.rule .container .img-box.fade__in {
  transform: translateY(0px);
  opacity: 1;
}
main.article-timed section.highlights {
  padding-top: 80px;
  padding-bottom: 80px;
  z-index: 0;
}
main.article-timed section.highlights .highlights-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 282px;
  z-index: -1;
}
@media (min-width: 992px) {
  main.article-timed section.highlights .highlights-bg {
    height: 459px;
  }
}
main.article-timed section.highlights .container h2 {
  color: var(--grey-000);
  margin-bottom: 24px;
  transform: translateY(60px);
  opacity: 0;
  transition: 0.8s ease-out;
}
main.article-timed section.highlights .container h2::before {
  background: var(--grey-000);
}
main.article-timed section.highlights .container h2.fade__in {
  opacity: 1;
  transform: translateY(0px);
}
main.article-timed section.highlights .container .highlight-img {
  width: calc(100% - 120px);
  max-width: 900px;
  aspect-ratio: 16/9;
  margin: 0 auto;
  margin-bottom: 16px;
  opacity: 0;
  transform: translateY(80px);
  transition: 0.8s ease-out;
}
main.article-timed section.highlights .container .highlight-img.fade__in {
  opacity: 1;
  transform: translateY(0px);
}
@media (min-width: 1200px) {
  main.article-timed section.highlights .container .swiper-box {
    padding: 0 calc((100% - 900px) / 2);
  }
}
main.article-timed section.highlights .container .swiper-box .swiper .swiper-wrapper .swiper-slide .img-box {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
@media (min-width: 992px) {
  main.article-timed section.highlights .container .swiper-box .swiper .swiper-wrapper .swiper-slide .img-box {
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  main.article-timed section.highlights .container .swiper-box .swiper-btn .next {
    margin-right: calc((100% - 900px) / 2 - 60px);
  }
}
@media (min-width: 1200px) {
  main.article-timed section.highlights .container .swiper-box .swiper-btn .prev {
    margin-left: calc((100% - 900px) / 2 - 60px);
  }
}
main.article-timed section.top-15 {
  background-size: cover;
  background-position: center;
  padding-top: 50px;
  padding-bottom: 80px;
}
@media (min-width: 992px) {
  main.article-timed section.top-15 {
    padding-top: 80px;
    padding-bottom: 120px;
  }
}
main.article-timed section.top-15 h2 {
  margin-bottom: 32px;
}
main.article-timed section.top-15 .grid-box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (min-width: 768px) {
  main.article-timed section.top-15 .grid-box {
    gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  main.article-timed section.top-15 .grid-box {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
main.article-timed section.top-15 .grid-box .top-card {
  background: rgba(10, 10, 10, 0.8);
  border: 1px solid transparent;
  border-image: linear-gradient(180deg, rgba(144, 144, 144, 0.5019607843), rgba(10, 10, 10, 0.8), rgba(144, 144, 144, 0.5019607843)) 1;
  transform: translateY(60px);
  opacity: 0;
  transition: 0.8s ease-in-out;
}
main.article-timed section.top-15 .grid-box .top-card.fade__in {
  transform: translateY(0px);
  opacity: 1;
}
main.article-timed section.top-15 .grid-box .top-card .info-block {
  padding: 16px 8px;
}
@media (min-width: 1200px) {
  main.article-timed section.top-15 .grid-box .top-card .info-block {
    padding: 24px 16px;
  }
}
main.article-timed section.top-15 .grid-box .top-card .info-block .title {
  gap: 16px;
  margin-bottom: 16px;
}
main.article-timed section.top-15 .grid-box .top-card .info-block .title .medals {
  transform: translateY(3px);
}
main.article-timed section.top-15 .grid-box .top-card .info-block .title .medals img {
  width: 30px;
  height: auto;
}
main.article-timed section.top-15 .grid-box .top-card .info-block .title .medals .number {
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 3px));
  color: #eef2f5;
  font-size: 15px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.6px;
}
main.article-timed section.top-15 .grid-box .top-card .info-block .title h3 {
  color: var(--grey-000);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.72px;
}
main.article-timed section.top-15 .grid-box .top-card .info-block .info-box {
  --gap: 8px;
  gap: 8px;
}
main.article-timed section.top-15 .grid-box .top-card .info-block .info-box h5 {
  flex: 0 0 auto;
  color: var(--grey-200);
  font-size: 13px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.84px;
  gap: var(--gap);
  width: 69px;
}
main.article-timed section.top-15 .grid-box .top-card .info-block .info-box h5::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #e60010;
  transform: translateY(-1px);
}
main.article-timed section.top-15 .grid-box .top-card .info-block .info-box p {
  color: var(--grey-200);
  font-size: 13px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.84px;
}
main.article-timed section.top-15 .grid-box .top-card .info-block .info-box .info {
  gap: var(--gap);
}
main.article-timed section.top-15 .grid-box .top-card .img-box {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  margin-top: auto;
}
main.article-timed section.top-15 .grid-box .top-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main.competition {
  background: var(--grey-200);
  gap: 50px;
}
@media (min-width: 992px) {
  main.competition {
    gap: 100px;
  }
}
main.competition .contest {
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  main.competition .contest {
    padding-bottom: 180px;
  }
}
@media (min-width: 992px) {
  main.competition .contest {
    padding-bottom: 220px;
  }
}
@media (min-width: 1400px) {
  main.competition .contest {
    padding-bottom: 340px;
  }
}
main.competition .contest .bg-box {
  right: -200px;
  bottom: 0;
}
main.competition .contest .bg-box .bg {
  width: 500px;
  height: 259px;
  padding: 6px 40px;
  background: var(--red-003);
  clip-path: polygon(81.25px 0%, 100% 0%, calc(100% - 81.25px) 100%, 0% 100%);
}
@media (min-width: 768px) {
  main.competition .contest .bg-box .bg {
    width: 620px;
    padding: 20px 60px;
  }
}
@media (min-width: 992px) {
  main.competition .contest .bg-box .bg {
    width: 760px;
    height: 318px;
    clip-path: polygon(100px 0%, 100% 0%, calc(100% - 100px) 100%, 0% 100%);
  }
}
@media (min-width: 1400px) {
  main.competition .contest .bg-box .bg {
    width: 960px;
    height: 518px;
    clip-path: polygon(162.5px 0%, 100% 0%, calc(100% - 162.5px) 100%, 0% 100%);
    padding: 40px 80px;
  }
}
main.competition .contest .bg-box .bg svg {
  width: 60%;
  height: auto;
  fill: var(--grey-000);
  transform: skewX(-5deg);
}
@media (min-width: 768px) {
  main.competition .contest .bg-box .bg svg {
    width: 70%;
  }
}
@media (min-width: 992px) {
  main.competition .contest .bg-box .bg svg {
    width: 76%;
  }
}
@media (min-width: 1400px) {
  main.competition .contest .bg-box .bg svg {
    width: 80%;
  }
}
main.competition .contest .container {
  gap: 20px;
}
@media (min-width: 768px) {
  main.competition .contest .container {
    gap: 0px;
  }
}
main.competition .highlight {
  padding-bottom: 100px;
}
main.competition .highlight .highlights-bg {
  width: 100%;
  height: 200px;
  left: 0;
  bottom: 0px;
}
@media (min-width: 576px) {
  main.competition .highlight .highlights-bg {
    height: 280px;
  }
}
@media (min-width: 768px) {
  main.competition .highlight .highlights-bg {
    height: 360px;
  }
}
@media (min-width: 992px) {
  main.competition .highlight .highlights-bg {
    height: 459px;
  }
}
main.competition .highlight .container > * {
  opacity: 0;
  transform: translateY(80px);
  transition: 1s ease-out;
}
main.competition .highlight .container > *.fade__in {
  opacity: 1;
  transform: translateY(0px);
}
main.competition .highlight .container h2 {
  color: var(--grey-700);
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.6px;
  margin-bottom: 36px;
}
@media (min-width: 1400px) {
  main.competition .highlight .container h2 {
    font-size: 38px;
    letter-spacing: 0.76px;
    margin-bottom: 44px;
  }
}
main.competition .highlight .container iframe {
  width: 100%;
  max-width: 984px;
  aspect-ratio: 16/9;
}

main.series .better {
  padding: 50px 0px;
  background: #030101;
}
@media (min-width: 992px) {
  main.series .better {
    padding: 120px 0px 80px 0px;
  }
}
@media (min-width: 1400px) {
  main.series .better {
    padding: 160px 0px 80px 0px;
  }
}
main.series .better .bg {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 300% auto;
  background-position: 40% 20%;
  background-color: rgba(3, 1, 1, 0.3764705882);
  background-blend-mode: multiply;
}
@media (min-width: 576px) {
  main.series .better .bg {
    background-size: 200% auto;
  }
}
@media (min-width: 768px) {
  main.series .better .bg {
    background-size: 140% auto;
  }
}
@media (min-width: 992px) {
  main.series .better .bg {
    background-size: 100% auto;
  }
}
@media (min-width: 1200px) {
  main.series .better .bg {
    background-position: 0% 40%;
  }
}
main.series .better .bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--red-003);
  mix-blend-mode: multiply;
  opacity: 0.3;
}
@media (min-width: 992px) {
  main.series .better .container {
    gap: 20px;
  }
}
main.series .better .container .text {
  color: var(--grey-000);
}
@media (min-width: 992px) {
  main.series .better .container .text {
    flex: 1 1 45%;
  }
}
main.series .better .container .text .title {
  margin-bottom: 12px;
  opacity: 0;
  transform: translateY(60px);
  transition: 1.2s ease-in-out;
}
main.series .better .container .text .title h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.6px;
  margin-bottom: 2px;
}
@media (min-width: 1400px) {
  main.series .better .container .text .title h2 {
    font-size: 38px;
    letter-spacing: 0.76px;
  }
}
main.series .better .container .text .title p {
  color: var(--grey-100);
  font-size: 20px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: 0.8px;
  text-align: center;
}
@media (min-width: 992px) {
  main.series .better .container .text .title p {
    text-align: left;
  }
}
@media (min-width: 1400px) {
  main.series .better .container .text .title p {
    font-size: 24px;
    line-height: normal;
    letter-spacing: 0.96px;
  }
}
main.series .better .container .text .title.fade__in {
  opacity: 1;
  transform: translateY(0px);
}
main.series .better .container .text p.text-content {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  transform: translateY(60px);
  opacity: 0;
  transition: 1.2s ease-in-out;
}
@media (min-width: 992px) {
  main.series .better .container .text p.text-content {
    text-align: justify;
  }
}
main.series .better .container .text p.text-content.fade__in {
  opacity: 1;
  transform: translateY(0px);
}
main.series .better .container .img-box {
  height: 239px;
  transform: translateX(60px);
  opacity: 0;
  transition: 1s ease-in-out;
}
@media (min-width: 992px) {
  main.series .better .container .img-box {
    flex: 1 1 55%;
    height: auto;
  }
}
main.series .better .container .img-box.fade__in {
  opacity: 1;
  transform: translateX(0px);
}
main.series .series-car {
  padding: 60px 0px 80px 0px;
  background-repeat: no-repeat;
  background-size: auto 200%;
  background-position: 50% 50%;
}
@media (min-width: 1400px) {
  main.series .series-car {
    padding: 150px 0px 180px 0px;
  }
}
main.series .series-car h2 {
  color: var(--grey-000);
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.6px;
  margin-bottom: 60px;
  opacity: 0;
  transform: translateY(60px);
  transition: 1s ease-in-out;
}
@media (min-width: 1400px) {
  main.series .series-car h2 {
    font-size: 38px;
    letter-spacing: 0.76px;
  }
}
main.series .series-car h2.fade__in {
  opacity: 1;
  transform: translateY(0px);
}
main.series .series-car .swiper {
  width: 100vw;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 24px;
  overflow: visible;
}
@media (min-width: 1400px) {
  main.series .series-car .swiper {
    padding-bottom: 32px;
  }
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card {
  width: 340px;
  height: 270px;
  pointer-events: none;
}
@media (min-width: 1400px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card {
    width: 486px;
    height: 386px;
  }
}
@media (min-width: 1920px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card {
    width: 650px;
    height: 516px;
  }
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .bg-box {
  width: 100%;
  height: 100%;
  background: var(--grey-700);
  z-index: 0;
  clip-path: polygon(25% 0%, 100% 0%, 78% 100%, 0% 100%);
  pointer-events: auto;
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .bg-box::after, main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .bg-box::before {
  content: "";
  position: absolute;
  display: block;
  width: 520px;
  height: 520px;
  z-index: 1;
  transition: opacity 0.3s ease-in-out;
  animation: rotation 8s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (min-width: 1400px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .bg-box::after, main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .bg-box::before {
    width: 840px;
    height: 840px;
  }
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .bg-box::before {
  opacity: 0;
  background: linear-gradient(180deg, var(--red-003) 0%, rgba(255, 255, 255, 0) 50%, var(--red-003) 100%);
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .bg-box::after {
  opacity: 1;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .bg-box .bg {
  width: calc(100% - 4px);
  height: calc(100% - 2px);
  background: var(--grey-700);
  z-index: 2;
  clip-path: polygon(25% 0%, 100% 0%, 78% 100%, 0% 100%);
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .img-box {
  width: 55%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -10%);
  transition: 0.3s ease-in-out;
}
@media (min-width: 576px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .img-box {
    transform: translate(-50%, -20%);
  }
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text {
  color: var(--grey-000);
  width: 100%;
  height: 100%;
  padding: 14px 0px;
}
@media (min-width: 1400px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text {
    padding: 20px 0px;
  }
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .title {
  padding-left: 92px;
  padding-right: 40px;
}
@media (min-width: 576px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .title {
    padding-right: 48px;
  }
}
@media (min-width: 1400px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .title {
    padding-left: 130px;
  }
}
@media (min-width: 1920px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .title {
    padding-left: 176px;
  }
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .title h3 {
  color: var(--grey-000);
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.6px;
  transition: 0.3s ease-in-out;
  margin-left: 2px;
  margin-bottom: 4px;
}
@media (min-width: 1400px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .title h3 {
    font-size: 32px;
    letter-spacing: 0.76px;
  }
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .title p {
  color: var(--grey-300);
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.68px;
  transition: 0.3s ease-in-out;
  opacity: 0.8;
}
@media (min-width: 1400px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .title p {
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0.96px;
  }
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .more {
  margin-top: auto;
  align-self: flex-end;
  padding-right: 84px;
}
@media (min-width: 1400px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .more {
    padding-right: 120px;
  }
}
@media (min-width: 1920px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .more {
    padding-right: 160px;
  }
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .more p {
  color: var(--grey-000);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  transition: 0.3s ease-in-out;
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .more .icon-box {
  margin-top: 1px;
  margin-left: 8px;
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card .text .more .icon-box svg {
  fill: var(--grey-000);
  transition: 0.3s ease-in-out;
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card:hover .bg-box::before {
  opacity: 1;
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card:hover .bg-box::after {
  opacity: 0;
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card:hover .img-box {
  transform: translate(-50%, -10%) scale(1.05);
}
@media (min-width: 576px) {
  main.series .series-car .swiper .swiper-wrapper .swiper-slide .card:hover .img-box {
    transform: translate(-50%, -20%) scale(1.05);
  }
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card:hover .text .title h3 {
  color: var(--red-003);
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card:hover .text .title p {
  color: var(--red-003);
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card:hover .text .more p {
  color: var(--red-003);
}
main.series .series-car .swiper .swiper-wrapper .swiper-slide .card:hover .text .more .icon-box svg {
  fill: var(--red-003);
}
main.series .series-car .swiper .swiper-button {
  width: 32px;
  height: 32px;
  background: var(--grey-000);
  border-radius: 50%;
  opacity: 0.7;
}
@media (min-width: 1400px) {
  main.series .series-car .swiper .swiper-button {
    width: 40px;
    height: 40px;
  }
}
main.series .series-car .swiper .swiper-button::after {
  content: "";
}
main.series .series-car .swiper .swiper-button.swiper-button-prev {
  left: 20px;
}
@media (min-width: 1920px) {
  main.series .series-car .swiper .swiper-button.swiper-button-prev {
    left: 40px;
  }
}
main.series .series-car .swiper .swiper-button.swiper-button-next {
  right: 20px;
  transform: scaleX(-1);
}
@media (min-width: 1920px) {
  main.series .series-car .swiper .swiper-button.swiper-button-next {
    right: 40px;
  }
}
main.series .series-car .swiper .swiper-button .arrow-icon {
  width: 9px;
  height: 9px;
}
@media (min-width: 1400px) {
  main.series .series-car .swiper .swiper-button .arrow-icon {
    width: 11px;
    height: 11px;
  }
}
main.series .series-car .swiper .swiper-button .arrow-icon .icon-line {
  background: black;
}
main.series .series-car .swiper .swiper-button.swiper-button-disabled {
  opacity: 0.2;
}

main.index .banner::before, main.index .banner::after {
  display: none;
}
main.index .banner .swiper {
  width: 100%;
  height: 100%;
}
main.index .banner .swiper .swiper-pagination {
  bottom: 32px !important;
}
main.index .banner .swiper .swiper-pagination .swiper-pagination-bullet {
  height: 2px;
  background: var(--grey-000);
}
main.index .banner .swiper .swiper-button {
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
@media (min-width: 992px) {
  main.index .banner .swiper .swiper-button {
    width: 48px;
    height: 48px;
  }
}
main.index .banner .swiper .swiper-button::after {
  content: "";
}
main.index .banner .swiper .swiper-button.swiper-button-prev {
  left: 20px;
}
@media (min-width: 576px) {
  main.index .banner .swiper .swiper-button.swiper-button-prev {
    left: calc((100vw - 540px) / 2);
  }
}
@media (min-width: 768px) {
  main.index .banner .swiper .swiper-button.swiper-button-prev {
    left: calc((100vw - 720px) / 2);
  }
}
@media (min-width: 992px) {
  main.index .banner .swiper .swiper-button.swiper-button-prev {
    left: calc((100vw - 960px) / 2);
  }
}
@media (min-width: 1200px) {
  main.index .banner .swiper .swiper-button.swiper-button-prev {
    left: calc((100vw - 1140px) / 2);
  }
}
@media (min-width: 1400px) {
  main.index .banner .swiper .swiper-button.swiper-button-prev {
    left: calc((100vw - 1320px) / 2);
  }
}
main.index .banner .swiper .swiper-button.swiper-button-next {
  right: 20px;
  transform: scaleX(-1);
}
@media (min-width: 576px) {
  main.index .banner .swiper .swiper-button.swiper-button-next {
    right: calc((100vw - 540px) / 2);
  }
}
@media (min-width: 768px) {
  main.index .banner .swiper .swiper-button.swiper-button-next {
    right: calc((100vw - 720px) / 2);
  }
}
@media (min-width: 992px) {
  main.index .banner .swiper .swiper-button.swiper-button-next {
    right: calc((100vw - 960px) / 2);
  }
}
@media (min-width: 1200px) {
  main.index .banner .swiper .swiper-button.swiper-button-next {
    right: calc((100vw - 1140px) / 2);
  }
}
@media (min-width: 1400px) {
  main.index .banner .swiper .swiper-button.swiper-button-next {
    right: calc((100vw - 1320px) / 2);
  }
}
main.index .banner .swiper .swiper-button .arrow-icon {
  width: 9px;
  height: 9px;
}
@media (min-width: 992px) {
  main.index .banner .swiper .swiper-button .arrow-icon {
    width: 13px;
    height: 13px;
  }
}
main.index .banner .swiper .swiper-button .arrow-icon .icon-line {
  background: var(--grey-000);
}
main.index section.brands, main.index section.news {
  transform: translateY(2px);
}
main.index .competition {
  background: var(--grey-700);
  padding: 60px 0px;
}
@media (min-width: 992px) {
  main.index .competition {
    padding: 80px 0px;
  }
}
@media (min-width: 1400px) {
  main.index .competition {
    padding: 100px 0px;
  }
}
main.index .competition::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  background: rgba(122, 40, 40, 0.64);
  bottom: 0;
  left: 0;
}
@media (min-width: 576px) {
  main.index .competition::after {
    height: 40%;
  }
}
@media (min-width: 992px) {
  main.index .competition::after {
    width: 50%;
    height: 100%;
    left: auto;
    right: 0;
    transform-origin: left bottom;
    transform: skewX(-17.5deg);
  }
}
main.index .competition .container {
  z-index: 1;
}
main.index .competition .container .block .info h2 {
  color: var(--grey-000);
}
main.index .competition .container .block .info h2::before {
  background: var(--grey-000);
}
@media (min-width: 992px) {
  main.index .competition .container .block .info h2::before {
    left: 50%;
    transform: translateX(-50%);
  }
}
main.index .competition .container .block .info p {
  color: var(--grey-000);
}
main.index .competition .container .content {
  gap: 20px;
}
@media (min-width: 768px) {
  main.index .competition .container .content {
    gap: 0px;
  }
}
main.index .competition .container .content .box {
  opacity: 1;
  transition: 0.6s ease-out;
}
main.index .competition .container .content .box.regular {
  transform: translateX(0px);
}
@media (min-width: 768px) {
  main.index .competition .container .content .box.regular {
    transform: translateX(30px);
  }
  main.index .competition .container .content .box.regular:hover {
    transform: translateX(0px);
  }
}
main.index .competition .container .content .box.timed {
  transform: translateX(0px);
}
@media (min-width: 768px) {
  main.index .competition .container .content .box.timed {
    transform: translateX(-30px);
  }
  main.index .competition .container .content .box.timed:hover {
    transform: translateX(0px);
  }
}
main.index section.series .block {
  background: transparent;
}
main.index section.series .img-block {
  position: relative;
}
main.index section.series .img-block::after {
  content: "";
  display: none;
  position: absolute;
  width: 300px;
  height: 100%;
  background: var(--grey-000);
  top: 0;
  right: -300px;
  transform-origin: top right;
  transform: skewX(-17.5deg);
}
@media (min-width: 992px) {
  main.index section.series .img-block::after {
    display: block;
  }
}
main.index section.garage, main.index section.fan {
  transform: translateY(-2px);
}

main.garage section {
  padding-top: 50px;
  padding-bottom: 50px;
}
main.garage section h2 {
  color: var(--grey-600);
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.6px;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  main.garage section h2 {
    font-size: 38px;
    letter-spacing: 0.76px;
  }
}
@media (min-width: 992px) {
  main.garage section .block .info p {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  main.garage section.brands, main.garage section.news {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
main.garage section.product-info h2, main.garage section.place-info h2 {
  color: var(--grey-000);
}
main.garage section.product-info h2::before, main.garage section.place-info h2::before {
  background: var(--grey-000);
}
main.garage .brands .block .info p span {
  display: block;
  text-align: center;
  color: var(--grey-500);
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.96px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  main.garage .brands .block .info p span {
    text-align: left;
  }
}
@media (min-width: 1400px) {
  main.garage .brands .block .info p span {
    font-size: 32px;
    letter-spacing: 1.28px;
  }
}
@media (min-width: 992px) {
  main.garage .brand-video {
    margin-top: 50px;
  }
}
main.garage .brand-video iframe {
  width: 100%;
  max-width: 984px;
  aspect-ratio: 16/9;
}
main.garage .product-info {
  margin-top: 50px;
  margin-bottom: 50px;
}
main.garage .product-info .bg {
  width: 100%;
  height: 359px;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
main.garage .product-info .bg::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(59, 3, 3, 0.8);
}
main.garage .product-info .container p.info {
  color: var(--grey-000);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.84px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  main.garage .product-info .container p.info {
    text-align: left;
    margin-bottom: 40px;
    font-size: 16px;
    letter-spacing: 0.96px;
  }
}
main.garage .product-info .container p.info span {
  color: var(--grey-100);
  font-size: 20px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: 0.8px;
}
@media (min-width: 992px) {
  main.garage .product-info .container p.info span {
    font-size: 24px;
    letter-spacing: 0.96px;
  }
}
main.garage .product-info .container .swiper-box {
  margin-bottom: 100px;
}
main.garage .product-info .container .swiper-box .swiper .swiper-wrapper {
  margin-bottom: 40px;
}
main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts {
  height: 383.75px;
}
@media (min-width: 576px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts {
    height: 412.34px;
  }
}
@media (min-width: 768px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts {
    height: 356.77px;
  }
}
@media (min-width: 992px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts {
    height: 413.02px;
  }
}
@media (min-width: 1200px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts {
    height: 366.11px;
  }
}
@media (min-width: 1400px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts {
    height: 399.86px;
  }
}
main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts .img-box {
  width: 100%;
  height: 50%;
  aspect-ratio: 16/9;
  margin-bottom: 16px;
}
@media (min-width: 576px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts .img-box {
    width: 460px;
    height: 258.75px;
  }
}
@media (min-width: 768px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts .img-box {
    width: 310px;
    height: 174.38px;
  }
}
@media (min-width: 992px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts .img-box {
    width: 410px;
    height: 230.63px;
  }
}
@media (min-width: 1200px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts .img-box {
    width: 326.66px;
    height: 183.73px;
  }
}
@media (min-width: 1400px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts .img-box {
    width: 386.66px;
    height: 217.48px;
  }
}
main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts .text {
  gap: 12px;
}
main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts .text div {
  color: var(--grey-600);
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.8px;
}
main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .gr-parts .text p {
  color: var(--grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .more-product {
  width: 100%;
  height: 382.6px;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(15px);
  gap: 20px;
}
@media (min-width: 576px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .more-product {
    height: 412.3px;
  }
}
@media (min-width: 768px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .more-product {
    height: 382.6px;
  }
}
@media (min-width: 992px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .more-product {
    height: 413px;
  }
}
@media (min-width: 1200px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .more-product {
    height: 366px;
  }
}
@media (min-width: 1400px) {
  main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .more-product {
    height: 400px;
  }
}
main.garage .product-info .container .swiper-box .swiper .swiper-wrapper .swiper-slide .more-product p {
  color: var(--grey-000);
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.8px;
}
main.garage .product-info .container h3 {
  color: var(--grey-600);
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.8px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  main.garage .product-info .container h3 {
    text-align: left;
  }
}
main.garage .product-info .container p.introduce {
  color: var(--grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  main.garage .product-info .container p.introduce {
    margin-bottom: 60px;
  }
}
main.garage .product-info .container .swiper.logo,
main.garage .product-info .container .logo-box {
  margin-bottom: 56px;
}
main.garage .product-info .container .swiper.logo {
  width: 100%;
  padding-bottom: 24px;
}
main.garage .product-info .container .swiper.logo .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 500px;
}
main.garage .product-info .container .download {
  padding: 24px 16px;
  gap: 20px;
  background: rgba(0, 0, 0, 0.65);
  color: var(--grey-000);
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.68px;
}
@media (min-width: 992px) {
  main.garage .product-info .container .download {
    padding: 32px;
  }
}
main.garage .product-info .container .download .icon-box {
  align-self: flex-end;
}
main.garage .place-info {
  background-size: cover;
}
@media (min-width: 992px) {
  main.garage .place-info {
    padding: 100px 0px;
  }
}
main.garage .place-info .container {
  padding: 0px;
}
@media (min-width: 992px) {
  main.garage .place-info .container {
    gap: 80px;
  }
}
main.garage .place-info .container .info {
  padding: 0 20px;
  margin-bottom: 40px;
}
@media (min-width: 576px) {
  main.garage .place-info .container .info {
    padding: 0 0px;
  }
}
@media (min-width: 992px) {
  main.garage .place-info .container .info {
    flex: 1 1 50%;
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) {
  main.garage .place-info .container .info {
    flex: 1 1 40%;
  }
}
@media (min-width: 992px) {
  main.garage .place-info .container .info h2 {
    text-align: left;
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) {
  main.garage .place-info .container .info h2::before {
    left: 0;
    transform: translateX(0%);
  }
}
main.garage .place-info .container .info .img {
  gap: 8px;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  main.garage .place-info .container .info .img {
    margin-bottom: 20px;
  }
}
main.garage .place-info .container .info .img .img-box {
  width: 212px;
  margin-right: auto;
}
main.garage .place-info .container .info .info-list {
  gap: 8px;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  main.garage .place-info .container .info .info-list {
    gap: 12px;
  }
}
main.garage .place-info .container .info .info-list .list {
  gap: 8px;
}
main.garage .place-info .container .info .info-list .list h4,
main.garage .place-info .container .info .info-list .list p,
main.garage .place-info .container .info .info-list .list a {
  color: var(--grey-000);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.64px;
}
main.garage .place-info .container .info .info-list .list h4 {
  width: 70px;
  flex: 0 0 auto;
}
@media (min-width: 992px) {
  main.garage .place-info .container .info .info-list .list h4 {
    width: 100px;
  }
}
main.garage .place-info .container .info .facebook {
  width: 46px;
  height: 46px;
}
main.garage .place-info .container .map {
  flex: 1 1 50%;
  aspect-ratio: 16/9;
}
@media (min-width: 1200px) {
  main.garage .place-info .container .map {
    flex: 1 1 60%;
  }
}

main.article-regular section {
  padding: 50px 0px;
}
@media (min-width: 992px) {
  main.article-regular section {
    padding: 100px 0px;
  }
}
main.article-regular section h2 {
  color: var(--grey-600);
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.6px;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  main.article-regular section h2 {
    font-size: 38px;
    letter-spacing: 0.76px;
  }
}
main.article-regular section h2 .corolla {
  width: 130px;
  height: 40px;
  margin-right: 8px;
}
@media (min-width: 576px) {
  main.article-regular section h2 .corolla {
    width: 160px;
    height: 48px;
  }
}
@media (min-width: 992px) {
  main.article-regular section h2 .corolla {
    width: 200px;
    height: 60px;
  }
}
main.article-regular section h2.white {
  color: var(--grey-000);
}

main.article-regular section.entering-num {
    background-size: cover;
    background-position: center;
    padding-bottom: 70px;
}

@media (min-width: 992px) {
    main.article-regular section.entering-num h2 {
        margin-bottom: 0;
    }
}

main.article-regular section.entering-num .num {
    color: var(--grey-000);
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.96px;
    margin-left: 24px;
}

@media (min-width: 992px) {
    main.article-regular section.entering-num .num {
        margin-left: 120px;
    }
}

main.article-regular section.entering-num .num span {
    font-size: 50px;
    line-height: 120%;
    letter-spacing: 1px;
    margin-right: 20px;
}
main.article-regular .rule .container,
main.article-regular .racing-specs .container {
  padding: 0px;
}
@media (min-width: 992px) {
  main.article-regular .rule .container,
  main.article-regular .racing-specs .container {
    gap: 40px;
  }
}
main.article-regular .rule .container .text,
main.article-regular .racing-specs .container .text {
  flex: 1 1 100%;
  padding: 0px 20px;
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  main.article-regular .rule .container .text,
  main.article-regular .racing-specs .container .text {
    padding: 0px;
  }
}
@media (min-width: 992px) {
  main.article-regular .rule .container .text,
  main.article-regular .racing-specs .container .text {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  main.article-regular .rule .container .text h2,
  main.article-regular .racing-specs .container .text h2 {
    text-align: left;
  }
}
@media (min-width: 992px) {
  main.article-regular .rule .container .text h2::before,
  main.article-regular .racing-specs .container .text h2::before {
    left: 0;
    transform: translateX(0%);
  }
}
main.article-regular .rule .container .text p,
main.article-regular .racing-specs .container .text p {
  text-align: justify;
  color: var(--grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
main.article-regular .rule .container .sec-img,
main.article-regular .racing-specs .container .sec-img {
  flex: 1 1 100%;
}
main.article-regular section.rule::before {
  content: "";
  display: none;
  position: absolute;
  width: 500px;
  height: 100%;
  background: var(--grey-700);
  top: 0;
  left: -280px;
  transform: skewX(-17.5deg);
  z-index: -1;
}
@media (min-width: 992px) {
  main.article-regular section.rule::before {
    display: block;
  }
}
main.article-regular section.racing-specs {
  padding-top: 0px;
}
main.article-regular .regular-rule .bg {
  width: 100vw;
  height: 680px;
  z-index: -1;
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
}
@media (min-width: 576px) {
  main.article-regular .regular-rule .bg {
    height: 620px;
  }
}
main.article-regular .regular-rule .bg::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(174, 13, 13, 0.8);
}
main.article-regular .regular-rule .container p {
  color: var(--white-80);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  text-align: justify;
  margin-bottom: 24px;
}
main.article-regular .regular-rule .container .swiper.rule {
  padding: 0px 40px;
  padding-bottom: 24px;
}
@media (min-width: 992px) {
  main.article-regular .regular-rule .container .swiper.rule {
    width: 806px;
    padding: 0px 60px;
    padding-bottom: 32px;
    overflow: visible;
  }
}
main.article-regular .regular-rule .container .swiper.rule .swiper-wrapper .swiper-slide {
  transition: 0.3s ease-in-out;
}
@media (min-width: 992px) {
  main.article-regular .regular-rule .container .swiper.rule .swiper-wrapper .swiper-slide {
    transform: scale(0.75);
  }
}
@media (min-width: 992px) {
  main.article-regular .regular-rule .container .swiper.rule .swiper-wrapper .swiper-slide.swiper-slide-active {
    transform: scale(1);
  }
}
main.article-regular .regular-rule .container .swiper.rule .swiper-wrapper .swiper-slide .img-box {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
main.article-regular .regular-rule .container .swiper.rule .swiper-button {
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
@media (min-width: 992px) {
  main.article-regular .regular-rule .container .swiper.rule .swiper-button {
    width: 40px;
    height: 40px;
  }
}
main.article-regular .regular-rule .container .swiper.rule .swiper-button::after {
  content: "";
}
main.article-regular .regular-rule .container .swiper.rule .swiper-button .arrow-icon {
  width: 9px;
  height: 9px;
}
@media (min-width: 992px) {
  main.article-regular .regular-rule .container .swiper.rule .swiper-button .arrow-icon {
    width: 11px;
    height: 11px;
  }
}
main.article-regular .regular-rule .container .swiper.rule .swiper-button .arrow-icon .icon-line {
  background: var(--grey-000);
}
main.article-regular .regular-rule .container .swiper.rule .swiper-button.swiper-button-prev {
  left: 0px;
}
main.article-regular .regular-rule .container .swiper.rule .swiper-button.swiper-button-next {
  right: 0px;
  transform: scaleX(-1);
}
main.article-regular .car-detail {
  background: var(--grey-700);
  padding-bottom: 400px;
}
@media (min-width: 992px) {
  main.article-regular .car-detail {
    padding-bottom: 30px;
  }
}
main.article-regular .car-detail .bg {
  width: 100%;
  height: 70%;
  background-size: 600%;
  background-repeat: no-repeat;
  background-position: 98% 80%;
  bottom: 0;
}
@media (min-width: 992px) {
  main.article-regular .car-detail .bg {
    background-size: 280%;
    background-position: 90% 60%;
  }
}
main.article-regular .car-detail .bg::after, main.article-regular .car-detail .bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #1e1e1e 0%, transparent 100%);
}
main.article-regular .car-detail .bg::before {
  display: none;
  background: linear-gradient(180deg, #1e1e1e 0%, rgba(30, 30, 30, 0.4392156863) 100%);
}
@media (min-width: 992px) {
  main.article-regular .car-detail .bg::before {
    display: block;
  }
}
main.article-regular .car-detail .container h2 {
  margin-bottom: 40px;
}
main.article-regular .car-detail .container .detail-button-block {
  margin-bottom: 100px;
}
main.article-regular .car-detail .container .detail-button-block::before, main.article-regular .car-detail .container .detail-button-block::after {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 100%;
  top: 0;
  z-index: 1;
}
main.article-regular .car-detail .container .detail-button-block::before {
  left: 0;
  background: linear-gradient(90deg, var(--grey-700) 0%, transparent 100%);
}
main.article-regular .car-detail .container .detail-button-block::after {
  right: 0;
  background: linear-gradient(-90deg, var(--grey-700) 0%, transparent 100%);
}
main.article-regular .car-detail .container .detail-button-block .detail-button-box {
  gap: 4px;
  overflow-x: auto;
  padding: 0 24px;
  scroll-behavior: smooth;
}
main.article-regular .car-detail .container .detail-button-block .detail-button-box .detail-button {
  padding: 12px 14px;
  color: var(--grey-000);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 118.667%;
  letter-spacing: 2.24px;
  border: 1px solid #383838;
  background: rgba(10, 10, 10, 0.85);
  backdrop-filter: blur(2px);
}
main.article-regular .car-detail .container .detail-button-block .detail-button-box .detail-button.active {
  background: rgba(75, 75, 75, 0.85);
}
main.article-regular .car-detail .container .car {
  flex: 1 1 100%;
  height: 100%;
  aspect-ratio: 16/9;
  margin: 30px 0px;
}
@media (min-width: 992px) {
  main.article-regular .car-detail .container .car {
    margin: 80px 0 0 240px;
  }
}
main.article-regular .car-detail .container .car .detail-box {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
main.article-regular .car-detail .container .car .detail-box .detail {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 1px solid var(--grey-000);
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(6px);
  color: var(--grey-000);
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.2px;
}
@media (min-width: 992px) {
  main.article-regular .car-detail .container .car .detail-box .detail {
    width: 32px;
    height: 32px;
    font-size: 20px;
    letter-spacing: 0.4px;
    padding-top: 3px;
    backdrop-filter: blur(12px);
    cursor: pointer;
  }
}
main.article-regular .car-detail .container .car .detail-box .detail.detail-1 {
  top: 20%;
  left: 48%;
}
main.article-regular .car-detail .container .car .detail-box .detail.detail-2 {
  top: 20%;
  left: 63%;
}
main.article-regular .car-detail .container .car .detail-box .detail.detail-3 {
  top: 43%;
  left: 27%;
}
main.article-regular .car-detail .container .car .detail-box .detail.detail-4 {
  top: 68%;
  left: 17%;
}
main.article-regular .car-detail .container .car .detail-box .detail.detail-5 {
  top: 48%;
  left: 50%;
}
main.article-regular .car-detail .container .car .detail-box .detail.detail-6 {
  top: 61%;
  left: 51%;
}
main.article-regular .car-detail .container .car .detail-box .detail.detail-7 {
  top: 73%;
  left: 48%;
}
main.article-regular .car-detail .container .car .detail-box .detail.detail-8 {
  top: 30%;
  left: 42%;
}
main.article-regular .car-detail .container .car .detail-box .detail.detail-9 {
  top: 32%;
  left: 67%;
}
main.article-regular .car-detail .container .car .detail-box .detail.detail-10 {
  top: 30%;
  left: 29%;
}
main.article-regular .car-detail .container .car .detail-box .detail.detail-11 {
  top: 50%;
  left: 88%;
}
main.article-regular .car-detail .container .car .detail-box .detail.active {
  color: var(--red-004);
  border: 1px solid var(--red-004);
  background: rgba(255, 0, 0, 0.2);
  backdrop-filter: blur(12px);
}
main.article-regular .car-detail .container .car .detail-box .detail.active::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: detailActive 1s ease-out infinite;
}
@keyframes detailActive {
  0% {
    transform: scale(0);
    background: rgba(255, 0, 0, 0.2);
    opacity: 1;
  }
  50% {
    background: rgb(255, 0, 0);
  }
  100% {
    transform: scale(2);
    background: rgba(255, 0, 0, 0.2);
    opacity: 0;
  }
}
main.article-regular .car-detail .container .detail-info {
  width: 100vw;
  height: 400px;
  bottom: -400px;
  left: 0px;
  padding: 24px 12px;
  background: rgba(10, 10, 10, 0.85);
  backdrop-filter: blur(2px);
  gap: 12px;
  z-index: 3;
}
@media (min-width: 576px) {
  main.article-regular .car-detail .container .detail-info {
    left: calc((100vw - 540px) / 2 * -1);
  }
}
@media (min-width: 768px) {
  main.article-regular .car-detail .container .detail-info {
    left: calc((100vw - 720px) / 2 * -1);
  }
}
@media (min-width: 992px) {
  main.article-regular .car-detail .container .detail-info {
    width: 280px;
    top: 0;
    left: 0;
    padding: 0;
    background: none;
    backdrop-filter: blur(0px);
    gap: 24px;
  }
}
@media (min-width: 1400px) {
  main.article-regular .car-detail .container .detail-info {
    width: 325px;
  }
}
main.article-regular .car-detail .container .detail-info .feature,
main.article-regular .car-detail .container .detail-info .swiper {
  flex: 1 1 50%;
  aspect-ratio: 169/120;
}
@media (min-width: 992px) {
  main.article-regular .car-detail .container .detail-info .feature,
  main.article-regular .car-detail .container .detail-info .swiper {
    flex: 0 0 auto;
    width: 100%;
    height: 206.7692307692px;
  }
}
@media (min-width: 1400px) {
  main.article-regular .car-detail .container .detail-info .feature,
  main.article-regular .car-detail .container .detail-info .swiper {
    height: 240px;
  }
}
main.article-regular .car-detail .container .detail-info .swiper .swiper-wrapper .swiper-slide .img-box {
  width: 100%;
  height: 100%;
}
main.article-regular .car-detail .container .detail-info .swiper .swiper-pagination {
  bottom: 8px !important;
}
main.article-regular .car-detail .container .detail-info .info {
  flex: 1 1 50%;
}
@media (min-width: 992px) {
  main.article-regular .car-detail .container .detail-info .info {
    width: 100%;
  }
}
main.article-regular .car-detail .container .detail-info .info h3 {
  color: var(--grey-000);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.64px;
}
@media (min-width: 992px) {
  main.article-regular .car-detail .container .detail-info .info h3 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.8px;
  }
}
main.article-regular .car-detail .container .detail-info .info p {
  color: var(--grey-200);
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.84px;
}
@media (min-width: 992px) {
  main.article-regular .car-detail .container .detail-info .info p {
    text-align: justify;
  }
}
main.article-regular .section-group {
  background-size: cover;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.4);
  background-blend-mode: multiply;
}
main.article-regular .section-group h2 {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  main.article-regular .section-group h2 {
    margin-bottom: 32px;
  }
}
main.article-regular .section-group .driver-list .container h3 {
  color: var(--grey-000);
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: 0.8px;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  main.article-regular .section-group .driver-list .container h3 {
    font-size: 24px;
    letter-spacing: 0.96px;
    margin-bottom: 32px;
  }
}
main.article-regular .section-group .driver-list .container .swiper-box {
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  main.article-regular .section-group .driver-list .container .swiper-box {
    margin-bottom: 40px;
  }
}
main.article-regular .section-group .driver-list .container .swiper-box .swiper {
  padding-bottom: 24px;
}
@media (min-width: 992px) {
  main.article-regular .section-group .driver-list .container .swiper-box .swiper {
    padding-bottom: 32px;
  }
}
main.article-regular .section-group .driver-list .container .swiper-box .swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
@media (min-width: 1200px) {
  main.article-regular .section-group .driver-list .container .swiper.driver {
    width: 760px;
  }
}
@media (min-width: 1400px) {
  main.article-regular .section-group .driver-list .container .swiper.driver {
    width: 895px;
  }
}
main.article-regular .section-group .driver-list .container .driver-card {
  background: rgba(10, 10, 10, 0.8);
  height: 100%;
}
main.article-regular .section-group .driver-list .container .driver-card .img-box {
  flex: 0 0 auto;
  width: 100%;
  height: 285px;
}
main.article-regular .section-group .driver-list .container .driver-card .info-block {
  flex: 1;
  padding: 24px 16px;
  border: 1px solid rgba(144, 144, 144, 0.5019607843);
  border-top: 0px solid #909090;
}
main.article-regular .section-group .driver-list .container .driver-card .info-block .title {
  margin-bottom: 16px;
  gap: 16px;
}
main.article-regular .section-group .driver-list .container .driver-card .info-block .title .text h4 {
  color: var(--grey-000);
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.8px;
}
main.article-regular .section-group .driver-list .container .driver-card .info-block .title .text p {
  color: var(--grey-200);
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.84px;
}
main.article-regular .section-group .driver-list .container .driver-card .info-block .title .like-box .like-icon {
  width: 24px;
  height: 24px;
}
main.article-regular .section-group .driver-list .container .driver-card .info-block .title .like-box .like-number {
  margin-top: 4px;
  color: var(--grey-200);
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.56px;
}
main.article-regular .section-group .driver-list .container .driver-card .info-block .link-box {
  gap: 12px;
}
main.article-regular .section-group .driver-list .container .driver-card .info-block .link-box .link-x {
  padding: 2px;
}
main.article-regular .section-group .driver-list .container .driver-card .info-block .link-box .link-fb,
main.article-regular .section-group .driver-list .container .driver-card .info-block .link-box .link-global {
  padding: 1px;
}
main.article-regular .section-group .driver-list .container .driver-card .info-block .link-box .link-ig:hover svg path,
main.article-regular .section-group .driver-list .container .driver-card .info-block .link-box .link-global:hover svg path {
  stroke: var(--red-002);
}
main.article-regular .section-group .driver-list .container .driver-card .info-block .link-box .link-x:hover svg path,
main.article-regular .section-group .driver-list .container .driver-card .info-block .link-box .link-youtube:hover svg g,
main.article-regular .section-group .driver-list .container .driver-card .info-block .link-box .link-music:hover svg path,
main.article-regular .section-group .driver-list .container .driver-card .info-block .link-box .link-fb:hover svg path {
  fill: var(--red-002);
}
main.article-regular .section-group .event-info .container .scroll-box .btn {
  width: 28px;
  height: 28px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  padding: 9px;
  top: 0;
  cursor: pointer;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  backdrop-filter: blur(20px);
}
main.article-regular .section-group .event-info .container .scroll-box .btn .arrow-icon {
  width: 100%;
  height: 100%;
}
main.article-regular .section-group .event-info .container .scroll-box .btn .arrow-icon .icon-line {
  background: white;
}
main.article-regular .section-group .event-info .container .scroll-box .btn.next {
  right: 0;
  transform: scale(-1);
}
main.article-regular .section-group .event-info .container .scroll-box .tab-box {
  width: 100%;
  scroll-behavior: smooth;
  overflow-x: auto;
}
main.article-regular .section-group .event-info .container .scroll-box .tab-box .tab {
  flex: 1 1 100%;
  min-width: 140px;
  color: var(--grey-500);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.72px;
  padding: 0px 16px;
  padding-bottom: 16px;
  border-bottom: 3px solid var(--grey-500);
  white-space: nowrap;
  cursor: pointer;
  margin-bottom: 24px;
}
main.article-regular .section-group .event-info .container .scroll-box .tab-box .tab.active {
  color: var(--grey-000);
  border-bottom: 3px solid #ff7165;
}
main.article-regular .section-group .event-info .container .scroll-box.at-start .btn.prev {
  opacity: 0;
}
main.article-regular .section-group .event-info .container .scroll-box.at-end .btn.next {
  opacity: 0;
}
main.article-regular .section-group .event-info .container .tab-content {
  --ranking-width: 38px;
  --profile-width: 36px;
  --info-padding: 12px;
  --number-width: 40px;
}
@media (min-width: 992px) {
  main.article-regular .section-group .event-info .container .tab-content {
    --ranking-width: 56px;
    --profile-width: 44px;
    --info-padding: 16px;
    --number-width: 50px;
  }
}
main.article-regular .section-group .event-info .container .tab-content .place {
  margin-bottom: 24px;
}
main.article-regular .section-group .event-info .container .tab-content .place .icon-box {
  margin-right: 8px;
}
main.article-regular .section-group .event-info .container .tab-content .place p {
  color: var(--grey-000);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
main.article-regular .section-group .event-info .container .tab-content .ranking-title {
  color: var(--grey-000);
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  main.article-regular .section-group .event-info .container .tab-content .ranking-title {
    font-size: 16px;
    gap: 16px;
  }
}
main.article-regular .section-group .event-info .container .tab-content .ranking-title .box {
  width: 100%;
}
main.article-regular .section-group .event-info .container .tab-content .ranking-title .box:nth-of-type(2) {
  display: none !important;
}
@media (min-width: 992px) {
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box:nth-of-type(2) {
    display: flex !important;
  }
}
main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-num,
main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-no,
main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-number,
main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-driver,
main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-integral,
main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-time {
  font-size: 12px;
}
@media (min-width: 1200px) {
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-num,
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-no,
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-number,
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-driver,
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-integral,
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-time {
    font-size: 14px;
  }
}
@media (min-width: 1400px) {
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-num,
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-no,
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-number,
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-driver,
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-integral,
  main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-time {
    font-size: 16px;
  }
}
main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-num {
  flex: 0 0 var(--ranking-width);
  display: flex;
  justify-content: center;
}
main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-no {
  flex: 0 0 var(--profile-width);
}
main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-info {
  flex: 1;
  padding: 0px var(--info-padding);
  padding-left: 10%;
}
main.article-regular .section-group .event-info .container .tab-content .ranking-title .box .ranking-info > * {
  flex: 1;
}
main.article-regular .section-group .event-info .container .tab-content ol {
  gap: 16px;
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten {
  gap: 16px;
}
@media (min-width: 992px) {
  main.article-regular .section-group .event-info .container .tab-content ol .top-five,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten {
    flex: 1 1 100%;
  }
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li {
  background: rgba(0, 0, 0, 0.4);
}
@media (min-width: 992px) {
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li {
    height: 44px;
  }
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li .ranking,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .ranking {
  flex: 0 0 var(--ranking-width);
  background: var(--red-003);
  color: var(--grey-000);
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.72px;
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li .ranking img,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .ranking img {
  width: 24px;
  height: auto;
  transform: translateY(1px);
}
@media (min-width: 992px) {
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li .ranking img,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .ranking img {
    width: 32px;
  }
}
@media (min-width: 992px) {
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li .ranking,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .ranking {
    flex: 0 0 56px;
    font-size: 18px;
  }
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li .profile,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .profile {
  flex: 0 0 var(--profile-width);
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info {
  flex: 1 1 100%;
  border-right: 2px solid transparent;
  border-bottom: 2px solid var(--red-003);
  padding: 0px var(--info-padding);
  padding-left: 10%;
}
@media (min-width: 992px) {
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info {
    border-right: 3px solid transparent;
    border-bottom: 3px solid var(--red-003);
  }
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info > *,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info > * {
  flex: 1;
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info h3,
main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info h4,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info h3,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info h4 {
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.52px;
  color: var(--grey-000);
}
@media (min-width: 576px) {
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info h3,
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info h4,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info h3,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info h4 {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info h3,
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info h4,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info h3,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info h4 {
    font-size: 14px;
    letter-spacing: 0.96px;
    line-height: 180%;
  }
}
@media (min-width: 1400px) {
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info h3,
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info h4,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info h3,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info h4 {
    font-size: 16px;
  }
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info h4 span,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info h4 span {
  margin-left: 8px;
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info h3,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info p,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info p {
  color: var(--grey-200);
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.52px;
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info p:nth-of-type(2),
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info p:nth-of-type(2) {
  margin-left: auto;
}
@media (min-width: 576px) {
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info p,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info p {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info p,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info p {
    font-size: 14px;
    letter-spacing: 0.96px;
    line-height: 180%;
  }
}
@media (min-width: 1400px) {
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li .info p,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .info p {
    font-size: 16px;
  }
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li .icon-box,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li .icon-box {
  top: -20px;
  left: -12px;
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li.top-three,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li.top-three {
  background: rgba(172, 0, 0, 0.3);
}
main.article-regular .section-group .event-info .container .tab-content ol .top-five li.top-three .info,
main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li.top-three .info {
  border-top: 2px solid var(--red-003);
  border-right: 2px solid var(--red-003);
}
@media (min-width: 992px) {
  main.article-regular .section-group .event-info .container .tab-content ol .top-five li.top-three .info,
  main.article-regular .section-group .event-info .container .tab-content ol .six-to-ten li.top-three .info {
    border-top: 3px solid var(--red-003);
    border-right: 3px solid var(--red-003);
  }
}
main.article-regular .section-group .event-info .container .tab-content .not-yet {
  min-height: 200px;
}
main.article-regular .section-group .event-info .container .tab-content .not-yet p {
  color: var(--grey-000);
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.8px;
  margin: 0px 10px;
}
main.article-regular .section-group .event-info .container .tab-content .not-yet .img-box {
  width: 66px;
  height: 25px;
}
main.article-regular .section-group .event-info .container .tab-content .not-yet .img-box:nth-of-type(1) {
  transform: scale(-1);
}
main.article-regular .section-group .event-info .container .sign-up {
  gap: 24px;
  margin-top: 60px;
}
@media (min-width: 992px) {
  main.article-regular .section-group .event-info .container .sign-up {
    margin-top: 32px;
  }
}
main.article-regular .section-group .event-info .container .sign-up a.button {
  background: transparent;
  border: 1px solid var(--grey-000);
}
main.article-regular .section-group .event-info .container .sign-up a.button:hover {
  transform: scale(0.98);
  color: var(--grey-700);
  background: var(--grey-000);
}
main.article-regular .highlights .container h2 {
  margin-bottom: 24px;
}
main.article-regular .highlights .container .highlight-img {
  width: calc(100% - 120px);
  max-width: 900px;
  aspect-ratio: 16/9;
  margin: 0 auto;
  margin-bottom: 16px;
  transition: 0.8s ease-out;
}
@media (min-width: 1200px) {
  main.article-regular .highlights .container .swiper-box {
    padding: 0 calc((100% - 900px) / 2);
  }
}
main.article-regular .highlights .container .swiper-box .swiper .swiper-wrapper .swiper-slide .img-box {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
@media (min-width: 992px) {
  main.article-regular .highlights .container .swiper-box .swiper .swiper-wrapper .swiper-slide .img-box {
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  main.article-regular .highlights .container .swiper-box .swiper-btn .next {
    margin-right: calc((100% - 900px) / 2 - 60px);
  }
}
@media (min-width: 1200px) {
  main.article-regular .highlights .container .swiper-box .swiper-btn .prev {
    margin-left: calc((100% - 900px) / 2 - 60px);
  }
}
main.article-regular .sponsor {
  padding-bottom: 150px;
}
main.article-regular .sponsor .container h2 {
  margin-bottom: 24px;
}
main.article-regular .sponsor .container .logo-box {
  width: 100%;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  main.article-regular .sponsor .container .logo-box {
    gap: 40px 0px;
  }
}
main.article-regular .sponsor .container .logo-box .logo {
  flex: 1 1 100%;
}
@media (min-width: 992px) {
  main.article-regular .sponsor .container .logo-box .logo {
    flex: 1 1 20%;
  }
  main.article-regular .sponsor .container .logo-box .logo:nth-of-type(1) {
    flex: 1 1 100%;
  }
}
main.article-regular .sponsor .container .logo-box .logo img {
  height: auto;
}
main.article-regular .sponsor .container .logo-box .logo:nth-of-type(1) img {
  width: 240px;
}
main.article-regular .sponsor .container .logo-box .logo:nth-of-type(2) img {
  width: 180px;
}
@media (min-width: 992px) {
  main.article-regular .sponsor .container .logo-box .logo:nth-of-type(2) img {
    width: 170px;
  }
}
main.article-regular .sponsor .container .logo-box .logo:nth-of-type(3) img {
  width: 180px;
}
@media (min-width: 992px) {
  main.article-regular .sponsor .container .logo-box .logo:nth-of-type(3) img {
    width: 160px;
  }
}
main.article-regular .sponsor .container .logo-box .logo:nth-of-type(4) img {
  width: 150px;
}
@media (min-width: 992px) {
  main.article-regular .sponsor .container .logo-box .logo:nth-of-type(4) img {
    width: 130px;
  }
}
main.article-regular .sponsor .container .logo-box .logo:nth-of-type(5) img {
  width: 170px;
}
@media (min-width: 992px) {
  main.article-regular .sponsor .container .logo-box .logo:nth-of-type(5) img {
    width: 160px;
  }
}
main.article-regular .sponsor .container .logo-box .logo:nth-of-type(6) img {
  width: 200px;
}
@media (min-width: 992px) {
  main.article-regular .sponsor .container .logo-box .logo:nth-of-type(6) img {
    width: 180px;
  }
}
main.article-regular .sponsor .container p {
  color: var(--grey-500);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.56px;
}
main.article-regular .sponsor-bounce {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 200;
  background: rgba(40, 40, 40, 0.6);
  backdrop-filter: blur(6px);
  padding: 24px;
  overflow-y: auto;
}
main.article-regular .sponsor-bounce .bounce-block {
  width: 100%;
  padding: 40px;
  background: var(--grey-000);
  padding-top: 60px;
}
@media (min-width: 768px) {
  main.article-regular .sponsor-bounce .bounce-block {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  main.article-regular .sponsor-bounce .bounce-block {
    max-width: 960px;
  }
}
main.article-regular .sponsor-bounce .bounce-block .close {
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.3);
  top: 16px;
  right: 14px;
  border-radius: 50%;
}
@media (min-width: 768px) {
  main.article-regular .sponsor-bounce .bounce-block .close {
    width: 40px;
    height: 40px;
  }
}
main.article-regular .sponsor-bounce .bounce-block .close .icon-box {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
main.article-regular .sponsor-bounce .bounce-block .content {
  gap: 40px;
}
@media (min-width: 992px) {
  main.article-regular .sponsor-bounce .bounce-block .content {
    margin-bottom: 56px;
  }
}
main.article-regular .sponsor-bounce .bounce-block .content .product {
  width: 100%;
}
main.article-regular .sponsor-bounce .bounce-block .content .text {
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  main.article-regular .sponsor-bounce .bounce-block .content .text {
    margin-bottom: 0px;
  }
}
main.article-regular .sponsor-bounce .bounce-block .content .text h3 {
  color: var(--grey-600);
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.6px;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
main.article-regular .sponsor-bounce .bounce-block .content .text h3::before {
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 1px;
  background: var(--grey-600);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 992px) {
  main.article-regular .sponsor-bounce .bounce-block .content .text h3::before {
    left: 0;
    transform: translateX(0%);
  }
}
main.article-regular .sponsor-bounce .bounce-block .content .text p {
  color: var(--grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  text-align: justify;
  margin-bottom: 12px;
  max-height: 173px;
  overflow-y: auto;
}
main.article-regular .sponsor-bounce .bounce-block .content .text .logo {
  width: 200px;
}
main.article-regular section.event-content {
  width: 100%;
  background: var(--grey-200);
}
@media (min-width: 992px) {
  main.article-regular section.event-content h2 {
    margin-bottom: 24px;
  }
}
main.article-regular section.event-content .event-content-swiper {
  width: 100%;
  padding-bottom: 24px;
}
main.article-regular section.event-content .event-content-swiper .swiper-slide {
  height: auto;
}
main.article-regular section.event-content .event-content-swiper .swiper-button {
  display: none !important;
}
main.article-regular section.event-content .event-content-card {
  gap: 32px;
  background: #fff;
  padding: 24px;
  height: 100%;
}
main.article-regular section.event-content .event-content-card .icon-box {
  width: 40px;
  height: 40px;
}
main.article-regular section.event-content .event-content-card .info-block {
  height: 100%;
}
main.article-regular section.event-content .event-content-card .info-block h3 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}
main.article-regular section.event-content .event-content-card .info-block p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  margin-bottom: 8px;
}
main.article-regular section.event-content .event-content-card .to-register {
  color: var(--grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  gap: 8px;
  align-self: flex-end;
  margin-top: auto;
}
main.article-regular section.event-content .event-content-card .to-register img {
  width: 24px;
  height: 24px;
}
main.article-regular section.event-content .grid-box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
@media (min-width: 1200px) {
  main.article-regular section.event-content .grid-box {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
main.article-regular section.event-schedule {
  background: var(--grey-700);
}
main.article-regular section.event-schedule h2 {
  margin-bottom: 24px;
}
main.article-regular section.event-schedule .schedule-box {
  width: max-content;
  gap: 24px;
  margin-top: 12px;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  main.article-regular section.event-schedule .schedule-box {
    width: 100%;
  }
}
main.article-regular section.event-schedule .schedule-box .am-pm {
  flex: 0 0 auto;
  padding-top: 27%;
}
@media (min-width: 768px) {
  main.article-regular section.event-schedule .schedule-box .am-pm {
    padding-top: 15%;
  }
}
@media (min-width: 992px) {
  main.article-regular section.event-schedule .schedule-box .am-pm {
    padding-top: 10%;
  }
}
main.article-regular section.event-schedule .schedule-box .am-pm h6 {
  color: var(--grey-200);
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.72px;
  padding: 12px;
  background: rgba(54, 54, 54, 0.85);
}
main.article-regular section.event-schedule .schedule-box .am-pm h6:first-child {
  height: 35%;
  margin-bottom: 84%;
}
@media (min-width: 768px) {
  main.article-regular section.event-schedule .schedule-box .am-pm h6:first-child {
    height: 36%;
  }
}
main.article-regular section.event-schedule .schedule-box .am-pm h6:last-child {
  height: 45%;
}
@media (min-width: 768px) {
  main.article-regular section.event-schedule .schedule-box .am-pm h6:last-child {
    height: 46%;
  }
}
main.article-regular section.event-schedule .schedule-box .event-schedule-swiper {
  flex: 0 0 auto;
  flex: 1 0 0%;
  width: 268px;
  padding-bottom: 32px;
  margin-left: 0;
}
@media (min-width: 768px) {
  main.article-regular section.event-schedule .schedule-box .event-schedule-swiper {
    width: 653px;
  }
}
@media (min-width: 992px) {
  main.article-regular section.event-schedule .schedule-box .event-schedule-swiper {
    width: 100%;
    flex: 1 0 0%;
  }
}
main.article-regular section.event-schedule small {
  color: var(--grey-000);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
main.article-regular section.better {
  padding: 50px 0px;
  background: #030101;
}
@media (min-width: 992px) {
  main.article-regular section.better {
    padding: 120px 0px 80px 0px;
  }
}
@media (min-width: 1400px) {
  main.article-regular section.better {
    padding: 160px 0px 80px 0px;
  }
}
main.article-regular section.better .bg {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 300% auto;
  background-position: 40% 20%;
  background-color: rgba(3, 1, 1, 0.3764705882);
  background-blend-mode: multiply;
}
@media (min-width: 576px) {
  main.article-regular section.better .bg {
    background-size: 200% auto;
  }
}
@media (min-width: 768px) {
  main.article-regular section.better .bg {
    background-size: 140% auto;
  }
}
@media (min-width: 992px) {
  main.article-regular section.better .bg {
    background-size: 100% auto;
  }
}
@media (min-width: 1200px) {
  main.article-regular section.better .bg {
    background-position: 0% 40%;
  }
}
main.article-regular section.better .bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--red-003);
  mix-blend-mode: multiply;
  opacity: 0.3;
}
main.article-regular section.better p {
  color: var(--grey-000);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
main.article-regular section.better .traffic-information-swiper {
  width: 100%;
  margin-top: 24px;
  padding-bottom: 24px;
}
main.article-regular section.better .traffic-information-swiper .swiper-slide {
  height: auto;
}
main.article-regular section.better .traffic-card {
  padding: 24px;
  background: rgba(10, 10, 10, 0.8);
  height: 100%;
  border: 1px solid transparent;
  border-image: linear-gradient(180deg, rgba(144, 144, 144, 0.5019607843), rgba(10, 10, 10, 0.8), rgba(144, 144, 144, 0.5019607843)) 1;
}
main.article-regular section.better .traffic-card .title {
  gap: 16px;
  margin-bottom: 12px;
}
main.article-regular section.better .traffic-card .title img {
  width: 40px;
  height: 40px;
}
main.article-regular section.better .traffic-card .title h4 {
  color: var(--grey-000);
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.8px;
}
main.article-regular section.better .traffic-card p {
  color: var(--grey-000);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  text-align: left;
}

main.brand section:not(.banner) {
  padding-top: 50px;
}
@media (min-width: 992px) {
  main.brand section:not(.banner) {
    padding: 80px 0px;
  }
}
@media (min-width: 1400px) {
  main.brand section:not(.banner) {
    padding: 120px 0px;
  }
}
main.brand section:not(.banner) .container .text h2 {
  color: var(--grey-600);
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.6px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  main.brand section:not(.banner) .container .text h2 {
    text-align: left;
  }
}
main.brand section:not(.banner) .container .text h2 span {
  color: var(--grey-600);
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: 0.8px;
}
main.brand section:not(.banner) .container .text p {
  color: var(--grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  text-align: justify;
}
main.brand section:not(.banner) .container .text.white h2 {
  color: var(--grey-000);
}
main.brand section:not(.banner) .container .text.white h2::before {
  background: var(--grey-000);
}
main.brand section:not(.banner) .container .text.white h2 span {
  color: var(--grey-000);
}
main.brand section:not(.banner) .container .text.white p {
  color: var(--grey-000);
}
main.brand .brand-banner {
  width: 100%;
  padding-top: 54px;
  padding-bottom: 0;
  height: 354px;
}
@media (min-width: 992px) {
  main.brand .brand-banner {
    padding-top: 76px;
    height: 594px;
  }
}
main.brand .brand-banner .img-box {
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}
main.brand .story {
  padding-bottom: 50px;
}
main.brand .story .bg {
  width: 80%;
  height: 50px;
  right: 0;
  bottom: -20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0.6;
}
@media (min-width: 992px) {
  main.brand .story .bg {
    width: 46%;
    left: calc((100vw - 960px) / 2);
  }
}
main.brand .story .container .title {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  main.brand .story .container .title {
    margin-right: auto;
  }
}
main.brand .story .container .title h3 {
  color: var(--grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
main.brand .story .container .title h2 {
  color: var(--grey-600);
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.6px;
}
@media (min-width: 992px) {
  main.brand .story .container .title h2 {
    color: var(--grey-700);
    font-size: 38px;
    letter-spacing: 0.76px;
  }
}
main.brand .story .container .title h2::before {
  display: none;
}
main.brand .story .container p {
  color: var(--grey-500);
  text-align: justify;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
@media (min-width: 992px) {
  main.brand .story .container p {
    flex: 0 0 60%;
  }
}
main.brand .competition {
  padding-bottom: 50px;
}
main.brand .competition .container {
  gap: 24px;
}
@media (min-width: 992px) {
  main.brand .competition .container {
    padding-bottom: 300px;
  }
}
@media (min-width: 1200px) {
  main.brand .competition .container {
    padding-bottom: 420px;
  }
}
@media (min-width: 1400px) {
  main.brand .competition .container {
    padding-bottom: 520px;
  }
}
@media (min-width: 992px) {
  main.brand .competition .container .text {
    flex: 0 0 44%;
  }
}
main.brand .competition .container .competition-img {
  --mask-width: 220px;
  --mask-height: 178px;
  gap: 10px;
}
@media (min-width: 576px) {
  main.brand .competition .container .competition-img {
    --mask-width: 280px;
    --mask-height: 198px;
  }
}
@media (min-width: 768px) {
  main.brand .competition .container .competition-img {
    --mask-width: 340px;
    --mask-height: 228px;
  }
}
@media (min-width: 992px) {
  main.brand .competition .container .competition-img {
    --mask-width: 390px;
    --mask-height: 280px;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1200px) {
  main.brand .competition .container .competition-img {
    --mask-width: 450px;
    --mask-height: 380px;
  }
}
@media (min-width: 1400px) {
  main.brand .competition .container .competition-img {
    --mask-width: 540px;
    --mask-height: 480px;
  }
}
main.brand .competition .container .competition-img .mask-group {
  width: var(--mask-width);
  height: var(--mask-height);
}
main.brand .competition .container .competition-img .mask-group .mask-box {
  width: var(--mask-width);
  height: var(--mask-height);
  transform: skewX(-17.5deg);
  overflow: hidden;
}
main.brand .competition .container .competition-img .mask-group .mask-box .img-box {
  width: 140%;
  height: 100%;
  transform: skewX(17.5deg);
}
main.brand .competition .container .competition-img .mask-group .mask-box.car {
  overflow: visible;
}
main.brand .competition .container .competition-img .mask-group .mask-box.car .img-box {
  right: 0;
}
main.brand .competition .container .competition-img .mask-group .mask-box.car .img-box::after {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  height: 100%;
  background: var(--grey-000);
  top: 0;
  right: -100px;
  transform: skewX(-17.5deg);
}
main.brand .competition .container .competition-img .mask-group .mask-box.car .img-box img {
  transform-origin: right center;
  transform: scale(0.9);
  mask: linear-gradient(90deg, black 70%, transparent 100%);
}
main.brand .competition .container .competition-img .img-1 {
  transform: translateX(-12%);
}
@media (min-width: 576px) {
  main.brand .competition .container .competition-img .img-1 {
    transform: translateX(-24%);
  }
}
@media (min-width: 992px) {
  main.brand .competition .container .competition-img .img-1 {
    align-self: flex-end;
    transform: translateX(12%);
  }
}
main.brand .competition .container .competition-img .img-2 {
  transform: translateX(12%);
}
@media (min-width: 576px) {
  main.brand .competition .container .competition-img .img-2 {
    transform: translateX(24%);
  }
}
@media (min-width: 992px) {
  main.brand .competition .container .competition-img .img-2 {
    transform: translateX(-12%);
  }
}
main.brand .challenge {
  padding-bottom: 76%;
}
@media (min-width: 576px) {
  main.brand .challenge {
    padding-bottom: 72%;
  }
}
@media (min-width: 992px) {
  main.brand .challenge {
    padding: 50px 0px;
  }
}
@media (min-width: 1200px) {
  main.brand .challenge {
    padding: 80px 0px;
  }
}
main.brand .challenge::before, main.brand .challenge::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
}
main.brand .challenge::before {
  height: 100%;
  background: var(--grey-700);
  top: 0;
  z-index: -2;
}
@media (min-width: 992px) {
  main.brand .challenge::before {
    transform-origin: right top;
    transform: skewX(-17.5deg);
    left: -32%;
  }
}
main.brand .challenge::after {
  height: 30%;
  background: var(--red-003);
  bottom: 0;
  z-index: -1;
}
@media (min-width: 576px) {
  main.brand .challenge::after {
    height: 45%;
  }
}
@media (min-width: 992px) {
  main.brand .challenge::after {
    left: 48%;
    height: 65%;
    transform-origin: left bottom;
    transform: skewX(-17.5deg);
  }
}
@media (min-width: 992px) {
  main.brand .challenge .text {
    width: 46%;
  }
}
main.brand .challenge .img-box {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
}
@media (min-width: 992px) {
  main.brand .challenge .img-box {
    width: 52%;
    left: auto;
    right: 0%;
    transform: translateX(0%);
  }
}
@media (min-width: 1200px) {
  main.brand .challenge .img-box {
    width: 44%;
  }
}
@media (min-width: 1400px) {
  main.brand .challenge .img-box {
    width: 40%;
    max-width: 600px;
    right: 5%;
  }
}
main.brand .limits {
  padding-bottom: 70%;
  --bg-black-height: 80%;
  --bg-red-height: calc(100% - var(--bg-black-height));
  --bg-gap: 0px;
}
@media (min-width: 576px) {
  main.brand .limits {
    --bg-black-height: 70%;
    padding-bottom: 50%;
  }
}
@media (min-width: 992px) {
  main.brand .limits {
    padding: 120px 0px !important;
  }
}
@media (min-width: 1920px) {
  main.brand .limits {
    padding: 160px 0px !important;
  }
}
main.brand .limits .bg {
  width: 100%;
  left: 0;
  background-size: cover;
  background-position: center;
}
main.brand .limits .bg::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
main.brand .limits .bg.black {
  height: calc(var(--bg-black-height) - var(--bg-gap));
  top: 0;
}
main.brand .limits .bg.black::after {
  mix-blend-mode: multiply;
  background: var(--grey-700);
  opacity: 0.8;
}
main.brand .limits .bg.red {
  height: var(--bg-red-height);
  top: var(--bg-black-height);
}
@media (min-width: 992px) {
  main.brand .limits .bg.red {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
main.brand .limits .bg.red::after {
  background: var(--red-003);
  opacity: 0.5;
}
main.brand .limits .bg.red::before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--grey-700);
  z-index: 1;
  transform-origin: top left;
  transform: skewX(-17.5deg);
  left: 48%;
  mix-blend-mode: multiply;
  opacity: 0.8;
}
@media (min-width: 992px) {
  main.brand .limits .bg.red::before {
    display: block;
  }
}
main.brand .limits .car {
  width: 88%;
  left: 50%;
  bottom: 12%;
  transform: translateX(-50%);
}
@media (min-width: 576px) {
  main.brand .limits .car {
    width: 78%;
  }
}
@media (min-width: 992px) {
  main.brand .limits .car {
    width: 56%;
    bottom: auto;
    top: 50%;
    left: -10%;
    transform: translateY(-50%);
    z-index: 2;
  }
}
@media (min-width: 992px) {
  main.brand .limits .text {
    flex: 0 0 50%;
    z-index: 2;
  }
}
main.brand .team {
  padding-bottom: 68%;
}
@media (min-width: 576px) {
  main.brand .team {
    padding-bottom: 62%;
  }
}
@media (min-width: 992px) {
  main.brand .team {
    padding: 80px 0px;
  }
}
@media (min-width: 1200px) {
  main.brand .team {
    padding: 100px 0px;
  }
}
main.brand .team .bg {
  width: 100%;
  aspect-ratio: 16/9;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  main.brand .team .bg {
    width: 46%;
    height: 100%;
  }
  main.brand .team .bg::before {
    content: "";
    display: block;
    position: absolute;
    width: 200px;
    height: 100%;
    background: var(--grey-000);
    top: 0;
    right: -200px;
    transform-origin: top left;
    transform: skewX(-17.5deg);
  }
}
main.brand .team .bg .img-box {
  width: 100%;
  height: 100%;
}
main.brand .team .bg .img-box img {
  width: 150%;
  height: auto;
}
@media (min-width: 992px) {
  main.brand .team .bg .img-box img {
    width: 300%;
    transform: translateX(-10%);
  }
}
@media (min-width: 992px) {
  main.brand .team .container .text {
    flex: 0 0 50%;
  }
}
main.brand .team .container .text h2 {
  padding-bottom: 0px;
  margin-bottom: 16px;
}
main.brand .team .container .text h2::before {
  display: none;
}
main.brand .championship {
  background: var(--red-003);
  padding-bottom: 68%;
}
@media (min-width: 576px) {
  main.brand .championship {
    padding-bottom: 62%;
  }
}
@media (min-width: 992px) {
  main.brand .championship {
    padding: 120px 0px;
  }
}
main.brand .championship .bg {
  width: 100%;
  aspect-ratio: 16/9;
  bottom: 0;
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  main.brand .championship .bg {
    width: 50%;
    height: 100%;
    right: 0;
  }
  main.brand .championship .bg::before {
    content: "";
    display: block;
    position: absolute;
    width: 200px;
    height: 100%;
    left: -200px;
    background: var(--red-003);
    transform-origin: right bottom;
    transform: skewX(-17.4deg);
  }
}
@media (min-width: 992px) {
  main.brand .championship .container .text {
    width: 50%;
  }
}
main.brand .championship .container .text h2 {
  padding-bottom: 0px;
  margin-bottom: 16px;
}
main.brand .championship .container .text h2::before {
  display: none;
}
main.brand .series {
  background-size: cover;
  background-position: center;
  padding-bottom: 100px;
}
main.brand .series .container .text {
  margin-bottom: 32px;
}
main.brand .series .container .text h2 {
  padding-bottom: 0px;
  margin-bottom: 16px;
}
main.brand .series .container .text h2::before {
  display: none;
}
main.brand .series .container .series-info .swiper {
  padding-bottom: 56px;
}
@media (min-width: 992px) {
  main.brand .series .container .series-info .swiper {
    flex: 1 1 60%;
  }
}
main.brand .series .container .series-info .swiper .swiper-wrapper .swiper-slide .series-card .info {
  padding-left: 16px;
  border-left: 1px solid #F54D4D;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  main.brand .series .container .series-info .swiper .swiper-wrapper .swiper-slide .series-card .info {
    margin-bottom: 48px;
  }
}
main.brand .series .container .series-info .swiper .swiper-wrapper .swiper-slide .series-card .info h3 {
  color: var(--grey-000);
  font-size: 26px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.04px;
}
main.brand .series .container .series-info .swiper .swiper-wrapper .swiper-slide .series-card .info p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  margin-bottom: 12px;
}
main.brand .series .container .series-info .swiper .swiper-wrapper .swiper-slide .series-card .info a {
  color: var(--grey-000);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
}
main.brand .series .container .series-info .swiper .swiper-wrapper .swiper-slide .series-card .info a .icon-box {
  margin-left: 8px;
}
main.brand .series .container .series-info .swiper .swiper-wrapper .swiper-slide .series-card .img-box {
  align-self: center;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
main.brand .series .container .series-info .swiper .swiper-wrapper .swiper-slide .series-card .img-box img {
  width: auto;
  height: 76%;
}
main.brand .series .container .series-info .swiper .swiper-button {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(15px);
  border-radius: 50%;
  top: auto;
  bottom: 0;
}
main.brand .series .container .series-info .swiper .swiper-button::after {
  content: "";
}
main.brand .series .container .series-info .swiper .swiper-button.swiper-button-next {
  right: calc(50% - 16px - 16px);
  transform: scaleX(-1) translateX(-50%);
}
main.brand .series .container .series-info .swiper .swiper-button.swiper-button-prev {
  left: calc(50% - 16px - 16px);
  transform: translateX(-50%);
}
main.brand .series .container .series-info .swiper .swiper-button .arrow-icon {
  width: 9px;
  height: 9px;
}
main.brand .series .container .series-info .swiper .swiper-button .arrow-icon .icon-line {
  background: var(--grey-000);
}
main.brand .series .container .series-info .info-block {
  flex: 1 1 40%;
  gap: 10px;
}
main.brand .series .container .series-info .info-block .info-box {
  padding: 16px;
  background: rgba(0, 0, 0, 0.66);
  backdrop-filter: blur(12px);
  cursor: pointer;
  overflow-x: hidden;
}
main.brand .series .container .series-info .info-block .info-box h4 {
  color: var(--grey-000);
  font-size: 20px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: 0.8px;
}
main.brand .series .container .series-info .info-block .info-box p {
  color: var(--white-80);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  padding-right: 100px;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
main.brand .series .container .series-info .info-block .info-box .car {
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
  transform: translateX(-50%);
  transition: 0.3s ease-out;
}
main.brand .series .container .series-info .info-block .info-box.active {
  border: 1px solid var(--red-002);
  box-shadow: 0px 0px 0px 3px rgba(255, 125, 125, 0.25);
}
main.brand .series .container .series-info .info-block .info-box.active .car {
  transform: translateX(-54%);
}

main.rookie-racing section:not(.banner) {
  padding: 35px 0px;
}
@media (min-width: 992px) {
  main.rookie-racing section:not(.banner) {
    padding: 50px 0px;
  }
}
main.rookie-racing section:not(.banner) h2 {
  color: var(--grey-700);
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.6px;
  margin-bottom: 20px;
}
@media (min-width: 1400px) {
  main.rookie-racing section:not(.banner) h2 {
    font-size: 38px;
    letter-spacing: 0.76px;
    margin-bottom: 32px;
  }
}
main.rookie-racing section:not(.banner) h2.white {
  color: var(--grey-000);
}
main.rookie-racing section:not(.banner) p {
  color: var(--grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.96px;
  text-align: justify;
}
main.rookie-racing section:not(.banner) p.white {
  color: var(--grey-000);
}
main.rookie-racing section:not(.banner) .swiper {
  width: 100%;
}
main.rookie-racing section:not(.banner) .img-card {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
main.rookie-racing section:not(.banner) .img-card .img-box {
  width: 100%;
  height: 100%;
}
main.rookie-racing section:not(.banner) .img-card p {
  color: var(--grey-000);
  text-align: center;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.72px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;
  width: 100%;
}
main.rookie-racing .banner p {
  color: var(--grey-000);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.72px;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1;
}
/* 廩tab */
main.rookie-racing .tabs {
  border-bottom: 1px solid var(--grey-400);
}
main.rookie-racing .tabs .container {
  padding: 0;
  overflow: auto;
}
@media (min-width: 992px) {
  main.rookie-racing .tabs .container {
    gap: 12px;
  }
}
main.rookie-racing .tabs .container a {
  display: flex;
  padding: 24px 18px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: var(--grey-000);
  color: var(--grey-900);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.56px;
  white-space: nowrap;
}
@media (min-width: 992px) {
  main.rookie-racing .tabs .container a {
    font-size: 20px;
  }
}
main.rookie-racing .tabs .container a.active {
  color: var(--grey-000);
  background: var(--red-003);
  border-bottom: 1px solid var(--red-003);
}
main.rookie-racing .tab-content {
  width: 100%;
}
main.rookie-racing .tab-content .content {
  width: 100%;
  display: none;
}
main.rookie-racing .tab-content .content.active {
  display: block;
}
/* ¥H¤Wª©tab */
main.rookie-racing section.morizo-origin {
  padding-top: 70px;
}
main.rookie-racing section.morizo-origin .text {
  gap: 24px;
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  main.rookie-racing section.morizo-origin .text {
    margin-bottom: 40px;
  }
}
main.rookie-racing section.morizo-origin .text a {
  color: var(--red-003);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.96px;
  margin-left: auto;
}
main.rookie-racing section.morizo-origin #origin-swiper {
  overflow: visible;
  width: calc(100% - 40px);
}
@media (min-width: 576px) {
  main.rookie-racing section.morizo-origin #origin-swiper {
    max-width: 686px;
  }
  main.rookie-racing section.morizo-origin #origin-swiper .swiper-slide {
    transform: scale(0.7);
    transition: 1200ms ease-in-out;
  }
  main.rookie-racing section.morizo-origin #origin-swiper .swiper-slide-active {
    transform: scale(1);
  }
  main.rookie-racing section.morizo-origin #origin-swiper .img-card p {
    bottom: 24px;
  }
}
main.rookie-racing section.about-racing {
  padding-bottom: 0px;
}
@media (min-width: 1200px) {
  main.rookie-racing section.about-racing {
    padding-top: 0px;
  }
}
main.rookie-racing section.about-racing .text {
  padding: 0 20px 35px 20px;
}
@media (min-width: 1200px) {
  main.rookie-racing section.about-racing .text {
    width: 45%;
    padding: 50px calc((100vw - 1140px) / 2) 50px 20px;
  }
}
@media (min-width: 1400px) {
  main.rookie-racing section.about-racing .text {
    padding: 50px calc((100vw - 1320px) / 2) 50px 20px;
  }
}
main.rookie-racing section.about-racing .text::before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% + 35px);
  background-color: var(--red-003);
  z-index: -1;
  bottom: 0;
  left: 0;
}
@media (min-width: 1200px) {
  main.rookie-racing section.about-racing .text::before {
    width: 300%;
    height: calc(100% + 0px);
    transform-origin: top left;
    transform: skewX(-17deg);
  }
}
main.rookie-racing section.about-racing .text h2 {
  gap: 12px;
}
main.rookie-racing section.about-racing .text h2 .img-box {
  width: 183px;
  margin-top: 6px;
}
@media (min-width: 1200px) {
  main.rookie-racing section.about-racing #about-swiper {
    width: 55%;
    z-index: -1;
  }
}
main.rookie-racing section.about-racing #about-swiper .img-card p {
  bottom: 28px;
}
@media (min-width: 1200px) {
  main.rookie-racing section.about-racing #about-swiper .img-card p {
    transform: translateX(-64%);
    bottom: 48px;
  }
}
main.rookie-racing section.about-racing #about-swiper .swiper-pagination {
  bottom: 16px !important;
}
@media (min-width: 1200px) {
  main.rookie-racing section.about-racing #about-swiper .swiper-pagination {
    left: 50%;
    transform: translateX(-64%);
    bottom: 24px !important;
  }
}
main.rookie-racing section.opening-event .bg {
  width: 100%;
  height: 80%;
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  z-index: -1;
}
main.rookie-racing section.opening-event .bg::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(100, 3, 3, 0.6);
}
main.rookie-racing section.opening-event .info {
  padding: 0 20px;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  main.rookie-racing section.opening-event .info {
    padding: 0 calc((100vw - 540px) / 2);
  }
}
@media (min-width: 768px) {
  main.rookie-racing section.opening-event .info {
    padding: 0 calc((100vw - 720px) / 2);
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  main.rookie-racing section.opening-event .info {
    padding: 0 calc((100vw - 960px) / 2);
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.opening-event .info {
    padding: 0 calc((100vw - 1140px) / 2);
  }
}
@media (min-width: 1400px) {
  main.rookie-racing section.opening-event .info {
    padding: 0 calc((100vw - 1320px) / 2);
  }
}
main.rookie-racing section.opening-event #opening-swiper {
  overflow: visible;
  max-width: 327px;
}
@media (min-width: 768px) {
  main.rookie-racing section.opening-event #opening-swiper {
    max-width: 500px;
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.opening-event #opening-swiper {
    max-width: 712px;
  }
}
main.rookie-racing section.opening-event #opening-swiper .img-card p {
  bottom: 24px;
  margin-bottom: 0px;
}
main.rookie-racing section.introduce-car {
  background-size: cover;
  background-position: center;
}
main.rookie-racing section.introduce-car h2 {
  gap: 12px;
}
main.rookie-racing section.introduce-car h2 img {
  width: 182px;
}
main.rookie-racing section.introduce-car #car-swiper-2,
main.rookie-racing section.introduce-car #car-swiper {
  --card-width: 335px;
  --card-height: 265px;
  margin-bottom: 35px;
}
@media (min-width: 576px) {
  main.rookie-racing section.introduce-car #car-swiper-2,
  main.rookie-racing section.introduce-car #car-swiper {
    --card-width: 400px;
    --card-height: 310px;
  }
}
@media (min-width: 768px) {
  main.rookie-racing section.introduce-car #car-swiper-2,
  main.rookie-racing section.introduce-car #car-swiper {
    --card-width: 460px;
    --card-height: 370px;
  }
}
@media (min-width: 992px) {
  main.rookie-racing section.introduce-car #car-swiper-2,
  main.rookie-racing section.introduce-car #car-swiper {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.introduce-car #car-swiper-2,
  main.rookie-racing section.introduce-car #car-swiper {
    overflow: visible;
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .swiper-wrapper,
  main.rookie-racing section.introduce-car #car-swiper .swiper-wrapper {
    display: flex;
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .swiper-wrapper .swiper-slide,
  main.rookie-racing section.introduce-car #car-swiper .swiper-wrapper .swiper-slide {
    flex: 0 0 auto;
  }
}
main.rookie-racing section.introduce-car #car-swiper-2 .box,
main.rookie-racing section.introduce-car #car-swiper .box {
  width: var(--card-width);
}
main.rookie-racing section.introduce-car #car-swiper-2 .box .card,
main.rookie-racing section.introduce-car #car-swiper .box .card {
  width: 100%;
  height: var(--card-height);
}
main.rookie-racing section.introduce-car #car-swiper-2 .box .card .bg-box,
main.rookie-racing section.introduce-car #car-swiper .box .card .bg-box {
  width: 100%;
  height: 100%;
  background: var(--grey-700);
  z-index: 0;
  clip-path: polygon(25% 0%, 100% 0%, 78% 100%, 0% 100%);
  pointer-events: auto;
}
main.rookie-racing section.introduce-car #car-swiper-2 .box .card .bg-box::after, main.rookie-racing section.introduce-car #car-swiper-2 .box .card .bg-box::before,
main.rookie-racing section.introduce-car #car-swiper .box .card .bg-box::after,
main.rookie-racing section.introduce-car #car-swiper .box .card .bg-box::before {
  content: "";
  position: absolute;
  display: block;
  width: 520px;
  height: 520px;
  z-index: 1;
  transition: opacity 0.3s ease-in-out;
  animation: rotation 8s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (min-width: 768px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .box .card .bg-box::after, main.rookie-racing section.introduce-car #car-swiper-2 .box .card .bg-box::before,
  main.rookie-racing section.introduce-car #car-swiper .box .card .bg-box::after,
  main.rookie-racing section.introduce-car #car-swiper .box .card .bg-box::before {
    width: 840px;
    height: 840px;
  }
}
main.rookie-racing section.introduce-car #car-swiper-2 .box .card .bg-box::before,
main.rookie-racing section.introduce-car #car-swiper .box .card .bg-box::before {
  opacity: 0;
  background: linear-gradient(180deg, var(--red-003) 0%, rgba(255, 255, 255, 0) 50%, var(--red-003) 100%);
}
main.rookie-racing section.introduce-car #car-swiper-2 .box .card .bg-box::after,
main.rookie-racing section.introduce-car #car-swiper .box .card .bg-box::after {
  opacity: 1;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
}
main.rookie-racing section.introduce-car #car-swiper-2 .box .card .bg-box .bg,
main.rookie-racing section.introduce-car #car-swiper .box .card .bg-box .bg {
  width: calc(100% - 4px);
  height: calc(100% - 2px);
  background: var(--grey-700);
  z-index: 2;
  clip-path: polygon(25% 0%, 100% 0%, 78% 100%, 0% 100%);
}
main.rookie-racing section.introduce-car #car-swiper-2 .box .card .content .img-box,
main.rookie-racing section.introduce-car #car-swiper .box .card .content .img-box {
  width: 100%;
  height: 130px;
  padding: 20px 0px 20px 42px;
}
@media (min-width: 576px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .box .card .content .img-box,
  main.rookie-racing section.introduce-car #car-swiper .box .card .content .img-box {
    margin: 12px 0px 8px 0px;
    height: 140px;
  }
}
@media (min-width: 768px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .box .card .content .img-box,
  main.rookie-racing section.introduce-car #car-swiper .box .card .content .img-box {
    padding: 24px 0px 24px 52px;
    margin: 20px 0px 8px 0px;
    height: 160px;
  }
}
main.rookie-racing section.introduce-car #car-swiper-2 .box .card .content .text,
main.rookie-racing section.introduce-car #car-swiper .box .card .content .text {
  padding-left: 60px;
  padding-right: 78px;
}
@media (min-width: 576px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .box .card .content .text,
  main.rookie-racing section.introduce-car #car-swiper .box .card .content .text {
    padding-left: 80px;
    padding-right: 92px;
  }
}
@media (min-width: 768px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .box .card .content .text,
  main.rookie-racing section.introduce-car #car-swiper .box .card .content .text {
    padding-left: 88px;
    padding-right: 100px;
  }
}
main.rookie-racing section.introduce-car #car-swiper-2 .box .card .content .text h3,
main.rookie-racing section.introduce-car #car-swiper .box .card .content .text h3 {
  color: var(--grey-000);
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .box .card .content .text h3,
  main.rookie-racing section.introduce-car #car-swiper .box .card .content .text h3 {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
main.rookie-racing section.introduce-car #car-swiper-2 .box .card .content .text p,
main.rookie-racing section.introduce-car #car-swiper .box .card .content .text p {
  color: var(--grey-200);
  font-size: 12px;
  line-height: 180%;
  letter-spacing: 0.84px;
  text-align: left;
  transform: translateX(0px);
}
@media (min-width: 768px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .box .card .content .text p,
  main.rookie-racing section.introduce-car #car-swiper .box .card .content .text p {
    font-size: 14px;
  }
}
main.rookie-racing section.introduce-car #car-swiper-2 {
  --card-height: 325px;
}
@media (min-width: 768px) {
  main.rookie-racing section.introduce-car #car-swiper-2 {
    --card-height: 420px;
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .swiper-wrapper {
    flex-wrap: wrap;
    row-gap: 32px;
    justify-content: center;
  }
}
main.rookie-racing section.introduce-car #car-swiper-2 .swiper-wrapper .box .card .content .img-box {
  height: 100px;
}
@media (min-width: 576px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .swiper-wrapper .box .card .content .img-box {
    height: 120px;
  }
}
@media (min-width: 768px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .swiper-wrapper .box .card .content .img-box {
    height: 140px;
  }
}
main.rookie-racing section.introduce-car #car-swiper-2 .swiper-wrapper .box .card .content .img-box img.car-1 {
  padding-left: 60px;
  padding-right: 50px;
}
main.rookie-racing section.introduce-car #car-swiper-2 .swiper-wrapper .box .card .content .img-box img.car-2 {
  padding-left: 60px;
  padding-right: 50px;
}
main.rookie-racing section.introduce-car #car-swiper-2 .swiper-wrapper .box .card .content .img-box img.car-3 {
  padding-left: 60px;
  padding-right: 50px;
}
main.rookie-racing section.introduce-car #car-swiper-2 .swiper-wrapper .box .card .content .text {
  padding-left: 80px;
}
@media (min-width: 768px) {
  main.rookie-racing section.introduce-car #car-swiper-2 .swiper-wrapper .box .card .content .text {
    padding-left: 100px;
  }
}
main.rookie-racing section.introduce-car #car-swiper-2 .swiper-pagination {
  display: flex;
  justify-content: center;
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card {
  border: 1px solid var(--grey-500);
  background: rgba(10, 10, 10, 0.8);
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .img-box,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .img-box {
  width: 100%;
  height: 100%;
  aspect-ratio: 333/265;
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info {
  padding: 24px 16px;
  height: 150px;
}
@media (min-width: 1200px) {
  main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info,
  main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info {
    height: 178px;
  }
}
@media (min-width: 1400px) {
  main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info,
  main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info {
    height: 150px;
  }
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .hashtag,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info .hashtag {
  color: var(--grey-000);
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.56px;
  padding: 4px 8px;
  border-radius: 2px;
  width: max-content;
  background: #444;
  margin-bottom: 12px;
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info h4,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info h4 {
  color: var(--grey-000);
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}
@media (min-width: 1200px) {
  main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info h4,
  main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info h4 {
    height: 56px;
  }
}
@media (min-width: 1400px) {
  main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info h4,
  main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info h4 {
    height: auto;
  }
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .p-box,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info .p-box {
  margin-bottom: 16px;
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .p-box p,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info .p-box p {
  color: var(--grey-200);
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.84px;
  width: max-content;
  transform: translateX(0px);
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .p-box p:not(:last-child)::after,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info .p-box p:not(:last-child)::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: var(--red-004);
  margin: 0 8px;
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .link,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info .link {
  gap: 12px;
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .link .link-x,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info .link .link-x {
  padding: 3px;
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .link .link-global,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info .link .link-global {
  padding: 1px;
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .link .link-x:hover path,
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .link .link-fb:hover path,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info .link .link-x:hover path,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info .link .link-fb:hover path {
  fill: var(--red-004);
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .link a path,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info .link a path {
  stroke: var(--grey-000);
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .link a:hover path,
main.rookie-racing section.introduce-car #driver-swiper .box .driver-card .info .link a:hover path {
  stroke: var(--red-004);
}
main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info {
  height: 186px;
}
@media (min-width: 1200px) {
  main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info {
    height: 181px;
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .hashtag {
    font-size: 10px;
  }
}
@media (min-width: 1400px) {
  main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info .hashtag {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info h4 {
    height: 26px;
    font-size: 18px;
  }
  main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info h4.long {
    font-size: 14px;
  }
}
@media (min-width: 1400px) {
  main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info h4 {
    height: auto;
    font-size: 20px;
  }
  main.rookie-racing section.introduce-car #driver-swiper-2 .box .driver-card .info h4.long {
    font-size: 18px;
  }
}
main.rookie-racing section.introduce-car #driver-swiper-2 .swiper-pagination {
  display: flex;
  justify-content: center;
}
main.rookie-racing section.introduce-car #car-swiper,
main.rookie-racing section.introduce-car #driver-swiper {
  padding-bottom: 68px;
}
main.rookie-racing section.introduce-car #car-swiper .box p,
main.rookie-racing section.introduce-car #driver-swiper .box p {
  color: var(--grey-000);
  text-align: center;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.72px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;
  width: 100%;
  bottom: -68px;
}
main.rookie-racing section.introduce-car #car-swiper .swiper-pagination,
main.rookie-racing section.introduce-car #driver-swiper .swiper-pagination {
  bottom: 44px !important;
}
@media (min-width: 768px) {
  main.rookie-racing section.introduce-car #car-swiper .swiper-pagination,
  main.rookie-racing section.introduce-car #driver-swiper .swiper-pagination {
    bottom: 34px !important;
  }
}
main.rookie-racing section.introduce-car #car-swiper-2 {
  padding-bottom: 24px;
}
main.rookie-racing section.introduce-car #driver-swiper-2 {
  padding-bottom: 24px;
  margin-bottom: 60px;
}
main.rookie-racing section.video-highlight {
  background-color: var(--grey-100);
}
main.rookie-racing section.video-highlight .container {
  padding: 0px;
}
main.rookie-racing section.video-highlight .container iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
main.rookie-racing section.event-highlight {
  background: #030101;
}
main.rookie-racing section.event-highlight > * {
  z-index: 1;
}
main.rookie-racing section.event-highlight .bg {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 300% auto;
  background-position: 40% 20%;
  background-color: rgba(3, 1, 1, 0.3764705882);
  background-blend-mode: multiply;
  z-index: 0;
}
@media (min-width: 576px) {
  main.rookie-racing section.event-highlight .bg {
    background-size: 200% auto;
  }
}
@media (min-width: 768px) {
  main.rookie-racing section.event-highlight .bg {
    background-size: 140% auto;
  }
}
@media (min-width: 992px) {
  main.rookie-racing section.event-highlight .bg {
    background-size: 100% auto;
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.event-highlight .bg {
    background-position: 0% 40%;
  }
}
main.rookie-racing section.event-highlight .bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--red-003);
  mix-blend-mode: multiply;
  opacity: 0.1;
}
main.rookie-racing section.event-highlight .highlight-img {
  width: calc(100% - 120px);
  max-width: 900px;
  aspect-ratio: 16/9;
  margin: 0 auto;
  margin-bottom: 16px;
  transition: 0.8s ease-out;
}
@media (min-width: 1200px) {
  main.rookie-racing section.event-highlight .swiper-box {
    padding: 0 calc((100% - 900px) / 2);
  }
}
main.rookie-racing section.event-highlight .swiper-box .swiper .swiper-wrapper .swiper-slide .img-box {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
@media (min-width: 992px) {
  main.rookie-racing section.event-highlight .swiper-box .swiper .swiper-wrapper .swiper-slide .img-box {
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.event-highlight .swiper-box .swiper-btn .next {
    margin-right: calc((100% - 900px) / 2 - 60px);
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.event-highlight .swiper-box .swiper-btn .prev {
    margin-left: calc((100% - 900px) / 2 - 60px);
  }
}
main.rookie-racing section.related-report .box {
  gap: 8px;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  main.rookie-racing section.related-report .box {
    gap: 24px;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
main.rookie-racing section.related-report .box a {
  padding: 24px 16px;
  gap: 8px;
  background: rgba(0, 0, 0, 0.65);
}
main.rookie-racing section.related-report .box a p {
  color: var(--grey-000);
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.68px;
}
main.rookie-racing section.related-report .box a .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
main.rookie-racing section.related-report .box a .see-more {
  align-self: flex-end;
}
main.rookie-racing section.related-report .box a .see-more p {
  font-size: 16px;
}
main.rookie-racing section.related-report .more-btn {
  width: max-content;
  align-self: center;
}
main.rookie-racing section.related-report .more-btn p {
  color: var(--grey-000);
}
main.rookie-racing section.entering-num {
  background-size: cover;
  background-position: center;
  padding-bottom: 70px;
}
@media (min-width: 992px) {
  main.rookie-racing section.entering-num h2 {
    margin-bottom: 0;
  }
}
main.rookie-racing section.entering-num .num {
  color: var(--grey-000);
  text-align: center;
  font-size: 24px;
  letter-spacing: 0.96px;
  margin-left: 24px;
}
@media (min-width: 992px) {
  main.rookie-racing section.entering-num .num {
    margin-left: 120px;
  }
}
main.rookie-racing section.entering-num .num span {
  font-size: 50px;
  line-height: 120%;
  letter-spacing: 1px;
  margin-right: 20px;
}
main.rookie-racing section.vision {
  padding-bottom: 80px;
  background: var(--grey-200);
}
@media (min-width: 1400px) {
  main.rookie-racing section.vision {
    padding: 120px 0px;
  }
}
main.rookie-racing section.vision .container {
  gap: 24px;
  position: relative;
  --width: 330px;
  --height: 198px;
}
@media (min-width: 768px) {
  main.rookie-racing section.vision .container {
    --width: 390px;
    --height: 248px;
  }
}
@media (min-width: 992px) {
  main.rookie-racing section.vision .container {
    --width: 430px;
    --height: 298px;
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.vision .container {
    --width: 668px;
    --height: 438px;
    height: 700px;
    gap: 0px;
  }
}
main.rookie-racing section.vision .container .box p {
  text-align: center;
}
@media (min-width: 1200px) {
  main.rookie-racing section.vision .container .box {
    flex: 0 0 50%;
  }
  main.rookie-racing section.vision .container .box h2 {
    text-align: left;
  }
  main.rookie-racing section.vision .container .box p {
    text-align: left;
  }
  main.rookie-racing section.vision .container .box:first-of-type {
    padding-left: 100px;
  }
  main.rookie-racing section.vision .container .box:last-of-type {
    padding-right: 100px;
    padding-bottom: 40px;
  }
}
main.rookie-racing section.vision .container .card {
  gap: 12px;
}
@media (min-width: 992px) {
  main.rookie-racing section.vision .container .card {
    gap: 0px;
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.vision .container .card {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
main.rookie-racing section.vision .container .card .img-box {
  width: var(--width);
  height: var(--height);
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}
main.rookie-racing section.vision .container .card .img-box p {
  bottom: 6px;
  left: 36px;
  color: var(--grey-000);
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.84px;
}
@media (min-width: 992px) {
  main.rookie-racing section.vision .container .card .img-box p {
    bottom: 12px;
    left: 32px;
  }
}
@media (min-width: 1400px) {
  main.rookie-racing section.vision .container .card .img-box p {
    font-size: 14px;
    line-height: 180%;
  }
}
@media (min-width: 768px) {
  main.rookie-racing section.vision .container .card .img-box:nth-of-type(1) {
    transform: translateX(-20%);
  }
}
@media (min-width: 992px) {
  main.rookie-racing section.vision .container .card .img-box:nth-of-type(1) {
    transform: translateX(8%);
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.vision .container .card .img-box:nth-of-type(1) {
    transform: translateX(3%) translateY(20%);
  }
}
@media (min-width: 768px) {
  main.rookie-racing section.vision .container .card .img-box:nth-of-type(2) {
    transform: translateX(20%);
  }
}
@media (min-width: 992px) {
  main.rookie-racing section.vision .container .card .img-box:nth-of-type(2) {
    transform: translateX(-8%);
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.vision .container .card .img-box:nth-of-type(2) {
    transform: translateX(-3%) translateY(-20%);
  }
}
main.rookie-racing #origin-swiper,
main.rookie-racing #opening-swiper {
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  main.rookie-racing #origin-swiper,
  main.rookie-racing #opening-swiper {
    padding-bottom: 32px;
  }
}
main.rookie-racing .swiper-pagination {
  padding: 0 20px;
}
main.rookie-racing .swiper-pagination > * {
  flex: 1;
  max-width: 60px;
}
main.rookie-racing section.support-activity {
  background-color: rgb(10, 10, 10);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 1200px) {
  main.rookie-racing section.support-activity {
    padding: 100px 0px;
  }
}
main.rookie-racing section.support-activity::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, 0.6);
  top: 0;
  left: 0;
}
main.rookie-racing section.support-activity a {
  margin-top: 24px;
}
@media (min-width: 1200px) {
  main.rookie-racing section.support-activity a {
    margin-top: 40px;
  }
}
main.rookie-racing section.support-activity a p {
  color: var(--grey-000);
}
main.rookie-racing section.driver-introduce {
  background-size: cover;
  background-position: center;
}
@media (min-width: 1200px) {
  main.rookie-racing section.driver-introduce {
    padding: 100px 0px;
  }
}
main.rookie-racing section.driver-introduce .car-and-driver:not(:last-child) {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #a0a09f;
}
@media (min-width: 1200px) {
  main.rookie-racing section.driver-introduce .car-and-driver:not(:last-child) {
    padding-bottom: 56px;
    margin-bottom: 56px;
  }
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block {
  width: 100%;
}
@media (min-width: 1200px) {
  main.rookie-racing section.driver-introduce .car-and-driver .car-block {
    justify-content: space-between;
    gap: 32px;
  }
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .car-box {
  margin-bottom: 32px;
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .car-box .car-img {
  width: 100%;
  max-width: 370px;
  height: 232px;
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .car-box .car-img img {
  width: 100%;
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .car-box h6 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}
@media (min-width: 1200px) {
  main.rookie-racing section.driver-introduce .car-and-driver .car-block .car-box h6 {
    margin-bottom: 16px;
  }
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .car-box p {
  color: #eee;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.84px;
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-mb-box {
  width: 100%;
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block #car-and-driver-1,
main.rookie-racing section.driver-introduce .car-and-driver .car-block #car-and-driver-2 {
  width: 100%;
  padding-bottom: 24px;
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block #car-and-driver-1 .swiper-slide,
main.rookie-racing section.driver-introduce .car-and-driver .car-block #car-and-driver-2 .swiper-slide {
  display: flex;
  justify-content: center;
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card {
  gap: 16px;
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .img-box {
  flex: 0 0 auto;
  width: 148px;
}
@media (min-width: 768px) {
  main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .img-box {
    width: 160px;
  }
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .img-box img {
  width: 100%;
  height: auto;
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .text-box h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.8px;
}
@media (min-width: 992px) {
  main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .text-box h5 {
    font-size: 20px;
  }
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .text-box .info-box {
  margin-top: 8px;
  gap: 8px;
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .text-box .info-box .info {
  color: #eee;
  font-size: 10px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.84px;
  gap: 8px;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .text-box .info-box .info {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .text-box .info-box .info {
    font-size: 12px;
  }
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .text-box .info-box .info:not(:last-child)::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: var(--red-004);
  transform: translateY(-1px);
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .text-box .icons {
  margin-top: auto;
  gap: 12px;
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .text-box .icons .icon-box.link-x {
  padding: 2px;
}
main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-list-card .text-box .icons .icon-box.link-fb {
  padding: 1px;
}
@media (min-width: 992px) {
  main.rookie-racing section.driver-introduce .car-and-driver .car-block .driver-pc-box {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    row-gap: 40px;
  }
}
main.rookie-racing section.driver-introduce .car-and-driver .prompt-text {
  margin-top: 24px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.84px;
}
main.rookie-racing section.live-video {
  background: #232323;
}
@media (min-width: 1200px) {
  main.rookie-racing section.live-video {
    padding: 100px 0px;
  }
}
main.rookie-racing section.live-video iframe {
  width: 100%;
  max-width: 984px;
  aspect-ratio: 16/9;
}
main.rookie-racing section.activity-highlight {
  background: var(--grey-100);
}
@media (min-width: 1200px) {
  main.rookie-racing section.activity-highlight {
    padding: 100px 0px;
  }
}
main.rookie-racing section.activity-highlight #activity-highlight-swiper .swiper-pagination {
  display: none;
}
main.rookie-racing section.activity-highlight #activity-highlight-swiper .swiper-slide .img-box p {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.84px;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}
main.rookie-racing section.endurance-race {
  background: var(--grey-100);
  padding-bottom: 100px;
}
@media (min-width: 1200px) {
  main.rookie-racing section.endurance-race {
    padding: 100px 0px;
  }
}
main.rookie-racing section.endurance-race .swiper-box {
  width: 100%;
}
@media screen and (min-width: 960px) {
  main.rookie-racing section.endurance-race .swiper-box .swiper-btn,
  main.rookie-racing section.endurance-race .swiper-box #endurance-race-swiper .swiper-pagination {
    display: none !important;
  }
}
main.rookie-racing section.endurance-race .swiper-box #endurance-race-swiper {
  padding-bottom: 24px;
}
main.rookie-racing section.endurance-race .swiper-box #endurance-race-swiper .endurance-card {
  width: 100%;
}
main.rookie-racing section.endurance-race .swiper-box #endurance-race-swiper .endurance-card .iframe-box {
  width: 100%;
}
main.rookie-racing section.endurance-race .swiper-box #endurance-race-swiper .endurance-card .iframe-box iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
main.rookie-racing section.endurance-race .swiper-box #endurance-race-swiper .endurance-card h6 {
  overflow: hidden;
  color: var(--grey-007);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 400;
  line-height: 118.667%;
  letter-spacing: 2.4px;
  margin-top: 8px;
}
main.rookie-racing section.endurance-race .swiper-box #endurance-race-swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
main.rookie-racing section.endurance-race .swiper-box #endurance-race-swiper .coming-soon {
  height: 100%;
  color: var(--grey-400);
  text-align: center;
  font-size: 28px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.56px;
}

main.related-report section.report {
  background-color: var(--grey-200);
  min-height: 100vh;
  padding: 80px 0px;
}
main.related-report section.report h2 {
  color: var(--grey-700);
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.6px;
  margin-bottom: 20px;
}
@media (min-width: 1400px) {
  main.related-report section.report h2 {
    font-size: 38px;
    letter-spacing: 0.76px;
    margin-bottom: 32px;
  }
}
main.related-report section.report .express-bg {
  top: 10%;
  right: 2%;
}
main.related-report section.report #highlight-swiper {
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  main.related-report section.report #highlight-swiper {
    padding-bottom: 32px;
  }
}
main.related-report section.report .box {
  gap: 12px;
}
@media (min-width: 768px) {
  main.related-report section.report .box {
    gap: 32px;
  }
}
main.related-report section.report .box a {
  padding: 24px 16px;
  gap: 8px;
  background: rgba(0, 0, 0, 0.65);
  width: 100%;
  transform: translateY(60px);
  transition: 0.6s ease-in-out;
  opacity: 0;
}
@media (min-width: 768px) {
  main.related-report section.report .box a {
    padding: 32px;
    gap: 32px;
  }
}
main.related-report section.report .box a p {
  color: var(--grey-000);
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.68px;
}
main.related-report section.report .box a .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  main.related-report section.report .box a .text {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
}
main.related-report section.report .box a .see-more {
  align-self: flex-end;
  flex: 0 0 auto;
}
main.related-report section.report .box a .see-more p {
  font-size: 16px;
}
main.related-report section.report .box a.fade__in {
  transform: translateY(0px);
  opacity: 1;
}