#gnb {
	text-align:left; float: left; display: block; width:100%;
}
.menu {
	overflow: hidden; display: block; position: relative;
}
.menu ul li {
	border-bottom:1px #d0d0d0 solid;
}
.menu ul li a {
	width: 100%; height: 74px; color:#505050; line-height: 74px; font-size: 18px; display: block; padding-left:10px; letter-spacing:-0.5px; position: relative; background-color: #f5f5f5;
}
.menu ul li a::after {content: "\e93f"; position: absolute; right: 5px; color: #b0b0b0; font-family: xeicon !important; font-size: 22px;}
.menu ul li a.on::after,.menu ul li a:hover::after { color: #fff;}
.menu ul li a.on {
	background:#5c5daa; color:#fff;
}
.menu ul li a:hover {
	background:#5c5daa; color:#fff;
}
.sub { position: absolute; background:#fff; text-align:left;
 cursor:pointer;
  left:200px;
	width: 180px;
  height:100%;
  top:0;
  font-size:17px;
  z-index:10;
  border-right:1px #d7d7d7 solid;
  letter-spacing:-1px;
  }
.sub ul li {border-bottom:1px #d7d7d7 solid;}
.sub ul li:first-child {border-top:1px #d7d7d7 solid;}
.sub ul li a {
	width: 180px; height: 74px; color:#807f7f; line-height: 74px; display: block; padding-left:10px;
}
.sub ul li a:hover {
	color:#5c5daa; font-weight:bold
}
.sub ul li a.on {
	color:#5c5daa; font-weight:bold
}
.sub > div {margin: 199px auto -200px; padding: 0px; width: auto; display: block; position: relative;}

/*
.sub1 {
	padding: 0px; width: 165px; display: block; position: relative;
}
.sub2 {
	padding: 0px; width: 165px; display: block; position: relative;
}
.sub3 {
	padding: 0px; width: 165px; display: block; position: relative;
}
.sub4 {
	adding: 0px; width: 165px; display: block; position: relative;
}
*/