탭2의 내용이 자꾸 탭1에도 표시가 되는데 어떻게 수정해야할까요...
<div data-inven-tabs data-inven-tab-selected="tab_1">
<!-- 탭 버튼 부분 -->
<div data-inven-tab-for="tab_1"
data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}"
data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"
style="border:1px solid; width:60px; padding: .4em; float:left; font-family:'Tahoma'; font-size:10px;"> info </div>
<div data-inven-tab-for="tab_2"
data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}"
data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"
style="border:1px solid; width:60px; padding: .4em; float:left; font-family:'Tahoma'; font-size:10px;"> character </div>
<div style="clear: left;"></div>
<!-- 탭 내용 부분 -->
<div data-inven-tab-id="tab_1"><!----1번 내용 시작---->
<br>
<p style="text-align: right; line-height: 1.8;" align="right"><span style="font-family: Tahoma; font-size: 8pt;">update :
2017/11/28</span></p>
<br>
<p style="line-height: 1.8;"><span style="font-family: Tahoma; font-size: 8pt;"><b>[종족]</b>
<br>
(생성) 여 미코테 ▷ 여 라라펠 ▷ 여 아우라 ▷ 여 미코테 ▷여 라라펠 ▷ 여 아우라<br>
▷ 여 미코테 (현재)<br>
------------------------------------------------------------------------------------------------------------- <br>
<b>[전투]</b><br>
<b>★ main 학자 sub 점성/소환사<br>
★ 전직업 만렙 달성</b><br>
《토벌전》 극주르반 clear / 극만신 complete / 봉황 Get!<br>
《레이드》 천동영식 complete<br>
《고대무기》<br>
학자 : 아나바시스: 룩스 complete<br>
점성 : 카노푸스: 룩스 complete<br>
백마 : 마예스타스: 초전도 -ing<br>
음유 : 벼려진 절대자의 활 -ing<br>
솬사 : 드라코노미콘: 초전도 -ing<br>
암기 : 데스브링어: 각성 -ing<br>
------------------------------------------------------------------------------------------------------------- <br>
<b>[제작/채집]<br>
★ 완벽한 제작자 및 제작자의 정점 달성</b><br>
- 모든 제작직 60 달성 (4성)<br>
- 루미스라이트 set 금단완료<br>
- [전문장인] 목수/재봉/가죽 + 부캐 제작 -ing<br>
<br>
<b>★ 완벽한 채집가 및 채집가의 정점 달성</b><br>
- 모든 채집직 60 달성<br>
- 루미스라이트 set 금단완료<br>
- [전승록] 광부, 원예 complete / 어부 -ing<br>
------------------------------------------------------------------------------------------------------------- <br>
</span>
</p>
<!----1번 내용 끝----></div></div>
<div data-inven-tab-id="tab_2"><!----2번 내용 시작---->
<div style="cursor:default; font-family:'돋움'; font-size:14px; width:455px; height:400px; border-radius:20px;
background:url() #000;">
<div style="position: static; color: rgb(255, 255, 255); width: 455px; height: 400px; background: linear-
gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgb(255, 255, 255) 100%); overflow:
hidden;">
<div style="background:url
('https://cdn.discordapp.com/attachments/372229196270927903/379138817032060929/i11706705160.png') no-repeat;
background-size:100% auto; height:40px;">
<div style="text-align:center; margin:0 auto; margin-top:10px; width:120px;
padding-left:15px; height:40px; line-height:41px; background:url(http://image.ff14.co.kr/html/img/guide/tit_logo.png) no-
repeat; background-position:left center; background-size:16px auto;">
<div style="display: block;" id="titleInfoLabel">Finalfantasy XIV</div>
</div>
<div style="margin:10px; margin-top:0px; margin-bottom:5px; width:435px;
height:310px; background:rgba(0,0,0,.5); border-radius:4px;">
<div style="width: 435px; height: 310px; display: block;" data-
inven-tab-id="tab1" data-inven-tabs-index="0">
<div style="float:left; width:168px; margin-left:8px;">
<div id="iconImage" data-inven-id="char"
style="border-radius: 5px; background: url
("https://upload2.inven.co.kr/upload/2017/11/28/bbs/i15187659372.png") 0% 0% / cover; height: 260px; width:
168px; float: left; margin-top: 8px;">
</div>
<div id="nickBoard" style="background:rgba
(255,255,255,.2); padding-top:10px; border-radius:10px; height:40px; width:168px; text-align:center; font-weight:bold;
font-size:12px; margin-top:278px;">:: 초코보 ::<br>Sharkx</div>
</div>
<div style="float:right; width:243px; margin-right:8px;">
<div style="width: 257px; height: 103px;
text-align: center;">
src="http://hud.ff14.link/inven?nick=Sharkx&job=sch01" id="jobgauge" style="max-height: 100%; max-width: 100%;">
</div>
<div style="padding:10px; background:rgba
(255,255,255,.2); border-radius:5px; margin-top:3px; height:170px;">
<table style="text-align:center;">
<tbody>
<tr>
<td><img src="http://hud.ff14.link/gen3/res/job/Paladin_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/job/Warrior_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/job/Dark_Knight_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td></td>
<td><img src="http://hud.ff14.link/gen3/res/job/White_Mage_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/job/Scholar_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/job/Astrologian_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="pld">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="war">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="drk">60</td>
<td></td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="whm">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="sch">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="ast">60</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><img src="http://hud.ff14.link/gen3/res/job/Monk_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/job/Dragoon_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/job/Bard_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/job/Ninja_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/job/Black_Mage_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/job/Summoner_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/job/Machinist_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/job/Samurai_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/job/Red_Mage_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td></td>
</tr>
<tr>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="mnk">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="drg">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="brd">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="nin">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="blm">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="smn">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="mch">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(238, 238, 238);" job="sam">-</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(238, 238, 238);" job="rdm">-</td>
<td></td>
</tr>
<tr>
<td><img src="http://hud.ff14.link/gen3/res/lb/Carpenter_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/lb/Blacksmith_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/lb/Armorer_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/lb/Goldsmith_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/lb/Leatherworker_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/lb/Weaver_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/lb/Alchemist_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/lb/Culinarian_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td></td>
<td></td>
</tr>
<tr>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="car">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="bla">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="arm">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="gol">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="lea">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="wea">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="alc">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="cul">60</td>
<td></td>
<td></td>
</tr>
<tr>
<td><img src="http://hud.ff14.link/gen3/res/lb/Miner_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/lb/Botanist_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td><img src="http://hud.ff14.link/gen3/res/lb/Fisher_Icon_7.png" alt="" style="width:18px; height: 18px;"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="min">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="bot">60</td>
<td
style="font-size: 11px; font-weight: bold; color: rgb(255, 119, 0);" job="fis">60</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
<div style="background:linear-gradient(to bottom,
#686868 0%,#525252 49%,#373737 50%,#4A4A4A 100%); margin-top:10px; height:20px; border-radius:10px;
display:inline-block; padding-left:18px; padding-right:18px; float:left; margin-left:12px; box-shadow:0px 0px 5px #000, inset
0px 1px 0px rgba(255,255,255,.25), inset 0px -1px 0px rgba(0,0,0,0.5); color:#EEE1C5; font-size:12px; line-height:20px;
text-shadow:0px 0px 2px rgba(0,0,0,0.75);">
<div class="nickPoint" data-inven-action=""
data-inven-nick-default="Sharkx" style="border:0px; float:left; padding:0px; margin:0px;">
<span data-inven-attr-for="input"
style="display:none;"></span>
<span data-inven-attr-for="send-
note" style="float: left; font-size:12px; line-height:22px; text-shadow:0px 0px 2px rgba(0,0,0,0.75); border:0px;
background:transparent; color:#EEE1C5; border-left:1px solid rgba(0,0,0,.15); box-shadow:-1px 0px 0px rgba
(255,255,255,.15), inset 1px 0px 0px rgba(255,255,255,.15); height:20px; padding:0px 10px 0px 11px;
width:auto;">쪽지</span>
<span data-inven-attr-for="last-
attack-5" data-inven-text="5번" style="font-size:12px; line-height:22px; text-shadow:0px 0px 2px rgba(0,0,0,0.75);
border:0px; background:transparent; color:#EEE1C5; float:left; border-left:1px solid rgba(0,0,0,.15); border-right:1px solid
rgba(0,0,0,.15); box-shadow:-1px 0px 0px rgba(255,255,255,.15), inset 1px 0px 0px rgba(255,255,255,.15), 1px 0px 0px rgba
(255,255,255,.15), inset -1px 0px 0px rgba(255,255,255,.15); height:20px; padding:0px 10px 0px 10px;
width:auto;">5번</span>
<span data-inven-attr-for="last-
attack-10" data-inven-text="10번" style="font-size:12px; line-height:22px; text-shadow:0px 0px 2px rgba(0,0,0,0.75);
border:0px; background:transparent; color:#EEE1C5; float:left; border-left:1px solid rgba(0,0,0,.15); border-right:1px solid
rgba(0,0,0,.15); box-shadow:-1px 0px 0px rgba(255,255,255,.15), inset 1px 0px 0px rgba(255,255,255,.15), 1px 0px 0px rgba
(255,255,255,.15), inset -1px 0px 0px rgba(255,255,255,.15); height:20px; padding:0px 10px 0px 10px;
width:auto;">10번</span>
<span data-inven-attr-for="last-
attack-all" data-inven-text="마격" style="font-size:12px; line-height:22px; text-shadow:0px 0px 2px rgba(0,0,0,0.75);
border:0px; background:transparent; color:#F88; float:left; border-left:1px solid rgba(0,0,0,.15); border-right:1px solid rgba
(0,0,0,.15); box-shadow:-1px 0px 0px rgba(255,255,255,.15), inset 1px 0px 0px rgba(255,255,255,.15), 1px 0px 0px rgba
(255,255,255,.15), inset -1px 0px 0px rgba(255,255,255,.15); height:20px; padding:0px 10px 0px 10px;
width:auto;">마격</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!----2번 내용 끝----></div>
</div>
</div>
Sharkx
Sharkx
