@charset "utf-8";

.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{padding:0;margin:0;list-style:none; overflow:hidden;}
.sns_login li{display:block;padding:0; margin-bottom:10px; text-align:center;}

.sns_login_btn a {
  padding: 20px 25px;
  font-size: 18px;
}

.sns_login_btn a span.buttonText { padding-left: 40px; border-left: 1px solid rgba(0,0,0,.3); }

#sns_twitter .loginBtn {display:inline-block;background: #2596E9;color: white; width: 100;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('../img/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: 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 center center 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 center center 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 center center 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;}

.xm .signin.sns-signin {
  margin: 80px auto;
  max-width: 800px;
  width: auto;
  background-color: #ffffff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.xm .signin.sns-signin .login-header {
  position: relative;
  border-bottom: 0;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.xm .signin.sns-signin .login-header h1 {
  font-size: 27px;
  line-height: 45px;
}

.xm .signin.sns-signin .login-header h1:before {
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:60px;
  height:1px;
  margin-left:-30px;
  opacity:0.7;
  background-color:#082e59;
}


.xm .signin.sns-signin .csl_box {
  padding: 30px 40px;
  border: #d9d9d9 solid 1px;
  background-color: #f9f9f9 !important;
  font-size: 18px;
  line-height: 26px;
}

.xm .signin.sns-signin .csl_box ul {
  margin-top: 15px;
}

.xm .signin.sns-signin .csl_box ul li {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  word-wrap: normal;
  word-break: keep-all;
  color: #8a8a8a;
  padding-left: 10px;
}

.xm .signin.sns-signin .csl_box ul li:before {content:""; position:absolute; left:0px; top:11px; width:3px; height:3px; border-radius:50%; background-color:#8a8a8a;}

.xm .signin.sns-signin .sns_login {
  margin-top: 15px;
}

.login-footer {
  display: none;
}

.body.sub-visual {
  display: none;
}