@charset "utf-8";

#bo_gall #bo_sch,
#bo_gall .bo_fx {margin-bottom:30px}
#bo_gall .bo_fx {display:block;clear:none;float:right;width:auto}
#bo_gall #gall_allchk {clear:both;margin:0 0 10px}

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));clear:both;gap:45px 3%;padding:0;list-style:none;zoom:1}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_box {position:relative;height:100%;margin:0;border:1px solid #eee;background:#fff;border-radius:0 0 2px 2px;box-sizing:border-box}
#bo_gall .gall_li .gall_chk{position:absolute;top:0;left:0;padding:5px;}

.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .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;}
.gall_row .col-gn-0,.latest_row .col-gn-1{width:100%}
.gall_row .col-gn-2{width:50%}
.gall_row .col-gn-3{width:33.33333333%}
.gall_row .col-gn-4{width:25%}
.gall_row .col-gn-5{width:20%}
.gall_row .col-gn-6{width:16.66666667%}
.gall_row .col-gn-7{width:14.28571428%}
.gall_row .col-gn-8{width:12.5%}
.gall_row .col-gn-9{width:11.11111111%}
.gall_row .col-gn-10{width:10%}

/*.gall_row .box_clear{clear:both}*/

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_img {width:100%;overflow:hidden !important;padding:0;border-bottom:1px solid #eee;box-sizing:border-box;     aspect-ratio: 13 / 17;}
#bo_gall .gall_img > a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice{display:block;width:100%;height:100%}
#bo_gall .gall_img img,#bo_gall .gall_img a img{display:block;width:100%;height:100%;object-fit:cover}
#bo_gall .gall_img span{background:#eee;text-align:center;text-transform:uppercase;font-size:0;color:#777}
#bo_gall .gall_img .no_image{background:#f4f4f4 url('/img/main/logo_b.png') center center / 65% auto no-repeat;    filter: grayscale(1.2);}

/* 포토갤러리만 정사각형 이미지 영역 사용 */
#bo_gall.photo_gallery .gall_img{height:auto;aspect-ratio:1 / 1;background:#fff}
#bo_gall.photo_gallery .gall_img img,
#bo_gall.photo_gallery .gall_img a img{object-fit:cover;object-position:center;background:#fff}


#bo_gall .gall_text_href {margin:10px}
#bo_gall .gall_text_href a {font-weight:bold}
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall  .bo_cate_link{font-size:15px !important; font-weight:500!important; color:#888;margin-bottom:4px; text-align:center; width:100%;}
#bo_gall .bo_tit{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:bold;color:#000;font-size:17px;line-height:1.5;text-align:center;text-overflow:ellipsis;}
#bo_gall .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_gall .profile_img img{border-radius:50%}
#bo_gall .gall_name{margin:10px}

#bo_gall .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_gall .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_gall .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}
#bo_gall .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_gall .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_gall .bo_tit .fa-lock{display: inline-block;line-height: 16px;color: #999;text-align: center;vertical-align:middle;}


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

#bo_gall li.empty_list {padding:85px 0;text-align:center;}

#bo_gall .gall_li {width:auto !important;margin:0;float:none;min-width:0}


@media all and (max-width:1000px){
#bo_gall #gall_ul {grid-template-columns:repeat(2,minmax(0,1fr))}
}


 /* Tablet Device */


 /* Mobile Device */
@media all and (max-width:600px){
#bo_gall #gall_ul {grid-template-columns:1fr;gap:30px}
#bo_gall .gall_img{height:260px}
}

@media all and (max-width:400px){
#bo_gall .gall_img{height:240px}
}