@charset 'UTF-8';
/* Slider */
 .slick-loading .slick-list {
background: #fff url('../images/loading_m.gif') center center no-repeat;
}
.slick-slide{margin: auto; padding:auto;}
#recommend-contents .slick-slide{margin: inherit; padding:inherit;}
.slick-slide img {
max-width: 100%;
height: auto;
}
/* Arrows */

.slick-prev:focus,
.slick-next:focus {
background-color: none;
outline: none;
}

.slick-next:before{content:""}
.slick-prev:before{content:""}

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 1.25rem!important; }
.slick-dots {
position: absolute;
bottom: 1.25rem!important;
display: block;
width: 100%;
padding: 0;
margin:0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 15%;
height: 0.1875rem;
margin: 0 0.25rem;
padding: 0;
cursor: pointer;
max-width: 5rem;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 100%;
height: 0.1875rem;
padding: 0.1875rem;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
overflow: hidden;
background-color: rgba(178,178,178,1.00);
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition:  0.3s ease;
transition:  0.3s ease;
}
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none; }
.slick-dots li button:hover,
.slick-dots li button:focus { opacity: 1; }
/*.slick-dots li button:before {
font-size: 0rem!important;
line-height: 0.315rem;
position: absolute;
top: 0;
left: 0;
width: 3rem;
height: 0.5rem;
content: '';
text-align: center;
opacity: 0.5;
color:rgba(25,62,108,1.00);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}*/
.slick-dots li.slick-active button {
opacity: 1.0;
background-color:rgba(34,34,34,1.00);
}
.slider-nav li img {
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.slider-nav li:not(.slick-current) { /*margin-left:1px; margin-right:1px;*/ }
.slider-nav .slick-current {/*background-color:black;*/ }
.slider-nav .slick-current img {/* opacity: 0.6; */}
.slider { margin-bottom: 1rem; position: relative; }
.slider-nav { margin-bottom: 0; overflow: hidden; }


@media (max-width: 767px) {
.slider { margin: 0rem; }
.slick-prev,
.slick-next {
color: transparent;
font-size: 0;
}
}