/* =============================================
   PC 로그인
============================================= */

/* 로고 & 서브타이틀 */
.login-logo-area { margin-bottom: 60px; text-align: center; }
.login-logo { height: 32px; }
.login-subtitle { margin-top: 14px; font-size: 18px; font-weight: 600; line-height: 26px; color: #212121; }

/* 탭: 일반회원 / 기업회원 */
.login-tab { display: flex; align-items: center; height: 56px; margin-bottom: 40px; padding: 4px; border-radius: 8px; background: #fafafa; }
.login-tab .tab-btn { flex: 1; height: 48px; border-radius: 8px; font-size: 16px; line-height: 22px; color: #9e9e9e; }
.login-tab .tab-btn.active { background: #fff; box-shadow: 0 0 6px rgba(189, 189, 189, 0.3); color: #212121; }

/* 폼 */
.login-form .form-row + .form-row { margin-top: 20px; }

/* 비밀번호 찾기 / 이메일로 가입 */
.login-links { display: flex; justify-content: space-between; margin-top: 30px; }
.login-links a { font-size: 16px; line-height: 22px; }
.link-find-pw { color: #9e9e9e; }
.link-signup { display: flex; align-items: center; gap: 0 4px; color: #212121; }

/* 로그인 버튼 */
.login-btn-row { margin-top: 32px; }

/* 비회원 예약 조회 */
.btn-non-member { margin-top: 14px; background: #fff; color: #424242; font-size: 16px; font-weight: 400; }

/* 구분선 */
.login-divider { margin: 30px 0; border-top: 1px solid #eee; }

/* 소셜 로그인 */
.social-login { display: flex; justify-content: center; gap: 16px; margin-bottom: 30px; list-style: none; }
.btn-social { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; padding: 0; }
.btn-social img { display: block; width: 100%; height: 100%; }

/* 카피라이트 */
.login-copyright { text-align: center; font-size: 13px; line-height: 16px; color: #bdbdbd; }
.login-copyright a { color: #bdbdbd; text-decoration: underline; }

/* =============================================
   MOBILE
============================================= */
@media (max-width: 768px) {
    .section.login { padding: 34px 20px 20px; }

    /* 로고 */
    .login-logo-area { margin-bottom: 34px; }

    /* 탭 */
    .login-tab { margin-bottom: 16px; }

    /* 폼 */
    .login-form .form-row + .form-row { margin-top: 16px; }

    /* 링크 */
    .login-links { margin-top: 16px; }
    .login-links a { font-size: 14px; }
    .link-signup { display: flex; align-items: center; gap: 0 4px; }

    /* 로그인 버튼 */
    .login-btn-row { margin-top: 20px; }

    /* 소셜 로그인 */
    .social-login { margin-bottom: 29px; }
}