/* nav#gnb { position: relative; }
nav#gnb ul { display: flex; justify-content: space-between;}
nav#gnb > ul > li { float: left; width: 12.5%; height: 61px; }
nav#gnb > ul > li > a { display: block; height: 100%; padding-top: 10px; font-size: 1rem; text-align: center; font-weight: 600}
nav#gnb > ul > li > a:hover { color: #262262;}
nav#gnb > ul > li:hover { color: #262262; background: none; border-bottom: 2px solid #262262;}
nav#gnb > ul > li:hover > a { color: #262262; background: none; }
nav#gnb > ul::after { content: ''; display: block; clear: both; }
nav#gnb > ul > li:hover > ul { 
  display: flex; 
  justify-content: center; 
  width: 100%;}
nav#gnb > ul > li:hover > ul > li { margin: 0 -20px;}
nav#gnb > ul > li > ul { position: absolute; left: 0; top: 61px; width: 100%;display: none; margin: 0 auto; }
nav#gnb > ul > li > ul > li {  text-align: center; padding-top: 10px; display: inline-block;}
nav#gnb > ul > li > ul > li > a {
  font-size: 0.95rem;
  color: #777;
}
nav#gnb > ul > li > ul > li > a:hover {
  color: #262262;
  font-weight: 600;
  transition: 0.1s;
}

#gnb #gnb_1dul {
  width: 100%;
  height: 60px;
  margin: 0 auto;
}

#gnb #gnb_1dul li {
  width: 20%;
  text-align: center;
  line-height: 2.5rem;
}
#gnb #gnb_1dul li a {
  text-align: center;
} */
nav.gnb { display: none; }

@media (max-width:1023px) {
  nav#gnb { display: none; }
}

@media (max-width:1023px) {
  nav#gnb { display: none; }
  nav.gnb { display: block; }
}

#header #gnb {
  position: relative;
  top: 36px;
  left: -1%;
  margin: 0 auto;
  padding: 0 21% 0 16%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: left .3s,padding .3s;
  transition: left .3s,padding .3s;
}
#header #gnb>ul>li {
  float: left;
  transition: padding-left .3s;
}
#header #gnb>ul>li:first-child {
  padding-left: 0;
}
#header #gnb>ul>li>a {
  position: relative;
  padding-bottom: 29px;
  font-weight: 400;
  display: block;
  text-align: center;
}
.main #header.on .pix-in #gnb>ul>li>a, .main #header.search .pix-in #gnb>ul>li>a {
  color: #222;
}
#header #gnb>ul>li .depth2Wrap {
  position: fixed;
  left: 0;
  top: 0px;
  -webkit-transform: translateY(90px);
  transform: translateY(90px);
  padding: 45px 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  display: none;
}
#header #gnb>ul>li .depth2Wrap .depth2 {
  position: relative;
  left: 0;
  padding: 0px 21% 0px 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#header #gnb>ul>li .depth2Wrap .depth2>ul {
  padding-right: 3%;
}
#header #gnb>ul>li .depth2Wrap .depth2.depth2_1>ul {
  flex: none;
}
#header #gnb>ul>li .depth2Wrap .depth2>ul>li:first-child {
  padding-top:0;
}