.mobile-menu {
    display: block;
    position: absolute;
    top:4px;
    left: 5px;
    z-index: 100;
    width: 45px;
    height: 45px;
    padding: 5px;
    background-color: #fff;
    border: 0;
    color:#828282;

}

@media (min-width:540px){
		
.mobile-menu {
    display: block;
    position: absolute;
    top:20px;
    left: 18px;
    z-index: 100;
    width: 45px;
    height: 45px;
    padding: 5px;
    background-color: #fff;
    border: 0;
    color:#828282;

}
}

.mobile-menu i {
    font-size: 2em;
}
.menuwrap {
    position:fixed;
    top: 0;
    left: -350px; /* 너비 300px 인 사이드바를 왼쪽으로 300px 이동시켜 화면에 보이지 않게 함 */
    z-index: 91;
    overflow: auto;
    width: 350px; /* 너비 */
    height: 100%;
    padding: 50px 0px;
    box-sizing: border-box;
    transition: left .3s ease-in-out; /* 0.3초 동안 이동 애니메이션 */
    background-color: #fff;
}
.menuwrap.on {
    left: 0;
}

#dimmed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

.loginbar { padding: 5px; text-align: center}
a.sideicon_btn { width:90px; height:90px; border: 1px #6792ff solid ;  display: inline-block;  margin: 0 3px;
    background: #FFFFFF; text-align: center; color: #3b6ceb; padding: 10px; box-sizing: border-box; border-radius:7px; font-weight: bold}
a.sideicon_btn img{ display: block; width: 70%; margin:0 auto 5px auto}
a.sideLogin_btn { width:100px;  background:#6792ff; color: #fff; border-radius: 50px; text-align: center; line-height: 30px; display: inline-block}
a.sideLogout_btn { width:100px;  background:#868686; color: #fff; border-radius: 50px; text-align: center; line-height: 30px; display: inline-block}


/*Sidebar Header*/
/*//////////////*/

.mem_bar a{ display:inline-block; color:#fff; padding:8px 5px}

.sidebar_btn_wrap1 { background:#fff; padding:5px 0; text-align:center; font-size: 14px;}
.sidebar_btn_wrap2 { background:#f1f1f1; padding:5px 0; text-align:center; font-size: 14px; padding: 15px 0}
.sidebar_btn01 { width:90%; margin:auto; margin-bottom:3px; padding:5px; background:#555555; border-bottom:#898989 solid 1px; border-right:#898989 solid 1px; color:#FFF; border-radius:3px; text-align:center}
.sidebar_btn01 a, .sidebar_btn02 a {color:#FFF}
.sidebar_btn02 { width:45%; padding:5px; background:#555555;  border-bottom:#898989 solid 1px; border-right:#898989 solid 1px; color:#FFF; border-radius:3px; display:inline-block; text-align:center}


.sidebar-header a:first-child{
	border-left:none;
}

.sidebar-header a{
	display:block;
	width:54.6px;
	float:left;
	height:55px;
	line-height:55px;
	text-align:center;
	font-size:14px;
	transition:all 200ms ease;
}

.sidebar-logo img{
	width:200px;
	margin-top:25px;
	margin-bottom:25px;
	margin-left:25px;
}

.sidebar-decoration{
	height:1px;
	display:block;
}

.sidebar-heading { padding:7px 0; padding-left:40px;}
.sidebar-heading a {
	padding:5px;
    display: block;	
	font-size:1.08em;
	color:#3a3a3a;
    background: #fff;
    font-size: 15px;
    line-height: 20px;
}
.nav-item { border: #E5E5E5 solid 1px; }
.nav-item a{
	height:35px;
	line-height:35px;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	padding-left:18px;
    font-size: 16px;
}


.nav-item .fa-circle{
	font-size:6px!important;
	margin-top:-1px!important;
	left:242px!important;
}

.active-nav-item .fa-circle{
	color:#27ae60!important;

}

.nav-item i { color: #000}
.subnav-item a{
	padding-left:85px;
	font-size:11px;
	height:55px;
	line-height:55px;
}

.subnav-item a:last-child{
	border-bottom:none;
}

.subnav-item a i:first-child{
	left:50px;
	font-size:12px;
	margin-top:-4px;
}

/*Submenu Activation*/
/*//////////////////*/