/* 왼쪽 목록별 내용물  */
#sideContent{
    position: absolute;
    width: 90px;
    height: 100%;
    float:left;
    background-color: #f3f3f3;
}

/* 왼쪽 목록별 내용물  */
.sideContent_menu{
    font-family: 'Pretendard';
    display: none;
    position: absolute;
    width: 180px;
    height: 500px;
    left: 90px;
    float:left;
    opacity: 0;
    background-color: #f3f3f3;
    box-shadow:5px 5px 10px #797979;
    border: 1px solid rgb(156, 156, 156);
    
}


.sideContent_img{
    position: absolute;
    left: 30px;
    top: 13px;
    width: 34px;
    height: 34px;
    
}



.sideContent_button_text
{
    width: 200px;
    font-size: 16px;
    color: black;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}


.sideContent_button{
    position: absolute;
    float: left;
    width: 100%;
    height: 60px;
    background-color: rgba(184, 184, 184, 0);
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}

.sideContent_button:hover {
    background-color: rgba(189, 189, 189, 0.616);
}


.sideContent_button2{
    position: absolute;
    float: left;
    width: 100%;
    height: 50px;
    background-color: rgba(184, 184, 184, 0);
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}

.sideContent_button2:hover {
    background-color: rgba(189, 189, 189, 0.616);
}

.sideContent_img2{
    position: absolute;
    left: 20px;
    top: 10px;
    width: 20px;
    height: 20px;
}



/* 왼쪽 목록별 내용물  */
.sideContent_menu2{
    font-family: 'Pretendard';
    z-index: 12;
    display: none;
    position: absolute;
    width: 180px;
    height: 500px;
    left: 180px;
    float:left;
    opacity: 0;
    background-color: #f3f3f3;
    box-shadow:5px 5px 10px #797979;
    border: 1px solid rgb(156, 156, 156);
}