:root {
  --heading-bg: var(--site-bg);
  --nd-user-header-margin-bottom: 2rem;
}

.user-header {
  --user-header-bg: var(--nd-white, #fff);
  /* logo */
  --nd-logo-align: left;
  /* search */
  --nd-search-width: 15rem;
  --nd-search-height: 2.75rem;
  --nd-search-font-size: 0.875rem;
  --nd-search-color: var(--nd-body-color, #000);
  --nd-search-bg: var(--user-header-bg, #fff);
  --nd-search-border-width: 1px;
  --nd-search-border-color: var(--nd-gray-400, #ced4da);
  --nd-search-border-radius: var(--nd-border-radius-pill, 50rem);
  --nd-search-focus-color: var(--nd-search-color);
  --nd-search-focus-bg: var(--nd-search-bg);
  --nd-search-focus-border-color: var(--nd-secondary, #6c757d);
  /* search button */
  --nd-search-btn-color: var(--nd-search-color);
  --nd-search-btn-bg: var(--nd-search-bg);
  --nd-search-btn-border: var(--nd-search-border-width) solid var(--nd-search-border-color);
  --nd-search-btn-hover-color: var(--nd-search-btn-color);
  --nd-search-btn-hover-bg: var(--nd-search-btn-bg);
  --nd-search-btn-hover-border-color: var(--nd-search-border-color);
  --nd-search-btn-active-color: var(--nd-search-focus-color);
  --nd-search-btn-active-bg: var(--nd-search-focus-bg);
  --nd-search-btn-active-border-color: var(--nd-search-focus-border-color);
  /* menu */
  --nd-menu-font-size: 1.063rem;
  --nd-menu-font-weight: 600;
  --nd-menu-link-padding-x: 1.25rem;
  --nd-menu-link-padding-y: var(--nd-menu-link-padding-x);
  --nd-menu-link-color: var(--nd-body-color, #000);
  /* submenu */
  --nd-menu-sub-width: max-content;
  --nd-menu-sub-font-size: 0.875rem;
  --nd-menu-sub-link-padding-x: calc(.75 * var(--nd-menu-link-padding-x));
  --nd-menu-sub-link-padding-y: 0.5rem;
  --nd-menu-sub-link-color: var(--nd-seconadry, #6c757d);
  --nd-menu-sub-link-hover-color: var(--nd-menu-link-color);
  --nd-menu-sub-link-hover-bg: var(--nd-light, #f8f9fa);
  --nd-menu-sub-link-hover-text-decoration: none;
  --nd-menu-sub-link-active-color: var(--nd-menu-sub-link-hover-color);
  --nd-menu-sub-link-active-bg: var(--nd-menu-sub-link-hover-bg);
  --nd-menu-sub-link-active-text-decoration: var(--nd-menu-sub-link-hover-text-decoration);
  /* menu button */
  --nd-menu-btn-padding-y: var(--nd-menu-link-padding-x);
  --nd-menu-btn-font-size: 1.5rem;
  --nd-menu-btn-font-weight: var(--nd-menu-font-weight);
  --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-hover-color);
  /* gnb */
  --nd-gnb-padding: 0.5rem 0;
  --nd-gnb-font-size: 0.75rem;
  --nd-gnb-bg: rgba(0,0,0,.03);
  --nd-gnb-color: var(--nd-gray-dark);
  /* account */
  --nd-account-hover-color: var(--nd-body-color, #000);
  background-color: var(--user-header-bg);
  border-bottom: 3px solid #7f8c8d;
}
.gl-gnb .ms-auto, .gl-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.gl-gnb {
  gap: 1.25rem;
  flex: 0 0 auto;
  max-width: 100%;
}
.gl-gnb .ms-auto {
  justify-content:space-between
}
.gl-nav {
  position: relative;
  left: -60px;
}
.gl-nav > .kd {
  position: relative;
  left: -30px;
}
.gnb-inner.posi-ab {
  right: -70px;
  bottom: -3px;
}
.gl-account {
  justify-content: flex-end;
  flex-wrap: nowrap;
  align-items: baseline;
  margin: 0;
  border-bottom: 3px solid #222;
}
.gl-account-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 6px;
  height: 50px;
  font-size: .75rem;
  letter-spacing: -.0875em;
}
.gl-account-item+.gl-account-item::before {
  content: '';
  padding: 0;
}
.gl-account-item + .gl-account-item {
  padding: 0;
}
.gl-account-link > i {
  display: block;
  margin-bottom: 4px;
  height: 24px;
  font-size: 1rem;
}
.gl-menu {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}
.gl-menu-item.active {
  position:relative;
}
.gl-menu-item.active::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:var(--nd-primary);
}
.gl-menu-sub.gl-menu-vert {
  --nd-menu-sub-min-width: 7rem;
  --nd-menu-sub-padding-x: calc(.5 * var(--nd-menu-link-padding-x));
  --nd-menu-sub-padding-y: var(--nd-menu-sub-padding-x);
  --nd-menu-sub-bg: var(--user-header-bg);
  --nd-menu-sub-border: 1px solid rgba(var(--nd-black-rgb, 0, 0, 0), .175);
  z-index: 99;
}
.gl-menu-btn {
  flex: 0 0 auto;
  width: calc(var(--nd-menu-btn-font-size) + 7 * var(--nd-menu-btn-padding-x));
  max-width: 100%;
  margin-left: calc(-1 * var(--nd-menu-btn-padding-x));
  padding: 0;
}
.gl-menu-btn > span {
  font-size: var(--nd-menu-font-size);
}
.gl-search-input,
.gl-search-btn {
  border: 0;
}
.gl-search {
  border-bottom: 2px solid #222;
}
/*번역*/
#nav-header .user-translation {display:block;font-size:0}
#nav-header .user-translation .txt {display:inline-block;vertical-align:middle;margin-right:1rem;font-size:.8125rem;color:rgba(255,255,255,.5)}
#nav-header .user-translation .translate-btn {overflow:hidden;position:relative;display:inline-block;vertical-align:middle;width:27px;height:18px;margin-right:.25rem;border-radius:0;background:url('/image/country_list.png') no-repeat;cursor:pointer}
#nav-header .user-translation .translate-btn::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;border:1px solid rgba(0,0,0,.08)}
#nav-header .user-translation .translate-btn:last-child {margin-right:0}
#nav-header .user-translation .translate-btn.kr {background-position:0 0}
#nav-header .user-translation .translate-btn.en {background-position:-30px 0}
#nav-header .user-translation .translate-btn.jp {background-position:-60px 0}
#nav-header .user-translation .translate-btn.cn {background-position:-90px 0}
#nav-header .user-translation .translate-btn.fr {background-position:-120px 0}
#nav-header .user-translation .translate-btn.de {background-position:-210px 0}