From f4e09b55a2228a5e2361e03f7527c3b612700f39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Thu, 15 May 2025 16:48:13 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A7=80=EB=B6=95=EC=A0=9C=20=EC=A0=81?=
 =?UTF-8?q?=ED=95=A9=EC=84=B1=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=B5=9C?=
 =?UTF-8?q?=ED=95=98=EB=8B=A8=20=EB=B2=84=ED=8A=BC=20float=EB=A9=94?=
 =?UTF-8?q?=EB=89=B4=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/roofcompliance/page.tsx               |  2 +-
 src/components/PublishList/PublishList.tsx    |  1 +
 .../roofcompliance/RoofCompliance.tsx         | 20 ++++++++++---------
 src/styles/components/_sub.scss               |  9 ++++++++-
 src/styles/layout/_layout.scss                |  2 +-
 5 files changed, 22 insertions(+), 12 deletions(-)

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;
   }