body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Apple SD Gothic Neo', sans-serif;
}

/* 배경 이미지 풀화면 */
.login-container {
    background: url("/imgg/common/main_background.jpg") no-repeat center center / cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    color: #333;
}

.logo {
    font-family: 'Georgia', serif;
    font-size: 32px;
    margin-bottom: 20px;
}

.subtitle {
    font-size: 14px;
    margin-bottom: 30px;
}

/* 네이버 로그인 버튼 */
.naver-btn {
    display: inline-block;
    background-color: #03C75A;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 12px 20px;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    transition: background 0.2s;
    width: 240px;        /* 버튼 고정 너비 */
    text-align: center;  /* 텍스트 가운데 정렬 */
    margin-top: 100px;
}

/* PC 화면 전용 (1024px 이상) */
@media (min-width: 1024px) {
    .naver-btn {
        margin-top: 160px;
    }
}


.naver-btn:hover {
    background-color: #02b252;
}

.footer-links {
    position: absolute;
    bottom: 20px;
    display: flex;
    gap: 20px;
    font-size: 12px;
    color: #666;
}

.footer-links a {
    color: inherit;
    text-decoration: none;
}

.logo {
    width: 60%;           /* 화면 폭 대비 60% */
    max-width: 280px;     /* 너무 커지지 않도록 최대 제한 */
    min-width: 150px;     /* 너무 작아지지 않도록 최소 제한 */
    margin-bottom: 20px;
}

.logo img {
    width: 100%;          /* 부모(.logo)에 맞게 100% */
    height: auto;         /* 비율 유지 */
}