css 링크 및 파일 수정

src/app/canvas/page.jsx

@@ -6,7 +6,7 @@ import OuterLineWall from '@/components/canvas/modal/outerlinesetting/OuterLineW
 import SettingModal01 from '@/components/canvas/modal/settoing01/SettingModal01'
 import Header from '@/components/header/Header'
 import { modalState } from '@/store/modalAtom'
-import '@/styles/style.scss'
+import '@/styles/contents.scss'
 import { useRecoilValue } from 'recoil'
 
 export default function CanvasPage() {

src/app/main/page.jsx

@@ -1,4 +1,5 @@
 import Header from "@/components/header/Header";
+import '@/styles/style.scss'
 
 export default function MainPage() {
     return(

src/styles/_contents.scss

@@ -3,6 +3,7 @@
     height: calc(100vh - 47px);
     display: flex;
     flex-direction: column;
+    background-color: #fff;
     .canvas-content{
         flex: 1 1 auto;
         .canvas-layout{

src/styles/_layout.scss

@@ -6,8 +6,10 @@
     overflow-x: hidden;
 }
 .content{
+    position: relative;
     flex: 1 1 auto;
     padding-top: 46px;
+    background-color: #F4F4F7;
 }
 
 // header

src/styles/common.scss

@@ -1,2 +1,3 @@
 @import 'fonts.scss';
-@import 'reset.scss';
+@import 'reset.scss';
+@import '_layout.scss';

src/styles/contents.scss

@@ -0,0 +1,2 @@
+@import '_contents.scss';
+@import '_modal.scss';

src/styles/style.scss

@@ -1,3 +1 @@
-@import '_layout.scss';
+@import '_main.scss';
-@import '_contents.scss';
-@import '_modal.scss';