/*
Theme Name: 어르신 생활정보 (in2l)
Theme URI: https://in2l.co.kr
Description: Twenty Twenty-Five 자식 테마. 2026-11-09 개편(방향 C "두 겹"): 홈·도구는 안내 중심(남색 안내 면·주 단추 1개·3:4 표지 격자), 글은 읽기 중심(핵심 요약 → 카드 → 차례 → 본문). 카드 2판과 같은 언어(분류색·선 아이콘·단계 원·확인 네모·큰 숫자). 60대 이상 독자를 위한 큰 글씨와 높은 대비.
Author: in2l
Template: twentytwentyfive
Version: 3.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
Text Domain: in2l
*/

/* =====================================================================
   0. 토큰 (docs/사이트-디자인-2026-11-09.md "규칙" 절과 같다)
   색 12개: 중립 4(#fff #20242a #4b5563 #c7cdd4) · 분류 3(복지 #173b64 건강 #2b7a4b 용품 #a4521d) · 주의 #9a341f · 옅은 면 4.
   글자 6단계(기본 20px 기준, rem): meta 16 / sub 18 / body 20 / h3 24 / h2 30 / h1 36 — 휴대폰(≤767) h2 26 · h1 30.
   모서리 0/4px 만. 테두리 1px(구획·패널) / 2px(h2 밑줄·선택·핵심 요약 선) / 4px(주의 왼쪽 선). 아이콘 24/32/48px.
   간격 4px 단위(8/12/16/24/32/48/64). 글자 크기 단추(보통/크게/아주 크게)는 html 기본 크기를 바꾸므로 전부 rem 으로 쓴다.
   ===================================================================== */
:root {
  --fs-meta: 1rem; --fs-sub: 1.125rem; --fs-body: 1.25rem; --fs-h3: 1.5rem; --fs-h2: 1.875rem; --fs-h1: 2.25rem;
  --c: var(--wp--preset--color--primary);            /* 분류색: 글 페이지는 body 클래스(in2l-cat-*)가 바꾼다 */
  --ct: var(--wp--preset--color--welfare-tint);
  --font-head: var(--wp--preset--font-family--nanumsquare-neo);
}
@media (max-width: 767px) { :root { --fs-h2: 1.5rem; --fs-h1: 1.875rem; } }   /* 휴대폰 h2 24 · h1 30 (코덱스 2회차: 26px 예외 제거) */
body.in2l-cat-health { --c: var(--wp--preset--color--health); --ct: var(--wp--preset--color--health-tint); }
body.in2l-cat-products { --c: var(--wp--preset--color--products); --ct: var(--wp--preset--color--products-tint); }

body h1 { font-size: var(--fs-h1); line-height: 1.3; font-weight: 800; }
body h2 { font-size: var(--fs-h2); line-height: 1.4; }
body h3 { font-size: var(--fs-h3); line-height: 1.45; }
body { font-weight: 400; }
strong, b { font-weight: 700; }   /* 부모 테마 기본 굵기 300 때문에 bolder 가 400 이 되던 것을 바로잡음 */

/* ---------- 공통 ---------- */
html { -webkit-text-size-adjust: 100%; }
body { word-break: keep-all; overflow-wrap: anywhere; background: #fff; }
a { text-underline-offset: 3px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--wp--preset--color--accent); outline-offset: 2px; }
.in2l-band a:focus-visible, .in2l-band button:focus-visible, .in2l-band input:focus-visible { outline-color: #fff; }
img { height: auto; max-width: 100%; }
.in2l-header, .in2l-header *, .in2l-band, .in2l-band *, .in2l-home, .in2l-home *, .in2l-single, .in2l-single *, .in2l-archive, .in2l-archive *, .in2l-footer, .in2l-footer *, .autospin-cards * { box-sizing: border-box; }
.in2l-header > * + *, .in2l-header__row > * + *, .in2l-header__brand > * + *, .in2l-item > * + *, .in2l-item__body > * + *, .in2l-sec__head > * + *, .in2l-next > * + *, .in2l-postnav > * + *, .in2l-byline > * + * { margin-block-start: 0; }
/* 분류색 글자: 꼬리표·경로·분류 링크 */
a[href*="/category/welfare/"] { color: var(--wp--preset--color--welfare); }
a[href*="/category/health/"] { color: var(--wp--preset--color--health); }
a[href*="/category/products/"] { color: var(--wp--preset--color--products); }
.in2l-tag--welfare { color: var(--wp--preset--color--welfare); } .in2l-tag--health { color: var(--wp--preset--color--health); } .in2l-tag--products { color: var(--wp--preset--color--products); }
.in2l-cover--none { display: block; aspect-ratio: 3 / 4; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; background: var(--wp--preset--color--welfare-tint); }
.in2l-cardrow--toc { grid-template-columns: minmax(0, 1fr); }
/* 공통 단추·보조 단추 */
.in2l-btn, .wp-block-button__link, .in2l-benefit__btn, .in2l-calcbox__go { display: inline-flex; align-items: center; justify-content: center; gap: .4em; min-height: 48px; padding: .5rem 1rem; border: 0; border-radius: 4px; background: var(--wp--preset--color--primary); color: #fff; font-family: inherit; font-size: var(--fs-body); font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; }
.in2l-btn:hover, .wp-block-button__link:hover, .in2l-benefit__btn:hover, .in2l-calcbox__go:hover { background: var(--wp--preset--color--primary-dark); color: #fff; }
.in2l-btn--ghost { background: #fff; color: var(--wp--preset--color--primary); border: 2px solid var(--wp--preset--color--primary); }
.in2l-btn--ghost:hover { background: var(--wp--preset--color--welfare-tint); color: var(--wp--preset--color--primary); }
.in2l-iconbtn { display: inline-flex; align-items: center; justify-content: center; gap: .35em; min-width: 48px; min-height: 48px; padding: 0 .75rem; border: 1px solid var(--wp--preset--color--primary); border-radius: 4px; background: #fff; color: var(--wp--preset--color--primary); font-family: inherit; font-size: var(--fs-sub); font-weight: 700; line-height: 1; cursor: pointer; }
.in2l-iconbtn:hover { border-color: var(--wp--preset--color--primary); }
/* 기본 패널(흰·1px·4px)과 주의 패널 — 상자는 이 둘뿐 */
.in2l-panel { background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; padding: 1.5rem; }
.in2l-warn { background: var(--wp--preset--color--accent-tint); border-left: 4px solid var(--wp--preset--color--accent); border-radius: 0 4px 4px 0; padding: 1rem 1.25rem; }
.in2l-tag { display: inline-block; font-size: var(--fs-meta); font-weight: 700; line-height: 1.5; text-decoration: none; }
.in2l-tag:hover { text-decoration: underline; }

/* ---------- 선 아이콘 (24 격자 굵기 2 둥근 끝, mask 라 글자색을 따른다) ---------- */
:root {
  --ico-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E");
  --ico-find: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V3h6v1M8.5 13l2.5 2.5 4.5-4.5'/%3E%3C/svg%3E");
  --ico-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7c-2-2-5-2.3-8-1.5v13c3-.8 6-.5 8 1.5 2-2 5-2.3 8-1.5v-13C17 4.7 14 5 12 7zM12 7v13'/%3E%3C/svg%3E");
  --ico-calc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8.5 7h7M8.5 12h.01M12 12h.01M15.5 12h.01M8.5 16h.01M12 16h.01M15.5 16h.01'/%3E%3C/svg%3E");
  --ico-building: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M4 10h16M6 10v9M10 10v9M14 10v9M18 10v9M12 3l9 5H3z'/%3E%3C/svg%3E");
  --ico-health: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 12.6 12 20l-7.5-7.4A4.8 4.8 0 0 1 12 6.4a4.8 4.8 0 0 1 7.5 6.2z'/%3E%3Cpath d='M4 12h3.5l2-3 3 6 2-3H20'/%3E%3C/svg%3E");
  --ico-bag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l1 13H5zM9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");
  --ico-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h1M4 12h1M4 18h1'/%3E%3C/svg%3E");
  --ico-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
  --ico-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
  --ico-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E");
  --ico-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
  --ico-family: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3 20v-2a5 5 0 0 1 5-5h2a5 5 0 0 1 5 5v2M15 15h1a4 4 0 0 1 4 4v1'/%3E%3C/svg%3E");
  --ico-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 21.5 20.5H2.5z'/%3E%3Cpath d='M12 9.5v5M12 17.8h.01'/%3E%3C/svg%3E");
  --ico-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7V4h14v3M12 4v16M9 20h6'/%3E%3C/svg%3E");
}
.in2l-ico::before, .in2l-header .wp-block-navigation a::before, .in2l-header .wp-block-navigation__responsive-container-open::before, .in2l-header .wp-block-navigation__responsive-container-close::before, .in2l-header__stoggle::before, .in2l-band__link::before, .in2l-band .wp-block-button__link::before, .in2l-footer__links a::before { content: ""; display: inline-block; flex: 0 0 auto; width: 1.2em; height: 1.2em; margin-right: .4em; background-color: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; vertical-align: -0.2em; }
.in2l-header .wp-block-navigation a[href$='/find/'], .in2l-band .wp-block-button__link { --ico: var(--ico-find); }
.in2l-header .wp-block-navigation a[href$='/benefits/'], .in2l-band__link--book { --ico: var(--ico-book); }
.in2l-header .wp-block-navigation a[href$='/calc/'], .in2l-band__link--calc { --ico: var(--ico-calc); }
.in2l-header .wp-block-navigation a[href$='/category/welfare/'] { --ico: var(--ico-building); }
.in2l-header .wp-block-navigation a[href$='/category/health/'] { --ico: var(--ico-health); }
.in2l-header .wp-block-navigation a[href$='/category/products/'] { --ico: var(--ico-bag); }
.in2l-header .wp-block-navigation a[href$='/posts/'] { --ico: var(--ico-list); }
.in2l-header .wp-block-navigation a[href$='/about/'] { --ico: var(--ico-info); }
.in2l-header .wp-block-navigation a[href$='/contact/'] { --ico: var(--ico-mail); }
.in2l-header .wp-block-navigation__responsive-container-open { --ico: var(--ico-menu); }
.in2l-header .wp-block-navigation__responsive-container-close { --ico: var(--ico-close); }
.in2l-header__stoggle { --ico: var(--ico-search); }
.in2l-footer__links a { --ico: none; }
.in2l-footer__links a::before { display: none; }
.in2l-header .wp-block-navigation a:not([href$='/find/']):not([href$='/benefits/']):not([href$='/calc/']):not([href$='/category/welfare/']):not([href$='/category/health/']):not([href$='/category/products/']):not([href$='/posts/']):not([href$='/about/']):not([href$='/contact/'])::before { display: none; }

/* =====================================================================
   1. 헤더: PC 2줄(제호 64 + 메뉴 48 = 112px) · 1024px 미만 1줄(64px: 제호 + 검색 + 메뉴 단추). 검색줄은 단추로 펼친다.
   ===================================================================== */
.in2l-header { background: #fff; border-bottom: 1px solid var(--wp--preset--color--line); }
.in2l-header__row { display: flex; flex-wrap: wrap; align-items: center; gap: 0 .5rem; }
.in2l-header__brand { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; min-height: 60px; padding: 0; }
.in2l-header__brand > * + * { margin-block-start: .1rem; }
.in2l-header .wp-block-site-title { font-size: 1.75rem; line-height: 1.2; font-weight: 800; margin: 0; }
.in2l-header .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--primary); }
.in2l-header .wp-block-site-title a:hover, .in2l-header .wp-block-site-title a:focus-visible { text-decoration: underline; }
.in2l-header .wp-block-site-tagline { font-size: var(--fs-meta); line-height: 1.4; color: var(--wp--preset--color--gray); margin: 0; }
.in2l-header__stoggle { order: 2; }
.in2l-header__stoggle[aria-expanded="true"] { background: var(--wp--preset--color--primary); color: #fff; border-color: var(--wp--preset--color--primary); }
.in2l-header .wp-block-navigation { order: 3; flex: 1 1 100%; margin: 0; }
.in2l-header .wp-block-navigation__container { gap: .25rem; }
.in2l-header .wp-block-navigation a { display: flex; align-items: center; min-height: 48px; padding: 0 .75rem; margin-left: -.75rem; border-bottom: 3px solid transparent; color: var(--wp--preset--color--contrast); font-size: var(--fs-body); font-weight: 700; line-height: 1.2; text-decoration: none; }
.in2l-header .wp-block-navigation li + li a { margin-left: 0; }
.in2l-header .wp-block-navigation a:hover, .in2l-header .wp-block-navigation a:focus-visible { color: var(--wp--preset--color--primary); border-bottom-color: var(--wp--preset--color--primary); }
.in2l-header .wp-block-navigation .current-menu-item > a, .in2l-header .wp-block-navigation a[aria-current="page"] { color: var(--wp--preset--color--primary); border-bottom-color: var(--wp--preset--color--primary); }
.in2l-header .wp-block-navigation .in2l-nav--more { display: none; }   /* 전체 글 목록·소개·문의: 펼친 메뉴에서만 */
/* 메뉴 단추(1024px 미만)·펼친 메뉴 */
.in2l-header .wp-block-navigation__responsive-container-open, .in2l-header .wp-block-navigation__responsive-container-close { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 48px; padding: 0 .75rem; font-family: inherit; font-size: var(--fs-sub); font-weight: 700; color: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--primary); border-radius: 4px; background: #fff; }
.in2l-header .wp-block-navigation__responsive-container-close { position: static; margin: 0 0 1rem auto; }
.in2l-header .wp-block-navigation__responsive-container.is-menu-open { padding: 1rem; }
.in2l-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog { max-width: 1120px; margin: 0 auto; }
.in2l-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { flex-direction: column; align-items: stretch; gap: 0; width: 100%; }
.in2l-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; display: block; }
.in2l-header .wp-block-navigation__responsive-container.is-menu-open .in2l-nav--more { display: block; }
.in2l-header .wp-block-navigation__responsive-container.is-menu-open a { width: 100%; min-height: 56px; margin: 0; padding: 0 .25rem; border-bottom: 1px solid var(--wp--preset--color--line); font-size: var(--fs-body); }
.in2l-header .wp-block-navigation__responsive-container.is-menu-open .in2l-nav--more a { font-weight: 400; }
@media (min-width: 1024px) {
  .in2l-header .wp-block-navigation { border-top: 1px solid var(--wp--preset--color--line); }
  .in2l-header .wp-block-navigation__responsive-container-open { display: none !important; }
}
@media (max-width: 1023px) {
  .in2l-header .wp-block-navigation { flex: 0 0 auto; }
  .in2l-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: inline-flex !important; }
  .in2l-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
}
/* 검색줄 (단추로 펼침): 검색 입력 56px + 글자 크기 단추 */
.in2l-header__search { border-top: 1px solid var(--wp--preset--color--line); }
.in2l-header__search[hidden] { display: none !important; }
.in2l-header__searchrow { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.5rem; padding: .75rem 0; }
.in2l-header .wp-block-search { flex: 1 1 320px; max-width: 640px; margin: 0; }
.in2l-header .wp-block-search__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.in2l-header .wp-block-search__inside-wrapper, .in2l-band .wp-block-search__inside-wrapper { display: flex; align-items: stretch; gap: 4px; padding: 4px; border: 2px solid var(--wp--preset--color--primary); border-radius: 4px; background: #fff; }
.in2l-band .wp-block-search__inside-wrapper { border-color: #fff; }
.in2l-header .wp-block-search__input, .in2l-band .wp-block-search__input { flex: 1 1 0; min-width: 0; min-height: 48px; padding: 0 .75rem; border: 0; border-radius: 0; background: #fff; color: var(--wp--preset--color--contrast); font-family: inherit; font-size: var(--fs-body); box-shadow: none; }
.in2l-header .wp-block-search__input::placeholder, .in2l-band .wp-block-search__input::placeholder { color: var(--wp--preset--color--gray); opacity: 1; }
.in2l-header .wp-block-search__input:focus, .in2l-band .wp-block-search__input:focus { outline: none; box-shadow: none; }
.in2l-header .wp-block-search__button, .in2l-band .wp-block-search__button { flex: 0 0 auto; min-width: 80px; min-height: 48px; margin: 0; padding: 0 1rem; border: 0; border-radius: 4px; background: var(--wp--preset--color--primary); color: #fff; font-family: inherit; font-size: var(--fs-body); font-weight: 700; cursor: pointer; }
.in2l-header .wp-block-search__button:hover, .in2l-band .wp-block-search__button:hover { background: var(--wp--preset--color--primary-dark); }

/* ---------- 글자 크기 조절 (검색줄·글 제목 아래) ---------- */
.in2l-fs { display: inline-flex; align-items: center; gap: .5rem; font-size: var(--fs-meta); }
.in2l-fs__btn { min-width: 48px; min-height: 48px; padding: 0 .6rem; border: 1px solid var(--wp--preset--color--primary); border-radius: 4px; background: #fff; color: var(--wp--preset--color--primary); font-weight: 700; font-size: var(--fs-body); line-height: 1; cursor: pointer; font-family: inherit; }
.in2l-fs__btn:hover { border-color: var(--wp--preset--color--primary); }
.in2l-fs__btn span { font-size: var(--fs-meta); margin-left: 2px; }
.in2l-fs__label { font-size: var(--fs-meta); color: var(--wp--preset--color--gray); white-space: nowrap; }
@media print { .in2l-fs, .in2l-header__stoggle { display: none; } }

/* =====================================================================
   2. 홈: 남색 안내 면(h1 + 주 단추 1개 + 보조 링크 2 + 검색) → 자주 찾는 제도 칩 → 새 글(3:4 표지 격자 / 휴대폰 1열 목록)
   ===================================================================== */
.in2l-band { background: var(--wp--preset--color--primary); color: #fff; margin-top: 0 !important; padding-top: 2rem !important; padding-bottom: 2rem !important; }
.in2l-band > * + * { margin-block-start: 0; }
.in2l-band__title { margin: 0; color: #fff; font-size: var(--fs-h1); line-height: 1.35; font-weight: 800; }
.in2l-band__lead { margin: .5rem 0 1rem; max-width: 760px; font-size: var(--fs-body); line-height: 1.6; color: rgba(255, 255, 255, .88); }
.in2l-band__act { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; }
.in2l-band .wp-block-buttons { margin: 0; }
.in2l-band .wp-block-button__link { min-height: 56px; padding: 0 1.5rem; background: #fff; color: var(--wp--preset--color--primary); font-size: var(--fs-body); }
.in2l-band .wp-block-button__link:hover { background: var(--wp--preset--color--welfare-tint); color: var(--wp--preset--color--primary); }
.in2l-band__links { margin: 0; display: flex; flex-wrap: wrap; gap: 0 1.25rem; }
.in2l-band__link { display: inline-flex; align-items: center; min-height: 48px; color: #fff; font-size: var(--fs-body); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.in2l-band__link:hover { color: #fff; text-decoration-thickness: 2px; }
.in2l-band .wp-block-search { margin: 1rem 0 0; max-width: 640px; }
.in2l-band .wp-block-search__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.in2l-band__note { margin: .75rem 0 0; font-size: var(--fs-meta); color: rgba(255, 255, 255, .78); }
@media (min-width: 1024px) {
  section.in2l-band { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 664px) minmax(0, 424px) minmax(0, 1fr); column-gap: 2rem; row-gap: .75rem; align-items: start; }
  section.in2l-band > * { max-width: none !important; margin: 0 !important; }
  section.in2l-band > .in2l-band__title { grid-column: 2; grid-row: 1; }
  section.in2l-band > .in2l-band__lead { grid-column: 2; grid-row: 2; }
  section.in2l-band > .in2l-band__act { grid-column: 2; grid-row: 3; }
  section.in2l-band > .wp-block-search { grid-column: 3; grid-row: 1 / span 2; align-self: end; max-width: 424px !important; }
  section.in2l-band > .in2l-band__note { grid-column: 3; grid-row: 3; align-self: start; }
}
.in2l-band__note a { color: #fff; }
.in2l-sec { margin-top: 2rem; }
.in2l-sec__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.in2l-sec__head h2, .in2l-sec__head p { margin: 0; }
.in2l-sec__head a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; text-decoration: none; color: var(--wp--preset--color--primary); white-space: nowrap; font-size: var(--fs-sub); }
.in2l-sec__head a:hover { text-decoration: underline; }
/* 자주 찾는 제도 칩 (패널 없이 흰 바탕 위에) */
.in2l-quick { padding: 0; border: 0; background: transparent; box-shadow: none; }
.in2l-quick__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1rem; }
.in2l-quick__head h2, .in2l-quick__head p { margin: 0; }
.in2l-quick__head h2 { font-size: var(--fs-h2); line-height: 1.4; }
.in2l-quick__more { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--fs-sub); font-weight: 700; color: var(--wp--preset--color--primary); text-decoration: none; }
.in2l-quick__more:hover, .in2l-quick__more:focus-visible { text-decoration: underline; }
.in2l-quick__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.in2l-quick__list li { margin: 0; display: flex; }
.in2l-quick__list a { display: flex; flex: 1 1 auto; align-items: center; justify-content: center; min-height: 48px; padding: .5rem .75rem; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; background: #fff; color: var(--wp--preset--color--primary); font-size: var(--fs-sub); font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; }
.in2l-quick__list a:hover, .in2l-quick__list a:focus-visible { border-color: var(--wp--preset--color--primary); text-decoration: underline; }
/* 새 글: 3:4 표지 격자 (functions.php [in2l_latest]) — PC 4열, 휴대폰은 표지 108px 목록 */
.in2l-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem 1.25rem; margin: 0; padding: 0; list-style: none; }
.in2l-grid li { margin: 0; }
.in2l-grid a { display: block; text-decoration: none; color: var(--wp--preset--color--contrast); }
.in2l-grid img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; background: var(--ct); }
.in2l-grid .in2l-tag { display: block; margin: .75rem 0 .25rem; }
.in2l-grid h3 { margin: 0; font-size: var(--fs-h3); line-height: 1.4; }
.in2l-grid a:hover h3, .in2l-grid a:focus-visible h3 { text-decoration: underline; }
.in2l-grid .in2l-date { display: block; margin-top: .35rem; font-size: var(--fs-meta); color: var(--wp--preset--color--gray); }
/* 글 목록(분류·검색·태그): 표지 108×144 + 제목 24 + 요약 18 + 날짜 16, 아래 1px 선 */
.in2l-postlist { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--wp--preset--color--line); }
.in2l-postlist li { margin: 0; border-bottom: 1px solid var(--wp--preset--color--line); }
.in2l-postlist a { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 1.25rem; align-items: center; padding: 1rem 0; text-decoration: none; color: var(--wp--preset--color--contrast); }
.in2l-postlist img { display: block; width: 108px; aspect-ratio: 3 / 4; object-fit: cover; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; }
.in2l-postlist h2, .in2l-postlist h3 { margin: .15rem 0 .3rem; font-size: var(--fs-h3); line-height: 1.4; }
.in2l-postlist a:hover h2, .in2l-postlist a:hover h3 { text-decoration: underline; }
.in2l-postlist p { margin: 0 0 .3rem; font-size: var(--fs-sub); line-height: 1.6; color: var(--wp--preset--color--gray); }
.in2l-postlist .in2l-date { font-size: var(--fs-meta); color: var(--wp--preset--color--gray); }
.in2l-pagination { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.5rem 0 0; }
.in2l-pagination a, .in2l-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 48px; padding: 0 .75rem; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; text-decoration: none; font-weight: 700; color: var(--wp--preset--color--primary); }
.in2l-pagination .current { background: var(--wp--preset--color--primary); color: #fff; border-color: var(--wp--preset--color--primary); }

/* =====================================================================
   3. 글·제도·페이지 (760px): 경로 → 분류 → 제목 → 발행일·확인일·글자 크기 → 핵심 요약 → 출처 기관 → 카드 + 차례 → 본문
   ===================================================================== */
.in2l-crumb { margin: 0 0 .25rem; }
.in2l-crumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .2rem .5rem; font-size: var(--fs-meta); color: var(--wp--preset--color--gray); }
.in2l-crumb li + li::before { content: "›"; margin-right: .5rem; }
.in2l-crumb a { color: var(--wp--preset--color--primary); text-decoration: none; }
.in2l-crumb a:hover { text-decoration: underline; }
.in2l-single .in2l-cat, .in2l-item__cat { font-size: var(--fs-meta); font-weight: 700; margin: 0; }
.in2l-single .in2l-cat a, .in2l-item__cat a { text-decoration: none; }
.in2l-single .in2l-cat a:hover, .in2l-item__cat a:hover { text-decoration: underline; }
.in2l-single .wp-block-post-title { margin: .25rem 0 0; }
.in2l-single .in2l-byline { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem 1rem; margin: 0; padding: .75rem 0; border-bottom: 1px solid var(--wp--preset--color--line); font-size: var(--fs-meta); color: var(--wp--preset--color--gray); }
.in2l-single .in2l-byline .wp-block-post-date, .in2l-single .in2l-byline p { margin: 0; font-size: var(--fs-meta); color: var(--wp--preset--color--gray); }
.in2l-single .in2l-byline__src a { color: var(--wp--preset--color--primary); }
.in2l-single .in2l-byline .in2l-fs { margin-left: auto; }
.in2l-single .in2l-date { font-size: var(--fs-meta); color: var(--wp--preset--color--gray); margin: 0; }
.in2l-single .wp-block-heading { scroll-margin-top: 1rem; }
.in2l-single .in2l-tags { font-size: var(--fs-meta); color: var(--wp--preset--color--gray); margin-top: 1.5rem; }
.in2l-single .wp-block-post-terms a { text-decoration: none; font-weight: 700; }
.in2l-single .wp-block-post-terms a:hover { text-decoration: underline; }
/* 본문 */
.in2l-single .autospin { font-size: var(--fs-body); line-height: 1.8; }
.in2l-single .autospin h2, .in2l-single .wp-block-post-content > h2, .in2l-single .wp-block-post-content > .wp-block-heading { scroll-margin-top: 1rem; font-size: var(--fs-h2); margin: 3rem 0 1rem; padding-bottom: .4rem; border-bottom: 2px solid var(--c); }
.in2l-single .autospin h3 { font-size: var(--fs-h3); margin: 2rem 0 .75rem; }
.in2l-single .autospin p { margin: 0 0 1.5rem; }
.in2l-single .autospin ul { margin: 0 0 1.5rem; padding-left: 1.5rem; }
.in2l-single .autospin li { margin: 0 0 .5rem; }
.in2l-single .autospin sup a { text-decoration: none; color: var(--wp--preset--color--primary); padding: 0 .1em; }
/* 단계(순서 목록): 32px 분류색 원 + 2px 연결선 — 카드 2판 "단계" 장과 같은 언어 */
.in2l-single .autospin ol:not(.autospin-sources) { list-style: none; margin: 0 0 1.5rem; padding: 0; counter-reset: in2l-step; }
.in2l-single .autospin ol:not(.autospin-sources) > li { position: relative; counter-increment: in2l-step; min-height: 2rem; margin: 0; padding: 0 0 1.25rem 3rem; }
.in2l-single .autospin ol:not(.autospin-sources) > li::before { content: counter(in2l-step); position: absolute; left: 0; top: .15em; width: 2rem; height: 2rem; border-radius: 50%; background: var(--c); color: #fff; font-family: var(--font-head); font-size: var(--fs-sub); font-weight: 700; line-height: 2rem; text-align: center; }
.in2l-single .autospin ol:not(.autospin-sources) > li:not(:last-child)::after { content: ""; position: absolute; left: calc(1rem - 1px); top: 2.3rem; bottom: .1rem; width: 2px; background: var(--wp--preset--color--line); }
.in2l-single .autospin ol:not(.autospin-sources) > li:last-child { padding-bottom: 0; }
/* 핵심 요약: 흰 바탕, 위아래 2px 분류색 선 (상자 아님) */
.autospin-keypoints { margin: 1.5rem 0 0; padding: 1rem 0; border-top: 2px solid var(--c); border-bottom: 2px solid var(--c); background: transparent; border-left: 0; border-radius: 0; }
.autospin-keypoints strong { display: block; margin: 0 0 .6rem; font-family: var(--font-head); font-size: var(--fs-h3); line-height: 1.4; color: var(--c); }
.in2l-single .autospin-keypoints ul { margin: 0; padding-left: 1.3rem; }
.in2l-single .autospin-keypoints li { margin: 0 0 .5rem; }
.autospin-keypoints + .autospin-meta { margin: .5rem 0 0 !important; }
/* 출처 기관 줄 (functions.php 가 핵심 요약 아래에 넣는다) */
.in2l-srcline { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .75rem; margin: .5rem 0 0 !important; font-size: var(--fs-sub) !important; color: var(--wp--preset--color--gray); }
.in2l-srcline a { font-weight: 700; color: var(--wp--preset--color--primary); display: inline-flex; align-items: center; min-height: 44px; }
/* 카드 + 차례 (functions.php 가 핵심 요약 다음에 묶어 넣는다): PC 카드 320px 왼쪽, 차례 오른쪽 */
.in2l-cardrow { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 2rem; align-items: start; margin: 1.5rem 0 1rem; }
.in2l-skip { display: flex; justify-content: flex-end; margin: .25rem 0 0; }
.in2l-skip a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 .25rem; font-size: var(--fs-sub); font-weight: 700; color: var(--wp--preset--color--primary); }
.in2l-cardrow > * + * { margin-block-start: 0; }
.in2l-cardrow .autospin-cards { margin: 0; max-width: 320px; }
.in2l-cardrow .in2l-toc { margin: 0; padding: 0; border: 0; }
.autospin-cards { margin: 0 0 2rem; max-width: 320px; }
.autospin-cards__title { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem .5rem; margin: 0 0 .5rem; font-size: var(--fs-sub); font-weight: 700; color: var(--c); }
.autospin-cards__hint { display: none; font-size: var(--fs-meta); font-weight: 400; color: var(--wp--preset--color--gray); }
.autospin-cards__grid { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; outline-offset: 4px; }
.autospin-cards__grid::-webkit-scrollbar { display: none; }
.autospin-cards__grid figure { flex: 0 0 100%; scroll-snap-align: start; }
.autospin-cards figure { margin: 0; }
.autospin-cards img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; }
.autospin-cards figcaption { font-size: var(--fs-meta); color: var(--wp--preset--color--gray); margin: .4rem 0 0; }
.autospin-cards__nav { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin: .5rem 0 0; }
.autospin-cards__btn { min-width: 88px; min-height: 48px; padding: 0 .75rem; border: 1px solid var(--wp--preset--color--primary); border-radius: 4px; background: #fff; color: var(--wp--preset--color--primary); font-family: inherit; font-size: var(--fs-sub); font-weight: 700; cursor: pointer; }
.autospin-cards__btn:hover:not(:disabled) { border-color: var(--wp--preset--color--primary); }
.autospin-cards__btn:disabled { opacity: .35; cursor: default; }
.autospin-cards__pos { font-size: var(--fs-sub); font-weight: 700; color: var(--wp--preset--color--gray); }
/* 옛 글(접힌 묶음) 호환 */
.autospin-cards__cover { max-width: 320px; }
.autospin-cards__more { border-top: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line); margin-top: 1rem; }
.autospin-cards__more summary { cursor: pointer; font-size: var(--fs-body); font-weight: 700; min-height: 56px; display: flex; align-items: center; padding: .75rem 0; color: var(--wp--preset--color--primary); }
.autospin-cards__list { display: grid; gap: 1.5rem; max-width: 680px; padding: 0 0 1.5rem; }
/* 글 차례: 번호 + 1px 선 목록 (functions.php 가 서버에서 만든다; toc.js 는 없을 때만) */
.in2l-toc { margin: 1.5rem 0; padding: 0; }
.in2l-toc strong, .in2l-toc summary { display: flex; align-items: center; min-height: 48px; font-family: var(--font-head); font-size: var(--fs-h3); font-weight: 700; line-height: 1.4; }
.in2l-toc summary { cursor: pointer; list-style: none; }
.in2l-toc summary::-webkit-details-marker { display: none; }
.in2l-toc summary::after { content: "펼치기"; margin-left: auto; font-family: var(--wp--preset--font-family--paperlogy); font-size: var(--fs-meta); font-weight: 700; color: var(--wp--preset--color--primary); }
.in2l-toc details[open] summary::after { content: "접기"; }
.in2l-toc ol { margin: 0; padding: 0; list-style: none; counter-reset: in2l-toc; font-size: var(--fs-sub); line-height: 1.6; }
.in2l-toc li { counter-increment: in2l-toc; display: flex; gap: .6rem; margin: 0; padding: 0; border-bottom: 1px solid var(--wp--preset--color--line); }
.in2l-toc li::before { padding-top: .6rem; }
.in2l-toc li a { display: inline-flex; align-items: center; min-height: 48px; flex: 1 1 auto; }
.in2l-toc li::before { content: counter(in2l-toc); min-width: 1.4em; font-weight: 700; color: var(--wp--preset--color--gray); }
.in2l-toc a { color: var(--wp--preset--color--primary); text-decoration: none; }
.in2l-toc a:hover { text-decoration: underline; }
/* 2026-11-10: 글 차례가 본문(.autospin) 안에 들어가면서 '단계 번호 동그라미' 규칙이 차례에도 걸려 줄마다 20px 길어졌다. 차례는 원래 모양(회색 번호 + 1px 선, 줄 높이 48px)으로 되돌린다. */
.in2l-single .autospin .in2l-toc ol { margin: 0; counter-reset: in2l-toc; }
.in2l-single .autospin .in2l-toc ol > li { position: static; counter-increment: in2l-toc; min-height: 0; margin: 0; padding: 0; }
.in2l-single .autospin .in2l-toc ol > li::before { content: counter(in2l-toc); position: static; width: auto; height: auto; min-width: 1.4em; padding-top: .6rem; border-radius: 0; background: none; color: var(--wp--preset--color--gray); font-family: inherit; font-size: inherit; font-weight: 700; line-height: inherit; text-align: left; }
.in2l-single .autospin .in2l-toc ol > li:not(:last-child)::after { content: none; }
/* 알아두세요 = 기본 패널, 자녀가 대신 하는 법 = 기본 패널 + 32px 아이콘 제목, 주의 = 주의 패널 */
.autospin-tip { background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; padding: 1rem 1.25rem; margin: 0 0 1.5rem; }
.autospin-tip strong { display: block; color: var(--c); font-family: var(--font-head); margin-bottom: .25rem; }
.autospin-family { background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; padding: 1.25rem 1.5rem; margin: 2.5rem 0 1.5rem; }
.in2l-single .autospin-family h2 { display: flex; align-items: center; margin: 0 0 .75rem; padding: 0; border-bottom: 0; font-size: var(--fs-h3); color: var(--c); }
.in2l-single .autospin-family h2::before { content: ""; display: inline-block; flex: 0 0 auto; width: 2rem; height: 2rem; margin-right: .5rem; background-color: currentColor; -webkit-mask: var(--ico-family) center / contain no-repeat; mask: var(--ico-family) center / contain no-repeat; }
.in2l-single .autospin-family p:last-child, .in2l-single .autospin-family ol:last-child, .in2l-single .autospin-family ul:last-child { margin-bottom: 0; }
.autospin-warn, .in2l-warn { background: var(--wp--preset--color--accent-tint); border-left: 4px solid var(--wp--preset--color--accent); border-radius: 0 4px 4px 0; padding: 1rem 1.25rem; margin: 0 0 1.5rem; }
.autospin-warn strong { display: flex; align-items: center; color: var(--wp--preset--color--accent); font-family: var(--font-head); }
/* 큰 숫자 (확인된 핵심 수치 1개일 때만, 옅은 분류색 면) */
.in2l-num { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem 1rem; margin: 0 0 1.5rem; padding: 1rem 1.25rem; border-radius: 4px; background: var(--ct); }
.in2l-num b { font-family: var(--font-head); font-size: 2.5rem; line-height: 1.1; font-weight: 800; color: var(--c); }
.in2l-num small { font-size: var(--fs-sub); color: var(--wp--preset--color--gray); }
.in2l-num span { flex-basis: 100%; font-size: var(--fs-sub); color: var(--wp--preset--color--gray); }
/* 표 */
.autospin-table { overflow-x: auto; margin: 0 0 1.5rem; }
.autospin table, .in2l-single .in2l-facts table { border-collapse: collapse; width: 100%; font-size: var(--fs-sub); line-height: 1.6; margin: 0; }
.autospin th, .autospin td, .in2l-single .in2l-facts th, .in2l-single .in2l-facts td { text-align: left; padding: .75rem; border-bottom: 1px solid var(--wp--preset--color--line); vertical-align: top; }
.autospin th, .in2l-single .in2l-facts th { background: var(--ct); font-weight: 700; color: var(--c); }
.in2l-single .in2l-facts th { width: 9.5rem; white-space: nowrap; }
.autospin-faq p { margin: 0 0 1.5rem; }
.autospin-faq strong { display: block; font-size: var(--fs-body); }
.in2l-single .autospin-sources { font-size: var(--fs-meta); line-height: 1.7; color: var(--wp--preset--color--gray); margin: 0 0 1.5rem; padding-left: 1.5rem; }
.in2l-single .autospin-sources li { margin: 0 0 .5rem; }
.in2l-single .autospin-sources a { display: inline-block; padding: .25rem 0; }
.autospin-meta { font-size: var(--fs-meta); color: var(--wp--preset--color--gray); }
.in2l-single .autospin p.autospin-meta { margin-bottom: 1rem; }
.in2l-autolink { text-decoration: underline; color: var(--wp--preset--color--primary); }
.autospin-coupang img { border-radius: 4px !important; }
.autospin-coupang a[style*="background"] { min-height: 48px; display: inline-flex !important; align-items: center; }
/* 다음으로 할 일: 관련 계산기(functions.php the_content 30)와 복지 찾기 안내를 같은 외형(기본 패널)으로 */
.in2l-calcbox { margin: 2.5rem 0 0; padding: 1.25rem 1.5rem 1rem; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; background: #fff; }
.in2l-calcbox > * + * { margin-block-start: 0; }
.in2l-calcbox__title { font-size: var(--fs-h3); margin: 0 0 .3rem; color: var(--c); }
.in2l-calcbox__lead { font-size: var(--fs-sub); color: var(--wp--preset--color--gray); margin: 0 0 .5rem; line-height: 1.6; }
.in2l-calcbox__list { list-style: none; margin: 0; padding: 0; }
.in2l-calcbox__list li { border-top: 1px solid var(--wp--preset--color--line); }
.in2l-calcbox__item { display: block; padding: 1rem 0 1.1rem; text-decoration: none; color: var(--wp--preset--color--contrast); }
.in2l-calcbox__item:hover .in2l-calcbox__name { text-decoration: underline; }
.in2l-calcbox__name { display: block; font-size: var(--fs-h3); font-weight: 700; line-height: 1.45; font-family: var(--font-head); }
.in2l-calcbox__desc { display: block; font-size: var(--fs-sub); color: var(--wp--preset--color--gray); line-height: 1.6; margin-top: .25rem; }
.in2l-calcbox__go { margin-top: .6rem; font-size: var(--fs-sub); }
.in2l-calcbox__more { margin: 0; padding-top: .9rem; border-top: 1px solid var(--wp--preset--color--line); font-weight: 700; }
.in2l-calcbox__more a { text-decoration: none; color: var(--wp--preset--color--primary); }
.in2l-calcbox__more a:hover { text-decoration: underline; }
.in2l-next { margin-top: 1.5rem; padding: 1.25rem 1.5rem; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; background: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.in2l-next p { margin: 0; font-size: var(--fs-sub); color: var(--wp--preset--color--gray); flex: 1 1 320px; }
.in2l-next strong { display: block; margin-bottom: .25rem; font-family: var(--font-head); font-size: var(--fs-h3); line-height: 1.4; color: var(--wp--preset--color--contrast); }
.in2l-next .wp-block-buttons { margin: 0; }
/* 관련 글 · 이전/다음 */
.in2l-related { margin-top: 2.5rem; }
.in2l-related__title { font-size: var(--fs-h3); margin: 0 0 .25rem; padding-bottom: .4rem; border-bottom: 2px solid var(--c); }
.in2l-related__list { list-style: none; margin: 0; padding: 0; }
.in2l-related__list li { margin: 0; border-bottom: 1px solid var(--wp--preset--color--line); }
.in2l-related__list a { display: block; padding: .9rem 0 .2rem; font-size: var(--fs-h3); font-weight: 700; text-decoration: none; color: var(--wp--preset--color--contrast); font-family: var(--font-head); line-height: 1.45; }
.in2l-related__list a:hover { text-decoration: underline; }
.in2l-related__meta { display: block; font-size: var(--fs-meta); color: var(--wp--preset--color--gray); padding-bottom: .9rem; }
.in2l-related__more { margin: 0; padding-top: .9rem; font-weight: 700; font-size: var(--fs-sub); }
.in2l-related__more a { text-decoration: none; color: var(--wp--preset--color--primary); display: inline-flex; align-items: center; min-height: 44px; }
.in2l-related__more a:hover { text-decoration: underline; }
.in2l-postnav { border-top: 1px solid var(--wp--preset--color--line); padding: 1.25rem 0 0; margin-top: 2rem; display: flex; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; }
.in2l-postnav .wp-block-post-navigation-link { font-size: var(--fs-sub); }
.in2l-postnav .post-navigation-link__label { display: block; font-size: var(--fs-meta); color: var(--wp--preset--color--gray); }
.in2l-postnav a { text-decoration: none; font-weight: 700; color: var(--wp--preset--color--primary); display: inline-block; padding: .25rem 0; }
.in2l-postnav a:hover { text-decoration: underline; }

/* =====================================================================
   4. 제도 사전 · 복지 찾기 안내 · 전체 글 목록 · 분류 목록
   ===================================================================== */
.in2l-benefit__short { font-size: var(--fs-h3); line-height: 1.6; font-weight: 700; color: var(--c); margin: 0 0 1rem; }
.in2l-benefit__facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: .75rem 1.5rem; margin: 0 0 1.5rem; padding: 1.25rem 1.5rem; background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; }
.in2l-benefit__facts div { margin: 0; }
.in2l-benefit__facts dt { font-size: var(--fs-meta); color: var(--wp--preset--color--gray); font-weight: 700; }
.in2l-benefit__facts dd { margin: 0; font-size: var(--fs-sub); font-weight: 700; }
.in2l-benidx__nav { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1rem; }
.in2l-benidx__nav a { display: inline-flex; align-items: center; min-height: 48px; padding: .4rem .9rem; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; text-decoration: none; font-weight: 700; color: var(--wp--preset--color--primary); background: #fff; }
.in2l-benidx__nav a:hover { border-color: var(--wp--preset--color--primary); }
.in2l-benidx__nav a small { font-weight: 400; color: var(--wp--preset--color--gray); margin-left: .4rem; }
.in2l-benidx { margin-top: 2rem; }
.in2l-benidx h2 { font-size: var(--fs-h2); margin: 0 0 .25rem; padding-bottom: .4rem; border-bottom: 2px solid var(--wp--preset--color--primary); }
.in2l-benidx h2 small { font-size: var(--fs-meta); font-weight: 400; color: var(--wp--preset--color--gray); font-family: var(--wp--preset--font-family--paperlogy); margin-left: .5rem; }
.in2l-benidx ul { list-style: none; margin: 0; padding: 0; }
.in2l-benidx li { padding: 1rem 0; border-bottom: 1px solid var(--wp--preset--color--line); }
.in2l-benidx li > a { font-size: var(--fs-h3); font-weight: 700; text-decoration: none; color: var(--wp--preset--color--contrast); font-family: var(--font-head); line-height: 1.45; }
.in2l-benidx li > a:hover { text-decoration: underline; }
.in2l-benidx__short { display: block; font-size: var(--fs-sub); line-height: 1.6; margin-top: .25rem; }
.in2l-benidx__tags { display: block; font-size: var(--fs-meta); color: var(--wp--preset--color--gray); margin-top: .25rem; }
.in2l-all h2 { font-size: var(--fs-h2); margin: 2rem 0 .25rem; padding-bottom: .4rem; border-bottom: 2px solid var(--wp--preset--color--primary); }
.in2l-all h2 a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.in2l-all h2 small { font-size: var(--fs-meta); color: var(--wp--preset--color--gray); font-weight: 400; margin-left: .5rem; font-family: var(--wp--preset--font-family--paperlogy); }
.in2l-all ul { list-style: none; margin: 0; padding: 0; }
.in2l-all li { margin: 0; border-bottom: 1px solid var(--wp--preset--color--line); }
.in2l-all li a { display: block; padding: .9rem 0; text-decoration: none; color: var(--wp--preset--color--contrast); font-weight: 700; font-size: var(--fs-body); line-height: 1.45; }
.in2l-all li a:hover { text-decoration: underline; }
.in2l-all__date { font-size: var(--fs-meta); color: var(--wp--preset--color--gray); margin-left: .5rem; font-weight: 400; }
.in2l-archive-head { border-bottom: 1px solid var(--wp--preset--color--line); padding-bottom: 1rem; }
.in2l-archive-head h1 { margin: 0; }
.in2l-archive-head p { margin: .5rem 0 0; }

/* =====================================================================
   5. 푸터: 위 1px 선, PC 2열(소개 560px / 링크 격자), 운영자 줄
   ===================================================================== */
.in2l-footer { border-top: 1px solid var(--wp--preset--color--line); background: #fff !important; }
.in2l-footer__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 1rem 3rem; }
.in2l-footer__grid > * + * { margin-block-start: 0; }
.in2l-footer .wp-block-site-title { font-size: var(--fs-h3); font-weight: 800; margin: 0 0 .5rem; }
.in2l-footer .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.in2l-footer__about { max-width: 560px; margin: 0; font-size: var(--fs-sub); line-height: 1.7; color: var(--wp--preset--color--gray); }
.in2l-footer .wp-block-navigation { margin: 0; }
.in2l-footer .wp-block-navigation__container { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.in2l-footer .wp-block-navigation a { display: inline-flex; align-items: center; min-height: 48px; text-decoration: none; color: var(--wp--preset--color--primary); font-weight: 700; font-size: var(--fs-sub); }
.in2l-footer .wp-block-navigation a:hover { text-decoration: underline; }
.in2l-footer__op { grid-column: 1 / -1; margin: 0; padding-top: 1rem; border-top: 1px solid var(--wp--preset--color--line); font-size: var(--fs-meta); line-height: 1.6; color: var(--wp--preset--color--gray); }

/* =====================================================================
   6. 작은 화면
   ===================================================================== */
@media (max-width: 767px) {
  .in2l-header__row, .in2l-header__search, .in2l-band, .in2l-footer, .in2l-home, .in2l-single, .in2l-archive { padding-left: 1rem !important; padding-right: 1rem !important; }
  .in2l-header .wp-block-site-title { font-size: 1.5rem; }
  .in2l-header .wp-block-site-tagline { display: none; }
  .in2l-iconbtn span, .in2l-header__stoggle span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .in2l-header .wp-block-navigation__responsive-container-open span, .in2l-header .wp-block-navigation__responsive-container-open::before { margin: 0; }
  .in2l-header .wp-block-navigation__responsive-container-open { padding: 0; }
  .in2l-header .wp-block-navigation__responsive-container-open::before { width: 1.4em; height: 1.4em; }
  .in2l-header .wp-block-navigation__responsive-container-open .in2l-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .in2l-band { padding-top: 1.5rem !important; padding-bottom: 1.75rem !important; }
  .in2l-band__title { font-size: var(--fs-h1); line-height: 1.4; }
  .in2l-band__lead { font-size: var(--fs-sub); margin-bottom: 1rem; }
  .in2l-band .wp-block-buttons, .in2l-band .wp-block-button, .in2l-band .wp-block-button__link { width: 100%; }
  .in2l-band__link { min-height: 48px; font-size: var(--fs-sub); }
  .in2l-crumb li:last-child { display: none; }
  .in2l-band .wp-block-search__button { min-width: 72px; padding: 0 .75rem; }
  .in2l-sec { margin-top: 2rem; }
  .in2l-quick__list { grid-template-columns: 1fr 1fr; gap: .5rem; }
  .in2l-quick__list a { font-size: var(--fs-sub); padding: .4rem .5rem; }
  .in2l-grid { grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--wp--preset--color--line); }
  .in2l-grid li { border-bottom: 1px solid var(--wp--preset--color--line); }
  .in2l-grid a { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 1rem; align-items: center; padding: 1rem 0; }
  .in2l-grid img { width: 108px; }
  .in2l-grid .in2l-tag { margin: 0 0 .15rem; }
  .in2l-grid h3 { font-size: var(--fs-body); }
  .in2l-grid .in2l-date { margin-top: .25rem; }
  .in2l-postlist a { grid-template-columns: 84px minmax(0, 1fr); gap: 1rem; }
  .in2l-postlist img { width: 84px; }
  .in2l-postlist h2, .in2l-postlist h3 { font-size: var(--fs-body); }
  .in2l-postlist p { display: none; }
  .in2l-single .in2l-byline .in2l-fs { margin-left: 0; }
  .in2l-cardrow { grid-template-columns: 1fr; gap: 1.5rem; }
  .in2l-cardrow .autospin-cards, .autospin-cards, .autospin-cards__cover { max-width: 100%; }
  .autospin-cards__hint { display: inline; }
  .in2l-single .in2l-facts th, .in2l-single .in2l-facts td { display: block; width: auto; white-space: normal; }
  .in2l-single .in2l-facts th { border-bottom: 0; padding: .6rem .75rem .3rem; }
  .in2l-single .in2l-facts td { padding-top: .5rem; }
  .in2l-postnav { flex-direction: column; gap: 1rem; }
  .in2l-next { flex-direction: column; align-items: stretch; padding: 1rem; }
  .in2l-next .wp-block-button, .in2l-next .wp-block-button__link { width: 100%; }
  .in2l-calcbox { padding: 1rem 1rem .8rem; }
  .in2l-footer__grid { grid-template-columns: 1fr; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .in2l-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 2rem; }
  .in2l-quick__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media print {
  .in2l-header, .in2l-footer, .in2l-next, .in2l-postnav, .autospin-cards__nav { display: none !important; }
}