/* 우수제품 계약제도: 솔루션소개의 공통 레이아웃 사용 */
/* 04·05 페이지: 솔루션소개의 1400px 폭, 분할 본문, 안내 카드, 특장점 카드 사용.
   색상·폰트·굵기·라운드는 _03.css의 공통 변수를 사용합니다. */
.hks-information { box-sizing: border-box; padding: 150px 0 0; color: var(--hkb-text); font-family: var(--hkb-font); overflow-wrap: anywhere; }
.hks-information *, .hks-information *::before, .hks-information *::after { box-sizing: border-box; }
.hks-information .hkb__wrap { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px); }
.hks-information .hkb__title > p { margin: 0 0 14px; color: var(--hkb-blue); font-size: var(--fs-lead); font-weight: var(--hkb-weight-heavy); text-transform: uppercase; }
.hks-information .hkb__title h2 { margin: 0; font-size: var(--fs-display); font-weight: var(--hkb-weight-heavy); line-height: var(--lh-heading); letter-spacing: -.06em; }
.hks-information .hks-section { padding: clamp(52px, 6vw, 88px) 0; }
.hks-information .hks-section--alt { background: var(--hkb-surface-alt); }
.hks-information .hkb__split { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 60px; align-items: start; }
.hks-information .hkb__split-body { min-width: 0; }
.hks-information .hkb__split-head h3,
.hks-information .hks-section-heading h3 { margin: 0; font-size: var(--fs-heading-lg); font-weight: var(--hkb-weight-bold); line-height: var(--lh-heading); letter-spacing: -.02em; }
.hks-information .hks-section-heading { margin-bottom: 30px; }
.hks-information .hks-section-heading > p { margin: 14px 0 24px; color: var(--hkb-text-muted); }
.hks-information .hks-info-number { display: block; margin: 14px 0 10px; color: var(--hkb-text-number); font-size: var(--fs-heading-md); font-family: var(--hkb-font-number); font-weight: var(--hkb-weight-heavy); line-height: 1; }
.hks-information .hks-info-row { padding: 32px 0; border-top: 1px solid var(--hkb-line-strong); }
.hks-information .hks-info-row:last-child { padding-bottom: 0; }
.hks-information .hkb__split:not(.hks-info-row) + .hks-info-row { margin-top: clamp(40px, 6vw, 80px); }
.hks-information .hks-intro-card { padding: 0; border: 2px solid var(--hkb-blue); border-radius: var(--hkb-radius-lg); background: var(--hkb-surface-overlay); overflow: hidden; }
.hks-information .hks-intro-card__header { padding: 18px clamp(24px, 3vw, 40px); background: var(--hkb-blue); }
.hks-information .hks-intro-card__header h4 { margin: 0; color: var(--hkb-white); font-size: var(--fs-heading-sm); font-weight: var(--hkb-weight-bold); }
.hks-information .hks-intro-card__body { padding: 30px clamp(24px, 3vw, 40px) 40px; }
.hks-information .hks-intro-card__body > p { margin: 0; }
.hks-information .hks-law-copy { color: var(--hkb-text-law); font-size: var(--fs-body); line-height: var(--lh-body); }
.hks-information .hks-law-copy p { margin: 0 0 12px; }
.hks-information .hks-law-subheading { display: block; margin-bottom: 8px; color: var(--hkb-heading); font-size: var(--fs-heading-sm); font-weight: var(--hkb-weight-bold); }
.hks-information .hks-law-banner { margin: 18px 0 28px; padding: 18px 22px; background: var(--hkb-bg-notice); border-left: 4px solid var(--hkb-heading); color: var(--hkb-text-law); font-size: var(--fs-small); }
.hks-information .hks-law-banner:last-child { margin-bottom: 0; }
@media (max-width: 1024px) {
    .hks-information { padding-top: 100px; }
    .hks-information .hkb__split { grid-template-columns: minmax(0, 1fr); gap: 24px; }}
@media (max-width: 760px) {
    .hks-information .hkb__wrap { padding-inline: 24px; }
    .hks-information .hks-intro-card__body { padding: 24px; }
    .hks-information .hks-law-banner { padding: 16px 18px; }}