.tab_wrap { width: 980px; overflow: hidden; }

.tab-ul { float:left; position:absolute; margin-top:30px; }
.tab-ul li{ float:left; height:100%; text-align:center;}
.tab-ul li a span{display:block;}

.tab-ul.type2{ display:flex;flex-wrap:wrap; }
.tab-ul.type2 li { width:300px; display:block; }
.tab-ul.type2 li a { position:relative; display:block; padding-left:30px; text-align:center; width:300px; height:54px; line-height:39px; background:#fff; border:1px #bbb solid; border-radius:54px; font-family:'GmarketSansMedium'; color:#000; font-size:21px; letter-spacing:-0.02em; transition:all .3s;-webkit-transition:all .3s;}
.tab-ul.type2 li a:hover { width:300px; background:#000; border:1px #000 solid; color:#fff; font-size:21px; transition:all .3s;-webkit-transition:all .3s; }
.tab-ul.type2 li.active a { width:300px; background:#000; border:1px #000 solid; color:#fff; font-size:21px; transition:all .3s;-webkit-transition:all .3s; }
.tab-ul.type2 li a:focus,
.tab-ul.type2 li a:hover{ /*background:#fff;*/color:#fff; text-decoration:none; }
.tab-ul.type2 li a span{display:table-cell;vertical-align:middle;width:100%;height:100%;padding:10px 20px 10px 0px; }

.tab-ul.col2 li{width:calc(50% + 1px);}
.tab-ul.col3 li{width:calc(33.33% + 1px);}
.tab-ul.col4 li{width:calc(48% + 8px);}
.tab-ul.col5 li{width:calc(20% + 1px);}
.tab-ul.col6 li{width:calc(16.66% + 1px);}
.tab-ul.col7 li{width:calc(14.28% + 1px);}
.tab-ul.col8 li{width:calc(12.5% + 1px);}

.tab-contents { display:inline-block; float:left; top:100px; left:0; text-align:left; position:relative; z-index:999; width:980px; height:750px; }
.tab-contents .tab-inner { display: none; animation-name: fadeInUp; animation-duration: 0.3s; }
.tab-contents .tab-inner.active {display: block; }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}