[문의] 이미지 속 스크립트+탭기능 질문합니다

스크립트 상세가이드의 [탭기능]과 [이미지 속 스크립트] 두가지를 합체해서

이런 느낌으로 탭 선택시 각각의 메인맵 이미지가 뜨고, 

맵 스크립트를 이용해서 인벤 툴팁과 하단에 상세 내용을 띄우는 인장을 만들어보려고 합니다.

기본틀이 되는 탭부분은

<div data-inven-tabs>

<!-- 탭 버튼 부분 -->

<div data-inven-tab-for="tab_main"

style="width:100px; height:100px; padding: .4em; float:left;"> <img src="https://upload2.inven.co.kr/upload/2018/03/05/bbs/i15911500843.png" /> </div>

<div data-inven-tab-for="tab_cucu"

style="width:100px; height:100px; padding: .4em; float:left;"> <img src="https://upload2.inven.co.kr/upload/2018/03/05/bbs/i15946551626.png" /> </div>

<div data-inven-tab-for="tab_coco"

style="width:100px; height:100px; padding: .4em; float:left;"> <img src="https://upload2.inven.co.kr/upload/2018/03/05/bbs/i15916764698.png" /> </div>

<div data-inven-tab-for="tab_papa"

style="width:100px; height:100px; padding: .4em; float:left;"> <img src="https://upload2.inven.co.kr/upload/2018/03/05/bbs/i15941822086.png" /> </div>

<div style="clear: left;"></div>

<!-- 탭 내용 부분 -->

<div data-inven-tab-id="tab_main" style="border: 1px solid #ffffff; padding: .4em;">탭 0번 내용입니다.</div>

<div data-inven-tab-id="tab_cucu">탭 1번 내용입니다.</div>

<div data-inven-tab-id="tab_coco">탭 2번 내용입니다.</div>

<div data-inven-tab-id="tab_papa">탭 3번 내용입니다.</div>

</div>

이후 탭 0번의 내용에는 단순 이미지를 올리고, 탭 1~3번 내용부분에는

<img style="max-width:450px;"img src="https://upload2.inven.co.kr/upload/2018/03/08/bbs/i13259860794.png" usemap="#coolidol" />

<div data-inven-tabs>

<map name="coolidol">

<area shape="rect" coords="386,2,448,64" title="메인으로" data-inven-tab-for="tab_co0" />

<!--쿨-1번째 줄-->

<area shape="rect" coords="2,2,64,64" data-inven-tooltip="#ffffff;#0569fd;#0569fd;호죠 카렌 (Ⅱ)" data-inven-tab-for="tab_co1-1" />

<div style="width:435px;border: 5px double #0569fd; padding: .4em;border-radius:10px;margin:5px 0px;display:inline-block;">

<div data-inven-tab-id="tab_co0" style="text-align:center;"><stong>Last update : 타카가키 카에데 (Ⅲ)</strong></div>

<div data-inven-tab-id="tab_co1-1" style="display:none;">

<img src="https://upload2.inven.co.kr/upload/2018/03/06/bbs/i16089961583.png" style="float:left;padding-right:12px;" />

<strong>[송·포·라이프]</strong><br />

<strong>호죠 카렌</strong><br />

<br />

센터 효과 : 쿨 스텝<br />

특기 : 오늘 밤만의 노랫소리<br />

특기 주기 : 4초 고확률 콤보 보너스<br />

라이프 : 44<br />

보컬 : 4677<br />

댄스 : 7059<br />

비쥬얼 : 3889<br />

총합 : 15625<br />

획득 방법 : 다함께 즐거운 따끈따끈 온천 가챠

</div>

(스크립트가 길어져서 간략하게 줄인 버젼입니다)

이런 스크립트를 붙여 넣으면, 1번 탭의 내용은 정상 적용 되지만 2번 3번 탭은 스크립트나 텍스트가 전혀 적용 되지 않습니다ㅠㅠ

어떻게 해결 할 수 있을까요?