@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
:root{--navy:#04324f;--navy2:#123b56;--orange:#ed6c20;--ink:#30343a;--muted:#62666c;--line:#e4e6eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;font-weight:300;letter-spacing:-.02em;color:var(--ink);word-break:keep-all}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1320px,calc(100% - 100px));margin:auto}.header{height:84px;background:#fff;position:relative;z-index:3}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:19px;line-height:1.2}.brand-symbol{display:grid;place-items:center;background:var(--orange);color:white;font-size:23px;font-weight:600;width:40px;height:40px;border-radius:10px}.brand small{display:block;font-size:10px;font-weight:300;letter-spacing:.12em;color:#7a7d84;margin-top:4px}.header nav{display:flex;gap:40px;font-size:14px;font-weight:600}.header nav a:hover{color:var(--orange)}.header-cta{background:var(--navy);color:#fff;padding:13px 20px;border-radius:3px;font-size:13px;font-weight:600}.header-cta span{color:#ff8d45;margin-left:12px}.hero{min-height:690px;height:calc(100vh - 84px);max-height:870px;background:#25282f;position:relative;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 35%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,24,.95) 0%,rgba(8,13,24,.86) 35%,rgba(8,13,24,.48) 64%,rgba(8,13,24,.1) 100%)}.hero-inner{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;padding:70px 0 100px}.hero-kicker{font-size:13px;font-weight:600;letter-spacing:.14em;color:#dce1e9}.hero-kicker span{color:var(--orange);padding:0 8px}.hero h1{font-size:clamp(38px,4.1vw,69px);line-height:1.42;letter-spacing:-.065em;font-weight:600;margin:23px 0 26px;max-width:1050px}.hero h1 strong{font-weight:600}.hero-desc{font-size:clamp(15px,1.2vw,19px);line-height:1.95;color:#e3e5e8;margin:0}.hero-buttons{display:flex;gap:12px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 24px;font-weight:600;font-size:15px;min-width:220px}.btn-orange{background:var(--orange);color:#fff}.btn-outline{border:1px solid rgba(255,255,255,.65);color:#fff}.btn-dark{background:var(--navy);color:#fff}.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.35);display:flex;justify-content:space-between;align-items:center;padding:23px 0;font-size:13px;color:#ddd}.hero-bottom b{color:var(--orange);margin-left:8px}.section{padding:110px 0}.kicker{font-size:13px;color:var(--orange);font-weight:600;letter-spacing:.12em;margin:0 0 20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}.section-head h2,.center-head h2,.process h2,.contact h2{font-size:clamp(32px,3.1vw,48px);line-height:1.4;letter-spacing:-.055em;margin:0;font-weight:600}.section-head>p{font-size:16px;line-height:1.9;color:var(--muted);margin:0 0 5px}.practice{background:#f5f6f8}.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.practice-grid article{min-height:285px;background:white;padding:30px;position:relative;border-top:3px solid var(--navy);transition:transform .2s}.practice-grid article:nth-child(2){border-color:var(--orange)}.practice-grid article:hover{transform:translateY(-4px)}.num{color:var(--orange);font-weight:600;font-size:14px}.practice-grid h3{font-size:23px;line-height:1.5;margin:32px 0 15px;letter-spacing:-.05em}.practice-grid p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.mini-arrow{position:absolute;bottom:25px;right:27px;font-size:20px}.cases{background:var(--navy);color:#fff}.center-head{text-align:center;margin-bottom:55px}.center-head h2{margin-bottom:20px}.center-head>p:last-child{color:#b7bdca}.case-feature{display:grid;grid-template-columns:56% 44%;background:white;color:var(--ink);min-height:380px;border-radius:18px;overflow:hidden;margin-bottom:36px}.feature-photo{min-height:380px}.feature-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.feature-copy{padding:50px;display:flex;flex-direction:column;justify-content:center}.feature-copy h3{font-size:clamp(25px,2.2vw,36px);line-height:1.5;letter-spacing:-.05em;margin:0 0 20px}.feature-copy>p:not(.kicker){color:var(--muted);font-size:14px;line-height:1.8}.feature-copy a{color:var(--orange);font-weight:600;margin-top:22px}.case-list{border-top:1px solid #3d4559}.case-row{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;gap:25px;border-bottom:1px solid #3d4559;padding:27px 12px}.case-row:hover{background:#19233b}.case-number{color:#ff8849;font-weight:600;font-size:18px}.case-row small{color:#aeb5c5}.case-row h3{font-size:22px;letter-spacing:-.04em;margin:6px 0}.case-arrow{color:var(--orange);font-size:24px;text-align:right}.case-note{color:#a7aebd;font-size:12px;line-height:1.8;margin-top:20px}.people{background:#fff}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.person-image{height:430px;background:#e9eaec;overflow:hidden}.person-image img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.person-meta{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0}.person-meta h3{font-size:24px;margin:0}.person-meta span{color:var(--muted);font-size:13px}.process{background:#f3f4f7}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.process-steps>div{display:grid;grid-template-columns:48px 1fr;column-gap:16px;border-bottom:1px solid #d4d7de;padding:23px 0}.process-steps span{color:var(--orange);font-weight:600;grid-row:span 2}.process-steps h3{margin:0 0 8px;font-size:23px}.process-steps p{margin:0;color:var(--muted);line-height:1.8}.contact{background:var(--orange);color:white;padding:80px 0}.contact .kicker{color:#fff4ed}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact p:not(.kicker){line-height:1.8;color:#fff4ed}.contact .btn{white-space:nowrap}footer{background:#0b1020;color:#c1c5ce}.footer-inner{padding:32px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px}footer strong{font-size:17px;color:#fff}
@media(max-width:950px){.wrap{width:min(100% - 44px,760px)}.header nav{gap:18px}.header-cta{display:none}.hero{height:auto;min-height:700px}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(8,13,24,.95),rgba(8,13,24,.6))}.practice-grid{grid-template-columns:repeat(2,1fr)}.case-feature{grid-template-columns:1fr}.feature-photo{height:320px;min-height:0}.feature-copy{padding:35px}.section{padding:80px 0}}@media(max-width:620px){.header{height:70px}.header nav{gap:14px;font-size:11px}.header nav a:nth-child(3){display:none}.brand{font-size:15px}.brand-symbol{width:34px;height:34px}.brand small{font-size:8px}.hero{min-height:700px}.hero-image{object-position:66% center}.hero-shade{background:linear-gradient(90deg,rgba(8,13,24,.92),rgba(8,13,24,.69))}.hero-inner{padding:80px 0 120px}.hero h1{font-size:36px;line-height:1.48}.hero-desc br{display:none}.hero-desc{font-size:15px}.hero-buttons{flex-direction:column;align-items:stretch}.btn{width:100%}.hero-bottom{font-size:11px}.section-head{display:block}.section-head>p{margin-top:20px}.practice-grid{grid-template-columns:1fr}.practice-grid article{min-height:210px}.practice-grid h3{margin:15px 0}.center-head h2 br{display:none}.case-row{grid-template-columns:36px 1fr 22px;gap:8px}.case-row h3{font-size:17px}.case-row small{font-size:11px}.people-grid{grid-template-columns:1fr}.person-image{height:340px}.process-grid{grid-template-columns:1fr;gap:25px}.contact-inner{display:block}.contact .btn{margin-top:20px}.footer-inner{display:block}.footer-inner span{display:block;margin-top:12px}}

/* Majung editorial typography: Pretendard Light (300) / SemiBold (600) */
body, p, small, .hero-desc, .section-head>p, .practice-grid p, .feature-copy>p:not(.kicker), .contact p:not(.kicker), .process-steps p, .case-note {font-weight:300;letter-spacing:-.02em;}
h1,h2,h3,h4,h5,h6,strong,b,.brand,.header nav,.header-cta,.btn,.kicker,.num,.case-number,.case-arrow,.feature-copy a,.process-steps span,.person-meta h3,footer strong{font-weight:600;letter-spacing:-.02em;}
.hero h1{line-height:1.32;letter-spacing:-.035em}.hero h1 strong{font-weight:600}.section-head h2,.center-head h2,.process h2,.contact h2{line-height:1.4;letter-spacing:-.03em}.practice-grid h3,.feature-copy h3,.case-row h3{letter-spacing:-.02em}.hero-kicker,.kicker{letter-spacing:.06em}.brand small{letter-spacing:.04em}.hero-desc{line-height:1.75}.practice-grid p,.process-steps p{line-height:1.7}
@media(max-width:620px){.hero h1{line-height:1.36;letter-spacing:-.025em}}

/* v7: 보훈 담당 변호사 및 경력 증빙 */
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.team-card{background:#f7f8fa;border:1px solid #e4e6eb;min-width:0}
.team-portrait{height:350px;background:#e9eaed;overflow:hidden}
.team-portrait img{height:100%;width:100%;object-fit:cover;object-position:center 20%}
.team-info{padding:25px 25px 30px}
.team-role{color:#6a737b;font-size:15px;margin:0 0 8px;font-weight:300}
.team-info h3{font-size:28px;color:#04324f;margin:0 0 18px;font-weight:600}
.team-info ul{list-style:none;margin:0;padding:0;border-top:1px solid #dce1e5}
.team-info li{padding:11px 0;border-bottom:1px solid #e0e4e9;font-size:15px;font-weight:300;line-height:1.65;color:#444}
.credentials{background:#f3f5f7}
.credentials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.credentials-grid figure{margin:0;background:#fff;padding:20px;border:1px solid #e0e4e8}
.credentials-grid img{width:100%;height:380px;object-fit:contain}
.credentials-grid figcaption{text-align:center;font-size:15px;font-weight:600;color:#04324f;margin-top:16px}
@media(max-width:950px){.team-grid{grid-template-columns:1fr 1fr}.credentials-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.team-grid,.credentials-grid{grid-template-columns:1fr}.team-portrait{height:370px}.credentials-grid img{height:320px}.header nav a[href="#credentials"]{display:none}}

/* v8: 사건 증빙 이미지 상단 기준 정사각형 미리보기 */
.case-feature{grid-template-columns:minmax(0,440px) minmax(0,1fr);min-height:440px}
.feature-photo{height:440px;min-height:0;overflow:hidden;background:#f0f1f3}
.feature-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.case-row{grid-template-columns:48px 116px minmax(0,1fr) 40px;gap:20px}
.case-thumb{display:block;width:116px;aspect-ratio:1/1;overflow:hidden;background:#f4f5f6}
.case-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top}
@media(max-width:950px){.case-feature{grid-template-columns:1fr}.feature-photo{width:min(100%,440px);height:auto;aspect-ratio:1/1;margin:auto}.case-row{grid-template-columns:40px 90px minmax(0,1fr) 30px;gap:12px}.case-thumb{width:90px}}
@media(max-width:620px){.case-row{grid-template-columns:24px 74px minmax(0,1fr) 18px;gap:9px}.case-thumb{width:74px}.case-number{font-size:13px}.case-row h3{font-size:15px;line-height:1.45}}

/* v9 approved copy, single-layer hero and uncropped background */
.hero{height:auto;max-height:none;min-height:0;aspect-ratio:1920/907;background:#0b101a;overflow:visible}
.hero-image{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:contain;object-position:top center}
.hero-inner{height:100%;min-height:0;padding-top:5%;padding-bottom:8%}
.hero-shade{display:none!important}
.team-hook{font-size:20px;line-height:1.48;font-weight:600!important;letter-spacing:-.02em;color:#04324f;margin:0 0 22px;padding-bottom:20px;border-bottom:2px solid #04324f;min-height:92px}
@media(max-width:950px){.hero{aspect-ratio:auto;min-height:0}.hero-image{position:absolute;width:100%;height:auto;object-fit:contain}.hero-inner{padding:14% 0 110px;min-height:580px}.team-hook{min-height:0}}
@media(max-width:620px){.hero{background:#0b101a}.hero-image{width:100%;height:auto;object-fit:contain}.hero-inner{padding:95px 0 100px;min-height:630px}.hero h1{font-size:clamp(29px,8vw,38px)}.hero-bottom{padding:15px 0}.team-hook{font-size:19px}}

/* v12: 네이비 성공사례 카드 - 사용자 제공 참고 디자인 기반 */
.cases-v12{background:#0b1529;color:#fff;padding:95px 0 100px}
.case-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:43px}
.case-section-heading .kicker{color:#e7ad35;margin-bottom:17px;font-size:15px}
.case-section-heading h2{font-size:clamp(30px,2.6vw,40px);font-weight:600;margin:0 0 13px;line-height:1.3}
.case-subtitle{font-size:18px;color:#a1b1cd;font-weight:300;margin:0}
.case-all{font-size:16px;color:#e7ad35;font-weight:600;border-bottom:1px solid #e7ad35;padding-bottom:4px;white-space:nowrap}
.case-cards-v12{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.case-card-v12{background:#132342;border:1px solid #263c62;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:background .2s,transform .2s}
.case-card-v12:hover{background:#1a3056;transform:translateY(-3px)}
.case-card-image-v12{width:100%;aspect-ratio:1.8/1;overflow:hidden;background:#e4e8ef}
.case-card-image-v12 img{width:100%;height:100%;object-fit:cover;object-position:center top}
.case-card-text-v12{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.case-pill-v12{border:1px solid #34537e;border-radius:50px;padding:5px 13px;align-self:flex-start;background:#203658;color:#b5c5df;font-size:12px;font-weight:300;margin-bottom:20px}
.case-card-v12 h3{font-size:18px;line-height:1.55;font-weight:600;letter-spacing:-.025em;margin:0 0 16px;min-height:84px}
.case-excerpt-v12{font-size:14px;color:#8ea5ca;font-weight:300;line-height:1.8;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.case-outcome-v12{border-top:1px solid #2b4268;padding-top:19px;margin-top:auto;display:flex;align-items:flex-start;gap:11px;color:#e7ad35;font-size:15px;line-height:1.5}
.case-outcome-v12 strong{font-weight:600}
.case-dot-v12{width:9px;height:9px;flex:0 0 9px;background:#e7ad35;border-radius:50%;margin-top:7px}
.case-disclaimer-v12{font-size:12px;color:#8799b4;margin:24px 0 0;line-height:1.7}
@media(max-width:1100px){.case-cards-v12{grid-template-columns:repeat(2,minmax(0,1fr))}.case-card-v12 h3{min-height:0}}
@media(max-width:620px){.cases-v12{padding:65px 0}.case-section-heading{align-items:flex-start;flex-direction:column;margin-bottom:26px}.case-subtitle{font-size:15px}.case-all{font-size:14px}.case-cards-v12{grid-template-columns:1fr}.case-card-v12 h3{font-size:20px}.case-card-image-v12{aspect-ratio:2/1}}

/* v13: 메인 메뉴 가독성 개선 */
@media(min-width:951px){.header nav{font-size:17px;gap:30px}.header-cta{font-size:15px}}
@media(min-width:621px) and (max-width:950px){.header nav{font-size:15px;gap:15px}}
@media(max-width:620px){.header nav{font-size:13px;gap:10px}}

/* v15: make each practice card a full clickable link */
.practice-grid article{padding:0!important}.practice-grid article .practice-card-link{display:block;width:100%;height:100%;padding:inherit;color:inherit;text-decoration:none}.practice-grid article .practice-card-link{padding:30px 26px}.practice-grid article:hover{border-color:#dfad47}.practice-grid article a:focus-visible{outline:3px solid #e5a12c;outline-offset:3px}