:root {
  --nd-user-header-zindex: 50;
  --nd-user-header-margin-bottom: 2rem;
}

.user-header {
  /* gnb */
  --nd-gnb-padding: 1rem 0 .5rem;
  --nd-gnb-font-size: 0.9375rem;
  --nd-gnb-color: rgba(var(--nd-white-rgb, 255, 255, 255), 0.75);
  /* account */
  --nd-account-font-size: 0.875rem;
  --nd-account-hover-color: var(--nd-white, #fff);
  --nd-account-divider-color: rgba(var(--nd-white-rgb, 255, 255, 255), 0.25);
  /* nav */
  --nd-nav-padding: 0 0 2rem;
  /* menu */
  --nd-menu-font-size: 1.25rem;
  --nd-menu-font-weight: 600;
  --nd-menu-link-padding-x: .97rem;
  --nd-menu-link-padding-y: .75rem;
  --nd-menu-link-color: var(--nd-white, #fff);
  --nd-menu-link-hover-color: #efc6c6;
  --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-font-size: 1.5rem;
  --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);  
  /* search */
  --nd-search-width: 460px;
  --nd-search-height: 2.75rem;
  --nd-search-padding-x: 0.75rem;
  --nd-search-font-size: 0.75rem;
  --nd-search-color: #fff;
  --nd-search-bg: rgba(255, 255, 255, 0.45);
  --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-color: var(--nd-search-color);
  --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-hover-border-color: var(--nd-search-border-color);
  --nd-search-btn-active-color: var(--nd-search-btn-color);
  --nd-search-btn-active-bg: var(--nd-search-btn-bg);
  --nd-search-btn-active-border-color:var(--nd-search-focus-border-color);
  background: center/auto repeat #ad0618 url("./menubar_bg.png");
}
.gl-nav, .gl-gnb {
  display: flex;
  flex-direction: row;
}
.gl-nav {
  align-items: center;
}
.gl-gnb {
  position:relative;
}
.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-updated {
  padding-left:10px;
}
.gl-menu .gl-menu-sub {
  top: 66px;
}

.gl-txt {   
  font-size: 14px;
  font-weight:400;
  color:var(--nd-white, #fff);
  margin-bottom:5px;
}
.gl-etc {
  position:relative;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.gl-search-stack .gl-search-input, .gl-search-stack .gl-search-btn {  
    background-color: rgba(255,255,255,.15);
}

/* 로고 슬로건 */
.gl-logo {
  position:relative;
}
.slogan-box  {
  position:absolute;
  top:-53px;
  display:flex;
  flex-direction:row;
  color:var(--nd-white, #fff);
  font-size:13px;
  text-align: center;
}
.slogan-box .slogan-b {
  width:155px;
  background-color:var(--nd-black, #000);  
  padding:7px 0 4px;
  margin-right:5px;
}
.slogan-box .slogan-w {
  width:189px;
  border: 1px solid var(--nd-white, #fff);
  padding:6px 0;
}

.gl-menu {
  margin-right:-1.25rem;
}
/* 메뉴별 노출 단어 */
.gl-menu .gl-menu-item .gl-menu-link {
  position:relative;
}
.gl-menu .gl-menu-item .gl-menu-link::after {
  position:absolute;
  bottom:-10px;
  left:50%;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  font-size:15px;
  font-weight:300;
  text-align:center;
}
/* 구독 버튼 */
.gl-subscription {
  margin: 0;
  list-style: none;
}
.gl-subscription-item {
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.gl-subscription-item a {
  display: inline-block;
  font-size: 12px;
  color: var(--nd-white);
  line-height: 1;
  text-align: center;
  background-color: #4b0008;
  padding: 5px 10px;  
  transition: color .15s ease-in-out;
  text-decoration: none;
}
.gl-menu .gl-menu-item:nth-child(1) .gl-menu-link::after {
  content:"Global Premium";
}
.gl-menu .gl-menu-item:nth-child(2) .gl-menu-link::after {
  content:"National";
}

.gl-menu .gl-menu-item:nth-child(3) .gl-menu-link::after {
  content:"Column";
}
.gl-menu .gl-menu-item:nth-child(4) .gl-menu-link::after {
  content:"Audio·Video";
}
.gl-menu .gl-menu-item:nth-child(5) .gl-menu-link::after {
  content:"Publishing";
}
.gl-menu .gl-menu-item:nth-child(6) .gl-menu-link::after {
  content:"Notice";
}
.gl-menu .gl-menu-item:nth-child(7) .gl-menu-link::after {
  content:"About";
}
.gl-menu .gl-menu-item:nth-child(8) .gl-menu-link::after {
  content:"Subscribe";
}

/* 번역 */
.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}

/* 홍경아 / 1601874 / 20260708 */
.gl-menu {
  padding-top: 19px;
}
.gl-menu .gl-menu-item .gl-menu-link {
  padding: .5rem 1rem;
}
.gl-menu .gl-menu-item a[href*="com-6-1"],.gl-menu .gl-menu-item:nth-child(8) .gl-menu-link::after {
  background-color: #fff;
  color: var(--nd-primary);
}

.gl-menu .gl-menu-item .gl-menu-link::after {
    position: relative;
    bottom: 0;
	padding-bottom: 0px;
}