/* Slider */
/* special slide */
.sp_slider .slick-prev,
.sp_slider .slick-next {display: block; position: absolute; top:45%; z-index: 10; width: 90px; height: 80px; font-size: 0; line-height: 0; background: transparent; padding: 0; border: none; cursor: pointer;}

.sp_slider .slick-prev {left: 0;}
.sp_slider .slick-prev:before {content: url( "http://mokenps.pensionnara.co.kr/theme/basic/img/sp/arr_left02.gif" );}
.sp_slider .slick-next {right: 0;}
.sp_slider .slick-next:before {content: url( "http://mokenps.pensionnara.co.kr/theme/basic/img/sp/arr_right02.gif" );}

@media ( max-width: 767px ) {
	.sp_slider .slick-prev {left: 0; margin-left: -13px;}
	.sp_slider .slick-next {right: 0; margin-right: -13px;}
}

@media ( max-width: 514px ) {
	.sp_slider .slick-prev {left: 0; margin-left: -13px; top: 35%; transform: scale(0.4);}
	.sp_slider .slick-next {right: 0; margin-right: -13px; top: 35%; transform: scale(0.4);}
}

.background-cover2 {background-position: center center; background-size: cover;}
.background-cover2 .sslide {height: 88vh !important;}

@media screen and ( max-width:1000px ){
    .background-cover2 .sslide {height: 70vh !important; transition: height 0.3s;}
}

@media screen and ( max-width:767px ){
    .background-cover2 .sslide {height: 50vh !important; transition: height 0.3s;}

}

@media screen and ( max-width:514px ){
    .background-cover2 .sslide {height: 33vh !important; transition: height 0.3s;}
}

/* Dots */
.slick-dots {position: absolute; bottom: 15%; z-index: 10; width: 100%; min-height: 10px; list-style: none; text-align: center; padding: 0; margin: 0;}
.slick-dots li {display: inline-block; position: relative; min-width: 10px; min-height: 10px; padding: 0; margin: 0 3.5px; cursor: pointer;}
.slick-dots li button {display: block; min-width: 10px; min-height: 10px; font-size: 0; line-height: 0; background: rgba(255,255,255,0.5); color: transparent; border: none; border-radius: 50%; outline: none; cursor: pointer;}
/* .slick-dots li button:hover,
.slick-dots li button:focus {outline: none;} */
.slick-dots li button:hover,
.slick-dots li button:focus {background: #fff;}
.slick-dots li button:before {content: '??'; position: absolute; top: 0; left: 0; width: 10px; height: 10px; text-align: center; background: #fff; border-radius: 50%; opacity: 0.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before {color: white; opacity: 1;}

@media screen and ( max-width: 767px ){

}