/* 보도블럭시공단가 — 전용 스타일 (팔레트: #212121 / #FFFFFF / #E63946, 타입스케일 1.333, 패딩 96px, 라운드 0px 각짐) */
@font-face{
  font-family:"SUIT";
  src:local("SUIT");
  font-display:swap;
}
@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/variable/woff2/SUIT-Variable.css');

:root{
  --dp-unit-primary:#212121;
  --dp-unit-bg:#FFFFFF;
  --dp-unit-accent:#E63946;
  --dp-unit-font:"SUIT","Pretendard","Noto Sans KR",sans-serif;
}

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

body{font-family:var(--dp-unit-font);}
.dp-unit-hero h1{font-family:var(--dp-unit-font);font-size:clamp(32px,4.5vw,48px);}
.dp-unit-body{font-family:var(--dp-unit-font);font-size:17px;line-height:1.85;color:#2c2c2c;max-width:820px;}
.dp-unit-body + .dp-unit-body{margin-top:20px;}
.dp-unit-lead{font-family:var(--dp-unit-font);font-size:19px;line-height:1.9;color:var(--dp-unit-primary);font-weight:600;}
.dp-unit-eyebrow{background:#fcdde0;color:#b3202c;border-radius:0;}

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

/* 히어로: 중앙 단가표 카드 */
.dp-unit-hero{background:var(--dp-unit-primary);}
.dp-unit-hero-center{text-align:center;display:flex;flex-direction:column;align-items:center;}
.dp-unit-hero-center .breadcrumb{justify-content:center;}
.dp-unit-btns{justify-content:center;margin-top:20px;}
.dp-unit-hero .btn{border-radius:0;}
.dp-unit-hero .btn-primary{background:var(--dp-unit-accent);color:#fff;box-shadow:none;}
.dp-unit-hero .btn-primary:hover{background:#c62733;}

.dp-unit-card{
  margin-top:36px;
  width:100%;
  max-width:520px;
  background:var(--dp-unit-bg);
  color:var(--dp-unit-primary);
  padding:0;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
}
.dp-unit-card-row{
  display:flex;justify-content:space-between;
  padding:14px 22px;
  font-size:14.5px;
  border-bottom:1px solid #eee;
}
.dp-unit-card-row:last-of-type{border-bottom:none;}
.dp-unit-card-head{background:var(--dp-unit-primary);color:#fff;font-weight:700;}
.dp-unit-card-note{padding:12px 22px;font-size:12.5px;color:#777;border-top:1px solid #eee;}

/* SVG 도식 */
.dp-unit-svg{width:100%;height:auto;background:#fafafa;padding:12px;}

/* 표 — 각짐 라운드 0 */
.dp-unit-table-wrap{overflow-x:auto;border:1px solid #dcdcdc;}
.dp-unit-table{width:100%;border-collapse:collapse;min-width:520px;background:#fff;}
.dp-unit-table caption{text-align:left;font-size:14px;font-weight:700;color:var(--dp-unit-primary);padding:14px 18px;background:#f2f2f2;}
.dp-unit-table th,.dp-unit-table td{padding:14px 18px;font-size:15px;text-align:left;border-bottom:1px solid #eee;}
.dp-unit-table th{background:var(--dp-unit-primary);color:#fff;font-weight:700;}
.dp-unit-table tbody tr:last-child td{border-bottom:none;}
.dp-unit-table-note{margin-top:14px;font-size:13.5px;color:#666;}

.photo-caption{margin-top:8px;font-size:13.5px;font-weight:700;color:var(--dp-unit-primary);text-align:center;}
.process-item{border-radius:0;}
.guide-item{border-radius:0;}

a:focus-visible,button:focus-visible{outline:3px solid var(--dp-unit-accent);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){.process-item img{transition:none;}}

.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;}}