/*----------------------------
    Custom Slick slider
------------------------------*/

.slider li {
    margin: 0 5px;
}

.slider .slick-prev {
    left: 25px;
    z-index: 999;
}
.slider .slick-next {
    right: 25px;
    z-index: 999;
}
.slider .slick-dots li button{
    background: #fff;
    border: 1px solid #666;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.slider .slick-dots li.slick-active button{
    background: #000;
}
.slider .slick-dots li button:before {
    content: '';
}
.slider .slick-prev, 
.slider .slick-next {
    width: 21px;
    height: 42px;
    z-index: 6;
}
.slider .slick-next {
    background: url(../../img/top/btn_slider_next.png) left no-repeat;
    background-size: 21px 42px;
}
.slider .slick-prev {
    background: url(../../img/top/btn_slider_prev.png) left no-repeat;
    background-size: 21px 42px;
}
.slider .slick-prev:hover, 
.slider .slick-next:hover {
    opacity: 0.5;
}
.slick-prev:before, 
.slick-next:before {
    font-size: 0;
}
.slider .slick-dots{
    bottom: -40px;
}
@media (max-width: 639px){
    .slider li {
        margin: 0 3px;
    }
    .slider .slick-prev {
        left: 5px;
    }
    .slider .slick-next {
        right: 5px;
    }
    .slider .slick-prev, 
    .slider .slick-next {
        width: 11px;
        height: 21px;
    }
    .slider .slick-next {
        background: url(../../img/top/btn_slider_next.png) left no-repeat;
        background-size: 11px 21px;
    }
    .slider .slick-prev {
        background: url(../../img/top/btn_slider_prev.png) left no-repeat;
        background-size: 11px 21px;
    }
    .slider .slick-dots li button{
        padding: 4px;
    }
    .slider .slick-dots{
        bottom: -35px;
    }
}