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

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

#bo_gall #bo_btn_top input {border-width: 0; border-radius: 8px; font-size: 1rem; border: 0; box-shadow: none !important; background: transparent; color: #fff;}
#bo_gall .btn_submit {width: fit-content; height: fit-content; background: transparent !important; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
#bo_gall #bo_btn_top input[type=text]:focus {border: 0 !important;}

.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스킨 */
#bo_gall #gall_ul {margin-top: 5rem;}
#bo_gall .gall_info h4 {color: #fff;}
#bo_gall .gall_info .desc {display: flex; align-items: center; color: #999999; margin-top: .8rem; gap: 2rem;}
#bo_gall .gall_info .desc > div {display: flex; align-items: center; gap: .3rem;}
#bo_gall .gall_info .desc > div img {width: 0.9rem;}

#bo_gall .gall_img {border-radius: 1.875rem; aspect-ratio: 356 / 214; width: 100% !important; background: #232323;}
#bo_gall .gall_img .thumb {object-fit: contain;  height: -webkit-fill-available !important; margin: auto; }

#bo_gall #bo_btn_top {border-bottom: 1px solid rgba(255,255,255,0.2);}

/* 로그인 */
.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; background: #232323; font-size: 1.125rem;}
.loginbox:after {width: 45%; height: 100%; background: rgba(255,255,255,0.05);}
.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:1240px) {
    .gall_row .col-gn-4 {width: 33.333%;}
}

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

@media(max-width: 500px) {
    .gall_row .col-gn-4 {width: 100%;}
    .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;}

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

@media(max-width:380px) {
    #bo_v_info {display: flex; align-items: center; justify-content: space-between; 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);}