/* L2 홈(sdo_user/index.jsp) — 소개 띠(풀블리드 · 서류 고르기 질문) · 서류 카드(order_user.css od-card*) · 모바일 약관 줄
   공용(sdo-container·sdo-band·sdo-btn·sdo-cta-bar — 신청 버튼은 고정 없이 카드 바로 밑)은 user_components.css · 색·크기 = user_variables.css 토큰만 */

/* ── 소개 띠 ── */
/* 화면 폭 끝까지 하늘색 그라데이션 */
.home-hero { background: linear-gradient(135deg, var(--sdo-hero-from), var(--sdo-hero-to)); }
.sdo-container.home-hero-inner { padding-top: var(--sdo-sp-48); padding-bottom: var(--sdo-sp-48); }
.home-hero-title { margin: 0; font-size: var(--sdo-fs-3xl); font-weight: var(--sdo-fw-heavy); letter-spacing: -1px; line-height: 1.3; color: var(--sdo-ink); }
.home-hero-sub { margin: var(--sdo-sp-16) 0 0; font-size: var(--sdo-fs-lg); line-height: 1.7; color: var(--sdo-ink-sub); white-space: pre-line; }   /* 번들 값의 줄바꿈 기호 = 문장마다 줄바꿈 */

/* ── 바로가기 ── */
/* 소개 아래 바로가기 둘(대상찾기 · 마이) = 작은 버튼 모양(흰 바탕 · 하늘 테두리 · 하늘 글자) · 서류 고르기는 바로 아래 카드 */
.home-hero-links { display: flex; flex-wrap: wrap; gap: var(--sdo-sp-8); margin-top: var(--sdo-sp-16); }
/* 글씨 = 위 소개 문장(home-hero-sub)과 같은 크기 · 버튼은 글에 맞춘 작은 판 */
.home-hero-link { display: inline-flex; align-items: center; gap: 6px; padding: var(--sdo-sp-8) var(--sdo-sp-16);
    border: 1px solid var(--sdo-accent-line); border-radius: var(--sdo-radius); background: var(--sdo-surface);
    font-size: var(--sdo-fs-lg); font-weight: var(--sdo-fw-bold); line-height: 1.5; color: var(--sdo-accent); text-decoration: none; transition: border-color 0.15s, color 0.15s; }
@media (hover: hover) { .home-hero-link:hover { border-color: var(--sdo-accent); color: var(--sdo-accent-hover); } }
.home-hero-link .ti-chevron-right { font-size: var(--sdo-fs-md); }

/* ── 서류 카드 ── */
/* 홈 카드는 그림 칸·한 줄 설명 없이 이름·[내용보기] 만(order_user.css od-card 그대로 · 설명은 내용보기 상세에서) · 모바일에서도 두 열 박스 · 위저드 ① 카드는 그대로 */
.home-pick .od-card-img,
.home-pick .od-card-sum { display: none; }

/* ── 약관 줄 ── */
/* 모바일 */
.home-links { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--sdo-sp-4) var(--sdo-sp-16); padding: var(--sdo-sp-8) var(--sdo-sp-20) 0; font-size: var(--sdo-fs-xs); }
.home-links a { color: var(--sdo-ink-muted); padding: var(--sdo-sp-4); }

@media (max-width: 980.98px) {
    .sdo-container.home-hero-inner { padding-top: var(--sdo-sp-24); padding-bottom: var(--sdo-sp-24); }
    .home-hero-title { font-size: var(--sdo-fs-2xl); letter-spacing: -0.6px; }
    .home-hero-sub { font-size: var(--sdo-fs-sm); }
    .home-hero-links { flex-direction: column; align-items: flex-start; margin-top: var(--sdo-sp-12); }
    .home-hero-link { font-size: var(--sdo-fs-sm); padding: 6px var(--sdo-sp-12); }   /* 모바일 = 소개 문장과 같은 글씨 · 한 줄씩 */
    .home-hero-link .ti-chevron-right { font-size: var(--sdo-fs-sm); }
    .home-pick .od-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sdo-sp-8); }
    .home-pick .od-card { gap: var(--sdo-sp-4); min-height: 104px; padding: var(--sdo-sp-12); }   /* 좌우 같은 여백 */
}