@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */
/* 갤러리 새글 스킨 (latest) */

/* .prodLatWR{margin:0 auto; text-align:center; width:100%; }
.prodLat {position:relative; overflow:hidden; text-align:center; padding:20px; margin:0 auto; }
.prodLat .prodLatTit {display:block; }
.prodLat .prodLatTit a{color:#333; display:inline-block; position:relative; margin:0 auto 10px; padding:20px; font-size:20px; text-align:center; }
.prodLat .prodLatTit a u{display:block; width:50px; height:1px; background:#ddd; position:absolute; left:50%; bottom:0px; margin-left:-25px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
div:hover.prodLat .prodLatTit a u{width:100px;  margin-left:-50px;  }

.prodLat .prodLatREL{overflow:hidden; margin:0; }
.prodLat .prodLatREL .prodLatRELcon{width:100%; float:left; text-align:center; }
.prodLat .prodLatREL .prodLatRELcon a{display:block; margin:15px; position:relative; overflow:hidden; }
.prodLat .prodLatREL .prodLatRELcon a em{display:block; font-style:normal; position:absolute; left:5px; top:5px; }
.prodLat .prodLatREL .prodLatRELcon a > b{display:block; text-align:center; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; width:100%; }
.prodLat .prodLatREL .prodLatRELcon a .bo_cate_link{display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; width:100%; margin:10px 0 0 0; }
.prodLat .prodLatREL .prodLatRELcon a > i u{display:block; text-decoration:none; font-style:normal; position:absolute; left:0; top:50%; width:100%; margin-top:-10px; height:20px; line-height:20px; font-size:30px; color:#b8b8b8; }
.prodLat .prodLatREL .prodLatRELcon a > i{display:block; width:100%; position:relative; overflow:hidden; margin:0 auto; }
.prodLat .prodLatREL .prodLatRELcon a > i img{display:block; height:auto; width:100%; margin:0 auto; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.prodLat .prodLatREL .prodLatRELcon a:hover > i img{transform: scale(1.1); -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.prodLat .prodLatREL .prodLatRELcon a > i .youtube_img{display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-color:#333; background-position:center center; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.prodLat .prodLatREL .prodLatRELcon a:hover > i .youtube_img{transform: scale(1.1);}
.prodLat .prodLatREL .prodLatRELcon a span{font-size:11px; }
.prodLat .prodLatREL .prodLatRELcon .fa-heart{color:#ff0000; }
.prodLat .prodLatREL .prodLatRELcon .fa-lock{display: inline-block; font-size:11px; line-height: 14px; width: 16px; color: #999; background: #efefef; text-align: center; border-radius: 2px; font-size: 12px; border:1px solid #ddd}
.prodLat .prodLatREL .prodLatRELcon .new_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px; color:#fff; background:#ff6600; text-align:center; border-radius: 50%; }
.prodLat .prodLatREL .prodLatRELcon .hot_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px ; color:#fff; background:#e52955; text-align:center; border-radius: 50%; }

.prodLat .lt_more {clear:both; font-size:12px; font-weight:bold; display:inline-block; padding:10px 30px; color:RGBA(255,255,255,0.7); border-radius:50px; text-align:center; margin:20px auto 0; background:#333; border:2px solid #fff; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.prodLat .lt_more:hover{color:#fff; border:2px solid #333; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

.prodLat .lt_more {clear:both; font-size:12px; font-weight:bold; display:inline-block; padding:10px 30px; color:RGBA(255,255,255,0.7); border-radius:50px; text-align:center; margin:20px auto 0; background:#333; border:2px solid #fff; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.prodLat .lt_more:hover{color:#fff; border:2px solid RGBA(0,0,0,0.1); }
.prodLat .lt_more > i{display:inline-block; padding-left:10px; font-size:14px;}

.prodLat .prodLatREL .prodLatRELcon .fa-youtube-play{font-size:18px; vertical-align:middle; }

.prodLat .empty_li {width:100% !important; line-height:204px; min-height:204px; color:#999; text-align:center; padding:0;}


@media all and (max-width:600px)
{
	.prodLat {padding:5px; }
	.prodLat .prodLatTit a{padding:15px; font-size:16px; }

	.prodLat .lt_more{font-size:11px; letter-spacing:-0.05em; padding:10px 15px; }

	.prodLat .prodLatREL .prodLatRELcon a{margin:5px; }


} */

.prodLatWR {
	position: relative;
	/* padding-bottom: 488px; */
	padding-bottom: calc(27.6%);
	margin-bottom: 80px;
}

@media all and (min-width:1921px){
	.prodLatWR {
		padding-bottom: calc(27.6% + 4vw);
	}
}


.prodLatWR .prodLat {
	position: absolute;
	width: 90vw;
	left: 0;
	top: 0;
}

.swiper_gallery {
	position: relative;
}

.swiper_gallery::before {
	content: '';
	width: 50vw;
	height: calc(100% + 46px);
	display: block;
	position: absolute;
	left: -50vw;
	top: -46px;
	background: #fff;
	z-index: 10;
}

.swiper_gallery .swiper-slide a {
	display: flex;
	flex-direction: column;
}

.swiper_gallery .swiper-slide a i {
	display: block;
	aspect-ratio: 317 / 404;
	transition: .5s;
}

.swiper_gallery .swiper-slide a i img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.swiper_gallery .swiper-slide a span {
	font-size: 19px;
	color: #616161;
	transform: translateY(-28px);
	opacity: 0;
	transition: .5s;
}

.swiper_gallery .swiper-slide a:hover i {
	transform: translateY(-46px);
}

.swiper_gallery .swiper-slide a:hover span {
	opacity: 1;
}

.gallery_navi_wrap {
	position: absolute;
	right: 0;
	top: 154px;
	display: flex;
	gap: 44px;
}

.gallery_navi_wrap .swiper-button-prev, 
.gallery_navi_wrap .swiper-button-next {
	width: 19px;
	height: 34px;
	background-size: cover;
	background-repeat: no-repeat;
	position: unset;
} 

.gallery_navi_wrap .swiper-button-prev::after,
.gallery_navi_wrap .swiper-button-next::after {
	content: '';
}

.gallery_navi_wrap .swiper-button-prev {
	background-image: url('../../../img/arrPrev2.png');
}

.gallery_navi_wrap .swiper-button-next {
	background-image: url('../../../img/arrNext2.png');
}

.gallery_btn_area {
	text-align: center;
}

.gallery_btn {
	display: inline-flex;
	font-size: 20px;
	color: #1f1f1f;
	font-weight: 700;
	justify-content: center;
	align-items: center;
	gap: 24px;
	padding: 20px 50px ;
	border: 1px solid #1f1f1f;
}

.gallery_btn::after {
	content: '';
	width: 18px;
	height: 18px;
	background-image: url('../../../img/icon_black.png');
	background-size: cover;
	background-repeat: no-repeat;
}


@media all and (max-width:1440px){

	.prodLatWR {
		padding-bottom: calc(38%);
	}

	.prodLatWR .prodLat {
		width: 97.5%;
	}
	
	.swiper_gallery::before {
		width: 5%;
	}
	
	.swiper_gallery .swiper-slide a span {
		font-size: 16px;
	}
	
	.gallery_navi_wrap {
		gap: 24px;
	}
}

@media all and (max-width:992px){
	.prodLatWR {
		padding-bottom: calc(38%);
	}
	
	.gallery_navi_wrap {
		top: 128px;
	}
}

@media all and (max-width:768px){
	.prodLatWR {
		padding-bottom: calc(78%);
	}
}