:root {
  --nd-user-header-zindex: 50;
  --nd-user-header-margin-bottom: 1.5rem;
}
body {
  background: top/auto no-repeat url("./menubar_bg01.png");
}
.user-header {
  /* gnb */
  --nd-gnb-padding: 1.25rem 0;
  --nd-gnb-font-size: 0.9375rem;
  --nd-gnb-color: rgba(var(--nd-white-rgb, 255, 255, 255), 0.75);
  /* account */
  --nd-dropdown-width: max-content;
  --nd-dropdown-padding: 0.5rem 0.75rem;
  --nd-dropdown-font-size: 0.875rem;
  --nd-account-font-size: .856rem;
  --nd-account-item-padding-x: 0;
  --nd-account-divider: normal;
  /* nav */
  --nd-nav-padding: 2rem 0 0 0;
  --nd-updated-color: #fff;
  --nd-updated-font-size: .856rem;
  /* menu */
  --nd-menu-font-size: 1.25rem;
  --nd-menu-font-weight: 600;
  --nd-menu-link-padding-x: 1rem;
  --nd-menu-link-padding-y: 0.5rem;
  --nd-menu-link-color: var(--nd-white, #fff);
  --nd-menu-link-hover-color: var(--nd-yellow, #ffc107);
  --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-width: max-content;
  --nd-menu-sub-font-size: 0.9375rem;
  --nd-menu-sub-link-padding-x: calc(var(--nd-menu-link-padding-x) * .5);
  --nd-menu-sub-link-padding-y: 0.375rem;
  --nd-menu-sub-link-color: var(--nd-secondary, #6c757d);
  --nd-menu-sub-link-hover-color: var(--nd-body-color, #000);
  --nd-menu-sub-link-active-color: var(--nd-menu-sub-link-hover-color);
  /* menu button */
  --nd-menu-btn-padding-y: 0;
  --nd-menu-btn-padding-x: 0;
  --nd-menu-btn-font-size: 1.75rem;
  --nd-menu-btn-color: var(--nd-menu-link-color);
  --nd-menu-btn-hover-color: var(--nd-menu-btn-color);
  --nd-menu-btn-active-color: var(--nd-menu-btn-color);
  /* menu object */
  --nd-menu-obj-padding-x: var(--nd-menu-btn-padding-x);
  --nd-menu-obj-padding-y: var(--nd-menu-btn-padding-y);
  --nd-menu-obj-font-size: 1.75rem;
  --nd-menu-obj-color: var(--nd-menu-btn-color);
  --nd-menu-obj-hover-color: var(--nd-menu-btn-hover-color);
  --nd-menu-obj-active-color: var(--nd-menu-btn-active-color);
 /* search */
  --nd-search-width: 33.75rem;
  --nd-search-height: 3rem;
  --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(123% + 1px);
  --nd-search-transform: 0;
  --nd-search-action-font-size: 1.65rem;
  --nd-search-action-color: var(--nd-updated-color);
  --nd-search-action-active-color: var(--nd-updated-color);
  --nd-search-action-hover-color: var(--nd-updated-color);
  /* service */
  --nd-service-cols: 1;
  --nd-service-link-margin-bottom: 0;
  --nd-service-menu-link-padding-y: 0;
  --nd-service-menu-link-padding-x: .75rem;
  --nd-service-link-font-size: 1.125rem;
  --nd-service-link-color: #1d4b00;
  
}
.user-header.is-active .gl-service {
  display: block;
}
.gl-nav {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.gl-logo {
  width: 15rem;
}
.gl-menu-sub.gl-menu-vert {
  --nd-menu-sub-padding-x: calc(var(--nd-menu-link-padding-x) * .5);
  --nd-menu-sub-bg: var(--nd-body-bg, #fff);
  --nd-menu-sub-border: 0;
  box-shadow: 2px 2px 12px rgba(var(--nd-black-rgb, 0, 0, 0), 0.12);
}
.gl-com {
  padding-left: 1.25rem;
  font-weight: 600;
}
.gl-com .gl-com-link {
  font-size: .912rem;
  color: #fff;
}
.gl-account {
  flex-direction: column;
}
.gl-menu-obj.hover {
  color: var(--nd-menu-obj-active-color);
}
.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: 2.25rem 1rem;
  background-color: #01250c;
}
.ms-auto, .hstack {
  align-items: flex-end;
}
.gl-service {
  --nd-account-font-size: 0.9375rem;
  --nd-account-item-padding-x: 1rem;
  --nd-account-divider: normal;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  z-index: 1004;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 6rem 1.25rem;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0,0,0,.9);
}
.gl-service-body {
  max-width: 100%;
}
.gl-service-footer {
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid #000;
}
.gl-service-spacial {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  font-size: 0.9375rem;
}
.gl-service-spacial-item + .gl-service-spacial-item {
  margin-left: 1.5rem;
}
.gl-service-spacial-link {
  display: block;
  white-space: nowrap;
}
.gl-service-spacial-link::after {
  content: "\e93e";
  display: inline-block;
  margin-left: 0.25rem;
  font-family: "fontello", var(--nd-user-font-family, sans-serif);
  font-size: 0.8em;
  line-height: 1;
  vertical-align: middle;
  color: var(--nd-primary, #007aff);
}
.gl-service .gl-account {
  margin-left: auto;
  flex-direction: inherit;
}
.gl-nav.is-active .gl-service {
  display: block;
}
.gl-service > .inner {
  position: relative;
  z-index: 10;
  width: 100%;
  margin: 0 auto;
  padding: 3.5rem;
  background: #fff;
}
.gl-service > .inner::after {
  content: '';
  display: table;
  clear: both;
}
.gl-service-item, .gl-service-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.gl-service-link {
  width: 12%;
}
.gl-service-menu-link {
  border-right: 1px solid #d7d7d7;
  height: .756rem;
  line-height: .8;
}
.gl-service-menu-link:last-child {
  border-right: none;
}
.nav-close {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
}
.nav-close .btn {
  padding-bottom: 1rem;
  font-size: 1.5rem;
  color: #fff;
}