1 2 3 4<!DOCTYPE html> 5<html lang="ko"> 6 <head> 7 <!-- head --> 8 9 10 11<title>íìPNS</title> 12<meta http-equiv="X-UA-Compatible" content="IE=edge"> 13<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 14<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 15<meta name="format-detection" content="telephone=no, address=no, email=no"> 16<meta name="title" content="íìPNS"> 17<meta name="keywords" content="íìPNS"> 18<meta name="description" content="íìPNS"> 19<meta property="og:title" content="íìPNS"> 20<meta property="og:type" content="website"> 21<meta property="og:url" content=""> 22<meta property="og:site_name" content="íìPNS"> 23<meta property="og:description" content="íìPNS"> 24<link rel="shortcut icon" type="image/x-icon" href="/assets/resources/front/images/common/favicon.ico"> 25<link rel="stylesheet" type="text/css" href="/assets/resources/front/css/fonts.css"> 26<link rel="stylesheet" type="text/css" href="/assets/resources/front/css/common.css?v=20260420">
27<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" type="text/javascript" src="/assets/resources/front/js/jquery-3.7.1.min.js"></script>
vendor: 2 bytes, line 27
27
28<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" type="text/javascript" src="/assets/resources/front/js/jquery-ui.min.js"></script>
vendor: 2 bytes, line 28
28
29<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" type="text/javascript" src="/assets/resources/front/js/slick.min.js"></script>
vendor: 2 bytes, line 29
29
30<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" type="text/javascript" src="/assets/resources/front/js/ui.js"></script>
30 31<!-- Google tag (gtag.js) --> 32
33<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" async src="/assets/resources/front/js/gtag.js?id=G-QJDTMTGK3V"></script>
vendor: 2 bytes, line 33
33
34<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" > 35
vendor: 136 bytes, lines 35-38
35window.dataLayer = window.dataLayer || []; 36 function gtag(){dataLayer.push(arguments);} 37 gtag('js', new Date()); 38 gtag('config', '
38G-QJDTMTGK3V
vendor: 5 bytes, line 38
38');
39</script>
39 40<!-- Google tag (gtag.js) --> 41 42 43
44<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" > 45$(document).on("keyup blur", ".numberformat", function(e) { 46 comutil.onlyNumber(this); 47// e.preventdefault(); 48}); 49 50$(document).on("keyup blur", ".alphanumformat", function(e) { 51 comutil.onlyAlphaNum(this); 52// e.preventdefault(); 53}); 54 55$(document).on("keyup blur", ".alphanumspaceformat", function(e) { 56 comutil.onlyAlphaNumSpace(this); 57// e.preventdefault(); 58}); 59 60$(document).on("keyup blur", ".alphabetformat", function(e) { 61 comutil.onlyAlphabet(this); 62// e.preventdefault(); 63}); 64 65$(document).on("keyup blur", "[maxbytes]", function(e) { 66 var len = $(this).attr("maxbytes"); 67 comutil.checkLength(this, len); 68// e.preventdefault(); 69}); 70 71$(document).on("keyup blur", ".touppercase", function(e) { 72 comutil.toUpperCase(this); 73}); 74 75$(document).on("keyup blur", ".tolowercase", function(e) { 76 comutil.toLowerCase(this); 77}); 78 79$(document).on("keyup blur", ".numberdotformat", function(e) { 80 comutil.onlyNumberDot(this); 81}); 82 83$(document).on("keyup blur", "[maxfloatlength]", function(e) { 84 var len = $(this).attr("maxfloatlength"); 85 comutil.checkFloatLength(this, len); 86// e.preventdefault(); 87}); 88 89var comutil = { 90 replaceTagNR: function(value) { 91 value = value.replace(/(?:\r\n|\r|\n)/g, '<br />'); 92 return value; 93 }, 94 replaceTagBR: function(value) { 95 value = value.replace(/(<br>|<br\/>|<br \/>)/g, '\r\n'); 96 return value; 97 }, 98 isEmail: function(value) { 99 var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; 100 if(!regExp.test(value)){ 101 alert('ì´ë©ì¼ íìì ë§ì§ ììµëë¤.'); 102 return false; 103 } else { 104 return true; 105 } 106 }, 107 isCelluar: function(value) { 108 var regExp = /^\d{2,3}-\d{3,4}-\d{4}$/; 109 if(!regExp.test(value)){ 110 alert('ì°ë½ì² íìì ë§ì§ ììµëë¤.'); 111 return false; 112 } else { 113 return true; 114 } 115 }, 116 onlyNumber: function(input) { 117 var inText = input.value; 118 var ret; 119 120 for (var i = 0; i < inText.length; i++) { 121 ret = inText.charCodeAt(i); 122 if (!((ret > 47) && (ret < 58))) { 123 //alert("ì«ìë§ì ì ë ¥íì¸ì"); 124 input.value = ""; 125 input.focus(); 126 return; 127 } 128 } 129 }, 130 onlyAlphaNum: function(input) { 131 var value = input.value; 132 var format = /[a-zA-Z0-9]$/gi; 133 if (format.test(value) == false) { 134 input.value = ""; 135// input.focus(); 136 return; 137 } 138 }, 139 onlyAlphaNumSpace: function(input) { 140 var value = input.value; 141 var format = /[a-zA-Z0-9\s]$/gi; 142 if (format.test(value) == false) { 143 input.value = ""; 144// input.focus(); 145 return; 146 } 147 }, 148 onlyAlphabet: function(input) { 149 var value = input.value; 150 var format = /[a-zA-Z]$/gi; 151 if (format.test(value) == false) { 152 input.value = ""; 153// input.focus(); 154 return; 155 } 156 }, 157 onlyNumberDot : function(obj) { 158 if (obj.value == "") return; 159 var a = obj.value.split(""); 160 var b = ""; 161 for (var i in a) { 162 if (a[i].match(/\d/) || a[i].match(/[.]/)) 163 b += a[i]; 164 } 165 /*while (b.length > 1 && b.charAt(0) == "0") 166 b = b.substr(1, b.length); */ 167 obj.value = b; 168 }, 169 setComma: function(str) { 170 var regexp = /\B(?=(\d{3})+(?!\d))/g; 171 var parts=(str+'').split("."); 172 return parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") + (parts[1] ? "." + parts[1] : ""); 173 }, 174 unComma: function(str) { 175 str = String(str); 176 return str.replace(/[^\d]+/g, ''); 177 }, 178 checkPass: function(str) { //í¨ì¤ìë ì²´í¬ 179 var reg1 = /[a-z]/; 180 var reg2 = /[0-9]/; 181 return(reg1.test(str) && reg2.test(str)); 182 }, 183 checkIsZenkaku: function(str) { //ì¼ë³¸ì´ ì ê° = true, ë°ê°=false 184 for (var i = 0; i < str.length; ++i) { 185 var c = str.charCodeAt(i); 186 if (c < 256 || (c >= 0xff61 && c <= 0xff9f)) { 187 return false; 188 } 189 } 190 return true; 191 }, 192 checkIsZenkakuAlphabet: function(str) { //ì¼ë³¸ì´ ì ê°orì문 = true, ë°ê°=false 193 var check = true; 194 var format = /[a-zA-Z]$/gi; 195 if (format.test(str) == false) { 196 check = false; //ì문 ìë 197 } 198 if(check == false) { 199 format = /[ã±-ã |ã -ã £|ê°-í£]/; 200 if (format.test(str) == true) { 201 return false; //íê¸ 202 } 203 for (var i = 0; i < str.length; ++i) { 204 var c = str.charCodeAt(i); 205 if (c < 256 || (c >= 0xff61 && c <= 0xff9f)) { 206 return false; 207 } 208 } 209 } 210 return true; 211 }, 212 changeZenkaktoBan: function(obj){ //ì ê° ë°ê° ì²´í¬.. ì ê°ì¼ë ìëì¼ë¡ ë°ê°ì¼ë¡ ë³í 213 for(var i=0; i< obj.value.length; i++) { 214 if (escape(obj.value.charAt(i)).length > 4){ 215 obj.value = obj.value.substr(0, i); 216 obj.focus(); 217 } 218 } 219 }, 220 checkLength: function(fform, maxlength) { 221 var msgtext = fform.value; 222 var i=0; 223 var l=0; 224 var temp = "", espTemp = ""; 225 var s = ""; 226 227 while(i < msgtext.length) { 228 temp = msgtext.charAt(i); 229 espTemp = encodeURI(temp); 230 231 if(espTemp.length > 6) { //íê¸ 232 l += 3; 233 } else if(espTemp == "%0A") { //ìí°í¤ 234 l += 3; 235 } else if(espTemp.length >= 4 && espTemp.length <= 6) {//(·)ë±ê³¼ ê°ì 문ì 236 l += 3; 237 } else { 238 l++; 239 } 240 241 if (l < maxlength) { 242 s += temp; 243 } else { 244 fform.value = s; 245 fform.focus(); 246 return false; 247 } 248 i++; 249 } 250 return true; 251 }, 252 //ììì ì리ì ì²´í¬ 253 checkFloatLength: function(input, maxlength) { 254 255 //ex> maxlength = 3ì´ë©´ 11.1 => ììì í¬í¨ ì ì²´ ì리ì 256 257 this.onlyNumberDot(input); 258 259 var lens = maxlength.split(","); 260 var maxlen = 0; 261 var declen = 1; 262 if (lens.length > 1) { 263 maxlen = lens[0]; 264 declen = lens[1]; 265 maxlen = maxlen - declen; 266 } 267 268 var msgtext = input.value; 269 var i = 0; 270 var l = 0; 271 var dl = 0; 272 var s = "", ds = ""; 273 274// console.log(msgtext) 275 var isDec = false; 276 while(i < msgtext.length) { 277 temp = msgtext.charAt(i); 278 279 if (isDec == true) { 280 dl++; 281 } 282 else { 283 if (temp == ".") { 284 isDec = true; 285 } 286 else { 287 l++; 288 } 289 } 290 291 if (l <= maxlen && dl <= declen) { 292 s += temp; 293 } else { 294 input.value = s; 295 input.focus(); 296 return false; 297 } 298 i++; 299 } 300 return true; 301 }, 302 // ì ë í¸ ì¬ë¶ ì²´í¬ 303 isSelected: function(input) { 304 return $(input).find("option:selected").val() != ""; 305 }, 306 getSelectedValue: function(input) { 307 return $(input).find("option:selected").val(); 308 }, 309 getCheckedValue: function(input) { 310 var value = ""; 311 $.each(input, function() { 312 if ($(this).is(":checked") == true) { 313 value = this.value; 314 return false; 315 } 316 }); 317 return value; 318 }, 319 //ì²´í¬ ë°ì¤ ì ì²´ ì í ë° í´ì 320 checkAll : function(src, target) { 321 var checked = ($(src).is(":checked")) ? true : false; 322 $(target).each(function() { 323 $(this).prop("checked", checked); 324 }); 325 }, 326 toUpperCase: function(input) { 327 var value = $(input).val().toUpperCase(); 328 $(input).val(value); 329 }, 330 toLowerCase: function(input) { 331 var value = $(input).val().toLowerCase(); 332 $(input).val(value); 333 }, 334 unescapeXml: function(value) { 335 if (stringjs.isnull(value) == true) { 336 return ""; 337 } 338 //HTML 339 value = value.replace(/</g, "<").replace(/>/g, ">"); 340 value = value.replace(/(/g, "\\(").replace(/)/g, "\\)"); 341 value = value.replace(/'/g, "'"); 342 value = value.replace(/#/g, "#"); 343 value = value.replace(/"/g, "\\\""); //" 344 return value; 345 }, 346 convertDate: function(date, deli) { 347 var reDate = date.replace(/[^0-9]/g, ""); 348 if (stringjs.isnull(reDate) == true) { 349 return ""; 350 } 351 try { 352 var year = reDate.substr(0,4);
353 var month = reDate.substr(4,2); 354 var day = reDate.substr(6,2); 355 var newDate = new Date(year, month, day); 356 357 var newYear = newDate.getFullYear(); 358 var newMonth = comutil.lpad(newDate.getMonth(), 2, '0'); 359 var newDay = comutil.lpad(newDate.getDate(), 2, '0'); 360 361 reDate = newYear + deli + newMonth + deli + newDay; 362 363 } catch(e) { 364 } 365 return reDate; 366 }, 367 convertTime: function(time, deli) { 368 var reTime = time.replace(/[^0-9]/g, ""); 369 if (stringjs.isnull(reTime) == true) { 370 return ""; 371 } 372 try { 373 var hour = reTime.substr(0,2); 374 var minute = reTime.substr(2,2); 375 var second = reTime.substr(4,2); 376 //padding 377 var hour = comutil.lpad(hour, 2, '0'); 378 var minute = comutil.lpad(minute, 2, '0'); 379 var second = comutil.lpad(second, 2, '0'); 380 381 reTime = hour + deli + minute + deli + second; 382 383 } catch(e) { 384 } 385 return reTime; 386 }, 387 checkEmail : function(value) { 388 var regex=/^((\w|[\-\.])+)@((\w|[\-\.])+)\.([A-Za-z]+)$/; 389 return regex.test(value); 390 }, 391 checkPhoneno : function(value) { //000-0000-0000 392 var regex=/^[0-9]{2,3}-[0-9]{3,4}-[0-9]{4}$/; 393 return regex.test(value); 394 }, 395 checkDomain : function(value) { //ëë©ì¸ ì²´í¬, http:// https:// í¬í¨ìí´ë ëê³ í´ë ëê³ 396 var regex=/^(((http(s?))\:\/\/)?)([0-9a-zA-Z\-]+\.)+[a-zA-Z]{2,6}(\:[0-9]+)?(\/\S*)?$/; 397 return regex.test(value); 398 }, 399 checkDomain2 : function(value) { //ëë©ì¸ ì²´í¬, http:// https:// ê¼ í¬í¨ 400 var regex=/^((http(s?))\:\/\/)([0-9a-zA-Z\-]+\.)+[a-zA-Z]{2,6}(\:[0-9]+)?(\/\S*)?$/; 401 return regex.test(value); 402 }, 403 checkDomain3 : function(value) { //ëë©ì¸ ì²´í¬, http:// https:// í¬í¨íë©´ ìë¨ 404 var regex=/^[^((http(s?))\:\/\/)]([0-9a-zA-Z\-]+\.)+[a-zA-Z]{2,6}(\:[0-9]+)?(\/\S*)?$/; 405 return regex.test(value); 406 }, 407 submitData: function(url, param, target) { 408 // ê°ë¹ì§ í¼ì´ ë¨ì ìì¼ë©´ ì ê±° 409 if ($("form#_hidden_submitform_") != null) { 410 $("form#_hidden_submitform_").remove(); 411 } 412 413 //form ê°ì²´ ìì± 414 var options = new Object(); 415 options.id = "_hidden_submitform_"; 416 options.method = "post"; 417 options.action = url; 418 if (stringjs.isnull(target) == false) { 419 options.target = target; 420 } 421 var $form = $("<form/>", options); 422 if (stringjs.isnull(param) == false) { 423// console.log("param=", param); 424 $.each(param, function(key, value) { 425 var paramElement = $("<input/>", {"type": "hidden", "name": key, "value": value}); 426 $form.append(paramElement); 427 }); 428 } 429 $form.appendTo("body").submit(); 430 }, 431 mapToForm: function(_f, _map) { 432 $($(_f).prop('elements')).each(function(){ 433 var srcElement = this; 434 var name = this.name; 435 $.each(_map, function(key, value) { 436 if (name == key) { 437 $(srcElement).val(value); 438 } 439 }); 440 }); 441 }, 442 showPopup: function(_layerid, _title, _url, _param, _options) { 443 444 var width; 445 var height; 446 if (stringjs.isnull(_options) == false) { 447 width = stringjs.isnull(_options.width) == false ? _options.width : null; 448 height = stringjs.isnull(_options.height) == false ? _options.height : null; 449 } 450 // ìµì ì¤ì 451 //console.log("width=", width) 452 //console.log("height=", height) 453 // ë ì´ì´ ëì´ ë° ëì´ ì§ì 454 if (stringjs.isnull(width) == false) { $("#"+_layerid).css("width", width); } 455 if (stringjs.isnull(height) == false) { $("#"+_layerid).css("height", height); } 456 //íì´í ì¤ì 457 $("#"+_layerid+" .layTop .title").text(_title); 458 //컨í ì¸ ë¶ë¬ì¤ê¸° 459 comutil.callAjax(_url, _param, function(data) { 460 $("#"+_layerid+" .layCon .txtBox").html(data); 461 }); 462 //ë ì´ì´íì show 463 showPopup(_layerid); 464 }, 465 showPopupImage: function(_layerid, _options) { 466 467 if (stringjs.isnull(_options) == true) { 468 return ""; 469 } 470 var opts = (function(opt) { 471 var path = (stringjs.isnull(_options.path) == true) ? "" : _options.path; 472 var zkey = (stringjs.isnull(_options.zkey) == true) ? "" : _options.zkey; 473 var filename = (stringjs.isnull(_options.filename) == true) ? "" : _options.filename; 474 var title = (stringjs.isnull(_options.title) == true) ? "Load Image" : _options.filename; 475 return { 476 path: path, 477 zkey: zkey, 478 filename: filename, 479 title: title 480 }; 481 })(_options); 482 483 var path = opts.path; 484 var zkey = opts.zkey; 485 var filename = opts.filename; 486 var title = opts.title; 487 488 var imageName = comutil.formatImage(zkey, filename); 489 if (stringjs.isnull(imageName) == true) return ""; 490 491 var imgObj = new Image(); 492 imgObj.src = path + "/" + imageName; 493 494 // ìµì ì¤ì 495 //console.log("showPopupImage.width=", imgObj.width) 496 //console.log("showPopupImage.height=", imgObj.height + 100) 497 // ë ì´ì´ ëì´ ë° ëì´ ì§ì 498 $("#"+_layerid).css("width", imgObj.width + 50); 499 $("#"+_layerid).css("height", imgObj.height + 200); 500 //íì´í ì¤ì 501 $("#"+_layerid+" .layTop .title").text(title); 502 //컨í ì¸ ë¶ë¬ì¤ê¸° 503 var data = "<img src='"+imgObj.src+"' title='ì´ë¯¸ì§ë¥¼ í´ë¦íìë©´ ì°½ì´ ë«íëë¤.' alt='ì´ë¯¸ì§ë¥¼ í´ë¦íìë©´ ì°½ì´ ë«íëë¤.' />"; 504 $("#"+_layerid+" .layCon .txtBox").html(data); 505 //ë ì´ì´íì show 506 showPopup(_layerid); 507 }, 508 hidePopup: function(_layerid) { 509 hidePopup(_layerid); 510 }, 511 clearPopup: function(_layerid) { 512 //íì´í ì¤ì 513 $("#"+_layerid+" .layTop .title").empty(); 514 //컨í ì¸ ìì ì´ê¸°í 515 $("#"+_layerid+" .layCon .txtBox").empty(); 516 //ë ì´ì´íì hide 517 hidePopup(_layerid); 518 }, 519 alert: function(_message) { 520 alert(_message); 521 }, 522 confirm: function(_message, _callback) { 523 confirm(_message) == true ? _callback(true) : _callback(false); 524 }, 525 //íë¡ í¸ ì¬ì© 526 alert_front: function(_message) { 527 alert(_message); 528 }, 529 anchor: function(_id) { 530 window.location.href = "#"+_id; 531 }, 532 // í¬ë§·í ë ì´ë¯¸ì§ ë¡ë(seq + íì¥ì) 533 formatImage: function(zkey, filename) { 534 if (stringjs.isnull(zkey) == true) return ""; 535 if (stringjs.isnull(filename) == true) return ""; 536 //íì¥ì ì¶ì¶ 537 var ext = filename.substring(filename.lastIndexOf(".")+1); 538// console.log("comutil.formatImage.ext=", ext) 539 var imagename = zkey + "." + ext; 540 return imagename; 541 }, 542 formatImage2: function(id, path, zkey, filename) { 543 //console.log("id=",id) 544 //console.log("path=",path) 545 //console.log("zkey=",zkey) 546 //console.log("filename=",filename) 547 var obj = $("#" + id); 548 //íì¥ì ì¶ì¶ 549 var ext = filename.substring(filename.lastIndexOf(".")+1); 550// console.log("comutil.formatImage.ext=", ext) 551 var imagename = zkey + "." + ext; 552 var src = path + "/" + imagename; 553 //console.log("src=",src) 554 //console.log("obj=", obj) 555 $(obj).attr("src", src); 556 $("#imgLoad_1").prop("src", "/upload/product/1001_.png"); 557 }, 558 lpad : function(str, len, t) { 559 if (str == null) return null; 560 str = String(str); 561 if (str.length > len) return str; 562 var buf = ""; 563 for (var i = str.length; i < len; i += t.length) { 564 buf += t; 565 } 566 buf += str; 567 return buf; 568 }, 569 /** validate ì²´í¬ìì trim !! */ 570 trim: function(str){ 571 if(str == null) return str; 572 str = str.replace(/^\s+/, ''); 573 for (var i = str.length - 1; i > 0; i--) { 574 if (/\S/.test(str.charAt(i))) { 575 str = str.substring(0, i + 1); 576 break; 577 } 578 } 579 return str; 580 }, 581 blank: function(url, target) { 582 var tg = stringjs.isnull(target) == true ? "_blank" : target; 583 $("<a href='"+url+"' target='"+ tg + "'></a>")[0].click(); 584 } 585}; 586 587 588//string ì²ë¦¬ 589var stringjs = { 590 //null to default value 591 nvl: function(val, def) { 592 if(val == null || val == "undefined" || val.length == 0) { 593 if(def==null || def == undefined || def.length == 0) return "" 594 else return def; 595 } else { 596 return val; 597 } 598 }, 599 isnull: function(val) { 600 if(val == null || val == "undefined" || val.length == 0) return true; 601 else return false; 602 }, 603 encodeStr: function(val) { 604 return encodeURI(val); 605 }, 606 encodeURI: function(uri, querystring) { 607 if(uri.indexOf("?") > -1) return encodeURI(uri + "&" + querystring); 608 else return encodeURI(uri + "?" + querystring); 609 }, 610 getparams: function(url) { //return parameters 611 url = stringjs.nvl(url,window.location.href); 612 if(url.indexOf("?") > -1) { 613 if(url.indexOf("&") > -1) return url.split('?')[1].split('&'); 614 else return url.split('?')[1]; 615 } 616 else url; 617 }, 618 s4: function() { //random key 619 return Math.floor((1 + Math.random()) * 0x10000) 620 .toString(16) 621 .substring(1); 622 }, 623 guid: function() { //random key 624 return s4() + s4() + '-' + s4() + '-' + s4() + '-' + 625 s4() + '-' + s4() + s4() + s4(); 626 }, 627 numberWithCommas : function(str) { 628 return str.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 629 }, 630 numberZeroReplace : function(str) { 631 return str.toString().replace(/(^0+)/, ""); 632 }, 633 unNumberWithCommas : function(str) { 634 return str.toString().replace(/[^(\d-)]+/g, ''); 635 }, 636 roundoff : function(num, point){ 637 var p = Math.pow(10, point); 638 return Math.round(num * p) / p; 639 } 640} 641 642//local storage 643var localstoragejs = { 644 //get from session (if the value expired it is destroyed) 645 sessionGet: function(key) { 646 var stringValue = window.sessionStorage.getItem(key); 647 if (stringValue !== null) { 648 var value = JSON.parse(stringValue); 649 var expirationDate = new Date(value.expirationDate); 650 if (expirationDate > new Date()) { 651 return value.value; 652 } else { 653 window.sessionStorage.removeItem(key); 654 } 655 } 656 return null; 657 }, 658 //session storage ì ì¥ 659 sessionSet: function(key, value, expirationInMin) { 660 var expirationDate = new Date(new Date().getTime() + (60000 * expirationInMin)) 661 var newValue = { 662 value: value, 663 expirationDate: expirationDate.toISOString() 664 } 665 window.sessionStorage.setItem(key, JSON.stringify(newValue)) 666 }, 667 //session storage ìì 668 sessionRemove: function(key) { 669 window.sessionStorage.removeItem(key); 670 }, 671 //get from local 672 localGet: function(key) { 673 return window.localStorage.getItem(key); 674 }, 675 //local storage ì ì¥ 676 localSet: function(key, value) { 677 window.localStorage.setItem(key, value) 678 }, 679 //local storage ìì 680 localRemove: function(key) { 681 window.localStorage.removeItem(key); 682 } 683} 684 685//ì´ë¯¸ì§ 미리보기 686function imgPop(url){ 687 var img=new Image(); 688 img.src=url; 689 var img_width=img.width; 690 var win_width=img.width; 691 var img_height=img.height; 692 var win=img.height+30; 693 var OpenWindow=window.open('','_blank', 'width='+img_width+', height='+img_height+', menubars=no, scrollbars=auto'); 694 OpenWindow.document.write("<style nonce='gWe87VrZGVrsUTgpCu6Bhw==' >body{margin:0px;}</style><img src='"+url+"' width='"+win_width+"'>"); 695} 696</script>
696 697 698 699
700<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" type="text/javascript" src="/assets/resources/front/js/moment.min.js"></script>
vendor: 2 bytes, line 700
700
701<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" type="text/javascript" src="/assets/resources/front/js/moment-range.js"></script>
vendor: 2 bytes, line 701
701
702<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" > 703var commonjs = { 704 //íì í목 ì²´í¬ 705 validateForm: function(formid){ //formid = #_saveform 706 var success = true; 707 708 jQuery(formid).find("[lang*=required]").each(function() { 709 var title = stringjs.isnull($(this).attr("title")) ? jQuery(this).closest('td').prev('th').text().replace("*","") : $(this).attr("title"); 710 711 if(jQuery(this).is("input[type=text]") || jQuery(this).is("select") || jQuery(this).is("textarea") || jQuery(this).is("input[type=password]") || jQuery(this).is("input[type=hidden]") || jQuery(this).is("input[type=file]")){ 712 if(comutil.trim(jQuery(this).val()) == ""){ 713 alert(title+'ì(ë) íì ì ë ¥í목 ì ëë¤.'); 714 success = false; 715 jQuery(this).focus(); 716 return false; 717 } 718 } 719 //ì¤ë§í¸ ìëí° ê° 720 if(jQuery(this).is("textarea")){ 721 if(comutil.trim(jQuery(this).val()) == null || comutil.trim(jQuery(this).val()) == "%3Cp%3E%3Cbr%3E%3C/p%3E" || comutil.trim(jQuery(this).val()) == "<p><br></p>" || comutil.trim(jQuery(this).val()) == "<br>"){ 722 alert(title+'ì(ë) íì ì ë ¥í목 ì ëë¤.'); 723 success = false; 724 jQuery(this).focus(); 725 return false; 726 } 727 } 728 else if(jQuery(this).is("input[type=radio]")){ 729 if(!jQuery("input[name="+jQuery(this).attr('name')+"]").is(":checked")){ 730 alert(title+'ì(ë) íì ì ë ¥í목 ì ëë¤.'); 731 success = false; 732 jQuery(this).focus(); 733 return false; 734 } 735 } 736 else if(jQuery(this).is("input[type=checkbox]")){ 737 if(!jQuery("input[name="+jQuery(this).attr('name')+"]").is(":checked")){ 738 alert(title+'ì(ë) íì ì ë ¥í목 ì ëë¤.'); 739 success = false; 740 jQuery(this).focus(); 741 return false; 742 } 743 } 744 if(jQuery(this).is(".inSizeValidate")){ 745 if(jQuery(this).children().size() < 1){ 746 alert(title+'ì(ë) íì ì ë ¥í목 ì ëë¤.'); 747 success = false; 748 jQuery(this).focus(); 749 return false; 750 } 751 } 752 }); 753 return success; 754 }, 755 inputFileInit: function(target){ 756 if (jQuery.browser.msie) { 757 // ie ì¼ë input[type=file] init. 758 $('#'+target).replaceWith( $('#'+target).clone(true) ); 759 } else { 760 // other browser ì¼ë input[type=file] init. 761 $('#'+target).val(""); 762 } 763 }, 764 getFormArrayData: function(data) { //form.serializeArray() 를 arrayë¡ ë³ê²½ 765 var unindexed_array = data; 766 var indexed_array = {}; 767 768 $.map(unindexed_array, function(n, i) { 769 indexed_array[n['name']] = n['value']; 770 }); 771 772 return indexed_array; 773 }, 774 ajaxSendPut: function(uri, param, _callback) { //put type ì¼ë¡ ì²ë¦¬ì (update) 775 var returnData; 776 $.ajax({ 777 type : "put", 778 url: uri, 779 data: JSON.stringify(param), //controller -> @RequestBody ë¡ ì²ë¦¬ 780 dataType: 'json', 781 contentType: 'application/json', 782 error:function(xhr, status, err) { 783 returnData = xhr; 784 }, 785 success:function(data){ 786 returnData = data; 787 }, 788 complete: function () { 789 if (typeof _callback == "function") { 790 _callback(returnData); 791 } 792 } 793 }); 794 }, 795 796 /** 797 * ì ë ¥ë°ì 문ìì´ìì ëììë¶í°ì ëì´ë§í¼ ë§ì¤í¹ ì²ë¦¬ íë¤. 798 * @param str : 문ì 799 * @param chr : ë³íë 문ì 800 * @param width : ë§ì¤í¹ë ê¸ìì 801 * @returns {String} 802 */ 803 formatMaskByPostionEnd: function(str, chr, width) { 804 if(!stringjs.isnull(str)){ 805 str = typeof(str) == "string" ? str : str.toString(); 806 chr = stringjs.isnull(chr) ? "*" : (typeof(chr) == "string" ? chr : "*"); 807 width = stringjs.isnull(width) ? 0 : (typeof(width) == "number" ? width : 0); 808 str = str.trim(); 809 var temp = ""; 810 temp = str.substring(0, str.length - width ); 811 812 for (var i = 0; i < width; i++ ) { 813 temp = temp + chr; 814 } 815 temp += str.charAt(str.length); 816 }else{ 817 temp = ""; 818 } 819 return temp; 820 } 821} 822 823 var dateformat = { 824 '' : {'date':'YYYY.MM.DD', 'date2':'MM.DD', 'datetime':'YYYY.MM.DD HH:mm:ss'} 825 } 826 827 //date 828 var datejs = { 829 setdatepick: function (obj){ 830 $(obj).datepicker({ 831 showOtherMonths: true, 832 selectOtherMonths: true 833 }); 834 }, 835 setDefaultfommatDate: function(obj) { //기본 ë ì§ í¬ë§·ì¼ë¡ ë³ê²½ 836 var str; 837 var chgstr; 838 if($("#"+obj).val().length > 0){ 839 str = $("#"+obj).val().replace(/[^0-9]/g, ""); //ì«ì ì ì¸í 모ë ê² replace 840 chgstr = str.substr(0,4)+"."+str.substr(4,2)+"."+str.substr(6,2); 841 $("#"+obj).datepicker({ 842 dateFormat: $.datepicker.regional['ko'].dateFormat 843 }).datepicker('setDate', new Date(Number(str.substr(0,4)),Number(str.substr(4,2)-1),Number(str.substr(6,2)))); //기본 ë ì§ í¬ë§·ì¼ë¡ ë³ê²½ 844 }else{ 845 $("#"+obj).datepicker({ 846 dateFormat: $.datepicker.regional['ko'].dateFormat 847 }).datepicker('setDate', new Date(str)); //기본 ë ì§ í¬ë§·ì¼ë¡ ë³ê²½ 848 } 849 }, 850 setUnfommatDate: function(str) { //ë ì§í¬ë§·ìë ê²ì¼ë¡ ì²ë¦¬ 851 if(str != null && str != ""){ 852 var chgstr = str.replace(/[^0-9]/g, ""); //ì«ì ì ì¸í 모ë ê² replace IE 11ì Numberë¡ 853 return $.datepicker.formatDate('yymmdd', new Date(Number(chgstr.substr(0,4)),Number(chgstr.substr(4,2)-1),Number(chgstr.substr(6,2)))); 854 } 855 }, 856 setMomentFommatDate: function(obj,objformat,dspf) { // obj:201800202, objformat:objì formatíì 857 if(stringjs.isnull(obj)) return ''; 858 if(stringjs.isnull(objformat)) objformat = 'YYYYMMDD'; 859 var m = moment(obj,objformat); 860 if(stringjs.isnull(dspf)) dspf = 'date'; 861 return m.format(dateformat[''][dspf]);
862 }, 863 setMomentFommatDateTime: function(obj) { // timestamp data 864 if(stringjs.isnull(obj)) return ''; 865 var m = moment.unix(obj); 866 return m.format(dateformat[''].datetime); 867 }, 868 setMomentFommatOnlyDate: function(obj) { // timestamp data 869 if(stringjs.isnull(obj)) return ''; 870 var m = moment.unix(obj); 871 return m.format(dateformat[''].date); 872 }, 873 getLastMonth: function(month,dmt) { //ì¤ëë ì§ ê¸°ì¤ ëªê°ì ì 874 var d = new Date(); 875 var monthOfYear = d.getMonth(); 876 d.setMonth(monthOfYear - month); 877 return datejs.setFormatDate(d,dmt); 878 }, 879 setFormatDate: function(date,dmt) { 880 var d = new Date(date), 881 month = '' + (d.getMonth() + 1), 882 day = '' + d.getDate(), 883 year = d.getFullYear(); 884 885 if (month.length < 2) month = '0' + month; 886 if (day.length < 2) day = '0' + day; 887 888 return [year, month, day].join(dmt); //dmt == null -> YYYYMMDD ë¡ ë¦¬í´ 889 }, 890 setFormatDateTime: function(d) { 891 var date = new Date(d); 892 var month = date.getMonth() + 1; 893 var day = date.getDate(); 894 var hour = date.getHours(); 895 var minute = date.getMinutes(); 896 897 month = month >= 10 ? month : '0' + month; 898 day = day >= 10 ? day : '0' + day; 899 hour = hour >= 10 ? hour : '0' + hour; 900 minute = minute >= 10 ? minute : '0' + minute; 901 902 return date.getFullYear() + '.' + month + '.' + day + ' ' + hour + ':' + minute; 903 } 904 } 905 906 var pagejs = { 907 908 909 setPaging : function(obj, _callback, divId, pageNumId) { 910 if(stringjs.isnull(divId)){ divId = 'pagination'; } 911 if(stringjs.isnull(pageNumId)){ pageNumId = 'nowPage'; } 912 913 var totalCnt = stringjs.isnull(obj)? 0:obj.totalCount; 914 var pageSize = stringjs.isnull(obj)? 10:obj.groupCount; 915 var pageNo = stringjs.isnull(obj)? 1:obj.nowPage; 916 var pageCnt = stringjs.isnull(obj)? 0:obj.totalPage; 917 918 if(totalCnt == 0){ $('#'+divId).empty(); return ""; } 919 920 var pRCnt = parseInt(pageNo/pageSize); 921 if(pageNo % pageSize == 0){ pRCnt = parseInt(pageNo/pageSize) - 1; } 922 923 var html = new Array(); 924 html.push('<div class="paging_wrap"><div class="paging">'); 925 926 // ë°ì´í° ìì±(data-page, data-pagenumid)ì ì¬ì©íì¬ íì´ì§ ì ë³´ ì ì¥ 927 html.push('<a href="#" data-page="1" data-pagenumid="'+pageNumId+'" class="first"><span class="hide">첫íì´ì§</span></a>'); 928 html.push('<a href="#" data-page="'+obj.prevPage+'" data-pagenumid="'+pageNumId+'" class="prev"><span class="hide">ì´ì íì´ì§</span></a>'); 929 930 for(var index = pRCnt*pageSize+1; index < (pRCnt+1)*pageSize+1; index++){ 931 if(index == pageNo){ 932 html.push('<a href="#" class="active">'+ index +'</a>'); 933 }else{ 934 html.push('<a href="#" data-page="'+index+'" data-pagenumid="'+pageNumId+'">'+index+'</a>'); 935 } 936 if(index == pageCnt) break; 937 } 938 939 html.push('<a href="#" data-page="'+obj.nextPage+'" data-pagenumid="'+pageNumId+'" class="next"><span class="hide">ë¤ìíì´ì§</span></a>'); 940 html.push('<a href="#" data-page="'+obj.totalPage+'" data-pagenumid="'+pageNumId+'" class="last"><span class="hide">ë§ì§ë§íì´ì§</span></a>'); 941 html.push('</div></div>'); 942 943 $('#'+divId).html(html.join("")); 944 }, 945 946/* 947 setPaging : function(obj, _callback, divId, pageNumId) { 948 949 if(stringjs.isnull(divId)){ divId = 'pagination';} 950 if(stringjs.isnull(pageNumId)){ pageNumId = 'nowPage';} 951 952 var totalCnt = stringjs.isnull(obj)? 0:obj.totalCount; // ì´ ë ì½ëì 953 var pageSize = stringjs.isnull(obj)? 10:obj.groupCount; // íì´ì§ ì¶ë ¥ ê°ì 954 var pageNo = stringjs.isnull(obj)? 1:obj.nowPage; // íì¬ íì´ì§ 955 var pageCnt = stringjs.isnull(obj)? 0:obj.totalPage; // ì´ íì´ì§ì 956 957 var html = new Array(); 958 959 if(totalCnt == 0){ $('#'+divId).empty(); return ""; } // íì´ì§ ì¹´ì´í¸ 960 var pRCnt = parseInt(pageNo/pageSize); 961 if(pageNo % pageSize == 0){ 962 pRCnt = parseInt(pageNo/pageSize) - 1; 963 } 964 965 //ì´ì íì´í 966 html.push('<div class="paging_wrap">'); 967 html.push(' <div class="paging">'); 968 html.push(' <a href="#" onclick="pagejs.goPaging(1,'+_callback+',\''+pageNumId+'\')" class="first"><span class="hide">
968첫íì´ì§</span></a>'); 969 html.push(' <a href="#" onclick="pagejs.goPaging('+obj.prevPage+','+_callback+',\''+pageNumId+'\')" class="prev"><span class="hide">ì´ì íì´ì§</span></a>'); 970 //paging Bar 971 for(var index = pRCnt*pageSize+1; index < (pRCnt+1)*pageSize+1; index++){ //2*5+1, 3*5+1 -> 11,16 / 16, 21 972 if(index == pageNo){ 973 html.push('<a href="#" class="active">'+ index +'</a>'); 974 }else{ 975 html.push('<a href="javascript:pagejs.goPaging('+index+','+_callback+',\''+pageNumId+'\')">'+index+'</a>'); 976 } 977 if(index == pageCnt){ 978 break; 979 } 980 } 981 //ë¤ì íì´í 982 html.push(' <a href="#" onclick="pagejs.goPaging('+obj.nextPage+','+_callback+',\''+pageNumId+'\')" class="next"><span class="hide">ë¤ìíì´ì§</span></a>'); 983 html.push(' <a href="#" onclick="pagejs.goPaging('+obj.totalPage+','+_callback+',\''+pageNumId+'\')" class="last"><span class="hide">ë§ì§ë§íì´ì§</span></a>'); 984 html.push(' </div>'); 985 html.push('</div>'); 986 987 $('#'+divId).html(html.join("")); 988 989 }, 990*/ 991 setAdminPaging : function(obj, _callback, divId, pageNumId) { 992 993 if(stringjs.isnull(divId)){ divId = 'pagination';} 994 if(stringjs.isnull(pageNumId)){ pageNumId = 'nowPage';} 995 996 var totalCnt = stringjs.isnull(obj)? 0:obj.totalCount; // ì´ ë ì½ëì 997 var pageSize = stringjs.isnull(obj)? 10:obj.groupCount; // íì´ì§ ì¶ë ¥ ê°ì 998 var pageNo = stringjs.isnull(obj)? 1:obj.nowPage; // íì¬ íì´ì§ 999 var pageCnt = stringjs.isnull(obj)? 0:obj.totalPage; // ì´ íì´ì§ì 1000 1001 var html = new Array(); 1002 1003 if(totalCnt == 0){ $('#'+divId).empty(); return ""; } // íì´ì§ ì¹´ì´í¸ 1004 var pRCnt = parseInt(pageNo/pageSize); 1005 if(pageNo % pageSize == 0){ 1006 pRCnt = parseInt(pageNo/pageSize) - 1; 1007 } 1008 1009 //ì´ì íì´í 1010 html.push('<button type="button" onclick="pagejs.goPaging(1,'+_callback+',\''+pageNumId+'\')" class="btn_page btn_page_str"><img src="/assets/resources/admin/images/btn_str.png" alt="ì²ì íì´ì§"></button>'); 1011 html.push('<button onclick="pagejs.goPaging('+obj.prevPage+','+_callback+',\''+pageNumId+'\')" type="button" class="btn_page btn_page_prev"><img src="/assets/resources/admin/images/btn_prev.png" alt="ì´ì íì´ì§"></button>'); 1012 1013 1014 //paging Bar 1015 html.push('<ol>'); 1016 for(var index = pRCnt*pageSize+1; index < (pRCnt+1)*pageSize+1; index++){ //2*5+1, 3*5+1 -> 11,16 / 16, 21 1017 if(index == pageNo){ 1018 html.push('<li class="current"><a href="javascript:;">'+index+'</a></li>'); 1019 }else{ 1020 html.push('<li><a href="javascript:pagejs.goPaging('+index+','+_callback+',\''+pageNumId+'\')">'+index+'</a></li>'); 1021 } 1022 if(index == pageCnt){ 1023 break; 1024 } 1025 } 1026 html.push('</ol>'); 1027 1028 //ë¤ì íì´í 1029 html.push('<button type="button" onclick="pagejs.goPaging('+obj.nextPage+','+_callback+',\''+pageNumId+'\')" class="btn_page btn_page_next"><img src="/assets/resources/admin/images/btn_next.png" alt="ë¤ì íì´ì§"></button>'); 1030 html.push('<button type="button" onclick="pagejs.goPaging('+obj.totalPage+','+_callback+',\''+pageNumId+'\')" class="btn_page btn_page_end"><img src="/assets/resources/admin/images/btn_end.png" alt="ë§ì§ë§ íì´ì§"></button>'); 1031 1032 1033 1034 $('#'+divId).html(html.join("")); 1035 }, 1036 setMoreBtn : function(obj, _callback, divId, pageNumId) { 1037 1038 if(stringjs.isnull(divId)){ divId = 'moreBtnBox';} 1039 if(stringjs.isnull(pageNumId)){ pageNumId = 'nowPage';} 1040 1041 var pageNo = stringjs.isnull(obj)? 1:obj.nowPage; // íì¬ íì´ì§ 1042 var pageCnt = stringjs.isnull(obj)? 0:obj.totalPage; // ì´ íì´ì§ì 1043 1044 var html = new Array(); 1045 1046 1047 //paging Bar 1048 if(pageCnt > pageNo){ 1049 // html.push('<a href="javascript:pagejs.goPaging('+(pageNo+1)+','+_callback+',\''+pageNumId+'\')" class="btn btnColorWht btnSizeL full cl_64 fw400"><span>ë보기</span></a>'); 1050 1051 1052 // CSP ì¤ì ì½ë 1053 html.push('<a href="#" '); 1054 html.push(' data-page="' + (pageNo + 1) + '" '); 1055 html.push(' data-callback="' + _callback + '" '); 1056 html.push(' data-pagenumid="' + pageNumId + '" '); 1057 html.push(' class="btn btnColorWht btnSizeL full cl_64 fw400 btn-more">');
1058 html.push(' <span>ë보기</span>'); 1059 html.push('</a>'); 1060 1061 } 1062 1063 1064 $('#'+divId).html(html.join("")); 1065 }, 1066 goPaging : function(pageNumber, _callback, pageNumId) { 1067 if(stringjs.isnull(pageNumId)){ pageNumId = 'nowPage';} 1068 1069 $('#'+pageNumId).val(pageNumber); 1070 if (typeof _callback == "function") { 1071 _callback(); 1072 } else { 1073 getList(); 1074 } 1075 } 1076 } 1077 1078 var poputil = { 1079 open : function(id, url, param){ 1080 $.ajax({ 1081 type : "get", 1082 dataType: "html", 1083 data : param, 1084 url : url, 1085 success : function(data) { 1086 $("#" +id).html(data); 1087 var modid = id.replace('_popup_',''); 1088 $('#'+modid+'-default-modal').modal("show"); 1089 } 1090 }); 1091 } 1092 } 1093 1094 var cookiejs = { 1095 setCookie : function(name, value, expiredays){ 1096 var todayDate = new Date(); 1097 todayDate.setDate( todayDate.getDate() + expiredays ); 1098 document.cookie = name + '=' + escape( value ) + '; path=/; expires=' + todayDate.toGMTString() + ';' 1099 }, 1100 getCookie : function(name){ 1101 var nameOfCookie = name + "="; 1102 var x = 0; 1103 while (x <= document.cookie.length) { 1104 var y = (x + nameOfCookie.length); 1105 1106 if (document.cookie.substring(x, y) == nameOfCookie) { 1107 if ((endOfCookie = document.cookie.indexOf(";", y)) == -1) 1108 endOfCookie = document.cookie.length; 1109 return unescape(document.cookie.substring(y, endOfCookie)); 1110 } 1111 1112 x = document.cookie.indexOf(" ", x) + 1; 1113 1114 if (x == 0) break; 1115 } 1116 1117 return ""; 1118 } 1119 } 1120 1121 var fileutil = { 1122 download : function(fileName, realname){ 1123 fetch('/file/download.ax', { 1124 method: 'POST', 1125 headers: { 1126 'Content-Type': 'application/json', 1127 'X-CSRF-TOKEN': '0e4016f8-93cf-400e-ac82-8ebbf2902d16' // X-CSRF-TOKEN í¤ë ì¶ê° 1128 }, 1129 body: JSON.stringify({"origin_file" : fileName, "fileloc" : realname}) // JSON ë°ì´í°ë¥¼ 문ìì´ë¡ ë³ííì¬ bodyì ì¤ì 1130 }) 1131 .then(response => { 1132 if (!response.ok) { 1133 throw new Error('Network response was not ok'); 1134 } 1135 return response.blob(); 1136 }) 1137 .then(blob => { 1138 const url = window.URL.createObjectURL(blob); 1139 const a = document.createElement('a'); 1140 a.href = url; 1141 a.download = fileName; 1142 document.body.appendChild(a); 1143 a.click(); 1144 window.URL.revokeObjectURL(url); 1145 }) 1146 .catch(error => console.error('Error downloading file:', error)); 1147 } 1148 } 1149 1150 var rules = { 1151 addreqs : function(ruleobj) { // íìì¶ê° param : array 1152 $(ruleobj).each(function(idx){ 1153 $('input[name='+ruleobj[idx]+']').attr('lang','required'); 1154 }) 1155 }, 1156 removereqs : function(ruleobj) { // íììì 1157 $(ruleobj).each(function(idx){ 1158 $('input[name='+ruleobj[idx]+']').attr('lang',''); 1159 }) 1160 } 1161 } 1162 1163 function htmlDecode(input){ 1164 var e = document.createElement('textarea'); 1165 e.innerHTML = input; 1166 return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue; 1167 } 1168 1169 function dateForm(date) { 1170 function pad(num) { 1171 num = num + ''; 1172 return num.length < 2 ? '0' + num : num; 1173 } 1174 return date.getFullYear() + '.' + pad(date.getMonth() + 1) + '.' + pad(date.getDate()); 1175 } 1176 1177 jQuery.fn.serializeObject = function() { 1178 var obj = null; 1179 try { 1180 if (this[0].tagName && this[0].tagName.toUpperCase() == "FORM") { 1181 var arr = this.serializeArray(); 1182 if (arr) { 1183 obj = {}; 1184 jQuery.each(arr, function() { 1185 obj[this.name] = this.value; 1186 }); 1187 }//if ( arr ) { 1188 } 1189 } catch (e) { 1190 alert(e.message); 1191 } finally { 1192 } 1193 1194 return obj; 1195 }; 1196 1197</script>
1197 1198 <!-- //head --> 1199 </head> 1200 1201<style nonce="gWe87VrZGVrsUTgpCu6Bhw==" > 1202 .video-fluid { 1203 width: 100%; 1204 margin-top: 50px; 1205 } 1206</style> 1207 1208 1209 <!-- body --> 1210 <body> 1211 <div id="wrap"> 1212 1213 1214<!-- skip navigation : str --> 1215<div class="skip_navi" title="ì¤íµë´ë¹ê²ì´ì "> 1216 <a href="#header">ë©ë´ ë°ë¡ê°ê¸°</a> 1217 <a href="#container">본문 ë°ë¡ê°ê¸°</a> 1218 <a href="#footer">íë¨ë©ë´ ë°ë¡ê°ê¸°</a> 1219</div> 1220<!-- skip navigation : end --> 1221 <!-- header --> 1222 1223 1224 1225<div class="gnbDim"></div> 1226 1227<div id="header"> 1228 <div class="headerCon"> 1229 <h1 class="logo"><a href="/main.do"><span class="hide">íìPNS</span></a></h1> 1230 <div class="pcNavi"> 1231 <div class="navArea01"> 1232 <ul class="navbox01"> 1233 <li class="navlist01 bannerType"> 1234 <a href="/smartFactoryMes.do" class="navlink01">ì¤ë§í¸ í©í 리 · AI</a> 1235 <div class="navArea02"> 1236 <ul class="navbox02"> 1237 <li class="navlist02"> 1238 <a href="/smartFactoryAi.do" class="navlink02 menu1_6"> 1239 <strong>IâMFACTO AI Atlas</strong> 1240 <p>
1240IâMFACTO ê° ì루ì ê³¼ ì°ëëë©° <br>ê³ ê°ì¬ ë´ë¶ Legacy System ë° ì¸íë¼ìë <br>ìì½ê² ì°ë ê°ë¥í ìë¹ì¤</p> 1241 </a> 1242 </li> 1243 <li class="navlist02"> 1244 <a href="/smartFactoryMes.do" class="navlink02 menu1_1"> 1245 <strong>IâMFACTO MES</strong> 1246 <p>ìì° íì¥ìì ë°ìí ì ìë 모ë ì 보를 <br>íµí© ê´ë¦¬íë ìì¤í </p> 1247 </a> 1248 </li> 1249 <li class="navlist02"> 1250 <a href="/smartFactoryPam.do" class="navlink02 menu1_2"> 1251 <strong>IâMFACTO PAM</strong> 1252 <p>ë°ì´í° 기ë°ì ì¤ë¹ìì°ì ì´ìê³¼ í¹íë <br>기ë¥ì ì°ê³í ì¤ë¹ê³ ì¥ ì측ì ì§ì</p> 1253 </a> 1254 </li> 1255 <li class="navlist02"> 1256 <a href="/smartFactoryQms.do" class="navlink02 menu1_3"> 1257 <strong>IâMFACTO QMS</strong> 1258 <p>ì¼ê´ì± ìë íì§ê²°ê³¼ë¥¼ ìí´ íì§íì¤/ëë¬ <br>ìì¤ ë¬ì±, 목íê´ë¦¬ 기ë¥ì ê´ë¦¬</p> 1259 </a> 1260 </li> 1261 <li class="navlist02"> 1262 <a href="/smartFactoryWms.do" class="navlink02 menu1_4"> 1263 <strong>IâMFACTO WMS</strong> 1264 <p>ì¬ê³ ì íµí©, ì°½ê³ ê´ë¦¬, ìì¬ê´ë¦¬, í¬ì¥ê¹ì§ <br>ì¤ë§í¸ ë¬¼ë¥ ì°½ê³ ë° ì´ì¡ì ìí ìëí ìì¤í </p> 1265 </a> 1266 </li> 1267 <li class="navlist02"> 1268 <a href="/smartFactoryEsh.do" class="navlink02 menu1_5"> 1269 <strong>IâMFACTO ESH</strong> 1270 <p>ì°ì íì¥ìì ë°ìíë ë³µí©ì ì¸ ìíìì <br>ë°©ì§ë¥¼ ìí íµí© ìì ê´ë¦¬ ìì¤í </p> 1271 </a> 1272 </li> 1273 </ul> 1274 </div> 1275 </li> 1276 <li class="navlist01 bannerType"> 1277 <a href="/cloud_msp.jsp" class="navlink01">í´ë¼ì°ë · Data Platform</a> 1278 <div class="navArea02"> 1279 <ul class="navbox02"> 1280 <li class="navlist02"> 1281 <a href="/cloud_msp.jsp" class="navlink02 menu2_1"> 1282 <strong>í´ë¼ì°ë MSP</strong> 1283 <p>í¹ì ì구ì¬íê³¼ ì°ì í¹ì±ì ê³ ë ¤íì¬ <br />컨ì¤í ·구ì¶Â·ê´ë¦¬ê¹ì§ ë§ì¶¤ ì¤ê³ë <br />ì¢ í©ì ì¸ ìë¹ì¤ ì ê³µ</p> 1284 </a> 1285 </li> 1286 <li class="navlist02"> 1287 <a href="/cloud_dataPlatform.jsp" class="navlink02 menu2_3"> 1288 <strong>Data Platform</strong> 1289 <p>ì¬ë¬ ìì¤í ì í©ì´ì§ ë°ì´í°ë¥¼ í ê³³ì¼ë¡ <br />íµí©Â·ê´ë¦¬íì¬ ì 뢰í ì ìë <br />ë°ì´í° ì ê³µ</p> 1290 </a> 1291 </li> 1292 </ul> 1293 </div> 1294 </li> 1295 <li class="navlist01 bannerType"> 1296 <a href="/itServiceIto.do" class="navlink01">IT ìë¹ì¤</a> 1297 <div class="navArea02"> 1298 <ul class="navbox02"> 1299 <li class="navlist02"> 1300 <a href="/itServiceIto.do" class="navlink02 menu3_1"> 1301 <strong>ITO</strong> 1302 <p>ê³ ê°ì IT ì 보기ì ììì ëí ì´ì ë° <br>ê´ë¦¬ë¥¼ ì 문ì ì¼ë¡ ìí</p> 1303 </a> 1304 </li> 1305 <li class="navlist02"> 1306 <a href="/itServiceErp.do" class="navlink02 menu3_2"> 1307 <strong>ERP</strong> 1308 <p>기ì ì ê²½ìíëì ê´ë ¨ë 모ë ììë¤ì <br>ì²´ê³ì ì¼ë¡ ì°ê²°, í¨ì¨ì ì¸ ê²½ìê´ë¦¬ë¥¼ ëë ì루ì </p> 1309 </a> 1310 </li> 1311 </ul> 1312 </div> 1313 </li> 1314 <li class="navlist01 bannerType"> 1315 <a href="/ictInfraStorage.do" class="navlink01">ICT ì¸íë¼</a> 1316 <div class="navArea02"> 1317 <ul class="navbox02"> 1318 <li class="navlist02"> 1319 <a href="/ictInfraStorage.do" class="navlink02 menu4_1"> 1320 <strong>ì¤í 리ì§/ë¤í¸ìí¬</strong> 1321 <p>ê´ë²ìí ì´ì í¸íì± ë° ë¤ìí ì ì¥ë§¤ì²´ ì§ì ë± <br>í¨ì¨ì ì¸ ì§ë¥í ì´ì ê´ë¦¬ ê°ë¥</p> 1322 </a> 1323 </li> 1324 <li class="navlist02"> 1325 <a href="/ictInfraServer.do" class="navlink02 menu4_2"> 1326 <strong>ìë²</strong> 1327 <p>ë¤ìí IT ì¸íë¼ ì루ì ì ê³µ ë° í¨ì¨ì ì¸ <br>ìë² íê²½ 구ì¶</p> 1328 </a> 1329 </li> 1330 </ul> 1331 </div> 1332 </li> 1333 <li class="navlist01"> 1334 <a href="/paperAbout.do" class="navlink01">ì§ë¥ì íµ</a> 1335 <div class="navArea02"> 1336 <ul class="navbox02"> 1337 <li class="navlist02"><a href="/paperAbout.do" class="navlink02">ì¬ì ìê°</a></li> 1338 <li class="navlist02"><a href="/paperGrooup.do" class="navlink02">그루ì </a></li> 1339 </ul> 1340 </div> 1341 </li> 1342 <li class="navlist01"> 1343 <a href="/news/list.do" class="navlink01">ì½í ì¸ </a> 1344 <div class="navArea02"> 1345 <ul class="navbox02"> 1346 <li class="navlist02"><a href="/news/list.do" class="navlink02">ë³´ëìë£</a></li> 1347 <li class="navlist02"><a href="/insight/list.do" class="navlink02">기ì ì½í ì¸ </a></li> 1348 <li class="navlist02"><a href="/brochure.do" class="navlink02">ë¸ë¡ìì´</a></li> 1349 </ul> 1350 </div> 1351 </li> 1352 <li class="navlist01"> 1353 <a href="/introduce.do" class="navlink01">íì¬ìê°</a> 1354 <div class="navArea02"> 1355 <ul class="navbox02"> 1356 <li class="navlist02"><a href="/introduce.do" class="navlink02">íì¬ìê°</a></li> 1357 <li class="navlist02"><a href="/historyIt.do" class="navlink02">ì°í</a></li> 1358 <li class="navlist02"><a href="/vision.do" class="navlink02">ë¹ì </a></li> 1359 <li class="navlist02"><a href="/location.do" class="navlink02">ì¤ìë길</a></li> 1360 <li class="navlist02"><a href="https://hansol.com/ir/pnspaper/sub_010101.jsp" class="navlink02 blank" target="_blank" rel="noopener noreferrer">기ì ì§ë°°êµ¬ì¡°</a></li> 1361 <li class="navlist02"><a href="/notice/list.do" class="navlink02">ê³µê³ </a></li> 1362 <li class="navlist02"><a href="/faq.do" class="navlink02">FAQ</a></li> 1363 </ul> 1364 </div> 1365 </li> 1366 <li class="navlist01"> 1367 <a href="https://hansol.careerlink.kr/" class="navlink01" target="_blank" rel="noopener noreferrer" >ì±ì©</a> 1368 <div class="navArea02"> 1369 <ul class="navbox02"> 1370 <li class="navlist02"><a href="/itHumanresources.do" class="navlink02">ì¸ì¬ê²½ì</a></li> 1371 <li class="navlist02"> 1372 <span class="navlink02">ITë¶ë¬¸</span> 1373 <div class="navArea03"> 1374 <ul class="navbox03"> 1375 <li class="navlist03"><a href="/itTalent.do" class="navlink03"><span>ì¸ì¬ì</span></a></li> 1376 <li class="navlist03"><a href="/itSystem.do" class="navlink03"><span>ì¸ì¬ì ë</span></a></li> 1377 </ul> 1378 </div> 1379 </li> 1380 <li class="navlist02"> 1381 <span class="navlink02">ì§ë¥ì íµë¶ë¬¸</span> 1382 <div class="navArea03"> 1383 <ul class="navbox03"> 1384 <li class="navlist03"><a href="/paperTalent.do" class="navlink03"><span>ì¸ì¬ì</span></a></li> 1385 <li class="navlist03"><a href="/paperSystem.do" class="navlink03"><span>ì¸ì¬ì ë</span></a></li> 1386 </ul> 1387 </div> 1388 </li> 1389 <li class="navlist02"><a href="https://hansol.careerlink.kr/" class="navlink02" target="_blank" rel="noopener noreferrer" >ì±ì©ì ë³´</a></li> 1390 </ul> 1391 </div> 1392 </li> 1393 </ul> 1394 </div> 1395 </div> 1396 <div class="inquiryCon"><a href="/customer/inquiry.do" class="btn btnSizeS btnColorGRD"><span>문ìí기</span></a></div> 1397 <button type="button" class="moNaviBtn" aria-expanded="false" aria-controls="moNavi"><span class="hide">ë©ë´ ì´ê¸°</span></button> 1398 </div> 1399</div> 1400<div id="moNavi"> 1401 <div class="naviCon"> 1402 <h1 class="logo"><a href="/main.do"><span class="hide">íìPNG</span></a></h1> 1403 <div class="dep1con js-mobile-menu"> 1404 <ul> 1405 <li> 1406 <a href="javascript:void(0);" class="dep1Ttl js_menu_open">ì¤ë§í¸ í©í 리 · AI</a> 1407 <ul class="dep2con"> 1408 <li><a href="/smartFactoryAi.do" class="dep2Ttl">IâMFACTO AI Atlas</a></li> 1409 <li><a href="/smartFactoryMes.do" class="dep2Ttl">IâMFACTO MES</a></li> 1410 <li><a href="/smartFactoryPam.do" class="dep2Ttl">IâMFACTO PAM</a></li> 1411 <li><a href="/smartFactoryQms.do" class="dep2Ttl">IâMFACTO QMS</a></li> 1412 <li><a href="/smartFactoryWms.do" class="dep2Ttl">IâMFACTO WMS</a></li> 1413 <li><a href="/smartFactoryEsh.do" class="dep2Ttl">IâMFACTO ESH</a></li> 1414 </ul> 1415 </li> 1416 <li> 1417 <a href="javascript:void(0);" class="dep1Ttl js_menu_open">í´ë¼ì°ë · Data Platform</a> 1418 <ul class="dep2con"> 1419 <li><a href="/cloud_msp.jsp" class="dep2Ttl">í´ë¼ì°ë MSP</a></li> 1420 <li><a href="/cloud_dataPlatform.jsp" class="dep2Ttl">Data Platform</a></li> 1421 </ul> 1422 </li> 1423 <li> 1424 <a href="javascript:void(0);" class="dep1Ttl js_menu_open">IT ìë¹ì¤</a> 1425 <ul class="dep2con"> 1426 <li><a href="/itServiceIto.do" class="dep2Ttl">ITO</a></li> 1427 <li><a href="/itServiceErp.do" class="dep2Ttl">ERP</a></li> 1428 </ul> 1429 </li> 1430 <li> 1431 <a href="javascript:void(0);" class="dep1Ttl js_menu_open">
1431ICT ì¸íë¼</a> 1432 <ul class="dep2con"> 1433 <li><a href="/ictInfraStorage.do" class="dep2Ttl">ì¤í 리ì§/ë¤í¸ìí¬</a></li> 1434 <li><a href="/ictInfraServer.do" class="dep2Ttl">ìë²</a></li> 1435 </ul> 1436 </li> 1437 <li> 1438 <a href="javascript:void(0);" class="dep1Ttl js_menu_open">ì§ë¥ì íµ</a> 1439 <ul class="dep2con"> 1440 <li><a href="/paperAbout.do" class="dep2Ttl">ì¬ì ìê°</a></li> 1441 <li><a href="/paperGrooup.do" class="dep2Ttl">그루ì </a></li> 1442 </ul> 1443 </li> 1444 <li> 1445 <a href="javascript:void(0);" class="dep1Ttl js_menu_open">ì½í ì¸ </a> 1446 <ul class="dep2con"> 1447 <li><a href="/news/list.do" class="dep2Ttl">ë³´ëìë£</a></li> 1448 <li><a href="/insight/list.do" class="dep2Ttl">기ì ì½í ì¸ </a></li> 1449 <li><a href="/brochure.do" class="dep2Ttl">ë¸ë¡ìì´</a></li> 1450 </ul> 1451 </li> 1452 <li> 1453 <a href="javascript:void(0);" class="dep1Ttl js_menu_open">íì¬ìê°</a> 1454 <ul class="dep2con"> 1455 <li><a href="/introduce.do" class="dep2Ttl">íì¬ìê°</a></li> 1456 <li><a href="/historyIt.do" class="dep2Ttl">ì°í</a></li> 1457 <li><a href="/vision.do" class="dep2Ttl">ë¹ì </a></li> 1458 <li><a href="/location.do" class="dep2Ttl">ì¤ìë길</a></li> 1459 <li><a href="https://hansol.com/ir/pnspaper/sub_010101.jsp" class="dep2Ttl" target="_blank" rel="noopener noreferrer">기ì ì§ë°°êµ¬ì¡°</a></li> 1460 <li><a href="/notice/list.do" class="dep2Ttl">ê³µê³ </a></li> 1461 <li><a href="/faq.do" class="dep2Ttl">FAQ</a></li> 1462 </ul> 1463 </li> 1464 <li> 1465 <a href="javascript:void(0);" class="dep1Ttl js_menu_open">ì±ì©</a> 1466 <ul class="dep2con"> 1467 <li><a href="/itHumanresources.do" class="dep2Ttl">ì¸ì¬ê²½ì</a></li> 1468 <li> 1469 <span class="dep2Ttl js_menu_open">ITë¶ë¬¸</span> 1470 <ul class="dep3con"> 1471 <li><a href="/itTalent.do" class="dep3Ttl">ì¸ì¬ì</a></li> 1472 <li><a href="/itSystem.do" class="dep3Ttl">ì¸ì¬ì ë</a></li> 1473 </ul> 1474 </li> 1475 <li> 1476 <span class="dep2Ttl js_menu_open">ì§ë¥ì íµë¶ë¬¸</span> 1477 <ul class="dep3con"> 1478 <li><a href="/paperTalent.do" class="dep3Ttl">ì¸ì¬ì</a></li> 1479 <li><a href="/paperSystem.do" class="dep3Ttl">ì¸ì¬ì ë</a></li> 1480 </ul> 1481 </li> 1482 <li><a href="https://hansol.careerlink.kr/" class="dep2Ttl" target="_blank" rel="noopener noreferrer" >ì±ì©ì ë³´</a></li> 1483 </ul> 1484 </li> 1485 </ul> 1486 </div> 1487 <button type="button" class="moNaviBtn"><span class="hide">ë©ë´ ë«ê¸°</span></button> 1488 </div> 1489</div> 1490 <!-- //header --> 1491 1492 <!-- container --> 1493 <div id="container"> 1494 <div class="contents sub pam"> 1495 <link rel="stylesheet" type="text/css" href="/assets/resources/front/css/contents.css?v=20260420"> 1496 1497 <div class="sub_title"> 1498 <div class="breadcrumb-box"> 1499 <div class="breadcrumb-content"> 1500 <p>íëí¸ ì¤ë¹ ìì° ê´ë¦¬ìì¤í </p> 1501 <h3>IâMFACTO PAM</h3> 1502 <span>Plant Asset Management</span> 1503 <p>ê³ ê°ëì ì¤ë¹ ê´ë¦¬ íë¡ì¸ì¤ë¥¼ íì ì ì¼ë¡ ë³íìí¬ ì루ì ì ì ê³µí©ëë¤.</p> 1504 </div> 1505 </div> 1506 </div> 1507 1508 <div class="sub_container"> 1509<div class="sub_menu open"> 1510 <div class="sub_menu_wrap"> 1511 <a href="#" class="select-active js_menu_open">PAM ìê°</a> 1512 <ul> 1513 <li class="active"><a href="#" class="js_tab_menu" data-target="#content-01">PAM ìê°</a></li> 1514 <li><a href="#" class="js_tab_menu" data-target="#content-06">주ì 기ë¥</a></li> 1515 <li><a href="#" class="js_tab_menu" data-target="#content-02">ëì í¨ê³¼</a></li> 1516 1517 <li><a href="#" class="js_tab_menu" data-target="#content-05">ë¸ë¡ìì´</a></li> 1518 1519 </ul> 1520 </div> 1521</div> 1522 <div class="contentBox"> 1523 <div class="content-01" id="content-01"> 1524 <div class="contentBoxIntro"> 1525 <h4><span lang="en">PAM</span></h4> 1526 <p> 1527 IâMFACTO PAMì ë°ì´í° 기ë°ì ì¤ë¹ìì° ì´ìê³¼ í¹íë 기ë¥ì ê²°í©í´ <b>ì¤ë¹ ê³ ì¥ ì측ì ì§ìíë ì루ì </b>ì¼ë¡, ì¶ì ë ê³ ì¥ ì´ë ¥ ë¶ìì íµí´ ì 조리ì¤í¬ë¥¼ ìµìííê³ ìê°ë¥¼ ì ê°íì¬ <b>ìì°ì¤ë¹ì ìì°ì± í¥ìì ì§ì</b>í©ëë¤. 1528 </p> 1529 </div> 1530 1531<video controls playsinline class="video-fluid">
1532 <source src="/assets/resources/front/video/pns_pam.mp4" type="video/mp4"> 1533</video> 1534 1535 <h5>IâMFACTO PAMì ì¤ìì±</h5> 1536 <p> 1537 ì ì§ë³´ì ê´ë¦¬ì ë³µì¡ì±ì ì¤ì´ê³ , ì 뢰ì±ì ëì¬ ì¡°ì§ì ì ë°ì ì¸ ì±ë¥ì í¥ììí¤ë ê²ì ëë¤. 1538 </p> 1539 <div class="hide"> 1540 IâMFACTO PAM<br><br> 1541 ìë°© ì ì§ë³´ì<br> 1542 ì¥ë¹ ê³ ì¥ì 미리 ë°©ì§íê³ , ë¹ì©ì´ ë§ì´ ëë ê¸´ê¸ ì리를 ì¤ì ëë¤.<br><br> 1543 ìì° ê´ë¦¬ ìµì í<br> 1544 ìì°ì ì ì²´ ìëª ì£¼ê¸° ëì ì±ë¥ê³¼ ë¹ì©ì 모ëí°ë§ íê³ ê´ë¦¬í©ëë¤.<br><br> 1545 ë°ì´í° ê¸°ë° ìì¬ê²°ì ì§ì<br> 1546 ì íí ë°ì´í°ì ë¶ìì íµí´ ì ì§ë³´ì ê³íì ìµì í í©ëë¤.<br><br> 1547 í¨ì¨ì ì¸ ìì ë°°ë¶<br> 1548 ì ì§ë³´ì ìì ì íìí ììì í¨ê³¼ì ì¼ë¡ ì측íê³ í ë¹í©ëë¤.<br><br> 1549 </div> 1550 <div class="pam-img-wrap"> 1551 <img class="con-img-pc" src="/assets/resources/front/images/contents/smart_factory/IâMFACTO_PAM.jpg" alt="SmartIN_PAM"> 1552 <img class="con-img-mo" src="/assets/resources/front/images/contents/smart_factory/IâMFACTO_PAM_mo.jpg" alt="SmartIN_PAM"> 1553 </div> 1554 <h5>ìì¤í ì íµì¬ 기ë¥</h5> 1555 <p> 1556 IâMFACTO PAMì ì´ë¬í íµì¬ 기ë¥ê³¼ í¹í 기ë¥ì íµí´, ì¡°ì§ì ì ì§ë³´ì ê´ë¦¬ íë¡ì¸ì¤ë¥¼ ê°ìí íê³ ìµì í íì¬, í¨ì¨ì±ê³¼ ìì°ì±ì ê·¹ëí í©ëë¤. 1557 </p> 1558 <div class="key-feature-wrap"> 1559 <ul> 1560 <li> 1561 <div> 1562 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 1563 <circle cx="23.9996" cy="24.0001" r="13.569" stroke="#171717" /> 1564 <mask id="path-2-inside-1_1449_4427" fill="white"> 1565 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.8621 0H28.1379V5.41655C30.3293 5.9023 32.3787 6.76577 34.2141 7.93515L38.0454 4.10387L43.8973 9.95579L40.0658 13.7872C41.2349 15.6224 42.0982 17.6714 42.5838 19.8624H48.0004V28.1383H42.5837C42.0979 30.3296 41.2344 32.3788 40.0651 34.2141L43.8957 38.0448L38.0438 43.8967L34.2129 40.0657C32.3778 41.2347 30.3289 42.0979 28.1379 42.5836V47.9999H19.8621V42.5834C17.6709 42.0977 15.6217 41.2342 13.7864 40.0649L9.95508 43.8963L4.10316 38.0444L7.93473 34.2128C6.76566 32.3776 5.90241 30.3286 5.41676 28.1375H0V19.8617H5.41697C5.90268 17.6709 6.76591 15.6221 7.93491 13.787L4.10352 9.95563L9.95543 4.10371L13.7867 7.93501C15.622 6.76581 17.671 5.90244 19.8621 5.41668V0Z" /> 1566 </mask> 1567 <path d="M28.1379 0H29.1379V-1H28.1379V0ZM19.8621 0V-1H18.8621V0H19.8621ZM28.1379 5.41655H27.1379V6.21916L27.9215 6.39286L28.1379 5.41655ZM34.2141 7.93515L33.6768 8.77853L34.3537 9.20979L34.9212 8.64226L34.2141 7.93515ZM38.0454 4.10387L38.7525 3.39676L38.0454 2.68965L37.3383 3.39676L38.0454 4.10387ZM43.8973 9.95579L44.6044 10.6629L45.3115 9.95579L44.6044 9.24868L43.8973 9.95579ZM40.0658 13.7872L39.3587 13.0801L38.7912 13.6476L39.2224 14.3245L40.0658 13.7872ZM42.5838 19.8624L41.6075 20.0789L41.7812 20.8624H42.5838V19.8624ZM48.0004 19.8624H49.0004V18.8624H48.0004V19.8624ZM48.0004 28.1383V29.1383H49.0004V28.1383H48.0004ZM42.5837 28.1383V27.1383H41.7811L41.6074 27.9219L42.5837 28.1383ZM40.0651 34.2141L39.2217 33.6767L38.7904 34.3536L39.358 34.9212L40.0651 34.2141ZM43.8957 38.0448L44.6029 38.7519L45.31 38.0448L44.6029 37.3377L43.8957 38.0448ZM38.0438 43.8967L37.3367 44.6038L38.0438 45.3109L38.7509 44.6038L38.0438 43.8967ZM34.2129 40.0657L34.92 39.3586L34.3525 38.7911L33.6756 39.2223L34.2129 40.0657ZM28.1379 42.5836L27.9215 41.6073L27.1379 41.781V42.5836H28.1379ZM28.1379 47.9999V48.9999H29.1379V47.9999H28.1379ZM19.8621 47.9999H18.8621V48.9999H19.8621V47.9999ZM19.8621 42.5834H20.8621V41.7808L20.0785 41.6071L19.8621 42.5834ZM13.7864 40.0649L14.3238 39.2216L13.6469 38.7903L13.0793 39.3578L13.7864 40.0649ZM9.95508 43.8963L9.24797 44.6034L9.95508 45.3105L10.6622 44.6034L9.95508 43.8963ZM4.10316 38.0444L3.39605 37.3373L2.68895 38.0444L3.39605 38.7515L4.10316 38.0444ZM7.93473 34.2128L8.64184 34.9199L9.20933 34.3524L8.77814 33.6755L7.93473 34.2128ZM5.41676 28.1375L6.39306 27.9211L6.21938 27.1375H5.41676V28.1375ZM0 28.1375H-1V29.1375H0V28.1375ZM0 19.8617V18.8617H-1V19.8617H0ZM5.41697 19.8617V20.8617H6.21954L6.39326 20.0781L5.41697 19.8617ZM7.93491 13.787L8.77831 14.3243L9.20952 13.6474L8.64202 13.0799L7.93491 13.787ZM4.10352 9.95563L3.39641 9.24852L2.6893 9.95563L3.39641 10.6627L4.10352 9.95563ZM9.95543 4.10371L10.6625 3.3966L9.95543 2.6895L9.24833 3.3966L9.95543 4.10371ZM13.7867 7.93501L13.0796 8.64211L13.6471 9.20964L14.324 8.77839L13.7867 7.93501ZM19.8621 5.41668L20.0785 6.39298L20.8621 6.21927V5.41668H19.8621ZM28.1379 -1H19.8621V1H28.1379V-1ZM29.1379 5.41655V0H27.1379V5.41655H29.1379ZM27.9215 6.39286C29.99
156768 6.85286 31.9378 7.67058 33.6768 8.77853L34.7514 7.09178C32.8196 5.86097 30.6619 4.95175 28.3544 4.44025L27.9215 6.39286ZM37.3383 3.39676L33.507 7.22804L34.9212 8.64226L38.7525 4.81098L37.3383 3.39676ZM44.6044 9.24868L38.7525 3.39676L37.3383 4.81098L43.1902 10.6629L44.6044 9.24868ZM40.7729 14.4944L44.6044 10.6629L43.1902 9.24868L39.3587 13.0801L40.7729 14.4944ZM39.2224 14.3245C40.3301 16.0633 41.1476 18.004 41.6075 20.0789L43.5601 19.646C43.0487 17.3389 42.1397 15.1816 40.9092 13.25L39.2224 14.3245ZM48.0004 18.8624H42.5838V20.8624H48.0004V18.8624ZM49.0004 28.1383V19.8624H47.0004V28.1383H49.0004ZM42.5837 29.1383H48.0004V27.1383H42.5837V29.1383ZM41.6074 27.9219C41.1473 29.997 40.3296 31.9378 39.2217 33.6767L40.9084 34.7514C42.1392 32.8197 43.0484 30.6622 43.56 28.3547L41.6074 27.9219ZM44.6029 37.3377L40.7722 33.507L39.358 34.9212L43.1886 38.7519L44.6029 37.3377ZM38.7509 44.6038L44.6029 38.7519L43.1886 37.3377L37.3367 43.1896L38.7509 44.6038ZM33.5058 40.7728L37.3367 44.6038L38.7509 43.1896L34.92 39.3586L33.5058 40.7728ZM33.6756 39.2223C31.9369 40.3299 29.9963 41.1474 27.9215 41.6073L28.3544 43.5599C30.6614 43.0485 32.8186 42.1396 34.7502 40.9092L33.6756 39.2223ZM29.1379 47.9999V42.5836H27.1379V47.9999H29.1379ZM19.8621 48.9999H28.1379V46.9999H19.8621V48.9999ZM18.8621 42.5834V47.9999H20.8621V42.5834H18.8621ZM20.0785 41.6071C18.0035 41.1471 16.0627 40.3294 14.3238 39.2216L13.2491 40.9083C15.1808 42.139 17.3383 43.0482 19.6456 43.5597L20.0785 41.6071ZM13.0793 39.3578L9.24797 43.1892L10.6622 44.6034L14.4936 40.772L13.0793 39.3578ZM10.6622 43.1892L4.81027 37.3373L3.39605 38.7515L9.24797 44.6034L10.6622 43.1892ZM4.81027 38.7515L8.64184 34.9199L7.22762 33.5057L3.39605 37.3373L4.81027 38.7515ZM8.77814 33.6755C7.67049 31.9367 6.85297 29.996 6.39306 27.9211L4.44045 28.3539C4.95185 30.6611 5.86083 32.8184 7.09132 34.7501L8.77814 33.6755ZM5.41676 27.1375H0V29.1375H5.41676V27.1375ZM1 28.1375V19.8617H-1V28.1375H1ZM0 20.8617H5.41697V18.8617H0V20.8617ZM6.39326 20.0781C6.85323 18.0034 7.67073 16.0629 8.77831 14.3243L7.09151 13.2497C5.8611 15.1812 4.95214 17.3383 4.44067 19.6452L6.39326 20.0781ZM8.64202 13.0799L4.81062 9.24852L3.39641 10.6627L7.2278 14.4941L8.64202 13.0799ZM4.81062 10.6627L10.6625 4.81082L9.24833 3.3966L3.39641 9.24852L4.81062 10.6627ZM9.24833 4.81082L13.0796 8.64211L14.4938 7.2279L10.6625 3.3966L9.24833 4.81082ZM14.324 8.77839C16.0629 7.67061 18.0036 6.85298 20.0785 6.39298L19.6456 4.44039C17.3384 4.95189 15.1811 5.861 13.2494 7.09162L14.324 8.77839ZM18.8621 0V5.41668H20.8621V0H18.8621Z" fill="#171717" mask="url(#path-2-inside-1_1449_4427)" /> 1568 <path d="M23.457 32.0996V30.7021C21.0664 30.5703 19.5723 29.2256 19.4316 27.2832H20.7148C20.8379 28.6543 21.9717 29.4453 23.457 29.5684V24.4971L22.9473 24.3477C20.9434 23.7588 19.7744 22.7305 19.7656 21.0781C19.7744 19.1621 21.3389 17.8086 23.457 17.6152V16.1738H24.3008V17.6064C26.5244 17.7207 28.0625 19.1094 28.1504 20.9727H26.9199C26.7969 19.6807 25.7686 18.8457 24.3008 18.7227V23.5127L24.8281 23.6621C26.4277 24.1104 28.3174 24.9541 28.3086 27.0898C28.3174 29.041 26.832 30.5527 24.3008 30.7021V32.0996H23.457ZM20.9961 21.0254C20.9873 22.335 22.2705 22.9414 23.457 23.2754V18.7314C21.9717 18.9072 20.9873 19.8213 20.9961 21.0254ZM24.3008 29.5684C25.9531 29.4102 27.0957 28.4521 27.0957 27.0723C27.0957 25.8066 26.0059 25.2266 24.459 24.7871L24.3008 24.7432V29.5684Z" fill="#171717" /> 1569 </svg> 1570 </div> 1571 <div class="key-feature-txt"> 1572 <div class="key-feature-title"> 1573 <h5>ìì°ê´ë¦¬</h5> 1574 </div> 1575 <p> 1576 ì¤ë¹ì ìì°ì ìì¸ ì ë³´ ë° ì ì§ë³´ì ì´ë ¥ì ê´ë¦¬í©ëë¤.<br class="br-pc"><br class="br-pc"> 1577 </p> 1578 </div> 1579 </li> 1580 <li> 1581 <div> 1582 <svg xmlns="http://www.w3.org/2000/svg" width="52" height="41" viewBox="0 0 52 41" fill="none"> 1583 <rect x="6.23535" y="0.5" width="8.83248" height="39.9687" stroke="#171717" /> 1584 <path d="M15.1582 20.4841H19.2551" stroke="#171717" /> 1585 <path d="M0 20.4841H6.55499" stroke="#171717" /> 1586 <path d="M28.6777 20.4841H32.7746" stroke="#171717" /> 1587 <path d="M40.9688 20.4841H50.8012" stroke="#171717" /> 1588 <rect x="19.3457" y="0.5" width="8.83248" height="39.9687" stroke="#171717" /> 1589 <rect x="32.4551" y="0.5" width="8.83248" height="39.9687" stroke="black" stroke-dasharray="1.54 1.54" /> 1590 <path d="M47.5234 17.0432L50.9997 20.5195L47.5234 23.9958" stroke="#171717" /> 1591 </svg> 1592 </div> 1593 <div class="key-feature-txt"> 1594 <div class="key-feature-title"> 1595 <h5>ìì ëª ë ¹ ê´ë¦¬</h5> 1596 </div> 1597 <p> 1598 ì ì§ë³´ì ìì²ì ìëì¼ë¡ ìì±íê³ , í ë¹, ì¤í, ì¶ì í©ëë¤.<br class="br-pc"><br class="br-pc"> 1599 </p> 1600 </div> 1601 </li> 1602 <li> 1603 <div> 1604 <svg xmlns="http://www.w3.org/2000/svg" width="45" height="42" viewBox="0 0 45 42" fill="none"> 1605 <path d="M18 27.4286L20.7 30L27 24" stroke="#171717" /> 1606 <path d="M13.5 25.4194V20.1205C16.7676 19.3252 19.9353 18.1628 22.9424 16.6551L23.1176 16.5672L23.3363 16.6926C25.906 18.165 28.6483 19.312 31.5 20.1075V25.4194C31.5 30.7793 27.7383 35.398 22.5 36.4897C17.2617 35.398 13.5 30.7793 13.5 25.4194Z" stroke="#171717" /> 1607 <rect x="0.5" y="4.5" width="44" height="37" stroke="#171717" /> 1608 <path d="M1 12H44.5" stroke="#171717" /> 1609 <path d="M9 8L9 2.98023e-08" stroke="#171717" /> 1610 <path d="M36 8L36 2.98023e-08" stroke="#171717" /> 1611 </svg> 1612 </div> 1613 <div class="key-feature-txt"> 1614 <div class="key-feature-title"> 1615 <h5>ìë°© ì ì§ë³´ì ì¤ì¼ì¤ë§</h5> 1616 </div> 1617 <p> 1618 ì 기ì ì¸ ì ê²ê³¼ ì ì§ë³´ì를 ê³ííê³ ìëí í©ëë¤. 1619 </p> 1620 </div> 1621 </li> 1622 <li> 1623 <div> 1624 <svg xmlns="http://www.w3.org/2000/svg" width="52" height="44" viewBox="0 0 52 44" fill="none"> 1625 <path d="M1 22.1539H26V43.3077H1V22.1539Z" stroke="#171717" /> 1626 <path d="M8.69231 22.1539H18.3077V29.8462H8.69231V22.1539Z" stroke="#171717" /> 1627 <path d="M26 22.1539H51V43.3077H26V22.1539Z" stroke="#171717" /> 1628 <path d="M33.6923 22.1539H43.3077V29.8462H33.6923V22.1539Z" stroke="#171717" /> 1629 <path d="M13.5 1H38.5V22.1538H13.5V1Z" stroke="#171717" /> 1630 <path d="M21.1923 1H30.8077V8.69231H21.1923V1Z" stroke="#171717" /> 1631 </svg> 1632 </div> 1633 <div class="key-feature-txt"> 1634 <div class="key-feature-title"> 1635 <h5>ì¬ê³ ê´ë¦¬</h5> 1636 </div> 1637 <p> 1638 íìí ë¶íê³¼ ìì¬ì ì¬ê³ 를 ê´ë¦¬íì¬ ì ì§ë³´ì ìì ì ì§ì°ì ë°©ì§í©ëë¤. 1639 </p> 1640 </div> 1641 </li> 1642 <li> 1643 <div> 1644 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="49" viewBox="0 0 48 49" fill="none"> 1645 <path d="M6.92935 8.71373H24.721M6.92935 14.6443H19.6377M37.0057 26.929V1.08875L0.575195 1.08875V47.6859H37.0057V40.4845" stroke="#171717" /> 1646 <path d="M28.3013 29.3503L27.9183 29.0289L27.5969 29.4119L27.9799 29.7333L28.3013 29.3503ZM41.2815 40.2419L40.9601 40.6249L41.3431 40.9463L41.6645 40.5633L41.2815 40.2419ZM31.0242 26.1052L31.3456 25.7222L30.9626 25.4008L30.6412 25.7838L31.0242 26.1052ZM44.0044 36.9969L44.3874 37.3183L44.7088 36.9352L44.3258 36.6138L44.0044 36.9969ZM46.9249 39.4475L47.3079 39.7689L47.6293 39.3859L47.2463 39.0645L46.9249 39.4475ZM44.202 42.6925L43.8806 43.0756L44.2636 43.397L44.585 43.0139L44.202 42.6925ZM30.5504 26.3101C30.8139 26.3926 31.0944 26.2458 31.1769 25.9823C31.2594 25.7187 31.1126 25.4382 30.8491 25.3558L30.5504 26.3101ZM25.4442 24.188L25.5936 23.7108L24.4483 23.3523L25.0002 24.4179L25.4442 24.188ZM27.5328 29.3079C27.6598 29.5531 27.9615 29.649 28.2067 29.522C28.452 29.395 28.5478 29.0932 28.4208 28.848L27.5328 29.3079ZM27.9799 29.7333L40.9601 40.6249L41.6029 39.8589L28.6227 28.9672L27.9799 29.7333ZM30.6412 25.7838L27.9183 29.0289L28.6843 29.6717L31.4072 26.4266L30.6412 25.7838ZM30.7028 26.4882L43.683 37.3799L44.3258 36.6138L31.3456 25.7222L30.7028 26.4882ZM43.6214 36.6755L40.8985 39.9205L41.6645 40.5633L44.3874 37.3183L43.6214 36.6755ZM44.0075 37.6522L46.6035 39.8305L47.2463 39.0645L44.6503 36.8861L44.0075 37.6522ZM46.5419 39.1261L43.8
164619 42.3711L44.585 43.0139L47.3079 39.7689L46.5419 39.1261ZM44.5234 42.3095L41.9274 40.1312L41.2846 40.8972L43.8806 43.0756L44.5234 42.3095ZM30.8491 25.3558L25.5936 23.7108L25.2949 24.6651L30.5504 26.3101L30.8491 25.3558ZM25.0002 24.4179L27.5328 29.3079L28.4208 28.848L25.8882 23.958L25.0002 24.4179Z" fill="#171717" /> 1647 </svg> 1648 </div> 1649 <div class="key-feature-txt"> 1650 <div class="key-feature-title"> 1651 <h5>ë³´ê³ ì ë° ë¶ì ë구</h5> 1652 </div> 1653 <p> 1654 ì ì§ë³´ì íëê³¼ ë¹ì©ì ëí ìì¸í ë³´ê³ ìì ë¶ìì ì ê³µí©ëë¤. 1655 </p> 1656 </div> 1657 </li> 1658 <li> 1659 <div> 1660 <svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48" fill="none"> 1661 <path fill-rule="evenodd" clip-rule="evenodd" d="M28.5681 1V5.43826C30.7218 5.94818 32.7334 6.81817 34.5341 7.98011L38.5062 4.0608L43.1187 8.61194L42.2693 9.17867L38.5062 5.46564L35.2364 8.69194L34.6657 9.25514L33.9919 8.82036C32.2853 7.71912 30.3789 6.89463 28.3377 6.41136L27.5681 6.22914V5.43826V1H21.2656V5.29788V6.11695L20.4626 6.27829C18.3402 6.7047 16.3531 7.49749 14.5718 8.58686L13.9045 8.99495L13.3477 8.44557L10.3278 5.4658L5.88076 9.8537L8.8093 12.7433L9.39549 13.3217L8.94026 14.0079C7.76881 15.7738 6.90696 17.7558 6.42928 19.8794L6.25371 20.66H5.45366L1.33887 20.66V26.8521H5.45156H6.25204L6.4273 27.6332C6.90407 29.7579 7.76534 31.7409 8.93649 33.5078L9.39128 34.1939L8.80532 34.7721L5.8791 37.6594L10.3261 42.0473L13.3415 39.072L13.8985 38.5224L14.5659 38.9309C16.3487 40.0222 18.3378 40.8162 20.4626 41.2431L21.2656 41.4045V42.2235V46.5119H27.5681V42.0831V41.2923L28.3377 41.1101C30.3804 40.6264 32.2883 39.801 33.9959 38.6985L34.6697 38.2634L35.2407 38.8267L38.5057 42.0484L42.3875 38.2182L43.311 38.7118L38.5057 43.4532L34.5383 39.5386C32.7366 40.7019 30.7235 41.5728 28.5681 42.0831V46.5119V47.5119H27.5681H21.2656H20.2656V46.5119V42.2235C18.0239 41.7732 15.925 40.9353 14.0438 39.7839L10.3261 43.4521L5.16721 38.3618L4.45532 37.6594L5.16721 36.957L8.10296 34.0603C6.86612 32.1943 5.95565 30.0986 5.45156 27.8521H1.33887H0.338867V26.8521V20.66V19.66H1.33887L5.45366 19.66C5.95872 17.4146 6.86978 15.3201 8.10695 13.4551L5.16887 10.5561L4.45699 9.8537L5.16887 9.15128L10.3278 4.06096L14.0501 7.73374C15.9296 6.5843 18.0264 5.74776 20.2656 5.29788V1V0H21.2656H27.5681H28.5681V1Z" fill="#171717" /> 1662 <circle cx="24" cy="24" r="9.5" stroke="#171717" /> 1663 <path d="M33.8672 23.8844H44.4997" stroke="#171717" /> 1664 <path d="M32.2881 19.8217C34.3339 19.8217 36.5795 19.8217 36.5795 19.8217L38.859 17.7712" stroke="#171717" /> 1665 <circle cx="40.568" cy="16.7462" r="1.89217" stroke="#171717" /> 1666 <path d="M32.2881 28.0952C34.3339 28.0952 36.5795 28.0952 36.5795 28.0952L38.859 30.1456" stroke="#171717" /> 1667 <circle cx="2.39217" cy="2.39217" r="1.89217" transform="matrix(1 0 0 -1 38.1758 33.5629)" stroke="#171717" /> 1668 <circle cx="46.3736" cy="23.9223" r="1.89217" stroke="#171717" /> 1669 <circle cx="44.3131" cy="10.8543" r="1.89217" stroke="#171717" /> 1670 <circle cx="44.3131" cy="36.6689" r="1.89217" stroke="#171717" /> 1671 </svg> 1672 </div> 1673 <div class="key-feature-txt"> 1674 <div class="key-feature-title"> 1675 <h5>IIoTê¸°ë° CBM ì¤í</h5> 1676 </div> 1677 <p> 1678 IIoTì¥ë¹ë¥¼ íì©íì¬ ì¤ë¹ì ì§ë ë° ì ë¥ ê°ì ì¤ìê°ì¼ë¡ 측ì íê³ , ìí ê¸°ë° ì ì§ë³´ì를 ê°ë¥íê² í©ëë¤. 1679 </p> 1680 </div> 1681 </li> 1682 <li> 1683 <div> 1684 <svg xmlns="http://www.w3.org/2000/svg" width="44" height="55" viewBox="0 0 44 55" fill="none"> 1685 <path d="M0 54H44" stroke="#171717" /> 1686 <path d="M15.9639 32H28.0359" stroke="#171717" /> 1687 <circle cx="22" cy="13" r="3.5" stroke="#171717" /> 1688 <path d="M32 1C35.6794 3.93178 38 8.22123 38 13C38 17.7788 35.6794 22.0682 32 25" stroke="#171717" /> 1689 <path d="M11 25C7.32062 22.0682 5 17.7788 5 13C5 8.22123 7.32062 3.93178 11 1" stroke="#171717" /> 1690 <path d="M29 6C30.8487 7.7635 32 10.2477 32 13C32 15.2908 31.2024 17.3959 29.869 19.0542C29.6004 19.3883 29.31 19.7043 29 20" stroke="#171717" /> 1691 <path d="M15 6C13.1513 7.7635 12 10.2477 12 13C12 15.2908 12.7976 17.3959 14.131 19.0542C14.3996 19.3883 14.69 19.7043 15 20" stroke="#171717" /> 1692 <path d="M20 16L10 54" stroke="#171717" /> 1693 <path d="M24 16L34 54" stroke="#171717" /> 1694 <path d="M16 32L33 51" stroke="#171717" /> 1695 <path d="M28 32L11 51" stroke="#171717" /> 1696 </svg> 1697 </div> 1698 <div class="key-feature-txt"> 1699 <div class="key-feature-title"> 1700 <h5>ìê·¸ëíì를 íµí ìì ìì² ë°<br class="br-mo"> ê³ ì¥ ì ë³´ íì¸</h5> 1701 </div> 1702 <p> 1703 íì¥ìì ì§ì ìì ìì²ì íê±°ë ê´ì ì¤ìì ê³ ì¥ ì 보를 ì¤ìê°ì¼ë¡ íì¸í ì ììµëë¤. 1704 </p> 1705 </div> 1706 </li> 1707 <li> 1708 <div> 1709 <svg xmlns="http://www.w3.org/2000/svg" width="45" height="50" viewB
1709ox="0 0 45 50" fill="none"> 1710 <path d="M19.5743 11.4959L16.6486 6.42861L19.5742 1.3613L25.4255 1.3613L28.3511 6.42861L25.4255 11.4959L19.5743 11.4959Z" stroke="#171717" /> 1711 <path d="M19.5743 47.9245L16.6486 42.8572L19.5742 37.7899L25.4255 37.7899L28.3511 42.8572L25.4255 47.9245L19.5743 47.9245Z" stroke="#171717" /> 1712 <path d="M35.6455 20.0673L32.7199 15L35.6455 9.93271L41.4968 9.93271L44.4224 15L41.4968 20.0673L35.6455 20.0673Z" stroke="#171717" /> 1713 <path d="M3.50296 20.0673L0.57735 15L3.50296 9.93271L9.35418 9.93271L12.2798 15L9.35418 20.0673L3.50296 20.0673Z" stroke="#171717" /> 1714 <path d="M35.6455 38.2816L32.7199 33.2143L35.6455 28.1469L41.4968 28.1469L44.4224 33.2143L41.4968 38.2816L35.6455 38.2816Z" stroke="#171717" /> 1715 <path d="M3.50296 38.2816L0.57735 33.2143L3.50296 28.1469L9.35418 28.1469L12.2798 33.2143L9.35418 38.2816L3.50296 38.2816Z" stroke="#171717" /> 1716 <path d="M16.8954 34.3495L11.2912 24.6428L16.8954 14.936L28.1038 14.936L33.708 24.6428L28.1038 34.3495L16.8954 34.3495Z" stroke="#171717" /> 1717 <path d="M38.5716 20.3571V27.8571M33.7501 35.8928L26.7859 40.1786M18.2144 40.7143L10.7144 35.8928M6.42871 28.3928V20.3571M10.7144 12.3214L17.6787 8.57141M27.3216 8.57141L34.2859 12.3214" stroke="#171717" stroke-dasharray="2.1 2.1" /> 1718 </svg> 1719 </div> 1720 <div class="key-feature-txt"> 1721 <div class="key-feature-title"> 1722 <h5>IâMFACTO MES ì°ë</h5> 1723 </div> 1724 <p> 1725 ì¤ë¹ ê°ëìê°, ë³´ì ìì ì°ëì íµí´ í¨ì¨ì±ê³¼ ìì°ì±ì ë³´ë¤ ê·¹ëí í©ëë¤. 1726 </p> 1727 </div> 1728 </li> 1729 <li> 1730 <div> 1731 <svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48" fill="none"> 1732 <path d="M0.5 30.1101V17.3406C5.12187 15.9576 9.53796 13.9609 13.63 11.4034L14.1744 11.0631L14.7856 11.4997C18.2591 13.9808 22.0745 15.9432 26.1117 17.3258V30.1101C26.1117 37.8942 20.8362 44.6822 13.3058 46.6112C5.77548 44.6822 0.5 37.8942 0.5 30.1101Z" stroke="#171717" /> 1733 <path d="M13.0103 24.6548V34.1167M8.2793 29.3858H17.7412" stroke="#171717" /> 1734 <path d="M30.751 43.5786V27.0202M30.751 14.6014V27.0202M30.751 27.0202L34.8906 22.2893" stroke="#171717" /> 1735 <path d="M33.6486 35.8909H39.6214C44.5205 35.8909 48.492 31.9194 48.492 27.0203V26.7246C48.492 21.9889 44.6529 18.1498 39.9171 18.1498V18.1498V9.72272C39.9171 4.90529 36.0118 1 31.1944 1V1C26.37
17357 1 22.4717 4.90529 22.4717 9.72272V16.3756" stroke="#171717" /> 1736 </svg> 1737 </div> 1738 <div class="key-feature-txt"> 1739 <div class="key-feature-title"> 1740 <h5>IâMFACTO ESH ì°ë</h5> 1741 </div> 1742 <p> 1743 ë³´ì ìì ì´ ìì ê·ì ê³¼, íì¤ì ë°ë¼ ì§íëëë¡ ë³´ì¥í©ëë¤.<br class="br-pc"><br class="br-pc"> 1744 </p> 1745 </div> 1746 </li> 1747 </ul> 1748 </div> 1749 1750 <h5>ìì¤í 구ì±ë</h5> 1751 <div class="system-img-wrap"> 1752 <img class="system-img-pc" src="/assets/resources/front/images/contents/smart_factory/system-schematic-diagram-pc.jpg" alt="pam ìì¤í 구ì±ë"> 1753 <img class="system-img-mo" src="/assets/resources/front/images/contents/smart_factory/system-schematic-diagram-mo.jpg" alt="pam ìì¤í 구ì±ë"> 1754 </div> 1755 <div class="hide"> 1756 <li> 1757 <p>ìì¬ ê´ë¦¬</p> 1758 <ul> 1759 <li>ìì¬ ë§ì¤í°</li> 1760 <li>구매 ìì²</li> 1761 <li>ìì¬ ì¶ê³ </li> 1762 <li>ìì¬ ì ê³ </li> 1763 <li>ìì¬ ì¤ì¬</li> 1764 <li>ì°½ê³ ê´ë¦¬</li> 1765 </ul> 1766 </li> 1767 <li> 1768 <p>ì¼ì 모ëí°ë§</p> 1769 <ul> 1770 <li>ì¼ì ë§ì¤í°</li> 1771 <li>ì¼ì 모ëí°ë§</li> 1772 <li>AI</li> 1773 <li>ì´ì íì§</li> 1774 </ul> 1775 </li> 1776 <li> 1777 <p>ì¤ë¹ ê´ë¦¬</p> 1778 <ul> 1779 <li>ì¤ë¹ë§ì¤í°</li> 1780 <li>ìì ìì²</li> 1781 <li>ìë°© ì ê²</li> 1782 <li>ìì ê²°ê³¼</li> 1783 <li>ëë©´ ê´ë¦¬</li> 1784 <li>ìë°© ì ë¹</li> 1785 <li>ë³´ì ë¶ì</li> 1786 <li>ë³´ê³ ì</li> 1787 <li>기본 ì ë³´</li> 1788 </ul> 1789 </li> 1790 <li> 1791 <p>모ë°ì¼</p> 1792 <ul> 1793 <li>ì¤ë¹ ì¡°í</li> 1794 <li>ìì ìì²</li> 1795 <li>ìì ìí</li> 1796 <li>ì ê² ìí</li> 1797 <li>ìì¬ ì¶ê³ </li> 1798 <li>ìì¬ ì ê³ </li> 1799 </ul> 1800 </li> 1801 <li> 1802 <p>ìì¤í ê´ë¦¬</p> 1803 <ul> 1804 <li>íë¡ê·¸ë¨ ê´ë¦¬</li> 1805 <li>íì¬/ì¡°ì§ ê´ë¦¬</li> 1806 <li>ì¬ì©ì ê´ë¦¬</li> 1807 <li>ê¶í ê´ë¦¬</li> 1808 <li>ëìë³´ë ì¤ì </li> 1809 <li>ê³µíµì½ë ê´ë¦¬</li> 1810 <li>ê²ìí ê´ë¦¬</li> 1811 <li>ë¡ê·¸ ê´ë¦¬</li> 1812 <li>ìí¸ì ì± ê´ë¦¬</li> 1813 <li>íë¡ì¸ì¤ ì¤ì </li> 1814 </ul> 1815 </li> 1816 <li> 1817 <p>ì°ê³ ìì¤í </p> 1818 <ul> 1819 <li>ìì¬ ë§ì¤í°</li> 1820 <li>ìì¬ ì¶ê³ </li> 1821 <li>ìì¬ ì¤ì¬</li> 1822 <li>구매 ìì²</li> 1823 <li>ìì¬ ì ê³ </li> 1824 <li>ì°½ê³ ê´ë¦¬</li> 1825 </ul> 1826 </li> 1827 </div> 1828 1829 <h5>ì±ê³µ ì¬ë¡</h5> 1830 <div class="sucess-case-wrap"> 1831 <ul> 1832 <li> 1833 <div> 1834 <svg xmlns="http://www.w3.org/2000/svg" width="60" height="53" viewBox="0 0 60 53" fill="none"> 1835 <path d="M26.892 10.3024C26.892 15.7101 22.4501 20.1048 16.9572 20.1048C11.4644 20.1048 7.02246 15.7101 7.02246 10.3024C7.02246 4.89467 11.4644 0.5 16.9572 0.5C22.4501 0.5 26.892 4.89467 26.892 10.3024Z" stroke="#007DC5" /> 1836 <path d="M19.066 10.3053C19.066 11.4456 18.128 12.3809 16.9573 12.3809C15.7867 12.3809 14.8486 11.4456 14.8486 10.3053C14.8486 9.16501 15.7867 8.22974 16.9573 8.22974C18.128 8.22974 19.066 9.16501 19.066 10.3053Z" stroke="#007DC5" /> 1837 <ellipse cx="9.69536" cy="45.2129" rx="1.44536" ry="1.42702" fill="#007DC5" /> 1838 <ellipse cx="50.6456" cy="45.2129" rx="1.44536" ry="1.42702" fill="#007DC5" /> 1839 <path d="M26.0859 5.70459H45.6512" stroke="#007DC5" /> 1840 <path d="M26.0859 14.271H45.6512" stroke="#007DC5" /> 1841 <path d="M46.1514 4.56521C46.1514 2.32006 47.9714 0.5 50.2166 0.5C52.4617 0.5 54.2818 2.32006 54.2818 4.56522V22.6803H46.1514V4.56521Z" stroke="#007DC5" /> 1842 <rect x="47.457" y="22.7" width="5.52174" height="5.43899" stroke="#007DC5" /> 1843 <path d="M10.9971 33.4805L10.9971 18.0269" stroke="#007DC5" /> 1844 <path d="M22.5615 33.4805L22.5615 18.0269" stroke="#007DC5" /> 1845 <path d="M7.82617 38.1512V33H26.087V38.0081" stroke="#007DC5" /> 1846 <rect x="0.5" y="37.8477" width="59" height="14.4536" rx="6.7" stroke="#007DC5" /> 1847 </svg> 1848 </div> 1849 <div class="sucess-case-txt"> 1850 <h5>IâMFACTO PAM ëì ì¼ë¡<br class="br-mo"> ìì° í¨ì¨ì± í¥ì <span>Aì ì²´</span></h5> 1851 <p>IâMFACTO PAM ëì ì¼ë¡, ì°ë¦¬ ì ì§ ê³µì¥ì ì ì§ë³´ì ê´ë¦¬ê° ìì í ë°ëììµëë¤. í¹í, ì¤ë¹ì ì§ë ë° ì ë¥ ê°ì 모ëí°ë§íì¬ ìì ëì§ ìì ê³ ì¥ì ì¬ì ì ë°©ì§íë 기ë¥ì´ ë§¤ì° ì¸ìì ì´ììµëë¤. ì´ë¡ ì¸í´ ìì° í¨ì¨ì±ì´ í¬ê² í¥ìëê³ , ê³ ì¥ì¼ë¡ ì¸í ë¹ì©ì´ ì¤ììµëë¤.</p> 1852 </div> 1853 </li> 1854 <li> 1855 <div> 1856 <svg width="65" height="61" viewB
1856ox="0 0 65 61" fill="none" xmlns="http://www.w3.org/2000/svg"> 1857 <path d="M29.1602 41.3105V39.292C25.7959 39.1396 23.6504 37.21 23.4727 34.4805H24.8184C24.9834 36.6006 26.7227 37.9209 29.1602 38.0732V30.1387L28.3984 29.9102C25.5166 29.0342 23.9297 27.5488 23.9297 25.2637C23.9297 22.5596 26.1387 20.5918 29.1602 20.3633V18.3066H30.125V20.3506C33.2734 20.4902 35.4189 22.5088 35.5586 25.2383H34.2637C34.0986 23.1309 32.4863 21.709 30.125 21.5693V29.1104L30.9375 29.3516C33.5908 30.1133 35.8125 31.4082 35.8125 34.1758C35.8125 36.9941 33.6416 39.1016 30.125 39.292V41.3105H29.1602ZM25.2246 25.2129C25.2246 27.1172 26.8623 28.1455 28.957 28.7676L29.1602 28.8311V21.582C26.8242 21.7852 25.2246 23.2578 25.2246 25.2129ZM30.125 38.0732C32.7275 37.8828 34.5176 36.3594 34.5176 34.1758C34.5176 32.2715 33.083 31.2939 30.5566 30.5449L30.125 30.418V38.0732Z" fill="#007DC5" /> 1858 <path fill-rule="evenodd" clip-rule="evenodd" d="M43.3298 55.7617C39.3389 57.8309 34.806 59 30 59C13.9837 59 1 46.0163 1 30C1 13.9837 13.9837 1 30 1C41.7364 1 51.8445 7.97188 56.4086 18H57.5037C52.8744 7.40457 42.3019 0 30 0C13.4315 0 0 13.4315 0 30C0 46.5685 13.4315 60 30 60C35.071 60 39.8482 58.7418 44.0364 56.5206L43.3298 55.7617Z" fill="#007DC5" /> 1859 <path fill-rule="evenodd" clip-rule="evenodd" d="M39.0409 51.155C36.2657 52.3426 33.2096 53 30 53C17.2975 53 7 42.7025 7 30C7 17.2975 17.2975 7 30 7C38.3052 7 45.5822 11.402 49.6253 18H50.7892C46.6395 10.8264 38.8834 6 30 6C16.7452 6 6 16.7452 6 30C6 43.2548 16.7452 54 30 54C33.4766 54 36.7806 53.2608 39.7633 51.9309L39.0409 51.155Z" fill="#007DC5" /> 1860 <path d="M57.0426 22.2222H49.1111V49.338H43L53.2128 59.9999L63 49.338H57.0426V22.2222Z" stroke="#007DC5" /> 1861 </svg> 1862 </div> 1863 <div class="sucess-case-txt"> 1864 <h5>IâMFACTO PAM ì루ì ì¼ë¡ ìì°ì± ê·¹ëíì ì´ì ë¹ì© ì ê° <span>Bì ì²´</span></h5> 1865 <p>ì¬ê³ ê´ë¦¬ì ìë°© ì ì§ë³´ì ì¤ì¼ì¤ë§ì´ ìëíëì´, íìí ë¶íì íì ì ìì ì¤ë¹í ì ìê² ëììµëë¤. IâMFACTO PAM ì루ì ëë¶ì ìì°ì±ì´ ê·¹ëíëìê³ , ì´ì ë¹ì©ì´ ì ê°ëììµëë¤.</p> 1866 </div> 1867 </li> 1868 <li> 1869 <div> 1870 <svg xmlns="http://www.w3.org/2000/svg" width="61" height="55" viewBox="0 0 61 55" fill="none"> 1871 <rect x="0.5" y="40.2422" width="60" height="13.7879" rx="6.89394" stroke="#007DC5" /> 1872 <rect x="9.74219" y="35.6211" width="14.7121" height="4.54545" stroke="#007DC5" /> 1873 <rect x="15.0191" y="7.62486" width="0.462121" height="28.1894" stroke="#007DC5" stroke-width="0.462121" /> 1874 <rect x="18.7154" y="7.62486" width="0.462121" height="28.1894" stroke="#007DC5" stroke-width="0.462121" /> 1875 <rect x="20.5641" y="6.23842" width="0.462121" height="18.0227" transform="rotate(-90 20.5641 6.23842)" stroke="#007DC5" stroke-width="0.462121" /> 1876 <rect x="20.5641" y="2.54164" width="0.462121" height="18.0227" transform="rotate(-90 20.5641 2.54164)" stroke="#007DC5" stroke-width="0.462121" /> 1877 <circle cx="9.41384" cy="47.1375" r="2.7361" stroke="#007DC5" /> 1878 <circle cx="20.0047" cy="47.1375" r="2.7361" stroke="#007DC5" /> 1879 <circle cx="30.5955" cy="47.1375" r="2.7361" stroke="#007DC5" /> 1880 <circle cx="41.1863" cy="47.1375" r
1880="2.7361" stroke="#007DC5" /> 1881 <circle cx="51.7771" cy="47.1375" r="2.7361" stroke="#007DC5" /> 1882 <rect x="32.3867" y="20.8333" width="19.3333" height="19.3333" stroke="#007DC5" /> 1883 <path d="M42.0525 26.3342L38.8564 28.0775V20.8333H45.7274V28.0775L42.5314 26.3342L42.2919 26.2036L42.0525 26.3342Z" stroke="#007DC5" /> 1884 <circle cx="17.0985" cy="4.15909" r="3.65909" stroke="#007DC5" /> 1885 <circle cx="42.0526" cy="4.15909" r="3.65909" stroke="#007DC5" /> 1886 <path d="M39.7429 7.39404L36.0459 11.5531L39.7429 15.7122" stroke="#007DC5" /> 1887 <path d="M44.3636 7.39404L48.0605 11.5531L44.3636 15.7122" stroke="#007DC5" /> 1888 </svg> 1889 </div> 1890 <div class="sucess-case-txt"> 1891 <h5>IâMFACTO PAM ëë¶ì<br class="br-mo"> ìì°ë¼ì¸ì ë¹ ë¥´ê³ í¨ì¨ì ì¼ë¡ êµ¬ì± <span>Cì ì²´</span></h5> 1892 <p>ìê·¸ëíì를 íµí´ íì¥ìì ë°ë¡ ìì ìì²ì í ì ìê² ëë©´ì, ì ì§ë³´ì ìëµ ìê°ì´ íì ì ì¼ë¡ ë¨ì¶ëììµëë¤. IâMFACTO PAM ëë¶ì ì°ë¦¬ì ìì° ë¼ì¸ì ëì± ë¹ ë¥´ê³ í¨ì¨ì ì¼ë¡ ë§ë¤ììµëë¤.</p> 1893 </div> 1894 </li> 1895 </ul> 1896 </div> 1897 </div> 1898 <div class="content-06" id="content-06"> 1899 <div class="contentBoxIntro"> 1900 <h4>주ì 기ë¥</h4> 1901 </div> 1902 <div class="img-wrap"> 1903 <img src="/assets/resources/front/images/contents/smart_factory/pam_features.png" alt="IâMFACTO PAM 주ì 기ë¥"> 1904 </div> 1905 </div> 1906 <div class="content-02" id="content-02"> 1907 <div class="contentBoxIntro"> 1908 <h4>ëì í¨ê³¼</h4> 1909 </div> 1910 <div class="img-wrap"> 1911 <img src="/assets/resources/front/images/contents/smart_factory/pam_effects.png" alt="IâMFACTO PAM ëì í¨ê³¼"> 1912 </div> 1913 </div> 1914 <div class="trial-btn-wrap"> 1915 <a href="/customer/experience.do?solution=CA0102" class="btn btnArrowA"><span>ì²´íí ì ì²í기</span></a> 1916 </div> 1917 1918 <div class="data_Con" id="content-05"> 1919 <div class="contentBoxIntro"> 1920 <h4>ë¸ë¡ìì´</h4> 1921 </div> 1922 <div class="brochure_wrap"> 1923 <div class="list_wrap"> 1924 <ul> 1925 1926 <!-- 5ê°ë§ ì¶ë ¥ --> 1927 <li> 1928 <p class="cate cl_97 fw400"></p> 1929 <p class="subj fw800"> 1930 íì I'MFACTO ì루ì ìê°ì 1931 </p> 1932 1933 <a href="javascript:void(0);" onclick="setUrlAndImgPath('ATC', 'íììí©í ìµì¢ í©ë³¸_2026.pdf','/brochure/2604174016424263.pdf');"><img src="/assets/resources/front/images/common/file_down.png"></a> 1934 1935 1936 </li> 1937 1938 1939 </ul> 1940 </div> 1941 </div> 1942 <div class="brochureBanner"> 1943 <p> 1944 <strong>íì PNSë ìµì ì <br class="moCon">ì루ì ì ì ê³µí©ëë¤.</strong> 1945 <span>ë ë§ì ë¸ë¡ìì´ ìë£ê° ê¶ê¸íì ê°ì?</span> 1946 </p> 1947 <a href="/brochure.do" class="btn btnArrowC"><span>ë¸ë¡ìì´ ë 보기</span></a> 1948 </div> 1949 </div> 1950 1951 </div> 1952 </div> 1953 1954 <div class="sub_footer"> 1955 <div class="ftbox"> 1956 <p class="ftTtl">íì ì ì¸ ë¯¸ë를 ë§ì´í <br>ì¤ë¹ê° ëì ¨ëì?</p> 1957 <div class="ftCtt"> 1958 <p>ê³ ê° ë§ì¶¤í ITì루ì ê³¼ ìë¹ì¤ë¡ ê³ ê°ì ë¹ì¦ëì¤ ê°ì¹ë¥¼ ì ê³µí©ëë¤. <br>íìPNSì ë ëì 미ë를 ì½ìíì¸ì.</p> 1959 <dl> 1960 <!-- <dt>ë´ë¹ì</dt> --> 1961 <!-- <dd> <span></span></dd> --> 1962 <dt>E-mail</dt> 1963 <dd>[email protected]</dd> 1964 </dl> 1965 <a href="/customer/inquiry.do" class="btn btnArrowA"><span>ë´ë¹ì 문ì í기</span></a> 1966 </div> 1967 </div> 1968 </div> 1969 1970
1970<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" type="text/javascript" src="/assets/resources/front/js/contents.js"></script>
1970 1971 </div> 1972 </div> 1973 <!-- //container --> 1974 1975 <!-- foot --> 1976 1977 1978 1979<style nonce="gWe87VrZGVrsUTgpCu6Bhw==" > 1980 1981 .font-weight-bold { 1982 font-weight: 800 !important; 1983 } 1984 1985</style> 1986 1987 1988
1989<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" > 1990 1991 // íì´ì§ ë¡ë ìì ì´ë ê³µíµ JS ììì í ë²ë§ ë±ë¡[ MORE ë²í¼ í´ë¦ ì] 1992 $(document).on('click', '.btn-more', function(e) { 1993 e.preventDefault(); // ë§í¬ ì´ë ë°©ì§ 1994 1995 var $this = $(this); 1996 var page = $this.data('page'); 1997 var callback = $this.data('callback'); 1998 var pageNumId = $this.data('pagenumid'); 1999 2000 // goPaging í¸ì¶ 2001 // callbackì´ í¨ìëª ì´ ìë 문ìì´ë¡ ì ë¬ëë¯ë¡ ìëì° ê°ì²´ìì ì°¾ì ì¤í 2002 var callbackFn = window[callback]; 2003 pagejs.goPaging(page, callbackFn, pageNumId); 2004 }); 2005 2006 // 1. ì´ë²¤í¸ 리ì¤ëë í¨ì ë°ì í ë²ë§ ìì± (ê³µíµ ìì) 2007 $(document).on('click', '.paging a[data-page]', function(e) { 2008 e.preventDefault(); 2009 var page = $(this).data('page'); 2010 var pageNumId = $(this).data('pagenumid'); 2011 2012 // pagejs.goPaging ë´ë¶ìì _callbackì í¸ì¶íë¯ë¡, 2013 // ì¬ê¸°ìë getList를 ì¸ìë¡ ì ë¬íê±°ë, ìí©ì ë§ë í¨ì를 ì ë¬íì¸ì. 2014 pagejs.goPaging(page, getList, pageNumId); 2015 }); 2016</script>
2016 2017 2018<div id="footer"> 2019 <div class="footerCon"> 2020 <div class="leftCon"> 2021 <div class="ttlCon"> 2022 <p class="ttl">íìPNS ì±ì© ê³µê³ </p> 2023 <p class="cmt">í¨ê» 미ë를 ë°ë¼ë³´ë©° ê¿ì ì¤íí´ ê° ìë ìë <br>ì¸ì¬ë¥¼ ì°¾ê³ ììµëë¤.</p> 2024 <a href="/recruit/list.do" class="btn btnArrowC"><span>ìì¸í 보기</span></a> 2025 </div> 2026 <div class="inforCon"> 2027 <img src="/assets/resources/front/images/common/foot_logo.png" class="logo" alt="logo"> 2028 <ul class="linkCon"> 2029 <li><a href="/privacy.do?ver=2_3">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li> 2030 <li><a href="/partners.do">íí¸ë íí©</a></li> 2031 </ul> 2032 <p class="addCon"> 2033 íìí¼ììì¤(주)<br class="pcCon"> 2034 ITë¶ë¬¸ | ëí : ê¹íì¤ | <br class="moCon">주ì : ìì¸í¹ë³ì ê°ì구 ìì²ë¡ 570, NHìì¸íì 6층<br> 2035 ì¬ì ì ë±ë¡ë²í¸ 206-85-29451 | E-Mail : [email protected] | Tel : 02-6244-9700<br> 2036 ì§ë¥ì íµë¶ë¬¸ | ëí : íì±ë¯¼ | <br class="moCon">주ì : ìì¸í¹ë³ì ì¤êµ¬ í´ê³ë¡213 ì¼í¥ë¹ë© 5층<br> 2037 ì¬ì ìë±ë¡ë²í¸ : 120-81-59861 | <br class="moCon">Tel : 02-772-5100 | Fax : 02-2205-0505 2038 </p> 2039 <div class="isms"> 2040 <img src="/assets/resources/front/images/common/foot_isms.png" alt="isms"> 2041 <p>ì¸ì¦ë²ì : VIDC ì´ì | ì í¨ê¸°ê° : 2024.10.20 ~ 2027.10.19</p> 2042 </div> 2043 </div> 2044 </div> 2045 <div class="rightCon fooMenuCon pcCon"> 2046 <ul class="dep1con"> 2047 <li class="line1"> 2048 <a href="#" class="dep1Ttl">ì¤ë§í¸ í©í 리 · AI</a> 2049 <ul class="dep2con"> 2050 <li><a href="/smartFactoryAi.do" class="dep2Ttl">IâMFACTO AI Atlas</a></li> 2051 <li><a href="/smartFactoryMes.do" class="dep2Ttl">IâMFACTO MES</a></li> 2052 <li><a href="/smartFactoryPam.do" class="dep2Ttl">IâMFACTO PAM</a></li> 2053 <li><a href="/smartFactoryQms.do" class="dep2Ttl">IâMFACTO QMS</a></li> 2054 <li><a href="/smartFactoryWms.do" class="dep2Ttl">IâMFACTO WMS</a></li> 2055 <li><a href="/smartFactoryEsh.do" class="dep2Ttl">IâMFACTO ESH</a></li> 2056 </ul> 2057 </li> 2058 <li class="line1"> 2059 <a href="#" class="dep1Ttl">í´ë¼ì°ë · Data Platform</a> 2060 <ul class="dep2con"> 2061 <li><a href="/cloud_msp.jsp" class="dep2Ttl">í´ë¼ì°ë MSP</a></li> 2062 <li><a href="/cloud_dataPlatform.jsp" class="dep2Ttl">Data Platform</a></li> 2063 </ul> 2064 </li> 2065 <li class="line1"> 2066 <a href="/itServiceIto.do" class="dep1Ttl">IT ìë¹ì¤</a> 2067 <ul class="dep2con"> 2068 <li><a href="/itServiceIto.do" class="dep2Ttl">ITO</a></li> 2069 <li><a href="/itServiceErp.do" class="dep2Ttl">ERP</a></li> 2070 </ul> 2071 </li> 2072 <li class="line1"> 2073 <a href="/ictInfraStorage.do" class="dep1Ttl">ICT ì¸íë¼</a> 2074 <ul class="dep2con"> 2075 <li><a href="/ictInfraStorage.do" class="dep2Ttl">ì¤í 리ì§/ë¤í¸ìí¬</a></li> 2076 <li><a href="/ictInfraServer.do" class="dep2Ttl">ìë²</a></li> 2077 <!-- 2078 <li><a href="#" class="dep2Ttl">Appliance</a></li> 2079 <li><a href="#" class="dep2Ttl">Robot</a></li> 2080 <li><a href="#" class="dep2Ttl">ARM</a></li> 2081 --> 2082 </ul> 2083 </li> 2084 <li class="line2"> 2085 <a href="/paperAbout.do" class="dep1Ttl">ì§ë¥ì íµ</a> 2086 <ul class="dep2con"> 2087 <li><a href="/paperAbout.do" class="dep2Ttl">ì¬ì ìê°</a></li> 2088 <li><a href="/paperGrooup.do" class="dep2Ttl">그루ì </a></li> 2089 </ul> 2090 </li> 2091 <li class="line3"> 2092 <a href="/news/list.do" class="dep1Ttl">ì½í ì¸ </a> 2093 <ul class="dep2con"> 2094 <li><a href="/news/list.do" class="dep2Ttl">ë³´ëìë£</a></li> 2095 <li><a href="/insight/list.do" class="dep2Ttl">기ì ì½í ì¸ </a></li> 2096 <li><a href="/brochure.do" class="dep2Ttl">ë¸ë¡ìì´</a></li> 2097 </ul> 2098 </li> 2099 <li class="line2"> 2100 <a href="/introduce.do" class="dep1Ttl">íì¬ìê°</a> 2101 <ul class="dep2con"> 2102 <li><a href="/introduce.do" class="dep2Ttl">íì¬ìê°</a></li> 2103 <li><a href="/historyIt.do" class="dep2Ttl">ì°í</a></li> 2104 <li><a href="/vision.do" class="dep2Ttl">ë¹ì </a></li> 2105 2106 <li><a href="/location.do" class="dep2Ttl">ì¤ìë길</a></li> 2107 <li><a href="https://hansol.com/ir/pnspaper/sub_010101.jsp" class="dep2Ttl" target="_blank" rel="noopener noreferrer">기ì ì§ë°°êµ¬ì¡°</a></li> 2108 <li><a href="/notice/list.do" class="dep2Ttl">ê³µê³ </a></li> 2109 <li><a href="/faq.do" class="dep2Ttl">FAQ</a></li> 2110 </ul> 2111 </li> 2112 <li class="line2"> 2113 <a href="/recruit/list.do" class="dep1Ttl">ì±ì©</a> 2114 <ul class="dep2con"> 2115 <li><a href="/itHumanresources.do" class="dep2Ttl">ì¸ì¬ê²½ì</a></li> 2116 <li><a href="/itTalent.do" class="dep2Ttl">ITë¶ë¬¸</a></li> 2117 <li><a href="/paperSystem.do" class="dep2Ttl">ì§ë¥ì íµë¶ë¬¸</a></li> 2118 <li><a href="/recruit/list.do" class="dep2Ttl">
2118ì±ì©ì ë³´</a></li> 2119 </ul> 2120 </li> 2121 </ul> 2122 </div> 2123 <div class="fooMenuCon moCon"> 2124 <div class="dep1con js-mobile-menu"> 2125 <ul> 2126 <li> 2127 <a href="#" class="dep1Ttl js_menu_open">ì¤ë§í¸ í©í 리 · AI</a> 2128 <ul class="dep2con"> 2129 <li><a href="/smartFactoryAi.do" class="dep2Ttl">IâMFACTO AI Atlas</a></li> 2130 <li><a href="/smartFactoryMes.do" class="dep2Ttl">IâMFACTO MES</a></li> 2131 <li><a href="/smartFactoryPam.do" class="dep2Ttl">IâMFACTO PAM</a></li> 2132 <li><a href="/smartFactoryQms.do" class="dep2Ttl">IâMFACTO QMS</a></li> 2133 <li><a href="/smartFactoryWms.do" class="dep2Ttl">IâMFACTO WMS</a></li> 2134 <li><a href="/smartFactoryEsh.do" class="dep2Ttl">IâMFACTO ESH</a></li> 2135 </ul> 2136 </li> 2137 <li> 2138 <a href="#" class="dep1Ttl js_menu_open">í´ë¼ì°ë · Data Platform</a> 2139 <ul class="dep2con"> 2140 <li><a href="/cloud_msp.jsp" class="dep2Ttl">í´ë¼ì°ë MSP</a></li> 2141 <li><a href="/cloud_dataPlatform.jsp" class="dep2Ttl">Data Platform</a></li> 2142 </ul> 2143 </li> 2144 <li> 2145 <a href="#" class="dep1Ttl js_menu_open">IT ìë¹ì¤</a> 2146 <ul class="dep2con"> 2147 <li><a href="/itServiceIto.do" class="dep2Ttl">ITO</a></li> 2148 <li><a href="/itServiceErp.do" class="dep2Ttl">ERP</a></li> 2149 </ul> 2150 </li> 2151 <li> 2152 <a href="#" class="dep1Ttl js_menu_open">ICT ì¸íë¼</a> 2153 <ul class="dep2con"> 2154 <li><a href="/ictInfraStorage.do" class="dep2Ttl">ì¤í 리ì§/ë¤í¸ìí¬</a></li> 2155 <li><a href="/ictInfraServer.do" class="dep2Ttl">ìë²</a></li> 2156 <!-- 2157 <li><a href="#" class="dep2Ttl">Appliance</a></li> 2158 <li><a href="#" class="dep2Ttl">Robot</a></li> 2159 <li><a href="#" class="dep2Ttl">ARM</a></li> 2160 --> 2161 </ul> 2162 </li> 2163 <li> 2164 <a href="#" class="dep1Ttl js_menu_open">ì§ë¥ì íµ</a> 2165 <ul class="dep2con"> 2166 <li><a href="/paperAbout.do" class="dep2Ttl">ì¬ì ìê°</a></li> 2167 <li><a href="/paperGrooup.do" class="dep2Ttl">그루ì </a></li> 2168 </ul> 2169 </li> 2170 <li> 2171 <a href="#" class="dep1Ttl js_menu_open">ì½í ì¸ </a> 2172 <ul class="dep2con"> 2173 <li><a href="/news/list.do" class="dep2Ttl">ë³´ëìë£</a></li> 2174 <li><a href="/insight/list.do" class="dep2Ttl">기ì ì½í ì¸ </a></li> 2175 <li><a href="/brochure.do" class="dep2Ttl">ë¸ë¡ìì´</a></li> 2176 </ul> 2177 </li> 2178 <li> 2179 <a href="#" class="dep1Ttl js_menu_open">íì¬ìê°</a> 2180 <ul class="dep2con"> 2181 <li><a href="/introduce.do" class="dep2Ttl">íì¬ìê°</a></li> 2182 <li><a href="/historyIt.do" class="dep2Ttl">ì°í</a></li> 2183 <li><a href="/vision.do" class="dep2Ttl">ë¹ì </a></li> 2184 2185 <li><a href="/location.do" class="dep2Ttl">ì¤ìë길</a></li> 2186 <li><a href="https://hansol.com/ir/pnspaper/sub_010101.jsp" class="dep2Ttl" target="_blank" rel="noopener noreferrer">기ì ì§ë°°êµ¬ì¡°</a></li> 2187 <li><a href="/notice/list.do" class="dep2Ttl">ê³µê³ </a></li> 2188 <li><a href="/faq.do" class="dep2Ttl">FAQ</a></li> 2189 </ul> 2190 </li> 2191 <li> 2192 <a href="#" class="dep1Ttl js_menu_open">ì±ì©</a> 2193 <ul class="dep2con"> 2194 <li><a href="/itHumanresources.do" class="dep2Ttl">ì¸ì¬ê²½ì</a></li> 2195 <li><a href="/itTalent.do" class="dep2Ttl">ITë¶ë¬¸</a></li> 2196 <li><a href="/paperSystem.do" class="dep2Ttl">ì§ë¥ì íµë¶ë¬¸</a></li> 2197 <li><a href="/recruit/list.do" class="dep2Ttl">ì±ì©ì ë³´</a></li> 2198 </ul> 2199 </li> 2200 </ul> 2201 </div> 2202 </div> 2203 </div> 2204 <div class="copyrightCon"> 2205 <div class="leftCon"> 2206 <p class="copyCon">COPYRIGHT(C) 2024 HANSOL PNS ALL RIGHT RESERVED</p> 2207 </div> 2208 <div class="rightCon"> 2209 <ul class="linkCon"> 2210 <li><a href="/privacy.do?ver=2_5" class="font-weight-bold">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li> 2211 <li><a href="/partners.do">íí¸ë íí©</a></li> 2212 </ul> 2213 <ul class="snsCon"> 2214 <li><a href="https://www.youtube.com/results?search_query=%ED%95%9C%EC%86%94pns" target="_blank" rel="noopener noreferrer" class="linkYoutub">
2214Youtub</a></li> 2215 <li><a href="https://blog.naver.com/hspnsit" target="_blank" rel="noopener noreferrer" class="linkBlog">Blog</a></li> 2216 </ul> 2217 <div class="familySiteCon js-mobile-menu"> 2218 <ul> 2219 <li> 2220 <a href="#" class="familySiteBtn js_menu_open">Family Site</a> 2221 <ul class="familySiteList"> 2222 <li class="ttl">ìíì¬</li> 2223 <li><a href="https://www.coever.co.kr/home/" target="_blank" rel="noopener noreferrer">íìì½ìë²</a></li> 2224 <li class="ttl">ê³ì´ì¬</li> 2225 <li><a href="https://www.hansol.com/" target="_blank" rel="noopener noreferrer">íì그룹</a></li> 2226 <li><a href="https://www.hansol.com/gateway/" target="_blank" rel="noopener noreferrer">íìíë©ì¤</a></li> 2227 <li><a href="https://www.hansolpaper.co.kr/" target="_blank" rel="noopener noreferrer">íìì ì§</a></li> 2228 <li><a href="https://www.hansoleme.co.kr/2014/main_1_1.jsp" target="_blank" rel="noopener noreferrer">íìì ì§ íê²½ì¬ì 본ë¶</a></li> 2229 <li><a href="https://www.hansolpapertech.co.kr/" target="_blank" rel="noopener noreferrer">íìíì´í¼í </a></li> 2230 <li><a href="https://www.hansolhomedeco.com/" target="_blank" rel="noopener noreferrer">íìíë°ì½</a></li> 2231 <li><a href="https://www.hansollogistics.com/" target="_blank" rel="noopener noreferrer">íìë¡ì§ì¤í±ì¤</a></li> 2232 <li><a href="https://www.hansoltechnics.com/" target="_blank" rel="noopener noreferrer">íìí í¬ëì¤</a></li> 2233 <li><a href="https://www.hansoliones.com/" target="_blank" rel="noopener noreferrer">íììì´ìì¤</a></li> 2234 <li><a href="https://www.hansolchemical.com/" target="_blank" rel="noopener noreferrer">íìì¼ë¯¸ì¹¼</a></li> 2235 <li><a href="https://www.museumsan.org/" target="_blank" rel="noopener noreferrer">íìMuseum SAN</a></li> 2236 </ul> 2237 </li> 2238 </ul> 2239 </div> 2240 </div> 2241 </div> 2242</div> 2243 2244<div class="footerFloation"> 2245 <div class="goTop"> 2246 <a href="#"><span class="hide">ìë¡ ê°ê¸°</span></a> 2247 </div> 2248 <a href="/customer/inquiry.do" class="inquiryBtn btn btnSizeM btnColorGRD"><span>문ìí기</span></a> 2249</div> 2250 2251<div class="dim"></div> 2252 <!-- //foot --> 2253 2254 <!-- popup --> 2255 <!-- //popup --> 2256 </div> 2257 2258 2259
2259<script nonce="gWe87VrZGVrsUTgpCu6Bhw==" > 2260 function setUrlAndImgPath(type, content, attachFilename){ 2261 if(type === 'URL') { 2262 window.open(content, '_blank'); 2263 } else { 2264 fileutil.download(content, attachFilename); 2265 } 2266 } 2267 2268 document.addEventListener("DOMContentLoaded", function() { 2269 const menuOpenBtn = document.querySelector('.js_menu_open'); 2270 const tabMenus = document.querySelectorAll('.js_tab_menu'); 2271 2272 if (menuOpenBtn) { 2273 menuOpenBtn.addEventListener('click', function(e) { e.preventDefault(); }); 2274 } 2275 2276 tabMenus.forEach(tab => { 2277 tab.addEventListener('click', function(e) { 2278 e.preventDefault(); 2279 2280 document.querySelectorAll('.sub_menu_wrap ul li').forEach(li => { 2281 li.classList.remove('active'); 2282 }); 2283 this.parentElement.classList.add('active'); 2284 2285 if (menuOpenBtn) { 2286 menuOpenBtn.textContent = this.textContent; 2287 } 2288 2289 // 기존 íë©´ ì´ë/ì í ì¤í¬ë¦½í¸ê° ìë¤ë©´ ì¬ê¸°ì ì´ì´ì ìì± 2290 }); 2291 }); 2292 }); 2293
2294 </script>
2294 2295 </body> 2296</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.