인벤 스크립트에 관심을 가져주셔서 감사합니다.

올려주신 내용을 바탕으로 작성된 소스를 전달 드립니다.

버튼이나 본문의 처리 방식에 대한 별도의 언급이 없었기에,
올려주신 이미지를 그대로 사용하여, 버튼을 4개로 소스를 작성하였습니다.

사용하실 버튼이나 내용의 이미지 / 텍스트 / 규격 등을 남겨주시면 더욱 정확한 소스 지원이 가능한 점 참고해 주세요.

원하시던 형태와 다르거나, 수정에 어려움이 있으신 경우
이외에도 궁금하신 내용은 언제든지 글 남겨주세요.

감사합니다.


■ HTML을 누른 상태에서 붙여넣어 주세요.

<div data-inven-tabs data-inven-tab-selected="none;"> <!-- 탭 버튼 -->
<div style="text-align:center;"><!--중앙 정렬 -->

<span data-inven-tab-for="tab_1" data-inven-toggle="tab_1">
<!--버튼1 이미지 --><img style="max-width:24%;" src="http://upload2.inven.co.kr/upload/2018/09/06/bbs/i14330226178.png">
</span>

<span data-inven-tab-for="tab_2" data-inven-toggle="tab_2">
<!--버튼2 이미지 --><img style="max-width:24%;" src="http://upload2.inven.co.kr/upload/2018/09/06/bbs/i14356367154.png">
</span>

<span data-inven-tab-for="tab_3" data-inven-toggle="tab_3">
<!--버튼3 이미지 --><img style="max-width:24%;" src="http://upload2.inven.co.kr/upload/2018/09/06/bbs/i14383223134.png">
</span>

<span data-inven-tab-for="tab_4" data-inven-toggle="tab_4">
<!--버튼3 이미지 --><img style="max-width:24%;" src="http://upload2.inven.co.kr/upload/2018/09/06/bbs/i14383223134.png">
</span>

<!-- 탭 영역, 탭 1번 상자-->
<div data-inven-tab-id="tab_1" data-inven-id="tab_1" style="display:none;"><br>
<img src="http://upload2.inven.co.kr/upload/2018/09/06/bbs/i14335642449.png">
<img data-inven-toggle="tab_1" src="http://upload2.inven.co.kr/upload/2018/09/06/bbs/i14309125255.png">
</div>

<!-- 탭 영역, 탭 2번 상자-->
<div data-inven-tab-id="tab_2" data-inven-id="tab_2" style="display:none;"><br>
<div style="display:inline-block;width:90%;height:300px;text-align:center;border:3px solid gray;">
2번 상자<br>
</div>
<img data-inven-toggle="tab_2" src="http://upload2.inven.co.kr/upload/2018/09/06/bbs/i14309125255.png">
</div>

<!-- 탭 영역, 탭 3번 상자-->
<div data-inven-tab-id="tab_3" data-inven-id="tab_3" style="display:none;"><br>
<div style="display:inline-block;width:90%;height:300px;text-align:center;border:3px solid gray;">
3번 상자<br>
</div>
<img data-inven-toggle="tab_3" src="http://upload2.inven.co.kr/upload/2018/09/06/bbs/i14309125255.png">
</div>

<!-- 탭 영역, 탭 4번 상자-->
<div data-inven-tab-id="tab_4" data-inven-id="tab_4" style="display:none;"><br>
<div style="display:inline-block;width:90%;height:300px;text-align:center;border:3px solid gray;">
4번 상자<br>
</div>
<img data-inven-toggle="tab_4" src="http://upload2.inven.co.kr/upload/2018/09/06/bbs/i14309125255.png">
</div>

</div>
</div>