@charset "utf-8";
/* Scoped to the ESG activity board. */
#bo_gall.ws-esg-categories #bo_cate ul {display:flex;flex-wrap:wrap;gap:6px;}
#bo_gall.ws-esg-categories #bo_cate li {padding:2px;}
#bo_gall.ws-esg-categories #bo_cate a {
    transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#bo_gall.ws-esg-categories #bo_cate a[href*="sca=%EA%B0%9C%EC%84%A0%ED%99%9C%EB%8F%99"],
#bo_gall.ws-esg-categories #bo_cate a[href*="sca=개선활동"] {
    --ws-category-ink:#35669c;
    --ws-category-fill:#deebfb;
    --ws-category-border:#b8cfee;
}
#bo_gall.ws-esg-categories #bo_cate a[href*="sca=%EA%B5%90%EC%9C%A1%ED%99%9C%EB%8F%99"],
#bo_gall.ws-esg-categories #bo_cate a[href*="sca=교육활동"] {
    --ws-category-ink:#185c35;
    --ws-category-fill:#d9efdf;
    --ws-category-border:#b5d9c0;
}
#bo_gall.ws-esg-categories #bo_cate a[href*="sca="] {
    background:#fff;
    color:var(--ws-category-ink);
    border-color:var(--ws-category-border);
}
#bo_gall.ws-esg-categories #bo_cate #bo_cate_on[href*="sca="] {
    background:var(--ws-category-fill);
    border-color:var(--ws-category-border);
    box-shadow:none;
}
#bo_gall.ws-esg-categories #bo_cate a[href*="sca="]:focus-visible {
    outline:2px solid var(--ws-category-ink);
    outline-offset:3px;
}
@media (hover:hover) and (pointer:fine) {
    #bo_gall.ws-esg-categories #bo_cate a[href*="sca="]:hover {
        background:var(--ws-category-fill);
        color:var(--ws-category-ink);
    }
}
@media (prefers-reduced-motion:reduce) {
    #bo_gall.ws-esg-categories #bo_cate a {transition:none;}
}
/* Keep the existing education labels on post cards and detail pages. */
#bo_gall.ws-esg-categories a.bo_cate_link.ws-esg-education,
#bo_v #bo_v_title .bo_v_cate.ws-esg-education {
    background:#d9efdf;
    color:#185c35;
    border-color:#b5d9c0;
}

/* Match improvement labels below post photos to the category filter. */
#bo_gall.ws-esg-categories a.bo_cate_link[href*="sca=%EA%B0%9C%EC%84%A0%ED%99%9C%EB%8F%99"],
#bo_gall.ws-esg-categories a.bo_cate_link[href*="sca=개선활동"] {
    background:#deebfb;
    color:#35669c;
    border-color:#b8cfee;
}

/* The All filter keeps its existing hover palette when selected. */
#bo_gall.ws-esg-categories #bo_cate #bo_cate_on:not([href*="sca="]) {
    background:#ffcfcf;
    color:#f60400;
    border-color:#ffcfcf;
    box-shadow:none;
}

@media (min-width: 1200px) {
    #bo_gall.ws-esg-categories #gall_ul.gall_row { margin-left: 0; margin-right: 0; }
}