@media (max-width:1024px){
  .gnb .nav-item.has-submenu > .nav-panel{
    display:block !important;
    max-height:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    margin-top:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    pointer-events:none;
    transition:max-height .28s ease, opacity .2s ease, margin .2s ease, padding .2s ease;
  }
  .gnb .nav-item.has-submenu.is-open-mobile > .nav-panel{
    max-height:520px;
    opacity:1;
    visibility:visible;
    margin-top:8px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    pointer-events:auto;
  }
  .gnb .nav-item.has-submenu > .nav-trigger{ position:relative; padding-right:44px !important; }
  .gnb .nav-item.has-submenu > .nav-trigger .nav-accordion-icon{
    position:absolute;
    right:16px;
    top:50%;
    width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transform:translateY(-50%) rotate(0deg);
    transform-origin:center;
    transition:transform .24s ease;
    pointer-events:none;
  }
  .gnb .nav-item.has-submenu > .nav-trigger .nav-accordion-icon::before{
    content:'';
    width:8px;
    height:8px;
    display:block;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    margin-top:-3px;
  }
  .gnb .nav-item.has-submenu.is-open-mobile > .nav-trigger .nav-accordion-icon{
    transform:translateY(-50%) rotate(180deg);
  }
}