.mhuHeader-root {
	--color-menu-dark: #2E2E2E;
	--color-menu-medium: #3E4967;
	--color-menu-light: #687494;
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	top: 0;
	right: 0;
	z-index: 30;
	transition: top 0.3s ease-in-out;
}

.mhuHeader-root * {
	box-sizing: border-box;
}

.mhuHeader__inner {
	
}

.mhuHeader-root .mhuContainer-root {
	position: relative;
	background-color: #fff;
	/*-webkit-backdrop-filter: blur(12px);*/
	/*backdrop-filter: blur(12px);*/
}

.mhuHeader-root .mhuContainer__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: var(--min-container-width);
	height: 100%;
	margin: 0 auto;
	padding: 0 var(--gap-def);
}

.mhuHeader-root li {
	list-style: none;
}

.mhuHeader-root .mhuItem-header-utils {
	--util-select-border: #E0E0E0;
	--util-select-color: #757575;
	z-index: 2;
	height: var(--header-util-height);
	transition: background-color 0.3s ease-in-out;
	background: var(--color-primary);
}

.mhuHeader-root .mhuItem-header-utils .mhuContainer__inner {
	
}

.mhuHeader-root .mhuItem-header-utils .mhuNav__inner {
    display: flex;
    justify-content: space-between;
}

.mhuHeader-root .mhuItem-header-utils .mhuNav-util {
	display: flex;
	align-items: center;
	padding: 0;
}

.mhuHeader-root .mhuItem-header-utils .mhuNav-util__manager {
    flex: 1;
}
.mhuHeader-root .mhuItem-header-utils .mhuNav-util__manager .mhuNav-util__item-manager {
    margin-left: auto;
}
.mhuHeader-root .mhuItem-header-utils .mhuNav-util__manager .mhuNav-util__item.mhuNav-util__item-manager:not(:empty):before {
    display: none;
}

.mhuHeader-root .mhuItem-header-utils .mhuNav-util__item:not(:empty) {
	display: flex;
	align-items: center;
	position: relative;
	height: 100%;
    padding: 0 16px;
}
.mhuHeader-root .mhuItem-header-utils .mhuNav-util__item.mhuNav-util__item-manager {
    padding: 0;
}

.mhuHeader-root .mhuItem-header-utils .mhuSelectBox__button {
	border-color: var(--util-select-border);
	color: var(--util-select-color);
}

.mhuHeader-root .mhuItem-header-utils .mhuSelectBox__list {
	border-color: var(--util-select-border);
}

.mhuHeader-root .mhuItem-header-utils .mhuSelectBox-root  .mhuSelectBox__button {
	background: #E4E9F2;
	border: #C5CEE0;
}

.mhuHeader-root .mhuItem-header-utils .mhuSelectBox-root .mhuSelectBox__option {
	color: #676970;
}

.mhuHeader-root .mhuItem-header-utils .mhuSelectBox-root .mhuSelectBox__option:hover {
	background-color: #808FAA;
	color: white;
}

.mhuHeader-root .mhuItem-header-utils .mhuItem-family-site {
	min-width: 132px;
}

.mhuHeader-root .mhuItem-header-utils .mhuNav-util__item > *, 
.mhuHeader-root .mhuItem-header-utils .mhuNav-util__item > a {
	position: relative;
	font-size: 14px;
    font-weight: var(--font-bold);
	color: var(--color-gray);
	line-height: 1.3;
	transition: color 0.15s ease;
}

/*.mhuHeader-root .mhuItem-header-utils .mhuNav-util__item > a:hover {*/
/*	color: #444;*/
/*}*/

.mhuHeader-root .mhuItem-header-utils .mhuNav-util__item.mhuNav-util__item-icon {
	padding: 0 0 0 20px;
}
.mhuHeader-root .mhuItem-header-utils .mhuNav-util__item.mhuNav-util__item-icon svg{
    vertical-align: bottom;
}

.mhuHeader-root .mhuItem-header-utils .mhuNav-util__item:not(:empty):first-child:before {
    display: none;
}
.mhuHeader-root .mhuItem-header-utils .mhuNav-util__item:not(:empty):before {
	display: block;
	position: absolute;
	left: 0;
	top: auto;
	width: 1px;
	height: 12px;
	background-color: #D2D1D4;
	content: '';
}

.mhuHeader-root .mhuItem-header-utils .mhuNav-util__item.mhuNav-util__item-icon:not(:empty):before {
    display: none;
}

.mhuHeader-root .mhuItem-header-utils button {
	font-size: 12px;
}

.mhuHeader-root .mhuItem-header-utils .mhuNav-util:first-child .mhuNav-util__item:nth-child(1) {
	padding-left: 0;
}

.mhuHeader-root .mhuItem-header-utils .mhuNav-util:last-child .mhuNav-util__item:nth-last-child(1) {
	padding-right: 0;
}

.mhuHeader-root .mhuItem-header-utils .mhuNav-util__item:nth-last-child(1):after, 
.mhuHeader-root .mhuItem-header-utils .mhuNav-util:last-child .mhuNav-util__item:nth-last-child(2):after {
	display: none;
}

.mhuHeader-root .mhuItem-header-nav {
	height: var(--header-nav-height);
	border-bottom: 1px solid var(--color-line);
}

.mhuHeader-root .mhuNav-gnb__icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	vertical-align: middle;
	line-height: 1;
}

.mhuHeader-root .mhuNav-gnb__icon * {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.mhuHeader-root .mhuNav-gnb__text {
	vertical-align: middle;
}

.mhuHeader-root .mhuItem-header-nav .mhuNav-root {
	display: flex;
	/*justify-content: space-between;*/
	align-items: center;
	flex-grow: 1;
}

.mhuHeader-logos {
	display: block;
	flex-shrink: 0;
    margin-right: 20px;
}

.mhuHeader-logo {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	pointer-events: auto;

}

.mhuHeader-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.mhuHeader-logo--prd {
	height: 28px;
}

.mhuHeader-logo--cl {
	max-width: 200px;
	height: 24px;
}

.mhuHeader-root .mhuNav-gnb {
	display: flex;
	padding: 0;
}

.mhuNav-gnb__link {
	color: var(--color-default);
	line-height: 1.6;
	white-space: nowrap;
	transition: color 0.15s ease;
}

.mhuNav-gnb__item--primary {
	position: relative;
}

.mhuNav-gnb__item--primary:not(:last-child) {
	
}

/*.mhuHeader-root .mhuNav-gnb__link--primary:after {*/
/*	transition: transform 0.3s ease;*/
/*}*/

/*.mhuHeader-root .mhuNav-gnb__link:after {*/
/*	display: none;*/
/*	width: 10px;*/
/*	height: 100%;*/
/*	margin-left: 20px;*/
/*	background: no-repeat center center/contain;*/
/*	vertical-align: middle;*/
/*	content: '';*/
/*}*/

.mhuHeader-root .mhuNav-gnb-secondary {
	position: absolute;
	left: 50%;
	height: 0;
	transform: translateX(-50%);
	overflow: hidden;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.60);
    border-radius: var(--border-radius-2);
}

.mhuHeader-root .mhuNav-gnb-secondary__inner {
	padding: 8px;
	/*opacity: 0;*/
	background-color: var(--header-bg-def);
	/*-webkit-backdrop-filter: blur(12px);*/
	/*backdrop-filter: blur(12px);*/
	transform: translateY(-1px);
	transition: opacity 0.15s ease, transform 0.15s ease, background-color 0.15s ease;
}

.mhuHeader-root .mhuNav-gnb__item--secondary:last-child {
	border-bottom: none;
}

.mhuHeader-root .mhuNav-gnb__link--secondary {
	display: block;
	position: relative;
	padding-right: 35px !important;
	font-weight: 400;
	transition: color 0.15s ease, background-color 0.15s ease;
	border-radius: 8px;
}

/*.mhuHeader-root .mhuNav-gnb__link--secondary:after {*/
/*	position: absolute;*/
/*	right: 8px;*/
/*	top: 0;*/
/*	z-index: 1;*/
/*	display: inline-block;*/
/*	width: 12px;*/
/*	height: 100%;*/
/*	background-image: url('../images/default/icon_chevron@primary.png');*/
/*	background-repeat: no-repeat;*/
/*	opacity: 0;*/
/*}*/

/*.mhuHeader-root .mhuNav-gnb__link--secondary[target=_blank]:after {*/
/*	width: 16px;*/
/*	background-image: url('../images/default/icon_external_link@primary.png');*/
/*	background-position: center center !important;*/
/*}*/

.mhuHeader-root .mhuNav-gnb__link--secondary:hover {
	background-color: var(--color-primary);
	font-weight: var(--font-black);
}

html[lang=en] .mhuHeader-root .mhuNav-gnb__link--secondary:hover {
	letter-spacing: -0.01em;
}

.mhuHeader-root .mhuNav-gnb__link--secondary:hover:after {
	background-position-x: 0;
	opacity: 1;
}

.mhuHeader-root .mhuNav-gnb__link--secondary:hover .mhuNav-gnb__icon--upload path {
	stroke: var(--color-primary);
}

.mhuHeader-root .mhuNav-gnb__link--secondary:hover .mhuNav-gnb__icon--result path {
	fill: var(--color-primary);
}

.mhuHeader-root .mhuNav-gnb__link.mhuState-active {
	font-weight: 700;
}

.mhuHeader-root .mhuNav-gnb__link.mhuState-hover,
.mhuHeader-root .mhuNav-gnb__link.mhuState-active {
	color: var(--color-primary-100);
}

.mhuHeader-root .mhuNav-gnb__link:hover{
	color: var(--color-primary-100);
}

.mhuHeader-root .mhuNav-gnb__link--primary.mhuState-hover + .mhuNav-gnb-secondary {
	height: auto;
}

.mhuHeader-root .mhuNav-gnb__link--primary.mhuState-hover + .mhuNav-gnb-secondary .mhuNav-gnb-secondary__inner {
	/*background-color: rgba(var(--color-rgb-white), 1);*/
	transform: translateY(0);
	opacity: 1;
}

.mhuHeader-root .mhuNav-gnb .mhuBadge-root {
	display: block;
	position: absolute;
	top: -10px;
	right: 3px;
	min-width: 24px;
	height: 12px;
	padding: 2px 5px 0;
	background: linear-gradient(90deg, #FF8F5E 0%, #FFB02D 100%);
	border-radius: 6px;
	line-height: 1;
	pointer-events: none;
}

.mhuHeader-root .mhuNav-gnb .mhuBadge-root:after {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 16px;
	background: url('../images/default/badge_bg.png') no-repeat right center/auto 100%;
	content: '';
}

.mhuHeader-root .mhuNav-gnb .mhuBadge__text {
	position: relative;
	z-index: 1;
	font-weight: 600;
	font-size: 8px;
	vertical-align: top;
}

.mhuHeader-root .mhuNav-gnb--main {
	flex: 1 0 auto;
}

.mhuHeader-root .mhuNav-gnb--main .mhuNav-gnb__item--primary:not(:last-child) {
	margin-right: 20px;
}


.mhuHeader-root .mhuNav-gnb--main .mhuNav-gnb__link--primary {
	padding-bottom: 18px;
	font-size: 18px;
	font-weight: var(--font-black);
	line-height: 2;
	color: var(--color-default);
}

.mhuHeader-root .mhuNav-gnb--main .mhuState-has-sub .mhuNav-gnb__link--primary:after {
	width: 14px;
	background-image: url('../images/default/icon_chevron_md@gray.png');
}

/*.mhuHeader-root .mhuNav-gnb--main .mhuItem-icon-group .mhuNav-gnb__item--secondary:not(:first-child) {*/
/*	margin-top: 12px;*/
/*}*/

.mhuHeader-root .mhuNav-gnb--main .mhuNav-gnb__link.mhuState-hover,
.mhuHeader-root .mhuNav-gnb--main .mhuNav-gnb__link.mhuState-active {
    color: var(--color-primary);
}

.mhuHeader-root .mhuNav-gnb--main .mhuNav-gnb__link.mhuState-hover:after, 
.mhuHeader-root .mhuNav-gnb--main .mhuNav-gnb__link.mhuState-active:after {
	transform: rotateX(-180deg);
}

.mhuHeader-root .mhuNav-gnb--main .mhuState-has-sub > .mhuNav-gnb__link:after {
	display: inline-block;
}

.mhuHeader-root .mhuNav-gnb--main .mhuNav-gnb__link--secondary {
	min-width: 165px;
	padding: 8px 12px;
	font-size: 18px;
    font-weight: var(--font-black);
	line-height: 1;
}

.mhuHeader-root .mhuNav-gnb--main .mhuNav-gnb-secondary {
	top: 40px;
}

.mhuHeader-root .mhuNav-gnb--main .mhuNav-gnb__link--secondary strong {
    /*font-size: 18px;*/
    /*font-weight: var(--font-black);*/
    /*line-height: 1;*/
    /*color: var(--color-default);*/
	/*letter-spacing: 0 !important;*/
}

.mhuHeader-root .mhuNav-gnb--etc {
	margin-left: auto;
	justify-content: flex-end;
    align-items: center;
}

.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__link {
	font-weight: 500;
}

.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__item--primary:not(:last-child) {
	margin-right: 8px;
}
.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__item--primary .mhuButton-root {
	border-radius: var(--border-radius-3);
}

.mhuHeader-root .mhuNav-gnb--etc .mhuItem-management {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: 8px;
}
.mhuHeader-root .mhuNav-gnb--etc .mhuItem-management .mhuItem-management__text {
    font-size: 18px;
    color: var(--color-default);
}
.mhuHeader-root .mhuNav-gnb--etc .mhuItem-management .mhuItem-management__point {
    font-size: 18px;
    font-weight: var(--font-black);
    color: var(--color-primary);
}




.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__link--primary {
	padding-left: 0;
	padding-right: 6px;
	padding-bottom: 20px;
	font-size: 12px;
	line-height: 1.7;
	color: var(--color-menu-light);
}

.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__link--primary.mhuState-active,
.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__link--primary:hover {
	color: var(--color-menu-medium);
}

.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__link--primary:hover .mhuNav-gnb__icon--info *,
.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__link--primary.mhuState-active .mhuNav-gnb__icon--info *,
.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__link--primary:hover .mhuNav-gnb__icon--question *,
.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__link--primary.mhuState-active .mhuNav-gnb__icon--question * {
	stroke: var(--color-menu-dark);
}
.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__link--primary:hover .mhuNav-gnb__icon--admin *,
.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__link--primary.mhuState-active .mhuNav-gnb__icon--admin * {
	fill: var(--color-menu-dark);
}

.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__icon {
	width: 14px;
	height: 14px;
	margin-right: 1px;
}

.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb-secondary {
	top: 36px;
}

.mhuHeader-root .mhuNav-gnb--etc .mhuNav-gnb__link--secondary {
	min-width: 100px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	line-height: 1.7;
	letter-spacing: 0 !important;
	color: var(--color-menu-medium);
}

/* theme white */
.mhuHeader--text-white .mhuNav-gnb__link, 
.mhuHeader--text-white .mhuItem-header-utils .mhuNav-util__item > a {
	color: white;
}

.mhuHeader--text-white .mhuHeader-logo-prd img {
	display: none;
}

.mhuHeader--text-white .mhuHeader-logo-prd:before {
	display: block;
}

.mhuSelectBox--site-lang {
	width: 100px;
}