/* ===== 데이터 분석 이유 — 6개 데이터 아이콘 (핀스크롤 대체) =====
   다크 섹션 · "여러 데이터를 함께 봐야 원인이 보인다" 강조. */
.dr{
  background:#0d0e11; color:#fff;
  padding:clamp(64px,8vw,120px) clamp(20px,5vw,40px);
  /* 전역 main>section{min-height:100svh} 무효화 — 콘텐츠 자연 높이 */
  min-height:0 !important;
  height:auto !important;
}
.dr-inner{max-width:1080px; margin:0 auto; text-align:center;}
.dr-title{
  margin:12px 0 0;
  font-size:clamp(23px,3.3vw,40px); font-weight:800; letter-spacing:-.5px; line-height:1.42;
}
.dr-title span{color:var(--orange,#f97316);}
.dr-sub{
  margin:16px auto 0; max-width:600px;
  color:rgba(255,255,255,.62); font-size:clamp(14px,1.4vw,16px); line-height:1.65;
}
.dr-grid{
  list-style:none; margin:clamp(40px,5vw,56px) 0 0; padding:0;
  display:grid; grid-template-columns:repeat(6,1fr); gap:clamp(12px,1.5vw,18px);
}
.dr-item{
  display:flex; flex-direction:column; align-items:center; gap:9px;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09);
  border-radius:16px; padding:22px 10px 18px;
}
.dr-ic{
  width:46px; height:46px; border-radius:13px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(249,115,22,.14); color:var(--orange,#f97316);
}
.dr-ic svg{width:24px; height:24px;}
.dr-item b{color:#fff; font-size:15px; font-weight:800; letter-spacing:-.02em;}
.dr-item small{color:rgba(255,255,255,.5); font-size:12px; letter-spacing:-.2px;}
.dr-note{
  margin:clamp(30px,4vw,44px) 0 0;
  color:rgba(255,255,255,.72); font-size:clamp(14px,1.4vw,16px); line-height:1.6;
}
.dr-note b{color:#fff; font-weight:800;}

@media (max-width:760px){
  .dr-grid{grid-template-columns:repeat(3,1fr);}
  .dr-sub br{display:none;}
}
@media (max-width:400px){
  .dr-grid{grid-template-columns:repeat(2,1fr);}
}