<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5TJJTFP"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


<div id="floatingButton" class="floating-button">
  <div id="chatIcon" class="floating-button__chat-icon">
		<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewbox="0 0 24 24"><path fill="currentColor" d="M6 14h8v-2H6Zm0-3h12V9H6Zm0-3h12V6H6ZM2 22V4q0-.825.588-1.413Q3.175 2 4 2h16q.825 0 1.413.587Q22 3.175 22 4v12q0 .825-.587 1.413Q20.825 18 20 18H6Z"/></svg>
  </div>
  <div id="closeIcon" class="floating-button__close-icon">
    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewbox="0 0 24 24"><path fill="currentColor" d="M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6Z"/></svg>
  </div>
</div>

<div id="chatContainer" class="chat-container">
  <iframe src="https://fin-sangsanginbank-prod.posicube.com/chat?custNo=C0005280473&chCd=02&ibld=shivie26"></iframe>
</div>

<script>
var floatingButton = document.getElementById('floatingButton');
var chatIcon = document.getElementById('chatIcon');
var closeIcon = document.getElementById('closeIcon');
var chatContainer = document.getElementById('chatContainer');
var isChatting = false;
  
floatingButton.addEventListener('click', function() {
  isChatting = !isChatting;
  
  if (isChatting) {
    chatIcon.style.display = 'none';
    closeIcon.style.display = 'block';
    
    chatContainer.style.display = 'block';
  } else {
    chatIcon.style.display = 'block';
    closeIcon.style.display = 'none';
    
    chatContainer.style.display = 'none';
  }
});
</script>

www.posicube.com

주제

제품

질문

날짜

oopy

To-do

In progress

Complete

속성

질문 목록

robi V 적용을 위한 Spec이 어떻게 되나요?