/* 비상벨 특장점 및 전국 A/S망: 솔루션소개의 공통 레이아웃 사용 */
/* 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 .hkb__eyebrow { display: block; margin-bottom: 6px; color: var(--hkb-blue); font-size: var(--fs-caption); font-weight: var(--hkb-weight-bold); letter-spacing: .04em; text-transform: uppercase; }
.hks-information .hks-section { padding: clamp(52px, 6vw, 88px) 0; }
.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,
.hks-information .hks-section-summary { margin: 14px 0 24px; color: var(--hkb-text-muted); }
.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-media { /*margin: 0; padding: 16px; border: 1px solid var(--hkb-line); border-radius: var(--hkb-radius-lg); background: var(--hkb-surface-alt); min-width: 0;*/ }
.hks-information .hks-media img { display: block; width: 100%; height: auto; border-radius: var(--hkb-radius-md); }
.hks-information .hks-media img[hidden] { display: none; }
.hks-information .hks-media + .hks-intro-card { margin-top: 30px; }
.hks-information .hks-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hks-information .hks-feature { padding: 28px 24px; border: 1px solid var(--hkb-line); border-radius: var(--hkb-radius-lg); background: var(--hkb-white); text-align: center; display: flex; flex-direction: column; align-items: center; }
.hks-information .hks-icon-slot { width: 100px; height: 100px; margin-bottom: 10px; flex: 0 0 auto; }
.hks-information .hks-icon-slot img { display: block; width: 100%; height: 100%; object-fit: contain; }
.hks-information .hks-feature h4 { margin: 0 0 18px; color: var(--hkb-heading); font-size: var(--fs-heading-sm); font-weight: var(--hkb-weight-bold); }
.hks-information .hks-feature p { margin: 0; color: var(--hkb-text-muted); font-size: var(--fs-body); }
.hks-information .hks-feature a { color: var(--hkb-heading); text-decoration: underline; text-underline-offset: 3px; }
.hks-information .hks-feature a:focus-visible { outline: 3px solid var(--hkb-focus); outline-offset: 4px; }
.hks-information .hks-certifications { margin: 0; }
.hks-information .hks-certifications > div { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--hkb-line); }
.hks-information .hks-certifications > div:first-child { padding-top: 0; }
.hks-information .hks-certifications dt { color: var(--hkb-heading); font-weight: var(--hkb-weight-bold); }
.hks-information .hks-certifications dd { margin: 0; }
.hks-information .hks-certification-note { margin-top: 20px !important; color: var(--hkb-text-muted); font-size: var(--fs-small); }
.hks-information .hks-patents { margin: 0; }
.hks-information .hks-patents > div { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--hkb-line); }
.hks-information .hks-patents > div:first-child { padding-top: 0; }
.hks-information .hks-patents dt { color: var(--hkb-heading); font-weight: var(--hkb-weight-bold); }
.hks-information .hks-patents dd { margin: 0; color: var(--hkb-text-muted); }
.hks-information .hks-as-map { min-height: 260px; }
.hks-information .hks-as-strengths { margin-top: clamp(40px, 6vw, 80px); }
@media (max-width: 1024px) {
    .hks-information { padding-top: 100px; }
    .hks-information .hkb__split { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .hks-information .hks-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }}
@media (max-width: 760px) {
    .hks-information .hkb__wrap { padding-inline: 24px; }
    .hks-information .hks-feature-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .hks-information .hks-intro-card__body { padding: 24px; }
    .hks-information .hks-certifications > div,
    .hks-information .hks-patents > div { grid-template-columns: minmax(0, 1fr); gap: 8px; }}

/* 비상벨 차별점: 진한 남색과 노란 핵심 문구 */
.hks-information .hks-system-advantages { background: var(--hkb-blue-deep); color: var(--hkb-white); }
.hks-information .hks-system-advantages .hkb__eyebrow { color: var(--hkb-highlight); }
.hks-information .hks-system-advantages .hks-section-heading h3 { color: var(--hkb-white); }
.hks-information .hks-system-advantages .hks-section-heading > p { color: var(--hkb-text-inverse-muted); }
.hks-information .hks-advantage-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.hks-information .hks-advantage-list > li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 18px; align-content: start; padding: 28px; border: 1px solid var(--hkb-line-inverse); border-radius: var(--hkb-radius-lg); background: rgba(255, 255, 255, .04); list-style: none; }
.hks-information .hks-advantage-number { color: var(--hkb-highlight); font-family: var(--hkb-font-number); font-size: var(--fs-heading-sm); font-weight: var(--hkb-weight-heavy); line-height: 1.65; }
.hks-information .hks-advantage-list p { margin: 0; color: var(--hkb-white); font-size: var(--fs-heading-sm); font-weight: var(--hkb-weight-semibold); line-height: 1.65; word-break: keep-all; overflow-wrap: anywhere; }
.hks-information .hks-advantage-list strong { color: var(--hkb-highlight); font-weight: var(--hkb-weight-heavy); }

/* 특허 및 인증사항: 제목 위, 인증서·상세 내용 아래 */
.hks-information .hkb__split.hks-certification-stack {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
}

/* 지정번호를 강조하고 나머지 인증 4개를 두 줄로 배치 */
.hks-information .hks-certifications {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.hks-information .hks-certifications > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 20px 24px;
    border: 1px solid var(--hkb-line);
    border-radius: var(--hkb-radius-md);
    background: var(--hkb-surface-alt);
    text-align: center;
}
.hks-information .hks-certifications > div:first-child {
    grid-row: span 2;
    align-content: center;
    padding: 24px;
    border-color: var(--hkb-blue);
    background: var(--hkb-blue-soft);
}
.hks-information .hks-certifications > div:first-child dd {
    color: var(--hkb-blue);
    font-family: var(--hkb-font-number);
    font-size: var(--fs-heading-lg);
    font-weight: var(--hkb-weight-heavy);
    line-height: var(--lh-heading);
    text-align: center;
}
.hks-information .hks-certification-note {
    padding-top: 20px;
    border-top: 1px solid var(--hkb-line);
    text-align: center;
}

/* 특허번호 위, 특허명 아래의 2열 카드 */
.hks-information .hks-patents {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.hks-information .hks-patents > div,
.hks-information .hks-patents > div:first-child {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 28px;
    border: 1px solid var(--hkb-line);
    border-top: 3px solid var(--hkb-blue);
    border-radius: var(--hkb-radius-lg);
    background: var(--hkb-surface-alt);
}
.hks-information .hks-patents dt { font-size: var(--fs-lead); }

/* 보유기술: 기술명과 상세 설명을 한 행으로 구성 */
.hks-information .hks-technology-list { display: grid; gap: 24px; }
.hks-information .hks-technology { display: grid; grid-template-columns: 240px minmax(0, 1fr); border: 1px solid var(--hkb-line); border-radius: var(--hkb-radius-lg); overflow: hidden; background: var(--hkb-surface-alt); }
.hks-information .hks-technology__head { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px 24px; background: var(--hkb-blue-dark); color: var(--hkb-white); text-align: center; }
.hks-information .hks-technology:nth-child(even) .hks-technology__head { background: var(--hkb-blue); }
.hks-information .hks-technology__head h4 { margin: 8px 0 0; font-size: var(--fs-heading-sm); font-weight: var(--hkb-weight-bold); }
.hks-information .hks-technology__body { min-width: 0; padding: 32px clamp(24px, 3vw, 40px); color: var(--hkb-text-law); }
.hks-information .hks-technology__body p { margin: 0 0 16px; }
.hks-information .hks-technology__body strong { color: var(--hkb-heading); }
.hks-information .hks-technology__badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.hks-information .hks-technology__badges span { display: inline-block; padding: 6px 14px; border-radius: var(--hkb-radius-pill); background: var(--hkb-blue-soft); color: var(--hkb-heading); font-size: var(--fs-small); font-weight: var(--hkb-weight-semibold); }
@media (max-width: 1024px) {
    .hks-information .hks-certifications { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hks-information .hks-certifications > div:first-child { grid-row: auto; grid-column: 1 / -1; }}
@media (max-width: 760px) {
    .hks-information .hks-advantage-list { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .hks-information .hks-advantage-list > li { grid-template-columns: 32px minmax(0, 1fr); gap: 12px; padding: 24px 20px; }
    .hks-information .hks-advantage-list p { font-size: var(--fs-lead); }
    .hks-information .hks-technology { grid-template-columns: minmax(0, 1fr); }
    .hks-information .hks-technology__head { padding: 24px; }
    .hks-information .hks-technology__body { padding: 24px; }
    .hks-information .hks-certifications,
    .hks-information .hks-patents { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .hks-information .hks-patents > div,
    .hks-information .hks-patents > div:first-child { padding: 24px; }}