/* COCOBUG header renewal — the right brand artwork remains unobstructed. */
.coco-site-header {
	position: relative;
	background: #fff;
}

.coco-topbar {
	border-bottom: 1px solid rgba(218, 178, 90, .24);
	background: #131519;
	color: #d9dadd;
}

.coco-topbar__inner {
	height: 48px;
	padding-top: 0 !important;
}

#nt_lnb.coco-topbar ul {
	display: flex;
	align-items: center;
	height: 48px;
	margin: 0;
}

#nt_lnb.coco-topbar ul > li {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 11px;
}

#nt_lnb.coco-topbar ul > li::after {
	color: rgba(255, 255, 255, .16);
}

#nt_lnb.coco-topbar ul > li > a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	color: #d9dadd;
	font-size: 13px;
	line-height: 1.3;
	transition: color .18s ease, background-color .18s ease;
}

#nt_lnb.coco-topbar ul > li > a:hover,
#nt_lnb.coco-topbar ul > li > a:focus {
	color: #f0d38d;
	text-decoration: none;
}

#nt_lnb.coco-topbar .event-link,
#nt_lnb.coco-topbar .telegram-link {
	gap: 7px;
	padding: 5px 10px;
	border-radius: 3px;
	box-shadow: none;
	font-weight: 700;
	transform: none;
}

#nt_lnb.coco-topbar .event-link:hover,
#nt_lnb.coco-topbar .event-link:focus {
	background: rgba(217, 168, 69, .12);
	color: #f0d38d;
	box-shadow: none;
	transform: none;
}

#nt_lnb.coco-topbar .telegram-link {
	border: 1px solid rgba(55, 170, 224, .44);
	background: rgba(29, 132, 187, .14);
	color: #bfeaff;
}

#nt_lnb.coco-topbar .telegram-link:hover,
#nt_lnb.coco-topbar .telegram-link:focus {
	border-color: #43b7ec;
	background: rgba(29, 132, 187, .25);
	color: #fff;
	box-shadow: none;
	transform: none;
}

.coco-quick-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	font-size: 10px;
}

.coco-quick-icon--event {
	background: #d7a844;
	color: #17191d;
}

.coco-quick-icon--telegram {
	background: #168dcc;
	color: #fff;
}

.coco-topbar__date a {
	color: #989ba2 !important;
	font-weight: 600;
}

#nt_lnb.coco-topbar .user-level {
	margin-right: 6px;
	padding: 3px 7px;
	border-radius: 3px;
	background: #c79735;
	color: #17191d;
	font-size: 12px;
	box-shadow: none;
}

#nt_lnb.coco-topbar .user-level.admin-level {
	background: #c43039;
	color: #fff !important;
}

#nt_lnb.coco-topbar .memo-link {
	padding: 5px 8px;
	border-radius: 3px;
	color: #d9dadd;
	font-weight: 600;
}

#nt_lnb.coco-topbar .memo-link.has-memo {
	background: #be343c;
	color: #fff;
	box-shadow: none;
}

.coco-brand-header {
	border-bottom: 1px solid #e5e6e8;
	background: linear-gradient(90deg, #fff 0%, #fff 62%, rgba(248, 247, 243, .88) 100%);
}

#header_pc.coco-brand-header .coco-brand-header__inner {
	position: relative;
	min-height: 132px;
	padding-top: 22px;
	padding-bottom: 20px;
	background-position: right bottom;
}

.coco-brand-header__row {
	min-height: 89px;
}

#header_pc .header-logo {
	position: relative;
	min-width: 198px;
	padding-bottom: 17px;
}

#header_pc .header-logo img {
	display: block;
	max-width: 198px;
	max-height: 58px;
}

#header_pc .header-logo > span {
	position: absolute;
	left: 2px;
	bottom: 0;
	color: #9a762e;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .11em;
}

.coco-brand-header__search {
	flex: 1 1 auto;
	min-width: 0;
}

#header_pc .header-search {
	width: 100%;
	max-width: 460px;
}

#header_pc .header-search .coco-search-form {
	overflow: hidden;
	border: 2px solid #22252b;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 7px 20px rgba(26, 29, 35, .07);
	transition: border-color .18s ease, box-shadow .18s ease;
}

#header_pc .header-search .coco-search-form:focus-within {
	border-color: #bd8a2b;
	box-shadow: 0 8px 22px rgba(176, 125, 31, .15);
}

#header_pc .header-search .coco-search-form input {
	height: 48px;
	padding: 0 16px;
	color: #24272d;
	font-size: 15px !important;
}

#header_pc .header-search .coco-search-form input::placeholder {
	color: #9a9da3;
}

#header_pc .header-search .coco-search-form .btn {
	width: 54px;
	color: #2a2d33;
	font-size: 16px;
}

#header_pc .header-search .coco-search-form .btn:hover,
#header_pc .header-search .coco-search-form .btn:focus {
	color: #b77f1f;
}

#header_pc .header-keyword {
	margin-top: 8px !important;
	color: #777b83;
	font-size: 13px;
	line-height: 1.45;
}

.coco-brand-header__art {
	width: 238px;
	height: 89px;
	pointer-events: none;
}

#nt_menu.nt-menu {
	border-top: 1px solid #2c3036;
	border-bottom: 3px solid #b98a31;
	background: #202328 !important;
	box-shadow: 0 6px 14px rgba(22, 25, 30, .18);
}

#nt_menu.nt-menu .me-a {
	min-height: 51px;
	color: #f0f1f2;
	font-size: 15px;
	line-height: 51px;
	transition: color .18s ease, background-color .18s ease;
}

#nt_menu.nt-menu .me-li > a.bg-primary {
	background: transparent !important;
}

#nt_menu.nt-menu .me-li.on > .me-a,
#nt_menu.nt-menu .me-li:hover > .me-a,
#nt_menu.nt-menu .me-li > .me-a:focus,
#nt_menu.nt-menu .me-li.on > a > .me-a,
#nt_menu.nt-menu .me-li:hover > a > .me-a,
#nt_menu.nt-menu .me-li > a:focus > .me-a {
	background: #15171a !important;
	color: #f0cf7e;
	box-shadow: inset 0 -3px 0 #d4a748;
	text-decoration: none;
}

#nt_menu.nt-menu .me-icon {
	width: 58px;
}

#nt_menu.nt-menu .sub-1div,
#nt_menu.nt-menu .sub-2div {
	border-top: 2px solid #c49337;
	box-shadow: 0 10px 24px rgba(21, 24, 30, .18);
}

#nt_menu.nt-menu .me-sh {
	font-size: 14px;
	line-height: 1.5;
}

#header_mo {
	border-bottom: 2px solid #c69536;
	background: #1d2025;
}

#header_mo > .bg-primary {
	background: #1d2025 !important;
}

#header_mo h3 {
	min-height: 56px;
	margin: 0;
	font-size: 18px;
	line-height: 56px;
}

#header_mo h3 > a {
	color: #fff;
}

#header_mo #search_mo {
	background: #fff;
}

@media (max-width: 1199.98px) {
	.coco-brand-header__art {
		width: 195px;
	}

	#header_pc .header-search {
		max-width: 410px;
	}

	#nt_lnb.coco-topbar ul > li {
		padding-right: 8px;
		padding-left: 8px;
	}
}

@media (max-width: 991.98px) {
	#nt_lnb.coco-topbar ul > li > a {
		font-size: 12px;
	}

	.coco-topbar__date,
	.coco-brand-header__art {
		display: none !important;
	}

	#header_pc .header-logo,
	#header_pc .header-logo img {
		min-width: 168px;
		max-width: 168px;
	}

	#header_pc .header-search {
		max-width: none;
	}

	#nt_menu.nt-menu .me-a {
		font-size: 14px;
	}
}