@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{display:none}

#gall_ul .gall_box{overflow:hidden;position:relative}
#gall_ul .gall_img{border-radius:1rem;overflow:hidden}
#gall_ul .gall_img a{display:block;width:100%}
#gall_ul .gall_img a img{width:100%;height:auto;transition:all .3s}
#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:#239aee}
#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:1.7rem;font-weight:500;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

#bo_list .gall_li .gall_chk{padding:0;position:absolute;top:.5rem;left:.5rem;padding:5px;z-index:1}

#gall_ul .gall_li:hover .gall_img a img{transform:scale(1.05)}
#gall_ul .gall_li .gall_txt_box .tit_box .tit{font-size:2rem;font-weight:700;color:#333}
#gall_ul .gall_li .gall_txt_box .tit_box .txt{margin-top:.5rem;font-size:1.6rem;line-height:150%;color:#666}
#gall_ul .gall_li .gall_txt_box .tit_box .price{margin-top:1rem;font-size:2.1rem;font-weight:700;line-height:1;color:var(--pt-color);font-family:'Poppins','Pretendard'}

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




/*-----뷰페이지-----*/
#bo_v .pdt_info_area{width:100%;margin-bottom:5rem;display:flex;flex-wrap:wrap;align-items:center;gap:2rem 5rem}
#bo_v .pdt_info_area .img_box{width:50%;border:1px solid #ddd;border-radius:2rem;overflow:hidden}
#bo_v .pdt_info_area .img_box img{width:100%}
#bo_v .pdt_info_area .txt_box{width:calc(50% - 5rem)}
#bo_v .pdt_info_area .txt_box .tit{margin-bottom:1rem;font-size:2.2rem;font-weight:700;color:#333}
#bo_v .pdt_info_area .txt_box .txt{margin-bottom:1rem;font-size:1.7rem;line-height:150%;color:#666}
#bo_v .pdt_info_area .txt_box .price{font-size:3.3rem;font-weight:700;color:var(--pt-color);font-family:'Poppins', 'Pretendard'}
#bo_v .link_btn{max-width:50rem;width:100%;margin-top:2rem;display:flex;flex-wrap:wrap;gap:2rem 2%}
#bo_v .link_btn li{width:49%;height:5rem;border-radius:5rem;background:#f7f7f7}
#bo_v .link_btn li a{width:100%;height:100%;font-size:1.7rem;font-weight:500;color:#333;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem}
#bo_v .link_btn li a img{width:2rem}
#bo_v .link_btn li.link1{background:var(--pt-color)}
#bo_v .link_btn li.link1 a{color:#fff}
#bo_v .link_btn li.link1 a img{filter:invert(1);}

#bo_v #price_view_wrapper{margin-bottom:5rem;position:relative}
#bo_v .scroll_msg{display:none;width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;z-index:100;transition:all .3s}
#bo_v .scroll_msg .txt{width:100%;font-size:1.8rem;font-weight:700;text-align:center;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#bo_v .scroll_msg.on{opacity:0;z-index:-1}

#bo_v .price_tit{width:100%;display:flex;flex-wrap:wrap;}
#bo_v .price_tit li{width:14.2%;padding:1.5rem 1rem;border-bottom:1px solid #386bd0;border-right:1px solid #386bd0;background:var(--pt-color);font-size:1.6rem;font-weight:700;text-align:center;color:#fff;display: flex;align-items: center;justify-content: center;}
#bo_v .price_tit li.full{width:99.4%}
#bo_v .price_tit li:last-child{border-right:0}
#bo_v .price_view_cont{width:100%;border-left:1px solid #ddd;display:flex;flex-wrap:wrap;}
#bo_v .price_view_cont li{width:14.2%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:1.5rem 1rem;font-size:1.6rem;text-align:center;color:#666;display:flex;flex-wrap: wrap;align-items: center;justify-content: center;}


#bo_v .cont_tit{margin-bottom: 3rem;border-left: 2px solid var(--pt-color);padding: 1.5rem 2rem;background: #f2f5fc;font-size: 2rem;font-weight: 700;color: #333;}
#bo_v .box_txt{padding:5rem;border-radius:2rem;border:1px solid #ddd}
#bo_v .box_txt p{margin-bottom:1rem;padding:0 0 1rem 1rem;border-bottom:1px dashed #ddd;font-size:1.7rem;line-height:150%;color:#666;position:relative;word-break:keep-all}
#bo_v .box_txt p:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:1rem}
#bo_v .box_txt p:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
#bo_v .cont_box +  .cont_box {margin-top:5rem}
#bo_v .tip_cont{margin-top:2rem}
#bo_v .tip_cont p{margin-bottom:1rem;padding:0 0 1rem 1rem;border-bottom:1px dashed #ddd;font-size:1.7rem;line-height:150%;color:#666;position:relative;word-break:keep-all}
#bo_v .tip_cont p:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:1rem}
#bo_v .tip_cont p:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}

/*글쓰기*/
/*이용요금*/
.flex-tit{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}
.price_btn{width:10rem;height:3.5rem;border-radius:3.5rem;background:var(--pt-color);font-size:1.7rem;font-weight:500;line-height:3.5rem;text-align:center;color:#fff;transition:all .3s;cursor:pointer}
.price_btn:hover{background:#000}

.price_tit_area{margin-bottom:0;padding:1rem 4rem;background:#333;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1%}
.price_tit_area li{width:13%}
.price_tit_area li.full{width:97%}
.price_tit_area .tit{font-size:1.7rem;color:#fff;font-weight:500;display:flex;flex-wrap:wrap;justify-content:center;align-items: center;}

#bo_w .price_wrap{margin-bottom:2rem;position:relative}
#bo_w .scroll_msg{display:none;width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;z-index:100;transition:all .3s}
#bo_w .scroll_msg .txt{width:100%;font-size:1.8rem;font-weight:700;text-align:center;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#bo_w .scroll_msg.on{opacity:0;z-index:-1}

.price_wrapper_area{}
.price_wrapper_area ul{padding:1rem 4rem;border:1px solid #ddd;border-top:0;position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:1%}
.price_wrapper_area ul li{width:13%}
.price_wrapper_area ul button {width:4rem;height:2.2rem;border:0;border-radius:2rem;background:#c00;font-size:13px;line-height:2.2rem;font-weight:500;color:#fff;position:absolute;top:50%;transform:translateY(-50%);right:1rem}


#bo_w textarea.full_textarea{width:100%;height:15rem;resize:none}


@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 .txt_box .price{font-size:3rem}
#bo_v .box_txt{padding:3rem 2rem}


#bo_w .price_wrap{overflow-x:auto}
#bo_w .scroll_msg{display:block}
.price_tit_area, .price_wrapper_area{min-width:102.5rem}

}




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


/*뷰페이지*/
#bo_v .pdt_info_area{justify-content:center}
#bo_v .pdt_info_area .img_box{max-width:40rem;width:100%}
#bo_v .pdt_info_area .txt_box{width:100%;text-align:center}
#bo_v .link_btn{margin:2rem auto 0}
#bo_v  .scroll_msg{display:block}
#bo_v #price_view_wrapper{overflow-x:auto}
#bo_v .price_tit, #bo_v .price_view_cont{min-width:78rem}
}

@media(max-width:360px){
/*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%;}
}