@charset "utf-8";

#bo_list,#bo_v,#bo_w{width:100%!important;color:var(--color-text-sub);font-size:13px}
#bo_list a,#bo_v a,#bo_w a{color:inherit}
#bo_cate{margin:0 0 12px}
#bo_cate h2{position:absolute;width:1px;height:1px;overflow:hidden}
#bo_cate_ul{display:flex;flex-wrap:wrap;gap:6px}
#bo_cate_ul a{display:block;padding:7px 12px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);font-size:12px}
#bo_cate_ul a:hover,#bo_cate_ul .bo_cate_on{border-color:var(--color-success);color:var(--color-success)}
#bo_btn_top{display:flex;align-items:center;justify-content:space-between;min-height:40px;margin-bottom:10px}
#bo_list_total{color:var(--color-text-sub);font-size:12px}
.btn_bo_user{display:flex;gap:5px;margin:0;padding:0;list-style:none}
.btn_bo_user li{position:relative;margin:0;background:transparent}
.btn_bo_user .btn,.bo_v_com .btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface-strong);color:var(--color-text-sub)}
.btn_bo_user .btn:hover,.bo_v_com .btn:hover{border-color:var(--color-success);color:var(--color-success)}
.btn_admin{border-color:var(--color-primary)!important;color:var(--color-primary)!important}
.tbl_wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}
.tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption{position:absolute;width:1px;height:1px;overflow:hidden}
.tbl_head01 thead th{height:42px;padding:0 10px;border:0!important;border-bottom:1px solid var(--color-border)!important;background:var(--color-surface-strong)!important;color:var(--color-text-sub)!important;font-size:11px;font-weight:500;text-align:center;white-space:nowrap}
.tbl_head01 tbody td{height:58px;padding:9px 10px;border:0!important;border-bottom:1px solid var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text-sub)!important;font-size:12px;text-align:center}
.tbl_head01 tbody tr:last-child td{border-bottom:0!important}
.tbl_head01 tbody tr:hover td{background:var(--color-surface-hover)!important}
.tbl_head01 .td_subject{text-align:left}
.tbl_head01 .td_subject a{color:var(--color-text)}
.tbl_head01 .td_subject a:hover{color:var(--color-success)}
.td_chk{width:42px}.td_num2{width:70px}.td_name{width:130px}.td_num{width:70px}.td_datetime{width:90px}
.bo_notice td{background:rgba(64,208,79,.035)!important}
.notice_icon{display:inline-block;padding:2px 7px;border-radius:4px;background:rgba(64,208,79,.14);color:var(--color-success);font-size:10px}
.bo_current{color:var(--color-success)}
.bo_cate_link{display:inline-block;margin-right:7px;padding:2px 6px;border-radius:4px;background:var(--color-surface-strong);color:var(--color-primary)!important;font-size:10px}
.bo_tit{display:inline;color:var(--color-text);font-weight:500}
#bo_list .cnt_cmt{margin-left:4px;color:#ed6478;font-size:10px}
#bo_list .new_icon{display:inline-block;width:15px;height:15px;margin-left:3px;border-radius:3px;background:rgba(64,208,79,.14);color:var(--color-success);font-size:10px;line-height:15px;text-align:center}
.empty_table{height:180px!important;color:var(--color-text-sub)!important;text-align:center!important}
.bo_fx{display:flex;justify-content:flex-end;margin-top:10px}
.more_opt{display:none;position:absolute;top:40px;right:0;z-index:50;width:110px;padding:5px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-strong);box-shadow:var(--shadow-card)}
.more_opt li{width:auto!important;padding:0!important;border:0!important}
.more_opt a,.more_opt button{display:block;width:100%;padding:8px!important;border:0;background:transparent!important;color:var(--color-text-sub)!important;font-size:11px;text-align:left}
.more_opt a:hover,.more_opt button:hover{border-radius:4px;background:var(--color-surface-hover)!important;color:var(--color-success)!important}
.more_opt i{float:right;margin-top:3px}
.bo_sch_wrap{display:none;position:fixed;inset:0;z-index:5000}
.bo_sch{position:absolute;top:50%;left:50%;z-index:2;width:min(90vw,360px);padding:18px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);transform:translate(-50%,-50%);box-shadow:var(--shadow-card)}
.bo_sch h3{margin:0 0 14px;color:var(--color-text);font-size:15px}
.bo_sch form{display:block}
.bo_sch select,.bo_sch .sch_bar{width:100%;height:40px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-background-sub)}
.bo_sch .sch_bar{display:flex;margin-top:8px}
.bo_sch .sch_input{flex:1;height:38px;padding:0 10px;border:0!important;background:transparent!important;box-shadow:none!important}
.bo_sch .sch_btn{width:40px;border:0;background:transparent;color:var(--color-text-sub)}
.bo_sch .bo_sch_cls{position:absolute;top:10px;right:10px;border:0;background:transparent;color:var(--color-text-sub);font-size:18px}
.bo_sch_bg{position:absolute;inset:0;background:var(--color-overlay)}

#bo_v{padding:20px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}
#bo_v_title{margin:0;padding:0 0 14px;border-bottom:1px solid var(--color-border)}
#bo_v_title .bo_v_cate{display:inline-block;margin-bottom:7px;padding:3px 8px;border-radius:4px;background:var(--color-surface-strong);color:var(--color-success);font-size:11px}
#bo_v_title .bo_v_tit{display:block;color:var(--color-text);font-size:20px;font-weight:600;line-height:1.45;word-break:break-all}
#bo_v_info{position:relative;min-height:72px;padding:14px 0;border-bottom:1px solid var(--color-border)}
#bo_v_info:after{display:block;clear:both;content:""}
#bo_v_info h2,#bo_v_atc_title,#bo_v_top h2,#bo_v_bot h2,#bo_v_file h2,#bo_v_link h2,#bo_vc h2{position:absolute;width:1px;height:1px;overflow:hidden}
#bo_v_info .profile_info{float:left;display:flex;align-items:center}
#bo_v_info .pf_img{margin-right:10px}
#bo_v_info .pf_img img{width:42px;height:42px;border:1px solid var(--color-border);border-radius:50%}
#bo_v_info .profile_info_ct{color:var(--color-text-sub);font-size:11px;line-height:20px}
#bo_v_info .profile_info_ct strong:first-child{color:var(--color-text);font-size:12px;font-weight:600}
#bo_v_info strong{margin-right:9px;font-weight:500}
#bo_v_top{float:right}
.bo_v_com{display:flex;gap:5px;margin:6px 0 0}
#bo_v_share{padding:12px 0;text-align:right}
#bo_v_share .btn{display:inline-block;height:32px;padding:0 10px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface-strong);font-size:11px;line-height:30px}
#bo_v_img img{max-width:100%;height:auto;margin-bottom:12px;border-radius:8px}
#bo_v_con{min-height:260px;padding:24px 4px;color:var(--color-text-sub);font-size:13px;line-height:1.85;word-break:break-word}
#bo_v_con a{color:var(--color-primary);text-decoration:underline}
#bo_v_act{margin:0 0 24px;text-align:center}
#bo_v_act a{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:40px;margin:0 3px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-surface-strong)}
#bo_v_act a:hover{border-color:var(--color-success);color:var(--color-success)}
#bo_v_file li,#bo_v_link li{margin:8px 0;padding:12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background-sub)}
#bo_v_file li:after,#bo_v_link li:after{display:block;clear:both;content:""}
#bo_v_file li:hover,#bo_v_link li:hover{border-color:var(--color-primary)}
.bo_v_nb{margin:20px 0 0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}
.bo_v_nb li{padding:11px 14px;border-bottom:1px solid var(--color-border)}
.bo_v_nb li:last-child{border-bottom:0}
.bo_v_nb li:hover{background:var(--color-surface-hover)}
.bo_v_nb .nb_tit{display:inline-block;width:70px;color:var(--color-text-sub)}
.bo_v_nb .nb_date{float:right;color:var(--color-muted);font-size:11px}
.cmt_btn{width:100%;margin-top:24px;padding:12px 0;border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text);font-size:13px;text-align:left}
.cmt_btn .total{color:var(--color-success)}
#bo_vc article{position:relative;padding:18px 0;border-bottom:1px solid var(--color-border)}
#bo_vc article:after{display:block;clear:both;content:""}
#bo_vc .pf_img{float:left;margin-right:10px}
#bo_vc .pf_img img{width:38px;height:38px;border-radius:50%}
#bo_vc .cm_wrap{float:left;width:calc(100% - 50px)}
#bo_vc .cmt_contents{padding:8px 0 12px;color:var(--color-text-sub);line-height:1.7}
.bo_vc_hdinfo{color:var(--color-muted);font-size:11px}
.bo_vc_w{margin-top:16px}
.bo_vc_w textarea{width:100%;height:110px;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background-sub);color:var(--color-text)}
.bo_vc_w .btn_submit{height:38px;padding:0 16px}

#bo_w{padding:20px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}
#bo_w form{width:100%!important}
#bo_w .write_div{position:relative;margin:10px 0}
#bo_w .write_div:after,#bo_w .bo_w_info:after{display:block;clear:both;content:""}
#bo_w .bo_v_option{display:flex;flex-wrap:wrap;gap:10px}
#bo_w .bo_v_option li{display:inline-block}
#bo_w .frm_input,#bo_w select,#bo_w textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-background-sub);color:var(--color-text);box-shadow:none}
#bo_w .half_input{width:49%}
#bo_w .bo_w_info .half_input:nth-of-type(even){float:right}
#bo_w .wr_content textarea{height:300px;padding:12px;line-height:1.7}
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit .frm_input{padding-right:135px}
#bo_w #btn_autosave{position:absolute;top:5px;right:5px;height:30px;padding:0 9px;border:0;border-radius:4px;background:var(--color-surface-strong);color:var(--color-text-sub);font-size:11px}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;width:40px;height:38px;color:var(--color-muted);line-height:38px;text-align:center}
#bo_w .bo_w_link .frm_input{padding-left:42px}
#bo_w .btn_confirm{display:flex;justify-content:flex-end;gap:6px;margin-top:18px}
#bo_w .btn_confirm .btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:5px;font-size:12px}
#bo_w .btn_cancel{border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text-sub)}
#bo_w .btn_submit{border:0;background:var(--color-primary);color:#fff}
#autosave_pop{display:none;position:absolute!important;top:38px;right:0;z-index:20;width:350px;max-height:200px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-strong);box-shadow:var(--shadow-card)}
#autosave_pop ul{height:150px;padding:10px;overflow-y:auto}
#autosave_pop li{padding:7px;border-bottom:1px solid var(--color-border)}
.autosave_close{width:100%;height:30px;border:0;background:transparent;color:var(--color-text-sub)}

@media(max-width:900px){
    #bo_list,#bo_v,#bo_w{font-size:12px}
    .tbl_head01 thead th:nth-child(4),.tbl_head01 tbody td:nth-child(4),.tbl_head01 thead th:nth-child(5),.tbl_head01 tbody td:nth-child(5){display:none}
    .td_num2{width:48px}.td_datetime{width:65px}
    .tbl_head01 thead th,.tbl_head01 tbody td{padding-right:6px;padding-left:6px}
    #bo_v,#bo_w{padding:14px}
    #bo_v_title .bo_v_tit{font-size:17px}
    #bo_v_info .profile_info{float:none}
    #bo_v_top{float:none}
    .bo_v_com{justify-content:flex-end}
    #bo_v_con{min-height:180px;padding:18px 2px}
    #bo_w .half_input{width:100%;margin-bottom:7px}
    #bo_w .wr_content textarea{height:240px}
}