@charset "utf-8";

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

.sns_login{text-align: center; padding:0;margin:0;list-style:none; overflow:hidden;}
.sns_login li{display:block;padding:0; margin:5px; text-align:center;}

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

#sns_twitter .loginBtn {display:inline-block;background: #2596E9;color: white; width: 175px;border-radius:5px;text-align:left;}
#sns_twitter a.loginBtn {text-decoration:none;}
#sns_twitter .loginBtn:hover {background: #55ACEE;cursor:hand;}
#sns_twitter span.label {font-weight:bold;}
#sns_twitter span.icon {background: url('/common/social/btn_twitter.png') transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_twitter span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

#sns_facebook .loginBtn {display:inline-block;background: #3B5998;color: white; width: 175px;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('/common/social/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: #dfdfdf;color: #4e4e4e; width: 175px;border-radius:5px;text-align:left;}
#sns_google a.loginBtn {text-decoration:none;}
#sns_google .loginBtn:hover {background: #f7f7f7;cursor:hand;}
#sns_google span.label {font-weight:bold;}
#sns_google span.icon {background: url('/common/social/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: 175px;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('/common/social/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: 175px;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('/common/social/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;}

/*@media all and (max-width:720px){
#sns_twitter .loginBtn {display:inline-block;background: #2596E9;color: white; width: 40px;border-radius:0px;text-align:left;margin:0 5px;}
#sns_twitter span.icon {background: url('/common/social/btn_twitter.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_twitter span.buttonText {display:none;}

#sns_facebook .loginBtn {display:inline-block;background: #3B5998;color: white; width: 40px;border-radius:0px;text-align:left;margin:0 5px;}
#sns_facebook span.icon {background: url('/common/social/btn_facebook.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_facebook span.buttonText {display:none;}

#sns_google .loginBtn {display:inline-block;background: #cc3732;color: white; width: 40px;border-radius:0px;text-align:left;margin:0 5px;}
#sns_google span.icon {background: url('/common/social/btn_google.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_google span.buttonText {display:none;}

#sns_naver .loginBtn {display:inline-block;background: #1ec800;color: white; width: 40px;border-radius:0px;text-align:left;margin:0 5px;}
#sns_naver span.icon {background: url('/common/social/btn_naver.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_naver span.buttonText {display:none;}

#sns_kakao .loginBtn {display:inline-block;background: #ffeb00;color:#3c1e1e; width: 40px;border-radius:0px;text-align:left;margin:0 5px;}
#sns_kakao span.icon {background: url('/common/social/btn_kakao.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_kakao span.buttonText {display:none;}
}*/

/*
@media all and (max-width:360px){
#sns_twitter .loginBtn {display:inline-block;background: #2596E9;color: white; width: 40px;border-radius:0px;text-align:left;margin:0 0px;}
#sns_twitter span.icon {background: url('/common/social/btn_twitter.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_twitter span.buttonText {display:none;}

#sns_facebook .loginBtn {display:inline-block;background: #3B5998;color: white; width: 40px;border-radius:0px;text-align:left;margin:0 0px;}
#sns_facebook span.icon {background: url('/common/social/btn_facebook.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_facebook span.buttonText {display:none;}

#sns_google .loginBtn {display:inline-block;background: #cc3732;color: white; width: 40px;border-radius:0px;text-align:left;margin:0 0px;}
#sns_google span.icon {background: url('/common/social/btn_google.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_google span.buttonText {display:none;}

#sns_naver .loginBtn {display:inline-block;background: #1ec800;color: white; width: 40px;border-radius:0px;text-align:left;margin:0 0px;}
#sns_naver span.icon {background: url('/common/social/btn_naver.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_naver span.buttonText {display:none;}

#sns_kakao .loginBtn {display:inline-block;background: #ffeb00;color:#3c1e1e; width: 40px;border-radius:0px;text-align:left;margin:0 0px;}
#sns_kakao span.icon {background: url('/common/social/btn_kakao.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_kakao span.buttonText {display:none;}
}*/