@charset "utf-8";

/***** 로그인 CSS *****/
#mb_login {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); margin:0;padding:0;width:360px;text-align:center}
#mb_login {}
/*#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}*/
#login_fs {padding:35px}
#mb_login #login_fs .frm_input {margin:0 0 10px}
#mb_login #login_fs .btn_submit {margin:0 0 15px;background-color:#fd3a3a}
.mbskin .mbskin_box{border:1px solid #dde7e9;background:#fff}

.mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center}
.mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""}
.mbskin {position:relative;margin:0 auto 0;padding:100px 0 0;width:360px;text-align:center}
#mb_login {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); margin:0;padding:0;width:360px;text-align:center}
.mbskin:after {right:10px;left:auto;
  -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
     -o-transform:skew(8deg) rotate(3deg);
      transform:skew(8deg) rotate(3deg)}
.mbskin .mbskin_box{border:1px solid #dde7e9;background:#fff}
.mbskin .frm_input {width:100%}
.mbskin .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
/*.mbskin h1 {margin:60px 0 30px;font-size:2em}*/
.mbskin h1 {display:block;margin:0;padding:0;text-align:center;font-size:3em;letter-spacing:-3px;color:#fd3a3a}
.mbskin h5 {display:block;margin:0;padding:0 0 30px;text-align:center;font-weight:300;font-size:1.2em;color:#666}
#login_password_lost {
    display: inline-block;
    margin: 0;
    padding: 10px 0;
    width: 100%;
    color: #555;
    font-weight: 300;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
}
#login_password_lost:hover {
    background-color: #f6f6f6;
}