@charset "UTF-8";
/*-------------------------------------------------
title       : 레이아웃 반응형
Author      : lhj
Create date : 2022-05
-------------------------------------------------*/
@media (max-width: 1620px) {
  #gnb1 > ul > li {
    margin: 0 3rem;
  }
}
@media (max-width: 1400px) {
  #gnb1 > ul > li > a {
    padding: 3.4rem 0;
  }
}
@media (max-width: 1280px) {
  #logo {
    margin: 2rem 0 2rem 2rem;
  }
  #gnb2 .control {
    right: 2rem;
  }
  #footer {
    padding: 4rem 0;
  }
}
@media (max-width: 1080px) {
  #gnb1 {
    display: none;
  }
  #siteinfo {
    padding-left: 0;
    padding-top: 5.2rem;
  }
  #siteinfo .logo {
    width: auto;
  }
  #fnb .fnb1 {
    margin-bottom: 0.6rem;
  }
}
@media (max-width: 900px) {
  #siteinfo address span {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  #footer {
    padding: 4rem 0 10rem;
  }
  #footer .related {
    top: inherit;
    width: 100%;
    bottom: -8rem;
  }
  #footer .related .group {
    width: 100%;
  }
}
@media (max-width: 720px) {
  #gnb2.active > ul {
    width: 100%;
  }
  #gnb2.active::before {
    width: 100%;
  }
}
@media (max-width: 640px) {
  #gnb2.active > ul {
    margin: 0 auto;
    padding: 3rem 5rem 5rem;
    height: calc(100vh - 10rem);
    top: 10rem;
  }
  #gnb2.active > ul > li a span {
    font-size: 3.5rem;
    font-weight: 600;
  }
  #gnb2.active::before {
    width: 100%;
    height: 10rem;
  }
  #gnb2.active .submenu {
    margin-left: 4rem;
  }
  #gnb2.active .submenu > ul > li a {
    padding: 0 1rem;
  }
  #gnb2.active .control.close {
    top: 4rem;
    right: 4rem;
  }
}
@media (max-width: 480px) {
  #gnb2.active > ul {
    margin: 0 auto;
    padding: 5rem;
    height: calc(100vh - 10rem);
    top: 10rem;
  }
  #gnb2.active > ul > li a em {
    display: inline-block;
    vertical-align: middle;
  }
  #gnb2.active > ul > li a span {
    font-size: 3rem;
    display: inline-block;
    padding: 0 0 2.8rem 2rem;
  }
  #gnb2.active .submenu {
    display: block;
    padding-bottom: 4rem;
    margin-left: 4.2rem;
  }
  #gnb2.active .submenu > ul > li {
    vertical-align: middle;
  }
}