@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:5%; display: block; width: 60px; height: 60px;
   padding: 0; cursor: pointer; color: transparent; outline: none; z-index:100; border:1px solid #dee6e9;
}

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

.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: 20px; line-height: 1; opacity: .75; color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.slick-prev { left:0; background: #fff url("/images/main/arrow_prev.png") no-repeat center; border-right:0; }
.slick-next { left:0; margin-left: 60px;  background: #fff url("/images/main/arrow_next.png") no-repeat center; border-left:0;  }
.slick-prev,
.slick-next { background-size: 100% auto; }
.slick-next::before { content:''; width: 1px; height: 30px; position: absolute; left:0; top: 50%; margin-top: -15px; background: #d7e2e5; }

@media all and (max-width:1080px) {
  .drSlide .slick-prev { top: -60px; left: 7px;  }
  .drSlide .slick-next { top: -60px; margin-left: 67px; }
  .drSlide .slick-prev,
  .drSlide .slick-next  { margin-top: -5%; }
}

@media all and (max-width:767px) {
  .drSlide .slick-prev,
  .drSlide .slick-next { width: 45px; height: 45px; }
  .drSlide .slick-prev { top: 10px; left: 50%; margin-left: -45px; }
  .drSlide .slick-next { top: 10px; left: 50%; margin-left: 0; }
}

.popSlide .slick-prev,
.popSlide .slick-next { border:0; left: inherit; bottom: inherit; top: 0; right:10px; width: 36px; }
.popSlide .slick-prev { background: url("/images/main/arrow_prev2.png") no-repeat center; margin-right: 36px; }
.popSlide .slick-next { background: url("/images/main/arrow_next2.png") no-repeat center; margin-left:0; }
.popSlide .slick-next::before { height: 12px; margin-top: -6px; background: rgba(255,255,255,0.3); }


.hdSlide .slick-prev,
.hdSlide .slick-next { border:0;  bottom: inherit; top: 50%; right:inherit; width: 10px; transform: translateY(-50%);}
.hdSlide .slick-prev { background: url("/images/common/arrow_prev.png") no-repeat center; }
.hdSlide .slick-next { left: inherit; right:0; margin-left:0; background: url("/images/common/arrow_next.png") no-repeat center; }
.hdSlide .slick-next::before { display: none; }


/* Dots */
.slick-dotted.slick-slider { margin-bottom:0px; }
.slick-dots { position: absolute; bottom: 20px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block;  width:12px; height:12px; margin:0 4px; padding: 0; cursor: pointer;
                   box-sizing:border-box; background: #fff; border-radius: 30px; opacity: 0.3; }
.slick-dots li button { font-size:0; }
.slick-dots li.slick-active { opacity: 1; }


/**/

.dot_wh .slick-dots li{width:12px; height:12px; border-radius:100%; border:2px solid rgba(255,255,255,0.5); margin:0 4px;}
.dot_wh .slick-dots li.slick-active{background:#FFF}
.dot_wh .slick-dots li:hover{border:2px solid rgba(255,255,255,1);}

.dot_or .slick-dots li{width:10px; height:10px; border-radius:100%; border:1px solid rgba(255, 114, 20, 0.5); margin:0 4px;}
.dot_or .slick-dots li.slick-active{background:#FF7214}
.dot_or .slick-dots li:hover{border:1px solid #FF7214;}

@media all and (max-width:850px) {
	.dot_wh .slick-dots li{width:8px; height:8px; margin:0 3px;}
	.dot_or .slick-dots li{width:8px; height:8px; margin:0 3px;}
}