@charset "utf-8";

.app-login {width:480px;min-width:300px;margin:0 auto;text-align:center;}
.app-login form {margin-top:20px;}
.app-login fieldset {border:none;padding:0;margin:0;}
.app-login fieldset div {border:solid 1px #888;margin-bottom:10px;}
.app-login fieldset div input {border:none;padding:15px;line-height:1.4;font-size:1.2em;width:100%;outline:none;text-align:center;background:#fafafa;}
.app-login fieldset div input:focus {background:#fff;}
.app-login fieldset div:last-child {border-bottom-width:1px;}
.app-login .btn-bar {display:table;width:100%;}
.app-login .btn-bar div {display:table-cell;vertical-align:middle;padding:0 5px;}
.app-login .btn-bar div:first-child {padding-left:0;}
.app-login .btn-bar div:last-child {padding-right:0;}
.app-login .btn-bar button,
.app-login .btn-bar a {display:inline-block;width:100%;text-align:center;line-height:1.4;border:none;background:#848484;color:#fff;padding:15px 0;font-size:1.2em;font-weight:600;cursor:pointer;text-decoration:none;}
.app-login .btn-bar button.primary {background:#046ba5;}
.app-login .link-bar {padding:20px 0;}
.app-login .link-bar a {color:#647cbe;}
.app-login .link-bar a:hover {color:#436ddf;}
.sns-auth {display:table;width:100%;table-layout:fixed;}
.sns-auth div {display:table-cell;padding:5px;}
.sns-auth div:first-child {padding-left:0;}
.sns-auth div:last-child {padding-right:0;}
.sns-auth a {display:block;position:relative;overflow:hidden;border-radius:4px;}
.sns-auth a:before {content:'';position:absolute;left:0;top:0;width:48px;height:48px;background-position:center;background-size:cover;}
.sns-auth a span {display:block;line-height:48px;text-align:left;padding-left:60px;font-weight:600;}
.sns-auth a.naver {background:#1dc800;color:#fff;}
.sns-auth a.naver:before {background-image:url(/images/sns_naver_logo.jpg);}
.sns-auth a.kakao {background:#fde500;color:#141608;}
.sns-auth a.kakao:before {background-image:url(/images/sns_kakao_logo.jpg);}

@media screen and (max-width:767.9px) {
    .app-login {width:300px;}
    .app-login p {font-size:13px;}
    .sns-auth {display:block;}
    .sns-auth div {display:block;padding:5px 0;}
    .sns-auth a span {padding-right:60px;text-align:center;}
}