:root {
	--global-border-color: var(--nd-gray-300, #d2d2d4);
	--nd-user-header-margin-bottom: 2.5rem;
}

.user-header {
	/* logo */
	--nd-logo-padding-y: 2.5rem;
	--nd-logo-align: center;
	
	/* updated */
	--nd-updated-font-size: .813rem;
	--nd-updated-color: var(--nd-gray-600);
	
	/* account */
	--nd-account-margin: .3125rem 0 0 0;
	--nd-account-divider: normal;
	--nd-account-font-size: .875rem;
	--nd-account-hover-color: var(--nd-gnb-color);
	--nd-account-item-padding-x: 0.875rem;
	
	/* nav */
	--nd-nav-bg: var(--nd-primary);
	
	/* menu */
	--nd-menu-font-size: 1.125rem;
	--nd-menu-font-weight: 700;
	--nd-menu-link-padding-x: 2.5rem;
	--nd-menu-link-padding-y: 0.875rem;
	--nd-menu-link-color: var(--nd-white, #fff);
	--nd-menu-link-hover-color: #fdd000;
	--nd-menu-link-active-color: var(--nd-menu-link-hover-color);
	--nd-menu-link-show-color: var(--nd-menu-link-hover-color);
	
	/* submenu */
	--nd-menu-sub-z-index: 1005;
	--nd-nav-sub-height: 3.125rem;
	--nd-nav-sub-bg: #f1f2f3;
	--nd-menu-sub-width: max-content;
	--nd-menu-sub-font-size: 0.875rem;
	--nd-menu-sub-text-align: center;
	--nd-menu-sub-link-padding-x: .5rem;
	--nd-menu-sub-link-padding-y: .75rem;
	--nd-menu-sub-link-font-size: 0.875rem;
	--nd-menu-sub-link-color: var(--nd-secondary, #6c757d);
	--nd-menu-sub-link-hover-color: var(--nd-dark, #222);
	--nd-menu-sub-link-active-color: var(--nd-menu-sub-link-hover-color);
	--nd-menu-sub-link-active-text-decoration: underline;
	
	/* menu button */
	--nd-menu-btn-padding-x: 0.5rem;
	--nd-menu-btn-padding-y: var(--nd-menu-btn-padding-x);
	--nd-menu-btn-font-size: 1.5rem;
	--nd-menu-btn-color: var(--nd-white, #fff);
	--nd-menu-btn-hover-color: var(--nd-menu-btn-color);
	--nd-menu-btn-active-color: var(--nd-menu-btn-hover-color);
	
	/* search action */
	--nd-search-action-font-size: 1.5rem;
	--nd-search-action-color: var(--nd-white, #fff);
	--nd-search-action-border-radius: 50%;
	--nd-search-action-hover-color: var(--nd-search-action-color);
	--nd-search-action-active-color: var(--nd-search-action-hover-color);

	/* search */
	--nd-search-zindex: 99;
	--nd-search-width: 33.75rem;
	--nd-search-height: 3.75rem;
	--nd-search-font-size: 1.25rem;
	--nd-search-padding-x: 0.625rem;
	--nd-search-bg: #fff;
	--nd-search-border-width: 0;
	--nd-search-border-radius: 0;
	--nd-search-focus-bg: var(--nd-search-bg);
	--nd-search-btn-padding-x: 1rem;
	--nd-search-btn-padding-y: 0;
	--nd-search-btn-font-size: 1.875rem;
	--nd-search-btn-color: #212529;
	--nd-search-btn-bg: #fff;
	--nd-search-btn-hover-color: var(--nd-search-btn-color);
	--nd-search-btn-hover-bg: var(--nd-search-btn-bg);
	--nd-search-btn-active-color: var(--nd-search-btn-color);
	--nd-search-btn-active-bg: var(--nd-search-btn-hover-bg);
	--nd-search-offset-y: calc(100% + 1px);
	--nd-search-transform: 0;
}

.user-header .index-width {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.gl-updated {
	text-align: right;
}

.gl-account {
	justify-content: flex-end;
}
.gl-account .gl-account-item.login {
	margin-left: var(--nd-account-item-padding-x);
	padding: .25rem var(--nd-account-item-padding-x);
	color: var(--nd-white, #fff);
	background-color: var(--nd-dark);
}

.gl-menu {
	flex: 1 1 0;
	min-width: 0;
	max-width: 100%;
	justify-content: center;
}
.gl-menu-sub.gl-menu-vert {
	--nd-menu-sub-padding-x: 0;
	--nd-menu-sub-padding-y: var(--nd-menu-sub-padding-x);
	--nd-menu-sub-font-size: .9375rem;
	--nd-menu-sub-font-weight: 500;
	--nd-menu-sub-bg: #f1f2f3;
	--nd-menu-sub-border: 0;
	--nd-menu-sub-link-padding-x: .625rem;
	--nd-menu-sub-link-padding-y: .5rem;
	--nd-menu-sub-link-hover-bg: transparent;
	--nd-menu-sub-link-active-bg: var(--nd-menu-sub-link-hover-bg);
}
.gl-menu-item.sub-row .gl-menu-sub.gl-menu-vert {
	--nd-menu-sub-width: 300px;
	--nd-menu-sub-link-padding-x: .375rem;
	flex-direction: row;
	flex-wrap: wrap;
}
.gl-menu-item.sub-row .gl-menu-sub.gl-menu-vert .gl-menu-sub-item {
	flex: 0 0 auto;
	width: 33.333333%;
}

/* search */
.gl-search {
	border-bottom: 2px solid var(--nd-primary, #007aff);
}
.gl-search-container {
	position: static;
	z-index: 1005;
}
.gl-search-container:not(.is-active) .gl-search-ab {
	display: none;
}
.gl-search-container.is-active .gl-search-action i::before {
	--nd-ndfonts-icon: "\e921";
}
.gl-search-ab {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 3.75rem 1rem;
	background-color: #fff;
	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.06);
}