@charset "utf-8";

/********************************************************
■ Side Menu : 사이드 메뉴
********************************************************/
#nt_side_menu ul.off { display:none; }
#nt_side_menu ul{
	position: relative;
	width: 100%;
	/* (기본필수) flex container 생성 */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;

	/* 주축을 행(row)으로 설정 */
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/* [정렬] space-between */
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#nt_side_menu li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;

	/* 주축을 행(row)으로 설정 */
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	}
#nt_side_menu a { 
	display:block; 
	padding: 18px 20px;
	font-size: 1.25rem; 
	background: #f2f4f9; 
	overflow:hidden; 
	color: #979eae; 
	width: 100%;
	text-align: center;
	transition: all 0.2s ease-in-out;
}



#nt_side_menu a:hover {
	color: #fff;
	background: #1065b0;
}

#nt_side_menu li.active a,
#nt_side_menu li.active a:hover {
	color: #fff;
	background: var(--main-color);
}
#nt_side_menu .tree-toggle { position:absolute;  z-index:1; top:0; right:0; width:2.5rem; padding:0.6rem 0; margin-top:0.15rem; text-align:center; cursor:pointer; color:#aaa; }
#nt_side_menu .me-ul { background:#fff; }
#nt_side_menu .me-ul1 {	background:#fafafa; }

#nt_side_menu .me-li.active .me-a,
#nt_side_menu .me-li1.active .me-a1,
#nt_side_menu .me-li2.active .me-a2 { 
		color: #fff;
	background: var(--main-color);
}

@media all and (max-width:575px) {
	.responsive #nt_side_menu .me-ul.border { border-left:0 !important; border-right:0 !important; }
}