{"id":11,"date":"2026-11-05T16:51:40","date_gmt":"2026-11-05T07:51:40","guid":{"rendered":"https:\/\/yunjin71953.mycafe24.com\/?page_id=11"},"modified":"2026-11-09T08:43:04","modified_gmt":"2026-11-08T23:43:04","slug":"home","status":"publish","type":"page","link":"https:\/\/yunjinenc.co.kr\/","title":{"rendered":"Home"},"content":{"rendered":"\n<link rel='stylesheet' href='https:\/\/cdn-uicons.flaticon.com\/2.6.0\/uicons-solid-straight\/css\/uicons-solid-straight.css'>\n\n<!-- \uc560\ub2c8\uba54\uc774\uc158 \ubc0f \uc2ac\ub77c\uc774\ub354 CSS (\uac01 1\ud68c) -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/aos@2.3.1\/dist\/aos.css\" \/>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n\n<style>\n\n\n\n.inner {width:90%; margin:0 auto; max-width:1600px;      }\n.sec2, .sec3, .sec4 { padding:150px 0;}\n.sec2, .sec4 { background:#fbfbfb;}\n.title-wrap {margin-bottom:50px;}\n.title-wrap h1 {font-weight:700; color:#000; margin-bottom: 0;}\n.title-wrap h6 {color:#000;}\n.title-wrap h6 span { font-weight:700;}\n\n\/* \uc139\uc1581 *\/\n.sec1 { height: 100vh;}\n\/* \uba54\uc778 \ubc30\ub108 Swiper: \ub2e4\ub978 \uc2ac\ub77c\uc774\ub4dc\uc5d0 \uc601\ud5a5\uc774 \uc5c6\ub3c4\ub85d \ubc94\uc704\ub97c \uc81c\ud55c *\/\n.sec1 .mySwiper {position:relative; margin-left:auto; margin-right:auto; width:100%; height:100vh; overflow:hidden;}\n.sec1 .swiper-wrapper {position:relative;}\n.sec1 .swiper-slide {display:flex; align-items:center; justify-content:center;}\n.sec1 .swiper-slide img {width:100%; height:100%; object-fit:cover; transition:transform 3s ease; transform:scale(1.1);}\n.sec1 .swiper-slide.active-slide img {transform:scale(1);}\n\n.sec1 .title {     position: absolute;\n    z-index: 5;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    animation: txt-up 2s;\n    width: 90%;\n    max-width: 1600px;}\n.sec1 .title * {color:#fff;}\n.sec1 .title h2 {line-height: 1.5em !important; font-weight: 400;}\n.sec1 .title h2 span {font-weight: 700;}\n\n@keyframes txt-up{\n 0% {top: 55%; opacity: 0;}\n 100% {top: 50%; opacity: 1;}\n}\n\n\/* \uc2ac\ub77c\uc774\ub4dc \ubc84\ud2bc: \uc6d0\ubcf8 \uc6d0\ud615 \uc774\ubbf8\uc9c0(prev.png \/ next.png) \uc720\uc9c0 *\/\n.sec1 .pageBtn {display:flex; align-items:center; gap:10px; margin-top:60px;}\n.sec1 .pageBtn .swiper-button-next,\n.sec1 .pageBtn .swiper-button-prev {\n    position:static !important;\n    display:block;\n    flex:0 0 20px;\n    width:20px;\n    height:20px;\n    margin:0;\n    padding:0;\n    border:0;\n    border-radius:50%;\n    color:#fff;\n    cursor:pointer;\n    box-shadow:none;\n    appearance:none;\n    background-color:transparent;\n    background-repeat:no-repeat;\n    background-position:center;\n    background-size:100% auto;\n}\n.sec1 .pageBtn .swiper-button-prev {\n    margin-left:20px;\n    background-image:url('\/wp-content\/uploads\/2026\/11\/prev.png');\n}\n.sec1 .pageBtn .swiper-button-next {\n    background-image:url('\/wp-content\/uploads\/2026\/11\/next.png');\n}\n\/* Swiper\uc758 \uae30\ubcf8 \ud654\uc0b4\ud45c\ub294 \uc228\uae30\uace0 \uae30\uc874 \uc774\ubbf8\uc9c0 \ubc84\ud2bc\ub9cc \ud45c\uc2dc *\/\n.sec1 .pageBtn .swiper-button-next::after,\n.sec1 .pageBtn .swiper-button-prev::after {display:none !important; content:none !important;}\n.sec1 .pageBtn .swiper-button-disabled {opacity:.5;}\n.sec1 .pageBtn .swiper-button-next:focus-visible,\n.sec1 .pageBtn .swiper-button-prev:focus-visible {outline:2px solid #fff; outline-offset:3px;}\n.sec1 .swiper-pagebar {position:relative; width:200px; height:2px; background:rgba(255,255,255,.2); overflow:hidden;}\n.sec1 .pagebarBg {position:absolute; left:0; bottom:0; width:0; height:100%; background:#fff; transition:none;}\n.sec1 .pageBtn .slide-number {font-size:16px;}\n\n\n\/* \uc139\uc1582 *\/\n.sec2 {}\n.sec2 .inner {}\n.sec2 .item-wrap {    display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap: 30px;}\n.sec2 .item-wrap a { padding: 45px 25px 35px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #fff;border-radius: 0 0 30px 0px;box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1);}\n.sec2 .item-wrap a .img-wrap {}\n.sec2 .item-wrap a .img-wrap img { width:80px; height:80px;}\nimg.icon-w {display:none;}\n.sec2 .item-wrap a h5 {font-weight: 700;color: #000;text-align:center;}\n.sec2 .item-wrap a h5.num {font-family: 'GmarketSansBold';color: var(--point-color);    margin: 30px 0 0; }\n.view-btn {      background: #fff;  font-size: 16px;\n    color: #555;\n    border: 1px solid #ddd;\n    width: 140px;\n    height: 42px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 30px;\n    margin-top: 15px;}\n\n.sec2 .item-wrap a:hover { background-color:var(--point-color);}\n.sec2 .item-wrap a:hover .icon-c {display:none;}\n.sec2 .item-wrap a:hover .icon-w {display:block;}\n.sec2 .item-wrap a:hover h5 {color:#fff;}\n\n\/* \uc139\uc1583 *\/\n.sec3 {position: relative;padding: 150px 0 0px;}\n.sec3 .inner {z-index: 10;position: relative;}\n.sec3 .title-wrap {}\n.sec3 .title-wrap h1 {font-weight:400;}\n.sec3 .title-wrap h1 span {font-weight:700;}\n.sec3 .title-wrap h5 {line-height: 1.8em !important;font-weight: 400;color: #222;}\n.sec3 .view-btn {border:1px solid var(--point-color); color: var(--point-color);    margin-top: 60px;}\n.sec3 .view-btn:hover {background: var(--point-color); color:#fff;}\n.sec3 .bg-wrap {    display: flex;justify-content: right;position: relative;z-index: 5;    top: -100px;right: 0;}\n.sec3 .bg-wrap img {    width: fit-content;}\n.sec3 .bg-wrap:before {display:block;content:'';    width: 100px;\n    height: 100px;\n    background: var(--point-color);\n    opacity: 0.1;\n    border-radius: 50%;\n    position: absolute;\n    top: -110px;\n    left: 60%; animation: cirPoint1 3s linear infinite;}\n.sec3 .bg-wrap:after {    display: block;\n    content: '';\n    width: 435px;\n    height: 435px;\n    border-radius: 50%;\n    border: 1px solid var(--point-color);\n    opacity: 0.5;\n    position: absolute;\n        left: calc(50% - 50px);\n    top: 50px;animation: cirPoint2 3s linear infinite;}\n@keyframes cirPoint1 {\n  0% { transform: translateY(0); }\n  50% { transform: translateY(-10%); }\n  100% { transform: translateY(0%); }\n}\n@keyframes cirPoint2 {\n  0% { transform: translateY(0); }\n  50% { transform: translateY(10%); }\n  100% { transform: translateY(0%); }\n}\n\n\n\/* \ud14d\uc2a4\ud2b8 \ub760\ubc30\ub108 *\/\n.txt-bnr {    position: absolute;white-space: nowrap;will-change: transform; animation: marquee 60s linear infinite;bottom: 10%;}\n.txt-bnr h1 {font-size:150px !important; font-weight:bold; color:var(--point-color); opacity:0.1;    margin: 0;}\n.txt-bnr span{ width:25px; height:25px;     position: relative; border-radius:50%;display: inline-block;    top: -20px;margin: 0 15px;}\n\n@keyframes marquee {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n\n\n\n\/* \uc139\uc1584 *\/\n.sec4 {}\n.sec4 .inner {}\n.sec4 .item-wrap {    display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 30px;}\n.sec4 .item-wrap a { padding: 45px 25px 35px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #fff;border-radius: 0 0 30px 0px;box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1);}\n.sec4 .item-wrap a i { color:var(--point-color); font-size: 30px;}\n.sec4 .item-wrap a h4 {font-weight: 700;color: #000;text-align:center;}\n\n.sec4 .item-wrap a:hover { background-color:var(--point-color);}\n.sec4 .item-wrap a:hover h4, .sec4 .item-wrap a:hover i {color:#fff;}\n\n\n\n\/* \ubc18\uc751\ud615 *\/\n@media (max-width:1800px){\n.sec3 .bg-wrap:after {left: calc(50% - 150px);}\n}\n@media (max-width:1800px){\n.sec3 .bg-wrap:after {left: calc(50% - 200px);}\n}\n@media (max-width:1440px){\nh1 {font-size:50px !important;}\nh2 {font-size:40px !important;}\n.sec2 .item-wrap {grid-template-columns: 1fr 1fr 1fr;gap: 30px;}\n.sec3 .bg-wrap:before {width: 70px;height: 70px;    top: -70px;}\n.sec3 .bg-wrap:after {left: calc(50% - 250px);}\n}\n@media (max-width:1024px){\nh1 {font-size:36px !important;}\nh4 {font-size:24px !important;}\nh5 {font-size:20px !important;}\n.sec2 .item-wrap a .img-wrap img {width: 60px;height: 60px;}\n.sec2 .item-wrap a, .sec4 .item-wrap a {    padding: 30px 20px 25px;}\n.sec2 .item-wrap a h5.num {    margin: 15px 0 0;}\n.sec3 .bg-wrap img {width:70%;}\n.sec3 .bg-wrap:after {width: 300px;height: 300px; left: calc(50% - 300px);}\n.txt-bnr h1 {font-size: 100px !important;}\n.sec4 .item-wrap {    grid-template-columns: 1fr 1fr ;}\n\n}\n@media (max-width:991px){\n\t\n}\n@media (max-width:815px){\n.sec3 .title-wrap h5 br {display:none;}\n}\n@media (max-width:768px){\nh2 {font-size:32px !important;}\n.txt-bnr h1 {font-size: 70px !important;}\n.sec2 .item-wrap { grid-template-columns: 1fr 1fr ;}\n.sec2 .item-wrap , .sec4 .item-wrap {gap:20px;}\n}\n@media (max-width:600px){\nh1 {font-size:32px !important;}\nh1 br {display:none;}\nh2 {font-size:28px !important;}\n.title-wrap h1 {font-size:24px !important;}\n.sec2 .item-wrap a:hover h5 {margin:0 auto;}\n.sec3 .bg-wrap:after {width: 150px;height: 150px; left: calc(50% - 120px);}\n}\n@media (max-width:500px){\nh4 {font-size:20px !important;}\nh5, h6 {font-size:16px !important;}\n.sec2, .sec3, .sec4 {padding: 70px 0;}\n.inner, .sec1 .title {    width: 85%;}\n.view-btn {width: 130px; height: 38px;   font-size: 14px;}\n.sec1 .title h2 br {display:none;}\n.swiper-pagebar {    width: 170px;}\n.sec2 .item-wrap, .sec4 .item-wrap { grid-template-columns: 1fr ;}\n.sec3 .view-btn {margin-top: 30px;}\n.sec3 .bg-wrap {    top: -40px;}\n.sec3 .bg-wrap:before {width: 40px;height: 40px;top: -50px;}\n.txt-bnr h1 {font-size: 50px !important;}\n}\n@media (max-width:425px){\n\t\n}\n@media (max-width:375px){\n\t\n}\n\n<\/style>\n\n\n\n<div class=\"section sec1\">\n<div class=\"swiper mySwiper\">\n\n<div class=\"title\">\n<h6>We maximize your value<\/h6>\n<h2>\uace0\uac1d \uac10\ub3d9\uacfc \uac00\uce58 \ucc3d\uc870 \uc2e4\ud604\uc744 \uc704\ud55c \uae30\uc5c5 <br><span>(\uc8fc)\uc724\uc9c4\uc774\uc5d4\uc528<\/span><\/h2>\n<div class=\"pageBtn\">\n<div class=\"slide-number current-slide\"><\/div>\n<div class=\"swiper-pagebar\">\n<div class=\"pagebarBg\"><\/div>\n<\/div>\n<div class=\"slide-number next-slide\"><\/div>\n<button type=\"button\" class=\"swiper-button-prev\" aria-label=\"\uc774\uc804 \ubc30\ub108\"><\/button>\n<button type=\"button\" class=\"swiper-button-next\" aria-label=\"\ub2e4\uc74c \ubc30\ub108\"><\/button>\n<\/div>\n<\/div><!--title-->\n<div class=\"swiper-wrapper\">\n<div class=\"swiper-slide slide1\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/main-01.png\" alt=\"\uc724\uc9c4\uc774\uc5d4\uc528 \uba54\uc778 \ubc30\ub108 1\">\n<\/div><!--slide1-->\n<div class=\"swiper-slide slide1\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/main-02.png\" alt=\"\uc724\uc9c4\uc774\uc5d4\uc528 \uba54\uc778 \ubc30\ub108 2\">\n<\/div><!--slide1-->\n<div class=\"swiper-slide slide1\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/main-03.png\" alt=\"\uc724\uc9c4\uc774\uc5d4\uc528 \uba54\uc778 \ubc30\ub108 3\">\n<\/div><!--slide1-->\n<\/div><!--swiper-wrapper-->\n<\/div><!--mySwiper-->\n\n<\/div>\n\n\n\n<div class=\"section sec2\">\n<div class=\"inner\">\n\n<div class=\"title-wrap\" data-aos=\"fade-up\" data-aos-duration=\"1200\">\n<h1>Business Info<\/h1>\n<h6><span>(\uc8fc)\uc724\uc9c4\uc774\uc5d4\uc528<\/span>\uc758 \uc0ac\uc5c5\ubd84\uc57c\ub97c \uc18c\uac1c\ud569\ub2c8\ub2e4<\/h6>\n<\/div>\n\n<div class=\"item-wrap\">\n<a href=\"\/?page_id=24\" data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"200\">\n<div class=\"img-wrap\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/sec2-icon-01.png\" alt=\"\uc81c\uc57d \ubc0f \uc6d0\ub8cc\ud569\uc131 Plant\" class=\"icon-c\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/sec2-icon-01-w.png\" alt=\"\uc81c\uc57d \ubc0f \uc6d0\ub8cc\ud569\uc131 Plant\" class=\"icon-w\">\n<\/div>\n<h5 class=\"num\">01<\/h5>\n<h5>\uc81c\uc57d \ubc0f \uc6d0\ub8cc\ud569\uc131 Plant<\/h5>\n<div class=\"view-btn\">+ more view<\/div>\n<\/a>\n\n<a href=\"\/?page_id=26\" data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"300\">\n<div class=\"img-wrap\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/sec2-icon-02.png\" alt=\"Fine Chemical Plant\" class=\"icon-c\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/sec2-icon-02-w.png\" alt=\"Fine Chemical Plant\" class=\"icon-w\">\n<\/div>\n<h5 class=\"num\">02<\/h5>\n<h5>Fine Chemical Plant<\/h5>\n<div class=\"view-btn\">+ more view<\/div>\n<\/a>\n\n<a href=\"\/?page_id=28\" data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"400\">\n<div class=\"img-wrap\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/sec2-icon-03.png\" alt=\"PW System\" class=\"icon-c\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/sec2-icon-03-w.png\" alt=\"PW System\" class=\"icon-w\">\n<\/div>\n<h5 class=\"num\">03<\/h5>\n<h5>PW System<\/h5>\n<div class=\"view-btn\">+ more view<\/div>\n<\/a>\n\n<a href=\"\/?page_id=30\" data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"500\">\n<div class=\"img-wrap\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/sec2-icon-04.png\" alt=\"WFI System\" class=\"icon-c\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/sec2-icon-04-w.png\" alt=\"WFI System\" class=\"icon-w\">\n<\/div>\n<h5 class=\"num\">04<\/h5>\n<h5>WFI System<\/h5>\n<div class=\"view-btn\">+ more view<\/div>\n<\/a>\n\n<a href=\"\/?page_id=32\" data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"600\">\n<div class=\"img-wrap\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/sec2-icon-05.png\" alt=\"Validation Procedure\" class=\"icon-c\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/sec2-icon-05-w.png\" alt=\"Validation Procedure\" class=\"icon-w\">\n<\/div>\n<h5 class=\"num\">05<\/h5>\n<h5>Validation Procedure<\/h5>\n<div class=\"view-btn\">+ more view<\/div>\n<\/a>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n\n<div class=\"section sec3\">\n<div class=\"inner\">\n\n<div class=\"title-wrap\">\n<h1 data-aos=\"fade-up\" data-aos-duration=\"1200\">\uc2e0\ub8b0\ubc1b\ub294 \uae30\uc220\uacfc \uace0\uac1d \uac10\ub3d9 \uc2e4\ud604\uc73c\ub85c <br>\n<span>\uacf5\ub3d9\uc758 \ubc88\uc601 \ucd94\uad6c\ub97c \ubaa9\ud45c<\/span>\ub85c \ud569\ub2c8\ub2e4.<\/h1>\n<h5 data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"200\">(\uc8fc)\uc724\uc9c4\uc774\uc5d4\uc528\ub294 \uc9c0\uae08\uae4c\uc9c0 \ub2e4\uc591\ud55c \uacbd\ud5d8\uc744 \ud1b5\ud574 \ucd95\uc801\ub41c \uae30\uc220\ub825\uacfc Know-how\ub85c \uc8fc\ub825 \uc0ac\uc5c5\ubd84\uc57c\uc778 <br>\nPharmaceutical Factory Maintenance \u00b7 PW \/ WFI, Sanitary Piping \ubc0f <br>Secondary Battery Materials System Piping \ubd84\uc57c\uc5d0\uc11c <br>\ub354\uc6b1 \ub354 \uc778\uc815\ubc1b\ub294 \ud68c\uc0ac\ub85c \uac70\ub4ed\ub098\uace0\uc790 \ud569\ub2c8\ub2e4.<\/h5>\n<a href=\"\/?page_id=14\" class=\"view-btn\" data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"400\">+ more view<\/a>\n<\/div>\n<\/div> <!--inner-->\n\n<div class=\"txt-bnr\"><h1>YUN JIN E&#038;C \u00b7 Engineering &#038; Construction <span><\/span> YUN JIN E&#038;C \u00b7 Engineering &#038; Construction <span><\/span> YUN JIN E&#038;C \u00b7 Engineering &#038; Construction <span><\/span><\/h1><\/div>\n\n<div class=\"bg-wrap\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/sec3-img.png\">\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"section sec4\">\n<div class=\"inner\">\n\n<div class=\"title-wrap\" data-aos=\"fade-up\" data-aos-duration=\"1200\">\n<h1>Contact Us<\/h1>\n<\/div>\n\n<div class=\"item-wrap\">\n<a href=\"\/?page_id=38\" data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"200\">\n<i class=\"fi fi-ss-headset\"><\/i>\n<h4>\uacac\uc801\ubb38\uc758<\/h4>\n<div class=\"view-btn\">\ubb38\uc758\ud558\uae30<\/div>\n<\/a>\n<a href=\"\/?page_id=40\" data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"300\">\n<i class=\"fi fi-ss-megaphone\"><\/i>\n<h4>\uacf5\uc9c0\uc0ac\ud56d<\/h4>\n<div class=\"view-btn\">\uc790\uc138\ud788\ubcf4\uae30<\/div>\n<\/a>\n<a href=\"\/?page_id=22\" data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"400\">\n<i class=\"fi fi-ss-land-layer-location\"><\/i>\n<h4>\uc624\uc2dc\ub294\uae38<\/h4>\n<div class=\"view-btn\">\uc790\uc138\ud788\ubcf4\uae30<\/div>\n<\/a>\n<a href=\"\/wp-content\/uploads\/2026\/11\/\ud68c\uc0ac\uc18c\uac1c\uc11c_\uc724\uc9c4\uc774\uc5d4\uc528-2.pdf\" download data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"500\" class=\"\">\n<i class=\"fi fi-ss-file-download\"><\/i>\n<h4>\ud68c\uc0ac\uc18c\uac1c\uc11c<\/h4>\n<div class=\"view-btn\">\ub2e4\uc6b4\ub85c\ub4dc<\/div>\n<\/a>\n<\/div>\n\n\n<\/div>\n<\/div>\n\n\n\n<!-- JS \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \ucf58\ud150\uce20 \ub4a4\uc5d0\uc11c \ud55c \ubc88\ub9cc \ub85c\ub4dc -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/aos@2.3.1\/dist\/aos.js\"><\/script>\n<script>\n(function () {\n    'use strict';\n\n    function initMainPage() {\n        var hero = document.querySelector('.sec1 .mySwiper');\n\n        if (hero && typeof Swiper !== 'undefined' && !hero.swiper) {\n            var progress = hero.querySelector('.pagebarBg');\n            var currentNumber = hero.querySelector('.current-slide');\n            var nextNumber = hero.querySelector('.next-slide');\n            var slideCount = hero.querySelectorAll('.swiper-wrapper > .swiper-slide').length;\n            var autoplayDelay = 4000;\n\n            function updateNumbers(instance) {\n                if (!currentNumber || !nextNumber || !slideCount) return;\n                var current = instance.realIndex + 1;\n                var next = current % slideCount + 1;\n                currentNumber.textContent = String(current).padStart(2, '0');\n                nextNumber.textContent = String(next).padStart(2, '0');\n            }\n\n            function updateZoom(instance) {\n                var active = instance.slides[instance.activeIndex];\n                instance.slides.forEach(function (slide) {\n                    slide.classList.toggle('active-slide', slide === active);\n                });\n            }\n\n            function resetProgress() {\n                if (!progress) return;\n                progress.style.transition = 'none';\n                progress.style.width = '0%';\n            }\n\n            function startProgress() {\n                if (!progress) return;\n                resetProgress();\n                \/\/ \ub9ac\ud50c\ub85c\uc6b0 \ud6c4\uc5d0 width\ub97c \ubcc0\uacbd\ud574\uc57c \ub9e4\ubc88 \uc9c4\ud589 \ubc14\uac00 \ub2e4\uc2dc \ucc44\uc6cc\uc9d0\n                void progress.offsetWidth;\n                requestAnimationFrame(function () {\n                    progress.style.transition = 'width ' + autoplayDelay + 'ms linear';\n                    progress.style.width = '100%';\n                });\n            }\n\n            new Swiper(hero, {\n                effect: 'fade',\n                fadeEffect: {crossFade: true},\n                slidesPerView: 1,\n                speed: 1000,\n                loop: true,\n                navigation: {\n                    nextEl: hero.querySelector('.swiper-button-next'),\n                    prevEl: hero.querySelector('.swiper-button-prev')\n                },\n                autoplay: {\n                    delay: autoplayDelay,\n                    disableOnInteraction: false\n                },\n                on: {\n                    init: function (instance) {\n                        updateNumbers(instance);\n                        updateZoom(instance);\n                        startProgress();\n                    },\n                    slideChangeTransitionStart: function (instance) {\n                        updateNumbers(instance);\n                        updateZoom(instance);\n                        resetProgress();\n                    },\n                    slideChangeTransitionEnd: function () {\n                        startProgress();\n                    }\n                }\n            });\n        }\n\n        \/\/ HTML\uacfc \ub77c\uc774\ube0c\ub7ec\ub9ac \ub85c\ub529\uc774 \ub05d\ub09c \ub4a4 AOS\ub97c \uc2dc\uc791\n        if (typeof AOS !== 'undefined') {\n            AOS.init();\n        }\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initMainPage);\n    } else {\n        initMainPage();\n    }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>We maximize your value \uace0\uac1d \uac10\ub3d9\uacfc \uac00\uce58 \ucc3d\uc870 \uc2e4\ud604\uc744 \uc704\ud55c \uae30\uc5c5 (\uc8fc)\uc724\uc9c4\uc774\uc5d4\uc528 Business Info (\uc8fc)\uc724\uc9c4\uc774\uc5d4\uc528\uc758 \uc0ac\uc5c5\ubd84\uc57c\ub97c \uc18c\uac1c\ud569\ub2c8\ub2e4 01 \uc81c\uc57d \ubc0f \uc6d0\ub8cc\ud569\uc131 Plant + more view 02 Fine Chemical Plant + more view 03 PW System + more view 04 WFI &hellip; <a href=\"https:\/\/yunjinenc.co.kr\/\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yunjinenc.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yunjinenc.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yunjinenc.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yunjinenc.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yunjinenc.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":10,"href":"https:\/\/yunjinenc.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/yunjinenc.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/yunjinenc.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}