:root {
  --nd-body-bg: #ededed;
  --nd-body-bg-rgb: 236, 236, 236;
  --nd-user-header-zindex: 50;
  --nd-user-header-margin-bottom: 2rem;
  --wrap-gutter-x: 3.75rem;
  --wrap-bg: var(--nd-white, #fff);
}
.user-wrap {
    width: calc(var(--nd-index-width) + var(--wrap-gutter-x));
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--wrap-gutter-x) * 0.5);
    padding-right: calc(var(--wrap-gutter-x) * 0.5);
    background-color: var(--wrap-bg);
	box-shadow:0 0 12px rgba(0,0,0,.12);
}
.user-header {
  padding-top:0 !important;
  --nd-user-header-margin-bottom: 1.875rem;
  /* nav*/
  --nd-nav-height: 45px;
  --nd-nav-bg: #202124;
  /* menu */
  --nd-menu-btn-color: var(--nd-white);
  --nd-menu-btn-hover-color: var(--nd-menu-btn-color);
  --nd-menu-btn-padding-y: 0;
  --nd-menu-btn-line-height: 45px;
  --nd-menu-font-size: .9375rem;
  --nd-menu-font-weight: 400;
  --nd-menu-line-height: var(--nd-menu-btn-line-height);
  --nd-menu-link-padding-x: 1.375rem;
  --nd-menu-link-padding-y: 0;
  --nd-menu-link-line-height:var(--nd-menu-btn-line-height);
  --nd-menu-link-color: var(--nd-white);
  --nd-menu-sub-width: max-content;
  --nd-menu-sub-min-width: 11.25rem;
  --nd-menu-sub-font-size: 0.875rem;
  --nd-menu-sub-link-padding-y: 0.375rem;
  --nd-menu-sub-line-height: 1.5;
  --nd-menu-sub-link-color: #fff;
  --nd-menu-sub-link-hover-color: var(--nd-menu-sub-link-color);
  --nd-menu-sub-link-active-color: var(--nd-menu-sub-link-color);
  /* account */
  --nd-updated-font-size: 0.8125rem;
  --nd-updated-color: #6c757d;
  --nd-updated-line-height: 1;
  --nd-account-font-size: 0.875rem;
  --nd-account-color:var(--nd-gray-500);
  /* logo */
  --nd-logo-padding-y: 1.125rem;
  --nd-logo-align: center;
  
  --nd-sns-gap: 0.25rem;
  --nd-sns-padding-x: 0.5rem;
  --nd-sns-padding-y: var(--nd-sns-padding-x);
  --nd-sns-font-size: 1.5rem;
  --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%;
  --nd-sns-transition: transform .15s ease-in-out;
  /* gnb */
  --nd-gnb-border-width: 0 0 1px;
  --nd-gnb-border-color: #e8e8e9;
  /* search */
  --nd-search-width: 12.5rem;
  --nd-search-height: 2.25rem;
  --nd-search-font-size: 0.8125rem;
  --nd-search-color: #fff;
  --nd-search-focus-color: var(--nd-search-color);
  --nd-search-placeholder:var(--nd-search-color);
  --nd-search-border-width: 0;
  --nd-search-border-color: transparent;
  --nd-search-border-radius: 0;
  --nd-search-focus-border-color: transparent;
  --nd-search-btn-font-size: 1.125rem;
  --nd-search-btn-color: var(--nd-menu-sub-link-color);
  --nd-search-btn-bg: transparent;
  --nd-search-border-radius: 0;
  --nd-search-btn-hover-color: var( --nd-search-btn-color);
  --nd-search-btn-hover-bg: transparent;
  --nd-search-btn-active-color: var( --nd-search-btn-color);
  --nd-search-btn-active-bg: transparent;
  /* service */
  --nd-service-gutter-x: 2rem;
  --nd-service-gutter-y: 2.5rem;
  --nd-service-cols: 7;
  --nd-service-offset-y: calc(100% + 1px);
  --nd-service-padding-y: 2.5rem;
  --nd-service-padding-x: 2.5rem;
  --nd-service-link-margin-bottom: 1rem;
  --nd-service-link-font-size: 1rem;
  --nd-service-link-font-weight: 600;
  --nd-service-link-hover-color: currentColor;
  --nd-service-menu-font-size: 0.9375rem;
  --nd-service-menu-link-padding-y: 0.25rem;
  --nd-service-menu-link-color: var(--nd-body-color, #000);
  --nd-service-menu-link-hover-color: currentColor;
  padding-top: var(--nd-nav-height);
}

.gl-nav {
  position:relative;
}
.gl-nav > .index-width {
  height: var(--nd-nav-height);
  justify-content:space-between
}
.gl-gnb {
  padding:0;
}
.gl-gnb .index-width, .gl-nav .index-width {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.gl-banner.text-left {
  display: flex;
  justify-content:flex-start;
}
.gl-logo-container {
  padding: .375rem 0;
}
.gl-nav-logo {
  display: none;
  margin-left: var(--nd-menu-link-padding-x);
}
.gl-nav-logo img {
  max-height: 1.75rem;
}
.user-header.is-active .gl-nav-logo {
  display: block;
}
.user-header.is-active .gl-search {
  position:absolute;
  right:0;
}
.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=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=naverblog] {
  --nd-sns-color: #fff;
  --nd-sns-bg: #00C73C;
}
.gl-sns[aria-label=navertv] {
  --nd-sns-color: #fff;
  --nd-sns-bg: #03c75a;
}
.gl-sns:hover {
  transform: rotate(360deg);
}
.gl-sns-container {
  justify-content:flex-end;
  position: relative;
  z-index: 5;
  margin-bottom: calc((var(--nd-sns-padding-y) + var(--nd-gnb-padding-y)) * -1);
}
.gl-account-item {
  color:var(--nd-gray-600)
}
.gl-account-item.gl-updated + .gl-account-item {
  --nd-account-item-padding-x: 1.5rem;
  --nd-account-divider: normal;
}
.gl-updated {
  margin-left:12px;
  padding: 0 6px;
  line-height: 35px;
  background-color:#e5e5e5;
}

.gl-menu-btn {
  font-size: var(--nd-menu-font-size);
}
.gl-menu-item.active {
  position:relative;
  margin-top: -4px;
  border-top: 4px solid var(--nd-primary);
  background-color: var(--nd-primary);
  color:var(--nd-white);
}
.gl-menu-item.active::after {    
  position:absolute;
  content:'';
  z-index: 1;
  top:-4px;
  left: 100%;
  width: 0;
  height: 0;
  border-width: 2px;
  border-style: solid;
  border-color: transparent transparent #202124 #202124;
}
.active > .gl-menu-link {
  color:#fff;
}
.gl-menu-item > .gl-menu-link::before {
	z-index: 2;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 4px solid var(--nd-primary);
}
.user-header.is-active .gl-menu-btn i[class^=icon-] {
  --nd-ndfonts-icon: "\e921";
}

.gl-menu-sub.gl-menu-vert {
  --nd-menu-sub-padding-y: 0.5rem;
  --nd-menu-sub-padding-x: 0;
  --nd-menu-sub-bg: var(--nd-primary, #007aff);
  --nd-menu-sub-border: 0;
}

.gl-latest-news {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}

.gl-service {
  --nd-account-font-size: 0.9375rem;
  --nd-account-item-padding-x: 1.5rem;
  --nd-account-divider: normal;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - (var(--nd-nav-height) + 1px));
  padding-top: 1rem;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.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;
}
.header-add {
  font-size:0;
  background-color: #ef3e5d;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.header-add .local-menu {
  display:flex;
  width:100%;
}
.header-add .local-menu > li > a {
  position:relative;
  display:inline-block;
  padding: 0 .625rem;
  font-size: 13px;
  color: #fff;
  line-height: 42px;
}
.local-menu > li > a::after {
    content: '';
    position: absolute;
    right: 0;
    top: calc((42px - 14px) / 2);
    height: 14px;
    border-left: 1px solid #ffd7de;
}

/*translation*/
.user-translation {display:flex;-ms-flex-wrap:wrap;align-items:center;justify-content:flex-end; margin-bottom:15px;}
.user-translation li .translate-btn {display:inline-block;width:32px;height:22px;margin-left:5px;border:1px solid #ebebeb;}
.user-translation li .translate-btn.kr {background-image:url('/image/translate/kor.jpg');}
.user-translation li .translate-btn.en {background-image:url('/image/translate/eng.jpg');}  
.user-translation li .translate-btn.ja {background-image:url('/image/translate/jap.jpg');}
.user-translation li .translate-btn.zh-CN {background-image:url('/image/translate/ch.jpg');}
.user-translation li .translate-btn.fr {background-image:url('/image/translate/france.jpg');}
.user-translation li .translate-btn.es {background-image:url('/image/translate/spain.jpg');}
.user-translation li .translate-btn.ru {background-image:url('/image/translate/russia.jpg');}
.user-translation li .translate-btn.de {background-image:url('/image/translate/ger.jpg');}
.user-translation li .translate-btn.ar {background-image:url('/image/translate/arab.jpg');}

/* 전국 지역명 노출 */
#nav-header .dis-section {padding-left:1rem;font-size:18px}
#nav-header .dis-section > a {padding:6px 12px;border-radius:6px 0;background-color:#ef3e5d;color:#fff;line-height:1}
#nav-header .dis-section > a:hover {text-decoration:none}