/* 냉장고장부분인테리어 · design_id=0(디자인1번) font_id=0(30apt 명조+Pretendard버튼) hero_id=0(오버레이카드) palette_id=8(세이지스톤) */

:root{
  --accent:#3A5348;
  --accent-soft:#E4EDE8;
  --accent-text:#FFFFFF;
  --hero-tint:#F2F5F2;
  --text:#141A17;
  --muted:#55635C;
  --line:#DEE5E1;
  --ink:var(--text);
  --desc:var(--muted);
  --bar-chrome:#EBECEE;
  --font-body:"Noto Serif KR",serif;
  --font-btn:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  word-break:keep-all;
  line-height:1.6;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
h1,h2,h3{margin:0;font-family:var(--font-body);}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px;}
button{font-family:var(--font-btn);cursor:pointer;}

/* ── 헤더 (탑 항상 #FFFFFF) ────────────────────────────── */
header.site-header{
  position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;
  background:#FFFFFF;
  box-shadow:0 1px 16px rgba(0,0,0,.06);
  border-bottom:1px solid var(--line);
}
header.site-header .nav-wrap{
  display:flex;align-items:center;justify-content:space-between;
  max-width:1280px;margin:0 auto;padding:18px 24px;
}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);}
.logo-icon{width:32px;height:32px;flex-shrink:0;color:var(--accent);}
.logo-icon svg{width:100%;height:100%;}
.logo-text{display:flex;flex-direction:column;line-height:1.15;}
.logo-brand{font-size:.95rem;font-weight:700;font-family:var(--font-btn);}
.logo-keyword{font-size:.7rem;font-weight:400;color:var(--accent);letter-spacing:.04em;font-family:var(--font-btn);}

.nav-menu{display:flex;align-items:center;gap:30px;}
.nav-menu a{font-family:var(--font-btn);font-size:15px;color:var(--text);}
.nav-menu .btn-consult{
  font-family:var(--font-btn);
  background:var(--accent);color:var(--accent-text);padding:11px 22px;border-radius:6px;font-size:14px;font-weight:600;border:none;
}
.nav-burger{display:none;background:none;border:none;color:var(--text);font-size:24px;}

/* ── 히어로 (hero_id=0 오버레이카드) ───────────────────── */
.hero{padding:100px 20px 40px;background:#fff;}
.hero__inner{
  position:relative;max-width:1280px;margin:0 auto;
  min-height:560px;border-radius:26px;overflow:hidden;
  background:var(--hero-tint);
  display:flex;align-items:flex-end;justify-content:flex-end;
  padding:56px;
}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.hero__inner::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(to left,
    rgba(10,20,28,.72) 0%, rgba(10,20,28,.45) 42%, rgba(10,20,28,.05) 72%);
}
.hero-text-box{position:relative;z-index:2;max-width:540px;}
.hero-eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;
  background:rgba(255,255,255,.16);color:#fff;font-size:13px;font-weight:600;font-family:var(--font-btn);
  letter-spacing:.4px;margin:0 0 18px;}
.hero h1{font-size:44px;font-weight:700;color:#fff;letter-spacing:-.3px;
  line-height:1.32;margin:0 0 14px;}
.hero-sub{font-family:var(--font-btn);font-size:16px;line-height:28px;color:rgba(255,255,255,.85);
  max-width:440px;margin:0 0 24px;}
.hero-cta{display:flex;gap:12px;margin:0 0 24px;}
.btn{
  font-family:var(--font-btn);display:inline-block;padding:14px 28px;border-radius:6px;font-size:15px;font-weight:600;
  transition:transform .2s ease,opacity .2s ease;
}
.btn-primary{background:var(--accent);color:var(--accent-text);border:1px solid var(--accent);}
.btn-outline{background:transparent;color:var(--text);border:1px solid var(--text);}
.btn:hover{transform:translateY(-2px);}
.btn-fill{height:48px;padding:14px 26px;border-radius:999px;
  background:var(--accent);color:var(--accent-text);font-size:15px;font-weight:600;font-family:var(--font-btn);
  display:inline-flex;align-items:center;}
.hero .btn-line{height:48px;padding:14px 26px;border-radius:999px;
  background:transparent;color:#fff;border:1px solid #fff;font-family:var(--font-btn);
  font-size:15px;font-weight:600;display:inline-flex;align-items:center;}
.hero-checks{display:flex;gap:20px;padding:18px 0 0;margin:0;
  font-family:var(--font-btn);font-size:14px;color:rgba(255,255,255,.85);list-style:disc inside;}
@media(max-width:767px){
  .hero__inner{min-height:420px;padding:28px 24px;}
  .hero-text-box{max-width:100%;}
}

/* 서브페이지 상단 히어로 (배경 이미지 흐림) */
.page-hero{
  position:relative;min-height:44vh;display:flex;align-items:flex-end;
  background-size:cover;background-position:center;overflow:hidden;padding-bottom:56px;
}
.page-hero::before{content:"";position:absolute;inset:0;background:rgba(15,18,22,.5);backdrop-filter:blur(1px);}
.page-hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 24px;color:#fff;width:100%;}
.page-hero .eyebrow{font-family:var(--font-btn);font-size:13px;letter-spacing:.08em;color:var(--accent-soft);margin-bottom:12px;}
.page-hero h1{font-size:clamp(26px,4vw,40px);font-weight:600;}
.page-hero .sub{font-family:var(--font-btn);font-size:14px;color:#eee;margin-top:10px;}

/* ── 섹션 공통 ─────────────────────────────────────────── */
.section{padding:88px 0;}
.section-head{margin-bottom:44px;}
.eyebrow{font-family:var(--font-btn);font-size:13px;letter-spacing:.1em;color:var(--accent);font-weight:600;margin-bottom:12px;}
.section-title{font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.4;}
.section-desc{font-family:var(--font-btn);color:var(--desc);font-size:15px;margin-top:14px;max-width:640px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:640px){.section-desc{white-space:normal;}}

/* ── 소개 ─────────────────────────────────────────────── */
.about-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;}
.about-list li{font-family:var(--font-btn);font-size:14px;color:var(--desc);padding:20px;background:#fff;border:1px solid #EAEAEA;border-radius:10px;}
.about-list li b{display:block;color:var(--ink);font-size:16px;margin-bottom:6px;font-family:var(--font-body);}

/* ── 서비스 카드 (라인 아이콘) ─────────────────────────── */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px;}
.svc-card{background:#fff;border:1px solid #EAEAEA;border-radius:12px;padding:30px 24px;}
.svc-icon{display:block;width:32px;height:32px;color:var(--accent);margin-bottom:18px;}
.svc-icon svg{width:100%;height:100%;}
.svc-card h3{font-size:17px;margin-bottom:10px;}
.svc-card p{font-family:var(--font-btn);font-size:13.5px;color:var(--desc);line-height:1.65;margin:0;}

/* ── 시공사례 카드 (design_id=0: 4장 2x2 원그로브 호버) ─── */
.cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px;}
.case-card{position:relative;width:100%;height:396px;border-radius:10px;overflow:hidden;display:block;}
.case-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.case-card .case-face{
  position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;
  opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;
}
.case-card .case-face .tag{font-family:var(--font-btn);font-size:12px;color:var(--accent);margin-bottom:8px;}
.case-card .case-face h3{font-size:19px;margin-bottom:8px;}
.case-card .case-face p{font-family:var(--font-btn);font-size:13px;color:var(--desc);line-height:1.6;}
.case-card:hover img{transform:scale(1.06);}
.case-card:hover .case-face{opacity:1;transform:translateY(0);}
.case-card .case-label{
  position:absolute;left:20px;bottom:20px;color:#fff;font-family:var(--font-btn);font-size:15px;font-weight:600;
  text-shadow:0 2px 10px rgba(0,0,0,.5);transition:opacity .3s ease;z-index:2;
}
.case-card:hover .case-label{opacity:0;}
.cases-more{margin-top:34px;text-align:center;}

/* ── FAQ ──────────────────────────────────────────────── */
.faq-wrap{margin-top:36px;border-top:1px solid #E5E5E5;}
.faq-item{border-bottom:1px solid #E5E5E5;}
.faq-q{
  width:100%;text-align:left;background:none;border:none;padding:22px 4px;font-size:16px;font-weight:600;
  display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);color:var(--ink);
}
.faq-toggle{font-family:var(--font-btn);color:var(--accent);font-size:20px;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-a p{font-family:var(--font-btn);font-size:14.5px;color:var(--desc);padding:0 4px 22px;margin:0;line-height:1.7;}
.faq-item.open .faq-a{max-height:400px;}
.faq-item.open .faq-toggle{transform:rotate(45deg);}

/* ── Closing B-25 ─────────────────────────────────────── */
.closing{
  position:relative;height:650px;background-size:cover;background-position:center;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.closing::before{content:"";position:absolute;inset:0;background:rgba(19,19,19,.55);}
.closing-inner{position:relative;z-index:2;text-align:center;color:#fff;padding:0 24px;}
.closing-inner h2{font-size:clamp(24px,3.4vw,36px);font-weight:600;margin-bottom:18px;}
.closing-inner .quote{font-family:var(--font-btn);font-size:15px;color:#EDEDED;margin-bottom:30px;}
.closing-inner .btn-closing{
  font-family:var(--font-btn);display:inline-block;padding:14px 34px;border:1px solid #fff;color:#fff;
  border-radius:0;font-size:14px;letter-spacing:.05em;background:transparent;
}

/* ── 푸터 ─────────────────────────────────────────────── */
footer.site-footer{background:#fff;color:var(--text);border-top:1px solid var(--line);padding:52px 0 96px;}
.footer-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.footer-biz{font-family:var(--font-btn);font-size:13px;line-height:2;opacity:.85;}
.footer-biz b{font-size:15px;opacity:1;font-family:var(--font-body);}
.footer-hub{font-family:var(--font-btn);font-size:13px;}
.footer-hub .hub-title{font-weight:700;margin-bottom:12px;font-size:14px;}
.footer-hub ul{display:flex;flex-direction:column;gap:8px;}
.footer-hub a{opacity:.75;}
.footer-hub a:hover{opacity:1;}
.footer-btnrow{display:flex;gap:10px;margin-top:22px;}
.footer-btnrow a{font-family:var(--font-btn);font-size:13px;border:1px solid currentColor;opacity:.85;padding:9px 16px;border-radius:6px;}
.copyright{font-family:var(--font-btn);font-size:12px;opacity:.5;margin-top:34px;}

/* ── 하단 상담바 B-23 / 모바일 고정바 ──────────────────── */
.bottombar{
  position:fixed;left:0;right:0;bottom:0;width:100%;z-index:900;
  background:var(--bar-chrome);border-top:1px solid #E5E7EB;box-shadow:0 -6px 22px rgba(0,0,0,.08);
  transform:translateY(100%);opacity:0;transition:transform .3s ease,opacity .3s ease;
  display:flex;align-items:center;justify-content:center;padding:14px 20px;
}
.bottombar.show{transform:translateY(0);opacity:1;}
.bottombar a.btn-primary{width:100%;max-width:420px;text-align:center;padding:14px;font-size:15px;}

.mobile-bar{display:none;}
@media(max-width:767px){
  .bottombar{display:none;}
  .mobile-bar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:950;
    background:var(--bar-chrome);border-top:1px solid #E5E7EB;box-shadow:0 -4px 16px rgba(0,0,0,.08);
  }
  .mobile-bar a{flex:1;text-align:center;padding:15px 8px;font-family:var(--font-btn);font-size:14px;font-weight:600;}
  .mobile-bar a.mb-consult{background:var(--accent);color:#fff;}
  .mobile-bar a.mb-call{color:var(--ink);}
  body{padding-bottom:56px;}
}

/* ── 시공사례 상세: 550x410 대표컷 ────────────────────── */
.case-detail-hero{max-width:550px;margin:56px auto 12px;}
.case-detail-hero img{width:550px;max-width:100%;height:410px;object-fit:cover;border-radius:18px;}
.case-meta{text-align:center;font-family:var(--font-btn);font-size:11px;color:#9AA0A6;letter-spacing:.06em;margin-bottom:10px;}
.case-title{text-align:center;font-size:clamp(22px,3vw,28px);font-weight:700;margin-bottom:36px;padding:0 20px;}
.case-body{max-width:760px;margin:0 auto;padding:0 24px;font-size:15.5px;color:#333;white-space:pre-line;}
.case-body p{margin:0 0 20px;}

/* 전후 .ba-row */
.ba-row{max-width:900px;margin:48px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.ba-row figure{margin:0;}
.ba-row img{width:100%;height:auto;object-fit:contain;border-radius:14px;background:#F3F3F1;}
.ba-row figcaption{text-align:center;font-family:var(--font-btn);font-size:13px;color:var(--desc);margin-top:10px;}

/* PROCESS */
.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #E0E0DC;}
.process-item{padding:28px 20px 28px 24px;border-right:1px solid #E0E0DC;}
.process-item:first-child{padding-left:0;}
.process-item:last-child{border-right:none;}
.pnum{display:block;font-size:13px;font-weight:700;color:var(--accent);margin-bottom:10px;font-family:var(--font-btn);}
.process-item h3{font-size:16px;font-weight:800;color:#22262B;margin:0 0 8px;}
.process-item p{font-size:13.5px;color:#5B6169;line-height:1.65;margin:0;font-family:var(--font-btn);}

/* 관련사례 2장 */
.related-row{max-width:900px;margin:0 auto;padding:56px 24px 0;}
.related-row .rr-title{font-size:13px;color:var(--desc);font-family:var(--font-btn);margin-bottom:16px;}
.related-row .rr-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.related-row .rr-grid img{width:100%;height:180px;object-fit:cover;border-radius:12px;}
.related-row .rr-grid .rr-cap{font-family:var(--font-btn);font-size:13.5px;margin-top:8px;}

/* nearby */
.nearby h3{font-size:15px;font-family:var(--font-btn);margin:0 0 14px;}
.nearby-list{display:flex;flex-wrap:wrap;gap:10px;}
.nearby-list a{font-family:var(--font-btn);font-size:13px;border:1px solid #E5E5E5;padding:8px 14px;border-radius:20px;color:var(--desc);}

/* prevnext */
.prevnext{max-width:900px;margin:40px auto 0;padding:20px 24px;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;display:flex;justify-content:space-between;font-family:var(--font-btn);font-size:13.5px;}

/* 갤러리 (남은 실사) */
.case-gallery{max-width:900px;margin:40px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.case-gallery img{width:100%;height:220px;object-fit:cover;border-radius:12px;cursor:zoom-in;}

/* ── /portfolio 리스트 (영림형) ────────────────────────── */
.pf-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:64px 0 40px;}
.pf-intro .about-list{grid-template-columns:1fr;margin-top:24px;}
.pf-intro img{width:100%;height:340px;object-fit:cover;border-radius:14px;}
.pf-list{display:flex;flex-wrap:wrap;gap:28px 22px;padding:20px 0 60px;}
.pf-list .pf-card{display:block;}
.pf-list .pf-card:nth-child(12n+1),.pf-list .pf-card:nth-child(12n+6),.pf-list .pf-card:nth-child(12n+9){width:calc(30% - 15px);}
.pf-list .pf-card:nth-child(12n+2),.pf-list .pf-card:nth-child(12n+5),.pf-list .pf-card:nth-child(12n+10){width:calc(68% - 15px);}
.pf-list .pf-card{width:calc(49% - 11px);}
.pf-list .im{overflow:hidden;border-radius:0;}
.pf-list .im img{width:100%;aspect-ratio:7/6;object-fit:cover;border-radius:0;transition:transform .4s ease;}
.pf-list .pf-card:hover .im img{transform:scale(1.03);}
.pf-list .pf-cap{padding:14px 2px;font-family:var(--font-btn);}
.pf-list .pf-cap .pf-tag{font-size:11px;color:var(--accent);margin-bottom:6px;}
.pf-list .pf-cap h3{font-size:16px;font-family:var(--font-body);}
.pf-pagination{display:flex;justify-content:center;gap:10px;padding-bottom:60px;font-family:var(--font-btn);}
.pf-pagination a,.pf-pagination span{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--desc);}
.pf-pagination .cur{background:#000;color:#fff;}

/* ── 지역 페이지 ──────────────────────────────────────── */
.region-body{max-width:760px;margin:0 auto;padding:64px 24px 0;font-size:15.5px;color:#333;white-space:pre-line;}
.region-nearby{max-width:900px;margin:0 auto;padding:40px 24px 0;}
.region-nearby .rn-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.region-nearby .rn-list a{font-family:var(--font-btn);font-size:13px;border:1px solid #E5E5E5;padding:8px 14px;border-radius:20px;}

/* ── about / contact ──────────────────────────────────── */
.simple-body{max-width:760px;margin:0 auto;padding:64px 24px 30px;font-size:15.5px;color:#333;}
.simple-body p{margin:0 0 18px;}
.contact-phone{display:block;text-align:center;font-size:clamp(28px,5vw,40px);font-weight:700;color:var(--accent);margin:30px 0;font-family:var(--font-btn);}
.contact-hours{text-align:center;font-family:var(--font-btn);color:var(--desc);font-size:14px;}

/* ── 라이트박스 ───────────────────────────────────────── */
.lightbox-overlay{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:2000;
  align-items:center;justify-content:center;
}
.lightbox-overlay.open{display:flex;}
.lightbox-overlay img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:6px;}
.lightbox-close{position:absolute;top:24px;right:28px;color:#fff;font-size:32px;background:none;border:none;}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:38px;padding:10px 18px;}
.lightbox-prev{left:10px;}
.lightbox-next{right:10px;}

/* ── sitemap-page ─────────────────────────────────────── */
.sm-grid{max-width:900px;margin:56px auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.sm-grid h3{font-size:15px;margin-bottom:14px;font-family:var(--font-btn);color:var(--accent);}
.sm-grid ul{display:flex;flex-direction:column;gap:8px;}
.sm-grid a{font-family:var(--font-btn);font-size:13.5px;color:var(--desc);}

/* ── 반응형 ───────────────────────────────────────────── */
@media(max-width:900px){
  .nav-menu{position:fixed;top:0;right:0;height:100vh;width:240px;background:#fff;flex-direction:column;
    align-items:flex-start;padding:90px 28px;gap:24px;transform:translateX(100%);transition:transform .3s ease;box-shadow:-8px 0 30px rgba(0,0,0,.08);}
  .nav-menu.open{transform:translateX(0);}
  .nav-menu a{color:var(--ink)!important;}
  .nav-burger{display:block;}
  .about-list,.svc-grid{grid-template-columns:repeat(2,1fr);}
  .cases-grid{grid-template-columns:1fr;}
  .pf-intro{grid-template-columns:1fr;}
  .pf-list .pf-card{width:100%!important;}
  .ba-row{grid-template-columns:1fr;}
  .case-gallery{grid-template-columns:repeat(2,1fr);}
  .process-list{grid-template-columns:1fr 1fr;}
  .related-row .rr-grid{grid-template-columns:1fr 1fr;}
  .sm-grid{grid-template-columns:1fr;}
  .footer-grid{flex-direction:column;}
}

/* ── 통일 칼럼 · 제목 블록 · 문서 섹션 ─────────────────── */
.col{max-width:900px;margin:0 auto;padding:0 24px;}
.title-block{padding:112px 0 8px;}
.title-block .eyebrow{margin-bottom:10px;}
.title-block h1{font-size:clamp(26px,4vw,38px);font-weight:700;line-height:1.35;}
.title-block .sub{font-family:var(--font-btn);font-size:14px;color:var(--desc);margin:10px 0 0;}
.ba-cap{font-family:var(--font-btn);font-size:12.5px;color:var(--desc);margin:12px 0 0;text-align:center;}
.ba-cap a{color:var(--accent);text-decoration:underline;}
.col .ba-row{max-width:none;padding:0;margin-top:28px;}
.doc-sec{margin-top:48px;}
.doc-sec h2{font-size:clamp(20px,2.6vw,26px);font-weight:600;margin-bottom:16px;}
.lead-answer{font-size:16.5px;line-height:1.85;color:#222;margin:0;}
.point-list{font-family:var(--font-btn);font-size:14.5px;color:var(--desc);line-height:1.8;list-style:disc;padding-left:20px;}
.point-list li{margin-bottom:6px;}
.doc-table{width:100%;border-collapse:collapse;font-size:14px;font-family:var(--font-btn);}
.doc-table th{text-align:left;padding:10px 12px;border-bottom:2px solid var(--accent);}
.doc-table td{padding:10px 12px;border-bottom:1px solid #E5E5E5;color:var(--desc);}
.doc-table td b{color:var(--ink);}
.sub-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.sub-links a{display:block;border:1px solid var(--line);border-radius:10px;padding:14px 16px;height:100%;}
.sub-links b{display:block;font-size:15px;margin-bottom:4px;}
.sub-links span{font-family:var(--font-btn);font-size:12.5px;color:var(--desc);line-height:1.5;}
.axis-links{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0;}
.axis-links a{font-family:var(--font-btn);font-size:13px;border:1px solid #E5E5E5;padding:8px 14px;border-radius:20px;color:var(--desc);display:inline-block;}
.footer-hub .axis-links{flex-direction:column;flex-wrap:nowrap;gap:8px;margin:0;}
.footer-hub .axis-links a{border:none;padding:0;border-radius:0;font-size:13px;opacity:.75;}
.rr-grid.rr-1{grid-template-columns:1fr;}
.rr-grid.rr-2{grid-template-columns:1fr 1fr;}
.rr-grid.rr-3{grid-template-columns:repeat(3,1fr);}
.col .rr-grid{display:grid;gap:16px;}
.col .rr-grid img{width:100%;height:170px;object-fit:cover;border-radius:12px;}
.col .rr-grid .rr-cap{font-family:var(--font-btn);font-size:13px;margin-top:8px;}
.faq-h{font-size:inherit;font-weight:inherit;margin:0;}
.col .case-body{max-width:none;padding:0;margin-top:36px;}

/* 홈 큰카드 (제목 → 사진 → 글) */
.big-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px;}
.big-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 22px 24px;}
.big-card h3{font-size:19px;font-weight:600;margin-bottom:14px;line-height:1.4;}
.big-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;}
.big-card p{font-family:var(--font-btn);font-size:13.5px;color:var(--desc);line-height:1.65;margin:14px 0 0;}
.big-card:hover img{opacity:.92;}
#svc-grid .is-more{display:none;}
#svc-grid.show-more{grid-template-columns:repeat(3,1fr);}
#svc-grid.show-more .is-more{display:block;}
#svc-more{background:#fff;}

@media(max-width:900px){
  :root{--hh:96px;}
  header.site-header .nav-wrap{flex-wrap:wrap;gap:8px 0;padding:10px 16px 8px;}
  .logo-keyword{display:none;}
  .nav-burger{display:none!important;}
  .nav-menu,.nav-menu.open{position:static;transform:none;height:auto;width:100%;flex-direction:row;align-items:center;
    justify-content:space-between;padding:0;gap:6px;box-shadow:none;background:transparent;}
  .nav-menu a{font-size:13.5px;white-space:nowrap;}
  .nav-menu .btn-consult{padding:8px 14px;font-size:13px;color:var(--accent-text)!important;}
  .hero{padding-top:124px;}
  .title-block{padding-top:132px;}
  .page-hero{padding-top:80px;}
  .big-grid,#svc-grid.show-more{grid-template-columns:1fr;}
  .sub-links,.rr-grid.rr-3{grid-template-columns:1fr;}
  .title-block h1{word-break:keep-all;font-size:clamp(14px,4.4vw,20px);}
}
.body-p{font-family:var(--font-btn);font-size:15px;line-height:1.85;color:#333;margin:0 0 16px;}
.mini-h{font-size:16px;font-weight:700;margin:20px 0 8px;}