/* BASIC css start */
#loginWrap .page-body { width: 900px; margin: 0 auto 80px; }

#loginWrap .mlog-sign { width:898px; border:1px solid #e9e9e9; border-top:1px solid #bbb; overflow: hidden }
#loginWrap .mlog-sign:after { display:block; clear:both; content:'' }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float: left; }
#loginWrap .log-tit { padding-bottom:10px; font-size:16px; color:#333; font-weight:600 }

/* mlog-sign */
#loginWrap .frm-list {position:relative; *zoom:1;}
#loginWrap .frm-list:after { display:block; clear:both; content:'' }
#loginWrap .frm-list li {position:relative;width: 368px;border:1px solid #e0e0e0; margin-bottom: 10px;background: #fafafa;}
#loginWrap .frm-list li label {line-height: 42px;padding-left: 7px;color: #999;}
#loginWrap .frm-list li .txt-frm {position:absolute;top:0;left:0;width: 361px;height:42px;line-height:42px;padding:0;margin:0;border: 0;opacity: 0;filter: alpha(opacity=0);padding-left: 7px;background: #fafafa;}

/* member login */
#loginWrap .mlog { position: relative; margin:40px; width:370px }
#loginWrap .mlog .btn-mlog { position: absolute; left: 265px; top: 0px; }
#loginWrap .mlog .security { position:relative;  *zoom:1; }
#loginWrap .mlog .security:after { display:block; clear:both; content:'' }
#loginWrap .mlog .security ul .chk { float:left }
#loginWrap .mlog .security ul .btn { float:right }
#loginWrap .mlog .CSSbuttonLog { margin:15px 0 10px }
#loginWrap .mlog dl { padding-top:10px }
#loginWrap .mlog dl dt { padding-bottom:10px; font-size:14px; color:#333; font-weight:600 }

/* sign up */
#loginWrap .sign { position: relative; width: 447px; height:433px; border-left:1px solid #e9e9e9; }

/* simpleLogin */
#simpleLogin { position: relative; text-align: center; }
#simpleLogin .sns-login p { margin-bottom: 30px; }
#simpleLogin .sns-login div { margin-right: -10px; }
#simpleLogin .sns-login a { display: inline-block; margin-right: 10px; }
/* BASIC css end */