
/* ═══════════════════════════════════════════════════════════════════
   /contact/ (대회광고 문의) — 아디다스 규격  (2026-09-24 · 클로드C)

   근거 : A 님 «메인 아디다스 규격서»(소통판 09-24 19:35) + 사장님 저녁 지시
          「글자들이 넘 흐린흐린하잖아」 「흐린 선색도 없어. 완전 진한 선색인데 얕어」

   이 지면은 토큰 «열 개»가 거의 전부를 정한다. 그래서 토큰만 바꿨다 —
     --rct-brand  #0B3AA0 → #000000   남색. 칩·단추·번호칸 배경과 제목·숫자 글자 40곳의 뿌리
     --rct-title  #111827 → #000000   제목 14곳
     --rct-body   #374151 → #333333   본문 21곳 (+ .rct-sec 이 물려주는 기본 글자색)
     --rct-sub    #5a6675 → #333333
     --rct-mute   #657084 → #333333   가장 많이 쓰인 «흐린» 색 33곳
     --rct-line   #e5e9f0 → #000000   카드·단계·통계칸 테두리
     --rct-line2  #eef1f6 → #000000   표 구분선
     --rct-line3  #d7dfeb → #000000   칩·안내상자 테두리
     --rct-tint   #eef4fd → #f4f4f4   연한 하늘색 면 → 중립 면
     --rct-shadow 0 12px 30px rgba(20,40,80,.08) → none   (카드 9 · 단계 3 · 갈림길 2 = 14곳)
   그리고 border-radius 15선언(999px·20px·16px·14px·12px) → 0, 단추 높이 45px → 48px.

   🚨 선의 «굵기»는 1px 그대로 둔다. 색만 진하게. 굵기를 올리면 격자가 밀린다.
   🚨 --rct-brand 가 검정이 되면 그 위 흰 글자 6곳이 «검정 채움 + 흰 글자»가 된다(규격 ⑧ⓐ).
      그 6곳의 color:#fff 를 건드리면 검정 위 검정이 된다. 절대 손대지 말 것.

   🔵 A 님께 : 이제 adidas.php 의 «.rct-* 덮개»를 걷어 주셔도 됩니다. 원본이 같은 값입니다.
      되돌리기 : 같은 폴더 contact.css.bak-20260924-C.txt
   ═══════════════════════════════════════════════════════════════════ */
/* ================================================================
   런닝인사이드 — 문의 지면 (/contact/ · 페이지 2715) 본문 전용
   ----------------------------------------------------------------
   경계 : 틀(page-contact.php) · 폼(form.rgx-form) · 접수기 = 클로드B 것.
          이 파일은 <section class="ri-prose ri-cform__alt"> «안» 과
          맨 위 <p class="ri-lede"> 만 겨냥한다.
          .rgx-form · .ri-cform 내부 · 개인정보 수집·이용 안내 표 ·
          동의 체크 · 폼 필드의 name·id 를 겨냥하는 선택자는 한 줄도 없다.
   규칙 : 모든 선택자는 «html body.page-id-2715» 로 시작한다(@media 안에서도).
          !important 앞에는 반드시 공백을 둔다. 전역 선택자에는 걸지 않는다.
          <table> 0개 · 이미지 0개 · 애니메이션 0개.
   ================================================================ */

/* ── 0. 본문 폭 해제 (옛 riin-contact 에서 이월 — 빼면 1200 폭이 무너진다) ── */
html body.page-id-2715 article.ri-prose,
html body.page-id-2715 section.ri-prose {
  max-width: none !important;
  width: auto !important;
}
html body.page-id-2715 .ri-prose > p {
  max-width: 62em !important;
}

/* ── 1. 토큰 — 섹션마다 스스로 갖는다(부모 클래스가 바뀌어도 색이 죽지 않게) ── */
html body.page-id-2715 .rct-sec {
  --rct-brand: #000000;
  --rct-title: #000000;
  --rct-body: #333333;
  --rct-sub: #333333;
  --rct-mute: #333333;
  --rct-line: #000000;
  --rct-line2: #000000;
  --rct-line3: #000000;
  --rct-tint: #f4f4f4;
  --rct-shadow: none;
  color: var(--rct-body);
  -webkit-font-smoothing: antialiased;
  margin: 0 0 14px;
  padding: 34px 0 30px;
  border-radius:0;
  overflow: hidden;
}
html body.page-id-2715 .rct-sec--tint {
  background: var(--rct-tint);
  padding: 34px 28px 32px;
}
html body.page-id-2715 .rct-sec--white {
  background: #fff;
}
html body.page-id-2715 .rct-inner {
  max-width: 1200px;
  margin: 0 auto;
}
html body.page-id-2715 .rct-read {
  max-width: 860px;
  margin: 0 auto;
}

/* ── 3. 제목 · 문단 ──────────────────────────────────────── */
html body.page-id-2715 .rct-h2 {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  font-size: 26px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -.025em;
  color: var(--rct-title);
}
html body.page-id-2715 .rct-sub {
  margin: 0 0 22px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--rct-sub);
}
html body.page-id-2715 .rct-p {
  margin: 0 0 12px;
  font-size: 15.5px;
  line-height: 1.78;
  color: var(--rct-body);
}
html body.page-id-2715 .rct-p:last-child {
  margin-bottom: 0;
}
html body.page-id-2715 .rct-note {
  margin: 14px 0 0;
  font-size: 13.5px;
  line-height: 1.72;
  color: var(--rct-mute);
}
html body.page-id-2715 .rct-note--foot {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--rct-line3);
}
html body.page-id-2715 .rct-note--right {
  text-align: right;
}

/* ── 4. 알약 버튼 ────────────────────────────────────────── */
html body.page-id-2715 .rct-btnwrap {
  margin: 16px 0 0;
}
html body.page-id-2715 a.rct-btn {
  display: inline-block;
  padding: 11px 26px;
  border-radius:0;
  background: var(--rct-brand);
  color: #fff;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -.01em;
  text-decoration: none;
  border: 1px solid var(--rct-brand);
}
html body.page-id-2715 a.rct-btn:hover,
html body.page-id-2715 a.rct-btn:focus {
  background: #072b78;
  border-color: #072b78;
  color: #fff;
  text-decoration: none;
}

/* ── 5. 갈림길 (1절) ─────────────────────────────────────── */
html body.page-id-2715 .rct-fork {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 4px;
}
html body.page-id-2715 .rct-fork__card {
  min-width: 0;
  padding: 24px 24px 26px;
  border: 1px solid var(--rct-line);
  border-radius:0;
  background: #fff;
  box-shadow: var(--rct-shadow);
}
html body.page-id-2715 .rct-fork__card.rct-lead {
  background: var(--rct-tint);
  border-color: var(--rct-line3);
}
html body.page-id-2715 .rct-chip {
  display: inline-block;
  margin: 0 0 12px;
  padding: 5px 13px;
  border-radius:0;
  background: var(--rct-brand);
  color: #fff;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: -.01em;
}
html body.page-id-2715 .rct-chip--plain {
  background: #fff;
  color: var(--rct-brand);
  border: 1px solid var(--rct-line3);
}

/* ── 6. 갈래별 카드 (2절) ────────────────────────────────── */
html body.page-id-2715 .rct-grid3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 4px;
}
html body.page-id-2715 .rct-card {
  min-width: 0;
  padding: 20px 20px 22px;
  border: 1px solid var(--rct-line);
  border-radius:0;
  background: #fff;
  box-shadow: var(--rct-shadow);
}
html body.page-id-2715 .rct-card__h {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-size: 16.5px;
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--rct-brand);
}
html body.page-id-2715 .rct-card__k {
  margin: 0 0 4px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .01em;
  color: var(--rct-mute);
}
html body.page-id-2715 .rct-card__v {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.72;
  color: var(--rct-body);
  overflow-wrap: anywhere;
}
html body.page-id-2715 .rct-card__go {
  margin: 12px 0 0;
  padding-top: 11px;
  border-top: 1px solid var(--rct-line2);
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--rct-mute);
}
html body.page-id-2715 .rct-card__go a {
  display: inline-block;
  margin-right: 10px;
  color: var(--rct-brand);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid var(--rct-line3);
}
html body.page-id-2715 .rct-card__go a:hover,
html body.page-id-2715 .rct-card__go a:focus {
  color: #072b78;
  border-bottom-color: #072b78;
}
html body.page-id-2715 .rct-card__go span {
  display: inline-block;
  color: var(--rct-mute);
}

/* ── 7. 사진 세 가지 (3절) ───────────────────────────────── */
html body.page-id-2715 .rct-checks {
  margin-top: 18px;
  border-top: 1px solid var(--rct-line2);
}
html body.page-id-2715 .rct-checks__row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 14px;
  padding: 18px 2px;
  border-bottom: 1px solid var(--rct-line2);
}
html body.page-id-2715 .rct-checks__n {
  width: 28px;
  height: 28px;
  border-radius:0;
  background: var(--rct-brand);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
}
html body.page-id-2715 .rct-checks__b {
  min-width: 0;
}
html body.page-id-2715 .rct-checks__t {
  margin: 0 0 5px;
  font-size: 15.5px;
  line-height: 1.6;
  font-weight: 700;
  color: var(--rct-title);
}
html body.page-id-2715 .rct-checks__d {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.72;
  color: var(--rct-body);
}

/* ── 8. 보내신 다음 (4절) ────────────────────────────────── */
html body.page-id-2715 .rct-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 4px;
}
html body.page-id-2715 .rct-step {
  min-width: 0;
  padding: 22px 22px 24px;
  border: 1px solid var(--rct-line);
  border-radius:0;
  background: #fff;
  box-shadow: var(--rct-shadow);
}
html body.page-id-2715 .rct-step__n {
  display: block;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--rct-brand);
}
html body.page-id-2715 .rct-step__t {
  margin: 0;
  font-size: 14.8px;
  line-height: 1.74;
  color: var(--rct-body);
}
html body.page-id-2715 .rct-def {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}
html body.page-id-2715 .rct-def__row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  min-width: 0;
  padding: 13px 18px;
  border: 1px solid var(--rct-line3);
  border-radius:0;
  background: #fff;
}
html body.page-id-2715 .rct-def__k {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--rct-mute);
}
html body.page-id-2715 .rct-def__v {
  font-size: 15px;
  font-weight: 700;
  color: var(--rct-brand);
  overflow-wrap: anywhere;
}

/* ── 9. 다시 보내기 (5절) ────────────────────────────────── */
html body.page-id-2715 .rct-callout {
  margin-top: 16px;
  padding: 24px 26px;
  border: 1px solid var(--rct-line3);
  border-radius:0;
  background: var(--rct-tint);
}
html body.page-id-2715 .rct-callout .rct-p {
  margin-bottom: 14px;
}

/* ── 10. 인사이드 (6절) ──────────────────────────────────── */
html body.page-id-2715 .rct-split {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 30px;
  align-items: center;
}
html body.page-id-2715 .rct-split__l,
html body.page-id-2715 .rct-split__r {
  min-width: 0;
}
html body.page-id-2715 .rct-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 0;
}
html body.page-id-2715 .rct-chip2 {
  display: inline-block;
  padding: 7px 15px;
  border: 1px solid var(--rct-line3);
  border-radius:0;
  background: #fff;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--rct-brand);
}
html body.page-id-2715 .rct-nums {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
html body.page-id-2715 .rct-num {
  min-width: 0;
  padding: 18px 16px;
  border: 1px solid var(--rct-line);
  border-radius:0;
  background: #fff;
  text-align: center;
}
html body.page-id-2715 .rct-num__n {
  display: block;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--rct-brand);
}
html body.page-id-2715 .rct-num__l {
  display: block;
  margin-top: 4px;
  font-size: 13.5px;
  color: var(--rct-mute);
}

/* ── 11. 받는 곳 (7절) ───────────────────────────────────── */
html body.page-id-2715 .rct-panel {
  padding: 30px 30px 32px;
  border: 1px solid var(--rct-line);
  border-radius:0;
  background: #fff;
}
html body.page-id-2715 .rct-defs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 26px;
  margin-top: 18px;
}
html body.page-id-2715 .rct-defs__row {
  min-width: 0;
  padding: 13px 0;
  border-top: 1px solid var(--rct-line2);
}
html body.page-id-2715 .rct-defs__k {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
  color: var(--rct-mute);
}
html body.page-id-2715 .rct-defs__v {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--rct-title);
  overflow-wrap: anywhere;
}
html body.page-id-2715 .rct-links__h {
  margin: 24px 0 10px;
  padding-top: 18px;
  border-top: 1px solid var(--rct-line);
  font-size: 13px;
  font-weight: 700;
  color: var(--rct-mute);
}
html body.page-id-2715 .rct-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
html body.page-id-2715 a.rct-links__a {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid var(--rct-line3);
  border-radius:0;
  background: #fff;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--rct-brand);
  text-decoration: none;
}
html body.page-id-2715 a.rct-links__a:hover,
html body.page-id-2715 a.rct-links__a:focus {
  background: var(--rct-tint);
  border-color: var(--rct-brand);
  color: #072b78;
  text-decoration: none;
}

/* ── 12. 1024 이하 ───────────────────────────────────────── */
@media (max-width: 1024px) {
  html body.page-id-2715 .rct-grid3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html body.page-id-2715 .rct-defs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 22px;
  }
  html body.page-id-2715 .rct-h2 {
    font-size: 24px;
  }
}

/* ── 13. 900 이하 ────────────────────────────────────────── */
@media (max-width: 900px) {
  html body.page-id-2715 .rct-sec {
    padding: 28px 0 26px;
  }
  html body.page-id-2715 .rct-sec--tint {
    padding: 28px 20px 26px;
  }
  html body.page-id-2715 .rct-fork,
  html body.page-id-2715 .rct-steps,
  html body.page-id-2715 .rct-split {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  html body.page-id-2715 .rct-split {
    gap: 22px;
  }
  html body.page-id-2715 .rct-note--right {
    text-align: left;
  }
  html body.page-id-2715 .rct-panel {
    padding: 26px 22px 28px;
  }
}

/* ── 14. 620 이하 (폰) ───────────────────────────────────── */
@media (max-width: 620px) {
  html body.page-id-2715 .rct-sec {
    margin-bottom: 12px;
    padding: 24px 0 22px;
    border-radius:0;
  }
  html body.page-id-2715 .rct-sec--tint {
    padding: 24px 16px 24px;
  }
  html body.page-id-2715 .rct-h2 {
    font-size: 21px;
    letter-spacing: -.03em;
  }
  html body.page-id-2715 .rct-sub {
    margin-bottom: 18px;
    font-size: 14.5px;
  }
  html body.page-id-2715 .rct-grid3,
  html body.page-id-2715 .rct-def,
  html body.page-id-2715 .rct-defs {
    grid-template-columns: minmax(0, 1fr);
  }
  html body.page-id-2715 .rct-card,
  html body.page-id-2715 .rct-step {
    padding: 18px 16px 20px;
  }
  html body.page-id-2715 .rct-fork__card {
    padding: 20px 16px 22px;
  }
  html body.page-id-2715 .rct-callout {
    padding: 20px 16px;
  }
  html body.page-id-2715 .rct-panel {
    padding: 22px 16px 24px;
    border-radius:0;
  }
  html body.page-id-2715 .rct-checks__row {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 12px;
    padding: 16px 0;
  }
  html body.page-id-2715 .rct-nums {
    gap: 10px;
  }
  html body.page-id-2715 .rct-num {
    padding: 16px 10px;
  }
  html body.page-id-2715 a.rct-btn {
    display: block;
    text-align: center;
  }
  html body.page-id-2715 .rct-p,
  html body.page-id-2715 .rct-checks__t {
    font-size: 15px;
  }
}
/* ---------- 부록 · 클로드C 보정 (2026-09-07) ----------
   🔴 문의 지면인데 메일 주소와 전화번호가 «링크가 아니었다».
      폰에서 전화번호를 눌러도 안 걸리고, 메일도 손으로 옮겨 적어야 했다.
      mailto: · tel: 로 바꾸고 그 자리에 맞는 색만 준다(밑줄은 hover 에서만). */
html body.page-id-2715 .rct-def__v a,
html body.page-id-2715 .rct-defs__v a {
  color: #0B3AA0;
  font-weight: 700;
  text-decoration: none;
}
html body.page-id-2715 .rct-def__v a:hover,
html body.page-id-2715 .rct-defs__v a:hover { text-decoration: underline; }
html body.page-id-2715 .rct-p a { color: #0B3AA0; font-weight: 600; }
html body.page-id-2715 .rct-p a:hover { text-decoration: underline; }

/* 🔴 폰(620 이하)에서 섹션 좌우 padding 이 0 이라 제목과 맺음말이 배경 블록 가장자리에 붙었다.
   .ri-wrap 여백이 12px 뿐이라 더 답답해 보인다. 숨을 조금 준다.
   (카드는 자기 padding 이 있어 이 값만큼 함께 안으로 들어온다 — 오히려 줄이 맞는다) */
@media (max-width: 620px) {
  html body.page-id-2715 .rct-sec { padding-left: 14px; padding-right: 14px; }
}

/* ================================================================
   🔴 2026-09-07 오전 · 사장님 지시
      「문의하기 란의 입력폼을 위에 올려, 위에 설명이 넘 많어」
   ----------------------------------------------------------------
   경위 : 새벽에는 폼이 위였는데(틀 기본), 그 뒤 틀에서 순서가 바뀌어
          본문 3,354px 이 폼 «위» 로 올라왔다. 폼에 닿으려면 3,634px 을 내려야 했다.
   조치 : 마크업은 한 줄도 안 건드리고 «보이는 순서» 만 되돌린다.
          제목 → 폼 → 설명. 폼 위에는 제목 하나만 남는다.
   🔴 리드 한 줄은 감춘다 — 「아래에서 갈래를 확인하시고, 맨 아래 폼에 남겨 주십시오」가
      폼이 맨 위로 오면 틀린 말이 되기 때문이다. 그 줄은 틀(B 님)이 내는 것이라 글을 고칠 수 없다.
      ⇒ B 님이 틀에서 순서를 되돌려 주시면 이 구역을 통째로 걷는다.
   ================================================================ */
html body.page-id-2715 .ri-main .ri-wrap {
  display: flex;
  flex-direction: column;
}
html body.page-id-2715 .ri-main .ri-wrap > h1        { order: 1; }
html body.page-id-2715 .ri-main .ri-wrap > .ri-cform { order: 2; }
html body.page-id-2715 .ri-main .ri-wrap > .ri-prose { order: 3; }
html body.page-id-2715 .ri-main .ri-wrap > .ri-lede  { display: none; }

/* 폼이 맨 위로 오므로 제목과의 사이를 조금 띄운다 */
html body.page-id-2715 .ri-main .ri-wrap > .ri-cform { margin-top: 18px; }
/* 설명 덩이는 폼과 확실히 갈라 보이게 위에 선을 하나 둔다 */
html body.page-id-2715 .ri-main .ri-wrap > .ri-prose {
  margin-top: 40px;
  padding-top: 34px;
  border-top: 1px solid #e5e9f0;
}

