[임지연/이모션]플로팅 버튼 수정 2022.05.19

index.html

@@ -1076,6 +1076,41 @@
         </div>
     </div>
 
+    <!-- [D] 2022.05.19 변경
+    tds 기존 소스 참고 -->
+    <!-- sticky 빠른메뉴 -->
+    <div class="sticky-shortcut">
+        <h3 class="g-invisible">빠른메뉴</h3>
+        <div class="shortcut-menus">
+            <a href="javascript:window.open('https://m.shop.tworld.co.kr/common-campaign?cmpId=000029');">
+            <button type="button" class="btn-counsel-phone">
+                <span class="ico-counsel-phone"></span>
+                <span class="text">전화상담</span>
+            </button>
+            </a>
+            <a href="javascript:window.open('https://chat.tworld.co.kr:17443/sharedfront/jsp/view/liveChatCheck.jsp?domainId=MOBILE');">
+            <button type="button" class="btn-counsel-chat">
+                <span class="ico-counsel-chat"></span>
+                <span class="text">1:1채팅</span>
+            </button>
+            </a>
+            <a href="javascript:window.open('https://chat.tworld.co.kr:17443/sharedfront/jsp/view/liveChatKakaoCheck.jsp?domainId=MOBILE');">
+            <button type="button" class="btn-kakaotalk">
+                <span class="ico-kakaotalk"></span>
+                <span class="text">카카오톡</span>
+            </button>
+            </a>
+        </div>
+
+        <button type="button" class="btn-counsel-toggle">
+            <span class="ico-counsel-toggle">상담메뉴 접기/펴기 토글</span>
+        </button>
+
+        <a href="#top" class="btn-top"><span class="ico-top">맨위로</span></a>
+    </div>
+    <div class="sticky-shortcut-dimmed" style="display: none;"></div>
+    <!-- //sticky 빠른메뉴 -->
+
     <script>
         // 메뉴
         var swiper_menu = new Swiper('.swiper-container-menu', {
@@ -1144,6 +1179,13 @@
                 $('#list-type1').show();
             } 
         })
+
+        // 2022.05.19 플로팅베너 기존 소스
+        $('.btn-counsel-toggle').on('click', function () {
+            $('.sticky-shortcut').toggleClass('active');
+            $('body').toggleClass('js-noscroll');
+            $('.sticky-shortcut-dimmed').toggle();
+        });
        
     </script>
 </body>

tdirect.css

@@ -3369,9 +3369,12 @@ html {
 }
 
 .btn-counsel-toggle .ico-counsel-toggle {
-  width: 31px;
+  /* width: 31px;
   height: 29px;
-  background-position: 0 -375px;
+  background-position: 0 -375px; */
+  width: 22px;
+  height: 40px;
+  background-position: -4px -370px;
   background-size: 460px 428px;
   position: absolute;
   top: 0;