UIUX수정

assets/css/common.css

@@ -643,7 +643,10 @@ video::-webkit-media-controls {
   z-index: 101;
   overflow-x: clip;
   background-color: transparent;
-  transition: background-color 0.2s ease-in-out;
+}
+.hederWarp_n::before {
+  opacity: 1;
+  transition: opacity 0.1s ease-in-out;
 }
 @media (max-width: 1240px) {
   .hederWarp_n {
@@ -653,6 +656,12 @@ video::-webkit-media-controls {
 .hederWarp_n.menu-open {
   background-color: #fff;
 }
+.hederWarp_n.menu-open:before {
+  opacity: 0 !important;
+}
+.hederWarp_n.menu-open + .pageTitle {
+  z-index: 0 !important;
+}
 .hederWarp_n.menu-open .headerInner .gnb .logoWrap a {
   color: #05141f;
 }
@@ -1062,6 +1071,9 @@ video::-webkit-media-controls {
   transform: translate(-50%, 0);
   padding: 4rem 2rem 5rem;
 }
+.hederWarp_n .headerInner .gnb .menuWarp .menu .menuDepth1Wrap .menuDepth2Wrap h3 a {
+  color: #000;
+}
 @media (max-width: 1024px) {
   .hederWarp_n .headerInner .gnb .menuWarp .menu .menuDepth1Wrap .menuDepth2Wrap {
     position: initial;

assets/css/common.scss

@@ -724,7 +724,10 @@ video::-webkit-media-controls {
     z-index: 101;
     overflow-x: clip;
     background-color: transparent;
-    transition: background-color 0.2s ease-in-out;
+    &::before {
+        opacity:1;
+        transition: opacity 0.1s ease-in-out;
+    }
 
     @media (max-width: 1240px) {
         padding: 0 2rem;
@@ -733,9 +736,15 @@ video::-webkit-media-controls {
     @media (max-width: 1024px) {
         // height: 5.6rem;
     }
-
     &.menu-open {
         background-color: #fff;
+        &:before {
+            opacity: 0 !important;
+        }
+
+        &+.pageTitle {
+            z-index: 0 !important;
+        }
 
         .headerInner {
             .gnb {
@@ -1235,6 +1244,11 @@ video::-webkit-media-controls {
                             // transition-delay: 2s;
                             // background-color: #fff;
                             // border: 1px solid #dedede;
+                            h3 {
+                                a {
+                                    color: #000;
+                                }
+                            }
 
                             @media (max-width: 1024px) {
                                 position: initial;