@media (max-width: 1600px) {
    .dropdown-item > p, .dropdown-item .small-17{
        font-size: 15px;
    }
    .dropdown-item ul li,.dropdown-item a.small-16{
        font-size: 13px;
    }
    .dropdown-left{
        width: 450px;
        height: fit-content;
    }
    .dropdown-item ul{
        padding-top: 12px;
    }
    
}


@media (max-width: 1350px) {
    #header .header #logo {
        margin-left: 20px;
    }

    .top-nav {
        padding-right: 20px;
    }
}


@media (max-width: 1200px) {
    #header {
        height: 90px;
    }
    .top-nav a{
        color: #5a5858;
    }

    .header-mobile-menu {
        display: block;
        /* 모바일 화면에서는 표시 */
    }

    #nav>.nav {
        display: none;
        /* PC용 네비게이션 숨김 */
    }

    #header-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        /* 헤더 배경 */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        /* 그림자 추가 */
    }

    .top-nav a.viewMobile{
        display: block;
    }
    .top-nav span.viewMobile{
        display: block;
    }
}

@media (max-width: 600px) {
    #header{
        height: fit-content;
    }
    #header .header{
        flex-direction: column-reverse;
    }

    #header .header #logo {
       align-self: flex-start;
    }
    #header .header #nav {
       align-self: flex-end;
    }

    .top-nav{
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .top-nav span{
        padding: 0 6px;
    }
}