@charset "UTF-8";
/* =========================================================
 * sustainability > planet (환경)
 * 공통(content.css) 재사용 + 이 페이지 전용 예외만 선언
 * PC/MO 분기 1170px · font-size만 rem · 그 외 px
 * ※ .content_card_item.type_media 는 공통(content.css)에 정의.
 * ========================================================= */

/* ── contents_section 상단 간격 예외 (진단 박스 / 5단계 프로세스 섹션) ── */
.section_sustainability_planet .contents_box .contents_section:has(.diagram_box),
.section_sustainability_planet .contents_box .contents_section:has(.list_process.col_5) {
    padding-top: 120px;
}

/* ── 각주 마커 ── */
.section_sustainability_planet sup {
    font-size: 0.65em;
    font-weight: 600;
    line-height: 0;
    vertical-align: super;
    margin-left: 3px;
}

/* ── 큰 소제목 (Heading / L Medium) ── */
.section_sustainability_planet .contents_box .content_area h4.type_lg {
    font-size: 3.2rem;
    line-height: 1.4;
    font-weight: 500;
}

/* ── 데이터 강조 박스 (라벨 + 수치) ── */
.section_sustainability_planet .data_box {
    padding: 60px 60px;
    background-color: #f9fafc;
}
.section_sustainability_planet .data_box .data_label {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #dfe1e5;
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 600;
    color: #000;
}
.section_sustainability_planet .data_box .data_num {
    display: block;
    margin-top: 40px;
    font-size: 3.2rem;
    line-height: 0.7;
    font-weight: 700;
    color: #000;
}

.content_card_list.col_3 {
    margin-bottom: 80px;
}
/* ── 텍스트 좌 / 이미지 우 full-bleed 카드 ──
 * 공통(content.css) .type_media 그대로 사용.
 * 기본 --media-ratio(690/380)가 img_waste_reduction.jpg(1600×881) 실제 비율과 일치 → 재정의 불필요. */

/* ========================================================= *
 * Mobile ( ~1169.98px )
 * ========================================================= */
@media only screen and (max-width: 1169.98px) {
    .section_sustainability_planet .contents_box .contents_section:has(.diagram_box),
    .section_sustainability_planet .contents_box .contents_section:has(.list_process.col_5) {
        padding-top: 0;
    }

    .section_sustainability_planet .contents_box .content_area h4.type_lg {
        font-size: 2rem;
    }

    .section_sustainability_planet .data_box {
        padding: 24px;
    }
    .section_sustainability_planet .data_box .data_label {
        padding: 6px 16px;
        font-size: 1.2rem;
    }
    .section_sustainability_planet .data_box .data_num {
        margin-top: 24px;
        font-size: 1.6rem;
    }
    .content_card_list.col_3 {
        margin-bottom: 40px;
    }
}