@charset "UTF-8";

/* ======================================================================

  "Slick" Style Overwrite

====================================================================== */
.cs-list .slick-list .slick-slide {
  width: 390px;
  height: auto !important;
  margin: 0 15px;
}
.cs-list.slick-initialized { display: block; }

/* Prev Next */
.slick-prev, .slick-next {
  top: 35%;
  transform: translateY(-35%);
  z-index: 1;
  width: 58px;
  height: 9px;
}
.cs-list .slick-prev { left: calc( (58px + 17px) * -1 ); }
.cs-list .slick-next { right: calc( (58px + 17px) * -1 ); }
.slick-prev::before, .slick-next::before {
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  display: inline-block;
  font-size: 0;
  opacity: 1;
  transition: all .3s;
}
.slick-prev::before { background-image: url(./prev.svg); }
.slick-next::before { background-image: url(./next.svg); }

@media screen and (max-width:780px) {

  .cs-list .slick-list .slick-slide {
    width: calc(488 / 780 * 100vw);
    margin: 0 calc(40 / 780 * 100vw);
  }

}