/* 보도블럭시공방법 — 전용 스타일 (팔레트: #26343F / #EDF2F4 / #EF8354, 타입스케일 1.414, 패딩 120px, 라운드 4px) */
@font-face{
  font-family:"IBM Plex Sans KR";
  src:local("IBM Plex Sans KR");
  font-display:swap;
}
@font-face{
  font-family:"Noto Sans KR";
  src:local("Noto Sans KR");
  font-display:swap;
}
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');

:root{
  --dp-method-primary:#26343F;
  --dp-method-bg:#EDF2F4;
  --dp-method-accent:#EF8354;
  --dp-method-font-head:"IBM Plex Sans KR","Noto Sans KR","Pretendard",sans-serif;
  --dp-method-font-body:"Noto Sans KR","Pretendard",sans-serif;
}

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

.dp-method-hero h1{font-family:var(--dp-method-font-head);font-size:clamp(30px,4.8vw,50px);}
.dp-method-body{font-family:var(--dp-method-font-body);font-size:17px;line-height:1.9;color:#33424c;max-width:820px;}
.dp-method-body + .dp-method-body{margin-top:22px;}
.dp-method-lead{font-family:var(--dp-method-font-body);font-size:19px;line-height:1.95;color:var(--dp-method-primary);font-weight:600;}
.dp-method-eyebrow{background:#fbe1d3;color:#b85a2c;border-radius:4px;}

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

/* 히어로: 좌 도해 · 우 텍스트 */
.dp-method-hero{background:linear-gradient(180deg,var(--dp-method-primary) 0%,#18232b 100%);}
.dp-method-hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:44px;align-items:center;}
.dp-method-hero .btn{border-radius:4px;}
.dp-method-hero .btn-primary{background:var(--dp-method-accent);color:#26343F;box-shadow:0 10px 24px rgba(239,131,84,.35);}
.dp-method-hero .btn-primary:hover{background:#d96f42;}

.dp-method-diagram{
  display:flex;flex-direction:column;
  border-radius:4px;overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.3);
}
.dp-method-diagram-layer{
  padding:20px;
  text-align:center;
  font-size:14px;
  font-weight:700;
  color:#fff;
}
.dp-l1{background:var(--dp-method-accent);color:#26343F;}
.dp-l2{background:#8a9aa4;}
.dp-l3{background:#4a5c68;}
.dp-l4{background:#182029;}

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

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

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

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

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

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