답변 감사합니다. 2~3번의 경우 알려주신 대로 처리하여 깔끔하게 처리했습니다.
4번 답변에 따라 탭 안에 탭을 넣는 식으로 스크립트를 짜 보았는데, 아래 스크린샷과 같이 탭의 넓이가 정확하게 일치하지 않습니다. 어떻게 해결할 수 있을까요?
사용한 스크립트입니다.
<div data-inven-tabs="" data-inven-tab-selected="none">
<div data-inven-tab-for="tab_08a" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 a</div>
<div data-inven-tab-for="tab_08b" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 b</div>
<div data-inven-tab-for="tab_08c" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 c</div>
<div data-inven-tab-for="tab_08d" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 d</div>
<div data-inven-tab-for="tab_08e" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 e</div>
<div style="clear: left;"></div>
<div style="border:1px solid; max-width:100vw;" data-inven-tab-id="tab_08b">
<div data-inven-tabs="" data-inven-tab-selected="none">
<div data-inven-tab-for="tab_08b1" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 b-1</div>
<div data-inven-tab-for="tab_08b2" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 b-2</div>
<div data-inven-tab-for="tab_08b3" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 b-3</div>
<div data-inven-tab-for="tab_08b4" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 b-4</div>
<div data-inven-tab-for="tab_08b5" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 b-5</div>
</div></div>
<div style="clear: left;"></div>
<div data-inven-tab-for="tab_08f" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 f</div>
<div data-inven-tab-for="tab_08g" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 g</div>
<div data-inven-tab-for="tab_08h" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 h</div>
<div data-inven-tab-for="tab_08i" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 i</div>
<div data-inven-tab-for="tab_08j" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 j</div>
</div>