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

.user-header {

	/* logo */
	--nd-logo-container-width: 100%;
	--nd-logo-padding-x: 1.5rem;
	--nd-logo-padding-top: 1.875rem;
	--nd-logo-padding-bottom: .625rem;
	--logo-max-height: 26px;
	--nd-logo-align: center;
	
	/* nav */
	--nd-nav-padding: 0 1.5rem;
	
	/* menu btn */
	--nd-menu-btn-padding-x: .625rem;
	--nd-menu-btn-padding-y: 0;
	--nd-menu-btn-bg: var(--nd-gray-200);
	--nd-menu-btn-hover-bg: var(--nd-primary);
	--nd-menu-btn-border-radius: 50%;
	
	/* menu */
	--nd-menu-font-size: 1.188rem;
	--nd-menu-font-weight: 500;
	--nd-menu-link-padding-x: 1.25rem;
	--nd-menu-link-padding-y: .625rem;
	--nd-menu-link-color: var(--nd-black, #000);
	--nd-menu-link-hover-color: var(--nd-menu-link-color);
	--nd-menu-link-active-color: var(--nd-menu-link-hover-color);
	--nd-menu-link-show-color: var(--nd-menu-link-active-color);
	
	/* submenu */
	--nd-menu-sub-width: max-content;
	--nd-menu-sub-font-size: .875rem;
  
	/* account */
	--nd-menu-obj-padding-y: .5rem;
	--nd-account-font-size: 0.875rem;
	--nd-account-color: var(--nd-secondary, #6c757d);
	--nd-account-hover-color: var(--nd-body-color, #000);
	--nd-account-item-padding-x: 0px;
	--nd-account-divider: normal;
	--nd-dropdown-width: max-content;
	--nd-dropdown-padding: 0.5rem 0.75rem;
	--nd-dropdown-bg: var(--nd-white, #fff);
	--dropdown-border-color: var(--nd-secondary, #6c757d);
	--nd-dropdown-border: 1px solid var(--dropdown-border-color);
	--nd-dropdown-border-radius: 0;
	
	/* search ab */
	--nd-search-position: fixed;
	--nd-search-zindex: 1005;
	--nd-search-offset-x: 0;
	--nd-search-offset-y: 0;
	--nd-search-transform: 0;
	
	/* search action btn */
	--nd-search-action-font-size: 1.375rem;
	
	/* search input */
	--nd-search-width: 740px;
	--nd-search-padding-x: 0;
	--nd-search-font-size: 3.5rem;
	--nd-search-color: var(--nd-white, #fff);
	--nd-search-focus-color: var(--nd-search-color);
	--nd-search-border-width: 0;
	--nd-search-border-radius: 0;
	--nd-search-btn-padding-x: 0;
	--nd-search-btn-font-size: var(--nd-search-font-size);
	--nd-search-btn-bg: transparent;
	--nd-search-btn-hover-bg: var(--nd-search-btn-bg);
	--nd-search-btn-active-bg: var(--nd-search-btn-bg);
	
	 /* service */
	--nd-service-position: fixed;
	--nd-service-z-index: 1003;
	--nd-service-offset-x: 0;
	--nd-service-offset-y: 0;
	--nd-service-width: 100%;
	--service-max-width: 22.5rem;
	--service-height: 100%;
	--nd-service-padding-x: 0;
	--nd-service-padding-y: var(--nd-service-padding-x);
	--nd-service-bg: var(--nd-white, #fff);
	
	/* service search */
	--nd-nav-search-height: 4.25rem;
	--nd-nav-search-bg: var(--nd-dark, #212529);
	--nd-nav-search-font-size: 1rem;
	--nd-nav-search-color: var(--nd-white, #fff);
	--nd-nav-search-focus-color: var(--nd-nav-search-color);
	--nd-nav-search-placeholder: var(--nd-gray-400, #ced4da);
	--nd-nav-search-btn-width: auto;
	--nd-nav-search-btn-color: var(--nd-white, #fff);
	--nd-nav-search-btn-bg: var(--nd-nav-search-bg);
	
	/* service menu */
	--nd-nav-menu-bg: var(--nd-service-bg);
	--nd-nav-menu-margin: 0;
	--nd-nav-menu-padding: 0;
	--nd-nav-menu-font-size: 1rem;
	--nd-nav-menu-link-padding-x: 1.25rem;
	--nd-nav-menu-link-padding-y: 1rem;
	--nd-nav-submenu-item-width: 50%;
	--nd-nav-submenu-margin: 0;
	--nd-nav-submenu-color: var(--nd-gray-dark, #343a40);
	--nd-nav-submenu-bg: var(--nd-gray-200);
	--nd-nav-submenu-divider: 0;
	
	/* service footer */
	--nd-nav-address-margin: 0;
	--nd-nav-address-padding: var(--nd-nav-address-margin);
	--nd-nav-address-border-top: 0;
	--nd-nav-address-font-size: .813rem;
	
	/* service footer sns */
	--nd-sns-align: center;
	--nd-sns-gap: .625rem;
	
	/* overlay */
	--nd-nav-overlay-bg: rgba(var(--nd-black-rgb), .75);
	
	position: relative;
	background-color: var(--nd-white, #fff);
	border-bottom: 1px solid var(--nd-gray-300);
}
@media print, screen and (max-width: 74.99875em) {
	.user-header {
		--nd-logo-banner-width: 200px;
		--nd-logo-padding-top: .875rem;
		--nd-logo-padding-bottom: var(--nd-logo-padding-top);
		/*--logo-max-height: 34px;*/
		--logo-max-height:26px;
	}
}
@media print, screen and (max-width: 39.99875em) {
	.user-header {
		--nd-logo-padding-x: 1.25rem;
		--nd-logo-banner-width: 50px;
		/*--logo-max-height: 30px;*/
		--logo-max-height:26px;
		--service-max-width: 280px;
	}
}

/* 기사뷰 */
.user-header.for-view {
	--nd-logo-padding-top: .9375rem;
	--nd-logo-padding-bottom: var(--nd-logo-padding-top);
}


/**************************************
* logo
**************************************/
.gl-logo-container {
	padding: 0 var(--nd-logo-padding-x);
}
.gl-logo img {
	max-height: var(--logo-max-height);
}

/**************************************
* 전체 메뉴 버튼
**************************************/
.gl-menu-btn {
	--menu-btn-icon-offset-y: 7px;
	--menu-btn-width: 2.5rem;
	--menu-btn-height: var(--menu-btn-width);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: var(--menu-btn-width);
	height: var(--menu-btn-height);
	margin: 0;
}
.gl-menu-btn .icon {
	position: relative;
	width: 14px;
	height: 2px;
	background-color: var(--nd-black, #000);
	transition: all .2s ease-in-out;
}
.gl-menu-btn .icon::before,
.gl-menu-btn .icon::after {
	content: '';
	position: absolute;
	left: 0;
	width: 20px;
	height: 2px;
	background-color: var(--nd-black, #000);
	transition: all .2s ease-in-out;
}
.gl-menu-btn .icon::before {
	top: calc(-1 * var(--menu-btn-icon-offset-y));
}
.gl-menu-btn .icon::after {
	top: var(--menu-btn-icon-offset-y);
}
.gl-menu-btn:hover .icon {width:20px}
.gl-menu-btn:hover .icon::before,
.gl-menu-btn:hover .icon::after {width:14px}

@media print, screen and (max-width: 74.99875em) {
	.gl-menu-btn {
		margin: 0;
	}
}
@media print, screen and (max-width: 39.99875em) {
	.gl-menu-btn {
		--menu-btn-icon-offset-y: 6px;
		--menu-btn-width: 2.125rem;
	}
	.gl-menu-btn .icon {
		width: 12px;
		height: 2px;
		margin-left: -2px;
	}
	.gl-menu-btn .icon::before,
	.gl-menu-btn .icon::after {
		width: 16px;
	}
}


/**************************************
* menu
**************************************/
.gl-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.gl-menu-item.active > .gl-menu-link {position: relative}
.gl-menu-item.active > .gl-menu-link::before {
	--link-point-width: 10px;
	--link-point-height: 10px;
	content: '';
	position: absolute;
	z-index: 1005;
	top: calc(100% - (0.5 * var(--link-point-height)));
	left: 50%;
	display: inline-block;
	width: var(--link-point-width);
	height: var(--link-point-height);
	background-color: var(--nd-primary);
	border-radius: 50%;
	transform: translateX(-50%);
}
.gl-nav .gl-menu .gl-menu-sub-link {
	text-align: center;
}
.gl-nav .gl-menu .gl-menu-sub.flex-row {
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 420px;
}
.gl-nav .gl-menu .gl-menu-sub.flex-row .gl-menu-sub-item {
	flex: 0 0 auto;
	width: 50%;
}
.gl-nav .gl-menu .gl-menu-sub.flex-row .gl-menu-sub-link {
	text-align: left;
}

@media print, screen and (max-width: 74.99875em) {
	.gl-nav .index-max-width {
		padding-top: 1.25rem;
	}
	.gl-nav .gl-menu {display:none}
}
@media print, screen and (max-width: 49.99875em) {
	.gl-nav .index-max-width {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
}


/**************************************
* account
**************************************/
.gl-menu-obj {position:relative}
.gl-account {
	flex-direction: column;
	align-items: stretch;
	gap: 0.25rem;
	text-align: center;
}
@media print, screen and (max-width: 39.99875em) {
	.dropdown,
	.gl-menu-obj {display:none}
}

#nav-header .dropdown-pane::after, #nav-header .dropdown-pane::before {
  content: "";
  overflow: hidden;
  position: absolute;
  inset: auto auto 100% 50%;
  width: 0;
  height: 0;
  border-style: solid;
  transform: translateX(-50%);
}

#nav-header .dropdown-pane::before {
  z-index: 1;
  border-width: 5px;
  border-color: transparent transparent var(--dropdown-border-color) transparent;
}
#nav-header .dropdown-pane::after {
  z-index: 2;
  border-width: 4px;
  border-color: transparent transparent var(--nd-dropdown-bg) transparent;
}

/**************************************
* search
**************************************/
.gl-search-container:not(.is-active) > .gl-search-ab {
	display: none;
}
.gl-search-ab {
	left: var(--nd-search-offset-x);
	right: initial;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-bottom: 10rem;
	background-color: rgba(var(--nd-black-rgb), .85);
}

.gl-search {
	align-items: center;
	border-bottom: 1px solid var(--nd-white, #fff);
}
.gl-search-close {
	position: absolute;
	top: 5rem;
	right: 5rem;
	font-size: 3.125rem;
	color: var(--nd-white, #fff);
}
.gl-search-btn.search-plus {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	margin-left: .9375rem;
	font-size: 1.5rem;
	color: var(--nd-dark, #222);
	background-color: var(--nd-primary);
	border-radius: 50%;
}

@media print, screen and (max-width: 49.99875em) {
	.user-header {
		--nd-search-width: 80%;
		--nd-search-font-size: 2.5rem;
	}
	.gl-search-close {
		top: 2.5rem;
		right: 2.5rem;
		font-size: 2.5rem;
	}
}
@media print, screen and (max-width: 39.99875em) {
	.gl-search-container {display:none}
}

/**************************************
* 후원하기
**************************************/
.support-btn {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: .5rem .625rem;
	font-size: .9375rem;
	font-weight: 500;
	line-height: 1;
	background-color: #ffc700;
	border-radius: .5rem;
	transition: all .2s ease-in-out;
	text-align:center;
}
.support-btn:hover {
	color: var(--nd-white, #fff);
	background-color: var(--nd-dark, #222);
	text-decoration: none;
}
@media print, screen and (max-width: 39.99875em) {
	.support-btn {
		width: 2.5rem;
		height: 2.5rem;
		padding: .25rem;
		font-size: .813rem;
		line-height: 1.125;
	}
}

/**************************************
* service(all nav)
**************************************/
.gl-service {
	overflow-x: hidden;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-shadow: rgba(var(--nd-black-rgb, 0, 0, 0), 0.1) 0px 4px 12px;
}
.gl-service-floating {
	max-width: var(--service-max-width);
	height: var(--service-height);
	transition: transform 0.35s ease-in-out;
}
.user-header:not(.is-show) .gl-service-floating {
	transform: translateX(-100%);
}

/* header */
.gl-service-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 2.125rem 1.25rem;
}
.gl-service-logo img {
	max-height: 30px;
}
@media print, screen and (max-width: 39.99875em) {
	.gl-service-logo img {
		max-height: 20px;
	}
}

/* login */
.gl-service-account {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: .625rem 0;
	background-color: var(--nd-gray-200);
}
.gl-service-account .gl-service-account-item:not(:first-child)::before {
	content: '·';
	padding: 0 .5rem; 
	font-size: .9375rem;
}
.gl-service-account .gl-service-account-link {
	font-size: .875rem;
}

/* search */
.mb-nav-search {
	flex: 0 0 auto;
	padding: 0 var(--nd-nav-menu-link-padding-x);
	border-top: 1px solid var(--nd-dark);
}
.mb-nav-search .mb-nav-search-input {
	padding: 0;
}

/* content */
.mb-nav-menu[data-accordion] {
	--nd-nav-menu-font-weight: 500;
}
.mb-nav-menu .mb-nav-menu-item + .mb-nav-menu-item {
	border-top: 1px solid rgba(var(--nd-black-rgb), .12);
}
.mb-nav-submenu-link {
	white-space: wrap;
}
.mb-nav-submenu-link:hover {
	color: var(--nd-black, #000);
}

/* footer */
.gl-service-footer {
	padding: 1.25rem;
	background-color: var(--nd-gray-200);
}
.gl-service-footer .footer-sns {
	margin-bottom: 1.25rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid rgba(var(--nd-black-rgb), .12);
}
.gl-service-footer .footer-sns-title {
	margin-bottom: .9375rem;
	line-height: 1.25;
	text-align: center;
}

.icon-thread::before {
	--icon-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6804 4C18.362 4.16798 19.0728 4.19678 19.7614 4.35157C23.522 5.19665 25.9635 8.01613 27 11.5679L24.9423 12.1027C23.752 7.02841 18.362 5.08941 13.5864 6.52865C7.62137 8.3264 6.93487 17.278 9.35138 21.9484C11.2377 25.5938 16.1426 26.6996 19.9057 25.4321C23.529 24.2119 25.7018 19.6876 21.9073 17.3259C21.7394 18.4847 21.3655 19.6592 20.6035 20.5751C17.7915 23.9543 10.8948 22.0695 12.0956 17.3224C12.9038 14.1278 17.153 13.9681 19.8468 14.3402C19.6309 11.4829 15.641 10.7461 14.0899 12.9409C13.8394 13.0838 12.5899 11.9962 12.2681 11.8372C14.4977 8.55615 20.1068 8.85983 21.5563 12.7125C21.7567 13.2449 21.9056 14.7331 22.0731 14.976C22.1374 15.069 23.438 15.7409 23.7495 15.9918C28.4118 19.7518 25.1074 26.5698 19.8482 27.6144L17.6797 27.9864C17.0726 27.9556 16.4418 28.0288 15.8375 27.9864C7.68205 27.4138 5.20592 20.3085 6.21168 13.239C6.97403 7.88252 10.2418 4.38003 15.8382 4H17.6804ZM19.8415 16.4784C18.211 16.1484 14.0581 15.9078 14.0973 18.3404C14.1269 20.1791 16.7216 20.5129 18.114 19.9375C19.3346 19.4332 19.8732 17.6928 19.8415 16.4781V16.4784Z' fill='black'/%3E%3C/svg%3E%0A");
	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;
}

/* overlay */
.mb-nav-overlay .btn-close {
	position: absolute;
	top: 5rem;
	right: 5rem;
	padding: 0;
	font-size: 3.125rem;
	color: var(--nd-white, #fff);
	background: none;
	border-radius: 0;
	opacity: 1;
}

@media print, screen and (max-width: 49.99875em) {
	.mb-nav-overlay .btn-close {
		top: 2.5rem;
		right: 2.5rem;
		font-size: 2.5rem;
	}
}

@media print, screen and (max-width: 39.99875em) {
	.mb-nav-overlay .btn-close {
		top: 1.875rem;
		right: 1.875rem;
		font-size: 1.875rem;
	}
}



/*****  service dark theme *****/
.gl-service.dark {
	--nd-service-bg: #444c6b;
	
	/* search */
	--nd-nav-search-bg: var(--nd-white, #fff);
	--nd-nav-search-color: var(--nd-dark, #212529);
	--nd-nav-search-focus-color: var(--nd-nav-search-color);
	--nd-nav-search-placeholder: var(--nd-gray-600);
	--nd-nav-search-btn-color: var(--nd-dark, #212529);
	--nd-nav-search-btn-bg: var(--nd-nav-search-bg);

	/* menu */
	--nd-nav-menu-bg: #2b2f3e;
	--nd-nav-menu-link-color: var(--nd-white);
	--nd-nav-submenu-color: rgba(var(--nd-white-rgb), .5);
	--nd-nav-submenu-bg: rgba(var(--nd-black-rgb), .35);
	
	/* service footer */
	--nd-nav-footer-menu-color: var(--nd-gray-300);
	--nd-nav-address-color: var(--nd-gray-500);
}



@media print, screen and (max-width: 89.99875em) {
}
@media print, screen and (max-width: 74.99875em) {
}
@media print, screen and (max-width: 39.99875em) {
}



@media print, screen and (max-width: 39.99875em) {
  .gl-logo img {
   --logo-max-height:26px;
   }
}