.gnb2 {position: fixed; top:140px; left:50px;}

.menuScrn { /*border-left:1px solid #dfdfdf; padding-left:10px;*/
  display: flex; 
  justify-content: left;
}

.menu-contents {
  display: block;
}
.menu-contents li {padding:1px 0;}
.menu-content-title {
  display:block;    text-transform: uppercase;
  position: relative;
  margin-bottom: 0px; padding:0px 0;
  font-size: 25px; line-height:25px;
  color: #fff !important;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.menu-content-title span {
  display: none;
  position: relative;
}

.menu-content-title:before {
  content: attr(data-naben);
  display: block;
  margin-right: 50px;
  line-height: 1;
  letter-spacing: 0;
  transform: translateY(0);
}

.menu-content-title:before,
.menu-content-title:after {padding:1px 0; 
  z-index: 1;
  width: 100%;
  transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.menu-content-title:hover:after {opacity:1}
.menu-content-title:after {
  content: attr(data-nabja);
  position: absolute;
  top: 0;
  left: 0; opacity:0;
  transform: translateY(100%);
}

.menu-content-title:active,
.menu-content-title:focus,
.menu-content-title:hover {
  text-decoration: none;
}

.menu-content-title:active:before,
.menu-content-title:focus:before,
.menu-content-title:hover:before {
  transform: translateY(-100%);
}

.menu-content-title:active:after,
.menu-content-title:focus:after,
.menu-content-title:hover:after {
  transform: translateY(0);
}

@media (max-width: 1600px) {
.gnb2 {position: fixed;top:65px; width:60%; left:50%; transform: translate(-50%,-0%)}
.menuScrn {display:block}
.menu-contents li { flex-grow: 1; float:left; width:20%;}
.menu-content-title:before {  margin-right: 0px;}
.menu-content-title {font-size:20px; line-height:20px; text-align:center;}
}