/* 청소의신 기본 스킨(brand) + 모든 스킨 공통 신뢰 블록(.br-*) */
body[data-skin="brand"]{
  --ink:#0f1c2e; --muted:#4f5d75; --brand:#0b5bd3; --strong:#073f9c;
  --paper:#f5f7fb; --surface:#fff; --line:#dde5ef; --tint:#edf4ff;
  --dark:#0b1a2f; --warm:#e8590c; --radius:14px; --measure:76rem;
  --heading:clamp(2.2rem,4.6vw,3.9rem);
  font-family:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:17px; letter-spacing:-.01em; background:var(--surface);
}
body[data-skin="brand"] h1,body[data-skin="brand"] h2,body[data-skin="brand"] h3{letter-spacing:-.035em;font-weight:800;word-break:keep-all}
body[data-skin="brand"] p,body[data-skin="brand"] li{word-break:keep-all}
body[data-skin="brand"] .site-header{background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom-color:transparent;box-shadow:0 1px 0 var(--line)}
body[data-skin="brand"] .brand{font-size:1.55rem;letter-spacing:-.06em;display:inline-flex;align-items:center;gap:.45rem}
body[data-skin="brand"] .brand::before{content:"";width:1.6rem;height:1.6rem;border-radius:.55rem;background:linear-gradient(135deg,#2f80ff,#0b3d91);box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
body[data-skin="brand"] .site-nav a{font-weight:650;color:#26344b}
body[data-skin="brand"] .site-nav a:hover,body[data-skin="brand"] .site-nav [aria-current="page"]{text-decoration:none;color:var(--brand)}
body[data-skin="brand"] .header-tel{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;color:var(--ink);white-space:nowrap}
body[data-skin="brand"] .header-tel .br-ico{width:1.05rem;height:1.05rem;color:var(--brand)}
body[data-skin="brand"] .button{border-radius:999px;padding:.7rem 1.25rem;font-weight:750}
body[data-skin="brand"] .section + .section{border-top:0}
body[data-skin="brand"] .page-head{background:linear-gradient(180deg,var(--tint),#fff);border-bottom:0}
body[data-skin="brand"] .local-head{background:linear-gradient(160deg,#eaf2ff 0%,#f7faff 55%,#fff 100%);border-bottom:0;padding-block:clamp(1.6rem,4vw,3.6rem)}
body[data-skin="brand"] .local-head h1{font-size:clamp(2.1rem,4.6vw,3.6rem);max-width:none}
body[data-skin="brand"] .local-intro{font-size:1.08rem;color:#33425a;max-width:50rem}
body[data-skin="brand"] .page-jumps a,body[data-skin="brand"] .faq-jumps a{border-radius:999px}
body[data-skin="brand"] .region-list a,body[data-skin="brand"] .place-chip{border-radius:999px}
body[data-skin="brand"] .service-card,body[data-skin="brand"] .case-card,body[data-skin="brand"] .panel{border-radius:var(--radius);box-shadow:0 1px 2px rgba(15,28,46,.04)}
body[data-skin="brand"] .site-footer{background:var(--dark)}
body[data-skin="brand"] .mobile-bar .button{border-radius:999px}
@media screen and (max-width:680px){body[data-skin="brand"]{font-size:16px}body[data-skin="brand"] .header-tel{display:none}}

/* 공통 블록 */
.br-ico{width:1.15em;height:1.15em;flex-shrink:0}
.br-kicker{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .6rem;font-size:.86rem;font-weight:800;letter-spacing:.02em;color:var(--brand)}
.br-sec-head{max-width:46rem;margin:0 auto clamp(1.4rem,3vw,2.3rem);text-align:center}
.br-sec-head h2{font-size:clamp(1.7rem,3.4vw,2.6rem);margin:0}
.br-sec-head p{color:var(--muted);margin:.8rem 0 0;line-height:1.75}
.br-stack{display:grid;gap:clamp(3.5rem,8vw,6.5rem);padding-block:clamp(3rem,7vw,5.5rem)}
.local-guide .br-gallery,.local-guide .br-promises,.local-guide .br-process,.local-guide .br-ceo,.local-guide .br-criteria{margin-block:clamp(.5rem,2vw,1.5rem)}
.br-cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.br-cta .button{min-height:52px;padding-inline:1.4rem;font-size:1.02rem}
.br-btn-main{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 20px -8px rgba(11,91,211,.55)}
.br-btn-phone{background:var(--dark,#0b1a2f);border-color:var(--dark,#0b1a2f);color:#fff}
.br-btn-phone:hover{background:#000;border-color:#000}
.br-btn-kakao{background:#fee500;border-color:#fee500;color:#191919}
.br-btn-kakao:hover{background:#f5d900;border-color:#f5d900;color:#191919}
.br-note{display:flex;gap:.5rem;align-items:flex-start;justify-content:center;color:var(--ink);font-weight:650;margin:1.2rem 0 0;text-align:center}
.br-note .br-ico{color:var(--brand);margin-top:.2rem}
.br-more{text-align:center;margin:1.2rem 0 0}

/* 지역 페이지 머리 */
.br-lh{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1.2rem,3vw,3rem);align-items:center}
.br-lh:not(:has(.br-lh-media)){grid-template-columns:1fr}
.br-lh-copy{min-width:0}
.br-lh-media{margin:0;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3.4;box-shadow:0 20px 40px -24px rgba(15,28,46,.45)}
.br-lh-media img{width:100%;height:100%;object-fit:cover;display:block}
.br-lh-media figcaption{position:absolute;left:.8rem;bottom:.8rem;display:inline-flex;align-items:center;gap:.35rem;background:rgba(11,26,47,.78);color:#fff;font-size:.84rem;font-weight:700;padding:.4rem .75rem;border-radius:999px}
.br-facts-sm{margin-top:1.3rem}
.br-facts-sm strong{font-size:1rem}
.br-facts-sm span{font-size:.8rem}
.local-head .page-jumps{margin-top:1.2rem}
.br-compose-out textarea{font-size:.92rem;line-height:1.6;background:var(--paper)}
.br-photo-grid[data-count="4"] .br-photo:nth-child(4){grid-column:span 2}
.br-photo-grid[data-count="1"] .br-photo.is-wide{grid-column:1 / -1}

/* 메인 히어로 */
.br-hero{background:radial-gradient(1200px 500px at 85% -10%,#dbe9ff 0%,transparent 60%),linear-gradient(180deg,#f3f7ff 0%,#fff 100%);padding-block:clamp(2.4rem,6vw,5rem) clamp(4.5rem,9vw,7rem)}
.br-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.br-hero h1{font-size:var(--heading);line-height:1.15;margin:0}
.br-hero h1 em{font-style:normal;color:var(--brand)}
.br-lead{font-size:clamp(1.04rem,1.6vw,1.2rem);color:#33425a;line-height:1.75;margin:1.2rem 0 0;max-width:36rem}
.br-facts{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.br-facts li{padding:1rem .9rem 0 0;display:grid;gap:.2rem}
.br-facts li+li{padding-left:.9rem;border-left:1px solid var(--line)}
.br-facts strong{font-size:clamp(1.02rem,1.7vw,1.28rem);color:var(--ink);letter-spacing:-.03em}
.br-facts span{font-size:.86rem;color:var(--muted);line-height:1.45}
.br-hero-media{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:.7rem;height:clamp(320px,40vw,500px)}
.br-hero-media figure{margin:0;position:relative;border-radius:20px;overflow:hidden;background:var(--tint);box-shadow:0 20px 40px -24px rgba(15,28,46,.45)}
.br-hero-media .m0{grid-row:1 / span 2}
.br-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.br-hero-media figcaption{position:absolute;left:.8rem;bottom:.8rem;display:inline-flex;align-items:center;gap:.35rem;background:rgba(11,26,47,.78);color:#fff;font-size:.84rem;font-weight:700;padding:.4rem .75rem;border-radius:999px}
.br-hero-media figure:only-child{grid-column:1 / span 2}

/* 빠른 견적 카드 */
.br-quick{margin-top:clamp(-3.6rem,-6vw,-2.6rem);position:relative;z-index:2}
.br-quick-card{display:grid;grid-template-columns:minmax(11rem,.8fr) minmax(0,2.2fr) minmax(12rem,1fr) auto;gap:1rem 1.4rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(1rem,2.4vw,1.6rem) clamp(1rem,2.6vw,2rem);box-shadow:0 24px 50px -28px rgba(15,28,46,.38)}
.br-quick-head h2{font-size:1.3rem;margin:0}
.br-quick-head p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}
.br-quick-card .choice-field{border:0;padding:0;margin:0;min-width:0}
.br-quick-card .choice-field legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.br-quick-card .option-strip{display:flex;flex-wrap:wrap;gap:.4rem}
.br-quick-card .option-chip,.br-quick-card .option-chip:has(input:checked){position:relative;min-height:0;padding:0;border:0;background:none;border-radius:999px}
.br-quick-card .option-chip:focus-within{outline:0}
.br-quick-card .option-chip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.br-quick-card .option-chip span{display:inline-flex;align-items:center;min-height:40px;padding:.4rem .85rem;border:1px solid var(--line);border-radius:999px;font-size:.92rem;font-weight:650;background:#fff}
.br-quick-card .option-chip input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}
.br-quick-card .option-chip input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.br-quick-card .field{margin:0;font-size:.85rem;font-weight:700;color:var(--muted)}
.br-quick-card select{width:100%;min-height:46px;border-radius:12px}
.br-quick-card .br-btn-main{min-height:52px;white-space:nowrap}
.br-quick-tel{grid-column:1 / -1;margin:0;font-size:.9rem;color:var(--muted)}
.br-quick-tel a{color:var(--ink);font-weight:800}

/* 업체를 바꾸는 이유 */
.br-pain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.br-pain-grid article{background:#fff7f3;border:1px solid #ffd9c7;border-radius:18px;padding:1.4rem 1.2rem}
.br-x{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--warm,#e8590c);color:#fff;font-weight:900}
.br-pain-grid h3{font-size:1.1rem;margin:.9rem 0 .4rem}
.br-pain-grid p{margin:0;color:#5b4a42;font-size:.95rem;line-height:1.65}

/* 약속 */
.br-promise-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.br-promise-list li{position:relative;background:var(--tint);border-radius:18px;padding:1.5rem 1.5rem 1.4rem 4.6rem;min-height:7rem}
.br-promise-list b{position:absolute;left:1.4rem;top:1.45rem;font-size:1.5rem;color:var(--brand);font-weight:900;letter-spacing:-.04em}
.br-promise-list h3{font-size:1.15rem;margin:0 0 .4rem}
.br-promise-list p{margin:0;color:#3a4860;line-height:1.7}

/* 서비스 */
.br-svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.br-svc{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:18px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.br-svc:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 18px 36px -24px rgba(11,91,211,.5)}
.br-svc .br-ico{width:2.9rem;height:2.9rem;padding:.65rem;border-radius:14px;background:var(--tint);color:var(--brand)}
.br-svc h3{font-size:1.2rem;margin:.4rem 0 0}
.br-svc p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}
.br-svc span{margin-top:auto;padding-top:.4rem;font-weight:750;color:var(--brand);font-size:.92rem}
.br-special{margin-top:1.6rem;padding:1.3rem 1.4rem;border-radius:18px;background:var(--paper)}
.br-special h3{font-size:1.05rem;margin:0 0 .8rem}

/* 현장 사진 */
.br-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,17vw,230px);gap:.7rem}
.br-photo{position:relative;display:block;border-radius:16px;overflow:hidden;background:var(--tint)}
.br-photo.is-wide{grid-column:span 2;grid-row:span 2}
.br-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.br-photo:hover img{transform:scale(1.04)}
.br-photo span{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .8rem .65rem;color:#fff;font-size:.86rem;font-weight:700;background:linear-gradient(180deg,transparent,rgba(5,15,30,.78))}

/* 견적 기준 */
.br-criteria-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}
.br-criteria-grid article{border:1px solid var(--line);border-radius:16px;padding:1.2rem;background:#fff}
.br-criteria-grid b{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--brand);color:#fff;font-size:.9rem}
.br-criteria-grid h3{font-size:1.02rem;margin:.75rem 0 .35rem}
.br-criteria-grid p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.6}

/* 진행 과정 */
.br-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;counter-reset:s}
.br-steps li{position:relative;padding:1.3rem 1.1rem;border-radius:16px;background:var(--paper)}
.br-steps li:not(:last-child)::after{content:"";position:absolute;top:2.05rem;right:-.65rem;width:.5rem;height:.5rem;border-top:2px solid var(--brand);border-right:2px solid var(--brand);transform:rotate(45deg);z-index:1}
.br-steps b{font-size:.78rem;color:var(--brand);letter-spacing:.06em}
.br-steps h3{font-size:1.1rem;margin:.35rem 0 .35rem}
.br-steps p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.6}

/* 대표 */
.br-ceo{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(1rem,3vw,2.4rem);align-items:start;padding:clamp(1.3rem,3vw,2.4rem);border-radius:22px;background:linear-gradient(135deg,#0b1a2f,#12325f);color:#e8eef8}
.br-ceo:not(:has(img)){grid-template-columns:1fr}
.br-ceo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px}
.br-ceo h2{color:#fff;font-size:clamp(1.4rem,2.6vw,2rem);margin:0 0 .8rem}
.br-ceo .br-kicker{color:#8fb8ff}
.br-ceo p{color:#d3deef;line-height:1.85}
.br-certs{list-style:none;padding:0;margin:1.2rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.br-certs li{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .8rem;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:.9rem;font-weight:650}
.br-certs .br-ico{color:#7fd1a6}

.subregion-article>.br-gallery,.subregion-article>.br-strip,.subregion-article>.br-promises,.subregion-article>.br-process{margin-block:clamp(2rem,5vw,3.5rem)}
.subregion-head .br-cta,.case-article .br-cta{margin-top:1.1rem}

/* 아래 고정 상담 바: 전화·카톡·견적 세 버튼이 한 줄에 들어가게 */
.mobile-bar a{white-space:nowrap}
.mobile-bar a[href*="pf.kakao.com"]{background:#fee500;border-color:#fee500;color:#191919}
@media screen and (max-width:680px){
  .mobile-bar{gap:.4rem}
  .mobile-bar a,.mobile-bar a[href^="tel:"]{flex:1 1 0;padding-inline:.4rem;font-size:.95rem}
  .mobile-bar a[href^="tel:"]{background:var(--dark,#0b1a2f);border-color:var(--dark,#0b1a2f);color:#fff}
}

/* 중간 상담 띠 */
.br-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem 1.6rem;flex-wrap:wrap;padding:clamp(1.1rem,2.6vw,1.6rem) clamp(1.1rem,3vw,2rem);border-radius:20px;background:linear-gradient(120deg,#eaf2ff,#f6f9ff);border:1px solid #d6e4fb}
.br-strip h2{font-size:clamp(1.15rem,2.2vw,1.5rem);margin:0}
.br-strip p{margin:.35rem 0 0;color:var(--muted);font-size:.92rem}
.br-strip .br-cta{margin:0}
.br-strip .br-cta .button{min-height:48px}

/* 마지막 상담 띠 */
.br-final{background:linear-gradient(120deg,#0b3d91,#0b5bd3);color:#fff;padding-block:clamp(2.4rem,5vw,3.6rem)}
.br-final .container{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap}
.br-final h2{color:#fff;font-size:clamp(1.45rem,3vw,2.2rem);margin:0}
.br-final p{color:#d6e4ff;margin:.5rem 0 0}
.br-final .br-kicker{color:#bcd5ff}
.br-final .br-cta{margin:0}
.br-final .br-btn-main{background:#fff;border-color:#fff;color:var(--strong,#073f9c);box-shadow:none}
.br-bizinfo{font-size:.82rem;line-height:1.7;color:#a9b8cc!important;margin-top:.8rem}
.br-areas{scroll-margin-top:5rem}

/* 문자·카톡 견적 작성기 */
.br-compose{display:grid;gap:1rem;padding:clamp(1rem,2.5vw,1.6rem);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.br-compose .field input,.br-compose .field select,.br-compose .field textarea{width:100%}
.br-compose-actions{display:flex;flex-wrap:wrap;gap:.55rem}
.br-compose-actions .button{min-height:50px}
.br-compose-msg{margin:0;font-weight:700;color:var(--brand);min-height:1.2em}
.br-compose-note{margin:0;font-size:.82rem;color:var(--muted)}
@media (hover:hover) and (pointer:fine){.br-compose [data-send="sms"]{display:none}}

.br-admin-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem;margin:.8rem 0}

@media(max-width:1080px){
  .br-quick-card{grid-template-columns:1fr 1fr}
  .br-quick-card .choice-field{grid-column:1 / -1}
  .br-quick-head{grid-column:1 / -1}
  .br-criteria-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .br-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .br-steps li::after{display:none}
  .br-pain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .br-hero-grid,.br-lh{grid-template-columns:1fr}
  .br-lh-media{aspect-ratio:16/9;order:2}
  .br-hero-media{height:clamp(240px,62vw,380px)}
  .br-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .br-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(130px,36vw,210px)}
  .br-promise-list{grid-template-columns:1fr}
  .br-ceo{grid-template-columns:1fr}
  .br-ceo img{max-width:220px}
}
@media(max-width:560px){
  .br-facts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.3rem;border-top:0}
  .br-facts li,.br-facts li+li{padding:.4rem .8rem;border:1px solid var(--line);border-radius:999px;background:#fff}
  .br-facts strong{font-size:.88rem}
  .br-facts span{display:none}
  .br-cta .button{flex:1 1 100%}
  .br-quick-card{grid-template-columns:1fr}
  .br-svc-grid,.br-criteria-grid,.br-steps,.br-pain-grid{grid-template-columns:1fr}
  .br-promise-list li{padding-left:4rem}
  .br-compose-actions .button{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){.br-svc,.br-photo img{transition:none}}