@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; top: 50%;  display: block; width: 50px; height: 50px; padding: 0;
  cursor: pointer; color: transparent; border: none; outline: none; background: transparent;

}

/* .slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{color: transparent; outline: none; background: transparent;}*/

.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: .25;}

.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{left: -25px;}
[dir='rtl'] .slick-prev { right: -25px; left: auto; }

.slick-prev:before { content: '←'; }
[dir='rtl'] .slick-prev:before { content: '→'; }

.slick-next{right: -25px;}
[dir='rtl'] .slick-next{ right: auto; left: -25px;}

.slick-next:before { content: '→'; }
[dir='rtl'] .slick-next:before { content: '←'; }


.slick-arrow { width: 50px; height: 50px; position: absolute; top:50%; transform:translateY(-50%); border:1px solid #dbdbdb;
                   z-index:100; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }
.slick-prev { left: -4%; background-image:url("/images/main/arrow_prev.png"); }
.slick-next { right: -4%; background-image:url("/images/main/arrow_next.png"); }
.slick-arrow:hover { border-color:#aaa; }


#btBanner .bnSlide .slick-prev,
#btBanner .bnSlide .slick-next { transform: none; width: 30px; height: 30px; top: 50%; right: inherit; margin-top: -15px; border:1px solid #b5bfd0; border-radius: 0; }
#btBanner .bnSlide .slick-prev { left: -29px; background:#fff url("/images/common/arrow_prev_s.png") no-repeat center; }
#btBanner .bnSlide .slick-next { left: 0; background:#fff url("/images/common/arrow_next_s.png") no-repeat center; }

@media all and (max-width: 1580px){
  .slick-arrow { transform: none;  top: -70px; }
  .slick-prev { left: inherit; right: 63px;  }
  .slick-next { right:14px; }
}


@media all and (max-width: 767px){
  #btBanner .bnSlide .slick-prev,
  #btBanner .bnSlide .slick-next { width: 25px; height: 25px; margin-top: -12.5px; }
  #btBanner .bnSlide .slick-prev { left: -49px; }
  #btBanner .bnSlide .slick-next { left: -25px; }

  .slick-arrow { width: 40px; height: 40px; top: -60px;  }
  .slick-prev { right: 49px;  }
  .slick-next { right:10px; }
}


@media all and (max-width: 480px){
  .slick-arrow { width: 30px; height: 30px; top: -45px;  }
  .slick-prev { right: 39px;  }
  .slick-next { right:10px; }
}

/**/

/* Dots */
.slick-dots { position: absolute; top: 12%; left: 7%;  display: block; padding: 0; margin: 0; list-style: none;  }
.slick-dots li button { font-size:0; }

.slick-dots li {float: left; width:4px; height:4px; background: rgba(255,255,255,0.6); margin:0 5px 0 0;}
.slick-dots li.slick-active { background:#fff; width: 25px; }
.slick-dots li:hover { background:#fff; }

@media (max-width: 480px){
   .slick-dots li { width:3px; height:3px; margin:0 3px 0 0;}
   .slick-dots li.slick-active { width: 20px; }
}


#mVisual .slick-dots { top: 95%; left: 0; width:100%; text-align: center; }
#mVisual .slick-dots li { float: none; display: inline-block; width: 13px; height: 13px; margin:0 3px; border-radius: 13px;
                                  background: #eaeaea; opacity: 0.3; }
#mVisual .slick-dots li.slick-active { opacity: 1; }