@charset "utf-8";

/*****************************************
공통
*****************************************/
#gallery_list{clear: both;}
#gallery_list > .list_cont{width:100%; overflow:hidden;}
#gallery_list > .list_cont li{float:left; position:relative;}
	#gallery_list > .list_cont li.no-data{
		width:100%;
		text-align: center;
		padding: 30px 0;
		border-top: 2px solid #111;
		border-bottom: 1px solid #ebebeb;
		overflow: hidden;
	}
	#gallery_list > .list_cont li:hover dl{
		border: 1px solid #333;
	}
	#gallery_list > .list_cont li dl{
		padding: 0%;
		margin-left:10px;
		margin-bottom:10px;
		background: #fff;
		border: 1px solid #e7e7e7;
		position: relative;
		display:block;
		overflow: hidden;
	}
	#gallery_list > .list_cont li dl > dt{ height:290px; overflow: hidden;  padding-top:10px; vertical-align:middle; text-align:center;}
	#gallery_list > .list_cont li dl > dt > img{ vertical-align:middle;  /*width:100%; max-height: 100%; */}
	#gallery_list > .list_cont li dl > dd{
		line-height: 140%;
		padding: 10px 5%;
		overflow: hidden;
		position: relative;

	}
	#gallery_list > .list_cont li dl > dd > .gallery_title{width:68%; color:#222; font-size:15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float:left;}
	#gallery_list > .list_cont li dl > dd > .gallery_date{width:32%; color:#999; text-align:right; float:right;}

	#gallery_list .list_cont .secret{
		color:#fff;
		font-weight:normal;
		text-indent:-20000px;
		background:#ccc url("/pages/board/images/icon_secret.gif") no-repeat 50% 50%;
		border-radius: 20px;
		padding:2px 0px;
		width:22px;
		height:16px;
		display:inline-block;
		line-height: 12px;
	}
	#gallery_list .list_cont .secret img{vertical-align:top ; padding-top:2px;}

/*****************************************
최대 767
*****************************************/
@media (max-width:768px) {

	#gallery_list > .list_cont li{width:50%;}
	.pop_board_pass p input{margin:0 auto 5px; display:block;}
	#gallery_list > .list_cont li dl > dt{ height:180px; overflow: hidden;  padding-top:10px; vertical-align:middle; text-align:center;}

	#gallery_list > .list_cont li dl > dd > .gallery_title{width:100%; color:#222; font-size:15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float:left;}
	#gallery_list > .list_cont li dl > dd > .gallery_date{display:none;}
}



/*****************************************
최소 768 ~ 1023
*****************************************/
@media (min-width:769px) and (max-width:1199px) {

	#gallery_list > .list_cont li{width:33.3%;}


}


/*****************************************
최소 1024 ~ 최대
*****************************************/
@media (min-width:1200px) {

	#gallery_list > .list_cont li{width:25%;}

}