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 | ëíì : ë°ì°½ë¯¼ | ì¬ì ìë±ë¡ë²í¸ : 528-87-01037<br>E-mail : [email protected] | 주ì : ìì¸ì ê´ì§êµ¬ ë¥ëë¡ 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.