@charset "utf-8";
/******************************************************************
    #sub-fermento 전용 스타일

    대부분 inob-sub.css 공통 컴포넌트로 구성한다. 여기서는
    FERMENTO 페이지에서만 필요한 미세 조정만 담는다.
******************************************************************/

/* 4대 핵심기술 번호 — 제목 앞 번호를 시안으로 강조 */
#sub-fermento .inob-feature h4 {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

/* is-navy 섹션의 아이콘 외곽선 대비 보정 (공통값 위에 살짝 더) */
#sub-fermento .inob-sec.is-navy .inob-ico.is-line {
    border-color: rgba(255, 255, 255, .3);
    color: #fff;
}

/* 발효 공정은 작은 연구실 규모의 사진이 먼저 읽히도록 순서를 고정 */
#sub-fermento .inob-fermento-process .inob-editorial-media { grid-column: 1; }
#sub-fermento .inob-fermento-process .inob-editorial-copy { grid-column: 2; }

/* 적용 제품 — 아이콘 카드 대신 실제 제품명 중심의 평면 인덱스 */
#sub-fermento .inob-fermento-products {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--inob-navy);
    border-bottom: 1px solid var(--inob-line);
}
#sub-fermento .inob-fermento-products article {
    padding: 27px clamp(20px, 3vw, 38px);
    border-top: 1px solid var(--inob-line);
    border-left: 1px solid var(--inob-line);
}
#sub-fermento .inob-fermento-products article:nth-child(-n+2) { border-top: 0; }
#sub-fermento .inob-fermento-products article:nth-child(odd) { border-left: 0; }
#sub-fermento .inob-fermento-products h4 {
    color: var(--inob-navy);
    font-size: 19px;
    font-weight: 800;
}
#sub-fermento .inob-fermento-products p {
    margin-top: 8px;
    color: var(--inob-body);
    font-size: 14.5px;
    line-height: 1.7;
}

@media (max-width: 1024px) {
    #sub-fermento .inob-fermento-process .inob-editorial-media,
    #sub-fermento .inob-fermento-process .inob-editorial-copy { grid-column: auto; }
}

@media (max-width: 768px) {
    #sub-fermento .inob-feature h4 { flex-wrap: wrap; }
    #sub-fermento .inob-fermento-products { grid-template-columns: 1fr; }
    #sub-fermento .inob-fermento-products article {
        padding: 22px 0;
        border-left: 0;
    }
    #sub-fermento .inob-fermento-products article:nth-child(2) { border-top: 1px solid var(--inob-line); }
}