.login-box { margin: 0 auto; padding-top: 32px; 
             box-sizing: border-box;  
             overflow: hidden; 
             padding: 20px 30px; width:100%; max-width: 400px; 
             padding-bottom: 96px;
             /*border-radius: 9px; box-shadow: 0 1px 2px 1px #efefef;
             border: 1px solid #e4e4e4;*/
}

.separator { position: relative; margin: 16px 0; text-align: center; line-height: 16px; font-size: 12px; margin-top:0}
.separator:before { position: absolute; top: 50%; left: 0; background: rgba(0,0,0,.06); width: 100%; height: 1px; content: ""; }
.separator span { display: inline-block; position: relative; background: #fff; padding: 0 16px; color: rgba(0,0,0,.54); }

.login-box .btn { font-size: 18px; height: 48px; width: 100%; }
.login-box .form-control {height:42px; font-size: 17px }
.login-box .form-group.has-feedback .glyphicon.form-control-feedback { position: absolute; top: 5px; }

.login-box-body { padding-top: 10px; padding-bottom: 20px; }
img.sns-logo { padding-right: 20px; }
.checkbox.icheck {margin-top:3px}
    @media screen and (min-width: 767px) {
        .login-box { padding-top: 60px; }
    }