Merge branch 'fix/mainpage' into develop

Kernel360 · Mar 26, 2024 · 213f4c4 · 213f4c4
2 parents c17e5b0 + 6804f23
commit 213f4c4
Showing 1 changed file with 108 additions and 25 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -1,4 +1,4 @@
-@import "~slick-carousel/slick/slick.css"; 
+@import "~slick-carousel/slick/slick.css";
 @import "~slick-carousel/slick/slick-theme.css";
 
 :root {
@@ -25,18 +25,18 @@
   --pink: #F67272;
 
   /* -------------- z-index -------------- */
-  --header-zindex: 2;
+  --header-zindex: 8;
   --bottomnav-zindex: 10;
   --dimmed-zindex: 10;
   --modal-zindex: 11;
   --loader-zindex: 12;
 
   /* --- default padding --- */
-  --default-padding : 24px
+  --default-padding: 24px
 }
 
 /* 내부 컨텐츠 패딩 */
-.mainContainer{
+.mainContainer {
   padding: 0 var(--default-padding);
 }
 
@@ -48,19 +48,87 @@
   word-break: break-all;
 }
 
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
   margin: 0;
   padding: 0;
   border: 0;
@@ -70,25 +138,38 @@ time, mark, audio, video {
 }
 
 /* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section {
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
   display: block;
 }
 
 body {
   line-height: 1;
 }
 
-ol, ul {
+ol,
+ul {
   list-style: none;
 }
 
-blockquote, q {
+blockquote,
+q {
   quotes: none;
 }
 
-blockquote::before, blockquote::after,
-q::before, q::after {
+blockquote::before,
+blockquote::after,
+q::before,
+q::after {
   content: '';
   content: none;
 }
@@ -100,7 +181,9 @@ table {
 
 a {
   color: inherit;
-  text-decoration: none; /* no underline */
+  text-decoration: none;
+
+  /* no underline */
 }
 
 button {
@@ -109,7 +192,7 @@ button {
   padding: 0;
   overflow: visible;
   border: none;
-  border-style:none;
+  border-style: none;
   background: transparent;
 
   /* inherit font & color from ancestor */