/* 공통 */
.sub_con {width:100%;padding:0 15px;}

/*Content CSS*/
.slider_wrap {position: relative;}
.pro_slider {width:100%; margin:0 auto;}
.pro_slider img {width:100%;}
.pro_slider .slick-slide {outline: none; }
.thumbnails_wrap {margin: 30px auto 50px auto; text-align: center;}
.thumbnails_wrap .slick-track  {display: flex; justify-content: center; transform: translate3d(0px, 0px, 0px) !important;}
.thumbnails_wrap .slick-list {margin:0 auto; width:100% !important;}
.thumbnails_wrap .slick-slide {width:32% !important; transition: all .2s ease; margin-right:10px; border:1px solid #eee; outline: none; display: inline-block; cursor: pointer;}
.thumbnails_wrap .slick-slide:last-child {margin-right:0;}
.thumbnails_wrap .slick-slide img {width:100%;}
.thumbnails_wrap .slick-slide.slick-current {border:1px solid #ff8000;}

.pro1_arrow {position:absolute; width:100%; left:50%; transform:translateX(-50%); height:60px; z-index: 20; top:35%;}
.pro1_prev {position:absolute;left:0; top:0; background: url('../img/prev.png')no-repeat 48% 50% rgba(0,0,0,.8); opacity: .7;}
.pro1_next {position:absolute;right:0; top:0; background: url('../img/next.png')no-repeat 52% 50% rgba(0,0,0,.8);  opacity: .7;}
.pro1_prev,  .pro1_next { font-size:0; position: absolute; z-index: 100; cursor: pointer; bottom:0; outline: none;     transition: all 0.2s ease;
padding:30px;}
.pro1_prev:hover, .pro1_next:hover {opacity: 1;}



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

}