@charset "utf-8";

/* 기본 구조 설정 */
.wrapper {
    display: flex;
    align-items: center;
}
    /* login_box */
    .login_box {
        /* width: 280px; */
        /* width: 320px; */
        width: 900px;
        margin: 0 auto;
        padding: 150px 100px;
        background-color: #ffffff;
        border: 1px solid #D6DCEA;
        border-radius: 10px;
        user-select: none;
        display: flex;
        flex-direction: row;
    }
        .login_logo {
            flex: 1.1;
            display: flex;
            align-items: center;
            margin-right: 150px;
            user-select: none;
            -webkit-user-drag: none;
        }
        .login_logo a {
            width: 100%;
            display: flex;
            flex-direction: column;
            user-select: none;
            -webkit-user-drag: none;
        }
                .login_logo img {
                    width: 100%;
                    user-select: none;
                    user-select: none;
                    -webkit-user-drag: none;
                }
                .login_logo p {
                    width: 100%;
                    font-size: 1.7rem;
                    font-weight: 700;
                    color: #202e3b;
                    color: #4b679b;
                    color: #656d78;
                    color: #004d9f;
                    color: #0e72ed;
                    user-select: none;
                    -webkit-user-drag: none;
                    text-align: center;
                    margin-top: 20px
                }
            
        form {
            display: flex;
            flex-direction: column;
            flex: 1;
        }    
                .login_info li {
                    display: flex;
                    flex-direction: column;
                }
                    .login_info .info_title {
                        display:flex;
                        flex-direction: row;
                        font-size: 1.7rem;
                        font-weight: 700;
                        color: #274d83;
                        color: #202e3b;
                        margin-bottom: 20px
                    }
                        .login_info .info_title_icon {
                            width: 25px;
                            height: 25px;
                            background-position: center;
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-image: url("/images/icons/user_icon_blue.png");
                            margin: 5px 14px 5px 0;
                        }
                    .login_info input {
                        margin-bottom: 10px;
                        height: 40px;
                        line-height: 40px;
                        font-size: 1.1rem;
                        border: 1px solid #D6DCEA;
                        padding-left: 10px;
                        color: #202e3b;
                        border-radius: 4px;
                    }
                    #userId:invalid,
                    #userPw:invalid {
                        background-color: #f1f1f1
                        /* border: 1px solid #d0213a; */
                    }
                    #userId:focus,
                    #userPw:focus {
                        background-color: #E9F2FF;
                        border: 1px solid #0e72ed;
                    }
                    #userId::placeholder,
                    #userPw::placeholder {
                        color: rgba(101,109,120,0.7);
                    }

                    button[type="submit"] {
                        height: 40px;
                        color: #fff;
                        background-color: #656d78;
                        background-color: #4b5969;
                        background-color: #434a54;
                        background-color: #0e72ed;
                        cursor: pointer;
                        font-size: 1.1rem;
                        font-weight: 500;
                        border-radius: 4px;
                        margin-top: 20px;
                        border: 1px solid #D6DCEA;
                    }
                    button[type="submit"]:hover {
                        background-color: #656d78;
                        background-color: #167fff;
                    }