/* 회사소개(company.html) — 모회사 상기코퍼레이션 회사소개(인사말·연혁)를 사이트 톤으로 옮긴 스타일 */
.cp-panel{max-width:112rem;margin:0 auto;}
.sec:has(#greeting:not([hidden])){padding-bottom:0;}   /* 인사말 탭: 섹션 하단 여백을 핵심역량 회색 배경 안으로 옮김 */

/* ── 인사말 ── */
.cp-greet-intro{text-align:center;max-width:92rem;margin:0 auto var(--sp-10);}
.cp-greet-intro p{font-size:var(--fs-md);line-height:1.9;color:var(--fg2);margin:0 0 var(--sp-4);}
.cp-greet-top{font-size:var(--fs-2xl) !important;font-weight:var(--fw-bold);color:var(--fg1) !important;line-height:1.5 !important;margin-bottom:var(--sp-6) !important;}
.cp-greet-mid{font-size:var(--fs-lg) !important;color:var(--fg1) !important;margin-bottom:var(--sp-6) !important;}
.cp-greet-mid b{color:var(--sk-main);}
.cp-cards{list-style:none;margin:0 0 var(--sp-10);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);}   /* 6장 → 3×2 */
.cp-card{border:1px solid var(--border);background:var(--sk-white);}
.cp-card-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}
.cp-card-body{padding:var(--sp-5);}
.cp-card-logo{display:block;height:2.4rem;width:auto;max-width:100%;object-fit:contain;object-position:left center;margin-bottom:var(--sp-3);}
.cp-card h4{font-size:var(--fs-base);margin:0 0 .6rem;}
.cp-card p{font-size:1.3rem;line-height:1.7;margin:0;color:var(--fg3);}
.cp-promise{background:#f6f6f6 url(../assets/company/greeting_bg.webp) center top / 100% auto no-repeat;margin-inline:calc(50% - 50vw);padding:var(--sp-10) calc(50vw - 50% + var(--sp-8));text-align:center;}   /* 배경만 화면 끝까지 */
#greeting .cp-promise{padding-bottom:calc(var(--sp-10) + var(--sp-11));}
.cp-promise h3{font-size:var(--fs-2xl);margin:0 0 var(--sp-7);}
.cp-promise ul{list-style:none;margin:0 auto var(--sp-8);padding:0;display:flex;justify-content:center;gap:clamp(2.4rem,5vw,6.4rem);flex-wrap:wrap;}
.cp-promise li{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg2);line-height:1.5;}
.cp-promise li img{width:11rem;height:11rem;}
.cp-promise p{max-width:86rem;margin:0 auto var(--sp-5);font-size:var(--fs-md);line-height:1.9;color:var(--fg2);}
.cp-sign{display:flex;justify-content:center;align-items:center;gap:var(--sp-5);margin-top:var(--sp-7);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--fg1);text-align:right;line-height:1.6;}
.cp-sign img{height:5.6rem;width:auto;}   /* 사인 이미지는 배경 투명 처리됨 */

/* ── 연혁 ── */
.cp-history{border-top:2px solid var(--fg1);}
.cp-decade{display:grid;grid-template-columns:22rem 1fr;gap:var(--sp-7);padding:var(--sp-8) 0;border-bottom:1px solid var(--border);}
.cp-decade h3{font-family:var(--font-latin);font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--sk-main);margin:0;}
.cp-year{display:grid;grid-template-columns:9rem 1fr;gap:var(--sp-5);padding:0 0 var(--sp-6);}
.cp-year:last-child{padding-bottom:0;}
.cp-year h4{font-family:var(--font-latin);font-size:var(--fs-xl);margin:0;color:var(--fg1);}
.cp-year ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3);}
.cp-year li{display:grid;grid-template-columns:4rem 1fr;gap:var(--sp-3);font-size:var(--fs-base);line-height:1.7;color:var(--fg2);}
.cp-year li b{font-family:var(--font-latin);color:var(--fg4);font-weight:var(--fw-medium);}

@media (max-width:1024px){
  .cp-cards{grid-template-columns:repeat(2,1fr);}
  .cp-decade{grid-template-columns:1fr;gap:var(--sp-5);}
}
@media (max-width:640px){
  .cp-greet-top{font-size:var(--fs-xl) !important;}
  .cp-cards{grid-template-columns:1fr;}
  .cp-promise{padding:var(--sp-8) calc(50vw - 50% + var(--sp-5));}
  #greeting .cp-promise{padding-bottom:calc(var(--sp-8) + var(--sp-10));}
  .cp-year{grid-template-columns:1fr;gap:var(--sp-3);}
}