@charset "utf-8";
/**
 * HANIRO LINE — 서브 페이지 오버라이드 (design 시안)
 * haniro_common / haniro / haniro_service / haniro_ship 로드 후 적용
 */
@import url("/haniro_css/haniro_vars.css");

body.haniro.haniro-sub #headerNew,
body.haniro.haniro-sub .haniroHeader {
	background: var(--haniro-white);
}

body.haniro.haniro-sub .haniroGnb__list > li > a,
body.haniro.haniro-sub .haniroGnb__list > li > a:link,
body.haniro.haniro-sub .haniroGnb__list > li > a:visited,
body.haniro.haniro-sub .haniroGnb__list > li > a:active {
	color: var(--haniro-color-navy);
}

body.haniro.haniro-sub .haniroGnb__list > li > a:hover,
body.haniro.haniro-sub .haniroGnb__list > li.haniroGnb__item--hasChild:hover > a,
body.haniro.haniro-sub .haniroGnb__list > li.haniroGnb__item--hasChild:focus-within > a {
	color: var(--haniro-color-blue);
}

body.haniro.haniro-sub .haniroGnb__list > li.is-active > a,
body.haniro.haniro-sub .haniroGnb__list > li.is-active > a:link,
body.haniro.haniro-sub .haniroGnb__list > li.is-active > a:visited,
body.haniro.haniro-sub .haniroGnb__list > li.is-active > a:active {
	color: var(--haniro-color-blue);
}

body.haniro.haniro-sub .haniroGnb__dropList > li > a:hover,
body.haniro.haniro-sub .haniroGnb__dropList > li > a:focus-visible {
	color: var(--haniro-color-navy);
	text-decoration: underline;
	text-decoration-color: var(--haniro-color-navy);
	text-underline-offset: 4px;
}

body.haniro.haniro-sub .hSub {
	background: var(--haniro-bg-gray);
	border-bottom: 1px solid var(--haniro-border);
}

body.haniro.haniro-sub .subMenu li.on a,
body.haniro.haniro-sub .subMenu li a:hover {
	color: var(--haniro-navy);
}

body.haniro.haniro-sub .titDep1 {
	color: var(--haniro-navy);
	font-family: var(--haniro-font-jp);
}

/* 섹션 타이틀 왼쪽 포인트 — 오렌지(#ff7000) → HANIRO blue */
body.haniro.haniro-sub .subT::before,
body.haniro.haniro-sub .mypagesubT::before {
	border-left-color: var(--haniro-color-blue);
}

body.haniro.haniro-sub .fColor2,
body.haniro.haniro-sub a.fColor2 {
	color: var(--haniro-navy) !important;
}

body.haniro.haniro-sub input[type=text]:focus,
body.haniro.haniro-sub input[type=text]:focus-visible,
body.haniro.haniro-sub select:focus,
body.haniro.haniro-sub select:focus-visible {
	border-color: var(--haniro-color-blue);
	box-shadow: none;
	outline: none;
}

body.haniro.haniro-sub .haniroSub__notice {
	margin: 16px 0;
	padding: 16px 20px;
	background: var(--haniro-bg-gray);
	border: 1px solid var(--haniro-border);
	font-size: 13px;
	line-height: 1.7;
}

body.haniro.haniro-sub .haniroSub__notice em {
	color: var(--haniro-danger);
	font-style: normal;
}
