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

.user-header {
  /* gnb */
  --nd-gnb-margin: .85rem 0 0;
  --nd-gnb-padding: 0;
  --nd-gnb-font-size: 0.875rem;
  --nd-gnb-color: var(--nd-gray-700, #495057);
  /* account */
  --nd-account-hover-color: var(--nd-gnb-color);
  --nd-account-item-padding-x: 0.75rem;
  /* logo */
  --nd-logo-padding-y: 1.5rem;
  --nd-logo-align: center;
  /* menu */
  --nd-menu-font-size: 1rem;
  --nd-menu-font-weight: 700;
  --nd-menu-link-padding-x: 1.25rem;
  --nd-menu-link-padding-y: 0.875rem;
  --nd-menu-link-color: var(--nd-body-color, #000);
  /* submenu */
  --nd-menu-sub-width: max-content;
  --nd-menu-sub-min-width: 7.5rem;
  --nd-menu-sub-font-size: 0.875rem;
  --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.875rem;
  --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-body-color, #000);
  /* search */
  --nd-search-width: 14.25rem;
  --nd-search-bg: var(--nd-white, $white);
  --nd-search-border-width: 1px;
  --nd-search-border-color: var(--nd-gray-400, #ced4da);
  --nd-search-focus-bg: var(--nd-search-bg);
  --nd-search-focus-border-color: var(--nd-search-border-color);
  --nd-search-offset-y: calc(50% - var(--nd-search-border-width));
  --nd-search-offset-x: calc(var(--nd-search-border-width) * -1);
  /* search button */
  --nd-search-btn-padding-x: var(--nd-menu-btn-padding-x);
  --nd-search-btn-padding-y: var(--nd-menu-btn-padding-y);
  --nd-search-btn-font-size: var(--nd-menu-btn-font-size);
  --nd-search-btn-color: var(--nd-menu-btn-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-btn-hover-color);
  --nd-search-btn-active-bg: var(--nd-search-btn-bg);
  --nd-search-btn-active-border-color: var(--nd-search-focus-border-color);
  /* search action button */
  --nd-search-action-padding-x: var(--nd-search-btn-padding-x);
  --nd-search-action-padding-y: var(--nd-search-btn-padding-y);
  --nd-search-action-font-size: var(--nd-search-btn-font-size);
  --nd-search-action-color: var(--nd-search-btn-color);
  --nd-search-action-hover-color: var(--nd-search-btn-hover-color);
  --nd-search-action-active-color: var(--nd-search-action-hover-color);
  /* sns */
  --nd-sns-gap: 0.25rem;
  --nd-sns-padding-x: 0.45rem;
  --nd-sns-padding-y: var(--nd-sns-padding-x);
  --nd-sns-font-size: 1.25rem;
  --nd-sns-width: calc(var(--nd-sns-font-size) + (var(--nd-sns-padding-x) * 2));
  --nd-sns-height: var(--nd-sns-width);
  --nd-sns-border-radius: 50%;
}
.gl-intro-item:hover {
  color: var(--nd-sns-hover-color);
}

.gl-sns {
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: var(--nd-sns-bg);
  width: var(--nd-sns-width);
  height: var(--nd-sns-height);
  text-align: center;
}
.gl-sns[aria-label=blog] {
  --nd-sns-color: #fff;
  --nd-sns-bg: #21c531;
}
.gl-sns[aria-label=kakao-ch] {
  font-size: 1.5rem;
  line-height: 1;
  --nd-sns-color: #000;
  --nd-sns-bg: #f9e000;
}
.gl-sns[aria-label=facebook] {
  --nd-sns-color: #fff;
  --nd-sns-bg: #4267b2;
}
.gl-sns[aria-label=twitter] {
  --nd-sns-color: #fff;
  --nd-sns-bg: #000;
}
.gl-sns[aria-label=youtube] {
  --nd-sns-color: #fff;
  --nd-sns-bg: #ff0000;
}
.gl-sns[aria-label=instagram] {
  --nd-sns-color: #fff;
  --nd-sns-bg: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

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

.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: calc(var(--nd-menu-link-padding-x) * .5);
  --nd-menu-sub-padding-y: var(--nd-menu-sub-padding-x);
  --nd-menu-sub-border: 1px solid var(--nd-body-color, #000);
}
.gl-menu .gl-menu-item:nth-child(8) .gl-menu-link::before {
  content: 'NEW';
  position: relative;
  top: -3px;
  text-align:center;
  animation: 2s textanimate infinite alternate;
  color:#fff;
  font-size: 10px;
  font-weight: 500;
  padding: 1px 6px 3px 5px;
  margin-right: 3px;
}
@keyframes textanimate {
  from {
  background-color: #bc131b;
  }
  to {
    background-color: #ff8d00;
  }
}
/* 번역 */
.gl-translation {display:flex;flex-wrap:wrap;align-items:center;gap:4px;justify-content:flex-end}
.gl-translation .gl-trans-btn {flex:0 0 auto;display:inline-block;width:30px;height:19px;background-image:url('/image/trans-icon.png');background-repeat:no-repeat;border-radius:0}
.gl-translation .gl-trans-btn.kr {background-position:0 0}
.gl-translation .gl-trans-btn.en {background-position:-40px 0}
.gl-translation .gl-trans-btn.jp {background-position:-80px 0}
.gl-translation .gl-trans-btn.cn {background-position:-120px 0}
.gl-translation .gl-trans-btn.th {background-position:-160px 0}
.gl-translation .gl-trans-btn.vi {background-position:-200px 0}
.gl-translation .gl-trans-btn.ru {background-position:-240px 0}
.gl-translation .gl-trans-btn.de {background-position:-280px 0}
.gl-translation .gl-trans-btn.fr {background-position:-320px 0}
.gl-translation .gl-trans-btn.sp {background-position:-360px 0}
.gl-translation .gl-trans-btn.ar {background-position:-400px 0}