/*
[POSH 회사소개 인사말 전용 스타일 전체 파일 구조]
public/company/greeting/company_greeting.css  - 인사말 전용 스타일
page/site/company/company_greeting_view.php   - 인사말 화면에서 사용
*/

.company-page {
    background: transparent;
}
.company-page__hero {
    padding: 0 0 72px;
}
.company-page__shell {
    width: min(calc(100% - 80px), 1140px);
    background: #ffffff;
    padding: 14px 20px 72px;
}
.company-page__crumbs {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    color: #5f5f5f;
}
.company-page__crumbs span {
    font-weight: 800;
    color: #202020;
}
.company-page__intro {
    margin-top: 52px;
}
.company-page__intro h1 {
    margin: 0;
    font-size: 40px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #111;
}
.company-page__intro p {
    margin: 18px 0 0;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    color: #1d1d1d;
}
.company-greeting__layout {
    display: grid;
    grid-template-columns: 489px minmax(0, 1fr);
    gap: 45px;
    align-items: start;
    margin-top: 52px;
}
.company-greeting__visual {
    margin: 0;
}
.company-greeting__visual img {
    width: 489px;
    height: auto;
    display: block;
}
.company-greeting__message {
    font-size: 15px;
    line-height: 1.72;
    color: #222;
}
.company-greeting__message p {
    margin: 0 0 16px;
}
.company-greeting__signature {
    margin-top: 30px;
    font-weight: 700;
}
@media (max-width: 1100px) {
    .company-page__shell {
        width: min(calc(100% - 60px), 980px);
        padding: 14px 20px 64px;
    }
    .company-greeting__layout {
        grid-template-columns: 430px minmax(0, 1fr);
        gap: 34px;
    }
    .company-greeting__visual img {
        width: 430px;
        height: auto;
    }
}

@media (max-width: 860px) {
    .company-page__shell {
        width: min(calc(100% - 40px), 100%);
        padding: 12px 16px 44px;
    }
    .company-page__hero {
        padding: 12px 0 54px;
    }
    .company-page__crumbs {
        justify-content: flex-start;
        font-size: 13px;
    }
    .company-page__intro {
        margin-top: 36px;
    }
    .company-page__intro h1 {
        font-size: 40px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: -0.03em;
    }
    .company-page__intro p {
        margin-top: 18px;
        font-size: 18px;
        line-height: 1.5;
        font-weight: 500;
    }
    .company-greeting__layout {
        grid-template-columns: 1fr;
        gap: 26px;
        margin-top: 34px;
    }
    .company-greeting__visual img {
        width: min(100%, 520px);
        height: auto;
    }
    .company-greeting__message {
        font-size: 15px;
        line-height: 1.75;
    }
    .company-greeting__message p {
        margin-bottom: 14px;
    }
}


/*
[2026-05-14 T1528 / POSH 회사소개 > 인사말 모바일 확정 기준 보정]
- 목적: 확정된 POSH 모바일 공통 기준(흰색 상단, 단순한 본문, 과한 장식 금지)에 맞추어 인사말 페이지를 휴대폰 폭에서 읽기 쉽게 정리합니다.
- 기존 데스크톱/태블릿 스타일은 유지하고, 640px 이하 모바일 override만 추가합니다.
- 삭제/구조 변경 없음: PHP 구조와 이미지/본문 순서는 그대로 유지합니다.
*/
@media (max-width: 640px) {
    .company-page {
        background: #ffffff;
    }

    .company-page__hero {
        padding: 0 0 42px;
    }

    .company-page__shell {
        width: 100%;
        padding: 14px 18px 42px;
        background: #ffffff;
    }

    .company-page__crumbs {
        display: none;
    }

    .company-page__intro {
        margin-top: 24px;
        padding-bottom: 18px;
        border-bottom: 1px solid #eceff3;
    }

    .company-page__intro h1 {
        font-size: 30px;
        line-height: 1.16;
        font-weight: 700;
        letter-spacing: -0.035em;
        color: #111827;
    }

    .company-page__intro p {
        margin-top: 12px;
        font-size: 15px;
        line-height: 1.58;
        font-weight: 500;
        letter-spacing: -0.02em;
        color: #374151;
    }

    .company-greeting__layout {
        display: block;
        margin-top: 24px;
    }

    .company-greeting__visual {
        margin: 0 0 24px;
    }

    .company-greeting__visual img {
        width: 100%;
        max-width: none;
        height: auto;
        display: block;
    }

    .company-greeting__message {
        font-size: 14px;
        line-height: 1.82;
        letter-spacing: -0.015em;
        color: #1f2933;
    }

    .company-greeting__message p {
        margin: 0 0 15px;
    }

    .company-greeting__signature {
        margin-top: 24px;
        font-size: 14px;
        line-height: 1.7;
        font-weight: 700;
        color: #111827;
    }
}

@media (max-width: 380px) {
    .company-page__shell {
        padding-left: 16px;
        padding-right: 16px;
    }

    .company-page__intro h1 {
        font-size: 28px;
    }

    .company-page__intro p {
        font-size: 14px;
    }
}