diff --git a/apps/sn/app/oper/pplines/page.tsx b/apps/sn/app/oper/pplines/page.tsx
index 9e0fbb534..b5b64b003 100644
--- a/apps/sn/app/oper/pplines/page.tsx
+++ b/apps/sn/app/oper/pplines/page.tsx
@@ -1,7 +1,8 @@
 'use client'
 
 import { useEffect, useState } from "react";
-import { SearchDiv, SelectBox, UiTable } from '@common/business_components';
+import { SearchDiv, SelectBox, UiTable, MainDiv, Title, ContentsDiv, SearchFormLeft, SearchFormRight } from '@common/business_components';
+import ListDiv from '@common/business_components/ui/list_div';
 import { Button, Input } from '@common/components';
 import { useRouter } from "next/navigation";
 import { pplinesService } from "@service";
@@ -16,17 +17,9 @@ const tableHeadlist = [
 export default function Pplines() {
 
   const router = useRouter()
-  const total = 100
+  const total = 20
   const pageSize = 20
 
-  const headName = () => {
-    return(
-      <div className="card-header">
-        <h3 className="text-2xl font-medium text-label">현황정보</h3>
-      </div>
-    )
-  }
-
   const [data, setData] = useState<{ content: any[] }>({ content: [] }); // 초기값을 객체 또는 null로 설정
 
   const fetchData = async () => {
@@ -45,28 +38,28 @@ export default function Pplines() {
     }, []);
 
   return (  
-    <div className="h-auto min-h-full bg-container">
-      <h2 className="px-[1.8rem] pt-[2rem] text-[2.4rem] font-semibold text-title">
-        관로시설
-      </h2>
-      <div className="card card-border">
+    <MainDiv>
+      <Title title="관로시설" />
+      <ContentsDiv>
         <SearchDiv>
-          <form className='grid grid-cols-12 gap-1 w-4/5'>
-            <SelectBox label='시설물' selectArray={[{text:'관로', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' />
-            <SelectBox label='사용여부' selectArray={[{text:'사용', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' />
-            <SelectBox label='경과년도' selectArray={[{text:'10년', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' />
-            <SelectBox label='경사' selectArray={[{text:'', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' />
-            <SelectBox label='흐름방식' selectArray={[{text:'자연유하', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' />
-            <SelectBox label='용도' selectArray={[{text:'오수관', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' />
-            <SelectBox label='관종' selectArray={[{text:'PE관관', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' />
-            <SelectBox label='관경' selectArray={[{text:'50', val:'1'}]} className='col-span-3' onSelectValue={(val: string)=>{}} selectClass='w-24' />
-            <Button className="h-[3.2rem]" onClick={fetchData}>조회</Button>
-          </form>
+          <SearchFormLeft>
+            <SelectBox label='시설물' selectArray={[{text:'관로', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' />
+            <SelectBox label='사용여부' selectArray={[{text:'사용', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' />
+            <SelectBox label='경과년도' selectArray={[{text:'10년', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' />
+            <SelectBox label='경사' selectArray={[{text:'', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' />
+            <SelectBox label='흐름방식' selectArray={[{text:'자연유하', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' />
+            <SelectBox label='용도' selectArray={[{text:'오수관', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' />
+            <SelectBox label='관종' selectArray={[{text:'PE관관', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' />
+            <SelectBox label='관경' selectArray={[{text:'50', val:'1'}]} className='col-span-3' onSelectValue={()=>{}} selectClass='w-24' />
+          </SearchFormLeft>
+          <SearchFormRight>
+            <Button className="px-4 py2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700" size="sm" onClick={fetchData}>조회</Button>
+          </SearchFormRight>
         </SearchDiv>
       
-        <div className="card card-border">
-            <UiTable tableData={data.content} headlist={tableHeadlist} pageSize={pageSize} total={total} children={null} headName={headName()} cellClick={()=>{}} />
-        </div>
-      </div>
-    </div> );
+        <ListDiv>
+            <UiTable tableData={data.content} headlist={tableHeadlist} pageSize={pageSize} total={total} children={null} headName="현황정보" cellClick={()=>{}} />
+        </ListDiv>
+      </ContentsDiv>
+    </MainDiv> );
 }
diff --git a/apps/sn/app/page.tsx b/apps/sn/app/page.tsx
index 5e6189b9f..dd54ce3f9 100644
--- a/apps/sn/app/page.tsx
+++ b/apps/sn/app/page.tsx
@@ -7,13 +7,7 @@ export default function Home() {
     <div className="grid grid-cols-12 gap-2">
       <div className="col-span-2">
         <Link href={"/oper/pplines"}><Button>관로시설</Button></Link>
-      </div>  
-      <div className="col-span-2">
-        <Link href={"/oper/diag"}><Button>점검 및 진단</Button></Link>
-      </div>
-      <div className="col-span-2">
-        <Link href={"/oper/soil"}><Button>중점관리 우수토실</Button></Link>
-      </div>     
+      </div>   
     </div>
   );
 }
diff --git a/apps/sn/app/styles/base.css b/apps/sn/app/styles/base.css
index b8ace0546..8453ff9e8 100644
--- a/apps/sn/app/styles/base.css
+++ b/apps/sn/app/styles/base.css
@@ -1,7 +1,9 @@
 @import "@common/assets/styles/base.css";
 @import "@common/assets/styles/diveicon.css";
 
-
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 html,
 body {
diff --git a/apps/sn/next.config.ts b/apps/sn/next.config.ts
index 3e0729540..e181f70cf 100644
--- a/apps/sn/next.config.ts
+++ b/apps/sn/next.config.ts
@@ -2,6 +2,7 @@ import type { NextConfig } from "next";
 import webpack from "webpack";
 
 const nextConfig: NextConfig = {
+  basePath: "/sn",
   typescript: {
     ignoreBuildErrors: true,  // 이 줄 추가
   },