diff --git a/src/pages/main.module.css b/src/pages/main.module.css
new file mode 100644
index 0000000000000000000000000000000000000000..9be8a081da3eab8d4a9ee47ff0e9d3d2df0a5c3b
--- /dev/null
+++ b/src/pages/main.module.css
@@ -0,0 +1,76 @@
+.scheduler_container {
+  display: flex;
+  position: relative;
+  margin-top: 150px;
+  overflow-y: auto;
+}
+
+.side_container {
+  order: 1;
+  flex:  0 0 300px ; /* 사이드 요소의 너비를 조절하세요 */
+  background-color: #f0f0f0;
+  padding: 10px;
+  position: relative;
+  margin-top: 0px;
+  overflow-y: auto;
+  
+  
+}
+
+.scheduler_content {
+  flex: 1;
+  overflow-y: auto;
+  
+ 
+}
+.main_header{
+  left:0;
+  width:100%;
+  z-index: 100;
+  top: 0;
+  position: fixed;
+}
+/* 전체 스케줄러에 스타일을 추가하는 예시 */
+.k-scheduler {
+ 
+  padding: 80px; /* 스케줄러 전체에 안쪽 여백 추가 */
+}
+
+.k-scheduler-nonwork, .k-scheduler .k-nonwork-hour {
+  background-color: white;
+}
+/* .k-event #1dc6b143-9816-43ab-9575-20d58a786cd4{
+  color: black;
+  background-color: #D8EBD1;
+} */
+.button_handler{
+  position: absolute;
+  top:1.3%;
+  right:33%;
+  z-index: 10;
+ 
+}
+.button_handler button{
+  display: inline-block;
+  padding: 5px 10px;
+  font-size: 14px;
+  text-align: center;
+  text-decoration: none;
+  cursor: pointer;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  background-color: #f0f0f0;
+  color: #333;
+  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* 그림자 추가 */
+  transition: background-color 0.3s, color 0.3s, transform 0.3s;
+}
+body{
+  background-color: white;
+  background: none;
+  
+}
+.button_handler button:hover {
+  background-color: #F97E7E;
+  color: white;
+  transform: translate(2px, 2px); /* 마우스 오버 시 약간 이동하는 효과 */
+}