@charset "utf-8";


.at-title { display:none; }

.login-wrap { max-width:400px; margin:0 auto; text-align:center; }
.login-wrap .form-head .tit { font-size:1.7rem; font-weight:700; margin-bottom:10px; }
.login-wrap .form-head .desc { line-height:1.5; }

.login-wrap .form-body { margin:20px 0; }
.login-wrap .form-body .input-wrap label { position:absolute; left:20px; top:50%; transform:translateY(-50%); width:20px; height:20px; margin:0; z-index:3; }
.login-wrap .form-body .input-wrap label img { width:100%; vertical-align:top; }

.login-wrap .form-body .input-wrap input { position:relative; width:100%; height:60px; padding:5px 15px; background:#f8f8f8; border:none; border-radius:10px; margin:5px 0; }
.login-wrap .form-body .input-wrap input:focus { outline:none; border:1px solid #666; }

.login-wrap .form-body .flex-box { display:flex; justify-content: space-between; align-items:center; margin:10px 0 30px; }

.login-wrap .form-body .remember-me { display:block; margin-bottom:0; }
.login-wrap .form-body .remember-me input[type="checkbox"] { display:none; }
.login-wrap .form-body .remember-me .check-box { position:relative; border-radius:3px; color:#ccc; border:2px solid #ccc; display:inline-block; width:20px; height:20px; vertical-align:middle; margin-top:-3px; margin-right:5px; }
.login-wrap .form-body .remember-me .check-box:before, .login-wrap .form-body .remember-me .check-box:after { content:""; position:absolute; background:#ccc; width:2px; }
.login-wrap .form-body .remember-me .check-box:before { height:7px; transform: rotate(-45deg); left:4px; bottom:3.5px; }
.login-wrap .form-body .remember-me .check-box:after { height:9px; transform: rotate(45deg); right:5px; bottom:3.5px; }
.login-wrap .form-body .remember-me input[type="checkbox"]:checked + .check-box { border-color:transparent; }
.login-wrap .form-body .remember-me input[type="checkbox"]:checked + .check-box:before,
.login-wrap .form-body .remember-me input[type="checkbox"]:checked + .check-box:after { background:#fff; }

.login-wrap .form-body .btn { display:block; width:100%; border-radius:10px; text-align:center; padding:15px; color:#fff; margin-top:10px; transition-duration:200ms; }
.login-wrap .form-body .btn:hover { text-decoration:underline; background:#fff !important; }
.login-wrap .form-body a.btn { border:1px solid #ddd; color:#666; }



/*소설로그인*/
#sns_login .sns-icon { border-radius:10px; }
.sns-icon .txt { font-weight:normal !Important; }