@charset "utf-8";
/* CSS Document */


/* LOGIN FORM */
#container {padding:0;}
.login-form-wrap {padding:45px 0;}
.login { position: relative; background: #FFFFFF; max-width: 450px; margin: 0 auto; padding: 45px; text-align: center; border:1px solid #dee3eb;}
.login input { font-family: "Nanum Gothic"; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 12px; }
.login .login-form button { font-family: 'nanum-square-r'; text-transform: uppercase; outline: 0; background: #5283e0; width: 100%; border: 0; padding: 15px; color: #FFFFFF; font-size: 17px; transition: all 0.3 ease-out; -webkit-transition: all 0.3 ease-out; cursor: pointer; }
.login .login-form button:hover,.login .login-form button:active,.login .login-form button:focus { background: #6595EF; }
.login .login-form .message { margin: 15px 0 0; color: #b3b3b3; font-size: 12px; }
.login .login-form .message a { padding-top: 10px; }
.login .login-form .message a:hover,
.login .login-form .message a:active,
.login .login-form .message a:focus { color: #6595EF; }
.login > img {margin-bottom:30px;}
.login .login-form .sns-login button:nth-child(1) {margin-top:20px;}
.login .login-form .sns-login button {margin-top:10px; height: 45px; line-height: 43px; padding: 0; background:#eee; background:#fff; color:#767676; border:1px solid #e5e5e5; font-size:13px;}
.login .login-form .sns-login button img {width:16px; margin-right:6px; margin-top: 13px; display: inline-block; vertical-align: top; }
.login .login-form .sns-login button:hover {background: #f8f8f8;}