1 2 3 4 5 6 7 8 9<!DOCTYPE html> 10<html lang="ko"> 11<head> 12 13 14 15 16 17 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 18 <meta charset="utf-8"> 19 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 user-scalable=no"> 20 <meta name="naver-site-verification" content="cf5ce13cf6f08d275a1bd367fd2e1f36476f6bae" /> 21 <title>INSPOT - Inspire Your Brand</title> 22 <link href="/lib/css/reset.css" rel="stylesheet" /> 23 <link href="/lib/css/default.css" rel="stylesheet" /> 24 <link href="/lib/css/bootstrap.css" rel="stylesheet" /> 25 <link href="/lib/css/tether.css" rel="stylesheet" /> 26 <link href="/lib/css/animate.css" rel="stylesheet" /> 27 <link href="/lib/css/layout.css" rel="stylesheet" /> 28 <link href="/lib/css/content.css" rel="stylesheet" /> 29 30
30<script src="/lib/js/jquery-1.11.2.min.js" type="text/javascript"></script>
30 31
31<script src="/lib/js/jquery.easing.min.js" type="text/javascript"></script>
31 32
32<script src="/lib/js/tether.min.js" type="text/javascript"></script>
32 33
33<script src="/lib/js/bootstrap.min.js" type="text/javascript"></script>
33 34
34<script src="/lib/js/ScrollMagic.js"></script>
34 35
35<script src="/lib/js/debug.addIndicators.js"></script>
35 36 <!--[if lt IE 9]> 37
37<script src="/lib/js/IE9.js" type="text/javascript"></script>
37 38
38<script src="/lib/js/html5.js" type="text/javascript"></script>
38 39 <![endif]--> 40
40<script src="/lib/js/ui.js" type="text/javascript"></script>
40 41
41<script src="/lib/js/default.js" type="text/javascript"></script>
41 42
42<script src="/lib/js/jquery.cookie.js" type="text/javascript"></script>
42 43 44 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 44-45
44 45 <script async src="https://www.googletagmanager.com/gtag/js?id=
45UA-164643527-1
vendor: 16 bytes, lines 45-46
45"></script> 46
46<script> 47
vendor: 152 bytes, lines 47-51
47window.dataLayer = window.dataLayer || []; 48 function gtag(){dataLayer.push(arguments);} 49 gtag('js', new Date()); 50 51 gtag('config', '
51UA-164643527-1
vendor: 8 bytes, lines 51-52
51'); 52
52</script>
52 53
54<script type="text/javascript"> 55 (function(c,l,a,r,i,t,y){ 56 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 57 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 58 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 59 })(window, document, "clarity", "script", "mr2hsvydok"); 60 </script>
60 61 62
63<script type="text/javascript"> 64 var last_idx = ""; 65 var is_last = true; 66 var last_cnt = -1; 67 var p_type = ""; 68 var last_works_idx; 69 70 $(document).ready(function(){ 71 72 if (document.referrer.indexOf("/02_work_view.asp") < 0) 73 { 74 $.cookie('c_works_last_idx', ""); 75 $.cookie('c_works_idx', ""); 76 } 77 78 if ($.cookie('c_works_last_idx') != undefined && $.cookie('c_works_last_idx') != "" ) 79 { 80 c_last_idx = $.cookie('c_works_last_idx'); 81 is_last = false; 82 } 83 84 if ($.cookie('c_project_type') != undefined && $.cookie('c_project_type') != "") 85 { 86 p_type = $.cookie('c_project_type'); 87 $('.select-wrap button').find('span').text($("#p_type_" + p_type).text()); 88 } 89 90 //getWorksList(); 91 }); 92 93 var c_last_idx = ""; 94 95 function getWorksList() 96 { 97 console.log("##### last_cnt : " + last_cnt); 98 99 if (last_cnt == 0) 100 { 101 alert("ë ì´ì ë°ì´íê° ììµëë¤..."); 102 return; 103 } 104 105 //var last_works_idx = $(".works-detail:last").attr("works_idx"); 106 107 $.ajax({ 108 url : "/xmlData/worksList.asp", 109 type : "POST", 110 dataType : "xml", 111 data : { 112 "p_type":p_type, 113 "last_idx":last_works_idx 114 }, 115 timeout : 1000 * 5, 116 error : function(request,status,error){ 117 alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); 118 alert("error:"+error); 119 alert("ì¤ë¥ ë°ì"); 120 }, 121 success : function(data, status){ 122 var state = $(data).find("state").text(); 123 var msg = $(data).find("msg").text(); 124 125 if (state != "1") 126 { 127 alert(msg); 128 }else 129 { 130 setWorksList(data); 131 } 132 } 133 }); 134 } 135 136 function setWorksList(xmlData) 137 { 138 var state = $(xmlData).find("state").text(); 139 var msg = $(xmlData).find("msg").text(); 140 141 last_cnt = $(xmlData).find("last_cnt").text(); 142 143 var strWorkData = ""; 144 145 if (state != "1") 146 { 147 alert(msg); 148 return; 149 } 150 151 $(xmlData).find("data").each(function(index){ 152 153 var idx = $(this).find("idx").text(); 154 var title1 = $(this).find("title1").text(); 155 var title2 = $(this).find("title2").text(); 156 var list_img = $(this).find("list_img").text(); 157 158 strWorkData = " <div class=\"col-sm-6 work-item\" id=\"works_idx_" + idx + "\">"; 159 strWorkData += " <a href=\"javascript:goView(" + idx + ")\" class=\"works-box-wrap\">"; 160 strWorkData += " <p><img src=\"/upload/works/" + list_img + "\" class=\"w-100\"/></p>"; 161 strWorkData += " <div class=\"works-detail\" works_idx=\"" + idx + "\">"; 162 strWorkData += " <div class=\"h-100\">"; 163 strWorkData += " <p class=\"tit\">" + title1 + "</p>"; 164 strWorkData += " <p class=\"sub-tit\">" + title2 + "</p>"; 165 strWorkData += " </div>"; 166 strWorkData += " </div>"; 167 strWorkData += " </a>"; 168 strWorkData += " </div>"; 169 170 $("#works_list").append(strWorkData); 171 172 last_idx = idx; 173 174 if (c_last_idx == idx) 175 { 176 is_last = true; 177 } 178 }); 179 180 $.cookie('c_works_last_idx', last_idx); 181 182 if (is_last == false) 183 { 184 getWorksList(); 185 }else 186 { 187 if ($.cookie('c_works_idx') != undefined) 188 { 189 var target = $("#works_idx_" + $.cookie('c_works_idx')); 190 if (target.length > 0) 191 { 192 $("html, body").animate({scrollTop: target.offset().top}, 500); 193 } 194 } 195 } 196 } 197 198 function goView(idx) 199 { 200 var thisForm = document.dataForm; 201 202 thisForm.action = "./02_work_view.asp?idx=" + idx; 203 204 $("#df_last_idx").val(last_idx); 205 206 thisForm.submit(); 207 208 } 209 210 function loadMore() 211 { 212 $.cookie('c_works_idx', ""); 213 last_works_idx = $(".works-detail:last").attr("works_idx"); 214 getWorksList(); 215 } 216 217 function setProjectType(project_type) 218 { 219 p_type = project_type; 220 last_idx = ""; 221 is_last = true; 222 last_cnt = -1; 223 c_last_idx = ""; 224 last_works_idx = ""; 225 226 $("#works_list > div").remove(); //append(strWorkData); 227 228 $.cookie('c_project_type', project_type); 229 230 getWorksList(); 231 } 232</script>
232 233</head> 234<body class="logo-white"> 235 236 <ul id="skipNavi"> 237 <li><a href="#gnb">ë©ë´ ë°ë¡ê°ê¸°</a></li> 238 <li><a href="#contentWrap">본문 ë°ë¡ê°ê¸°</a></li> 239 <li><a href="#footerWrap">íì´ì§ íë¨ ë°ë¡ê°ê¸°</a></li> 240 </ul> 241 242 243 <!-- s:visualWrap --> 244 <div id="visualWrap" class="work-list"></div> 245 <!-- //e:visualWrap --> 246 247 <!-- s:wrapper --> 248 <div id="wrapper"> 249 250 251 <!-- s:Header --> 252 <div id="headerWrap" class="black"> 253 <div class="logo"><span></span><h1><a href="/main">Inspot</a></h1></div> 254 <!-- s:utilWrap --> 255 <div id="utilWrap"> 256 <button type="button" class="btn-menu" name="button"><span></span><span></span><span></span></button> 257 <a href="http://blog.naver.com/inspot2020" class="go-blog" target="_blank"><span class="icon"></span><span class="label">Blog</span></a> 258 <a href="https://www.facebook.com/inspot2020" class="go-facebook" target="_blank"><span class="icon"></span><span class="label">Facebook</span></a> 259 <a href="https://www.instagram.com/inspot2020/" class="go-instagram" target="_blank"><span class="icon"></span><span class="label">Instagram</span></a> 260 </div> 261 <!-- //e:utilWrap --> 262 </div> 263 <!-- //e:Header --> 264 265 266 <!-- s:navWrap --> 267 <div id="navWrap"> 268 <div> 269 <ul> 270 <li> 271 <a href="/main" class="go-home"> 272 <svg version="1.1" class="icon-home" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve"> 273 <polygon points="32.8,38 7.9,38 7.9,23.2 11.9,23.2 11.9,34 28.8,34 28.8,23.2 32.8,23.2 "></polygon> 274 <polygon points="32.8,14.5 32.8,5 28.8,5 28.8,10.9 20.4,3.3 1,20.7 3.7,23.7 20.4,8.7 37,23.7 39.7,20.7 "></polygon> 275 </svg> 276 <span style="display:none;">ë©ì¸ì¼ë¡ ê°ê¸°</span> 277 </a> 278 </li> 279 <li><a href="/about">about</a></li> 280 <li><a href="/works">works</a></li> 281 <li><a href="/news">news</a></li> 282 <li><a href="/contact">contact</a></li> 283 <li><a href="/vr">Inspot VR</a></li> 284 </ul> 285 286 <div class="footer"> 287 <div class="address-wrap"> 288 <a href="tel:07070135240" class="font-Poppins">070-7013-9710</a> 289 <p>ìì¸í¹ë³ì ê°ë¨êµ¬ ìì¼1ë 823-24<br>ë¨ëë¹ë© 8층 (주)ì¸ì¤í</p> 290 </div> 291 <div class="inquiry-wrap"> 292 <p>íë¡ì í¸ ë¬¸ì</p> 293 <a href="mailto:[email protected]"> [email protected]</a> 294 <a href="mailto:[email protected]"> [email protected]</a> 295 </div> 296 </div> 297 298 <div class="appdown-wrap of-hi"> 299 <a href="" target="_blank">App Download<img src="../images/common/icon_download.png" alt="App Download"/></a> 300 </div> 301 </div> 302 </div> 303 <!-- //e:navWrap --> 304 305 306 <!-- s:contentWrap --> 307 <div id="contentWrap" class="works list"> 308 <!-- s:container-fluid --> 309 <div class="container-fluid"> 310 <a href="/main" class="btn-back" title="ë©ì¸ì¼ë¡"><span></span></a> 311 <div class="row"> 312 <div class="col-md-12 text-right"> 313 <h2 class="text-right">works<span></span></h2> 314 <div class="select-wrap work-select float-md-left mt-md-5 mt-3 mb-3"> 315 <button type="button" name="button"><span>Project Type</span></button> 316 <ul> 317 318 <li><a href="#" data-pType="">All</a></li> 319 <li id="p_type_1"><a href="#" data-pType="1">Website</a></li> 320 <li id="p_type_2"><a href="#" data-pType="2">Mobile Web, App</a></li> 321 <li id="p_type_3"><a href="#" data-pType="3">
321Responsive Web</a></li> 322 <li id="p_type_4"><a href="#" data-pType="4">Marketing</a></li> 323 <li id="p_type_5"><a href="#" data-pType="5">Digital Content</a></li> 324 <li id="p_type_6"><a href="#" data-pType="6">Maintenance</a></li> 325 </ul> 326 </div> 327 </div> 328 </div> 329 330 <div class="row no-gutters works-list" id="works_list"> 331 332 </div> 333 334 <div class="row"> 335 <div class="col-md-12"> 336 <div class="text-center posR"> 337 <div class="prev-prj"> 338 <a href="/works/old">ì´ì íë¡ì í¸ ë³´ê¸°</a> 339 <p class="btn-arrow-right"><span></span></p> 340 </div> 341 <div class="btn-wrap"> 342 <a href="#" id="more_btn"><span>Load More</span></a> 343 <p class="btn-arrow-down"><span></span></p> 344 </div> 345 </div> 346 </div> 347 </div> 348 </div> 349 <!-- //e:container-fluid --> 350 </div> 351 <!-- //e:contentWrap --> 352 353 </div> 354 <!-- //e:Wrapper --> 355 <!--[if gt IE 9 | !IE ]><!--> 356
356<script src="../lib/js/threejs/three.min.js"></script>
356 357
357<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/896175/OrbitControls.js'></script>
357 358
358<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/896175/ColladaLoader.js'></script>
358 359 <![endif]--> 360
360<script src="../lib/js/work.visual.js"></script>
360 361 362<form name="dataForm" id="dataForm" method="post"> 363<input type="hidden" name="last_idx" id="df_last_idx" value=""> 364</form> 365 366
366<script type="text/javascript" src="/lib/js/front/works.js?var=20261002090654"></script>
366 367
367<script type="text/javascript"> 368 $(function() { 369 worksFunc = new $.funcWorks(); 370 worksFunc.listInit(1); 371 372 }) 373 </script>
373 374 375
375<script type="text/javascript"> 376 (function(w, d, a){ 377 w.__beusablerumclient__ = { 378 load : function(src){ 379 var b = d.createElement("script"); 380 b.src = src; b.async=true; b.type = "text/javascript"; 381 d.getElementsByTagName("head")[0].appendChild(b); 382 } 383 };w.__beusablerumclient__.load(a + "?url=" + encodeURIComponent(d.URL)); 384 })(window, document, "//rum.beusable.net/load/b240624e102841u279"); 385 </script>
385 386</body> 387</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.