@charset "utf-8";
/* 로그인 */

#login-form-wrap { padding: 25% 30px; }
#login-form-wrap .logo-area { text-align: center; margin-bottom: 50px; }
#login-form-wrap .logo-area a { display: inline-block; width: 180px; height: auto; }
#login-form-wrap .logo-area a img { width: 100%; }
#login-form-wrap .input-area input[type=text],
#login-form-wrap .input-area input[type=password] { display: block; width: 100%; height: 45px; padding: 0 15px; background: #fff; border: 1px solid #d7dade; font-size: 14px; margin-top: 10px; }
#login-form-wrap .input-area .login-btn { margin-top: 20px; display: block; background: #0084ff; text-align: center; height: 55px; line-height: 55px; color: #fff; font-size: 17px; border-radius: 4px; }
#login-form-wrap .input-area .alert { color: #FF0004; font-size: 13px; font-weight: 500; display: block; margin-top: 5px; }
#login-form-wrap .input-area .alert img { width: 14px; margin-top: 4px; margin-right: 5px; }

#login-form-wrap .footer-area { margin-top: 50px; padding-top: 50px; border-top: 1px solid #dcdcdc; }
#login-form-wrap .footer-area .foot-bot ul { text-align: center; overflow: hidden; }
#login-form-wrap .footer-area .foot-bot ul li { display: inline-block; float: left; width: 50%; }
#login-form-wrap .footer-area .foot-bot ul li a { font-size: 13px; border: 1px solid #dcdcdc; display: block; height: 50px; line-height: 48px; color: #585858; }
#login-form-wrap .footer-area .foot-bot ul li a:hover { background: #F9F9F9; }
#login-form-wrap .footer-area .foot-bot ul li:first-child a { border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#login-form-wrap .footer-area .foot-bot ul li:last-child a { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
#login-form-wrap .footer-area .foot-bot ul li:first-child a img { margin-top: 14px; margin-right: 5px; }
#login-form-wrap .footer-area .foot-bot .copyright { text-align: center; margin-top: 50px; letter-spacing: 0; font-size: 12px; color: #BFBFBF; }

@media all and (min-width:640px)
{
	#login-form-wrap { padding-top: 250px; }
	#login-form-wrap .input-area { width: 400px; margin: 0 auto; }
	#login-form-wrap .footer-area { width: 400px; margin-left: auto; margin-right: auto; }
}

/* 아디 비번 찾기 */
#login-form-wrap .input-area .type-select { height: 45px; margin-bottom: 20px; }
#login-form-wrap .input-area .type-select:after { content: ''; height: 0; clear: both; display: block; }
#login-form-wrap .input-area .type-select a { float: left; width: 50%; text-align: center; height: 100%; line-height: 45px; background: #e5e5e5; font-size: 14px; color: #999; }
#login-form-wrap .input-area .type-select a.select { background: #0084ff; color: #fff; }
#login-form-wrap .footer-area .foot-bot .find-messege { text-align: center; }
#login-form-wrap .footer-area .foot-bot .find-messege p { display: block; font-size: 13px; color: #999; }