/*
Dark Skin
*/

/* Menu container */
.menuzord{ 
	display:flex;
	align-items:center;
	/*background: var(--base-color1);*/
}

/* Brand */
.menuzord-brand{
	color: #fff;
}

/* Menu items */
.menuzord-menu > li > a{
	color: #fff;
}

/* Active/hover state (Menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
	color: #fff;
}

/* Dropdown */
.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown{
	background: var(--base-color1);
}

/* Dropdown items */
.menuzord-menu ul.dropdown li a{
	color: #ccc;
}

/* Hover state (dropdown items) */
.menuzord-menu ul.dropdown li:hover > a{
	color: #fff;
}

/* Megamenu */
.menuzord-menu > li > .megamenu{
	background: #34495e;
	color: #ccc;
	border-top: solid 1px #2f4255;
}

/* tabs */
.menuzord-tabs-nav > li > a{
	color: #ccc;
	border: solid 1px #415b75;
}
.menuzord-tabs-nav li.active a,
.menuzord-tabs-nav li:hover a{
	background: #415b75;
}
.menuzord-tabs-content{
	border: solid 1px #415b75;
}

/* Show/hide button (mobile mode)*/
.menuzord .showhide em{
	background: #ccc;
}

/* Search field */
.menuzord-menu > li.search form:before{
	color: #fff;
}
.menuzord-menu > li.search form input[type="text"]{
	background: #415b75;
	color: #fff;
}

/* Color schemes */
/* blue */
.menuzord.blue .menuzord-menu > li.active > a, 
.menuzord.blue .menuzord-menu > li:hover > a, 
.menuzord.blue .menuzord-menu ul.dropdown li:hover > a{ 
	color: #5D9CEC; 
}
/* green */
.menuzord.green .menuzord-menu > li.active > a, 
.menuzord.green .menuzord-menu > li:hover > a, 
.menuzord.green .menuzord-menu ul.dropdown li:hover > a{ 
	color: #48CFAD; 
}
/* red */
.menuzord.red .menuzord-menu > li.active > a, 
.menuzord.red .menuzord-menu > li:hover > a, 
.menuzord.red .menuzord-menu ul.dropdown li:hover > a{ 
	color: var(--point-color);
}
/* black - 서브페이지에서 색상 변경 */
.isPage #header-wrap .menuzord.red .menuzord-menu > li:hover > a,
.isPage #header-wrap .menuzord.red .menuzord-menu > li.active > a
 { 
	color: var(--base-color1);
}

.isPage #header-wrap.fix .menuzord.red .menuzord-menu > li.active > a,
.isPage #header-wrap.fix .menuzord.red .menuzord-menu > li:hover > a
{color: var(--point-color);}
/* orange */
.menuzord.orange .menuzord-menu > li.active > a, 
.menuzord.orange .menuzord-menu > li:hover > a, 
.menuzord.orange .menuzord-menu ul.dropdown li:hover > a{ 
	color: #ff853f; 
}
/* yellow */
.menuzord.yellow .menuzord-menu > li.active > a, 
.menuzord.yellow .menuzord-menu > li:hover > a, 
.menuzord.yellow .menuzord-menu ul.dropdown li:hover > a{ 
	color: #FFCE54; 
}
/* purple */
.menuzord.purple .menuzord-menu > li.active > a, 
.menuzord.purple .menuzord-menu > li:hover > a, 
.menuzord.purple .menuzord-menu ul.dropdown li:hover > a{ 
	color: #AC92EC; 
}
/* pink */
.menuzord.pink .menuzord-menu > li.active > a, 
.menuzord.pink .menuzord-menu > li:hover > a, 
.menuzord.pink .menuzord-menu ul.dropdown li:hover > a{ 
	color: #EC87C0; 
}

/* Mobile mode (Responsive mode) */
@media (max-width: 768px){
	.menuzord{ display:block}
	/* black - 서브페이지에서 색상 변경 */
	.isPage #header-wrap .menuzord.red .menuzord-menu > li.active > a, 
	.isPage #header-wrap .menuzord.red .menuzord-menu > li:hover > a { 
		color: var(--point-color);
	}


	/* Menu items */
	.menuzord-responsive .menuzord-menu > li > a{
		position:relative;
		padding: 12px 20px !important;
		border-color: var(--color-6) !important;
	}


	
	/* Dropdown/megamenu indicators */
	.menuzord-responsive .menuzord-menu li .indicator{
		border-color: var(--color-6);
	}
	
	/* Dropdown */
	.menuzord-responsive .menuzord-menu ul.dropdown,
	.menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown{
		background: var(--color-0);
	}
	
	/* Dropdown items */
	.menuzord-responsive .menuzord-menu ul.dropdown li a{
		border-color: var(--color-6) !important;
	}
	
	/* Megamenu */
	.menuzord-responsive .menuzord-menu > li > .megamenu{
		border-color: var(--color-6) !important;
	}
}