@charset "utf-8";
/* 변호사 인사말 (172:513) */
.cg > .inner{gap:clamp(64px,7.29vw,140px)}

/* ---------- greeting (179:269) ---------- */
.cg-greet{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,694px);gap:40px;align-items:end;padding-top:clamp(40px,5.21vw,100px)}
.cg-greet__ghost{position:absolute;left:clamp(-35px,-1.82vw,-10px);top:0;font-family:var(--ff-inter);font-weight:700;font-size:clamp(56px,6.15vw,118px);line-height:1.05;letter-spacing:-.042em;color:#f5f5f5;white-space:nowrap;pointer-events:none;user-select:none}
.cg-greet__text{position:relative;z-index:1;padding-top:clamp(28px,2.6vw,50px)}
.cg-greet__lead{margin-top:clamp(20px,1.93vw,37px);font-size:clamp(17px,1.25vw,24px);font-weight:300;line-height:1.6;color:#000}
.cg-greet__title{margin-top:28px;font-size:clamp(28px,2.29vw,44px);font-weight:400;line-height:1.3;letter-spacing:-.034em;color:#000}
.cg-greet__certs{display:flex;gap:12px;margin-top:clamp(36px,3.13vw,60px)}
.cg-greet__certs li{flex:0 1 262px;min-width:0;border:1px solid #ddd;background:#fff;overflow:hidden}
.cg-greet__certs img{width:100%;height:auto;aspect-ratio:262/360;object-fit:cover}
.cg-greet__photos{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.cg-greet__photo{position:relative;aspect-ratio:218/520;border:1px solid rgba(255,255,255,.45);border-radius:14px;overflow:hidden;background:#eee}
.cg-greet__photo img{width:100%;height:100%;object-fit:cover}
.cg-greet__photo--1{margin-top:clamp(60px,7.19vw,138px)}
.cg-greet__photo--3{margin-top:clamp(28px,3.28vw,63px)}
.cg-greet__photo--2 img{object-position:30% 50%}

/* ---------- message (179:273) ---------- */
.cg-msg{display:grid;grid-template-columns:minmax(0,632fr) minmax(0,692fr);gap:clamp(40px,6.04vw,116px);color:#000}
.cg-msg__lead{display:flex;flex-direction:column;gap:1.6em;font-size:clamp(20px,1.56vw,30px);line-height:1.6}
.cg-msg__lead b{font-weight:700}
.cg-msg__body{display:flex;flex-direction:column;gap:50px}
.cg-msg__text{display:flex;flex-direction:column;gap:1.6em;font-size:clamp(16px,1.04vw,20px);line-height:1.6}
.cg-msg__sign{display:flex;align-items:flex-end;gap:30px;font-size:clamp(16px,1.04vw,20px);line-height:1}
.cg-msg__sign img{width:124px;height:auto}

/* ---------- principles (172:540) ---------- */
.cg-prin{position:relative;overflow:hidden;background:#f9f9f9;padding-block:clamp(60px,8.85vw,170px) clamp(72px,7.76vw,149px)}
.cg-prin .inner{position:relative}
.cg-prin__ghost{position:absolute;left:clamp(-35px,-1.82vw,-10px);top:calc(clamp(60px,8.85vw,170px) * -1 + clamp(40px,5.63vw,108px));font-family:var(--ff-inter);font-weight:700;font-size:clamp(56px,6.15vw,118px);line-height:1.05;letter-spacing:-.042em;color:#fff;white-space:nowrap;pointer-events:none;user-select:none}
.cg-prin__head{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px}
.cg-prin__title{margin-top:clamp(18px,1.77vw,34px);font-size:clamp(28px,2.29vw,44px);font-weight:400;line-height:1.3;letter-spacing:-.034em;color:#27272c}
.cg-prin__btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 38px;border-radius:60px;background:var(--kjs-accent-orange);color:#fff;font-size:16px;font-weight:700;line-height:1;white-space:nowrap;transition:background-color .3s,box-shadow .3s,translate .3s var(--ease-out)}
.cg-prin__btn:hover{background:var(--kjs-brand-deep-teal);box-shadow:0 10px 24px rgba(0,49,71,.28);translate:0 -2px}
.cg-prin__list{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(48px,6.3vw,121px)}
.cg-prin__card{display:flex;flex-direction:column;gap:24px;padding:40px 28px;border-radius:18px;background:#fff;transition:translate .35s var(--ease-out),box-shadow .35s}
.cg-prin__card:hover{box-shadow:0 16px 32px rgba(0,0,0,.08)}
.cg-prin__no{font-family:var(--ff-inter);font-weight:700;font-size:13px;line-height:1.45;color:var(--kjs-accent-orange)}
.cg-prin__name{font-size:clamp(21px,1.3vw,25px);font-weight:700;line-height:1.45;color:#27272c}
.cg-prin__copy{font-size:16px;line-height:1.7;color:#616166}
.cg-prin__card--orange{background:var(--kjs-accent-orange)}
.cg-prin__card--teal{background:var(--kjs-brand-deep-teal)}
.cg-prin__card--orange :is(.cg-prin__no,.cg-prin__name,.cg-prin__copy),
.cg-prin__card--teal :is(.cg-prin__no,.cg-prin__name,.cg-prin__copy){color:#fff}

@media (max-width:1279.98px){
  .cg-greet{grid-template-columns:minmax(0,1fr) minmax(0,520px)}
}
@media (max-width:1023.98px){
  .cg-greet{grid-template-columns:1fr;gap:48px}
  .cg-greet__photos{max-width:694px}
  .cg-msg{grid-template-columns:1fr}
  .cg-prin__list{grid-template-columns:1fr}
  .cg-prin__card{gap:14px;padding:32px 24px}
}
@media (max-width:767.98px){
  .cg-greet__photos{gap:10px}
  .cg-greet__photo{border-radius:10px}
  .cg-msg__sign{gap:20px}
  .cg-msg__sign img{width:100px}
}