@charset "UTF-8";
/* header */
.header .headWrap {
  max-width: 1560px;
}
.header .logo a {
  width: 31rem;
  background-image: url(../images/common/logo.png);
}

.gnbList > li > div {
  width: 30rem;
}

@media screen and (max-width: 1500px) {
  .gnbList {
    padding-left: 16rem;
  }
  .gnbList > li > a {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 1280px) {
  .header .logo a {
    width: 24rem;
  }
  .gnbList > li > a {
    padding: 0 1.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .header .logo a {
    width: 23.375rem;
    background-image: url(../images/common/logo_mo.png);
  }
  .gnbList {
    padding: 0;
  }
  .gnbList > li > a {
    padding: 0 6.6666%;
  }
  .gnbList > li > div {
    width: 100%;
  }
}
/* footer */
.footer .inner {
  max-width: 1560px;
  padding: 3.6rem 0;
}
.footer .utilArea .inner {
  gap: 6rem;
  padding-right: 25rem;
  box-sizing: border-box;
}
.footer .logo {
  flex-shrink: 0;
  width: 31rem;
  height: 5rem;
  background-image: url(../images/common/logo.png);
}
.footer .contact .addr {
  flex-wrap: wrap;
  gap: 0 2rem;
  margin-top: 0.4rem;
}
.footer .contactArea {
  display: none;
}
.footer .copyArea {
  background: #1d3861;
}

@media screen and (max-width: 1280px) {
  .footer .logo {
    width: 24rem;
    height: 4rem;
  }
}
@media screen and (max-width: 1024px) {
  /* footer */
  .footer .inner {
    padding: 3rem 0;
  }
  .footer .utilArea {
    padding: 0;
  }
  .footer .utilArea .inner {
    flex-direction: column;
    gap: 3rem;
    padding-right: 0;
  }
  .footer .utilArea .contact {
    display: none;
  }
  .footer .logo {
    width: 100%;
    height: 5rem;
    background-image: url(../images/common/f_logo_mo.png);
    background-position: center;
  }
  .footer .contactArea {
    display: block;
  }
  .footer .contact .addr {
    gap: 0.75rem 3rem;
    margin-top: 1.75rem;
  }
}