@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 {margin-bottom:12px}
    .yh_board_page .btn_bo_user {float:none}
    .yh_board_page .bo_fx {float:none;margin-top:12px}
    .yh_board_page #bo_list_total {float:none;margin-bottom:8px}
    .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%}
}

@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 a {padding:4px 12px;font-size:13px}
}