@charset "utf-8";

/* 소셜 로그인 공통 스타일 - 간소화 버전 */
.social_btn_wrap { display: flex; flex-direction: column; gap: 8px; }
.social_btn_wrap_row { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }

.social_btn, .social_btn_small, .social_icon_btn {
  transition: opacity 0.2s ease;
}
.social_btn:hover, .social_btn_small:hover, .social_icon_btn:hover {
  opacity: 0.85;
  text-decoration: none;
}

/* 로그인 페이지 버튼 */
.social_naver { background: #03C75A; color: #fff; }
.social_kakao { background: #FEE500; color: #3C1E1E; }
.social_google { background: #4285F4; color: #fff; }
.social_facebook { background: #3b579d; color: #fff; }
.social_twitter { background: #1DA1F2; color: #fff; }
.social_payco { background: #df0b00; color: #fff; }

/* 반응형 */
@media (max-width: 768px) {
  .social_btn { padding: 11px 14px; font-size: 13px; }
  .social_btn_small { padding: 6px 12px; font-size: 12px; }
}

/* SNS 계정 연결 상태 버튼 */
.sns_connected { opacity: 0.7; cursor: pointer; }
.sns_disconnected { opacity: 1; cursor: pointer; }