@charset "utf-8";
/* 네비 */
#mySidenav{
	overflow-Y:auto;
	overflow-X:hidden;
	width:260px;
	transition:.4s;
	background:white;
	box-shadow:0px 0px 20px rgba(0,0,0,0.3);
}




.sidenav-content {position:fixed; z-index:100; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.sidena {position:fixed; z-index:101; top:0; left:0; height:100%; width:70%; max-width:400px; background:#fff; text-indent:10px;}


#mySidenav::-webkit-scrollbar{
    width: 0.5em;
	background:#f2f2f2;
}
 
#mySidenav::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

#mySidenav::-webkit-scrollbar-thumb{
	background-color:#303030;
	outline: 1px solid slategrey;
}

#web-name{
	background:#015086;
	color:#212121;
	padding:20px;
}


#web-name h2 .far{
	margin-bottom:10px;
}

#web-name span{line-height:1.5em; font-size:12px; color:#b4d9f6;}
#web-name strong{font-size:17px; font-weight:bold; color:#eaf6ff;}


#web-name ul{
	margin-top:20px;
	overflow:hidden;
}

#web-name ul li a i{
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:50%;
	margin-right:5px;
	background:#fff;
	color:#333;
	font-size:14px;
	float:left;
}


#sidenav-close{
	background:#000;
	font-size: 30px;
	text-decoration:none;
	padding:8px;
	line-height:1.0em;
	border:0px;
}

.sidenav-closebtn {
	position:absolute;
	top:0px;
	right:-4px;
	width:50px;height:50px;
	text-align:center;text-indent:0
}
.sidenav-closebtn button {
	color:#fff;
}
.list-group.panel{
	background:#f2f2f2;	
	padding-bottom:6px;
}

.list-group .list-group-item{
	width:100%;
	padding:25px 20px;
	font-size:14px;
	color:#212121;
	background:#fff;
	display:block;
	position:relative;
}

.list-group .list-group-item img {
	width:25px;
	margin-right:15px;
	display:inline-block;
	float:left;
}
.list-group .list-group-item span {
	line-height:25px;
	font-weight:bold;
	display:inline-block;
	float:left;
}

.list-group .list-group-item.active{
	border-left:4px solid #303030;
}

.list-group .list-group-item:last-child{
	box-shadow:1px 2px #eee;
	padding-bottom:50px;
}

.list-group .list-group-item i.total_num {
	position:absolute;
	right:60px;
	top:30px;
	color:#3188ec;
	font-style:normal;
	font-weight:bold;
	display:block;
}

.list-group-item .sidebar-icon{
	width:18px;
	text-align:center;
	margin-right:20px;
	font-size:14px;
}

.list-group-item .arrow{
	margin:3px 0px 0px 5px;
	font-size:14px;
	float:right;
}

.list-group .sub-menu > .list-group-item{
	padding-left:55px;
	background:#e6e6e6;
	border-color:rgba(0,0,0,0.05);
	border-radius:0px;
}

.list-group .sub-menu > .list-group-item.active,
.list-group .sub-menu > .list-group-item:hover,
.list-group .sub-menu > .list-group-item:focus{
	background:#d9d9d9;	
	color:#303030;
}

.to-left-toggle{
	left:0%;	
}

.to-right-toggle{
	right:0% !important;
}

.to-top-toggle{
	top:0% !important;
}

.wrap{height:100%;}

.canvas{
	position:relative;
}

.overlay-black{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.55);
	z-index:110;
	visibility:hidden;
}