@charset "utf-8";

/* ---------- admin reset ---------- */
.cnt_cmt { display: none; }
.btn_bo_user li { margin: 0 5px; width: auto; }
.btn_bo_user.list_btn_bo_user > li:nth-child(1) { width: 40px; }
.btn_bo_user .fa-spin { animation: none; }
.btn_bo_user a.btn_b01, .btn_bo_user .btn_b01 { color: var(--gray-9e); font-size: 1.2em; background: transparent; }
.btn_bo_user a.btn_b01:link, .btn_bo_user .btn_b01:visited, .btn_bo_user .btn_b01:active{ color: var(--gray-9e); }
.btn_bo_user .btn_b01:hover, .btn_bo_user .btn_b01:hover, .btn_bo_user a.btn_b01:hover { color: var(--sub-01); }
.btn_bo_user .btn_admin:hover, .btn_bo_user a.btn_admin:hover { color: var(--sub-01); }

.btn_bo_user .more_opt { width: 120px; }
.btn_bo_user .more_opt li i { float: inherit; }

/*** responsive ***/
/* 1200px or less */
@media all and (max-width : 1200px){
    .btn_bo_user li { margin: 0px; }
    .btn_bo_user a.btn_b01, .btn_bo_user .btn_b01 { font-size: 15px; }
}

/* 500px or less */
@media all and (max-width : 500px){
    .btn_bo_user .fa-spin { position: relative; top: -2px; }
}





/* ---------- view ---------- */
.btn_submit { background: var(--gray-33) !important; font-size: 14px !important; font-weight: 400 !important; }
.btn_submit:hover { background: var(--gray-11) !important; }

.bo_v_tit { font-size: 26px !important; }

.cmt_btn b { color: var(--sub-01); font-size: 12px; }
.cmt_btn span.total { color: var(--sub-01); }
.cmt_btn span.total:after { background: var(--sub-01); }

.bo_v_nb { font-size: 12px; }
.bo_v_nb li i { padding-right: 2px; font-size: 12px; font-weight: 300; }
.bo_v_nb li .nb_date { display: none; }
#bo_v_img { max-width: 700px; }

/*** responsive ***/
/* 1200px or less */
@media all and (max-width : 1200px){
    .bo_v_tit { font-size: 20px !important; }
    #bo_v_info { font-size: 13px; }
}

/* 767px or less */
@media all and (max-width : 767px){
    .btn_submit { height: 32px !important; }
    .bo_v_tit { font-size: 17px !important; }
    #bo_v_info { font-size: 12px; }
    .fa { font-size: 12px; }
    #bo_vc article .pf_img { width: 45px; height: 45px; margin-bottom: 5px; }
    #bo_vc article .pf_img > img { width: 100%; height: 100%; object-fit: contain; }
    #bo_vc article .comment_inner { font-size: 13px; }
    #bo_vc .cmt_contents p { font-size: 13px; }
    #bo_vc .cmt_contents { padding-bottom: 10px; }
    
}

/* 500px or less */
@media all and (max-width : 500px){
    .btn_submit { font-size: 12px !important; padding: 0 10px !important; }
    .bo_v_tit { font-size: 15px !important; }
    #bo_v_top ul { margin: 20px 0 0 10px; }
    #bo_vc article .pf_img { width: 40px; height: 40px; }
    #bo_vc article { font-size: 12px; }
    #bo_vc .cmt_contents p { font-size: 12px; }
    #bo_vc h2.bo_vc_tit { font-size: 12px; overflow: inherit;}

}

/* 424px or less */
@media all and (max-width : 424px){
    #bo_v_top ul { margin: 00px 0 0 10px; }
}





/* ---------- write ---------- */
.btn_cancel { font-size: 14px !important; color: #fff !important; font-weight: 400 v; border-color: var(--gray-61) !important; background: var(--gray-61) !important;}
.btn_frmline, .btn_frmline { background: var(--gray-33) !important; }
.btn_confirm a.btn, .btn_confirm .btn { font-weight: 500; }

/*** responsice ***/
/* 767px or less */
@media all and  (max-width : 767px ) {
    .bo_vc_w .btn_confirm .secret_cm label { font-size: 12px; }
    textarea { font-size: 12px !important; }
}

/* 500px or less */
@media all and (max-width : 500px) {
    .btn_cancel { font-size: 12px !important; }
    a.btn_frmline, button.btn_frmline { font-size: 12px; width: 110px; }

    #bo_w .bo_v_option li { font-size: 12px; }
    #bo_w .bo_w_tit .frm_input { font-size: 12px; }
    #bo_w .bo_w_link .frm_input { font-size: 12px; padding-left: 35px; }
    #bo_w .bo_w_flie .frm_file { font-size: 12px; padding-left: 35px; }
    #bo_w .bo_w_flie .lb_icon { font-size: 12px; width: 42px; top: 2px; }
    #bo_w .bo_w_flie .file_del { font-size: 12px; }

    .bo_vc_w .icon_lock { position: relative; font-size: 12px; }

    .filebox .fileName { font-size: 12px; padding-left: 35px; }
    .filebox .btn_file { font-size: 12px !important; line-height: 29px; font-weight: 400; }
    .fix_btn.write_btn { position: fixed; bottom: 70px; right: 50%; transform: translate(230px,0); width: 36px; height: 36px; background: var(--gray-33); box-shadow: none; }
    .fix_btn.write_btn .fa-pencil::before { position: relative; top: -11px; font-size: 14px; color: #fff; }

    #captcha #captcha_mp3 { width: 36px; background: url('/img/captcha2.png') no-repeat top center}
    #captcha #captcha_reload { width: 36px; background: url('/img/captcha2.png') no-repeat -2px -40px; }  
}