:root{--sgp-chrome-paper:#f3efe6;--sgp-page-paper:#faf9f5;--sgp-chrome-ink:#172033;--sgp-chrome-blue:#0b63ce;--sgp-chrome-lemon:#f4f000;--sgp-chrome-footer:#20251f}
html,body,.wp-site-blocks{background:var(--sgp-page-paper)}
.sgp-site-header-wrap,.sgp-site-footer-wrap{margin:0;padding:0}
.sgp-site-header-wrap{background:var(--sgp-chrome-paper)}
.sgp-site-header{width:100%;margin:0;padding:30px 0 0;box-sizing:border-box;background:var(--sgp-chrome-paper);color:var(--sgp-chrome-ink);font-family:Pretendard,"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
.sgp-site-header *,.sgp-site-footer *{box-sizing:border-box}
.sgp-site-header__masthead{display:flex;width:calc(100% - 88px);max-width:1420px;margin:0 auto;align-items:center;justify-content:space-between;gap:30px;padding:0 0 27px;border-bottom:2px solid var(--sgp-chrome-ink)}
.sgp-site-header__brand{display:flex;width:180px;height:58px;flex:0 0 auto;align-items:center;font-size:0;line-height:0;text-decoration:none}
.sgp-site-header__brand img{display:block;width:180px;max-width:100%;height:auto}
.sgp-site-header__signature{display:flex;align-items:center;gap:22px}
.sgp-site-header__subtitle{display:block;width:180px;height:auto;object-fit:contain}
.sgp-site-header__tagline{margin:0;color:#172033;font-size:16px;font-weight:700;line-height:1.45;text-align:right}
.sgp-site-header__cat{display:block;width:88px;height:58px;max-width:none;object-fit:cover;object-position:center 49%;image-rendering:auto;transform:translateY(33px) scale(1.28);transform-origin:right bottom}
.sgp-site-header__navline{display:flex;width:calc(100% - 88px);max-width:1420px;align-items:center;justify-content:space-between;gap:24px;margin:0 auto 18px;padding:10px 0}
.sgp-site-header__navline nav{display:flex;flex-wrap:wrap;gap:30px}
.sgp-site-header__navline a{display:inline-block;min-height:0;padding:10px 0;border:0;color:var(--sgp-chrome-ink);font-size:18px;font-weight:600;line-height:1.5;text-decoration:none;box-shadow:none}
.sgp-site-header__navline a:hover,.sgp-site-header__navline a:focus-visible,.sgp-site-header__navline a.is-current{color:var(--sgp-chrome-blue);text-decoration:underline;text-underline-offset:6px}
.sgp-site-header__navline .sgp-language-switcher{display:flex;flex:0 0 auto;gap:8px;margin-left:auto}
.sgp-site-header__navline .sgp-language-switcher__link{min-width:42px;padding:6px 10px;border:1px solid #17203366;border-radius:999px;font-size:14px;font-weight:700;line-height:1.2;text-align:center}
.sgp-site-footer{margin:0;padding:44px 0 38px;background:var(--sgp-chrome-footer);color:#fff;font-family:Pretendard,"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
.sgp-site-footer__inner{display:grid;width:calc(100% - 88px);max-width:1420px;margin:0 auto;grid-template-columns:1fr 2fr;gap:70px;align-items:start}
.sgp-site-footer__logo{display:inline-block;width:150px;font-size:0;line-height:0}
.sgp-site-footer__logo img{display:block;width:150px;max-width:100%;height:auto;filter:brightness(0) invert(1)}
.sgp-site-footer__notice{max-width:780px;margin:0;color:#d3d6cd;font-size:13px;line-height:1.8}
.sgp-site-footer nav{display:flex;flex-wrap:wrap;gap:25px;margin-top:15px}
.sgp-site-footer nav a{display:inline-block;padding:0;border:0;color:#fff;font-size:13px;line-height:1.5;text-decoration:none}
.sgp-site-footer nav a:hover,.sgp-site-footer nav a:focus-visible{color:var(--sgp-chrome-lemon);text-decoration:underline;text-underline-offset:5px}
.sgp-site-footer nav a[aria-current="page"]{color:var(--sgp-chrome-lemon)}
@media(max-width:900px){.sgp-site-footer__inner{grid-template-columns:1fr;gap:28px}}
@media(max-width:1050px) and (min-width:721px){.sgp-site-header__masthead,.sgp-site-header__navline,.sgp-site-footer__inner{width:calc(100% - 48px)}}
@media(max-width:720px){.sgp-site-header{padding-top:24px}.sgp-site-header__masthead,.sgp-site-header__navline{width:calc(100% - 36px)}.sgp-site-header__masthead{gap:16px;padding-bottom:20px}.sgp-site-header__signature{gap:18px}.sgp-site-header__tagline{font-size:13px;line-height:1.35}.sgp-site-header__cat{transform:translateY(26px) scale(1.12)}.sgp-site-header__navline{align-items:flex-start;margin-bottom:8px;padding:5px 0}.sgp-site-header__navline nav{gap:22px}.sgp-site-header__navline a{font-size:17px}.sgp-site-header__navline .sgp-language-switcher__link{min-width:38px;padding:6px 8px;font-size:13px}.sgp-site-footer__inner{width:calc(100% - 36px)}}
@media(max-width:520px){.sgp-site-header__masthead{gap:12px}.sgp-site-header__brand{width:140px;height:auto}.sgp-site-header__brand img{width:140px}.sgp-site-header__subtitle{width:90px}.sgp-site-footer{padding:34px 0}.sgp-site-footer__logo,.sgp-site-footer__logo img{width:135px}}
@media(max-width:520px){.sgp-site-header__navline{flex-wrap:wrap}.sgp-site-header__navline .sgp-language-switcher{margin-left:0}}
@media(max-width:520px){.article-head h1{font-size:32px!important}}
@media(max-width:720px){.sgp-site-header__signature .sgp-site-header__subtitle{display:none}}/* 폰에서는 홈 히어로 배너가 같은 문장을 보여 주므로 부제 이미지를 숨긴다. release 페이지의 인라인 사본(.sgp-site-header__subtitle{display:block})보다 우선하도록 선택자를 한 단계 높임 (2026-09-22) */
@media(max-width:360px){.sgp-site-header__tagline{display:none}}



/* sgp-page-navigation */
.sgp-page-navigation{position:fixed;right:22px;bottom:24px;z-index:1000;width:58px;font-family:Pretendard,"Malgun Gothic",sans-serif;color:#172033;isolation:isolate}
.sgp-page-navigation__cat{display:block;width:72px;height:auto;max-width:none;object-fit:contain;margin:0 0 -1px -10px;pointer-events:none}
.sgp-page-navigation__buttons{overflow:hidden;border:1.5px solid #4b6657;border-radius:20px;background:#f3efe6;box-shadow:0 4px 14px #17203314}
.sgp-page-navigation button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;min-height:58px;margin:0;padding:6px 2px;border:0;border-radius:0;background:transparent;color:#0b63ce;font:600 13px/1.3 Pretendard,"Malgun Gothic",sans-serif;cursor:pointer;transition:background-color .18s,color .18s}
.sgp-page-navigation button+button{border-top:1px solid #4b665730}
.sgp-page-navigation button svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sgp-page-navigation button:hover{background:#f4f000;color:#172033}
.sgp-page-navigation button:focus-visible{outline:3px solid #0b63ce;outline-offset:-4px;background:#f4f000;color:#172033}
.sgp-page-navigation button:active{background:#dce8d7}
.sgp-page-navigation button:disabled{background:transparent;color:#68736d;cursor:default;opacity:.42}
@media(max-width:900px){.sgp-page-navigation{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));display:block;width:52px;max-width:none;margin:0;padding:0}.sgp-page-navigation__cat{width:58px;height:auto;margin:0 0 -1px -7px}.sgp-page-navigation__buttons{display:block;border-radius:17px;box-shadow:0 5px 18px #17203324}.sgp-page-navigation button{width:50px;min-height:48px;gap:0;padding:4px 2px;font-size:11px}.sgp-page-navigation button svg{width:20px;height:20px}.sgp-page-navigation button+button{border-top:1px solid #4b665730;border-left:0}}

@media(max-width:360px){.sgp-page-navigation{right:8px;width:48px}.sgp-page-navigation__cat{width:54px;margin-left:-7px}.sgp-page-navigation button{width:46px;min-height:46px}}
@media(prefers-reduced-motion:reduce){.sgp-page-navigation button{transition:none}}
/* 2026-09-16 아리 QA(2차): 390px에서 멈춰 읽을 때 고정 내비가 본문·상품 카드를 가림 → 600px 이하에서는 스크롤 중에만 보이고 정지하면 숨긴다(포커스 중에는 유지). 고양이 숨김·44px 축소 */
@media(max-width:600px){.sgp-page-navigation{width:44px;opacity:0;transform:translateX(14px);pointer-events:none;transition:opacity .22s,transform .22s}.sgp-page-navigation.is-active,.sgp-page-navigation:focus-within{opacity:1;transform:none;pointer-events:auto}.sgp-page-navigation__cat{display:none}.sgp-page-navigation__buttons{border-radius:15px;background:#f3efe6f2;box-shadow:0 4px 14px #1720331f}.sgp-page-navigation button{width:42px;min-height:42px;padding:3px 2px;font-size:10px}.sgp-page-navigation button svg{width:18px;height:18px}}
@media(max-width:600px) and (prefers-reduced-motion:reduce){.sgp-page-navigation{transition:none}}
/* /sgp-page-navigation */
/* Mobile primary navigation grows horizontally as categories are added. */
@media(max-width:720px){
.sgp-site-header__navline{flex-wrap:nowrap;align-items:center;gap:12px;min-width:0}
.sgp-site-header__navline>nav:not(.sgp-language-switcher){display:flex;flex:1 1 0;min-width:0;flex-wrap:nowrap;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:18px;padding:0 1px;--nav-fade-left:0px;--nav-fade-right:0px;mask-image:linear-gradient(to right,transparent,#000 var(--nav-fade-left),#000 calc(100% - var(--nav-fade-right)),transparent)}
.sgp-site-header__navline>nav:not(.sgp-language-switcher)::-webkit-scrollbar{display:none}
.sgp-site-header__navline>nav:not(.sgp-language-switcher)>a{flex:0 0 auto;white-space:nowrap;font-size:15px;line-height:24px;min-height:44px;box-sizing:border-box;padding:10px 0}
.sgp-site-header__navline>nav:focus-visible{outline:2px solid #48647b;outline-offset:2px}
.sgp-site-header__navline .sgp-language-switcher{flex-shrink:0;margin-left:0}
}
/* A little paper tab above the brand keeps language separate from categories. */
.sgp-site-header__utility{width:calc(100% - 88px);max-width:1420px;margin:0 auto 15px}
.sgp-site-header__utility .sgp-language-switcher{display:inline-flex;align-items:center;gap:2px;padding:3px 5px;background:#faf8f2;border:1px solid #d9cfc0;border-radius:13px 13px 13px 4px;box-shadow:0 2px 0 #dfd5c544;line-height:1}
.sgp-site-header__utility .sgp-language-switcher__link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:32px;padding:0 5px;border-radius:8px;color:#756c62;font-size:12px;font-weight:600;letter-spacing:.06em;text-decoration:none;box-sizing:border-box}
.sgp-site-header__utility .sgp-language-switcher__link.is-current{background:#e7ded0;color:#594536;font-weight:800}
.sgp-language-switcher__divider{font-size:11px;color:#b6a792;padding:0 1px}
.sgp-site-header__utility a:hover{color:#48647b;background:#e9eeed}
.sgp-site-header__utility a:focus-visible{outline:2px solid #48647b;outline-offset:2px}
@media(min-width:721px) and (max-width:1050px){.sgp-site-header__utility{width:calc(100% - 48px)}}
@media(max-width:720px){.sgp-site-header{padding-top:12px}.sgp-site-header__utility{width:calc(100% - 36px);margin-bottom:12px}.sgp-site-header__utility .sgp-language-switcher__link{min-height:36px;min-width:38px}}

/* Compact spacing around the language tab; preserve its touch target. */
.sgp-site-header{padding-top:12px}
.sgp-site-header__utility{display:flex;align-items:flex-start;margin-bottom:4px}
@media(max-width:720px){.sgp-site-header{padding-top:6px}.sgp-site-header__utility{margin-bottom:4px}}

/* Lower the mobile brand and caption toward the navigation rule. */
@media(max-width:720px){.sgp-site-header__brand,.sgp-site-header__subtitle,.sgp-site-header__tagline{transform:translateY(12px)}}

/* Match the mobile language tab to the lowered brand without adding header height. */
@media(max-width:720px){.sgp-site-header__utility .sgp-language-switcher{transform:translateY(12px)}}

/* Remove the extra space above the lowered mobile header group. */
@media(max-width:720px){.sgp-site-header__utility{margin-top:-12px}}

/* Keep shared header spacing above legacy release-page inline styles. */
.sgp-site-header[data-sgp-component="site-header"]{padding-top:12px}
@media(max-width:720px){.sgp-site-header[data-sgp-component="site-header"]{padding-top:6px}}

/* Override legacy inline release styles that hid the mobile page controls. */
@media(max-width:520px){.sgp-page-navigation[role="group"]{display:block}}

/* Keep the AI disclosure clear even while mobile scroll navigation is active. */
@media(max-width:600px){.sgp-page-navigation.is-badge-overlap{visibility:hidden;opacity:0;pointer-events:none;transition:none}}

/* Diagram sizing and single-edge frames: 2026-09-22. */
/* Do not update posts: this presentation-only fix preserves all post dates. */
body figure.visual-diagram {
  max-width: min(100%, var(--sgp-diagram-width, 760px)) !important;
  margin-inline: auto !important;
  box-sizing: border-box;
}
body figure.visual-diagram img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* Diagrams already carry their own frame. Avoid a second, mismatched curve. */
body figure.visual-diagram,
body figure.visual-diagram > a,
body figure.visual-diagram .ai-media-link {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body figure.visual-diagram > a { display: block; }
/* Photo clipping belongs to the existing outer frame alone. */
body figure:not(.visual-diagram) .ai-media-link img {
  border-radius: 0 !important;
}
body figure.visual-diagram:has(img[src$="/living-15-visual-02-v2-scaled.webp"]) { --sgp-diagram-width: 480px; }
body figure.visual-diagram:has(img[src$="/living-14-visual-02-v2-scaled.webp"]) { --sgp-diagram-width: 480px; }
body figure.visual-diagram:has(img[src$="/living-13-visual-02-v2-scaled.webp"]) { --sgp-diagram-width: 480px; }
body figure.visual-diagram:has(img[src$="/living-13-visual-06-v2-scaled.webp"]) { --sgp-diagram-width: 480px; }
body figure.visual-diagram:has(img[src$="/living-12-visual-02-v2-scaled.webp"]) { --sgp-diagram-width: 480px; }
body figure.visual-diagram:has(img[src$="/living-12-visual-06-v2-scaled.webp"]) { --sgp-diagram-width: 480px; }
body figure.visual-diagram:has(img[src$="/living-12-visual-16-v2-scaled.webp"]) { --sgp-diagram-width: 480px; }
body figure.visual-diagram:has(img[src$="/living-11-visual-02-v2-scaled.webp"]) { --sgp-diagram-width: 480px; }
body figure.visual-diagram:has(img[src$="/living-11-visual-06-v2-scaled.webp"]) { --sgp-diagram-width: 480px; }
body figure.visual-diagram:has(img[src$="/living-10-visual-02-v2-scaled.webp"]) { --sgp-diagram-width: 480px; }
body figure.visual-diagram:has(img[src$="/living-09-visual-02-v2-scaled.webp"]) { --sgp-diagram-width: 480px; }
body figure.visual-diagram:has(img[src$="/living-09-visual-12-v2-scaled.webp"]) { --sgp-diagram-width: 480px; }
body figure.visual-diagram:has(img[src$="/living-08-visual-02-v2.webp"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/living-08-visual-06-v2.webp"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/living-08-visual-04-v2-scaled.webp"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/living-08-visual-16-v2-scaled.webp"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/living-07-visual-14-v2-scaled.webp"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/living-07-visual-06-v2-scaled.webp"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/living-06-visual-02-v2.webp"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/living-06-visual-06-v2.webp"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/living-06-visual-16-v2.webp"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/living-05-visual-06-v4.webp"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/kimchi-06-visual-02-v2.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/kimchi-06-visual-04-v2.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/kimchi-06-visual-08-v2.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg18-model-controls-diagram.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg17-reply-scope-diagram.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg15-conditions-diagram.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg15-time-diagram.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg14-orientation-diagram.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg14-sequence-diagram.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg13-photo-link-diagram.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg13-official-drawing.webp"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg13-fact-question-diagram.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg12-condition-diagram.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg11-official-mode.webp"]) { --sgp-diagram-width: 600px; }
body figure.visual-diagram:has(img[src$="/cg11-official-doors.webp"]) { --sgp-diagram-width: 600px; }
body figure.visual-diagram:has(img[src$="/cg10-supply-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg10-route-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg09-results-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg09-scope-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg09-reply-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg08-period-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg08-delivery-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg08-inputs-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg07-official-2.webp"]) { --sgp-diagram-width: 600px; }
body figure.visual-diagram:has(img[src$="/cg07-official-5.webp"]) { --sgp-diagram-width: 600px; }
body figure.visual-diagram:has(img[src$="/cg07-quote-route-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg06-first-use-route-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg05-placement-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg05-room-record-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg04-compare-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg04-record-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg03-dose-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg03-purchase-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg03-shipping-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg02-load-plan-v3.png"]) { --sgp-diagram-width: 560px; }
body figure.visual-diagram:has(img[src$="/cg02-answer-record-v3.png"]) { --sgp-diagram-width: 560px; }

/* sgp-site-search — 메뉴 줄 오른쪽, 갈피 아래. 넓은 화면은 입력창, 1280px 이하는 돋보기를 누르면 한 줄로 펼친다 (2026-10-05 대장) */
.sgp-site-header .sgp-site-search{display:flex;flex:0 0 auto;align-items:center;margin-left:auto}
.sgp-site-header .sgp-site-search__form{position:relative;display:flex;align-items:center;width:280px;margin:0}
.sgp-site-search__label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.sgp-site-header .sgp-site-search__field,.sgp-search-page .sgp-site-search__field{width:100%;height:42px;margin:0;padding:0 46px 0 18px;border:1px solid #17203359;border-radius:999px;background:#faf8f2;color:var(--sgp-chrome-ink,#172033);font:500 15px/1.4 Pretendard,"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;box-shadow:none;-webkit-appearance:none;appearance:none}
.sgp-site-search__field::placeholder{color:#756c62;opacity:1}
.sgp-site-search__field::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.sgp-site-header .sgp-site-search__field:focus,.sgp-search-page .sgp-site-search__field:focus{border-color:#176b59;outline:2px solid #176b5940;outline-offset:1px;background:#fff}
.sgp-site-header .sgp-site-search__submit,.sgp-site-header .sgp-site-search__toggle,.sgp-search-page .sgp-site-search__submit{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--sgp-chrome-ink,#172033);cursor:pointer;box-shadow:none}
.sgp-site-header .sgp-site-search__submit,.sgp-search-page .sgp-site-search__submit{position:absolute;top:1px;right:3px}
.sgp-site-search svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sgp-site-header .sgp-site-search__submit:hover,.sgp-site-header .sgp-site-search__toggle:hover,.sgp-search-page .sgp-site-search__submit:hover{background:#e7ded0}
.sgp-site-search__submit:focus-visible,.sgp-site-search__toggle:focus-visible{outline:2px solid #176b59;outline-offset:2px}
.sgp-site-header .sgp-site-search__toggle[hidden]{display:none}
.sgp-site-header .sgp-site-search__toggle{width:44px;height:44px;border:1px solid #17203340;background:#faf8f2}
.sgp-site-header .sgp-site-search.is-open .sgp-site-search__toggle{background:#e7ded0;border-color:#176b59}
@media(max-width:1280px){
.sgp-site-header__navline:has(.sgp-site-search.is-open){flex-wrap:wrap}
.sgp-site-header .sgp-site-search.is-enhanced{display:contents}
.sgp-site-header .sgp-site-search.is-enhanced .sgp-site-search__toggle{flex:0 0 auto;margin-left:auto}
.sgp-site-header .sgp-site-search.is-enhanced:not(.is-open) .sgp-site-search__form{display:none}
.sgp-site-header .sgp-site-search.is-open .sgp-site-search__form{order:9;flex:1 0 100%;width:100%;margin:2px 0 6px}
.sgp-site-header .sgp-site-search:not(.is-enhanced){flex:1 0 100%;margin:4px 0 6px}
.sgp-site-header .sgp-site-search:not(.is-enhanced) .sgp-site-search__form{width:100%}
.sgp-site-header__navline:has(.sgp-site-search:not(.is-enhanced)){flex-wrap:wrap}
.sgp-site-header .sgp-site-search__field{height:44px;font-size:16px}
}
@media(min-width:1281px){.sgp-site-header .sgp-site-search__toggle{display:none}}
/* 분야 10칸(2026-10-05): 721~1280px 에서는 메뉴 간격·글자를 한 단계 줄여 돋보기와 한 줄에 둔다 */
@media(min-width:721px) and (max-width:1280px){.sgp-site-header__navline nav{gap:18px}.sgp-site-header__navline nav a{font-size:16px}}
@media(min-width:721px) and (max-width:900px){.sgp-site-header__navline nav{gap:13px}.sgp-site-header__navline nav a{font-size:15px}}
/* /sgp-site-search */

/* Compact navigation must not cover an existing affiliate button. */
@media(max-width:600px){.sgp-page-navigation.sgp-commerce-overlap{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:none!important}}

/* 홈 디자인 감사(2026-10-22, 코디) — 홈·릴리스 페이지 19개가 이 파일의 옛 사본을 인라인으로 들고 있어
   같은 특이도로는 지므로 body 를 붙여 한 단계 높인다. */
/* SGP-16: 실제로 내려받는 글꼴은 Pretendard Variable 하나다. 앞에 둔다. */
body .sgp-site-header,body .sgp-site-footer,body .sgp-page-navigation,body .sgp-page-navigation button{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
/* SGP-06: 머리글 메뉴 18px → 17px (글자 크기 단계 13·15·17·20·24·28·40) */
@media(min-width:1281px){body .sgp-site-header__navline nav a{font-size:17px}}
body .sgp-site-header .sgp-language-switcher__link,body .sgp-site-header .sgp-language-switcher__divider,body .sgp-site-header .sgp-a2hs-pill{font-size:13px}
/* SGP-01: 오른쪽 아래 위·아래 단추가 글을 가리지 않게.
   1600px 이상은 본문 열(최대 1420px) 바깥 여백에 그대로 두고, 그보다 좁으면 한 화면 넘게 내려온 뒤
   스크롤하는 동안에만 작은 단추로 보인다(멈추면 1.4초 뒤 숨김, site-chrome.js is-far·is-active). */
@media(max-width:1599px){
body .sgp-page-navigation{display:block;right:max(8px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));width:44px;margin:0;padding:0;opacity:0;transform:translateX(12px);pointer-events:none;transition:opacity .22s,transform .22s}
body .sgp-page-navigation.is-far.is-active,body .sgp-page-navigation.is-far:focus-within{opacity:1;transform:none;pointer-events:auto}
body .sgp-page-navigation:not(.is-far):not(:focus-within){opacity:0;transform:translateX(12px);pointer-events:none}
body .sgp-page-navigation .sgp-page-navigation__cat{width:52px;margin:0 0 -1px -4px}
body .sgp-page-navigation .sgp-page-navigation__buttons{border-radius:14px;background:#f3efe6f2;box-shadow:0 4px 14px #1720331f}
body .sgp-page-navigation button{position:relative;width:44px;min-height:44px;padding:0;gap:0}
body .sgp-page-navigation button svg{width:22px;height:22px}
body .sgp-page-navigation button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
}
@media(max-width:1050px){
body .sgp-page-navigation .sgp-page-navigation__cat,body .sgp-page-navigation [data-scroll-direction="bottom"]{display:none}
}
@media(max-width:1599px) and (prefers-reduced-motion:reduce){body .sgp-page-navigation{transition:none}}
/* SGP-07: 721~1023px 도 폰처럼 메뉴를 한 줄 가로 스크롤로(768px 에서 두 줄로 넘치던 문제). */
@media(min-width:721px) and (max-width:1023px){
body .sgp-site-header__navline{flex-wrap:nowrap;align-items:center;gap:12px;min-width:0}
body .sgp-site-header__navline>nav:not(.sgp-language-switcher){display:flex;flex:1 1 0;min-width:0;flex-wrap:nowrap;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:18px;padding:0 1px;mask-image:linear-gradient(to right,transparent,#000 var(--nav-fade-left,0px),#000 calc(100% - var(--nav-fade-right,0px)),transparent)}
body .sgp-site-header__navline>nav:not(.sgp-language-switcher)::-webkit-scrollbar{display:none}
body .sgp-site-header__navline>nav:not(.sgp-language-switcher)>a{flex:0 0 auto;white-space:nowrap;font-size:15px;line-height:24px;min-height:44px;box-sizing:border-box;padding:10px 0}
}
/* SGP-14: 넓은 화면에서 푸터 고지 한 줄이 너무 길지 않게(한글 약 60자). */
body .sgp-site-footer .sgp-site-footer__notice{max-width:36em}
/* SGP-08(CLS): 1280px 이하에서 스크립트가 검색창을 돋보기로 접기 전까지 입력창이 한 줄을 차지했다가 사라져
   본문이 78px 당겨졌다(폰 CLS 0.076). 스크립트가 켜진 브라우저에서는 처음부터 접힌 자리로 둔다. */
@media (scripting:enabled) and (max-width:1280px){body .sgp-site-header .sgp-site-search:not(.is-enhanced){display:none}}