.menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:6px;width:48px;height:48px;border:none;background-color:transparent;z-index:1002;outline:none}.menu-button__line,.menu-button:before,.menu-button:after{content:"";width:28px;height:2px;background-color:#333;transition:transform .3s,opacity .3s}.menu-button.is-opened .menu-button__line{opacity:0}.menu-button.is-opened:before{transform:translateY(8px) rotate(135deg)}.menu-button.is-opened:after{transform:translateY(-8px) rotate(-135deg)}header{width:100%}nav{display:flex;justify-content:space-between;align-items:flex-end;padding:var(--space-20);background-color:var(--color-white);width:100%;box-sizing:border-box}.nav-logo{display:flex;align-items:center;position:relative;z-index:1002}.nav-logo-link{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--color-main)}.nav-logo-image{height:42px;width:auto;transition:height .3s ease}.nav-logo-text{display:flex;flex-direction:column;text-align:center;align-items:center}.nav-logo-text-1{font-size:var(--font-size-15);font-weight:600}.nav-logo-text-2{font-size:1.2rem;font-weight:500}#global-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-white);z-index:1001;font-size:var(--font-size-20);gap:var(--space-35);font-weight:500;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#global-nav li:hover{color:var(--color-gray)}.menu-button.is-opened~#global-nav{opacity:1;visibility:visible}@media screen and (min-width:1025px){.menu-button{display:none}nav{padding:var(--space-20) var(--space-30)}.nav-logo-link{gap:20px}.nav-logo-image{height:38px;width:auto}.nav-logo-text-1{font-size:var(--font-size-15)}.nav-logo-text-2{font-size:var(--font-size-header-logo-sub)}#global-nav{flex-direction:row;position:static;width:auto;height:auto;background-color:transparent;z-index:auto;opacity:1;visibility:visible;font-size:var(--font-size-header-nav);gap:var(--space-15)}}@media screen and (min-width:1181px){nav{padding:var(--space-20)}.nav-logo-image{height:50px}.nav-logo-text-1{font-size:var(--font-size-15)}.nav-logo-text-2{font-size:var(--font-size-header-logo-sub)}#global-nav{font-size:var(--font-size-header-nav);gap:15px}}@media screen and (min-width:1341px)and (max-width:1520px){nav{padding:var(--space-20) var(--space-30)}.nav-logo-link{gap:16px}.nav-logo-image{height:56px}.nav-logo-text-1{font-size:var(--font-size-15)}.nav-logo-text-2{font-size:var(--font-size-header-logo-sub)}#global-nav{font-size:var(--font-size-header-nav);gap:20px}}@media screen and (min-width:1521px){nav{padding:var(--space-30) var(--space-50)}.nav-logo-link{gap:24px}.nav-logo-image{height:72px}.nav-logo-text-1{font-size:var(--font-size-15)}.nav-logo-text-2{font-size:var(--font-size-header-logo-sub)}#global-nav{font-size:var(--font-size-header-nav);gap:var(--space-35)}}@media screen and (max-width:400px){.nav-logo-image{display:none}}