@import url("./page-layout.css?v=20261105-inquiry-band");
@import url("./interactions.css?v=20261110-button-scale");
:root { --npr-radius: 24px; }
:root { --npr-button-radius: 9999px; }
/* Text action buttons share one radius; icon controls and navigation keep their roles. */
body :is(.home-button,.solution-button,.se-button,.site-pagination button,.site-tabs button) {
    border-radius: var(--npr-button-radius) !important;
}
:root { --npr-green: #8dc21f; --npr-black: #000; --npr-gray: #f5f5f5; --npr-white: #fff; --home-text: var(--npr-black); --home-green-text: var(--npr-black); --home-header-height: 64px; }
.home-header { --home-menu-inset: max(16px, calc((100vw - 1440px) / 2)); position: fixed; inset: 0 0 auto; z-index: 1000; width: 100%; color: var(--npr-white); background: transparent; box-shadow: none; border: 0; backdrop-filter: none; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 15px; line-height: 1.6; transition: transform var(--npr-motion-panel) var(--npr-motion-ease), color 350ms ease-out, background-color 350ms ease-out; }
.home-header.is-idle { transform: translateY(-100%); pointer-events: none; }
.home-header *, .home-header *::before, .home-header *::after { box-sizing: border-box; }
.home-header a { color: inherit; text-decoration: none; }
.home-header button { padding: 0; border: 0; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.home-header img { display: block; }
.home-header :focus-visible { outline: 2px solid var(--npr-black); outline-offset: 4px; }
.home-header-bar, .home-menu-inner { display: grid; grid-template-columns: 168px minmax(0,1fr) 88px; column-gap: 32px; width: 100%; margin: auto; padding: 0 clamp(24px,2.5vw,48px); }
.home-header-bar { align-items: center; height: var(--home-header-height); }
.home-brand { position: relative; display: flex; align-items: center; height: 44px; }
.home-brand img { width: 96px; height: 36px; object-fit: contain; transition: opacity 350ms ease-out; }
.brand-color { position: absolute; left: 0; opacity: 0; }
.home-header:is(.is-open, .is-scrolled, .is-light-hero) { color: var(--home-text); }
.home-header.is-scrolled, .home-header.is-open { background: var(--npr-white); }
.home-header:is(.is-open, .is-scrolled, .is-light-hero) .brand-inverse { opacity: 0; }
.home-header:is(.is-open, .is-scrolled, .is-light-hero) .brand-color { opacity: 1; }
.home-primary { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); align-items: center; min-width: 0; max-width: none; margin: 0; padding: 0 var(--home-menu-inset); transition: padding 450ms var(--npr-motion-ease); }
.home-header.is-open .home-primary { padding-right: 0; padding-left: 0; }
.home-primary > * { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; height: var(--home-header-height); background: transparent; font-size: 16px; font-weight: 500; white-space: nowrap; }
.home-primary > :is(a, button):hover { color: var(--home-green-text); }
.home-primary > :is(a, button) > span { position: relative; display: inline-flex; align-items: center; height: 100%; }
.home-primary > :is(a, button) > span::after { position: absolute; right: 0; bottom: 12px; left: 0; height: 2px; background: currentColor; content: ''; transform: scaleX(0); transition: transform .25s ease-out; }
.home-header.is-open .home-primary > :is(a, button):is(:hover, :focus-visible) > span::after { transform: scaleX(1); }
.unavailable-link { cursor: default; }
.home-utilities { display: flex; justify-content: flex-end; align-items: center; gap: 8px; flex: 0 0 56px; }
.home-floating-tools { position: fixed; right: 24px; bottom: max(24px, env(safe-area-inset-bottom)); z-index: 900; display: flex; flex-direction: column; gap: 12px; color: var(--npr-black); font-family: 'SUIT', 'Malgun Gothic', sans-serif; line-height: 1.6; }
.home-floating-tools, .home-floating-tools * { box-sizing: border-box; }
.home-floating-tools a { color: inherit; text-decoration: none; }
.home-floating-tools img { display: block; width: 24px; height: 24px; }
.home-floating-tools :focus-visible { outline: 2px solid var(--npr-green); outline-offset: 4px; }
.home-floating-link, .home-profile-trigger { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--npr-black); border-radius: var(--npr-radius); background: var(--npr-white); }
.home-floating-link img, .home-profile-trigger img { filter: brightness(0); }
.home-floating-link:hover, .home-profile-trigger:hover { background: var(--npr-gray); }
.home-menu-open .home-floating-tools { visibility: hidden; }
.home-profile-download { position: relative; flex-shrink: 0; }
.home-profile-trigger { list-style: none; cursor: pointer; }
.home-profile-trigger::-webkit-details-marker { display: none; }
.home-profile-options { position: absolute; bottom: 0; right: calc(100% + 12px); min-width: 184px; padding: 8px; border: 1px solid var(--npr-black); border-radius: var(--npr-radius); color: var(--home-text); background: var(--npr-white); }
.home-profile-options a { display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 12px; font-size: 14px; white-space: nowrap; }
.home-profile-options a:is(:hover, :focus-visible) { background: var(--npr-gray); }
.home-language { position: relative; flex-shrink: 0; font-size: 14px; white-space: nowrap; }
.home-language-trigger { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; list-style: none; cursor: pointer; }
.home-language-trigger::-webkit-details-marker { display: none; }
.home-language-trigger svg { flex-shrink: 0; }
.home-language-trigger:focus-visible { outline-color: currentColor; }
.home-language-chevron { transition: transform 180ms ease-out; }
.home-language[open] .home-language-chevron { transform: rotate(180deg); }
.home-language-options { position: absolute; top: calc(100% + 2px); right: 0; min-width: 80px; padding: 6px; border-radius: 8px; color: #fff; background: #4c4c4c; }
.home-header .home-language-options button { display: block; width: 100%; min-height: 40px; padding: 6px 12px; border-radius: 4px; background: transparent; color: #fff; font-size: 14px; text-align: center; }
.home-header .home-language-options button:not(:disabled):is(:hover, :focus-visible) { background: #656565; }
.home-header .home-language-options button:focus-visible { outline-color: #fff; outline-offset: -2px; }
.home-header .home-language-options button:disabled { color: #bdbdbd; cursor: default; }
@media (prefers-reduced-motion: reduce) { .home-language-chevron { transition: none; } }
.home-menu-toggle { display: none; position: relative; width: 44px; height: 44px; background: transparent; }
.home-menu-toggle span { position: absolute; left: 12px; width: 20px; height: 2px; background: currentColor; transition: transform .24s ease-out; }
.home-menu-toggle span:first-child { top: 17px; }
.home-menu-toggle span:last-child { top: 25px; }
.is-open .home-menu-toggle span:first-child { transform: translateY(4px) rotate(45deg); }
.is-open .home-menu-toggle span:last-child { transform: translateY(-4px) rotate(-45deg); }
.home-mega-menu { display: grid; grid-template-rows: 0fr; visibility: hidden; overflow: hidden; opacity: 0; transition: grid-template-rows 450ms var(--npr-motion-ease), opacity 300ms ease-out, visibility 450ms; }
.is-open .home-mega-menu { grid-template-rows: 1fr; opacity: 1; visibility: visible; }
.home-menu-inner { min-height: 0; overflow: hidden; }
.home-menu-columns { grid-column: 2; display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); align-items: start; padding: 32px var(--home-menu-inset) 40px; transform: translateY(-12px); transition: transform 450ms var(--npr-motion-ease), padding 450ms var(--npr-motion-ease); }
.is-open .home-menu-columns { padding-right: 0; padding-left: 0; transform: translateY(0); }
.home-menu-columns > div { min-width: 0; padding: 0 8px; text-align: center; }
.home-menu-columns h2 { display: none; margin: 0 0 12px; text-align: inherit; font-size: 16px; font-weight: 700; }
.home-menu-columns :is(a, span) { display: flex; align-items: center; justify-content: center; min-height: 44px; font-size: 16px; line-height: 24px; }
.home-menu-columns a:hover { color: var(--home-green-text); text-decoration: underline; text-underline-offset: 4px; }
.home-menu-columns [aria-disabled="true"] { color: var(--npr-black); }
@media (max-width: 1200px) {
    .home-header-bar, .home-menu-inner { grid-template-columns: 128px minmax(0,1fr) 88px; column-gap: 16px; }
}
@media (max-width: 1024px) {
    .home-menu-open { overflow: hidden; }
    .home-header-bar { display: flex; }
    .home-primary { display: none; }
    .home-brand { flex: 1; }
    .home-utilities { flex-basis: auto; }
    .home-menu-toggle { display: block; }
    .home-mega-menu { max-height: calc(100dvh - var(--home-header-height)); }
    .home-menu-inner { display: block; padding: 0 32px; overflow-y: auto; overscroll-behavior-y: contain; }
    .home-menu-columns { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px 24px; padding: 24px 0 40px; }
    .home-menu-columns > div { padding: 0; text-align: left; }
    .home-menu-columns h2 { display: block; }
    .home-menu-columns :is(a, span) { justify-content: flex-start; }
}
@media (max-width: 720px) {
    :root { --home-header-height: 60px; }
    .home-header-bar { padding: 0 20px; }
    .home-utilities { gap: 8px; }
    .home-floating-tools { right: 12px; bottom: max(16px, env(safe-area-inset-bottom)); gap: 10px; }
    .home-floating-link, .home-profile-trigger { width: 44px; height: 44px; }
    .home-menu-inner { padding: 0 20px; }
    .home-menu-columns { grid-template-columns: 1fr 1fr; }
    .home-menu-columns :is(a, span) { min-height: 44px; line-height: 24px; }
}

/* Only the two public utility controls change across home and company pages. */
.home-floating-tools { right: 8px; gap: 8px; }
.home-floating-link, .home-profile-trigger { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 12px; border-color: #F5F5F5; border-radius: var(--npr-radius); }
.home-floating-link > span, .home-profile-trigger > span { display: none; }
.home-floating-tools svg { flex-shrink: 0; }
.home-floating-tools :focus-visible { outline: 2px solid #000000; outline-offset: 4px; }
@media (max-width: 1439px) {
    .home-floating-tools { position: static; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 0 0 28px; gap: 12px; }
    .home-profile-options { position: static; margin-top: 8px; }
}