@charset "utf-8";

#wrap {
}

#content {
    height: 100vh;
    background-image: url(/images/bg_login@3x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#content_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 818px;
    height: 100vh;
    background-color: rgba(28,28,28,0.72);
}

#login {
}

    #login > .login_title {
        display: block;
        margin: 0 auto 70px;
    }

    #login > .login_input {
        margin-top: 36px;
    }

        #login > .login_input > .input_title {
            margin-bottom: 9px;
            line-height: 27px;
            font-size: 18px;
            font-weight: 500;
            color: var(--color-main);
        }

        #login > .login_input > .input_item {
            padding: 11px 0 10px;
            border-bottom: solid 1px var(--color-main);
            line-height: 33px;
            font-size: 22px;
            color: #fff;
        }

            #login > .login_input > .input_item:focus {
                outline: none;
            }

            #login > .login_input > .input_item::placeholder {
                color: #d1d1d6;
            }

    #login > .login_checkbox {
        display: flex;
        align-items: center;
        gap: 6px;
        width: fit-content;
        margin: 30px 0 54px;
    }

        #login > .login_checkbox > .checkbox_item {
            width: 30px;
            height: 30px;
            /*background-image: url(/images/check-box_off.svg);*/
            background-repeat: no-repeat;
            background-position: center;
            background-size: center;
        }

            #login > .login_checkbox > .checkbox_item:checked {
                background-image: url(/images/check-box_on.svg);
            }

        #login > .login_checkbox > .checkbox_text {
            line-height: 27px;
            font-size: 18px;
            color: #fff;
        }

    #login > .login_button {
        display: block;
        width: 100%;
        height: 75px;
        background-color: var(--color-main);
        border-radius: 8px;
        line-height: 33px;
        font-size: 22px;
        font-weight: 500;
        color: #fff;
    }