.default_social_login_form { position:relatvie; width:620px; margin:0px auto; overflow:hidden; }

.default_social_login_form .signin {
  position:relatvie; width:300px; margin:30px 0px 30px 0px; overflow:hidden; float:right;
  border:3px solid #66bfae; border-radius:0px;
  box-shadow:0 0px 0px #ccc;
}
.default_social_login_form .signin .btn-inverse { background:#66bfae; }


.default_social_login_form .btnarea_social_login {
  position:relative; margin:30px 0px; width:300px; overflow:hidden; float:left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.default_social_login_form .btn_social_login { margin-top:14px; display:block; }
.default_social_login_form .btn_naver_login { margin:0px 5px 5px 5px; }
.default_social_login_form .btn_social_login img { width:100%; height:auto; }


.sns_icon{padding:0 0 3px 28px;}
.sns_icon.twitter{background:url(../img/twitter.png) no-repeat;}
.sns_icon.facebook{background:url(../img/facebook.png) no-repeat;}
.sns_icon.google{background:url(../img/google.png) no-repeat;}
.sns_icon.naver{background:url(../img/naver.png) no-repeat;}
.sns_icon.kakao{background:url(../img/kakao.png) no-repeat;}

.sns_login{position:relative; padding:0px 0px; margin:0px; list-style:none; overflow:hidden;}
.sns_login li{position:relative; overflow:hidden; display:block; padding:0; padding-top:12px !important; text-align:center; }
.sns_login li:first-child { padding-top:4px !important; }
#sns_facebook .loginBtn {display:inline-block;background: #3B5998;color: white; width: 100%;border-radius:5px;text-align:left;}
#sns_facebook a.loginBtn {text-decoration:none;}
#sns_facebook .loginBtn:hover {background: #5577BD;cursor:hand;}
#sns_facebook span.label {font-weight:bold;}
#sns_facebook span.icon {background: url('../img/btn_facebook.png') transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_facebook span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

#sns_google .loginBtn {display:inline-block;background: #cc3732;color: white; width: 100%;border-radius:5px;text-align:left;}
#sns_google a.loginBtn {text-decoration:none;}
#sns_google .loginBtn:hover {background: #e74b37;cursor:hand;}
#sns_google span.label {font-weight:bold;}
#sns_google span.icon {background: url('../img/btn_google.png') transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_google span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

#sns_naver .loginBtn {display:inline-block;background: #1ec800;color: white; width: 100%;border-radius:5px;text-align:left;}
#sns_naver a.loginBtn {text-decoration:none;}
#sns_naver .loginBtn:hover {background: #25d805;cursor:hand;}
#sns_naver span.label {font-weight:bold;}
#sns_naver span.icon {background: url('../img/btn_naver.png') transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_naver span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

#sns_kakao .loginBtn {display:inline-block;background: #ffeb00;color:#3c1e1e; width:100%;border-radius:5px;text-align:left;}
#sns_kakao a.loginBtn {text-decoration:none;}
#sns_kakao .loginBtn:hover {background: #FFDE00;cursor:hand;}
#sns_kakao span.label {font-weight:bold;}
#sns_kakao span.icon {background: url('../img/btn_kakao.png') transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_kakao span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

.only_social_login_form { width:300px; }
.only_social_login_form .btnarea_social_login { width:300px; }



@media all and (max-width: 620px) {
  .default_social_login_form { width:100%; }
  .default_social_login_form .signin { width:100%; margin:30px 0px 10px 0px; float:none; }
  .default_social_login_form .btnarea_social_login { width:100%; margin:0px; float:none; }
  .default_social_login_form .btn_social_login { margin-top:7px; }
}