@charset "UTF-8";
:root {
  --nd-global-border-color: #e8e8e9;
  --nd-user-header-margin-bottom: 1.5rem;
}

.user-header {
  margin-top: 1.5rem;
  z-index: 1004;
  background-color:#fff;
   /* account */
  --nd-dropdown-width: max-content;
  --nd-dropdown-padding: 0.5rem 0.75rem;
  --nd-dropdown-font-size: 0.875rem;
  --nd-account-color: var(--nd-secondary, #6c757d);
  --nd-account-item-padding-x: 0;
  --nd-account-divider: normal;
  /* nav */
  --nd-menu-margin: 0 1rem;
  --nd-menu-font-size: 1.0625rem;
  --nd-menu-link-padding-y: 1.455rem;
  --nd-menu-sub-font-size: 0.875rem;
  --nd-menu-sub-font-weight: 400;
  --nd-menu-sub-line-height: 2.5rem;
  --nd-menu-sub-link-padding-y: 0;
  --nd-menu-sub-link-color: #000;
  --nd-menu-sub-link-hover-color: var(--nd-primary, #007aff);
  --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-padding-x: 0.1rem;
 /* search */
  --nd-search-width: 15.625rem;
  --nd-search-height: 2.5rem;
  --nd-search-bg: var(--nd-body-bg, #fff);
  --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-secondary, #6c757d);
  --nd-search-offset-x: calc(var(--nd-search-border-width) * -1);
  /* search button */
  --nd-search-btn-padding-x: 0.5rem;
  --nd-search-btn-font-size: 1.5rem;
  --nd-search-btn-color: var(--nd-body-color, #000);
  --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-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-font-size: var(--nd-search-btn-font-size);
  --nd-search-action-color: var(--nd-search-btn-color);
  /* menu button */
  --nd-menu-btn-padding-y: 0.625rem;
  --nd-menu-btn-padding-x: 0.625rem;
  --nd-menu-btn-hover-color: inherit;
  --nd-menu-btn-active-bg: var(--nd-menu-btn-hover-color);
  /* update */
  --nd-updated-font-size: 0.8125rem;
  --nd-updated-line-height: 21px;
  --nd-updated-color: #6c757d;
}
.gl-autobox, .gl-nav, .gl-header .index-width {
  display: flex;
  flex-wrap: wrap;
}

.gl-header {
  position: relative;
}
.gl-header .index-width {
  align-items: flex-end;
  padding: 0rem;
}
.gl-col {
  margin-left: 20px;
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}
.gl-account {
  justify-content: flex-end;
}
.gl-nav {
  align-items: center;
  justify-content: flex-start;
  position: relative;
  border-top:1px solid #efefef;
  border-bottom:1px solid #000;
}
.gl-autobox {
  align-items: center;
  width: var(--nd-index-width);
  margin-left: auto;
  margin-right: auto;
  min-height: 5rem;
  padding: 0.875rem 0;
  border-top: 1px solid #000;
  border-bottom: 3px solid #000;
  letter-spacing: -0.4px;
}
.gl-autobox-header {
  flex: 0 0 auto;
  width: 10.125rem;
  max-width: 100%;
}
.gl-autobox-title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 22px;
  color: #000;
}
.gl-autobox-body {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}
.gl-banner {
  flex: 0 0 auto;
  width: 18.75rem;
  max-width: 100%;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: 1.875rem;
}
.gl-menu-sub.gl-menu-vert {
  --nd-menu-sub-padding-x: 0;
  --nd-menu-sub-padding-y: 0;
  --nd-menu-sub-border: 1px solid #333;
  text-align: center;
}
.gl-menu-sub-item + .gl-menu-sub-item {
  border-top: 1px solid #e5e5e5;
}
.gl-menu-btn {
  margin-left: 0.5rem;
  margin-right: calc(-1 * var(--nd-menu-btn-padding-x));
}
.gl-logo {
    width: 225px;
}
.gl-gnb {
   margin-top:1rem;
}
.gl-serial {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--nd-search-gap, 0.25rem);
    width: var(--nd-serial-width, auto);
    height: var(--nd-search-height, auto);
    font-size: var(--nd-search-font-size, 0.875em);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
/*.gl-search::before {
    padding-right: 1rem;
    color: var(--nd-account-divider-color, #000);
    content: var(--nd-account-divider, "|");
}
.gl-search {
    align-items: center;
}*/
#nav-header .sticky-container .sticky {
    background-color:#fff;	
}
.gl-banner-side {
  --nd-logo-banner-width: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 0.5rem;
}
.gl-account {
  flex-direction: column;
  align-items: stretch;
  gap: 0.25rem;
  text-align: center;
}
.gl-nav-sub::after {
  box-shadow: inset 0 6px 6px rgba(var(--nd-black-rgb, 0, 0, 0), 0.05);
}
.gl-nav .index-width {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.gl-account-item {
    color: #333;
	margin-left: 10px;
}
.ndcon-language {
  --nd-ndcon-icon:url("/icon/ndcon/language.svg");
  display:inline-block;
  line-height:1;
  vertical-align:-0.25em;
}

.ndcon-language::before {
  content:'';
  display:block;
  width:1.65em;
  height:1.65em;
  background:currentColor;
  -webkit-mask-image:var(--nd-ndcon-icon);
  mask-image:var(--nd-ndcon-icon);
  -webkit-mask-size:cover;
  mask-size:cover;
}
.selec-box {
  position:relative;
  cursor:pointer;
}
.selec-box .link {
  color:#fff;
  display:none;
  overflow:hidden;
  position:absolute;
  z-index:2;
  left: -18px;
  top:100%;
  background-color:var(--nd-primary);
}
.selec-box.active .link {
  width: 70px;
  padding: 10px 10px 0 10px;
  display:block;
}
.selec-box.active i.icon-angle-down-min {
	--nd-ndfonts-icon: "\e945";
}
.selec-box .link > a {
  display:block;
  padding:.75rem 1.25rem;
  font-size:1rem;
  font-weight:400;
  line-height:1;
  color:#fff;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.selec-box .link > a:hover {
  color:#000;
  background-color:#fff;
}
#userLogin {
  margin-left:10px;
  margin-right: 10px;
}
.selec-box ul {
    list-style-type: none;
	margin-left: 0.25rem;
}
.translate-btn {
   color: #fff;
}
.selec-box li {font-size:13px;letter-spacing:-.025rem;line-height:1.5;color:#fff}