/******************
2017-04-28 개발부 개발
******************/
li{list-style:none;}
#smgrm{
	width:100%;
	font-size:13px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border-bottom: 2px solid #0047bd;
}
#smgrm ul{
	/*ul 초기화*/
	list-style:0px;
	padding:0px;
	margin:0px;
	display:block;
	height:52px;
	overflow:hidden;
}
#smgrm li.depth2 {
	display:block;
	margin:0px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
	float:left;
}
#smgrm li.depth2 br {display:none}

#smgrm li.depth2:hover{ 
	background:#eee;
	transition:0.3s;
}
#smgrm li a{
	text-decoration:none;
}
#smgrm .gnb_01 > .depth1 > a{
	/*depth1 배경, 색상 지정*/
	margin-top:25px;
        border-top: 1px solid #cccccc;
/*    text-align: center;
    border:1px solid #aaa; */
	display:block;
	padding:20px;
	font-size:24px;
	color:#000;
	font-weight:bold;
	display:none;
    background: #f1f1f1;
}

#smgrm .gnb_02 > .depth2 > a{
	/*depth2 배경, 색상 지정*/
    display: block;
    color: #1a1a1a;
    padding: 15px 30px;

}

#smgrm .gnb_02 > .depth2 > a.ok {background:#ddd;}

.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 배경, 색상 지정*/
        background: #eee;
	display:block;
	padding:12px 10px !important;
	color:#222;
    font-size: 16px;
}
#smgrm .gnb_03 > .depth3 > a.ok{ background-color:#e72e35; color:#fff;}



.gnb_02{text-align:center;position:relative}
#smgrm li.depth2 {display:inline-block}
.depth3{display:inline-block !important;width:20%; padding:0 !important;     margin: 0 2px;}