@charset "utf-8";

._app-nav-sub .holder[data-v-5aa3202a] { position: relative; }

._app-nav-sub .holder[data-v-5aa3202a]::before { background-color: rgb(89, 89, 89); content: ""; height: 1px; left: 0px; position: absolute; top: 0px; width: 100%; }

._app-nav-sub .holder .title[data-v-5aa3202a] { bottom: calc(100% + 32px); color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; left: 50%; letter-spacing: 0.54px; line-height: 24px; position: absolute; transform: translate(-50%, 50%); }

@media screen and (min-width: 1244px) {
  ._app-nav-sub .holder .title[data-v-5aa3202a] { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

._app-nav-sub .holder ._color-button[data-v-5aa3202a], ._app-nav-sub .holder .router-link[data-v-5aa3202a] { align-items: center; border: 0px; border-radius: 0px; color: rgba(255, 255, 255, 0.3); display: inline-flex; font-size: 14px; font-weight: 500; gap: 8px; justify-content: center; padding: 12px 0px; position: relative; transition: color 0.25s ease-out 0s; vertical-align: middle; }

._app-nav-sub .holder ._color-button[data-v-5aa3202a]::after, ._app-nav-sub .holder .router-link[data-v-5aa3202a]::after { background-color: rgb(255, 255, 255); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; right: 100%; }

._app-nav-sub .holder ._color-button[data-v-5aa3202a]:active, ._app-nav-sub .holder ._color-button[data-v-5aa3202a]:hover:not(.hover-disable), ._app-nav-sub .holder .router-link[data-v-5aa3202a]:active, ._app-nav-sub .holder .router-link[data-v-5aa3202a]:hover:not(.hover-disable) { background-color: transparent; color: rgb(255, 255, 255); }

._app-nav-sub .holder ._slider[data-v-5aa3202a] { flex: 1 1 0%; margin-left: 0px; max-width: 100%; position: relative; }

._app-nav-sub .holder ._slider .swiper-button-next[data-v-5aa3202a], ._app-nav-sub .holder ._slider .swiper-button-prev[data-v-5aa3202a] { display: none; }

._app-nav-sub .holder ._slider .swiper-container[data-v-5aa3202a] { inset: 0px; position: absolute; }

._app-nav-sub .holder ._slider ._color-button.active[data-v-5aa3202a], ._app-nav-sub .holder ._slider .router-link.router-link-active[data-v-5aa3202a] { color: rgb(255, 255, 255); }

._app-nav-sub .holder ._slider ._color-button.active[data-v-5aa3202a]::after, ._app-nav-sub .holder ._slider .router-link.router-link-active[data-v-5aa3202a]::after { right: 0px; }

._app-nav-sub .holder ._slider .swiper-slide[data-v-5aa3202a] { margin-right: 24px; width: auto; }

@media screen and (min-width: 1024px) {
  ._app-nav-sub .holder[data-v-5aa3202a] { align-items: center; display: flex; gap: 24px; padding-top: 3px; }
  ._app-nav-sub .holder[data-v-5aa3202a]::before { background: linear-gradient(90deg, rgb(89, 89, 89), rgba(212, 212, 212, 0)); opacity: 0.3; }
  ._app-nav-sub .holder .title[data-v-5aa3202a] { bottom: 0px; color: rgba(255, 255, 255, 0.3); font-size: 14px; font-weight: 400; left: 0px; letter-spacing: 0.42px; line-height: 22px; padding-right: 24px; position: relative; transform: none; }
  ._app-nav-sub .holder .title[data-v-5aa3202a]::after { background-color: rgb(255, 255, 255); border-radius: 2px; content: ""; display: block; height: 4px; margin-top: -1px; position: absolute; right: 0px; top: 50%; width: 4px; }
  ._app-nav-sub ._slider[data-v-5aa3202a] { height: 40px; }
}