/* 공통 */
#bo_v_info {z-index: 1;}
#bo_gall #bo_btn_top {padding: 0 0 1.5rem;}
#bo_gall .board_ctrl {filter: brightness(0) invert(1);}
#bo_v .board_ctrl {filter: grayscale(1) invert(0);}
#bo_gall #bo_v_top ul, .btn_bo_user li, .more_opt li button, .more_opt li a, #bo_list #bo_v_share .btn {background: transparent !important;}
.bo_v_com {margin: 20px 0 10px;}

@media(max-width:768px) {
    #bo_list #bo_v_top ul, .btn_bo_user li, .more_opt li button, .more_opt li a, #bo_list #bo_v_share .btn {font-size: 1.25rem; line-height: 1.7;}
}

.chk_box input[type="checkbox"] + label:hover {color: var(--pointcolor);}
.chk_box input[type="checkbox"]:checked + label span {background: url(./img/chk.png) no-repeat 50% 50% var(--pointcolor); border-color: var(--pointcolor);}

/* 페이지표시 */
#bo_list_total {background: #232323; padding: 0 10px; border-radius: 5px; color: #999999; font-size: 1rem;}

/* 반응형 */
@media(max-width:1240px) {
    .tbl_wrap table {font-size: 1rem;}
}

@media(max-width:768px) {
    .tbl_head01 .sv_use {width: 20%;}
}

/* list스킨 */
.gall_cont_box {border-radius: 0;}

#bo_cate ul {row-gap: 1.5rem;}
#bo_cate li {width: fit-content; min-width: fit-content;}
#bo_cate a {background-color: transparent; border-radius: 0; border: 1px solid var(--pointcolor); padding: .5rem 2.5rem; color: var(--pointcolor);}
#bo_cate li:nth-child(n+6) {margin-top: 0;}

#bo_gall .bo_sch_wrap {margin: 10px 0 3rem;}
.gall_cont_box .divarrow {display: none;}

.gall_cont_box > * .cont {position: initial; width: 100%; text-align: center; border-radius: 0; justify-content: center; padding: 1rem; font-weight: 700;}
.gall_cont_box .before .cont {background: #232323; color: #fff;}

#gall_ul .txt {padding: 2rem 1rem; color: #999999; border-bottom: 1px solid rgba(255,255,255,0.3);}

#bo_gall #gall_ul {display: flex; column-gap: 6.25rem; row-gap: 5rem; justify-content: space-between; flex-wrap: wrap;}
#bo_gall #gall_ul:after {display: none;}
#bo_gall #gall_ul li {width: calc(50% - 3.175rem);}

#bo_gall .gall_box {margin-bottom: 0;}

@media(max-width:1240px) {
    #bo_gall #gall_ul {column-gap: 3.5rem;}
}

@media(max-width:768px) {
    #bo_cate {margin: 0 0 5rem;}
    #bo_cate ul {flex-wrap: nowrap; overflow-x: scroll;}
    #bo_cate ul::-webkit-scrollbar {display: none;}
    #bo_gall #gall_ul {flex-wrap: wrap;}
    #bo_gall #gall_ul li {width: 100%;}
}

/* 로그인 */
.loginbox {position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: flex !important; flex-direction: column; align-items: center; justify-content: center; font-size: 1.125rem;}
.loginbox:after {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; filter: blur(5px); content: ""; opacity: 0.7;}
.loginbox p {color: #fff; position: relative;  z-index: 1;}
.loginbox .btns {color: var(--pointcolor); display: flex !important; align-items: center; gap: 1rem; border-bottom: 1px solid var(--pointcolor); font-family: var(--pointfont), serif; letter-spacing: 0; position: relative; z-index: 1; width: fit-content; margin: 1rem auto 0;}
.loginbox .btns p {color: var(--pointcolor);}

@media(max-width:768px) {
    #bo_gall .gall_info .desc {font-size: 1.125rem;}
    #bo_gall .gall_info .desc > div img {width: 1rem;}
}

@media(max-width: 500px) {
    .loginbox {font-size: 1.25rem;}
    .loginbox img {width: 5px;}
    .loginbox .btns {margin-top: .5rem;}
}

/* write스킨 */
section#bo_w {max-width: 100% !important; width: 95% !important; padding: 6.25rem 5%; border-radius: 1.875rem; font-size: 1.125rem !important; background: #fff; margin: 200px auto !important;}

.btn_cke_sc {height: auto !important;}
#bo_w .bo_w_flie .frm_file {margin-top: 0;;}

#bo_w .btn_submit:hover {background: var(--pointcolor);}

@media(max-width:1550px) {
    section#bo_w {margin: 130px auto !important;}
}

@media(max-width:990px) {
    section#bo_w {margin: 100px auto !important;}
}

@media(max-width:768px) {
    section#bo_w {width: 92.5% !important; margin: 80px auto !important;}
}

/* veiw스킨 */
article#bo_v {max-width: 100% !important; width: 95% !important; padding: 6.25rem 5%; border-radius: 1.875rem; font-size: 1.125rem !important; background: #fff !important;}
#bo_v_info {border-bottom: 1px solid #999999; }
#bo_v_atc {margin-top: 4.5rem;}
#bo_v_title .bo_v_tit {font-size: 3rem; font-weight: 700;}
#bo_v_con img {margin: auto;}

#topInfo .cate {color: var(--pointcolor); font-weight: 700;}

@media(max-width:768px) {
    article#bo_v {width: 92.5% !important;}
}

@media(max-width:380px) {
    #bo_v_info {display: flex; align-items: center; flex-wrap: wrap;}
}

.bo_v_nb li {border-top: 1px solid rgba(0,0,0,0.2);}
.bo_v_nb li:last-child {border-bottom: 1px solid rgba(0,0,0,0.2);}