@charset "utf-8";
@import url('../basic/style.css');

/* 갤러리 목록 */
#bo_list .gall_row {display: flex;justify-content: flex-start;flex-wrap: wrap;flex-direction: row;align-items: flex-start; margin:10px  0;padding:0;list-style:none;zoom:1}
#bo_list .gall_row:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .gall_row .gall_box {position:relative;margin:0;background:#fff;}
#bo_list .gall_row .gall_li .gall_chk{position:absolute;top:0;left:0;padding:5px;}

#bo_list .gall_row .gall_li{	
	border-radius: 5px;
	box-shadow: 1px 1px 5px 1px rgba(145,145,145,0.2);
	overflow: hidden;	
}

#bo_list .gall_row .box_clear{clear:both}

#bo_list .gall_row .gall_now .gall_text_href a {color:#ff3061}

#bo_list .gall_row  .gall_href a:link, #bo_list .gall_row  .gall_href a:focus, #bo_list .gall_row  .gall_href a:hover {text-decoration:none}
#bo_list .gall_row  .gall_img{border-bottom:1px solid #eee;text-align:center;}
#bo_list .gall_row  .gall_img a,#bo_list .gall_row  .gall_img .no_image,#bo_list .gall_row  .gall_img .is_notice{display:block}
#bo_list .gall_row  .gall_img img{width:100%;}
#bo_list .gall_row  .gall_img span{display:inline-block;background:#eee;text-align:center;line-height:150px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

#bo_list .gall_row  .gall_text_href {margin:10px}
#bo_list .gall_row  .gall_text_href a {font-weight:bold}
#bo_list .gall_row  .gall_text_href img {margin:0 0 0 4px}
#bo_list .gall_row  .bo_tit{display:block;font-weight:bold;color:#000;font-size:1.083em}
#bo_list .gall_row  .bo_tit .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);}
#bo_list .gall_row  .profile_img img{border-radius:50%}
#bo_list .gall_row  .gall_name{margin:10px}

#bo_list .gall_row  .bo_tit .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_list .gall_row  .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
#bo_list .gall_row  .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px}
#bo_list .gall_row  .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
#bo_list .gall_row  .bo_tit .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
#bo_list .gall_row  .bo_tit .fa-lock{display: inline-block;line-height: 16px;color: #999;text-align: center;vertical-align:middle;}

#bo_list .gall_row  .gall_info{line-height:1.5em;padding:10px;font-size:0.92em;background:#f6f6f6;line-height:20px}
#bo_list .gall_row  .gall_info strong{ display:inline-block;margin:0 0 0 10px }
#bo_list .gall_row  .gall_info i{font-size:12px}
#bo_list .gall_row  .gall_info .gall_date{position:absolute;bottom:10px;right:10px;font-style:italic;display:inline-block;color:#777;}

@media (min-width: 769px) {
	#bo_list .gall_row .gall_li{
		width:calc(20% - 4rem / 5);	
		margin:0 1rem 2rem 0;
	}	
	#bo_list .gall_row .gall_li:nth-child(5n){
		margin:0 0 2rem 0;
	}
}


@media (min-width: 577px) and (max-width: 768px) {
	#bo_list .gall_row .gall_li{
		width:calc(25% - 3rem / 4);
		margin:0 1rem 2rem 0;
	}	
	#bo_list .gall_row .gall_li:nth-child(4n){
		margin:0 0rem 2rem 0;
	}
}

@media (min-width: 421px) and (max-width: 576px) {
	#bo_list .gall_row .gall_li{
		width:calc(33.3% - 2rem / 3);
		margin:0 1rem 2rem 0;
	}	
	#bo_list .gall_row .gall_li:nth-child(3n){
		margin:0 0 2rem 0;
	}
}

@media (max-width: 420px) {
	#bo_list .gall_row .gall_li{
		width:calc(50% - .5rem);
		margin:0 1rem 2rem 0;
	}	
	#bo_list .gall_row .gall_li:nth-child(2n){
		margin:0 0 2rem 0;
	}
}