#navToggle{
	z-index:120
}
#navToggle.navToggleTxt{
	z-index:120;
	cursor:pointer;
	width:76px;
	height:36px;
	padding:0 2px;
}
#iconMenu{
	vertical-align:middle
}
#navToggle.navToggleTxt #iconMenu{
	height:32px;
	width:32px;
}
#navToggle .line{
	background:#fff;
	left:22%;
	width:56%;
	height:2px;
	opacity:1;
	will-change:transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#navToggle.navToggleTxt .line{
	left:12%;
	width:76%;
}
.line-1{
	top:10px
}
#navToggle.navToggleTxt .line-1{
	top:7px
}
.isActive .line-1{
	transform:translateY(7px) translateX(0) rotate(225deg);
}
navToggle.navToggleTxt.isActive .line-1{
	transform:translateY(9px) translateX(0) rotate(-225deg);
}
.line-2{
	top:50%;
	margin-top:-1px
}
#navToggle.isActive .line-2{
	opacity:0;
	left:45%;
	width:10%
}
.line-3{bottom:10px}
#navToggle.navToggleTxt .line-3{bottom:7px}
.isActive .line-3{
	transform:translateY(-7px) translateX(0) rotate(-225deg)
}
#navToggle.navToggleTxt.isActive .line-3{
	transform:translateY(-8px) translateX(0) rotate(-225deg)
}
#navToggle .iconText{
	height:32px;
	width:42px;
	padding-top:2px;
	font-size:12px
}
#navToggle.isActive .it-close,
#navToggle .it-open{
	opacity:0
}
#navToggle.isActive .it-open,
#navToggle .it-close{
	opacity:1
}

/** #gNavWrap **/
#glovalNav,
#glovalNav .sub-menu,
#glovalNav .menu-item{padding:0}
#gNavWrap{
	height:100%;
	border-right:1px solid #dbdbdb;
	width:calc(100% - 54px);
	left:0;
	z-index:120;
	overflow-y:auto;
	visibility:hidden;
	transition:all .6s ease-in-out,padding .4s ease-in-out;
	transform:translateX(-100%);
	will-change:transform;
	-webkit-overflow-scrolling:touch;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#gNavWrap.isVisible{
	visibility:visible;
	transform:translateX(0)
}

/** .menu-item **/
#glovalNav .menu-item a,
#glovalNav .menu-item{
	width:100%;
	display:block
}
#glovalNav .menu-item a{
	display:flex;
	align-items:center;
	padding:0 .8em
}
#glovalNav a::before{content:"\f0da";padding-right:.4em}
#glovalNav .menu-item-has-children{cursor:pointer}
#glovalNav .menu-item-has-children::after{content:"\f0d7";position:absolute;z-index:2;top:0;right:0}
#glovalNav .menu-item-has-children.isActive::after{content:"\f0d8"}
#glovalNav .menu-item .sub-menu a{
	height:0;
	line-height:0;
	opacity:0;
}
/* 1st */
#glovalNav>.menu-item>a,
#glovalNav>.menu-item-has-children::after{
	height:56px;
	line-height:1;
}
#glovalNav>.menu-item>a{
	border-bottom:1px solid #ffffff;
}
#glovalNav>.menu-item-has-children>a{padding-right:56px}
#glovalNav>.menu-item-has-children::after{
	width:56px;
	height:55px;
	border-left:1px solid #ffffff;
	font-size:1.2em
}

/* 2nd */
#glovalNav .sub-menu a{
}

#glovalNav .sub-menu a:hover,
#glovalNav>.menu-item>.sub-menu.isVisible>.menu-item-has-children:hover::after,
#glovalNav>.menu-item>.sub-menu.isVisible>.menu-item-has-children.isActive::after{
	color:#565656;
}

#glovalNav>.menu-item>.sub-menu>a,
#glovalNav>.menu-item>.sub-menu>.menu-item-has-children::after{
	height:0;
	line-height:0;
	opacity:0;
}
#glovalNav>.menu-item>.sub-menu>a{border-bottom:0 solid #d1d1d1}
#glovalNav>.menu-item>.sub-menu.isVisible>.menu-item>a,
#glovalNav>.menu-item>.sub-menu.isVisible>.menu-item-has-children::after{
	line-height:1;
	opacity:1;
}
#glovalNav>.menu-item>.sub-menu.isVisible>.menu-item>a{
	height:40px;
	border-bottom:1px solid #d1d1d1
}
#glovalNav>.menu-item>.sub-menu.isVisible>.menu-item-has-children::after{
	width:40px;
	height:40px;
	border-left:1px solid #d1d1d1}
#glovalNav>.menu-item>.sub-menu.isVisible>.menu-item-has-children.isActive::after{
	height:39px
}
#glovalNav>.menu-item>.sub-menu.isVisible>.menu-item>a{border-bottom:1px solid #d1d1d1}
#glovalNav>.menu-item>.sub-menu.isVisible>.menu-item:last-child>a{border-bottom:1px solid #ffffff}
#glovalNav>.menu-item:last-child>.sub-menu.isVisible>.menu-item:last-child>a{border-bottom:1px solid #d1d1d1}
#glovalNav>.menu-item>.sub-menu.isVisible>.menu-item-has-children.isActive>a{border-bottom:1px solid #d1d1d1}
#glovalNav>.menu-item>.sub-menu>.menu-item-has-children>a{
	padding-right:40px
}
#glovalNav>.menu-item>.sub-menu>.menu-item-has-children::after{
	width:40px;
	font-size:1.1em
}

/* 3rd */
#glovalNav .sub-menu .sub-menu a{
	height:0;
	line-height:0;
	opacity:0;
	padding-left:1.6em;
}
#glovalNav .sub-menu.isVisible .sub-menu.isVisible a{
	height:36px;
	line-height:1;
	opacity:1;
	border-bottom:1px solid #d1d1d1}
#glovalNav>.menu-item>.sub-menu.isVisible>.menu-item>.sub-menu.isVisible>.menu-item>a{border-bottom:1px solid #d1d1d1}
#glovalNav>.menu-item>.sub-menu.isVisible>.menu-item>.sub-menu.isVisible>.menu-item:last-child>a{border-bottom:1px solid #ffffff}
#glovalNav>.menu-item:last-child>.sub-menu.isVisible>.menu-item>.sub-menu.isVisible>.menu-item:last-child>a{border-bottom:1px solid #d1d1d1}

#gNavWrap .h-none{
	display:none
}
@media(min-width:576px),print{
	#gNavWrap{max-width:360px}
}

@media(min-width:992px),print{
	#gNavWrap.navVisible #glovalNav,
	#gNavWrap.navVisible #glovalNav>.menu-item,
	#gNavWrap.navVisible #glovalNav>.menu-item>a,
	#gNavWrap.navVisible #glovalNav>.menu-item-has-children::after,
	#gNavWrap.navVisible #glovalNav>.menu-item>.sub-menu>.menu-item-has-children::after,
	#gNavWrap.navVisible #glovalNav>.menu-item>.sub-menu.isVisible>.menu-item-has-children::after{
		height:100%;
		padding:0;
		border:none;
	}
/** #gNavWrap **/
	#gNavWrap.navVisible,
	#gNavWrap.navVisible.isVisible{
		border:none;
		visibility:visible;
		transform:translateX(0);
		overflow-y:visible;
		transition:all .4s ease-in-out;
		max-width:100%
	}
	#gNavWrap.gNav-a,#gNavWrap.gNav-a.isVisible,
	#gNavWrap.gNav-c,#gNavWrap.gNav-c.isVisible{
		border-bottom:1px solid #fff;
		width:100%;
		height:48px;
		-webkit-transition:all .4s ease-in-out;
		transition:all .4s ease-in-out;
	}
	#gNavWrap.gNav-b,#gNavWrap.gNav-b.isVisible{
		width:auto;
		height:32px;
	}
	#gNavWrap.gNav-b,#gNavWrap.gNav-b.isVisible{
		width:auto;
		height:32px;
	}
	.scroll #gNavWrap.navVisible,
	.scroll #gNavWrap.isVisible.navVisible{
		visibility:visible;
		transform:translateX(0);
	}

/** .menu-item **/
	#gNavWrap.navVisible #glovalNav .menu-item-has-children::after,
	#gNavWrap.navVisible #glovalNav>.menu-item-has-children.isActive::after{background:none;width:auto;font-size:.9em;padding:0 .6em}

/* 1st */
	#gNavWrap.navVisible #glovalNav>.menu-item>a,
	#gNavWrap.navVisible #glovalNav>.menu-item-has-children>a{padding:0 .8em}
	#gNavWrap.navVisible #glovalNav>.menu-item>a::before{content:none;padding:0}
	#gNavWrap.navVisible #glovalNav>.menu-item>a{
		-ms-flex-direction:column!important;
		flex-direction:column!important;
		-ms-flex-pack:center!important;
		justify-content:center!important;
	}
	#gNavWrap.gNav-a #glovalNav>.menu-item>a,
	#gNavWrap.gNav-c #glovalNav>.menu-item>a{
		border-left:1px solid #ffffff;
	}
	#gNavWrap.gNav-b #glovalNav>.menu-item,
	#gNavWrap.gNav-b #glovalNav>.menu-item>.menu-link{
		width:auto!important;
	}
	#gNavWrap.gNav-d{
		transition:all .6s ease-in-out,padding .4s ease-in-out,top .4s ease-in-out;
	}

/* 2nd */
	#gNavWrap.navVisible #glovalNav > .menu-item > .sub-menu,
	#gNavWrap.navVisible #glovalNav > .menu-item > .sub-menu.isVisible{
		position:absolute;
		z-index:1;
		top:100%;
		left:0;
		width:180px;
		min-width:calc(100% + 1px);
		font-size:.9em
	}
	#gNavWrap.gNav-b #glovalNav>.menu-item>.sub-menu{
		-webkit-transition:all .4s ease-in-out;
		transition:all .4s ease-in-out;
		border-top:1px solid #d1d1d1;
		opacity:0
	}
	#gNavWrap.gNav-b #glovalNav>.menu-item-has-children:hover>.sub-menu{
		opacity:1
	}
	#gNavWrap.navVisible #glovalNav > .menu-item-has-children:hover > .sub-menu > .menu-item > a,
	#gNavWrap.navVisible #glovalNav > .menu-item-has-children > .sub-menu.isVisible > .menu-item > a,
	#gNavWrap.navVisible #glovalNav > .menu-item-has-children:hover > .sub-menu.isVisible > .menu-item > a,
	#gNavWrap.navVisible #glovalNav > .menu-item > .sub-menu.isVisible > .menu-item-has-children::after,
	#gNavWrap.navVisible #glovalNav > .menu-item > .sub-menu.isVisible > .menu-item-has-children.isActive::after,
	#gNavWrap.navVisible #glovalNav > .menu-item:hover > .sub-menu > .menu-item-has-children::after{
		height:32px
	}
	#gNavWrap.navVisible #glovalNav .menu-item-has-children .sub-menu .menu-item>a{
		border-right:1px solid #d1d1d1;
		border-left:1px solid #d1d1d1;
		border-bottom:1px solid #d1d1d1!important;
	}
	#gNavWrap.navVisible #glovalNav > .menu-item-has-children:hover > .sub-menu > .menu-item > a,
	#gNavWrap.navVisible #glovalNav > .menu-item-has-children > .sub-menu.isVisible > .menu-item > a,
	#gNavWrap.navVisible #glovalNav > .menu-item-has-children:hover > .sub-menu.isVisible > .menu-item > a{
		opacity:1;
		visibility:visible;
		margin-top:0;
		line-height:1;
	}
	#gNavWrap.navVisible #glovalNav>.menu-item>.sub-menu.isVisible>.menu-item-has-children::after,
	#gNavWrap.navVisible #glovalNav>.menu-item>a:hover.sub-menu.isVisible>.menu-item-has-children::after,
	#gNavWrap.navVisible #glovalNav .menu-item .sub-menu .menu-item-has-children::after{
		content:"\f0da";
		width:auto;
		padding:0 .6em 0 0;
	}
	#gNavWrap.navVisible #glovalNav > .menu-item > .sub-menu.isVisible > .menu-item-has-children::after,
	#gNavWrap.navVisible #glovalNav > .menu-item:hover > .sub-menu > .menu-item-has-children::after{
		opacity:1;
		visibility:visible
	}
	#gNavWrap.navVisible #glovalNav > .menu-item > .sub-menu.isVisible > .menu-item-has-children.isActive::after{
		background:none
	}

/** 3rd **/
	#gNavWrap.navVisible #glovalNav > .menu-item > .sub-menu > .menu-item:first-child > a{border-top:none}
	#gNavWrap.navVisible #glovalNav .menu-item .sub-menu .menu-item:last-child a{border-bottom:1px solid #c1c1c1}
	#gNavWrap.navVisible #glovalNav .sub-menu .sub-menu{
		position:absolute;
		z-index:1;
		top:-1px;
		left:calc(100% - 1px);
		width:200px;
		visibility:hidden
	}
	#gNavWrap.navVisible #glovalNav .sub-menu .menu-item:hover .sub-menu,
	#gNavWrap.navVisible #glovalNav .sub-menu.isVisible .sub-menu{
		opacity:1;
		visibility:visible
	}
	#gNavWrap.navVisible #glovalNav .sub-menu .sub-menu .menu-item a{
		height:0;
		line-height:0;
		opacity:0;
		padding:0 .8em
	}
	#gNavWrap.navVisible #glovalNav .sub-menu .menu-item:hover .sub-menu a,
	#gNavWrap.navVisible #glovalNav .sub-menu.isVisible .menu-item .sub-menu.isVisible a{
		height:32px;
		line-height:1;
		opacity:1;
	}
	#gNavWrap.navVisible #glovalNav .sub-menu .menu-item:hover .sub-menu .menu-item:first-child a,
	#gNavWrap.navVisible #glovalNav .sub-menu.isVisible .menu-item .sub-menu.isVisible .menu-item:first-child a{
		height:33px;
		border-top:1px solid #d1d1d1!important;
	}
}

@media (min-width:1200px),print{
	#gNavWrap.gNav-a #glovalNav,
	#gNavWrap.gNav-c #glovalNav{
		border-right:1px solid #ffffff;
	}
}