html, body {
    background-color: rgba(229, 220, 220, 0.1);
    height: 100%;
}

#sidebar .widget {
    transform: none;
}

/* side bar */
#sidebar {
    height: 60px;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    right: 0;
    border-right: none;
    text-align: center;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#sidebar .hide {display: none;}
#sidebar .widget { display: inline-block; margin-top: 0; float: left;}
#sidebar .widget li { list-style: none; padding-right: 30px; word-break: break-word; }
#sidebar .sidebar-div-center { 
    display: inline-block; 
    vertical-align: middle; 
    max-width: 900px; 
    height: 100%;
    position: relative;
    margin-top: 15px;
}

.c_cnt {
    display: none;
}

/* sidebar - fade out animation */
.fade-out {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.fade-out.hidden {
    opacity: 0;
}

/* content */
#head {
    position: inherit;
}

#content {
    margin: 0 auto;
    
}

#content-inner{
    max-width: 1000px;
    width: 100%;
    /* padding-right: 30px; */
    margin: 0 auto;
    margin-top: 100px;
    padding: 30px;
    border-radius:20px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


#div_sidebar_title {
    height: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.category ul>li {
    float: left;
}

/*메뉴 리스트 hover시 효과*/
.category{cursor: pointer;}

.sub_category_list {display: none;}