<?php
include_once('./_common.php');
include_once(G5_THEME_PATH.'/head.php');
?>

  <script>
  new WOW().init();
  </script>

<div class="ing_bnr_Wrap">
    <div class="bnrimg"><img src="<?php echo G5_THEME_IMG_URL ?>/business/banner.png"><br style="clear:both;"><br style="clear:both;"></div>
    <div class="bnrtxtwrap">
        <h3 class="wow fadeInDown">BUSINESS</h3>
        <div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
        <p class="wow fadeInDown" data-wow-delay="0.2s">골뱅이스토어는 최선의 서비스를 제공합니다.</p>
    </div>

</div>
<div class="mdlTxt">
    <h2 class="wow flipInX" data-wow-duration="2s">사업영역</h2>
</div>

<div class="bs_area">
    <div class="section first_area" >
        <div class="inner clearfix">
            <div class="leftarea">
                <div class="img1 wow bounceInLeft" data-wow-delay="0.3s"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section1_img1.png" alt=""></div>
                <div class="img2 wow bounceInLeft" data-wow-delay="0.3s"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section1_img2.png" alt=""></div>
            </div>
            <div class="rightarea wow bounceInRight" data-wow-delay="0.3s">
                <div class="toptxt">
                    <h2>ATSTORE<br><span>TEMPLATE SKIN'S</span></h2>
                </div>
                <div class="mdllinewrap">
                    <div class="mdlline"></div>
                </div>
                <div class="mdltxt">
                    <p>골뱅이스토어에서 제작한 다양한 컨셉의 고급 스킨으로 <br>멋진 홈페이지를 구현해 보세요!</p>
                </div>
                <div class="bottomtxt">
                    <p>
                        잘 만든 홈페이지는 시간이 지나도 그 가치를 간직합니다. 다년간의 노하우와 경험으로 가장최적화된 디자인과 기술력을 선보입니다. 제작이 완성된 후에도 꾸준한 소통으로 항상 만족할 수 있도록 노력하겠습니다. 기능은 동일하지만 다양한 효과를 주어 시각적으로 다른 것처럼 보여질 수 있습니다. 고객에게 홍보와 상품구매로 이어지는 최적화된 절차, 컨슈머의 이목을 끌기 위한 기능 개발 등 가치있는 홈페이지로써의 최적화된 '기술'을 개발하기 위해 노력합니다.
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="section second_area">
        <div class="bgc">
            <div class="inner clearfix">
                <div class="article">
                  
                        <div class="artimg ai1"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section2_icon1.png" alt=""></div>
                        <div class="arttbox">
                            <div class="center">
                                <div class="leftnum">
                                    <h3 class="count" data="760">0</h3>
                                </div>
                                <div class="righttxt">
                                    <p>SATISFIED<br>CUSTOMERS</p>
                                </div>
                            </div>
                        </div>
                  
                </div>
                <div class="article">
                 
                        <div class="artimg ai2"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section2_icon2.png" alt=""></div>
                        <div class="arttbox">
                            <div class="center">
                                <div class="leftnum">
                                    <h3 class="count" data="543">0</h3>
                                </div>
                                <div class="righttxt">
                                    <p>COMPLETED<br>WORKS</p>
                                </div>
                            </div>
                        </div>
                  
                </div>
                <div class="article">
                  
                        <div class="artimg ai3"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section2_icon3.png" alt=""></div>
                        <div class="arttbox">
                            <div class="center">
                                <div class="leftnum">
                                    <h3 class="count" data="120">0</h3>
                                </div>
                                <div class="righttxt">
                                    <p>SATISFIED<br>CUSTOMERS</p>
                                </div>
                            </div>
                        </div>
                   
                </div>
                <div class="article">
               
                        <div class="artimg ai4"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section2_icon4.png" alt=""></div>
                        <div class="arttbox">
                            <div class="center">
                                <div class="leftnum">
                                    <h3 class="count" data="432">0</h3>
                                </div>
                                <div class="righttxt">
                                    <p>COMPLETED<br>WORKS</p>
                                </div>
                            </div>
                        </div>
               
                </div>
            </div>
        </div>
    </div>
    <div class="section third_area">
        <div class="inner clearfix">
           <div class="rightarea wow bounceInRight" data-wow-delay="0.3s">
                <div class="imgwrap"></div>
            </div>
            <div class="leftarea wow bounceInLeft" data-wow-delay="0.3s">
                <div class="txtbox tb1">
                    <div class="toptxt">
                        <h3>함께 나아가는 골뱅이스토어입니다.</h3>
                    </div>
                    <div class="bottomtxt">
                        <p>
                            잘 만든 홈페이지는 시간이 지나도 그 가치를 간직합니다. 다년간의 노하우와 경험으로 가장최적화된 디자인과 기술력을 선보입니다. 제작이 완성 된 후에도 꾸준한 소통으로 항상 만족할 수 있도록 노력하겠습니다. 기능은 동일하지만 다양한 효과를 주어 시각적으로 다른 것처럼 보여질 수 있습니다. 고객에게 홍보와 상품구매로 이어지는 최적화된 절차, 컨슈머의 이목을 끌기 위한 기능 개발 등 가치있는 홈페이지로써의 최적화된 '기술' 을 개발하기 위해 노력합니다.
                        </p>
                    </div>
                </div>
                <div class="txtbox tb2">
                    <div class="toptxt">
                        <h3>How We <span>Work</span></h3>
                    </div>
                    <div class="bottombox">
                        <div class="boxarticle">
                            <div class="boximgwrap"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section3_icon1.png" alt=""></div>
                            <div class="boxtxtwrap">
                                <div>
                                    <p class="p1">EASY AND FAST</p>
                                </div>
                                <div>
                                    <p>쉽게 사이트를 제작할수 있으며 빠른 시간안에 웹사이트를 만나볼 수 있습니다.</p>
                                </div>
                            </div>
                        </div>
                        <div class="boxarticle">
                            <div class="boximgwrap"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section3_icon2.png" alt=""></div>
                            <div class="boxtxtwrap">
                                <div>
                                    <p class="p1">STRATEGY DEVELOPMENT</p>
                                </div>
                                <div>
                                    <p>전문적 제작 컨설팅 및 다양한 경험을 바탕으로 제대로 된 웹 서비스를 재공합니다.</p>
                                </div>
                            </div>
                        </div>
                        <div class="boxarticle">
                            <div class="boximgwrap"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section3_icon3.png" alt=""></div>
                            <div class="boxtxtwrap">
                                <div>
                                    <p class="p1">HIGH QUALITY</p>
                                </div>
                                <div>
                                    <p>차별화된 디자인과 체계적인 제작으로 고객님이 만족하는 웹사이트를 제작합니다.</p>
                                </div>
                            </div>
                        </div>
                        <div class="boxarticle">
                            <div class="boximgwrap"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section3_icon4.png" alt=""></div>
                            <div class="boxtxtwrap">
                                <div>
                                    <p class="p1">PROJECT MANAGEMENT</p>
                                </div>
                                <div>
                                    <p>고객의 목적과 상황에 맞게 컨설팅 및 분석을 하여 고객의 맞는 웹서비스를 제공합니다.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</div>

<script>
$(window).scroll(function() {

			var sectionTwo = $('.second_area');
			var sectionTwoOffset = sectionTwo.offset().top;
			var windowHeight = $(window).height();
			var windowScroll = $(this).scrollTop();

			// console.log(windowScroll);

			if(windowScroll > sectionTwoOffset - windowHeight / 2) {
				// console.log("hi");
				$(window).off("scroll");
				$('.count').each(function () {
	                var $this = $(this);
	                jQuery({ Counter: 0 }).animate({ Counter: $this.attr("data") }, {
	                    duration: 2000,
	                    easing: 'swing',
	                    step: function () {
	                        $this.text(Math.ceil(this.Counter));
	                    }
	                });
	            });
			}

		});
</script>


<?php
include_once(G5_THEME_PATH.'/tail.php');
?>
