/*********************mo_menu.css*********************/
#mo_menu_wrap{float:left;display:none;}

#mo_menu_wrap:before, #mo_menu_wrap:after{content:'';display:table;clear:both;}
.mo_menu{float:left;}

.mo_menu li{float:left;line-height:50px;font-size:20px;padding:0 15px;}
.mo_menu li .mo_menu_btn{ color:#888;}
.mo_menu li .mo_menu_btn:hover{ cursor:pointer; }

@media( max-width:991px ){
	#mo_menu_wrap{ display:block; float:left; }
}

/*********************mo_gnb.css*********************/
.mo_gnb{
	position:absolute;
	top:100%;
	left:0;
	width:100% !important;
	box-sizing:border-box;
	max-height:800px;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#2b2b2b;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
	display:none;
	z-index:100;
}

.mo_depth1{text-align:left;}

.mo_depth1 > a{
	display:block;
	font-size:15px;
	font-weight:600;
	color:#ddd;
	padding:10px 15px;
	border-bottom:1px solid rgba(255,255,255,0.05);
	border-top:1px solid rgba(30,30,30,1);
}

.mo_depth1:first-child > a{border-top:none;}
.mo_depth1:last-child > a{border-bottom:none;}

.mo_gnb > .mo_depth1 > ul{float:none;display:none;}

.mo_gnb > .mo_depth1 > ul > li.mo_depth2 > a{
	display:block;
	color:#aaa;
	font-size:13px;
	font-weight:300;
	padding:10px 0 10px 15px;
	background-color:#212121;
}

.mo_gnb > .mo_depth1 > ul > li.mo_depth2 > ul{float:none;display:none;}

.mo_gnb > .mo_depth1 > ul > li.mo_depth2 > ul > li.mo_depth3 > a{
	display:block;
	color:#888;
	font-size:13px;
	font-weight:300;
	padding:10px 0 10px 25px;
	background-color:#181818;
}

.mo_depth_list1, .mo_depth_list2{position:relative;}

.mo_depth_list1:after, .mo_depth_list2:after{
	content:'';
	width:8px;
	height:8px;
	position:absolute;
	right:15px;
	top:calc(50% - 4px);
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	transform:rotate(45deg);
	transition-duration:0.3s;
}

.mo_depth_list1.spreaded:after, .mo_depth_list2.spreaded:after{transform:rotate(135deg);}