body, html { background-color: #efefee; }
a { text-decoration: none; }
a:link,
a:hover,
a:active { text-decoration: none; }

#login, #error { background:#f5f5f5 }

#login .logo { width: 100%; height:47px; margin:0 auto; background-color:#7a7065; overflow:hidden }

#login .company-name-form { margin-top:38px; }
#login .company-name-form .company-name-part1 { 
	background: url("/images/mobile/mobile_erp.png") no-repeat center;
	background-size: 165px 70px;
	width: 165px; height: 70px;
	margin: 0 auto; 
	opacity: 0.1;
}
/* #login .company-name-form .company-name-part2 {...} --> StyleCustomized.java 참고 */
#login .login-form { width: 280px; margin:21px auto 0; }
#login .login-form .login-id { position: relative;}
/* #login .login-form .login-id.error { border-color: #ff7200; } */
#login .login-form .login-pw { position: relative; margin-top:12px; }
#login .login-form .login-id > input,
#login .login-form .login-pw > input { line-height: 20px; height: 48px; border-radius: 4px; font-size: 14px; padding-left: 14px; padding-right: 35px; background-color: #fcfcfc; color: #777c80; }
#login .login-form .login-btn { width: 280px; margin: 7px auto 20px auto; }
#login .login-form .login-btn .form-btn { font-size: 15px; margin-top: 15px; color: #ffffff; width: 100%; border-radius: 4px; background-color: #424448; border: 0; height: 48px; font-weight: bold;}
#login .login-form .login-btn .form-btn:link,
#login .login-form .login-btn .form-btn:active { border-bottom: 0; height: 53px; line-height: 53px; }
#login .login-form .error-txt { font-size: 14px; line-height: 20px; margin: 0; position: relative; color: #555; padding-left: 17px; }
#login .login-form .error-txt.mt20 { margin-top: 20px; }
#login .login-form .error-txt { margin-top: 5px; display: none; }
#login .login-form .error-txt.error { display: block; }
#login .login-form .error-txt .error-number { color: #ff5400; font-size: 17px; }
#login .login-form .error-txt:before { content: ""; background: url("/images/kbi/mobile/login_txt_bg.png") no-repeat; position: absolute; left: 0; top: 5px; width: 11px; height: 10px; background-size: 11px 10px; }

#error .not-found { margin-top: 100px; color: #6c6157; text-align: center; }
#error .not-found span { color: #ff931e; }
#error .error-img { text-align: center; }
#error .error-img > img { width: 92px; height: 82px; }
#error .error-text { width: 300px; margin: 0 auto; text-align: center; color: #444; margin-top: 27px; font-size: 12px; line-height: 20px; letter-spacing: -1px; }
#error .error-logo { text-align: center; margin-top: 80px; }
#error .error-logo > img { width: 150px; height: 35px; }