@charset "utf-8";
.latest-gallery {position:relative;height:335px;overflow:hidden}
/* 아이템 */
.latest-gallery .slide-gallery {overflow:hidden}
.latest-gallery .slide-item {position:relative;}
.latest-gallery .slide-item .img-box {position:relative;height:300px;overflow:hidden}
.latest-gallery .slide-item .img-box img {}
.latest-gallery .slide-item h5 {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;text-align:center;background:rgba(87, 181, 231, 0.8);transition:opacity .6s ease-in-out}
.latest-gallery .slide-item h5 a {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;line-height:30px;font-size:16px;font-weight:700;word-break:keep-all;color:#fff;transition:opacity .6s ease-in-out}
.latest-gallery .slide-item:hover h5, .latest-gallery .slide-item:hover h5 a {opacity:0;}
/* 컨트롤 점 */
.latest-gallery .slick-dots li {margin:0 1px}
/* 컨트롤 좌우 */
.slide-gallery .slick-next, .slide-gallery .slick-prev {width:30px;height:60px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease}
.slide-gallery .slick-next {right:5px;z-index:1}
.slide-gallery .slick-prev {left:5px;z-index:1}
.slide-gallery .slick-next:before, .slide-gallery .slick-prev:before {content:"";display:block;position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.slide-gallery .slick-next:before {right:10px;border-right:1px solid #fff;border-top:1px solid #fff}
.slide-gallery .slick-prev:before {left:10px;border-left:1px solid #fff;border-bottom:1px solid #fff}
.slide-gallery .slick-next:after, .slide-gallery .slick-prev:after {content:"";display:block;position:absolute;top:50%;width:0;height:1px;background:#fff;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.slide-gallery .slick-next:after {right:2px}
.slide-gallery .slick-prev:after {left:2px}
.slide-gallery .slick-next:hover:after, .slide-gallery .slick-prev:hover:after {width:40px}
@media (min-width:992px) and (max-width:1199px){
    .latest-gallery, .latest-gallery .slide-item .img-box {height:245px}
}
@media (max-width:991px){
    .latest-gallery, .latest-gallery .slide-item .img-box {height:auto}
}
@media (max-width:767px){
    .latest-gallery .slide-item h5 {top:inherit;bottom:0;height:auto;padding:15px}
    .latest-gallery .slide-item h5 a {position:relative;top:inherit;left:inherit;transform:translate(0%,0%);width:100%;line-height:24px;font-size:14px;}
    .latest-gallery .slide-item:hover h5, .latest-gallery .slide-item:hover h5 a {opacity:1}
}
@media (min-width:992px){
    .w-active .slide-gallery.waypoints-left {opacity:.99}
}