/* BASIC css start */
#loginWrap .loginBox { width: 900px; margin:0 auto; border: 1px solid #EEEEEE; padding:50px;  min-height: 300px;  }

/* member login */
#loginWrap .loginBox .signleft {  float: left;  position: relative; width: 400px; border: 0px solid #e5e5e5;  }
#loginWrap .loginBox .signleft  h2 { padding-bottom:30px;  }
#loginWrap .loginBox .signleft .MS_login_id { width: 400px ; border: 1px solid #EEEEEE; height:30px; background:#EEEEEE }
#loginWrap .loginBox .signleft .MS_login_pw { width: 400px ; border: 1px solid #EEEEEE; height:30px; background:#EEEEEE }
#loginWrap .loginBox .signleft .btn_lost { padding-top:5px; }


/* sign */
#loginWrap .loginBox .signright { float: right;   width: 400px ; }
#loginWrap .loginBox .signright h2 { padding-bottom:30px;  }
#loginWrap .loginBox .signright h3 { padding-bottom:25px;  }
#loginWrap .loginBox .signright .btns { width: 100px;  }
#loginWrap .loginBox .signright .btns a { display: block; margin-top: 8px; }

#loginWrap .loginBox .sns_login { }
#loginWrap .loginBox .sns_login li { float:left; height:30px; margin:3px 2px;}
#loginWrap .loginBox .sns_login li a { display:block; width:120px;height:30px; line-height:30px; background:#666;font-size:12px; color:#fff;text-align:center;transition:all .8s ease;-webkit-transition:all .8s ease;}

#loginWrap .loginBox .sns_login .Naver a { background:#00C73C ; }
#loginWrap .loginBox .sns_login .Facebook a  {display:block;   background:#5c84d7 ; }
#loginWrap .loginBox .sns_login .Kakao a  {display:block; background:#f9b932 ; }
#loginWrap .loginBox .sns_login li:hover a { transition:all .3s ease;-webkit-transition:all .3s ease; background:#333; }


#loginWrap .-btn-login { width:400px; border:1px solid #333; margin-top:15px; text-align:center;}


/* simpleLogin */
#simpleLogin { position: relative; }
#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; position:relative; }
#simpleLogin .sns-login span { position:absolute; left:50%; top: -22px; margin-left: -40px; }
#simpleLogin .sns-login span img { width: 80px !important;}

/* BASIC css end */