/* 보도블럭시공기간 — 전용 스타일 (팔레트: #14213D / #FFFFFF / #FCA311, 타입스케일 1.200, 패딩 64px, 라운드 12px) */
:root{
  --dp-dur-primary:#14213D;
  --dp-dur-bg:#FFFFFF;
  --dp-dur-accent:#FCA311;
  --dp-dur-radius:12px;
  --dp-dur-font:"Pretendard","Noto Sans KR",sans-serif;
}

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

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

/* 타입 스케일 1.200 기준 */
.dp-dur-hero h1{font-family:var(--dp-dur-font);font-size:clamp(30px,4vw,41px);}
.dp-dur-body{font-family:var(--dp-dur-font);font-size:17px;line-height:1.85;color:#2b3446;max-width:820px;}
.dp-dur-body + h2{font-family:var(--dp-dur-font);}
.dp-dur-lead{font-family:var(--dp-dur-font);font-size:19px;line-height:1.9;color:var(--dp-dur-primary);font-weight:600;}
.dp-dur-eyebrow{background:#fff1da;color:#a56200;}

/* 히어로: 시간축 */
.dp-dur-hero{background:linear-gradient(180deg,var(--dp-dur-primary) 0%,#0d1730 100%);}
.dp-dur-hero .btn-primary{background:var(--dp-dur-accent);color:#14213D;box-shadow:0 10px 24px rgba(252,163,17,.35);}
.dp-dur-hero .btn-primary:hover{background:#e08e00;}

.dp-dur-timeline{
  margin-top:48px;
  display:flex;
  gap:0;
  position:relative;
  padding-top:10px;
}
.dp-dur-timeline::before{
  content:"";
  position:absolute;
  top:15px;left:0;right:0;
  height:2px;
  background:rgba(255,255,255,.25);
}
.dp-dur-tl-item{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  position:relative;
  z-index:1;
}
.dp-dur-tl-dot{
  width:12px;height:12px;border-radius:50%;
  background:var(--dp-dur-accent);
  border:3px solid var(--dp-dur-primary);
}
.dp-dur-tl-label{font-size:13px;font-weight:700;color:#fff;text-align:center;}

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

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

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

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

@media (max-width:640px){
  .dp-dur-timeline{flex-wrap:wrap;gap:16px 0;}
  .dp-dur-timeline::before{display:none;}
  .dp-dur-tl-item{flex:1 1 45%;}
}

/* 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;}}