/**********************************************************************************************
 * 파일명: login.css
 * 저작권:
 *     NOWC-2026-EHRK-F4P9D1
 *     © 나우컴퍼니(NOWCOMPANY) | https://nowcompany.kr
 *     All rights reserved.
 **********************************************************************************************/
/* 폰트 적용 css */
* {
  font-family: "Pretendard", "Pretendard Variable", sans-serif;
  letter-spacing: -0.5px;
  box-sizing: border-box;
}

/* 로그인 기본 구조 */
body { background: linear-gradient(145deg, #f0f4ff, #dbe7fd); height: 100vh; display: flex; justify-content: center; align-items: center; margin: 0; }
.login_box { background: #ffffff; padding: 40px; border-radius: 16px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); width: 100%; max-width: 400px; animation: fadeIn 0.8s ease; }

/* 로그인 타이틀 */
.login_box .login_title h2 { font-size: 24px; font-weight: 700; color: #1e3a8a; text-align: center; margin-bottom: 8px; }
.login_box .login_title p { font-size: 14px; text-align: center; color: #4b5563; margin-bottom: 24px; }
.login_box .line { width: 40px; height: 3px; background-color: #1e3a8a; margin: 0 auto 20px; border-radius: 2px; }

/* 입력 창 관련 스타일 */
.form_control { margin-bottom: 20px; }
.form_control input[type="text"],
.form_control input[type="password"] {width: 100%; padding: 14px; margin-bottom: 10px; border-radius: 12px; border: 1px solid #ccc; background: #f9f9f9; font-size: 15px; transition: all 0.2s ease; }
.form_control input:focus { border-color: #1e3a8a; background: #ffffff; }

/* 로그인 버튼 스타일 */
.login_btn { width: 100%; background-color: #4f46e5; color: #ffffff; padding: 14px; font-size: 16px; font-weight: bold; border: none; border-radius: 9999px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.3s ease; }
.login_btn:hover { background-color: #4338ca; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); transform: translateY(-2px); }
.login_btn:active { background-color: #3730a3; transform: translateY(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12); }

/* 하단(footer) 내용 스타일 */
.footer { font-size: 13px; color: #888; text-align: center; margin-top: 20px; }

/* ============================= */
/* 반응형 미디어쿼리 시작 */
/* ============================= */
/* 모바일 */
@media (max-width: 480px) {
    .login_box {
        margin: 20px;
    }
}

/* 페이드 인 애니메이션 효과 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}