/* 세무사 소개·업무분야·원칙 구간과, 공개 전에 채워야 할 자리 표시를 그린다. */
.hero-stage{min-height:calc(100svh - var(--head))}
.hero-inner{flex:1}
.hero h1{font-size:clamp(38px,5vw,76px)!important;line-height:1.3}

.fill{background:#ffe08a;color:#4a3800;padding:0 6px;border-radius:4px}
.flow-label{font-size:18px;font-weight:600;letter-spacing:.08em;color:var(--blue)}
.flow-num{font-family:RecordSerif,serif;color:var(--blue)}

.flow-adviser{padding-block:120px}
.flow-adviser-inner{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center}
.flow-portrait{margin:0;border-radius:12px;overflow:hidden;background:var(--pale)}
.flow-portrait img{display:block;width:100%;height:auto}
.flow-adviser h2{margin-top:14px;font-family:RecordSerif,serif;font-size:clamp(42px,4.4vw,64px);font-weight:550;line-height:1.3}
.flow-adviser h2 span{color:var(--blue)}
.flow-career{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid var(--line)}
.flow-career li{padding:15px 0;border-bottom:1px solid var(--line);font-size:21px;line-height:1.55}
.flow-career small{font-size:18px;color:var(--muted)}

.flow-services{padding-block:120px;background:var(--pale)}
.flow-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(30px,6vw,90px);align-items:end}
.flow-head h2,.flow-principles h2{font-family:RecordSerif,serif;font-size:clamp(36px,3.8vw,56px);font-weight:550;line-height:1.38}
.flow-head h2 span{color:var(--blue)}
.flow-head p{font-size:21px;line-height:1.85}
.flow-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:64px}
.flow-service{display:flex;flex-direction:column;padding:40px;border:1px solid var(--line);border-radius:12px;background:white}
.flow-service .flow-num{font-size:28px}
.flow-when{margin-top:18px;font-size:18px;color:var(--muted)}
.flow-service h3{margin-top:4px;font-size:34px;font-weight:700;line-height:1.35;letter-spacing:-.03em}
.flow-desc{margin-top:14px;font-size:20px;line-height:1.7}
.flow-service ul{flex:1;margin:24px 0 0;padding:22px 0 0 22px;border-top:1px solid var(--line)}
.flow-service li{margin-top:10px;font-size:19px;line-height:1.65}
.flow-deadline{margin-top:24px;padding:14px 18px;border-radius:8px;background:var(--pale);font-size:18px;font-weight:600}

.flow-principles{padding-block:120px;background:var(--navy);color:white}
.flow-principles h2 span{color:var(--sky)}
.flow-sub{margin-top:24px;font-size:21px;color:#e2e6db}
.flow-principles ol{list-style:none;margin:48px 0 0;padding:0;border-top:1px solid #ffffff33}
.flow-principles li{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:baseline;padding:28px 0;border-bottom:1px solid #ffffff33}
.flow-principles .flow-num{font-size:36px;color:var(--sky)}
.flow-principles li p{font-size:clamp(21px,1.9vw,27px);line-height:1.6}
.flow-logos{list-style:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:48px 0 0;padding:0}
.flow-logos li{display:grid;place-items:center;height:92px;padding:14px;border-radius:8px;background:white}
.flow-logos img{display:block;max-width:100%;max-height:52px;object-fit:contain}

@media(max-width:900px){
  .flow-adviser,.flow-services,.flow-principles{padding-block:80px}
  .flow-adviser-inner,.flow-head,.flow-service-list{grid-template-columns:minmax(0,1fr)}
  .flow-portrait{max-width:340px}
  .flow-service-list{margin-top:44px}
  .flow-logos{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:600px){
  .hero h1{font-size:34px!important}
  .flow-service{padding:28px 22px}
  .flow-service h3{font-size:30px}
  .flow-career li{font-size:20px}
  .flow-head p,.flow-sub{font-size:20px}
  .flow-principles li{grid-template-columns:44px minmax(0,1fr)}
  .flow-logos li{height:76px;padding:10px}
}

/* 한글이 낱말 중간에서 줄바꿈되지 않게 한다. */
.flow-adviser,.flow-services,.flow-principles{word-break:keep-all}

.flow-career-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;margin-top:30px}
.flow-career-groups .wide{grid-column:1/-1}
.flow-career-groups h3{font-size:18px;font-weight:600;color:var(--blue)}
.flow-career-groups .flow-career{margin-top:10px}
.flow-career-groups .wide .flow-career{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.flow-more{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:22px;padding-bottom:6px;border-bottom:1px solid currentColor;font-size:19px;font-weight:600}
.flow-more svg{flex:none;width:20px;height:20px}

/* 업무분야 상세 페이지 */
.detail-hero{position:relative;padding-block:clamp(90px,11vw,160px);background:linear-gradient(90deg,rgba(22,30,25,.88),rgba(22,30,25,.6)),var(--bg) center/cover,var(--navy);color:white}
.detail-hero .hero-eyebrow:after{margin-left:0}
.detail-hero h1{margin-top:12px;font-family:RecordSerif,serif;font-size:clamp(42px,5.4vw,78px);font-weight:550;line-height:1.28}
.detail-lead{max-width:30em;margin-top:20px;font-size:clamp(21px,2vw,26px);line-height:1.6;color:#e8e6da;word-break:keep-all}
.detail-hero .button{margin-top:34px}
.detail-section{padding-block:96px;word-break:keep-all}
.detail-section.pale{background:var(--pale)}
.detail-section h2{font-family:RecordSerif,serif;font-size:clamp(32px,3.2vw,46px);font-weight:550;line-height:1.35}
.detail-when{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:36px 0 0;padding:0}
.detail-when li{padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:white;font-size:21px;font-weight:600;line-height:1.5}
.detail-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:36px 0 0;padding:0}
.detail-steps li{padding:28px;border-radius:10px;background:white}
.detail-steps .flow-num{font-size:30px}
.detail-steps h3{margin-top:8px;font-size:23px;font-weight:700;line-height:1.4}
.detail-steps p{margin-top:8px;font-size:19px;line-height:1.65;color:var(--muted)}
.detail-two{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,6vw,80px);align-items:stretch}
.detail-docs{margin:28px 0 0;padding:0 0 0 22px}
.detail-docs li{margin-top:10px;font-size:20px;line-height:1.6}
.detail-note{margin-top:22px;font-size:18px;line-height:1.7;color:var(--muted)}
.detail-limit{display:flex;flex-direction:column;justify-content:center;padding:36px;border-radius:12px;background:var(--navy);color:white}
.detail-limit span{font-size:18px;color:var(--sky)}
.detail-limit strong{margin-top:8px;font-size:clamp(30px,2.8vw,40px);font-weight:700;line-height:1.35}
.detail-limit p{margin-top:14px;font-size:19px;line-height:1.65;color:#e2e6db}
.detail-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}
.detail-case{display:flex;flex-direction:column;min-height:170px;padding:24px;border:1px solid var(--line);border-radius:10px;background:white}
.detail-case span{font-size:17px;color:var(--muted)}
.detail-case h3{flex:1;margin-top:8px;font-size:22px;font-weight:700;line-height:1.45}
.detail-case strong{margin-top:12px;font-family:RecordSerif,serif;font-size:24px;color:var(--blue)}
@media(max-width:900px){
  .flow-career-groups,.flow-career-groups .wide .flow-career{grid-template-columns:minmax(0,1fr)}
  .detail-section{padding-block:72px}
  .detail-when,.detail-steps,.detail-two,.detail-cases{grid-template-columns:minmax(0,1fr)}
}

/* 연락처 남기기 폼 — 마무리 구획 안, 전화 아래. 어르신 대상이라 글자·칸을 크게 */
.intake{margin:46px auto 0;max-width:640px;text-align:left;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:30px 28px}
.intake h3{margin:0;font-size:22px;font-weight:600;line-height:1.5;color:#fff}
.intake-sub{margin:8px 0 22px;font-size:15px;color:#c9cec6}
.intake-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.intake label{display:block;font-size:15px;color:#e4e6e0;margin-bottom:14px}
.intake input[type=text],.intake input[type=tel],.intake textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;font:inherit;font-size:18px;color:#1b1f1d;background:#fff;border:1px solid #c9cdc4;border-radius:8px}
.intake textarea{resize:vertical;min-height:84px}
.intake-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.intake-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.6}
.intake-check input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:#e24856}
.intake-more{font:inherit;font-size:14px;color:#ddcca7;background:none;border:0;padding:0;text-decoration:underline}
.intake-legal{margin:-4px 0 14px 30px;padding:12px 14px;font-size:14px;line-height:1.7;color:#d7dbd3;background:rgba(0,0,0,.25);border-radius:8px}
.intake-submit{display:block;width:100%;margin-top:8px;padding:17px;font:inherit;font-size:19px;font-weight:600;color:#fff;background:#e24856;border:0;border-radius:10px}
.intake-submit:disabled{opacity:.6}
.intake-msg{margin:14px 0 0;min-height:1.6em;font-size:16px;color:#ffe9b3}
.intake.is-done .intake-row,.intake.is-done .intake-wide,.intake.is-done .intake-check,.intake.is-done .intake-legal,.intake.is-done .intake-submit,.intake.is-done .intake-sub{display:none}
.intake.is-done .intake-msg{font-size:18px;color:#fff}
@media(max-width:600px){.intake{padding:24px 18px}.intake-row{grid-template-columns:1fr}}