/* =====================================================
   ceo.css  ─  CEO 인사말 페이지 전용 스타일
   common.css 로드 후 이 파일을 추가로 로드합니다.
   ===================================================== */


/* ─── CEO 인사말 본문 레이아웃 ───────────────────────── */
#ceo-section { padding: 100px 0 120px; background: var(--white); }
.ceo-container { max-width: 1200px; margin: 0 auto; padding: 0 40px; }


/* 단일 컬럼 중앙 정렬 */
.ceo-grid {
  display: flex;
  justify-content: center;
}

.ceo-text-col {
  max-width: 800px;
  width: 100%;
  text-align: left;
}


/* ─── 인삿말 텍스트 영역 ─────────────────────────────── */
.ceo-sec-label {
  font-family: 'Rajdhani', sans-serif;
  font-size: 12px; font-weight: 600;
  letter-spacing: 4px; color: var(--accent); margin-bottom: 12px;
}
.ceo-headline {
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700; line-height: 1.3; color: var(--navy); margin-bottom: 6px;
}
.ceo-headline em { color: var(--blue); font-style: normal; }
.ceo-divider { width: 48px; height: 3px; background: var(--accent); margin: 20px 0 32px; }
.ceo-body { display: flex; flex-direction: column; gap: 20px; }
.ceo-body p {
  font-size: 15px; font-weight: 400;
  line-height: 2.0; color: var(--text-sub); word-break: keep-all;
}
.ceo-body p.lead {
  font-size: 17px; font-weight: 500;
  color: var(--text-main); line-height: 1.9;
}
@media (max-width:768px)
{
  .ceo-sec-label {
    font-family: 'Rajdhani', sans-serif;
    font-size: 12px; font-weight: 600;
    letter-spacing: 4px; color: var(--accent); margin-bottom: 12px;
    text-align: center;
  }
  .ceo-headline {
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 700; line-height: 1.3; color: var(--navy); margin-bottom: 6px;
    text-align: center;
  }
  .ceo-headline em { color: var(--blue); font-style: normal; }
  .ceo-divider { 
    width: 48px;
    height: 3px;
    background: var(--accent);
    margin: 20px auto 24px; 
  }
  .ceo-body { display: flex; flex-direction: column; gap: 20px; }
  .ceo-body p {
    font-size: 15px; font-weight: 400;
    line-height: 2.0; color: var(--text-sub); word-break: keep-all;
  }
  .ceo-body p.lead {
    font-size: 17px; font-weight: 500;
    color: var(--text-main); line-height: 1.9;
  }
}


/* 핵심 가치 강조 블록 */
.ceo-values {
  margin: 36px 0;
  border-left: 3px solid var(--accent);
  padding-left: 24px;
  display: flex; flex-direction: column; gap: 0;
}
.ceo-values p { font-size: 15px; font-weight: 500; color: var(--navy); line-height: 1.8; }
.ceo-values p::before { content: '·  '; color: var(--accent); font-weight: 700; }

/* 서명 */
.ceo-sign {
  margin-top: 48px; padding-top: 32px;
  border-top: 1px solid var(--border);
  display: flex; flex-direction: column; gap: 6px;
  align-items: center;
  text-align: center;
}

.ceo-sign-company { font-size: 13px; font-weight: 500; color: var(--steel); letter-spacing: 1px; }
.ceo-sign-title   { font-size: 14px; font-weight: 600; color: var(--text-sub); }
.ceo-sign-name    { font-family: 'Bebas Neue', sans-serif; font-size: 32px; letter-spacing: 4px; color: var(--navy); margin-top: 4px; }
.ceo-sign-name-kr { font-size: 20px; font-weight: 700; color: var(--navy); letter-spacing: 6px; }