<div class="floating_btn">
    <a href="javascript:scrollPopupEvent.onOpenPopup('#requestPop');"></a>
</div>
<div class="col-12 pb-lg-60 contents_con">
    <div class="col-12 mb60 mb-md-97 section_anchor_con">
        <ul class="anchor_list_con">
            <li class="active">
                <a href="javascript:void(0)" onclick="subCommon.changeAnchor('.section.service');">
                    고객서비스
                </a>
            </li>
        </ul>
    </div>
    <div class="col-12 section service">
        <div class="col-12 col-center mw-1410 mb100 mb-md-162 sub_contents_header">
            <div class="col-12 pr20 pl20 pr-lg-15 pl-lg-15 slogan">
                <h3>
                    웨비즈는 고객님께<br>
                    <span class="point0">최적화된 서비스</span>를 <br class="hidden-sm">제공합니다
                </h3>
            </div>
        </div>
        <!--
        <div class="col-12 tc show-block mb30 mb-md-70 mb-lg-90">
            <div class="col-12 mb10 mb-md-0 map_bg">
                <a href="http://kko.to/CNzxtqR0T" class="show-block img_box" target="_blank">
                    <img src="[RESOURCE::img/map.png]" alt="WEBEES">
                </a>
            </div>
        </div>
        -->
        <div class="col-12 col-center mw-1410 pr20 pl20 content_padding_ctrl contact_con">
            <div class="col-12 tc tl-lg mb120 mb-lg-151 contact_item_con">
                <div class="col-12 col-lg-6 mb70 mb-lg-0 contact_item" data-aos="fade-in" data-aos-mirror="true" data-aos-id="naverPlay">
                    <div class="col-12 col-lg-0 fn-lg mb30 mb-lg-0 mr-lg-47 contact_icon">
                        <canvas id="canvasNaverTalk" width="83" height="84" style="background-color:transparent"></canvas>
                    </div>
                    <div class="col-12 col-lg-0 fn-lg contact_text">
                        <div class="mb15 title">
                            네이버 톡톡
                        </div>
                        <div class="mb22 mb-lg-11 desc">
                            네이버 톡톡을 활용하여<br/>
                            웨비즈에 궁금하신 사항이나 질문을<br class="hidden-md"/> 남겨주세요.
                        </div>
                        <!-- Talk Talk Banner Script start -->
                        <script type="text/javascript" src="https://partner.talk.naver.com/banners/script"></script>
                        <div class="talk_banner_div"  ></div>
                        <!-- Talk Talk Banner Script end -->
                        <a href="javascript:void(0)" onclick="javascript:window.open('http://talk.naver.com/w4xv8v?ref=http%3A%2F%2Fwebees.com%2Fpage%2Fservice', 'talktalk', 'scrollbars=1, resizable=1, width=486, height=745');return false;" class="show">
                            <div class="col-0 pr69 button">
                                상담하기
                                <hr class="button_line">
                                <div class="bottom_bg_box"></div>
                                <div class="top_bg_box"></div>
                                <div class="arrow"></div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-12 col-lg-6 contact_item" data-aos="fade-in" data-aos-mirror="true" data-aos-id="kakaoPlay">
                    <div class="col-12 col-lg-0 fn-lg mb30 mb-lg-0 mr-lg-51 contact_icon">
                        <canvas id="canvasKakaoPlus" width="84" height="84" style="background-color:transparent"></canvas>
                    </div>
                    <div class="col-12 col-lg-0 fn-lg contact_text">
                        <div class="mb15 title">
                            카카오 플러스 친구
                        </div>
                        <div class="mb22 desc">
                            카카오 플러스 친구를 활용하여<br/>
                            웨비즈에 궁금하신 사항이나 질문을<br class="hidden-md"/> 남겨주세요.
                        </div>
                        <div class="button">플러스 친구 아이디 <span class="point0 font_helve">webees</span></div>
                    </div>
                </div>
            </div>
            <div class="col-12 contact_item">
                <div class="contact_text">
                    빠른 상담을 원하시면 <span class="point0"><br class="hidden-sm"/><span class="font_helve">070.8822.4561</span>로 연락주세요.</span>
                </div>
            </div>
        </div>
    </div>
</div>
[RESOURCE::js/createjs.js]
[RESOURCE::motion/kakaoPlus.js]
[RESOURCE::motion/naverTalk.js]

<script type="text/javascript">
    var stage0, stage1, exportRoot0, exportRoot1;
    function init() {
        // --- write your JS code here ---

        var canvas0 = document.getElementById("canvasNaverTalk");
        exportRoot0 = new lib0.naverTalk();
        stage0 = new createjs.Stage(canvas0);

        exportRoot0.stop();
        stage0.addChild(exportRoot0);
        stage0.update();
        createjs.Ticker.setFPS(lib0.properties.fps);
        createjs.Ticker.addEventListener("tick", stage0);

        var canvas1 = document.getElementById("canvasKakaoPlus");
        exportRoot1 = new lib1.kakaoPlus();
        stage1 = new createjs.Stage(canvas1);

        exportRoot1.stop();
        stage1.addChild(exportRoot1);
        stage1.update();
        createjs.Ticker.setFPS(lib1.properties.fps);
        createjs.Ticker.addEventListener("tick", stage1);
    }
    app.ready(function(){
        init();

        document.addEventListener('aos:in', function(e) {
            var aosId = e.detail.getAttribute('data-aos-id');
            if(aosId == "naverPlay") {
                exportRoot0.gotoAndPlay(1);
            }
            if(aosId == "kakaoPlay") {
                exportRoot1.gotoAndPlay(1);
            }
        });

        document.addEventListener('aos:out', function(e) {
            var aosId = e.detail.getAttribute('data-aos-id');
            if(aosId == "naverPlay") {
                exportRoot0.gotoAndStop(1);
            }
            if(aosId == "kakaoPlay") {
                exportRoot1.gotoAndStop(1);
            }
        });

        AOS.init();
    });
</script>