@charset "utf-8";

#bo_list,
#bo_v,
#bo_w {
    padding: 20px;
    border: 1px solid #dfe5ec;
    border-radius: 8px;
    background: #fff;
}
#bo_list_total,
.bo_fx {
    color: #667085;
}
.tbl_head01 {
    border-top: 1px solid #172033;
}
.tbl_head01 table {
    border-collapse: separate;
    border-spacing: 0;
}
.tbl_head01 thead th {
    border-bottom: 1px solid #dfe5ec;
    background: #f8fafc;
    color: #172033;
}
.tbl_head01 td {
    border-bottom: 1px solid #edf0f4;
}
.tbl_head01 tbody tr:hover td {
    background: #f8fbfb;
}
.bo_tit a {
    color: #172033;
    font-weight: 800;
}
.bo_cate_link,
.bo_current {
    border-radius: 8px;
    background: #edf7f5;
    color: #0f766e;
}
.btn_b01,
.btn_b02,
.btn_admin,
.btn_submit {
    border-radius: 8px !important;
}
.btn_b02,
.btn_submit {
    background: #172033 !important;
    color: #fff !important;
}
.btn_b01 {
    border: 1px solid #d8e0e8 !important;
    background: #fff !important;
    color: #172033 !important;
}
#bo_v_title .bo_v_tit,
#bo_w .frm_info,
#bo_v_con {
    color: #172033;
}
#bo_v_title {
    border-bottom: 1px solid #dfe5ec;
}
#bo_v_con {
    line-height: 1.8;
}
.frm_input,
.frm_file,
.required,
textarea {
    border-color: #ccd5df !important;
    border-radius: 8px !important;
}
.pg_current {
    border-color: #172033 !important;
    background: #172033 !important;
}

/* 관리자 버튼 */
.forum-container #bo_list .btn_admin,
.forum-container #bo_list a.btn_admin,
.forum-container #bo_list .btn_admin i,
.forum-container #bo_list a.btn_admin i,
.forum-container #bo_list .btn_admin span,
.forum-container #bo_list a.btn_admin span {
    color: #fff !important;
}
.forum-container #bo_list .btn_admin,
.forum-container #bo_list a.btn_admin {
    border-color: #172033 !important;
    background: #172033 !important;
}
.forum-container #bo_list .btn_admin:hover,
.forum-container #bo_list a.btn_admin:hover,
.forum-container #bo_list .btn_admin:focus,
.forum-container #bo_list a.btn_admin:focus {
    border-color: #0f766e !important;
    background: #0f766e !important;
    color: #fff !important;
}

/* 리스트 관리자 펼침메뉴 */
.forum-container #bo_list {
    overflow: visible !important;
}
.forum-container #bo_btn_top,
.forum-container .btn_bo_user,
.forum-container .btn_bo_user > li {
    overflow: visible !important;
}
.forum-container .btn_bo_user > li {
    position: relative;
}
.forum-container .btn_more_opt.is_list_btn[aria-expanded="true"] {
    border-color: #172033 !important;
    background: #172033 !important;
    color: #fff !important;
}
.forum-container .more_opt.is_list_btn {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 10050;
    width: 134px;
    margin: 0 !important;
    padding: 6px !important;
    border: 1px solid #dce4ee;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(16, 24, 40, .16);
    list-style: none;
}
.forum-container .more_opt.is_list_btn:before {
    content: "";
    position: absolute;
    top: -7px;
    right: 14px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #dce4ee;
    border-left: 1px solid #dce4ee;
    background: #fff;
    transform: rotate(45deg);
}
.forum-container .more_opt.is_list_btn li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    text-align: left;
}
.forum-container .more_opt.is_list_btn li + li {
    margin-top: 4px !important;
}
.forum-container .more_opt.is_list_btn button,
.forum-container .more_opt.is_list_btn a {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    min-height: 34px;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 7px;
    background: #fff !important;
    color: #172033 !important;
    font-size: 12px;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
}
.forum-container .more_opt.is_list_btn button:hover,
.forum-container .more_opt.is_list_btn a:hover {
    background: #edf7f5 !important;
    color: #0f766e !important;
}
.forum-container .more_opt.is_list_btn i {
    width: 14px;
    color: #667085;
    text-align: center;
}

/* 뷰/댓글 펼침메뉴 */
.forum-container #bo_v,
.forum-container #bo_v_top,
.forum-container .bo_v_com,
.forum-container .bo_v_com > li,
.forum-container #bo_vc,
.forum-container #bo_vc article,
.forum-container #bo_vc header,
.forum-container #bo_vc .bo_vl_opt,
#bo_v,
#bo_v_top,
.bo_v_com,
.bo_v_com > li,
#bo_vc,
#bo_vc article,
#bo_vc header,
#bo_vc .bo_vl_opt {
    overflow: visible !important;
}
.forum-container #bo_v_top,
.forum-container .bo_v_com > li,
#bo_v_top,
.bo_v_com > li {
    position: relative;
    z-index: 40;
}
.forum-container #bo_vc article,
#bo_vc article {
    position: relative;
    z-index: 1;
}
.forum-container #bo_vc article:hover,
#bo_vc article:hover {
    z-index: 5;
}
.forum-container #bo_vc .bo_vl_opt,
#bo_vc .bo_vl_opt {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 60;
}
.forum-container .btn_more_opt.is_view_btn[aria-expanded="true"],
.forum-container .btn_cm_opt[aria-expanded="true"],
.btn_more_opt.is_view_btn[aria-expanded="true"],
.btn_cm_opt[aria-expanded="true"] {
    border-color: #172033 !important;
    background: #172033 !important;
    color: #fff !important;
}
.forum-container .more_opt.is_view_btn,
.forum-container .bo_vc_act,
.more_opt.is_view_btn,
.bo_vc_act {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 10060;
    width: 136px;
    margin: 0 !important;
    padding: 6px !important;
    border: 1px solid #dce4ee !important;
    border-radius: 8px;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(16, 24, 40, .16);
    list-style: none;
    text-align: left;
}
.forum-container .bo_vc_act,
.bo_vc_act {
    top: calc(100% + 7px);
    width: 116px;
}
.forum-container .more_opt.is_view_btn:before,
.forum-container .bo_vc_act:before,
.more_opt.is_view_btn:before,
.bo_vc_act:before {
    content: "";
    position: absolute;
    top: -7px;
    right: 14px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #dce4ee;
    border-left: 1px solid #dce4ee;
    background: #fff;
    transform: rotate(45deg);
}
.forum-container .more_opt.is_view_btn:after,
.forum-container .bo_vc_act:after,
.more_opt.is_view_btn:after,
.bo_vc_act:after {
    display: none;
}
.forum-container .more_opt.is_view_btn li,
.forum-container .bo_vc_act li,
.more_opt.is_view_btn li,
.bo_vc_act li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left;
}
.forum-container .more_opt.is_view_btn li + li,
.forum-container .bo_vc_act li + li,
.more_opt.is_view_btn li + li,
.bo_vc_act li + li {
    margin-top: 4px !important;
}
.forum-container .more_opt.is_view_btn a,
.forum-container .bo_vc_act a,
.more_opt.is_view_btn a,
.bo_vc_act a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 34px;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 7px;
    background: #fff !important;
    color: #172033 !important;
    font-size: 12px;
    font-weight: 900;
    line-height: 34px;
    text-decoration: none !important;
    white-space: nowrap;
}
.forum-container .more_opt.is_view_btn a:hover,
.forum-container .bo_vc_act a:hover,
.forum-container .more_opt.is_view_btn a:focus,
.forum-container .bo_vc_act a:focus,
.more_opt.is_view_btn a:hover,
.bo_vc_act a:hover,
.more_opt.is_view_btn a:focus,
.bo_vc_act a:focus {
    background: #edf7f5 !important;
    color: #0f766e !important;
}
.forum-container .more_opt.is_view_btn i,
.more_opt.is_view_btn i {
    width: 14px;
    color: #667085;
    text-align: center;
}