@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600;700;900&display=swap');

/* 기본 리셋 */
#ctt{margin:0;padding:0;background:transparent}
#ctt header h1{position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con{padding:0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}

/* ============================================
   CEO 인사말 - PC (1025px+)
   ============================================ */
.ceo-page{max-width:1536px;margin:0 auto;padding:0;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:#333}

/* 상단 타이틀 */
.ceo-header{text-align:center;padding:60px 0 50px}
.ceo-sub{font-size:16px;color:#2d86d9;font-weight:600;letter-spacing:.1em;margin-bottom:8px}
.ceo-h1{font-family:'Noto Serif KR',serif;font-size:42px;font-weight:900;color:#0f172a;letter-spacing:-.04em;margin:0 0 24px}
.ceo-slogan{font-size:20px;color:#475569;line-height:1.7;font-weight:500}
.ceo-slogan b{color:#0f172a;font-weight:800}

/* 대표 인사 영역 */
.ceo-intro{background:#f3f5f7;overflow:hidden}
.ceo-intro-inner{display:flex;align-items:stretch;min-height:500px}

.ceo-intro-text{flex:1;padding:60px 60px 60px 80px;display:flex;flex-direction:column;justify-content:center}
.greeting{font-family:'Noto Serif KR',serif;font-size:22px;font-weight:700;color:#0f172a;line-height:1.75;letter-spacing:-.02em}
.greeting strong{color:#2d86d9}

.ceo-intro-photo{flex:0 0 500px;height:500px;position:relative;overflow:hidden;background:#e2e8f0}
.ceo-intro-photo img{width:100%;height:100%;object-fit:cover;display:block}
.photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#0b1f3a,#132f5e);color:rgba(255,255,255,.5);font-size:16px;font-weight:600;gap:16px;position:relative}
.photo-placeholder img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1}
.photo-placeholder span{position:relative;z-index:1}

/* 본문 */
.ceo-body{max-width:1000px;margin:0 auto;padding:70px 40px 60px}
.ceo-body p{font-size:16px;line-height:2;color:#444;margin:0 0 28px;word-break:keep-all;text-align:justify}
.ceo-body b{color:#0f172a}

/* 서명 */
.ceo-sign{border-top:1px solid #e0e0e0;padding:40px 0 20px;margin-top:20px}
.ceo-sign-inner{display:flex;align-items:center;gap:28px}
.ceo-sign-logo{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 4px 16px rgba(0,0,0,.12)}
.ceo-sign-logo img{width:100%;height:100%;object-fit:cover}
.sign-company{font-size:14px;color:#2d86d9;font-weight:700;margin-bottom:4px}
.sign-title{font-size:14px;color:#888;font-weight:500}
.sign-name{font-family:'Noto Serif KR',serif;font-size:32px;font-weight:900;color:#0f172a;letter-spacing:-.03em}

/* ============================================
   태블릿 (769px ~ 1024px)
   ============================================ */
@media(max-width:1024px){
  .ceo-intro-inner{flex-direction:column-reverse}
  .ceo-intro-photo{flex:none;height:380px}
  .ceo-intro-text{padding:44px 36px}
  .greeting{font-size:20px}
  .ceo-body{padding:50px 30px 40px}
  .ceo-body p{font-size:15px;line-height:1.9}
}

/* ============================================
   모바일 공통 (~768px) - 일반폰 + 폴드 + 소형 태블릿
   ============================================ */
@media(max-width:768px){
  /* 상단 */
  .ceo-header{padding:30px 16px 24px}
  .ceo-sub{font-size:12px;margin-bottom:4px}
  .ceo-h1{font-size:26px;margin-bottom:14px}
  .ceo-slogan{font-size:14px;line-height:1.65}

  /* 인사 영역 */
  .ceo-intro-inner{flex-direction:column-reverse;min-height:auto}
  .ceo-intro-photo{flex:none;height:240px}
  .ceo-intro-text{padding:28px 20px}
  .greeting{font-size:16px;line-height:1.7}
  .greeting br{display:none}

  /* 본문 */
  .ceo-body{padding:30px 18px 28px}
  .ceo-body p{font-size:14px;line-height:1.85;margin-bottom:20px;text-align:left}

  /* 서명 */
  .ceo-sign{padding:24px 0 12px;margin-top:10px}
  .ceo-sign-inner{gap:18px}
  .ceo-sign-logo{width:48px;height:48px}
  .sign-company{font-size:12px}
  .sign-title{font-size:12px}
  .sign-name{font-size:24px}
}

/* ============================================
   폴더블 (갤럭시 Z 폴드 - ~520px 접은 화면)
   ============================================ */
@media(max-width:520px){
  .ceo-header{padding:24px 14px 20px}
  .ceo-h1{font-size:24px;margin-bottom:12px}
  .ceo-slogan{font-size:13px}
  .ceo-intro-photo{height:200px}
  .ceo-intro-text{padding:24px 16px}
  .greeting{font-size:15px;line-height:1.65}
  .ceo-body{padding:24px 14px 24px}
  .ceo-body p{font-size:13.5px;line-height:1.8;margin-bottom:16px}
  .sign-name{font-size:22px}
}

/* ============================================
   소형 폰 (~390px - iPhone SE, 갤럭시 A 등)
   ============================================ */
@media(max-width:390px){
  .ceo-header{padding:20px 12px 16px}
  .ceo-sub{font-size:11px}
  .ceo-h1{font-size:22px;margin-bottom:10px}
  .ceo-slogan{font-size:12.5px}
  .ceo-intro-photo{height:180px}
  .ceo-intro-text{padding:20px 14px}
  .greeting{font-size:14px;line-height:1.6}
  .ceo-body{padding:20px 12px}
  .ceo-body p{font-size:13px;line-height:1.75;margin-bottom:14px}
  .ceo-sign-logo{width:40px;height:40px}
  .sign-name{font-size:20px}
  .sign-company{font-size:11px}
  .sign-title{font-size:11px}
}