.footer {
    font-family: "Nanum Gothic", sans-serif;
    font-weight: 400;
    color: $gray-400;
    font-size: .875rem;

    a {
        color: $gray-400;
    }

    .tail-menu {
        border-bottom: 1px solid rgba($color: #fff, $alpha: .25);
    }

    .site-title {
        font-family: "Noto Sans KR", sans-serif;
        font-weight: 900;
        color: $gray-600;
        font-size: 2rem;
    }

    .company-info {
        .list-group-item {
            color: $gray-400;
            background-color: transparent;
            padding: .2rem;
        }
    }

    .tail-visit {
        .list-group-item {
            background-color: transparent;
            color: $gray-400;
            padding: .25rem;

            @include media-breakpoint-up(md) {
                padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x)
            }

            a {
                color: $gray-400;
            }
        }
    }

    .sns-icons-wrap {
        a {
            color: $gray-700;
            &:hover{
                color: $gray-400;
            }
            padding: .5rem;
            font-size: 1.5rem;
            @include media-breakpoint-up(md){
                font-size: 2rem;
            }
        }
    }
}

.gotop {
    right: .1rem;
    bottom: 3rem;
}