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

문의하신 내용은 두 사이트 사이의 스타일 시트의 적용에 문제가 있는 것으로 보여, 담당자에게 공유했습니다.
position:relative; 는 정확하게 사용되지 않으면 레이아웃 파괴의 주범이 됩니다.
id="charBtn" 값을 사용하였는데, 이 값이 다른 곳에서 스타일을 상속하는 것으로 보이고, 특별한 역할은 없으므로 삭제하였습니다.

user-select:none; 는 지원하지 않는 스타일입니다. data-inven-prevent="select"로 대체하여 쓸 수 있습니다.
참조 공지 - http://www.inven.co.kr/board/webzine/4712/696?iskin=webzine

위 수정을 통해 다른 인벤에서도 원하시는 형태로 출력되도록 수정한 소스를 답글을 통해 전달드리겠습니다.
다만 수정 과정 중에서 position:relative를 사용하지 않기 위해 배경의 이미지를 배경으로 넣었습니다.
data-inven-click-css="{'info':{'visibility':'hidden'}}"가 배경 이미지에 걸려 있어서, 하위에 포함된 내용들도 해당 기능이 작동하다 보니,
배경 클릭 시 info div 가 사라지는 기능은 제외하고, 버튼을 토글 방식으로 변경하였습니다.

원하시던 형태와 다르거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.

감사합니다.


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

<div data-inven-prevent="select" style="background:url(http://upload2.inven.co.kr/upload/2018/11/15/bbs/i15002487783.png)no-repeat 0 0/100%;height:250px;">
<div style="background:url(http://upload2.inven.co.kr/upload/2018/11/15/bbs/i13502594329.png)no-repeat center 5px/50%;height:250px;">

<!-- 팝업레이어 -->
<div data-inven-id="info" style="text-align:center; width:280px; height:180px; background-color: rgba(44, 44, 44, 0.8); line-height: 32px; border-radius: 2px; padding:10px; margin:32px 0px 0px 20px; float:left;display:none;">
<span style="color:white;font-size:20px;text-decoration:none;">
이그하람 :
<a href="http://lostark.game.onstove.com/Profile/Character/%EA%B0%AC%EA%B7%A4" style="font-size:20px;color:white;text-decoration:line;" target="_blank">갬귤</a><br>
기공사
</span>
</div>

<!-- 우단 메뉴 -->
<div style="width:120px; float:right;">

<!-- 마격 버튼 -->
<div data-inven-action data-inven-nick-default="사과" style="border:0px;padding:0;margin:0;width:102px;height:50px; margin-top:110px;">
<span data-inven-attr-for="input" style="display:none;"></span>
<span data-inven-attr-for="last-attack-all" style="background-color:rgba(44, 44, 44, 0.4);color:white;width:102px;height:50px;border-radius:2px;padding:0;margin:0; border: 1px solid gray;font-size:14px;" data-inven-text="마격"
data-inven-over-css="{'_SELF_':{'background-color':'rgba(44, 44, 44, 0.5)'}}" data-inven-out-css="{'_SELF_':{'background-color':'rgba(44, 44, 44, 0.4)'}}"></span>
</div>

<!-- 캐릭터 버튼 -->
<div style="width:100px; height:50px; cursor:pointer; background-color:rgba(44, 44, 44, 0.4); border-radius:2px; border:1px solid gray; text-align:center; margin-top:15px;" data-inven-over-css="{'_SELF_':{'background-color':'rgba(44, 44, 44, 0.5)'}}" data-inven-out-css="{'_SELF_':{'background-color':'rgba(44, 44, 44, 0.4)'}}" data-inven-toggle="info">
<div style="width:100px; height:50px;color:white;display:table-cell; vertical-align:middle;"><span>캐릭터</span></div>
</div>

</div>

</div></div>