/* Sub Page Layout Styles */

/* Layout Container */
.sub-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 0 100px 0;
    display: flex;
    gap: 50px;
    box-sizing: border-box;
    /* min-height: 800px; */
}

/* Sidebar (LNB) */
/* Sidebar (LNB) Component Wrapper Styles */
.sub-sidebar-wrapper {
    width: 240px;
    flex-shrink: 0;
    margin-top: -160px;
    position: relative;
    z-index: 2;
    background-color: #fff;
    border-radius: 9px;

}

/* Main Content Area */
.sub-content {
    flex: 1;
    width: 100%;


}



/* Responsive */
@media (max-width: 1300px) {
    .sub-container {
        flex-direction: column;
        padding: 40px 20px;
    }

    .sub-sidebar-wrapper {
        width: 100%;
        margin-top: 0;
        /* Reset negative margin on mobile if needed? Design dependent. */
    }


}