.header .gnb__link{position:relative}
.header .gnb__link::after{content:"";position:absolute;left:0;right:0;bottom:.6rem;height:3px;background:currentColor;transform:scaleX(0);transition:transform .2s}
.header .gnb__link:hover::after,.header .gnb__link:focus-visible::after,.header .gnb__link.is-active::after{transform:scaleX(1)}
.header--solid .gnb__link.is-active,.header--solid .gnb__link:hover,.header.is-scrolled .gnb__link.is-active,.header.is-scrolled .gnb__link:hover{color:var(--c-navy)}
.mobile-menu__nav .menu-children{display:flex;flex-wrap:wrap;gap:0 2.4rem;padding-bottom:2rem}
.mobile-menu__nav .menu-children li{border:0}
.mobile-menu__nav .menu-children a{font-size:1.6rem;font-weight:500;padding:1rem 0;color:#707070}
.mobile-menu__nav a:hover{color:var(--c-navy)}
a:focus-visible,button:focus-visible{outline:2px solid var(--c-blue);outline-offset:5px}

/* 관련서비스: 재단의 크기/전환 효과, 화신정공 블루 팔레트 */
.fnb__link{white-space:nowrap}
.family{width:21.5rem;flex-shrink:0}
.family__btn{height:5.4rem;border-radius:2.7rem;padding:0 2.6rem 0 3.2rem;font-family:var(--f-ko);font-size:1.6rem;font-weight:500;line-height:3.2rem;background:#e8eff8;color:#313f53}
.family__list{padding:0;bottom:calc(100% + .8rem);top:auto;border:0;border-radius:1.2rem;overflow:hidden;box-shadow:none;background:#e8eff8}
.family__list a{padding:1.2rem 3.2rem;font-size:1.5rem;line-height:1.5;color:#435672;transition:background .25s,color .25s}
.family__list a:hover,.family__list a:focus-visible{background:#d5e3f6;color:var(--c-navy)}
@media(max-width:1024px) and (min-width:768px){.footer__row{flex-wrap:wrap;gap:2.4rem 0}.family{margin-left:auto}}
@media(max-width:767px){.fnb__list{flex-wrap:wrap;gap:2rem 2.4rem}.family{width:100%;max-width:28rem}.family__btn{height:4.8rem;padding-left:2.4rem;font-size:1.5rem}.family__list{top:auto;bottom:calc(100% + .8rem)}}