@charset "utf-8";

.wrap {display: flex;height: 100%;min-width: 320px;min-height: auto;background: url('../images/bg.png') no-repeat right center fixed;background-size: cover;background-color: var(--background-color);}
#login_wrap {max-width: 100%;height: 100%;width: 100%;}

.login {}
.login .content-box{display: flex;height: 100%;}
.login .content-box {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.login .content-box .right-box .form-box{text-align: center;background-color: transparent;}
.login .content-box .right-box .form-box h2{text-align: center;color:var(--main-color);font-size: 15px;font-family: Pretendard;font-weight: 500;}
.login .content-box .right-box .form-box .logo-box{ width: 48rem;height: 60px;margin-top:22px;}
.login .content-box .right-box .form-box .logo-box img{width: 100%;height: 100%;}
.login .content-box .right-box .form-box .input-group{margin-top: 30px;}
.login .content-box .right-box .form-box .row-box{margin-top: 15px;}
.login .content-box .right-box .form-box .row-box:first-of-type{margin-top: 0;}
.login .content-box .right-box .form-box .row-box .input-box{width: 320px;height: 48px;margin: 0 auto;position: relative;}
.login .content-box .right-box .form-box .row-box .input-box input{width: 100%;height: 100%;border:1px solid var(--line-color);background-color: var(--input-color);color:var(--font-color);padding:0 15px;font-size: 14px;font-family: S-CoreDream, serif;font-weight: 400;}
.login .content-box .right-box .form-box .row-box .input-box input.error{border:1px solid var(--error-color);}
.login .content-box .right-box .form-box .submit-button{width: 320px;height: 48px;background-color:var(--bg-color);color:var(--white-color);font-size: 14px;margin-top: 30px;border-radius: 50px;font-family: S-CoreDream, serif;font-weight: 400;}