/* ============================================================
   안내형 계열 (fam-info) — 이용안내 · 인권·권익옹호 · 회원가입안내
   ============================================================ */
.iwpg-fi .pg-intro { max-width: 860px; margin-bottom: 40px; }
.iwpg-fi .pg-ico { display: inline-flex; flex: none; width: 52px; height: 52px; padding: 12px; border-radius: 12px; background: var(--iw-icon-bg, var(--pg-soft)); color: var(--iw-icon-color, var(--ac)); }
.iwpg-fi .pg-ico svg, .iwpg-fi .pg-sic svg, .iwpg-fi .pg-lic svg, .iwpg-fi .pg-cic svg, .iwpg-fi .pg-dic svg, .iwpg-fi .pg-ric svg, .iwpg-fi .pg-ck svg { width: 100%; height: 100%; }
.iwpg-fi .pg-go { display: inline-block; margin-top: 4px; font-size: 14.5px; font-weight: 700; color: var(--ac); text-decoration: none; }
.iwpg-fi .pg-go:hover { text-decoration: underline; }

/* s1 안내표 */
.iwpg-fi--s1 .pg-dl { margin: 0; border-top: 2px solid var(--pg-ink); }
.iwpg-fi--s1 .pg-dr { display: grid; grid-template-columns: 240px 1fr; border-bottom: 1px solid var(--pg-line); }
.iwpg-fi--s1 dt { display: flex; align-items: center; gap: 10px; padding: 22px 24px; background: var(--iw-card-bg, #f5f6f7); font-size: var(--iw-ititle-size, 17.5px); font-weight: var(--iw-ititle-weight, 800); color: var(--iw-ititle-color, var(--pg-ink)); word-break: keep-all; }
.iwpg-fi--s1 .pg-dic { display: inline-flex; width: 22px; height: 22px; flex: none; color: var(--iw-icon-color, var(--ac)); }
.iwpg-fi--s1 dd { margin: 0; padding: 22px 26px; font-size: var(--iw-idesc-size, 16.5px); line-height: 1.75; color: var(--iw-idesc-color, var(--pg-body)); word-break: keep-all; }
.iwpg-fi--s1 dd .pg-go { display: block; }

/* s2 아이콘 카드 */
.iwpg-fi--s2 .pg-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--iw-card-gap, 20px); }
.iwpg-fi--s2 .pg-grid.pg-c2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.iwpg-fi--s2 .pg-grid.pg-c1 { grid-template-columns: 1fr; }
.iwpg-fi--s2 .pg-card { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: var(--iw-card-pad, 34px 32px); border: 1px solid var(--pg-line); border-radius: 14px; background: var(--iw-card-bg, #fff); }
.iwpg-fi--s2 .pg-card .pg-ico { margin-bottom: 8px; }

/* s3 아이콘 문단 — 글 중심 */
.iwpg-fi--s3 .pg-read { max-width: 900px; margin: 0 auto; }
.iwpg-fi--s3 .pg-intro { padding-bottom: 36px; border-bottom: 1px solid var(--pg-line); }
.iwpg-fi--s3 .pg-secs { display: flex; flex-direction: column; gap: 38px; }
.iwpg-fi--s3 .pg-sec { display: grid; grid-template-columns: 40px 1fr; gap: 22px; }
.iwpg-fi--s3 .pg-sic { display: inline-flex; width: 40px; height: 40px; color: var(--iw-icon-color, var(--ac)); }
.iwpg-fi--s3 .pg-stx { display: flex; flex-direction: column; gap: 8px; }
.iwpg-fi--s3 .pg-id { line-height: 1.85; }

/* s4 큰 번호 목록 */
.iwpg-fi--s4 .pg-nums { list-style: none; margin: 0; padding: 0; }
.iwpg-fi--s4 .pg-nums li { display: grid; grid-template-columns: 120px minmax(180px, 320px) 1fr; gap: 32px; align-items: baseline; padding: 30px 0 34px; border-top: 2px solid var(--pg-ink); }
.iwpg-fi--s4 .pg-nums li + li { border-top: 1px solid var(--pg-line); }
.iwpg-fi--s4 .pg-bn { font-size: var(--iw-num-size, clamp(44px, 4vw, 64px)); font-weight: 800; line-height: .9; letter-spacing: -.04em; color: var(--iw-num-color, var(--ac)); font-variant-numeric: tabular-nums; }
.iwpg-fi--s4 .pg-it { font-size: var(--iw-ititle-size, 22px); }

/* s5 사진 띠 위 제목 */
.iwpg-fi--s5 .pg-hero { position: relative; min-height: 300px; border-radius: 4px; overflow: hidden; display: flex; align-items: flex-end; margin-bottom: 44px; background: color-mix(in srgb, var(--ac) 82%, #0b1418); }
.iwpg-fi--s5 .pg-ban { position: absolute; inset: 0; }
.iwpg-fi--s5 .pg-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,16,20,.62) 0%, rgba(8,16,20,.15) 70%); }
.iwpg-fi--s5 .pg-hero.is-nophoto .pg-shade { background: none; }
.iwpg-fi--s5 .pg-hero .pg-head { position: relative; margin: 0; padding: 44px 52px; }
.iwpg-fi--s5 .pg-hero .pg-tt { color: var(--iw-title-color, #fff); }
.iwpg-fi--s5 .pg-hero .pg-sub { color: var(--iw-body-color, rgba(255,255,255,.88)); }
.iwpg-fi--s5 .pg-hero .pg-lb { color: var(--iw-label-color, rgba(255,255,255,.9)); }
.iwpg-fi--s5 .pg-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 48px; }
.iwpg-fi--s5 .pg-list li { display: grid; grid-template-columns: 44px 1fr; gap: 18px; }
.iwpg-fi--s5 .pg-lic { display: inline-flex; width: 44px; height: 44px; padding: 9px; border-radius: 50%; border: 1px solid var(--pg-line); color: var(--iw-icon-color, var(--ac)); }
.iwpg-fi--s5 .pg-ltx { display: flex; flex-direction: column; gap: 6px; }

/* s6 좌우 나눔 */
.iwpg-fi--s6 .pg-split { display: grid; grid-template-columns: minmax(280px, 420px) 1fr; gap: 72px; align-items: start; }
.iwpg-fi--s6 .pg-side { position: sticky; top: 100px; }
.iwpg-fi--s6 .pg-side .pg-intro { margin-bottom: 0; }
.iwpg-fi--s6 .pg-main { border-top: 2px solid var(--pg-ink); }
.iwpg-fi--s6 .pg-row { display: grid; grid-template-columns: 52px 1fr; gap: 22px; padding: 28px 0; border-bottom: 1px solid var(--pg-line); }
.iwpg-fi--s6 .pg-rtx { display: flex; flex-direction: column; gap: 6px; }

/* s7 회색 띠 정보 칩 */
.iwpg-fi--s7 { background-color: #f3f4f5; }
.iwpg-fi--s7 .pg-chips { display: flex; flex-wrap: wrap; gap: var(--iw-card-gap, 16px); }
.iwpg-fi--s7 .pg-chip { flex: 1 1 280px; display: flex; align-items: center; gap: 18px; padding: var(--iw-card-pad, 24px 26px); background: var(--iw-card-bg, #fff); border-radius: 12px; box-shadow: 0 8px 24px -20px rgba(10,30,40,.4); }
.iwpg-fi--s7 .pg-cic { display: inline-flex; flex: none; width: 54px; height: 54px; padding: 13px; border-radius: 50%; background: var(--iw-icon-bg, var(--pg-soft)); color: var(--iw-icon-color, var(--ac)); }
.iwpg-fi--s7 .pg-ctx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.iwpg-fi--s7 .pg-it { font-size: var(--iw-ititle-size, 16.5px); color: var(--iw-ititle-color, var(--ac)); }
.iwpg-fi--s7 .pg-id { font-size: var(--iw-idesc-size, 15.5px); line-height: 1.6; }

/* s8 가운데 정렬 */
.iwpg-fi--s8 .pg-art { width: 220px; height: 220px; border-radius: 50%; margin: 0 auto 34px; }
.iwpg-fi--s8 .pg-head { max-width: 820px; }
.iwpg-fi--s8 .pg-intro { margin: 0 auto 50px; text-align: center; max-width: 760px; }
.iwpg-fi--s8 .pg-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--pg-line); border-bottom: 1px solid var(--pg-line); }
.iwpg-fi--s8 .pg-row.pg-c5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.iwpg-fi--s8 .pg-row.pg-c3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.iwpg-fi--s8 .pg-row.pg-c2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.iwpg-fi--s8 .pg-row.pg-c1 { grid-template-columns: 1fr; }
.iwpg-fi--s8 .pg-it-wrap { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 38px 26px; }
.iwpg-fi--s8 .pg-it-wrap + .pg-it-wrap { border-left: 1px solid var(--pg-line); }
.iwpg-fi--s8 .pg-cic { display: inline-flex; width: 46px; height: 46px; margin-bottom: 6px; color: var(--iw-icon-color, var(--ac)); }

/* s9 세로 탭 (라디오 버튼) */
.iwpg-fi--s9 .pg-vtabs { display: grid; grid-template-columns: minmax(220px, 320px) 1fr; gap: 0; border: 1px solid var(--pg-line); border-radius: 14px; overflow: hidden; }
.iwpg-fi--s9 .pg-tin { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.iwpg-fi--s9 .pg-tlabels { display: flex; flex-direction: column; background: #f5f6f7; border-right: 1px solid var(--pg-line); }
.iwpg-fi--s9 .pg-tlabels label { cursor: pointer; display: flex; align-items: center; gap: 14px; padding: 20px 26px; border-bottom: 1px solid var(--pg-line); font-size: var(--iw-ititle-size, 17.5px); font-weight: 700; color: var(--pg-ink); word-break: keep-all; transition: background .2s, color .2s; }
.iwpg-fi--s9 .pg-tlabels label:last-child { border-bottom: 0; }
.iwpg-fi--s9 .pg-tlabels label:hover { background: var(--pg-soft); }
.iwpg-fi--s9 .pg-tn { font-size: 13px; font-weight: 800; opacity: .6; font-variant-numeric: tabular-nums; }
.iwpg-fi--s9 .pg-panel { display: none; flex-direction: column; justify-content: center; gap: 16px; min-height: 100%; padding: var(--iw-card-pad, 56px 60px); background: var(--iw-card-bg, #fff); }
.iwpg-fi--s9 .pg-pic { display: inline-flex; width: 64px; height: 64px; padding: 15px; border-radius: 50%; background: var(--iw-icon-bg, var(--pg-soft)); color: var(--iw-icon-color, var(--ac)); }
.iwpg-fi--s9 .pg-pic svg { width: 100%; height: 100%; }
.iwpg-fi--s9 .pg-panel .pg-it { font-size: var(--iw-ititle-size, clamp(24px, 2.2vw, 32px)); }
.iwpg-fi--s9 .pg-panel .pg-id { font-size: var(--iw-idesc-size, 18px); line-height: 1.8; }
.iwpg-fi--s9 .pg-tin:nth-of-type(1):checked ~ .pg-panels .pg-panel:nth-child(1) { display: flex; }
.iwpg-fi--s9 .pg-tin:nth-of-type(1):checked ~ .pg-tlabels label:nth-child(1) { background: var(--ac); color: #fff; }
.iwpg-fi--s9 .pg-tin:nth-of-type(1):focus-visible ~ .pg-tlabels label:nth-child(1) { outline: 2px solid var(--ac); outline-offset: 2px; }
.iwpg-fi--s9 .pg-tin:nth-of-type(2):checked ~ .pg-panels .pg-panel:nth-child(2) { display: flex; }
.iwpg-fi--s9 .pg-tin:nth-of-type(2):checked ~ .pg-tlabels label:nth-child(2) { background: var(--ac); color: #fff; }
.iwpg-fi--s9 .pg-tin:nth-of-type(2):focus-visible ~ .pg-tlabels label:nth-child(2) { outline: 2px solid var(--ac); outline-offset: 2px; }
.iwpg-fi--s9 .pg-tin:nth-of-type(3):checked ~ .pg-panels .pg-panel:nth-child(3) { display: flex; }
.iwpg-fi--s9 .pg-tin:nth-of-type(3):checked ~ .pg-tlabels label:nth-child(3) { background: var(--ac); color: #fff; }
.iwpg-fi--s9 .pg-tin:nth-of-type(3):focus-visible ~ .pg-tlabels label:nth-child(3) { outline: 2px solid var(--ac); outline-offset: 2px; }
.iwpg-fi--s9 .pg-tin:nth-of-type(4):checked ~ .pg-panels .pg-panel:nth-child(4) { display: flex; }
.iwpg-fi--s9 .pg-tin:nth-of-type(4):checked ~ .pg-tlabels label:nth-child(4) { background: var(--ac); color: #fff; }
.iwpg-fi--s9 .pg-tin:nth-of-type(4):focus-visible ~ .pg-tlabels label:nth-child(4) { outline: 2px solid var(--ac); outline-offset: 2px; }
.iwpg-fi--s9 .pg-tin:nth-of-type(5):checked ~ .pg-panels .pg-panel:nth-child(5) { display: flex; }
.iwpg-fi--s9 .pg-tin:nth-of-type(5):checked ~ .pg-tlabels label:nth-child(5) { background: var(--ac); color: #fff; }
.iwpg-fi--s9 .pg-tin:nth-of-type(5):focus-visible ~ .pg-tlabels label:nth-child(5) { outline: 2px solid var(--ac); outline-offset: 2px; }
.iwpg-fi--s9 .pg-tin:nth-of-type(6):checked ~ .pg-panels .pg-panel:nth-child(6) { display: flex; }
.iwpg-fi--s9 .pg-tin:nth-of-type(6):checked ~ .pg-tlabels label:nth-child(6) { background: var(--ac); color: #fff; }
.iwpg-fi--s9 .pg-tin:nth-of-type(6):focus-visible ~ .pg-tlabels label:nth-child(6) { outline: 2px solid var(--ac); outline-offset: 2px; }
.iwpg-fi--s9 .pg-tin:nth-of-type(7):checked ~ .pg-panels .pg-panel:nth-child(7) { display: flex; }
.iwpg-fi--s9 .pg-tin:nth-of-type(7):checked ~ .pg-tlabels label:nth-child(7) { background: var(--ac); color: #fff; }
.iwpg-fi--s9 .pg-tin:nth-of-type(7):focus-visible ~ .pg-tlabels label:nth-child(7) { outline: 2px solid var(--ac); outline-offset: 2px; }
.iwpg-fi--s9 .pg-tin:nth-of-type(8):checked ~ .pg-panels .pg-panel:nth-child(8) { display: flex; }
.iwpg-fi--s9 .pg-tin:nth-of-type(8):checked ~ .pg-tlabels label:nth-child(8) { background: var(--ac); color: #fff; }
.iwpg-fi--s9 .pg-tin:nth-of-type(8):focus-visible ~ .pg-tlabels label:nth-child(8) { outline: 2px solid var(--ac); outline-offset: 2px; }
.iwpg-fi--s9 .pg-tin:nth-of-type(9):checked ~ .pg-panels .pg-panel:nth-child(9) { display: flex; }
.iwpg-fi--s9 .pg-tin:nth-of-type(9):checked ~ .pg-tlabels label:nth-child(9) { background: var(--ac); color: #fff; }
.iwpg-fi--s9 .pg-tin:nth-of-type(9):focus-visible ~ .pg-tlabels label:nth-child(9) { outline: 2px solid var(--ac); outline-offset: 2px; }
.iwpg-fi--s9 .pg-tin:nth-of-type(10):checked ~ .pg-panels .pg-panel:nth-child(10) { display: flex; }
.iwpg-fi--s9 .pg-tin:nth-of-type(10):checked ~ .pg-tlabels label:nth-child(10) { background: var(--ac); color: #fff; }
.iwpg-fi--s9 .pg-tin:nth-of-type(10):focus-visible ~ .pg-tlabels label:nth-child(10) { outline: 2px solid var(--ac); outline-offset: 2px; }

/* s10 어두운 띠 체크 목록 */
.iwpg-fi--s10 { background-color: #12181d; }
.iwpg-fi--s10 .pg-head .pg-tt { color: var(--iw-title-color, #fff); }
.iwpg-fi--s10 .pg-head .pg-sub, .iwpg-fi--s10 .body.pg-intro { color: var(--iw-body-color, rgba(255,255,255,.75)); }
.iwpg-fi--s10 .pg-head .pg-lb { color: var(--iw-label-color, color-mix(in srgb, var(--ac) 45%, #fff)); }
.iwpg-fi--s10 .pg-intro { margin: 0 auto 40px; text-align: center; }
.iwpg-fi--s10 .pg-checks { list-style: none; margin: 0 auto; padding: 0; max-width: 1100px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; text-align: left; border-top: 1px solid rgba(255,255,255,.2); }
.iwpg-fi--s10 .pg-checks li { display: grid; grid-template-columns: 30px 1fr; gap: 16px; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.iwpg-fi--s10 .pg-ck { display: inline-flex; width: 30px; height: 30px; padding: 6px; border-radius: 50%; background: var(--iw-icon-bg, var(--ac)); color: #fff; }
.iwpg-fi--s10 .pg-ctx { display: flex; flex-direction: column; gap: 5px; }
.iwpg-fi--s10 .pg-it { color: var(--iw-ititle-color, #fff); }
.iwpg-fi--s10 .pg-id { color: var(--iw-idesc-color, rgba(255,255,255,.72)); }
.iwpg-fi--s10 .pg-go { color: color-mix(in srgb, var(--ac) 40%, #fff); }
.iwpg-fi--s10 .pg-btns { justify-content: center; }
.iwpg-fi--s10 .pg-btn { background: #fff; color: var(--iw-btn-color, #12181d); }

@media (max-width: 1024px) {
  .iwpg-fi--s1 .pg-dr { grid-template-columns: 190px 1fr; }
  .iwpg-fi--s2 .pg-grid, .iwpg-fi--s2 .pg-grid.pg-c2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iwpg-fi--s2 .pg-grid.pg-c1 { grid-template-columns: 1fr; }
  .iwpg-fi--s4 .pg-nums li { grid-template-columns: 90px 1fr; gap: 10px 24px; }
  .iwpg-fi--s4 .pg-nd { grid-column: 2; }
  .iwpg-fi--s6 .pg-split { grid-template-columns: 1fr; gap: 30px; }
  .iwpg-fi--s6 .pg-side { position: static; }
  .iwpg-fi--s8 .pg-row, .iwpg-fi--s8 .pg-row.pg-c3, .iwpg-fi--s8 .pg-row.pg-c5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iwpg-fi--s8 .pg-row.pg-c1 { grid-template-columns: 1fr; }
  .iwpg-fi--s8 .pg-it-wrap + .pg-it-wrap { border-left: 0; }
  .iwpg-fi--s8 .pg-it-wrap { border-bottom: 1px solid var(--pg-line); }
  .iwpg-fi--s8 .pg-row:not(.pg-c1) .pg-it-wrap:nth-child(2n) { border-left: 1px solid var(--pg-line); }
  .iwpg-fi--s8 .pg-row { border-bottom: 0; }
  .iwpg-fi--s7 .pg-chip { flex-basis: calc(50% - 16px); }
  .iwpg-fi--s9 .pg-vtabs { grid-template-columns: 220px 1fr; }
  .iwpg-fi--s9 .pg-tlabels label { padding: 16px 18px; }
  .iwpg-fi--s9 .pg-panel { padding: var(--iw-card-pad, 36px 34px); }
}
@media (max-width: 768px) {
  .iwpg-fi .pg-intro { margin-bottom: 28px; }
  .iwpg-fi--s1 .pg-dr { grid-template-columns: 1fr; }
  .iwpg-fi--s1 dt { padding: 14px 16px; }
  .iwpg-fi--s1 dd { padding: 16px 16px 20px; }
  .iwpg-fi--s2 .pg-grid, .iwpg-fi--s2 .pg-grid.pg-c2 { grid-template-columns: 1fr; }
  .iwpg-fi--s2 .pg-card { padding: var(--iw-card-pad, 26px 22px); }
  .iwpg-fi--s3 .pg-sec { grid-template-columns: 32px 1fr; gap: 14px; }
  .iwpg-fi--s3 .pg-sic { width: 32px; height: 32px; }
  .iwpg-fi--s4 .pg-nums li { grid-template-columns: 1fr; gap: 10px; padding: 24px 0 26px; }
  .iwpg-fi--s4 .pg-nd { grid-column: auto; }
  .iwpg-fi--s5 .pg-hero { min-height: 220px; margin-bottom: 30px; }
  .iwpg-fi--s5 .pg-hero .pg-head { padding: 28px 24px; }
  .iwpg-fi--s5 .pg-list { grid-template-columns: 1fr; gap: 24px; }
  .iwpg-fi--s6 .pg-row { grid-template-columns: 44px 1fr; gap: 16px; padding: 22px 0; }
  .iwpg-fi--s6 .pg-ico { width: 44px; height: 44px; padding: 10px; }
  .iwpg-fi--s7 .pg-chip { flex-basis: 100%; }
  .iwpg-fi--s8 .pg-art { width: 160px; height: 160px; }
  .iwpg-fi--s8 .pg-row, .iwpg-fi--s8 .pg-row.pg-c3, .iwpg-fi--s8 .pg-row.pg-c5 { grid-template-columns: 1fr; }
  .iwpg-fi--s8 .pg-row:not(.pg-c1) .pg-it-wrap:nth-child(2n) { border-left: 0; }
  .iwpg-fi--s8 .pg-it-wrap { padding: 28px 12px; }
  .iwpg-fi--s9 .pg-vtabs { grid-template-columns: 1fr; }
  .iwpg-fi--s9 .pg-tlabels { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--pg-line); }
  .iwpg-fi--s9 .pg-tlabels label { flex: none; border-bottom: 0; border-right: 1px solid var(--pg-line); padding: 14px 16px; font-size: 15.5px; }
  .iwpg-fi--s9 .pg-tn { display: none; }
  .iwpg-fi--s9 .pg-panel { padding: var(--iw-card-pad, 28px 22px); }
  .iwpg-fi--s10 .pg-checks { grid-template-columns: 1fr; }
}

/* ============================================================
   7단계 추가 모양 s11~s12 (벤치 형태 참고 — 소스·문구 사용 안 함)
   ============================================================ */
/* s11 화살표 줄 목록 */
.iwpg-fi--s11 .pg-intro { max-width: 860px; }
.iwpg-fi--s11 .pg-arows { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--pg-ink); }
.iwpg-fi--s11 .pg-arows li { border-bottom: 1px solid var(--pg-line); }
.iwpg-fi--s11 .pg-arow { display: grid; grid-template-columns: 340px 1fr 56px; gap: 32px; align-items: center; padding: 38px 8px; color: inherit; text-decoration: none; }
.iwpg-fi--s11 .pg-at { font-size: var(--iw-ititle-size, clamp(21px, 1.9vw, 27px)); font-weight: 800; letter-spacing: -.02em; color: var(--iw-ititle-color, var(--pg-ink)); word-break: keep-all; }
.iwpg-fi--s11 .pg-ad { font-size: var(--iw-idesc-size, 16.5px); line-height: 1.65; color: var(--iw-idesc-color, var(--pg-body)); word-break: keep-all; }
.iwpg-fi--s11 .pg-aw { position: relative; justify-self: end; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--pg-line); transition: background .2s, border-color .2s; }
.iwpg-fi--s11 .pg-aw::before { content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; margin: -5px 0 0 -7px; border-top: 2px solid var(--pg-ink); border-right: 2px solid var(--pg-ink); transform: rotate(45deg); }
.iwpg-fi--s11 a.pg-arow:hover .pg-at { color: var(--ac); }
.iwpg-fi--s11 a.pg-arow:hover .pg-aw { background: var(--ac); border-color: var(--ac); }
.iwpg-fi--s11 a.pg-arow:hover .pg-aw::before { border-color: #fff; }

/* s12 회색 판 아이콘 2열 */
.iwpg-fi--s12 .pg-plate { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 40px; border-radius: 18px; background: #f1f3f5; }
.iwpg-fi--s12 .pg-pc { display: flex; gap: 28px; align-items: flex-start; padding: var(--iw-card-pad, 36px 34px); border-radius: 12px; background: var(--iw-card-bg, #fff); }
.iwpg-fi--s12 .pg-bigic { display: inline-flex; width: 64px; height: 64px; flex: none; color: var(--iw-icon-color, var(--ac)); }
.iwpg-fi--s12 .pg-bigic svg { width: 100%; height: 100%; }
.iwpg-fi--s12 .pg-pt { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.iwpg-fi--s12 .pg-it { margin: 0; }
.iwpg-fi--s12 .pg-dots { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.iwpg-fi--s12 .pg-dots li { position: relative; padding-left: 14px; font-size: var(--iw-idesc-size, 16px); line-height: 1.65; color: var(--iw-idesc-color, var(--pg-body)); word-break: keep-all; }
.iwpg-fi--s12 .pg-dots li::before { content: ""; position: absolute; left: 0; top: .74em; width: 5px; height: 5px; border-radius: 50%; background: var(--ac); }

@media (max-width: 1024px) {
  .iwpg-fi--s11 .pg-arow { grid-template-columns: 200px 1fr 48px; gap: 22px; }
  .iwpg-fi--s12 .pg-plate { padding: 24px; }
  .iwpg-fi--s12 .pg-pc { flex-direction: column; gap: 18px; padding: var(--iw-card-pad, 28px 26px); }
  .iwpg-fi--s12 .pg-bigic { width: 52px; height: 52px; }
}
@media (max-width: 768px) {
  .iwpg-fi--s11 .pg-arow { grid-template-columns: 1fr 40px; gap: 8px 14px; padding: 22px 4px; }
  .iwpg-fi--s11 .pg-at { grid-column: 1; }
  .iwpg-fi--s11 .pg-ad { grid-column: 1; grid-row: 2; }
  .iwpg-fi--s11 .pg-aw { grid-column: 2; grid-row: 1 / span 2; width: 38px; height: 38px; }
  .iwpg-fi--s12 .pg-plate { grid-template-columns: 1fr; padding: 14px; gap: 10px; border-radius: 12px; }
  .iwpg-fi--s12 .pg-pc { flex-direction: row; padding: var(--iw-card-pad, 22px 18px); gap: 16px; }
  .iwpg-fi--s12 .pg-bigic { width: 40px; height: 40px; }
}