.container{
    min-height: 100vh;
}
.header-container{
    width: 1500px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
    position: sticky;
    .logo img{width: 174px; height: 69px;}
    .nav-wrap{display: flex;}

    nav{
        ul{display: flex; gap: 102px;}
        li{font-size: 22px;}
    }
    .auth-area{
        display: flex; align-items: center; gap: 50px;
        ul{display: flex; align-items: center; gap: 20px;}
        li{ display: flex; align-items: center;
            img{margin-right: 6px;}
            a{font-size: 16px;}
        }
        .line{width: 2px; height: 16px; background-color: #eeeeee;}
    }
}

footer{
    background-color: #333;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    .footer-container{
        display: flex; align-items: center; gap: 80px; padding: 35px 0;
        ul{display: flex; align-items: center; gap: 20px; margin-bottom: 5px;}
        li, p{
            font-size: 18px;
            color: rgba(255, 255, 255, 0.5);
            font-family: "Pretendard-M";
        }

        .line{width: 2px; height: 13px; background-color: rgba(255, 255, 255, 0.3);}

    }
    
}

.scroll-up{position: fixed; right: 0; bottom: 0;}