From 2057b489bb43a35b4415b5cde07d2041b374c1aa Mon Sep 17 00:00:00 2001
From: HunJin Kim <ysg01129@naver.com>
Date: Sat, 23 Oct 2021 20:55:06 +0900
Subject: [PATCH] =?UTF-8?q?feat(schedule):=20=EC=8A=A4=EC=BC=80=EC=A5=B4?=
 =?UTF-8?q?=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/recruitment/schedule.vue |  4 +++
 pages/recruitment.vue               | 48 ++++++++++++++++++++++++++---
 2 files changed, 47 insertions(+), 5 deletions(-)

diff --git a/components/recruitment/schedule.vue b/components/recruitment/schedule.vue
index 6e833d0..c890f25 100644
--- a/components/recruitment/schedule.vue
+++ b/components/recruitment/schedule.vue
@@ -82,6 +82,10 @@ export default defineComponent({
         width: 200px;
         display: inline-block;
         margin-right: 16px;
+
+        &:last-child {
+          margin-right: 64px;
+        }
       }
     }
   }
diff --git a/pages/recruitment.vue b/pages/recruitment.vue
index 2d7d49a..0dc1c6f 100644
--- a/pages/recruitment.vue
+++ b/pages/recruitment.vue
@@ -20,8 +20,12 @@
           :dot-list-title="`지원 자격`"
           :items="qualifications"
         />
-        <Schedule class="area" :schedules="schedules" />
-        <DotList class="area" :dot-list-title="`유의사항`" :items="caution" />
+      </main>
+      <main class="sub">
+        <Schedule class="area schedule" :schedules="schedules" />
+      </main>
+      <main class="main third">
+        <DotList :dot-list-title="`유의사항`" :items="caution" />
       </main>
       <div class="footer">
         <h2 class="footerTitle">궁금한 점이 있으신가요?</h2>
@@ -173,6 +177,10 @@ export default defineComponent({
   margin: auto;
 }
 
+.sub {
+  margin: auto;
+}
+
 .footer {
   width: 100%;
   display: flex;
@@ -192,12 +200,22 @@ export default defineComponent({
 
 @include desktop {
   .main {
-    padding: 64px;
+    padding: 64px 64px 0;
     max-width: 1200px;
 
     .area {
       margin-top: 120px;
     }
+
+    &.third {
+      padding-top: 120px;
+    }
+  }
+
+  .sub {
+    padding: 64px;
+    max-width: 1200px;
+    margin-top: 120px;
   }
 
   .footer {
@@ -224,12 +242,22 @@ export default defineComponent({
 
 @include tablet {
   .main {
-    padding: 64px;
+    padding: 64px 64px 0;
     max-width: 1200px;
 
     .area {
       margin-top: 120px;
     }
+
+    &.third {
+      padding-top: 120px;
+    }
+  }
+
+  .sub {
+    padding-left: 64px;
+    max-width: 1200px;
+    margin-top: 120px;
   }
 
   .footer {
@@ -256,12 +284,22 @@ export default defineComponent({
 
 @include mobile {
   .main {
-    padding: 24px;
+    padding: 24px 24px 0;
     max-width: 713px;
 
     .area {
       margin-top: 64px;
     }
+
+    &.third {
+      padding-top: 64px;
+    }
+  }
+
+  .sub {
+    padding: 24px 24px 0;
+    max-width: 713px;
+    margin-top: 64px;
   }
 
   .footer {