/* layout.css */

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

/* Gnb */
#gnb_all { position: fixed; top: 0; z-index: 999994; width: 100%; height: 100vh; background:#000; background: rgba(0, 0, 0, 0.85); visibility: hidden; transform: translateX(100%); transition: transform 1s ease, visibility 0s 0.7s; overflow-y: auto; overflow-x: hidden; }
#gnb_all.open { visibility: visible; transform: translateX(55%); transition: transform 0.7s ease; }

/* GNB Top */
.gnb-top { position: relative; height: 60px; }
.gnb-top .gnb_close_btn { position: fixed; top: 35px; right: 57%; background: none; cursor: pointer; transition:all .3s ease; }
.gnb-top .gnb_close_btn:hover { transform:rotate(90deg); }
.gnb-top .gnb_logo { position: relative; margin: 53px 0 0 75px; color:#fff; font-family: 'GmarketSansBold'; font-size: 30px; }

/* Gnb inner */
.gnb-inner { width: 1260px; opacity: 1; visibility: hidden; transform: translateX(-100%); transition:all 0s 1s ease; }
#gnb_all.open .gnb-inner { opacity: 1; visibility: visible; transform: translateX(0); transition:all 0s ease; }

/* Menu list */
.gnb-allmenu-list { margin: 0 0 0 80px; padding:50px 0; border-top:1px #777 solid; border-bottom:1px #777 solid; }
.gnb-allmenu-list a { color: #fff; }
.gnb-menu-txt { padding-right: 0; text-align: left; }

.menu-txt01 { position: relative; display: inline-block; float:left; font-size: 1.2rem; font-weight: bold; transition:all 0.4s ease; }
.menu-txt01::after { content: ''; position: absolute; left: 0; bottom: 10px; width: 100%; border-bottom: 0px solid #fff; transform: scaleX(0); transform-origin: right; transition: transform 0.4s cubic-bezier(1, 0, 0, 1); }
.menu-txt01-line { position: relative; display: block; width:30px; border-bottom: 1px solid #fff; top:38px; }

/* Depth 1 */
.gnb-allmenu-depth1 { margin-bottom: 30px; }
.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 { position:relative; top:0px; }
.gnb-allmenu-depth2 li { display:flex; justify-content:flex-start; margin-left: 250px; text-align:left; }
.gnb-allmenu-depth2 li a { height: 28px; line-height: 28px; font-size: 1.1rem; letter-spacing: -0.02em; color: #fff; transition: color 0.4s; }
.gnb-allmenu-depth2 li:hover a { color: #19e2ff; text-decoration: none; }


/* Login */
.login-wrap { margin: 40px 0 80px 80px; }
.login-wrap a { margin-right: 20px; font-size: 17px; color: #ccc; transition: color 0.4s; }
.login-wrap a:hover { color: #27d2cb; text-decoration: none; }

/* Sns */
.sns-wrap { margin: 0 0 80px 460px; position: relative; display: inline-block; top:-117px; }
.sns-wrap a { margin-right: 10px; }

/* 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; }