.tab_wrap {width: 100%; margin-top: 60px}
.tab-ul {width: 630px;position: relative;text-align: center}
.tab-ul li { }

.tab-ul.type2{ }
.tab-ul.type2 li {display: inline-block;text-align: center}
.tab-ul.type2 li a {display: inline-block; margin: 12px 10px 0;padding-top: 18px;width: 288px;height: 80px;background: #01a687;color: #fff;font-size: 13px;line-height: 22px;font-weight:300;letter-spacing: -0.04em; border-radius: 20px 10px 20px 10px;transition:all .3s}
.tab-ul.type2 li a:hover {background: #006c58; transition: all .3s}
.tab-ul.type2 li.active a {background: #006c58; transition: all .3s}
.tab-ul.type2 li a:focus,
.tab-ul.type2 li a:hover{text-decoration: none}
.tab-ul.type2 li a span{font-size: 16px;font-weight:500;}

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

.tab-contents {width: 650px;position: absolute;z-index: 999;top: 20px;right:0}
.tab-contents .tab-inner {width: 100%; text-align:left}

@media only screen and (max-width:1024px){
	.tab_wrap {width: 100%; margin-top: 60px}
	.tab-ul {width: 100%;}

	.tab-ul.type2{ }
	.tab-ul.type2 li {display: inline-block;text-align: center}
	.tab-ul.type2 li a {display: inline-block; margin: 5px 0px;padding-top: 18px;width: 99%;height: 80px;background: #01a687;color: #fff;font-size: 13px;line-height: 22px;font-weight:300;letter-spacing: -0.04em; border-radius: 20px 10px 20px 10px;transition:all .3s}
	.tab-ul.type2 li a:hover {background: #006c58; transition: all .3s}
	.tab-ul.type2 li.active a {background: #006c58; transition: all .3s}
	.tab-ul.type2 li a:focus,
	.tab-ul.type2 li a:hover{text-decoration: none}
	.tab-ul.type2 li a span{font-size: 16px;font-weight:500;}

	.tab-contents {width: 100%;position: absolute;z-index: 999;top: 580px;left:0}
	.tab-contents .tab-inner {width: 100%; text-align:left}
}