.nav { left: 55%;}
 .gnb { gap: 30px;}
 .gnb > li > a { font-size: 14px; text-align: center;}

 .sub_mu__ ul { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;}
 .sub > li > a { padding: 0;	}

  @media screen and (max-width: 1024px) {
	.nav { left: auto; right: -100%;}
	.gnb {    gap: 0;    }
    .gnb > li > a {text-align: left; }
	.sub_mu ul { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;}
}


  @media screen and (max-width: 680px) {
    .sub_mu__ ul { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;}
}

  @media screen and (max-width: 580px) {
    .sub_mu__ ul { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;}
	.sub_mu ul li a {   font-size: 14px;  }
}