@charset "utf-8";

/* 새글 스킨 (latest) */

.lat_pic_basic > h2{display:none;}
.lat_pic_basic .lat_pic_basic_inner{font-size:0;}
.lat_pic_basic .lat_pic_basic_item{display:inline-block; position:relative; width:25%; vertical-align:top; font-size:15px;}
.lat_pic_basic .lat_pic_basic_item:after{content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.75); opacity:0; z-index:-1; 
	-webkit-transition:all .3s ease; transition:all .3s ease;}
.lat_pic_basic .lat_pic_basic_item a{display:block; position:relative;}
.lat_pic_basic .lat_pic_basic_item img{width:100%;}

.lat_pic_basic .pic_thumb{position:relative; padding-top:68.4684%;}
.lat_pic_basic .pic_thumb > p{position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;}
.lat_pic_basic .pic_thumb > p img{width:100%; height:100%; object-fit:cover;}

.lat_pic_basic .pic_title{position:absolute; top:20px; left:0; bottom:0; right:0; text-align:center; opacity:0; webkit-transition:all .4s ease; transition:all .4s ease;}
.lat_pic_basic .pic_title .pic_title_inner{display:inline-block; padding:4px 15px; border-radius:20px; background:#fff; color:#222;}

/* 갤러리 베이직 hover */
.lat_pic_basic .lat_pic_basic_item:hover:after{opacity:1; z-index:2}
.lat_pic_basic .lat_pic_basic_item:hover .pic_title{opacity:1; z-index:4; top:40%;}

.pic_lt .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.pic_lt .empty_li:before {background:none;padding:0}





/* ****************************************************************************************** *
 * 768px
 * ****************************************************************************************** */
@media screen and (max-width:768px) {

	/* 갤러리 베이직 모바일 hover 해제 */
	.lat_pic_basic .lat_pic_basic_item:hover:after{opacity:0; z-index:-1}
	.lat_pic_basic .lat_pic_basic_item:hover .pic_title{opacity:1; z-index:4; top:inherit;}
	
	.lat_pic_basic .lat_pic_basic_item{width:50%;}
	.lat_pic_basic .pic_title{opacity:1; top:inherit; bottom:20px;}
	.lat_pic_basic .pic_title .pic_title_inner{font-size:14px;}

}
/* 768px end */



/* ****************************************************************************************** *
 * 480px
 * ****************************************************************************************** */
@media screen and (max-width:480px) {

	
	.lat_pic_basic .pic_title{position:static; top:inherit; bottom:inherit; padding-bottom:12px;}
	.lat_pic_basic .pic_title .pic_title_inner{border-radius:unset; font-size:13px;}

}
/* 480px end */