.header .gnb a{position:relative}.header .gnb a:hover,.header .gnb a.is-active{color:#fff}.header .gnb a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .25s ease}.header .gnb a:hover::after,.header .gnb a.is-active::after,.header .gnb a:focus-visible::after{transform:scaleX(1)}.header.is-scrolled .gnb a:hover,.header.is-scrolled .gnb a.is-active,.header.header--solid .gnb a:hover,.header.header--solid .gnb a.is-active{color:#005bac}.sub-hero{overflow:visible;z-index:5}.sub-hero__picture{overflow:hidden}.sub-hero__selects{z-index:10}.hero-menu{position:relative;width:303px;flex-shrink:0}.hero-menu__toggle{width:100%;height:63px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 36px;border:0;border-radius:32px;color:#fff;background:rgba(255,255,255,.26);backdrop-filter:blur(12px);font:inherit;font-size:18px;font-weight:700;cursor:pointer;text-align:left}.hero-menu__caret{width:9px;height:9px;flex-shrink:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .2s}.hero-menu.is-open .hero-menu__toggle{background:#005bac;border-radius:32px 32px 0 0;backdrop-filter:none}.hero-menu.is-open .hero-menu__caret{transform:rotate(225deg);margin-top:4px}.hero-menu__list{position:absolute;top:100%;left:0;width:100%;background:#005bac;border-radius:0 0 30px 30px;padding:0 36px 23px;max-height:440px;overflow:auto;box-shadow:0 15px 20px rgba(0,30,60,.08)}.hero-menu__list[hidden]{display:none}.hero-menu__list a{display:flex;align-items:center;min-height:40px;color:#a7c6e4;font-size:16px;line-height:1.4;font-weight:500;padding:7px 0;text-decoration:none}.hero-menu__list a:hover,.hero-menu__list a[aria-current],.hero-menu__list a:focus-visible{color:white}.hero-menu__list .hero-menu__child{padding-left:14px;font-size:14px}.hero-menu__toggle:focus-visible,.hero-menu__list a:focus-visible{outline:2px solid #fff;outline-offset:-4px}.planned-content{min-height:620px;background:white}@media(max-width:1024px){.hero-menu{width:auto;flex:1;min-width:0}.hero-menu__toggle{height:58px}}@media(max-width:768px){.hero-menu__toggle{height:54px;font-size:13px;padding:0 18px}.hero-menu__list{padding:0 18px 19px;max-height:360px}.hero-menu__list a{font-size:13px}.hero-menu__list .hero-menu__child{font-size:12px;padding-left:8px}.planned-content{min-height:440px}}@media(prefers-reduced-motion:reduce){.header .gnb a::after,.hero-menu__caret{transition:none}}
.sub-hero__selects .hero-menu__toggle{width:100%;font-size:18px}.sub-hero__selects .hero-menu__toggle[aria-expanded="true"]{background:#005bac;border-radius:32px 32px 0 0;backdrop-filter:none;-webkit-backdrop-filter:none}.hero-menu__toggle[aria-expanded="true"] .hero-menu__caret{transform:rotate(225deg);margin-top:4px}@media(max-width:768px){.sub-hero__selects .hero-menu__toggle{font-size:13px;padding:0 18px}}
/* Refinement: a single type scale for the two navigation depths. */
.header .gnb a{font-weight:600}
.header .gnb a::after{bottom:-3px}
.sub-hero__selects .hero-menu__toggle{font-size:16px}
.hero-menu__list a{font-size:16px}
.hero-menu__list{transform-origin:top;box-sizing:border-box}
@media(max-width:768px){.sub-hero__selects .hero-menu__toggle,.hero-menu__list a{font-size:13px}}

/* 공통 상단 3: 긴 경로는 한 줄 안에서 스크롤, 세부 메뉴의 상위 항목도 표시 */
.breadcrumb{max-width:calc(100% - 660px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.breadcrumb::-webkit-scrollbar{display:none}
.breadcrumb>*{flex-shrink:0}
.hero-menu__list a.is-active{color:#fff;font-weight:700}
/* v207: fit the complete company submenu without the 40px row minimum. */
@media(min-width:769px){
  .sub-hero--company #hero-page.hero-menu__list>a{min-height:32px;padding-top:4px;padding-bottom:4px}
  .sub-hero--company #hero-page.hero-menu__list>a.hero-menu__child{min-height:28px;padding-top:4px;padding-bottom:4px}
}
@media(max-width:1024px){.breadcrumb{max-width:calc(100% - 2 * var(--pad))}}

/* 공통 상단 1: 제공 사이트맵의 5개 대분류와 전체 하위 경로 */
.mobile-menu.group-sitemap{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;padding-top:72px;padding-bottom:60px}
.group-sitemap .mobile-menu__close{position:fixed;z-index:1;background:var(--footer-bg)}
.group-sitemap h2{margin:0 0 36px;font-size:30px;font-weight:700}
.group-sitemap__nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;width:100%;max-width:1440px;margin:0 auto}
.group-sitemap__section{min-width:0}
.group-sitemap__section h3{margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.24)}
.group-sitemap__section h3 a{font-size:22px;font-weight:700;padding:0;line-height:1.5}
.group-sitemap__section ul{list-style:none;margin:0;padding:0}
.group-sitemap__section>ul>li{margin:0 0 12px}
.group-sitemap__section>ul>li>a{font-size:16px;font-weight:600;padding:7px 0;line-height:1.5}
.group-sitemap__section ul ul{padding-left:12px}
.group-sitemap__section ul ul a{font-size:14px;font-weight:400;padding:5px 0;line-height:1.5;color:rgba(255,255,255,.65);word-break:keep-all}
.group-sitemap__section a.is-active,.group-sitemap__section a[aria-current],.group-sitemap__section a:hover{color:var(--cyan)}
.group-sitemap a:focus-visible,.group-sitemap button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:1100px){.group-sitemap__nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}
@media(max-width:768px){.group-sitemap__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.group-sitemap h2{font-size:26px;margin-bottom:28px}.group-sitemap__section h3 a{font-size:20px}}
@media(max-width:420px){.group-sitemap__nav{grid-template-columns:minmax(0,1fr)}}

/* Translucent sitemap backdrop; text remains fully opaque. */
.mobile-menu.group-sitemap{background:rgba(23,28,31,.85)}
.group-sitemap .mobile-menu__close{background:transparent}

/* Scrollbar matches the dropdown palette. */
.hero-menu__list{scrollbar-width:thin;scrollbar-color:#74add9 #005bac}
.hero-menu__list::-webkit-scrollbar{width:8px}
.hero-menu__list::-webkit-scrollbar-track{background:#005bac}
.hero-menu__list::-webkit-scrollbar-thumb{background:#74add9;border:2px solid #005bac;border-radius:8px}
.hero-menu__list::-webkit-scrollbar-corner{background:#005bac}

/* 2026-09-28 sitemap: shared typography/glass retained. */
.group-sitemap__related{width:100%;max-width:1440px;margin:36px auto 0;border-top:1px solid rgba(255,255,255,.24)}
.group-sitemap__related-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 32px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.group-sitemap__related-row h3{flex:0 0 160px;margin:0;font-size:16px;font-weight:600;color:#fff}
.group-sitemap__related-row a{padding:4px 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.8)}
.group-sitemap__related-row a:hover{color:var(--cyan)}
.sitemap-empty-page{min-height:360px;padding:80px 0 120px;background:#fff}
.sitemap-empty-page h1{text-align:center;font-size:40px;font-weight:700;line-height:1.4;color:#111;margin:0}
@media(max-width:768px){.group-sitemap__related{margin-top:28px}.group-sitemap__related-row{gap:10px 20px}.group-sitemap__related-row h3{flex-basis:100%}.sitemap-empty-page{min-height:280px;padding:48px 0 80px}.sitemap-empty-page h1{font-size:30px}}