/* 보도블럭시공비용 — 전용 스타일 (팔레트: #1C2B36 / #F4F6F7 / #FF8C42, 타입스케일 1.200, 패딩 64px, 라운드 12px) */
@font-face{
  font-family:"Gmarket Sans";
  src:local("Gmarket Sans");
  font-display:swap;
}
@import url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSans.css');

:root{
  --dp-cost-primary:#1C2B36;
  --dp-cost-bg:#F4F6F7;
  --dp-cost-accent:#FF8C42;
  --dp-cost-radius:12px;
  --dp-cost-font-head:"Gmarket Sans","Pretendard","Noto Sans KR",sans-serif;
  --dp-cost-font-body:"Pretendard","Noto Sans KR",sans-serif;
}

.site-header{position:sticky;top:0;z-index:60;}

/* 타입 스케일 1.200 기준 */
.dp-cost-hero h1{font-family:var(--dp-cost-font-head);font-size:clamp(30px,4vw,41px);}
.dp-cost-body{font-family:var(--dp-cost-font-body);font-size:17px;line-height:1.85;color:#33414c;max-width:820px;}
.dp-cost-body + .dp-cost-body{margin-top:20px;}
.dp-cost-lead{font-family:var(--dp-cost-font-body);font-size:19px;line-height:1.9;color:var(--dp-cost-primary);font-weight:600;}
.dp-cost-eyebrow{background:#ffe4cc;color:#c85e17;}

/* 섹션 패딩 64px 계열 */
.section{padding:64px 0;}
@media (max-width:768px){.section{padding:44px 0;}}

/* 히어로: 좌 텍스트 · 우 비용 카드 */
.dp-cost-hero{background:linear-gradient(180deg,var(--dp-cost-primary) 0%,#12212b 100%);}
.dp-cost-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;}
.dp-cost-hero-text p{font-family:var(--dp-cost-font-body);}
.dp-cost-hero .btn-primary{background:var(--dp-cost-accent);color:#1C2B36;box-shadow:0 10px 24px rgba(255,140,66,.35);}
.dp-cost-hero .btn-primary:hover{background:#e0721f;}

.dp-cost-card{
  background:var(--dp-cost-bg);
  color:var(--dp-cost-primary);
  border-radius:var(--dp-cost-radius);
  padding:32px 28px;
  box-shadow:0 20px 50px rgba(0,0,0,.25);
}
.dp-cost-card-label{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--dp-cost-accent);margin-bottom:14px;}
.dp-cost-card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.dp-cost-card-list li{
  background:#fff;
  border-radius:8px;
  padding:12px 14px;
  font-size:15px;
  font-weight:700;
  border:1px solid #e2e6e8;
}
.dp-cost-card-note{display:block;margin-top:16px;font-size:12.5px;color:#5a6b76;}

/* SVG 도식 */
.dp-cost-svg{width:100%;height:auto;background:var(--dp-cost-bg);border-radius:var(--dp-cost-radius);padding:12px;}

/* 표 */
.dp-cost-table-wrap{overflow-x:auto;border-radius:var(--dp-cost-radius);border:1px solid #dfe3e5;}
.dp-cost-table{width:100%;border-collapse:collapse;min-width:520px;background:#fff;}
.dp-cost-table caption{text-align:left;font-size:14px;font-weight:700;color:var(--dp-cost-primary);padding:14px 16px;background:#eceff0;}
.dp-cost-table th,.dp-cost-table td{padding:14px 16px;font-size:15px;text-align:left;border-bottom:1px solid #e6e9ea;}
.dp-cost-table th{background:var(--dp-cost-primary);color:#fff;font-weight:700;}
.dp-cost-table tbody tr:last-child td{border-bottom:none;}
.dp-cost-table-note{margin-top:14px;font-size:13.5px;color:#5a6b76;}

/* 사진 캡션 */
.photo-caption{margin-top:8px;font-size:13.5px;font-weight:700;color:var(--dp-cost-primary);text-align:center;}

/* 접근성 · 모션 */
a:focus-visible,button:focus-visible{outline:3px solid var(--dp-cost-accent);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){.process-item img{transition:none;}}

@media (max-width:1024px){
  .dp-cost-hero-grid{grid-template-columns:1fr;}
}

/* footer가 4열(브랜드/바로가기/관련페이지/문의)이라 전역 3열 정의에 최소 오버라이드 */
.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr;}
@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:768px){.footer-grid{grid-template-columns:1fr;}}