@charset "utf-8";

/* 연합공사 게시판 공통 테마 */
.yh_board_page #bo_list,
.yh_board_page #bo_v,
.yh_board_page #bo_w,
.yh_board_page #bo_gall {width:100% !important;max-width:100%}

.yh_board_page #bo_list .tbl_head01 {border-top:2px solid var(--yh-navy-mid, #1a3358)}
.yh_board_page #bo_list .tbl_head01 thead th {background:#f0f4fa;color:#333;border-color:#e5e8ed;font-weight:600}
.yh_board_page #bo_list .tbl_head01 tbody td {border-color:#eef1f5}
.yh_board_page #bo_list tbody tr:hover {border-left-color:var(--yh-accent, #4a7fd4)}
.yh_board_page #bo_list .empty_table {padding:60px 0;color:#888}

.yh_board_page #bo_cate a {border-color:#c5d4e8;color:var(--yh-navy-mid, #1a3358);background:#fff}
.yh_board_page #bo_cate a:hover,
.yh_board_page #bo_cate a:focus,
.yh_board_page #bo_cate a:active {background:var(--yh-navy-mid, #1a3358);border-color:var(--yh-navy-mid, #1a3358);color:#fff}
.yh_board_page #bo_cate #bo_cate_on {background:var(--yh-navy-mid, #1a3358);border-color:var(--yh-navy-mid, #1a3358);color:#fff;box-shadow:inset 0 2px 5px rgba(15,35,64,.25)}

.yh_board_page .bo_cate_link {background:#e8eef5;color:var(--yh-navy-mid, #1a3358)}
.yh_board_page #bo_list .cnt_cmt,
.yh_board_page #bo_gall .bo_tit .cnt_cmt {background:#e8eef5;color:var(--yh-navy-mid, #1a3358)}

.yh_board_page .chk_box input[type="checkbox"] + label:hover {color:var(--yh-accent, #4a7fd4)}
.yh_board_page .chk_box input[type="checkbox"]:checked + label span {background-color:var(--yh-navy-mid, #1a3358);border-color:#0f2340;background-image:url(basic/img/chk.png);background-repeat:no-repeat;background-position:50% 50%}

.yh_board_page .btn_b01.btn,
.yh_board_page .btn_bo_user .btn {color:#666}
.yh_board_page .btn_b01.btn:hover {color:var(--yh-navy-mid, #1a3358)}
.yh_board_page a.btn_b02,
.yh_board_page .btn_b02 {background:var(--yh-navy-mid, #1a3358);color:#fff;border-radius:4px}
.yh_board_page a.btn_b02:hover,
.yh_board_page .btn_b02:hover {background:var(--yh-navy, #0f2340)}
.yh_board_page .btn_submit {background:var(--yh-navy-mid, #1a3358) !important;border-color:var(--yh-navy-mid, #1a3358) !important}
.yh_board_page .btn_submit:hover {background:var(--yh-navy, #0f2340) !important}

.yh_board_page .pg_current {background:var(--yh-navy-mid, #1a3358);border-color:var(--yh-navy-mid, #1a3358);color:#fff}
.yh_board_page .pg_page:hover {color:var(--yh-accent, #4a7fd4)}

.yh_board_page #bo_v_title .bo_v_cate {background:#e8eef5;color:var(--yh-navy-mid, #1a3358)}
.yh_board_page #bo_v_title .bo_v_tit {color:#222;font-size:1.75em;line-height:1.35}
.yh_board_page #bo_v_info {border-bottom-color:#e5e8ed}
.yh_board_page #bo_v_atc {padding:24px 0;line-height:1.85;color:#444}
.yh_board_page #bo_v_file li:hover {border-color:#c5d4e8}
.yh_board_page #bo_v_file a:focus,
.yh_board_page #bo_v_file li:hover a,
.yh_board_page #bo_v_file a:active {color:var(--yh-navy-mid, #1a3358)}
.yh_board_page #bo_v_file li:hover i {color:var(--yh-accent, #4a7fd4)}

.yh_board_page .bo_v_nb {border-top:1px solid #e5e8ed}
.yh_board_page .bo_v_nb li {border-color:#eef1f5}
.yh_board_page .bo_v_nb a:hover {color:var(--yh-navy-mid, #1a3358)}

.yh_board_page .cmt_btn span.total {color:var(--yh-navy-mid, #1a3358)}
.yh_board_page .cmt_btn span.total:after {background:var(--yh-navy-mid, #1a3358)}
.yh_board_page .bo_vc_act li a:hover {color:var(--yh-accent, #4a7fd4)}
.yh_board_page .bo_vc_w .btn_submit {background:var(--yh-navy-mid, #1a3358)}

.yh_board_page .bo_sch .sch_btn:hover {color:var(--yh-accent, #4a7fd4)}
.yh_board_page .bo_notice td {background:#f0f4fa !important}

.yh_board_page #bo_gall .gall_box {border:1px solid #e5e8ed;border-radius:8px;overflow:hidden;transition:box-shadow .25s, transform .25s}
.yh_board_page #bo_gall .gall_li:hover .gall_box {box-shadow:0 8px 24px rgba(15,35,64,.12);transform:translateY(-3px)}
.yh_board_page #bo_gall .gall_img {border-bottom-color:#e5e8ed}
.yh_board_page #bo_gall .bo_tit a:hover {color:var(--yh-navy-mid, #1a3358)}
.yh_board_page #bo_gall .gall_now .gall_text_href a {color:var(--yh-accent, #4a7fd4)}

@media (max-width:768px) {
    .yh_board_page {padding:32px 16px 48px}
    .yh_board_page #bo_v_title .bo_v_tit {font-size:1.35em}
    .yh_board_page .tbl_head01 {overflow-x:auto;-webkit-overflow-scrolling:touch}
    .yh_board_page .tbl_head01 table {min-width:560px}
    .yh_board_page #bo_btn_top {
        display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;
        margin-bottom:12px;
    }
    .yh_board_page .btn_bo_user {float:none;display:flex;flex-wrap:wrap;gap:4px;margin:0}
    .yh_board_page .btn_bo_user > li {float:none}
    .yh_board_page .bo_fx {float:none;margin-top:12px}
    .yh_board_page #bo_list_total {float:none;margin-bottom:0}
    .yh_board_page #bo_gall #gall_ul {margin-left:-6px;margin-right:-6px}
    .yh_board_page .gall_row .col-gn-3,
    .yh_board_page .gall_row .col-gn-4 {width:50%}
    .yh_board_page .gall_row .col-gn-2 {width:100%}
    .yh_board_page #bo_v_atc {padding:16px 0;word-break:keep-all}
    .yh_board_page #bo_v_atc img {max-width:100%;height:auto}

    .yh_board_page #bo_w .frm_input,
    .yh_board_page #bo_w textarea,
    .yh_board_page #bo_w .full_input {width:100% !important;max-width:100%;box-sizing:border-box}
    .yh_board_page #autosave_pop {width:min(350px, calc(100vw - 32px));right:0;left:auto}
    .yh_board_page .bo_v_nb a {word-break:keep-all}
    .yh_board_page .pg_wrap {overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;max-width:100%}

    .yh_board_page .bo_sch {
        width:calc(100% - 32px);
        max-width:360px;
        left:50%;
        margin-left:0;
        transform:translate(-50%, -50%);
        box-sizing:border-box;
    }
    .yh_board_page .bo_sch .sch_input {width:calc(100% - 48px);max-width:100%}
}

@media (max-width:480px) {
    .yh_board_page .gall_row .col-gn-3,
    .yh_board_page .gall_row .col-gn-4 {width:100%}
    .yh_board_page #bo_cate {margin:12px 0}
    .yh_board_page #bo_cate ul {display:flex;flex-wrap:wrap;gap:6px}
    .yh_board_page #bo_cate a {padding:6px 12px;font-size:13px}
    .yh_board_page .btn_bo_user > li {width:40px;height:40px}
    .yh_board_page .btn_bo_user .btn {width:40px;height:40px;line-height:40px;padding:0}
}