feat. GR_GALLERY_01 템플릿 제작

layers/assets/css/app.css

@@ -1,7 +1,9 @@
 @import './base/_theme.css';
 @import './base/_reset.css';
+
 @import './components/_splide.css';
 @import './components/_button.css';
+@import './components/_layout.css';
 
 @import '@splidejs/vue-splide/css';
 

layers/assets/css/components/_layout.css

@@ -0,0 +1,10 @@
+/* Layout Utility Classes */
+@layer components {
+  .section-container {
+    @apply relative h-[640px] md:h-[1000px];
+  }
+
+  .section-content {
+    @apply relative h-full flex flex-col items-center justify-center gap-4 md:gap-5;
+  }
+}