@charset "utf-8";

/* 에너지윈 게시판 공통 테마 */
.ew_board_page #bo_list,
.ew_board_page #bo_v,
.ew_board_page #bo_w,
.ew_board_page #bo_gall {width:100% !important;max-width:100%}

.ew_board_page #bo_list .tbl_head01 {border-top:2px solid #2d9a4e}
.ew_board_page #bo_list .tbl_head01 thead th {background:#f5faf6;color:#333;border-color:#e8ece9;font-weight:600}
.ew_board_page #bo_list .tbl_head01 tbody td {border-color:#eef2ef}
.ew_board_page #bo_list tbody tr:hover {border-left-color:#2d9a4e}
.ew_board_page #bo_list .empty_table {padding:60px 0;color:#888}

.ew_board_page #bo_cate a {border-color:#c8e6d0;color:#2d9a4e;background:#fff}
.ew_board_page #bo_cate a:hover,
.ew_board_page #bo_cate a:focus,
.ew_board_page #bo_cate a:active {background:#2d9a4e;border-color:#2d9a4e;color:#fff}
.ew_board_page #bo_cate #bo_cate_on {background:#2d9a4e;border-color:#2d9a4e;color:#fff;box-shadow:inset 0 2px 5px rgba(20,90,40,.25)}

.ew_board_page .bo_cate_link {background:#e8f5ec;color:#2d9a4e}
.ew_board_page #bo_list .cnt_cmt,
.ew_board_page #bo_gall .bo_tit .cnt_cmt {background:#e8f5ec;color:#2d9a4e}

.ew_board_page .chk_box input[type="checkbox"] + label:hover {color:#2d9a4e}
.ew_board_page .chk_box input[type="checkbox"]:checked + label span {background-color:#2d9a4e;border-color:#248a42;background-image:url(basic/img/chk.png);background-repeat:no-repeat;background-position:50% 50%}

.ew_board_page .btn_b01.btn,
.ew_board_page .btn_bo_user .btn {color:#666}
.ew_board_page .btn_b01.btn:hover {color:#2d9a4e}
.ew_board_page a.btn_b02,
.ew_board_page .btn_b02 {background:#2d9a4e;color:#fff;border-radius:4px}
.ew_board_page a.btn_b02:hover,
.ew_board_page .btn_b02:hover {background:#248a42}
.ew_board_page .btn_submit {background:#2d9a4e !important;border-color:#2d9a4e !important}
.ew_board_page .btn_submit:hover {background:#248a42 !important}

.ew_board_page .pg_current {background:#2d9a4e;border-color:#2d9a4e;color:#fff}
.ew_board_page .pg_page:hover {color:#2d9a4e}

.ew_board_page #bo_v_title .bo_v_cate {background:#e8f5ec;color:#2d9a4e}
.ew_board_page #bo_v_title .bo_v_tit {color:#222;font-size:1.75em;line-height:1.35}
.ew_board_page #bo_v_info {border-bottom-color:#e8ece9}
.ew_board_page #bo_v_atc {padding:24px 0;line-height:1.85;color:#444}
.ew_board_page #bo_v_file li:hover {border-color:#c8e6d0}
.ew_board_page #bo_v_file a:focus,
.ew_board_page #bo_v_file li:hover a,
.ew_board_page #bo_v_file a:active {color:#2d9a4e}
.ew_board_page #bo_v_file li:hover i {color:#2d9a4e}

.ew_board_page .bo_v_nb {border-top:1px solid #e8ece9}
.ew_board_page .bo_v_nb li {border-color:#eef2ef}
.ew_board_page .bo_v_nb a:hover {color:#2d9a4e}

.ew_board_page .cmt_btn span.total {color:#2d9a4e}
.ew_board_page .cmt_btn span.total:after {background:#2d9a4e}
.ew_board_page .bo_vc_act li a:hover {color:#2d9a4e}
.ew_board_page .bo_vc_w .btn_submit {background:#2d9a4e}

.ew_board_page .bo_sch .sch_btn:hover {color:#2d9a4e}
.ew_board_page .bo_notice td {background:#f5faf6 !important}

/* 갤러리 */
.ew_board_page #bo_gall .gall_box {border:1px solid #e8ece9;border-radius:8px;overflow:hidden;transition:box-shadow .25s, transform .25s}
.ew_board_page #bo_gall .gall_li:hover .gall_box {box-shadow:0 8px 24px rgba(28,70,40,.1);transform:translateY(-3px)}
.ew_board_page #bo_gall .gall_img {border-bottom-color:#e8ece9}
.ew_board_page #bo_gall .bo_tit a:hover {color:#2d9a4e}
.ew_board_page #bo_gall .gall_now .gall_text_href a {color:#2d9a4e}

/* 시공실적 상단 소개 */
.ew_perf_intro {margin:0 0 48px}
.ew_perf_intro_box {padding:32px 36px;background:linear-gradient(135deg, #f5faf6 0%, #eef5f0 100%);border:1px solid #e0ebe3;border-radius:12px}
.ew_perf_intro_tit {margin:0 0 24px}
.ew_perf_intro_tit span {display:inline-flex;align-items:center;padding:8px 18px;background:#2d9a4e;border-radius:999px;font-size:15px;font-weight:700;color:#fff;line-height:1.3}
.ew_perf_intro_grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:4px 40px}
.ew_perf_intro_list {margin:0;padding:0;list-style:none}
.ew_perf_intro_list li {position:relative;padding:11px 0 11px 18px;font-size:14px;font-weight:500;color:#444;line-height:1.65;word-break:keep-all}
.ew_perf_intro_list li + li {border-top:1px dashed #dce8df}
.ew_perf_intro_list li:before {content:"";position:absolute;left:0;top:18px;width:7px;height:7px;border-radius:50%;background:#2d9a4e}

@media (max-width:768px) {
    .ew_board_page {padding:32px 16px 48px}
    .ew_perf_intro {margin-bottom:32px}
    .ew_perf_intro_box {padding:24px 20px}
    .ew_perf_intro_tit {margin-bottom:18px}
    .ew_perf_intro_grid {grid-template-columns:1fr;gap:0}
    .ew_perf_intro_grid ul + ul li:first-child {border-top:1px dashed #dce8df}
    .ew_board_page #bo_v_title .bo_v_tit {font-size:1.35em}
    .ew_board_page .tbl_head01 {overflow-x:auto;-webkit-overflow-scrolling:touch}
    .ew_board_page .tbl_head01 table {min-width:560px}
    .ew_board_page #bo_btn_top {margin-bottom:12px}
    .ew_board_page .btn_bo_user {float:none}
    .ew_board_page .bo_fx {float:none;margin-top:12px}
    .ew_board_page #bo_list_total {float:none;margin-bottom:8px}
    .ew_board_page #bo_gall #gall_ul {margin-left:-6px;margin-right:-6px}
    .ew_board_page .gall_row .col-gn-3,
    .ew_board_page .gall_row .col-gn-4 {width:50%}
    .ew_board_page .gall_row .col-gn-2 {width:100%}
}

@media (max-width:480px) {
    .ew_board_page .gall_row .col-gn-3,
    .ew_board_page .gall_row .col-gn-4 {width:100%}
    .ew_board_page #bo_cate a {padding:4px 12px;font-size:13px}
}