diff --git a/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx b/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
index 640f6b3..d5380cb 100644
--- a/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
+++ b/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
@@ -5,12 +5,6 @@ import Qselect from "@/components/common/select/Qselect";
 const SelectOption01 = [
     {name: '瓦53A',}, {name: '瓦53A'}, {name: '瓦53A'}, {name: '瓦53A'}
 ]
-const SelectOption02 = [
-    {name: '265',}, {name: '265'}, {name: '265'}, {name: '265'}
-]
-const SelectOption03 = [
-    {name: '235',}, {name: '235'}, {name: '235'}, {name: '235'}
-]
 const SelectOption04 = [
     {name: '455'}, {name: '455'}, {name: '455'}, {name: '455'}
 ]
@@ -88,14 +82,14 @@ export default function PlacementSettingPop(){
                                             </div>
                                             <div className="flex-ment">
                                                 <span>W</span>
-                                                <div className="grid-select no-flx" style={{width: '84px'}}>
-                                                    <Qselect title={'265'} option={SelectOption02}/>
+                                                <div className="input-grid" style={{width: '84px'}}>
+                                                    <input type="text" className="input-origin block" defaultValue={100} readOnly/>
                                                 </div>
                                             </div>
                                             <div className="flex-ment">
                                                 <span>L</span>
-                                                <div className="grid-select no-flx" style={{width: '84px'}}>
-                                                    <Qselect title={'235'} option={SelectOption03}/>
+                                                <div className="input-grid" style={{width: '84px'}}>
+                                                    <input type="text" className="input-origin block" defaultValue={100} readOnly/>
                                                 </div>
                                             </div>
                                             <div className="flex-ment">
@@ -105,12 +99,7 @@ export default function PlacementSettingPop(){
                                                 </div>
                                             </div>
                                         </div>
-                                        <div className="placement-roof-btn-wrap">
-                                            <div className="icon-btn-wrap mt10">
-                                                <button className="act">並列式<i className="allocation01"></i></button>
-                                                <button>カスケード <i className="allocation02"></i></button>
-                                            </div>
-                                        </div>
+                                        
 
                                         {/* case02 */}
                                         {/* <div className="placement-option">
@@ -119,8 +108,8 @@ export default function PlacementSettingPop(){
                                             </div>
                                             <div className="flex-ment">
                                                 <span>ハゼビーチ</span>
-                                                <div className="grid-select no-flx" style={{width: '84px'}}>
-                                                    <Qselect title={'265'} option={SelectOption02}/>
+                                                <div className="input-grid" style={{width: '84px'}}>
+                                                    <input type="text" className="input-origin block" defaultValue={100} readOnly/>
                                                 </div>
                                             </div>
                                             <div className="flex-ment">
@@ -138,8 +127,8 @@ export default function PlacementSettingPop(){
                                             </div>
                                             <div className="flex-ment">
                                                 <span>ハゼビーチ</span>
-                                                <div className="grid-select no-flx" style={{width: '84px'}}>
-                                                    <Qselect title={'265'} option={SelectOption02}/>
+                                                <div className="input-grid" style={{width: '84px'}}>
+                                                    <input type="text" className="input-origin block" defaultValue={100} readOnly/>
                                                 </div>
                                             </div>
                                         </div> */}
@@ -151,8 +140,8 @@ export default function PlacementSettingPop(){
                                             </div>
                                             <div className="flex-ment">
                                                 <span>L</span>
-                                                <div className="grid-select no-flx" style={{width: '84px'}}>
-                                                    <Qselect title={'235'} option={SelectOption03}/>
+                                                <div className="input-grid" style={{width: '84px'}}>
+                                                    <input type="text" className="input-origin block" defaultValue={100} readOnly/>
                                                 </div>
                                             </div>
                                             <div className="flex-ment">
@@ -162,6 +151,13 @@ export default function PlacementSettingPop(){
                                                 </div>
                                             </div>
                                         </div> */}
+
+                                        <div className="placement-roof-btn-wrap">
+                                            <div className="icon-btn-wrap mt10">
+                                                <button className="act">並列式<i className="allocation01"></i></button>
+                                                <button>カスケード <i className="allocation02"></i></button>
+                                            </div>
+                                        </div>
                                     </td>
                                 </tr>
 
diff --git a/src/components/canvas/modal/roofallocation/RoofAllocation.jsx b/src/components/canvas/modal/roofallocation/RoofAllocation.jsx
index f58c8a6..86357b7 100644
--- a/src/components/canvas/modal/roofallocation/RoofAllocation.jsx
+++ b/src/components/canvas/modal/roofallocation/RoofAllocation.jsx
@@ -4,12 +4,6 @@ import Qselect from "@/components/common/select/Qselect";
 const SelectOption01 = [
     {name: '瓦53A',}, {name: '瓦53A'}, {name: '瓦53A'}, {name: '瓦53A'}
 ]
-const SelectOption02 = [
-    {name: '265',}, {name: '265'}, {name: '265'}, {name: '265'}
-]
-const SelectOption03 = [
-    {name: '235',}, {name: '235'}, {name: '235'}, {name: '235'}
-]
 const SelectOption04 = [
     {name: '455'}, {name: '455'}, {name: '455'}, {name: '455'}
 ]
@@ -51,14 +45,14 @@ export default function RoofAllocation() {
                                 <div className="block-box">
                                     <div className="flex-ment">
                                         <span>W</span>
-                                        <div className="grid-select" style={{width: '100px'}}>
-                                            <Qselect title={'265'} option={SelectOption02}/>
+                                        <div className="input-grid" style={{width: '100px'}}>
+                                            <input type="text" className="input-origin block" defaultValue={100} readOnly/>
                                         </div>
                                     </div>
                                     <div className="flex-ment">
                                         <span>L</span>
-                                        <div className="grid-select" style={{width: '100px'}}>
-                                            <Qselect title={'235'} option={SelectOption03}/>
+                                        <div className="input-grid" style={{width: '100px'}}>
+                                            <input type="text" className="input-origin block" defaultValue={100} readOnly/>
                                         </div>
                                     </div>
                                     <div className="flex-ment">
@@ -93,14 +87,14 @@ export default function RoofAllocation() {
                                 <div className="block-box">
                                     <div className="flex-ment">
                                         <span>W</span>
-                                        <div className="grid-select" style={{width: '100px'}}>
-                                            <Qselect title={'265'} option={SelectOption02}/>
+                                        <div className="input-grid" style={{width: '100px'}}>
+                                            <input type="text" className="input-origin block" defaultValue={100} readOnly/>
                                         </div>
                                     </div>
                                     <div className="flex-ment">
                                         <span>L</span>
-                                        <div className="grid-select" style={{width: '100px'}}>
-                                            <Qselect title={'235'} option={SelectOption03}/>
+                                        <div className="input-grid" style={{width: '100px'}}>
+                                            <input type="text" className="input-origin block" defaultValue={100} readOnly/>
                                         </div>
                                     </div>
                                     <div className="flex-ment">
diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx
index 30c4cf3..8bd8f42 100644
--- a/src/components/publishpage/PublishPage.jsx
+++ b/src/components/publishpage/PublishPage.jsx
@@ -205,10 +205,15 @@ export default function PublishPage() {
                     <li>2024-12-09</li>
                     <li>*동선이동∙형 올림 내림 팝업 각 탭 첫번째 인풋제거</li>
                   </ul>
-                  <ul>
+                  <ul className='mb10'>
                     <li>2024-12-11</li>
                     <li>*배치면 초기설정 팝업 마지막 설정 버튼 추가</li>
                   </ul>
+                  <ul>
+                    <li>2024-12-17</li>
+                    <li>*배치면 초기설정 팝업 W,L input box 변환</li>
+                    <li>*지붕면할당 팝업 W,L input box 변환</li>
+                  </ul>
                 </td>
                 <td className="t-center">2024-10-28</td>
               </tr>