#login {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#login h1 {
}

#login h1 a img {
    width: 150px;
}

#login .login_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
}

#login .login_wrap .login_info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#login .login_wrap .login_info h2 {
    font: normal normal bold 22px/26px "Pretendard";
    letter-spacing: 0px;
    color: #252525;
}

#login .login_wrap .login_info p {
    margin-top: 4px;
    font: normal normal 500 16px/19px "Pretendard";
    letter-spacing: 0px;
    color: #233B8F;
}

#login .login_wrap .login_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 37px;
}

#login .login_wrap .login_box form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 15px;
}

#login .login_wrap .login_box form .input_wrap {
    width: 500px;
    height: 62px;
}

#login .login_wrap .login_box form .input_wrap input {
    width: 100%;
    height: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDDDDD;
    border-radius: 6px;
    padding: 25px 20px;
    font: normal normal 500 18px/21px "Pretendard";
}

#login .login_wrap .login_box form .login_option {
    display: flex;
    flex-direction: row;
    width: 500px;
    gap: 20px;
}

#login .login_wrap .login_box form .login_option .login_option_checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#login .login_wrap .login_box form .login_option input {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #C8C8C8;
    border-radius: 3px;
    margin-right: 5px;
    width: 18px;
    height: 18px;
}

#login .login_wrap .login_box form .login_option label {
    font: normal normal 500 15px/18px "Pretendard";
    letter-spacing: 0px;
    color: #262626;
}

#login .login_wrap .login_box .login_btn {
    display: flex;
    width: 500px;
    height: 62px;
    background: #0A69DF 0% 0% no-repeat padding-box;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    font: normal normal 500 18px/21px "Pretendard";
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-top: 38px;
}

#login .login_wrap .login_footer {
    margin: 35px 0 0 0;
}

#login .login_wrap .login_footer ul {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}

#login .login_wrap .login_footer li a {
    font: normal normal 500 14px/16px "Pretendard";
    letter-spacing: 0px;
    color: #252525;
    text-decoration: none;
}

#login .login_wrap .login_footer span {
    width: 1px;
    height: 16px;
    background: #DDDDDD 0% 0% no-repeat padding-box;
}