/******************
2017-04-28 개발부 개발
******************/
#smgrm{
	width:100%;
	font-size:13px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#smgrm ul{
	/*ul 초기화*/
	list-style:0px;
	padding:0px;
	margin:0px;
	display:block;
}
#smgrm li{
	display:block;
	margin:0px;
	padding:0px;
}
#smgrm li a{
	text-decoration:none;
}
#smgrm .gnb_01 > .depth1 > a{
	/*depth1 배경, 색상 지정*/	
	text-align: center;
	display:block;
	padding:50px 20px 20px 20px;
	font-size:20px;
	color:#fff;
	font-weight:bold;
	background-color:#232f34;
}

#smgrm .gnb_02 > .depth2 > a{
	/*depth2 배경, 색상 지정*/
	display:block;	
	padding:15px;
	padding-left:24px;
	color:#eee;
	font-size:15px;
    background: #606a6f;
}
#smgrm .gnb_02 > .depth2 > a:hover, #smgrm .gnb_02 > .depth2 > a.ok{
	font-weight:bold;
	color:#232f34;
	background:#7bc2f7;
}
.fa-angle-right{
	color:#000;
	cursor:pointer !important;
	font-weight:bold !important; 
	position:absolute !important; 
	font-size:20px !important; 
	top:6px !important; right:8px !important;
	padding:2px 3px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#smgrm .gnb_02 > .depth2 > a.ok + .fa-angle-right{
	transform:rotate(90deg);
	color:#000;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#smgrm .gnb_03 > .depth3 > a{
	/*depth3 배경, 색상 지정*/
	display:block;
	padding:10px 0 10px 40px !important;
	color:#eee;
	background: #4a6572;
}
#smgrm .gnb_03 > .depth3 > a:hover, #smgrm .gnb_03 > .depth3 > a.ok{
	background:#7bc2f7;
	color:#333;
	padding:10px 0 10px 40px !important;
}