.site-header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(18,42,59,.08)}
.site-header:after{content:"";position:absolute;z-index:0;top:100%;left:0;right:0;height:0;background:#000;opacity:0;pointer-events:none;transform:translateY(-14px);transition:height .36s cubic-bezier(.22,.61,.36,1),opacity .18s ease,transform .36s cubic-bezier(.22,.61,.36,1);box-shadow:0 16px 25px rgba(0,0,0,.2)}
.site-header.menu-expanded:after{height:224px;opacity:1;pointer-events:none;transform:translateY(0)}
.header-inner{position:relative;z-index:2}
.main-nav{height:84px;align-items:center}
.main-nav>ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:8px;width:540px;padding:0;margin:0;list-style:none;height:100%}
.main-nav li{position:relative;min-width:0;text-align:center;white-space:nowrap}
.main-nav>ul>li>a{font-size:14px;font-weight:600;letter-spacing:-.7px;display:block;padding:31px 0}
.main-nav .sub-nav{position:absolute;z-index:20;top:86px;left:0;transform:translateY(-15px);width:100%;min-width:0;padding:14px 0;margin:0;list-style:none;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .3s,transform .34s cubic-bezier(.22,.61,.36,1)}
.site-header.menu-expanded .main-nav .sub-nav{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.07s;pointer-events:auto}
.main-nav .sub-nav a{display:block;width:100%;padding:4px 2px;font-size:13px;line-height:1.55;color:#757575;letter-spacing:-.5px;pointer-events:auto;cursor:pointer;transition:color .18s ease;position:relative;z-index:21}
.main-nav .sub-nav a:after{display:none}
/* 데스크톱 메가메뉴(검정 배경)에서만 하위 메뉴를 흰색으로 */
.site-header.menu-expanded .main-nav .sub-nav a:hover,
.site-header.menu-expanded .main-nav .sub-nav a:focus,
.site-header.menu-expanded .main-nav .sub-nav a:active,
.site-header.menu-expanded .main-nav .sub-nav a[aria-current="page"]{color:#fff}
/* 대메뉴는 흰 헤더 위 → 활성 시 진한 강조색(흰색이면 글자가 사라짐) */
.main-nav > ul > li > a[aria-current="page"],
.main-nav > ul > li > a.is-section-active{
  color:var(--navy,#102d46);
  font-weight:700;
}
.main-nav > ul > li > a[aria-current="page"]:after,
.main-nav > ul > li > a.is-section-active:after{
  width:100%;
}
.page-section .purpose-values{margin-top:72px;border-top:1px solid #d7dee0}.page-section .purpose-values .info-card{min-height:156px;padding:30px 25px 0 0;background:transparent;box-shadow:none;border-radius:0;border-right:1px solid #d7dee0}.page-section .purpose-values .info-card+.info-card{padding-left:25px}.page-section .purpose-values .info-card:last-child{border-right:0}.page-section .purpose-values .info-card span{color:#ee7654}.page-section .purpose-values .info-card h3{font-size:25px;color:var(--ink);margin:12px 0 8px}.page-section .purpose-values .info-card p{font-size:13px;line-height:1.7;color:#65757e}
.greeting-messages{display:grid;gap:58px}.greeting-message{padding-top:36px;border-top:1px solid #d7dee0}.greeting-message:first-child{padding-top:0;border-top:0}.greeting-message h3{font-size:25px;letter-spacing:-1.3px;margin:0 0 22px}.greeting-message .statement{font-size:clamp(16px,1.7vw,24px)!important;line-height:1.55;margin-bottom:24px;letter-spacing:-1px;white-space:nowrap}.greeting-message p:not(.statement):not(.greeting-signature){font-size:16px;line-height:2;color:#475b65}.greeting-signature{margin:26px 0 0;font-size:15px;font-weight:700;color:var(--ink)}
.member-menu{position:relative;margin-right:72px}.member-popover{position:absolute;right:0;top:45px;min-width:118px;padding:10px 0;background:#fff;border:1px solid #e3e7e8;box-shadow:0 14px 30px rgba(13,38,53,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.member-menu:hover .member-popover,.member-menu:focus-within .member-popover{opacity:1;visibility:visible;transform:translateY(0)}.member-popover a{display:block;padding:7px 14px;font-size:13px;color:#51636e}.member-popover a:hover{color:var(--navy);background:#f3f7ed}
@media(max-width:820px){.site-header.menu-expanded:after{display:none}.main-nav{height:auto}.main-nav>ul{display:block;width:auto;height:auto}.main-nav li{text-align:left}.main-nav li>a{padding:0}.main-nav li{padding:5px 0}.main-nav .sub-nav{display:none;position:static;transform:none;width:auto;opacity:0;visibility:hidden;pointer-events:none;border:0;box-shadow:none;padding:0;background:transparent}.main-nav a[aria-expanded="true"]+.sub-nav{display:block;opacity:1;visibility:visible;pointer-events:auto;padding:6px 0 4px 13px}.main-nav .sub-nav a{display:block;width:auto;padding:5px 0;font-size:12px;color:#51636e}.main-nav .sub-nav a:hover,.main-nav .sub-nav a:focus,.main-nav .sub-nav a[aria-current="page"]{color:var(--navy,#102d46);font-weight:700}.main-nav > ul > li > a.is-section-active,.main-nav > ul > li > a[aria-current="page"]{color:var(--navy,#102d46)}.page-section .purpose-values{grid-template-columns:1fr;margin-top:45px}.page-section .purpose-values .info-card,.page-section .purpose-values .info-card+.info-card{min-height:0;padding:22px 0;border-right:0;border-bottom:1px solid #d7dee0}.page-section .purpose-values .info-card:last-child{border-bottom:0}.greeting-messages{gap:42px}.greeting-message{padding-top:28px}.greeting-message h3{font-size:22px;margin-bottom:16px}.greeting-message .statement{font-size:20px!important;white-space:normal}.greeting-message p:not(.statement):not(.greeting-signature){font-size:15px;line-height:1.9}.main-nav.open{top:68px}.site-header{position:sticky}.member-menu{margin-right:0}}