@charset "utf-8";

/*갤러리 리스트 단독*/

/*---------------------------갤러리 목록---------------------------*/

#bo_list h2{margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_list #gall_allchk{display:block;margin-bottom:1rem;overflow:hidden}
#bo_list #gall_allchk .chk_box input[type="checkbox"] + label[for="chkall"]{margin:0}

/*관리자설정*/
.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{}
.gall_row .col-gn-0,.gall_row .col-gn-1{width:100%}
.gall_row .col-gn-2{width:49.5%}
.gall_row .col-gn-3{width:32.5%}
.gall_row .col-gn-4{width:24%}
.gall_row .col-gn-5{width:19%}


/*관리자설정 끝*/
#bo_list .gall_href a:link, #bo_list .gall_href a:focus, #bo_list .gall_href a:hover{text-decoration:none}

#gall_ul{width:100%;display:flex;flex-wrap:wrap;gap:3rem 1%}
#gall_ul:after{content:'';display:block;visibility:hidden;clear:both}

#gall_ul .gall_box{overflow:hidden;position:relative}
#gall_ul .gall_img{border:1px solid #ddd;border-radius:1rem;overflow:hidden;position:relative}
#gall_ul .gall_img img{width:100%}
#gall_ul .gall_txt_box{margin-top:2rem;text-align:center}
#gall_ul .gall_li .gall_txt_box .bo_cate_link {display:inline-block;margin-bottom:1rem;padding:0.3rem 0.8rem;border-radius:2px;background:#ebf0f7;font-weight:500;font-size:13px;color:var(--pt-color)}
#gall_ul .gall_li .gall_txt_box .tit_box{display:flex;justify-content:center}
#gall_ul .gall_li .gall_txt_box .tit_box .list_icon{margin-left:.5rem}
#gall_ul .gall_li .gall_txt_box .bo_tit{margin-bottom:.5rem;font-size:1.8rem;font-weight:600;color:#333}
#gall_ul .gall_li .gall_txt_box .bo_txt{font-size:1.6rem;font-weight:400;color:#888}

#gall_ul .gall_img .down_btn{width:4rem;height:4rem;border-radius:4rem;background:var(--pt-color);position:absolute;bottom:2rem;right:2rem;transition:all .3s}
#gall_ul .gall_img .down_btn img{width:2rem;position:relative;left:1rem;top:50%;transform:translateY(-50%)}
#gall_ul .gall_img .down_btn span{width:11rem;font-size:1.5rem;font-weight:500;color:#fff;opacity:0;position:absolute;left:4rem;top:50%;transform:translateY(-50%);z-index:-10}
#gall_ul .gall_img .down_btn:hover{width:16rem;background:#222}
#gall_ul .gall_img .down_btn:hover span{opacity:1;z-index:10;transition-delay:.5s;transition:opacity .3s;}

#bo_list .gall_li .gall_chk{padding:0;position:absolute;top:.5rem;left:.5rem;padding:5px;z-index:1}
/*---------------------------갤러리 목록---------------------------*/

#bo_list .gall_li .edit {display: block;width: 4rem;height: 2rem;margin: 1rem auto 0;border-radius: 2rem;background: #c00;font-size: 12px;font-weight: 500;text-align: center;line-height: 2rem;color: #fff;}


#bo_list .bo_list_top_area .down{max-width:30rem;padding:1.2rem 2rem;border-radius:5rem;background:var(--pt-color);font-size:1.6rem;font-weight:700;color:#fff;display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
#bo_list .bo_list_top_area .down img{width:2rem}


@media(max-width:1280px){
.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
{width:24%;}
}
@media(max-width:1024px){
.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
{width:32%}

#bo_list .bo_list_top_area .down{margin:0 auto}
}


@media(max-width:767px){
#gall_ul{max-width:55rem;width:100%;margin:0 auto}
.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
{width:49%;}
}

@media(max-width:320px){
.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
{width:100%;}
#gall_ul .gall_img{max-width:25rem;width:100%;margin:0 auto}
}