/*Content CSS*/
#header_wrap {  border:1px solid #d9d9d9;width:100%; height:70px; z-index:1111; background-color:#f9f0f2; left:0; position: absolute;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; }
#header {left:0;top:20px; max-width: 100%; width:100%; z-index:6;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; margin:0 auto; position: relative;}
#header .header-inner {max-width:1300px; height:100%; margin:0 auto; display: flex; justify-content: space-between;  position: relative; z-index: 10;
align-items: center; }

#top_nav {height: 100%;  align-items: center; z-index:1111;  }
#top_nav .gnb { list-style:none; display: flex; padding:0 0 0 0; width:1300px; height: 100%; }
#top_nav .gnb > li { display:block; width:auto;  text-align:center; margin-left:73px;  position: relative; height: 100%; }
#top_nav .gnb > li:first-child {margin-left:0;}
#top_nav .gnb > li {-webkit-transition: all .4s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; height:100%;}
#top_nav .gnb > li > a {font-size:20px; color:#222; height: 100%; align-items: center;transition: color .3s ease; }
#top_nav .gnb > li > a::after {position: absolute; bottom: -20px; left:50%; transform:translateX(-50%); content: ""; width: 0px; height: 3px; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s; -o-transition: all 0.4s; -ms-transition: all 0.3s; transition: all 0.3s; background:#ff677c;}
#top_nav .gnb > li > a:hover::after, #top_nav .gnb > li.active > a::after  {width:80px; margin-left:0; }
#top_nav .gnb > li > a.active::after {width: 80px; background-color: #ff677c;}
#top_nav .gnb > li > a:hover {color:#ff677c;}
#top_nav .gnb > li.active > a {color:#ff677c; }
#top_nav .gnb > li span{font-size:20px}