First Commit

This commit is contained in:
2026-05-27 11:44:02 +09:00
commit 1de0de1fc5
2352 changed files with 198354 additions and 0 deletions

View File

@ -0,0 +1,3 @@
<?php
include_once('../../../common.php');
?>

View File

@ -0,0 +1,92 @@
<?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?>/company/directions_banner.png" alt=""><br style="clear:both;"><br style="clear:both;"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">COMPANY</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>
<p class="wow flipInX mdlTxt_direc_p" data-wow-delay="0.3s">골뱅이스토어로 찾아오시는 길을 안내해드립니다.</p>
</div>
<div class="directions">
<div class="inner">
<div class="map_area">
<!-- * 카카오맵 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<div id="daumRoughmapContainer1556788142621" class="root_daum_roughmap root_daum_roughmap_landing wow bounceInUp" style="width:100%;"></div>
<!--
2. 설치 스크립트
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
new daum.roughmap.Lander({
"timestamp": "1556788142621",
"key": "tcr4",
"mapHeight": "300",
}).render();
</script>
</div>
<div class="map_desc">
<div class="map_desc_box wow bounceInUp">
<div class="map_title clearfix">
<span class="map_icon1"></span>
<h3>주소</h3>
</div>
<ul class="map_list clearfix">
<li class="map_item">
<p class="item_desc">
서울특별시 금천구 가산디지털 1로 137 IT캐슬2차 401호
</p>
</li>
</ul>
</div>
<div class="map_desc_box wow bounceInUp">
<div class="map_title clearfix">
<span class="map_icon1"></span>
<h3>대중교통</h3>
</div>
<ul class="map_list clearfix">
<li class="map_item">
<p class="item_desc">
1호선, 7호선 가산디지털단지역 5번 출구로 나와서 우림라이온스밸리 앞에 있는 횡단보도 건넌 후 약 130m 직진
</p>
</li>
<li class="map_item bus_info">
<ul class="map_2list clearfix">
<li class="map_2item clerfix">
<span class="bus_line">지선</span>
<p class="bus_number">21번</p>
</li>
<li class="map_2item clearfix">
<span class="bus_line blue">간선</span>
<p class="bus_number">503번</p>
</li>
</ul>
<p class="item_desc">
디지털3단지사거리 정류장에서 하차 후 야치과의원 방면으로 횡단 후 약 205m 이동 뒤 왼쪽 방향으로 돌고 약 150m 직진
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

View File

@ -0,0 +1,279 @@
<?php
include_once('./_common.php');
include_once(G5_THEME_PATH.'/head.php');
?>
<style>
/*
.sub_bn { display: table; width: 100%;}
.intro_sub { background: url(../img/company/intro_bg.jpg) no-repeat center center fixed; background-size: cover;}
.sub_bn {height: 310px;position: relative;}
.box {position: relative;}
.bnrline{width: 40px;height: 3px;background: #fff;margin: 20px auto 20px;}
.sub_top{position: absolute;margin: auto;top: 40%;bottom: 0;left: 0;right: 0;}
.sub_top{text-align: center; color: #fff}
.sub_top h3{ font-size: 40px;color: #fff;text-align: center;line-height: 40px;}
.sub_bn_desc {font-size: 20px;color: #fff;text-align: center;line-height: 25px;}
*/
</style>
<script>
new WOW().init();
</script>
<!--
<div id="sub_content">
<div class="sub_bn intro_sub">
<div class="sub_top">
<h3 class="sub_bn_tit wow fadeInDown">연혁</h3>
<div class="bnrline wow fadeInDown"></div>
<p class="sub_bn_desc wow fadeInDown">가치있는 홈페이지를 만들기 위해 골뱅이스토어는 노력합니다.</p>
</div>
</div>
<div class="box">
</div>
</div>
-->
<div id="sub_content">
<div class="ing_bnr_Wrap">
<div class="bnrimg"><img src="<?php echo G5_THEME_IMG_URL?>/company/intro_bg.jpg"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">HISTORY</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>
<p class="wow flipInX" data-wow-delay="0.3s">골뱅이스토어가 걸어 온 길입니다.</p>
</div>
<div class="sub_con">
<div class="inner">
<div class="history_area">
<!--빨#C80D21 파#0E58A4 -->
<style>
.clearfix:after {content: ''; display: block; clear: both;}
.time_list {padding: 30px 0; display: flex; align-items: center;}
.tl_line {position: relative; width: 160px; height: 160px; padding: 20px; border: 1px solid #ddd; border-radius: 50%;text-align: center;}
.tl_line:before {content: ''; position: absolute; top: 50%; left: 100%; width: 100px; height: 1px; background: #ddd;}
.tl_ood .tl_line:after{content: ''; position: absolute; top: 50%; right: -100px; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #C80D21;}
.tl_even .tl_line:after{content: ''; position: absolute; top: 50%; right: -100px; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #0E58A4;}
.time_list .year_cricle{padding: 20px;width: 100%; height: 100%; border-radius: 50%; display: table;}
.time_list .year_txt {width: 100%; height: 100%; background: #fff;border-radius: 50%; font-size: 20px; font-weight: 700; display: table-cell;
vertical-align: middle;}
.tl_ood .year_cricle{background:#C80D21; }
.tl_even .year_cricle{background:#0E58A4;}
.tl_ood .year_txt{color:#C80D21; }
.tl_even .year_txt{color:#0E58A4;}
.time_list .tl_year { margin-right: 80px;padding-right: 100px; }
.time_list .tl_txt { width: 500px; text-align: left;}
.tl_txt li{margin-bottom: 5px;}
.tl_txt li:after{content: ''; display: block; clear: both;}
.tl_month {float: left;width: 15%; display: inline-block;padding:0 10px; font-weight: 700; font-size: 18px;}
.tl_info {float: left; width: 85%; display: inline-block; font-size: 18px;}
.history_area {text-align: center;}
.timeline_box {display: inline-block; margin-bottom: 70px;}
@media screen and (max-width:768px){
.time_list{display: block;}
.tl_line{display: inline-block; width: 120px; height: 120px; padding: 15px;}
.time_list .year_cricle {padding: 15px;}
.time_list .year_txt {font-size: 18px;}
.tl_line:before {top: 100%;left: 50%;width: 1px;height: 30px;}
.time_list .tl_year {margin: 0 auto; padding-right: 0; padding-bottom: 35px;}
.tl_even .tl_line:after {top: auto; right: 50%; bottom: -30px; margin-right: -4px; margin-top: 0;}
.tl_ood .tl_line:after {top: auto;right: 50%;bottom: -30px;margin-right: -4px;margin-top: 0;}
}
@media screen and (max-width:600px){
.timeline_box{width: 100%;}
.time_list .tl_txt {width: 100%;}
}
@media screen and (max-width:480px){
.tl_month {width: 20%; font-size: 16px;}
.tl_info {width: 80%; font-size: 16px;}
}
</style>
<div class="timeline_box">
<div class="time_list tl_even clearfix wow fadeInUp" data-wow-delay="0.7s">
<div class="tl_year">
<div class="tl_line">
<div class="year_cricle">
<p class="year_txt">2018</p>
</div>
</div>
</div>
<ul class="tl_txt">
<li>
<span class="tl_month">2월</span>
<p class="tl_info">움직이는 편의점 앱 프로젝트 수주</p>
</li>
<li>
<span class="tl_month">3월</span>
<p class="tl_info">움직이는 편의점 앱 프로젝트 수주</p>
</li>
<li>
<span class="tl_month">4월</span>
<p class="tl_info">(주)팀엔제이 "아이사랑" 앱 프로젝트 수주</p>
</li>
</ul>
</div>
<div class="time_list tl_ood clearfix wow fadeInUp" data-wow-delay="0.7s">
<div class="tl_year">
<div class="tl_line">
<div class="year_cricle">
<p class="year_txt">2017</p>
</div>
</div>
</div>
<ul class="tl_txt">
<li>
<span class="tl_month">1월</span>
<p class="tl_info">(자회사)포인트플러스 웹/앱 프로젝트 구축</p>
</li>
<li>
<span class="tl_month">4월</span>
<p class="tl_info">퍼피 웹 프로젝트 구축</p>
</li>
</ul>
</div>
<div class="time_list tl_even clearfix wow fadeInUp" data-wow-delay="0.7s">
<div class="tl_year">
<div class="tl_line">
<div class="year_cricle">
<p class="year_txt">2016</p>
</div>
</div>
</div>
<ul class="tl_txt">
<li>
<span class="tl_month">9월</span>
<p class="tl_info">모두나와 앱 프로젝트 구축</p>
</li>
</ul>
</div>
<div class="time_list tl_ood clearfix wow fadeInUp" data-wow-delay="0.7s">
<div class="tl_year">
<div class="tl_line">
<div class="year_cricle">
<p class="year_txt">2015</p>
</div>
</div>
</div>
<ul class="tl_txt">
<li>
<span class="tl_month">1월</span>
<p class="tl_info">바로나와 앱 프로젝트 구축</p>
</li>
<li>
<span class="tl_month">4월</span>
<p class="tl_info">큐레이팅커뮤니티 퍼비앱 프로젝트 구축</p>
</li>
</ul>
</div>
<div class="time_list tl_even clearfix wow fadeInUp" data-wow-delay="0.7s">
<div class="tl_year">
<div class="tl_line">
<div class="year_cricle">
<p class="year_txt">2014</p>
</div>
</div>
</div>
<ul class="tl_txt">
<li>
<span class="tl_month">5월</span>
<p class="tl_info">캐쉬넛 앱 프로젝트 구축</p>
</li>
<li>
<span class="tl_month">5월</span>
<p class="tl_info">가산메뉴픽 웹/앱 프로젝트 구축</p>
</li>
<li>
<span class="tl_month">11월</span>
<p class="tl_info">시스템포유 도매쇼핑몰 웹 프로젝트 구축 </p>
</li>
</ul>
</div>
<div class="time_list tl_ood clearfix wow fadeInUp" data-wow-delay="0.7s">
<div class="tl_year">
<div class="tl_line">
<div class="year_cricle">
<p class="year_txt">2013</p>
</div>
</div>
</div>
<ul class="tl_txt">
<li>
<span class="tl_month">2월</span>
<p class="tl_info">어플페이지 웹 프로젝트 구축</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

View File

@ -0,0 +1,332 @@
<?php
include_once('./_common.php');
include_once(G5_THEME_PATH.'/head.php');
?>
<div class="sub1_bannerwrap">
<div class="bnr_img"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/sub_banner_img.png" alt=""></div>
<div class="inner">
<div class="imgtextwrap">
<div class="bnr_text">
<h2 class="wow fadeInDown">'골뱅이커뮤니케이션은'</h2>
<h3 class="wow fadeInDown" data-wow-delay="0.3s">온라인 마케팅 전문 기업입니다.</h3>
<p class="wow fadeInDown" data-wow-delay="0.5s">정확한 데이터와 골뱅이 커뮤니케이션만의 풍부한 경험으로<br>고객의 비즈니스 성장과 성공을 위해 최선을 다하고 있습니다.</p>
</div>
<div class="bnr_hexagon">
<div class="wow bounceInUp"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/hexagon1.png" alt=""></div>
<div class="wow bounceInUp" data-wow-delay="0.1s"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/hexagon2.png" alt=""></div>
<div class="wow bounceInUp" data-wow-delay="0.2s"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/hexagon3.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="sub_intro">
<div class="section sub1-1">
<div class="inner">
<div class="con1wrap">
<div class="title_wrap">
<h4 class="wow flipInX">골뱅이커뮤니케이션 목표</h4>
<p class="wow fadeInDown">고객의 비즈니스 성장과 성공을 생각하는 마케팅</p>
</div>
<div class="art_wrap1">
<div class="left_area wow bounceInLeft">
<div><img src="<?php echo G5_THEME_IMG_URL?>/sub/professional.png" alt=""></div>
</div>
<div class="right_area wow bounceInRight">
<ul>
<li>
<div class="con1_img"><img src="<?php echo G5_THEME_IMG_URL?>/sub/subicon1.png" alt=""></div>
<div class="con1_tbox">
<h5>01. Professional</h5>
<p>골뱅이커뮤니케이션은 각 분야별 최고의 마케팅 전문가들이<br>성공을 위한 최적의 솔루션을 제안합니다.</p>
</div>
</li>
<li>
<div class="con1_img"><img src="<?php echo G5_THEME_IMG_URL?>/sub/subicon2.png" alt=""></div>
<div class="con1_tbox">
<h5>01. Professional</h5>
<p>골뱅이커뮤니케이션은 각 분야별 최고의 마케팅 전문가들이<br>성공을 위한 최적의 솔루션을 제안합니다.</p>
</div>
</li>
<li>
<div class="con1_img"><img src="<?php echo G5_THEME_IMG_URL?>/sub/subicon3.png" alt=""></div>
<div class="con1_tbox">
<h5>01. Professional</h5>
<p>골뱅이커뮤니케이션은 각 분야별 최고의 마케팅 전문가들이<br>성공을 위한 최적의 솔루션을 제안합니다.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="section sub1-2">
<div class="inner">
<div>
<div class="title_wrap">
<h4 class="wow flipInX">골뱅이커뮤니케이션 비젼</h4>
<p class="wow fadeInDown">마케팅에 감정을 더하다</p>
</div>
<div class="art_wrap2">
<div class="article wow bounceInUp">
<div><img src="<?php echo G5_THEME_IMG_URL?>/sub/vision_icon1.png" alt=""></div>
<div class="blueline">
<div></div>
</div>
<div class="tbox">
<h5>한발 앞서가는 스마트한 마케팅</h5>
<p>미래를 향한 노력과 급변하는 시대를<br>한발 먼저 나아가는 스마트한 마케팅</p>
</div>
</div>
<div class="article wow bounceInUp" data-wow-delay="0.1s">
<div><img src="<?php echo G5_THEME_IMG_URL?>/sub/vision_icon2.png" alt=""></div>
<div class="blueline">
<div></div>
</div>
<div class="tbox">
<h5>창의력적인 마케팅</h5>
<p>다른 마케팅회사와 차별화 된<br>크리에이티브한 기획과 마케팅</p>
</div>
</div>
<div class="article wow bounceInUp" data-wow-delay="0.2s">
<div><img src="<?php echo G5_THEME_IMG_URL?>/sub/vision_icon3.png" alt=""></div>
<div class="blueline">
<div></div>
</div>
<div class="tbox">
<h5>함께 성장하는 마케팅</h5>
<p>고객과 함께 같이 성장해가고 발전해가는<br>골뱅이커뮤니케이션</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section sub1-3">
<div class="inner">
<div class="con3wrap">
<div class="title_wrap">
<h4 class="wow flipInX">골뱅이커뮤니케이션 연혁</h4>
</div>
<section class="con3_sect1">
<article class="wow bounceInUp clearfix">
<div class="line"></div>
<h5 class="year">2018</h5>
<div class="desc">
<span class="date">2018.04</span>
<p>디자인 아웃소싱 전문 플랫폼 디자인 및 개발</p>
</div>
</article>
<article class="wow bounceInUp clearfix">
<div class="line"></div>
<h5 class="year">2017</h5>
<div class="desc">
<span class="date">2017.05</span>
<p>티에이 영상광고 및 홍보 포스터 기획물 제작</p>
</div>
<div class="desc">
<span class="date">2017.07</span>
<p>기획 사업부 신설</p>
</div>
<div class="desc">
<span class="date">2017.09</span>
<p>마케팅 성과 측정 솔루션</p>
</div>
</article>
<article class="wow bounceInUp clearfix">
<div class="line"></div>
<h5 class="year">2016</h5>
<div class="desc">
<span class="date">2016.03</span>
<p>호로나민씨 포스터 및 영상 제작</p>
</div>
<div class="desc">
<span class="date">2016.05</span>
<p>에이스컴퍼니 투자 유치 빅데이터 분석 연구소 설립</p>
</div>
<div class="desc">
<span class="date">2016.05</span>
<p>구로디지한국기획 인수</p>
</div>
</article>
<article class="wow bounceInUp clearfix" data-wow-delay="0.1s">
<div class="line"></div>
<h5 class="year">2015</h5>
<div class="desc">
<span class="date">2015.04</span>
<p>디자인 개발 산업부 신설</p>
</div>
<div class="desc">
<span class="date">2015.11</span>
<p>미래전략사업부 신설</p>
</div>
</article>
<article class="wow bounceInUp clearfix" data-wow-delay="0.1s">
<div class="line"></div>
<h5 class="year">2014</h5>
<div class="desc">
<span class="date">2014.05</span>
<p>티에이 인수</p>
</div>
<div class="desc">
<span class="date">2014.07</span>
<p>빅데이터 기반 마케팅 솔루션 개발</p>
</div>
<div class="desc">
<span class="date">2014.08</span>
<p>마케팅 성과측정 솔루션</p>
</div>
<div class="desc">
<span class="date">2014.12</span>
<p>호릴디자인 플랫폼 개발</p>
</div>
</article>
<article class="wow bounceInUp clearfix" data-wow-delay="0.1s">
<div class="line"></div>
<h5 class="year">2013</h5>
<div class="desc">
<span class="date">2013.05</span>
<p>골뱅이커뮤니케이션 시작</p>
</div>
<div class="desc">
<span class="date">2013.07</span>
<p>SNS 기획 사업부 신설</p>
</div>
</article>
</section>
<div class="swiper-container sub_intro">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="line"></div>
<h5 class="year">2018</h5>
<div class="desc">
<span class="date">2018.04</span>
<p>디자인 아웃소싱 전문 플랫폼 디자인 및 개발</p>
</div>
</div>
<div class="swiper-slide">
<div class="line"></div>
<h5 class="year">2017</h5>
<div class="desc">
<span class="date">2017.05</span>
<p>티에이 영상광고 및 홍보 포스터 기획물 제작</p>
</div>
<div class="desc">
<span class="date">2017.07</span>
<p>기획 사업부 신설</p>
</div>
<div class="desc">
<span class="date">2017.09</span>
<p>마케팅 성과 측정 솔루션</p>
</div>
</div>
<div class="swiper-slide">
<div class="line"></div>
<h5 class="year">2016</h5>
<div class="desc">
<span class="date">2016.03</span>
<p>호로나민씨 포스터 및 영상 제작</p>
</div>
<div class="desc">
<span class="date">2016.05</span>
<p>에이스컴퍼니 투자 유치 빅데이터 분석 연구소 설립</p>
</div>
<div class="desc">
<span class="date">2016.05</span>
<p>구로디지한국기획 인수</p>
</div>
</div>
<div class="swiper-slide">
<div class="line"></div>
<h5 class="year">2015</h5>
<div class="desc">
<span class="date">2015.04</span>
<p>디자인 개발 산업부 신설</p>
</div>
<div class="desc">
<span class="date">2015.11</span>
<p>미래전략사업부 신설</p>
</div>
</div>
<div class="swiper-slide">
<div class="line"></div>
<h5 class="year">2014</h5>
<div class="desc">
<span class="date">2014.05</span>
<p>티에이 인수</p>
</div>
<div class="desc">
<span class="date">2014.07</span>
<p>빅데이터 기반 마케팅 솔루션 개발</p>
</div>
<div class="desc">
<span class="date">2014.08</span>
<p>마케팅 성과측정 솔루션</p>
</div>
<div class="desc">
<span class="date">2014.12</span>
<p>호릴디자인 플랫폼 개발</p>
</div>
</div>
<div class="swiper-slide">
<div class="line"></div>
<h5 class="year">2013</h5>
<div class="desc">
<span class="date">2013.05</span>
<p>골뱅이커뮤니케이션 시작</p>
</div>
<div class="desc">
<span class="date">2013.07</span>
<p>SNS 기획 사업부 신설</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="btnWrap">
<div class="swiper-button-next1"><img src="<?php echo G5_THEME_IMG_URL?>/sub/sub1_prevbtn.png" alt=""></div>
<div class="swiper-button-prev1"><img src="<?php echo G5_THEME_IMG_URL?>/sub/sub1_nextbtn.png" alt=""></div>
</div>
</div>
</div>
<script>
new WOW().init();
</script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container.sub_intro', {
spaceBetween: 0,
centeredSlides: true,
loop: true,
/* autoplay: {
delay: 3500,
disableOnInteraction: false,
},*/
navigation: {
nextEl: '.swiper-button-prev1',
prevEl: '.swiper-button-next1',
},
});
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>