:root {
	--nd-user-header-margin-bottom: 2rem;
	--user-header-bg: var(--nd-white, #fff);
}

.user-header {

	/* gnb */
	--nd-gnb-margin: 0;
	--nd-gnb-padding: .625rem 0;
	--nd-gnb-font-size: 0.813rem;
	--nd-gnb-color: var(--nd-body-color, #000);
	--nd-gnb-bg: var(--nd-gray-100);

	/* account */
	--nd-account-hover-color: var(--nd-gnb-color);
	--nd-account-item-padding-x: 1rem;
	--nd-account-divider: normal;

	/* logo */
	--nd-logo-container-margin: 1.875rem auto;
	--nd-logo-padding-y: 0;

	/* menu */
	--nd-menu-font-size: 1.063rem;
	--nd-menu-font-weight: 500;
	--nd-menu-link-padding-x: 1.25rem;
	--nd-menu-link-padding-y: .75rem;
	--nd-menu-link-color: var(--nd-body-color, #000);
	--nd-menu-link-hover-color: var(--nd-white);
	--nd-menu-link-hover-bg: var(--nd-primary);
	--nd-menu-link-active-color: var(--nd-menu-link-hover-color);
	--nd-menu-link-active-bg: var(--nd-menu-link-hover-bg);
	--nd-menu-link-show-color: var(--nd-menu-link-hover-color);
	--nd-menu-link-show-bg: var(--nd-menu-link-hover-bg);
	
	/* submenu */
	--nd-menu-sub-width: max-content;
	--nd-menu-sub-padding-x: .625rem;
	--nd-menu-sub-padding-y: .25rem;
	--nd-menu-sub-bg: var(--nd-white);
	--nd-menu-sub-border: 1px solid #000;
	
	--nd-menu-sub-font-size: 0.9375rem;
	--nd-menu-sub-link-padding-x: .625rem;
	--nd-menu-sub-link-padding-y: 0.5rem;
	--nd-menu-sub-link-font-size: 0.9375rem;
	--nd-menu-sub-link-color: var(--nd-secondary, #6c757d);
	--nd-menu-sub-link-hover-color: var(--nd-menu-link-color);
	--nd-menu-sub-link-active-color: var(--nd-menu-sub-link-hover-color);
	--nd-menu-sub-link-active-text-decoration: underline;

	/* submenu
	--nd-menu-sub-width: max-content;
	--nd-menu-sub-min-width: 7.5rem;
	--nd-menu-sub-font-size: 0.9375rem;
	--nd-menu-sub-text-align: center;
	--nd-menu-sub-link-padding-x: 0;
	--nd-menu-sub-link-padding-y: 0.5rem;
	--nd-menu-sub-link-font-size: 0.9375rem;
	--nd-menu-sub-link-color: var(--nd-secondary, #6c757d);
	--nd-menu-sub-link-hover-color: var(--nd-menu-link-color);
	--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-secondary, #6c757d);
	--nd-menu-btn-hover-color: var(--nd-menu-link-color);

	/* search action */
	--nd-search-action-padding-x: .9375rem;
	--nd-search-action-color: var(--nd-menu-link-color);
	--nd-search-action-hover-color: var(--nd-search-action-color);
	--nd-search-action-active-color: var(--nd-search-action-color);

	/* search */
	--nd-search-width: 33.75rem;
	--nd-search-height: 3.75rem;
	--nd-search-font-size: 1.25rem;
	--nd-search-color: var(--nd-white);
	--nd-search-padding-x: 0.625rem;
	--nd-search-bg: var(--nd-dark);
	--nd-search-border-width: 0;
	--nd-search-border-radius: 0;
	--nd-search-focus-color: var(--nd-search-color);
	--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: var(--nd-white);
	--nd-search-btn-bg: var(--nd-search-bg);
	--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;
  
	background-color: var(--user-header-bg);
}
.user-header .index-width {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.gl-nav {
	border-width: 1px 0 3px;
	border-style: solid;
	border-color: var(--nd-black);
}

.gl-menu {
	flex: 1 1 0;
	min-width: 0;
	max-width: 100%;
}
.gl-menu-link {
	position: relative;
	isolation: isolate;
}
.gl-menu-item:not(.active) > .gl-menu-link::after {
	width: 0;
	visibility: hidden;
}
.active > .gl-menu-link {
	font-weight: 600;
}
.gl-menu-sub.gl-menu-vert {
	--nd-menu-sub-padding-x: calc(var(--nd-menu-link-padding-x) * .5);
	--nd-menu-sub-padding-y: var(--nd-menu-sub-padding-x);
	--nd-menu-sub-border: 2px solid var(--nd-black);
}

/* search */
.gl-search {
	border-bottom: 2px solid var(--nd-primary, #007aff);
}
.gl-search-container {
	position: static;
	z-index: 99;
}
.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: var(--nd-search-bg);
	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.06);
}