diff --git a/src/main/resources/static/mobile/css/default.css b/src/main/resources/static/mobile/css/default.css
index d87f7ba3..8f4d4661 100644
--- a/src/main/resources/static/mobile/css/default.css
+++ b/src/main/resources/static/mobile/css/default.css
@@ -5706,6 +5706,11 @@ body {
   color: #16191d;
   font-weight: 400;
 }
+.icon_kakao-customer-service {
+  width: 72px;
+  height: 72px;
+  background-image: url(../images/icon_kakao_customer.png);
+}
 
 .notice__title {
   display: inline-block;
diff --git a/src/main/resources/static/mobile/images/icon_kakao_customer.png b/src/main/resources/static/mobile/images/icon_kakao_customer.png
new file mode 100644
index 00000000..4e0892c7
Binary files /dev/null and b/src/main/resources/static/mobile/images/icon_kakao_customer.png differ
diff --git a/src/main/resources/static/pc/css/default.css b/src/main/resources/static/pc/css/default.css
index 9a91b828..9302505e 100644
--- a/src/main/resources/static/pc/css/default.css
+++ b/src/main/resources/static/pc/css/default.css
@@ -5560,20 +5560,30 @@ main {
 }
 .quick-menu__customer-service {
   position: relative;
+  cursor: pointer;
 }
 .quick-menu__customer-service__num {
   position: absolute;
-  bottom: 24px;
+  top: 80%;
   left: 50%;
-  transform: translateX(-50%);
-  font-size: 24px;
+  width: 100%;
+  transform: translate(-50%, -50%);
+  font-size: 20px;
   line-height: 1;
   font-weight: 700;
   color: #212529;
+  text-align: center;
 }
 .quick-menu > * + * {
   margin-top: 16px;
 }
+.icon_kakao-customer-service {
+  width: 108px;
+  height: 108px;
+  background-image: url(../images/icon_kakao_customer.png);
+  /* 이미지 그림자 */
+  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.15));
+}
 
 .recentProductSlick {
   width: 100%;
diff --git a/src/main/resources/static/pc/images/icon_kakao_customer.png b/src/main/resources/static/pc/images/icon_kakao_customer.png
new file mode 100644
index 00000000..d097489f
Binary files /dev/null and b/src/main/resources/static/pc/images/icon_kakao_customer.png differ
diff --git a/src/main/webapp/WEB-INF/views/index.jsp b/src/main/webapp/WEB-INF/views/index.jsp
index cb1a6740..0a90dd5a 100644
--- a/src/main/webapp/WEB-INF/views/index.jsp
+++ b/src/main/webapp/WEB-INF/views/index.jsp
@@ -6,7 +6,7 @@
 <%@ taglib prefix="ui" uri="http://www.winbit.kr/ctl/ui"%>
 <%@ taglib prefix="f" uri="/WEB-INF/tlds/f.tld"%>
 <spring:eval expression="@environment.getProperty('sopmalfo.common.fileupload.cdnurl')" var="cdnurl"/>
- <spring:eval expression="@environment.getProperty('currency-unit.default')" var="curUnit"/>
+<spring:eval expression="@environment.getProperty('currency-unit.default')" var="curUnit"/>
 <!DOCTYPE html>
 <html lang="ko">
 <head>
@@ -1272,13 +1272,14 @@
         			                    </div>
         		                    </c:if>
         		                </div>
-<%--        		                <div class="quick-menu__customer-service">--%>
-<%--        		                    <i class="icon icon_quick-customer-service"></i>--%>
-<%--        		                    <span class="visually-hidden">고객센터</span>--%>
-<%--        		                    <span class="quick-menu__customer-service__num">--%>
-<%--        		                        ${ fn:replace(resultMap.operAt.cscTelnb, '-', '<br>')  }--%>
-<%--        		                    </span>--%>
-<%--        		                </div>--%>
+        		                <div class="quick-menu__customer-service"
+		                             onclick="window.open('http://pf.kakao.com/_xjxjHxnX', '_blank');">
+        		                    <i class="icon icon_kakao-customer-service"></i>
+        		                    <span class="visually-hidden">고객센터</span>
+        		                    <span class="quick-menu__customer-service__num">
+        		                        카카오 상담
+        		                    </span>
+        		                </div>
         		                <div class="quick-menu__to-top">
         		                    <button><i class="icon icon_quick-to-top"></i><span class="visually-hidden">위로
         		                            가기</span></button>
diff --git a/src/main/webapp/WEB-INF/views/sopmal_m/mpage/main/MpageMainR.jsp b/src/main/webapp/WEB-INF/views/sopmal_m/mpage/main/MpageMainR.jsp
index a2547993..c4621861 100644
--- a/src/main/webapp/WEB-INF/views/sopmal_m/mpage/main/MpageMainR.jsp
+++ b/src/main/webapp/WEB-INF/views/sopmal_m/mpage/main/MpageMainR.jsp
@@ -201,16 +201,17 @@
                     </c:if>
                     <div class="sub-box">
                         <div class="mainNotice__wrapper">
-                            <div class="mainNotice__customerContact">
-                                <i class="icon icon_notice03"></i>
+                            <div class="mainNotice__customerContact"
+                                 onclick="window.open('http://pf.kakao.com/_xjxjHxnX', '_blank');">
+                                <i class="icon icon_kakao-customer-service"></i>
                                 <div class="mainNotice__customerContact__right">
-                                    <h4 class="notice__title customer-service">고객센터</h4>
-                                    <span class="notice__number"><c:out value="${sopmallInfo.shopInfo.cscTelnb }"/></span>
+                                    <h4 class="notice__title customer-service">카카오 1:1 문의</h4>
+<%--                                    <span class="notice__number"><c:out value="${sopmallInfo.shopInfo.cscTelnb }"/></span>--%>
                                     <p class="notice__paragraph">
                                         <span class="notice__text01"><c:out value="${ sopmallInfo.shopInfo.cscWkdayWorkTme }"/></span>
-                                        <span class="notice__text02">(<c:out value="${ sopmallInfo.shopInfo.cscLunchTme }"/>)</span>
-                                        <br>
-                                        <span class="notice__text03"><c:out value="${ sopmallInfo.shopInfo.cscRstde }"/></span>
+<%--                                        <span class="notice__text02">(<c:out value="${ sopmallInfo.shopInfo.cscLunchTme }"/>)</span>--%>
+<%--                                        <br>--%>
+<%--                                        <span class="notice__text03"><c:out value="${ sopmallInfo.shopInfo.cscRstde }"/></span>--%>
                                     </p>
                                 </div>
                             </div>