@charset "UTF-8";
/* =========================================================
 * sustainability > people (인권·다양성)
 * 공통(content.css) 재사용 + 이 페이지 전용 예외만 선언
 * PC/MO 분기 1170px · font-size만 rem · 그 외 px
 *
 * ※ .content_card_item.type_media 는 공통(content.css)에 정의. 이 페이지는 이미지 비율(--media-ratio) / 앞요소 간격만 재정의.
 * ========================================================= */

/* ── contents_section 상단 간격 예외 ──
 * 2번째 섹션 / 러닝CON(type_media) 섹션 / 5단계 프로세스 섹션 */
.section_sustainability_people .contents_box .contents_section:nth-child(2) {
    padding-top: 120px;
}
.section_sustainability_people .contents_box .contents_section:has(.content_card_item.type_media),
.section_sustainability_people .contents_box .contents_section:has(.list_process.col_5) {
    padding-top: 240px;
}

/* ── [다양성 증진] 차트 이미지 박스 ── */
.section_sustainability_people .content_area .text_desc + .img_box {
    margin-top: 40px;
}

/* ── [인재확보] 러닝CON 카드 (공통 .type_media, 이미지 비율 / 앞요소 간격만 재정의) ── */
.section_sustainability_people .text_desc + .content_card_item.type_media {
    margin-top: 60px;
}
.section_sustainability_people .content_card_item.type_media {
    --media-ratio: 1380 / 960; /* img_opt_in_peer_learning_program_pc.png 실제 비율 → 이미지폭 48.6%(≈690px)에서 카드 높이 480px */
}

/* ── [안전보건 활동] 이미지(좌) + 활동 리스트(우) 2단 ──
 * 공통 .content_area_column 재사용, 정렬 / 폭 / 리스트 불릿만 재정의 */
.section_sustainability_people .content_area .text_desc + .content_area_column {
    margin-top: 60px;
}
.section_sustainability_people .content_area .content_area_column {
    align-items: flex-end;
}
.section_sustainability_people .content_area .content_area_column .column_left {
    width: 65.4%;
}
.section_sustainability_people .content_area .content_area_column .column_left > img {
    display: block;
    width: 100%;
}
.section_sustainability_people .content_area .content_area_column .column_right {
    margin-left: 0; /* 공통 .column_right { margin-left:auto } 해제 */
}
.section_sustainability_people .content_area .content_area_column .column_right .desc_list > li {
    position: relative;
    padding-left: 22px;
    font-size: 1.8rem;
    line-height: 1.7;
    color: #333;
}
.section_sustainability_people .content_area .content_area_column .column_right .desc_list > li::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 14px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333;
}

/* ── 카드 리스트 패딩 (열 수별) ── */
.section_sustainability_people .content_card_list.col_3 .content_card_item {
    padding: 60px;
}
.section_sustainability_people .content_card_list.col_4 .content_card_item {
    padding: 32px;
}

/* ── 카드 내 desc_list (공통 불릿 #333 → #666) ── */
.section_sustainability_people .content_card_item .desc_list {
    margin-top: 16px;
}
.section_sustainability_people .content_card_item .desc_list > li {
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 400;
    color: #666;
}
.section_sustainability_people .content_card_item .desc_list > li::before {
    background-color: #666;
}

/* ── 요소 간 간격 예외 ── */
.section_sustainability_people .quote_area + .contents_section {
    margin-top: 120px;
}
.section_sustainability_people .text_desc + .text_label {
    margin-top: 60px;
}

/* ========================================================= *
 * Mobile ( ~1169.98px )
 * ========================================================= */
@media only screen and (max-width: 1169.98px) {
    .section_sustainability_people .contents_box .contents_section:nth-child(2) {
        padding-top: 0;
    }
    .section_sustainability_people .contents_box .contents_section:has(.content_card_item.type_media),
    .section_sustainability_people .contents_box .contents_section:has(.list_process.col_5) {
        padding-top: 60px;
    }

    /* 안전보건 활동 2단 → 세로 스택 */
    .section_sustainability_people .content_area .text_desc + .content_area_column {
        margin-top: 40px;
    }
    .section_sustainability_people .content_area .content_area_column {
        align-items: stretch;
    }
    .section_sustainability_people .content_area .content_area_column .column_left,
    .section_sustainability_people .content_area .content_area_column .column_right {
        width: 100%;
    }
    .section_sustainability_people .content_area .content_area_column .column_right .desc_list > li {
        padding-left: 16px;
        font-size: 1.4rem;
        color: #666;
    }
    .section_sustainability_people .content_area .content_area_column .column_right .desc_list > li::before {
        top: 10px;
        width: 3px;
        height: 3px;
        background-color: #666;
    }

    /* 카드 리스트 패딩 (공통 24px로 통일) */
    .section_sustainability_people .content_card_list.col_3 .content_card_item,
    .section_sustainability_people .content_card_list.col_4 .content_card_item,
    .section_sustainability_people .content_card_list.col_5 .content_card_item {
        padding: 24px;
    }

    /* 카드 desc / desc_list */
    .section_sustainability_people .content_card_item .desc {
        margin-top: 16px;
    }
    .section_sustainability_people .content_card_item .desc_list {
        margin-top: 8px;
    }
    .section_sustainability_people .content_card_item .desc_list > li {
        font-size: 1.4rem;
        color: #666;
    }

    /* 요소 간 간격 */
    .section_sustainability_people .contents_box .content_area .text_label + .content_card_list {
        margin-top: 24px;
    }
    .section_sustainability_people .text_desc + .text_label {
        margin-top: 40px;
    }
    .section_sustainability_people .text_desc + .content_card_list {
        margin-top: 40px;
    }
    .section_sustainability_people .contents_box .title_area h3 {
        margin-top: 12px;
    }
}