/* ==========================================================================
   RODEMTAX Design System  —  rd.css
   레퍼런스: toss.im (색·타이포·간격·라운드 체계)
   규칙
   - 모든 클래스는 rd- 프리픽스, 모든 값은 :root 토큰에서 가져온다
   - Salient 기본 스타일 위에 얹히므로 !important는 쓰지 않는다
   - 페이지 개별 스타일은 여기 넣지 말고 해당 섹션 HTML의 <style>에 둔다
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 토큰
   -------------------------------------------------------------------------- */
:root {
  /* 브랜드 (2026-09-24 변경)
     그린 기준 #0F7B5A = green-500 = primary. 흰 글자 대비 5.25:1 → 글자·아이콘·버튼 채움 모두 가능
     옐로우 기준 #E2CF00 = yellow-500 = accent. 글자는 항상 gray-900 (11.6:1), 흰 글자 금지
     연한 단계는 기준색+흰색, 진한 단계는 기준색+검정 비율로 만든 값 */
  --rd-green-50:  #E9F3F0;   /* 연한 배경·카드 박스 */
  --rd-green-100: #CFE5DE;
  --rd-green-200: #9FCABD;
  --rd-green-500: #0F7B5A;   /* primary (기준) */
  --rd-green-600: #0D694C;   /* primary hover */
  --rd-green-700: #0A563F;   /* 연한 배경 위 진한 글자 */
  --rd-green-800: #084432;   /* 다크 카드 */
  --rd-green-900: #063426;   /* 딥 배경 */

  --rd-yellow-100: #FAF6D1;
  --rd-yellow-500: #E2CF00;  /* accent (기준) */
  --rd-yellow-600: #D0BE00;  /* accent hover */
  --rd-yellow-800: #564F00;  /* yellow-100 위 글자 (7.6:1) */
  --rd-kakao:      #FFDC00;  /* 카카오톡 상담 버튼 전용 (1:1 채팅·카카오톡으로 상담하기) — accent 와 따로 */
  --rd-kakao-hov:  #F0CF00;

  --rd-navy-900: #09102D;    /* 보조 다크 카드 */

  /* 그레이 스케일 (텍스트·선·배경 전부 여기서) */
  --rd-gray-900: #131313;   /* 제목 (기존 h4 색) */
  --rd-gray-800: #333D4B;   /* 본문 강조 */
  --rd-gray-700: #676767;   /* 본문 (기존 p 색) */
  --rd-gray-600: #7C7C7C;   /* 보조 텍스트 */
  --rd-gray-500: #8B95A1;   /* 플레이스홀더 */
  --rd-gray-400: #B0B8C1;
  --rd-gray-300: #D1D6DB;   /* 선 */
  --rd-gray-200: #E5E8EB;   /* 연한 선 */
  --rd-gray-100: #F2F2F2;   /* 카드·섹션 배경 (기존 row bg) */
  --rd-gray-50:  #FAFAFA;   /* 연한 섹션 배경 (기존 row bg) */
  --rd-white:    #FFFFFF;

  /* 상태색 (브랜드 green-* 와 이름이 겹치지 않게 success 로 분리) */
  --rd-red-50:      #FDEDEF;   /* 오류 상자 배경 */
  --rd-red-100:     #F9C9CE;   /* 오류 상자 테두리 */
  --rd-red-500:     #F04452;
  --rd-success-500: #03B26C;
  --rd-orange-500:  #FF9F1C;

  /* 시맨틱 */
  --rd-color-text:        var(--rd-gray-900);
  --rd-color-text-body:   var(--rd-gray-700);
  --rd-color-text-muted:  var(--rd-gray-600);
  --rd-color-primary:     var(--rd-green-500);
  --rd-color-primary-hov: var(--rd-green-600);
  --rd-color-primary-deep:var(--rd-green-900);
  --rd-color-accent:      var(--rd-yellow-500);
  --rd-color-accent-hov:  var(--rd-yellow-600);
  --rd-color-on-accent:   var(--rd-gray-900);
  --rd-color-border:      var(--rd-gray-200);
  --rd-color-surface:     var(--rd-gray-100);
  --rd-color-bg:          var(--rd-white);

  /* 타이포 */
  --rd-font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
                  "Apple SD Gothic Neo", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  --rd-fs-display: clamp(2.5rem, 2rem + 2.2vw, 3.75rem);   /* 40→60px */
  --rd-fs-hero:    clamp(2.25rem, 4.8vw, 6.5rem);          /* 36→104px 화면 폭 비례 — 사진 히어로 제목 */
  --rd-fs-h1:      clamp(2.125rem, 1.7rem + 1.8vw, 3rem);  /* 34→48px */
  --rd-fs-h2:      clamp(1.75rem, 1.45rem + 1.2vw, 2.5rem);/* 28→40px */
  --rd-fs-h3:      clamp(1.375rem, 1.2rem + .7vw, 1.75rem);/* 22→28px */
  --rd-fs-h4:      1.25rem;   /* 20px */
  --rd-fs-lg:      1.125rem;  /* 18px */
  --rd-fs-md:      1rem;      /* 16px */
  --rd-fs-sm:      0.9375rem; /* 15px */
  --rd-fs-xs:      0.8125rem; /* 13px */
  --rd-fs-2xs:     0.6875rem; /* 11px — 푸터 저작권 문구 */
  --rd-lh-tight:   1.25;
  --rd-lh-snug:    1.4;
  --rd-lh-normal:  1.6;
  --rd-ls-tight:  -0.02em;
  --rd-ls-heading:-0.01em;

  /* 간격 (4 배수) */
  --rd-space-1:  4px;
  --rd-space-2:  8px;
  --rd-space-3:  12px;
  --rd-space-4:  16px;
  --rd-space-5:  20px;
  --rd-space-6:  24px;
  --rd-space-8:  32px;
  --rd-space-10: 40px;
  --rd-space-12: 48px;
  --rd-space-16: 64px;
  --rd-space-20: 80px;
  --rd-space-24: 96px;
  --rd-space-32: 128px;
  --rd-section-y: clamp(72px, 6vw + 40px, 140px);   /* 섹션 상하 여백 */

  /* 레이아웃 */
  /* toss.im 메인과 같게: 페이지 틀 최대 1920, 본문은 틀에서 좌우 거터(80)를 뺀 1760 까지 넓어진다.
     1440 화면 → 1280 / 1920 → 1760 / 2560·3840 → 1760 (남는 폭은 양옆 여백) */
  --rd-frame:          1920px;
  --rd-container:      1760px;
  --rd-container-wide: 1760px;
  --rd-container-narrow: 760px;
  --rd-gutter: max(20px, 6vw);                     /* 좌우 여백: Salient 과 같게 999px 이하 6%, 1000px 이상 80px */
  --rd-grid-gap: clamp(24px, 3vw, 48px);            /* Salient 컬럼 사이 간격 */
  --rd-header-h: 78px;                             /* Salient 고정 헤더 높이(#header-space) — 풀하이트 계산용 */

  /* 라운드 */
  /* 2026-09-27 한 단계씩 줄임 (8·12·16·24·32 → 6·10·12·20·24). lg 는 Salient 버튼 라운드 옵션과 같은 값 */
  --rd-radius-sm: 6px;
  --rd-radius-md: 10px;
  --rd-radius-lg: 12px;
  --rd-radius-xl: 20px;
  --rd-radius-2xl: 24px;   /* 큰 사진·패널 */
  --rd-radius-pill: 999px;

  /* 그림자 */
  --rd-shadow-sm: 0 2px 8px rgba(6, 52, 38, .06);
  --rd-shadow-md: 0 8px 24px rgba(6, 52, 38, .08);
  --rd-shadow-lg: 0 16px 48px rgba(6, 52, 38, .12);

  /* 사진 위 글자 가독성용 하단 그라데이션 */
  --rd-scrim: linear-gradient(to top, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .42) 40%, rgba(0, 0, 0, 0) 100%);

  /* 아이콘 (mask-image 로 쓰고 색은 background 로) */
  --rd-icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.75 9.375 7.125 12.75 14.25 5.625'/%3E%3C/svg%3E");

  /* 모션 */
  --rd-ease: cubic-bezier(.2, .7, .2, 1);
  --rd-dur: .2s;
}

@media (min-width: 1000px) {
  :root { --rd-gutter: 80px; }    /* Salient ext_responsive_padding 80 과 일치 */
}

/* --------------------------------------------------------------------------
   2. 섹션 스코프 베이스  (.rd 안에서만 적용 — Salient 요소는 건드리지 않음)
   -------------------------------------------------------------------------- */
.rd,
.rd * { box-sizing: border-box; }

.rd {
  font-family: var(--rd-font-sans);
  color: var(--rd-color-text-body);
  font-size: var(--rd-fs-md);
  line-height: var(--rd-lh-normal);
  letter-spacing: var(--rd-ls-heading);
  -webkit-font-smoothing: antialiased;
  word-break: keep-all;          /* 한글 줄바꿈 */
  overflow-wrap: anywhere;
}
.rd h1, .rd h2, .rd h3, .rd h4, .rd p, .rd ul, .rd ol { margin: 0; }
.rd ul, .rd ol { padding: 0; list-style: none; }
.rd img { max-width: 100%; height: auto; display: block; }
.rd a { color: inherit; text-decoration: none; }
.rd strong { color: var(--rd-color-text); font-weight: 700; }

/* --------------------------------------------------------------------------
   3. 섹션 컨테이너
   -------------------------------------------------------------------------- */
.rd-section {
  padding-block: var(--rd-section-y);
  background: var(--rd-color-bg);
}
.rd-section--surface { background: var(--rd-color-surface); }
.rd-section--dark    { background: var(--rd-color-primary-deep); color: var(--rd-green-100); }
.rd-section--dark .rd-eyebrow { color: var(--rd-yellow-500); }
.rd-section--dark .rd-muted { color: var(--rd-green-200); }
.rd-section--dark .rd-h,
.rd-section--dark strong { color: var(--rd-white); }
.rd-section--tight   { --rd-section-y: clamp(48px, 4vw + 24px, 80px); }

.rd-container {
  width: min(100% - var(--rd-gutter) * 2, var(--rd-container));
  margin-inline: auto;
}
.rd-container--wide   { max-width: var(--rd-container-wide); width: min(100% - var(--rd-gutter) * 2, var(--rd-container-wide)); }
.rd-container--narrow { max-width: var(--rd-container-narrow); width: min(100% - var(--rd-gutter) * 2, var(--rd-container-narrow)); }

/* --------------------------------------------------------------------------
   4. 타이포 유틸
   -------------------------------------------------------------------------- */
.rd-h {
  color: var(--rd-color-text);
  font-weight: 700;
  line-height: var(--rd-lh-tight);
  letter-spacing: var(--rd-ls-tight);
}
.rd-h--display { font-size: var(--rd-fs-display); font-weight: 800; }
.rd-h--1 { font-size: var(--rd-fs-h1); }
.rd-h--2 { font-size: var(--rd-fs-h2); }
.rd-h--3 { font-size: var(--rd-fs-h3); line-height: var(--rd-lh-snug); }
.rd-h--4 { font-size: var(--rd-fs-h4); line-height: var(--rd-lh-snug); }

.rd-eyebrow {
  display: inline-block;
  color: var(--rd-color-primary);
  font-size: var(--rd-fs-sm);
  font-weight: 700;
  margin-bottom: var(--rd-space-3);
}
.rd-lead  { font-size: var(--rd-fs-lg); color: var(--rd-color-text-body); }
.rd-muted { color: var(--rd-color-text-muted); }
.rd-small { font-size: var(--rd-fs-sm); }
.rd-xs    { font-size: var(--rd-fs-xs); }
.rd-primary { color: var(--rd-color-primary); }
.rd-center { text-align: center; }

/* 섹션 헤더 (아이브로우 + 제목 + 설명) */
.rd-head { max-width: 720px; margin-bottom: var(--rd-space-12); }
.rd-head--center { margin-inline: auto; text-align: center; }
.rd-head .rd-h + .rd-lead { margin-top: var(--rd-space-4); }

/* --------------------------------------------------------------------------
   5. 그리드
   -------------------------------------------------------------------------- */
.rd-grid {
  display: grid;
  gap: var(--rd-space-6);
  grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr));
}
.rd-grid--2 { --cols: 2; }
.rd-grid--3 { --cols: 3; }
.rd-grid--4 { --cols: 4; }
.rd-split {                         /* 텍스트 | 이미지 2단 */
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--rd-space-16);
  align-items: center;
}
.rd-split--reverse > :first-child { order: 2; }

@media (max-width: 1024px) {
  .rd-grid--4 { --cols: 2; }
  .rd-grid--3 { --cols: 2; }
}
@media (max-width: 680px) {
  .rd-grid, .rd-grid--2, .rd-grid--3, .rd-grid--4 { --cols: 1; }
  .rd-split { grid-template-columns: 1fr; gap: var(--rd-space-10); }
  .rd-split--reverse > :first-child { order: 0; }
}

/* --------------------------------------------------------------------------
   6. 버튼
   - 셀렉터를 .rd-btn.rd-btn--x 로 써서 `.rd a { color: inherit }` 보다 항상 우선한다
   - 채움 버튼 배경은 의미 토큰(--rd-color-primary / -accent)으로. primary(green-500)는 흰 글자 5.25:1 로 통과
   -------------------------------------------------------------------------- */
.rd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--rd-space-2);
  height: 56px;
  padding-inline: var(--rd-space-8);
  border-radius: var(--rd-radius-lg);
  font-size: var(--rd-fs-lg);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.01em;
  cursor: pointer;
  border: 1.5px solid transparent;
  text-decoration: none;
  transition: background var(--rd-dur) var(--rd-ease), color var(--rd-dur) var(--rd-ease),
              border-color var(--rd-dur) var(--rd-ease), box-shadow var(--rd-dur) var(--rd-ease),
              transform var(--rd-dur) var(--rd-ease);
  white-space: nowrap;
}
.rd-btn:active { transform: scale(.98); }
.rd-btn:focus-visible { outline: 3px solid var(--rd-yellow-500); outline-offset: 2px; }

/* 채움 · 주요 (흰 배경 위 기본 CTA) */
.rd-btn.rd-btn--primary { background: var(--rd-color-primary); color: var(--rd-white); }
.rd-btn.rd-btn--primary:hover { background: var(--rd-color-primary-hov); color: var(--rd-white); box-shadow: var(--rd-shadow-md); }

/* 채움 · 액센트 (딥그린·다크 배경 위 CTA) */
.rd-btn.rd-btn--accent { background: var(--rd-color-accent); color: var(--rd-gray-900); }
.rd-btn.rd-btn--accent:hover { background: var(--rd-color-accent-hov); color: var(--rd-gray-900); box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.rd-btn.rd-btn--kakao { background: var(--rd-kakao); color: var(--rd-gray-900); }
.rd-btn.rd-btn--kakao:hover { background: var(--rd-kakao-hov); color: var(--rd-gray-900); }

/* 연한 채움 · 보조 */
.rd-btn.rd-btn--secondary { background: var(--rd-green-50); color: var(--rd-green-700); }
.rd-btn.rd-btn--secondary:hover { background: var(--rd-green-100); color: var(--rd-green-800); }

/* 회색 채움 · 중립 */
.rd-btn.rd-btn--ghost { background: var(--rd-gray-100); color: var(--rd-gray-900); }
.rd-btn.rd-btn--ghost:hover { background: var(--rd-gray-200); color: var(--rd-gray-900); }

/* 외곽선 */
.rd-btn.rd-btn--outline { background: transparent; border-color: var(--rd-color-primary); color: var(--rd-green-700); }
.rd-btn.rd-btn--outline:hover { background: var(--rd-green-50); border-color: var(--rd-green-700); color: var(--rd-green-800); }

/* 다크 채움 */
.rd-btn.rd-btn--dark { background: var(--rd-gray-900); color: var(--rd-white); }
.rd-btn.rd-btn--dark:hover { background: var(--rd-gray-800); color: var(--rd-white); }

/* 다크 배경 전용: 반투명 흰 채움 / 흰 외곽선 */
.rd-btn.rd-btn--on-dark { background: rgba(255,255,255,.14); color: var(--rd-white); border-color: rgba(255,255,255,.18); }
.rd-btn.rd-btn--on-dark:hover { background: rgba(255,255,255,.24); color: var(--rd-white); }
.rd-btn.rd-btn--outline-light { background: transparent; border-color: rgba(255,255,255,.6); color: var(--rd-white); }
.rd-btn.rd-btn--outline-light:hover { background: rgba(255,255,255,.1); border-color: var(--rd-white); color: var(--rd-white); }

.rd-btn--sm { height: 44px; padding-inline: var(--rd-space-5); font-size: var(--rd-fs-sm); border-radius: var(--rd-radius-md); }
.rd-btn--lg { height: 64px; padding-inline: var(--rd-space-10); font-size: 1.25rem; }
.rd-btn--block { width: 100%; }
.rd-btn--center { display: flex; width: fit-content; margin-inline: auto; }

/* 화살표 원 아이콘이 붙는 버튼 (주로 --ghost / --white 와 같이 씀) */
.rd-btn--arrow { padding-inline: var(--rd-space-6) var(--rd-space-3); gap: var(--rd-space-3); }
.rd-btn--arrow::after {
  content: "";
  flex: 0 0 auto;
  width: 30px; height: 30px;
  border-radius: 50%;
  background: var(--rd-gray-900) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E") center / 14px no-repeat;
  transition: transform var(--rd-dur) var(--rd-ease);
}
.rd-btn--arrow:hover::after { transform: translateX(3px); }
.rd-btn-group { display: flex; flex-wrap: wrap; gap: var(--rd-space-3); }

/* 텍스트 링크 */
.rd .rd-link, .rd-link {
  color: var(--rd-green-700);
  font-weight: 600;
  display: inline-flex; align-items: center; gap: var(--rd-space-1);
}
.rd-link::after { content: "→"; transition: transform var(--rd-dur) var(--rd-ease); }
.rd-link:hover::after { transform: translateX(3px); }

/* --------------------------------------------------------------------------
   7. 카드
   -------------------------------------------------------------------------- */
.rd-card {
  background: var(--rd-white);
  border-radius: var(--rd-radius-xl);
  padding: var(--rd-space-8);
  border: 1px solid var(--rd-color-border);
  display: flex; flex-direction: column; gap: var(--rd-space-4);
  transition: transform var(--rd-dur) var(--rd-ease), box-shadow var(--rd-dur) var(--rd-ease);
}
.rd-card--surface { background: var(--rd-color-surface); border-color: transparent; }
.rd-card--dark { background: var(--rd-green-800); border-color: transparent; color: var(--rd-green-100); }   /* 기존 nb_center 다크 카드 */
.rd-card--dark .rd-card__title, .rd-card--dark strong { color: var(--rd-white); }
.rd-card--dark .rd-card__desc { color: var(--rd-green-200); }
.rd-card--navy { background: var(--rd-navy-900); border-color: transparent; color: var(--rd-gray-300); }
.rd-card--navy .rd-card__title, .rd-card--navy strong { color: var(--rd-white); }
.rd-card--hover:hover { transform: translateY(-4px); box-shadow: var(--rd-shadow-md); }
.rd-card__icon {
  width: 56px; height: 56px;
  border-radius: var(--rd-radius-lg);
  background: var(--rd-green-50);
  color: var(--rd-color-primary);
  display: grid; place-items: center;
  font-size: 26px;
}
.rd-card__title { font-size: var(--rd-fs-h4); font-weight: 700; color: var(--rd-color-text); line-height: var(--rd-lh-snug); }
.rd-card__desc  { color: var(--rd-color-text-muted); font-size: var(--rd-fs-sm); }
.rd-card__foot  { margin-top: auto; padding-top: var(--rd-space-2); }

/* 플랜 카드 */
.rd-plan { position: relative; }
.rd-plan--featured { border: 2px solid var(--rd-color-primary); }
.rd-plan__name  { font-size: var(--rd-fs-h4); font-weight: 700; color: var(--rd-color-text); }
.rd-plan__price { font-size: var(--rd-fs-h2); font-weight: 800; color: var(--rd-color-text); letter-spacing: var(--rd-ls-tight); }
.rd-plan__price small { font-size: var(--rd-fs-md); font-weight: 500; color: var(--rd-color-text-muted); margin-left: 2px; }
.rd-plan__list { display: grid; gap: var(--rd-space-3); }
.rd-plan__list li { padding-left: 26px; position: relative; font-size: var(--rd-fs-sm); }
.rd-plan__list li::before {
  content: "✓"; position: absolute; left: 0; top: 0;
  color: var(--rd-color-primary); font-weight: 800;
}

/* 후기 카드 */
.rd-quote { font-size: var(--rd-fs-lg); color: var(--rd-gray-800); line-height: var(--rd-lh-normal); }
.rd-quote::before { content: "“"; color: var(--rd-color-primary); font-size: 2em; line-height: 0; margin-right: 4px; vertical-align: -0.3em; }
.rd-author { display: flex; align-items: center; gap: var(--rd-space-3); }
.rd-author__avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--rd-gray-200); }
.rd-author__name { font-weight: 700; color: var(--rd-color-text); font-size: var(--rd-fs-sm); }
.rd-author__meta { color: var(--rd-color-text-muted); font-size: var(--rd-fs-xs); }

/* --------------------------------------------------------------------------
   8. 뱃지 · 태그 · 숫자
   -------------------------------------------------------------------------- */
.rd-badge {
  display: inline-flex; align-items: center;
  height: 28px; padding-inline: var(--rd-space-3);
  border-radius: var(--rd-radius-pill);
  font-size: var(--rd-fs-xs); font-weight: 700;
  background: var(--rd-green-50); color: var(--rd-color-primary);
}
.rd-badge--yellow { background: var(--rd-yellow-100); color: var(--rd-yellow-800); }
.rd-badge--gray  { background: var(--rd-gray-100); color: var(--rd-gray-700); }
.rd-badge--red   { background: var(--rd-red-50); color: var(--rd-red-500); }
.rd-badge--solid { background: var(--rd-color-primary); color: var(--rd-white); }

.rd-stat { display: grid; gap: var(--rd-space-1); }
.rd-stat__num { font-size: var(--rd-fs-h1); font-weight: 800; color: var(--rd-color-text); letter-spacing: var(--rd-ls-tight); line-height: 1.1; }
.rd-stat__num em { font-style: normal; color: var(--rd-color-primary); }
.rd-stat__label { color: var(--rd-color-text-muted); font-size: var(--rd-fs-sm); }

/* --------------------------------------------------------------------------
   9. 비교표
   -------------------------------------------------------------------------- */
.rd-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: var(--rd-radius-xl); border: 1px solid var(--rd-color-border); }
.rd-table { width: 100%; border-collapse: collapse; font-size: var(--rd-fs-sm); min-width: 640px; }
.rd-table th, .rd-table td { padding: var(--rd-space-4) var(--rd-space-5); text-align: center; border-bottom: 1px solid var(--rd-color-border); }
.rd-table th { background: var(--rd-color-surface); color: var(--rd-color-text); font-weight: 700; }
.rd-table tbody tr:last-child td { border-bottom: 0; }
.rd-table td:first-child, .rd-table th:first-child { text-align: left; color: var(--rd-gray-800); font-weight: 600; }
.rd-table .rd-table__hl { background: var(--rd-green-50); }
.rd-table .rd-yes { color: var(--rd-color-primary); font-weight: 800; }
.rd-table .rd-no  { color: var(--rd-gray-400); }

/* --------------------------------------------------------------------------
   10. FAQ 아코디언  (rd.js 연동)
   -------------------------------------------------------------------------- */
.rd-faq { border-top: 1px solid var(--rd-color-border); }
.rd-faq__item { border-bottom: 1px solid var(--rd-color-border); }
.rd-faq__q {
  width: 100%; background: none; border: 0; cursor: pointer;
  display: flex; justify-content: space-between; align-items: center; gap: var(--rd-space-4);
  padding: var(--rd-space-6) 0; text-align: left;
  font: inherit; font-size: var(--rd-fs-lg); font-weight: 700; color: var(--rd-color-text);
}
.rd-faq__q::after {
  content: ""; flex: 0 0 auto; width: 10px; height: 10px;
  border-right: 2px solid var(--rd-gray-500); border-bottom: 2px solid var(--rd-gray-500);
  transform: rotate(45deg); transition: transform var(--rd-dur) var(--rd-ease);
}
.rd-faq__item.is-open .rd-faq__q::after { transform: rotate(-135deg); }
.rd-faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s var(--rd-ease); }
.rd-faq__item.is-open .rd-faq__a { grid-template-rows: 1fr; }
.rd-faq__a > div { overflow: hidden; }
.rd-faq__a p { color: var(--rd-color-text-body); }
/* 열었을 때 답변 아래 여백 — 마지막 요소에. Salient .row .col p:last-child·16번 .rd-row .col p {padding:0} 보다 세게 */
.rd-faq .rd-faq__item .rd-faq__a > div > :last-child { padding-bottom: var(--rd-space-6); }

/* --------------------------------------------------------------------------
   11. CTA 밴드
   -------------------------------------------------------------------------- */
.rd-cta {
  background: var(--rd-color-primary-deep);
  color: var(--rd-white);
  border-radius: var(--rd-radius-xl);
  padding: clamp(40px, 5vw, 72px);
  display: flex; align-items: center; justify-content: space-between; gap: var(--rd-space-8);
  flex-wrap: wrap;
}
.rd-cta .rd-h { color: var(--rd-white); }
.rd-cta p { color: var(--rd-green-100); margin-top: var(--rd-space-2); }
/* 딥그린 밴드 위 버튼은 .rd-btn--accent(노랑) 또는 .rd-btn--on-dark 를 쓴다 */
.rd-cta--light { background: var(--rd-color-primary); }
.rd-cta--light p { color: rgba(255,255,255,.88); }
.rd-btn.rd-btn--white { background: var(--rd-white); color: var(--rd-green-700); }        /* 브랜드 그린 밴드 위 */
.rd-btn.rd-btn--white:hover { background: var(--rd-green-50); color: var(--rd-green-800); }

/* --------------------------------------------------------------------------
   12. 히어로
   -------------------------------------------------------------------------- */
.rd-hero { padding-block: clamp(80px, 10vw, 160px); }
.rd-hero__title { font-size: var(--rd-fs-display); font-weight: 800; }
.rd-hero__lead  { font-size: clamp(1.125rem, 1rem + .5vw, 1.375rem); margin-top: var(--rd-space-6); }
.rd-hero .rd-btn-group { margin-top: var(--rd-space-10); }
.rd-hero__visual {
  border-radius: var(--rd-radius-xl);
  background: linear-gradient(135deg, var(--rd-green-50), var(--rd-gray-100));
  aspect-ratio: 4 / 3;
}
/* 딥그린 풀블리드 히어로 (기존 lite/nb_center 히어로 톤) */
.rd-hero--deep { background: linear-gradient(160deg, var(--rd-green-900) 0%, var(--rd-green-700) 100%); color: var(--rd-green-100); }
.rd-hero--deep .rd-h { color: var(--rd-white); }
.rd-hero--deep .rd-eyebrow { color: var(--rd-yellow-500); }
.rd-hero--deep .rd-hero__lead { color: var(--rd-green-100); }
.rd-hero--deep .rd-hero__visual { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); }

/* --------------------------------------------------------------------------
   13. 프로세스 스텝
   -------------------------------------------------------------------------- */
.rd-steps { display: grid; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); gap: var(--rd-space-6); counter-reset: step; }
.rd-step { position: relative; padding-top: var(--rd-space-4); }
.rd-step::before {
  counter-increment: step; content: counter(step, decimal-leading-zero);
  display: block; color: var(--rd-color-primary); font-weight: 800; font-size: var(--rd-fs-h3);
  margin-bottom: var(--rd-space-3);
}
.rd-step__title { font-weight: 700; color: var(--rd-color-text); font-size: var(--rd-fs-lg); margin-bottom: var(--rd-space-2); }
.rd-step__desc { color: var(--rd-color-text-muted); font-size: var(--rd-fs-sm); }
@media (max-width: 1024px) { .rd-steps { --cols: 2; } }
@media (max-width: 680px)  { .rd-steps { --cols: 1; } }

/* --------------------------------------------------------------------------
   14. 우커머스 스코프 (Salient의 우커머스 마크업 위에 토큰만 입힘)
   -------------------------------------------------------------------------- */
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  border-radius: var(--rd-radius-lg);
  font-family: var(--rd-font-sans);
  font-weight: 700;
}
.woocommerce ul.products li.product {
  border-radius: var(--rd-radius-xl);
  overflow: hidden;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price { color: var(--rd-color-text); font-weight: 800; }
.woocommerce table.shop_table { border-radius: var(--rd-radius-lg); border-color: var(--rd-color-border); }
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info { border-top-color: var(--rd-color-primary); border-radius: var(--rd-radius-md); }

/* 14-1. 상품 페이지(결제 신청 — 검진센터·유료 상담) — 짧은 설명 마크업은 scripts/product_excerpts.php (2026-09-30)
   [상품 이미지 | 제목·가격·설명·입력 항목(Advanced Product Fields)·결제하기] */
.single-product div.product .summary .product_title {
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-h2);
  font-weight: 800;
  line-height: var(--rd-lh-tight);
  letter-spacing: var(--rd-ls-tight);
  color: var(--rd-color-text);
  word-break: keep-all;
}
.single-product div.product .summary p.price { margin-top: var(--rd-space-2); font-size: var(--rd-fs-h3); }
.single-product .woocommerce-product-details__short-description { margin-top: var(--rd-space-6); font-family: var(--rd-font-sans); color: var(--rd-color-text-body); }
.single-product .woocommerce-product-details__short-description p,
.single-product .woocommerce-product-details__short-description li { font-size: var(--rd-fs-md); line-height: var(--rd-lh-normal); }
.single-product .woocommerce-product-details__short-description p.rd-prd-lead { color: var(--rd-color-text); }
.single-product .woocommerce-product-details__short-description h3.rd-prd-title { margin: var(--rd-space-6) 0 var(--rd-space-3); font-size: var(--rd-fs-md); font-weight: 700; color: var(--rd-color-text); }
/* 상담 절차 — 번호 동그라미 */
.single-product .woocommerce-product-details__short-description ol.rd-prd-steps { counter-reset: rd-prd; display: grid; gap: var(--rd-space-2); margin: 0; padding: 0; list-style: none; }
.single-product .woocommerce-product-details__short-description ol.rd-prd-steps li { counter-increment: rd-prd; position: relative; padding-left: calc(24px + var(--rd-space-3)); }
.single-product .woocommerce-product-details__short-description ol.rd-prd-steps li::before {
  content: counter(rd-prd);
  position: absolute; left: 0; top: 1px;
  display: grid; place-items: center;
  width: 24px; height: 24px;
  border-radius: var(--rd-radius-pill);
  background: var(--rd-green-50);
  color: var(--rd-green-700);
  font-size: var(--rd-fs-xs); font-weight: 700;
}
/* Salient 가 설명 안 ol·ul 에 기본 번호·점(+왼쪽 여백)을 걸어 우리 표시와 겹친다 → 끔 */
.woocommerce.single-product div.product .woocommerce-product-details__short-description ol.rd-prd-steps,
.woocommerce.single-product div.product .woocommerce-product-details__short-description ul.rd-prd-notes { margin-left: 0; padding-left: 0; list-style: none; }
.woocommerce.single-product div.product .woocommerce-product-details__short-description ol.rd-prd-steps > li,
.woocommerce.single-product div.product .woocommerce-product-details__short-description ul.rd-prd-notes > li { list-style: none; margin-left: 0; }
/* 참고 — 작은 회색 점 목록 */
.single-product .woocommerce-product-details__short-description ul.rd-prd-notes { display: grid; gap: var(--rd-space-1); margin: var(--rd-space-5) 0 0; padding: 0; list-style: none; }
.single-product .woocommerce-product-details__short-description ul.rd-prd-notes li { position: relative; padding-left: var(--rd-space-4); font-size: var(--rd-fs-sm); color: var(--rd-color-text-muted); }
.single-product .woocommerce-product-details__short-description ul.rd-prd-notes li::before { content: ""; position: absolute; left: 4px; top: .7em; width: 4px; height: 4px; border-radius: 50%; background: var(--rd-gray-400); }
/* 꼭 볼 것(환불 등) — 노란 상자 (rd-notice 와 같은 모양) */
.single-product .woocommerce-product-details__short-description p.rd-prd-alert {
  margin-top: var(--rd-space-4);
  padding: var(--rd-space-3) var(--rd-space-4);
  border-radius: var(--rd-radius-md);
  background: var(--rd-yellow-100);
  color: var(--rd-yellow-800);
  font-size: var(--rd-fs-sm);
  font-weight: 600;
}
/* 입력 항목(Advanced Product Fields) — 신청서(26번)와 같은 입력칸 */
.single-product .wapf-field-label label,
.single-product .wapf-field-label label span { font-family: var(--rd-font-sans); font-size: var(--rd-fs-sm); font-weight: 600; color: var(--rd-gray-800); }
.single-product .wapf-field-label abbr.required { color: var(--rd-color-primary); text-decoration: none; }
.single-product .wapf-field-input input[type="text"],
.single-product .wapf-field-input input[type="tel"],
.single-product .wapf-field-input input[type="email"],
.single-product .wapf-field-input input[type="number"],
.single-product .wapf-field-input input[type="date"],
.single-product .wapf-field-input select,
.single-product .wapf-field-input textarea {
  width: 100%;
  padding: var(--rd-space-3) var(--rd-space-4);
  border: 1px solid var(--rd-gray-300);
  border-radius: var(--rd-radius-md);
  background: var(--rd-white);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  line-height: var(--rd-lh-normal);
  color: var(--rd-color-text);
  box-shadow: none;
}
.single-product .wapf-field-input input:focus,
.single-product .wapf-field-input select:focus,
.single-product .wapf-field-input textarea:focus { border-color: var(--rd-color-primary); outline: none; }
.single-product .wapf-field-input ::placeholder { color: var(--rd-gray-400); }
.single-product .wapf-checkable label.wapf-input-label { display: inline-flex; align-items: center; gap: var(--rd-space-2); font-size: var(--rd-fs-md); color: var(--rd-color-text-body); cursor: pointer; }
.single-product .wapf-checkable input { accent-color: var(--rd-color-primary); width: 18px; height: 18px; }
/* 결제 버튼 — '결제하기'(Quick Buy Now) 하나만. 우커머스 기본 'Buy now'(장바구니 담기)도 결과가 같아(결제 화면으로) 숨김 — 2026-09-30 두 버튼 모두 /checkout 확인 */
.single-product form.cart button.single_add_to_cart_button:not(.wc-buy-now-btn) { display: none; }
.woocommerce.single-product form.cart button.wc-buy-now-btn {
  height: 56px;
  padding: 0 var(--rd-space-10);
  border-radius: var(--rd-radius-lg);
  background: var(--rd-color-primary);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  font-weight: 700;
  color: var(--rd-white);
}
.woocommerce.single-product form.cart button.wc-buy-now-btn:hover { background: var(--rd-color-primary-hov); }
/* 카테고리 줄(Category: 미분류) 숨김 */
.single-product .product_meta { display: none; }
@media (max-width: 690px) {
  .woocommerce.single-product form.cart button.wc-buy-now-btn { width: 100%; }
}

/* 14-2. 상품 상세 배치 (2026-09-30 새 디자인) — [왼쪽: 작은 아이콘·작은 제목·제목·가격·설명 | 오른쪽: 따라 내려오는 신청서 카드]
   Salient 마크업: div.nectar-prod-wrap > (.single-product-main-image) + (.summary > 제목·가격·설명·form.cart)
   → nectar-prod-wrap 을 격자로, .summary 는 display:contents 로 풀어 안쪽 조각을 칸에 배치. 템플릿은 건드리지 않음
   작은 제목·카드 머리·카카오 문의는 functions.php 훅 */
.single-product div.product .nectar-prod-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 440px);
  grid-template-areas:
    "icon    form"
    "eyebrow form"
    "title   form"
    "price   form"
    "desc    form"
    ".       form";
  grid-template-rows: auto auto auto auto auto 1fr;
  column-gap: clamp(40px, 6vw, 96px);
  align-items: start;
  padding-block: var(--rd-space-8) var(--rd-space-16);
}
.single-product div.product .nectar-prod-wrap::before,
.single-product div.product .nectar-prod-wrap::after { content: none; }
.single-product div.product .nectar-prod-wrap > .summary { display: contents; }
/* 상품 이미지 → 작은 둥근 아이콘 */
.single-product div.product .single-product-main-image { grid-area: icon; float: none; width: 72px; margin: 0 0 var(--rd-space-5); padding: 0; }
.single-product div.product .single-product-main-image .woocommerce-product-gallery { width: 72px; margin: 0; opacity: 1; }
.single-product div.product .single-product-main-image img { width: 72px; height: 72px; border-radius: var(--rd-radius-xl); object-fit: cover; }
.woocommerce.single-product div.product .single-product-main-image .woocommerce-product-gallery a.woocommerce-product-gallery__trigger,
.woocommerce.single-product div.product .single-product-main-image .flex-control-nav,
.woocommerce.single-product div.product .single-product-main-image img.zoomImg { display: none; }   /* 돋보기·확대(아이콘이라 필요 없음) */
.single-product div.product .single-product-main-image .woocommerce-product-gallery { pointer-events: none; }
.single-product div.product .rd-prd-eyebrow { grid-area: eyebrow; margin: 0 0 var(--rd-space-2); }
.single-product div.product .summary .product_title { grid-area: title; margin: 0; }
.single-product div.product .summary p.price { grid-area: price; margin: var(--rd-space-3) 0 0; }
.woocommerce.single-product div.product .summary p.price .amount { color: var(--rd-color-text); }
.single-product div.product .woocommerce-product-details__short-description { grid-area: desc; margin-top: var(--rd-space-8); padding-top: var(--rd-space-8); border-top: 1px solid var(--rd-color-border); }
/* 신청서 카드 */
.single-product div.product form.cart {
  grid-area: form;
  position: sticky;
  top: calc(var(--rd-header-h) + var(--rd-space-6));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--rd-space-3);
  margin: 0;
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid var(--rd-color-border);
  border-radius: var(--rd-radius-2xl);
  background: var(--rd-white);
  box-shadow: var(--rd-shadow-lg);
}
.single-product div.product form.cart > * { flex: 1 1 100%; }
.single-product div.product form.cart .rd-prd-card__head { padding-bottom: var(--rd-space-5); border-bottom: 1px solid var(--rd-color-border); }
.single-product div.product form.cart p.rd-prd-card__title { margin: 0; font-size: var(--rd-fs-lg); font-weight: 700; color: var(--rd-color-text); }
.single-product div.product form.cart p.rd-prd-card__price { display: flex; justify-content: space-between; align-items: baseline; margin: var(--rd-space-2) 0 0; font-size: var(--rd-fs-sm); color: var(--rd-color-text-muted); }
.single-product div.product form.cart p.rd-prd-card__price .amount { font-size: var(--rd-fs-h4); font-weight: 800; color: var(--rd-color-text); }
.single-product div.product form.cart .wapf { margin-top: var(--rd-space-2); }
.single-product div.product form.cart .wapf-field-row { margin-bottom: var(--rd-space-2); }
.single-product div.product form.cart .quantity { flex: 0 0 auto; margin: 0; }
.single-product div.product form.cart .quantity + button { flex: 1 1 0; }
.woocommerce.single-product div.product form.cart button.wc-buy-now-btn { width: 100%; margin: var(--rd-space-2) 0 0; }
.single-product div.product form.cart p.rd-prd-card__help { margin: 0; text-align: center; font-size: var(--rd-fs-sm); color: var(--rd-color-text-muted); }
.single-product div.product form.cart p.rd-prd-card__help a { color: var(--rd-green-700); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
/* 다른 상담 서비스 — 카드 줄 (2026-09-30 부터 functions.php 가 섹션을 숨김, 되살릴 때를 위해 모양은 남겨 둠) */
.single-product .related.products { padding-top: var(--rd-space-16); border-top: 1px solid var(--rd-color-border); }
.single-product .related.products > h2 { margin-bottom: var(--rd-space-8); font-family: var(--rd-font-sans); font-size: var(--rd-fs-h3); font-weight: 800; letter-spacing: var(--rd-ls-tight); color: var(--rd-color-text); }
.woocommerce.single-product .related ul.products li.product {
  display: flex;
  flex-direction: column;
  padding: var(--rd-space-6);
  border: 1px solid var(--rd-color-border);
  border-radius: var(--rd-radius-xl);
  background: var(--rd-white);
  transition: border-color var(--rd-dur) var(--rd-ease), box-shadow var(--rd-dur) var(--rd-ease);
}
.woocommerce.single-product .related ul.products li.product:hover { border-color: var(--rd-gray-300); box-shadow: var(--rd-shadow-md); }
.woocommerce.single-product .related ul.products li.product img { width: 64px; height: 64px; margin: 0 0 var(--rd-space-4); border-radius: var(--rd-radius-lg); object-fit: cover; }
.woocommerce.single-product .related ul.products li.product .woocommerce-loop-product__title,
.woocommerce.single-product .related ul.products li.product h2 { padding: 0; font-family: var(--rd-font-sans); font-size: var(--rd-fs-md); font-weight: 700; line-height: var(--rd-lh-snug); color: var(--rd-color-text); word-break: keep-all; }
.woocommerce.single-product .related ul.products li.product .price { margin-top: var(--rd-space-2); font-size: var(--rd-fs-md); }
/* 카드 = 그 상품으로 가는 링크만 (2026-09-30): 장바구니 담기·결제하기 버튼 숨김, 이미지 링크를 카드 전체로 넓힘 */
.woocommerce.single-product .related ul.products li.product { position: relative; cursor: pointer; }
.woocommerce.single-product .related ul.products li.product .product-add-to-cart,
.woocommerce.single-product .related ul.products li.product a.button { display: none; }
.woocommerce.single-product .related ul.products li.product .product-wrap { position: static; overflow: visible; }   /* Salient 의 relative·hidden 이 넓힌 링크를 이미지 칸에 가둔다 */
.woocommerce.single-product .related ul.products li.product .product-wrap > a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.woocommerce.single-product .related ul.products li.product .product-wrap > a:focus-visible::after { outline: 2px solid var(--rd-color-primary); outline-offset: 2px; }
.woocommerce.single-product .related ul.products li.product:hover .woocommerce-loop-product__title { color: var(--rd-color-primary); }
.woocommerce.single-product .related ul.products li.product .woocommerce-loop-product__title::after { content: " →"; color: var(--rd-color-primary); }
@media (max-width: 999px) {
  .single-product div.product .nectar-prod-wrap {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "icon" "eyebrow" "title" "price" "desc" "form";
    grid-template-rows: none;
  }
  .single-product div.product form.cart { position: static; margin-top: var(--rd-space-10); box-shadow: none; }
}

/* 14-3. 결제(/checkout) — [주문자 정보·문의 내용 | 따라 내려오는 주문 내역·결제 수단 카드] (2026-09-30)
   Salient 마크업 그대로: form.checkout > #customer_details > .col-1(입력) + .col-2(h3 주문 내역 + #order_review)
   머리글(.rd-co-head)·개인정보 문장·한국어 문구는 functions.php */
/* 입력 오류 안내 — Salient 기본은 초록 통 상자(성공처럼 보임) → 연한 빨강 상자 */
.woocommerce-checkout .woocommerce-NoticeGroup ul.woocommerce-error,
.woocommerce-checkout .woocommerce ul.woocommerce-error {
  margin: 0 0 var(--rd-space-8);
  padding: var(--rd-space-4) var(--rd-space-5);
  border: 1px solid var(--rd-red-100);
  border-radius: var(--rd-radius-lg);
  background-image: linear-gradient(var(--rd-red-50), var(--rd-red-50));   /* Salient 가 accent 초록을 background-color !important 로 칠함 → 이미지로 덮는다(16-3 버튼과 같은 방법) */
  color: var(--rd-gray-900);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-sm);
  line-height: var(--rd-lh-normal);
  list-style: none;
}
.woocommerce-checkout ul.woocommerce-error::before { content: none; }
.woocommerce-checkout ul.woocommerce-error li { margin: 0; padding: 0; color: inherit; }
body.woocommerce-checkout .woocommerce .woocommerce-NoticeGroup ul.woocommerce-error li strong,
body.woocommerce-checkout .woocommerce ul.woocommerce-error li strong { color: var(--rd-red-500); -webkit-text-fill-color: var(--rd-red-500); }   /* Salient: .woocommerce-error strong { color:#fff !important } → 글자 채움색으로 덮는다 */
.woocommerce-checkout .rd-co-head { max-width: 720px; margin: var(--rd-space-8) 0 var(--rd-space-12); font-family: var(--rd-font-sans); }
.woocommerce-checkout .rd-co-head h1 { margin: var(--rd-space-2) 0 var(--rd-space-3); font-size: var(--rd-fs-h2); font-weight: 800; line-height: var(--rd-lh-tight); letter-spacing: var(--rd-ls-tight); color: var(--rd-color-text); }
.woocommerce-checkout .rd-co-head p:not(.rd-eyebrow) { font-size: var(--rd-fs-md); line-height: var(--rd-lh-normal); color: var(--rd-color-text-body); }
.woocommerce-checkout form.checkout { font-family: var(--rd-font-sans); padding-bottom: var(--rd-space-16); }
.woocommerce-checkout #customer_details .col-1 { width: calc(100% - 440px - clamp(40px, 6vw, 96px)); }
.woocommerce-checkout #customer_details .col-2 { width: 440px; }
/* 섹션 제목 */
.woocommerce-checkout form.checkout h3 { margin: 0 0 var(--rd-space-5); font-family: var(--rd-font-sans); font-size: var(--rd-fs-lg); font-weight: 700; letter-spacing: var(--rd-ls-heading); color: var(--rd-color-text); }
.woocommerce-checkout .woocommerce-additional-fields { margin-top: var(--rd-space-10); padding-top: var(--rd-space-10); border-top: 1px solid var(--rd-color-border); }
/* 입력칸 — 신청서(26번)와 같은 모양, 이름도 한 줄 전체 */
.woocommerce-checkout form.checkout .form-row { width: 100%; float: none; margin: 0 0 var(--rd-space-5); padding: 0; }
.woocommerce-checkout form.checkout .form-row label { margin-bottom: var(--rd-space-2); font-size: var(--rd-fs-sm); font-weight: 600; line-height: var(--rd-lh-normal); color: var(--rd-gray-800); }
.woocommerce-checkout form.checkout .form-row .required { color: var(--rd-color-primary); text-decoration: none; }
.woocommerce-checkout form.checkout .form-row .optional { font-weight: 400; color: var(--rd-color-text-muted); }
.woocommerce-checkout form.checkout .form-row input.input-text,
.woocommerce-checkout form.checkout .form-row textarea,
.woocommerce-checkout form.checkout .form-row select {
  width: 100%;
  padding: var(--rd-space-3) var(--rd-space-4);
  border: 1px solid var(--rd-gray-300);
  border-radius: var(--rd-radius-md);
  background: var(--rd-white);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  line-height: var(--rd-lh-normal);
  color: var(--rd-color-text);
  box-shadow: none;
}
.woocommerce-checkout form.checkout .form-row textarea { min-height: 120px; }
.woocommerce-checkout form.checkout .form-row input.input-text:focus,
.woocommerce-checkout form.checkout .form-row textarea:focus { border-color: var(--rd-color-primary); outline: none; }
.woocommerce-checkout form.checkout .form-row.woocommerce-invalid input.input-text { border-color: var(--rd-red-500); }
/* 오른쪽 카드 — 주문 내역 + 결제 수단 + 결제하기 */
.woocommerce-checkout #customer_details .col-2 {
  position: sticky;
  top: calc(var(--rd-header-h) + var(--rd-space-6));
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid var(--rd-color-border);
  border-radius: var(--rd-radius-2xl);
  background: var(--rd-white);
  box-shadow: var(--rd-shadow-lg);
}
.woocommerce-checkout #order_review .product-container { margin: 0; padding: 0; background: none; }
.woocommerce-checkout #order_review .cart_item { display: flex; align-items: center; gap: var(--rd-space-4); padding: 0 0 var(--rd-space-5); background: none; border-bottom: 1px solid var(--rd-color-border); }
.woocommerce-checkout #order_review .cart_item .product-image { flex: 0 0 64px; width: 64px; margin: 0; }
.woocommerce-checkout #order_review .cart_item .product-image img { width: 64px; height: 64px; border-radius: var(--rd-radius-lg); object-fit: cover; }
.woocommerce-checkout #order_review .cart_item .product-info { display: flex; flex: 1 1 auto; flex-direction: column; gap: var(--rd-space-1); padding: 0; }
.woocommerce-checkout #order_review .cart_item h4 { margin: 0; font-family: var(--rd-font-sans); font-size: var(--rd-fs-md); font-weight: 700; line-height: var(--rd-lh-snug); word-break: keep-all; }
.woocommerce-checkout #order_review .cart_item h4 a { color: var(--rd-color-text); }
.woocommerce-checkout #order_review .cart_item .product-quantity { display: block; margin-top: var(--rd-space-1); font-size: var(--rd-fs-sm); font-weight: 400; color: var(--rd-color-text-muted); }
.woocommerce-checkout #order_review .cart_item .product-info > .amount { font-size: var(--rd-fs-md); font-weight: 700; color: var(--rd-color-text); }
.woocommerce-checkout #order_review table.order-review { width: 100%; margin: var(--rd-space-4) 0 0; border: 0; }
.woocommerce-checkout #order_review table.order-review th,
.woocommerce-checkout #order_review table.order-review td { padding: var(--rd-space-2) 0; border: 0; background: none; font-family: var(--rd-font-sans); font-size: var(--rd-fs-sm); font-weight: 500; color: var(--rd-color-text-muted); }
.woocommerce-checkout #order_review table.order-review td { text-align: right; color: var(--rd-color-text); }
.woocommerce-checkout #order_review table.order-review tr.order-total th { font-size: var(--rd-fs-md); font-weight: 700; color: var(--rd-color-text); }
.woocommerce-checkout #order_review table.order-review tr.order-total td .amount { font-size: var(--rd-fs-h3); font-weight: 800; color: var(--rd-color-primary); }
/* 결제 수단 — 고르는 상자 */
.woocommerce-checkout #payment { margin-top: var(--rd-space-5); padding: var(--rd-space-5) 0 0; border-top: 1px solid var(--rd-color-border); border-radius: 0; background: none; }
.woocommerce-checkout #payment ul.payment_methods { display: grid; gap: var(--rd-space-2); margin: 0; padding: 0; border: 0; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  margin: 0;
  padding: var(--rd-space-4);
  border: 1px solid var(--rd-color-border);
  border-radius: var(--rd-radius-lg);
  background: var(--rd-white);
  list-style: none;
  transition: border-color var(--rd-dur) var(--rd-ease), background-color var(--rd-dur) var(--rd-ease);
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input:checked) { border-color: var(--rd-color-primary); background: var(--rd-green-50); }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input { accent-color: var(--rd-color-primary); margin-right: var(--rd-space-2); vertical-align: middle; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label { display: inline; margin: 0; font-size: var(--rd-fs-md); font-weight: 600; color: var(--rd-color-text); cursor: pointer; }
.woocommerce-checkout #payment div.payment_box { margin: var(--rd-space-3) 0 0; padding: 0; background: none; font-size: var(--rd-fs-sm); line-height: var(--rd-lh-normal); color: var(--rd-color-text-body); }
.woocommerce-checkout #payment div.payment_box::before { content: none; }
.woocommerce-checkout #payment div.payment_box p { margin: 0; font-size: var(--rd-fs-sm); }
.woocommerce-checkout #payment .place-order { margin: var(--rd-space-5) 0 0; padding: 0; }
.woocommerce-checkout #payment .woocommerce-privacy-policy-text p { font-size: var(--rd-fs-sm); line-height: var(--rd-lh-normal); color: var(--rd-color-text-muted); }
.woocommerce-checkout #payment .woocommerce-privacy-policy-text a { color: var(--rd-green-700); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.woocommerce-checkout #payment #place_order {
  width: 100%;
  height: 56px;
  margin-top: var(--rd-space-4);
  border-radius: var(--rd-radius-lg);
  background: var(--rd-color-primary);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  font-weight: 700;
  color: var(--rd-white);
}
.woocommerce-checkout #payment #place_order:hover { background: var(--rd-color-primary-hov); }
@media (max-width: 999px) {
  .woocommerce-checkout #customer_details .col-1,
  .woocommerce-checkout #customer_details .col-2 { float: none; width: 100%; }
  .woocommerce-checkout #customer_details .col-2 { position: static; margin-top: var(--rd-space-10); box-shadow: none; }
}

/* --------------------------------------------------------------------------
   15. 유틸
   -------------------------------------------------------------------------- */
.rd-mt-2 { margin-top: var(--rd-space-2); } .rd-mt-4 { margin-top: var(--rd-space-4); }
.rd-mt-6 { margin-top: var(--rd-space-6); } .rd-mt-8 { margin-top: var(--rd-space-8); }
.rd-mt-12 { margin-top: var(--rd-space-12); } .rd-mt-16 { margin-top: var(--rd-space-16); }
.rd-flex { display: flex; gap: var(--rd-space-4); align-items: center; flex-wrap: wrap; }
.rd-between { justify-content: space-between; }
/* PC 에서만 줄바꿈 — <br class="rd-br-pc"> (앞뒤에 띄어쓰기를 둔다: 모바일에선 br 이 사라지고 공백으로 이어짐) */
@media (max-width: 999px) { .rd-br-pc { display: none; } }
.rd-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (max-width: 680px) {
  .rd-hide-m { display: none; }
  .rd-btn-group .rd-btn { width: 100%; }
}

/* --------------------------------------------------------------------------
   16. Salient 요소 스킨  (WPBakery 요소로 만든 섹션용)
   - 섹션 = vc_row  class="rd-row [modifier]"   ← Row 설정의 "Extra class name"
   - 요소 = 각 요소의 el_class. 버튼은 nectar_btn 에 rd-btn 계열을 그대로 준다
   - Salient 기본 스타일(.row .col h2, .nectar-button 등)보다 우선하도록
     .rd-row 스코프 + 필요한 곳은 클래스 두 번(.rd-btn.rd-btn)으로 명시도를 올린다
   -------------------------------------------------------------------------- */

/* 16-1. 섹션(Row) — 배경·상하 여백·컨테이너
   Salient 전폭 row 는 100vw + 음수 margin 으로 펼쳐지고, 안쪽 .span_12 의 좌우 margin 은
   Salient 가 0 으로 고정한다 → row 를 세로 flex 로 만들어 안쪽을 가운데 정렬.
   여백도 row 에 inline padding 이 들어가므로 안쪽 .row_col_wrap_12 에 준다 */
.rd-row.wpb_row {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  font-family: var(--rd-font-sans);
  color: var(--rd-color-text-body);
  letter-spacing: var(--rd-ls-heading);
  word-break: keep-all;
  overflow-wrap: anywhere;
  -webkit-font-smoothing: antialiased;
  background: var(--rd-color-bg);
}
.rd-row.rd-row--surface { background: var(--rd-color-surface); }
.rd-row.rd-row--subtle  { background: var(--rd-gray-50); }
.rd-row > .row_col_wrap_12 {
  width: min(100% - var(--rd-gutter) * 2, var(--rd-container));
  padding-block: var(--rd-section-y);
}
.rd-row.rd-row--flush-top > .row_col_wrap_12 { padding-top: 0; }
/* 페이지가 rd-row 로 시작하면 Salient 본문 상단 여백 제거 */
.container-wrap:has(.rd-row.top-level) { padding-top: 0; }

/* 컬럼: Salient float 대신 flex + 토큰 간격. 999px 이하에선 한 줄씩 (Salient 브레이크포인트) */
.rd-row .row_col_wrap_12,
.rd-row .row_col_wrap_12_inner {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rd-grid-gap);
}
/* Salient clearfix(::before/::after)가 flex 항목이 되어 gap 을 하나 더 먹지 않게 */
.rd-row .row_col_wrap_12::before, .rd-row .row_col_wrap_12::after,
.rd-row .row_col_wrap_12_inner::before, .rd-row .row_col_wrap_12_inner::after { content: none; }
.rd-row .wpb_column.col { flex: 1 1 0; min-width: 0; width: auto; margin: 0; }
.rd-row .wpb_column.vc_col-sm-12 { flex-basis: 100%; }
/* 편집기의 컬럼 비율(7/12 + 5/12 등)을 flex 비율로 */
.rd-row .wpb_column.vc_col-sm-3 { flex-grow: 3; }
.rd-row .wpb_column.vc_col-sm-4 { flex-grow: 4; }
.rd-row .wpb_column.vc_col-sm-5 { flex-grow: 5; }
.rd-row .wpb_column.vc_col-sm-6 { flex-grow: 6; }
.rd-row .wpb_column.vc_col-sm-7 { flex-grow: 7; }
.rd-row .wpb_column.vc_col-sm-8 { flex-grow: 8; }
.rd-row .wpb_column.vc_col-sm-9 { flex-grow: 9; }
@media (max-width: 999px) {
  .rd-row .wpb_column.col { flex-basis: 100%; }
}

/* 컬럼 안 요소 사이 간격은 gap 한 곳에서 (Salient 요소별 margin 과 싸우지 않게) */
.rd-row .wpb_column > .vc_column-inner > .wpb_wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--rd-space-8);
}
.rd-row .wpb_wrapper > .rd-head { margin-bottom: var(--rd-space-4); }            /* 머리글 뒤 48px */
.rd-row .wpb_wrapper > .inner_row + .nectar-button { margin-top: var(--rd-space-8); }
.rd-row .wpb_wrapper > .nectar-button { align-self: flex-start; }
.rd-row .wpb_wrapper > .nectar-button.rd-btn--center { align-self: center; }

/* 16-2. 텍스트 블록 — 편집기에서 h2·h3·p·ul 만 써도 토큰 스타일이 입혀진다 */
.rd-row .wpb_content_element { margin-bottom: 0; }
.rd-row .col h1,
.rd-row .col h2,
.rd-row .col h3 {
  font-family: inherit;
  color: var(--rd-color-text);
  font-weight: 700;
  letter-spacing: var(--rd-ls-tight);
  margin: 0;
  padding: 0;
}
.rd-row .col h1 { font-size: var(--rd-fs-h1); line-height: var(--rd-lh-tight); }
.rd-row .col h2 { font-size: var(--rd-fs-h2); line-height: var(--rd-lh-snug); }
.rd-row .col h3 { font-size: var(--rd-fs-h3); line-height: var(--rd-lh-snug); }
.rd-row .col p {
  font-family: inherit;
  font-size: var(--rd-fs-lg);
  line-height: var(--rd-lh-normal);
  color: var(--rd-color-text-body);
  padding: 0;
  margin: 0;
}
.rd-row .col h3 + p,
.rd-row .col p + p { margin-top: var(--rd-space-3); }
.rd-row .col h2 + p { margin-top: var(--rd-space-4); }
.rd-row .col ul { margin: 0; padding: 0; }
.rd-row .col ul li { list-style: none; }
.rd-row .col .rd-eyebrow { font-size: var(--rd-fs-sm); color: var(--rd-color-primary); font-weight: 700; margin-bottom: var(--rd-space-3); }

/* 16-3. 버튼 — nectar_btn 에 el_class="rd-btn rd-btn--..." (6번 버튼 체계를 그대로 씀)
   Salient 가 버튼 배경색을 background-color !important 로 박으므로,
   그 위에 그려지는 background-image(단색 그라데이션)로 토큰 색을 입힌다.
   라운드는 Salient Buttons 옵션(button-styling-roundness 12px) = --rd-radius-lg 로 맞춰 둠 */
.rd-row .nectar-button.rd-btn.rd-btn {
  --rd-btn-bg: var(--rd-gray-100);
  display: inline-flex;
  height: 56px;
  padding: 0 var(--rd-space-8);
  margin: 0;
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: none;
  border-radius: var(--rd-radius-lg);
  background-image: linear-gradient(var(--rd-btn-bg), var(--rd-btn-bg));
  box-shadow: none;
  opacity: 1;
}
.rd-row .nectar-button.rd-btn.rd-btn span { color: inherit; position: static; transform: none; }
.rd-row .nectar-button.rd-btn.rd-btn--sm { height: 44px; padding-inline: var(--rd-space-5); font-size: var(--rd-fs-sm); }
.rd-row .nectar-button.rd-btn.rd-btn--arrow { padding-inline: var(--rd-space-6) var(--rd-space-3); }
.rd-row .nectar-button.rd-btn.rd-btn--center { display: flex; }
.rd-row .nectar-button.rd-btn--primary.rd-btn { --rd-btn-bg: var(--rd-color-primary); color: var(--rd-white); }
.rd-row .nectar-button.rd-btn--primary.rd-btn:hover { --rd-btn-bg: var(--rd-color-primary-hov); }
.rd-row .nectar-button.rd-btn--accent.rd-btn { --rd-btn-bg: var(--rd-color-accent); color: var(--rd-gray-900); }
.rd-row .nectar-button.rd-btn--accent.rd-btn:hover { --rd-btn-bg: var(--rd-color-accent-hov); }
/* 카카오톡 상담 버튼 — el_class "rd-btn rd-btn--kakao" (하단 고정 바 1:1 채팅, 상담신청 카카오톡 카드) */
.rd-row .nectar-button.rd-btn--kakao.rd-btn { --rd-btn-bg: var(--rd-kakao); color: var(--rd-gray-900); }
.rd-row .nectar-button.rd-btn--kakao.rd-btn:hover { --rd-btn-bg: var(--rd-kakao-hov); }
.rd-row .nectar-button.rd-btn--ghost.rd-btn { --rd-btn-bg: var(--rd-gray-100); color: var(--rd-gray-900); }
.rd-row .nectar-button.rd-btn--ghost.rd-btn:hover { --rd-btn-bg: var(--rd-gray-200); }
.rd-row .nectar-button.rd-btn--white.rd-btn { --rd-btn-bg: var(--rd-white); color: var(--rd-gray-900); }
.rd-row .nectar-button.rd-btn--white.rd-btn:hover { --rd-btn-bg: var(--rd-green-50); }

/* 16-4. 사진 — image_with_animation 에 el_class="rd-media rd-media--..." (img 에 붙는다) */
.rd-row .img-with-aniamtion-wrap { margin: 0; }
.rd-row .img-with-aniamtion-wrap .inner { width: 100%; }
.rd-row img.rd-media {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--rd-radius-2xl);
}
.rd-row img.rd-media--portrait { aspect-ratio: 4 / 5; }
.rd-row img.rd-media--wide     { aspect-ratio: 43 / 20; object-position: center 70%; }
.rd-row img.rd-media--video    { aspect-ratio: 16 / 9; border-radius: var(--rd-radius-lg); transition: transform .4s var(--rd-ease); }
.rd-row img.rd-media--landscape { aspect-ratio: 3 / 2; }
/* 영상 — 직접 올린 영상(Salient Self Hosted Video, el_class 가 출력되지 않아 요소 클래스로) · 유튜브(WPBakery Video Player el_class rd-embed) */
.rd-row .nectar_video_player_self_hosted .wpb_video_wrapper,
.rd-row .rd-embed .wpb_video_wrapper { overflow: hidden; isolation: isolate; border-radius: var(--rd-radius-2xl); }
.rd-row .rd-embed .wpb_video_wrapper { border-radius: var(--rd-radius-xl); background: var(--rd-gray-900); }
.rd-row .rd-embed { margin: 0; }
/* [설명 | 유튜브] 줄 — Inner Row class="rd-embed-row" (공유오피스 02-safe): 위 카드와 띄우고 두 칸을 세로 가운데로 */
.rd-row .wpb_row.inner_row.rd-embed-row { margin-top: var(--rd-space-16); }
.rd-row .rd-embed-row > .row_col_wrap_12_inner { align-items: center; row-gap: var(--rd-space-8); }
@media (max-width: 680px) {
  .rd-row img.rd-media--wide { aspect-ratio: 4 / 3; }
}

/* 16-5. 사진 히어로 — Row 배경 사진 + 하단 제목 줄
   Row: class="rd-row rd-hero-photo", Column: el_class="rd-hero-photo__bar"
   제목 Text Block(el_class rd-hero-photo__title) 안 <h1><span>앞</span> <span>뒤</span></h1>
   → 넓은 화면에선 두 span 이 좌·우 끝으로 벌어진다 */
.rd-row.rd-hero-photo {
  --rd-hero-inset: var(--rd-space-5);
  /* Salient 전폭 공식(-50vw, 100vw)에서 좌우 inset 만큼 안쪽으로 */
  --rd-hero-gap-top: var(--rd-space-4);   /* 헤더와의 간격 — 좌우 inset(20px)보다 4px 좁게. 모바일 4px, PC 0 (아래) */
  margin-top: var(--rd-hero-gap-top);
  /* 화면 폭에서 inset 만큼 안쪽, 단 페이지 틀(--rd-frame) 을 넘지 않게. Salient 전폭 row 는 left:50% 기준이라 폭의 절반만큼 당긴다 */
  --rd-hero-w: min(100vw - var(--scroll-bar-w, 0px) - var(--rd-hero-inset) * 2, var(--rd-frame) - var(--rd-hero-inset) * 2);
  margin-left: calc(var(--rd-hero-w) / -2);
  width: var(--rd-hero-w);
  border-radius: var(--rd-radius-2xl);
  overflow: hidden;
  min-height: clamp(520px, 56vw, 960px);
  background: var(--rd-gray-900);
}
.rd-hero-photo .row-bg-wrap::after {
  content: "";
  position: absolute;
  z-index: 2;              /* Salient 사진 레이어(.inner-wrap)가 z-index 1 → 그 위로 */
  inset: auto 0 0 0;
  height: 60%;
  background: var(--rd-scrim);
  pointer-events: none;
}
/* 배경 영상 — [rd_hero_video] 를 rd-hero.js 가 .row-bg-wrap 으로 옮김: 사진층(1) 위, 아래 그라데이션(2) 밑.
   전체를 조금 어둡게(brightness) + 아래쪽 그라데이션(--rd-scrim)으로 흰 제목이 잘 보이게 */
.rd-hero-photo .rd-hero-photo__bar .rd-hero-video { display: none; }   /* 옮기기 전(자바스크립트 없음) */
.rd-hero-photo .row-bg-wrap .rd-hero-video {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.6);
  pointer-events: none;
}
.rd-row.rd-hero-photo > .row_col_wrap_12 {
  width: 100%;
  padding: var(--rd-space-10) clamp(20px, 4vw, 60px);
  position: relative;
  z-index: 3;              /* 그라데이션(2) 위 */
}
/* 앞·뒤 구절을 좌·우 끝으로. 글자 크기는 화면 폭 비례(--rd-fs-hero), 한 줄에 안 들어가면 뒤 구절이 다음 줄 왼쪽으로 */
.rd-row .col .rd-hero-photo__title h1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--rd-space-2) var(--rd-space-8);
  color: var(--rd-white);
  font-size: var(--rd-fs-hero);
  font-weight: 800;
  line-height: var(--rd-lh-tight);
  letter-spacing: var(--rd-ls-tight);
  text-shadow: 0 2px 24px rgba(0, 0, 0, .25);
}
@media (max-width: 680px) {
  .rd-row.rd-hero-photo { --rd-hero-inset: var(--rd-space-2); --rd-hero-gap-top: var(--rd-space-1); border-radius: var(--rd-radius-xl); }
}
/* PC(1000px 이상): 화면 전폭(사방 inset 여백 + 라운드) + 헤더 아래 화면 높이 전체.
   제목은 헤더 로고·본문과 같은 좌우선에 맞춘다(사진이 inset 만큼 안쪽에서 시작하므로 그만큼 뺀다).
   999px 이하는 위의 가로 와이드 그대로 */
@media (min-width: 1000px) {
  .rd-row.rd-hero-photo {
    --rd-hero-gap-top: 0px;   /* 헤더에 바로 붙임(2026-09-30, 4px → 0) — 좌우·아래 여백(inset 20px)은 그대로 */
    --rd-hero-w: calc(100vw - var(--scroll-bar-w, 0px) - var(--rd-hero-inset) * 2);
    min-height: max(520px, 100vh - var(--rd-header-h) - var(--rd-hero-gap-top) - var(--rd-hero-inset));
    min-height: max(520px, 100svh - var(--rd-header-h) - var(--rd-hero-gap-top) - var(--rd-hero-inset));
  }
  .rd-row.rd-hero-photo > .row_col_wrap_12 {
    padding-inline: calc(max(var(--rd-gutter), (100vw - var(--scroll-bar-w, 0px) - var(--rd-container)) / 2) - var(--rd-hero-inset));
    padding-bottom: var(--rd-space-16);
  }
  /* 사진이 화면 맨 아래까지 오므로 하단 고정 상담 바(16-12)와 제목이 겹치지 않게 바 높이만큼 올린다 */
  body:has(.rd-quickbar) .rd-row.rd-hero-photo > .row_col_wrap_12 { padding-bottom: calc(var(--rd-space-10) + 88px); }
}

/* 16-6. 구분선 목록 — Text Block(el_class rd-seg-list) 안 <ul> */
.rd-row .col .rd-seg-list ul { border-top: 1px solid var(--rd-color-border); }
.rd-row .col .rd-seg-list li {
  padding-block: var(--rd-space-5);
  border-bottom: 1px solid var(--rd-color-border);
  font-size: var(--rd-fs-h4);
  font-weight: 600;
  color: var(--rd-color-text-muted);
}

/* 16-7. 기능 카드 — Inner Column el_class="rd-feature"
   위쪽 연녹색 박스: 이미지(img 는 el_class rd-feature__doc) 또는 Text Block(el_class rd-feature__visual) */
.rd-feature .img-with-aniamtion-wrap,
.rd-feature .rd-feature__visual {
  aspect-ratio: 3 / 2;
  border-radius: var(--rd-radius-2xl);
  background: var(--rd-green-50);
  overflow: hidden;
}
.rd-feature .img-with-aniamtion-wrap { display: flex; align-items: flex-end; justify-content: center; padding: var(--rd-space-10) var(--rd-space-10) 0; }
.rd-feature .img-with-aniamtion-wrap .inner { width: 80%; }
/* Salient 의 .img-with-aniamtion-wrap > .inner { height:100% } 때문에 문서 이미지가 위에 붙고 아래가 뜬다 → 내용 높이로 줄여 박스 하단에 딱 붙인다 */
.rd-feature .img-with-aniamtion-wrap > .inner { height: auto; }
/* 모바일: 카드가 세로로 쌓이면 카드 사이(24px)가 카드 안 간격(32px)보다 좁아 붙어 보인다 → 카드 아래 여백 */
@media (max-width: 999px) {
  .rd-row .rd-feature > .vc_column-inner > .wpb_wrapper { margin-bottom: var(--rd-space-10); }
}
.rd-row img.rd-feature__doc {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--rd-radius-md) var(--rd-radius-md) 0 0;
  box-shadow: var(--rd-shadow-md);
}
.rd-feature .rd-feature__visual { display: grid; place-items: center; padding: var(--rd-space-6); }
/* "세액감면 최대 75% [받기]" 모형
   Salient 의 .row .col p:last-child { padding-bottom: 0 } 보다 우선하도록 p.rd-benefit + 부모까지 적는다 */
.rd-row .col .rd-feature__visual p.rd-benefit {
  display: flex;
  align-items: center;
  gap: var(--rd-space-2);
  width: min(100%, 420px);
  padding: var(--rd-space-5) var(--rd-space-5) var(--rd-space-5) var(--rd-space-8);
  border-radius: var(--rd-radius-xl);
  background: var(--rd-white);
  box-shadow: var(--rd-shadow-sm);
  font-size: var(--rd-fs-h3);
  font-weight: 700;
  line-height: var(--rd-lh-tight);
  color: var(--rd-color-text);
}
.rd-benefit strong { color: var(--rd-color-primary); font-weight: 800; }
@media (max-width: 680px) {
  .rd-row .col .rd-feature__visual p.rd-benefit { font-size: var(--rd-fs-h4); white-space: nowrap; padding-left: var(--rd-space-5); }
}
.rd-benefit__btn {
  flex: 0 0 auto;
  margin-left: auto;
  padding: var(--rd-space-2) var(--rd-space-5);
  border-radius: var(--rd-radius-lg);
  background: var(--rd-color-primary);
  color: var(--rd-white);
  font-size: var(--rd-fs-lg);
  transition: background-color var(--rd-dur) var(--rd-ease);
}
/* '받기' 는 창업감면 검진센터(/nb_center/) 링크 — 버튼처럼 */
.rd-row .col a.rd-benefit__btn,
.rd-row .col a.rd-benefit__btn:visited { color: var(--rd-white); text-decoration: none; }
.rd-row .col a.rd-benefit__btn:hover { background: var(--rd-color-primary-hov); color: var(--rd-white); }
.rd-row .col a.rd-benefit__btn:focus-visible { outline: 3px solid var(--rd-yellow-500); outline-offset: 2px; }

/* 16-8. 단계 — Inner Row class="rd-step-row", 각 Text Block el_class="rd-step-text"
   01·02·03 은 CSS 카운터. <ul> 항목은 체크 아이콘으로 */
.rd-step-row { counter-reset: rd-step; }
.rd-step-text::before {
  counter-increment: rd-step;
  content: counter(rd-step, decimal-leading-zero);
  display: block;
  margin-bottom: var(--rd-space-4);
  font-size: var(--rd-fs-h1);
  font-weight: 700;
  line-height: 1;
  letter-spacing: var(--rd-ls-tight);
  color: var(--rd-gray-200);
}
.rd-row .col .rd-step-text p { font-size: var(--rd-fs-md); }
.rd-row .col .rd-step-text ul { margin-top: var(--rd-space-5); display: grid; gap: var(--rd-space-2); }
.rd-row .col .rd-step-text li {
  display: flex;
  align-items: center;
  gap: var(--rd-space-2);
  font-size: var(--rd-fs-sm);
  color: var(--rd-gray-800);
}
.rd-step-text li::before {
  content: "";
  flex: 0 0 auto;
  width: 18px; height: 18px;
  background: var(--rd-color-primary);
  -webkit-mask: var(--rd-icon-check) center / contain no-repeat;
          mask: var(--rd-icon-check) center / contain no-repeat;
}

/* 16-9. 영상 카드 — Inner Column el_class="rd-video" (썸네일 이미지 링크 + 제목 Text Block) */
.rd-row .rd-video > .vc_column-inner > .wpb_wrapper { gap: var(--rd-space-4); }
.rd-video .img-with-aniamtion-wrap { border-radius: var(--rd-radius-lg); overflow: hidden; }
.rd-video:hover img.rd-media--video { transform: scale(1.03); }
.rd-row .col .rd-video p {
  font-size: var(--rd-fs-md);
  font-weight: 600;
  color: var(--rd-color-text);
}

/* 16-10. 후기 카드 — Inner Column el_class="rd-quote-card" (따옴표 아이콘은 CSS) */
.rd-quote-card > .vc_column-inner {
  height: 100%;
  padding: var(--rd-space-10);
  border-radius: var(--rd-radius-2xl);
  background: var(--rd-white);
}
.rd-quote-card > .vc_column-inner::before {
  content: "";
  display: block;
  width: 32px; height: 24px;
  margin-bottom: var(--rd-space-6);
  background: var(--rd-color-primary);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath d='M0 24V13.2C0 5.9 4.2 1.2 11.4 0l1.4 3.9C8.6 5.2 6.4 7.4 6.4 10.3h4.9V24H0Zm18.8 0V13.2C18.8 5.9 23 1.2 30.2 0l1.4 3.9c-4.2 1.3-6.4 3.5-6.4 6.4h4.9V24H18.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath d='M0 24V13.2C0 5.9 4.2 1.2 11.4 0l1.4 3.9C8.6 5.2 6.4 7.4 6.4 10.3h4.9V24H0Zm18.8 0V13.2C18.8 5.9 23 1.2 30.2 0l1.4 3.9c-4.2 1.3-6.4 3.5-6.4 6.4h4.9V24H18.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.rd-row .col .rd-quote-card h3 { font-size: var(--rd-fs-h4); }
.rd-row .col .rd-quote-card p { font-size: var(--rd-fs-sm); }
@media (max-width: 680px) {
  .rd-quote-card > .vc_column-inner { padding: var(--rd-space-8); }
}

/* 16-11. CTA 패널 — Column el_class="rd-cta-panel" (브랜드 그린 박스) */
.rd-cta-panel > .vc_column-inner {
  padding: clamp(40px, 6vw, 88px);
  border-radius: var(--rd-radius-2xl);
  background: var(--rd-color-primary);
}
.rd-row .col.rd-cta-panel h2 { color: var(--rd-white); }
.rd-row .col.rd-cta-panel p { color: rgba(255, 255, 255, .88); }
.rd-row .rd-cta-panel > .vc_column-inner > .wpb_wrapper { gap: var(--rd-space-10); }

/* 16-12. 하단 고정 상담 바 — 모든 페이지 공통
   Salient Global Section(표시 위치 After Footer, 조건 Everywhere) 안의 Row class="rd-row rd-quickbar"
   원본: pages/global-quickbar/. 넓은 화면은 하단 가운데 떠 있는 바, 680px 이하는 하단 전폭 */
.rd-row.rd-quickbar.wpb_row {
  --rd-quickbar-gap: var(--rd-space-5);
  position: fixed;
  z-index: 9000;                       /* Salient 헤더(9998)·모바일 메뉴 아래 */
  left: 50%;
  bottom: calc(var(--rd-quickbar-gap) + env(safe-area-inset-bottom, 0px));
  width: auto;
  margin: 0;
  transform: translateX(-50%);
  background: transparent;
}
.rd-row.rd-quickbar > .row_col_wrap_12 {
  width: auto;
  padding: var(--rd-space-2);
  border-radius: calc(var(--rd-radius-lg) + var(--rd-space-2));   /* 버튼 라운드(lg)와 동심 */
  background: rgba(255, 255, 255, .92);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  box-shadow: var(--rd-shadow-lg);
}
.rd-row.rd-quickbar .wpb_column > .vc_column-inner > .wpb_wrapper {
  flex-direction: row;
  gap: var(--rd-space-2);
}
.rd-row.rd-quickbar .wpb_wrapper > .nectar-button { align-self: auto; }
/* 바가 가리지 않도록 페이지 끝과 '맨 위로' 버튼을 바 높이만큼 올린다 */
body:has(.rd-quickbar) .rd-row.rd-footer > .row_col_wrap_12 { padding-bottom: calc(var(--rd-space-20) + 88px); }
@media (max-width: 680px) {
  .rd-row.rd-quickbar.wpb_row {
    --rd-quickbar-gap: var(--rd-space-2);
    left: var(--rd-space-2);
    right: var(--rd-space-2);
    transform: none;
  }
  .rd-row.rd-quickbar > .row_col_wrap_12 { width: 100%; }
  .rd-row.rd-quickbar .wpb_column > .vc_column-inner > .wpb_wrapper > .nectar-button { flex: 1 1 0; }
  body:has(.rd-quickbar) .rd-row.rd-footer > .row_col_wrap_12 { padding-bottom: calc(var(--rd-space-16) + 72px); }
}

/* --------------------------------------------------------------------------
   17. 푸터 — Salient Global Section "푸터"(표시 위치 Footer) 안의 Row class="rd-row rd-footer"
   원본: pages/global-footer/. Salient 기본 푸터(위젯 영역·카피라이트 줄)는 끔
   [로고·슬로건 | 메뉴 칸]  /  [회사 정보·약관 링크·저작권]
   -------------------------------------------------------------------------- */
.rd-row.rd-footer { background: var(--rd-gray-50); border-top: 1px solid var(--rd-color-border); }
.rd-row.rd-footer > .row_col_wrap_12 { padding-block: var(--rd-space-24) var(--rd-space-20); row-gap: var(--rd-space-10); }
.rd-row.rd-footer .col p { font-size: var(--rd-fs-xs); line-height: 1.7; color: var(--rd-gray-500); }
.rd-row.rd-footer .col p + p { margin-top: var(--rd-space-2); }

/* 로고·슬로건 */
.rd-row .rd-footer__brand > .vc_column-inner > .wpb_wrapper { gap: var(--rd-space-4); }
.rd-row .col .rd-footer__logo-wrap a { display: block; width: 188px; max-width: 100%; }
.rd-row img.rd-footer__logo { display: block; width: 100%; height: auto; }
.rd-row.rd-footer .col.rd-footer__brand p { font-size: var(--rd-fs-sm); color: var(--rd-gray-500); }

/* 메뉴 칸 — [rd_footer_menu] (functions.php): nav.rd-footer-nav > .rd-footer-nav__group > p.rd-footer-nav__title + ul > li > a
   toss.im 푸터(._6ez2et0) 참고: 4열 격자, 묶음 제목 14px/500 회색, 링크 16px/600, 링크 사이 4px */
.rd-row .col.rd-footer__menu .rd-footer-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--rd-space-12) var(--rd-space-6);
  word-break: keep-all;   /* '유무형재산평가' 가 글자 중간에서 끊기지 않게 */
}
/* 1000~1279px: 푸터 오른쪽 반 칸이 좁아 4열이면 글자가 줄바꿈된다 → 3열 */
@media (min-width: 1000px) and (max-width: 1279px) {
  .rd-row .col.rd-footer__menu .rd-footer-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.rd-row .col.rd-footer__menu .rd-footer-nav__group { display: flex; flex-direction: column; gap: var(--rd-space-4); }
.rd-row.rd-footer .col.rd-footer__menu p.rd-footer-nav__title { font-size: var(--rd-fs-sm); font-weight: 500; line-height: var(--rd-lh-normal); color: var(--rd-gray-500); }
.rd-row .col.rd-footer__menu .rd-footer-nav ul { display: flex; flex-direction: column; gap: var(--rd-space-1); margin: 0; }
.rd-row .col.rd-footer__menu .rd-footer-nav li { padding: 0; font-size: var(--rd-fs-md); line-height: var(--rd-lh-normal); list-style: none; }
.rd-row .col.rd-footer__menu .rd-footer-nav a {
  font-weight: 600;
  color: var(--rd-gray-800);
  transition: color var(--rd-dur) var(--rd-ease);
}
.rd-row .col.rd-footer__menu .rd-footer-nav a:hover { color: var(--rd-color-primary); }

/* SNS 아이콘 — [rd_social]: 회색 동그라미 안 아이콘, 마우스 올리면 초록 (--rd-social-bg = 아이콘 안쪽 구멍 색) */
.rd-row .col ul.rd-social { display: flex; gap: var(--rd-space-2); margin: var(--rd-space-2) 0 0; padding: 0; list-style: none; }
.rd-row .col ul.rd-social li { margin: 0; padding: 0; list-style: none; }
.rd-row .col ul.rd-social li::before { content: none; }
.rd-row .col ul.rd-social a {
  --rd-social-bg: var(--rd-gray-100);
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--rd-radius-pill);
  background: var(--rd-gray-100);
  color: var(--rd-gray-600);
  transition: background-color var(--rd-dur) var(--rd-ease), color var(--rd-dur) var(--rd-ease);
}
.rd-row .col ul.rd-social a:hover,
.rd-row .col ul.rd-social a:focus-visible { --rd-social-bg: var(--rd-color-primary); background: var(--rd-color-primary); color: var(--rd-white); }
.rd-row .col ul.rd-social a:focus-visible { outline: 2px solid var(--rd-color-primary); outline-offset: 2px; }

/* 회사 정보 한 항목은 끊지 않음 — <span class="rd-nowrap"> (단, 화면보다 길면 줄바꿈 허용) */
.rd-row.rd-footer .col.rd-footer__info .rd-nowrap { display: inline-block; max-width: 100%; }

/* 회사 정보 줄 안 전화·이메일 링크 — 옆 글자와 완전히 같은 모양(색·굵기·크기·밑줄 없음, 마우스 올려도 그대로) */
.rd-row.rd-footer .col.rd-footer__info p a,
.rd-row.rd-footer .col.rd-footer__info p a:hover,
.rd-row.rd-footer .col.rd-footer__info p a:visited { color: inherit; font: inherit; letter-spacing: inherit; text-decoration: none; }

/* 약관 링크 */
.rd-row .col .rd-footer__links { display: flex; flex-wrap: wrap; gap: 0 var(--rd-space-6); margin-block: var(--rd-space-2); }
.rd-row .col .rd-footer__links li { font-size: var(--rd-fs-sm); line-height: 1.7; }
.rd-row .col .rd-footer__links a { color: var(--rd-gray-700); }
.rd-row .col .rd-footer__links a:hover { color: var(--rd-color-primary); }

@media (max-width: 999px) {
  .rd-row .col.rd-footer__menu:not(:has(a)) { display: none; }   /* 메뉴가 비면 빈 칸이 간격만 차지하지 않게 */
}
@media (max-width: 680px) {
  .rd-row.rd-footer > .row_col_wrap_12 { padding-block: var(--rd-space-16); }
  .rd-row .col .rd-footer__logo-wrap a { width: 150px; }
  .rd-row .col.rd-footer__menu .rd-footer-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--rd-space-10) var(--rd-space-4); }
}

/* --------------------------------------------------------------------------
   18. 문서 페이지 — 개인정보 처리방침·이용약관·에스크로 확인증 (pages/privacy|terms|escrow)
   Row class="rd-row rd-doc" (좁은 컨테이너) + 머리글 Text Block(rd-head) + 본문 Text Block(rd-doc__body)
   본문 목록 항목: 기본=점 / .is-dash=대시 / .is-num=①② 처럼 번호가 글자에 포함(내어쓰기) / .is-sub=하위 번호
   -------------------------------------------------------------------------- */
.rd-row.rd-doc > .row_col_wrap_12 { width: min(100% - var(--rd-gutter) * 2, var(--rd-container-narrow)); }
.rd-row .col .rd-doc__body > * + * { margin-top: var(--rd-space-3); }
.rd-row .col .rd-doc__body h2 {
  margin-top: var(--rd-space-12);
  padding-top: var(--rd-space-8);
  border-top: 1px solid var(--rd-color-border);
  font-size: var(--rd-fs-h4);
}
.rd-row .col .rd-doc__body > h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.rd-row .col .rd-doc__body h3 { margin-top: var(--rd-space-6); font-size: var(--rd-fs-lg); }
.rd-row .col .rd-doc__body h2 + *,
.rd-row .col .rd-doc__body h3 + * { margin-top: var(--rd-space-3); }
.rd-row .col .rd-doc__body p,
.rd-row .col .rd-doc__body li {
  font-size: var(--rd-fs-md);
  line-height: 1.75;
  color: var(--rd-color-text-body);
}
.rd-row .col .rd-doc__body ul { display: grid; gap: var(--rd-space-2); }
.rd-row .col .rd-doc__body li { position: relative; padding-left: 1.2em; }
.rd-doc__body li::before {
  content: "";
  position: absolute;
  left: .3em;
  top: .8em;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--rd-color-primary);
}
.rd-doc__body li.is-dash::before { width: 7px; height: 1.5px; border-radius: 0; background: var(--rd-gray-500); }
.rd-row .col .rd-doc__body li.is-num { padding-left: 1.3em; text-indent: -1.3em; }
.rd-row .col .rd-doc__body li.is-num.is-sub { padding-left: 2.6em; text-indent: -1.3em; }
.rd-doc__body li.is-num::before { content: none; }

/* 에스크로 확인증 이미지 */
.rd-row img.rd-doc__certificate {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--rd-color-border);
  border-radius: var(--rd-radius-lg);
  box-shadow: var(--rd-shadow-md);
}

/* --------------------------------------------------------------------------
   19. 서비스 상세 블록 — 법인전환·창업감면 검진센터 (pages/cp_center, pages/nb_center)
   두 페이지가 같은 블록을 같은 순서로 쓴다:
   소개(rd-intro + rd-price-card) → 정보 카드(rd-info-card) → 검진 항목(rd-check-card) → 계산식(rd-calc) → CTA 패널
   카드 배경은 Row 배경에 따라 자동: 흰 Row → gray-50 카드 / rd-row--subtle → 흰 카드
   -------------------------------------------------------------------------- */
.rd-row { --rd-card-bg: var(--rd-gray-50); }
.rd-row.rd-row--subtle { --rd-card-bg: var(--rd-white); }

/* 꼬리표 — Text Block 안 <p class="rd-tag"> (회색 rd-tag--gray) */
.rd-row .col p.rd-tag {
  align-self: flex-start;
  display: inline-flex;
  width: fit-content;
  padding: var(--rd-space-1) var(--rd-space-3);
  border-radius: var(--rd-radius-pill);
  background: var(--rd-green-50);
  color: var(--rd-green-700);
  font-size: var(--rd-fs-xs);
  font-weight: 700;
  line-height: var(--rd-lh-normal);
}
.rd-row .col p.rd-tag.rd-tag--gray { background: var(--rd-gray-100); color: var(--rd-gray-700); }

/* 작은 안내 문구 — <p class="rd-note"> */
.rd-row .col p.rd-note { font-size: var(--rd-fs-sm); color: var(--rd-color-text-muted); }
.rd-row .col p.rd-note a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.rd-row .col p.rd-note a:hover { color: var(--rd-color-primary); }
.rd-row .col.rd-cta-panel p.rd-note { color: var(--rd-green-100); }
.rd-row .col.rd-cta-panel p.rd-note a:hover { color: var(--rd-white); }

/* 버튼 꽉 채우기 — nectar_btn el_class 에 rd-btn--block */
.rd-row .wpb_wrapper > .nectar-button.rd-btn--block { align-self: stretch; justify-content: center; }

/* 19-1. 소개 — Row class="rd-row rd-intro": [머리글 7/12 | 검진비용 카드 5/12] */
.rd-row.rd-intro > .row_col_wrap_12 { align-items: center; column-gap: var(--rd-space-16); }
.rd-row.rd-intro .col h1 { font-size: var(--rd-fs-display); font-weight: 800; }
.rd-row.rd-intro .col h1 + p { margin-top: var(--rd-space-6); max-width: 36em; }
.rd-row.rd-intro .wpb_column.rd-price-card { flex: 0 1 460px; }
@media (max-width: 999px) {
  .rd-row.rd-intro .wpb_column.rd-price-card { flex-basis: 100%; }
}

/* 검진비용 카드 — Column el_class="rd-price-card" */
.rd-price-card > .vc_column-inner {
  padding: clamp(28px, 3vw, 44px);
  border: 1px solid var(--rd-color-border);
  border-radius: var(--rd-radius-2xl);
  background: var(--rd-white);
  box-shadow: var(--rd-shadow-lg);
}
.rd-row .rd-price-card > .vc_column-inner > .wpb_wrapper { gap: var(--rd-space-6); }
.rd-row .col p.rd-price-card__label { font-size: var(--rd-fs-md); font-weight: 700; color: var(--rd-gray-800); }
.rd-row .col p.rd-price-card__label .rd-price-card__plan { color: var(--rd-color-primary); }   /* 플랜 이름(세무기장 라이트)만 브랜드 그린 */
.rd-row .col p.rd-price-card__price {
  margin-top: var(--rd-space-1);
  font-size: var(--rd-fs-h4);
  font-weight: 700;
  color: var(--rd-color-text);
}
.rd-price-card__price strong {
  margin-right: 2px;
  font-size: var(--rd-fs-h1);
  font-weight: 800;
  letter-spacing: var(--rd-ls-tight);
}
/* '부터' — <span class="rd-price-card__from">부터</span>: 금액·'원'보다 가늘게 (세무기장 개인·법인) */
.rd-price-card__price .rd-price-card__from { font-weight: 400; }

/* 체크 목록 — <ul class="rd-check-list"> */
.rd-row .col ul.rd-check-list {
  display: grid;
  gap: var(--rd-space-3);
  margin-top: var(--rd-space-6);
  padding-top: var(--rd-space-6);
  border-top: 1px solid var(--rd-color-border);
}
.rd-row .col .rd-check-list li {
  display: flex;
  align-items: flex-start;
  gap: var(--rd-space-2);
  font-size: var(--rd-fs-md);
  line-height: var(--rd-lh-normal);
  color: var(--rd-gray-800);
}
.rd-check-list li::before {
  content: "";
  flex: 0 0 auto;
  width: 20px; height: 20px;
  margin-top: 2px;
  background: var(--rd-color-primary);
  -webkit-mask: var(--rd-icon-check) center / contain no-repeat;
          mask: var(--rd-icon-check) center / contain no-repeat;
}

/* 19-2. 카드 줄 — Inner Row class="rd-card-row": 카드 높이를 줄마다 맞춘다 */
.rd-row .rd-card-row .wpb_column > .vc_column-inner,
.rd-row .rd-card-row .wpb_column > .vc_column-inner > .wpb_wrapper { height: 100%; }
.rd-row .rd-card-row .wpb_wrapper > .wpb_text_column { flex: 1 1 auto; }
.rd-row .rd-card-row .wpb_wrapper > .wpb_text_column.rd-table-wrap { flex: 0 0 auto; }   /* 표는 제 높이대로 */

/* 정보 카드 — Text Block el_class="rd-info-card": 꼬리표 + 제목 + 설명 */
.rd-row .wpb_text_column.rd-info-card,
.rd-row .wpb_text_column.rd-check-card {
  --rd-card-pad: clamp(28px, 3vw, 40px);
  padding: var(--rd-card-pad);
  border-radius: var(--rd-radius-2xl);
  background: var(--rd-card-bg);
}
.rd-row .wpb_text_column.rd-info-card,
.rd-row .wpb_text_column.rd-check-card { display: flex; flex-direction: column; }   /* Salient Text Block 은 안쪽 wrapper 없이 바로 내용 */
.rd-row .col .rd-info-card p.rd-tag + h3 { margin-top: var(--rd-space-5); }
.rd-row .col .rd-info-card p { font-size: var(--rd-fs-md); }
/* 플랜 뱃지 — <h3>제목 <span class="rd-badge rd-badge--solid">베이직</span></h3>
   제목 안에 쓰지만 카드 오른쪽 위(꼬리표와 같은 줄)에 놓는다 → 좁은 카드에서도 제목 줄바꿈에 끼지 않음 */
.rd-row .wpb_text_column.rd-info-card:has(h3 .rd-badge) { position: relative; }
.rd-row .col .rd-info-card h3 .rd-badge {
  position: absolute;
  top: calc(var(--rd-card-pad) + 3px);   /* 꼬리표(높이 약 30px) 가운데에 맞춤 */
  right: var(--rd-card-pad);
  height: 24px;
  padding-inline: var(--rd-space-2);
  font-size: var(--rd-fs-xs);
  letter-spacing: 0;
}
.rd-row .col .rd-info-card:has(h3 .rd-badge) p.rd-tag { max-width: calc(100% - 72px); }   /* 뱃지 자리 비움 */
/* 카드 맨 아래 링크 — <p class="rd-card-action"><a class="rd-link">신청하기</a></p>: 카드 높이가 달라도 바닥에 붙는다 (기장고객 전용 서비스) */
.rd-row .col .rd-info-card p.rd-card-action { margin-top: auto; padding-top: var(--rd-space-6); }
/* 한 섹션 안 두 번째 머리글 — Text Block el_class="rd-head rd-head--sub": 위 카드 줄과 띄운다 */
.rd-row .wpb_wrapper > .rd-head.rd-head--sub { margin-top: var(--rd-space-16); }
/* 카드 4장 줄(1/4 컬럼): 1000~1399px 에선 꼬리표·뱃지가 한 줄에 안 들어가 2 × 2 */
@media (min-width: 1000px) and (max-width: 1399px) {
  .rd-row .rd-card-row .wpb_column.vc_col-sm-3 { flex-basis: calc(50% - var(--rd-grid-gap) / 2); }
}

/* 19-3. 검진 항목 카드 — Inner Row class="rd-card-row rd-check-row", Text Block el_class="rd-check-card"
   01·02… 번호는 CSS 카운터. 꼬리표(rd-tag)는 카드 맨 아래로 */
.rd-check-row { counter-reset: rd-check; }
.rd-check-card::before {
  counter-increment: rd-check;
  content: counter(rd-check, decimal-leading-zero);
  margin-bottom: var(--rd-space-6);
  font-size: var(--rd-fs-lg);
  font-weight: 800;
  line-height: 1;
  color: var(--rd-color-primary);
}
.rd-row .col .rd-check-card h3 { font-size: var(--rd-fs-h4); }
.rd-row .col .rd-check-card p { font-size: var(--rd-fs-md); }
.rd-row .col .rd-check-card p.rd-tag { margin-top: auto; }
.rd-row .col .rd-check-card p:has(+ p.rd-tag) { margin-bottom: var(--rd-space-6); }
@media (max-width: 1200px) {
  .rd-row .rd-check-row .wpb_column.col { flex-basis: calc(50% - var(--rd-grid-gap) / 2); }
}
@media (max-width: 680px) {
  .rd-row .rd-check-row .wpb_column.col { flex-basis: 100%; }
}

/* 19-4. 표 — Text Block el_class="rd-table-wrap" 안 table.rd-table (9번 비교표 모양)
   rd-table--compact: 가로 스크롤 없이 좁은 화면까지 */
.rd-row .wpb_text_column.rd-table-wrap { background: var(--rd-white); }
.rd-row .col .rd-table { margin: 0; border: 0; }
.rd-row .col .rd-table th,
.rd-row .col .rd-table td { border-inline: 0; font-size: var(--rd-fs-sm); line-height: var(--rd-lh-snug); }
.rd-row .col .rd-table th:not(:first-child) { text-align: center; }   /* Salient 표 머리칸 왼쪽 정렬을 본문 칸과 맞춤 */
.rd-row .col .rd-table tr.rd-table__hl td:nth-child(2) { color: var(--rd-color-primary); font-weight: 800; }
.rd-table.rd-table--compact { min-width: 0; }
.rd-row .col .rd-table--compact td:not(:first-child),
.rd-row .col .rd-table--compact th:not(:first-child) { white-space: nowrap; }
/* 나머지 칸이 줄바꿈 없이 버티면 첫 칸이 한 글자씩 세로로 쪼개진다(모바일) → 첫 칸 최소 폭, 넘치면 표가 가로 스크롤 */
.rd-row .col .rd-table--compact td:first-child,
.rd-row .col .rd-table--compact th:first-child { min-width: 7em; }
@media (max-width: 680px) {
  .rd-row .col .rd-table th,
  .rd-row .col .rd-table td { padding: var(--rd-space-3) var(--rd-space-2); font-size: var(--rd-fs-xs); }
}

/* 19-5. 계산식 — Text Block el_class="rd-calc" 안 <ul>
   <li><span>설명</span><strong>값</strong></li> / 기호 li.rd-calc__op / 결과 li.rd-calc__result (그린 칸) */
.rd-row .col .rd-calc ul {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: stretch;
  gap: var(--rd-space-4);
}
.rd-row .col .rd-calc li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--rd-space-2);
  padding: clamp(24px, 3vw, 40px);
  border-radius: var(--rd-radius-2xl);
  background: var(--rd-card-bg);
  text-align: center;
}
.rd-calc li span { font-size: var(--rd-fs-md); font-weight: 600; color: var(--rd-color-text-muted); }
.rd-calc li strong {
  font-size: var(--rd-fs-h2);
  font-weight: 800;
  line-height: var(--rd-lh-tight);
  letter-spacing: var(--rd-ls-tight);
  color: var(--rd-color-text);
}
.rd-row .col .rd-calc li.rd-calc__op {
  padding: 0;
  background: none;
  font-size: var(--rd-fs-h2);
  font-weight: 700;
  color: var(--rd-gray-400);
}
.rd-row .col .rd-calc li.rd-calc__result { background: var(--rd-color-primary); }
.rd-calc li.rd-calc__result span { color: var(--rd-green-100); }
.rd-calc li.rd-calc__result strong { color: var(--rd-white); }
@media (max-width: 999px) {
  .rd-row .col .rd-calc ul { grid-template-columns: 1fr; gap: var(--rd-space-2); }
  .rd-row .col .rd-calc li.rd-calc__op { line-height: 1; }
}

/* 보고서 이미지 — image_with_animation el_class="rd-report": 연녹색 판 위에 문서처럼 */
.rd-row .img-with-aniamtion-wrap:has(img.rd-report) {
  display: flex;
  justify-content: center;
  padding: clamp(24px, 5vw, 80px) clamp(16px, 5vw, 80px) 0;
  border-radius: var(--rd-radius-2xl);
  background: var(--rd-green-50);
  overflow: hidden;
}
.rd-row .img-with-aniamtion-wrap:has(img.rd-report) .inner { width: min(100%, 800px); }
.rd-row img.rd-report {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1200 / 860;          /* 원본 아래쪽의 잘린 안내 박스는 가린다 */
  object-fit: cover;
  object-position: top;
  border-radius: var(--rd-radius-md) var(--rd-radius-md) 0 0;
  box-shadow: var(--rd-shadow-lg);
}

/* --------------------------------------------------------------------------
   20. 헤더 메가메뉴 — toss.im 메인메뉴 레퍼런스
   WP 메뉴 "메인메뉴"(위치 top_nav). 1단계 항목에 Salient 메뉴 옵션 "Enable Mega Menu" 를 켜면
   2단계 = 열 제목(작은 회색 글자, 링크 # 면 클릭 안 됨) / 3단계 = 열 안 링크.
   패널: 화면 전폭, 흰색 → 아래로 투명하게 번짐. 열은 가운데 정렬(헤더가 centered-menu 형식)
   -------------------------------------------------------------------------- */
#header-outer #top nav > ul.sf-menu > li > a {
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  font-weight: 600;
  letter-spacing: var(--rd-ls-heading);
  color: var(--rd-gray-800);
  transition: color var(--rd-dur) var(--rd-ease);
}
/* FormCraft 공용 CSS 의 전역 .width-100{width:100%}·.width-50 이 Salient 메가메뉴 항목 클래스(width-100 등)에 걸려
   1단계 항목이 메뉴 폭 전체로 늘어나 왼쪽으로 쏠린다 → 1단계 항목 폭은 내용만큼 */
#header-outer #top nav > ul.sf-menu > li[class*="width-"] { width: auto; }
/* 메뉴 하나가 열려 있으면 나머지 1단계 항목은 흐리게 */
#header-outer #top nav > ul.sf-menu:has(> li.sfHover) > li:not(.sfHover) > a,
#header-outer #top nav > ul.sf-menu:has(> li:hover) > li:not(:hover) > a { color: var(--rd-gray-400); }

/* 패널: 헤더 컨테이너(.row) 기준으로 놓인 ul 을 화면 끝까지 펼친다 (.row 가 화면 가운데 → 50% = 화면 가운데).
   Salient 가 이 ul 에 overflow:hidden 을 걸어 두므로 배경은 가상 요소가 아닌 ul 자체에 */
#header-outer #top nav > ul.sf-menu > li.megamenu > ul.sub-menu {
  --rd-mega-col: 206px;
  --rd-mega-fade: var(--rd-space-24);
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  width: auto;
  justify-content: center;
  gap: var(--rd-space-6);
  padding: var(--rd-space-10) var(--rd-gutter) calc(var(--rd-space-12) + var(--rd-mega-fade));
  background: linear-gradient(to bottom,
    var(--rd-white) 0,
    var(--rd-white) calc(100% - var(--rd-mega-fade)),
    rgba(255, 255, 255, 0) 100%);
  box-shadow: none;
  border: 0;
}
/* 닫힐 때 서서히 사라지게: Salient 는 sfHover 가 빠지는 순간 패널을 translateY(-9999px) 로 치운다
   → 투명도가 다 빠질 때까지 transform 을 늦춘다. 열릴 때는 transform 을 바로 되돌린다.
   다른 1단계 메뉴로 옮겨 가면 이전 패널은 겹치지 않게 바로 끈다 */
#header-outer #top nav > ul.sf-menu > li > ul.sub-menu {
  --rd-menu-fade: .35s;
  transition: opacity var(--rd-menu-fade) var(--rd-ease), transform 0s linear var(--rd-menu-fade);
}
#header-outer #top nav > ul.sf-menu > li.sfHover > ul.sub-menu { transition: opacity var(--rd-dur) var(--rd-ease), transform 0s; }
#header-outer #top nav > ul.sf-menu:has(> li.sfHover) > li:not(.sfHover) > ul.sub-menu { transition: none; }
/* 1단계 항목의 Salient 밑줄 호버 효과 끔 (toss 는 글자색만 바뀜) */
/* 1단계 항목·메가메뉴 링크의 Salient 밑줄 호버 효과 끔 (toss 는 글자색만 바뀜)
   드롭다운 호버 효과 옵션은 animated_underline 로 둔다 — 다른 값이면 Salient 가 호버 배경을 accent 그린 !important 로 칠해 글자가 안 보임 */
#header-outer #top nav > ul.sf-menu > li > a .menu-title-text::after,
#header-outer #top nav > ul.sf-menu > li.megamenu ul a .menu-title-text::after { content: none; }

/* 열 */
#header-outer #top nav > ul.sf-menu > li.megamenu > ul.sub-menu > li {
  flex: 0 0 var(--rd-mega-col);
  width: var(--rd-mega-col);
  padding: 0;
}
/* 열 제목 */
#header-outer #top nav > ul.sf-menu > li.megamenu > ul.sub-menu > li > a {
  margin-bottom: var(--rd-space-5);
  padding: 0;
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-sm);
  font-weight: 500;
  line-height: var(--rd-lh-normal);
  color: var(--rd-gray-600);
  background: none;
}
#header-outer #top nav li.megamenu > ul.sub-menu > li > a[href="#"] { pointer-events: none; cursor: default; }
/* Salient 이 열에 호버하면 제목을 accent 그린 !important 로 칠한다 → 글자 span 에 색을 직접 줘서 회색 유지 */
#header-outer #top nav li.megamenu > ul.sub-menu > li > a .menu-title-text { color: var(--rd-gray-600); }
#header-outer #top nav li.megamenu .sf-sub-indicator { display: none; }

/* 열 안 링크 */
#header-outer #top nav > ul.sf-menu > li.megamenu ul ul { position: static; padding: 0; background: none; box-shadow: none; }
#header-outer #top nav > ul.sf-menu > li.megamenu ul ul li a {
  padding: 6px 0;
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  font-weight: 600;
  line-height: var(--rd-lh-normal);
  letter-spacing: var(--rd-ls-heading);
  color: var(--rd-gray-800);
  background: none;
  transition: color var(--rd-dur) var(--rd-ease);
}
#header-outer #top nav > ul.sf-menu > li.megamenu ul ul li a:hover,
#header-outer #top nav > ul.sf-menu > li.megamenu ul ul li.current-menu-item > a { color: var(--rd-color-primary); }

/* 하위 없이 페이지로 바로 가는 2단계 항목(회사소개 > 로뎀세무법인 소개 … / 서비스 열에 하위 없는 항목을 넣을 때) = 열 안 링크와 같은 모양 */
#header-outer #top nav > ul.sf-menu > li.megamenu > ul.sub-menu > li:not(.menu-item-has-children) > a:not([href="#"]) {
  margin-bottom: 0;
  padding: 6px 0;
  font-size: var(--rd-fs-md);
  font-weight: 600;
  letter-spacing: var(--rd-ls-heading);
}
#header-outer #top nav li.megamenu > ul.sub-menu > li:not(.menu-item-has-children) > a:not([href="#"]) .menu-title-text {
  color: var(--rd-gray-800);
  transition: color var(--rd-dur) var(--rd-ease);
}
#header-outer #top nav li.megamenu > ul.sub-menu > li:not(.menu-item-has-children) > a:not([href="#"]):hover .menu-title-text,
#header-outer #top nav li.megamenu > ul.sub-menu > li.current-menu-item > a .menu-title-text { color: var(--rd-color-primary); }
/* 열 제목이 있는 패널에서는 첫 링크 줄에 맞춰 내린다 (열 제목 한 줄 + 제목 아래 여백) */
#header-outer #top nav li.megamenu > ul.sub-menu:has(> li.menu-item-has-children) > li:not(.menu-item-has-children) {
  padding-top: calc(var(--rd-fs-sm) * var(--rd-lh-normal) + var(--rd-space-5));
}
/* 열 제목이 하나도 없는 패널(회사소개) = 링크 한 줄 목록 */
#header-outer #top nav > ul.sf-menu > li.megamenu > ul.sub-menu:not(:has(> li.menu-item-has-children)) {
  flex-direction: column;
  align-items: center;
  gap: 0;
}
#header-outer #top nav > ul.sf-menu > li.megamenu > ul.sub-menu:not(:has(> li.menu-item-has-children)) > li { flex-basis: auto; }

/* 헤더 오른쪽 상담신청 버튼 — 메뉴 '상담 버튼'(위치 top_nav_pull_right) 항목 클래스 rd-menu-cta. 돋보기 앞에 놓인다
   Salient 는 이 줄(ul.buttons)의 링크에 메뉴 글자 스타일·밑줄 효과를 입히므로 여기서 버튼 모양으로 덮는다 (6번 rd-btn--sm 과 같은 크기 체계) */
#header-outer #top nav > ul.buttons > li.rd-menu-cta { display: flex; align-items: center; margin-right: var(--rd-space-3); }
#header-outer #top nav > ul.buttons > li.rd-menu-cta > a {
  display: inline-flex;
  align-items: center;
  height: 40px;
  margin: 0;
  padding: 0 var(--rd-space-4);
  border-radius: var(--rd-radius-md);
  background: var(--rd-color-primary);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-sm);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--rd-ls-heading);
  color: var(--rd-white);
  transition: background-color var(--rd-dur) var(--rd-ease);
}
#header-outer #top nav > ul.buttons > li.rd-menu-cta > a:hover { background: var(--rd-color-primary-hov); color: var(--rd-white); }
#header-outer #top nav > ul.buttons > li.rd-menu-cta > a .menu-title-text { color: inherit; }
#header-outer #top nav > ul.buttons > li.rd-menu-cta > a .menu-title-text::after,
#header-outer #top nav > ul.buttons > li.rd-menu-cta > a::after { content: none; }

/* --------------------------------------------------------------------------
   21. 모션 — toss.im 처럼 짧고 절제된 등장
   - 스크롤 등장: Salient 컬럼 애니메이션(편집기 Column > Enable Animation, Animation, Delay).
     홈은 전부 Fade In From Bottom + 카드마다 delay 100ms 씩. Salient JS 가 시작값(75px)을 고정으로 쓰므로 CSS 로 줄이지 않는다
   - 히어로: 페이지 열릴 때 사진이 살짝 확대 상태에서 제자리로, 제목 두 구절이 차례로 올라온다
   - 움직임 줄이기(prefers-reduced-motion) 설정이면 전부 끈다
   -------------------------------------------------------------------------- */
:root {
  --rd-rise: 32px;
  --rd-ease-out: cubic-bezier(.16, 1, .3, 1);
}

@keyframes rd-hero-settle { from { transform: scale(1.08); } to { transform: scale(1); } }
@keyframes rd-rise-in { from { opacity: 0; transform: translateY(var(--rd-rise)); } to { opacity: 1; transform: none; } }
.rd-hero-photo .row-bg { animation: rd-hero-settle 1.6s var(--rd-ease-out) both; }
.rd-hero-photo__title h1 > span { display: block; animation: rd-rise-in .9s var(--rd-ease-out) both; }
.rd-hero-photo__title h1 > span:nth-child(1) { animation-delay: .25s; }
.rd-hero-photo__title h1 > span:nth-child(2) { animation-delay: .4s; }

/* 히어로 제목 타이핑 (assets/rd-hero.js) — 올라오는 애니메이션 대신 한 글자씩.
   스크립트 전(html.rd-js)엔 숨기고, 스크립트가 못 돌면 4초 뒤 그냥 보인다 */
@keyframes rd-show { to { visibility: visible; } }
@keyframes rd-caret-blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
html.rd-js .rd-hero-photo__title h1 > span { visibility: hidden; animation: rd-show 0s 4s forwards; }
html.rd-js .rd-hero-photo__title h1.rd-typing > span,
html.rd-js .rd-hero-photo__title h1.rd-type-done > span { visibility: visible; animation: none; }
.rd-hero-photo__title h1.rd-typing .rd-type-ch { visibility: hidden; }
.rd-hero-photo__title h1.rd-typing .rd-type-ch.is-on { visibility: visible; }
.rd-hero-photo__title .rd-type-ch.is-cur { position: relative; }
.rd-hero-photo__title .rd-type-ch.is-cur::after {
  content: "";
  position: absolute;
  top: .12em;
  bottom: .08em;
  right: -.1em;
  width: .06em;
  min-width: 2px;
  background: currentColor;
}
/* 다 치면 커서가 네 번 깜박이고 사라진다 */
.rd-hero-photo__title h1.rd-type-done .rd-type-ch.is-cur::after { animation: rd-caret-blink 1s steps(1) 4 forwards; }

@media (prefers-reduced-motion: reduce) {
  .rd-hero-photo .row-bg,
  .rd-hero-photo__title h1 > span { animation: none; }
  html.rd-js .rd-hero-photo__title h1 > span { visibility: visible; }
  .rd-row .wpb_column.has-animation { opacity: 1; transform: none; }
}

/* --------------------------------------------------------------------------
   22. 완료 안내 — 결제 완료(pages/checknew_paid) 처럼 한 문장 + 버튼 하나인 페이지
   Row class="rd-row rd-done" + 머리글 Text Block(rd-head rd-head--center) 맨 앞에 p.rd-done__mark(체크 표시)
   -------------------------------------------------------------------------- */
.rd-row.rd-done > .row_col_wrap_12 {
  min-height: 60vh;
  align-content: center;
  text-align: center;
}
.rd-row .rd-done__mark {
  display: grid;
  place-items: center;
  width: var(--rd-space-20);
  height: var(--rd-space-20);
  margin: 0 auto var(--rd-space-6);
  border-radius: var(--rd-radius-pill);
  background: var(--rd-green-50);
}
.rd-row .rd-done__mark::before {
  content: "";
  width: 28px;
  height: 14px;
  margin-top: -6px;
  border-left: 4px solid var(--rd-color-primary);
  border-bottom: 4px solid var(--rd-color-primary);
  border-radius: 2px;
  transform: rotate(-45deg);
}
.rd-row.rd-done .rd-head { margin-bottom: 0; }

/* --------------------------------------------------------------------------
   23. 블로그 목록 — pages/blog (Salient Post Grid, css_class_name rd-post-grid)
   [카테고리 탭(가로 칩)]  /  카드: 1:1 썸네일 + 카테고리 + 제목(2줄) + 날짜  /  [더 보기]
   카테고리 탭 = [rd_blog_cats] 쇼트코드(.rd-cat-nav, 진짜 링크 → 주제 페이지 /archives/category/slug). 탭 순서·한국어 문구는 functions.php
   -------------------------------------------------------------------------- */
/* 카테고리 탭 — 칩. /blog 와 주제 페이지(category.php) 공통. 좁은 화면은 한 줄 가로 스크롤 */
.rd-row .rd-cat-nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rd-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.rd-row .rd-cat-nav li { margin: 0; padding: 0; list-style: none; }
.rd-row .rd-cat-nav li::before { content: none; }
.rd-row .rd-cat-nav a {
  display: inline-flex;
  padding: var(--rd-space-2) var(--rd-space-4);
  border-radius: var(--rd-radius-pill);
  background: var(--rd-gray-100);
  color: var(--rd-gray-700);
  font-size: var(--rd-fs-sm);
  font-weight: 600;
  line-height: var(--rd-lh-normal);
  white-space: nowrap;
  transition: background-color var(--rd-dur) var(--rd-ease), color var(--rd-dur) var(--rd-ease);
}
.rd-row .rd-cat-nav a:hover { background: var(--rd-gray-200); color: var(--rd-gray-900); }
.rd-row .rd-cat-nav a.is-active { background: var(--rd-gray-900); color: var(--rd-white); }
@media (max-width: 690px) {
  .rd-row .rd-cat-nav ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-inline: calc(var(--rd-gutter) * -1);
    padding-inline: var(--rd-gutter);
    scrollbar-width: none;
  }
  .rd-row .rd-cat-nav ul::-webkit-scrollbar { display: none; }
}
/* Salient post-grid 규칙이 [data-*]·.full-width-content 로 세서 전부 #ajax-content-wrap 을 앞에 붙인다 */
#ajax-content-wrap .rd-post-grid { --rd-post-gap: var(--rd-space-6); }

/* 카테고리 탭 — 칩. 좁은 화면은 한 줄 가로 스크롤 */
#ajax-content-wrap .rd-post-grid .nectar-post-grid-filters { margin: 0 0 var(--rd-space-8); padding: 0; }
#ajax-content-wrap .rd-post-grid .nectar-post-grid-filters h4 { display: none; }
#ajax-content-wrap .rd-post-grid .nectar-post-grid-filters > div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rd-space-2);
}
#ajax-content-wrap .rd-post-grid .nectar-post-grid-filters a {
  margin: 0;
  padding: var(--rd-space-2) var(--rd-space-4);
  border-radius: var(--rd-radius-pill);
  background: var(--rd-gray-100);
  color: var(--rd-gray-700);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-sm);
  font-weight: 600;
  line-height: var(--rd-lh-normal);
  white-space: nowrap;
  transition: background-color var(--rd-dur) var(--rd-ease), color var(--rd-dur) var(--rd-ease);
}
#ajax-content-wrap .rd-post-grid .nectar-post-grid-filters a::after,
#ajax-content-wrap .rd-post-grid .nectar-post-grid-filters a::before { content: none; }
#ajax-content-wrap .rd-post-grid .nectar-post-grid-filters a:hover { background: var(--rd-gray-200); color: var(--rd-gray-900); }
#ajax-content-wrap .rd-post-grid .nectar-post-grid-filters a.active { background: var(--rd-gray-900); color: var(--rd-white); }
@media (max-width: 690px) {
  #ajax-content-wrap .rd-post-grid .nectar-post-grid-filters > div {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-inline: calc(var(--rd-gutter) * -1);
    padding-inline: var(--rd-gutter);
    scrollbar-width: none;
  }
  #ajax-content-wrap .rd-post-grid .nectar-post-grid-filters > div::-webkit-scrollbar { display: none; }
}

/* 카드형 — Salient 의 margin 격자 대신 CSS grid 로 (3 · 2 · 1열). 목록형(rd-post-list)이 아닐 때 */
#ajax-content-wrap .rd-post-grid:not(.rd-post-list) .nectar-post-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--rd-space-12) var(--rd-post-gap);
  margin: 0;
}
#ajax-content-wrap .rd-post-grid:not(.rd-post-list) .nectar-post-grid .nectar-post-grid-item { width: auto; margin: 0; }
@media (max-width: 999px) { #ajax-content-wrap .rd-post-grid:not(.rd-post-list) .nectar-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 690px) { #ajax-content-wrap .rd-post-grid:not(.rd-post-list) .nectar-post-grid { grid-template-columns: minmax(0, 1fr); row-gap: var(--rd-space-10); } }

/* 썸네일 */
#ajax-content-wrap .rd-post-grid:not(.rd-post-list) .nectar-post-grid-item-bg-wrap {
  aspect-ratio: 1 / 1;          /* Salient 이 content_under_image 에선 높이를 안 잡아 0 이 된다 */
  border-radius: var(--rd-radius-xl);
  overflow: hidden;
  background: var(--rd-gray-100);
}
/* 글자 — 카드형·목록형 공통 */
#ajax-content-wrap .rd-post-grid:not(.rd-post-list) .nectar-post-grid-item .inner { position: relative; height: auto; }
#ajax-content-wrap .rd-post-grid .nectar-post-grid-item-bg-wrap-inner,
#ajax-content-wrap .rd-post-grid .nectar-post-grid-item-bg { position: absolute; inset: 0; height: auto; }
#ajax-content-wrap .rd-post-grid .nectar-post-grid-item-bg img { width: 100%; height: 100%; object-fit: cover; }
#ajax-content-wrap .rd-post-grid:not(.rd-post-list) .nectar-post-grid-item .content { padding: var(--rd-space-5) 0 0; }
#ajax-content-wrap .rd-post-grid .nectar-post-grid-item .meta-category a {
  padding: 0;
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-xs);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: var(--rd-color-primary);
}
#ajax-content-wrap .rd-post-grid .nectar-post-grid-item .meta-category a::before,
#ajax-content-wrap .rd-post-grid .nectar-post-grid-item .meta-category a::after { content: none; }
#ajax-content-wrap .rd-post-grid .nectar-post-grid-item .post-heading {
  margin-top: var(--rd-space-2);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-h4);
  font-weight: 700;
  line-height: var(--rd-lh-snug);
  letter-spacing: var(--rd-ls-tight);
  color: var(--rd-color-text);
  word-break: keep-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#ajax-content-wrap .rd-post-grid .nectar-post-grid-item .post-heading span { background-image: none; }
#ajax-content-wrap .rd-post-grid .nectar-post-grid-item:hover .post-heading { color: var(--rd-color-primary); }
#ajax-content-wrap .rd-post-grid .nectar-post-grid-item .meta-date {
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-sm);
  color: var(--rd-color-text-muted);
}

/* 카드형 4열 — css_class_name 에 rd-post-grid--4 (홈 블로그 섹션). 태블릿·모바일 2열, 모바일은 글자 한 단계 작게 */
#ajax-content-wrap .rd-post-grid.rd-post-grid--4 .nectar-post-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 999px) { #ajax-content-wrap .rd-post-grid.rd-post-grid--4 .nectar-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 690px) {
  #ajax-content-wrap .rd-post-grid.rd-post-grid--4 .nectar-post-grid { gap: var(--rd-space-8) var(--rd-space-4); }
  #ajax-content-wrap .rd-post-grid.rd-post-grid--4 .nectar-post-grid-item .post-heading { font-size: var(--rd-fs-md); }
  #ajax-content-wrap .rd-post-grid.rd-post-grid--4 .nectar-post-grid-item .content { padding-top: var(--rd-space-3); }
}

/* 주제 바로가기 칩 — Text Block el_class="rd-chip-links" 안 <ul><li><a> (블로그 카테고리 탭과 같은 칩) */
.rd-row .col .rd-chip-links ul { display: flex; flex-wrap: wrap; gap: var(--rd-space-2); }
.rd-row .col .rd-chip-links li { margin: 0; }
.rd-row .col .rd-chip-links a {
  display: inline-flex;
  padding: var(--rd-space-2) var(--rd-space-4);
  border-radius: var(--rd-radius-pill);
  background: var(--rd-gray-100);
  color: var(--rd-gray-700);
  font-size: var(--rd-fs-sm);
  font-weight: 600;
  line-height: var(--rd-lh-normal);
  white-space: nowrap;
  transition: background-color var(--rd-dur) var(--rd-ease), color var(--rd-dur) var(--rd-ease);
}
.rd-row .col .rd-chip-links a:hover { background: var(--rd-green-50); color: var(--rd-green-700); }
.rd-row .wpb_wrapper > .rd-head + .rd-chip-links { margin-top: calc(var(--rd-space-6) * -1); }

/* 블로그 최근 글 섹션(사이트 공통) — Row class="rd-row rd-blog-split": [머리글·칩 5/12 | 뉴스레터형 목록 7/12]. 넓은 화면은 왼쪽이 따라 내려온다
   홈 08-blog, 서비스 페이지 관련 글(세무기장·검진센터 …). 페이지 안 블로그 글 섹션은 모두 이 틀 (카드형 Post Grid 쓰지 않음) */
.rd-row.rd-blog-split > .row_col_wrap_12 { column-gap: var(--rd-space-16); align-items: flex-start; }
@media (min-width: 1000px) {
  .rd-row.rd-blog-split .wpb_column.vc_col-sm-5 { position: sticky; top: calc(var(--rd-header-h) + var(--rd-space-8)); }
}
.rd-row.rd-blog-split .rd-post-list .nectar-post-grid .nectar-post-grid-item:first-child { padding-top: 0; }
/* 넓은 화면: 주제 칩을 세로로 크게 (모바일은 기본 칩 줄바꿈 그대로) */
@media (min-width: 1000px) {
  .rd-row.rd-blog-split .col .rd-chip-links ul { flex-direction: column; align-items: flex-start; gap: var(--rd-space-3); }
  .rd-row.rd-blog-split .col .rd-chip-links a {
    padding: var(--rd-space-3) var(--rd-space-6);
    font-size: var(--rd-fs-lg);
    font-weight: 700;
  }
}
#ajax-content-wrap .rd-row.rd-blog-split .rd-post-list .nectar-post-grid { border-top: 0; }
/* 칩으로 거르는 목록(홈 세금 이야기) — Salient 필터 줄은 숨기고 칩이 대신. 고른 칩 = 진한 초록, 목록 바뀌는 동안 살짝 흐리게 */
#ajax-content-wrap .rd-row.rd-blog-split .rd-post-grid .nectar-post-grid-filters { display: none; }
.rd-row .col .rd-chip-filter a.is-active,
.rd-row .col .rd-chip-filter a.is-active:hover { background: var(--rd-color-primary); color: var(--rd-white); }
/* 넓은 화면(1000px↑): 거르는 칩(.rd-chip-filter)은 세로 탭 목록 — 왼쪽 회색 선 위에 한 줄씩, 고른 탭은 초록 선·초록 글자, 오른쪽에 글 수 (2026-09-30)
   글 수(span.rd-chip-count)는 rd.js 가 Post Grid 필터의 data-total-count 로 붙인다. 모바일은 위의 칩 그대로 */
@media (min-width: 1000px) {
  .rd-row.rd-blog-split .col .rd-chip-filter ul {
    align-items: stretch;
    gap: 0;
    max-width: 360px;
    border-left: 2px solid var(--rd-gray-200);
  }
  .rd-row.rd-blog-split .col .rd-chip-filter a,
  .rd-row.rd-blog-split .col .rd-chip-filter a:hover,
  .rd-row.rd-blog-split .col .rd-chip-filter a.is-active,
  .rd-row.rd-blog-split .col .rd-chip-filter a.is-active:hover {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--rd-space-4);
    margin-left: -2px;
    padding: var(--rd-space-3) var(--rd-space-5);
    border-left: 2px solid transparent;
    border-radius: 0;
    background: none;
    font-size: var(--rd-fs-lg);
    font-weight: 600;
    color: var(--rd-gray-500);
  }
  .rd-row.rd-blog-split .col .rd-chip-filter a:hover { color: var(--rd-gray-900); border-left-color: var(--rd-gray-400); }
  .rd-row.rd-blog-split .col .rd-chip-filter a.is-active,
  .rd-row.rd-blog-split .col .rd-chip-filter a.is-active:hover { border-left-color: var(--rd-color-primary); font-weight: 700; color: var(--rd-green-700); }
  .rd-row.rd-blog-split .col .rd-chip-filter .rd-chip-count { font-size: var(--rd-fs-sm); font-weight: 500; color: var(--rd-gray-400); }
  .rd-row.rd-blog-split .col .rd-chip-filter a.is-active .rd-chip-count { color: var(--rd-green-700); }
}
@media (max-width: 999px) {
  .rd-row .col .rd-chip-filter .rd-chip-count { display: none; }
}
#ajax-content-wrap .rd-row.rd-blog-split .rd-post-grid .nectar-post-grid.loading { opacity: .4; transition: opacity var(--rd-dur) var(--rd-ease); }

/* 목록형(뉴스레터) — css_class_name 에 rd-post-list. Post Grid grid_style content_next_to_image, 1열
   [카테고리 · 제목(2줄) · 요약(2줄) · 날짜 | 오른쪽 1:1 썸네일], 글 사이 구분선 */
.rd-row.rd-blog > .row_col_wrap_12 { width: min(100% - var(--rd-gutter) * 2, var(--rd-post-width)); }
/* 태그·작성자 보관함(블로그 보관함 전역 섹션)도 같은 폭 */
body.archive .container-wrap .main-content { max-width: min(var(--rd-post-width), 100% - var(--rd-gutter) * 2); margin-inline: auto; padding-inline: 0; }
/* 보관함 머리글(태그 ○○) — 목록과 같은 폭·디자인 시스템 머리글(rd-head) 모양 */
body.archive .blog-archive-header .container { max-width: min(var(--rd-post-width), 100% - var(--rd-gutter) * 2); margin-inline: auto; padding: 0; }
body.archive .blog-archive-header .section-title { padding: var(--rd-section-y) 0 var(--rd-space-10); border: 0; }
body.archive .blog-archive-header .subheader {
  display: block;
  margin-bottom: var(--rd-space-3);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-sm);
  font-weight: 700;
  color: var(--rd-color-primary);
}
body.archive .blog-archive-header h1 {
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-h1);
  font-weight: 700;
  line-height: var(--rd-lh-tight);
  letter-spacing: var(--rd-ls-tight);
  color: var(--rd-color-text);
}
body.archive .blog-archive-header + .container-wrap { padding-top: 0; }
/* 카테고리 글 목록 페이지(/news, /cases) — 글이 없을 때
   rd-empty-note = 목록 아래 안내문(글이 생기면 숨김), Row class rd-hide-empty = 글이 없으면 섹션째 숨김 */
.rd-row .col .rd-empty-note p {
  padding-block: var(--rd-space-10);
  border-top: 1px solid var(--rd-color-border);
  color: var(--rd-color-text-muted);
}
.rd-row:has(.nectar-post-grid-item) .rd-empty-note,
.rd-row .nectar-post-grid-wrap:not(:has(.nectar-post-grid-item)),
.rd-row.rd-hide-empty:not(:has(.nectar-post-grid-item)) { display: none; }

/* 검색 결과 페이지(salient-child/search.php) — 목록은 Salient .post-area 안에 들어온다 */
.rd-search-page .post-area { float: none; width: 100%; margin: 0; padding: 0; }
.rd-search-page .rd-head .rd-eyebrow a { color: inherit; }
.rd-row .col .rd-search-empty p + p { margin-top: var(--rd-space-2); }
.rd-search-page .wpb_wrapper > .nectar-button { align-self: flex-start; }
#ajax-content-wrap .rd-post-list .nectar-post-grid { display: block; margin: 0; border-top: 1px solid var(--rd-color-border); }
#ajax-content-wrap .rd-post-list .nectar-post-grid .nectar-post-grid-item {
  width: auto;
  margin: 0;
  padding: var(--rd-space-8) 0;
  border-bottom: 1px solid var(--rd-color-border);
}
#ajax-content-wrap .rd-post-list .nectar-post-grid-item::after,
#ajax-content-wrap .rd-post-list .nectar-post-grid-item::before { content: none; }
#ajax-content-wrap .rd-post-list .nectar-post-grid-item .inner {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: var(--rd-space-8);
  height: auto;
}
#ajax-content-wrap .rd-post-list .nectar-post-grid-item-bg-wrap {
  position: relative;
  flex: 0 0 clamp(88px, 20%, 160px);
  width: auto;
  aspect-ratio: 1 / 1;
  border-radius: 0;                 /* 목록형 썸네일은 각지게 (카드형은 --rd-radius-xl 유지) */
  overflow: hidden;
  background: var(--rd-gray-100);
}
#ajax-content-wrap .rd-post-list .nectar-post-grid-item-bg-wrap-inner,
#ajax-content-wrap .rd-post-list .nectar-post-grid-item-bg { position: absolute; inset: 0; width: auto; height: auto; }
#ajax-content-wrap .rd-post-list .nectar-post-grid-item-bg img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--rd-ease); }
#ajax-content-wrap .rd-post-list .nectar-post-grid-item:hover .nectar-post-grid-item-bg img { transform: scale(1.04); }
#ajax-content-wrap .rd-post-list .nectar-post-grid-item .content {
  position: static;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  padding: 0;
}
#ajax-content-wrap .rd-post-list .nectar-post-grid-item .post-heading {
  margin-top: var(--rd-space-2);
  font-size: var(--rd-fs-h4);
  -webkit-line-clamp: 2;
}
#ajax-content-wrap .rd-post-list .nectar-post-grid-item .meta-excerpt {
  margin-top: var(--rd-space-2);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-sm);
  line-height: var(--rd-lh-normal);
  color: var(--rd-color-text-muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#ajax-content-wrap .rd-post-list .nectar-post-grid-item .meta-date { margin-top: var(--rd-space-3); font-size: var(--rd-fs-xs); }
@media (max-width: 690px) {
  #ajax-content-wrap .rd-post-list .nectar-post-grid .nectar-post-grid-item { padding: var(--rd-space-6) 0; }
  #ajax-content-wrap .rd-post-list .nectar-post-grid-item .inner { gap: var(--rd-space-4); align-items: flex-start; }
  #ajax-content-wrap .rd-post-list .nectar-post-grid-item .post-heading { font-size: var(--rd-fs-md); }
  #ajax-content-wrap .rd-post-list .nectar-post-grid-item .meta-excerpt { display: none; }
}

/* 검색창 — Text Block el_class="rd-search" 안 <form> (input[type=search] + button) */
.rd-row .col .rd-search form { position: relative; display: flex; gap: var(--rd-space-2); margin: 0; }
.rd-row .col .rd-search label {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
#ajax-content-wrap .rd-row .col .rd-search input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  height: 56px;
  margin: 0;
  padding: 0 var(--rd-space-5) 0 calc(var(--rd-space-5) + 28px);
  border: 1px solid transparent;
  border-radius: var(--rd-radius-lg);
  background: var(--rd-gray-100) no-repeat var(--rd-space-5) center / 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238B95A1' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
  box-shadow: none;
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  color: var(--rd-color-text);
  transition: border-color var(--rd-dur) var(--rd-ease), background-color var(--rd-dur) var(--rd-ease);
}
#ajax-content-wrap .rd-row .col .rd-search input[type="search"]::placeholder { color: var(--rd-gray-500); }
#ajax-content-wrap .rd-row .col .rd-search input[type="search"]:focus { border-color: var(--rd-color-primary); background-color: var(--rd-white); outline: 0; }
#ajax-content-wrap .rd-row .col .rd-search button {
  flex: 0 0 auto;
  height: 56px;
  margin: 0;
  padding: 0 var(--rd-space-6);
  border: 0;
  border-radius: var(--rd-radius-lg);
  background: var(--rd-color-primary);
  color: var(--rd-white);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--rd-dur) var(--rd-ease);
}
#ajax-content-wrap .rd-row .col .rd-search button:hover { background: var(--rd-color-primary-hov); }
.rd-row.rd-blog .wpb_wrapper > .rd-search + .nectar-post-grid-wrap .nectar-post-grid-filters { margin-top: calc(var(--rd-space-2) * -1); }

/* 더 보기 */
#ajax-content-wrap .rd-post-grid .load-more-wrap { margin-top: var(--rd-space-16); text-align: center; }
#ajax-content-wrap .rd-post-grid .load-more-wrap .load-more {
  display: inline-flex;
  align-items: center;
  height: 56px;
  padding: 0 var(--rd-space-8);
  border: 0;
  border-radius: var(--rd-radius-lg);
  background: var(--rd-gray-100);
  color: var(--rd-gray-900);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  font-weight: 700;
  transition: background-color var(--rd-dur) var(--rd-ease);
}
#ajax-content-wrap .rd-post-grid .load-more-wrap .load-more:hover { background: var(--rd-gray-200); }
#ajax-content-wrap .rd-post-grid .load-more-wrap .load-more.inactive { display: none; }

/* --------------------------------------------------------------------------
   24. 블로그 글 본문 — 라이브 글 스타일(Salient 사용자 정의 CSS)을 토큰으로 옮김
   글은 블록 에디터(Gutenberg)로 쓴 것. Salient 블로그 옵션도 라이브와 같게: 대표 이미지 머리 영역 끔,
   작성자·댓글 수·좋아요 숨김 (CLAUDE.md 참고)
   -------------------------------------------------------------------------- */
:root { --rd-post-width: 860px; }   /* 라이브 본문 폭 */

/* Salient .container 의 모바일 좌우 여백을 덮지 않게 화면 폭 − 거터와 비교 */
.single-post .container-wrap .main-content { max-width: min(var(--rd-post-width), 100% - var(--rd-gutter) * 2); margin-inline: auto; }
.single-post .heading-title h1.entry-title,
.single-post #page-header-bg h1.entry-title { font-size: var(--rd-fs-h2); line-height: var(--rd-lh-snug); letter-spacing: var(--rd-ls-tight); word-break: keep-all; }
.single-post .heading-title .meta-category { padding-left: 0; }
/* 제목 위 카테고리 = 디자인 시스템 꼬리표(rd-tag) 모양. 누르면 주제 페이지 /archives/category/slug
   Salient .single .heading-title[data-header-style=default_minimal] .meta-category a(검은 2px 테두리)보다 세게 */
body.single-post .heading-title[data-header-style] .meta-category a {
  display: inline-flex;
  padding: var(--rd-space-1) var(--rd-space-3);
  border: 0;
  border-radius: var(--rd-radius-pill);
  background: var(--rd-green-50);
  color: var(--rd-green-700);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-xs);
  font-weight: 700;
  line-height: var(--rd-lh-normal);
  transition: background-color var(--rd-dur) var(--rd-ease);
}
body.single-post .heading-title[data-header-style] .meta-category a:hover { background: var(--rd-green-100); color: var(--rd-green-700); }

/* 본문 글자. 라이브(Noto Sans KR)보다 Pretendard 가 같은 굵기에서 가늘어 보여 굵은 글씨·소제목은 700 */
.single-post .post-content .content-inner { word-break: keep-all; overflow-wrap: anywhere; }
.single-post .post-content .content-inner :is(strong, b) { font-weight: 700; }
.single-post .post-content .content-inner p,
.single-post .post-content .content-inner li {
  font-size: var(--rd-fs-md);
  line-height: 1.8;
  color: var(--rd-color-text-body);
}
/* Salient single.css 의 body.single .post .content-inner > h2 {margin-top:10px} 보다 세게 body. 를 붙인다 */
body.single-post .post-content .content-inner :is(h2, h3, h4, h5, h6) { margin-top: var(--rd-space-10); }
body.single-post .post-content .content-inner h2 {
  margin: var(--rd-space-10) 0 var(--rd-space-5);
  padding: 0 0 2px var(--rd-space-3);
  border-left: 4px solid var(--rd-color-primary);
  font-size: var(--rd-fs-h4);
  font-weight: 700;
  line-height: 1.3;
}
body.single-post .post-content .content-inner h6 {
  margin-bottom: var(--rd-space-5);
  font-size: var(--rd-fs-lg);
  font-weight: 700;
}

/* 소제목 단계 — 글쓰기 규칙 docs/blog-writing-guide.md: 큰 제목 H2(초록 선) → 작은 제목 H3 → 항목 제목 H4
   새 글의 H3 = 옛 글 h6 모양(18px 굵게), H4 = 굵은 문단 모양. Salient 기본 h3·h4 크기를 덮는다 */
body.single-post .post-content .content-inner h3:where(:not(.post-tags h3)) { margin-bottom: var(--rd-space-5); font-size: var(--rd-fs-lg); font-weight: 700; line-height: 24px; letter-spacing: 0; }
body.single-post .post-content .content-inner h4:where(:not(.post-tags h4)) { margin-bottom: 0; padding-bottom: var(--rd-space-6); font-size: var(--rd-fs-md); font-weight: 700; line-height: 1.8; letter-spacing: 0; }

/* 옛 글 소제목 단계 정리(scripts/blog_headings.php, 2026-09-29)로 태그 단계만 바뀐 소제목 — 원래 단계 모양 그대로
   rd-hs-4·5·6 = 원래 h4·h5·h6, rd-hs-p = 원래 굵은 문단. 태그가 h2 가 된 것도 초록 선이 생기지 않게 선·안쪽 여백을 없앤다 */
body.single-post .post-content .content-inner :is(.rd-hs-4, .rd-hs-5, .rd-hs-6, .rd-hs-p) { padding: 0; border: 0; letter-spacing: 0; }
body.single-post .post-content .content-inner .rd-hs-4 { margin: var(--rd-space-10) 0 var(--rd-space-2); font-size: var(--rd-fs-lg); font-weight: 600; line-height: 32px; }
body.single-post .post-content .content-inner .rd-hs-5 { margin: var(--rd-space-10) 0 var(--rd-space-2); font-size: var(--rd-fs-md); font-weight: 600; line-height: 26px; }
body.single-post .post-content .content-inner .rd-hs-6 { margin: var(--rd-space-10) 0 var(--rd-space-5); font-size: var(--rd-fs-lg); font-weight: 700; line-height: 24px; }
body.single-post .post-content .content-inner .rd-hs-p { margin: 0; padding-bottom: var(--rd-space-6); color: var(--rd-color-text-body); font-size: var(--rd-fs-md); font-weight: 400; line-height: 1.8; }
@media (max-width: 690px) {
  body.single-post .post-content .content-inner .rd-hs-4 { font-size: 17px; line-height: 26px; }   /* Salient 모바일 h4 */
}

/* 인용 */
.single-post .post-content .wp-block-quote { margin-top: var(--rd-space-12); font-weight: 700; }
.single-post .post-content .wp-block-quote p { font-size: var(--rd-fs-h4); }

/* 이미지·캡션 */
.single-post .post-content .content-inner img { margin: var(--rd-space-5) 0 var(--rd-space-10); }
.single-post .post-content figcaption {
  margin-top: calc(var(--rd-space-8) * -1);
  text-align: center;
  font-size: var(--rd-fs-xs);
  font-weight: 700;
}

/* 표 */
.single-post .post-content table { margin-bottom: var(--rd-space-3); }
.single-post .post-content table :is(td, th) { text-align: left; }
.single-post .post-content .wp-block-table.is-style-stripes { border: 0; }

/* 글 하단 태그 (Salient display_tags) — 회색 꼬리표. 누르면 태그 보관함(블로그 보관함 전역 섹션, 23번 카드) */
body.single-post .post-area .content-inner > .post-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--rd-space-2);
  margin-top: var(--rd-space-12);
  padding-top: var(--rd-space-8);
  border-top: 1px solid var(--rd-color-border);
}
body.single-post .post-area .content-inner > .post-tags h4 {
  margin: 0 var(--rd-space-2) 0 0;
  font-size: var(--rd-fs-sm);
  font-weight: 700;
  color: var(--rd-color-text);
}
body.single-post .post-area .content-inner > .post-tags a {
  margin: 0;
  padding: var(--rd-space-1) var(--rd-space-3);
  border: 0;
  border-radius: var(--rd-radius-pill);
  background: var(--rd-gray-100);
  color: var(--rd-gray-700);
  font-size: var(--rd-fs-xs);
  font-weight: 600;
  line-height: var(--rd-lh-normal);
}
body.single-post .post-area .content-inner > .post-tags a::before { content: none; }
body.single-post .post-area .content-inner > .post-tags a:hover { background: var(--rd-green-50); color: var(--rd-green-700); }
body.single-post .post-area .content-inner > .post-tags .clear { display: none; }

/* 글 제목 아래 '로뎀세무법인 · 날짜' — 작성자는 모든 글이 로뎀세무법인(user rodemtax). 영어 'By' 는 숨김 (2026-09-30) */
.single-post .heading-title #single-below-header .meta-author span.author-leading { display: none; }   /* Salient: #single-below-header span { display:inline-block } 보다 세게 */
.single-post #single-below-header .meta-author a { color: var(--rd-color-text-body); font-weight: 600; }
.single-post #single-below-header .meta-author a:hover { color: var(--rd-color-primary); }

/* 오래된 지원금·장려금 글 안내 (functions.php 가 본문 위에 붙임) */
.single-post .post-content .content-inner p.rd-post-notice {
  margin-bottom: var(--rd-space-10);
  padding: var(--rd-space-4) var(--rd-space-5);
  border-radius: var(--rd-radius-md);
  background: var(--rd-yellow-100);
  color: var(--rd-yellow-800);
  font-size: var(--rd-fs-sm);
  line-height: var(--rd-lh-normal);
}
.single-post .post-content .content-inner p.rd-post-notice strong { color: inherit; }

/* 같은 주제의 다른 글 (Salient 관련 글 — 블로그 보관함 전역 섹션의 Post Grid 로 그려져 23번 카드 모양) */
.single-post .related-post-wrap { margin-top: var(--rd-space-8); }
.single-post .related-post-wrap h3.related-title {
  margin-bottom: var(--rd-space-6);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-h4);
  font-weight: 700;
  color: var(--rd-color-text);
}

/* 공유 버튼·댓글: 라이브처럼 숨김 */
.single-post .nectar-social,
.single-post .comments-section { display: none; }


/* --------------------------------------------------------------------------
   25. 계산기 — /calculator_car /calc_4insure /calc_income (pages/<slug>/01-calc.html, 2026-09-29)
   최상위 .rd-tool (검진센터 계산식 블록 .rd-calc 와 이름이 겹치지 않게). 계산 스크립트는 라이브 것을 그대로(assets/calc/*.js) — 마크업의 id·class 는 스크립트용이라 바꾸지 않고, 모양은 여기 rd-calc-* 로만
   .hidden = 스크립트가 켜고 끄는 클래스
   -------------------------------------------------------------------------- */
.rd-tool { max-width: 1120px; }
.rd-tool .hidden { display: none; }
.rd-row .col .rd-tool .rd-head { margin-bottom: var(--rd-space-10); }
.rd-row .col .rd-tool .rd-head h1 { font-size: var(--rd-fs-h1); line-height: var(--rd-lh-tight); letter-spacing: var(--rd-ls-tight); }
.rd-calc-form { display: grid; gap: var(--rd-space-6); }

/* 카드 */
.rd-calc-card {
  padding: clamp(24px, 3vw, 40px);
  border-radius: var(--rd-radius-2xl);
  background: var(--rd-gray-50);
}
.rd-calc-step + .rd-calc-step { margin-top: var(--rd-space-8); }
.rd-calc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--rd-space-8) var(--rd-space-10); }
.rd-calc-grid .rd-calc-step + .rd-calc-step { margin-top: 0; }

/* 단계 제목 — 번호 동그라미 + 제목 */
.rd-row .col .rd-tool .rd-calc-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--rd-space-2) var(--rd-space-3);
  margin: 0 0 var(--rd-space-4);
  font-size: var(--rd-fs-lg);
  font-weight: 700;
  line-height: var(--rd-lh-snug);
  color: var(--rd-color-text);
}
.rd-tool .rd-calc-label > span {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: var(--rd-radius-pill);
  background: var(--rd-color-primary);
  color: var(--rd-white);
  font-size: var(--rd-fs-xs);
  font-weight: 700;
}
.rd-tool .rd-calc-label small { font-size: var(--rd-fs-sm); font-weight: 500; color: var(--rd-color-text-muted); }
.rd-row .col .rd-tool .rd-calc-label--outside { margin: var(--rd-space-6) 0 0; }

/* 고르기 칩 (라디오·체크박스) */
.rd-choice { display: flex; flex-wrap: wrap; gap: var(--rd-space-2); }
.rd-choice label { position: relative; margin: 0; cursor: pointer; }
.rd-choice input { position: absolute; opacity: 0; pointer-events: none; }
.rd-choice span {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 var(--rd-space-5);
  border: 1px solid var(--rd-gray-200);
  border-radius: var(--rd-radius-lg);
  background: var(--rd-white);
  color: var(--rd-gray-800);
  font-size: var(--rd-fs-md);
  font-weight: 600;
  transition: border-color var(--rd-dur) var(--rd-ease), background-color var(--rd-dur) var(--rd-ease), color var(--rd-dur) var(--rd-ease);
}
.rd-choice label:hover span { border-color: var(--rd-gray-400); }
.rd-choice input:checked + span { border-color: var(--rd-color-primary); background: var(--rd-green-50); color: var(--rd-green-700); }
.rd-choice input:focus-visible + span { outline: 2px solid var(--rd-color-primary); outline-offset: 2px; }

/* 입력칸 — 오른쪽 단위 */
.rd-calc-inline { display: flex; flex-wrap: wrap; align-items: center; gap: var(--rd-space-4) var(--rd-space-6); }
.rd-field { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--rd-space-2); margin: 0; }   /* minmax(0,1fr): 입력칸이 칸보다 넓어지지 않게(모바일) */
.rd-field + .rd-field { margin-top: var(--rd-space-4); }
.rd-calc-inline .rd-field { margin: 0; grid-template-columns: auto minmax(140px, 200px); align-items: center; gap: var(--rd-space-3); }
.rd-field__label { font-size: var(--rd-fs-sm); font-weight: 600; color: var(--rd-gray-800); }
.rd-field__label small { font-weight: 400; color: var(--rd-color-text-muted); }
.rd-input {
  display: flex;
  align-items: center;
  gap: var(--rd-space-2);
  min-width: 0;
  height: 52px;
  padding: 0 var(--rd-space-4);
  border: 1px solid var(--rd-gray-200);
  border-radius: var(--rd-radius-md);
  background: var(--rd-white);
  transition: border-color var(--rd-dur) var(--rd-ease), box-shadow var(--rd-dur) var(--rd-ease);
}
.rd-input:focus-within { border-color: var(--rd-color-primary); box-shadow: 0 0 0 3px var(--rd-green-50); }
.rd-tool .rd-input input {
  flex: 1 1 auto;
  width: 0;          /* 브라우저 기본 입력칸 폭(약 20글자)을 쓰지 않고 칸에 맞춰 줄어든다 — 360·390px 에서 '만원'이 잘리던 것 (2026-09-30) */
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--rd-color-text);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-lg);
  font-weight: 600;
  text-align: right;
}
.rd-tool .rd-input input:focus { outline: 0; }
.rd-tool .rd-input input:disabled { color: var(--rd-color-text-muted); }
.rd-input em { flex: none; font-style: normal; font-size: var(--rd-fs-sm); color: var(--rd-color-text-muted); }
.rd-input--sm { height: 40px; padding: 0 var(--rd-space-3); }
.rd-tool .rd-input--sm input { font-size: var(--rd-fs-sm); }

/* 이용 방식 카드 3개 (자동차) */
.rd-calc-methods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--rd-space-4); }
.rd-row .col .rd-tool .rd-calc-method h3 { margin: 0 0 var(--rd-space-5); font-size: var(--rd-fs-h4); }

/* 결과 목록 */
.rd-calc-result { display: grid; margin: var(--rd-space-6) 0 0; }
.rd-calc-result > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--rd-space-3);
  padding: var(--rd-space-3) 0;
  border-top: 1px solid var(--rd-gray-200);
}
.rd-calc-result dt { margin: 0; font-size: var(--rd-fs-sm); color: var(--rd-color-text-body); }
.rd-calc-result dt small { color: var(--rd-color-text-muted); }
.rd-calc-result dd { flex: none; margin: 0; font-size: var(--rd-fs-sm); color: var(--rd-color-text-muted); white-space: nowrap; }
.rd-calc-result dd :is(b, span) { margin-right: 2px; font-size: var(--rd-fs-lg); font-weight: 700; color: var(--rd-color-text); }
.rd-calc-result .is-minus dd :is(b, span) { color: var(--rd-red-500); }
.rd-calc-result .is-key dd :is(b, span) { color: var(--rd-color-primary); }
.rd-calc-result .is-total { border-top: 2px solid var(--rd-color-text); }
.rd-calc-result .is-total dt { font-weight: 700; color: var(--rd-color-text); }
.rd-calc-result .is-total dd :is(b, span) { font-size: var(--rd-fs-h3); color: var(--rd-color-primary); }

/* 입력 | 결과 두 칸 (소득세) */
.rd-calc-split { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; }
.rd-calc-output { background: var(--rd-white); border: 1px solid var(--rd-gray-200); }
.rd-calc-split .rd-calc-output { position: sticky; top: calc(var(--rd-header-h) + var(--rd-space-6)); }
.rd-calc-output:has(.result:not(.hidden)) .rd-calc-empty { display: none; }
.rd-row .col .rd-tool p.rd-calc-empty { padding: var(--rd-space-8) 0; color: var(--rd-color-text-muted); text-align: center; }
.rd-row .col .rd-tool p.rd-calc-flag { margin-top: var(--rd-space-3); color: var(--rd-red-500); font-size: var(--rd-fs-sm); font-weight: 600; }

/* 버튼 */
.rd-calc-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  margin-top: var(--rd-space-8);
  border: 0;
  border-radius: var(--rd-radius-lg);
  background: var(--rd-color-primary);
  color: var(--rd-white);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--rd-dur) var(--rd-ease);
}
.rd-calc-btn:hover { background: var(--rd-color-primary-hov); }
.rd-calc-output .rd-calc-btn { margin-top: var(--rd-space-4); }

/* 안내 문구 */
.rd-row .col .rd-tool p.rd-calc-help { font-size: var(--rd-fs-sm); color: var(--rd-color-text-muted); }
.rd-row .col .rd-tool p.rd-calc-help + .rd-field { margin-top: var(--rd-space-3); }
.rd-row .col .rd-tool p.rd-calc-help a { color: var(--rd-green-700); text-decoration: underline; text-underline-offset: 3px; }
.rd-row .col .rd-tool .rd-calc-hint { display: grid; gap: var(--rd-space-1); margin: var(--rd-space-4) 0 0; }
.rd-row .col .rd-tool .rd-calc-hint li { position: relative; padding-left: 0.9em; font-size: var(--rd-fs-sm); color: var(--rd-color-text-muted); line-height: var(--rd-lh-normal); }
.rd-calc-hint li::before { content: "·"; position: absolute; left: 0; }

/* 4대보험 표 — 좁은 화면은 가로 스크롤 */
.rd-calc-table { overflow-x: auto; border: 1px solid var(--rd-gray-200); border-radius: var(--rd-radius-xl); background: var(--rd-white); }
.rd-calc-table table { width: 100%; min-width: 860px; margin: 0; border-collapse: collapse; font-size: var(--rd-fs-sm); }
.rd-calc-table :is(th, td) { padding: var(--rd-space-3); border: 0; border-bottom: 1px solid var(--rd-gray-200); text-align: right; white-space: nowrap; }
.rd-row .col .rd-tool .rd-calc-table th { background: var(--rd-gray-50); color: var(--rd-color-text-body); font-weight: 600; line-height: var(--rd-lh-snug); text-align: center; }
.rd-calc-table tbody tr:last-child td { border-bottom: 0; }
.rd-calc-table :is(td.number, td.duru, td.birth) { text-align: center; }
.rd-calc-table td.number { font-weight: 600; color: var(--rd-color-text); }
.rd-calc-table td.t_wage { min-width: 170px; }
.rd-calc-table select { height: 40px; padding: 0 var(--rd-space-2); border: 1px solid var(--rd-gray-200); border-radius: var(--rd-radius-sm); background: var(--rd-white); font-size: var(--rd-fs-sm); }
.rd-check input { width: 18px; height: 18px; margin: 0; accent-color: var(--rd-color-primary); }
.rd-calc-breakdown { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--rd-space-1) var(--rd-space-6); margin-top: var(--rd-space-6); }
.rd-row .col .rd-tool .rd-calc-breakdown p { margin: 0; display: flex; justify-content: space-between; gap: var(--rd-space-2); font-size: var(--rd-fs-sm); color: var(--rd-color-text-muted); }
.rd-calc-breakdown span { margin-left: auto; font-weight: 700; color: var(--rd-color-text); }

/* 참고 영상·관련 글 */
.rd-calc-notes, .rd-calc-more { margin-top: var(--rd-space-16); }
.rd-row .col .rd-tool :is(.rd-calc-notes, .rd-calc-more) h2 { margin: 0 0 var(--rd-space-4); font-size: var(--rd-fs-h4); }
.rd-calc-notes ul { display: grid; gap: var(--rd-space-2); }
.rd-row .col .rd-tool .rd-calc-notes li { position: relative; padding-left: 1em; font-size: var(--rd-fs-md); color: var(--rd-color-text-body); line-height: var(--rd-lh-normal); }
.rd-calc-notes li::before { content: "·"; position: absolute; left: 0.2em; }
.rd-calc-video { position: relative; aspect-ratio: 16 / 9; max-width: 760px; margin-bottom: var(--rd-space-12); overflow: hidden; border-radius: var(--rd-radius-xl); }
.rd-calc-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.rd-row .col .rd-tool .rd-calc-links { display: grid; gap: var(--rd-space-2); margin-bottom: var(--rd-space-8); }
.rd-row .col .rd-tool .rd-calc-links a { font-size: var(--rd-fs-md); font-weight: 600; color: var(--rd-green-700); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 999px) {
  .rd-calc-methods, .rd-calc-split, .rd-calc-grid { grid-template-columns: minmax(0, 1fr); }
  .rd-calc-split .rd-calc-output { position: static; }
}
@media (max-width: 690px) {
  .rd-calc-breakdown { grid-template-columns: minmax(0, 1fr); }
  .rd-calc-inline .rd-field { grid-template-columns: minmax(0, 1fr); }
}

/* --------------------------------------------------------------------------
   26. 신청서(FormCraft) — 신청서 카드 Column el_class="rd-price-card rd-form-card" 안 [fc id='N']
   /tax-report /premium_consulting /labor-service /discount (2026-09-29). 폼 자체(항목·문구·알림)는 FormCraft 관리자에서 고친다
   FormCraft 는 폼마다 인라인 <style> 을 본문에 넣어(rd.css 뒤) 버튼 색을 칠한다 → #ajax-content-wrap 로 이긴다 (!important 안 씀)
   -------------------------------------------------------------------------- */
.rd-row .rd-price-card.rd-form-card > .vc_column-inner > .wpb_wrapper { gap: var(--rd-space-4); }
/* 신청서가 길면 왼쪽 안내가 세로 가운데로 떠 보인다 → 신청서 줄은 위쪽 맞춤 */
.rd-row.rd-intro:has(.rd-form-card) > .row_col_wrap_12 { align-items: flex-start; }
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form {
  width: 100%;
  background: none;
  box-shadow: none;
  border-radius: 0;
  font-family: var(--rd-font-sans);
}
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .form-page-content { padding: 0; }
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .form-element { width: 100%; }
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .form-element-html { padding: 0 0 var(--rd-space-5); }
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .main-label,
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .main-label span {
  font-size: var(--rd-fs-sm);
  font-weight: 600;
  line-height: var(--rd-lh-normal);
  color: var(--rd-gray-800);
}
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .sub-label { font-size: var(--rd-fs-xs); color: var(--rd-color-text-muted); }
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .field-cover input[type="text"],
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .field-cover input[type="email"],
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .field-cover input[type="tel"],
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .field-cover select,
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .field-cover textarea {
  margin-top: var(--rd-space-2);
  padding: var(--rd-space-3) var(--rd-space-4);
  border: 1px solid var(--rd-gray-300);
  border-radius: var(--rd-radius-md);
  background: var(--rd-white);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  line-height: var(--rd-lh-normal);
  color: var(--rd-color-text);
  box-shadow: none;
  transition: border-color var(--rd-dur) var(--rd-ease);
}
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .field-cover input:focus,
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .field-cover select:focus,
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .field-cover textarea:focus { border-color: var(--rd-color-primary); outline: none; }
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .field-cover input::placeholder,
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .field-cover textarea::placeholder { color: var(--rd-gray-400); }
/* 체크박스·라디오 항목 */
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .checkbox-cover label,
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .radio-cover label { font-size: var(--rd-fs-sm); color: var(--rd-color-text-body); }
/* 신청서 카드 제목(p.rd-price-card__label)과 첫 항목 사이 */
.rd-row .col .rd-form-card p.rd-price-card__label { margin-bottom: var(--rd-space-6); }
/* 폼 안 제목(heading) 항목 — 카드 제목과 같은 모양, 왼쪽 정렬 (폼에 제목이 있으면 .sc 에서 rd-price-card__label 을 빼고 이걸 쓴다) */
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .form-element-type-heading .form-element-html,
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .form-element-type-heading .form-element-html * {
  text-align: left;
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  font-weight: 700;
  line-height: var(--rd-lh-normal);
  color: var(--rd-gray-800);
}
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .form-element-type-heading .form-element-html { padding-bottom: var(--rd-space-6); }
/* 신청 버튼 = rd-btn primary block */
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .form-element .submit-cover .submit-button {
  width: 100%;
  height: 56px;
  padding: 0 var(--rd-space-6);
  border-radius: var(--rd-radius-lg);
  background: var(--rd-color-primary);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  font-weight: 700;
  color: var(--rd-white);
  box-shadow: none;
  transition: background-color var(--rd-dur) var(--rd-ease);
}
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .form-element .submit-cover .submit-button:hover { background: var(--rd-color-primary-hov); }
#ajax-content-wrap .rd-form-card .formcraft-css .fc-form .submit-response { font-size: var(--rd-fs-sm); color: var(--rd-color-text-body); }
/* 'FORMCRAFT - WORDPRESS FORM BUILDER' 광고 링크 숨김 */
#ajax-content-wrap .rd-form-card .formcraft-css > a.powered-by { display: none; }

/* 카드 안 가격 한 줄 — <p class="rd-card-price">월 <strong>80,000</strong>원</p> (노무 서비스 카드) */
.rd-row .col .rd-info-card p.rd-card-price { font-size: var(--rd-fs-md); font-weight: 600; color: var(--rd-gray-800); }
.rd-row .col .rd-info-card p.rd-card-price strong { font-size: var(--rd-fs-h3); font-weight: 800; color: var(--rd-color-primary); letter-spacing: var(--rd-ls-tight); }
.rd-row .col .rd-info-card p.rd-card-price s { color: var(--rd-gray-400); font-weight: 500; }
.rd-row .col .rd-info-card p.rd-card-price + ul.rd-check-list { margin-top: var(--rd-space-2); }

/* 체크 목록 바로 뒤 작은 안내문 */
.rd-row .col ul.rd-check-list + p.rd-note { margin-top: var(--rd-space-4); }

/* --------------------------------------------------------------------------
   26. 대상 탭 + 상세 패널 — 홈 세무기장(pages/home/02-bookkeeping.sc, 2026-09-30)
   왼쪽 Text Block .rd-seg-tabs 안 [role=tab] 버튼 / 오른쪽 Text Block .rd-seg-panel(id = 탭의 aria-controls)
   탭 전환은 rd.js(패널에 hidden). 자바스크립트가 없으면 패널이 모두 보인다
   자동 넘김(6초, 화면에 보일 때만, 마우스 올리면 멈춤·직접 누르면 끝) + 진행 막대 + 패널 내용 차례로 등장 (2026-09-30)
   -------------------------------------------------------------------------- */
.rd-row.rd-seg .rd-seg-wrap { align-items: flex-start; }
.rd-row.rd-seg .rd-seg-wrap .wpb_column.vc_col-sm-5 { position: sticky; top: calc(var(--rd-header-h) + var(--rd-space-6)); }

/* 탭 */
.rd-seg-tabs [role="tablist"] { display: grid; gap: var(--rd-space-2); }
.rd-seg-tabs [role="tab"] {
  display: grid;
  gap: var(--rd-space-1);
  width: 100%;
  margin: 0;
  padding: var(--rd-space-5) var(--rd-space-6);
  border: 0;
  border-radius: var(--rd-radius-xl);
  background: transparent;
  color: var(--rd-color-text-muted);
  font-family: var(--rd-font-sans);
  text-align: left;
  cursor: pointer;
  transition: background-color var(--rd-dur) var(--rd-ease), color var(--rd-dur) var(--rd-ease);
}
.rd-seg-tabs [role="tab"] strong { font-size: var(--rd-fs-h4); font-weight: 700; line-height: var(--rd-lh-snug); color: var(--rd-gray-600); transition: color var(--rd-dur) var(--rd-ease); }
.rd-seg-tabs [role="tab"] span { font-size: var(--rd-fs-sm); line-height: var(--rd-lh-normal); color: var(--rd-color-text-muted); }
.rd-seg-tabs [role="tab"]:hover { background: var(--rd-gray-50); }
.rd-seg-tabs [role="tab"]:hover strong { color: var(--rd-color-text); }
.rd-seg-tabs [role="tab"][aria-selected="true"] { background: var(--rd-green-50); }
.rd-seg-tabs [role="tab"][aria-selected="true"] strong { color: var(--rd-green-700); }
.rd-seg-tabs [role="tab"]:focus-visible { outline: 2px solid var(--rd-color-primary); outline-offset: 2px; }

/* 자동 넘김 진행 막대 — rd.js 가 tablist 에 .is-auto, 켜진 탭에 --rd-seg-progress(0~1) 를 매 프레임 준다 */
.rd-seg-tabs [role="tablist"].is-auto [role="tab"] { position: relative; overflow: hidden; }
.rd-seg-tabs [role="tablist"].is-auto [role="tab"]::after {
  content: "";
  position: absolute;
  left: var(--rd-space-6);
  right: var(--rd-space-6);
  bottom: var(--rd-space-3);
  height: 2px;
  border-radius: var(--rd-radius-pill);
  background: var(--rd-color-primary);
  transform: scaleX(var(--rd-seg-progress, 0));
  transform-origin: left center;
  opacity: 0;
}
.rd-seg-tabs [role="tablist"].is-auto [role="tab"][aria-selected="true"]::after { opacity: 1; }

/* 패널 내용이 차례로 올라온다 — 탭이 바뀔 때마다 rd.js 가 .is-anim 을 다시 붙임 (동작 줄이기면 붙이지 않음) */
.rd-seg-panel.is-anim > p,
.rd-seg-panel.is-anim .rd-seg-points li { animation: rd-rise-in .6s var(--rd-ease-out) both; }
.rd-seg-panel.is-anim > .rd-seg-panel__quote { animation-delay: .08s; }
.rd-seg-panel.is-anim .rd-seg-points li:nth-child(1) { animation-delay: .18s; }
.rd-seg-panel.is-anim .rd-seg-points li:nth-child(2) { animation-delay: .28s; }
.rd-seg-panel.is-anim .rd-seg-points li:nth-child(3) { animation-delay: .38s; }
.rd-seg-panel.is-anim > .rd-seg-panel__proof { animation-delay: .5s; }
.rd-seg-panel.is-anim > .rd-seg-panel__links { animation-delay: .6s; }

/* 패널 */
.rd-row .wpb_text_column.rd-seg-panel {
  padding: clamp(28px, 4vw, 48px);
  border-radius: var(--rd-radius-2xl);
  background: var(--rd-gray-50);
}
.rd-row .wpb_text_column.rd-seg-panel + .rd-seg-panel:not([role="tabpanel"]) { margin-top: var(--rd-space-4); }   /* 자바스크립트 없을 때(탭이 켜지면 rd.js 가 role=tabpanel 을 붙임) */
.rd-row .wpb_text_column.rd-seg-panel[hidden] { display: none; }
.rd-row .col .rd-seg-panel p.rd-seg-panel__who { font-size: var(--rd-fs-sm); font-weight: 700; color: var(--rd-color-primary); }
.rd-row .col .rd-seg-panel p.rd-seg-panel__quote {
  margin-top: var(--rd-space-3);
  font-size: var(--rd-fs-h3);
  font-weight: 700;
  line-height: var(--rd-lh-snug);
  letter-spacing: var(--rd-ls-tight);
  color: var(--rd-color-text);
  word-break: keep-all;
}
.rd-row .col .rd-seg-panel ul.rd-seg-points { display: grid; gap: var(--rd-space-5); margin-top: var(--rd-space-8); }
.rd-row .col .rd-seg-panel ul.rd-seg-points li {
  display: grid;
  gap: var(--rd-space-1);
  position: relative;
  padding-left: calc(24px + var(--rd-space-4));
}
.rd-seg-points li::before {   /* 체크 동그라미 */
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px;
  border-radius: var(--rd-radius-pill);
  background: var(--rd-color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 14px no-repeat;
}
.rd-seg-points li strong { font-size: var(--rd-fs-lg); font-weight: 700; line-height: var(--rd-lh-snug); color: var(--rd-color-text); }
.rd-seg-points li span { font-size: var(--rd-fs-md); line-height: var(--rd-lh-normal); color: var(--rd-color-text-body); }
.rd-row .col .rd-seg-panel p.rd-seg-panel__proof {
  display: inline-flex;
  width: fit-content;
  margin-top: var(--rd-space-8);
  padding: var(--rd-space-2) var(--rd-space-4);
  border-radius: var(--rd-radius-pill);
  background: var(--rd-yellow-100);
  color: var(--rd-yellow-800);
  font-size: var(--rd-fs-sm);
  font-weight: 700;
}
.rd-row .col .rd-seg-panel p.rd-seg-panel__links { display: flex; flex-wrap: wrap; align-items: center; gap: var(--rd-space-3) var(--rd-space-6); margin-top: var(--rd-space-8); }
.rd-seg-panel__links a { font-size: var(--rd-fs-md); font-weight: 600; color: var(--rd-green-700); text-decoration: underline; text-underline-offset: 3px; }
.rd-seg-panel__links a.rd-seg-panel__cta {
  display: inline-flex;
  align-items: center;
  height: 52px;
  padding: 0 var(--rd-space-6);
  border-radius: var(--rd-radius-lg);
  background: var(--rd-color-primary);
  color: var(--rd-white);
  text-decoration: none;
  transition: background-color var(--rd-dur) var(--rd-ease);
}
.rd-seg-panel__links a.rd-seg-panel__cta:hover { background: var(--rd-color-primary-hov); color: var(--rd-white); }

/* 좁은 화면: 탭 = 가로로 넘기는 칩, 부제 숨김 */
@media (max-width: 999px) {
  .rd-row.rd-seg .rd-seg-wrap .wpb_column.vc_col-sm-5 { position: static; }
  .rd-seg-tabs [role="tablist"] {
    display: flex;
    gap: var(--rd-space-2);
    overflow-x: auto;
    margin-inline: calc(var(--rd-gutter) * -1);
    padding-inline: var(--rd-gutter);
    scrollbar-width: none;
  }
  .rd-seg-tabs [role="tablist"]::-webkit-scrollbar { display: none; }
  .rd-seg-tabs [role="tab"] { flex: none; width: auto; padding: var(--rd-space-3) var(--rd-space-5); border-radius: var(--rd-radius-pill); background: var(--rd-gray-100); }
  .rd-seg-tabs [role="tab"] strong { font-size: var(--rd-fs-md); white-space: nowrap; }
  .rd-seg-tabs [role="tab"] span { display: none; }
  .rd-seg-tabs [role="tab"][aria-selected="true"] { background: var(--rd-gray-900); }
  .rd-seg-tabs [role="tab"][aria-selected="true"] strong { color: var(--rd-white); }
}

/* 페이지 공지(휴무·신고 기간 안내) — Text Block 안 <p class="rd-notice">. 글 안내(rd-post-notice)와 같은 노란 상자 (상담신청 /inquiry, /inquiry_2) */
.rd-row .col p.rd-notice {
  padding: var(--rd-space-4) var(--rd-space-5);
  border-radius: var(--rd-radius-md);
  background: var(--rd-yellow-100);
  color: var(--rd-yellow-800);
  font-size: var(--rd-fs-sm);
  line-height: var(--rd-lh-normal);
}
.rd-row .col p.rd-notice strong { color: inherit; }
/* 상담 분류 카드 두 장(/inquiry) — 카드 안 버튼을 바닥에 맞춤 */
.rd-row .rd-choose-row .rd-price-card > .vc_column-inner > .wpb_wrapper > .wpb_text_column { flex: 1 1 auto; }
.rd-row .col .rd-choose-row .rd-price-card p.rd-tag + h2 { margin-top: var(--rd-space-5); }

/* --------------------------------------------------------------------------
   27. 지점 안내 — pages/location. Row class="rd-row rd-branch-row": [정보 5/12 | 사진 넘기기 7/12]
   -------------------------------------------------------------------------- */
.rd-row.rd-branch-row > .row_col_wrap_12 { column-gap: var(--rd-space-16); align-items: flex-start; }
/* 주소·전화·운영시간 — Text Block el_class="rd-branch-info" 안 <dl> */
.rd-row .col .rd-branch-info dl {
  display: grid;
  grid-template-columns: 5.5em minmax(0, 1fr);
  margin: 0;
  border-top: 1px solid var(--rd-color-border);
}
.rd-row .col .rd-branch-info dt,
.rd-row .col .rd-branch-info dd {
  margin: 0;
  padding: var(--rd-space-4) 0;
  border-bottom: 1px solid var(--rd-color-border);
  font-size: var(--rd-fs-md);
  line-height: var(--rd-lh-normal);
}
.rd-row .col .rd-branch-info dt { font-weight: 600; color: var(--rd-color-text-muted); }
.rd-row .col .rd-branch-info dd { color: var(--rd-color-text); word-break: keep-all; }
.rd-row .col .rd-branch-info dd a { color: inherit; font-weight: 600; }
.rd-row .col .rd-branch-info dl + p.rd-note { margin-top: var(--rd-space-4); }
/* 사진 넘기기 — vc_gallery(flickity) el_class="rd-branch-gallery": 3:2, 둥근 모서리, 점 표시는 가운데 */
/* Salient 는 한 번에 1장이어도 칸 폭을 66% 로 잡아 양옆 사진이 비친다 → 한 장이 칸을 꽉 채우게 (넘길 때 사이 간격만 둠) */
.rd-row .rd-branch-gallery .nectar-flickity .cell { width: 100%; margin-right: var(--rd-space-4); }
.rd-row .rd-branch-gallery .flickity-viewport { border-radius: var(--rd-radius-2xl); }
.rd-row .rd-branch-gallery .cell img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--rd-radius-2xl); }
@media (max-width: 999px) {
  .rd-row.rd-branch-row > .row_col_wrap_12 { row-gap: var(--rd-space-8); }
}

/* --------------------------------------------------------------------------
   28. 숫자로 보는 로뎀 — 홈 pages/home/03-numbers.sc. Row class="rd-row rd-stats", 숫자 = Salient Milestone
   숫자 칸 사이 세로 구분선, 큰 숫자(검정) + 초록 '+' + 아래 설명
   -------------------------------------------------------------------------- */
.rd-row.rd-stats .rd-stats-row { border-top: 1px solid var(--rd-color-border); border-bottom: 1px solid var(--rd-color-border); }
.rd-row.rd-stats .rd-stats-row .wpb_column { padding-block: var(--rd-space-10); }
.rd-row.rd-stats .rd-stats-row .wpb_column + .wpb_column { border-left: 1px solid var(--rd-color-border); padding-left: var(--rd-space-10); }
.rd-row.rd-stats .nectar-milestone { display: flex; flex-direction: column; gap: var(--rd-space-2); text-align: left; }
.rd-row.rd-stats .nectar-milestone .number {
  display: flex;
  align-items: baseline;
  font-family: var(--rd-font-sans);
  font-size: clamp(2.5rem, 1.6rem + 3vw, 4.5rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: var(--rd-ls-tight);
  color: var(--rd-gray-900);
}
.rd-row.rd-stats .nectar-milestone .number span { font: inherit; color: inherit; }
.rd-row.rd-stats .nectar-milestone .symbol-wrap { font-size: 0.7em; line-height: 1; }
.rd-row.rd-stats .nectar-milestone .symbol-wrap .symbol { font: inherit; font-weight: 800; color: var(--rd-color-primary); }
.rd-row.rd-stats .nectar-milestone .subject {
  margin: 0;
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-lg);
  font-weight: 600;
  line-height: var(--rd-lh-normal);
  letter-spacing: 0;
  text-transform: none;
  color: var(--rd-gray-600);
}
.rd-row.rd-stats .wpb_wrapper > .rd-stats-row + .wpb_text_column { margin-top: calc(var(--rd-space-2) * -1); }
/* 유튜브 섹션(홈 06-youtube)의 숫자 줄: 아래 영상 카드와 띄움 */
.rd-row.rd-stats .wpb_wrapper > .rd-stats-row + .wpb_text_column + .rd-inner-grid { margin-top: var(--rd-space-10); }
@media (max-width: 999px) {
  .rd-row.rd-stats .rd-stats-row .wpb_column { padding-block: var(--rd-space-6); }
  .rd-row.rd-stats .rd-stats-row .wpb_column + .wpb_column { border-left: 0; border-top: 1px solid var(--rd-color-border); padding-left: 0; }
}

/* 우커머스 상품 페이지(결제 신청) 위 이동 경로 'Home > 미분류 > 상품명' 숨김 — 영어·미분류가 그대로 보이고 결제 페이지엔 필요 없음 (2026-09-30 모바일 점검) */
.single-product .woocommerce-breadcrumb { display: none; }

/* --------------------------------------------------------------------------
   29. 404 — salient-child/404.php (머리글·블로그 검색창·자주 찾는 곳 칩·버튼, 폭은 글 목록과 같은 --rd-post-width)
   -------------------------------------------------------------------------- */
.rd-row.rd-404 > .row_col_wrap_12 { width: min(100% - var(--rd-gutter) * 2, var(--rd-post-width)); }
.rd-row.rd-404 .rd-head .rd-eyebrow { font-size: var(--rd-fs-md); }
.rd-row.rd-404 .col p.rd-404__label { margin-bottom: var(--rd-space-3); font-size: var(--rd-fs-sm); font-weight: 600; color: var(--rd-color-text-muted); }
.rd-row.rd-404 .rd-404__actions { display: flex; flex-wrap: wrap; gap: var(--rd-space-3); }
@media (max-width: 690px) {
  .rd-row.rd-404 .rd-404__actions .nectar-button { flex: 1 1 100%; justify-content: center; }
}

/* --------------------------------------------------------------------------
   30. 회사 소개 — pages/company (2026-09-30)
   -------------------------------------------------------------------------- */
/* 로뎀나무 심볼(테마 SVG) — 연녹색 둥근 판 가운데 */
.rd-row .col .rd-about-symbol { display: grid; place-items: center; aspect-ratio: 1 / 1; max-width: 460px; margin-left: auto; border-radius: var(--rd-radius-2xl); background: var(--rd-green-50); }
.rd-row .col .rd-about-symbol > p { display: contents; }   /* 워드프레스가 <img> 를 <p> 로 감싼다 → 가운데 정렬이 이미지에 걸리게 */
.rd-row .col .rd-about-symbol img { width: 56%; height: auto; }
.rd-row.rd-about-intro > .row_col_wrap_12 { align-items: center; }
@media (max-width: 999px) { .rd-row .col .rd-about-symbol { max-width: 280px; margin: var(--rd-space-8) auto 0 0; } }
/* 사람들 — Inner Row class="rd-team-row", 한 줄 6명(1/6) → 태블릿 3 · 모바일 2 */
.rd-row .rd-team-row > .row_col_wrap_12_inner { row-gap: var(--rd-space-8); }
/* 한 칸 폭 고정 — 마지막 줄 인원이 적어도 칸이 늘어나지 않게 (16-1 의 flex-grow 를 끔) */
.rd-row .rd-team-row .wpb_column.vc_col-sm-2 { flex: 0 0 calc((100% - var(--rd-grid-gap) * 5) / 6); width: calc((100% - var(--rd-grid-gap) * 5) / 6); }
.rd-row .rd-team-row .wpb_column > .vc_column-inner > .wpb_wrapper { gap: var(--rd-space-3); }
.rd-row .rd-team-row + .rd-team-row { margin-top: var(--rd-space-8); }
.rd-row img.rd-team__photo { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--rd-radius-xl); background: var(--rd-gray-100); }
.rd-row .col .rd-team__name p { margin: 0; font-size: var(--rd-fs-sm); color: var(--rd-color-text-muted); }
.rd-row .col .rd-team__name strong { margin-right: var(--rd-space-1); font-size: var(--rd-fs-md); font-weight: 700; color: var(--rd-color-text); }
@media (max-width: 999px) {
  .rd-row .rd-team-row .wpb_column.vc_col-sm-2 { flex: 0 0 calc((100% - var(--rd-grid-gap) * 2) / 3); width: calc((100% - var(--rd-grid-gap) * 2) / 3); }
}
@media (max-width: 690px) {
  .rd-row .rd-team-row .wpb_column.vc_col-sm-2 { flex-basis: calc((100% - var(--rd-grid-gap)) / 2); width: calc((100% - var(--rd-grid-gap)) / 2); }
}

/* --------------------------------------------------------------------------
   31. 연계 서비스 페이지 — pages/legal_labor_fund · permit · valuation (2026-09-30)
   소개 그림 = .rd-about-symbol.rd-illust (30번 심볼 판과 같음, 그림은 판을 더 채움)
   서비스 카드 = Text Block el_class="rd-info-card rd-svc-card": 그림 → 꼬리표 → 제목 → 설명 → 체크 목록 → 협력 기관 → 링크
   그림은 테마 SVG(salient-child/assets/illust/*.svg)
   -------------------------------------------------------------------------- */
.rd-row .col .rd-about-symbol.rd-illust img { width: 78%; }
.rd-row .col .rd-svc-card p.rd-svc-card__icon { margin: 0 0 var(--rd-space-5); }
.rd-row .col .rd-svc-card p.rd-svc-card__icon img { display: block; width: 96px; height: 96px; border-radius: var(--rd-radius-xl); background: var(--rd-green-50); }
.rd-row .col .rd-svc-card ul.rd-check-list { margin-top: var(--rd-space-4); }
.rd-row .col .rd-svc-card p.rd-svc-card__partner {
  margin-top: var(--rd-space-5);
  padding-top: var(--rd-space-4);
  border-top: 1px solid var(--rd-color-border);
  font-size: var(--rd-fs-sm);
  font-weight: 600;
  color: var(--rd-color-text-muted);
}
.rd-row .col .rd-svc-card p.rd-svc-card__partner + p.rd-card-action { padding-top: var(--rd-space-3); }
/* 링크는 카드 바닥에 모아 줄마다 높이를 맞춤 (첫 링크만 auto, 두 번째 링크는 바로 아래) */
.rd-row .col .rd-svc-card ul.rd-check-list + p.rd-card-action { margin-top: auto; padding-top: var(--rd-space-6); }
.rd-row .col .rd-svc-card p.rd-card-action + p.rd-card-action { margin-top: 0; padding-top: var(--rd-space-2); }

/* --------------------------------------------------------------------------
   32. 체크리스트 — Text Block el_class="rd-checklist" 안 <ul><li><button aria-pressed> (pages/off/02-check.sc, 2026-10-01)
   누르면 체크, 하나 이상이면 결과 문구(p.rd-checklist__result)가 나온다. 개수는 [data-rd-check-count] (rd.js)
   -------------------------------------------------------------------------- */
.rd-row .col .rd-checklist ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--rd-space-3); }
.rd-row .col .rd-checklist li { margin: 0; padding: 0; }
.rd-checklist button {
  display: flex;
  align-items: center;
  gap: var(--rd-space-4);
  width: 100%;
  height: 100%;
  margin: 0;
  padding: var(--rd-space-5) var(--rd-space-6);
  border: 1px solid var(--rd-gray-200);
  border-radius: var(--rd-radius-xl);
  background: var(--rd-white);
  color: var(--rd-color-text);
  font-family: var(--rd-font-sans);
  font-size: var(--rd-fs-md);
  font-weight: 600;
  line-height: var(--rd-lh-normal);
  text-align: left;
  word-break: keep-all;
  cursor: pointer;
  transition: border-color var(--rd-dur) var(--rd-ease), background-color var(--rd-dur) var(--rd-ease);
}
.rd-checklist button::before {   /* 빈 동그라미 → 누르면 초록 체크 */
  content: "";
  flex: none;
  width: 26px;
  height: 26px;
  border: 2px solid var(--rd-gray-300);
  border-radius: var(--rd-radius-pill);
  background: var(--rd-white) center / 14px no-repeat;
  transition: background-color var(--rd-dur) var(--rd-ease), border-color var(--rd-dur) var(--rd-ease);
}
.rd-checklist button:hover { border-color: var(--rd-gray-400); }
.rd-checklist button[aria-pressed="true"] { border-color: var(--rd-color-primary); background: var(--rd-green-50); }
.rd-checklist button[aria-pressed="true"]::before {
  border-color: var(--rd-color-primary);
  background-color: var(--rd-color-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");
}
.rd-checklist button:focus-visible { outline: 2px solid var(--rd-color-primary); outline-offset: 2px; }
.rd-row .col .rd-checklist p.rd-checklist__stat { margin-top: var(--rd-space-6); font-size: var(--rd-fs-sm); color: var(--rd-color-text-muted); }
.rd-row .col .rd-checklist p.rd-checklist__result {
  display: none;
  margin-top: var(--rd-space-4);
  padding: var(--rd-space-5) var(--rd-space-6);
  border-radius: var(--rd-radius-xl);
  background: var(--rd-color-primary);
  color: var(--rd-white);
  font-size: var(--rd-fs-lg);
  font-weight: 600;
  line-height: var(--rd-lh-snug);
}
.rd-checklist p.rd-checklist__result strong { color: var(--rd-yellow-500); }
.rd-row .col .rd-checklist.has-checked p.rd-checklist__result { display: block; }
@media (max-width: 690px) {
  .rd-row .col .rd-checklist ul { grid-template-columns: minmax(0, 1fr); }
}