.bbs_paging { margin-top: 60px; font-size: 0; display: flex; align-items: center; justify-content: center; gap: 5px;}
.bbs_paging a,
.bbs_paging b {width: 50px; height: 50px; border-radius: 100px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1rem;}
.bbs_paging b {background: var(--mainColor); color: #fff;}
.bbs_paging a {border: 1px solid var(--border);  background: #fff; color: #999;}


.gallery_check_wrap {display:inline}
.gallery_check {position:absolute; top:10px; left:10px; z-index:4}


.sul_menu.cate_menu {margin-bottom:100px; text-align: center;}
.sul_menu.cate_menu a {font-size:1.125rem; font-weight:700; color:#999; font-family: "Paperlogy", sans-serif; border-right:0; margin:0 15px; padding:15px 0;}
.sul_menu.cate_menu a:hover {color: var(--subColor);}
.sul_menu.cate_menu img {display:none;}
.sul_menu.cate_menu img+a { color:var(--mainColor); border-bottom:3px solid var(--mainColor)}
.sul_menu.cate_menu img+a:hover {color:var(--mainColor); }


.pj_wrap table,
.pj_wrap tbody,
.pj_wrap tr,
.pj_wrap td {display: block; height: auto; width: 100%;}


.gal_list > tbody {display:flex; flex-wrap:wrap; gap: 30px 20px;}
.gal_list > tbody > tr {width:calc(33.333% - 13.333px); position:relative; cursor:pointer}
.gallery_img {width:100%;overflow:hidden; aspect-ratio:3/2;}
.gallery_img a {display:block; position:relative; z-index:1; font-size:0; width: 100%; height: 100%;  overflow:hidden;  border: 1px solid var(--border); background: #fff;}
.gallery_img img {width:100%; height:100%; object-fit: contain;}
.gallery_etc {font-size:0; margin-top: 2px;}
.gallery_etc font {font-size: 0.875rem; color: #767676}


.gallery_subject {font-size: 1.25rem; margin-top: 10px; font-weight: 700;}



.gal_view_wrap {padding-top: 200px;}
.gal_view_wrap .sub_top {display:none;}


.gal_view_cont .board_bgcolor {display: none;}
.gal_view_cont .board_desc {text-align: center;}
.gal_view_cont .subject {font-size: 3rem; font-weight: 700;}
.gal_view_cont .discrip {font-size: 1.125rem; color: #767676; margin-top: 10px;}
.gal_view_cont .content {margin-top: 60px;}



.gal_form_wrap {padding-top: 200px;}
.gal_form_wrap .sub_top {display:none;}
.gal_form_wrap input[name="maybe"] {display: none;}
.gal_form_wrap #bn {display: none;}
.gal_form_wrap #description {display: none;}
.gal_form_wrap #NNEditorContents {display: none;}
.nneditor-container {}
.nneditor-container table {display: table !important;}
.nneditor-container tbody {display: table-row-group !important;}
.nneditor-container tr {display: table-row !important;}
.nneditor-container th {display: table-cell;}
.nneditor-container td {display: table-cell;}
.nneditor-iframe-container > iframe {display: block; width: 100%; height: 500px; background: #fff}
.nneditor-iframe-container > textarea {display: none; width: 100%; height: 500px; resize: none;}


.gal_form > tbody {display: flex; flex-direction: column; gap: 10px;}
.gal_form .board {display: flex;}
.gal_form .board_bgcolor {width: 200px; min-height: 50px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;} 
.gal_form .board_desc { min-height: 50px; display: flex; align-items: center;}




.board_admin_bgcolor {margin-top: 80px;}
.board_admin_bgcolor > table > tbody > tr {display: flex; justify-content: flex-end;}
.board_admin_bgcolor > table > tbody > tr > td {width: max-content; line-height: 1;}
.board_admin_bgcolor > table > tbody > tr > td #check_all {margin-right: 20px;}


.board_write {display: flex; justify-content: flex-end; margin-top: 20px;}


.board_btn_box {margin-top: 60px;}
.board_list {display: flex; align-items: center; gap: 10px; justify-content: flex-end;}
.board_list a img {display: none;}
.board_list a {width: 100px; height: 40px; background: #000; color: #fff; position: relative;}
.board_list a::before {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
}
.board_list .btn_list::before {content: "¸ñ·ÏÀ¸·Î";}
.board_list .btn_cancel::before {content: "Ãë¼Ò";}
.board_list .btn_comf {width: 100px; height: 40px; background: #000; color: #fff; position: relative;}
.board_list .btn_comf::before {
    content: "È®ÀÎ"; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
}
.board_list .btn_comf input {position: relative; z-index: 1; width: 100%; height: 100%; opacity: 0;}


.bbsviewbtn {margin-top: 40px;}
.bbsviewbtn a {width: 200px; height: 50px; background: #000; color: #fff; position: relative; display: block; margin: 0 auto;}
.bbsviewbtn a::before {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center; content: "¸ñ·ÏÀ¸·Î";
}
.bbsviewbtn a img {display: none;}


@media screen and (max-width:1440px) {


    .gal_view_cont .subject {font-size: 2rem;}
    .gal_view_cont .discrip {font-size: 1rem; margin-top: 5px;}


}




@media screen and (max-width:1199px) {


    .gallery_subject {font-size: 1.125rem}
    


}



@media screen and (max-width:899px) {


    .gal_list > tbody > tr {width: calc(50% - 10px);}


    .gal_view_wrap {padding-top: 150px;}
    .gal_form_wrap {padding-top: 150px;}


    .sul_menu.cate_menu {margin-bottom: 60px;}
    .sul_menu.cate_menu a {font-size: 1rem; padding: 15px 0 10px; margin: 0 10px;}


    .gal_view_cont .content {margin-top: 40px;}


}




@media screen and (max-width:599px) {


    .bbs_paging {margin-top: 40px; gap: 3px;}
    .bbs_paging a, .bbs_paging b {width: 38px; height: 38px; font-size: 0.875rem;}


    .gal_list > tbody > tr{width: 100%;}
    .gallery_subject {font-size: 1rem;}
    .gallery_etc font {font-size: 0.8125rem;}


    .gal_view_cont .subject {font-size: 1.25rem;}
    
    .gal_form .board {flex-direction: column; gap: 5px;}
    .gal_form .board_bgcolor {width: 100%; min-height: unset; justify-content: flex-start;}


    
    .sul_menu.cate_menu a {font-size: 0.875rem;}
    



}