@charset 'UTF-8';

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

/* Arrows */
.slick-arrow {font-size: 0; line-height: 0; position: absolute; display: block;padding: 0; cursor: pointer;
  border: none; outline: none; background-position: center; background-size: 100% auto; background-repeat: no-repeat;
  border-radius: 100%; z-index:88 }

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

#slikWrap .slick-arrow { width: 60px; height: 30px; top:0;  }
#slikWrap .slick-prev { left:180%; background-image: url("/images/main/arrow_prev.png"); }
#slikWrap .slick-prev:before {content:''; width:6px; height:6px; border-radius:10px; background:#82ce39; position:absolute; right:-3px; top:50%; margin-top:-3px;}
#slikWrap .slick-next { left:calc(180% + 60px); background-image: url("/images/main/arrow_next.png"); }


@media all and (max-width:1280px) {
	#slikWrap .slick-prev { left:150%; }
	#slikWrap .slick-next { left:calc(150% + 60px); }
}
@media all and (max-width:976px) {
	#slikWrap .slick-prev { left:85vw; }
	#slikWrap .slick-next { left:calc(85vw + 60px); }
}
@media all and (max-width:767px) {
	#slikWrap .slick-arrow {top:-30px;}
	#slikWrap .slick-prev { left:15px; }
	#slikWrap .slick-next { left:calc(15px + 60px); }
}


#interior .slick-arrow { top: 50%; z-index: 99; }
#interior .slick-prev { left: 0; transform: translateX(-50%); }
#interior .slick-next { right: 0; transform: translateX(50%); }



/* Dots */
.slick-dotted.slick-slider { margin-bottom:0px; }
.slick-dots { position: absolute; bottom:10px; 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 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; }


.course1 .slick-dots {bottom:10px; ;  }
.course1 .slick-dots > li {margin:0 3px;   width:10px; height:10px;}

@media all and (max-width:480px) {
	.slick-dots {bottom:0; }
	.slick-dots li { margin:0 2px; width:8px; height:8px;}

	.course1 .slick-dots {bottom:0; }
	.course1 .slick-dots li { margin:0 2px; width:8px; height:8px;}
}

/**/

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