/* ============================================================
   Sub-page header alignment with the home header structure.
   The shared app-header fragment now mirrors the home header
   (dual logo / search+ENG / 회사소개서 다운로드 / mega-menu).

   The home header is transparent over the hero and shows the
   WHITE logo (#sh_logo1) by default. Sub pages have no hero, so
   force the solid (dark) logo (#sh_logo2) instead.
   ============================================================ */
#sh_hd.sub #sh_logo1 { display: none !important; }
#sh_hd.sub #sh_logo2 { display: block !important; }

/* 서브 헤더(흰 배경)에서는 1뎁스 메뉴 hover 시 흰색이 되어 글자가 사라지는
   레거시 규칙(#shGnb .sh_nav > li:hover > a {color:#fff!important})을 덮어쓴다. */
#shGnb.sub .sh_nav > li:hover > a { color: #11305a !important; }

/* 홈 헤더: 메뉴 호버 시 main.js 가 .on(흰 배경) 을 추가하므로, 그 상태에서
   호버 글자가 흰색이 되어 사라지는 것을 진한색으로 덮어쓴다. (히어로 위 .on 미적용
   상태의 흰 글자는 그대로 유지) */
#shGnb.main.on .sh_nav > li:hover > a { color: #11305a !important; }

/* ============================================================
   Right-side header actions: Contact Us + Family Site
   (replaces the ENG link & 회사소개서 다운로드 button;
   the search button is kept as-is)
   ============================================================ */
#shGnb .nhd-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: 18px;
}
.nhd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: 44px;
	padding: 0 26px;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: all .18s ease;
}
.nhd-btn--outline {
	background: #fff;
	border: 1px solid #c7ccd4;
	color: #1f2b45;
}
.nhd-btn--outline:hover { border-color: #11305a; color: #11305a; }
.nhd-btn--solid {
	background: #11305a;
	border: 1px solid #11305a;
	color: #fff;
}
.nhd-btn--solid:hover { background: #0c2546; border-color: #0c2546; }
.nhd-plus { font-size: 17px; font-weight: 500; margin-left: 4px; }

/* Family Site dropdown */
.nhd-family { position: relative; }
.nhd-family-list {
	display: none;
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	min-width: 150px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	border: 1px solid #11305a;
	border-radius: 6px;
	box-shadow: 0 14px 30px rgba(16, 32, 60, .14);
	z-index: 30;
}
.nhd-family:hover .nhd-family-list { display: block; }
/* Invisible bridge over the 10px gap so the dropdown stays open
   while the mouse travels from the button onto the box. */
.nhd-family-list::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -12px;
	height: 12px;
	background: transparent;
}
.nhd-family-list li + li::before {
	content: "";
	display: block;
	height: 1px;
	margin: 0 16px;
	background: #e7ebf1;
}
.nhd-family-list li a {
	display: block;
	padding: 12px 18px;
	font-size: 15px;
	font-weight: 500;
	color: #6b7280;
	text-align: center;
	text-decoration: none;
	transition: color .12s ease;
}
.nhd-family-list li a:hover,
.nhd-family-list li.is-active a {
	color: #11305a;
	font-weight: 700;
}