@charset "utf-8";
/* ==========================================================================
   DJ LOGIS KOREA - 회원 / 기타 그누보드 페이지 (로그인, 비밀번호 확인 등)
   ========================================================================== */

#mb_login,#mb_confirm,#reg,#register,#pw_confirm,#mb_login_notmb{max-width:520px;margin-left:auto;margin-right:auto;padding:70px 25px 110px}
#mb_login h1,#mb_confirm h1,#register h1,#pw_confirm h1{font-size:28px;font-weight:800;color:var(--dj-navy);text-align:center;margin-bottom:30px;letter-spacing:-0.04em}

#mb_login .frm_input,#mb_confirm .frm_input,#pw_confirm .frm_input{width:100%;height:52px;padding:0 16px;margin-bottom:10px;border:1px solid var(--dj-line-2);border-radius:var(--dj-radius-s);font-size:15.5px}
#mb_login .frm_input:focus,#mb_confirm .frm_input:focus,#pw_confirm .frm_input:focus{border-color:var(--dj-blue);box-shadow:0 0 0 3px rgba(27,75,143,.09)}
#mb_login .btn_submit,#mb_confirm .btn_submit,#pw_confirm .btn_submit{width:100%;height:54px;border-radius:100px;background:var(--dj-blue);color:#fff;font-size:16px;font-weight:700;border:0;transition:.3s}
#mb_login .btn_submit:hover,#mb_confirm .btn_submit:hover,#pw_confirm .btn_submit:hover{background:var(--dj-navy)}
#mb_login .login_if,#mb_login_out{margin-top:18px;text-align:center;font-size:14.5px;color:var(--dj-txt-2)}
#mb_login .login_if a:hover,#mb_login_out a:hover{color:var(--dj-blue);text-decoration:underline}

/* 그누보드 공통 알림/도움말 */
.msg_sound_only{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0)}
#validation_check{max-width:640px;margin:0 auto;padding:120px 25px}
#validation_check h1{font-size:24px;font-weight:800;color:var(--dj-navy);margin-bottom:18px}