@charset "utf-8";

#gallery_list li{
	width:370px;/*slideWidth와 같은 값으로 수정해주세요. 꼭 수정하셔야 반영이됩니다*/
	/*height:370px;*//*원하는 높이로 수정해주세요. 꼭 수정하셔야 반영이됩니다*/
	position: relative;/*건드리지 말아주세요*/
	float: left;
	margin: 5px ;
	transition:all 0.5s;
/*	overflow: hidden;*/
} 
#gallery_list li div{position:relative;overflow:hidden;height:370px;}
#gallery_list li .gal_tit{text-overflow:ellipsis; white-space:nowrap;overflow:hidden;margin-bottom:5px;width:219px;}
@media (max-width: 1700px){
	#gallery_list li{margin: 10px;}
}
#gallery_list li .thum_img{overflow:hidden;}
#gallery_list li .thum_img img{
	position: absolute;
	left:50%;
	top:50%;
	margin-top:-185px;
	margin-left:-185px;
}

/*.bxslider li 너비가 높이보다 긴 경우*/

.widthOver{
	width:100%;
}



/*.bxslider li 높이가 너비보다 긴 경우*/

.heightOver{
	width:100%; /*.bxslider li의 높이와 같은 높이로 맞춰주세요*/
}



/* 캡션처리 */
/*#gallery_list li:hover .thum_tit{display:block;}*/
.thum_tit{width:100%; position: absolute; display: none; bottom: 0px; z-index: 999; background: #fff; font-size: 16px; color:#666; padding: 10px 15px; box-sizing:border-box;}
.thum_tit a{display: block; width: 100%; height: 100%; text-decoration:none;color:#333;font-size:14px;}

/* 20180406 ko.ki iframe */
@media screen and (max-width:800px){
	#gallery_list li{width:32.3333%;margin:8px 0.5% 0;}
	#gallery_list li div{height:inherit;}
}