/******************
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 #0554A3;
}
#smgrm ul{
	/*ul 초기화*/
	list-style:0px;
	padding:0px;
	margin:0px;
	/*display:block;*/
	height:50px;	
}
#smgrm li.depth2 {
	display:block;
	margin:0px;
	width:165px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
	float:left;
}

#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;
    padding-left: 24px;

}

.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:8px 10px !important;
	color:#222;
    font-size: 14px;
}
#smgrm .gnb_03 > .depth3 > a.ok{ background-color:#0554A3; color:#fff;}



.gnb_02{text-align:center;position:relative}
.gnb_03{position:absolute;z-index:9999;width:100%;transform:translateX(-50%);top:68px;left:50%;display:none !important;}
#smgrm li.depth2 {display:inline-block}
.depth3{display:inline-block !important;width:16%; padding:0 !important;     margin: 0 2px;}