#nav-area{position:fixed;width:100vw;z-index:9;background:transparent;transition:background .4s cubic-bezier(.17,.67,.71,.9),transform .4s cubic-bezier(.17,.67,.71,.9);top:0}.navbar{position:relative;padding:3rem 10vw;display:flex;justify-content:space-between;align-items:center;transition:padding .4s cubic-bezier(.17,.67,.71,.9)}.nav-logo a{display:inline-block;position:relative;width:200px}.nav-logo img{width:100%;height:auto}#nav-area.visible{transform:translateY(0)}#nav-area.hidden{transform:translateY(-100%);transition:background .4s cubic-bezier(.17,.67,.71,.9),transform .4s cubic-bezier(.17,.67,.71,.9)}#nav-area.hovered{background:white}#nav-area.hovered .nav-wrap>ul>li a{color:var(--default-font-color)}.nav-wrap>ul{display:flex;gap:5vw}.nav-wrap>ul>li{position:relative}.nav-wrap>ul>li a{color:var(--visual-font-color);font-size:1.8rem;font-weight:300;letter-spacing:.1rem;padding-bottom:10px}.menu-link-wrapper{position:relative}.nav-wrap .submenu{list-style:none;position:absolute;top:50px;left:-20px;margin:0;overflow:hidden;max-height:500px;border:1px solid #e8e8e8;transition:all .2s linear;width:200px;border-radius:6px;z-index:100;visibility:hidden;box-shadow:10px 10px 10px rgb(0 0 0/.08)}.nav-wrap .submenu.open{max-height:500px;background:white;top:30px;visibility:visible}.nav-wrap .submenu li{padding:5px 10px}.nav-wrap .submenu li:first-child{padding:10px 10px 5px}.nav-wrap .submenu li:last-child{padding:5px 10px 10px}.nav-wrap .submenu li.partner-sub{padding:10px}.nav-wrap .submenu li a{display:block;text-decoration:none;color:var(--default-font-color);font-size:1.6rem;padding:15px 10px;transition:background-color .2s linear}.nav-wrap .submenu li a i{font-size:1.4rem}@media (hover:hover){.nav-wrap .submenu li a:hover{background-color:#f0f0f0;border-radius:5px}}.mall-link{display:flex;align-items:flex-start;gap:4px;& span{display:block;& em{display:block;font-size:1.3rem;text-align:center}}}.mall-icon{position:relative;width:10px;height:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;.btn-icon{display:block;position:absolute;transition:transform .4s ease;line-height:0;color:var(--default-font-color)}}.mall-icon .btn-icon:nth-child(2){transform:translate(-12px,12px)}@media(hover:hover){.mall-link:hover .btn-icon:first-child{transform:translate(12px,-12px)}.mall-link:hover .btn-icon:nth-child(2){transform:translate(0)}}.mobile-toggle{display:none;background:none;border:none;width:30px;height:25px;position:relative;cursor:pointer;z-index:1100}.mobile-toggle span{display:block;width:100%;height:3px;background:var(--visual-font-color);margin-bottom:5px;transition:all .3s ease}#nav-area.hovered .mobile-toggle span{background-color:var(--default-font-color)}.mobile-toggle.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-wrap.menu{display:flex;gap:5vw}@media (max-width:1350px){.navbar{padding:3rem 5vw;height:95px}}@media (max-width:1150px){.nav-wrap.menu{position:absolute;top:100%;right:0;background:white;flex-direction:column;align-items:flex-start;transform:translateX(-100%);transition:transform .3s ease;z-index:1000;width:100%;height:100vh;overflow-x:hidden;padding:20px 10vw}.nav-wrap.menu.open{transform:translateX(0)}.nav-wrap.menu>ul{flex-direction:column;width:100%;gap:10px}.nav-wrap>ul>li a{display:flex;align-items:baseline;justify-content:space-between}.nav-wrap>ul>li:last-child a{display:inline-flex;align-items:flex-start}.nav-wrap .submenu{position:static;background:#f9f9f9;box-shadow:none;border-radius:0;width:100%;padding-left:15px;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-wrap .submenu.open{max-height:500px;border:0;padding-left:0}.nav-wrap .submenu li{padding:5px 0}.nav-wrap .submenu li:first-child{padding:10px 0 5px}.nav-wrap .submenu li:last-child{padding:5px 0 10px}.mobile-toggle{display:block}.toggle-arrow{display:inline-block;margin-left:8px;width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);transition:transform .3s ease}.toggle-arrow.open{transform:rotate(-135deg)}}@media (max-width:460px){.nav-logo a{width:160px}}