/**************************************************
* layout.css
**************************************************/

.current-menu-item,
.gnb-allmenu-depth1.current-menu-parent > .gnb-menu-txt,
.gnb-allmenu-depth2 li a.current-menu-item { color: #19e2ff !important; }

/* GNB Overlay */
#gnb_all { display:block; z-index:9999; position:absolute; width:100%; height:0; top:0; border:0 none; opacity:0; background: rgba(0, 0, 0, 0.8); visibility:hidden; transform:translateY(-100%); transition:all 1s 0.2s ease; }
#gnb_all.open { height:100vh; opacity:1; visibility:visible; transform:translateY(0%); transition:all 0.7s ease; }

/* GNB Top */
.gnb-top { width: 1700px; margin: 0 auto; height: 100px; display: flex; align-items: center; justify-content: space-between; /* ÁÂ¿ì ³¡À¸·Î */ }
.gnb-top .gnb_logo { margin-top: 60px; color:#fff; font-family: 'GmarketSansBold'; font-size: 30px; }
.gnb-top .gnb_close_btn { position: static; width:50px; margin-top:60px; cursor: pointer; transition:all .3s ease; }
.gnb-top .gnb_close_btn:hover { transform: rotate(90deg); 
}
/* Gnb inner */
.gnb-inner { width:1710px; height:550px; margin:0 auto; margin-top:50px; padding:50px 0; background:#000; opacity:0; visibility:hidden;  transform:translateY(-100%); transition:all 0.6s 0.2s ease; box-sizing:border-box; }
#gnb_all.open .gnb-inner { opacity:1; visibility:visible; transform:translateY(0%); transition:all 0.6s ease; }

/* Menu list */
.gnb-allmenu-list { height:400px; padding-left:30px; }
.gnb-allmenu-list li a { color:#ddd; }

.gnb-menu-txt { width:12.5%; }
.menu-txt01 { position: relative; display: inline-block; font-size: 20px; font-weight: 600; letter-spacing:-0.06em; transition:all 0.4s ease; }
.menu-txt01::after { content: ''; position: absolute; left: 0; bottom: -10px; width: 100%; border-bottom: 1px solid #19e2ff; transform: scaleX(0); transform-origin: right; transition: transform 0.4s cubic-bezier(1, 0, 0, 1); }
.gnb-allmenu-depth1:hover .gnb-menu-txt .menu-txt01::after { transform-origin:left top; transform:scale(1, 1) }
.gnb-allmenu-depth1 .gnb-menu-txt .menu-txt01-line { position: relative; z-index:-1; display: block; width:30px; top:9px; border-bottom: 1px solid #fff; }

/* Depth 1 */
.gnb-allmenu-depth1 { float:left; width:12.5%; height:470px; text-align:left; position:relative; margin-bottom:40px; padding-left:30px; border-right:1px #444 solid; box-sizing:border-box; }
.gnb-allmenu-depth1.on .gnb-menu-txt,
.gnb-allmenu-depth1:hover .menu-txt01 { color: #19e2ff; transition: color 0.4s; }
.gnb-allmenu-depth1:hover .menu-txt01::after { transform: scaleX(1); transform-origin: left; }

/* Depth 2 */
.gnb-allmenu-depth2 { margin-top:30px; }
.gnb-allmenu-depth2 li { height:32px; line-height:32px; }
.gnb-allmenu-depth2 li a { display:block; font-size:17px; font-weight:400; letter-spacing:-0.05em; transition:all 0.3s ease; }
.gnb-allmenu-depth2 li a:hover { color:#62CED6; text-decoration:none; }

/* Login */
.login-wrap { position: relative; display: inline-block; width:1710px; margin:0 auto; margin-top: 40px; text-align:center; padding:15px 0; background: #000;  }
.login-wrap a { margin-right: 30px; font-size: 18px; color: #ddd; }
.login-wrap a:last-child { margin-right: 0; }
.login-wrap a:hover { color: #19e2ff; text-decoration: none; }

/* Etc */
.etc-wrap { margin: 40px 0 100px 80px; font-size: 18px; line-height: 38px; color: #ddd; transition: color 0.4s; }
.etc-wrap a { color: #ddd; }

/* Navi */
.gnb-allmenu-depth2 li a.current-menu-item { color: #19e2ff; font-weight: 600; }
.gnb-allmenu-depth1.current-menu-parent .menu-txt01 { color: #19e2ff; }
.gnb-allmenu-depth1.current-menu-parent .menu-txt01::after { transform: scaleX(1); transform-origin: left; }

/* Active Group */
.gnb-allmenu-list .on ul { opacity: 1; visibility: visible; z-index: 10; }