PageSourceSearch

https://haoweb.co.kr/

html haoweb.co.kr collected 2026-10-06 03:31:37 UTC 51,408 bytes, 1,107 lines download raw bytes

1																<!doctype html>
2<html lang="ko">
3<head>
4<meta charset="UTF-8">
5
6<title>【하오웹】홈페이지제작 | 웹사이트제작 | 쇼핑몰제작 업계 1위</title>
7
8<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
9<meta http-equiv="X-UA-Compatible" content="IE=edge">
10
11<meta name="naver-site-verification" content="ed2b3a4fe255f5b3c9a7656b80aac7ae9327c4b5"/>
12
13<meta name="naver-site-verification" content="0e8b52b8acefd0bee14dccd74c8c3ead2571bd49"/>
14
15<meta name="google-site-verification" content="k8iTgve1I8cGyM4co5Gl5CBMonjqJSrqxwOzsaLLIiI" />
16
17<!-- metatag start -->
18<meta http-equiv="content-type" content="text/html; charset=euc-kr"/>
19<meta name="robots" content="index,follow"/>
20
21<meta name="title" content="【하오웹】홈페이지제작 | 웹사이트제작 | 쇼핑몰제작 업계 1위" />
22<meta name="description" content="홈페이지제작,웹사이트제작,쇼핑몰제작,반응형홈페이지,기업홈페이지제작,맞춤형홈페이지제작 대한민국 대표 홈페이지제작업체 업계 1위!" />
23<meta name="keywords" content="홈페이지제작,웹사이트제작,쇼핑몰제작,반응형홈페이지,기업홈페이지제작,맞춤형홈페이지제작"/>
24<!-- metatag end-->
25
26<!-- 오픈그래프 start -->
27<meta property="og:type" content="website" />
28<meta property="og:site_name" content="【하오웹】홈페이지제작 | 웹사이트제작 | 쇼핑몰제작 업계 1위" />
29<meta property="og:title" content="【하오웹】홈페이지제작 | 웹사이트제작 | 쇼핑몰제작 업계 1위" />
30<meta property="og:description" content="홈페이지제작,웹사이트제작,쇼핑몰제작,반응형홈페이지,기업홈페이지제작,맞춤형홈페이지제작 대한민국 대표 홈페이지제작업체 업계 1위!" />
31<meta property="og:url" content="http://www.haoweb.co.kr" />
32
33<!-- 오픈그래프 end -->
34
35	<link rel="shortcut icon" href="/resource/home/images/favicon.ico"/>
36	<link rel="stylesheet" type="text/css" href="/resource/home/css/bootstrap.css">
37	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
38	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
39	<!--[if lt IE 9]>
40    
40<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
40
41    
41<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
41
42    <![endif]-->
43	<link rel="stylesheet" type="text/css" href="/resource/home/css/style.css">
44	<link rel="stylesheet" href="/resource/home/css/animate.css">
45	<!--<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css">-->
46</head>
47<body  data-spy="scroll" data-target=".navbar-example">
48<!--<section class="mod model-3"><div class="spinner"></div></section>-->
49<nav class="navbar navbar-default  navbar-static"  id="navbar-example">
50  <div class="container-fluid">
51    <!-- Brand and toggle get grouped for better mobile display -->
52    <div class="navbar-header">
53      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
54        <span class="sr-only">Toggle navigation</span>
55        <span class="icon-bar"></span>
56        <span class="icon-bar"></span>
57        <span class="icon-bar"></span>
58      </button>
59      <a class="navbar-brand" href="/index.php"><img src="/resource/home/images/logo.png" class="img-responsive" alt="haoweb"></a>
60    </div>
61    <!-- Collect the nav links, forms, and other content for toggling -->
62    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
63      <ul class="nav navbar-nav navbar-right">
64        <li class="dropdown">
65          <a href="#home">HOME</a>
66        </li>
67        <li class="dropdown">
68          <a href="#portfolio">PORTFOLIO</a>
69        </li>
70        <li class="dropdown">
71          <a href="#about">ABOUT</a>
72        </li>
73        <li class="dropdown">
74          <a href="#service">SERVICE</a>
75        </li>
76        <li class="dropdown">
77          <a href="#contactus">CONTACT US</a>
78        </li>
79        <li class="dropdown">
80          <a href="https://blog.naver.com/happyhanhua" target="_blank" class="blogicon">
81          	<img src="/resource/home/images/icon-blog.png">
82          </a>
83        </li>
84      </ul>
85    </div><!-- /.navbar-collapse -->
86  </div><!-- /.container-fluid -->
87</nav>
88<!--home start-->
89<div class="container-fluid" id="home">
90	<div class="row">
91		<div class="banner">
92			<div class="text">
93				<div class="item1">HAOWEB</div>
94				<div class="item2">좋은 홈페이지 하오웹</div>
95				<div class="item3">10년 이상 경력의 각 파트별 담당자에서 나오는 경쟁력있는 최상의 퀄리티<br>지금껏 보지 못했던 CREATIVE 반응형 홈페이지를 만나보세요.</div>
96				<div class="item4">
97					<a href="#portfolio" class="btn1">포트폴리오 보기 <b></b></a>
98					<a href="#contactus" class="btn2">견적문의하기<b></b></a>
99				</div>
100			</div>
101			<div class="item5">
102				<img id="scrollbutton" src="/resource/home/images/iconscroll.png">
103			</div>
104			<div class="banner-bg"></div>
105			<!--<video loop autoplay src="/resource/home/images/video/background_video1.mp4"></video>-->
106			<video id="bannervideo"  playsinline="" muted="" poster="" loop="" autoplay="">
107              <source src="/resource/home/images/video/background_video1.mp4" type="video/mp4">
108            </video>
109		</div>
110	</div>
111</div>
112<!--home end-->
113
114<!--portfolio start-->
115<div class="container-fluid" id="portfolio">
116	<div class="hd">
117		<h2>PORTFOLIO</h2>
118	</div>
119	<!-- Nav tabs -->
120	<ul class="nav nav-tabs" role="tablist">
121		<li role="presentation" class="active"><a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab">ALL</a></li>
122		<li role="presentation"><a href="#tab2" aria-controls="tab3" role="tab" data-toggle="tab">WEB</a></li>
123		<li role="presentation"><a href="#tab3" aria-controls="tab4" role="tab" data-toggle="tab">MOBILE</a></li>
124		<li role="presentation"><a href="#tab4" aria-controls="tab5" role="tab" data-toggle="tab">BRAND</a></li>
125		<li role="presentation"><a href="#tab5" aria-controls="tab6" role="tab" data-toggle="tab">PRINT&LANDING</a></li>
126	</ul>
127	<!-- Tab panes -->
128	<div class="tab-content">
129		<div role="tabpanel" class="tab-pane fade in active" id="tab1">
130			<ul id="allcategorylist" data-num="1">
131							<li class="col-md-3 tab__3">
132					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
133						<div class="hover">
134							<div class="title">
135								<h2>창고마스터</h2>
136								<p>					
137                        </p>
138								<!--<a class="img-popup" data-toggle="modal" data-target="#myMo
138dal" value="0" data-category_index="159" data-category-name="16" data-all="all_list"></a>-->
139								<a class="site-link" target="_blank" href="http://www.changgomaster.co.kr"></a>
140							</div>
141						</div>
142						<img src="/./uploads/category/20190702/46e680012a59aaf3c2c2035bd0f436e7.png" class="img-responsive center">
143					</div>
144				</li>
145							<li class="col-md-3 tab__3">
146					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
147						<div class="hover">
148							<div class="title">
149								<h2>삼성정밀공업</h2>
150								<p>					
151                        </p>
152								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="1" data-category_index="158" data-category-name="16" data-all="all_list"></a>-->
153								<a class="site-link" target="_blank" href="http://www.irex.co.kr"></a>
154							</div>
155						</div>
156						<img src="/./uploads/category/20190702/2a07f297c5c829058855295ec72431b5.png" class="img-responsive center">
157					</div>
158				</li>
159							<li class="col-md-3 tab__3">
160					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
161						<div class="hover">
162							<div class="title">
163								<h2>제럭스</h2>
164								<p>					
165                        </p>
166								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="2" data-category_index="157" data-category-name="16" data-all="all_list"></a>-->
167								<a class="site-link" target="_blank" href="http://www.zelux.co.kr"></a>
168							</div>
169						</div>
170						<img src="/./uploads/category/20190702/b655267876055d72de3d54960ae85dec.PNG" class="img-responsive center">
171					</div>
172				</li>
173							<li class="col-md-3 tab__3">
174					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
175						<div class="hover">
176							<div class="title">
177								<h2>서울디핑</h2>
178								<p>					
179                        </p>
180								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="3" data-category_index="156" data-category-name="16" data-all="all_list"></a>-->
181								<a class="site-link" target="_blank" href="http://www.seouldp.co.kr"></a>
182							</div>
183						</div>
184						<img src="/./uploads/category/20190702/5a8172a907220a7c2d3358cdcf9392ed.png" class="img-responsive center">
185					</div>
186				</li>
187							<li class="col-md-3 tab__3">
188					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
189						<div class="hover">
190							<div class="title">
191								<h2>동원종합건설</h2>
192								<p>					
193                        </p>
194								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="4" data-category_index="155" data-category-name="16" data-all="all_list"></a>-->
195								<a class="site-link" target="_blank" href="http://www.dongwonenc.co.kr "></a>
196							</div>
197						</div>
198						<img src="/./uploads/category/20190702/e4a5adba3ad37cdabc9f03c07b89d254.png" class="img-responsive center">
199					</div>
200				</li>
201							<li class="col-md-3 tab__3">
202					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
203						<div class="hover">
204							<div class="title">
205								<h2>샤론카운티</h2>
206								<p>					
207                        </p>
208								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="5" data-category_index="154" data-category-name="16" data-all="all_list"></a>-->
209								<a class="site-link" target="_blank" href="http://www.sharoncounty.com"></a>
210							</div>
211						</div>
212						<img src="/./uploads/category/20190702/a4c8e900fcfa30bb92f99e26f4720f40.png" class="img-responsive center">
213					</div>
214				</li>
215							<li class="col-md-3 tab__3">
216					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
217						<div class="hover">
218							<div class="title">
219								<h2>퍼스트블로거</h2>
220								<p>					
221                        </p>
222								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="6" data-category_index="153" data-category-name="16" data-all="all_list"></a>-->
223								<a class="site-link" target="_blank" href="http://www.firstblogger.co.kr"></a>
224							</div>
225						</div>
226						<img src="/./uploads/category/20190702/95343eb6a5e7d0118a72be1809995972.png" class="img-responsive center">
227					</div>
228				</li>
229							<li class="col-md-3 tab__3">
230					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
231						<div class="hover">
232							<div class="title">
233								<h2>퍼스트체험단</h2>
234								<p>					
235                        </p>
236								<!--<a class="img-popup" data-toggle="modal" data-target="#myMo
236dal" value="7" data-category_index="152" data-category-name="16" data-all="all_list"></a>-->
237								<a class="site-link" target="_blank" href="http://www.firstblog.co.kr"></a>
238							</div>
239						</div>
240						<img src="/./uploads/category/20190702/594c108fce246c040b83fb60f3cce418.png" class="img-responsive center">
241					</div>
242				</li>
243							<li class="col-md-3 tab__3">
244					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
245						<div class="hover">
246							<div class="title">
247								<h2>xisnd</h2>
248								<p>																	
249                                                                        </p>
250								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="8" data-category_index="145" data-category-name="16" data-all="all_list"></a>-->
251								<a class="site-link" target="_blank" href="http://www.xisnd.com"></a>
252							</div>
253						</div>
254						<img src="/./uploads/category/20190702/4787f87e566acb81cfd7c488884ae160.png" class="img-responsive center">
255					</div>
256				</li>
257							<li class="col-md-3 tab__3">
258					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
259						<div class="hover">
260							<div class="title">
261								<h2>참다한홍삼 Eng</h2>
262								<p>																																				                                                                                                                                                </p>
263								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="9" data-category_index="137" data-category-name="16" data-all="all_list"></a>-->
264								<a class="site-link" target="_blank" href="http://global.chamdahan.com/"></a>
265							</div>
266						</div>
267						<img src="/./uploads/category/20180514/1d22b8179f3ff5a90693bd6a4d1db169.png" class="img-responsive center">
268					</div>
269				</li>
270							<li class="col-md-3 tab__3">
271					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
272						<div class="hover">
273							<div class="title">
274								<h2>토이트론 중문</h2>
275								<p>																								                                                                                                </p>
276								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="10" data-category_index="140" data-category-name="16" data-all="all_list"></a>-->
277								<a class="site-link" target="_blank" href="http://etoytron.cn/"></a>
278							</div>
279						</div>
280						<img src="/./uploads/category/20180514/6ad4df480fe305264fdaef620254f259.png" class="img-responsive center">
281					</div>
282				</li>
283							<li class="col-md-3 tab__3">
284					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
285						<div class="hover">
286							<div class="title">
287								<h2>탑솔라그룹</h2>
288								<p>																														                                                                                                                        </p>
289								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="11" data-category_index="139" data-category-name="16" data-all="all_list"></a>-->
290								<a class="site-link" target="_blank" href="http://topsolar.kr/"></a>
291							</div>
292						</div>
293						<img src="/./uploads/category/20180514/ffe84607d3051cb9e1d89a767f5d4821.png" class="img-responsive center">
294					</div>
295				</li>
296							<li class="col-md-3 tab__3">
297					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
298						<div class="hover">
299							<div class="title">
300								<h2>인텔리전트솔루션</h2>
301								<p>					
302                        </p>
303								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="12" data-category_index="150" data-category-name="16" data-all="all_list"></a>-->
304								<a class="site-link" target="_blank" href="http://www.iscad.com"></a>
305							</div>
306						</div>
307						<img src="/./uploads/category/20190702/8df67d0e5a03a8a852c399615da304bb.png" class="img-responsive center">
308					</div>
309				</li>
310							<li class="col-md-3 tab__3">
311					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
312						<div class="hover">
313							<div class="title">
314								<h2>용평리조트 유스호스텔</h2>
315								<p>																	
316                                                                        </p>
317								<!--<a class="img-popup" data-toggle="modal" data-target="#myMo
317dal" value="13" data-category_index="146" data-category-name="16" data-all="all_list"></a>-->
318								<a class="site-link" target="_blank" href="http://ypyouth.co.kr"></a>
319							</div>
320						</div>
321						<img src="/./uploads/category/20190702/174428623bc123708f06f87d6ec76947.png" class="img-responsive center">
322					</div>
323				</li>
324							<li class="col-md-3 tab__3">
325					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
326						<div class="hover">
327							<div class="title">
328								<h2>트라텍정보통신</h2>
329								<p>																																										                                                                                                                                                                        </p>
330								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="14" data-category_index="138" data-category-name="16" data-all="all_list"></a>-->
331								<a class="site-link" target="_blank" href="http://www.myssum.com/"></a>
332							</div>
333						</div>
334						<img src="/./uploads/category/20180605/aae17370b648b953ad046edb4cc790b4.jpg" class="img-responsive center">
335					</div>
336				</li>
337							<li class="col-md-3 tab__3">
338					<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s">
339						<div class="hover">
340							<div class="title">
341								<h2>주식회사 코센</h2>
342								<p>					
343                        </p>
344								<!--<a class="img-popup" data-toggle="modal" data-target="#myModal" value="15" data-category_index="151" data-category-name="16" data-all="all_list"></a>-->
345								<a class="site-link" target="_blank" href="http://www.kocen.com"></a>
346							</div>
347						</div>
348						<img src="/./uploads/category/20190702/468234472b3dd31a0aadbd4da8f129a4.jpg" class="img-responsive center">
349					</div>
350				</li>
351						</ul>
352						<div class="more" id="more_all_id" data-all-numbers="65" data-category-offset="8" onclick="checkRight()"><span id="dianjicishu" display:none></span></span>포트폴리오  더 보기<img src="/resource/home/images/icon001.png"></div>
353					</div>
354		<!-- END tab1 list -->
355					<div role="tabpanel" class="tab-pane fade xxxx" id="tab2">
356						<ul id="16">
357														<li class="col-md-3 tab__16">
358								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
359									<div class="hover">
360										<div class="title">
361											<h2>창고마스터</h2>
362											<p></p>
363											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab2" value="0" data-category_index="159" data-category-name="16"></a>-->
364											<a class="site-link" target="_blank" href="http://www.changgomaster.co.kr"></a>
365
366										</div>
367									</div>
368									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
369									<img src="/./uploads/category/20190702/46e680012a59aaf3c2c2035bd0f436e7.png" class="img-responsive center">
370
371								</div>
372							</li>
373														<li class="col-md-3 tab__16">
374								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
375									<div class="hover">
376										<div class="title">
377											<h2>삼성정밀공업</h2>
378											<p></p>
379											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab2" value="1" data-category_index="158" data-category-name="16"></a>-->
380											<a class="site-link" target="_blank" href="http://www.irex.co.kr"></a>
381
382										</div>
383									</div>
384									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
385									<img src="/./uploads/category/20190702/2a07f297c5c829058855295ec72431b5.png" class="img-responsive center">
386
387								</div>
388							</li>
389														<li class="col-md-3 tab__16">
390								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
391									<div class="hover">
392										<div class="title">
393											<h2>제럭스</h2>
394											<p></p>
395											<!--<a class="img-popup"  data-toggle="modal" data-target="#myMo
395dal" data-x="tab2" value="2" data-category_index="157" data-category-name="16"></a>-->
396											<a class="site-link" target="_blank" href="http://www.zelux.co.kr"></a>
397
398										</div>
399									</div>
400									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
401									<img src="/./uploads/category/20190702/b655267876055d72de3d54960ae85dec.PNG" class="img-responsive center">
402
403								</div>
404							</li>
405														<li class="col-md-3 tab__16">
406								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
407									<div class="hover">
408										<div class="title">
409											<h2>서울디핑</h2>
410											<p></p>
411											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab2" value="3" data-category_index="156" data-category-name="16"></a>-->
412											<a class="site-link" target="_blank" href="http://www.seouldp.co.kr"></a>
413
414										</div>
415									</div>
416									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
417									<img src="/./uploads/category/20190702/5a8172a907220a7c2d3358cdcf9392ed.png" class="img-responsive center">
418
419								</div>
420							</li>
421														<li class="col-md-3 tab__16">
422								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
423									<div class="hover">
424										<div class="title">
425											<h2>동원종합건설</h2>
426											<p></p>
427											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab2" value="4" data-category_index="155" data-category-name="16"></a>-->
428											<a class="site-link" target="_blank" href="http://www.dongwonenc.co.kr "></a>
429
430										</div>
431									</div>
432									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
433									<img src="/./uploads/category/20190702/e4a5adba3ad37cdabc9f03c07b89d254.png" class="img-responsive center">
434
435								</div>
436							</li>
437														<li class="col-md-3 tab__16">
438								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
439									<div class="hover">
440										<div class="title">
441											<h2>샤론카운티</h2>
442											<p></p>
443											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab2" value="5" data-category_index="154" data-category-name="16"></a>-->
444											<a class="site-link" target="_blank" href="http://www.sharoncounty.com"></a>
445
446										</div>
447									</div>
448									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
449									<img src="/./uploads/category/20190702/a4c8e900fcfa30bb92f99e26f4720f40.png" class="img-responsive center">
450
451								</div>
452							</li>
453														<li class="col-md-3 tab__16">
454								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
455									<div class="hover">
456										<div class="title">
457											<h2>퍼스트블로거</h2>
458											<p></p>
459											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab2" value="6" data-category_index="153" data-category-name="16"></a>-->
460											<a class="site-link" target="_blank" href="http://www.firstblogger.co.kr"></a>
461
462										</div>
463									</div>
464									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
465									<img src="/./uploads/category/20190702/95343eb6a5e7d0118a72be1809995972.png" class="img-responsive center">
466
467								</div>
468							</li>
469														<li class="col-md-3 tab__16">
470								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
471									<div class="hover">
472										<div class="title">
473											<h2>퍼스트체험단</h2>
474											<p></p>
475											<!--<a class="img-popup"  data-toggle="modal" data-target="#myMo
475dal" data-x="tab2" value="7" data-category_index="152" data-category-name="16"></a>-->
476											<a class="site-link" target="_blank" href="http://www.firstblog.co.kr"></a>
477
478										</div>
479									</div>
480									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
481									<img src="/./uploads/category/20190702/594c108fce246c040b83fb60f3cce418.png" class="img-responsive center">
482
483								</div>
484							</li>
485							
486						</ul>
487						
488						<div class="more 16 xiang" id="more_id" data-category-index="16" data-category-offset="8" data-all-numbers="54">포트폴리오  더 보기<img src="/resource/home/images/icon001.png"></div>
489									</div>
490					<div role="tabpanel" class="tab-pane fade xxxx" id="tab3">
491						<ul id="17">
492														<li class="col-md-3 tab__17">
493								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
494									<div class="hover">
495										<div class="title">
496											<h2>KIST 한국과학기술연구원</h2>
497											<p></p>
498											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab3" value="0" data-category_index="93" data-category-name="17"></a>-->
499											<a class="site-link" target="_blank" href="http://bionics.kist.re.kr"></a>
500
501										</div>
502									</div>
503									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
504									<img src="/./uploads/category/20171201/8716f4a69762a3a3b803327a9e3a3dba.jpg" class="img-responsive center">
505
506								</div>
507							</li>
508														<li class="col-md-3 tab__17">
509								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
510									<div class="hover">
511										<div class="title">
512											<h2>COA KOREA</h2>
513											<p></p>
514											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab3" value="1" data-category_index="113" data-category-name="17"></a>-->
515											<a class="site-link" target="_blank" href="http://coakorea.com/"></a>
516
517										</div>
518									</div>
519									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
520									<img src="/./uploads/category/20171207/0e7df8d37cb9149a829d80ddc4fe800b.jpg" class="img-responsive center">
521
522								</div>
523							</li>
524														<li class="col-md-3 tab__17">
525								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
526									<div class="hover">
527										<div class="title">
528											<h2>스토밍</h2>
529											<p></p>
530											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab3" value="2" data-category_index="85" data-category-name="17"></a>-->
531											<a class="site-link" target="_blank" href="http://www.itstor.co.kr/"></a>
532
533										</div>
534									</div>
535									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
536									<img src="/./uploads/category/20171201/eab35bea1f37dcb956fda218f09b991e.jpg" class="img-responsive center">
537
538								</div>
539							</li>
540														<li class="col-md-3 tab__17">
541								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
542									<div class="hover">
543										<div class="title">
544											<h2>가나기획</h2>
545											<p></p>
546											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab3" value="3" data-category_index="97" data-category-name="17"></a>-->
547											<a class="site-link" target="_blank" href="kanasign.com"></a>
548
549										</div>
550									</div>
551									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
552									<img src="/./uploads/category/20171201/163297c38e8472d6a31357ea91c9260f.jpg" class="img-responsive center">
553
554								</div>
555							</li>
556														<li class="col-md-3 tab__17">
557								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
558									<div class="hover">
559										<div class="title">
560											<h2>퍼스트블로거</h2>
561											<p></p>
562											<!--<a class="img-popup"  data-toggle="modal" data-target="#myMo
562dal" data-x="tab3" value="4" data-category_index="121" data-category-name="17"></a>-->
563											<a class="site-link" target="_blank" href="http://firstblog.co.kr/"></a>
564
565										</div>
566									</div>
567									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
568									<img src="/./uploads/category/20171207/8b0aab1b9affa16dbbb2f6ba823c77f4.jpg" class="img-responsive center">
569
570								</div>
571							</li>
572							
573						</ul>
574						
575						<div class="more 17 xiang" id="more_id" data-category-index="17" data-category-offset="8" data-all-numbers="5">포트폴리오  더 보기<img src="/resource/home/images/icon001.png"></div>
576									</div>
577					<div role="tabpanel" class="tab-pane fade xxxx" id="tab4">
578						<ul id="44">
579														<li class="col-md-3 tab__44">
580								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
581									<div class="hover">
582										<div class="title">
583											<h2>서울시릴레이캠페인</h2>
584											<p></p>
585											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab4" value="0" data-category_index="92" data-category-name="44"></a>-->
586											<a class="site-link" target="_blank" href="http://kwsuperman999.cafe24.com"></a>
587
588										</div>
589									</div>
590									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
591									<img src="/./uploads/category/20171207/79c963759ae3230d47b3e216f6e5a8e0.jpg" class="img-responsive center">
592
593								</div>
594							</li>
595														<li class="col-md-3 tab__44">
596								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
597									<div class="hover">
598										<div class="title">
599											<h2>헤어망고</h2>
600											<p></p>
601											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab4" value="1" data-category_index="124" data-category-name="44"></a>-->
602											<a class="site-link" target="_blank" href="http://www.hairmango.co.kr/"></a>
603
604										</div>
605									</div>
606									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
607									<img src="/./uploads/category/20171208/44d836a89093bd46790e98dc31e8e1f2.jpg" class="img-responsive center">
608
609								</div>
610							</li>
611														<li class="col-md-3 tab__44">
612								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
613									<div class="hover">
614										<div class="title">
615											<h2>신데렐라</h2>
616											<p></p>
617											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab4" value="2" data-category_index="94" data-category-name="44"></a>-->
618											<a class="site-link" target="_blank" href="xindelela.com"></a>
619
620										</div>
621									</div>
622									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
623									<img src="/./uploads/category/20171208/4b4dbb50ed23c7340bf645feba8f20fe.jpg" class="img-responsive center">
624
625								</div>
626							</li>
627														<li class="col-md-3 tab__44">
628								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
629									<div class="hover">
630										<div class="title">
631											<h2>FMS KOREA GLOBAL</h2>
632											<p></p>
633											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab4" value="3" data-category_index="120" data-category-name="44"></a>-->
634											<a class="site-link" target="_blank" href="http://www.f2m3s.com/ceos-message/"></a>
635
636										</div>
637									</div>
638									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
639									<img src="/./uploads/category/20171207/8506cfcdf655607b4f090ef34229da9b.jpg" class="img-responsive center">
640
641								</div>
642							</li>
643							
644						</ul>
645						
646						<div class="more 44 xiang" id="more_id" data-category-index="44" data-category-offset="8" data-all-numbers="4">포트폴리오  더 보기<img src="/resource/home/images/icon001.png"></div>
647									</div>
648					<div role="tabpanel" class="tab-pane fade xxxx" id="tab5">
649						<ul id="45">
650														<li class="col-md-3 tab__45">
651								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
652									<div class="hover">
653										<div class="title">
654											<h2>레드트랜스 랜딩페이지</h2>
655											<p></p>
656											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab5" value="0" data-category_index="135" data-category-name="45"></a>-->
657											<a class="site-link" target="_blank" href="http://www.redtrans.co.kr/landing01"></a>
658
659										</div>
660									</div>
661									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
662									<img src="/./uploads/category/20171208/6869fb1c665213a901a8d8b583c35846.jpg" class="img-responsive center">
663
664								</div>
665							</li>
666														<li class="col-md-3 tab__45">
667								<div class="por-img-smail animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
668									<div class="hover">
669										<div class="title">
670											<h2>윈차이나 랜딩페이지</h2>
671											<p></p>
672											<!--<a class="img-popup"  data-toggle="modal" data-target="#myModal" data-x="tab5" value="1" data-category_index="136" data-category-name="45"></a>-->
673											<a class="site-link" target="_blank" href="http://www.winchina.co.kr/landing01"></a>
674
675										</div>
676									</div>
677									<!--<img src="/resource/home/images/portfolio/portfolio_01.jpg" class="img-responsive center">	-->
678									<img src="/./uploads/category/20171208/cb3fd8e2b3be1b53ee8db31d668599ea.jpg" class="img-responsive center">
679
680								</div>
681							</li>
682							
683						</ul>
684						
685						<div class="more 45 xiang" id="more_id" data-category-index="45" data-category-offset="8" data-all-numbers="2">포트폴리오  더 보기<img src="/resource/home/images/icon001.png"></div>
686									</div>
687			</div>
688	<!--modal start-->
689	<div class="modal_t">
690		<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
691		  <div class="modal-dialog modal-lg" role="document">
692			<div class="modal-content">
693			  <div class="modal-header" style="margin-top:50px;">
694			  <!--
695				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><img src="/resource/home/images/icon-close.png" alt="close"></button>
696				-->
697			  </div>
698			  <div class="modal-body">
699					LOADING...
700			  </div>
701			</div>
702		  </div>
703		</div>
704	</div><!--modal end-->
705</div><!--portfolio end-->
706<!--about start-->
707<div class="container-fluid" id="about">
708<div class="about-bg"><img src="/resource/home/images/about-bg-02.jpg" class="img-responsive"></div>
709	<div class="col-md-6">
710		<div class="row">
711			<div class="txt animate" data-animate="fadeInLeft" data-duration="0.8s" data-delay="0.1s" data-iteration="1">
712				<h2>HAOWEB</h2>
713				<h4>好 [HAO] 하오 : 좋다</h4>
714				<p>하오웹은 유능한 디자이너와 개발자가 모인 그룹입니다.<br>10년 이상의 경험과 노하우로 프로젝트의 수행력을 갖추고 있어,<br>브랜딩부터 홈페이지 제작, 홍보/마케팅까지 모두 가능합니다.<br></p>
715				<div class="line"></div>
716				<div class="line1"></div>
717			</div>
718		</div>
719	</div>
720	<div class="col-md-6 list">
721		<div class="row">
722			<ul>
723				<li class="animate" data-animate="fadeInRight" data-duration="0.8s" data-delay="0.2s" data-iteration="1">
724					<div class="hd">
725						<span>01</span>
726						<h2>CREATIVE</h2>
727						<b>차별화된 디자인</b>
728					</div>
729					<div class="bd">
730						<h2>15년 경력의 메인 디자이너</h2>
731						<p>LG, 신세계 등의 디자인 업력으로 시장의 트렌드를 읽고,<br>트렌디한 디자인 결과물을 드릴 것을 약속드립니다.</p>
732					</div>
733				</li>
734				<li class="animate" data-animate="fadeInRight" data-duration="0.8s" data-delay="0.3s" data-iteration="1">
735					<div class="hd">
736						<span>02</span>
737						<h2>BOOTSTRAP</h2>
738						<b>부트스트랩 반응형</b>
739					</div>
740					<div class="bd">
741						<h2>PC와 모바일을 한번에!</h2>
742						<p>가격의 거품을 덜어내고 실속을 더해드립니다.<br>모든 페이지는 부트스트랩 기반 반응형으로 제작합니다.</p>
743					</div>
744				</li>
745				<li class="animate" data-animate="fadeInRight" data-duration="0.8s" data-delay="0.4s" data-iteration="1">
746					<div class="hd">
747						<span>03</span>
748						<h2>PROCESS</h2>
749						<b>맞춤형 프로세스</b>
750					</div>
751					<div class="bd">
752						<h2>하오웹 1:1 전담 시스텝</h2>
753						<p>
753고객의 특성을 고려하여 컨텐츠를 기획하며 니즈 분석에 따른<br>맞춤형 프로세스로 단 하나뿐인 홈페이지를 제작합니다.</p>
754					</div>
755				</li>
756			</ul>
757		</div>
758	</div>
759</div>
760<!--about end-->
761<!--num start-->
762<div class="container-fluid num" id="num">
763	<div class="container text-center">
764		<div class="row">
765			<div class="title">
766				<h2>풍부한 경험과 기술을 바탕으로 프로젝트를 성공적으로 수행합니다.</h2>
767				<p>하오웹은 10년간 2000여개의 사이트를 구축해 왔으며,<br>체계적인 프로세스로 고객사의 니즈에 맞는 퀄리티를 제공합니다.</p>
768			</div>
769			<div class="col-md-3 col-xs-6 animate" data-animate="fadeInUp" data-duration="0.8s" data-delay="0.2s" data-iteration="1">
770				<h2 class="counter">10</h2>
771				<span>years</span>
772			</div>
773			<div class="col-md-3 col-xs-6 animate" data-animate="fadeInUp" data-duration="0.8s" data-delay="0.3s" data-iteration="1">
774				<h2 class="counter">42</h2>
775				<span>employee</span>
776			</div>
777			<div class="col-md-3 col-xs-6 animate" data-animate="fadeInUp" data-duration="0.8s" data-delay="0.4s" data-iteration="1">
778				<h2 class="counter">200</h2>
779				<span>partners</span>
780			</div>
781			<div class="col-md-3 col-xs-6 animate" data-animate="fadeInUp" data-duration="0.8s" data-delay="0.5s" data-iteration="1">
782				<h2 class="counter">2215</h2>
783				<span>projects</span>
784			</div>
785		</div>
786	</div>
787</div>
788<!--num end-->
789
790<!--service start-->
791<div class="container-fluid" id="service">
792	<div class="container">
793		<div class="row">
794			<div class="title">
795				<h2>SERVICE</h2>
796				<p>좋은 홈페이지 제작</p>
797			</div>
798			<div class="col-md-3 col-xs-6">
799				<div class="bg animate" data-animate="bounceIn" data-duration="1.0s" data-delay="0.5s" data-iteration="1">
800					<img src="/resource/home/images/service-icon-01.png" class="img-responsive center">
801					<h2 class="num4">WEB/MOBILE</h2>
802					<span>웹 홈페이지제작<br>모바일 홈페이지제작<br>반응형 홈페이지제작<br>플랫폼 홈페이지제작</span>
803				</div>
804			</div>
805			<div class="col-md-3 col-xs-6">
806				<div class="bg animate" data-animate="bounceIn" data-duration="1.0s" data-delay="0.6s" data-iteration="1">
807					<img src="/resource/home/images/service-icon-02.png" class="img-responsive center">
808					<h2 class="num4">SI SOLUTION</h2>
809					<span>맞춤형 비즈니스 모델 개발<br>쇼핑몰, 폐쇠몰, 웹진, 이메일<br>정보포털 서비스 구축<br>공공SI 서비스구 축</span>
810				</div>
811			</div>
812			<div class="col-md-3 col-xs-6">
813				<div class="bg animate" data-animate="bounceIn" data-duration="1.0s" data-delay="0.4s" data-iteration="1">
814					<img src="/resource/home/images/service-icon-03.png" class="img-responsive center">
815					<h2 class="num4">MAINTENANCE</h2>
816					<span>홈페이지 유지보수<br>디자인 유지보수<br>검색엔진 최적화(SEO) 관리</span>
817				</div>
818			</div>
819			<div class="col-md-3 col-xs-6">
820				<div class="bg animate" data-animate="bounceIn" data-duration="1.0s" data-delay="0.7s" data-iteration="1">
821					<img src="/resource/home/images/service-icon-04.png" class="img-responsive center">
822					<h2 class="num4">SYSTEM HOSTING</h2>
823					<span>서버호스팅<br>웹호스팅<br>클라우드호스팅<br>코로케이션서비스</span>
824				</div>
825			</div>
826		</div>
827	</div>
828</div><!--service end-->
829<!--contact strat-->
830<div class="container-fluid" id="contactus">
831	<div class="container">
832		<div class="col-md-8 left">
833			<div class="row">
834				<div class="hd">
835				CONTACT US
836				</div>
837				<div class="col-md-5 bd">
838					<div class="row">
839						<ul>
840							<li>
841								<span><img src="/resource/home/images/contact-icon-01.png"></span>
842								<p>서울시 광진구 능동로 49길 9 , 2층<br>중곡동 165-18번지 2층</p>
843								<div class="clearfix"></div>
844							</li>
845							<li>
846								<span><img src="/resource/home/images/contact-icon-02.png"></span>
847								<p><b>02.1666.5691</b></p>
848								<div class="clearfix"></div>
849							</li>
850							<li>
851								<span><img src="/resource/home/images/contact-icon-03.png"></span>
852								<p>Email :<br>[email protected]</p>
853								<div class="clearfix"></div>
854							</li>
855							<li class="tips">
856								문의를 남겨주시면, 내용을 확인 후 담당자를<br>배정하여 최대한 빠른 시간안에 연락 드리겠습니다. <br>소중한 시간을 내어주셔서 감사합니다.
857							</li>
858						</ul>
859					</div>
860				</div>
861				<div class="col-md-7 form">
862					<form role="form" method="post" enctype="multipart/form-data" action="/index.php/article/contat_mail" name="form_qa" id="form_qa">
863						<div class="form-group">
864							<input type="text" class="form-control" name="inputname" id="inputname" placeholder="이  름">
865						</div>
866						<div class="form-group">
867							<input type="text" class="form-control" name="inputphone" id="inputphone" placeholder="연락처">
868						</div>
869						<div class="form-group">
870							<input type="email" class="form-control" name="inputemail" id="inputemail" placeholder="이메일">
871						</div>
872						<textarea class="form-control" rows="7" name="content" placeholder="내용"></textarea>
873						<div class="form-group">
874							<div class="select_file_button">
875								<div class="attr-value">
876									<div class="upload">
877										<div class="span">
878											<input name="" id="viewfile1" class="inputstyle" type="text" placeholder="">
879										</div>
880										<label for="upload-1" class="file1">파일선택</label>
881										<input onchange="document.getElementById('viewfile1').value=this.value;this.style.display='none';"
882											   class="file" id="upload-1"
883											   name="file_one" type="file"
884											   style="display: block;">
885									</div>
886								</div>
887							</div>
888						</div>
889						<button type="submit" class="btn btn-default">문의하기</button>
890					</form>
891					<div class="col-md-6 col-xs-6">
892						<div class="row">
893							<a href="https://talk.naver.com/ct/wccf5i" target="_blank" class="pull-left">
894								<img src="/resource/home/images/btn-04.png" class="img-responsive">
895							</a>
896						</div>
897					</div>
898					<div class="col-md-6 col-xs-6">
899						<div class="row">
900							<a href="http://pf.kakao.com/_txcNed" target="_blank" class="pull-right">
901								<img src="/resource/home/images/btn-05.png" class="img-responsive">
902							</a>
903						</div>
904					</div>
905				</div>
906			</div>
907		</div>
908		<div class="col-md-4">
909			<div class="row">
910				<div id="map"></div>
911			</div>
912		</div>
913	</div>
914</div>
915<!--contact end-->
916<!--family strat-->
917<div class="container-fluid family">
918	<div class="container">
919		<div class="row">
920			<div class="col-md-3 hd">
921				<p><b>Family site</b>바로가기</p>
922			</div>
923			<div class="col-md-9 bd">
924				<div class="row">
925					<div class="col-md-4 col-xs-4">
926						<a href="http://www.haodesign.co.kr" target="_blank">
927							<div class="bg">
928								<img src="/resource/home/images/family-icon-01.png">
929								<p><b>HAODESIGN</b>인쇄홍보물 제작</p>
930							</div>
931						</a>
932					</div>
933					<div class="col-md-4 col-xs-4">
934						<a href="http://www.haostudio.co.kr" target="_blank">
935							<div class="bg">
936								<img src="/resource/home/images/family-icon-02.png">
937								<p><b>
937HAOSTUDIO</b>사진영상 촬영</p>
938							</div>
939						</a>
940					</div>
941					<div class="col-md-4 col-xs-4">
942						<a href="http://www.haopress.com" target="_blank">
943							<div class="bg">
944								<img src="/resource/home/images/family-icon-03.png">
945								<p><b>HAOPRESS</b>온라인 마케팅</p>
946							</div>
947						</a>
948					</div>
949				</div>
950			</div>
951		</div>
952	</div>
953</div><!--family end-->
954<!--fixedbar bottom start-->
955<div class="container-fluid fixedbar">
956	<div class="row">
957		<div class="container">
958			<div class="row">
959				<div class="col-md-4">
960					<div class="row">
961						<h2>HAOWEB</h2>
962						<p>합리적인 비용/풍부한 경험과 기술력으로 고객 맞춤 홈페이지 제작</p>
963					</div>
964				</div>
965				<div class="col-md-3">
966					<div class="row">
967						<div class="phone">
968							<p>홈페이지 제작 문의/상담</p>
969							<img src="/resource/home/images/icon-phone.png"><span>02.1666.5691</span>
970						</div>
971					</div>
972				</div>
973				<div class="col-md-5">
974					<div class="row">
975						<a href="#contactus" target="_blank" class="btn1"><img src="/resource/home/images/btn-01.png"></a>
976						<a href="http://pf.kakao.com/_txcNed" target="_blank"><img src="/resource/home/images/btn-02.png"></a>
977						<a href="https://talk.naver.com/ct/wccf5i" target="_blank"><img src="/resource/home/images/btn-03.png"></a>
978					</div>
979				</div>
980			</div>
981		</div>
982	</div>
983</div><!--fixedbar bottom end-->
984<!--footer start-->
985<footer>
986	<div class="container">
987		<div class="row">
988			<div class="col-md-3">
989				<img src="/resource/home/images/logo.png" class="img-responsive center logo">
990			</div>
991			<div class="col-md-9">
992				<p>업체명 : 주식회사 하오커뮤니케이션 | HAOWEB&nbsp;&nbsp;|&nbsp;&nbsp;대표자 :  박창민&nbsp;&nbsp;|&nbsp;&nbsp;사업자등록번호 : 528-87-01037<br>E-mail : [email protected]&nbsp;&nbsp;|&nbsp;&nbsp;주소 : 서울시 광진구 능동로 49길 9. 3층(중곡동)</p>
993				<span>Copyrightⓒ2016 HAOWEB All Rights Reserved.</span>
994			</div>
995		</div>
996	</div>
997</footer>
998<!--footer end-->
999<script type="text/javascript" src="/resource/home/js/jquery.js"></script>
vendor: 1 bytes, line 999
999
1000<script type="text/javascript" src="/resource/home/js/bootstrap.js"></script>
vendor: 1 bytes, line 1000
1000
1001<script type="text/javascript" src="/resource/home/js/jquery.easing.1.3.js"></script>
vendor: 1 bytes, line 1001
1001
1002<script type="text/javascript" src="/resource/home/js/jquery.waypoints.min.js"></script>
vendor: 1 bytes, line 1002
1002
1003<script type="text/javascript" src="/resource/home/js/jquery.countup.min.js"></script>
vendor: 1 bytes, line 1003
1003
1004<script type="text/javascript" src="/resource/home/js/scrolla.jquery.min.js"></script>
vendor: 1 bytes, line 1004
1004
1005<script type="text/javascript" src="/resource/home/js/style.js"></script>
vendor: 1 bytes, line 1005
1005
1006<script type="text/javascript" src="/resource/home/js/conversion.js"></script>
1006
1007
1008<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=b38fb7529175c4019bf0d9bd4a3ad561"></script>
vendor: 1 bytes, line 1008
1008
1009<script>
1010	$(function(){
1011	var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스
1012	var options = { //지도를 생성할 때 필요한 기본 옵션
1013		center: new daum.maps.LatLng(37.564310,127.082781), //지도의 중심좌표. +0.001,+0.002 37°33'51.3"N+127°04'58.1
1014		level: 3, //지도의 레벨(확대, 축소 정도)
1015	};
1016	var map = new daum.maps.Map(container, options); //지도 생성 및 객체 리턴  
1017	// 마커를 생성합니다
1018	var marker = new daum.maps.Marker({
1019		position: map.getCenter()
1020	});
1021	// 마커가 지도 위에 표시되도록 설정합니다
1022	marker.setMap(map);
1023	// 	var iwContent = '<div style="padding:5px; margin:0 auto;">인텔리전트솔루션즈<br><a href="http://map.daum.net/link/to/인텔리전트솔루션즈,37.6416426,127.0712474" style="color:blue" target="_blank">길찾기</a></div>', // 인포윈도우에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다
1024	// 		iwPosition = new daum.maps.LatLng(37.6416426,127.0712474); //인포윈도우 표시 위치입니다
1025	// 	// 인포윈도우를 생성합니다
1026	// 	var infowindow = new daum.maps.InfoWindow({
1027	// 		position : iwPosition, 
1028	// 		content : iwContent 
1029	// 	});
1030	// 	// 마커 위에 인포윈도우를 표시합니다. 두번째 파라미터인 marker를 넣어주지 않으면 지도 위에 표시됩니다
1031	// 	infowindow.open(map, marker);
1032	});
1033</script>
1033
1034
1035
1036<!--
1036<script src="/resource/home/js/additional-methods.js"></script>
1036-->
1037<script src="/resource/home/js/jquery.validate.min.js
1038
1039"></script>
1039
1040
1041<script>
1042    $(function(){
1043        //让当前表单调用validate方法,实现表单验证功能
1044        $("#form_qa").validate({
1045            /* focusCleanup:true,*/
1046            errorClass:"has-error-input",
1047            errorElement:"p",
1048            onfocusout: function(element){
1049                $(element).valid();
1050            },
1051            //debug:true, //调试模式,即使验证成功也不会跳转到目标页面
1052            rules:{ //配置验证规则,key就是被验证的dom对象,value就是调用验证的方法(也是json格式)
1053
1054                inputname:{
1055                    required:true,
1056
1057                },
1058                inputphone:{
1059                    required:true,
1060
1061                },
1062                inputemail:{
1063                    required:true,
1064
1065                }
1066
1067            },
1068            messages:{
1069                inputname:{
1070                    required:"이름 입력해주세요",
1071                    remote:"이미 존재한 아이디입니다"
1072                },
1073
1074                inputphone:{
1075                    required:"전화번호 입력해주세요",
1076                },
1077
1078                inputemail:{
1079                    required:"이메일 입력해주세요",
1080                    email:"정확한 이메일 주소 입력해주세요"
1081                }
1082            }
1083        });
1084    });
1085</script>
1085
1086<style>
1087.has-error-input{
1088color:red;
1089margin-top:5px;
1090font-weight:bold;
1091}
1092</style>
1093
1094<!-- 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 --> 
1095<script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script>
1095 
1096<script type="text/javascript"> 
1097if (!wcs_add) var wcs_add={};
1098wcs_add["wa"] = "s_31450415287f";
1099if (!_nasa) var _nasa={};
1100if(window.wcs){
1101wcs.inflow();
1102wcs_do();
1103}
1104</script>
1104
1105
1106</body>
1107</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.