/* 뉴스 게시판 개편 2026-10-15 — 사진은 자르지 않고(원본 비율) 남는 칸은 같은 사진을 흐리게 깐다 */
.fn-news{--fn-ink:#3b2a1f;--fn-sub:#7a6555;--fn-line:#e6d9c9;--fn-paper:#fffaf4;--fn-brown:#5a4030;--fn-accent:#9a6a45;--fn-ph:#e9ddcf;--fn-dot:#c9b6a2;color:var(--fn-ink)}
.fn-news a{text-decoration:none}
.fn-lead{font-size:15px;color:var(--fn-sub);margin:0 0 22px;line-height:1.6}
.fn-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.fn-chips a{border:1px solid var(--fn-line);background:var(--fn-paper);color:var(--fn-sub);font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;line-height:1.2}
.fn-chips a.on,.fn-chips a:hover{background:var(--fn-brown);border-color:var(--fn-brown);color:#fff}
.fn-ph{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:var(--fn-ph);border-radius:10px;max-width:100%}
.fn-ph::before{content:"";position:absolute;inset:-20px;background:var(--img) center/cover no-repeat;filter:blur(18px) brightness(.9);transform:scale(1.1)}
.fn-ph img{position:relative;width:100%;height:100%;object-fit:contain;display:block;max-width:none}
.fn-typo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;background:linear-gradient(160deg,#f3e6d6,#e8d6c1);color:var(--fn-brown);font-weight:700;font-size:22px}
.fn-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12.5px;color:var(--fn-sub);font-weight:600}
.fn-meta i{width:3px;height:3px;border-radius:50%;background:var(--fn-dot);display:inline-block}
.fn-meta .fn-cat{color:var(--fn-accent)}
.fn-feature{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:34px;background:var(--fn-paper);border:1px solid var(--fn-line);border-radius:16px;padding:22px;margin:0 0 34px}
.fn-ftxt{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:12px}
.fn-badge{align-self:flex-start;background:var(--fn-brown);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:4px}
.fn-ftit{font-size:27px;line-height:1.4;margin:0;font-weight:700}
.fn-ftit a{color:var(--fn-ink)}
.fn-fsum{font-size:15px;line-height:1.7;color:#5b4a3d;margin:0}
.fn-links,.fn-vlinks{display:flex;flex-wrap:wrap;gap:16px;margin-top:6px;font-size:14px;font-weight:700}
.fn-links a,.fn-vlinks a{color:var(--fn-brown);border-bottom:1px solid var(--fn-brown)}
.fn-links a.ghost,.fn-vlinks a.ghost{color:var(--fn-sub);border-color:transparent}
.fn-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}
.fn-card{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}
.fn-card .fn-ph{margin-bottom:6px;transition:transform .2s}
.fn-card:hover .fn-ph{transform:translateY(-3px)}
.fn-tit{font-size:17px;line-height:1.45;margin:0;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fn-tit a{color:var(--fn-ink)}
.fn-sum{font-size:14px;line-height:1.6;color:var(--fn-sub);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fn-more{font-size:13px;font-weight:700;color:var(--fn-accent)}
.fn-empty{grid-column:1/-1;text-align:center;padding:60px 0;color:var(--fn-sub)}
.fn-chk{position:absolute;top:10px;left:10px;z-index:3;background:rgba(255,255,255,.85);border-radius:4px;padding:2px 4px}
.fn-wfields{display:grid;gap:6px}
.fn-wfields label{font-size:13px;font-weight:700;color:#5a4030;margin-top:6px}
.fn-vmeta{margin-top:6px}
.fn-vlinks{margin:28px 0 8px}
#bo_v_img img{max-width:100%;height:auto}
@media (prefers-reduced-motion:reduce){.fn-card .fn-ph{transition:none}}
.fn-chips a:focus-visible,.fn-news a:focus-visible{outline:2px solid var(--fn-accent);outline-offset:3px}
@media (max-width:860px){.fn-feature{grid-template-columns:1fr;gap:16px;padding:16px}.fn-ftit{font-size:22px}.fn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}}
@media (max-width:520px){.fn-grid{grid-template-columns:1fr}}

/* 그누보드 기본 스타일이 #bo_gall h2 를 숨김(sound_only) 처리 → 제목 복구 */
#bo_gall .fn-ftit{position:static;display:block;width:auto;height:auto;overflow:visible;clip:auto;font-size:27px;line-height:1.4;margin:0}
#bo_gall .fn-tit{position:static;width:auto;height:auto;clip:auto}
@media (max-width:860px){#bo_gall .fn-ftit{font-size:22px}}