/* 사회복지관 워크스페이스 | 디위드 — page-specific rules (moved out of the inline <style> block,
   order preserved). Loads after assets/css/site.css. */
.sec{padding-block:clamp(56px,6.5vw,104px)}
.hero-t{font-size:58px;font-weight:800;line-height:1.16;letter-spacing:-.03em;color:var(--navy-900);margin:0}
.sec-t{font-size:42px;font-weight:800;line-height:1.2;letter-spacing:-.026em;color:var(--navy-900);margin:0}
.card-t{font-size:21px;font-weight:700;line-height:1.35;letter-spacing:-.015em;color:var(--navy-900);margin:0}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--green-700);margin:0}
.lbl{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--ink-3);margin:0}
.ul-y{background:linear-gradient(transparent 62%,var(--yellow-300) 62%)}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.g6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.g5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
table.cmp{width:100%;border-collapse:collapse;background:#fff}
.cmp th,.cmp td{padding:15px 18px;border-bottom:1px solid var(--border-neutral);font-size:14.5px;line-height:1.65;color:var(--ink-2);vertical-align:top;text-align:left}
.cmp thead th{font-size:14.5px;font-weight:700;color:var(--navy-900);background:var(--paper-sunken)}
.cmp tbody th{font-size:14px;font-weight:700;color:var(--navy-900);background:var(--paper-sunken);width:140px}
.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:0}
.tblwrap{border:1px solid var(--border-neutral);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card)}
.scrollx{overflow-x:auto}
details.faq{border-bottom:1px solid var(--border-neutral)}
details.faq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:23px 4px;font-size:18px;font-weight:700;letter-spacing:-.014em;color:var(--navy-900)}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"";flex:none;width:22px;height:22px;margin-top:2px;background:var(--blue-600);mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M12 5v14M5 12h14'/></svg>") center/contain no-repeat;transition:transform .32s cubic-bezier(.2,.6,.2,1)}
details.faq[open] summary::after{transform:rotate(45deg)}
details.faq p{margin:0;padding:0 56px 26px 4px;font-size:16px;line-height:1.8;color:var(--text-secondary)}
@media (max-width:1024px){.hero-grid,.split{grid-template-columns:1fr}.g3{grid-template-columns:repeat(2,1fr)}.g6,.g5{grid-template-columns:repeat(3,1fr)}.hero-t{font-size:44px}}
@media (max-width:720px){.g2,.g3,.g6{grid-template-columns:1fr}.g5{grid-template-columns:repeat(2,1fr)}.hero-t{font-size:38px}.sec-t{font-size:28px}.card-t{font-size:20px}.hide-sm{display:none!important}.only-sm{display:inline-flex!important}}