/* 사이트 로고는 원본 비율을 유지하며 화면 크기에 맞춰 표시한다. */
.site-logo-link {
    display: inline-flex;
    align-items: center;
    margin-right: 0;
    padding: 0;
}

.site-logo {
    display: block;
    width: clamp(9rem, 16vw, 11rem);
    height: auto;
}

@media (max-width: 991.98px) {
    .site-logo {
        width: 10rem;
    }
}

/* header 부드럽게 숨기기 */
#topHeader{
    overflow:hidden;
    transition:all .3s ease;
}

#topHeader.hide{
    max-height:0;

    opacity:0;

    padding-top:0 !important;

    padding-bottom:0 !important;

    margin:0;

    border:0;
}