/* BASIC css start */
#loginWrap { width:1060px; margin:0 auto;}
#loginWrap .loc-navi { margin-top: 40px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
#loginWrap .page-body { width: 760px; margin-top: 40px; margin-left: auto; margin-right: auto; }
#loginWrap .mlog-sign { min-height: 250px; _height; 250px;border-top:1px solid #777; border-bottom:1px solid #777;   }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float: left; letter-spacing: -1px; }
#loginWrap .mlog-sign .mlog { position: relative; }
/* member login */
#loginWrap .mlog-sign .mlog { position: relative; width: 457px; height: 206px; }
#loginWrap .mlog-sign .frm-list { position: absolute; left: 60px; top: 80px; width: 300px; }
#loginWrap .mlog-sign .frm-list li,
#loginWrap .mlog-sign .frm-list li label,
#loginWrap .mlog-sign .frm-list li .txt-frm { float: left; }
#loginWrap .mlog-sign .frm-list li { width: 100%; }
#loginWrap .mlog-sign .frm-list li.pwd { margin-bottom:-1px;}
#loginWrap .mlog-sign .frm-list li.pwd .txt-frm { border-top:none !important;}
#loginWrap .mlog-sign .frm-list li label { width: 50px; padding-top: 12px; margin-right: 10px; font-size:14px; }
#loginWrap .mlog-sign .frm-list li .txt-frm { width: 210px; height: 19px; padding: 10px 0 10px 15px; border:1px solid #dfdfdf }
#loginWrap .mlog-sign .btn-mlog { position: absolute; font-size:14px; left: 347px; top: 80px; background: #333; color: #fff; width: 82px; height: 81px; display: inline-block; text-align: center; line-height:81px; }
#loginWrap .mlog-sign .btn-mlog:hover { background: #000; }
#loginWrap .mlog-sign .se-log { position: absolute; left: 120px; top: 170px; font-size:14px; }
/* sign */
#loginWrap .mlog-sign .sign { width: 254px; margin-top: 82px; text-align:center; }
#loginWrap .mlog-sign .sign .btns { width:254px;border-left:1px solid #ddd; margin-left:0; padding-left:27px; }
#loginWrap .mlog-sign .sign .btns a { display:block; border:1px solid #ddd; background:#fcfcfc;color:#999; height:38px; line-height:40px; margin-top:-1px; }
#loginWrap .mlog-sign .sign .btns a:hover { background:#999; color:#fff;}
#loginWrap .mlog-sign .sign .btn-mem { border-radius: 3px 3px; width: 100px; height: 20px; line-height: 200%;  border: 1px solid #d9d9d9;font-weight: normal; text-align: center; font-size: 11px; color: #8f8f8f;  }
#loginWrap .mlog-sign .sign a:hover.btn-mem { background: #ececec; color: #000; }


/* btn-login */
#loginWrap .mlog-sign .btn-login { position: absolute; top: 80px; right: 33px; background: #5b5d61; color: #fff; text-align: center; width: 83px; height: 29px; padding-top:18px; font-weight: bold; font-size: 12px; }
#loginWrap .mlog-sign a:link.btn-login , #loginWrap .mlog-sign a:visited.btn-login , #loginWrap .mlog-sign a:active.btn-login  {  }
#loginWrap .mlog-sign a:hover.btn-login  { background: #000; }

#loginWrap .tit-page { font-size: 2.0em; color: #333; border: 0; text-align: center; margin-top: 60px; text-transform: uppercase; }


/* simpleLogin */
#simpleLogin { position: relative; margin-top: 50px;  }
#simpleLogin .sns-login { margin-top: 30px; text-align: center; font-size: 0; line-height: 0; }
#simpleLogin .sns-login p { margin-bottom: 30px; }
#simpleLogin .sns-login a { display: inline-block; margin: 0 4px; }

/* BASIC css end */