@charset "utf-8";
#shGnb{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;height:100px;padding:0 5%}

/* 로고 */
#shGnb .sh_logo{position:relative;z-index:20}

.menu_wrap{position:absolute;left:50%;display:flex;align-items:center;width:420px;padding:8px 10px 8px 35px;border-radius:40px;background:rgba(255,255,255,.28);box-sizing:border-box;backdrop-filter:blur(10px);transform:translateX(-50%)}
.menu_open{display:flex;align-items:center;gap:28px;margin-right:auto;padding:0;border:0;background:none;color:#fff;cursor:pointer}
.menu_icon{display:flex;flex-direction:column;justify-content:space-between;width:40px;height:15px}
.menu_icon i{display:block;width:100%;height:2px;background:#fff;transition:.3s}
.menu_text{font-size:16px;font-weight:700}
.project_link{display:flex;align-items:center;justify-content:space-between;width:240px;padding:10px 30px;border-radius:30px;background:#000;color:#fff;font-size:13px;font-weight:700;box-sizing:border-box;transition:.3s}
.project_link i{width:5px;height:5px;border-radius:50%;background:#fff;transition:all .3s}
.project_link:hover{color:#000;background:#fff}
.project_link:hover i{background:#000}
.menu_panel{position:absolute;top:calc(100% + 15px);left:0;width:100%;padding:30px;border-radius:25px;background:rgba(0,0,0,.92);box-sizing:border-box;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.35s;z-index:100}
.menu_wrap.on .menu_panel{opacity:1;visibility:visible;transform:translateY(0)}
.sh_nav{display:flex;flex-direction:column;gap:20px}
.sh_nav>li>a{display:block;color:#fff;font-size:25px;font-weight:600;transition:.3s}
.sh_nav>li>a:hover{opacity:.6}
.sh_lnb_s{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:10px}
.sh_lnb_s li a{color:rgba(255,255,255,.6);font-size:15px;transition:.3s;font-family:var(--k-font)}
.sh_lnb_s li a:hover{color:#fff}
.menu_wrap.on .menu_icon i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu_wrap.on .menu_icon i:nth-child(2){opacity:0}
.menu_wrap.on .menu_icon i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.sub .menu_wrap{background:#000}
.sub .project_link{background:rgba(255,255,255,.2)}
.sub .project_link:hover{background:#fff}