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

.latest header {width:500px; padding-top:40px; padding-right:40px;}
.latest header #tit h3 a,
.latest header #tit p {color:#fff; word-break:keep-all; margin-top:10px; line-height:160%;}

.latest .button-area {position:relative;}
.latest .button-next, 
.latest .button-prev {position:absolute; z-index:999; cursor:pointer; top:0; left:0; width:60px; height:60px; border-radius:50%; border:1px solid #fff; color:#fff; 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:70px;}
.latest .button-next:hover { transform:translateX(5px);}
.latest .button-prev:hover { transform:translateX(-5px);}

.latest .swiper-container {padding:0px; overflow:hidden; max-width:700px; width:100%; margin:0 auto;}
.latest .swiper-container .swiper-slide {width:50%; padding:0; position:relative;}
.latest .swiper-container .swiper-slide .product .img_area { /*background-color:var(--sub-color);*/ background-color:#000; overflow:hidden; text-align:center; }
.latest .swiper-container .swiper-slide .product img { max-width:100%; max-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.2;}

.latest .swiper-container .swiper-slide {position:relative;}
.latest .swiper-container .swiper-slide .txt_area {width:100%; height:100%; position:absolute; top:0; align-items:center; justify-content:center; font-weight:bold; color:#fff; font-size:24px; 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){
	.latest {flex-wrap:wrap;}
	.latest header {width:100%; display:flex; justify-content:space-between; padding-right:0;}
	.latest header #tit p {padding-right:0}
	.latest .button-next, 
	.latest .button-prev { top:auto; left:auto; right:0; top:0; width:50px; height:50px;}
	.latest .button-prev { right:60px; }
	.latest .swiper-container {max-width:none;}
	.latest .swiper-container .swiper-slide .product .img_area,
	.latest .swiper-container .swiper-slide .txt_area { font-size:1.2em;}
}
/* 모바일 */
@media (max-width: 729px){
	
}