/* ── jcurl / Sec_7 — Q&A / Frequently asked questions ───────────
   시안 아트보드 1920×748 (b1.html 328–369행). 배경은 흰색 위 흰색 50% =
   결국 --surface 이므로 body 배경 그대로 두고 따로 칠하지 않는다.

   시안 좌표 → 간격 환산 (섹션 top 0 기준)
     140      Contents(1280) top          → 위 여백 140
     140+  0  eyebrow "Q&A"  박스 20×26
     140+ 42  H2 박스 50×66               → eyebrow 아래 16(--sp-tight)
     140+108  Title 프레임 끝
     140+168  아코디언 top                → Title 아래 60(--sp-block)
     140+468  아코디언 끝(100×3=300)
     748      섹션 끝                     → 아래 여백 140
   → 위·아래 140 = --sp-section(120) + 20.

   행 1줄당 100px: 패딩 32 + 본문 36(24px × 1.5) + 패딩 32.
   구분선은 시안이 inset box-shadow 로 그렸다(행 높이에 안 더해짐).
   .accordion/.accordion__item 의 border 모델을 쓰면 선 4개가 300→304px 로
   밀려 2·3행 글자가 어긋나므로, 선만 시안대로 inset 으로 그린다.
   버튼·셰브런·패널은 공용 프리미티브(.accordion__btn/__chev/__panel)를 쓴다. */

.jcurl-sec_7{
  padding-block:calc(var(--sp-section) + 20px);
}

/* eyebrow 박스 20×26 → 26/20 = 1.3. (프리미티브 기본 1.5 면 30px 라
   아래 제목·아코디언이 통째로 4px 내려간다.) */
.jcurl-sec_7__eyebrow{line-height:1.3}

/* H2 박스 50×66 → 66/50 = 1.32 (Figma 자동 행간) */
.jcurl-sec_7__title{line-height:1.32}

/* ── 아코디언 ───────────────────────────────────────────────── */
.jcurl-sec_7__list{margin-top:var(--sp-block)}

/* 시안 Rectangle 26: inset 0 1px 0 0 --line-strong, 마지막 행만 아래쪽도 */
.jcurl-sec_7__item{box-shadow:inset 0 1px 0 0 var(--line-strong)}
.jcurl-sec_7__item:last-child{
  box-shadow:inset 0 1px 0 0 var(--line-strong), inset 0 -1px 0 0 var(--line-strong);
}

.jcurl-sec_7__btn{
  padding-block:32px;
  /* 시안 좌우 30px. 좁은 폭에서는 --sp-gap 이 20→16 으로 줄어든다. */
  padding-inline:var(--sp-gap);
  font-size:var(--fs-24);
  line-height:1.5;
  /* <button> 은 UA 스타일이 letter-spacing:normal 로 끊는다 — 다시 건다. */
  letter-spacing:var(--ls-tight);
}

.jcurl-sec_7__label{font-weight:600;word-break:keep-all}
/* 시안: "Q." 만 700 + 핑크. 뒤 공백은 마크업에 있으므로 프리미티브의
   margin-right 6px 는 지운다. */
.jcurl-sec_7__btn .q{font-weight:700;margin-right:0}

/* 시안 셰브런: 30×30 박스 안에 18×10.5 글리프. 박스 오른끝이 컨테이너
   오른끝에서 30px — 버튼 padding-inline 과 같으므로 박스째 둔다. */
.jcurl-sec_7__chev{width:30px;height:30px}

.jcurl-sec_7__panel{
  padding-inline:var(--sp-gap);
  padding-bottom:32px;
}
/* 답변 본문. 시안에는 닫힌 행(100px)만 있어 펼친 상태 규격이 없다 —
   같은 아코디언을 쓰는 코끝처짐 페이지(.ntip-faq__text)와 같게 맞춘다. */
.jcurl-sec_7__text{
  font-size:var(--fs-18);line-height:1.8;
  color:var(--text-secondary);word-break:keep-all;
}