/* BASIC css start */
#loginWrap {}

#loginWrap .mlog-sign { zoom: 1; overflow: hidden; width: 760px; margin: 60px auto 40px; padding: 60px; border-top: 2px solid #111; border-bottom: 1px solid #ccc; background: #fcfcfc; }

/* mlog-sign */
#loginWrap .frm-list { position: absolute; left: 0; top: 5px; }
#loginWrap .frm-list li,
#loginWrap .frm-list li label,
#loginWrap .frm-list li .txt-frm { float: left; }
#loginWrap .frm-list li .txt-frm { width: 200px; height: 34px; line-height: 34px; margin-right: 0px; padding-left: 5px; border: 1px solid #ddd; font-size:14px; }

/* member login */
#loginWrap .mlog { position: relative; float: left; width: 445px; height: 105px; border-right: 1px solid #eee; }
#loginWrap .mlog .frm-list li label { width: 120px; line-height: 36px; font-size: 14px; font-weight: bold; color: #111; }
#loginWrap .mlog .frm-list li { margin-bottom: 7px; }
#loginWrap .mlog .btn-mlog { position: absolute; left: 335px; top: 5px; }
#loginWrap .mlog .security { position: absolute; left: 120px; top: 90px; }

/* sign up */
#loginWrap .sign { position: relative; float: left; width: 280px; height: 105px; margin-left: 30px; }
#loginWrap .sign .frm-list li label { width: 160px; line-height: 36px;  }
#loginWrap .sign .frm-list li { margin-bottom: 7px; }
#loginWrap .sign .frm-list .CSSbutton { margin-top: 3px; }


.h_title{ padding: 30px 0 10px; font-size: 15px;text-align:center;}
.loginCheck {display:flex; justify-content: space-between;}
.kakao_1sec {background: #f9e000;width: 100%;text-align:center; height: 56px; line-height: 56px;
background-image:url(/design/afterm283/images/sns-kakao.png); background-size:37px;
    background-repeat: no-repeat;
    background-position: 13px;
    font-size: 16px;
    font-weight: 700;
    border-radius:5px;
}




.login .caution {margin-bottom:10px;}
.member {padding:0 10px; margin-top: 20px;}
.login #keyboard {text-align:center; margin:0 auto;}
.login #keyboard p {text-align:right; margin-bottom:12px;}
.login #keyboard img {display:none; width:100%;}
.login .loginInput {margin-top:18px;}
.login .loginInput input {width: 100%;
display: block;
margin-bottom: 10px;
height: 40px;
padding: 0 10px;
border-radius: 0;
border: 1px solid #666;
font-size: 12px;}
.login .loginCheck {margin:10px 0 30px;}
.login .loginCheck label {margin-right:12px;}
.login .loginCheck label input {vertical-align: middle;}
.login .loginMiddle .btn_Red {font-size:1.167em; margin:10px 0;}
.login .loginMiddle .btn_White {font-size:1.167em;}
.login .loginBottom { padding:18px 10px; margin-top:20px;}
.login .loginBottom h4 {background-color:#eaeaea; margin-bottom:5px; padding:0; font-weight:bold;}
.login .loginBottom a {font-size:1.167em;}
.login .loginBottom a.btn_Black {margin-top:16px;}
.login .loginBottom a.btn_Black:last-child {margin-top:10px;}
.login .loginBottom a.btn_White {margin-top:10px;}

.sns-login { position: relative; margin: 30px 10px 0; }
.sns-login .sns-title img { width: 100%; max-width: 300px; }
.sns-login {}
.sns-login ul{text-align:center;}
.sns-login ul li{ display:inline-block;padding: 0 5px;}
.sns-login ul li img {width:35px;}

/* BASIC css end */