@charset "utf-8";

/* 갤러리 목록 */
.bbs_gallist{ margin-bottom:100px; }
.bbs_gallist ul.gall { display:flex; flex-wrap:wrap; gap:60px 21px; margin:0; padding:0; list-style:none; zoom:1; }
.bbs_gallist ul.gall li.li_gallery { position:relative; margin:0; padding:0 !important; overflow:hidden; }
.bbs_gallist ul.gall li.li_gallery.col-gn-0,
.bbs_gallist ul.gall li.li_gallery.col-gn-1,
.bbs_gallist ul.gall li.li_gallery.col-gn-2,
.bbs_gallist ul.gall li.li_gallery.col-gn-3,
.bbs_gallist ul.gall li.li_gallery.col-gn-4,
.bbs_gallist ul.gall li.li_gallery.col-gn-5,
.bbs_gallist ul.gall li.li_gallery.col-gn-6,
.bbs_gallist ul.gall li.li_gallery.col-gn-7,
.bbs_gallist ul.gall li.li_gallery.col-gn-8,
.bbs_gallist ul.gall li.li_gallery.col-gn-9,
.bbs_gallist ul.gall li.li_gallery.col-gn-10 { position:relative; min-height:1px; padding-left:10px; *padding-left:0; padding-right:10px; *padding-right:0; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-left:0; }
.bbs_gallist ul.gall li.li_gallery.col-gn-0,
.latest_row .col-gn-1 { width:100%; }
.bbs_gallist ul.gall li.li_gallery.col-gn-2 { max-width:calc(50% - 15px); }
.bbs_gallist ul.gall li.li_gallery.col-gn-3 { max-width:calc(33.33% - 14px); }
.bbs_gallist ul.gall li.li_gallery.col-gn-4 { max-width:calc(25% - 15px); }
.bbs_gallist ul.gall li.li_gallery.col-gn-5 { max-width:calc(20% - 15px); }
.bbs_gallist ul.gall li.li_gallery.col-gn-6 { max-width:calc(16.66% - 15px); }
.bbs_gallist ul.gall li.li_gallery.col-gn-7 { max-width:calc(14.28571428% - 15px); }
.bbs_gallist ul.gall li.li_gallery.col-gn-8 { max-width:calc(12.5% - 15px); }
.bbs_gallist ul.gall li.li_gallery.col-gn-9 { max-width:calc(11.11% - 15px); }
.bbs_gallist ul.gall li.li_gallery.col-gn-10 { max-width:calc(10% - 15px); }
.bbs_gallist ul.gall li.li_gallery.box_clear { clear:both; }
.bbs_gallist ul.gall li.li_gallery .gall_box { position:relative; margin:0; }
.bbs_gallist ul.gall li.li_gallery .gall_box .cell_bbs_chk { position:absolute; top:-9px; left:0; }
.bbs_gallist ul.gall li.li_gallery .gall_box .div_gall_modify { top:5px; right:10px; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con { position:relative; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img { position:relative; height:0; padding-top:56.25%; /*padding-top:72%;*/ text-align:center; background-color:#191919; border-radius:20px; overflow:hidden; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img a,
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img .no_image,
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img .is_notice { display:block; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img iframe,
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img img { max-width:100%; position:absolute; left:0; right:0; top:0; bottom:0; /*transform:translate(-50%,-50%);*/ transition:transform .3s ease; border:0 none; width:100%; /*height:100%;*/ object-fit:cover; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img img { background-color:#191919; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img iframe { width:100%; height:100%; pointer-events:none; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img:hover img { max-width:100%; transform:scale(1); /*transform:translate(-50%, -50%) scale(1.1);*/ }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .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; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img .bo_cate { position:absolute; bottom:20px; left:20px; height:36px; line-height:36px; padding:0 15px; color:#fff; font-weight:700; border-radius:30px; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img .bo_cate.ca01 { background-color:#a800d8; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img .bo_cate.ca02 { background-color:hsl(211, 84%, 48%); }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img .bo_cate.ca03 { background-color:#ff6600; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img .bo_cate.ca04 { background-color:hsl(40, 90%, 50%); }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img .bo_cate.ca05 { background-color:var(--theme-color); }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href { position:relative; margin-top:28px; padding:0; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href a {}
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href img {}
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_info { margin-bottom:12px; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_info .bo_stit { font-weight:500; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_info .bo_date { position:relative; margin-left:8px; padding-left:10px; color:#999; font-family:"Montserrat"; }
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_info .bo_date::before { content:""; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:2px; height:2px; background-color:#D9D9D9; border-radius:50%; }
/* .bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_cate_link,
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_date{color:#fff;font-size:1.05em;font-weight:200;font-family:'Montserrat';}
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_cate_link {display:block;}
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_date{position: absolute;right: 0;top:25px;}*/
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_tit { position:relative; width:100%; margin:0; overflow:hidden; } 
.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_tit span { padding:0 3px 3px 0; color:#fff; font-size:1.3rem; font-weight:700; line-height:1.4; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; background-image:linear-gradient(transparent calc(100% - 2px), var(--theme01) 2px); background-size:0; background-repeat:no-repeat; display:block; transition:0.2s ease-in-out; }

/* 해시태그 */
.bbs_gallist .view_info_hashtag { height:20px; overflow:hidden; }
.bbs_gallist .view_info_hashtag ul { display:flex; flex-wrap:wrap; gap:10px; }
.bbs_gallist .view_info_hashtag ul li { padding:0; font-size:0.813rem; color:#999; border:0 none; }

@media (max-width: 1200px) {
	.bbs_gallist { margin-bottom:50px; }
	.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href { margin-top:10px; }
	.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_info { margin-bottom:5px; }
	.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_info span { font-size:0.875rem; }
	.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_tit {}
	.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_tit span { font-size:1.215rem; }
	.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_img .bo_cate { position:absolute; bottom:10px; left:10px; height:24px; line-height:24px; padding:0 10px; font-size:0.875rem; }
}
@media (max-width: 992px) {
	.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_tit span { font-size:1.067rem; }
}
@media (min-width: 768px) {
	.bbs_gallist ul.gall.row-cols-md-3>* { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:calc(33.33% - 14px); }
	.bbs_gallist ul.gall.row-cols-md-4>* { -ms-flex:0 0 25%; flex:0 0 25%; max-width:calc(25% - 15px); }
}
@media (max-width: 768px) {
	.bbs_gallist ul.gall { gap:20px; }
	.bbs_gallist ul.gall.row-cols-md-3>* { -ms-flex:0 0 50%; flex:0 0 50%; max-width:calc(50% - 10px); }

	.bbs_gallist ul.gall li.li_gallery.col-gn-3 { flex:0 0 100%; max-width:100%; }
}
@media (max-width: 486px) {
	.bbs_gallist{ margin-bottom:30px; }
	.bbs_gallist ul.gall.row-cols-md-3>* { -ms-flex:0 0 100%; flex:0 0 100%; max-width:none; width:100%; }
	.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_info span { font-size:0.867rem; }
	.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_tit { }
	.bbs_gallist ul.gall li.li_gallery .gall_box .gall_con .gall_text_href .bo_tit span { font-size:1rem; }
}