@charset "UTF-8";
/* 민사소송 절차 안내 · S136 병행(civil_trial) · 범위 = .hw-cvt · 형사재판 안내(.hw-ctg)와 같은 판식 · 오렌지 = CTA 전용 · radius 0 · 그림자 0 */
#sub-container{padding:0!important;max-width:100%!important;margin-top:0!important}
.global-cta-section{display:none!important}
.hw-quick-form-section{margin-top:0!important;border-radius:0;max-width:none;padding-left:max(24px,calc((100% - 704px)/2));padding-right:max(24px,calc((100% - 704px)/2))}
.hw-cvt{--c-navy:var(--hw-navy,#1B2A4A);--c-deep:var(--hw-navy-deep,#0F1B30);--c-gold:var(--hw-gold,#C9A96E);--c-gold-line:rgba(201,169,110,.35);--c-orange:var(--hw-orange,#EA5514);--c-cream:var(--hw-cream,#F5F0EB);--c-base:var(--hw-bg,#FAFAF7);--c-line:var(--hw-border,#E8E2DA);--c-rule:rgba(27,42,74,.15);--c-text:var(--hw-text,#2C2C2C);--c-body:#3A4150;--c-sub:#5f5b55;--c-ink:#7A5F2E;--c-on-dark:#F5F0EB;--f-disp:"Noto Serif KR","Nanum Myeongjo",serif;--f-eye:"Cormorant Garamond","Noto Serif KR",serif;--f-body:Pretendard,"Pretendard Variable",-apple-system,"Apple SD Gothic Neo",sans-serif;--w:1200px;color:var(--c-text);font-family:var(--f-body);font-size:16px;line-height:1.75;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;background:var(--c-base)}
.hw-cvt *,.hw-cvt *::before,.hw-cvt *::after{box-sizing:border-box}
.hw-cvt h1,.hw-cvt h2,.hw-cvt h3,.hw-cvt p,.hw-cvt ol,.hw-cvt ul,.hw-cvt dl,.hw-cvt dd,.hw-cvt figure{margin:0;padding:0}
.hw-cvt ol,.hw-cvt ul{list-style:none}
.hw-cvt a{color:inherit;text-decoration:none}
.hw-cvt :focus-visible{outline:2px solid var(--c-gold);outline-offset:3px}
.hw-cvt section[id]{scroll-margin-top:90px}
.hw-cvt .cvt-wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
.hw-cvt .cvt-kicker{font-family:var(--f-eye);font-style:italic;font-weight:600;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink);margin:0 0 14px}
.hw-cvt .cvt-kicker::before{content:"";display:inline-block;width:32px;height:1px;background:var(--c-gold);margin-right:12px;vertical-align:middle}
.hw-cvt .cvt-kicker--dark{color:var(--c-gold)}
.hw-cvt .cvt-sec-head h2{font-family:var(--f-disp);font-size:36px;font-weight:600;line-height:1.32;letter-spacing:-.02em;color:var(--c-navy)}
.hw-cvt .cvt-sec-sub{margin-top:14px;color:var(--c-sub);font-size:16px;max-width:760px}
.hw-cvt .cvt-small{font-size:13px;color:var(--c-sub);line-height:1.7}
.hw-cvt .cvt-link{font-size:14px;font-weight:600;color:var(--c-navy);border-bottom:1px solid var(--c-gold-line);padding:6px 0 3px}
.hw-cvt .cvt-link:hover{border-color:var(--c-navy)}
.hw-cvt .cvt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;font-size:15px;font-weight:700;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}
.hw-cvt .cvt-btn--cta{background:var(--c-orange);color:#fff}
.hw-cvt .cvt-btn--cta:hover{background:#cf4a10}
.hw-cvt .cvt-btn--ghost{border-color:rgba(245,240,235,.35);color:var(--c-on-dark)}
.hw-cvt .cvt-btn--ghost:hover{border-color:var(--c-gold);color:var(--c-gold)}
.hw-cvt .cvt-btn--lg{min-height:56px;font-size:16px;padding:14px 28px}

/* 히어로 · 서류 분기 4칸 */
.hw-cvt .cvt-hero{background-color:var(--c-navy);background-image:linear-gradient(rgba(245,240,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(245,240,235,.035) 1px,transparent 1px);background-size:64px 64px;color:var(--c-on-dark);padding:150px 0 80px}
.hw-cvt .cvt-hero h1{font-family:var(--f-disp);font-weight:600;font-size:48px;line-height:1.3;letter-spacing:-.035em;color:var(--c-on-dark);margin:22px 0 22px}
.hw-cvt .cvt-hero h1 em{font-style:normal;color:var(--c-gold)}
.hw-cvt .cvt-lead{font-size:17px;line-height:1.85;color:rgba(245,240,235,.82);max-width:640px}
.hw-cvt .cvt-branch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:44px;border-top:1px solid var(--c-gold-line);border-bottom:1px solid var(--c-gold-line)}
.hw-cvt .cvt-branch li+li{border-left:1px solid var(--c-gold-line)}
.hw-cvt .cvt-branch a{display:flex;flex-direction:column;gap:10px;height:100%;min-height:150px;padding:22px 22px 24px;border-top:2px solid transparent;margin-top:-1px;transition:border-color .2s,background .2s}
.hw-cvt .cvt-branch a:hover,.hw-cvt .cvt-branch a:focus-visible{border-top-color:var(--c-gold);background:rgba(245,240,235,.04)}
.hw-cvt .cvt-branch-n{font-family:var(--f-eye);font-size:15px;font-weight:600;color:var(--c-gold)}
.hw-cvt .cvt-branch b{font-family:var(--f-disp);font-size:18px;font-weight:600;line-height:1.45;color:var(--c-on-dark);letter-spacing:-.02em}
.hw-cvt .cvt-branch-t{margin-top:auto;font-size:14px;line-height:1.6;color:rgba(245,240,235,.78)}
.hw-cvt .cvt-branch-t i{display:block;font-style:normal;font-size:13px;font-weight:700;color:var(--c-gold);margin-bottom:2px}
.hw-cvt .cvt-branch-note{margin-top:18px;font-size:14px;line-height:1.75;color:rgba(245,240,235,.72);max-width:860px}
.hw-cvt .cvt-branch-note strong{color:var(--c-on-dark);font-weight:700}
.hw-cvt .cvt-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:32px}
.hw-cvt .cvt-hero-more{font-size:14px;color:var(--c-on-dark);border-bottom:1px solid var(--c-gold-line);padding-bottom:3px}
.hw-cvt .cvt-hero-more:hover{border-color:var(--c-gold)}
.hw-cvt .cvt-review{margin-top:22px;font-size:13px;color:rgba(245,240,235,.58)}

/* 섹션 공통 */
.hw-cvt .cvt-define,.hw-cvt .cvt-doc,.hw-cvt .cvt-note,.hw-cvt .cvt-faq,.hw-cvt .cvt-team{padding:72px 0}
.hw-cvt .cvt-define{background:var(--c-base)}
.hw-cvt .cvt-doc{background:var(--c-cream)}
.hw-cvt .cvt-doc--white,.hw-cvt .cvt-note,.hw-cvt .cvt-team{background:#fff;border-top:1px solid var(--c-line)}
.hw-cvt .cvt-define-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.hw-cvt .cvt-define-text{margin-top:22px;font-size:16px;line-height:1.9;color:var(--c-body)}

/* 목차 행 */
.hw-cvt .cvt-steplist,.hw-cvt .cvt-rows,.hw-cvt .cvt-team-list,.hw-cvt .cvt-faq-list{border-top:1px solid var(--c-navy)}
.hw-cvt .cvt-steplist li,.hw-cvt .cvt-rows>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;padding:16px 0;border-bottom:1px solid var(--c-rule);align-items:baseline}
.hw-cvt .cvt-row-f b{display:block;font-family:var(--f-disp);font-weight:600;font-size:16px;line-height:1.4;color:var(--c-navy);letter-spacing:-.02em}
.hw-cvt .cvt-row-f i{display:block;font-family:var(--f-eye);font-style:normal;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#5C4518;margin-top:4px}
.hw-cvt .cvt-row-b{font-size:16px;line-height:1.7;color:var(--c-body)}
.hw-cvt .cvt-rows{margin-top:32px}
.hw-cvt .cvt-rows dt{font-family:var(--f-disp);font-weight:600;font-size:16px;line-height:1.5;color:var(--c-navy);letter-spacing:-.02em}
.hw-cvt .cvt-rows dd{font-size:16px;line-height:1.8;color:var(--c-body)}

/* 기간 계산 · 비교표 */
.hw-cvt .cvt-calc,.hw-cvt .cvt-compare{margin-top:40px}
.hw-cvt .cvt-calc h3,.hw-cvt .cvt-compare h3{font-family:var(--f-disp);font-size:20px;font-weight:600;color:var(--c-navy);letter-spacing:-.02em;margin-bottom:14px}
.hw-cvt .cvt-calc ul{border-top:1px solid var(--c-navy)}
.hw-cvt .cvt-calc li{position:relative;padding:12px 0 12px 22px;border-bottom:1px solid var(--c-rule);font-size:15px;line-height:1.75;color:var(--c-body)}
.hw-cvt .cvt-calc li::before{content:"";position:absolute;left:2px;top:24px;width:8px;height:1px;background:var(--c-gold)}
.hw-cvt .cvt-cmp{width:100%;border-collapse:collapse;border-top:1px solid var(--c-navy);font-size:15px;line-height:1.65;font-variant-numeric:tabular-nums}
.hw-cvt .cvt-cmp th,.hw-cvt .cvt-cmp td{padding:14px 16px 14px 0;border-bottom:1px solid var(--c-rule);text-align:left;vertical-align:top;color:var(--c-body)}
.hw-cvt .cvt-cmp thead th{font-size:13px;font-weight:700;color:var(--c-ink);letter-spacing:.02em}
.hw-cvt .cvt-cmp tbody th{width:190px;font-family:var(--f-disp);font-weight:600;color:var(--c-navy)}
.hw-cvt .cvt-cmp-cap{caption-side:bottom;text-align:left;padding-top:10px;font-size:13px;color:var(--c-sub)}
.hw-cvt .cvt-cmp-note{margin-top:16px;font-size:15px;line-height:1.8;color:var(--c-text)}
.hw-cvt .cvt-compare .cvt-small{margin-top:10px}
.hw-cvt .cvt-doclink{margin-top:28px}
.hw-cvt .cvt-doclink a{font-size:15px;font-weight:600;color:var(--c-navy);border-bottom:1px solid var(--c-gold);padding-bottom:3px}
.hw-cvt .cvt-doclink a::after{content:" →";color:var(--c-ink)}
.hw-cvt .cvt-doclink a:hover{border-color:var(--c-navy)}

/* 법정 평면도 */
.hw-cvt .cvt-court{margin-top:44px;background:var(--c-deep);border:1px solid var(--c-gold-line);padding:20px 20px 18px;max-width:920px}
.hw-cvt .cvt-court-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.hw-cvt .cvt-court-title{font-size:15px;font-weight:700;color:#F5F0EB;letter-spacing:-.01em}
.hw-cvt .cvt-court-views{display:flex;flex-wrap:wrap;gap:6px}
.hw-cvt .cvt-court-views button{min-height:44px;padding:0 14px;border:1px solid rgba(245,240,235,.35);background:transparent;color:rgba(245,240,235,.85);font:inherit;font-size:14px;cursor:pointer;border-radius:0}
.hw-cvt .cvt-court-views button[aria-pressed="true"]{border-color:var(--c-gold);color:var(--c-deep);background:var(--c-gold);font-weight:700}
.hw-cvt .cvt-court-stage{aspect-ratio:740/440;width:100%;background:var(--c-deep)}
.hw-cvt .cvt-court-stage svg{display:block;width:100%;height:auto}
.hw-cvt .cvt-court-key{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(245,240,235,.16);font-size:14px;color:rgba(245,240,235,.85)}
.hw-cvt .cvt-court-key b{font-family:var(--f-disp,Georgia,serif);font-weight:600;color:var(--c-gold);margin-right:6px;font-variant-numeric:lining-nums tabular-nums}
.hw-cvt .cvt-court figcaption{margin-top:12px;font-size:14px;line-height:1.75;color:rgba(245,240,235,.8)}

/* 변호사가 하는 일 */
.hw-cvt .cvt-note-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px}
.hw-cvt .cvt-note .cvt-sec-head h2{font-size:32px}
.hw-cvt .cvt-note-body{border-top:1px solid var(--c-navy);padding-top:20px}
.hw-cvt .cvt-note-body p{font-size:16px;line-height:1.95;color:var(--c-text)}
.hw-cvt .cvt-note-body p+p{margin-top:18px}

/* FAQ */
.hw-cvt .cvt-faq{background:var(--c-cream)}
.hw-cvt .cvt-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.hw-cvt .cvt-faq-item{border-bottom:1px solid var(--c-rule)}
.hw-cvt .cvt-faq-item summary{cursor:pointer;list-style:none;display:flex;gap:16px;align-items:flex-start;padding:18px 0;font-family:var(--f-disp);font-size:17px;font-weight:600;color:var(--c-navy);line-height:1.55}
.hw-cvt .cvt-faq-item summary::-webkit-details-marker{display:none}
.hw-cvt .cvt-faq-item summary::after{content:"";width:9px;height:9px;border-right:1.5px solid var(--c-ink);border-bottom:1.5px solid var(--c-ink);transform:rotate(45deg);margin:6px 4px 0 auto;flex-shrink:0;transition:transform .2s}
.hw-cvt .cvt-faq-item[open] summary::after{transform:rotate(-135deg);margin-top:12px}
.hw-cvt .cvt-faq-item p{padding:0 32px 20px 0;font-size:15px;line-height:1.9;color:var(--c-body)}
.hw-cvt .cvt-faq-disc{margin-top:16px}

/* 변호사 목차 행 */
.hw-cvt .cvt-team-list{margin-top:24px}
.hw-cvt .cvt-team-list a{display:grid;grid-template-columns:56px 190px minmax(0,1fr) 80px;gap:0 24px;align-items:center;padding:14px 0;border-bottom:1px solid var(--c-rule)}
.hw-cvt .cvt-team-ph{display:block;width:56px;aspect-ratio:4/5;overflow:hidden;background:var(--c-cream)}
.hw-cvt .cvt-team-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.hw-cvt .cvt-team-name{display:block;font-size:13px;color:#686E79}
.hw-cvt .cvt-team-name b{display:block;font-family:var(--f-disp);font-size:17px;font-weight:600;color:var(--c-navy);margin:0 0 2px}
.hw-cvt .cvt-team-qual{font-size:14.5px;color:var(--c-body);line-height:1.65}
.hw-cvt .cvt-team-more{justify-self:end;font-size:13px;font-weight:600;color:var(--c-navy)}
.hw-cvt .cvt-team-more::after{content:" →";color:var(--c-ink)}
.hw-cvt .cvt-team-list a:hover .cvt-team-name b{text-decoration:underline;text-decoration-color:var(--c-gold);text-underline-offset:6px}
.hw-cvt .cvt-team-foot{margin-top:20px}

/* 맺음 */
.hw-cvt .cvt-close{background:var(--c-deep);color:var(--c-on-dark);padding:72px 0 40px}
.hw-cvt .cvt-close-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;align-items:end}
.hw-cvt .cvt-close h2{font-family:var(--f-disp);font-size:34px;font-weight:600;line-height:1.4;letter-spacing:-.02em;margin:0 0 18px;color:var(--c-on-dark)}
.hw-cvt .cvt-close p{font-size:16px;color:rgba(245,240,235,.8);line-height:1.85;max-width:600px}
.hw-cvt .cvt-close-actions{display:flex;flex-direction:column;gap:10px}
.hw-cvt .cvt-disclaimer{margin-top:56px;padding-top:22px;border-top:1px solid rgba(245,240,235,.14);font-size:13px!important;color:rgba(245,240,235,.58)!important;max-width:none!important}
.hw-cvt .cvt-sources{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 32px}
.hw-cvt .cvt-sources li{font-size:13px;line-height:1.6;color:rgba(245,240,235,.58)}
.hw-cvt .cvt-sources a{color:rgba(245,240,235,.82);border-bottom:1px solid rgba(201,169,110,.35)}
.hw-cvt .cvt-sources small{display:block;font-size:12px}

@media (max-width:1100px){
  .hw-cvt .cvt-hero{padding:130px 0 64px}
  .hw-cvt .cvt-branch{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hw-cvt .cvt-branch li:nth-child(3){border-left:0}
  .hw-cvt .cvt-branch li:nth-child(n+3){border-top:1px solid var(--c-gold-line)}
  .hw-cvt .cvt-define-grid,.hw-cvt .cvt-note-grid,.hw-cvt .cvt-faq-grid,.hw-cvt .cvt-close-grid{grid-template-columns:1fr;gap:36px}
}
@media (max-width:800px){
  .hw-cvt{font-size:15px}
  .hw-cvt .cvt-wrap{padding:0 20px}
  .hw-cvt .cvt-hero{padding:104px 0 48px;background-size:44px 44px}
  .hw-cvt .cvt-hero h1{font-size:31px;line-height:1.36;margin:18px 0 16px}
  .hw-cvt .cvt-lead{font-size:15.5px}
  .hw-cvt .cvt-branch{margin-top:28px;margin-left:-20px;margin-right:-20px}
  .hw-cvt .cvt-branch a{min-height:0;padding:16px 16px 18px;gap:6px}
  .hw-cvt .cvt-branch b{font-size:15.5px}
  .hw-cvt .cvt-branch-t{font-size:13px}
  .hw-cvt .cvt-branch-note{font-size:13.5px}
  .hw-cvt .cvt-hero-actions{margin-top:24px}
  .hw-cvt .cvt-hero-actions .cvt-btn{flex:1 1 100%}
  .hw-cvt .cvt-sec-head h2,.hw-cvt .cvt-note .cvt-sec-head h2,.hw-cvt .cvt-close h2{font-size:26px;line-height:1.42}
  .hw-cvt .cvt-define,.hw-cvt .cvt-doc,.hw-cvt .cvt-note,.hw-cvt .cvt-faq,.hw-cvt .cvt-team{padding:56px 0}
  .hw-cvt .cvt-steplist li,.hw-cvt .cvt-rows>div{grid-template-columns:1fr;gap:4px;padding:14px 0}
  .hw-cvt .cvt-row-f{display:flex;align-items:baseline;gap:12px}
  .hw-cvt .cvt-row-f i{margin-top:0}
  .hw-cvt .cvt-rows dd,.hw-cvt .cvt-row-b{font-size:15px}
  .hw-cvt .cvt-cmp thead{display:none}
  .hw-cvt .cvt-cmp-cap{display:block}
  .hw-cvt .cvt-cmp,.hw-cvt .cvt-cmp tbody,.hw-cvt .cvt-cmp tr,.hw-cvt .cvt-cmp th,.hw-cvt .cvt-cmp td{display:block;width:100%}
  .hw-cvt .cvt-cmp tr{padding:12px 0;border-bottom:1px solid var(--c-rule)}
  .hw-cvt .cvt-cmp th,.hw-cvt .cvt-cmp td{border:0;padding:2px 0}
  .hw-cvt .cvt-cmp tbody th{width:100%;margin-bottom:4px}
  .hw-cvt .cvt-cmp td::before{content:attr(data-k);display:inline-block;min-width:68px;font-size:13px;font-weight:700;color:var(--c-ink)}
  .hw-cvt .cvt-court{margin-left:-20px;margin-right:-20px;border-left:0;border-right:0;padding:16px}
  .hw-cvt .cvt-court-head{display:block}
  .hw-cvt .cvt-court-title{display:block;margin-bottom:10px}
  .hw-cvt .cvt-court-views{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .hw-cvt .cvt-court-views button{padding:0 4px;font-size:13px}
  .hw-cvt .cvt-faq-item summary{font-size:16px}
  .hw-cvt .cvt-faq-item p{padding:0 0 20px}
  .hw-cvt .cvt-team-list a{grid-template-columns:48px minmax(0,1fr);gap:4px 16px;align-items:start}
  .hw-cvt .cvt-team-ph{width:48px;grid-row:span 2}
  .hw-cvt .cvt-team-qual{font-size:13.5px}
  .hw-cvt .cvt-team-more{display:none}
  .hw-cvt .cvt-sources{grid-template-columns:1fr}
  .hw-cvt .cvt-close{padding:56px 0 40px}
}

/* S136-Cvt3 대표 폰 확인 · 상담 폼 ↔ 관련 전담센터 사이 크림 띠·회색 선 제거(형사재판 안내 S136-P6b 동형) */
.hw-quick-form-section{margin-bottom:0!important}
.hwa-s81[data-after-form]{margin-top:0!important;border-top:0!important}

/* S139-D4 기한 요약표(criminal_trial .ctg-dl-table 동형 · 섹션 여백 = .cvt-doc 72/72 · 800 이하 56/56) · D1 관련 글 1행 */
.hw-cvt .cvt-dl-table{width:100%;border-collapse:collapse;margin-top:28px;font-size:15px}
.hw-cvt .cvt-dl-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hw-cvt .cvt-dl-table th,.hw-cvt .cvt-dl-table td{text-align:left;padding:14px 14px 14px 0;border-bottom:1px solid var(--c-rule);vertical-align:top;line-height:1.6;color:var(--c-body)}
.hw-cvt .cvt-dl-table thead th{font-size:13px;font-weight:600;color:#5C4518;padding-top:0}
.hw-cvt .cvt-dl-table tbody th{color:var(--c-navy);font-weight:700;white-space:nowrap}
.hw-cvt .cvt-dl-table td b{color:var(--c-navy);font-weight:700;font-size:17px}
.hw-cvt .cvt-dl-note{margin-top:14px;max-width:760px}
.hw-cvt .cvt-relnews{margin-top:18px}
@media (max-width:640px){
  .hw-cvt .cvt-dl-table thead{display:none}
  .hw-cvt .cvt-dl-table,.hw-cvt .cvt-dl-table tbody,.hw-cvt .cvt-dl-table tr,.hw-cvt .cvt-dl-table th,.hw-cvt .cvt-dl-table td{display:block;width:100%}
  .hw-cvt .cvt-dl-table tr{padding:14px 0;border-bottom:1px solid var(--c-rule)}
  .hw-cvt .cvt-dl-table th,.hw-cvt .cvt-dl-table td{border:0;padding:2px 0}
  .hw-cvt .cvt-dl-table tbody th{margin-bottom:4px;font-size:16px;white-space:normal}
  .hw-cvt .cvt-dl-table td::before{content:attr(data-label);display:inline-block;min-width:68px;font-size:13px;color:var(--c-sub)}
}