@charset "utf-8";

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin-top:10px; margin-right:-20px}
#bo_gall .gall_li{  margin-bottom:20px;}
#bo_gall .gall_li .gall_box { position: relative; margin-right:20px; border:1px solid #ccc; transition: .3s; height: 100%;}
#bo_gall .gall_li .gall_box:hover {border-color:#666; box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
#bo_gall .gall_li .gall_box .gall_chk {position:absolute; top:5px; left:5px; padding:5px; z-index:1}
#bo_gall .gall_li .gall_box .gall_con {position:relative}
#bo_gall .gall_li .gall_img {text-align:center; overflow:hidden; width: 100%; height: 390px;}
#bo_gall .gall_li .gall_img a{height:100%;}
#bo_gall .gall_li .gall_img img,
#bo_gall .gall_li .gall_img video {max-width:100%; width: 100%; height: 100%; object-fit:cover;} 
#bo_gall .gall_li .no_image{font-size:1.25em; color:#ccc; font-weight: 600; width:100%; height:100%; background-color: #f9f9f9;}
#bo_gall .gall_li .no_image .xi{font-size:2.5em; display: block; line-height: 1;}
#bo_gall .gall_li .gall_text_href{padding:20px; margin: 0; width: 100%;}
#bo_gall .gall_li .gall_text_href .bo_tit{font-weight:500; font-size: 1.25em;}
#bo_gall .gall_li .gall_text_href .bo_cnt{color:#666; font-size:.938em; margin-top:5px; line-height: 1.4;}
#bo_gall .gall_li .gall_text_href .bo_cnt br{display:none;}
#bo_gall .gall_li .gall_text_href .gall_info{margin-top:7px;}
#bo_gall .gall_li .gall_text_href .gall_info > li{font-size:.875em; margin-right:7px; color:#999;}
#bo_gall .gall_li .gall_text_href .gall_info > li .xi{vertical-align: middle;}

#bo_gall .gall_li .gall_text_href .event_basic{font-size: 1em; margin-top: 3px; line-height: 1.4; color: #888; }
#bo_gall .gall_li .gall_text_href .event_date{font-size: 1em; font-weight: 500; color: #777; line-height: 1.3; margin-top: 20px; }
#bo_gall .gall_li .gall_text_href .event_date .fa{margin-right: 5px;}

.gall_row .col-gn-0,
.gall_row .col-gn-1 {width:100%}
.gall_row .col-gn-2 {width:calc(100% / 2);}
.gall_row .col-gn-3 {width:calc(100% / 3);}
.gall_row .col-gn-4 {width:calc(100% / 4);}
.gall_row .col-gn-5 {width:calc(100% / 5);}
.gall_row .col-gn-6 {width:calc(100% / 6);}
.gall_row .col-gn-7 {width:calc(100% / 7);}
.gall_row .col-gn-8 {width:calc(100% / 8);}
.gall_row .col-gn-9 {width:calc(100% / 9);}
.gall_row .col-gn-10 {width:calc(100% / 10);}
.gall_row .box_clear {clear:both}


/* 예정, 진행중, 종료 태그 */
.tag {font-size: .823em; font-weight: 400; padding: 5px 12px; background: #333; color: #fff; border-radius: 30px; margin-left: 10px;}
.ready {background: #fff; border: 1px solid #ddd; color: #999;}
.ongoing {}
.end {background: #ddd; color: #999;}

/* view */
#bo_v .event_basic{font-size: .833em; color: #666;}
#bo_v .event_date{font-size: .666em; color: #999; margin-top: 10px;}

@media screen and (max-width:768px) {
	#bo_gall .gall_li .gall_img{width: 100%; height: auto;}
	#bo_gall .gall_li .gall_text_href{width: 100%; padding: 20px;}
	#bo_gall .gall_li .gall_text_href .bo_tit{font-size: 1.125em;}
	#bo_gall .gall_li .gall_text_href .event_date{font-size: .937em; margin-top: 10px;}
}

@media screen and (max-width:768px) {
	#bo_gall .gall_li .gall_text_href .event_date{font-size: .875em; }
	.tag{padding: 4px 7px; margin-left: 3px;}
}