body {
    background-image: url('/images/background/login_background.png'), url('/images/background/tmd_bg_main.png');
}

main {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login_box {
    width: 361px;
    text-align: center;
    margin: auto;
    margin-top: calc(100vh / 2 - 250px);
    padding: 76.5px 67.5px;
    background-color: rgba(32, 32, 32, 0.5);
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.login_box input {
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    background-color: #4E4E4E;
    border: 1px solid #787878;
    border-radius: 8px;
    padding: 0 16px;
}

#btn_login {
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    background: linear-gradient(180deg, #69C9C3 0%, #3F8F8A 100%);
    border: 1px solid #55ABA6;
    border-radius: 8px;
    line-height: 38px;
    cursor: pointer;
}

.login_box li {
    margin-right: 29px;
}

.login_box li:last-child {
    margin-right: 0;
}

.term_wrapper {
    display: inline-flex;
    line-height: 24px;
}

.term_wrapper>span {
    cursor: pointer;
    text-decoration: underline;
}


@media screen and (max-width: 1023px) {
    .login_box {
        padding: 0;
        background-color: transparent;
        border-radius: 0px;
        border: none;
        margin-top: calc(100vh / 2 - 170px);
    }
}