diff --git a/apps/dm/app/(with-layout)/intro/introSection.tsx b/apps/dm/app/(with-layout)/intro/introSection.tsx
index 4e37475b7..fd958073e 100644
--- a/apps/dm/app/(with-layout)/intro/introSection.tsx
+++ b/apps/dm/app/(with-layout)/intro/introSection.tsx
@@ -6,14 +6,14 @@ export default function IntroSection() {
   //     <div class="page-title">
   //       <h2>
   //         <span class="title-text">물재이용법</span>
-  //         <span class="title-bg"></span>
+  //         <span class="title-bg">&nbsp;</span>
   //       </h2>
   //     </div>
 
   //     <div class="sections">
   //       <section id="law-plan" class="section first">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>법률 제·개정 및 기본계획 수립</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -25,7 +25,7 @@ export default function IntroSection() {
 
   //       <section id="plan-performance" class="section">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>제2차 계획 대비 실적 현황</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -37,7 +37,7 @@ export default function IntroSection() {
 
   //       <section id="domestic-change" class="section">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>우리나라의 수자원 현황 및 물이용 여건</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -49,7 +49,7 @@ export default function IntroSection() {
 
   //       <section id="policy-history" class="section">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>물 재이용 정책 변화 추이</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -61,7 +61,7 @@ export default function IntroSection() {
 
   //       <section id="law-relation" class="section">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>타법령과의 관계 검토</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -73,7 +73,7 @@ export default function IntroSection() {
 
   //       <section id="domestic-linkage" class="section">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>주요 국가계획의 정책방향과 연계한 물 재이용 정책 필요</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -87,14 +87,14 @@ export default function IntroSection() {
   //     <div class="page-title">
   //       <h2>
   //         <span class="title-text">빗물이용시설</span>
-  //         <span class="title-bg"></span>
+  //         <span class="title-bg">&nbsp;</span>
   //       </h2>
   //     </div>
 
   //     <div class="sections">
   //       <section id="rain-intro" class="section first">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>빗물 재이용 소개</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -106,7 +106,7 @@ export default function IntroSection() {
 
   //       <section id="rain-mandatory" class="section">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>빗물이용시설 설치 관리 법적 의무 대상</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -118,7 +118,7 @@ export default function IntroSection() {
 
   //       <section id="rain-design" class="section">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>빗물이용시설 설계 방안</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -130,7 +130,7 @@ export default function IntroSection() {
 
   //       <section id="rain-standards" class="section">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>빗물이용시설 시설기준 및 관리기준</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -144,14 +144,14 @@ export default function IntroSection() {
   //     <div class="page-title">
   //       <h2>
   //         <span class="title-text">중수도</span>
-  //         <span class="title-bg"></span>
+  //         <span class="title-bg">&nbsp;</span>
   //       </h2>
   //     </div>
 
   //     <div class="sections">
   //       <section id="greywater-intro" class="section first">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>중수 재이용 소개</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -163,7 +163,7 @@ export default function IntroSection() {
 
   //       <section id="greywater-mandatory" class="section">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>중수도 설치 의무 대상</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -175,7 +175,7 @@ export default function IntroSection() {
 
   //       <section id="greywater-standard" class="section">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>중수도 시설기준 및 관리기준</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -189,14 +189,14 @@ export default function IntroSection() {
   //     <div class="page-title">
   //       <h2>
   //         <span class="title-text">하수처리수 재이용</span>
-  //         <span class="title-bg"></span>
+  //         <span class="title-bg">&nbsp;</span>
   //       </h2>
   //     </div>
 
   //     <div class="sections">
   //       <section id="treatedwater-intro" class="section first">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>하수처리수 소개</h3>
   //         </div>
   //         <div class="image-wrap">
@@ -208,7 +208,7 @@ export default function IntroSection() {
 
   //       <section id="treatedwater-mandatory" class="section">
   //         <div class="section-title">
-  //           <span class="section-bar"></span>
+  //           <span class="section-bar">&nbsp;</span>
   //           <h3>하수처리수 재이용시설 의무 대상</h3>
   //         </div>
   //         <div class="image-wrap">