/* 공통 */
#bo_v_info {z-index: 1;}
#bo_list #bo_btn_top {padding: 0 0 1.5rem; position: relative; z-index: 1;}
#bo_list .btn_bo_user i {filter: brightness(0) invert(1); font-size: 15px;}
#bo_list #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;}
}

#bo_list #bo_btn_top input {border-width: 0; border-radius: 8px; font-size: 1rem; border: 0; box-shadow: none !important; background: transparent; color: #fff;}
#bo_list .btn_submit {width: fit-content; height: fit-content; background: transparent !important; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
#bo_list #bo_btn_top input[type=text]:focus {border: 0 !important;}

/* 검색 */
.search i {filter: brightness(0) invert(1);}

/* 게시판 table */
.tbl_wrap table {font-size: 1.25rem; color: #999999 !important; font-weight: 400 !important; background: transparent !important;}
#bo_list tbody .even td {background: #232323 !important;}
#bo_list tbody .even:hover td {background: #232323 !important;}
.bo_notice .notice_icon {color: var(--pointcolor) !important;}
.tbl_head01 tbody td,
.tbl_head01 tbody tr:hover td, #bo_list tbody .even:hover td,
.bo_notice td {background: #232323 !important;}
.td_answer {text-align: center;}
.td_answer span.on {color: var(--pointcolor);}


/* 게시판 보더색상 */
.tbl_head01 table {border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2);}
.tbl_head01 thead th,
.tbl_head01 td, 
#bo_list .td_chk {border-bottom: 1px solid rgba(255,255,255,0.2) !important; padding: 1.25rem 0;}

.tbl_head01 thead th,
.tbl_head01 td,
.tbl_head01 th a {color: #999999 !important; font-weight: 400 !important;}

#bo_list .td_num2 {color: var(--pointcolor) !important; font-weight: 700 !important;}

.bo_tit a {color: #fff !important;}

.chk_box input[type="checkbox"] + label {left: 50%;}

/* 페이지표시 */
#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: 1.25rem;}
}

@media(max-width:768px) {
    .tbl_head01 .sv_use {width: 20%;}
}

/* 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;}
.bo_w_info {display: flex; flex-wrap: wrap;}
.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;}
}

#captcha {display: flex; align-items: center; gap: .5rem; justify-content: center; margin-top: 1.5rem; flex-wrap: wrap;}

/* veiw스킨 */
article#bo_v {max-width: 100% !important; width: 95% !important; padding: 6.25rem 5%; border-radius: 1.875rem; font-size: 1.125rem !important;}
#bo_v_info {border-bottom: 1px solid #999999; }
#bo_v_atc {margin-top: 4.5rem; margin-bottom: 4.5rem;}
#bo_v_title .bo_v_tit {font-size: 3rem; font-weight: 700;}
#bo_v_con img {margin: auto;}

#bo_v_atc table.answer {width: 100%; border-collapse: collapse; text-align: center; max-width: 700px; margin: auto;} 
#bo_v_atc table.answer th {width: 50%; padding: 1.5rem; background: #232323; color: #fff;}
#bo_v_atc table.answer th {border-bottom: 1px solid rgba(255,255,255,0.2);}
#bo_v_atc table.answer td {border-bottom: 1px solid rgba(0,0,0,0.2);}
#bo_v_atc table.answer tr:last-child td:last-child {border-bottom: none;}


@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: flex-end; flex-wrap: wrap;}
}

/* 코멘트 */
.cmt_btn {border-bottom: 1px solid rgba(0,0,0,0.2);}
.cmt_btn span.total {color: var(--pointcolor);}
.bo_vc_w .btn_submit:hover {background: var(--pointcolor);}

.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);}