diff --git a/src/app/roofcompliance/page.tsx b/src/app/roofcompliance/page.tsx
index dcf1d0f..189afc5 100644
--- a/src/app/roofcompliance/page.tsx
+++ b/src/app/roofcompliance/page.tsx
@@ -24,7 +24,7 @@ export default function RoofCompliancePage(){
         <button className="top-btn"></button>
       </div>
       {/* 지붕제 적합성 상세 팝업 */}
-      <RoofComplianceDetailPop/>
+      {/* <RoofComplianceDetailPop/> */}
     </>
   )
 }
\ No newline at end of file
diff --git a/src/components/PublishList/PublishList.tsx b/src/components/PublishList/PublishList.tsx
index a45a335..4c0454c 100644
--- a/src/components/PublishList/PublishList.tsx
+++ b/src/components/PublishList/PublishList.tsx
@@ -228,6 +228,7 @@ export default function PublishList (){
                       <ul className='mt5'>
                         <li>2025/05/15</li>
                         <li>* 팝업 img태그 Image 컴포넌트 변환</li>
+                        <li>* 최하단 버튼 모음 float버튼 변환</li>
                       </ul>
                     </td>
                     <td className='c red'>2025/05/08</td>
diff --git a/src/components/roofcompliance/RoofCompliance.tsx b/src/components/roofcompliance/RoofCompliance.tsx
index fbc9ed8..5412b74 100644
--- a/src/components/roofcompliance/RoofCompliance.tsx
+++ b/src/components/roofcompliance/RoofCompliance.tsx
@@ -80,15 +80,17 @@ export default function RoofCompliance(){
         <RoofComplianceCheckData/>
         <RoofComplianceCheckData/>
         <RoofComplianceCheckData/>
-        <div className="btn-flex-wrap com">
-          <div className="btn-bx">
-            <button className="btn-frame n-blue icon">全選択<i className="btn-arr"></i></button>
-          </div>
-          <div className="btn-bx">
-            <button className="btn-frame red icon">詳細を見る<i className="btn-arr"></i></button>
-          </div>
-          <div className="btn-bx">
-            <button className="btn-frame n-blue icon">選択ダウンロード<i className="btn-arr"></i></button>
+        <div className="float-btn-wrap">
+          <div className="btn-flex-wrap com">
+            <div className="btn-bx">
+              <button className="btn-frame n-blue icon">全選択<i className="btn-arr"></i></button>
+            </div>
+            <div className="btn-bx">
+              <button className="btn-frame red icon">詳細を見る<i className="btn-arr"></i></button>
+            </div>
+            <div className="btn-bx">
+              <button className="btn-frame n-blue icon">選択ダウンロード<i className="btn-arr"></i></button>
+            </div>
           </div>
         </div>
       </div>
diff --git a/src/styles/components/_sub.scss b/src/styles/components/_sub.scss
index 0723ab1..73c5fc4 100644
--- a/src/styles/components/_sub.scss
+++ b/src/styles/components/_sub.scss
@@ -651,7 +651,14 @@
   @include flex(0px);
   align-items: center;
 }
-
+.float-btn-wrap{
+  position: sticky;
+  bottom: 10px;
+  left: 0;
+  width: 100%;
+  background-color: #fff;
+  z-index: 9;
+}
 @media screen and (max-width: 360px){
   .btn-flex-wrap{
     flex-direction: column;
diff --git a/src/styles/layout/_layout.scss b/src/styles/layout/_layout.scss
index 95ae2e4..0389b2e 100644
--- a/src/styles/layout/_layout.scss
+++ b/src/styles/layout/_layout.scss
@@ -6,7 +6,7 @@
   flex-direction: column;
   width: 100%;
   min-height: 100vh;
-  overflow-x: hidden;
+  // overflow-x: hidden;
   .container{
     flex: 1 1 auto;
   }