Display | Park Systems

<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"/>  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>  <meta property="og:type" content="landing"/> <meta property="og:title" content="Park Systems"/> <meta property="og:image" content="/content/dam/parksystems/logo.gif"/> <meta property="og:description" content="Park Systems Corporation"/> <meta property="og:url" content="html"/> <title>Display | Park Systems</title> <meta name="description" content="Crucial for display technologies, Park Systems' AFM enables detailed examination of surface characteristics for optimized design and performance."/>  <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link href="/content/dam/parksystems/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"/> <link rel="canonical" href="/en/applications/display"/> <link rel="stylesheet" href="/etc.clientlibs/parksystems/clientlibs/clientlib-base.lc-7c2f532597c7465d7206c9757e03ad1c-lc.min.css" type="text/css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script type="text/javascript"> (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('988-FTP-549'); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//munchkin.marketo.net/munchkin.js'; s.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; s.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(s); })(); function sha256(ascii) { function rightRotate(value, amount) { return (value>>>amount) | (value<<(32 - amount)); }; var mathPow = Math.pow; var maxWord = mathPow(2, 32); var lengthProperty = 'length' var i, j; // Used as a counter across the whole file var result = '' var words = []; var asciiBitLength = ascii[lengthProperty]*8; //* caching results is optional - remove/add slash from front of this line to toggle // Initial hash value: first 32 bits of the fractional parts of the square roots of the first 8 primes // (we actually calculate the first 64, but extra values are just ignored) var hash = sha256.h = sha256.h || []; // Round constants: first 32 bits of the fractional parts of the cube roots of the first 64 primes var k = sha256.k = sha256.k || []; var primeCounter = k[lengthProperty]; /*/ var hash = [], k = []; var primeCounter = 0; //*/ var isComposite = {}; for (var candidate = 2; primeCounter < 64; candidate++) { if (!isComposite[candidate]) { for (i = 0; i < 313; i += candidate) { isComposite[i] = candidate; } hash[primeCounter] = (mathPow(candidate, .5)*maxWord)|0; k[primeCounter++] = (mathPow(candidate, 1/3)*maxWord)|0; } } ascii += '\x80' // Append Ƈ' bit (plus zero padding) while (ascii[lengthProperty]%64 - 56) ascii += '\x00' // More zero padding for (i = 0; i < ascii[lengthProperty]; i++) { j = ascii.charCodeAt(i); if (j>>8) return; // ASCII check: only accept characters in range 0-255 words[i>>2] |= j << ((3 - i)%4)*8; } words[words[lengthProperty]] = ((asciiBitLength/maxWord)|0); words[words[lengthProperty]] = (asciiBitLength) // process each chunk for (j = 0; j < words[lengthProperty];) { var w = words.slice(j, j += 16); // The message is expanded into 64 words as part of the iteration var oldHash = hash; // This is now the undefinedworking hash", often labelled as variables a...g // (we have to truncate as well, otherwise extra entries at the end accumulate hash = hash.slice(0, 8); for (i = 0; i < 64; i++) { var i2 = i + j; // Expand the message into 64 words // Used below if var w15 = w[i - 15], w2 = w[i - 2]; // Iterate var a = hash[0], e = hash[4]; var temp1 = hash[7] + (rightRotate(e, 6) ^ rightRotate(e, 11) ^ rightRotate(e, 25)) // S1 + ((e&hash[5])^((~e)&hash[6])) // ch + k[i] // Expand the message schedule if needed + (w[i] = (i < 16) ? w[i] : ( w[i - 16] + (rightRotate(w15, 7) ^ rightRotate(w15, 18) ^ (w15>>>3)) // s0 + w[i - 7] + (rightRotate(w2, 17) ^ rightRotate(w2, 19) ^ (w2>>>10)) // s1 )|0 ); // This is only used once, so *could* be moved below, but it only saves 4 bytes and makes things unreadble var temp2 = (rightRotate(a, 2) ^ rightRotate(a, 13) ^ rightRotate(a, 22)) // S0 + ((a&hash[1])^(a&hash[2])^(hash[1]&hash[2])); // maj hash = [(temp1 + temp2)|0].concat(hash); // We don't bother trimming off the extra ones, they're harmless as long as we're truncating when we do the slice() hash[4] = (hash[4] + temp1)|0; } for (i = 0; i < 8; i++) { hash[i] = (hash[i] + oldHash[i])|0; } } for (i = 0; i < 8; i++) { for (j = 3; j + 1; j--) { var b = (hash[i]>>(j*8))&255; result += ((b < 16) ? 0 : '') + b.toString(16); } } return result; }; </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M9FKR4V');</script> <script src="https://assets.adoberesources.net/loader.js?orgId=95E5260E6303A8080A495E2F%40AdobeOrg&instanceId=parksystems&env=prod&geo=aus5"></script> <script async src="/etc.clientlibs/parksystems/clientlibs/clientlib-dependencies.lc-2e5227eb7b9ac1c0f29196127b09ad33-lc.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery.lc-f9e8e8c279baf6a1a278042afe4f395a-lc.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/utils.lc-899004cc02c33efc1f6694b1aee587fd-lc.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite.lc-011c0fc0d0cf131bdff879743a353002-lc.min.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/jquery.lc-dd9b395c741ce2784096e26619e14910-lc.min.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/jquery-tipsy.lc-80d5f7d1a2e2e723e8133c626b3bddc2-lc.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite/csrf.lc-56934e461ff6c436f962a5990541a527-lc.min.js"></script> <script src="/etc.clientlibs/parksystems/clientlibs/clientlib-site.lc-83777a20d0845b914d9b954805ee6823-lc.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/parksystems/clientlibs/clientlib-dependencies.lc-d41d8cd98f00b204e9800998ecf8427e-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/parksystems/clientlibs/clientlib-site.lc-e19f10da485adfac8809f58722110cf2-lc.min.css" type="text/css"> </head> <body class="page basicpage common.css" id="page-fe1b26731a" data-cmp-link-accessibility-enabled data-cmp-link-accessibility-text="opens in a new tab" data-cmp-data-layer-enabled data-cmp-data-layer-name="adobeDataLayer"> <script> var dataLayerName = 'adobeDataLayer' || 'adobeDataLayer'; window[dataLayerName] = window[dataLayerName] || []; window[dataLayerName].push({ page: JSON.parse("{\x22page\u002Dfe1b26731a\x22:{\x22@type\x22:\x22parksystems\/components\/page\x22,\x22repo:modifyDate\x22:\x222024\u002D07\u002D26T06:11:13Z\x22,\x22dc:title\x22:\x22Display\x22,\x22dc:description\x22:\x22Crucial for display technologies, Park Systems\x27 AFM enables detailed examination of surface characteristics for optimized design and performance.\x22,\x22xdm:template\x22:\x22\/conf\/parksystems\/settings\/wcm\/templates\/new\u002Dcontent\u002Dpage\x22,\x22xdm:language\x22:\x22en\x22,\x22xdm:tags\x22:[],\x22repo:path\x22:\x22\/content\/parksystems\/en\/applications\/display.html\x22}}"), event:'cmp:show', eventInfo: { path: 'page.page\u002Dfe1b26731a' } }); </script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M9FKR4V" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <div class="root container responsivegrid"> <div id="container-9f53815d2b" class="cmp-container"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> <div id="experiencefragment-cc4ddb3aeb" class="cmp-experiencefragment cmp-experiencefragment--header"> <div id="container-916fbfe0de" class="cmp-container"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="navigation aem-GridColumn aem-GridColumn--default--12"> <header class="site-header"> <div class="container-wrapper"> <a href="/en" class="logo-item"> <img class="img-item" src="/etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/logo.svg" alt=""> </a> <div class="mobile-menu-wrapper"> <div class="mobile-search-btn"> <span></span> </div> <button class="mobile-menu-button" data-event="toggle_class" data-class="menuOpen" data-target="body"> <span class="bars"> <span class="bar"></span> <span class="bar"></span> <span class="bar"></span> </span> </button> </div> <nav class="menu-box desktop-menu"> <ul class="menu-list"> <li class="menu-item depth1"> <a class="menu-item-link depth1" href="/en/products">Products</a> <div class="submenu type2"> <div class="submenu-content-type2"> <div class="submenu-nav"> <ul class="submenu-group type2"> <li class="submenu-group-item type2 "> <h3 class="submenu-title"><a href="/en/products/research-afm">Research AFM</a></h3> <ul class="submenu-list"> <li class="submenu-item"> <a href="/en/products/research-afm/small-sample-afm" class="submenu-item-link">Small Sample AFM</a></li> <li class="submenu-item"> <a href="/en/products/research-afm/large-sample-afm" class="submenu-item-link">Large Sample AFM</a></li> <li class="submenu-item"> <a href="/en/products/research-afm/specialized-afm" class="submenu-item-link">Specialized AFM</a></li> <li class="submenu-item"> <a href="/en/products/research-afm/AFM-modes" class="submenu-item-link">AFM Modes</a></li> <li class="submenu-item"> <a href="/en/products/research-afm/Options" class="submenu-item-link">Options</a></li> <li class="submenu-item"> <a href="/en/products/research-afm/software" class="submenu-item-link">Software</a></li> </ul> </li> <li class="submenu-group-item type2 "> <h3 class="submenu-title"><a href="/en/products/in-line-metrology-afm">Industrial AFM </a></h3> <ul class="submenu-list"> <li class="submenu-item"> <a href="/en/products/in-line-metrology-afm/wafer-fabrications" class="submenu-item-link">Wafer Processing</a></li> <li class="submenu-item"> <a href="/en/products/in-line-metrology-afm/photomask-repair" class="submenu-item-link">Mask Repair</a></li> <li class="submenu-item"> <a href="/en/products/in-line-metrology-afm/optical-profilometry" class="submenu-item-link">Advanced Packaging</a></li> <li class="submenu-item"> <a href="/en/products/in-line-metrology-afm/flat-panel-display" class="submenu-item-link">Flat Panel Display </a></li> </ul> </li> <li class="submenu-group-item type2 "> <h3 class="submenu-title"><a href="/en/products/ellipsometers">Ellipsometer</a></h3> <ul class="submenu-list"> <li class="submenu-item"> <a href="/en/products/ellipsometers/imaging-spectroscopic-ellipsometry-" class="submenu-item-link">Imaging Spectroscopic Ellipsometry </a></li> <li class="submenu-item"> <a href="/en/products/ellipsometers/referenced-spectroscopic-ellipsometry-" class="submenu-item-link">Referenced Spectroscopic Ellipsometry </a></li> <li class="submenu-item"> <a href="/en/products/ellipsometers/Ellipsometry-Accessories" class="submenu-item-link">Ellipsometry Accessories</a></li> </ul> </li> <li class="submenu-group-item type2 gnb-link-type2"> <h3 class="submenu-title"><a href="/en/avi" target='_blank'>Active Vibration Isolation</a></h3> <ul class="submenu-list"> <li class="submenu-item"> <a href="/en/avi/products/active-vibration-isolation/product_bit" class="submenu-item-link" target='_blank'>Desktop Isolation Tables</a></li> <li class="submenu-item"> <a href="/en/avi/products/active-vibration-isolation/product_mieavs" class="submenu-item-link" target='_blank'>Modular Isolation Elements</a></li> <li class="submenu-item"> <a href="/en/avi/products/active-vibration-isolation/product_lt" class="submenu-item-link" target='_blank'>Laboratory Tables</a></li> <li class="submenu-item"> <a href="/en/avi/products/active-vibration-isolation/product_ae" class="submenu-item-link" target='_blank'>Acoustic Enclosures</a></li> <li class="submenu-item"> <a href="/en/avi/products/active-vibration-isolation/product_hlpie" class="submenu-item-link" target='_blank'>Heavy Load AVI</a></li> </ul> </li> </ul> </div> <div class="submenu-title-box"> <div class="title-box"> <h2 class="introduction-text">Advanced Nanometrology Solutions with Unmatched Performance and Ease.</h2> <p class="summary-text">Accurate Measurement, Peak Resolution, User Convenience.</p> <a href="/en/products" class="more-btn">View All</a> </div> <div class="product-banner"> <a href="/en/products/research-afm/small-sample-afm/fx40" class="product-item-link"><img class="img-item" src="/content/dam/parksystems/images/banner/header-product-01.png" alt=""></a> </div> </div> </div> </div> </li> <li class="menu-item depth1"> <a class="menu-item-link depth1" href="/en/applications">Applications</a> <div class="submenu type2"> <div class="submenu-content-type2"> <div class="submenu-nav"> <ul class="submenu-group type2"> <li class='submenu-group-item 1'> <div class="submenu-row-group"> <a href="/en/applications/semiconductor" class="submenu-item-link depth2">Semiconductor</a> </div> <div class="submenu-row-group"> <a href="/en/applications/polymer" class="submenu-item-link depth2">Polymer</a> </div> <div class="submenu-row-group"> <a href="/en/applications/metal-and-ceramic" class="submenu-item-link depth2">Metal and Ceramic</a> </div> <div class="submenu-row-group"> <a href="/en/applications/thin-film" class="submenu-item-link depth2">Thin Film</a> </div> </li> <li class='submenu-group-item 1'> <div class="submenu-row-group"> <a href="/en/applications/life-science" class="submenu-item-link depth2">Life Science</a> </div> <div class="submenu-row-group"> <a href="/en/applications/afm-exclusive" class="submenu-item-link depth2">AFM Exclusive</a> </div> <div class="submenu-row-group"> <a href="/en/applications/2d-materials" class="submenu-item-link depth2">2D-Materials</a> </div> <div class="submenu-row-group"> <a href="/en/applications/surface-engineering" class="submenu-item-link depth2">Surface Engineering</a> </div> </li> <li class='submenu-group-item 1'> <div class="submenu-row-group"> <a href="/en/applications/anisotropic-films" class="submenu-item-link depth2">Anisotropic Films</a> </div> <div class="submenu-row-group"> <a href="/en/applications/photonics" class="submenu-item-link depth2">Photonics</a> </div> <div class="submenu-row-group"> <a href="/en/applications/display" class="submenu-item-link depth2">Display</a> </div> </ul> </div> <div class="submenu-title-box"> <div class="title-box"> <h2 class="introduction-text">Precise Nanometrology Driving Sector Development. </h2> <p class="summary-text">Empowering Innovation Across Nanotechnology Industries.</p> <a href="/en/applications" class="more-btn">View All</a> </div> <div class="product-banner"> <a href="/en/applications/semiconductor" class="product-item-link"><img class="img-item" src="/content/dam/parksystems/images/thumbnail/NAV-Semiconductor.jpg" alt="Semiconductor"></a> </div> </div> </div> </div> </li> <li class="menu-item depth1"> <a class="menu-item-link depth1" href="/en/learning-center">Knowledge Center</a> <div class="submenu "> <div class="submenu-content-type2"> <div class="submenu-nav"> <ul class="submenu-group "> <li class='submenu-group-item'> <div class="submenu-row-group"> <a href="/en/learning-center/how-afm-works" class="submenu-item-link depth2">How AFM Works</a> </div> <div class="submenu-row-group"> <a href="/en/learning-center/webinar" class="submenu-item-link depth2">Webinar</a> </div> <div class="submenu-row-group"> <a href="/en/learning-center/image-gallery" class="submenu-item-link depth2">Image Gallery</a> </div> <div class="submenu-row-group"> <a href="/en/learning-center/scholarship" class="submenu-item-link depth2">Park AFM Scholarship</a> </div> </ul> </div> <div class="submenu-title-box"> <div class="title-box"> <h2 class="introduction-text">Unlock the World of Nanoscience. </h2> <p class="summary-text">Learn AFM Techniques from Experts <br>through Webinars, Tutorials, and References.</p> <a href="/en/learning-center" class="more-btn">View All</a> </div> </div> </div> </div> </li> <li class="menu-item depth1"> <a class="menu-item-link depth1" href="/en/service">Service</a> <div class="submenu "> <div class="submenu-content-type2"> <div class="submenu-nav"> <ul class="submenu-group "> <li class='submenu-group-item'> <div class="submenu-row-group"> <a href="/en/service/technicalforum" class="submenu-item-link depth2">Technical Forum</a> </div> <div class="submenu-row-group"> <a href="/en/service/park-probe-store" class="submenu-item-link depth2">Park Probe Store</a> </div> <div class="submenu-row-group"> <a href="/en/service/trainingeducation" class="submenu-item-link depth2">Training & Education</a> </div> <div class="submenu-row-group"> <a href="/en/contact/customer-service" class="submenu-item-link depth2">Technical Support & Repair</a> </div> <div class="submenu-row-group"> <a href="/en/sign-in/my-products" class="submenu-item-link depth2">Manuals & Software</a> </div> </ul> </div> <div class="submenu-title-box"> <div class="title-box"> <h2 class="introduction-text">Gateway to Full-Range Support.</h2> <p class="summary-text">Extensive & Essential Tools for Your AFM Needs.</p> <a href="/en/service" class="more-btn">View All</a> </div> </div> </div> </div> </li> <li class="menu-item depth1"> <a class="menu-item-link depth1" href="/en/company">Company</a> <div class="submenu "> <div class="submenu-content-type2"> <div class="submenu-nav"> <ul class="submenu-group "> <li class='submenu-group-item'> <div class="submenu-row-group"> <a href="/en/company/news" class="submenu-item-link depth2">News</a> </div> <div class="submenu-row-group"> <a href="/en/company/about-us" class="submenu-item-link depth2">About Us</a> </div> <div class="submenu-row-group"> <a href="/en/company/events" class="submenu-item-link depth2">Events</a> </div> <div class="submenu-row-group"> <a href="/en/company/career" class="submenu-item-link depth2">Career</a> </div> <div class="submenu-row-group"> <a href="/en/company/locations" class="submenu-item-link depth2">Locations</a> </div> </ul> </div> <div class="submenu-title-box"> <div class="title-box"> <h2 class="introduction-text">A World Leading Provider.</h2> <p class="summary-text">Enabling Nanoscale Innovation with Nanometrology <br>for Global Research and Engineering.</p> <a href="/en/company" class="more-btn">View All</a> </div> </div> </div> </div> </li> <li class="menu-item depth1"> <a class="menu-item-link depth1" href="/en/investors">Investors</a> <div class="submenu "> <div class="submenu-content-type2"> <div class="submenu-nav"> <ul class="submenu-group "> <li class='submenu-group-item'> <div class="submenu-row-group"> <a href="/en/investors/stock-information" class="submenu-item-link depth2">Stock Information</a> </div> <div class="submenu-row-group"> <a href="/en/investors/ir-news" class="submenu-item-link depth2">IR News</a> </div> <div class="submenu-row-group"> <a href="/en/investors/fiancial-statements" class="submenu-item-link depth2">Financial Statements</a> </div> <div class="submenu-row-group"> <a href="/en/investors/dividend-policy" class="submenu-item-link depth2">Dividend Policy</a> </div> <div class="submenu-row-group"> <a href="/en/investors/esg" class="submenu-item-link depth2">ESG</a> </div> </ul> </div> <div class="submenu-title-box"> <div class="title-box"> <h2 class="introduction-text">Partner in Nanotechnology Excellence.</h2> <p class="summary-text">Where Nanoscale Innovation <br>Meets Macro Investment Potential.</p> <a href="/en/investors" class="more-btn">View All</a> </div> </div> </div> </div> </li> </ul> </nav> <div class="header-buttons"> <a href="/en/contact" class="header-button">Contact</a> <a href="/en/sign-in" class="header-button" id="ASignin">Sign In</a> <div class="language-box"> <button class="label" data-event="toggle-blur">ENG</button> <ul class="option-list"> <li class="option-item active"><a class="option-item-link" href="/en" target="_blank">ENG</a></li> <li class="option-item"><a class="option-item-link" href="/kr" target="_blank">KOR</a></li> <li class="option-item"><a class="option-item-link" href="/jp" target="_blank">JPN</a></li> <li class="option-item"><a class="option-item-link" href="https://www.parksystems.cn" target="_blank">CHN</a></li> </ul> </div> <div class="haeder-search"><span></span></div> </div>  <div class="mobile-menu"> <nav class="mobile-nav">  <div class="user-box"> <div class="user-image"> <img class="img-item" src="/etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/user-bg.svg" alt="프로필 이미지" id="profileImg2"> </div> <div class="user-info"> <span class="greeting-text">Hello!</span> <span class="user-name" id="modile_user"></span> <a href="javascript:void(0)" class="logout-button" id="mobileLog">Logout</a> </div> <div class="user-menu" id="guestMenu1"> <a href="/en/sign-in/my-products" class="user-menu-item product"><span class="user-menu-item-text">My Supports</span></a> <a href="/en/sign-in/my-posts" class="user-menu-item post"><span class="user-menu-item-text">My Post</span></a> <a href="/en/sign-in/mypage-profile" class="user-menu-item profile"><span class="user-menu-item-text">My Profile</span></a> </div> <div class="user-menu" style="display:none;" id="employeeMenu1"> <a href="https://parksystems.brand-portal.adobe.com/mediaportal.html/content/dam/mac/parksystems" class="user-menu-item product" target="_blank"> <span class="user-menu-item-text">Intra Portal</span> </a> <a href="/en/sign-in/intrawiki" target="_blank" class="user-menu-item post"><span class="user-menu-item-text">Intra Wiki</span></a> <a href="/en/sign-in/mypage-profile" class="user-menu-item profile"><span class="user-menu-item-text">My Profile</span></a> </div> </div> <ul class="menu-list"> <li class="menu-item"> <a class="menu-item-link" data-event="add_class" data-target=".menu-item" data-class="open">Products</a> <ul class="submenu-list"> <li class="submenu-item back-button"><a href="/en/applications/" class="menu-item-link" data-event="remove_class" data-target=".menu-item" data-class="open">Back</a></li> <li class="submenu-item all-button"><a href="/en/products" class="menu-item-link">View All Products</a></li> <li class="submenu-item "><a href="/en/products/research-afm" class="menu-item-link">Research AFM</a></li> <li class="submenu-item "><a href="/en/products/in-line-metrology-afm" class="menu-item-link">Industrial AFM </a></li> <li class="submenu-item "><a href="/en/products/ellipsometers" class="menu-item-link">Ellipsometer</a></li> <li class="submenu-item blank-button"><a href="/en/products/active-vibration-isolation" class="menu-item-link" target='_blank'>Active Vibration Isolation</a></li> </ul> </li> <li class="menu-item"> <a class="menu-item-link" data-event="add_class" data-target=".menu-item" data-class="open">Applications</a> <ul class="submenu-list"> <li class="submenu-item back-button"><a href="/en/applications/" class="menu-item-link" data-event="remove_class" data-target=".menu-item" data-class="open">Back</a></li> <li class="submenu-item all-button"><a href="/en/applications" class="menu-item-link">View All Applications</a></li> <li class="submenu-item "><a href="/en/applications/semiconductor" class="menu-item-link">Semiconductor</a></li> <li class="submenu-item "><a href="/en/applications/polymer" class="menu-item-link">Polymer</a></li> <li class="submenu-item "><a href="/en/applications/metal-and-ceramic" class="menu-item-link">Metal and Ceramic</a></li> <li class="submenu-item "><a href="/en/applications/thin-film" class="menu-item-link">Thin Film</a></li> <li class="submenu-item "><a href="/en/applications/life-science" class="menu-item-link">Life Science</a></li> <li class="submenu-item "><a href="/en/applications/afm-exclusive" class="menu-item-link">AFM Exclusive</a></li> <li class="submenu-item "><a href="/en/applications/2d-materials" class="menu-item-link">2D-Materials</a></li> <li class="submenu-item "><a href="/en/applications/surface-engineering" class="menu-item-link">Surface Engineering</a></li> <li class="submenu-item "><a href="/en/applications/anisotropic-films" class="menu-item-link">Anisotropic Films</a></li> <li class="submenu-item "><a href="/en/applications/photonics" class="menu-item-link">Photonics</a></li> <li class="submenu-item "><a href="/en/applications/display" class="menu-item-link">Display</a></li> </ul> </li> <li class="menu-item"> <a class="menu-item-link" data-event="add_class" data-target=".menu-item" data-class="open">Knowledge Center</a> <ul class="submenu-list"> <li class="submenu-item back-button"><a href="/en/applications/" class="menu-item-link" data-event="remove_class" data-target=".menu-item" data-class="open">Back</a></li> <li class="submenu-item all-button"><a href="/en/learning-center" class="menu-item-link">View All Knowledge Center</a></li> <li class="submenu-item "><a href="/en/learning-center/how-afm-works" class="menu-item-link">How AFM Works</a></li> <li class="submenu-item "><a href="/en/learning-center/webinar" class="menu-item-link">Webinar</a></li> <li class="submenu-item "><a href="/en/learning-center/image-gallery" class="menu-item-link">Image Gallery</a></li> <li class="submenu-item "><a href="/en/learning-center/scholarship" class="menu-item-link">Park AFM Scholarship</a></li> </ul> </li> <li class="menu-item"> <a class="menu-item-link" data-event="add_class" data-target=".menu-item" data-class="open">Service</a> <ul class="submenu-list"> <li class="submenu-item back-button"><a href="/en/applications/" class="menu-item-link" data-event="remove_class" data-target=".menu-item" data-class="open">Back</a></li> <li class="submenu-item all-button"><a href="/en/service" class="menu-item-link">View All Service</a></li> <li class="submenu-item "><a href="/en/service/technicalforum" class="menu-item-link">Technical Forum</a></li> <li class="submenu-item "><a href="/en/service/park-probe-store" class="menu-item-link">Park Probe Store</a></li> <li class="submenu-item "><a href="/en/service/trainingeducation" class="menu-item-link">Training & Education</a></li> <li class="submenu-item "><a href="/en/service/technicalsupport-repair" class="menu-item-link">Technical Support & Repair</a></li> <li class="submenu-item "><a href="/en/service/manualssoftware" class="menu-item-link">Manuals & Software</a></li> </ul> </li> <li class="menu-item"> <a class="menu-item-link" data-event="add_class" data-target=".menu-item" data-class="open">Company</a> <ul class="submenu-list"> <li class="submenu-item back-button"><a href="/en/applications/" class="menu-item-link" data-event="remove_class" data-target=".menu-item" data-class="open">Back</a></li> <li class="submenu-item all-button"><a href="/en/company" class="menu-item-link">View All Company</a></li> <li class="submenu-item "><a href="/en/company/news" class="menu-item-link">News</a></li> <li class="submenu-item "><a href="/en/company/about-us" class="menu-item-link">About Us</a></li> <li class="submenu-item "><a href="/en/company/events" class="menu-item-link">Events</a></li> <li class="submenu-item "><a href="/en/company/career" class="menu-item-link">Career</a></li> <li class="submenu-item "><a href="/en/company/locations" class="menu-item-link">Locations</a></li> <li class="submenu-item "><a href="/en/company/privacynotice" class="menu-item-link">Privacy & Cookie Policy </a></li> </ul> </li> <li class="menu-item"> <a class="menu-item-link" data-event="add_class" data-target=".menu-item" data-class="open">Investors</a> <ul class="submenu-list"> <li class="submenu-item back-button"><a href="/en/applications/" class="menu-item-link" data-event="remove_class" data-target=".menu-item" data-class="open">Back</a></li> <li class="submenu-item all-button"><a href="/en/investors" class="menu-item-link">View All Investors</a></li> <li class="submenu-item "><a href="/en/investors/stock-information" class="menu-item-link">Stock Information</a></li> <li class="submenu-item "><a href="/en/investors/ir-news" class="menu-item-link">IR News</a></li> <li class="submenu-item "><a href="/en/investors/fiancial-statements" class="menu-item-link">Financial Statements</a></li> <li class="submenu-item "><a href="/en/investors/dividend-policy" class="menu-item-link">Dividend Policy</a></li> <li class="submenu-item "><a href="/en/investors/esg" class="menu-item-link">ESG</a></li> </ul> </li> </ul> <div class="bottom-box">  <div class="button-box"> <a href="/en/sign-in" class="sign-button signinText">Sign In</a> </div> <div class="language-box"> <button class="label" data-event="toggle-blur">ENG</button> <ul class="option-list"> <li class="option-item active"><a class="option-item-link" href="/en" target="_blank">ENG</a></li> <li class="option-item"><a class="option-item-link" href="/kr" target="_blank">KOR</a></li> <li class="option-item"><a class="option-item-link" href="/jp" target="_blank">JPN</a></li> <li class="option-item"><a class="option-item-link" href="https://www.parksystems.cn" target="_blank">CHN</a></li> </ul> </div> </div> </nav> <div class="mobile-menu-footer"> <footer class="footer-navBar-wrapper"> <nav class="footer-navBar"> <div class="container-wrapper"> <div class="footer-navList-wrapper"> <div class="mobile-footer"> <ul class="footer-sns"> <li class="footer-sns-facebook"><a href="https://www.facebook.com/ParkSystemsAFM" target="_blank"></a></li> <li class="footer-sns-instagram"><a href="https://www.linkedin.com/company/park-systems-afm" target="_blank"></a></li> <li class="footer-sns-youtube"><a href="http://www.youtube.com/channel/UCxZUerRhOzeyI5ACcuXIjGA" target="_blank"></a></li> </ul> <ul class="footer-privacy-mobile"> <li class="footer-privacy-mobile-items"><a href="/en/contact">Contact Us</a></li>  <li class="footer-privacy-mobile-items"><a href="/en/company/privacynotice">Privacy & Cookie Policy</a></li>  </ul> </div> <div class="footer-navList footer-legalWrapper"> <ul class="footer-legalWrapper-items"> <li class="footer-copyright"> Copyright © 2024 Park Systems. All Rights Reserved. </li> <li class="footer-privacy desktop-footer"> <ul class="footer-privacy-items"> <li class="footer-privacy-link"><a href="/en/contact">Contact Us</a></li>  <li class="footer-privacy-link"><a href="/en/company/privacynotice">Privacy & Cookie Policy</a></li>  </ul> </li> </ul> </div> </div> </div> </nav> </footer> </div> </header> <div id="cookiemodal" class="modal-cookie"> <div class="modal-wrapper modal-cookie-wrapper"> <div class="modal-auto-scroll"> <div class="modal-cookie-text"> We use cookies or similar technologies as specified in our privacy policy to enhance your experience. If you would like to learn more about how we use cookies, click <a href="/en/company/privacynotice?cookie" target="_blank">"Cookie Policy"</a>. </div> <div class="modal-btn-wrapper gap-12"> <div class="medium-btn-white"><button type="button" class="modal-close" id="btnCoRej">Reject</button></div> <div class="medium-btn-skyblue"><button type="button" id="btnCoAccept">Accept</button></div> </div> </div> </div> </div> <div class="global-search-wrapper"> <div class="global-search-container"> <div class="container-wrapper"> <div class="global-search-close"></div> <div class="global-search-contents"> <div class="global-search-bar"> <input type="search" class="probestore-Search-input" placeholder="Search" maxlength="100" role="search" tabindex="0" autocomplete="off" rows="1" id="inputsearch"> <button id="btnsearch"><img src="/etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-search.png" alt=""></button> <div class="search-autocomplete-wrapper" style="display: none"> <div id="auto-complete"></div> <div class="autocomplete-footer"> <button type="button" class="autocomplete-close">Close</button> </div> </div> </div>  </div> </div> </div> </div> <script type="text/javascript" src="https://alcdn.msauth.net/lib/1.4.17/js/msal.min.js"></script> <script src="https://alcdn.msauth.net/browser/2.30.0/js/msal-browser.js" integrity="sha384-o4ufwq3oKqc7IoCcR08YtZXmgOljhTggRwxP2CLbSqeXGtitAxwYaUln/05nJjit" crossorigin="anonymous"></script> <script> $(document).ready(function(){ //스니펫 준비.. var pcormo = ""; var lang = ""; var mobile = false if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(navigator.userAgent)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))){ mobile = true; } if(mobile == true){ //pcormo = "m.parksystems.com"; pcormo = "MO"; } else{ //pcormo = "parksystems.com"; pcormo = "PC"; } ///////////////////////////////////// if($(".header-buttons").find(".active").text() == "ENG"){ $(".modal-cookie-text").html(`We use cookies or similar technologies as specified in our privacy policy to enhance your experience. If you would like to learn more about how we use cookies, click <a href="/content/parksystems/en/company/privacynotice.html?cookie" target="_blank">"Cookie Policy"</a>.`); $("#btnCoRej").html(`Reject`); $("#btnCoAccept").html(`Accept`); lang = "en"; } else if($(".header-buttons").find(".active").text() == "JPN"){ $(".modal-cookie-text").html(`We use cookies or similar technologies as specified in our privacy policy to enhance your experience. If you would like to learn more about how we use cookies, click <a href="/content/parksystems/en/company/privacynotice.html?cookie" target="_blank">"Cookie Policy"</a>.`); $("#btnCoRej").html(`Reject`); $("#btnCoAccept").html(`Accept`); lang = "jp"; } else if($(".header-buttons").find(".active").text() == "KOR"){ $(".modal-cookie-text").html(`당사에서는 귀하의 웹 탐색 경험을 개선하기 위해 개인정보 보호정책에 따라 쿠키 및 유사한 기술을 사용합니다. 더 자세한 정보를 알고싶으시면 <a href="/content/parksystems/en/company/privacynotice.html?cookie" target="_blank">'쿠키 정책'</a>을 클릭하십시오.`); $("#btnCoRej").html(`비동의`); $("#btnCoAccept").html(`동의`); lang = "kr"; } else { $(".modal-cookie-text").html(`我们会使用通过 Cookie 和其他类似技术收集到的信息来提升您的用户体验，并提高我们的整体服务质量。想了解更多，请点击<a href="/content/parksystems/en/company/privacynotice.html?cookie" target="_blank">‘Cookie政策’</a>。`); $("#btnCoRej").html(`反对`); $("#btnCoAccept").html(`同意`); lang = "cn"; } function setCookie1(cname, cvalue, exdays) { const d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); let expires = "expires="+d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } function getCookie1(cname) { let name = cname + "="; let ca = document.cookie.split(';'); for(let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } //쿠키! if( (!getCookie1("cookieAllowed") || getCookie1("cookieAllowed") == "null" || getCookie1("cookieAllowed") == undefined || getCookie1("cookieAllowed") != "Y") && (sessionStorage.getItem("cookieAllw") != "N" || sessionStorage.getItem("cookieAllw") == null)){ $("#cookiemodal").addClass("active"); } $("#btnCoAccept").click(function(){ setCookie1("cookieAllowed","Y",3); $("#cookiemodal").removeClass("active"); }); $("#btnCoRej").click(function(){ $("#cookiemodal").removeClass("active"); sessionStorage.setItem("cookieAllw","N"); }); var loginUser = null; $.ajax({ type: 'POST', url: '/bin/parksystems/Login', data: { getInfo: "GetUser" }, success: function (result) { if(result.data != undefined && result.data != "null"){ $('.user-box').show(); loginUser = JSON.parse(result.data); //일단 세션에 저장하자... 헤드에서 사용자 정보를 불러올 방법이 없음.jquery가 안됨.. sessionStorage.setItem("loginUserInfo",JSON.stringify(loginUser)); //스니펫... window.dataLayer = window.dataLayer || []; if($("html").attr("lang") != "zh-CN"){ dataLayer.push({ 'is_member': 'Y', 'index_hostname': pcormo, 'index_language': lang, 'user_id': sha256(loginUser.email) }); } //console.log(dataLayer); ///////////////////////////////////////// if(loginUser != null && loginUser.id == undefined) { // M365 토큰 가져온 후 프로필사진 가져오기 getTokenRedirect(loginRequest2) .then(response => { callMSGraph2(graphConfig.graphMeEndpoint, response.accessToken, updateUI2); }).catch(error => { console.log(error); }); $(".signinText").each(function() { //$(this).text("Sign Out"); $(this).text("My Page"); }); $("#ASignin").text("My Page"); $(".user-name").each(function() { $(this).text(loginUser.username ? loginUser.username : loginUser.name); }); //모바일 $("#modile_user").val(loginUser.username ? loginUser.username : loginUser.name); $("#mobileLog").text("Logout"); if (loginUser.id) { $("#guestMenu1").show(); $("#employeeMenu1").hide(); } else { $("#guestMenu1").hide(); $("#employeeMenu1").show(); } } else if(loginUser != null && loginUser.id){ $(".signinText").each(function() { $(this).text("My Page"); }); $("#ASignin").text("My Page"); $(".user-name").each(function() { $(this).text(loginUser.username ? loginUser.username : loginUser.name); }); //모바일 $("#modile_user").val(loginUser.username ? loginUser.username : loginUser.name); $("#mobileLog").text("Logout"); if (loginUser.id) { $("#guestMenu1").show(); $("#employeeMenu1").hide(); } else { $("#guestMenu1").hide(); $("#employeeMenu1").show(); } } } else{ //스니펫... window.dataLayer = window.dataLayer || []; if($("html").attr("lang") != "zh-CN"){ dataLayer.push({ 'is_member': 'N', 'index_hostname': pcormo, 'index_language': lang }); } console.log(dataLayer); //////////////////////////////// $('.user-box').hide(); $(".signinText").each(function() { $(this).text("Sign In"); }); //로그인 안됐을 경우 모바일 메뉴,. $("#guestMenu1").show(); $("#employeeMenu1").hide(); } } }); $(".signinText").click(function(e) { e.preventDefault(); if(loginUser == null) { location.href="/content/parksystems/en/sign-in.html"; } else{ location.href="/content/parksystems/en/sign-in/mypage-profile.html"; } }); $("#ASignin").click(function(e) { e.preventDefault(); if(loginUser == null) { location.href="/content/parksystems/en/sign-in.html"; } else{ location.href="/content/parksystems/en/sign-in/mypage-profile.html"; } }); $("#mobileLog").click(function(){ $.ajax({ type: 'POST', url: '/bin/parksystems/Login', data: { getInfo: "LogOut" }, success: function (result) { location.href = "/content/parksystems/en/sign-in.html"; } }); }); $(".haeder-search span").click(function () { $(".global-search-wrapper").addClass('active'); $("#inputsearch").focus(); }); $(".mobile-search-btn span").click(function () { $(".global-search-wrapper").addClass('active'); }); $(".global-search-close").click(function () { $(".global-search-wrapper").removeClass('active'); }); // checkbox close $(document).mouseup(function (e){ var CheckboxLayout = $(".global-search-wrapper"); if(CheckboxLayout.has(e.target).length === 0){ CheckboxLayout.removeClass("active"); } }); /* ===================== M365 API ===================== */ const msalConfig2 = { auth: { // Cloud (ParkSystems) clientId: 'afe0ab17-3289-4ab9-a994-39914cee0cab', authority: "https://login.microsoftonline.com/7634c4dc-9a4e-4615-932e-99f681471d92", // redirect_url: "https://author-p123470-e1240060.adobeaemcloud.com/content/parksystems/en/sign-in.html" // DEV // redirect_url: "https://author-p123470-e1337633.adobeaemcloud.com/content/parksystems/en/sign-in.html" // DEV2 redirect_url: "https://publish-p123470-e1337633.adobeaemcloud.com/content/parksystems/en/sign-in.html" // DEV2 // Test on Local (Neodigm) /*clientId: '13c43d3c-4cc4-4bf2-b1ae-8505e57a9ecd', authority: "https://login.microsoftonline.com/cd09cd39-4ec5-43e0-a1b9-ec66909a9ced", redirect_url: "http://localhost:4502/content/parksystems/en/main/sign-in.html"*/ }, cache: { cacheLocation: "sessionStorage", // This configures where your cache will be stored storeAuthStateInCookie: false, // Set this to "true" if you are having issues on IE11 or Edge } }; const myMSALObj2 = new msal.PublicClientApplication(msalConfig2); /* myMSALObj2.handleRedirectPromise() .then(handleResponse2) .catch((error) => { console.error(error); }); */ async function getProjectConstants(token) { const response = await fetch(`https://graph.microsoft.com/v1.0/me/photo/$value`, { method: 'GET', headers: { 'Authorization': `Bearer ` + token } }); return response; } async function callMSGraph2(endpoint, token, callback) { const headers = new Headers(); const bearer = `Bearer `; headers.append("Authorization", bearer); const options = { method: "GET", headers: headers }; console.log('request made to Graph API at: ' + new Date().toString()); var response = await getProjectConstants(token); console.log(response); const blob = await response.blob(); const urlCreator = window.URL || window.webkitURL; const imageUrl = urlCreator.createObjectURL(blob); $("#profileImg2").attr('src', imageUrl); } const graphConfig = { graphMeEndpoint: "https://graph.microsoft.com/v1.0/me/photo/$value", }; const loginRequest2 = { scopes: ["User.Read"] }; /* function handleResponse2(response) { if (response !== null) { } } */ function getTokenRedirect(request) { /** * See here for more info on account retrieval: * https://github.com/AzureAD/microsoft-authentication-library-for-js/blob/dev/lib/msal-common/docs/Accounts.md */ request.account = myMSALObj2.getAccountByUsername(loginUser.email); return myMSALObj2.acquireTokenSilent(request) .catch(error => { console.log("silent token acquisition fails. acquiring token using redirect"); if (error instanceof msal.InteractionRequiredAuthError) { // fallback to interaction when silent call fails return myMSALObj2.acquireTokenRedirect(request); } else { console.log(error); } }); } function updateUI2(data, endpoint) { console.log('Graph API responded at: ' + new Date().toString()); if (endpoint === graphConfig.graphMeEndpoint) { } } /* ===================== End of M365 API ===================== */ }); </script>  <script> $(function () { let timeoutId; // 최소 검색어 길이 const MINIMUM_TERM_LEN = 3; const $searchInput = $(".global-search-bar input[type='search']"); const $searchBtn = $(".global-search-bar button#btnsearch"); const $autoCompleteWrapper = $(".global-search-bar .search-autocomplete-wrapper"); const $autoComplete = $(".global-search-bar #auto-complete"); const $autoCompleteCloseBtn = $(".global-search-bar button.autocomplete-close"); let autoCompleteData = []; let autoCompleteCursor = -1; const curLang = $("html").attr("lang"); const shortLang = curLang === "en" ? "en" : curLang === "ko-KR" ? "kr" : curLang === "ja" ? "jp" : "cn"; // 자동완성 이벤트 핸들러 $searchInput.keyup(function (e) { if (e.key === "ArrowDown" || e.key === "ArrowUp") return; const searchTerm = e.target.value; autoCompleteCursor = -1; // 최소 글자수 아래인 경우 if (searchTerm.length < MINIMUM_TERM_LEN) { $autoCompleteWrapper.hide(); return; } // 이벤트 발생 횟수 최적화를 위한 타임아웃 clearTimeout(timeoutId); timeoutId = setTimeout(function () { // 자동완성 추천 검색어 받아오는 로직 $.ajax({ type: "POST", url: "/bin/parksystems/search/autocomplete", data: { q: searchTerm, lang: curLang, }, success: function (response) { const searchInputText = e.target.value; let data = JSON.parse(response).result; // occurrence 일정 횟수 이상 따라 필터링 // const data = JSON.parse(response).result.filter( // (d) => d.occurrence > 1 // ); data.sort((a, b) => { const indexCompare = a.term.indexOf(searchInputText) - b.term.indexOf(searchInputText); // 1순위: 맨 앞에 검색어가 나옴 if (indexCompare !== 0) return indexCompare; else { // 2순위: 길이가 짧음 const lengthCompare = a.term.length - b.term.length; if (lengthCompare) return lengthCompare; else { // 3순위: 알파벳 순 if (a.term < b.term) { return -1; } if (a.term > b.term) { return 1; } return 0; } // } } }); // 10개만 출력 data = data.length > 10 ? data.slice(0, 10) : data; const $autoComplete = $(".global-search-bar #auto-complete"); $autoComplete.children().remove(); if (data.length === 0) { // empty UI? $autoCompleteWrapper.hide(); return; } autoCompleteData = data; // 자동완성 굵은 글씨 강조 렌더링 data.forEach((d) => { const startIdx = d.term .toLowerCase() .indexOf(searchTerm.toLowerCase()); const endIdx = startIdx + searchTerm.length; if (startIdx === -1) return null; const rest = d.term.replace(searchTerm.toLowerCase(), ""); const $curResultElement = $( `<a class="autocomplete-result-link" href="/`+ shortLang +`/search?q=` + d.term.toLowerCase() + `"><div><span>` + d.term.slice(0, startIdx) + `</span><strong>` + d.term.slice(startIdx, endIdx) + `</strong><span>` + d.term.slice(endIdx) + `</span></div></a>` ); $autoComplete.append($curResultElement); }); $autoCompleteWrapper.show(); }, error: function (xhr, status, error) { // 에러 처리 로직 console.error("Error:", error); }, }); }, 200); }); // focus시 자동완성 show $searchInput.focus(function (e) { if ( e.target.value.length > MINIMUM_TERM_LEN && autoCompleteData.length > 0 ) $autoCompleteWrapper.show(); }); // 검색 버튼 이벤트 핸들러 $searchBtn.click(function () { if ($searchInput.val().length < MINIMUM_TERM_LEN) { alert( "Search keyword is too short. Please use more than 2 characters." ); return; } const curQuery = new URLSearchParams(); curQuery.append("q", $searchInput.val()); curQuery.append("page", 1); location.href = "/" + shortLang + "/search?" + curQuery.toString(); }); // 자동완성 닫기 버튼 $autoCompleteCloseBtn.click(function () { $autoCompleteWrapper.hide(); }); // 자동완성 방향키 탐색 $searchInput.keydown((e) => { if (e.key === "ArrowDown") { e.preventDefault(); traverseCursor("DOWN"); } else if (e.key === "ArrowUp") { e.preventDefault(); traverseCursor("UP"); } else if (e.key === "Enter") { e.preventDefault(); if (e.target.value.length < MINIMUM_TERM_LEN) { alert( "Search keyword is too short. Please use more than 2 characters." ); return; } if (autoCompleteCursor === -1) { const curQuery = new URLSearchParams(); curQuery.append("q", e.target.value); curQuery.append("page", 1); location.href = "/" + shortLang + "/search?" + curQuery.toString(); } else { // 키워드 완성 $searchInput.val( $( ".search-autocomplete-wrapper .autocomplete-result-link[data-focused='true'] div" ).text() ); // 커서 리셋 traverseCursor("RESET"); } } }); // 자동완성 방향키 탐색 // dir: "UP" | "DOWN" | "RESET" function traverseCursor(dir) { const $resultNodes = $(".global-search-bar .autocomplete-result-link"); const canMoveDown = autoCompleteCursor < $resultNodes.length - 1; const canMoveUp = autoCompleteCursor > 0; if (dir === "RESET") { $resultNodes[autoCompleteCursor].dataset.focused = false; autoCompleteCursor = -1; } // 엣지 케이스 if ((dir === "DOWN" && !canMoveDown) || (dir === "UP" && !canMoveUp)) { return; } // 이전 커서 비활성화 if ($resultNodes[autoCompleteCursor]) { $resultNodes[autoCompleteCursor].dataset.focused = false; } // 이동 후 커서 활성화 if (dir === "DOWN") { if (canMoveDown) { $resultNodes[autoCompleteCursor + 1].dataset.focused = true; autoCompleteCursor++; } } else if (dir === "UP") { if (canMoveUp) { $resultNodes[autoCompleteCursor - 1].dataset.focused = true; autoCompleteCursor--; } } } }) </script></div> </div> </div> </div> </div> <div class="keyteaser aem-GridColumn aem-GridColumn--default--12"> <div class="key-teaser-wrapper"> <div class="key-teaser-bg"> <picture> <source srcset="/content/dam/parksystems/images/thumbnail/Keyteaser_grayBG_Mobile.jpg" media="(max-width: 750px)"> <img src="/content/dam/parksystems/images/thumbnail/Keyteaser_grayBG_PC.jpg" alt="" class="img-item"> </picture> </div> <div class="key-teaser-area "> <div class="container-wrapper FlexDirection-column"> <div class="key-teaser-text"> <h5 class="key-teaser-subTitle">Applications</h5> <h1 class="key-teaser-title">Display</h1> <p class="key-teaser-description">The nanoscale characterization of Display has always been a technically difficult challenge for researchers and requires instrumentation with the versatility to match ever-changing application needs. Park Systems is ready to helps such necessities for your research with high quality AFM products.</p> </div> </div> </div> </div></div> <div class="breadcrumb aem-GridColumn aem-GridColumn--default--12"> <div class="breadcrumbs-wrapper"> <div class="container-wrapper cmp-breadcrumb" id="breadcrumb-bb8a5ce827" aria-label="Breadcrumb" data-cmp-data-layer="{"breadcrumb-bb8a5ce827":{"@type":"parksystems/components/breadcrumb","repo:modifyDate":"2024-03-03T11:29:05Z"}}"> <ul class="breadcrumbs-items"> <li class="breadcrumbs-element cmp-breadcrumb__item-link"> <a itemprop="item" data-cmp-clickable class="breadcrumbs-link" href="/en"><img src="/etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-home.png" alt=""/> </a> </li> <li class="breadcrumbs-element cmp-breadcrumb__item-link"> <a itemprop="item" data-cmp-clickable class="breadcrumbs-link" href="/en/applications"> Applications </a> </li> <li class="breadcrumbs-element cmp-breadcrumb__item-link"> Display </li> </ul> </div> </div> </div> <div class="container responsivegrid section-wrapper section-first-page aem-GridColumn aem-GridColumn--default--12"> <div id="container-e5c6c31cfd" class="cmp-container"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="application_list aem-GridColumn aem-GridColumn--default--12">  <main> <div class="section-wrapper-type1"> <div class="container-wrapper applications-2depth">  <div id="technicalNoteCont" class="widthSize100"> <div class="FlexContainer JustifyFlexBetween AlignItemCenter"> <h3 class="element-h3">Technical Notes</h3> <div class="small-btn-arrow"> <a href="#" onclick="morefunc('technical')">More Technical Notes</a> </div> </div> <div id="technicalCont" class="element-border2-top element-border2-bottom desktop-margin-top-20 mobile-margin-top-20"></div> </div>  <div id="imageCalleryAllCont" class="aem-grid-area FlexWrap-wrap FlexDirection-column-mobile"> <div class="FlexContainer JustifyFlexBetween AlignItemCenter"> <h3 class="element-h3">Image Gallery</h3> <div class="small-btn-arrow"> <a href="#" onclick="morefunc('image')">More Image Gallery</a> </div> </div> <div id="imageGalleryCont" class="aem-grid-area FlexWrap-wrap FlexDirection-column-mobile"></div> </div>  <div id="webinarAllCont" class="FlexContainer FlexWrap-wrap"> <div class="FlexContainer JustifyFlexBetween AlignItemCenter"> <h3 class="element-h3">Webinars</h3> <div class="small-btn-arrow"> <a href="#" onclick="morefunc('webinar')">More Webinars</a> </div> </div> <div id="webinarsCont" class="aem-grid-area desktop-margin-top-20 mobile-margin-top-20 FlexWrap-wrap FlexDirection-column-mobile"></div> </div>  <div id="nssLectureAllCont" class="FlexContainer FlexWrap-wrap"> <div class="FlexContainer JustifyFlexBetween AlignItemCenter"> <h3 class="element-h3">NanoScientific Lectures</h3> </div> <div id="nssLectureCont" class="aem-grid-area desktop-margin-top-20 mobile-margin-top-20 FlexWrap-wrap FlexDirection-column-mobile"></div> </div>  <div id="interviewAllCont" class="FlexContainer FlexWrap-wrap"> <div class="FlexContainer JustifyFlexBetween AlignItemCenter"> <h3 class="element-h3">Interview</h3> <div class="small-btn-arrow"> <a href="#" onclick="morefunc('interview')">More Interview</a> </div> </div> <div id="interviewCont" class="FlexWrap-wrap element-border2-top element-border2-bottom desktop-margin-top-20 mobile-margin-top-20"></div> </div> </div> </div> </main> <script> //íì´ì§ ê´ë ¨ var curPage = 1; var totalPage = 1; var totalList = 0; var display = 12; $(document).ready(function () { loadLcList(1); }); function morefunc(value){ sessionStorage.setItem("ApplFilter", "Display"); if(value == "technical"){ location.href = "/content/parksystems/en/learning-center.technical.html"; } else if(value == "image"){ location.href = "/content/parksystems/en/learning-center.image.html"; } else if(value == "webinar"){ location.href = "/content/parksystems/en/learning-center.webinar.html"; } else if(value == "interview"){ location.href = "/content/parksystems/en/learning-center.interview.html"; } } function loadLcList() { $.ajax({ url: '/bin/parksystems/AppListCFList', method: 'POST', data: { lang: '*', tag : "Display" }, success: function (result) { //console.log(result); $("#technicalCont").empty(); $("#imageGalleryCont").empty(); $("#webinarsCont").empty(); $("#nssLectureCont").empty(); $("#interviewCont").empty(); var technicalCnt = 0; var imageCnt = 0; var webinarCnt = 0; var nssCnt = 0; var interviewCnt = 0; for (var i = 0; i < result.cfList.length; i++) { var data = result.cfList[i]; var langStr = ''; switch (data.lang) { case 'English': langStr = 'ENG'; break; case 'Korea': langStr = 'KOR'; break; case 'Japanese': langStr = 'JAP'; break; case 'Chinese': langStr = 'CHN'; break; default: langStr = ''; } if(data.knowledgeType == "ApplicationNotes"){ //technical Note var webUrl = '/en/learning-center/lc-detail.'; var temp = ` <div class="card-full-list-item"> <a href="`+webUrl+data.key+`" class="FlexContainer FlexDirection-column-mobile"> <div class="card-img-220x160-wrap desktop-margin-right-24" style='cursor:pointer;' onclick="location.href='`+webUrl+data.key+`'"> <img class="img-item" src="`+data.thumbImg+`" onerror="this.onerror=null; this.src='/content/dam/parksystems/learning-portal/technicalimg/default.jpg';"/> </div> <div class="card-FlexContainer horizontal220 JustifyCenter mobile-margin-top-20"> <h3 class="card-FlexContainer-title sentence-line1 ">`+data.tTitle+`</h3> <div class="card-FlexContainer-text sentence-line2 desktop-margin-top-12 mobile-margin-top-12">`+(data.summary ? data.summary : data.body)+`</div> <div class="card-FlexContainer-text2 desktop-margin-top-28 mobile-margin-top-10">`; if(data.createdAt != null && data.createdAt != ""){ temp += dateFormat(data.createdAt); } else{ temp += ""; } temp += `</div> </div> </a> </div> `; $("#technicalCont").append(temp); technicalCnt++; } else if(data.knowledgeType == "SampleImages"){ //Image Gallery var webUrl = "/en/learning-center/image-gallery/image-gallery-details."; var temp = ` <div class="desktop-col-3x4 tablet-col-3x2"> <div class="card-FlexContainer card-FlexContainer-border"> <a href="`+webUrl+data.key+`"> <div class="card-FlexContainer-thumbnail square-thumbnail"> <img src="`+data.thumbImg+`" onerror="this.onerror=null; this.src='/content/dam/parksystems/learning-portal/technicalimg/default.jpg';"/> </div> <div class="card-FlexContainer-wrapper"> <div class="card-FlexContainer-title sentence-line2 height60">`+data.tTitle+`</div> </div> </a> </div> </div>`; $("#imageGalleryCont").append(temp); imageCnt++; } else if(data.knowledgeType == "ApplicationsTalks" || data.knowledgeType == "SystemWebinars"){ //Webinars var webUrl = "/en/learning-center/webinar/webinar-details."; var temp = ` <div class="desktop-col-3x4 tablet-col-3x2"> <a href="`+webUrl+data.key+`"> <div class="card-FlexContainer card-FlexContainer-border"> <div class="card-FlexContainer-thumbnail thumbnail-16-9"> <img src="`+data.thumbImg+`" onerror="this.onerror=null; this.src='/content/dam/parksystems/learning-portal/technicalimg/default.jpg';"/> </div> <div class="card-FlexContainer-wrapper card-FlexContainer-wrapper-full"> <div class="card-FlexContainer-date desktop-margin-bottom-12 mobile-margin-bottom-12">`+ (data.createdAt ? dateFormat(data.createdAt) : "")+`</div> <h3 class="card-FlexContainer-title sentence-line2 desktop-margin-bottom-16 mobile-margin-bottom-16 height60">`+data.tTitle+`</h3> <div class="card-FlexContainer-text sentence-line5 height105">`+(data.summary ? data.summary : data.body)+`</div> </div> </div> </a> </div>`; $("#webinarsCont").append(temp); webinarCnt++; } else if(data.knowledgeType == "SciencesInstitute"){ //NanoScientific Lectures var webUrl = '/en/learning-center/lc-detail.'; var temp = ` <div class="desktop-col-3x4 tablet-col-3x2"> <a href="`+webUrl+data.key+`"> <div class="card-FlexContainer"> <div class="card-FlexContainer-thumbnail thumbnail-16-9"> <img src="`+data.thumbImg+`" onerror="this.onerror=null; this.src='/content/dam/parksystems/learning-portal/technicalimg/default.jpg';"/> </div> <div class="card-FlexContainer-wrapper"> <div class="card-FlexContainer-date desktop-margin-bottom-12 mobile-margin-bottom-12">`+ (data.createdAt ? dateFormat(data.createdAt) : "")+`</div> <h3 class="card-FlexContainer-title sentence-line5 desktop-margin-bottom-16 mobile-margin-bottom-16 height150">`+data.tTitle+`</h3> <div class="card-FlexContainer-sort ">`; if (data.tagApplication != null && data.tagApplication != "") { var arr = data.tagApplication.split("\n"); for(var j = 0; j < arr.length; j++){ temp += `<span class="card-FlexContainer-sort-item">`+arr[j]+`</span>`; } } if (langStr) { temp += `<span class="card-FlexContainer-sort-item">`+langStr`</span>`; } temp += `</div> </div> </div> </div>`; $("#nssLectureCont").append(temp); nssCnt++; } else if(data.knowledgeType == "NANOInsights"){ //Interview var webUrl = '/en/learning-center/lc-detail.'; var temp = ` <div class="card-full-list-item FlexContainer FlexDirection-column-mobile"> <a href="`+webUrl+data.key+`"> <div class="card-img-220x160-wrap desktop-margin-right-24"> <img class="img-item" src="`+data.thumbImg+`" onerror="this.onerror=null; this.src='/content/dam/parksystems/learning-portal/technicalimg/default.jpg';"/> </div> <div class="card-FlexContainer horizontal220 JustifyCenter"> <h3 class="card-FlexContainer-title sentence-line2 mobile-margin-top-20 ">`+data.tTitle+`</h3> <div class="card-FlexContainer-text2 desktop-margin-top-16 mobile-margin-top-10">15 Oct 2023</div> <div class="card-FlexContainer-sort desktop-margin-top-28 mobile-margin-top-28">`; if (data.tagApplication != null && data.tagApplication != "") { temp += `<span class="card-FlexContainer-sort-item">`+data.tagApplication+`</span>`; } if (langStr) { temp += `<span class="card-FlexContainer-sort-item">`+langStr`</span>`; } temp += `</div> </div> </a> </div>`; $("#interviewCont").append(temp); interviewCnt++; } } if(technicalCnt == 0){ $("#technicalNoteCont").hide(); } if(imageCnt == 0){ $("#imageCalleryAllCont").hide(); } if(webinarCnt == 0){ $("#webinarAllCont").hide(); } if(nssCnt == 0){ $("#nssLectureAllCont").hide(); } if(interviewCnt == 0){ $("#interviewAllCont").hide(); } } }); } // ë ì§ í¬ë§· ex) 22 Feb 2024 function dateFormat(val) { var date = new Date(val); var day = String(date.getDate()).padStart(2, '0'); var month = new Intl.DateTimeFormat('en-US', { month: 'short' }).format(date); var year = date.getFullYear(); return day + " " + month + " " + year;; } </script></div> </div> </div> </div> <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> <div id="container-142fae3eb5" class="cmp-container"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="footer navigation aem-GridColumn aem-GridColumn--default--12"> <footer class="footer-navBar-wrapper"> <nav class="footer-navBar"> <div class="container-wrapper"> <div class="footer-navList-wrapper"> <div class="mobile-footer"> <ul class="footer-sns"> <li class="footer-sns-facebook"><a href="https://www.facebook.com/ParkSystemsAFM" target="_blank"></a></li> <li class="footer-sns-instagram"><a href="https://www.linkedin.com/company/park-systems-afm" target="_blank"></a></li> <li class="footer-sns-youtube"><a href="http://www.youtube.com/channel/UCxZUerRhOzeyI5ACcuXIjGA" target="_blank"></a></li> <li class="footer-sns-x"><a href="https://x.com/park_systems" target="_blank"></a></li> </ul> <ul class="footer-privacy-mobile"> <li class="footer-privacy-mobile-items"><a href="/en/contact">Contact Us</a></li> <li class="footer-privacy-mobile-items"><a href="javascript:void(0)" onclick="newsclickFunc()">Newsletter</a></li> <li class="footer-privacy-mobile-items"><a href="/en/company/privacynotice">Imprint</a></li> <li class="footer-privacy-mobile-items"><a href="/en/company/privacynotice">Privacy & Cookie Policy</a></li>  </ul> </div> <ul class="footer-navList desktop-footer"> <li class="footer-navList-item"> <div class="footer-navList-title">Social Media</div> <ul class="footer-navList-col"> <li><a href="https://www.facebook.com/ParkSystemsAFM" target="_blank">FACEBOOK</a></li> <li><a href="https://www.linkedin.com/company/park-systems-afm" target="_blank">LINKEDIN</a></li> <li><a href="http://www.youtube.com/channel/UCxZUerRhOzeyI5ACcuXIjGA" target="_blank">YOUTUBE</a></li> <li><a href="https://x.com/park_systems" target="_blank">X</a></li> </ul> </li> <li class="footer-navList-item"> <div class="footer-navList-title">Products</div> <ul class="footer-navList-col"> <li><a href="/en/products/research-afm">Research AFM</a></li> <li><a href="/en/products/in-line-metrology-afm">Industrial AFM </a></li> <li><a href="/en/products/ellipsometers">Ellipsometer</a></li> <li><a href="/en/products/active-vibration-isolation" target='_blank'>Active Vibration Isolation</a></li> </ul> </li> <li class="footer-navList-item"> <div class="footer-navList-title">Applications</div> <ul class="footer-navList-col"> <li><a href="/en/applications/semiconductor">Semiconductor</a></li> <li><a href="/en/applications/polymer">Polymer</a></li> <li><a href="/en/applications/metal-and-ceramic">Metal and Ceramic</a></li> <li><a href="/en/applications/thin-film">Thin Film</a></li> <li><a href="/en/applications/life-science">Life Science</a></li> <li><a href="/en/applications/afm-exclusive">AFM Exclusive</a></li> <li><a href="/en/applications/2d-materials">2D-Materials</a></li> <li><a href="/en/applications/surface-engineering">Surface Engineering</a></li> <li><a href="/en/applications/anisotropic-films">Anisotropic Films</a></li> <li><a href="/en/applications/photonics">Photonics</a></li> <li><a href="/en/applications/display">Display</a></li> </ul> </li> <li class="footer-navList-item"> <div class="footer-navList-title">Knowledge Center</div> <ul class="footer-navList-col"> <li><a href="/en/learning-center/how-afm-works">How AFM Works</a></li> <li><a href="/en/learning-center/webinar">Webinar</a></li> <li><a href="/en/learning-center/image-gallery">Image Gallery</a></li> <li><a href="/en/learning-center/scholarship">Park AFM Scholarship</a></li> </ul> </li> <li class="footer-navList-item"> <div class="footer-navList-title">Service</div> <ul class="footer-navList-col"> <li><a href="/en/service/technicalforum">Technical Forum</a></li> <li><a href="/en/service/park-probe-store">Park Probe Store</a></li> <li><a href="/en/service/trainingeducation">Training & Education</a></li> <li><a href="/en/service/technicalsupport-repair">Technical Support & Repair</a></li> <li><a href="/en/service/manualssoftware">Manuals & Software</a></li> </ul> </li> <li class="footer-navList-item"> <div class="footer-navList-title">Company</div> <ul class="footer-navList-col"> <li><a href="/en/company/news">News</a></li> <li><a href="/en/company/about-us">About Us</a></li> <li><a href="/en/company/events">Events</a></li> <li><a href="/en/company/career">Career</a></li> <li><a href="/en/company/locations">Locations</a></li> <li><a href="/en/company/privacynotice">Privacy & Cookie Policy </a></li> </ul> </li> <li class="footer-navList-item"> <div class="footer-navList-title">Investors</div> <ul class="footer-navList-col"> <li><a href="/en/investors/stock-information">Stock Information</a></li> <li><a href="/en/investors/ir-news">IR News</a></li> <li><a href="/en/investors/fiancial-statements">Financial Statements</a></li> <li><a href="/en/investors/dividend-policy">Dividend Policy</a></li> <li><a href="/en/investors/esg">ESG</a></li> </ul> </li> <li class="footer-navList-item"> <div class="footer-navList-title">Active Vibration Control</div> <ul class="footer-navList-col"> <li><a href="/en/avi/products">Products</a></li> <li><a href="/en/avi/application">Applications</a></li> <li><a href="/en/avi/technology">Technology</a></li> <li><a href="/en/avi/company">Company</a></li> <li><a href="/en/avi/contact-us">Contact Us</a></li> </ul> </li> </ul> <div class="footer-navList footer-legalWrapper"> <ul class="footer-legalWrapper-items"> <li class="footer-copyright"> <span>Copyright © 2024 Park Systems. All Rights Reserved.</span> <span id="cnonlyText">京ICP备2020037944号</span> </li> <li class="footer-privacy desktop-footer"> <ul class="footer-privacy-items"> <li class="footer-privacy-link"><a href="/en/contact">Contact Us</a></li> <li class="footer-privacy-link"><a href="javascript:void(0)" id="footer-newsletter" onclick="newsclickFunc()">Newsletter</a></li> <li class="footer-privacy-link"><a href="/en/company/privacynotice">Imprint</a></li> <li class="footer-privacy-link"><a href="/en/company/privacynotice">Privacy & Cookie Policy</a></li>  </ul> </li> </ul> </div> </div> </div> </nav> </footer> <script src="//pages.parksystems.com/js/forms2/js/forms2.min.js"></script> <script> if($(".header-buttons").find(".active").text() == "CHN"){ $("#cnonlyText").show(); } else{ $("#cnonlyText").hide(); } function newsclickFunc(){ $("#footer-newsletter").addClass("mkto-btn-disabled"); MktoForms2.loadForm( "//pages.parksystems.com", "988-FTP-549", 2743, function (form) { form.setValues({ ps_Language: "en" }); MktoForms2.lightbox(form).show(); form.onSubmit(() => { var categoryList = $('input:checkbox[name="psNewsOfInterest"]:checked').val(); var indexList = $('input:checkbox[name="psNewsResearchTopic"]:checked').val(); if($("html").attr("lang") != "zh-CN"){ dataLayer.push({ 'event': 'submit_newsletter', 'category': categoryList, 'index': indexList }); } }) $("#footer-newsletter").removeClass("mkto-btn-disabled"); } ); } </script></div> </div> </div> </div> </div> </div> </div> </body> </html>

CINXE.COM

Display | Park Systems