/* -- slick -------------------------------- */
.slick-slider { position: static;}
.slider-wrap { width: 100%; overflow: hidden;}
.slider-inner { margin-left: 120px; padding-right: 15%; position: relative;}
.slick-list{ overflow: visible;}
.slider-item { padding-right: 3.6%;}
.slider-item a { overflow: hidden; display: block;}
.slider-item a img { transition: all 0.2s linear;}
.slider-item a:hover { opacity: 1;}
.slider-item a:hover img { transform: scale(1.1); transition: all 0.2s linear;}
.slick-next, .slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: var(--white);
  top: 0; bottom: 0;
  margin: auto;
  box-sizing: content-box;
  z-index: 1;
}
.slick-prev { left: -25px;}
.slick-next { right: calc(10% - 25px);}
.slick-prev::before, .slick-next::before {
  content: "";
  width: 7px;
  height: 12px;
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  margin: auto;
}
.slick-prev::before {
  background: url(../img/slider-arrow-l.png) no-repeat left center;
  background-size: contain;
}
.slick-next::before {
  background: url(../img/slider-arrow-r.png) no-repeat left center;
  background-size: contain;
}
.slick-next.slick-disabled, .slick-prev.slick-disabled { opacity: 0; cursor: auto;}

@media screen and (max-width:1049px) {
  .slider-item a img { height: 40vw;}
  .works-title { padding: 10px 2% 10px 0;}
  .works-title::after { right: 5px;}
  .slick-prev { left: calc(-120px + 2%);}
  /* .slick-next, .slick-prev { display: none;}
  .slider-wrap { margin-left: 5%;}
  .slider-item { padding-right: 24px;}
  .slider-wrap .btn { padding-left: 15%;} */
}
/* ----------------------------------------- */