/* 네비게이션 영역 테마 스타일 */
#nav-bar {
    background: linear-gradient(to bottom, #ffffff, #f5f5f5);
    width: 100%;
    max-width: 1280px;

    .nav-button {
        &:hover {
            color: #008000;
        }

        &.active {
            color: #008000 !important;
            font-weight: 600;
        }
    }

    /* active 메뉴 아래 밑줄 효과 색상 변경 */
    .active {
        color: #008000 !important;
    }
    .active::after {
        background-color: #008000;
    }

    /* 모바일 메뉴에서의 active 스타일 */
    .mobile-menu .active {
        background-color: #f0fff0;
        border-left: 3px solid #008000;
    }

    .dropdown-menu {
        padding: 0.5rem 0;
        border: 1px solid #e8eaef;
        box-shadow: 0 2px 5px #e6e6e6;

        .dropdown-item {
            padding: 0.6rem 1.5rem;

            &:hover {
                color: #008000;
                background-color: #f0fff0;
            }

            &:active {
                color: #006400;
                background-color: #f0fff0;
            }
        }
    }

    #nav-bar-title {

    }

    #nav-button {
        padding: 4px 8px;
        background-color: #ffffff;

        &:focus {
            outline: none;
            box-shadow: none;
        }
    }

    #nav-icon {
        width: 1rem;
        height: 1rem;
        vertical-align: baseline;
    }

    #nav-menu {
        border: none;
    }
}

/* 헤더 영역 스타일 - 끝 */

/* 푸터 영역 테마 스타일 */
footer {
    #footer-link {
        background-color: #0c163d;
    }

    #footer-link-list {
        text-align: center;
        padding: 8px;
    }

    #footer-link-list a {
        display: inline-block;
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        margin-bottom: 4px;
    }

    #footer-link-list a:not(:last-child):after {
        content: '|';
        text-decoration: none;
        padding-left: 4px;
        padding-right: 4px;
    }

    #footer-link-list a:hover {
        text-decoration: underline;
    }

    #biz-info span:not(:last-child) {
        margin-right: 16px;
    }

    .warning {
        font-size: 24px;
        font-weight: 600;
        color: #008000;
    }

    .desc {
        font-size: 24px;
        font-weight: 500;
        color: #605656;
    }

    .footer-strong{
        font-weight: 700;
    }

    .footer-green {
        color: #008000;
    }
}

/* 푸터 영역 스타일 - 끝 */