/* =========================================================
   유통사관학교 — 2026-11 개편 신규 섹션 스타일 (비차단 로드)
   index.html 에서 media="print" onload 방식으로 불러온다.
   첫 화면 아래 섹션 전용. 토큰(--gold 등)은 style.css 의 :root 를 그대로 쓴다.
   기존 규칙은 그대로 두고 아래에만 추가한다 (토큰·폰트 동일).
   ========================================================= */



/* ===== 대표 강사: 경력 타임라인 + 언론 보도 ===== */
.mentor__body{display:grid;gap:22px}
.timeline{display:grid;gap:12px}
.tl{
  position:relative;padding:22px 24px 20px 26px;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
}
.tl::before{
  content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:0 3px 3px 0;background:var(--gold);
}
.tl__when{
  display:inline-block;padding:4px 11px;border-radius:100px;
  background:var(--gold-100);color:var(--gold-ink);
  font-size:12px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;
}
.tl__title{margin-top:10px;font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--navy-900)}
.tl__list{margin-top:10px;display:grid;gap:5px}
.tl__list li{position:relative;padding-left:14px;font-size:14.5px;line-height:1.65;color:var(--slate)}
.tl__list li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.tl__src{font-size:12.5px;color:var(--slate)}

.press{padding:22px 24px;border-radius:var(--radius-lg);background:var(--ivory);border:1px solid var(--line)}
.press__title{font-size:15px;font-weight:800;color:var(--navy-900);letter-spacing:-.01em}
.press__list{margin-top:10px;display:grid}
.press__list a{
  display:grid;gap:2px;padding:12px 0;border-top:1px solid var(--line);
  transition:color .25s var(--ease);
}
.press__list li:first-child a{border-top:0}
.press__src{font-size:12px;font-weight:700;color:var(--gold-ink)}
.press__head{font-size:14.5px;font-weight:500;line-height:1.55;color:var(--ink);text-wrap:pretty}
.press__list a:hover .press__head{color:var(--navy-700);text-decoration:underline;text-underline-offset:3px}

/* ===== 커리큘럼: 지금 신청할 수 있는 과정 ===== */
.programs{
  margin-top:clamp(36px,4vw,52px);padding:clamp(24px,3vw,34px);
  background:var(--paper);border:1px solid rgba(194,161,92,.32);border-radius:var(--radius-xl);
  box-shadow:var(--shadow-sm);
}
.programs__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px}
.programs__title{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--navy-900)}
.programs__note{font-size:13.5px;color:var(--slate)}
.programs__list{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.program{
  display:flex;flex-direction:column;gap:8px;height:100%;
  padding:18px 18px 16px;border-radius:var(--radius-lg);
  background:var(--ivory);border:1px solid transparent;
  transition:border-color .25s var(--ease),background-color .25s var(--ease),transform .25s var(--ease);
}
.program:hover{background:var(--paper);border-color:var(--gold);transform:translateY(-2px)}
.program__tag{align-self:flex-start;white-space:nowrap;font-size:11.5px;font-weight:700;color:var(--gold-ink);letter-spacing:.02em}
.program__name{font-size:15.5px;font-weight:700;line-height:1.45;color:var(--navy-900)}
.program__name::after{content:" →";color:var(--gold-ink)}

/* ===== 수강 대상: 관련 커리큘럼 번호 ===== */
.aud__to{display:block;margin-top:4px;font-size:12.5px;font-weight:700;color:var(--gold-ink);letter-spacing:.01em}

/* ===== 강의 현장 ===== */
.field{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:start}
.field__item{margin:0}
.field__frame{
  position:relative;overflow:hidden;border-radius:var(--radius-lg);
  background:var(--mist);border:1px solid var(--line);box-shadow:var(--shadow);
  aspect-ratio:4/5;
}
.field__frame--video{aspect-ratio:16/9}
.field__frame img,.field__frame video{width:100%;height:100%;object-fit:cover}
.field figcaption{margin-top:9px;font-size:13px;font-weight:500;color:var(--slate)}
/* 데스크톱: 사진 두 장 높이를 2fr 칸의 16:9 영상 높이에 맞춘다 (사진 칸 폭 × 약 1.125) */
@media (min-width:1025px){
  .field__item:not(.field__item--video) .field__frame{aspect-ratio:8/9}
}

.slides{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.slide{margin:0}
.slide img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);background:var(--mist)}
.slide p{margin-top:8px;font-size:13.5px;font-weight:700;line-height:1.5;color:var(--navy-900);text-wrap:balance}

/* ===== 영상·SNS ===== */
.ch{padding:clamp(22px,3vw,32px);border-radius:var(--radius-xl);background:var(--ivory);border:1px solid var(--line)}
.ch + .ch{margin-top:18px}
.ch__head{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.ch__ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;flex:none;background:var(--navy-800);color:#fff}
.ch__ico svg{width:24px;height:24px}
.ch__ico--yt{color:#FF4E45}
.ch__ico--ig{color:var(--gold-400)}
.ch__text{flex:1 1 220px;min-width:0}
.ch__title{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--navy-900)}
.ch__handle{margin-top:2px;font-size:13.5px;color:var(--slate)}
.ch__actions{display:flex;flex-wrap:wrap;gap:10px}
.ch__actions .btn{padding:12px 20px;font-size:14px}

.yt-grid{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.yt-card{display:flex;flex-direction:column;min-width:0}
.yt-card__media{
  position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:var(--radius-lg);
  background:var(--navy-900);box-shadow:var(--shadow);
}
.yt-card__btn{position:absolute;inset:0;width:100%;height:100%;padding:0}
.yt-card__btn img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.yt-card__btn:hover img{transform:scale(1.03)}
.yt-card__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;width:58px;height:58px;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--navy-900);box-shadow:0 8px 24px rgba(11,27,49,.28);
  transition:transform .25s var(--ease);
}
.yt-card__play svg{width:24px;height:24px;margin-left:3px}
.yt-card__btn:hover .yt-card__play,.yt-card__btn:focus-visible .yt-card__play{transform:translate(-50%,-50%) scale(1.08)}
.yt-card__media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-card__info{padding:12px 2px 0;display:flex;flex-direction:column;gap:5px}
.yt-card__cat{font-size:11.5px;font-weight:700;color:var(--gold-ink);letter-spacing:.02em}
.yt-card__title{
  font-size:14.5px;font-weight:700;line-height:1.5;color:var(--navy-900);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.yt-card__link{align-self:flex-start;font-size:13px;font-weight:600;color:var(--slate);border-bottom:1px solid var(--line-strong);padding:4px 0}
.yt-card__link:hover{color:var(--gold-ink);border-color:var(--gold)}

.ig-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ig-card{
  display:flex;flex-direction:column;gap:8px;height:100%;
  padding:22px 22px 18px;border-radius:var(--radius-lg);
  background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);
  transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);
}
.ig-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow)}
.ig-card__img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);margin-bottom:6px}
.ig-card__meta{font-size:12px;font-weight:700;color:var(--gold-ink)}
.ig-card__title{font-size:16px;font-weight:800;line-height:1.45;letter-spacing:-.02em;color:var(--navy-900);text-wrap:balance}
.ig-card__excerpt{font-size:14px;line-height:1.65;color:var(--slate);text-wrap:pretty}
.ig-card__go{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--navy-800)}
.ig-card__go svg{width:15px;height:15px}

/* ===== QLO 관련 서비스 (작게) ===== */
.related{background:var(--ivory);border-top:1px solid var(--line)}
.related__inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;padding-top:22px;padding-bottom:22px}
.related__label{font-size:12.5px;font-weight:700;color:var(--slate)}
.related__list{display:flex;flex-wrap:wrap;gap:6px 22px}
.related__list a{display:inline-block;padding:6px 0;font-size:13.5px;color:var(--slate);border-bottom:1px solid transparent;transition:color .25s var(--ease),border-color .25s var(--ease)}
.related__list a strong{font-weight:700;color:var(--navy-800);margin-right:4px}
.related__list a:hover{color:var(--navy-800);border-color:var(--gold)}
.related__note{font-size:12px;color:var(--slate);margin-left:auto}

/* ===== Footer: SNS · 사업자 정보 ===== */
.footer__sns{display:flex;gap:10px;margin-top:18px}
.footer__sns a{
  display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:rgba(255,255,255,.08);color:#fff;transition:background-color .25s var(--ease),color .25s var(--ease);
}
.footer__sns a:hover{background:var(--gold);color:var(--navy-900)}
.footer__sns svg{width:20px;height:20px}
.footer__biz{padding-bottom:22px;display:grid;gap:4px}
/* #0B1B31 배경 대비 약 8:1 */
.footer__biz p{display:flex;flex-wrap:wrap;gap:2px 16px;font-size:12.5px;line-height:1.7;color:#A7B0BD}
.footer__biz a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.footer__biz a:hover{color:var(--gold-400)}

/* ===== 반응형 (신규 섹션) ===== */
@media (max-width:1024px){
  .programs__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .field{grid-template-columns:1fr 1fr}
  .field__item--video{grid-column:1 / -1}
}

@media (max-width:860px){
  /* 모바일 길이 관리: 가로로 넘기는 카드 열 (scroll-snap, JS 없음) */
  .slides,.yt-grid,.ig-grid{
    grid-auto-flow:column;grid-template-columns:none;
    overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
    margin-inline:-24px;padding:2px 24px 10px;scroll-padding-inline:24px;
    scrollbar-width:thin;
  }
  .slides{grid-auto-columns:72%}
  .yt-grid{grid-auto-columns:46%}
  .ig-grid{grid-auto-columns:78%}
  .slide,.yt-card,.ig-grid > li{scroll-snap-align:start}

  /* 채널 박스 안의 가로 스크롤 열은 박스 안쪽 여백(20px)에 맞춰 가장자리까지 */
  .ch{padding:22px 20px}
  .ch .yt-grid,.ch .ig-grid{margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}
  .ch__actions{width:100%}
  .ch__actions .btn{flex:1 1 auto}
  .related__note{margin-left:0}

  /* 정보 밀도: 모바일에서 카드 여백 · 간격 축소 */
  .audience{gap:10px}
  .tl{padding:18px 18px 16px 20px}
  .press{padding:18px}
}

@media (max-width:560px){
  .slides,.yt-grid,.ig-grid{margin-inline:-18px;padding-inline:18px;scroll-padding-inline:18px}
  .yt-grid{grid-auto-columns:58%}
  .programs__list{grid-template-columns:1fr;gap:8px}
  .program{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px}
  .program__tag{order:2;align-self:center}
  .aud p{font-size:15px}
  .footer__biz p{flex-direction:column;gap:0}

  /* 커리큘럼 카드: 번호와 제목을 한 줄에 두어 카드 높이를 줄인다 */
  .cards{gap:12px}
  .card{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:20px 20px 18px}
  .card__no{width:38px;height:38px;border-radius:12px;font-size:13px}
  .card__title{margin-top:0;font-size:17.5px}
  .card__desc{grid-column:1 / -1;margin-top:10px}
  .tl__list li{font-size:14px}
  .press__head{font-size:14px}
}

/* =========================================================
   2차 개편 — 원안 핵심 보완 (과정 안내 · 상황별 경로 · 1:1 · 무료 시작 · FAQ)
   ========================================================= */

/* ----- 네이버 인물정보 확인 ----- */
.verify{
  display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius-lg);
  background:var(--paper);border:1px solid rgba(194,161,92,.45);box-shadow:var(--shadow-sm);
  transition:border-color .25s var(--ease),transform .25s var(--ease);
}
.verify:hover{border-color:var(--gold);transform:translateY(-2px)}
.verify__ico{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;flex:none;background:#03A94D;color:#fff;font-weight:800;font-size:17px}
.verify__text{display:flex;flex-direction:column;line-height:1.4}
.verify__text strong{font-size:15px;font-weight:700;color:var(--navy-900)}
.verify__text em{font-style:normal;font-size:12.5px;color:var(--slate)}

/* ----- 언론: 접어 둔 기사 ----- */
.press__more{margin-top:6px;border-top:1px solid var(--line)}
.press__more summary{
  cursor:pointer;list-style:none;padding:12px 0 2px;font-size:13.5px;font-weight:700;color:var(--gold-ink);
}
.press__more summary::-webkit-details-marker{display:none}
.press__more summary::after{content:" ＋"}
.press__more[open] summary::after{content:" －"}
.press__list--sm .press__head{font-size:13.5px}

/* ----- 수강 과정 안내 ----- */
.courses{margin-top:clamp(36px,4vw,52px)}
.course-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.course{
  display:flex;flex-direction:column;gap:10px;padding:26px 26px 22px;border-radius:var(--radius-xl);
  background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);
}
.course--main{border-color:rgba(194,161,92,.5)}
.course--coach{background:linear-gradient(180deg,#fff,var(--warm));border-color:rgba(194,161,92,.5)}
.course__tag{align-self:flex-start;padding:4px 11px;border-radius:100px;background:var(--gold-100);color:var(--gold-ink);font-size:12px;font-weight:700}
.course__name{font-size:21px;font-weight:800;letter-spacing:-.025em;color:var(--navy-900)}
.course__desc{font-size:14.8px;line-height:1.75;color:var(--slate);text-wrap:pretty}
.course__for{font-size:14px;line-height:1.7;color:var(--slate)}
.course__for strong,.course__out strong{display:block;font-size:12.5px;color:var(--navy-800);margin-bottom:2px}
.course__list{display:grid;gap:4px}
.course__list li{position:relative;padding-left:14px;font-size:14px;line-height:1.6;color:var(--ink)}
.course__list li::before{content:"";position:absolute;left:0;top:.68em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.course__more{border-top:1px dashed rgba(194,161,92,.4);padding-top:8px}
.course__more summary{cursor:pointer;list-style:none;font-size:14px;font-weight:700;color:var(--navy-800);padding:4px 0}
.course__more summary::-webkit-details-marker{display:none}
.course__more summary::after{content:" ＋";color:var(--gold-ink)}
.course__more[open] summary::after{content:" －"}
.course__weeks{margin:8px 0 10px;display:grid;gap:5px}
.course__weeks li{font-size:14px;line-height:1.6;color:var(--ink)}
.course__weeks b{display:inline-block;min-width:34px;color:var(--gold-ink)}
.course__out{font-size:13.8px;line-height:1.7;color:var(--slate);padding:10px 12px;border-radius:10px;background:var(--ivory)}
.course__go{margin-top:auto;align-self:flex-start;padding:6px 0;font-size:14px;font-weight:700;color:var(--navy-800);border-bottom:1.5px solid var(--gold)}
.course__go:hover{color:var(--gold-ink)}
.course__go--inner{margin-top:4px;border-bottom-color:transparent;color:var(--gold-ink)}
.course__go--inner + .course__go{margin-top:0}

/* ----- 내 상황에 맞는 과정 ----- */
.paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.path{
  position:relative;padding:22px 24px 20px 64px;border-radius:var(--radius-lg);
  background:var(--ivory);border:1px solid transparent;
  transition:border-color .3s var(--ease),background-color .3s var(--ease);
}
.path:hover{background:var(--paper);border-color:rgba(194,161,92,.45)}
.path__no{position:absolute;left:20px;top:20px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy-800);color:var(--gold-400);font-size:15px;font-weight:700}
.path__who{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--navy-900)}
.path__why{margin-top:5px;font-size:14.3px;line-height:1.65;color:var(--slate);text-wrap:pretty}
.path__to{margin-top:10px;font-size:13.5px;color:var(--slate)}
.path__to a{display:inline-block;padding:3px 0;font-weight:700;color:var(--gold-ink);border-bottom:1px solid rgba(194,161,92,.5)}
.path__to a::before{content:"→ ";color:var(--gold)}
.path__ext{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 14px}
.path__ext a{display:inline-block;padding:4px 0;font-size:12.8px;color:var(--slate);border-bottom:1px dashed var(--line-strong)}
.path__ext a:hover{color:var(--navy-800)}

/* ----- 1:1 컨설팅 ----- */
.coach{display:grid;gap:18px;max-width:980px;margin:0 auto}
.coach__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.coach__facts > div{padding:16px 18px;background:var(--paper)}
.coach__facts dt{font-size:12px;color:var(--slate)}
.coach__facts dd{margin:4px 0 0;font-size:16px;font-weight:800;color:var(--navy-900);letter-spacing:-.02em}
.coach__steps{display:flex;flex-wrap:wrap;gap:8px;counter-reset:st}
.coach__steps li{
  counter-increment:st;display:inline-flex;align-items:center;gap:7px;padding:8px 14px 8px 8px;border-radius:100px;
  background:var(--paper);border:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--navy-900);
}
.coach__steps li::before{content:counter(st);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gold-100);color:var(--gold-ink);font-size:11.5px;font-weight:800}
.coach__steps li:last-child::before{background:var(--navy-800);color:var(--gold-400)}
.coach__scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.coach__scope > div{padding:18px 20px;border-radius:var(--radius-lg);background:var(--paper);border:1px solid var(--line)}
.coach__scope h3{font-size:15.5px;font-weight:800;color:var(--navy-900)}
.coach__scope p{margin-top:6px;font-size:14px;line-height:1.7;color:var(--slate)}
.coach__more{padding:14px 20px;border-radius:var(--radius-lg);background:var(--paper);border:1px solid var(--line)}
.coach__more summary{cursor:pointer;list-style:none;font-size:14.5px;font-weight:700;color:var(--navy-800)}
.coach__more summary::-webkit-details-marker{display:none}
.coach__more summary::after{content:" ＋";color:var(--gold-ink)}
.coach__more[open] summary::after{content:" －"}
.coach__apply{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;counter-reset:ap}
.coach__apply li{counter-increment:ap;font-size:13.8px;color:var(--ink)}
.coach__apply li::before{content:counter(ap) ". ";color:var(--gold-ink);font-weight:700}
.coach__notes{margin-top:12px;display:grid;gap:5px}
.coach__notes li{position:relative;padding-left:14px;font-size:13.5px;line-height:1.65;color:var(--slate)}
.coach__notes li::before{content:"·";position:absolute;left:3px;color:var(--gold-ink);font-weight:800}
.coach__cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px}

/* ----- 무료로 먼저 시작하기 ----- */
.freestart{background:var(--navy-900);color:#fff}
.freestart__inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px 40px;padding-top:34px;padding-bottom:34px}
.freestart__label{font-size:12.5px;font-weight:700;color:var(--gold-400);letter-spacing:.02em}
.freestart__title{margin-top:4px;font-size:clamp(20px,2.2vw,25px);font-weight:800;letter-spacing:-.03em}
.freestart__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.freestart__list a{
  display:flex;flex-direction:column;gap:3px;height:100%;padding:14px 16px;border-radius:var(--radius-lg);
  background:rgba(255,255,255,.06);border:1px solid var(--line-invert);
  transition:background-color .25s var(--ease),border-color .25s var(--ease);
}
.freestart__list a:hover{background:rgba(255,255,255,.1);border-color:var(--gold)}
.freestart__list strong{font-size:14.5px;font-weight:700;color:#fff}
.freestart__list span{font-size:12.8px;line-height:1.55;color:#C3CBDA}

/* ----- FAQ ----- */
.faq-wrap{max-width:860px}
.faq{display:grid;gap:10px}
.faq details{border-radius:var(--radius-lg);background:var(--ivory);border:1px solid transparent;transition:border-color .25s var(--ease),background-color .25s var(--ease)}
.faq details[open]{background:var(--paper);border-color:rgba(194,161,92,.45)}
.faq summary{
  cursor:pointer;list-style:none;position:relative;padding:18px 52px 18px 22px;
  font-size:15.5px;font-weight:700;line-height:1.5;color:var(--navy-900);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:22px;top:50%;width:9px;height:9px;margin-top:-6px;
  border-right:2px solid var(--gold-ink);border-bottom:2px solid var(--gold-ink);transform:rotate(45deg);
  transition:transform .25s var(--ease);
}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.faq details p{padding:0 22px 18px;font-size:14.8px;line-height:1.8;color:var(--slate);text-wrap:pretty}
.faq details a{color:var(--navy-800);font-weight:700;border-bottom:1px solid var(--gold)}
.faq__more{margin-top:18px;text-align:center;font-size:14px;color:var(--slate)}
.faq__more a{font-weight:700;color:var(--navy-800);border-bottom:1.5px solid var(--gold);padding:4px 0}

/* ----- 인스타 썸네일 (세로 이미지 → 4:5 크롭) ----- */
.ig-card__img{aspect-ratio:4/5;height:auto}

@media (max-width:1024px){
  .coach__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .freestart__inner{grid-template-columns:1fr}
}
@media (max-width:860px){
  .course-grid{grid-template-columns:1fr}
  .coach__scope{grid-template-columns:1fr}
  .coach__cta .btn{flex:1 1 100%}
  .freestart__list{grid-template-columns:1fr}
  .paths{gap:10px}
}
@media (max-width:560px){
  .course{padding:20px 18px 18px}
  .course__name{font-size:19px}
  .path{padding:18px 18px 16px 56px}
  .path__no{left:16px;top:17px}
  .coach__facts dd{font-size:15px}
  .faq summary{padding:16px 46px 16px 18px;font-size:15px}
  .faq details p{padding:0 18px 16px}
}

/* =========================================================
   3차 디자인 QA
   ========================================================= */

/* ----- 강사: 직접 확인할 수 있는 근거 ----- */
.proofs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.proofs a{
  display:flex;align-items:center;gap:10px;height:100%;padding:12px 14px;border-radius:var(--radius-lg);
  background:var(--paper);border:1px solid rgba(194,161,92,.45);
  transition:border-color .25s var(--ease),transform .25s var(--ease);
}
.proofs a:hover{border-color:var(--gold);transform:translateY(-2px)}
.proofs__ico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;flex:none;background:var(--navy-800);color:var(--gold-400);font-size:13px;font-weight:800}
.proofs__ico--n{background:#03A94D;color:#fff;font-size:16px}
.proofs a > span:last-child{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.proofs strong{font-size:14px;font-weight:700;color:var(--navy-900)}
.proofs em{font-style:normal;font-size:12px;color:var(--slate)}

/* ----- 커리큘럼 주제: 짧게 ----- */
.cards--topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cards--topics .card{padding:24px 24px 22px}
.cards--topics .card__title{margin-top:12px;font-size:17.5px}
.cards--topics .card__desc{margin-top:6px;font-size:14.2px}

/* ----- 1:1 진행 단계: 9단계를 3x3 으로 (마지막 단계만 남는 줄 없음) ----- */
.coach__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.coach__steps li{justify-content:flex-start}

/* ----- 후기 캐러셀의 수강 CTA 카드: 뒤에 있을 때도 '디자인된 카드'로 보이게 (로직 변경 없음) ----- */
.vcard--cta .vcta{
  background:radial-gradient(420px 260px at 50% 0%,rgba(194,161,92,.28),transparent 70%),linear-gradient(165deg,var(--navy-800),var(--navy-900));
  border:1px solid rgba(194,161,92,.55);
}
.vcard--cta.is-active .vcta{border-color:var(--gold)}
.vcard--cta .vcta__ico{background:var(--gold);color:var(--navy-900)}
.vcard--cta .vcta__eyebrow{color:var(--gold-400)}
.vcard--cta .vcta__title{color:#fff}
.vcard--cta .vcta__sub{color:#C3CBDA}
.vcard--cta .vcta__kakao{color:var(--gold-400)}
.vcard--cta .vcta__kakao:hover{border-color:var(--gold-400)}
.vcard--cta .vcta__note{color:#A7B0BD}

@media (max-width:1024px){
  .cards--topics{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ----- 모바일: 가로 스크롤 대신 정돈된 격자 ----- */
@media (max-width:860px){
  .slides,.yt-grid,.ig-grid,
  .ch .yt-grid,.ch .ig-grid{
    grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;
    margin-inline:0;padding:0;
  }
  .slides,.yt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ig-grid{grid-template-columns:1fr;gap:10px}
  .yt-card__title{font-size:13.5px}
  .yt-card__play{width:46px;height:46px}
  .slide p{font-size:13px}

  /* 인스타: 왼쪽 썸네일 + 오른쪽 글 */
  .ig-card--thumb{display:grid;grid-template-columns:96px 1fr;column-gap:14px;align-items:start;padding:12px 14px 12px 12px}
  .ig-card--thumb .ig-card__img{grid-row:1 / span 4;width:96px;margin:0}
  .ig-card--thumb .ig-card__go{margin-top:2px;padding-top:4px}
  .ig-card--thumb .ig-card__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  .proofs{grid-template-columns:1fr;gap:8px}
  .coach__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .slides,.yt-grid,.ig-grid{margin-inline:0;padding-inline:0}
  /* 커리큘럼 주제: 번호 + 제목만 2열로 (설명은 아래 수강 과정 카드에서) */
  .cards--topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .cards--topics .card{display:block;padding:16px 14px}
  .cards--topics .card__no{width:30px;height:30px;border-radius:9px;font-size:12px}
  .cards--topics .card__title{margin-top:10px;font-size:15px;line-height:1.4}
  .cards--topics .card__desc{display:none}
  /* 1:1 진행 단계: 세로로 순서대로 */
  .coach__steps{grid-template-columns:1fr;gap:6px}
  .coach__steps li{padding:7px 12px 7px 7px}
}