/* :host 제거 - JSP에서는 필요없음 */

/* Header Styles */
.no-transition * {
    transition: none !important;
}

.lnb-header {
    background-color: #005770;
    background: url('/images/sub-menu-container-bg.png') no-repeat center center;
    background-size: cover;
    height: 116px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 0;
}

/* ⭐ 중첩 해제 */
.lnb-header .lnb-title {
    color: #fff;
    margin: 0;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
}

@media (max-width: 1300px) {
    .lnb-header {
        display: none;
    }
}

/* Navigation Styles */
.lnb-nav {
    background-color: #fff;
}

/* ⭐ 중첩 해제 */
.lnb-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: none;
}

@media (max-width: 1300px) {
    .lnb-nav ul {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* ⭐ 중첩 해제 */
.lnb-nav li {
    border-bottom: 1px solid #BEC5C9;
}

/* ⭐ 중첩 해제 */
.lnb-nav li.active {
    border-bottom: 3px solid #005770;
}

/* ⭐ 중첩 해제 */
.lnb-nav li.active a {
    color: #005770;
    font-weight: 700;
    background-color: #F8FBFB;
}

@media (max-width: 1300px) {
    .lnb-nav li {
        flex: 0 0 auto;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-left: none;
        border-top: 1px solid #ddd;
    }
    
    .lnb-nav li:first-child {
        border-left: 1px solid #ddd;
    }
}

/* ⭐ 중첩 해제 */
/* 251229 : span 추가, 임시 */
.lnb-nav a,
.lnb-nav span {
    display: flex;
    align-items: center;
    height: 64px;
    padding: 0 20px;
    color: #252525;
    text-decoration: none;
    font-size: 19px;
    font-weight: 600;
    transition: all 0.2s;
    box-sizing: border-box;
}

/* ⭐ 중첩 해제 */
.lnb-nav a:hover {
    background-color: #F8FBFB;
    color: #005770;
}



@media (max-width: 1300px) {
    .lnb-nav a {
        padding: 0 15px;
        height: 50px;
        justify-content: center;
    }
}