@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: 0;  display: block; width: 60px; height: 60px; padding: 0;
  cursor: pointer; color: transparent; border: none; outline: none;  background-size: 100% auto;
  background-position: center; background-repeat: no-repeat; border-radius: 100%; z-index: 10;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{ background-color: #cfe9f4; }


.slick-prev { right: 64px; background-image: url("/images/main/arrow_prev.png"); }
.slick-next { right: 0; background-image: url("/images/main/arrow_next.png");  }


#mtipCont .slick-prev,
#mtipCont .slick-next { top:55%; }
#mtipCont .slick-prev { left: 0; background-image: url("/images/main/arrow_prev.png"); }
#mtipCont .slick-next { left: 65px; background-image: url("/images/main/arrow_next.png");  }


@media all and (max-width:1024px) {
	.slick-prev,
	.slick-next { top: unset; bottom:-3%} 
}
@media all and (max-width:976px) {
	.slick-prev,
	.slick-next {  bottom:-5%} 
}
@media all and (max-width:860px) {
  .slick-prev,
  .slick-next { width: 55px; height: 55px; }
  .slick-prev { right: 59px;}
	
	#mtipCont .slick-prev,
	#mtipCont .slick-next { width: 55px; height: 55px; }
	#mtipCont .slick-next { left: 60px; }
}
@media all and (max-width:767px) {	
	#mtipCont .slick-prev,
	#mtipCont .slick-next { top:120px; }
	#mtipCont .slick-prev { left: 78vw  }
	#mtipCont .slick-next { left: calc(78vw + 58px) }
}
@media all and (max-width:750px) {	
	#mtipCont .slick-prev { left: 74vw  }
	#mtipCont .slick-next { left: calc(74vw + 58px) }
}
@media all and (max-width:580px) {	
	#mtipCont .slick-prev { left: unset; right:70px  }
	#mtipCont .slick-next { left: unset; right:10px }
}
@media all and (max-width:480px) {
  .slick-prev,
  .slick-next { width: 45px; height: 45px;   }
  .slick-prev { right: 49px; }
	#mtipCont .slick-prev,
	#mtipCont .slick-next { width: 45px; height: 45px; }
  	#mtipCont .slick-prev { right:60px  }
}



/* 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:10px; height:10px; margin:0 2px; padding: 0; cursor: pointer;
                   box-sizing:border-box;  border-radius: 30px;  border:1px solid #FFF}
.slick-dots li button { font-size:0; }
.slick-dots li.slick-active { background: #fff;}


/**/

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