/**
 * 제주대학교 일반 로그인 페이지 스타일
 */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f0f7ff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23d4e6f1' fill-opacity='0.5' d='M0,224L48,208C96,192,192,160,288,165.3C384,171,480,213,576,229.3C672,245,768,235,864,208C960,181,1056,139,1152,128C1248,117,1344,139,1392,149.3L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3Cpath fill='%23a9cce3' fill-opacity='0.7' d='M0,256L48,245.3C96,235,192,213,288,197.3C384,181,480,171,576,186.7C672,203,768,245,864,256C960,267,1056,245,1152,218.7C1248,192,1344,160,1392,144L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M0,288L48,272C96,256,192,224,288,218.7C384,213,480,235,576,250.7C672,267,768,277,864,266.7C960,256,1056,224,1152,202.7C1248,181,1344,171,1392,165.3L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#login_wapper {
    width: 100%;
    max-width: 520px;
    padding: 0 20px;
}

.login {
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    padding: 32px;
}

.login_title {
    text-align: center;
    margin-bottom: 24px;
}

.login_title img {
    height: 56px;
    width: auto;
}

.login_user {
    margin-bottom: 12px;
}

.login_user .box {
    display: block;
    width: 100%;
}

.login_user .box input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 14px;
    color: #333333;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.login_user .box input::placeholder {
    color: #9ca3af;
}

.login_user .box input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.login_btn {
    margin-top: 16px;
}

.login_btn a {
    display: block;
    width: 100%;
    background-color: #3b82f6;
    color: #ffffff;
    text-align: center;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s;
    cursor: pointer;
}

.login_btn a:hover {
    background-color: #2563eb;
}

.login_btn a span {
    display: block;
}

.login_links {
    margin-top: 16px;
    text-align: center;
}

.login_links a {
    font-size: 13px;
    color: #6b7280;
    text-decoration: none;
    transition: color 0.2s;
}

.login_links a:hover {
    color: #3b82f6;
    text-decoration: underline;
}

.login_links .divider {
    color: #d1d5db;
    margin: 0 10px;
}

.footer {
    margin-top: 24px;
    text-align: center;
}

.ft_top {
    padding: 0;
}

.priv_privacy {
    margin-bottom: 8px;
}

.priv_privacy a {
    font-size: 12px;
    text-decoration: none;
    transition: color 0.2s;
}

.priv_privacy a:hover {
    text-decoration: underline;
}

.footer p {
    font-size: 11px;
    color: #6b7280;
    line-height: 1.5;
}