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

.user-header {
  /* logo */
  --nd-logo-align: center;
  --nd-logo-padding-y: 2rem;
  /* account */
  --nd-account-font-size: 0.875rem;
  --nd-account-hover-color: var(--nd-body-color, #000);
  /* nav */
  --nav-border-width: 3px;
  --nav-border-color: var(--nd-primary);
  /* menu */
  --nd-menu-font-size: 1.0125rem;
  --nd-menu-font-weight: 500;
  --nd-menu-link-padding-x: .75rem;
  --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-min-width: 8rem;
  --nd-menu-sub-font-size: 0.9375rem;
  --nd-menu-sub-text-align: center;
  --nd-menu-sub-link-padding-x: calc(var(--nd-menu-link-padding-x) * .5);
  --nd-menu-sub-link-padding-y: 0.5rem;
  --nd-menu-sub-link-color: var(--nd-gray-dark, #343a40);
  --nd-menu-sub-link-hover-color: var(--nd-menu-link-color);
  --nd-menu-sub-link-hover-bg: #f8f9fa;
  --nd-menu-sub-link-hover-text-decoration: none;
  --nd-menu-sub-link-active-color: var(--nd-primary, #007aff);
  --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);
  /* search */
  --nd-search-width: 14.25rem;
  --nd-search-height: 3rem;
  --nd-search-padding-x: 0.75rem;
  --nd-search-color: var(--nd-body-color, #000);
  --nd-search-bg: var(--nd-body-bg, #fff);
  --nd-search-border-width: var(--nav-border-width);
  --nd-search-border-color: var(--nav-border-color);
  --nd-search-border-radius: 0;
  --nd-search-focus-bg: var(--nd-search-bg);
  --nd-search-focus-border-color: var(--nd-search-border-color);
  /* search button */
  --nd-search-btn-padding-x: var(--nd-search-padding-x);
  --nd-search-btn-padding-y: 0.25rem;
  --nd-search-btn-font-size: 1.5rem;
  --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-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: 0.5rem;
  --nd-search-action-padding-y: var(--nd-search-action-padding-x);
  --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-action-color);
  --nd-search-action-active-color: var(--nd-search-action-hover-color);
  /* search offset */
  --nd-search-offset-x: calc((var(--nd-search-action-font-size) + var(--nd-search-action-padding-x)) * -1);
  --nd-search-offset-y: 100%;
  --nd-search-transform: none;
  /* menu button */
  --nd-menu-btn-padding-x: var(--nd-search-action-padding-x);
  --nd-menu-btn-padding-y: var(--nd-search-action-padding-y);
  --nd-menu-btn-font-size: var(--nd-search-action-font-size);
  --nd-menu-btn-color: var(--nd-search-action-color);
  --nd-menu-btn-hover-color: var(--nd-menu-btn-color);
  --nd-menu-btn-active-color: var(--nd-menu-btn-color);
}
.gl-logo-container .gl-logo {
  justify-content: flex-start;
}
.gl-logo-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    min-width: 0;
	justify-content: space-between;
}
.gl-logo-container .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: .75rem;
}
.gl-logo-container .flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 360px;
  max-width: 100%;
}
.gl-logo-container .user-text {
  padding-left: 1rem;
}
.gl-logo-container .color-point {
  display: block;
  margin-top: .125rem;
  font-weight: 600;
  letter-spacing: -.03em;
  color: #f39b00;
}
.gl-logo-container .flex .btn-bg {
  margin-right: var(--nd-menu-link-padding-x);
  background-color: #f2f2f2;
  border-radius: 25rem;
}
.is-active > .gl-search-action > [class^=icon]::before {
  content: "\e921";
}

.gl-nav {
  display: flex;
  flex-direction: row;  
  border-top: 1px solid var(--nav-border-color);
  border-bottom: var(--nav-border-width) solid var(--nd-primary);
}
.gl-menu-item:first-child .gl-menu-link {
  padding-left: 0;
}
.gl-menu-sub.gl-menu-vert {
  z-index: 999;
  --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-bg: var(--nd-body-bg, #fff);
  --nd-menu-sub-border: var(--nav-border-width) solid var(--nav-border-color);
  border-top: 0;
}
.gl-menu-btn {
  margin-left: calc(var(--nd-search-btn-padding-x) * -1);
}
.gl-menu-item a[href*="/index.html?editcode=MAIN_16"]::after {
  position:absolute;
  content:'PRO';
  right: -28px;
  top: 13px;
  padding: 0.125rem 0.313rem;
  font-size: 0.813rem;
  color: var(--nd-white);
  background-color: #fe0000;
  border-radius: .5rem;
}
/* 번역 */
.gl-translation {
	--nd-dropdown-width: 160px;
	--nd-dropdown-padding: 0;
	flex: 0 0 auto;
	margin-right: 0;
}

.gl-translation .gl-trans-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items: center;
	gap: .25rem;
	padding: var(--nd-menu-btn-padding-y, 0.5rem) var(--nd-menu-btn-padding-x, 0.5rem);
	width: 40px;
    height: 40px;
	font-size: var(--nd-menu-btn-font-size, 1.5rem);
	font-weight: 600;
}
.gl-translation .gl-trans-btn > i[class*="icon-"] {
	font-size: var(--nd-menu-btn-font-size, 1.5rem);
}
.gl-translation .icon-language::before {
	--icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23495057' d='M11.088 2.039c-7.17.611-11.314 8.52-7.837 14.835 3.762 6.833 13.718 6.836 17.48 0C24.616 9.82 19.065 1.358 11.089 2.04m8.109 5.256c.144.222.335.504.389.756h-3.63a19 19 0 0 0-.669-2.207l-.922-2.093c1.944.546 3.732 1.852 4.832 3.544M15.01 12.94a12 12 0 0 1-.122 1.219c-.014.08-.056.426-.132.426H9.144c-.117-1.158-.226-2.323-.17-3.492.018-.365.063-.859.122-1.218.013-.08.056-.427.132-.427h5.612c.117 1.158.226 2.324.17 3.492m-3.493-9.523c.15-.029.732-.023.897-.003.117.014.11.016.186.093.2.201.705 1.235.853 1.548.451.953.816 1.967 1.051 2.998H9.48a14.6 14.6 0 0 1 1.367-3.631c.098-.184.523-.977.67-1.005m-6.73 3.88c1.1-1.693 2.887-2.999 4.831-3.545l-.907 2.052c-.137.435-.3.863-.433 1.299-.095.314-.145.663-.279.949H4.397c-.058-.055.325-.656.39-.756M3.81 9.446h3.936c-.213 1.707-.233 3.431 0 5.137H3.811c-.587-1.597-.58-3.54 0-5.137m.976 7.288c-.144-.221-.335-.503-.39-.755h3.63a18.8 18.8 0 0 0 1.052 3.164c.166.382.4.743.54 1.136-1.945-.547-3.732-1.852-4.832-3.545m7.79 3.824c-.09.075-.982.09-1.107.047-.397-.135-1.99-3.966-1.991-4.626h5.025c-.211.983-.573 1.975-.995 2.886-.136.294-.75 1.54-.931 1.693m6.62-3.824c-1.1 1.693-2.888 2.999-4.832 3.545l.922-2.093.67-2.207h3.629c.058.055-.324.655-.39.755m.975-2.15h-3.937a19.6 19.6 0 0 0 0-5.138h3.937c.58 1.598.587 3.54 0 5.137'/%3E%3C/svg%3E");
	content: "";
	display: flex;
	width: 1em;
	height: 1em;
	font-size: 1em;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	text-rendaring: auto;
	-webkit-font-smoothing: antialiased;
	background-color: currentColor;
	-webkit-mask-image: var(--icon-image, unset);
			mask-image: var(--icon-image, unset);
	-webkit-mask-size: contain;
			mask-size: contain;
	-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
}
#tranlation-pane {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: .875rem;
}
#tranlation-pane .gl-trans {
	padding: .5rem 0;
	width: 70px;
	font-size: 1em;
	text-align: center;
}
#tranlation-pane .gl-trans {
  position: relative;
  padding-left: 1.875rem;
}
#tranlation-pane .gl-trans::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 26px;
  height: 18px;
  border: 1px solid rgba(0,0,0,.12);
  background-size: cover;
}
#tranlation-pane .gl-trans.kr::before {
    background: url('/image/trans_icon.png') no-repeat -105px -9px;
}
#tranlation-pane .gl-trans.en::before {
    background: url('/image/trans_icon.png') no-repeat -200px -9px;
}
#tranlation-pane .gl-trans.cn::before {
    background: url('/image/trans_icon.png') no-repeat -232px -9px;
}
#tranlation-pane .gl-trans.jp::before {
    background: url('/image/trans_icon.png') no-repeat -73px -9px;
}