/* ============================================================
   new.css - 추가 컴포넌트 스타일
   ============================================================ */

/* 네이버 버튼 */
.btn-pack.naver { background: #03C75A; color: #fff; border-color: #03C75A; }
.btn-pack.naver:hover { background: #02b350; border-color: #02b350; }

/* 카카오 버튼 */
.btn-pack.kakao { background: #FEE500; color: rgba(0,0,0,.85); border-color: #FEE500; }
.btn-pack.kakao:hover { background: #f0d900; border-color: #f0d900; }

/* 카카오페이 버튼 */
.kpay-btn-wrap { margin-top: 15px; }
#kakaopay-btn, #kakaopay-cart-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--sp15); background: #FEE500; color: rgba(0,0,0,.85); font-size: var(--fz16); font-weight: 700; border: none; border-radius: 6px; padding: 0 var(--sp25); height: 52px; cursor: pointer; width: 100%; }
#kakaopay-btn:hover, #kakaopay-cart-btn:hover { background: #f0d900; }

/* 필수선택 */
.req-tit { color: #e00; }

/* 생년월일 인라인 */
.join-wrap .birth-wrap { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }
.join-wrap .birth-wrap #birth_year { flex: 0 0 120px; width: 120px; min-width: 0; }
.join-wrap .birth-wrap #birth_month, .join-wrap .birth-wrap #birth_day { flex: 0 0 90px; width: 90px; min-width: 0; }
.join-wrap .birth-wrap span { flex-shrink: 0; }