/*------------------------------------
	메인 주요제품
------------------------------------*/
.slick_slider_wrap{ position:relative; overflow:hidden; height:330px; width:1125px; display:block; margin:0; }

/* 타이틀 */
.product_title{ position:absolute; left:10px; top:40px; font:500 36px/38px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; }

/* 페이지 숫자 */
.slider-for{ float:left; width:13.4%; padding-top:157px; }
.slider-for div{}
.slider-for div h3{ font:400 20px/24px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#555; text-align:center; }
.slider-for div:focus{ outline-style:none; }
.slider-for div h3 b{ font-weight:400; color:#f37321; }

/* 제품 */
.slider-nav{ float:right; width:81.5%; position:static; text-align:center }
.slider-nav.slick-initialized .slick-slide{ }
.slider-nav.slick-initialized .slick-slide p{ margin:0; max-width:288px; }
.slider-nav.slick-initialized .slick-slide p > img{ width:auto; width:100%; /* border:1px solid #ddd; */ border-radius:3px }

/* hover시 텍스트 출력 */
.slick_hover_wrap{ position:relative; cursor:pointer; }
.slick_hover_wrap > div{ opacity:0; position:absolute; left:0; top:0; width:288px; height:100%; background:rgba(8,54,114,0.7); text-align:center; margin-top:30px  }
.slick_hover_wrap > div{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.slick_hover_wrap:hover > div{ opacity:1; }
.slick_hover_wrap > div h3{ padding:110px 0 0 0; margin:0; font:500 20px/32px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.4); letter-spacing:-0.5px;/*  text-transform:uppercase; */ }
.slick_hover_wrap > div span{ display:inline-block; padding:0 10px 2px; font:300 13px/18px 'Noto Sans KR','Malgun Gothic',Sans-serif; background:#0069b2; color:#eee; text-shadow:0px 1px 1px rgba(0,0,0,.2); border-radius:100em; }


/* previous, next 버튼 */
.slick-arrow{ position:absolute; left:20px; width:110px; height:19px; font:300 12px 'Noto Sans KR'; color:#005d9e; border:none; text-transform:uppercase; letter-spacing:0.5px; }
.slick-arrow{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.slick-arrow:hover{ color:#f37321; }
.slick-arrow.slick-next{ top:125px; background:url(/img/slick_next_icon.png) no-repeat right center; text-align:left; }
.slick-arrow.slick-next:focus{ outline-style:none; }
.slick-arrow.slick-prev{ top:198px; background:url(/img/slick_prev_icon.png) no-repeat left center; text-align:right; }
.slick-arrow.slick-prev:focus{ outline-style:none; }

/* Control Nav 동그라미 버튼 */
.slick-dots{ display:none !important; }

/* go to slide : 아산이엔지에서는 사용하지 않음 */
.slick_slider_wrap .action{ display:block; margin:100px auto; width:100%; text-align:center; }
.slick_slider_wrap .action a { display:inline-block; padding:5px 10px;  background:#f30; color:#fff; text-decoration:none; }
.slick_slider_wrap .action a:hover{ background:#000; }

@media (max-width:1500px){ 
.slick_slider_wrap{  width:900px;  }
.slider-nav.slick-initialized .slick-slide p{  max-width:240px; }
.slick_hover_wrap > div{ width:240px;}

}

@media (max-width:999px){

.slick_slider_wrap{ height:350px; width:100%; }

.product_title{ font-size:32px; }

.slick-initialized .slick-slide{  }

.product_title{ padding-right:15px; position:relative; left:auto; top:auto; text-align:center; }
.slider-for{ float:none; width:100%; position:relative; padding:15px 0 20px; }
.slider-for div h3{ padding-right:15px; }

.slick-arrow.slick-next{ left:auto; right:15px; top:-40px; }
.slick-arrow.slick-prev{ left:0; top:-40px; }

.slider-nav{ width:100%; float:none; position:relative; }

.slick-list{ min-width:770px; }
.slider.slider-for .slick-list{ min-width:auto; width:100%; }

/* .slider-nav.slick-initialized .slick-slide p{ width:330px; max-width:100%; }
.slider-nav.slick-initialized .slick-slide p > img{ width:100%; } */

}