/* Charset */
:root {
  /* gnb-color */
  --gnb-color-black: #000000;
  /* gnb-font */
  --gnb-font-size: 18px;
}

#gnb {
  width: 100%;
  height: 100%;
  max-width: unset;
  background: unset;
  position: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#gnb .gnb_wrap {
  width: 100%;
}

#gnb #gnb_1dul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: unset;
  gap: 60px;
}

#gnb .gnb_1dli {
  line-height: 1.4;
}

#gnb #gnb_1dul a {
  color: #ffffff;
}

#gnb .gnb_1da {
  padding: 0;
  border-bottom: 0;
  font-size: var(--gnb-font-size);
  font-weight: 500;
}

/* Media Query for 1400px */
@media screen and (max-width: 1400px) {
  #gnb #gnb_1dul {
    gap: 30px;
  }
}
/* Media Query for 1200px */
@media (max-width: 1200px) {
  #gnb #gnb_1dul {
    gap: 40px;
  }
}
/* Media Query for 1024px */
@media (max-width: 1024px) {
  #gnb #gnb_1dul {
    gap: 25px;
  }
  /* #gnb .gnb_1da {
    font-size: 14px;
  } */
}
/* Media Query for 768px */
@media (max-width: 768px) {
  #gnb #gnb_1dul {
    gap: 0;
  }
  #gnb .gnb_1da {
    font-size: 16px;
  }
}
/* Media Query for 560px */
@media (max-width: 560px) {
  /* :root {
    --gnb-font-size: 4.2666vw;
  } */
  /* #gnb {
    width: 130%;
  } */
  #gnb .gnb_1da {
    /* font-size: 2.5vw; */
    font-size: 2.9333vw;
  }
}