diff --git a/apps/sn/app/ii/mock/page.tsx b/apps/sn/app/ii/mock/page.tsx
index 530e2049e..119def875 100644
--- a/apps/sn/app/ii/mock/page.tsx
+++ b/apps/sn/app/ii/mock/page.tsx
@@ -3,7 +3,7 @@
 import { z } from "zod"
 import { useForm, useFieldArray } from "react-hook-form"
 import { zodResolver } from "@hookform/resolvers/zod"
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage, FormUi } from "@common/business_components/ui"
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage, FormUi, SearchDiv, SearchFormLeft, SearchFormRight, SelectBox } from "@common/business_components/ui"
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Button } from "@common/components/ui"
 import { UiTable } from "@common/business_components/ui"
 import React from "react"
@@ -92,6 +92,17 @@ export default function RTKForm() {
 
     return (
         <ContentLayout title="모의정보 설정">
+            <SearchDiv>
+                <SearchFormLeft>
+                <SelectBox className="col-span-3" label='' selectArray={[{ text: '한강 유역청', val: '1' }]} onSelectValue={(val) => {}} selectClass={undefined}/>
+                    <SelectBox label='' selectArray={[{ text: '경기도', val: '1' }]} className="col-span-3" onSelectValue={() => { }} selectClass='' />
+                    <SelectBox label='' selectArray={[{ text: '양평군', val: '1' }]} className="col-span-3" onSelectValue={() => { }} selectClass='' />
+                    <SelectBox label='' selectArray={[{ text: '양평하수처리장', val: '1' }]} className="col-span-3" onSelectValue={() => { }} selectClass='' />
+                </SearchFormLeft>
+                <SearchFormRight>
+                    <Button>조회</Button>
+                </SearchFormRight>
+            </SearchDiv>
             <ListDiv>
                 <div className="card-header">
                     <h3 className="text-2xl font-medium">모의정보 설정</h3>
diff --git a/apps/sn/app/ii/observe/page.tsx b/apps/sn/app/ii/observe/page.tsx
index 55379f04e..f35e4a4dc 100644
--- a/apps/sn/app/ii/observe/page.tsx
+++ b/apps/sn/app/ii/observe/page.tsx
@@ -48,11 +48,14 @@ export default function RTKForm() {
     return (
         <ContentLayout title="관망도 등록">
             <SearchDiv>
+                <SearchFormLeft>
+                <SelectBox className="col-span-3" label='' selectArray={[{ text: '한강 유역청', val: '1' }]} onSelectValue={(val) => {}} selectClass={undefined}/>
+                    <SelectBox label='' selectArray={[{ text: '경기도', val: '1' }]} className="col-span-3" onSelectValue={() => { }} selectClass='' />
+                    <SelectBox label='' selectArray={[{ text: '양평군', val: '1' }]} className="col-span-3" onSelectValue={() => { }} selectClass='' />
+                    <SelectBox label='' selectArray={[{ text: '양평하수처리장', val: '1' }]} className="col-span-3" onSelectValue={() => { }} selectClass='' />
+                </SearchFormLeft>
                 <SearchFormRight>
-                    <SelectBox label='시설검색' selectArray={[{ text: '한강 유역청', val: '1' }]} className='!mr-2' onSelectValue={() => { }} selectClass='w-[250px]' />
-                    <SelectBox label='' selectArray={[{ text: '경기도', val: '1' }]} className='!mr-2' onSelectValue={() => { }} selectClass='w-[200px]' />
-                    <SelectBox label='' selectArray={[{ text: '양평군', val: '1' }]} className='!mr-2' onSelectValue={() => { }} selectClass='w-[200px]' />
-                    <SelectBox label='' selectArray={[{ text: '양평하수처리장', val: '1' }]} className='' onSelectValue={() => { }} selectClass='w-[250px]' />
+                    <Button>조회</Button>
                 </SearchFormRight>
             </SearchDiv>
             <ListDiv>