/* 소셜 로그인 그룹 */
.social-login-group {
    display: flex;
    flex-direction: column; 
    gap: 12px; /* 버튼 사이 간격 */
}

/* 소셜 로그인 버튼 공통 스타일 */
.btn-social {
    width: 100%;
    padding: 14px;
    border-radius: 12px; /* 조금 더 둥글게 */
    border: none;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* 아이콘 위치 (왼쪽에 고정) */
.btn-social .icon {
    position: absolute;
    left: 20px;
    font-size: 18px;
    font-weight: 900;
}

/* 카카오 버튼 */
.btn-social.kakao { background-color: #FEE500; color: #000000; }
.btn-social.kakao:hover { background-color: #e5cf00; }

/* 네이버 버튼 */
.btn-social.naver { background-color: #03C75A; color: #FFFFFF; }
.btn-social.naver:hover { background-color: #02b04e; }

/* 구글 버튼 */
.btn-social.google { background-color: #FFFFFF; color: #3C4043; border: 1px solid #DADCE0; }
.btn-social.google:hover { background-color: #F8F9FA; }

.logo-area .main-logo {
    height: 150px;
    display: block; /* 🌟 이미지를 블록 요소로 변경 */
    margin: 0 auto; /* 🌟 좌우 여백을 자동으로 맞춰 가운데 정렬 */
    object-fit: contain;
    cursor: pointer;
}