/* sidebar 크기 조정 16 -> 20rem */
/* chrome, edge  */
html { --sidebar-width: 20rem; }

.page-content {
    padding: 1rem 0.5rem 0.625rem;
}

/* ie11 */
.navbar-intro { width: 20rem; }
.sidebar { width: 20rem; }
.sidebar.expandable .ace-scroll, .sidebar.expandable .sidebar-section, .sidebar.expandable .nav { width: 20rem; }
.sidebar.expandable .nav > .nav-item > .nav-link, .sidebar.expandable .nav > .nav-item > .submenu, .sidebar.expandable .sidebar-section-item { width: 20rem; }
.sidebar .submenu .nav-link {
    padding: 0.625rem 0 0.5rem 1rem;
    line-height: 1.3;
}
.sidebar .submenu .nav-link {
    min-height: 2rem; --3rem;
}

--@media (min-width: 1200px)
    .page-content {
        padding: 4.25rem 1.5rem 0.625rem;
    }

    .page-header { margin-bottom : 0; padding-bottom: 0; border-bottom: 0; }

    .highlight {
        background-color: #fff34d;
        -moz-border-radius: 5px; /* FF1+ */
        -webkit-border-radius: 5px; /* Saf3-4 */
        border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
    }

    .highlight { background-color: #FCF804; }

    .highlight {
        padding:1px 4px;
        margin:0 -4px;
    }

    .bg-silver { background-color: #ddd }

    .current { background: orange; }

    .main-content { font-size:1.1em; }

    @media print {
        .modal {
            position: absolute;
            left: 0;
            top: 0;
            margin: 0;
            padding: 0;
            overflow: visible!important;
        }
        .main-content { font-size:1.0em; }
    }

    .membertable { width:350px; margin-left:14px; }
    spk > b:first-child { display:block; }
    .navbar .navbar-nav > .nav > .nav-item > button {
        padding: 0.5rem;
        margin-left : 0.1rem;
    }