@charset "UTF-8";
:root {
  --mo-header-height: 56px;
  --mo-bottom-nav-height: 64px;
  --mo-fixed-btn-height: 54px;
  --mo-content-padding-x: 1.25rem + 1.25rem;
}
/* layout */
#pc-header > div {
  /*content inner width + padding*/
  max-width: calc(1140px + var(--mo-content-padding-x));
  margin-left: auto;
  margin-right: auto;
}
#mobile-top-navi {
  z-index: 500;
}
#mobile-top-navi > .relative {
  min-height: calc(var(--mo-header-height) - 1px);
}
#content-fixed {
  min-height: calc(100dvh - 62px - 170px);
}
#subpage-content {
  max-width: calc(1140px + var(--mo-content-padding-x));
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1023.98px) {
  /* 모바일 하단 고정버튼 */
  #content-fixed:has(.fixed-b-btn) {
    padding-bottom: calc(var(--mo-bottom-nav-height) + var(--mo-fixed-btn-height));
  }
  #content-fixed:has(.fixed-b-btn.is-cart) {
    padding-bottom: calc(var(--mo-bottom-nav-height) + var(--mo-fixed-btn-height) + 64px);
  }
  #content-fixed .fixed-b-btn {
    left: 0;
    bottom: var(--mo-bottom-nav-height);
    /* z-index: 150; */
    z-index: 100;
  }
  #content-fixed .fixed-b-btn .btn {
    border-radius: 0;
  }
  #content-fixed:has(.fixed-b-p-btn) {
    padding-bottom: calc(var(--mo-bottom-nav-height) + var(--mo-fixed-btn-height) + var(--mo-content-padding-x)) !important;
  }
  #content-fixed .fixed-b-p-btn {
    left: 0;
    bottom: var(--mo-bottom-nav-height);
    z-index: 150;
  }
  #content-fixed:has(.single-frame) {
    padding-bottom: 0;
  }

  #content-fixed:has(.fixed-b-btn) + .btn-chat {
    bottom: 138px;
  }
  #content-fixed:has(.fixed-b-p-btn) + .btn-chat {
    bottom: 158px;
  }

  /* 단일 페이지인 경우 (우측상단 닫기 버튼만 있고, 하단 메뉴는 없는 페이지) */
  .single-frame {
    height: calc(100dvh - var(--mo-header-height));
  }
  .multiple-frame {
    height: calc(100dvh - var(--mo-header-height) - var(--mo-bottom-nav-height));
  }

  .map-multiple-frame {
    height: calc(100dvh - var(--mo-header-height))!important;
  }

  .garage-swiper .swiper-slide:first-child {
    margin-left: 20px;
  }
  .garage-swiper .swiper-slide:last-child {
    margin-right: 20px;
  }
}

/* 툴팁박스 커스텀테마 */
.tippy-box[data-theme~='light-shadow'] {
  padding: 1rem;
  line-height: 150%;
  font-size: 12px;
  color: #6e7074;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0px 0px 10px 0px #dcdfe3;
}

/* 카카오맵 관련(테스트) */
.root_daum_roughmap .map_border {
  display: none !important;
}
.root_daum_roughmap .wrap_controllers {
  display: none;
}
.root_daum_roughmap .wrap_map {
  min-height: 100%;
  height: 100% !important;
}

/* evion animation */
@keyframes highbeam {
  0% {
    opacity: 0;
    filter: brightness(0);
  }
  1% {
    opacity: 0.2;
    filter: brightness(0.2);
  }
  2% {
    opacity: 0.4;
    filter: brightness(0.4);
  }
  3% {
    opacity: 0.6;
    filter: brightness(0.6);
  }
  4% {
    opacity: 0.8;
    filter: brightness(0.8);
  }
  5% {
    opacity: 1;
    filter: brightness(1.2);
  }
  6% {
    opacity: 1;
    filter: brightness(1.5);
  }
  7% {
    opacity: 1;
    filter: brightness(1.8);
  }
  8% {
    opacity: 1;
    filter: brightness(2);
  }
  9% {
    opacity: 1;
    filter: brightness(1.8);
  }
  10% {
    opacity: 1;
    filter: brightness(1.5);
  }
  11% {
    opacity: 1;
    filter: brightness(1.2);
  }
  12% {
    opacity: 1;
    filter: brightness(1);
  }
  13% {
    opacity: 1;
    filter: brightness(1);
  }
  14% {
    opacity: 0.9;
    filter: brightness(1);
  }
  15% {
    opacity: 0.8;
    filter: brightness(1);
  }
  16% {
    opacity: 0.7;
    filter: brightness(0.9);
  }
  17% {
    opacity: 0.6;
    filter: brightness(0.8);
  }
  18% {
    opacity: 0.5;
    filter: brightness(0.7);
  }
  19% {
    opacity: 0.4;
    filter: brightness(0.6);
  }
  20% {
    opacity: 0.3;
    filter: brightness(0.5);
  }
  21% {
    opacity: 0.2;
    filter: brightness(0.4);
  }
  22% {
    opacity: 0.1;
    filter: brightness(0.3);
  }
  23% {
    opacity: 0;
    filter: brightness(0.2);
  }
  24% {
    opacity: 0;
    filter: brightness(0);
  }
  25% {
    opacity: 0;
    filter: brightness(0);
  }
  26% {
    opacity: 0;
    filter: brightness(0);
  }
  27% {
    opacity: 0;
    filter: brightness(0);
  }
  28% {
    opacity: 0;
    filter: brightness(0);
  }
  29% {
    opacity: 0;
    filter: brightness(0);
  }
  30% {
    opacity: 0;
    filter: brightness(0);
  }
  31% {
    opacity: 0;
    filter: brightness(0);
  }
  32% {
    opacity: 0;
    filter: brightness(0);
  }
  33% {
    opacity: 0;
    filter: brightness(0);
  }
  34% {
    opacity: 0;
    filter: brightness(0);
  }
  35% {
    opacity: 0;
    filter: brightness(0);
  }
  36% {
    opacity: 0;
    filter: brightness(0);
  }
  37% {
    opacity: 0;
    filter: brightness(0);
  }
  38% {
    opacity: 0;
    filter: brightness(0);
  }
  39% {
    opacity: 0;
    filter: brightness(0);
  }
  40% {
    opacity: 0;
    filter: brightness(0);
  }
  41% {
    opacity: 0;
    filter: brightness(0);
  }
  42% {
    opacity: 0;
    filter: brightness(0);
  }
  43% {
    opacity: 0;
    filter: brightness(0);
  }
  44% {
    opacity: 0;
    filter: brightness(0);
  }
  45% {
    opacity: 0;
    filter: brightness(0);
  }
  46% {
    opacity: 0.2;
    filter: brightness(0.2);
  }
  47% {
    opacity: 0.4;
    filter: brightness(0.4);
  }
  48% {
    opacity: 0.6;
    filter: brightness(0.6);
  }
  49% {
    opacity: 0.8;
    filter: brightness(0.8);
  }
  50% {
    opacity: 1;
    filter: brightness(1.2);
  }
  51% {
    opacity: 1;
    filter: brightness(1.5);
  }
  52% {
    opacity: 1;
    filter: brightness(1.8);
  }
  53% {
    opacity: 1;
    filter: brightness(2);
  }
  54% {
    opacity: 1;
    filter: brightness(1.8);
  }
  55% {
    opacity: 1;
    filter: brightness(1.5);
  }
  56% {
    opacity: 1;
    filter: brightness(1.2);
  }
  57% {
    opacity: 1;
    filter: brightness(1);
  }
  58% {
    opacity: 1;
    filter: brightness(1);
  }
  59% {
    opacity: 0.9;
    filter: brightness(1);
  }
  60% {
    opacity: 0.8;
    filter: brightness(1);
  }
  61% {
    opacity: 0.7;
    filter: brightness(0.9);
  }
  62% {
    opacity: 0.6;
    filter: brightness(0.8);
  }
  63% {
    opacity: 0.5;
    filter: brightness(0.7);
  }
  64% {
    opacity: 0.4;
    filter: brightness(0.6);
  }
  65% {
    opacity: 0.3;
    filter: brightness(0.5);
  }
  66% {
    opacity: 0.2;
    filter: brightness(0.4);
  }
  67% {
    opacity: 0.1;
    filter: brightness(0.3);
  }
  68% {
    opacity: 0;
    filter: brightness(0.2);
  }
  69% {
    opacity: 0;
    filter: brightness(0);
  }
  70% {
    opacity: 0;
    filter: brightness(0);
  }
  71% {
    opacity: 0;
    filter: brightness(0);
  }
  72% {
    opacity: 0;
    filter: brightness(0);
  }
  73% {
    opacity: 0;
    filter: brightness(0);
  }
  74% {
    opacity: 0;
    filter: brightness(0);
  }
  75% {
    opacity: 0;
    filter: brightness(0);
  }
  76% {
    opacity: 0;
    filter: brightness(0);
  }
  77% {
    opacity: 0;
    filter: brightness(0);
  }
  78% {
    opacity: 0;
    filter: brightness(0);
  }
  79% {
    opacity: 0;
    filter: brightness(0);
  }
  80% {
    opacity: 0;
    filter: brightness(0);
  }
  81% {
    opacity: 0;
    filter: brightness(0);
  }
  82% {
    opacity: 0;
    filter: brightness(0);
  }
  83% {
    opacity: 0;
    filter: brightness(0);
  }
  84% {
    opacity: 0;
    filter: brightness(0);
  }
  85% {
    opacity: 0;
    filter: brightness(0);
  }
  86% {
    opacity: 0;
    filter: brightness(0);
  }
  87% {
    opacity: 0;
    filter: brightness(0);
  }
  88% {
    opacity: 0;
    filter: brightness(0);
  }
  89% {
    opacity: 0;
    filter: brightness(0);
  }
  90% {
    opacity: 0;
    filter: brightness(0);
  }
  91% {
    opacity: 0;
    filter: brightness(0);
  }
  92% {
    opacity: 0;
    filter: brightness(0);
  }
  93% {
    opacity: 0;
    filter: brightness(0);
  }
  94% {
    opacity: 0;
    filter: brightness(0);
  }
  95% {
    opacity: 0;
    filter: brightness(0);
  }
  96% {
    opacity: 0;
    filter: brightness(0);
  }
  97% {
    opacity: 0;
    filter: brightness(0);
  }
  98% {
    opacity: 0;
    filter: brightness(0);
  }
  99% {
    opacity: 0;
    filter: brightness(0);
  }
  100% {
    opacity: 0;
    filter: brightness(0);
  }
}

@keyframes lowbeam {
  0% {
    opacity: 0;
    filter: brightness(0);
  }
  1% {
    opacity: 0.2;
    filter: brightness(0.2);
  }
  2% {
    opacity: 0.4;
    filter: brightness(0.4);
  }
  3% {
    opacity: 0.6;
    filter: brightness(0.6);
  }
  4% {
    opacity: 0.8;
    filter: brightness(0.8);
  }
  5% {
    opacity: 1;
    filter: brightness(1.2);
  }
  6% {
    opacity: 1;
    filter: brightness(1.5);
  }
  7% {
    opacity: 1;
    filter: brightness(1.8);
  }
  8% {
    opacity: 1;
    filter: brightness(2);
  }
  9% {
    opacity: 1;
    filter: brightness(1.8);
  }
  10% {
    opacity: 1;
    filter: brightness(1.5);
  }
  11% {
    opacity: 1;
    filter: brightness(1.2);
  }
  12% {
    opacity: 1;
    filter: brightness(1);
  }
  13% {
    opacity: 1;
    filter: brightness(1);
  }
  14% {
    opacity: 1;
    filter: brightness(1);
  }
  15% {
    opacity: 0.9;
    filter: brightness(1);
  }
  16% {
    opacity: 0.8;
    filter: brightness(1);
  }
  17% {
    opacity: 0.7;
    filter: brightness(0.9);
  }
  18% {
    opacity: 0.6;
    filter: brightness(0.8);
  }
  19% {
    opacity: 0.5;
    filter: brightness(0.7);
  }
  20% {
    opacity: 0.4;
    filter: brightness(0.6);
  }
  21% {
    opacity: 0.3;
    filter: brightness(0.5);
  }
  22% {
    opacity: 0.2;
    filter: brightness(0.4);
  }
  23% {
    opacity: 0.1;
    filter: brightness(0.3);
  }
  24% {
    opacity: 0;
    filter: brightness(0.2);
  }
  25% {
    opacity: 0;
    filter: brightness(0);
  }
  26% {
    opacity: 0;
    filter: brightness(0);
  }
  27% {
    opacity: 0;
    filter: brightness(0);
  }
  28% {
    opacity: 0;
    filter: brightness(0);
  }
  29% {
    opacity: 0;
    filter: brightness(0);
  }
  30% {
    opacity: 0;
    filter: brightness(0);
  }
  31% {
    opacity: 0;
    filter: brightness(0);
  }
  32% {
    opacity: 0;
    filter: brightness(0);
  }
  33% {
    opacity: 0;
    filter: brightness(0);
  }
  34% {
    opacity: 0;
    filter: brightness(0);
  }
  35% {
    opacity: 0;
    filter: brightness(0);
  }
  36% {
    opacity: 0;
    filter: brightness(0);
  }
  37% {
    opacity: 0;
    filter: brightness(0);
  }
  38% {
    opacity: 0;
    filter: brightness(0);
  }
  39% {
    opacity: 0;
    filter: brightness(0);
  }
  40% {
    opacity: 0;
    filter: brightness(0);
  }
  41% {
    opacity: 0;
    filter: brightness(0);
  }
  42% {
    opacity: 0;
    filter: brightness(0);
  }
  43% {
    opacity: 0;
    filter: brightness(0);
  }
  44% {
    opacity: 0;
    filter: brightness(0);
  }
  45% {
    opacity: 0;
    filter: brightness(0);
  }
  46% {
    opacity: 0.2;
    filter: brightness(0.2);
  }
  47% {
    opacity: 0.4;
    filter: brightness(0.4);
  }
  48% {
    opacity: 0.6;
    filter: brightness(0.6);
  }
  49% {
    opacity: 0.8;
    filter: brightness(0.8);
  }
  50% {
    opacity: 1;
    filter: brightness(1.2);
  }
  51% {
    opacity: 1;
    filter: brightness(1.5);
  }
  52% {
    opacity: 1;
    filter: brightness(1.8);
  }
  53% {
    opacity: 1;
    filter: brightness(2);
  }
  54% {
    opacity: 1;
    filter: brightness(1.8);
  }
  55% {
    opacity: 1;
    filter: brightness(1.5);
  }
  56% {
    opacity: 1;
    filter: brightness(1.2);
  }
  57% {
    opacity: 1;
    filter: brightness(1);
  }
  58% {
    opacity: 1;
    filter: brightness(1);
  }
  59% {
    opacity: 0.9;
    filter: brightness(1);
  }
  60% {
    opacity: 0.8;
    filter: brightness(1);
  }
  61% {
    opacity: 0.7;
    filter: brightness(0.9);
  }
  62% {
    opacity: 0.6;
    filter: brightness(0.8);
  }
  63% {
    opacity: 0.5;
    filter: brightness(0.7);
  }
  64% {
    opacity: 0.4;
    filter: brightness(0.6);
  }
  65% {
    opacity: 0.3;
    filter: brightness(0.5);
  }
  66% {
    opacity: 0.2;
    filter: brightness(0.4);
  }
  67% {
    opacity: 0.1;
    filter: brightness(0.3);
  }
  68% {
    opacity: 0;
    filter: brightness(0.2);
  }
  69% {
    opacity: 0;
    filter: brightness(0);
  }
  70% {
    opacity: 0;
    filter: brightness(0);
  }
  71% {
    opacity: 0;
    filter: brightness(0);
  }
  72% {
    opacity: 0;
    filter: brightness(0);
  }
  73% {
    opacity: 0;
    filter: brightness(0);
  }
  74% {
    opacity: 0;
    filter: brightness(0);
  }
  75% {
    opacity: 0;
    filter: brightness(0);
  }
  76% {
    opacity: 0;
    filter: brightness(0);
  }
  77% {
    opacity: 0;
    filter: brightness(0);
  }
  78% {
    opacity: 0;
    filter: brightness(0);
  }
  79% {
    opacity: 0;
    filter: brightness(0);
  }
  80% {
    opacity: 0;
    filter: brightness(0);
  }
  81% {
    opacity: 0;
    filter: brightness(0);
  }
  82% {
    opacity: 0;
    filter: brightness(0);
  }
  83% {
    opacity: 0;
    filter: brightness(0);
  }
  84% {
    opacity: 0;
    filter: brightness(0);
  }
  85% {
    opacity: 0;
    filter: brightness(0);
  }
  86% {
    opacity: 0;
    filter: brightness(0);
  }
  87% {
    opacity: 0;
    filter: brightness(0);
  }
  88% {
    opacity: 0;
    filter: brightness(0);
  }
  89% {
    opacity: 0;
    filter: brightness(0);
  }
  90% {
    opacity: 0;
    filter: brightness(0);
  }
  91% {
    opacity: 0;
    filter: brightness(0);
  }
  92% {
    opacity: 0;
    filter: brightness(0);
  }
  93% {
    opacity: 0;
    filter: brightness(0);
  }
  94% {
    opacity: 0;
    filter: brightness(0);
  }
  95% {
    opacity: 0;
    filter: brightness(0);
  }
  96% {
    opacity: 0;
    filter: brightness(0);
  }
  97% {
    opacity: 0;
    filter: brightness(0);
  }
  98% {
    opacity: 0;
    filter: brightness(0);
  }
  99% {
    opacity: 0;
    filter: brightness(0);
  }
  100% {
    opacity: 0;
    filter: brightness(0);
  }
}

@keyframes bright_ani {
  0% {
    filter: brightness(0.5);
  }
  1% {
    filter: brightness(0.55);
  }
  2% {
    filter: brightness(0.6);
  }
  3% {
    filter: brightness(0.65);
  }
  4% {
    filter: brightness(0.7);
  }
  5% {
    filter: brightness(0.75);
  }
  6% {
    filter: brightness(0.8);
  }
  7% {
    filter: brightness(0.85);
  }
  8% {
    filter: brightness(0.9);
  }
  9% {
    filter: brightness(0.95);
  }
  10% {
    filter: brightness(1);
  }
  11% {
    filter: brightness(1);
  }
  12% {
    filter: brightness(1);
  }
  13% {
    filter: brightness(0.95);
  }
  14% {
    filter: brightness(0.9);
  }
  15% {
    filter: brightness(0.85);
  }
  16% {
    filter: brightness(0.8);
  }
  17% {
    filter: brightness(0.75);
  }
  18% {
    filter: brightness(0.7);
  }
  19% {
    filter: brightness(0.65);
  }
  20% {
    filter: brightness(0.6);
  }
  21% {
    filter: brightness(0.55);
  }
  22% {
    filter: brightness(0.5);
  }
  23% {
    filter: brightness(0.5);
  }
  24% {
    filter: brightness(0.5);
  }
  25% {
    filter: brightness(0.5);
  }
  26% {
    filter: brightness(0.5);
  }
  27% {
    filter: brightness(0.5);
  }
  28% {
    filter: brightness(0.5);
  }
  29% {
    filter: brightness(0.5);
  }
  30% {
    filter: brightness(0.5);
  }
  31% {
    filter: brightness(0.5);
  }
  32% {
    filter: brightness(0.5);
  }
  33% {
    filter: brightness(0.5);
  }
  34% {
    filter: brightness(0.5);
  }
  35% {
    filter: brightness(0.5);
  }
  36% {
    filter: brightness(0.5);
  }
  37% {
    filter: brightness(0.5);
  }
  38% {
    filter: brightness(0.5);
  }
  39% {
    filter: brightness(0.5);
  }
  40% {
    filter: brightness(0.5);
  }
  41% {
    filter: brightness(0.5);
  }
  42% {
    filter: brightness(0.5);
  }
  43% {
    filter: brightness(0.5);
  }
  44% {
    filter: brightness(0.5);
  }
  45% {
    filter: brightness(0.5);
  }
  46% {
    filter: brightness(0.5);
  }
  47% {
    filter: brightness(0.5);
  }
  48% {
    filter: brightness(0.5);
  }
  49% {
    filter: brightness(0.5);
  }
  50% {
    filter: brightness(0.5);
  }
  51% {
    filter: brightness(0.5);
  }
  52% {
    filter: brightness(0.5);
  }
  53% {
    filter: brightness(0.5);
  }
  54% {
    filter: brightness(0.5);
  }
  55% {
    filter: brightness(0.5);
  }
  56% {
    filter: brightness(0.5);
  }
  57% {
    filter: brightness(0.5);
  }
  58% {
    filter: brightness(0.5);
  }
  59% {
    filter: brightness(0.5);
  }
  60% {
    filter: brightness(0.5);
  }
  61% {
    filter: brightness(0.5);
  }
  62% {
    filter: brightness(0.5);
  }
  63% {
    filter: brightness(0.5);
  }
  64% {
    filter: brightness(0.5);
  }
  65% {
    filter: brightness(0.5);
  }
  66% {
    filter: brightness(0.5);
  }
  67% {
    filter: brightness(0.5);
  }
  68% {
    filter: brightness(0.5);
  }
  69% {
    filter: brightness(0.5);
  }
  70% {
    filter: brightness(0.5);
  }
  71% {
    filter: brightness(0.5);
  }
  72% {
    filter: brightness(0.5);
  }
  73% {
    filter: brightness(0.5);
  }
  74% {
    filter: brightness(0.5);
  }
  75% {
    filter: brightness(0.5);
  }
  76% {
    filter: brightness(0.5);
  }
  77% {
    filter: brightness(0.5);
  }
  78% {
    filter: brightness(0.5);
  }
  79% {
    filter: brightness(0.5);
  }
  80% {
    filter: brightness(0.5);
  }
  81% {
    filter: brightness(0.5);
  }
  82% {
    filter: brightness(0.5);
  }
  83% {
    filter: brightness(0.5);
  }
  84% {
    filter: brightness(0.5);
  }
  85% {
    filter: brightness(0.5);
  }
  86% {
    filter: brightness(0.5);
  }
  87% {
    filter: brightness(0.5);
  }
  88% {
    filter: brightness(0.5);
  }
  89% {
    filter: brightness(0.5);
  }
  90% {
    filter: brightness(0.5);
  }
  91% {
    filter: brightness(0.5);
  }
  92% {
    filter: brightness(0.5);
  }
  93% {
    filter: brightness(0.5);
  }
  94% {
    filter: brightness(0.5);
  }
  95% {
    filter: brightness(0.5);
  }
  96% {
    filter: brightness(0.5);
  }
  97% {
    filter: brightness(0.5);
  }
  98% {
    filter: brightness(0.5);
  }
  99% {
    filter: brightness(0.5);
  }
  100% {
    filter: brightness(0.5);
  }
}