feat. header 컴포넌트 반응형 제작

layers/components/layouts/Main.vue

@@ -57,7 +57,7 @@ watchEffect(() => {
 </script>
 
 <template>
-  <main>
+  <main class="main">
     <template
       v-for="(template, index) in visibleTemplates"
       :key="template.template_code ?? index"
@@ -70,3 +70,9 @@ watchEffect(() => {
     </template>
   </main>
 </template>
+
+<style scoped>
+.main {
+  @apply pt-[48px] md:pt-[64px];
+}
+</style>