html,body{overflow-x:hidden}
.hero-slide:first-child .hero-bg{max-width:none}
.company-panel{background-image:linear-gradient(rgba(0,24,64,.94),rgba(0,24,64,.94)),url('/static/img/nature-bg.webp')}

@media (min-width:1101px) and (max-width:1280px){
  .header-inner{height:84px; padding: 0 40px;}
  .site-header{height:84px}
  .brand{width:115px;height:auto;flex-basis:115px}
  .global-nav{position:fixed;inset:84px 0 auto;background:#fff;color:var(--navy);max-height:0;overflow:auto;transition:max-height .3s}
  .global-nav.is-open{max-height:calc(100vh - 84px)}
  .gnb-list{height:auto;display:block;padding:16px 24px 30px}
  .gnb-list>li{width:100%;text-align:left}
  .gnb-list>li>a{height:auto;padding:15px 0;font-size:18px}
  .gnb-list ul,.site-header:has(.gnb-list:hover) .gnb-list ul{height:auto;padding:0 0 12px;border:0;background:transparent}
  .gnb-list ul a{padding:5px 15px; text-align: center;}
  .language{margin-left:auto;width:auto}
  .menu-toggle{display:flex;width:38px;height:38px;margin-left:20px;border:0;background:none;flex-direction:column;justify-content:center;gap:5px;order:3}
  .menu-toggle span{width:24px;border-top:2px solid currentColor}
  .gnb-backdrop{display:none}
  .site-header:has(.gnb-list:hover){color:#fff}
  .site-header.is-menu-open{color:var(--navy);background:#fff}
  .hero-copy h1,.hero-copy h2{font-size:50px}
}

@media (min-width:0px) and (max-width:768px){
  .header-inner{
    padding: 0 20px;

  }
}