@charset "utf-8";

#mexx .title-wrap {justify-content: center;padding-top: 70px}
#mexx .sub-header-title, .mexx-sub-title {font-size: 28px;margin-bottom: 6px}

.login-cont {padding-bottom: 0;}
.mexx-login__notice {display: flex;justify-content: center;margin-bottom: 36px}
.mexx-login__notice p {font-size: 16px;font-weight: 300;color: var(--mexx-color-bluegray2)}
.auth-page .auth-field label {font-size: 14px;font-weight: 500;color: var(--mexx-color-navy)}
.form-field {margin-bottom: 12px}
input.input-basic {min-height: 50px;border-radius: 3px;background: #fff;border-color: var(--mexx-color-gray5)}
input.input-basic:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset !important;box-shadow: 0 0 0 1000px #fff inset !important;-webkit-text-fill-color:var(--mexx-color-navy) !important;caret-color: var(--mexx-color-navy)}
.login-btn {margin-top: 24px;height: 58px;font-size: 16px;font-weight: 400;border-radius: 50px;margin-bottom: 2px}
.find-links {color: var(--mexx-color-navy)}
.join-area {margin-top: 26px;padding-top: 26px}
.join-area p {color: var(--mexx-color-bluegray0);margin-bottom: 16px}
.join-area .join-btn {height: 58px;border-radius: 60px;border-color: var(--mexx-color-navy);color: var(--mexx-color-navy) !important;font-size: 16px;}



@media (max-width: 1199px) {
    #mexx .title-wrap {padding-top: 60px;}
    #mexx .sub-header-title, .mexx-sub-title {font-size: 24px;}
    .mexx-login__notice p {font-size: 14px;}
    .find-links,
    .join-area p{font-size: 12px;}

}

@media (max-width: 767px) {
    #mexx .title-wrap {padding-top: 40px}
    .login-cont {padding-left: 20px;padding-right: 20px;padding-top: 0;}
    .login-btn {margin-top: 20px;}
}