/*
 * 로그인 화면 [2026-10-23]
 *  기존 CRM(_css/style.css #wrap_login / #loginarea)의 모양을 옮겼다.
 *  옛 화면은 입력칸에 배경이미지(bg_input.png)를 깔았는데, 여기선 CSS 로만 그린다.
 */

* { box-sizing: border-box; }

html, body {
    height: 100%;
    margin: 0;
}

body {
    background: #000;
    font-family: Arial, 'NanumGothic', '나눔고딕', "Malgun Gothic", "맑은 고딕", sans-serif;
}

#wrap_login {
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

#loginarea {
    width: 320px;
    max-width: 100%;
}

#loginarea h1 {
    margin: 0 0 22px;
    padding: 0;
    text-align: center;
}

#loginarea h1 img {
    max-width: 320px;
    width: 100%;
    height: auto;
}

#loginarea ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#loginarea ul li + li {
    margin-top: 8px;
}

#ip_id,
#ip_pw {
    width: 100%;
    height: 46px;
    padding: 0 12px;
    border: 1px solid #3a3a3a;
    border-radius: 3px;
    background: #1b1b1b;
    color: #f1f1f1;
    font-size: 14px;
    line-height: 46px;
}

#ip_id::placeholder,
#ip_pw::placeholder {
    color: #7a7a7a;
}

#ip_id:focus,
#ip_pw:focus {
    outline: none;
    border-color: #6b86bd;
    background: #202020;
}

#btn_login {
    display: block;
    width: 100%;
    height: 46px;
    margin-top: 14px;
    border: 0;
    border-radius: 3px;
    background: #23304d;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}

#btn_login:hover { background: #2d3e63; }
#btn_login:active { background: #1b2740; }

/* 로그인 실패·로그아웃 안내 */
.msg {
    margin: 12px 0 0;
    padding: 9px 11px;
    border-radius: 3px;
    background: rgba(192, 57, 43, .14);
    border: 1px solid rgba(192, 57, 43, .45);
    color: #ff9b90;
    font-size: 12px;
    line-height: 1.5;
}

.copy {
    margin: 26px 0 0;
    text-align: center;
    color: #6a6a6a;
    font-size: 11px;
}

.copy span { color: #8a8a8a; }