[CSS3] 유동적인 탭유형

• Introduction
• Our Story
• Our Brand

	
Introduction
	
Our Story
	
Our Brand

.tab{display: -webkit-box;}
.tab {margin-bottom:1.71em; -webkit-box-align: center;}
.tab > li {-webkit-box-flex: 1; font-size:0.92em; text-align:center; border:1px solid #ccc; border-right:none;}
.tab > li:last-child {border-right:1px solid #ccc;}
.tab > li.on {font-weight:bold; background:#8a7a6c; border:1px solid #8a7a6c; color:#fff;}
.tab li.on + li {border-left:none;}
.tab > li a {padding:0.89em 0; display:block; color:#222;}
.tab  > li.on a {color:#fff;}