/* #sns_login {margin-top:15px;padding:15px 0 0;border-top:0} */
#sns_login h5 {text-align:center;color:#959595;font-size:13px;margin-bottom:15px}
#sns_login .social-login {list-style:none;margin:0 -3px;padding:0}
#sns_login .social-login:after {content:"";display:block;clear:both}
#sns_login .social-login li {position:relative;overflow:hidden;float:left;width:100%; max-width: 400px; line-height: 45px; height:45px;padding:0 3px;margin-bottom:10px;box-sizing:border-box}
#sns_login .social-login li a {display:block;color:#fff;font-size:.75rem}
#sns_login .social-login li a:hover {text-decoration:none}
/* #sns_login .social-login li img {width:35px;height:35px;border-right:1px solid rgba(255, 255, 255, 0.2)} */
/* #sns_login .social-login li span {margin-left:10px} */
#sns_login .social-login li .naver-sl-btn {background:#03C73C}
#sns_login .social-login li .kakao-sl-btn {background:#FFEB04}
#sns_login .social-login li .kakao-sl-btn span {color:#3C1E1D}
#sns_login .social-login li .kakao-sl-btn img {border-right:1px solid rgba(0, 0, 0, 0.1)}
#sns_login .social-login li .facebook-sl-btn {background:#5E82D1}
#sns_login .social-login li .google-sl-btn {background:#EA5E4C}
#sns_login .social-login li .twitter-sl-btn {background:#40BFF5}
#sns_login .social-login li .payco-sl-btn {background:#FA2829}
@media (max-width: 500px) {
    #sns_login .social-login {margin:0}
    #sns_login .social-login li {width:100%;padding:0; text-align: center; border-radius: 40px;}
}

@media (min-width: 501px) {
    #sns_login .social-login {margin:0}
    #sns_login .social-login li { float: unset; width:100%; margin: 0 auto 15px; padding:0; text-align: center; border-radius: 40px;}
}

#sns_login .social_btn { text-align: left; padding-left: 10px; border-radius: 5px; }
/* #sns_login li { display: flex; align-items: center; justify-content: center; } */
#sns_login li { display: grid; grid-template-columns: 45px calc(100% - 45px); padding: 0 40px !important; align-items: center; font-family: NanumSquareRound; font-weight: bold; }
#sns_login li img { margin: auto; }
#sns_login #naver_btn {background-color: #03C75A; font-size: 13px; color: white; }
#sns_login #kakao_btn{background-color: #FEE500; font-size: 13px; color: black; }
#sns_login #apple_btn {background-color: black; color: white; font-size: 13px; }
/* 2024 07 29 mingdev email btn css add */
/* Updated email button design to match other login buttons */

#sns_login #email_btn {
  display: grid;
  grid-template-columns: 45px calc(100% - 45px);
  align-items: center;
  padding: 0 40px !important;
  background-color: #0F3999;
  color: white;
  font-size: 13px;
  font-weight: bold;
  line-height: 45px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#sns_login #email_btn:hover {
  background-color: #0a2a6e;
}

#sns_login #email_btn .email-icon {
  font-size: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}

#sns_login #email_btn span:last-child {
  text-align: left;
  line-height: normal;
}