@charset "utf-8";
/* [회원가입 선택 화면] 허니타임 브랜드 톤 (골드 #F5B919 / 브라운 #4A2A18 / 크림 #FFF8E8).
   링크·기능 무관, 디자인만. 되돌리기: register.skin_sel.php 백업 복원. */

body { background:#FFF8E8 !important; }
#ft, hr { display:none !important; }  /* 이 화면에선 하단 푸터 숨김(기존 유지) */

.reg-sel {
  max-width:520px; margin:0 auto; padding:44px 16px 54px; box-sizing:border-box;
  min-height:84vh; display:flex; flex-direction:column; justify-content:center;
}
.reg-sel-brand { text-align:center; font-size:24px; font-weight:800; color:#4A2A18; letter-spacing:-.5px; margin-bottom:8px; }
.reg-sel-brand .rs-honey { color:#F5B919; }
.reg-sel-head { text-align:center; margin-bottom:28px; }
.reg-sel-head h1 { margin:0 0 6px; font-size:23px; font-weight:800; color:#4A2A18; }
.reg-sel-head p { margin:0; font-size:14px; color:#9a8a6f; }

.reg-cards { display:flex; flex-direction:column; gap:14px; }
.reg-card {
  display:flex; align-items:center; gap:16px; padding:22px 20px; border-radius:16px;
  text-decoration:none; box-shadow:0 3px 14px rgba(74,42,24,.08);
  transition:transform .12s ease, box-shadow .15s ease;
}
.reg-card:hover { transform:translateY(-2px); box-shadow:0 7px 22px rgba(74,42,24,.16); }
.reg-card .rc-icon { font-size:34px; line-height:1; flex-shrink:0; }
.reg-card .rc-txt { flex:1; min-width:0; }
.reg-card .rc-title { display:block; font-size:18px; font-weight:800; margin:0 0 3px; }
.reg-card .rc-desc { display:block; font-size:13px; margin:0; line-height:1.4; }
.reg-card .rc-arrow { font-size:24px; font-weight:700; opacity:.55; flex-shrink:0; }

/* 일반 회원가입 — 골드 메인 */
.reg-card.rc-normal { background:linear-gradient(135deg,#F5B919,#e59f10); color:#fff; }
.reg-card.rc-normal .rc-title, .reg-card.rc-normal .rc-desc { color:#fff; }
.reg-card.rc-normal .rc-desc { opacity:.92; }

/* 제휴점 회원가입 — 브라운 아웃라인(구분 보조톤) */
.reg-card.rc-company { background:#fff; border:2px solid #4A2A18; }
.reg-card.rc-company .rc-icon,
.reg-card.rc-company .rc-arrow { color:#4A2A18; }
.reg-card.rc-company .rc-title { color:#4A2A18; }
.reg-card.rc-company .rc-desc { color:#7a6250; }

.reg-sel-foot { text-align:center; margin-top:26px; font-size:13.5px; color:#9a8a6f; }
.reg-sel-foot a { color:#C77A00; font-weight:700; text-decoration:none; }
.reg-sel-foot a:hover { text-decoration:underline; }

@media (max-width:480px){
  .reg-sel { padding:26px 14px 36px; min-height:88vh; }
  .reg-sel-brand { font-size:21px; }
  .reg-sel-head h1 { font-size:20px; }
  .reg-card { padding:18px 16px; gap:13px; }
  .reg-card .rc-icon { font-size:30px; }
  .reg-card .rc-title { font-size:16.5px; }
}