@charset "utf-8";

/* 슬라이드 사이트 메뉴 색상 전용 */
#side_panel {
    color: #fff;
    background-color: #333;
}

#side_panel nav li {
    border-bottom-color: rgba(255, 255, 255, .12);
    background: #333;
}

#side_panel nav li a,
#side_panel nav li a .title,
#side_panel .sns a {
    color: #fff;
}

#side_panel nav li a p {
    color: rgba(255, 255, 255, .68);
}

#side_panel nav li:hover,
#side_panel nav li:focus-within,
#side_panel nav li a.active {
    color: #fff;
    background: #ff0000;
}

#side_panel nav li:hover a p,
#side_panel nav li:focus-within a p,
#side_panel nav li a.active p {
    color: rgba(255, 255, 255, .86);
}

#side_panel nav li.com:hover,
#side_panel nav li.com:focus-within {
    background: #ff0000;
}

#side_panel #ol_submit {
    color: #fff;
    background: #ff0000;
    opacity: 1;
}

#side_panel #ol_svc a,
#side_panel #ol_svc b {
    color: #fff;
}

#side_panel .sns {
    border-top: 1px solid rgba(255, 255, 255, .12);
}