@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{width:100%}
.gall_row .col-gn-2{width:49%}
.gall_row .col-gn-3{width:32%}
.gall_row .col-gn-4{width:23%}
.gall_row .col-gn-5{width:18%}
.gall_row .col-gn-6{width:15%}
.gall_row .col-gn-7{width:12%}
.gall_row .col-gn-8{width:10%}
.gall_row .col-gn-9{width:9%}
.gall_row .col-gn-10{width:8%}
/*관리자설정 끝*/
#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:5rem 2%}
#gall_ul:after{content:'';display:block;visibility:hidden;clear:both}

#gall_ul .gall_box{position:relative}
#gall_ul .gall_inner{width:100;border-radius:1rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1)}

#gall_ul .gall_img{border:1px solid #ddd;border-radius:1rem;overflow:hidden}
#gall_ul .gall_img img{width:100%;height:auto;transition:all .3s}
#gall_ul .gall_img a:hover img{transform:scale(1.05)}
#gall_ul .gall_txt_box{padding:3rem 2rem;text-align:center}
#gall_ul .gall_li .gall_txt_box .bo_cate_link {display:inline-block;margin-bottom:1rem;padding:0.5rem 1.3rem;border-radius:5rem;background:#f7f7f7;font-weight:600;font-size:14px;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{font-size:2rem;font-weight:600;line-height:130%;color:#222}

#gall_ul .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 .gall_li .gall_chk{padding:0;position:absolute;top:.5rem;left:.5rem;padding:5px;z-index:1}

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



/*뷰페이지 커스텀*/
#bo_v .pdt_info_area{width:100%;margin-bottom:3rem;padding:5rem 0 3rem;border-top:1px solid #222;border-bottom:1px dashed #ddd;display:flex;flex-wrap:wrap;align-items:center}
#bo_v .pdt_info_area .img_box{width:50rem;height:50rem;border:1px solid #ddd;border-radius:2rem;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}
#bo_v .pdt_info_area .img_box img{max-width:100%;width:auto;height:auto;max-height:100%}
#bo_v .pdt_info_area .img_box .more_img{width:4rem;height:4rem;border-radius:.5rem;background:var(--pt-color);font-size:1.5rem;text-align:center;line-height:4rem;color:#fff;position:absolute;bottom:1rem;right:1rem;transition:all .3s}
#bo_v .pdt_info_area .img_box:hover .more_img{background:#0e469d}

#bo_v .pdt_info_area .pdt_info{width:calc(100% - 50rem);padding-left:5rem}
#bo_v .pdt_info_area .pdt_info .tit{margin-bottom:2rem;font-weight:700;font-size:2.6rem;color:#333}
#bo_v .pdt_info_area .pdt_info .tit .txt{display:inline-block;font-weight:400;font-size:1.6rem;color:#888}
#bo_v .pdt_info_area .info_list{}
#bo_v .pdt_info_area .info_list li{padding:1.8rem 3rem;border-radius:1rem;background:#f4f6fb;display:flex;align-items:start;flex-wrap:wrap;}
#bo_v .pdt_info_area .info_list li + li{margin-top:1rem}
#bo_v .pdt_info_area .info_list li .list_tit{width:18rem;font-size:1.7rem;font-weight:700;line-height:150%;color:#222;display:flex;flex-wrap:wrap;align-items: center;gap:1rem}
#bo_v .pdt_info_area .info_list li .list_txt{width:calc(100% - 18rem);font-size:1.7rem;font-weight:500;line-height:150%;color:#666}
#bo_v .pdt_info_area .info_list li .list_tit .icon{width:3.5rem;height:3.5rem;border-radius:4rem;background:rgba(0,0,0,.03);display: flex;align-items: center;justify-content: center;}
#bo_v .pdt_info_area .info_list li .list_tit .icon img{width:1.8rem}
#bo_v .pdt_info_area .info_list li .list_txt a{display:block;width:100%;font-size:1.5rem;font-weight:500;color:#666}
#bo_v .pdt_info_area .info_list li.down{padding:1rem 3rem;background:#fff;border:1px solid #ddd;}
#bo_v .pdt_info_area .info_list li.down .list_tit{font-size:1.5rem}
#bo_v .pdt_info_area .info_list li.down .list_txt{padding-top:.5rem}

#bo_v .cont_tit{margin-bottom:2rem;padding-left:2rem; font-size:2.2rem;font-weight:700;color:#222;position:relative} 
#bo_v .cont_tit:before{content:'';width:1.3rem;height:1.3rem;border:.4rem solid var(--pt-color);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);left:0}

#bo_v .pdt_info_area .pdt_btn_area{max-width:40rem;margin-top:3rem;display:flex;gap:1rem}
#bo_v .pdt_info_area .pdt_btn{width:calc(50% - .5rem);height:5rem;border-radius:.5rem;background:#333;font-weight:500;font-size:1.6rem;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s} 
#bo_v .pdt_info_area .pdt_btn img{display:inline-block;width:2rem;margin-right:.5rem;vertical-align:unset;transition:all .3s}
#bo_v .pdt_info_area .pdt_btn:hover{background:var(--pt-color)}
#bo_v .pdt_info_area .pdt_btn.list_btn{border:1px solid #ddd;background:#fff;color:#333}
#bo_v .pdt_info_area .pdt_btn.list_btn:hover{background:#222;color:#fff}
#bo_v .pdt_info_area .pdt_btn.list_btn:hover img{filter:invert(1);}




#bo_v #bo_v_youtube{width:100%;margin:6rem auto 3rem}

#bo_v #bo_v_youtube .youtube_wrap{width:100%;padding:5rem;background:#f7f7f7}
#bo_v #bo_v_youtube iframe{display:block;max-width:100rem;width:100%;margin:0 auto;aspect-ratio:16 / 9;height:auto}


/*이미지 크게보기*/
#enlarge_img_area{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1}
#enlarge_img_area.on{display:block;z-index:9999}
#enlarge_img_area .img_box{max-width:60rem;max-height:90%;width:90%;height:auto;text-align:center;overflow:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}
#enlarge_img_area .img_box img{max-width:100%;width:auto;height:auto}
#enlarge_img_area .close_btn{width:5rem;height:5rem;border-radius:4rem;background:#fff;text-align:center;line-height:5rem;box-shadow:0 0 .5rem rgba(0,0,0,.1);position:fixed;top:3rem;right:3rem;z-index:10;cursor:pointer}
#enlarge_img_area .area_bg{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;top:0;left:0}



#bo_w .gray_box{margin-bottom:2rem;padding:2rem;background:#f7f7f7}
#bo_w .gray_box label{font-size:1.5rem;font-weight:500;color:#222;cursor:pointer}

.empty_list{width:100%;text-align:center}


@media(max-width:1280px){
#bo_v .pdt_info_area .img_box{width:45rem;height:45rem}
#bo_v .pdt_info_area .pdt_info{width:calc(100% - 45rem)}
}


@media(max-width:1024px){
/*1024부터 3배열 - 관리자설정 무시*/
.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_v .pdt_info_area{flex-direction:column}
#bo_v .pdt_info_area .pdt_info{max-width:100rem;width:100%;margin:3rem auto 0;padding:0}
#bo_v .pdt_info_area .pdt_info .tit{text-align:center}
#bo_v .pdt_info_area .pdt_btn_area{margin:3rem auto 0}

}


@media(max-width:767px){
/*1024부터 2배열 - 관리자설정 무시*/
#gall_ul{gap:3rem 2%}
.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%;}

#gall_ul .gall_li .gall_txt_box .bo_tit{font-size:1.8rem}

#bo_v .pdt_info_area .info_list li{text-align:center}
#bo_v .pdt_info_area .info_list li .list_tit{width:100%;justify-content: center;}
#bo_v .pdt_info_area .info_list li .list_txt{width:100%}

#bo_v .pdt_info_area .info_list li.down {text-align:left}
#bo_v .pdt_info_area .info_list li.down .list_tit{width:13rem;justify-content:left;}
#bo_v .pdt_info_area .info_list li.down .list_txt{width:calc(100% - 13rem)}
}

@media(max-width:480px){
#bo_v .pdt_info_area .img_box{width:34rem;height:34rem}
#bo_v #bo_v_youtube .youtube_wrap{padding:0}

#gall_ul .gall_txt_box{padding:2rem 1rem}
#gall_ul .gall_li .gall_txt_box .bo_cate_link{font-size:12px}
#gall_ul .gall_li .gall_txt_box .bo_tit{font-size:1.6rem}
}

@media(max-width:324px){ /*게시판 아이프레임으로 인해 360px 화면 사이즈 계산 -> 324px */
/*360이하 1배열*/
.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%;}
}