@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list{/* background: #fff url('./ajax-loader.gif') center center no-repeat; */}

/* Arrows */
.slick-prev,
.slick-next {font-size: 0; line-height: 0; position: absolute; bottom: 3%; display: block; width: 70px; height: 70px;
   padding: 0; cursor: pointer; color: transparent; outline: none; z-index:100; border:1px solid #dcd7cc;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color: transparent; outline: none; background-color:rgba(255,255,255,0.9); }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .6;}

.slick-prev:before,
.slick-next:before {font-size: 0; line-height: 1; opacity: .75; color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev { margin-left: 8.33vw; background:url("/images/main/arrow_prev.png") no-repeat center; border-right:0; }
.slick-next { margin-left: calc(8.33vw + 70px);  background:url("/images/main/arrow_next.png") no-repeat center; border-left:0;  }
.slick-prev,
.slick-next { left:-25vw; background-size: 100% auto; }

.slick-next::before { content:''; width: 1px; height: 30px; position: absolute; left:0; top: 50%; margin-top: -15px; background: rgba(221, 215, 204, 0.6); }

.slick-prev:hover,
.slick-prev:focus {   }

.historySlide .slick-prev,
.historySlide .slick-next { left:-21.8vw; }

@media all and (max-width: 1480px){
  .slick-prev,
  .slick-next { left: -20vw; width: 60px; height: 60px; }
  .slick-prev { margin-left: 5vw; }
  .slick-next { margin-left: calc(5vw + 60px); }
}

@media all and (max-width: 1280px){
  .slick-prev,
  .slick-next { left: -25vw; }
}

@media all and (max-width:1080px) {
  #mHistory .slick-prev,
  #mHistory .slick-next { left:inherit; right:5vw; bottom: inherit; top: -3vw; margin-left:0; margin-right: 0; margin-top: -60px; }
  #mHistory .slick-prev { right: calc(5vw + 60px); }
}

@media all and (max-width: 976px){
  .slick-prev,
  .slick-next { left: -30vw; width: 50px; height: 50px; }
  .slick-next { margin-left: calc(5vw + 50px); }

  #mHistory .slick-prev,
  #mHistory .slick-next { left:inherit; right: 30px; width: 50px; height: 50px; margin-top: -50px; }
  #mHistory .slick-prev { right: 80px; }
}

@media all and (max-width: 767px){
  .slick-prev,
  .slick-next { left:inherit; right:3vw; bottom: inherit; top: -5vw; margin-left:0; margin-right: 15vw; margin-top: -50px; }
  .slick-prev { right: calc(3vw + 50px); }

  #mHistory .slick-prev,
  #mHistory .slick-next { right: 3vw; margin-right: 15vw; top: -5vw; }
  #mHistory .slick-prev { right: calc(3vw + 50px); }
}




@media all and (max-width: 480px){
  .slick-prev,
  .slick-next { margin-right: 22vw; width: 40px; height: 40px; margin-top: -40px; }
  .slick-prev { right: calc(3vw + 40px); }

  #mHistory .slick-prev,
  #mHistory .slick-next { margin-right: 22vw; width: 40px; height: 40px; margin-top: -40px; }
  #mHistory .slick-prev { right: calc(3vw + 40px); }
}

@media all and (max-width: 400px){
  .slick-prev,
  .slick-next { margin-right: 18vw; }
  #mHistory .slick-prev,
  #mHistory .slick-next { margin-right: 18vw; }

}




/**/

/* Dots */
.slick-dots { position: absolute; bottom: 3%; left: 0;  display: block; padding: 0; margin: 0; list-style: none;
                    text-align: center; width: 100%; font-size:0; }
.slick-dots li button { font-size:0; }

.slick-dots li { display: inline-block; width:10px; height:10px; border: 1px solid rgba(255,255,255,0.6);
                    border-radius: 100%; margin: 0 5px; cursor: pointer; }
.slick-dots li.slick-active { background:#fff; }
.slick-dots li:hover { background:#fff; }

@media (max-width: 480px){

}