/* 본문 전체 영역 */
.history-main {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
    background: #fff;
}

/* 컨테이너 레이아웃 */
.philosophy-wrapper {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 60px;
}

.philosophy-image { flex: 1; }
.philosophy-image img {
    width: 100%;
    height: auto;
    display: block;
    filter: grayscale(100%); /* 흑백 필터 */
}

.philosophy-content { flex: 1.2; text-align: left; }
.philosophy-content .category {
    font-size: 13px; font-weight: 800; color: #bbb;
    letter-spacing: 0.2em; margin-bottom: 15px; display: block;
}

/* 타이틀 스타일: 강조되지 않은 글자는 연하게 처리 */
.philosophy-content .title {
    font-size: 52px; line-height: 1.2; font-weight: 800;
    color: rgba(0, 0, 0, 0.15); 
    margin-bottom: 30px;
}

/* V, I, A 강조색 (진한 녹색) */
.philosophy-content .highlight { color: #0a4a44; }

.philosophy-content .description { max-width: 450px; }
.philosophy-content .description p {
    font-size: 15px; line-height: 1.8; color: #666;
    margin-bottom: 20px; word-break: keep-all;
}

/* [모바일 대응] 화면이 작아지면 세로로 배치 */
@media (max-width: 768px) {
    .history-main { padding: 40px 0; }
    .philosophy-wrapper { 
        flex-direction: column; 
        gap: 30px; 
    }
    .philosophy-image, .philosophy-content {
        flex: none;
        width: 100%;
    }
    .philosophy-content {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .philosophy-content .title { 
        font-size: 32px; 
        margin-bottom: 20px;
    }
    .philosophy-content .description {
        max-width: 100%;
    }
    .philosophy-content .description p { 
        font-size: 14px; 
        line-height: 1.6;
    }
}