<div data-inven-tabs="" data-inven-tab-selected="tab_01">
<!-- 탭 영역 첫째 줄 -->
<div data-inven-tab-for="tab_01" style="display:table-cell;vertical-align:middle;width:20vw;border-color:Peru;border-style:solid;border-width:5px 5px 0px 5px;text-align:center;padding:8px 0px 14px 0px;border-radius:8px 8px 0px 0px;" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}">탭 A
</div>
<!-- 내용 영역 -->
<div style="clear: left;">
</div>
<!-- 탭 A -->
<div style="border: 5px solid Peru; max-width: 100vw;" data-inven-tab-id="tab_01">
<div data-inven-tabs="" data-inven-tab-selected="none">
<!-- 줄 1 -->
<div style="clear: left;">
</div>
<div data-inven-tab-for="tab_01a" style="display:table-cell;vertical-align:middle;width:33vw;border:none;padding:7px;text-align:center;">
01a
</div>
<div data-inven-tab-for="tab_01b" style="display:table-cell;vertical-align:middle;width:34vw;border:none;padding:7px;text-align:center;">
01b
</div>
<div data-inven-tab-for="tab_01c" style="display:table-cell;vertical-align:middle;width:33vw;border:none;padding:7px;text-align:center;">
01c
</div>
<!-- 01a 눌렀을 때 표시 -->
<div style="clear: left;">
</div>
<div style="border:none; max-width:100vw;" data-inven-tab-id="tab_01a">
<div data-inven-tabs="" data-inven-tab-selected="none">
<div data-inven-tab-for="tab_01a1" style="display:table-cell;vertical-align:middle;width:50vw;border:none;padding:7px;text-align:center;">
01a1
</div>
<div data-inven-tab-for="tab_01a2" style="display:table-cell;vertical-align:middle;width:50vw;border:none;padding:7px;text-align:center;">
01a2
</div>
</div>
</div>
<!-- 줄 2 -->
<div style="clear: left;">
</div>
<div data-inven-tab-for="tab_01d" style="display:table-cell;vertical-align:middle;width:50vw;border:none;padding:7px;text-align:center;">
01d
</div>
<div data-inven-tab-for="tab_01e" style="display:table-cell;vertical-align:middle;width:50vw;border:none;padding:7px;text-align:center;">
01e
</div>
</div>
</div>
</div>
위와 같이 01a를 눌렀을 때 01a1과 01a2가 표시되도록 코드를 짰습니다.