@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; display: block; width: 70px; height: 70px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none;
			z-index:100; background-size:cover;background-position:center center; background-repeat:no-repeat  }


#mClinic .slick-arrow {bottom:0}
#mClinic .slick-prev {right:50%;background-image:url('/images/main/mclinic-arrow-prev.png');}
#mClinic .slick-prev:before {content:''; width:1px; height:24px; background:#e2e2e2; position:absolute; right:0; top:50%; transform:translateY(-50%)}
#mClinic .slick-next {left:50%; background-image:url('/images/main/mclinic-arrow-next.png'); }


#mDoctor .slick-arrow {top:0;  border:1px solid #4c4c4c}
#mDoctor .slick-prev {right:80px;  background-image:url('/images/main/mdoctor-arrow-prev.png'); }
#mDoctor .slick-next {right:10px; background-image:url('/images/main/mdoctor-arrow-next.png'); background-color:#4c4c4c  }


@media all and (max-width:1024px){
	.slick-prev,
	.slick-next { width: 60px; height: 60px; }

	#mDoctor .slick-prev {right:65px; }
	#mDoctor .slick-next {right:5px;}
}
@media all and (max-width:768px){
	.slick-prev,
	.slick-next { width: 50px; height:50px; }

	#mDoctor .slick-prev {right:55px; }
}
@media all and (max-width:480px){
	.slick-prev,
	.slick-next { width: 40px; height:40px; }

	#mDoctor .slick-arrow {top:unset; bottom:0;  }
	#mDoctor .slick-prev {right:50%}
	#mDoctor .slick-next {left:50%; right:unset }

}





/* Dots */

.slick-dots { position: absolute; bottom: 17%; left:3%; display: block;  padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block;  width:8px; height:8px; margin:2px; padding: 0; cursor: pointer;
                    box-sizing:border-box; background: #fff; }
.slick-dots li.slick-active { background:transparent;  border:1px solid #FFF; width:40px }
.slick-dots li:hover { background:#FFF  }
.slick-dots li button{display:none;}

@media all and (max-width: 940px){
	.slick-dots {bottom: 30vw}
}
@media all and (max-width: 640px){
	.slick-dots {bottom: 32vw}
}
@media all and (max-width:480px){
	.slick-dots {bottom: 42vw}
}