@media (max-width: 991px) {
  #box__home .box__filter-info {
    background: url(../img/mobile/bg/box__filter-info.png) no-repeat, url(../img/mobile/bg/box__filter-info-2.png) no-repeat left bottom;
    background-size: 100% auto;
  }
  #box__home .box__filter-info .head {
    background: url(../img/icon/arrow-down__blue.svg) no-repeat right 1.953125vw top 1.953125vw;
    background-size: auto 3.125vw;
  }
  #box__home .box__filter-info .box__info {
    display: none;
  }
  #box__home .box__filter-info.active .head {
    background: url(../img/icon/arrow-up__blue.svg) no-repeat right 1.953125vw top 1.953125vw;
    background-size: auto 3.125vw;
  }
  #box__home .box__filter-info.active .box__info {
    display: block;
  }
}
#box__home .box__shortcut {
  background: #F0F3F5;
  background: linear-gradient(180deg, #F0F3F5, #e5ecf5);
}
@media (min-width: 992px) {
  #box__home .box__banner .container,
  #box__home .box__banner-other .container {
    width: calc(var(--spacing) * 172);
  }
}
#box__home .box__banner .swiper .swiper-button-prev,
#box__home .box__banner .swiper .swiper-button-next,
#box__home .box__banner-other .swiper .swiper-button-prev,
#box__home .box__banner-other .swiper .swiper-button-next {
  margin: 0;
  text-indent: -9998px;
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
  top: 50%;
  border-radius: calc(var(--spacing) * 1);
  transform: translateY(-50%);
}
#box__home .box__banner .swiper .swiper-button-prev.slick-disabled,
#box__home .box__banner .swiper .swiper-button-next.slick-disabled,
#box__home .box__banner-other .swiper .swiper-button-prev.slick-disabled,
#box__home .box__banner-other .swiper .swiper-button-next.slick-disabled {
  filter: invert(40%);
}
@media (min-width: 992px) {
  #box__home .box__banner .swiper .swiper-button-prev,
  #box__home .box__banner .swiper .swiper-button-next,
  #box__home .box__banner-other .swiper .swiper-button-prev,
  #box__home .box__banner-other .swiper .swiper-button-next {
    border: rgba(255, 255, 255, 0.8) 1px solid;
    opacity: 0.8;
  }
}
@media (max-width: 991px) {
  #box__home .box__banner .swiper .swiper-button-prev,
  #box__home .box__banner .swiper .swiper-button-next,
  #box__home .box__banner-other .swiper .swiper-button-prev,
  #box__home .box__banner-other .swiper .swiper-button-next {
    width: 10.4166666667vw;
    height: 10.4166666667vw;
    border-radius: 1.953125vw;
  }
}
#box__home .box__banner .swiper .swiper-button-prev,
#box__home .box__banner .swiper .swiper-button-prev:hover,
#box__home .box__banner-other .swiper .swiper-button-prev,
#box__home .box__banner-other .swiper .swiper-button-prev:hover {
  background: url(../img/icon/arrow-left__black-li.svg) no-repeat center center rgba(0, 0, 0, 0.2);
  background-size: auto calc(var(--spacing) * 3);
}
@media (max-width: 991px) {
  #box__home .box__banner .swiper .swiper-button-prev,
  #box__home .box__banner .swiper .swiper-button-prev:hover,
  #box__home .box__banner-other .swiper .swiper-button-prev,
  #box__home .box__banner-other .swiper .swiper-button-prev:hover {
    background: url(../img/icon/arrow-left__white.svg) no-repeat center center var(--blue);
    background-size: auto 5.2083333333vw;
    left: 1.953125vw;
  }
}
#box__home .box__banner .swiper .swiper-button-next,
#box__home .box__banner .swiper .swiper-button-next:hover,
#box__home .box__banner-other .swiper .swiper-button-next,
#box__home .box__banner-other .swiper .swiper-button-next:hover {
  background: url(../img/icon/arrow-right__black-li.svg) no-repeat center center rgba(0, 0, 0, 0.2);
  background-size: auto calc(var(--spacing) * 3);
}
@media (max-width: 991px) {
  #box__home .box__banner .swiper .swiper-button-next,
  #box__home .box__banner .swiper .swiper-button-next:hover,
  #box__home .box__banner-other .swiper .swiper-button-next,
  #box__home .box__banner-other .swiper .swiper-button-next:hover {
    background: url(../img/icon/arrow-right__white.svg) no-repeat center center var(--blue);
    background-size: auto 5.2083333333vw;
    right: 1.953125vw;
  }
}
#box__home .box__banner .swiper .swiper-pagination .swiper-pagination-bullet,
#box__home .box__banner-other .swiper .swiper-pagination .swiper-pagination-bullet {
  background: #ccc !important;
  margin: 0 calc(var(--spacing) * 1.5) !important;
  opacity: 1 !important;
  width: calc(var(--spacing) * 1.5) !important;
  height: calc(var(--spacing) * 1.5) !important;
  border-radius: calc(var(--spacing) * 1.5);
}
#box__home .box__banner .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
#box__home .box__banner-other .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--blue) !important;
}
@media (max-width: 991px) {
  #box__home .box__banner .swiper .swiper-pagination .swiper-pagination-bullet,
  #box__home .box__banner-other .swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 1.953125vw !important;
    width: 2.34375vw !important;
    height: 2.34375vw !important;
    border-radius: 2.34375vw;
  }
}
#box__home .box__promotion {
  background: #D6E4F5;
  background: linear-gradient(180deg, #e5ecf5, #fff);
}
@media (min-width: 992px) {
  #box__home .box__promotion-other .swiper {
    margin-left: calc(var(--spacing) * -1.5);
    margin-right: calc(var(--spacing) * -1.5);
  }
}
#box__home .box__benefit-based-on-vehicle-age {
  background: #D6E4F5;
  background: linear-gradient(180deg, #e5ecf5, #F0F3F5);
}
#box__home .box__benefit-based-on-vehicle-age .accordion .accordion-item::after {
  background: var(--blue);
  content: "";
  z-index: 0;
  width: 100%;
  height: 7.8125vw;
  position: absolute;
  top: -1.3020833333vw;
  left: 0;
  border-radius: calc(var(--spacing) * 1);
}
@media (min-width: 992px) {
  #box__home .box__benefit-based-on-vehicle-age .accordion .accordion-item::after {
    height: calc(var(--spacing) * 6);
    top: calc(var(--spacing) * -1);
  }
}
#box__home .box__benefit-based-on-vehicle-age .accordion .accordion-item .accordion-header {
  background: url(../img/icon/arrow-down__blue.svg) no-repeat right calc(var(--spacing) * 3) center;
  background-size: calc(var(--spacing) * 1.8) auto;
}
@media (max-width: 991px) {
  #box__home .box__benefit-based-on-vehicle-age .accordion .accordion-item .accordion-header {
    background: url(../img/icon/arrow-down__blue.svg) no-repeat right 3.90625vw center;
    background-size: 3.90625vw auto;
  }
}
#box__home .box__benefit-based-on-vehicle-age .accordion .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
#box__home .box__benefit-based-on-vehicle-age .accordion .accordion-item.active .accordion-header {
  background: url(../img/icon/arrow-up__blue.svg) no-repeat right calc(var(--spacing) * 3) center;
  background-size: calc(var(--spacing) * 1.8) auto;
}
@media (max-width: 991px) {
  #box__home .box__benefit-based-on-vehicle-age .accordion .accordion-item.active .accordion-header {
    background: url(../img/icon/arrow-up__blue.svg) no-repeat right 3.90625vw center;
    background-size: 3.90625vw auto;
  }
}