/* genbody clone — M1 skeleton theme.
   Brand-faithful genbody styling is refined in M2/M5 once site assets are obtained.
   Kept intentionally small and self-contained (no gblifecare brand CSS). */

:root {
    --gb-primary: #0a4a9e;
    --gb-primary-dark: #07336e;
    --gb-text: #1a1a1a;
    --gb-muted: #666;
    --gb-bg: #fff;
    --gb-line: #e5e7eb;
    --gb-max: 1200px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
    font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--gb-text);
    background: var(--gb-bg);
    line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
.container { max-width: var(--gb-max); margin: 0 auto; padding: 0 20px; }
.noselect { user-select: none; }

/* Header / GNB */
.gb-header { position: sticky; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid var(--gb-line); }
.gb-nav .container { display: flex; align-items: center; height: 64px; gap: 24px; }
.gb-logo { font-weight: 900; font-size: 20px; color: var(--gb-primary); letter-spacing: -0.5px; }
.gb-gnb { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; flex: 1; }
.gb-gnb-item { position: relative; }
.gb-gnb-item > a { display: block; padding: 20px 14px; font-weight: 500; }
.gb-gnb-item:hover > a { color: var(--gb-primary); }
.gb-submenu {
    position: absolute; top: 100%; left: 0; min-width: 180px;
    background: #fff; border: 1px solid var(--gb-line); border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    list-style: none; margin: 0; padding: 8px 0;
    opacity: 0; visibility: hidden; transform: translateY(6px);
    transition: all .15s ease;
}
.gb-gnb-item:hover .gb-submenu { opacity: 1; visibility: visible; transform: translateY(0); }
.gb-submenu li a { display: block; padding: 8px 16px; font-size: 14px; color: var(--gb-muted); }
.gb-submenu li a:hover { background: #f5f7fa; color: var(--gb-primary); }
.gb-lang { font-size: 13px; color: var(--gb-muted); white-space: nowrap; }
.gb-lang a { padding: 2px 4px; }
.gb-lang a.active { color: var(--gb-primary); font-weight: 700; }

/* Home */
.gb-hero { background: linear-gradient(135deg, var(--gb-primary), var(--gb-primary-dark)); color: #fff; padding: 80px 0; }
.gb-hero h1 { margin: 0 0 8px; font-size: 36px; font-weight: 900; }
.gb-hero p { margin: 0; opacity: .9; }
.gb-home-grid .container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-top: 48px; padding-bottom: 48px; }
.gb-card { border: 1px solid var(--gb-line); border-radius: 12px; padding: 32px 20px; transition: all .15s ease; }
.gb-card:hover { border-color: var(--gb-primary); box-shadow: 0 8px 24px rgba(10,74,158,.1); transform: translateY(-2px); }
.gb-card h2 { margin: 0; font-size: 18px; color: var(--gb-primary); }

/* Footer */
.gb-footer { border-top: 1px solid var(--gb-line); padding: 32px 0; margin-top: 48px; color: var(--gb-muted); font-size: 13px; }
.gb-footer-brand { font-weight: 700; color: var(--gb-text); margin-bottom: 6px; }

/* Generic page shell (static pages, board skins land in M2/M3) */
.gb-page { padding: 48px 0 64px; }
.gb-page h1 { font-size: 28px; margin: 0 0 24px; }
.gb-placeholder { color: var(--gb-muted); }

/* Contact form (M2 skeleton; submission in M6) */
.gb-form { max-width: 560px; }
.gb-field { margin-bottom: 16px; }
.gb-field label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 6px; }
.gb-field input, .gb-field select, .gb-field textarea {
    width: 100%; padding: 10px 12px; border: 1px solid var(--gb-line);
    border-radius: 8px; font-family: inherit; font-size: 14px;
}
.gb-btn {
    padding: 12px 24px; background: var(--gb-primary); color: #fff;
    border: 0; border-radius: 8px; font-weight: 600; cursor: pointer;
}
.gb-btn:disabled { opacity: .5; cursor: not-allowed; }

@media (max-width: 900px) {
    .gb-gnb { display: none; }
    .gb-home-grid .container { grid-template-columns: repeat(2, 1fr); }
}

/* Board engine skins (M3) */
.gb-count{color:var(--gb-muted);font-weight:400;font-size:.6em}
.gb-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.gb-cats a{padding:6px 14px;border:1px solid var(--gb-line);border-radius:999px;font-size:14px;color:var(--gb-muted)}
.gb-cats a.active{background:var(--gb-primary);color:#fff;border-color:var(--gb-primary)}
.gb-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gb-grid-item a{display:block;border:1px solid var(--gb-line);border-radius:12px;overflow:hidden;transition:all .15s}
.gb-grid-item a:hover{border-color:var(--gb-primary);box-shadow:0 8px 24px rgba(10,74,158,.1)}
.gb-thumb{display:block;width:100%;aspect-ratio:4/3;background:#f1f4f8 center/cover no-repeat}
.gb-thumb--lg{aspect-ratio:1/1;border-radius:12px}
.gb-grid-title{display:block;padding:12px 14px 4px;font-weight:500}
.gb-approval{display:block;padding:0 14px 12px;font-size:12px;color:var(--gb-muted)}
.gb-empty{color:var(--gb-muted);padding:32px 0}
.gb-detail{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}
.gb-detail-media img,.gb-detail-media .gb-thumb{width:100%;border-radius:12px}
.gb-detail-info h1{margin:0 0 16px}
.gb-approval-row{display:flex;gap:8px;margin-bottom:16px;font-size:14px}
.gb-approval-row .gb-label{color:var(--gb-muted)}
.gb-spec{width:100%;border-collapse:collapse}
.gb-spec th,.gb-spec td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--gb-line);font-size:14px}
.gb-spec th{width:40%;color:var(--gb-muted);font-weight:500}
.gb-content{line-height:1.8;margin:24px 0}
.gb-files{list-style:none;padding:16px;background:#f7f9fc;border-radius:8px;margin:24px 0}
.gb-board-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.gb-search{display:flex;gap:6px}
.gb-search input{padding:8px 12px;border:1px solid var(--gb-line);border-radius:8px}
.gb-search button{padding:8px 16px;border:0;background:var(--gb-primary);color:#fff;border-radius:8px;cursor:pointer}
.gb-list{width:100%;border-collapse:collapse}
.gb-list th,.gb-list td{padding:14px 10px;border-bottom:1px solid var(--gb-line);font-size:14px;text-align:center}
.gb-list .c-subject{text-align:left}
.gb-list thead th{border-top:2px solid var(--gb-text);color:var(--gb-muted);font-weight:500}
.gb-article-head{border-bottom:1px solid var(--gb-line);padding-bottom:16px;margin-bottom:24px}
.gb-article-meta{display:flex;gap:16px;color:var(--gb-muted);font-size:13px;margin-top:8px}
.gb-actions{margin-top:32px}
.gb-btn-ghost{display:inline-block;padding:10px 24px;border:1px solid var(--gb-line);border-radius:8px}
.pagination{display:flex;gap:6px;justify-content:center;list-style:none;padding:24px 0;margin:0}
.pagination a,.pagination strong{display:inline-block;padding:6px 12px;border:1px solid var(--gb-line);border-radius:6px;font-size:14px}
.pagination .active a,.pagination strong{background:var(--gb-primary);color:#fff;border-color:var(--gb-primary)}
@media(max-width:900px){.gb-grid{grid-template-columns:repeat(2,1fr)}.gb-detail{grid-template-columns:1fr}}

/* M6: flash, popups, home sections */
.gb-flash{padding:14px 16px;border-radius:8px;margin:16px 0;font-size:14px}
.gb-flash.ok{background:#e7f6ec;color:#096c2e}
.gb-flash.err{background:#fdeded;color:#b42318}
.gb-home-sec{padding:32px 0}
.gb-home-sec h2{font-size:22px;margin:0 0 20px}
.gb-popups{position:fixed;inset:0;z-index:1000;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;background:rgba(0,0,0,.45);padding:20px}
.gb-popup{background:#fff;border-radius:12px;overflow:hidden;max-width:360px;width:100%;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.gb-popup img{display:block;width:100%}
.gb-popup-body{padding:24px}
.gb-popup-body h3{margin:0 0 10px}
.gb-popup-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--gb-line);font-size:13px}
.gb-popup-close{padding:6px 14px;border:0;background:var(--gb-primary);color:#fff;border-radius:6px;cursor:pointer}