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

.progress-container .progress-bar { position:absolute; bottom:-1px; z-index:0; width:100%; height:2px; background-color:#d29e75; }

/* gnb_all */
.current-menu-item {color: #27d2cb !important;}
.current-menu-parent < a {color: #27d2cb !important;}

#gnb_all { display:block; z-index:94; position:absolute; width:100%; height:100vh; top:0; border:0 none; background:#000; opacity:0.5; visibility:hidden; transform:translateX(100%); transition:all 1s 0s ease;}
#gnb_all.open {  z-index:94;height:100vh; opacity:0.9; visibility:visible; transform:translateX(42%); transition:all 1s 0s ease; }

.gnb-top { position:relative; height:6rem; }
.gnb-top .gnb_close_btn { position:fixed; float:right; right:48%; top:70px; background:none;cursor:pointer; }
.gnb-top .gnb_logo { position:relative; margin:0 auto; margin-top:80px; margin-left:80px;background:none; cursor:pointer; }
.login-wrap { display:inline-block; position:relative; margin:70px 0 0 80px}
.login-wrap a { color:#ccc; font-size:18px;margin-right:20px;}
.login-wrap a:hover { color:#27d2cb; text-decoration:none;transition: 0.4s; }

.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; }
.gnb-inner .gnb-allmenu-imgbox { position:relative; width:450px; margin-right:8%; text-align:center; }
.gnb-inner .gnb-allmenu-imgbox .imgbox { position:relative; margin-top:5rem;}
.gnb-inner .gnb-allmenu-imgbox .imgbox .img { position:absolute; left:0; top:0; }
.gnb-inner .gnb-allmenu-imgbox .txtbox { position:absolute; left:0; right:0; bottom:7rem; }
.gnb-inner .gnb-allmenu-imgbox .txtbox p { margin-top:15px; color:#fff; font-size:1.875rem; }

.gnb-inner .gnb-allmenu-list { margin-top:20px;margin-left:80px; }
.gnb-inner .gnb-allmenu-list li a { color:#fff; }
.gnb-inner .gnb-allmenu-list .gnb-menu-txt { width:100%; text-align:right;padding-right:30px; }
.gnb-inner .gnb-allmenu-list .menu-txt01 { position:relative; display:inline-block;font-size:1.5rem; }

.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth1 { width:100%;margin-bottom:30px; }
.gnb-inner .gnb-allmenu-list .on .gnb-menu-txt { width:100%;color:#27d2cb;transition: 0.4s;  }
.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth2 { width:100%;}
.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth2 li { display:inline-block;margin-right:15px; }

.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth2 li a { height:46px; line-height:38px; font-size:1.15rem; color:#ccc; letter-spacing:-0.02em;}
.gnb-inner .gnb-allmenu-list .on .gnb-allmenu-depth2 li a { color:#ccc; }
.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth2 li:hover a { color:#27d2cb; text-decoration:none;transition: 0.4s;  }

/*
.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth1-7 .gnb-allmenu-depth2 li:nth-child(3) a:after { content:""; display:inline-block; width:16px; height:11px; margin-left:3px; background:url("../img/icon-youtube.png") no-repeat center/ 100% auto; vertical-align:middle; }
.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth1-7.on .gnb-allmenu-depth2 li:nth-child(3) a:after { background:url("../img/icon-youtube-active.png") no-repeat center/ 100% auto; }
.gnb-inner .gnb-allmenu-list .gnb-allmenu-depth1-7 .gnb-allmenu-depth2 li:nth-child(3):hover a:after { background:url("../img/icon-youtube-hover.png") no-repeat center/ 100% auto; }
*/

.gnb-inner .gnb-allmenu-list .on ul { opacity:1; visibility:visible; z-index:10; }

.gnb-allmenu-depth1 .gnb-menu-txt .menu-txt01::after { content:''; position:absolute; bottom:0; left:0; width:100%; border-bottom:1px solid #fff; -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top; -webkit-transform:scale(0, 1); -ms-transform:scale(0, 1); transform:scale(0, 1); -webkit-transition:transform 0.4s cubic-bezier(1, 0, 0, 1); transition:transform 0.4s cubic-bezier(1, 0, 0, 1); }
.gnb-allmenu-depth1:hover .gnb-menu-txt .menu-txt01::after { -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top; -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1) }