/* login start */

/* image replace, hidden text */
.ir *,
.blind { z-index:-1; position: absolute; display: block; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -9999px; }



/* 로그인버튼 */

.buttonlogin { position:absolute; left: 0px; top: 110px; width:310px; margin:10px 0 0;}

.buttonlogin span a {width:100%;line-height:14px;padding:20px 0;font-size:10px;text-align:center;margin:0;letter-spacing:1px; font-family: 'Roboto', arial; font-weight:700; font-size:12px; color:#000;  }

.btnlogin { display:inline-block;border:2px solid #333;border-radius:2px;margin:0 2px;background:#fff;   }

.btnlogin:hover{background:#000;border:1px solid #000; color:#fff;}


.buttonlogin1 { width:300px; margin:10px 0 0;}

.buttonlogin1 span a {width:100%;line-height:14px;padding:10px 0;font-size:10px;text-align:center;margin:0;letter-spacing:1px; color:#fff;  font-family: 'Roboto', 'arial'; font-weight:400; font-size:12px;}

.btnlogin1 { display:inline-block;border:1px solid #333;border-radius:2px;margin:0 2px;background:#6D6D6D;  }

.btnlogin1:hover{background:#000;border:1px solid #000;}




.buttonlogin2 { position: absolute; left: 0px; top: 70px; width:310px; margin:50px 0 0;}
.buttonlogin2 span a {width:100%;line-height:14px;padding:20px 0;font-size:10px;text-align:center;margin:0;letter-spacing:1px;color:#000;  font-family: 'Roboto', 'arial'; font-weight:700; font-size:12px;}
.btnlogin2 { display:inline-block;border:1px solid #333;border-radius:2px;margin:0 2px;background:#333;}
.btnlogin2:hover {background:#000;border:1px solid #000; color:#fff;}



#loginWrap .loc-navi { padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
#loginWrap .page-body { width: 700px; margin-top: 55px; margin-left: auto; margin-right: auto; border: 0px solid #e5e5e5;  }
#loginWrap .mlog-sign { width: 700px; min-height: 206px; _height; 206px;  position: relative; }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float: left; }
/* member login */
#loginWrap .mlog-sign .mlog { border-right: 1px solid #e5e5e5;   position: relative; width: 350px; height: 180px;  }
#loginWrap .mlog-sign .frm-list { position: absolute; left: 0px; top: 0px; width: 350px; color: #3F3F3F; text-decoration:none; font-family: font-size: 11px; 'Dotum',돋움;  }
#loginWrap .mlog-sign .frm-list li,

#loginWrap .mlog-sign .frm-list .id {font-size: 11px; text-align:left; height:32px; overflow:hidden;display:block;width:305px;margin:0 0 2px;border:1px solid #d9d9d9;border-radius:2px; line-height:32px;padding:0 0 0 8px;}


#loginWrap .mlog-sign .frm-list input { font-size: 11px;
    width: 240px;
    height: 23px;
    padding: 2px 0 2px 0;
    line-height: 23px;
    border: 1px solid #d9d9d9;
    float: right;
    border: none;}
#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%; margin-bottom: 5px; }
#loginWrap .mlog-sign .frm-list li label { width: 300px; padding-top: 2px;}
#loginWrap .mlog-sign .frm-list li .txt-frm { width: 200px; height: 19px; padding: 2px 0 0 2px; border: 0; background-color: #eaeaea; }
#loginWrap .mlog-sign .btn-mlog { position: absolute; left: 316px; top: 110px; }
#loginWrap .mlog-sign .se-log { position: absolute; left: 0px; top: 80px;  color: #3F3F3F; text-decoration:none; font-size: 11px; font-family: 'Dotum',돋움;   }





/* sign */
#loginWrap .mlog-sign .sign { position:absolute; left: 370px; top: 0px;  width: 300px; font-size: 11px; text-align: center; border: 0px solid #000;   margin-left:15px; }
#loginWrap .mlog-sign .sign .msg { text-align:left;padding:5px 0; line-height:14px; color: #3F3F3F; text-decoration:none; }
#loginWrap .mlog-sign .sign .btns { width: 103px; margin-left: auto; margin-right: auto; }
#loginWrap .mlog-sign .sign .btns a { display: block; margin-top: 8px; }




/* order shopping */


#loginWrap .order-sp { margin-top: 70px; zoom: 1; overflow: hidden;}
#loginWrap .order-sp h3,
#loginWrap .order-sp .frm-wrap { float: left; }
#loginWrap .order-sp h3 { width: 226px; padding-top: 10px; text-align: center; font-size: 0; line-height: 0; }
#loginWrap .order-sp .frm-wrap p { text-align:left; padding:5px 0; line-height:14px; color: #3F3F3F; text-decoration:none; font-size: 11px;  }
#loginWrap .order-sp .frm { position: relative; width: 400px; height: 200px; margin-top: 10px; }
#loginWrap .order-sp .frm .frm-list { position: absolute; left: 0px; top: 0px; width: 400px; }
#loginWrap .order-sp .frm li,
#loginWrap .order-sp .frm li label,
#loginWrap .order-sp .frm li .txt-frm { float: left; }
#loginWrap .order-sp .frm li { width: 100%; margin-bottom: 5px; }
#loginWrap .order-sp .frm li label { width: 300px; padding-top: 2px;}
#loginWrap .order-sp .frm .id {font-size: 11px; overflow:hidden;display:block; width:300px;margin:0 0 2px;border:1px solid #d9d9d9;border-radius:2px; line-height:32px;padding:0 0 0 8px; height:32px; }

#loginWrap .order-sp .frm .frm-list .id span {border:none;}

#loginWrap .order-sp .frm .frm-list input {font-size: 11px; width:240px;height:23px;padding:2px 0 2px 0;line-height:23px; border:1px solid #d9d9d9;  float: right; border:none;}



/* login end */