aside{
    padding : 10px;
    width:71px;
    height:calc(100vh - 60px);
    /*background:#F4F6F9;*/
    background: #0A1456;
    position: absolute;
    z-index: 4;
}

aside ul li.on{
    /*
    background-color: rgba(0,30,94,0.2);
    background-color: rgba(53, 206, 160, 0.2);
    */
    background-color: RGB(33,62,128)
}

aside ul li:hover{
    /*background-color: rgba(220,234,247,1);*/
    background-color: RGB(33,62,128);
}


aside ul li{
    margin-top:20px;
    padding: 2px;
    border-radius: 8px;
}
/*
aside ul li:last-child{
    position: absolute;
    bottom: 100px;
    width: 100%;
}
*/
aside nav .sub-bg{
    
    display: block;
    /* height: 500px; */
    background: #F9FAFC;
    width: 180px;
    /* position: relative; */
    position: absolute;
    height: 100%;
    left: 71px;
    top: 0px;
}

aside .item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

aside .item i.icon{
    width:25px;
    height:25px;
    display:block;
    
}

aside .item i.icon.home{
    background: url(/images/side_menu/icon_home_w.png) no-repeat center;
    background-size: 100% 100%;
}



aside .item i.icon.work{
    background: url(/images/icon_briefcase.png) no-repeat center;
    background-size: 30px 30px;
}

/*업무과 */
aside .item i.icon.folder{
    background: url(/images/side_menu/icon_bd_portfolio_w.png) no-repeat center;
    background-size: 100% 100%;
}
/*경리과 */
aside .item i.icon.teller{
    background: url(/images/side_menu/icon_ad_portfolio_w.png) no-repeat center;
    background-size: 100% 100%;
}

/*업무요청 */
aside .item i.icon.qm_manage{
    background: url(/images/side_menu/icon_qm_manage_w_2.png) no-repeat center;
    background-size: 130% 110%;
}

aside .item i.icon.wm_manage{
    margin-left: 2px;
    background: url(/images/side_menu/icon_wm_manage_w.png) no-repeat center;
    background-size: 100% 100%;
}

aside .item i.icon.admin{
    background: url(/images/side_menu/icon_admin_w_2.png) no-repeat center;
    background-size: 100% 100%;
}

aside .item i.icon.location{
    background: url(/images/side_menu/icon_location_w.png) no-repeat center;
    background-size: 100% 100%;
}


aside .item span{
    padding-top:5px;
    font-size:11px;
    /*font-weight: bold;*/
    color: #fff;
}


aside ul li:hover .item .s-menu{
    display: block;
}

aside .item .s-menu{
    display: none;
    position: absolute;
    width: 178px;
    left: 60px;
    top: 0px;
    padding-left:15px;
    z-index: 100;
    /*box-shadow: 0px 0px 5px 0px #7E93BD;*/
}

aside .item .s-menu:hover{
    /*display:block;*/
}

aside .item .s-menu .tit{

    height:35px;
    font-size:13px;
    font-weight: bold;
    background-color: #001E5E;
    color: #fff;
    padding: 10px 10px;
    margin-bottom: 0px;
}

aside .item .s-menu .s-menu-list{
    /*background-color: #fff;*/
}

aside .item .s-menu ul{
    font-size:13px;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 0px;
    margin-top:2px;
}

aside .item .s-menu ul li{
    padding-left: 25px;
    padding-top: 10px;
    width:178px;
    height:35px;
    font-size: 16px;
    font-weight: bold;
    color:#7C7E86;
    /*border-bottom: 1px solid #EAEAEA;*/
    
    margin-top:0px;
}

aside .item .s-menu ul li.on{
    background-color: rgba(220,234,247,0.7);
    border-radius: 0px;
    color:#001E5E;
    padding-top: 7px;
}

aside .item .s-menu ul li:last-child{
    position: relative;
    margin-left: 0px;
    margin-bottom: 2px;
    border-bottom : 0px;
    bottom:0px;
}

aside .item .s-menu ul li:hover{
    background-color: rgba(220,234,247,0.7);
    border-radius: 0px;
    color:#001E5E;
    padding-top: 7px;
}