:root{--red:#a8253a;--bur:#6a2432;--paper:#faf7f5;--tile:#efe9e6;--ink:#2a2022;--mute:#6d5f62;--line:#e4dcd8}
*{box-sizing:border-box;margin:0;padding:0;border-radius:0}
html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}
body{font-family:"Pretendard Variable",Pretendard,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{display:block;max-width:100%}
.wrap{max-width:1200px;margin:auto;padding:0 40px}
.sec{padding:104px 0}
h1{font-size:clamp(38px,5vw,64px);line-height:1.14;font-weight:700;letter-spacing:-.035em}
h2{font-size:clamp(27px,3vw,38px);line-height:1.25;font-weight:700;letter-spacing:-.03em}
.eb{font:700 16px "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:72px}
.btn{display:inline-block;border:0;cursor:pointer;font:inherit;font-weight:700;padding:15px 30px;background:var(--bur);color:#fff}
.btn:hover{background:var(--red)}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}

.hd{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.hd-in{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-size:19px;font-weight:700;letter-spacing:-.02em}.logo span{font-weight:400;color:var(--mute)}
.hd-tel{font-weight:700;font-size:15px;color:var(--red)}

.hero{background:var(--paper);border-bottom:1px solid var(--line)}
.hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end}
.hero-txt{padding:80px 0}
.hero-eb{color:var(--red);font-weight:600;margin-bottom:16px}
.hero-lead{margin-top:22px;font-size:18px;color:var(--mute);max-width:32em}
.clock{margin:32px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.clock-num{font:600 72px/1 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums;color:var(--red)}
.clock-cap{font-weight:600;color:var(--bur)}
.clock-cap small{display:block;font-weight:400;font-size:13px;color:var(--mute)}
.hero-fig{width:100%;max-width:470px;justify-self:end}

.tick{margin-top:28px;border-top:1px solid var(--line)}
.tick li{padding:16px 0 16px 24px;border-bottom:1px solid var(--line);font-size:17px;font-weight:500;position:relative}
.tick li:before{content:"";position:absolute;left:4px;top:27px;width:7px;height:7px;background:var(--red)}
.dont{background:var(--paper);padding:40px}
.dont ol{margin-top:20px}
.dont li{padding:16px 0;border-top:1px solid var(--line)}
.dont b{display:block;font-size:17px}.dont span{color:var(--mute)}

.stage{background:var(--paper)}
.st-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:32px;border-bottom:1px solid var(--line)}
.st-tabs button{font:inherit;font-weight:700;font-size:17px;padding:16px 8px;background:none;color:var(--mute);border:0;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
.st-tabs button:hover{color:var(--ink)}
.st-tabs button[aria-selected=true]{color:var(--red);border-bottom-color:var(--red)}
.st-panel{padding:32px 0 0;min-height:270px}
.st-panel h3{font-size:clamp(21px,2.2vw,27px);line-height:1.35;letter-spacing:-.02em;font-weight:700}
.st-panel ul{margin-top:18px;counter-reset:n}
.st-panel li{counter-increment:n;padding:12px 0 12px 42px;border-top:1px solid var(--line);position:relative}
.st-panel li:before{content:counter(n,decimal-leading-zero);position:absolute;left:0;font:700 19px "Barlow Condensed",sans-serif;color:var(--red)}

.dl{padding:72px 0;border-bottom:1px solid var(--line)}
.dl-t{font-weight:700;font-size:19px;margin-bottom:24px}
.dl ul{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.dl li{border-top:1px solid var(--line);padding-top:14px}
.dl b{display:block;font:600 64px/1 "Barlow Condensed",sans-serif;color:var(--red)}
.dl i{font:600 18px "Pretendard Variable",sans-serif;margin-left:4px}
.dl span{display:block;font-weight:600;margin-top:8px}.dl small{font-size:13px;color:var(--mute)}

.cmp-t{margin-top:32px;border-top:1px solid var(--ink)}
.cmp-r{display:grid;grid-template-columns:1fr 1.3fr 1.5fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.cmp-r b{font-size:19px;color:var(--bur)}
.cmp-h{padding:10px 0;font-size:14px;font-weight:700;color:var(--mute)}

.law{background:var(--paper);padding-bottom:0}
.law-in{display:grid;grid-template-columns:1fr 1fr;gap:72px}
.law-name{display:flex;align-items:flex-end;gap:28px}
.law-name img{width:58%;min-width:0}
.law-name>div{padding-bottom:56px}
.law-name strong{display:block;font-size:clamp(44px,5vw,64px);line-height:1.05;font-weight:700;letter-spacing:-.04em}
.law-name span{font-weight:600}
.law-body{padding-bottom:104px}
.law-q{font-size:clamp(23px,2.4vw,30px);font-weight:600;line-height:1.3;letter-spacing:-.02em;margin-bottom:22px}
.law-body li{padding:10px 0;border-top:1px solid var(--line)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.tags span{border:1px solid var(--line);color:var(--bur);background:#fff;font-size:14px;font-weight:500;padding:4px 10px}

.team-l{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:32px}
.team-l div{background:var(--tile);aspect-ratio:3/4;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;margin-bottom:12px}
.team-l img{width:92%}
.team-l b{display:block;font-size:18px}
.team-l span{font-size:14px;color:var(--mute)}

.cases{padding-top:0}
.fic{color:var(--mute);margin-top:6px}
.case-l{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.case-l li{background:var(--paper);padding:28px}
.case-l span{font-weight:600;color:var(--mute)}
.case-l b{display:block;font-size:30px;line-height:1.2;font-weight:700;color:var(--red);letter-spacing:-.03em;margin:6px 0 12px}
.note{margin-top:16px;font-size:14px;color:var(--mute)}

.faq{border-top:1px solid var(--line)}
.qa details{border-top:1px solid var(--line)}.qa details:last-child{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;font-size:17px;font-weight:600;padding:18px 0}
.qa summary::marker{color:var(--red)}
.qa p{padding:0 0 18px;color:var(--mute)}

.consult{background:var(--paper)}
.tel{font:600 clamp(46px,5vw,64px)/1 "Barlow Condensed",sans-serif;color:var(--red);margin-top:24px}
.tel-s{margin-top:10px;color:var(--mute)}
.form{display:grid;gap:14px}
.form label{display:grid;gap:6px;font-weight:600;font-size:15px}
.form input,.form select{font:inherit;font-size:16px;font-weight:400;padding:12px;border:1px solid #b5a9ab;background:#fff;width:100%}
.form-msg{color:var(--red);font-weight:600}

.ft{background:var(--tile);color:var(--mute);padding:32px 0;font-size:14px}.ft b{color:var(--ink)}
.bar{display:none}

@media all{
  .team-l{grid-template-columns:repeat(3,1fr)}
  .law-in{gap:40px}
}
@media all{
  .wrap{padding:0 16px}.sec{padding:68px 0}.two{grid-template-columns:1fr;gap:44px}
  .hero-in{grid-template-columns:1fr;gap:0}
  .hero-txt{padding:48px 0 16px}
  .clock{margin:26px 0 0;gap:6px 20px}.clock-num{font-size:64px}
  .hero-txt .btn{display:none}
  .hero-fig{width:68%;max-width:300px;margin:20px auto 0;justify-self:center}
  .dont{padding:28px 20px}
  .st-tabs button{font-size:15px;padding:14px 2px}.st-panel{min-height:300px}
  .dl ul,.case-l{grid-template-columns:1fr}.dl ul{gap:26px}
  .cmp-h{display:none}.cmp-r{grid-template-columns:1fr;gap:6px}
  .cmp-r span:before{content:attr(data-l);display:inline-block;width:44px;color:var(--mute);font-size:14px}
  .law-in{grid-template-columns:1fr}
  .law-body{order:-1;padding-bottom:0}.law-name>div{padding-bottom:24px}
  .team-l{grid-template-columns:repeat(2,1fr);gap:20px 12px}
  .bar{display:grid;grid-template-columns:1fr 1fr;position:sticky;bottom:0;z-index:30;font-weight:700;text-align:center;background:#fff;border-top:1px solid var(--line)}
  .bar a{padding:15px 0;color:var(--bur)}.bar a+a{background:var(--bur);color:#fff}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 세로형 전용: 어느 화면에서든 480px 한 칸 */
body{background:#333335}
.hd,main,.ft,.bar{width:100%;max-width:480px;margin-inline:auto}
main{background:#fff}
h1{font-size:38px}h2{font-size:27px}
.clock-num{font-size:88px}
.st-panel h3{font-size:21px}
.law-name strong{font-size:48px}
.law-q{font-size:23px}
.tel{font-size:50px}

.hero-fig{width:100%;max-width:none;margin:24px 0 0}

.logo{display:flex;align-items:center;gap:9px}

/* 글자·숫자는 검정, 버건디는 상담 버튼에만 */
:root{--ink:#111;--red:#111;--bur:#111;--cta:#6a2432}
.btn,.bar a+a{background:var(--cta);color:#fff}
.btn:hover{background:#561b27}

/* 버건디는 작은 포인트에만, 면은 검정 */
:root{--cta:#111;--point:#6a2432}
.btn:hover{background:#333}
.eb,.st-panel li:before{color:var(--point)}
.tick li:before{background:var(--point)}
.st-tabs button[aria-selected=true]{color:var(--point);border-bottom-color:var(--point)}
.qa summary::marker{color:var(--point)}

/* 히어로 다크 */
.hero{background:#17171a;border-bottom:0}
.hero h1,.hero .clock-num,.hero .clock-cap{color:#fff}
.hero-eb{color:#d9d9dc}
.hero-lead,.hero .clock-cap small{color:#b4b4b9}
.hero .clock{border-color:#3a3a3f}

/* 헤더: 히어로 위 투명, 스크롤을 따라오지 않음. 고정 행동은 하단 바가 맡는다 */
html{scroll-padding-top:0}
.hd{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:0;color:#fff}
.hd .logo img{filter:brightness(0) invert(1)}
.hd-tel{color:#fff}
.hero-txt{padding-top:104px}

/* 세로로 긴 상세페이지형 히어로 */
.hero-txt{padding:150px 0 0}
.hero-eb{margin-bottom:28px}
.hero h1{font-size:clamp(40px,11.5vw,54px);line-height:1.2}
.hero-lead{margin-top:36px;line-height:1.8}
.hero .clock{margin-top:80px;padding:36px 0;display:block}
.hero .clock-num{font-size:min(28vw,132px)}
.hero .clock-cap{margin-top:18px;font-size:18px}
.hero-in{padding-inline:0}
.hero-txt{padding-inline:16px}
.hero-fig{width:100%;margin:90px 0 0;display:block}

.hero-fig{margin-top:72px}

/* 로고와 히어로 글자 중앙 정렬 */
.hd-in{justify-content:center}
.hero-txt{text-align:center}

.logo{font-family:"Noto Serif KR",serif;font-weight:500;letter-spacing:0}

.hero h1{font-family:"Noto Serif KR",serif;font-weight:500;letter-spacing:-.02em;line-height:1.3}

.hero h1{font-size:min(7.6vw,36px);line-height:1.4}

/* 로고와 센터명을 한 덩어리로 */
.hero-txt{padding-top:72px}
.lockup{display:block;margin-bottom:56px}
.lockup img{height:64px;width:auto;margin:0 auto 14px;filter:brightness(0) invert(1)}
.lockup span{font-family:"Noto Serif KR",serif;font-weight:500;font-size:15px;color:#e8e8ea;letter-spacing:.02em}

/* 히어로 배경: 은은하게 움직이는 그라디언트 */
.hero{position:relative;overflow:hidden}
.hero-in{position:relative}
.hero:before{content:"";position:absolute;left:-60%;right:-60%;top:0;bottom:0;background:linear-gradient(115deg,#17171a 25%,#3a1720 50%,#17171a 75%);animation:hero-g 16s ease-in-out infinite alternate}
@keyframes hero-g{from{transform:translateX(-18%)}to{transform:translateX(18%)}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none}}

.hero{border-radius:0 0 40px 40px}

/* 히어로 하단: 옆으로 누운 } 모양 */
.hero{border-radius:0;-webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 55px) no-repeat,url(images/hero-mask.svg) bottom/100% 56px no-repeat;mask:linear-gradient(#000,#000) top/100% calc(100% - 55px) no-repeat,url(images/hero-mask.svg) bottom/100% 56px no-repeat}

.check h2{font-family:"Noto Serif KR",serif;font-weight:500;letter-spacing:-.02em}

.dont-s{margin-top:8px;color:var(--mute)}

/* 멈추세요: 레드 중앙 정렬. 히어로 뾰족 끝이 이 면 위로 내려온다 */
.hero{z-index:1}
.stop{background:#a8152e;color:#fff;text-align:center;margin-top:-56px;padding:136px 0 84px}
.stop h2{font-family:"Noto Serif KR",serif;font-weight:500;font-size:min(9vw,42px);letter-spacing:-.02em}
.stop .dont-s{color:#f6d9de;font-size:17px;margin-top:12px}
.stop ol{margin-top:40px}
.stop li{padding:24px 0;border-top:1px solid rgba(255,255,255,.3)}
.stop li:last-child{border-bottom:1px solid rgba(255,255,255,.3)}
.stop b{display:block;font-size:21px;font-weight:700}
.stop span{display:block;margin-top:6px;color:#f9e7ea}

.stop li,.stop li:last-child{border-color:rgba(255,255,255,.12)}

/* 문의 체크리스트 */
.check h2{text-align:center}
.tick li{padding:18px 0 18px 40px}
.tick li:before{left:2px;top:20px;width:24px;height:24px;background:var(--point);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5'%3E%3Cpath d='M4 12.5l5.5 5.5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5'%3E%3Cpath d='M4 12.5l5.5 5.5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat}
.tick-end{margin-top:32px;text-align:center;font-family:"Noto Serif KR",serif;font-weight:500;font-size:22px}

.ck-eb{text-align:center;font:700 16px "Barlow Condensed",sans-serif;letter-spacing:.08em;color:var(--point);margin-bottom:8px}

.stop{padding:190px 0 150px}
.stop-w{font-family:"Noto Serif KR",serif;font-weight:500;font-size:22px;margin-bottom:18px}
.stop h2{margin-bottom:6px}
.stop ol{margin-top:72px}
.stop li{padding:36px 0}

.stop-w{font-size:min(22vw,104px);line-height:1.1;margin-bottom:28px}
.stop h2{font-size:min(7.6vw,34px)}

.stop-w{font-size:min(14vw,64px);margin-bottom:20px}

.stop h2{font-size:min(8.6vw,40px)}

.ck-eb{font:600 14px "Pretendard Variable",Pretendard,sans-serif;letter-spacing:.02em}

/* 단계별 대응: 탭 없이 세로로 이어 읽기 */
.stage{background:#ececee}
.st-item{margin-top:44px;padding-top:28px;border-top:1px solid #cfcfd3}
.st-item:first-of-type{margin-top:32px}
.st-k{font-weight:700;color:var(--point);margin-bottom:8px}
.st-item h3{font-size:21px;line-height:1.35;letter-spacing:-.02em;font-weight:700}
.st-item ul{margin-top:16px;counter-reset:n}
.st-item li{counter-increment:n;padding:12px 0 12px 42px;border-top:1px solid #dcdcdf;position:relative}
.st-item li:before{content:counter(n,decimal-leading-zero);position:absolute;left:0;font:700 19px "Barlow Condensed",sans-serif;color:var(--point)}

.stop{padding:136px 0 88px}
.stop ol{margin-top:44px}
.stop li{padding:24px 0}

/* stage: 위 섹션과 톤 맞춤 */
.stage{background:#f7f7f8}
.stage h2{font-family:"Noto Serif KR",serif;font-weight:500;letter-spacing:-.02em;text-align:center}
.st-k{font-weight:600}
.st-item h3{font-family:"Noto Serif KR",serif;font-weight:500}
.st-item{border-top-color:#e2e2e5}
.st-item li{border-top-color:#ebebed}
.st-item li:before{font-weight:600}

/* stage: 다크 */
.stage{background:#17171a;color:#fff}
.stage h2,.st-item h3{color:#fff}
.st-k,.st-item li:before{color:#d98a98}
.st-item{border-top-color:rgba(255,255,255,.28)}
.st-item li{border-top-color:rgba(255,255,255,.12);color:#c9c9ce}

/* check: 세로 여백 확대 */
.check{padding:128px 0}
.check .tick{margin-top:44px}
.check .tick li{padding-top:24px;padding-bottom:24px}
.check .tick li:before{top:26px}
.check .tick-end{margin-top:52px}
.st-k,.st-item li:before{color:#fff}

/* 줄바꿈: 어절 단위, 한 단어만 남는 줄 방지 */
h1,h2,h3,summary,.law-q,.tick-end,.dl-t{word-break:keep-all;text-wrap:balance}
p,li,span{word-break:keep-all;text-wrap:pretty}
.st-item h3{font-size:min(5.4vw,21px)}
.case-l p,.qa p{text-wrap:balance}


/* stage: 세로 여백 확대 */
.st-item{margin-top:52px;padding-top:32px}
.st-item:first-of-type{margin-top:36px}
.st-item ul{margin-top:20px}
.st-item li{padding-top:14px;padding-bottom:14px}

/* stage: 구분선은 단계 사이에만, 옅게 */
.st-item{border-top-color:rgba(255,255,255,.12)}
.st-item:first-of-type{border-top:0;padding-top:0}
.st-item li{border-top:0;padding-top:7px;padding-bottom:7px}
.st-item li:before{top:6px}

/* 전체 좌우 여백 */
.wrap{padding-left:24px;padding-right:24px}
.hero .wrap{padding-left:16px;padding-right:16px}

/* 골든타임: 2열 카드 */
.dl-in{display:block}
.dl-t{font-family:"Noto Serif KR",serif;font-weight:500;font-size:28px;letter-spacing:-.02em;text-align:center;color:var(--ink);border:0;padding:0;margin:0 0 32px}
.dl ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;margin:0;padding:0}
.dl li{position:relative;overflow:hidden;display:block;background:#f6f4f2;border:0;border-radius:14px;margin:0;padding:20px 16px 64px}
.dl li b{display:block;color:var(--point);font-size:52px;line-height:1}
.dl li b i{color:var(--point);font-size:17px}
.dl li span{display:block;margin-top:12px;font-size:15px;line-height:1.45;font-weight:600}
.dl li small{display:block;margin-top:6px;font-size:12px;color:#77777c}
.dl li:after{content:"";position:absolute;right:12px;bottom:12px;width:58px;height:34px;background:url(images/logo-brush.png) right bottom/contain no-repeat;opacity:.18}
.dl li{padding-bottom:22px}
.dl li:after{content:none}
.dl ul:after{content:"";background:url(images/logo-brush.png) center/min(70%,120px) no-repeat;opacity:.85}

/* 골든타임: 카드 대신 십자선으로 4칸 구분 */
.dl ul{gap:0}
.dl li{background:none;border-radius:0;padding:24px 18px}
.dl li:nth-child(odd){border-right:1px solid var(--line)}
.dl li:nth-child(-n+2){border-bottom:1px solid var(--line)}

/* 대표변호사: 중앙 축, 사진은 섹션 바닥에 붙임 */
.law{background:#f4f4f5;padding:96px 0 0;text-align:center}
.law-in{display:flex;flex-direction:column;gap:56px}
.law-body{order:-1;padding:0}
.law-q{font-family:"Noto Serif KR",serif;font-weight:500;font-size:min(7.4vw,32px);line-height:1.35;margin:0 0 32px}
.law-body li{padding:5px 0;border:0;font-size:16px;color:#3c3c41}
.tags{justify-content:center;gap:4px 0;margin-top:24px}
.tags span{border:0;background:none;padding:0;font-size:14px;font-weight:500;color:var(--point)}
.tags span:not(:last-child):after{content:"·";margin:0 7px;color:#a9a9ae}
.law-name{flex-direction:column;align-items:center;gap:20px}
.law-name>div{order:-1;padding:0}
.law-name strong{font-family:"Noto Serif KR",serif;font-weight:500;font-size:36px;letter-spacing:0;line-height:1.2}
.law-name span{display:block;margin-top:4px;font-size:14px;font-weight:500;color:#6b6b70}
.law-name img{display:block;width:82%;max-width:360px}

/* 대표변호사: 다크 */
.law{background:#17171a;color:#fff}
.law-q,.law-name strong{color:#fff}
.law-body li{color:#c9c9ce}
.tags span{color:#fff}
.tags span:not(:last-child):after{color:#6b6b70}
.law-name span{color:#a9a9ae}

/* 배경 층: 與令 한 덩어리, 화면에 고정 */
.bg-ink{position:fixed;left:50%;top:50%;width:max(96vw,980px);max-width:none;opacity:.07;filter:blur(2px);pointer-events:none;z-index:0;transform:translate(-50%,-50%);}
main,.ft{position:relative;z-index:1}
main{box-shadow:0 0 70px rgba(0,0,0,.5)}
@media (max-width:760px){.bg-ink{display:none}main{box-shadow:none}}

/* 대표변호사: 사진 위 좌하단 정보, 미세한 딤 */
.law{padding:96px 0 0}
.law-q{padding:0 24px;margin:0 0 40px;text-align:center;font-size:min(6.2vw,28px)}
.law-fig{position:relative;overflow:hidden}
.law-fig img{display:block;width:100%}
.law-fig:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(23,23,26,.72) 0,rgba(23,23,26,.42) 34%,rgba(23,23,26,0) 62%);pointer-events:none}
.law-info{position:absolute;left:24px;right:24px;bottom:28px;z-index:1;text-align:left;color:#fff}
.law-info strong{display:block;font-family:"Noto Serif KR",serif;font-weight:500;font-size:34px;line-height:1.2;color:#fff}
.law-role{display:block;margin-top:2px;font-size:14px;font-weight:500;color:#c9c9ce}
.law-info ul{margin-top:14px}
.law-info li{padding:2px 0;border:0;font-size:15px;color:#e4e4e7}
.law-info .tags{justify-content:flex-start;margin-top:12px}

/* 형사팀 제목 */
.team h2{font-family:"Noto Serif KR",serif;font-weight:500;font-size:min(7vw,30px);letter-spacing:-.02em;text-align:center}

/* 형사팀: 칸 하단 딤, 우측 하단에 로고·형사전문 한 줄 */
.team-l li>div{position:relative;overflow:hidden}
.team-l li>div:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(17,17,20,.5) 0,rgba(17,17,20,.16) 20%,rgba(17,17,20,0) 36%);pointer-events:none}
.tile-tag{position:absolute;right:10px;bottom:9px;z-index:2;display:flex;align-items:center;gap:6px;font-family:"Noto Serif KR",serif;font-weight:500;font-size:12px;line-height:1;color:#fff;white-space:nowrap}
.team-l .tile-tag img{width:auto;height:15px;filter:invert(1)}
.tile-tag{opacity:.72;font-size:11px;gap:5px;right:8px}
.team-l .tile-tag img{height:13px}

/* 대표 사건: 용지 2열, 도장은 정방향으로 중앙에 */
.cases{padding:96px 0 72px}
.cases h2{font-family:"Noto Serif KR",serif;font-weight:500;font-size:min(7vw,30px);letter-spacing:-.02em;text-align:center}
.cases .fic{text-align:center;margin-top:8px}
.ppr-l{display:grid;grid-template-columns:1fr 1fr;gap:28px 14px;margin-top:40px}
.ppr{position:relative;aspect-ratio:637/900;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.14),0 8px 20px rgba(0,0,0,.08);overflow:hidden}
.ppr img{display:block;width:100%;height:100%;object-fit:cover}
.ppr .stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.4em .7em;border:3px solid #a8152e;border-radius:4px;color:#a8152e;font-family:"Noto Serif KR",serif;font-size:min(6vw,27px);font-weight:500;line-height:1;letter-spacing:.06em;white-space:nowrap;background:none;mix-blend-mode:multiply;filter:url(#ink)}
.ppr-l p{margin-top:10px;font-size:14px;font-weight:500;color:#55555a;text-align:center}
.cases .note{margin-top:32px;text-align:center}
.ppr img{opacity:.42}

/* 푸터: 다크 */
.ft{background:#17171a;color:#9a9aa0;padding:40px 0 104px;font-size:13px;line-height:1.7}
.ft b{color:#fff;font-weight:600}
.ft p+p{margin-top:8px}

/* 아래쪽 흐름: 사례 다크 → FAQ 화이트 → 상담 레드 → 푸터 다크 */
.cases{background:#17171a}
.cases h2{color:#fff}
.ppr{box-shadow:0 12px 30px rgba(0,0,0,.45)}
.ppr-l p{color:#c9c9ce}

.faq{padding:96px 0}
.faq .two{display:block}
.faq h2{font-family:"Noto Serif KR",serif;font-weight:500;font-size:min(7vw,30px);letter-spacing:-.02em;text-align:center;margin-bottom:36px}
.qa{border:0}
.qa details{border:0;border-top:1px solid #ececee}
.qa details:last-child{border-bottom:1px solid #ececee}
.qa summary{position:relative;list-style:none;padding:22px 32px 22px 0;font-size:16px;font-weight:600;line-height:1.5;cursor:pointer}
.qa summary::-webkit-details-marker{display:none}
.qa summary:before{content:none}
.qa summary:after{content:"";position:absolute;right:4px;top:50%;width:13px;height:13px;margin-top:-6px;background:linear-gradient(#111,#111) center/100% 1.5px no-repeat,linear-gradient(#111,#111) center/1.5px 100% no-repeat}
.qa details[open] summary:after{background:linear-gradient(#111,#111) center/100% 1.5px no-repeat}
.qa details p{padding:0 32px 24px 0;margin:0;font-size:15px;line-height:1.7;color:#55555a}

.consult{background:#a8152e;color:#fff;padding:96px 0;text-align:center}
.consult .two{display:block}
.consult h2{font-family:"Noto Serif KR",serif;font-weight:500;font-size:min(9vw,42px);letter-spacing:-.02em;line-height:1.3;color:#fff}
.tel{margin-top:24px;color:#fff;font-size:min(13vw,60px);line-height:1;text-align:center}
.tel-s{margin-top:12px;color:rgba(255,255,255,.8);font-size:14px;text-align:center}
.form{margin-top:44px;padding:0;background:none;border:0;text-align:left}
.form label{display:block;margin-top:16px;color:#fff;font-size:14px;font-weight:500}
.form input,.form select{display:block;width:100%;height:52px;margin-top:6px;padding:0 14px;background:#fff;border:0;border-radius:4px;color:#111;font:inherit;font-size:16px}
.form .btn{display:block;width:100%;height:56px;margin-top:24px;background:#111;border:0;border-radius:4px;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.form-msg{margin-top:12px;color:#fff;font-size:14px;text-align:center}

/* 하단 바: 200px 넘게 스크롤하면 등장 */
.bar{transform:translateY(100%);visibility:hidden;transition:transform .3s ease,visibility .3s}
.bar.show{transform:none;visibility:visible}

/* 업무사례 설명 */
.ppr-l h3{margin-top:14px;font-size:15px;font-weight:600;line-height:1.4;color:#fff;text-align:left}
.ppr-l p{margin-top:5px;font-size:13px;font-weight:400;line-height:1.55;color:#a9a9ae;text-align:left}

/* 선택 칸: 기본 꺾쇠 대신 여백을 둔 꺾쇠 */
.form select{-webkit-appearance:none;appearance:none;padding:0 46px 0 16px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23111' stroke-width='1.5'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") right 18px center/12px 8px no-repeat}
.form input{padding:0 16px}

/* 하단 바: 얇은 흰 테두리, 둥근 위 모서리, 가운데로 튀어나온 원형 심볼 */
.bar{grid-template-columns:1fr 64px 1fr;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)) calc(50% - 32px) 50%/1px 20px no-repeat,linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)) calc(50% + 32px) 50%/1px 20px no-repeat,#fff;border:1px solid #fff;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.12)}
.bar a,.bar a:first-child,.bar a:last-child{background:none;color:#111;border-radius:0}
.bar a:first-child{grid-column:1}.bar a:last-child{grid-column:3}
.bar:before{content:"";position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:#fff;pointer-events:none}
.bar:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:36px;margin:-18px 0 0 -13px;background:url(images/logo-brush.png) center/contain no-repeat;pointer-events:none}
.team-l .cv{display:block;margin-top:10px}
.team-l .cv li{padding:2px 0;border:0;font-size:12.5px;line-height:1.45;color:var(--mute);word-break:keep-all}