@charset "utf-8";
.latest { margin:0px auto; width:100%; max-width:1600px; display:flex;}


.latest .button-area {position:relative;}
.latest .button-next, 
.latest .button-prev {position:absolute; z-index:999; cursor:pointer; top:0; left:0; width:50px; height:50px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center;
-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;}
.latest .button-prev {}
.latest .button-next {left:60px;}
.latest .button-next:hover { background:#fafafa; transform:translateX(5px);}
.latest .button-prev:hover { background:#fafafa; transform:translateX(-5px);}

.latest .swiper-container {padding:0px; overflow:hidden; max-width:1600px; width:100%; margin:0 auto;}
.latest .swiper-container .swiper-slide {width:33%; padding:0; position:relative;}
.latest .swiper-container .swiper-slide .product{}
.latest .swiper-container .swiper-slide .product .img_area {overflow:hidden; /*border:1px solid #e5e5e5;*/ text-align:center; }
.latest .swiper-container .swiper-slide .product img { width:100%; height:100%; margin:0 auto; opacity:1; 
-webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1);transform: scale(1);}
.latest .swiper-container .swiper-slide .product:hover {background:#000;}
.latest .swiper-container .swiper-slide .product:hover img {opacity:1; -webkit-transform:scale(1.2); transform: scale(1.2); opacity:0.5;}

.latest .swiper-container .swiper-slide {position:relative;}
.latest .swiper-container .swiper-slide .txt_area {width:100%; height:500px; position:absolute; top:0; align-items:center; justify-content:center; color:#fff; font-size:20px; display:none; padding:0 50px; text-align:center; }
.latest .swiper-container .swiper-slide.swiper-slide-active .over{opacity:1;}
.latest .swiper-container .swiper-slide .product:hover .txt_area {display:flex;}


/* 태블릿 */
@media (max-width: 1023px){
	

}
/* 모바일 */
@media (max-width: 969px){
	.latest { margin:00px auto; flex-wrap:wrap;padding: 0 10px}
	.latest .button-next, 
	.latest .button-prev { top:auto; left:auto; right:0; bottom:40px; width:50px; height:50px;}
	.latest .button-prev { right:60px; }
	.latest .swiper-container .swiper-slide .product .img_area,
	.latest .swiper-container .swiper-slide .txt_area {height:380px; font-size:1em;}
    .latest .swiper-container .swiper-slide .txt_area{padding:0 20px}
}

@media (max-width: 639px){
.latest header h3{font-size:40px;}
    .latest header h4{font-size:18px; }
    .latest header p{font-size:14px;line-height: 20px }
    .latest .swiper-container .swiper-slide .txt_area{padding:0 20px}
    .latest .swiper-container .swiper-slide .product .img_area,
	.latest .swiper-container .swiper-slide .txt_area {height:340px; font-size:1em;}
}