@charset "utf-8";

/* 총괄변호사 소개 전용: 기존 인사말과 공통 헤더·푸터에는 적용하지 않음 */
.supervising-lawyers-page { --supervising-text:#666666; --supervising-muted:#888; --supervising-strong:#666; --supervising-green:#009864; --supervising-paragraph-gap:32px; --supervising-box-gap:40px; --supervising-cta-gap:48px; --supervising-section-gap:60px; --supervising-section-padding:40px; display:flex; flex-direction:column; gap:var(--supervising-section-gap); color:var(--supervising-text); font-family:'Pretendard',sans-serif; line-height:1.6; letter-spacing:-.02em; }
.supervising-lawyers-page .supervising-lawyers-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.supervising-lawyers-page .supervising-lawyers-section { position:relative; width:100%; }
.supervising-lawyers-page .supervising-lawyers-copy { display:flex; flex-direction:column; gap:var(--supervising-paragraph-gap); min-width:0; }
.supervising-lawyers-page .supervising-lawyers-history,
.supervising-lawyers-page .supervising-lawyers-profile-body { display:flex; flex-direction:column; gap:var(--supervising-paragraph-gap); }
.supervising-lawyers-page .supervising-lawyers-copy h2:not(.supervising-lawyers-hidden) { margin:0; font-size:34px; font-weight:300; line-height:1.6; color:var(--supervising-text); letter-spacing:-.02em; }
.supervising-lawyers-page .supervising-lawyers-copy h2 strong { color:#333; font-weight:700; }
.supervising-lawyers-page .supervising-lawyers-copy p { margin:0; font-size:18px; font-weight:400; line-height:1.6; color:var(--supervising-text); word-break:keep-all; overflow-wrap:break-word; }
.supervising-lawyers-page .supervising-lawyers-copy p:first-child { margin-top:0; }
.supervising-lawyers-page .supervising-lawyers-copy p > strong { display:inline; font-size:inherit; line-height:inherit; font-weight:700; color:var(--supervising-strong); }
.supervising-lawyers-page .supervising-lawyers-copy p span { display:inline; font:inherit; color:inherit; }
.supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-opening { margin:0; font-size:34px; font-weight:300; line-height:1.6; }
.supervising-lawyers-page .supervising-lawyers-underline { text-decoration:underline; text-underline-offset:3px; text-decoration-skip-ink:auto; }

.supervising-lawyers-page .supervising-lawyers-media { position:absolute; top:var(--supervising-section-padding); left:calc(50% + 80px); width:calc(50vw - 80px); max-width:880px; margin:0; }
.supervising-lawyers-page .supervising-lawyers-media-intro { top:0; }
.supervising-lawyers-page .supervising-lawyers-media picture { position:relative; display:block; width:100%; height:752px; overflow:hidden; }
.supervising-lawyers-page .supervising-lawyers-media img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }
.supervising-lawyers-page .supervising-lawyers-media figcaption,
.supervising-lawyers-page .supervising-lawyers-team figcaption { margin-top:18px; color:var(--supervising-muted); font-size:14px; font-weight:400; line-height:1.6; letter-spacing:-.01em; word-break:keep-all; }
.supervising-lawyers-page .supervising-lawyers-team { margin:0; }
.supervising-lawyers-page .supervising-lawyers-team picture { position:relative; display:block; aspect-ratio:1201/470; overflow:hidden; }
.supervising-lawyers-page .supervising-lawyers-team img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.supervising-lawyers-page .supervising-lawyers-team figcaption { margin-top:12px; }
.supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-tagline { margin:0; font-size:26px; line-height:1.4; }
.supervising-lawyers-page .supervising-lawyers-quote { margin:0; padding:0; border:0; background:none; }
.supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-quote p { margin:0; font-size:34px; font-weight:300; line-height:1.6; }
.supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-quote strong { color:#333; }
.supervising-lawyers-page .supervising-lawyers-jump { display:flex; flex-wrap:wrap; gap:24px 40px; }
.supervising-lawyers-page .supervising-lawyers-jump a { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:64px; padding:14px 28px; border:1px solid #008155; border-radius:4px; color:#008155; background:#fff; font-size:18px; font-weight:500; line-height:1.6; text-decoration:none; }
.supervising-lawyers-page .supervising-lawyers-jump svg { flex-shrink:0; }

.supervising-lawyers-page .supervising-lawyers-profile,
.supervising-lawyers-page .supervising-lawyers-closing { margin:0; padding-top:var(--supervising-section-padding); border-top:1px solid #d9d9d9; scroll-margin-top:160px; }
.supervising-lawyers-page .supervising-lawyers-profile { min-height:calc(792px + var(--supervising-section-padding)); }
.supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-review { display:flex; flex-direction:column; gap:16px; margin:calc(var(--supervising-box-gap) - var(--supervising-paragraph-gap)) 0 0; padding:35px; background:#f7f7f7; }
.supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-review p { margin:0; font-size:17px; line-height:1.6; }
.supervising-lawyers-page .supervising-lawyers-review p:last-child { margin:0; }
.supervising-lawyers-page .supervising-lawyers-review ul { margin:0; padding:0; }
.supervising-lawyers-page .supervising-lawyers-review li { font-size:17px; font-weight:400; line-height:1.6; color:var(--supervising-text); word-break:keep-all; overflow-wrap:break-word; }
.supervising-lawyers-page .supervising-lawyers-review li strong { color:var(--supervising-green); font-weight:700; }
.supervising-lawyers-page .supervising-lawyers-profile-link { display:inline-flex; flex-direction:column; align-items:flex-start; justify-content:center; width:229px; max-width:100%; min-height:44px; color:var(--supervising-muted); font-size:17px; font-weight:400; line-height:1.6; text-decoration:none; }
.supervising-lawyers-page .supervising-lawyers-profile-link svg { flex-shrink:0; width:229px; max-width:100%; height:10px; }
.supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-cta-wrap { margin:calc(var(--supervising-cta-gap) - var(--supervising-paragraph-gap)) 0 0; padding:35px; background:#f7f7f7; }
.supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-cta { width:100%; height:auto; min-height:80px; padding:18px 24px; line-height:1.6; font-size:21px; word-break:keep-all; }
.supervising-lawyers-page .supervising-lawyers-cta img { flex-shrink:0; }
.supervising-lawyers-page .supervising-lawyers-jump a:focus-visible,
.supervising-lawyers-page .supervising-lawyers-profile-link:focus-visible,
.supervising-lawyers-page .supervising-lawyers-cta:focus-visible { outline:2px solid #008155; outline-offset:5px; }

@media (hover:hover) and (pointer:fine) {
  .supervising-lawyers-page .supervising-lawyers-jump a,
  .supervising-lawyers-page .supervising-lawyers-profile-link,
  .supervising-lawyers-page .supervising-lawyers-cta { transition:background-color .2s ease,color .2s ease,transform .2s ease; }
  .supervising-lawyers-page .supervising-lawyers-jump a:hover { background:#008155; color:#fff; transform:translateY(-2px); }
  .supervising-lawyers-page .supervising-lawyers-profile-link:hover { color:#008155; transform:translateY(-2px); }
  .supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-cta:hover { background:#008155; border-color:#008155; transform:translateY(-2px); }
}

@media (max-width:950px) {
  .supervising-lawyers-page { --supervising-section-gap:48px; --supervising-section-padding:32px; }
  .supervising-lawyers-page .supervising-lawyers-section { display:flex; flex-direction:column; gap:40px; min-height:0; }
  .supervising-lawyers-page .supervising-lawyers-copy { order:1; width:100%; padding:0; }
  .supervising-lawyers-page .supervising-lawyers-media { position:static; order:0; width:100%; max-width:none; margin:0; }
  .supervising-lawyers-page .supervising-lawyers-media picture { height:auto; aspect-ratio:356/220; }
  .supervising-lawyers-page .supervising-lawyers-media-intro picture { aspect-ratio:880/752; }
  .supervising-lawyers-page .supervising-lawyers-media img { object-position:center 20%; }
  .supervising-lawyers-page .supervising-lawyers-team picture { aspect-ratio:356/220; }
  .supervising-lawyers-page .supervising-lawyers-pc-br { display:none; }
  .supervising-lawyers-page .supervising-lawyers-profile,
  .supervising-lawyers-page .supervising-lawyers-closing { scroll-margin-top:100px; }
}

@media (max-width:767px) {
  .supervising-lawyers-page { --supervising-paragraph-gap:24px; --supervising-box-gap:32px; --supervising-cta-gap:40px; }
  .supervising-lawyers-page .supervising-lawyers-copy h2:not(.supervising-lawyers-hidden),
  .supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-opening,
  .supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-quote p { font-size:27px; }
  .supervising-lawyers-page .supervising-lawyers-copy p { margin:0; font-size:15px; }
  .supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-opening { margin:0; }
  .supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-tagline { margin:0; font-size:22px; line-height:1.4; }
  .supervising-lawyers-page .supervising-lawyers-media figcaption,
  .supervising-lawyers-page .supervising-lawyers-team figcaption { margin-top:12px; font-size:12px; }
  .supervising-lawyers-page .supervising-lawyers-jump { flex-direction:column; align-items:flex-start; gap:20px; }
  .supervising-lawyers-page .supervising-lawyers-jump a { min-height:44px; padding:9px 24px; font-size:15px; }
  .supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-review { padding:25px; }
  .supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-review p,
  .supervising-lawyers-page .supervising-lawyers-review li { font-size:15px; }
  .supervising-lawyers-page .supervising-lawyers-profile-link { flex-direction:row; align-items:center; justify-content:space-between; gap:16px; width:100%; font-size:18px; }
  .supervising-lawyers-page .supervising-lawyers-profile-link svg { width:32px; }
  .supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-cta-wrap { padding:25px; }
  .supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-cta { min-height:50px; padding:12px 10px; font-size:14px; }
}

@media (prefers-reduced-motion:reduce) {
  .supervising-lawyers-page .supervising-lawyers-jump a,
  .supervising-lawyers-page .supervising-lawyers-profile-link,
  .supervising-lawyers-page .supervising-lawyers-cta { transition:none; }
  .supervising-lawyers-page .supervising-lawyers-jump a:hover,
  .supervising-lawyers-page .supervising-lawyers-profile-link:hover,
  .supervising-lawyers-page .supervising-lawyers-copy .supervising-lawyers-cta:hover { transform:none; }
}