.loop-slider-wrapper {
  width: 100%;
  overflow: hidden;
}
.loop-slider-wrapper .loop-slider-area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.loop-slider-wrapper .loop-slider-area .loop-slider-ghost,
.loop-slider-wrapper .loop-slider-area .loop-slider-list {
  max-height: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.loop-slider-wrapper .loop-slider-area .loop-slider-ghost > div,
.loop-slider-wrapper .loop-slider-area .loop-slider-list > div {
  text-align: center;
}
.loop-slider-wrapper .loop-slider-area .loop-slider-ghost > div a,
.loop-slider-wrapper .loop-slider-area .loop-slider-list > div a {
  display: block;
  border: rgba(252, 229, 152, 0.5) 1px solid;
  line-height: 0;
  overflow: hidden;
  position: relative;
}
.loop-slider-wrapper .loop-slider-area .loop-slider-ghost > div a:after,
.loop-slider-wrapper .loop-slider-area .loop-slider-list > div a:after {
  content: "";
  display: block;
  width: clamp(30px, 10vw, 60px);
  height: clamp(30px, 10vw, 60px);
  background: rgba(13, 10, 5, 0.7) url(../../img/common/icon_zoom.svg) center center no-repeat;
  background-size: 45% auto;
  position: absolute;
  right: 0;
  bottom: 0;
}
.loop-slider-wrapper .loop-slider-area .loop-slider-ghost > div a img,
.loop-slider-wrapper .loop-slider-area .loop-slider-list > div a img {
  transition: 0.3s transform;
}
.loop-slider-wrapper .loop-slider-area .loop-slider-ghost > div a:hover img,
.loop-slider-wrapper .loop-slider-area .loop-slider-list > div a:hover img {
  transform: scale(1.05);
}
.loop-slider-wrapper .loop-slider-area .loop-slider-ghost > div img,
.loop-slider-wrapper .loop-slider-area .loop-slider-list > div img {
  width: 100%;
}
.loop-slider-wrapper .is-slide-prev, .loop-slider-wrapper .is-slide-next {
  transition: 0.3s opacity;
}
.loop-slider-wrapper .is-slide-prev.is-close, .loop-slider-wrapper .is-slide-next.is-close {
  opacity: 0.5;
}
.loop-slider-wrapper .is-slide-prev:not(.is-close), .loop-slider-wrapper .is-slide-next:not(.is-close) {
  cursor: pointer;
}
.loop-slider-wrapper .is-slide-prev:not(.is-close):hover, .loop-slider-wrapper .is-slide-next:not(.is-close):hover {
  opacity: 0.6;
}
.loop-slider-wrapper .loop-slider-dot {
  margin-top: 10px;
  text-align: center;
  height: 26px;
}
.loop-slider-wrapper .loop-slider-dot span {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px 8px 0;
  background: #fce598;
  opacity: 0.6;
  transform: rotate(45deg);
  position: relative;
  transition: 0.3s opacity;
}
.loop-slider-wrapper .loop-slider-dot span:after {
  content: "";
  opacity: 0;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 2px #fce598 solid;
  transition: 0.3s opacity;
}
.loop-slider-wrapper .loop-slider-dot span.is-active {
  opacity: 1;
}
.loop-slider-wrapper .loop-slider-dot span.is-active:after {
  opacity: 1;
}
.loop-slider-wrapper .loop-slider-dot span:not(.is-active) {
  cursor: pointer;
}
.loop-slider-wrapper .loop-slider-dot span:not(.is-active):hover {
  opacity: 0.4;
}

/*# sourceMappingURL=loop_slider.css.map */