/* 공통 색상 + 폰트 변수 */
:root{
    --text-main:#222;
    --text-sub:#555;
    --scFont:'S-Core', "Nanum Gothic", sans-serif;
}

    /* 공통 래퍼 */
    .section-inner {
        max-width:1200px;
        margin:0 auto;
        padding:24px 16px;
    }

    /* 상단 타이틀 */
    .history-head{
        text-align:center;
        margin:60px 16px 32px;
    }
    .history-head h2{
        font-family:var(--scFont);
        font-size:40px;
        font-weight:700;
        margin:0 0 24px;
        color:var(--text-main);
    }
    .history-head p{
        font-family:var(--scFont);
        font-size:20px;
        font-weight:500;
        color:#333;
        margin:0;
    }

    /* 인사말 배경 */
    .greeting-body-wrap{
        background:#f4f4f4;
    }
.history-head{
padding-bottom:50px;

}

/* 인사말 영역: 텍스트 + 사진 나란히 */
.greeting-body-inner{
    display:flex;
    gap:40px;
    align-items:stretch;  /* 텍스트 높이에 맞게 세로로 늘림 */
    flex-wrap:nowrap;
}

    .greeting-body-title{
        font-size:22px;
        font-weight:600;
        margin:0 0 20px;
        color:#333;
    }

    /* 텍스트 영역 */
    .ceo-text{
        flex:1 1 0;
        font-family:var(--scFont);
        font-size:16px;
        line-height:1.9;
        color:var(--text-sub);
    }
    .ceo-text p{
        margin:0 0 16px;
    }
    .ceo-text p:last-child{
        margin-bottom:0;
    }
    .ceo-sign{
        margin-top:20px;
        font-weight:600;
        color:var(--text-main);
    }

    /* 사진 영역 */
.ceo-photo-wrap{
    flex:0 0 420px;       /* 세로로 긴 느낌을 위해 폭을 조금 줄임 */
    display:flex;         /* 자식(img)을 세로 100% 채우기 위해 */
}

.ceo-photo{
    width:100%;
    height:100%;          /* 래퍼 높이 전체 사용 */
    object-fit:cover;     /* 좌우를 잘라 세로로 길게 보이게 */
    display:block;
    border-radius:8px;
}

    /* 모바일 대응 */
@media (max-width: 1024px){
	.ceo-photo-wrap{
		flex:0 0 220px;       /* 세로로 긴 느낌을 위해 폭을 조금 줄임 */
		display:flex;         /* 자식(img)을 세로 100% 채우기 위해 */
	}
}
@media (max-width: 768px){


    .greeting-body-inner{
        flex-direction:column;
    }
    .ceo-photo-wrap{
        flex:0 0 auto;
        text-align:center;
        margin-top:16px;
        width:100%;          /* 사진 영역도 100% */
    }
    .ceo-photo{
        width:100%;          /* 가로 꽉 차게 */
        max-width:none;      /* 최대 폭 제한 해제 */
        height:auto;
        display:block;
        margin:0;            /* 좌우 여백 제거 */
        border-radius:8px;   /* 필요 없으면 삭제 */
    }
	.history-head{
		padding-bottom:10px;
	}
	.history-head h2{
        font-size:24px;
	}
    .history-head p{
        font-size:16px;
    }
	
}