/* 생활지원365 전용 홈 — Blocksy의 글·아카이브에는 영향을 주지 않습니다. */
:root { --ls365-ink:#173047; --ls365-muted:#607385; --ls365-line:#d7e1e7; --ls365-paper:#fff; --ls365-soft:#f2f6f7; --ls365-teal:#007d79; --ls365-deep:#123b52; --ls365-mint:#e5f3f0; }
.ls365-home { background:var(--ls365-paper); color:var(--ls365-ink); }.ls365-home *, .ls365-home *::before, .ls365-home *::after { box-sizing:border-box; }.ls365-shell { width:min(1160px, calc(100% - 40px)); margin:0 auto; }.ls365-kicker { margin:0 0 12px; color:var(--ls365-teal); font-size:12px; font-weight:800; letter-spacing:.12em; }
.ls365-hero { padding:96px 0 72px; background:linear-gradient(135deg, #e5f3f0 0%, #f8fbfa 52%, #edf4fb 100%); border-bottom:1px solid #dce9e8; }.ls365-hero__inner { position:relative; }.ls365-hero__inner::after { content:'⌂'; position:absolute; right:7%; top:-25px; color:#c6e2de; font-size:170px; font-weight:700; line-height:1; opacity:.72; }.ls365-hero h1 { position:relative; z-index:1; margin:0; color:var(--ls365-deep); font-size:clamp(40px, 5.8vw, 68px); font-weight:800; letter-spacing:-.065em; line-height:1.1; }.ls365-hero p:not(.ls365-kicker) { position:relative; z-index:1; margin:24px 0 30px; color:#506979; font-size:17px; line-height:1.75; }.ls365-search { position:relative; z-index:1; display:flex; max-width:720px; overflow:hidden; border:1px solid #aec5c7; border-radius:9px; background:#fff; box-shadow:0 12px 28px rgba(18,62,74,.1); }.ls365-search input { min-width:0; flex:1; border:0; padding:18px 20px; color:var(--ls365-ink); font-size:15px; outline:0; }.ls365-search button { width:60px; border:0; background:var(--ls365-teal); color:#fff; font-size:27px; cursor:pointer; }.ls365-hero__notice { position:relative; z-index:1; display:flex; align-items:center; gap:10px; margin-top:17px; color:#617989; font-size:13px; }.ls365-hero__notice strong { display:inline-block; border-radius:4px; background:#d2ebe6; color:#086d69; padding:3px 7px; font-size:11px; }
.ls365-section { padding:82px 0; }.ls365-section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:30px; }.ls365-section-heading h2, .ls365-closing h2, .ls365-check h2 { margin:0; color:var(--ls365-deep); font-size:clamp(28px, 3vw, 40px); letter-spacing:-.055em; line-height:1.18; }.ls365-section-heading > p { max-width:300px; margin:0; color:var(--ls365-muted); font-size:14px; line-height:1.6; }.ls365-text-link { color:var(--ls365-teal); font-size:14px; font-weight:700; text-decoration:none; white-space:nowrap; }
.ls365-category-section { background:#fff; }.ls365-category-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }.ls365-category-card { min-height:238px; display:flex; flex-direction:column; border:1px solid var(--ls365-line); border-radius:10px; padding:24px; color:var(--ls365-ink); text-decoration:none; transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }.ls365-category-card:hover { transform:translateY(-4px); border-color:#8ebdb8; box-shadow:0 12px 25px rgba(13,67,76,.1); }.ls365-category-card__icon { width:42px; height:42px; display:grid; place-items:center; margin-bottom:22px; border-radius:8px; background:var(--ls365-mint); color:var(--ls365-teal); font-size:22px; font-weight:800; }.ls365-category-card h3 { margin:0 0 9px; color:var(--ls365-deep); font-size:20px; letter-spacing:-.045em; }.ls365-category-card p { margin:0; color:#617585; font-size:13px; line-height:1.65; }.ls365-category-card > span:last-child { margin-top:auto; padding-top:17px; color:var(--ls365-teal); font-size:13px; font-weight:700; }
.ls365-latest-section { background:var(--ls365-soft); }.ls365-post-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.ls365-post-card { overflow:hidden; border:1px solid var(--ls365-line); border-radius:10px; background:#fff; }.ls365-post-card__image { aspect-ratio:1.75/1; display:grid; place-items:center; overflow:hidden; background:#e7eff1; }.ls365-post-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }.ls365-post-card:hover img { transform:scale(1.04); }.ls365-post-card__placeholder { color:#6c848d; font-size:12px; font-weight:700; }.ls365-post-card__body { padding:18px; }.ls365-post-card__category { color:var(--ls365-teal); font-size:12px; font-weight:700; }.ls365-post-card h3 { margin:8px 0; font-size:18px; letter-spacing:-.035em; line-height:1.35; }.ls365-post-card h3 a { color:var(--ls365-deep); text-decoration:none; }.ls365-post-card p { display:-webkit-box; overflow:hidden; margin:0; color:#697d8c; font-size:13px; line-height:1.65; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.ls365-category-lists { background:#fff; }.ls365-category-lists__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:38px 24px; }.ls365-mini-list { border-top:2px solid var(--ls365-teal); }.ls365-mini-list__heading { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--ls365-line); padding:16px 0; }.ls365-mini-list__heading h3 { margin:0; font-size:18px; letter-spacing:-.04em; }.ls365-mini-list__heading a { color:var(--ls365-muted); font-size:12px; text-decoration:none; }.ls365-mini-list .ls365-post-grid { display:block; }.ls365-mini-list .ls365-post-card { overflow:visible; border:0; border-radius:0; border-bottom:1px solid var(--ls365-line); background:transparent; padding:14px 0; }.ls365-mini-list .ls365-post-card__image, .ls365-mini-list .ls365-post-card p, .ls365-mini-list .ls365-post-card__category { display:none; }.ls365-mini-list .ls365-post-card__body { padding:0; }.ls365-mini-list .ls365-post-card h3 { margin:0; font-size:15px; font-weight:600; }
.ls365-check { padding:66px 0; background:#eaf4f2; }.ls365-check .ls365-shell { display:flex; align-items:center; justify-content:space-between; gap:42px; }.ls365-check ol { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; width:min(610px,100%); margin:0; padding:0; list-style:none; }.ls365-check li { display:flex; align-items:center; gap:10px; border:1px solid #c7ded9; border-radius:8px; background:#fff; padding:14px; color:#355b66; font-size:13px; line-height:1.45; }.ls365-check b { display:grid; flex:0 0 24px; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--ls365-teal); color:#fff; font-size:12px; }.ls365-closing { padding:82px 0; background:var(--ls365-deep); color:#fff; }.ls365-closing h2 { color:#fff; }.ls365-closing p:not(.ls365-kicker) { max-width:530px; margin:18px 0 0; color:#c7d8dd; font-size:16px; line-height:1.75; }.ls365-closing .ls365-kicker { color:#9ed8d0; }.ls365-empty { margin:0; color:var(--ls365-muted); font-size:14px; }
@media (max-width:900px) { .ls365-category-grid { grid-template-columns:repeat(2,1fr); }.ls365-hero__inner::after { right:0; font-size:130px; }.ls365-check .ls365-shell { align-items:flex-start; flex-direction:column; }.ls365-check ol { width:100%; } }
@media (max-width:700px) { .ls365-hero { padding:70px 0 58px; }.ls365-section { padding:60px 0; }.ls365-section-heading { align-items:flex-start; flex-direction:column; gap:12px; }.ls365-section-heading > p { max-width:none; }.ls365-post-grid, .ls365-category-lists__grid { grid-template-columns:1fr; }.ls365-category-lists__grid { gap:32px; }.ls365-check ol { grid-template-columns:1fr; }.ls365-hero__inner::after { display:none; } }
@media (max-width:480px) { .ls365-shell { width:min(100% - 30px,1160px); }.ls365-hero h1 { font-size:41px; }.ls365-hero p:not(.ls365-kicker) { font-size:15px; }.ls365-search input { padding:16px; font-size:14px; }.ls365-category-grid { grid-template-columns:1fr; }.ls365-category-card { min-height:200px; }.ls365-section-heading h2, .ls365-closing h2, .ls365-check h2 { font-size:29px; }.ls365-hero__notice { align-items:flex-start; flex-direction:column; gap:6px; }.ls365-closing { padding:63px 0; } }