/*-------------------¸ð¹ÙÀÏ ¸Þ´º----------------------*/
.gnbWrap{
    padding-top: 10px; padding-bottom: 8px;
    width: 890px; margin: 0 auto;
}
.gnbWrap>img{
    width: 250px; height: 42px;
}
/* ¸ð¹ÙÀÏ ¸Þ´º ¹öÆ° */
.menu {position: absolute; top: 10px; left:10px; transform: translateY(-50%);}
.menu>a{width: 100%;height: 100%; display: block;}

.menu a span{/*¹öÆ° »ó»ç ¸·´ë °ª*/
  width:24px;/*¸·´ë °¡·Î »çÀÌÁî*/
  height:4px;/*¸·´ë ¼¼·Î »çÀÌÁî*/
  position:absolute;
  /*text-indent:-999999px;*/
  background:#444;/*¸·´ë »ö*/
  }

a.close{
    background-color: #424242; width: 50px; height: 50px;
    position: absolute; right: 0; top: 0; color: #fff;
    line-height: 50px; text-align: center; text-decoration:none
}
.left_gnbWrap{
    height: 100%;
    width: 200px;
    position: fixed; right: -200px; top: 0;
    background-color: #424242;
    padding-top: 50px;
    z-index: 999;
    transition: all 0.3s;
}
.left_gnbWrap.on{
    left:0;
}
.left_gnb>li{
    width: 100%;
}
.left_gnb>li>a{
    display: block; text-align: center; line-height: 50px;
    width: 100%; height: 50px; background-color: #424242;
    color: #fff; text-decoration:none
}
.left_gnb>li>a.on{
    background-color: #9e9e9e;
}
.left_gnb>li>ul{
    display: none;
}
.left_gnb>li>ul>li>a{
    display: block; text-align: center; line-height: 50px;
    width: 100%; height: 50px; background-color: #9e9e9e;
    color: #fff; text-decoration:none
}