diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index 2a635ea..ba2d22a 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -158,10 +158,10 @@ export default function CanvasPage() {
                     {/* <DrawingFlow/> */}
 
                     {/* 지붕모듈선택 */}
-                    {/* <RoofModuleOption/> */}
+                    <RoofModuleOption/>
 
                     {/* 육지붕모듈 선택 */}
-                    {/* <HexagonalRoofOption/> */}
+                    <HexagonalRoofOption/>
 
                     {/* 회로 및 가대설정 */}
                     {/* <CircuitStandSetting/> */}
diff --git a/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab01.jsx b/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab01.jsx
index 7e2017b..120d4ae 100644
--- a/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab01.jsx
+++ b/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab01.jsx
@@ -17,7 +17,7 @@ export default function HexagonalRoofTab01({setTabNum}){
                                 <div className={`circle ${compasDeg === 225 ? 'act' : ''}`} onClick={() => setCompasDeg(225)}></div>
                                 <div className={`circle ${compasDeg === 240 ? 'act' : ''}`} onClick={() => setCompasDeg(240)}></div>
                                 <div className={`circle ${compasDeg === 255 ? 'act' : ''}`} onClick={() => setCompasDeg(255)}></div>
-                                <div className={`circle ${compasDeg === 270 ? 'act' : ''}`} onClick={() => setCompasDeg(270)}><i>270°</i></div>
+                                <div className={`circle ${compasDeg === 270 ? 'act' : ''}`} onClick={() => setCompasDeg(270)}><i>-90°</i></div>
                                 <div className={`circle ${compasDeg === 285 ? 'act' : ''}`} onClick={() => setCompasDeg(285)}></div>
                                 <div className={`circle ${compasDeg === 300 ? 'act' : ''}`} onClick={() => setCompasDeg(300)}></div>
                                 <div className={`circle ${compasDeg === 315 ? 'act' : ''}`} onClick={() => setCompasDeg(315)}></div>
@@ -44,7 +44,7 @@ export default function HexagonalRoofTab01({setTabNum}){
                     <div className="center-wrap">
                         <div className="d-check-box pop">
                             <input type="checkbox" id="ch99" />
-                            <label htmlFor="ch99">角度を直接入力（0〜360）</label>
+                            <label htmlFor="ch99">角度を直接入力（ -180 〜 180 ）</label>
                         </div>
                         <div className="outline-form">
                             <div className="input-grid mr10" style={{width: '160px'}}>
diff --git a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab01.jsx b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab01.jsx
index e7b8b5d..57730cd 100644
--- a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab01.jsx
+++ b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab01.jsx
@@ -17,7 +17,7 @@ export default function RoofModuleOptionTab01({setTabNum}){
                                 <div className={`circle ${compasDeg === 225 ? 'act' : ''}`} onClick={() => setCompasDeg(225)}></div>
                                 <div className={`circle ${compasDeg === 240 ? 'act' : ''}`} onClick={() => setCompasDeg(240)}></div>
                                 <div className={`circle ${compasDeg === 255 ? 'act' : ''}`} onClick={() => setCompasDeg(255)}></div>
-                                <div className={`circle ${compasDeg === 270 ? 'act' : ''}`} onClick={() => setCompasDeg(270)}><i>270°</i></div>
+                                <div className={`circle ${compasDeg === 270 ? 'act' : ''}`} onClick={() => setCompasDeg(270)}><i>-90°</i></div>
                                 <div className={`circle ${compasDeg === 285 ? 'act' : ''}`} onClick={() => setCompasDeg(285)}></div>
                                 <div className={`circle ${compasDeg === 300 ? 'act' : ''}`} onClick={() => setCompasDeg(300)}></div>
                                 <div className={`circle ${compasDeg === 315 ? 'act' : ''}`} onClick={() => setCompasDeg(315)}></div>
@@ -44,7 +44,7 @@ export default function RoofModuleOptionTab01({setTabNum}){
                     <div className="center-wrap">
                         <div className="d-check-box pop">
                             <input type="checkbox" id="ch99" />
-                            <label htmlFor="ch99">角度を直接入力（0〜360）</label>
+                            <label htmlFor="ch99">角度を直接入力（ -180 〜 180 ）</label>
                         </div>
                         <div className="outline-form">
                             <div className="input-grid mr10" style={{width: '160px'}}>
diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx
index 72d9b3d..5228dac 100644
--- a/src/components/publishpage/PublishPage.jsx
+++ b/src/components/publishpage/PublishPage.jsx
@@ -191,12 +191,16 @@ export default function PublishPage() {
                     <li>*보조선 작성 팝업 보조선 절삭 버튼 추가</li>
                     <li>*지붕모듈 기본설정 팝업 변경</li>
                   </ul>
-                  <ul>
+                  <ul className='mb10'>
                     <li>2024-12-03</li>
                     <li>*견적서 메뉴 상단버튼 추가</li>
                     <li>*견적서 파일 목록 복구버튼 추가</li>
                     <li>*견적서 체크박스 목록 html 변환</li>
                   </ul>
+                  <ul>
+                    <li>2024-12-04</li>
+                    <li>*지붕기본모듈, 육지붕기본모듈 나침반 마크업 변경</li>
+                  </ul>
                 </td>
                 <td className="t-center">2024-10-28</td>
               </tr>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index b498765..50e2a4e 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -1308,23 +1308,23 @@ $alert-color: #101010;
         height: 253px;
         .circle{
             top: 86%;
-            &:nth-child(1),
-            &:nth-child(7),
-            &:nth-child(13),
-            &:nth-child(19){
-                &::before{
-                    content: '';
-                    position: absolute;
-                    top: 20px;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    width: 1px;
-                    height: 6px;
-                    background-color: #8B8B8B;
-                }
-            }
+            // &:nth-child(1),
+            // &:nth-child(7),
+            // &:nth-child(13),
+            // &:nth-child(19){
+            //     &::before{
+            //         content: '';
+            //         position: absolute;
+            //         top: 20px;
+            //         left: 50%;
+            //         transform: translateX(-50%);
+            //         width: 1px;
+            //         height: 6px;
+            //         background-color: #8B8B8B;
+            //     }
+            // }
             i{
-                top: 32px;
+                top: 22px;
             }
             &.act{
                 i{color: #8B8B8B;}