/* BASIC css start */
.login {width:370px; margin:0 auto; }
.login fieldset{ position:relative; width:370px; margin:0 auto; }
.login fieldset .id { overflow:hidden; display:block; width:366px; margin:0 0 2px; border:1px solid #ebebeb; border-radius:2px; color:#b7b7b7; margin-bottom:10px;}
.login fieldset .password { overflow:hidden; display:block; width:366px; margin:0 0 2px; border:1px solid #ebebeb; border-radius:2px; color:#b7b7b7; }
.login fieldset .id span,
.login fieldset .password span { float:left; width:68px; height:36px; line-height:36px; padding:0 0 0 8px; color:#b7b7b7; font-size:14px; font-family:돋움;}
.login fieldset input { float:left; width:215px; height:28px; padding:2px 2px 2px 3px; border:0 none; color:#b7b7b7; line-height:28px;}
.login fieldset .security { padding:0 0 0 5px; margin:10px 0; color:#b7b7b7; }
.login fieldset .security input { width:13px; height:13px; margin:0 3px 0 0; vertical-align:-3px; *vertical-align:2px; }
.login fieldset .security label { margin:0 6px 0 0; }
.login fieldset > a { position:absolute; top:11px; right:0px; }


#OrderHistoryNologin { position:relative; width:370px; margin:0 auto; padding-top:30px; }
#OrderHistoryNologin ul { width:370px; margin:20px auto 30px; }
#OrderHistoryNologin li { padding:0 0 0 10px; line-height:28px;  }
#OrderHistoryNologin li strong { display:inline-block; width:80px; font-weight:normal; font:11px 돋움; color:#b7b7b7;}
#OrderHistoryNologin li input { width:268px; height:18px; padding:2px 2px 2px 3px; border:0; border:1px solid #ebebeb; color:#b7b7b7; }
#OrderHistoryNologin .button { position:absolute; bottom:-50px; right:0;}



.loginbtn {margin-top:10px;}

.find {overflow:hidden; line-height:15px; text-align:right; padding:10px 0;}
.find a{background:none;color:#333;font-size:12px;line-height:12px;display:inline-block;}
.find ul { display:inline; font-size:0; line-height:0; }
.find li { display:inline-block; *display:inline; *zoom:1; padding:0;font-size:11px; line-height:15px; height:15px; vertical-align:top;}
.find li a { display:inline-block; font-weight:normal; color:#222; line-height:15px; cursor:pointer }
.find li a:hover { color:#888; text-decoration:none; line-height:15px; }
.find li:first-child { padding-left:0px; background:none;}


/* simpleLogin */
#simpleLogin { position: relative; display:none;}

#simpleLogin .sns-login { margin-top: 30px; text-align: center; font-size: 0; line-height: 0; display:table;width:100%;}
#simpleLogin .sns-login:after {content:"";display:block;clear:Both;}
#simpleLogin .sns-login > h2 {float:left;text-align:left;line-height:34px;font-size:12px; }
#simpleLogin .sns-login > div {float:right;line-height:20px;}
#simpleLogin .sns-login > div p { margin-bottom: 30px; }
#simpleLogin .sns-login > div a {     display: inline-block;
    margin: 0 4px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 5px;
    padding: 7px 20px;
    color: #ffffff;;}
    
#simpleLogin .sns-login > div a.naver {background:#2db400}
#simpleLogin .sns-login > div a.kakao {background:#fae100}
#simpleLogin .sns-login > div a.facebook {background:#3a5897}
/* BASIC css end */