{"id":12,"date":"2026-08-12T06:42:30","date_gmt":"2026-08-12T06:42:30","guid":{"rendered":"https:\/\/kdpt0122.mycafe24.com\/?page_id=12"},"modified":"2026-08-13T05:34:14","modified_gmt":"2026-08-13T05:34:14","slug":"home","status":"publish","type":"page","link":"https:\/\/kdpowertech.co.kr\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n<link rel=\"preconnect\" href=\"https:\/\/cdn.jsdelivr.net\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard\/dist\/web\/static\/pretendard.css\">\n\n<style>\n\/* =========================================================\n   KD POWERTECH MAIN\n   HEADER \/ FOOTER \uc81c\uc678\n========================================================= *\/\n\n.kdp-main{\n    --kdp-blue:#0d52c8;\n    --kdp-orange:#ff9318;\n    --kdp-ink:#090d12;\n    --kdp-text:#747e89;\n    --kdp-line:#d8dee6;\n    --kdp-soft:#fafafa;\n    --kdp-max:1320px;\n\n    position:relative;\n    left:50%;\n\n    width:100vw !important;\n    max-width:100vw !important;\n\n    margin-left:-50vw !important;\n    margin-right:-50vw !important;\n\n    padding:0 !important;\n\n    overflow:hidden;\n\n    background:#fff;\n    color:var(--kdp-ink);\n\n    font-family:\n        'Pretendard',\n        -apple-system,\n        BlinkMacSystemFont,\n        'Segoe UI',\n        sans-serif !important;\n\n    word-break:keep-all;\n}\n\n.kdp-main,\n.kdp-main *,\n.kdp-main *::before,\n.kdp-main *::after{\n    box-sizing:border-box;\n}\n\n.kdp-main *{\n    margin:0;\n    padding:0;\n}\n\n.kdp-main a{\n    text-decoration:none;\n    color:inherit;\n}\n\n.kdp-main img{\n    display:block;\n    width:100%;\n    max-width:100%;\n    height:auto;\n}\n\n.kdp-main button{\n    font-family:inherit;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.kdp-wrap{\n    width:min(\n        var(--kdp-max),\n        calc(100% - 72px)\n    );\n\n    margin-left:auto;\n    margin-right:auto;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.kdp-reveal{\n    opacity:0;\n    transform:translateY(24px);\n\n    transition:\n        opacity .75s ease,\n        transform .75s ease;\n}\n\n.kdp-reveal.kdp-show{\n    opacity:1;\n    transform:none;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.kdp-hero{\n    position:relative;\n\n    width:100%;\n    height:100vh;\n    min-height:760px;\n\n    overflow:hidden;\n\n    background:#626c75;\n\n    color:#fff !important;\n}\n\n\n\/* \ubc30\uacbd *\/\n\n.kdp-hero-bg{\n    position:absolute;\n    inset:-14px;\n\n    transform:\n        translate3d(\n            var(--kdp-hx,0),\n            var(--kdp-hy,0),\n            0\n        )\n        scale(1.025);\n\n    transition:\n        transform .45s cubic-bezier(.2,.8,.2,1);\n\n    will-change:transform;\n}\n\n\n.kdp-hero-slide{\n    position:absolute;\n    inset:0;\n\n    opacity:0;\n\n    background-size:cover;\n    background-position:center 52%;\n\n    transform:scale(1.055);\n\n    transition:\n        opacity 1.35s ease,\n        transform 6.5s ease;\n\n    will-change:\n        opacity,\n        transform;\n}\n\n.kdp-hero-slide.kdp-active{\n    opacity:1;\n    transform:scale(1);\n}\n\n.kdp-hero-slide:nth-child(2){\n    background-position:center 55%;\n}\n\n.kdp-hero-slide:nth-child(3){\n    background-position:center 48%;\n}\n\n\n\/* \ucea1\ucc98\ucc98\ub7fc \uc804\uccb4\uc801\uc73c\ub85c \uc0b4\uc9dd \uc5b4\ub461\uac8c *\/\n\n.kdp-hero::before{\n    content:'';\n\n    position:absolute;\n    inset:0;\n\n    z-index:1;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(7,14,23,.28) 0%,\n            rgba(7,14,23,.17) 43%,\n            rgba(7,14,23,.42) 100%\n        ),\n        rgba(18,27,36,.10);\n}\n\n\n\/* HERO \uc911\uc559 *\/\n\n.kdp-hero-inner{\n    position:relative;\n    z-index:3;\n\n    height:100%;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    padding:\n        70px 0\n        178px;\n\n    text-align:center;\n}\n\n\n.kdp-hero-center{\n    width:100%;\n    max-width:920px;\n\n    margin-top:38px;\n}\n\n\n.kdp-main .kdp-hero-title{\n    margin:0 !important;\n\n    font-family:'Pretendard',sans-serif !important;\n\n    font-size:\n        clamp(\n            56px,\n            6vw,\n            96px\n        ) !important;\n\n    line-height:.99 !important;\n\n    letter-spacing:-.063em !important;\n\n    font-weight:300 !important;\n\n    color:#fff !important;\n\n    text-align:center;\n\n    text-shadow:\n        0 5px 24px rgba(0,0,0,.17);\n}\n\n\n.kdp-main .kdp-hero-title strong{\n    position:relative;\n\n    display:block;\n\n    margin-top:5px;\n\n    font-family:'Pretendard',sans-serif !important;\n\n    font-size:inherit !important;\n\n    line-height:inherit !important;\n\n    letter-spacing:inherit !important;\n\n    font-weight:800 !important;\n\n    color:#fff !important;\n}\n\n\n\/* \ucea1\ucc98\uc758 \uc8fc\ud669\uc0c9 \uc911\uc559 \ub77c\uc778 *\/\n\n.kdp-main .kdp-hero-title strong::after{\n    content:'';\n\n    position:absolute;\n\n    left:24%;\n    right:24%;\n\n    bottom:-18px;\n\n    height:3px;\n\n    background:var(--kdp-orange);\n\n    transform:scaleX(.45);\n\n    opacity:.95;\n\n    transition:\n        transform 1s ease .2s;\n}\n\n.kdp-main\n.kdp-hero-center.kdp-show\n.kdp-hero-title strong::after{\n    transform:scaleX(1);\n}\n\n\n.kdp-main .kdp-hero-desc{\n    margin-top:39px !important;\n\n    font-family:'Pretendard',sans-serif !important;\n\n    font-size:15px !important;\n    line-height:1.85 !important;\n\n    font-weight:500 !important;\n\n    letter-spacing:-.025em;\n\n    color:rgba(255,255,255,.88) !important;\n\n    text-align:center;\n\n    text-shadow:\n        0 2px 12px rgba(0,0,0,.18);\n}\n\n\n\/* =========================================================\n   HERO BOTTOM\n========================================================= *\/\n\n.kdp-hero-bottom{\n    position:absolute;\n\n    z-index:4;\n\n    left:0;\n    right:0;\n    bottom:0;\n\n    border-top:\n        1px solid rgba(255,255,255,.42);\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(8,18,30,0),\n            rgba(8,18,30,.20)\n        );\n}\n\n\n.kdp-hero-bottom-inner{\n    height:118px;\n\n    display:grid;\n\n    grid-template-columns:\n        1.25fr\n        repeat(3,1fr)\n        .72fr;\n\n    align-items:stretch;\n}\n\n\n.kdp-hero-brand,\n.kdp-hero-value,\n.kdp-hero-pager{\n    display:flex;\n\n    flex-direction:column;\n\n    justify-content:center;\n\n    padding:18px 26px;\n\n    border-right:\n        1px solid rgba(255,255,255,.20);\n}\n\n\n.kdp-hero-brand{\n    padding-left:10px;\n\n    text-align:left;\n}\n\n.kdp-hero-brand b{\n    font-size:13px !important;\n    line-height:1.4 !important;\n\n    font-weight:800;\n\n    letter-spacing:.02em;\n\n    color:#fff !important;\n}\n\n.kdp-hero-brand span{\n    margin-top:8px;\n\n    font-size:10px !important;\n    line-height:1.4 !important;\n\n    color:\n        rgba(255,255,255,.67) !important;\n}\n\n\n.kdp-hero-value{\n    text-align:left;\n}\n\n.kdp-hero-value strong{\n    font-size:23px !important;\n    line-height:1.2 !important;\n\n    font-weight:800;\n\n    letter-spacing:-.04em;\n\n    color:#fff !important;\n}\n\n.kdp-hero-value span{\n    margin-top:9px;\n\n    font-size:10px !important;\n    line-height:1.55 !important;\n\n    font-weight:400;\n\n    color:\n        rgba(255,255,255,.70) !important;\n}\n\n\n.kdp-hero-pager{\n    border-right:0;\n\n    align-items:flex-end;\n\n    padding-right:10px;\n\n    text-align:right;\n}\n\n\n.kdp-hero-count{\n    margin-bottom:10px;\n\n    font-size:11px !important;\n    line-height:1 !important;\n\n    font-weight:800;\n\n    color:#fff !important;\n}\n\n\n.kdp-hero-nav{\n    display:flex;\n    gap:5px;\n}\n\n.kdp-hero-nav button{\n    appearance:none;\n\n    width:22px;\n    height:2px;\n\n    padding:0;\n    margin:0;\n\n    border:0;\n\n    background:\n        rgba(255,255,255,.42);\n\n    cursor:pointer;\n\n    transition:.35s;\n}\n\n.kdp-hero-nav button.kdp-active{\n    width:46px;\n\n    background:\n        var(--kdp-orange);\n}\n\n\n\/* =========================================================\n   \uacf5\ud1b5 SECTION LABEL\n========================================================= *\/\n\n.kdp-section-label{\n    display:inline-flex;\n\n    flex-direction:column;\n\n    gap:12px;\n\n    font-size:11px !important;\n    line-height:1.2 !important;\n\n    font-weight:800;\n\n    letter-spacing:.02em;\n\n    color:#7e8792 !important;\n\n    text-transform:uppercase;\n}\n\n.kdp-section-label::after{\n    content:'';\n\n    width:58px;\n    height:2px;\n\n    background:\n        var(--kdp-orange);\n}\n\n\n\/* =========================================================\n   PROCESS\n========================================================= *\/\n\n.kdp-flow{\n    padding:\n        96px 0\n        78px;\n\n    background:#fff;\n}\n\n\n.kdp-flow-head{\n    max-width:790px;\n\n    margin-bottom:52px;\n}\n\n\n.kdp-main .kdp-flow-title{\n    margin-top:28px !important;\n\n    font-family:'Pretendard',sans-serif !important;\n\n    font-size:\n        clamp(\n            42px,\n            4.45vw,\n            70px\n        ) !important;\n\n    line-height:1.07 !important;\n\n    letter-spacing:-.058em !important;\n\n    font-weight:800 !important;\n\n    color:#05090d !important;\n}\n\n.kdp-main .kdp-flow-title span{\n    display:block;\n\n    font-size:inherit !important;\n    line-height:inherit !important;\n\n    font-weight:inherit !important;\n\n    color:\n        var(--kdp-blue) !important;\n}\n\n\n.kdp-main .kdp-flow-desc{\n    max-width:690px;\n\n    margin-top:20px !important;\n\n    font-size:14px !important;\n    line-height:1.85 !important;\n\n    font-weight:400;\n\n    letter-spacing:-.025em;\n\n    color:#78828d !important;\n}\n\n\n\/* PROCESS GRID *\/\n\n.kdp-process-band{\n    display:grid;\n\n    grid-template-columns:\n        repeat(4,1fr);\n\n    overflow:hidden;\n\n    border-top:\n        1px solid var(--kdp-line);\n\n    border-bottom:\n        1px solid var(--kdp-line);\n}\n\n\n.kdp-process-cell{\n    position:relative;\n\n    min-height:230px;\n\n    padding:\n        28px 28px\n        24px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    justify-content:space-between;\n\n    border-right:\n        1px solid var(--kdp-line);\n\n    background:#fff;\n\n    transition:\n        background .35s ease;\n}\n\n.kdp-process-cell:last-child{\n    border-right:0;\n}\n\n\n.kdp-process-cell::before{\n    content:'';\n\n    position:absolute;\n\n    left:28px;\n    right:28px;\n    top:0;\n\n    height:2px;\n\n    background:\n        var(--kdp-orange);\n\n    transform:scaleX(0);\n\n    transform-origin:center;\n\n    transition:.35s;\n}\n\n\n.kdp-process-cell:hover{\n    background:#f8fbff;\n}\n\n.kdp-process-cell:hover::before{\n    transform:scaleX(1);\n}\n\n\n.kdp-process-cell small{\n    display:block;\n\n    font-size:11px !important;\n    line-height:1 !important;\n\n    font-weight:800;\n\n    color:#989fa8 !important;\n}\n\n\n.kdp-main .kdp-process-cell h3{\n    margin:0 !important;\n\n    font-family:'Pretendard',sans-serif !important;\n\n    font-size:27px !important;\n    line-height:1.1 !important;\n\n    letter-spacing:-.045em !important;\n\n    font-weight:800 !important;\n\n    color:#05090d !important;\n}\n\n\n.kdp-main .kdp-process-cell p{\n    max-width:250px;\n\n    margin-top:10px !important;\n\n    font-size:12px !important;\n    line-height:1.7 !important;\n\n    font-weight:400;\n\n    color:#737d89 !important;\n}\n\n\n.kdp-arrow{\n    width:34px;\n    height:34px;\n\n    display:grid;\n\n    place-items:center;\n\n    border:\n        1px solid #d5dde6;\n\n    border-radius:50%;\n\n    font-size:13px !important;\n    line-height:1 !important;\n\n    font-weight:700;\n\n    color:\n        var(--kdp-blue) !important;\n\n    transition:.35s;\n}\n\n.kdp-process-cell:hover .kdp-arrow{\n    border-color:\n        var(--kdp-orange);\n\n    background:\n        var(--kdp-orange);\n\n    color:#fff !important;\n\n    transform:\n        translateX(3px);\n}\n\n\n\/* PROCESS PHOTO *\/\n\n.kdp-process-photo{\n    position:relative;\n\n    height:315px;\n\n    margin-top:30px;\n\n    overflow:hidden;\n\n    background:#a16a2c;\n}\n\n\n.kdp-process-photo img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    object-position:center 54%;\n\n    filter:\n        saturate(.72)\n        sepia(.12);\n}\n\n\n.kdp-process-photo::after{\n    content:'';\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(210,105,0,.12),\n            rgba(255,147,24,.20)\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0,0,0,.04),\n            rgba(0,0,0,.13)\n        );\n}\n\n\n.kdp-process-note{\n    position:absolute;\n\n    z-index:2;\n\n    right:28px;\n    bottom:25px;\n\n    width:300px;\n\n    padding:17px 19px;\n\n    background:#fff;\n\n    box-shadow:\n        0 12px 30px\n        rgba(27,40,58,.12);\n}\n\n\n.kdp-process-note strong{\n    display:block;\n\n    font-size:14px !important;\n    line-height:1.4 !important;\n\n    font-weight:800;\n\n    letter-spacing:-.03em;\n\n    color:#0a0e13 !important;\n}\n\n\n.kdp-process-note span{\n    display:block;\n\n    margin-top:7px;\n\n    font-size:11px !important;\n    line-height:1.65 !important;\n\n    color:#6d7784 !important;\n}\n\n\n\/* =========================================================\n   ENERGY PERFORMANCE\n========================================================= *\/\n\n.kdp-impact{\n    padding:0;\n\n    background:#fafafa;\n}\n\n\n.kdp-impact-shell{\n    display:grid;\n\n    grid-template-columns:\n        1fr 1fr;\n\n    min-height:690px;\n}\n\n\n\/* \uc67c\ucabd \uc774\ubbf8\uc9c0 *\/\n\n.kdp-impact-media{\n    position:relative;\n\n    min-height:690px;\n\n    overflow:hidden;\n\n    background:#8aa0b6;\n}\n\n\n.kdp-impact-media img{\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    object-position:center;\n\n    filter:saturate(.78);\n}\n\n\n.kdp-impact-media::after{\n    content:'';\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(10,26,45,.02),\n            rgba(10,26,45,.28)\n        );\n}\n\n\n.kdp-impact-caption{\n    position:absolute;\n\n    z-index:2;\n\n    left:\n        max(\n            38px,\n            calc(\n                (100vw - 1320px) \/ 2\n            )\n        );\n\n    right:42px;\n    bottom:42px;\n\n    color:#fff;\n}\n\n\n.kdp-impact-caption strong{\n    display:block;\n\n    font-size:16px !important;\n    line-height:1.4 !important;\n\n    font-weight:700;\n\n    letter-spacing:-.03em;\n\n    color:#fff !important;\n}\n\n\n.kdp-main .kdp-impact-caption p{\n    margin-top:8px !important;\n\n    font-size:11px !important;\n    line-height:1.65 !important;\n\n    font-weight:400;\n\n    color:\n        rgba(255,255,255,.82) !important;\n}\n\n\n\/* \uc624\ub978\ucabd *\/\n\n.kdp-impact-content{\n    padding:\n        72px\n        max(\n            42px,\n            calc(\n                (100vw - 1320px) \/ 2\n            )\n        )\n        70px\n        70px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    justify-content:center;\n\n    background:#fbfbfa;\n}\n\n\n.kdp-main .kdp-impact-title{\n    margin-top:28px !important;\n\n    font-family:'Pretendard',sans-serif !important;\n\n    font-size:\n        clamp(\n            44px,\n            4.3vw,\n            70px\n        ) !important;\n\n    line-height:1.06 !important;\n\n    letter-spacing:-.06em !important;\n\n    font-weight:800 !important;\n\n    color:#05090d !important;\n}\n\n\n.kdp-main .kdp-impact-title span{\n    display:block;\n\n    font-size:inherit !important;\n    line-height:inherit !important;\n\n    color:\n        var(--kdp-blue) !important;\n}\n\n\n.kdp-main .kdp-impact-desc{\n    max-width:570px;\n\n    margin-top:20px !important;\n\n    font-size:14px !important;\n    line-height:1.8 !important;\n\n    font-weight:400;\n\n    color:#737d8a !important;\n}\n\n\n\/* DATA *\/\n\n.kdp-data-grid{\n    margin-top:52px;\n\n    display:grid;\n\n    grid-template-columns:\n        1fr 1fr;\n\n    border-top:\n        1px solid var(--kdp-line);\n}\n\n\n.kdp-data{\n    min-height:150px;\n\n    padding:\n        28px\n        24px\n        27px\n        0;\n\n    border-bottom:\n        1px solid var(--kdp-line);\n}\n\n\n.kdp-data:nth-child(odd){\n    border-right:\n        1px solid var(--kdp-line);\n}\n\n.kdp-data:nth-child(even){\n    padding-left:30px;\n}\n\n\n.kdp-data > span{\n    display:block;\n\n    margin-bottom:10px;\n\n    font-size:10px !important;\n    line-height:1.4 !important;\n\n    font-weight:400;\n\n    color:#8a949f !important;\n}\n\n\n.kdp-data strong{\n    display:flex;\n\n    align-items:flex-end;\n\n    gap:6px;\n\n    margin:0 !important;\n\n    font-family:'Pretendard',sans-serif !important;\n\n    font-size:\n        clamp(\n            42px,\n            4.4vw,\n            70px\n        ) !important;\n\n    line-height:1 !important;\n\n    letter-spacing:-.07em !important;\n\n    font-weight:700 !important;\n\n    color:#05090d !important;\n}\n\n\n.kdp-data .kdp-count{\n    font-size:inherit !important;\n    line-height:inherit !important;\n\n    font-weight:inherit;\n}\n\n\n.kdp-data strong i{\n    margin-bottom:6px;\n\n    font-style:normal;\n\n    font-size:12px !important;\n    line-height:1 !important;\n\n    font-weight:500;\n\n    letter-spacing:0;\n\n    color:#7e8895 !important;\n}\n\n\n.kdp-data.kdp-orange strong{\n    color:\n        var(--kdp-orange) !important;\n}\n\n\n\/* =========================================================\n   LOCATION\n========================================================= *\/\n\n.kdp-location{\n    padding:\n        94px 0\n        98px;\n\n    background:#fff;\n}\n\n\n.kdp-location-grid{\n    display:grid;\n\n    grid-template-columns:\n        .95fr 1.05fr;\n\n    gap:92px;\n\n    align-items:center;\n}\n\n\n.kdp-main .kdp-location-title{\n    margin-top:28px !important;\n\n    font-family:'Pretendard',sans-serif !important;\n\n    font-size:\n        clamp(\n            42px,\n            4.6vw,\n            72px\n        ) !important;\n\n    line-height:1.08 !important;\n\n    letter-spacing:-.06em !important;\n\n    font-weight:800 !important;\n\n    color:#05090d !important;\n}\n\n\n.kdp-main .kdp-location-title span{\n    display:block;\n\n    font-size:inherit !important;\n    line-height:inherit !important;\n\n    color:\n        var(--kdp-blue) !important;\n}\n\n\n\/* \uc8fc\uc18c *\/\n\n.kdp-location-address{\n    max-width:540px;\n\n    margin-top:54px;\n\n    border-top:\n        1px solid var(--kdp-line);\n}\n\n\n.kdp-location-line{\n    display:grid;\n\n    grid-template-columns:\n        75px 1fr;\n\n    gap:12px;\n\n    padding:19px 0;\n\n    border-bottom:\n        1px solid var(--kdp-line);\n}\n\n\n.kdp-location-line b{\n    font-size:11px !important;\n    line-height:1.65 !important;\n\n    font-weight:600;\n\n    color:#8a949f !important;\n}\n\n\n.kdp-location-line span{\n    font-size:13px !important;\n    line-height:1.65 !important;\n\n    font-weight:400;\n\n    color:#373f48 !important;\n}\n\n\n\/* \ubc84\ud2bc *\/\n\n.kdp-location-link{\n    height:48px;\n\n    margin-top:28px;\n\n    padding:0 19px;\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:26px;\n\n    background:\n        var(--kdp-blue);\n\n    font-size:12px !important;\n    line-height:1 !important;\n\n    font-weight:800;\n\n    color:#fff !important;\n\n    transition:.3s;\n}\n\n\n.kdp-location-link:hover{\n    background:#0b46ae;\n\n    color:#fff !important;\n\n    transform:\n        translateY(-2px);\n}\n\n\n.kdp-location-link i{\n    font-style:normal;\n\n    font-size:18px !important;\n\n    color:#fff !important;\n}\n\n\n\/* MAP *\/\n\n.kdp-location-map{\n    position:relative;\n\n    min-height:520px;\n\n    overflow:hidden;\n\n    background:#e8edf3;\n\n    box-shadow:\n        0 22px 58px\n        rgba(24,46,77,.12);\n}\n\n\n.kdp-location-map iframe{\n    position:absolute;\n\n    inset:0;\n\n    display:block;\n\n    width:100%;\n    height:100%;\n\n    border:0;\n}\n\n\n.kdp-location-badge{\n    position:absolute;\n\n    z-index:2;\n\n    right:34px;\n    bottom:34px;\n\n    width:145px;\n    height:145px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    align-items:center;\n\n    justify-content:center;\n\n    text-align:center;\n\n    border-radius:50%;\n\n    background:\n        rgba(255,255,255,.96);\n\n    box-shadow:\n        0 16px 42px\n        rgba(27,43,68,.18);\n\n    pointer-events:none;\n}\n\n\n.kdp-location-badge i{\n    width:11px;\n    height:11px;\n\n    margin-bottom:10px;\n\n    border-radius:50%;\n\n    background:\n        var(--kdp-orange);\n}\n\n\n.kdp-location-badge strong{\n    font-size:18px !important;\n    line-height:1.2 !important;\n\n    font-weight:800;\n\n    color:#151a20 !important;\n}\n\n\n.kdp-location-badge span{\n    margin-top:4px;\n\n    font-size:10px !important;\n    line-height:1.2 !important;\n\n    color:#7e8997 !important;\n}\n\n\n\/* =========================================================\n   1080\n========================================================= *\/\n\n@media(max-width:1080px){\n\n    .kdp-wrap{\n        width:\n            calc(100% - 48px);\n    }\n\n    .kdp-hero-bottom-inner{\n        grid-template-columns:\n            1.1fr\n            repeat(3,1fr)\n            .65fr;\n    }\n\n    .kdp-hero-brand,\n    .kdp-hero-value{\n        padding-left:18px;\n        padding-right:18px;\n    }\n\n    .kdp-impact-content{\n        padding-left:48px;\n        padding-right:48px;\n    }\n\n    .kdp-location-grid{\n        gap:55px;\n    }\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:820px){\n\n    .kdp-wrap{\n        width:\n            calc(100% - 36px);\n    }\n\n\n    \/* HERO *\/\n\n    .kdp-hero{\n        height:100svh;\n        min-height:720px;\n    }\n\n    .kdp-hero-inner{\n        padding:\n            50px 18px\n            220px;\n    }\n\n    .kdp-hero-center{\n        margin-top:0;\n    }\n\n    .kdp-main .kdp-hero-title{\n        font-size:56px !important;\n    }\n\n    .kdp-main .kdp-hero-desc{\n        font-size:13px !important;\n    }\n\n\n    .kdp-hero-bottom-inner{\n        height:auto;\n\n        grid-template-columns:\n            repeat(3,1fr);\n\n        padding:0;\n    }\n\n    .kdp-hero-brand{\n        grid-column:1 \/ -1;\n\n        border-right:0;\n\n        border-bottom:\n            1px solid\n            rgba(255,255,255,.20);\n\n        padding:13px 18px;\n    }\n\n    .kdp-hero-brand span{\n        display:none;\n    }\n\n    .kdp-hero-value{\n        min-height:82px;\n\n        padding:\n            14px 12px;\n    }\n\n    .kdp-hero-value:nth-of-type(4){\n        border-right:0;\n    }\n\n    .kdp-hero-value strong{\n        font-size:18px !important;\n    }\n\n    .kdp-hero-value span{\n        font-size:9px !important;\n    }\n\n    .kdp-hero-pager{\n        position:absolute;\n\n        right:18px;\n        top:-40px;\n\n        padding:0;\n\n        border:0;\n    }\n\n    .kdp-hero-count{\n        margin:\n            0 0 7px;\n    }\n\n    .kdp-hero-nav button{\n        width:16px;\n    }\n\n    .kdp-hero-nav button.kdp-active{\n        width:32px;\n    }\n\n\n    \/* PROCESS *\/\n\n    .kdp-flow{\n        padding:\n            78px 0\n            68px;\n    }\n\n    .kdp-main .kdp-flow-title{\n        font-size:42px !important;\n    }\n\n    .kdp-process-band{\n        grid-template-columns:\n            1fr 1fr;\n    }\n\n    .kdp-process-cell{\n        min-height:210px;\n    }\n\n    .kdp-process-cell:nth-child(2){\n        border-right:0;\n    }\n\n    .kdp-process-cell:nth-child(-n+2){\n        border-bottom:\n            1px solid\n            var(--kdp-line);\n    }\n\n    .kdp-process-photo{\n        height:290px;\n    }\n\n\n    \/* PERFORMANCE *\/\n\n    .kdp-impact-shell{\n        grid-template-columns:1fr;\n    }\n\n    .kdp-impact-media{\n        height:520px;\n        min-height:520px;\n    }\n\n    .kdp-impact-content{\n        padding:\n            72px 24px;\n    }\n\n    .kdp-impact-caption{\n        left:24px;\n    }\n\n\n    \/* LOCATION *\/\n\n    .kdp-location{\n        padding:\n            78px 0;\n    }\n\n    .kdp-location-grid{\n        grid-template-columns:1fr;\n\n        gap:42px;\n    }\n\n    .kdp-location-map{\n        min-height:440px;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n    .kdp-wrap{\n        width:\n            calc(100% - 32px);\n    }\n\n\n    \/* HERO *\/\n\n    .kdp-main .kdp-hero-title{\n        font-size:42px !important;\n    }\n\n    .kdp-main .kdp-hero-title strong::after{\n        left:16%;\n        right:16%;\n    }\n\n    .kdp-main .kdp-hero-desc br{\n        display:none;\n    }\n\n    .kdp-main .kdp-hero-desc{\n        max-width:330px;\n\n        margin-left:auto !important;\n        margin-right:auto !important;\n    }\n\n    .kdp-hero-value{\n        min-height:62px;\n    }\n\n    .kdp-hero-value span{\n        display:none;\n    }\n\n    .kdp-hero-value strong{\n        width:100%;\n\n        font-size:17px !important;\n\n        text-align:center;\n    }\n\n\n    \/* PROCESS *\/\n\n    .kdp-main .kdp-flow-title,\n    .kdp-main .kdp-impact-title,\n    .kdp-main .kdp-location-title{\n        font-size:34px !important;\n    }\n\n    .kdp-process-band{\n        grid-template-columns:1fr;\n    }\n\n    .kdp-process-cell{\n        min-height:190px;\n\n        border-right:0;\n\n        border-bottom:\n            1px solid\n            var(--kdp-line);\n    }\n\n    .kdp-process-cell:last-child{\n        border-bottom:0;\n    }\n\n    .kdp-process-photo{\n        height:260px;\n    }\n\n    .kdp-process-note{\n        left:14px;\n        right:14px;\n        bottom:14px;\n\n        width:auto;\n    }\n\n\n    \/* PERFORMANCE *\/\n\n    .kdp-impact-media{\n        height:420px;\n        min-height:420px;\n    }\n\n    .kdp-impact-content{\n        padding:\n            62px 18px;\n    }\n\n    .kdp-data-grid{\n        grid-template-columns:1fr;\n    }\n\n    .kdp-data:nth-child(odd){\n        border-right:0;\n    }\n\n    .kdp-data:nth-child(even){\n        padding-left:0;\n    }\n\n    .kdp-data{\n        min-height:auto;\n    }\n\n    .kdp-data strong{\n        font-size:52px !important;\n    }\n\n\n    \/* LOCATION *\/\n\n    .kdp-location-address{\n        margin-top:38px;\n    }\n\n    .kdp-location-line{\n        grid-template-columns:\n            60px 1fr;\n    }\n\n    .kdp-location-map{\n        min-height:360px;\n    }\n\n    .kdp-location-badge{\n        width:112px;\n        height:112px;\n\n        right:18px;\n        bottom:18px;\n    }\n\n    .kdp-location-badge strong{\n        font-size:15px !important;\n    }\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .kdp-reveal,\n    .kdp-hero-slide,\n    .kdp-hero-bg{\n        transition:none !important;\n    }\n}\n<\/style>\n\n\n<div class=\"kdp-main\" id=\"kdpMain\">\n\n    <!-- =====================================================\n         HERO\n    ====================================================== -->\n\n    <section class=\"kdp-hero\">\n\n        <div class=\"kdp-hero-bg\" id=\"kdpHeroBg\">\n\n            <div\n                class=\"kdp-hero-slide kdp-active\"\n                style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1596980786765-775174984ec9?auto=format&#038;fit=crop&#038;fm=jpg&#038;ixlib=rb-4.1.0&#038;q=88&#038;w=2400');\">\n            <\/div>\n\n            <div\n                class=\"kdp-hero-slide\"\n                style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1513257805917-a0da1146eb15?auto=format&#038;fit=crop&#038;fm=jpg&#038;ixlib=rb-4.1.0&#038;q=88&#038;w=2400');\">\n            <\/div>\n\n            <div\n                class=\"kdp-hero-slide\"\n                style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1513828583688-c52646db42da?auto=format&#038;fit=crop&#038;fm=jpg&#038;ixlib=rb-4.1.0&#038;q=88&#038;w=2400');\">\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"kdp-wrap kdp-hero-inner\">\n\n            <div class=\"kdp-hero-center kdp-reveal\">\n\n                <h1 class=\"kdp-hero-title\">\n                    \uc0b0\uc5c5\uc758 \ud3d0\uc5f4\uc744\n                    <br>\n                    <strong>\uc804\ub825\uc73c\ub85c \ub418\ub3cc\ub9bd\ub2c8\ub2e4.<\/strong>\n                <\/h1>\n\n                <p class=\"kdp-hero-desc\">\n                    \ubc84\ub824\uc9c8 \uc218 \uc788\ub294 \uc5d0\ub108\uc9c0\ub97c \ud68c\uc218\ud574 \uc0c8\ub85c\uc6b4 \uc804\ub825\uc73c\ub85c \uc804\ud658\ud558\uace0,\n                    <br>\n                    \ub354 \ud6a8\uc728\uc801\uc778 \uc5d0\ub108\uc9c0\uc758 \ud750\ub984\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"kdp-hero-bottom\">\n\n            <div class=\"kdp-wrap kdp-hero-bottom-inner\">\n\n                <div class=\"kdp-hero-brand\">\n                    <b>KD-POWERTECH<\/b>\n                    <span>Waste Heat Power Generation<\/span>\n                <\/div>\n\n\n                <div class=\"kdp-hero-value\">\n                    <strong>\uc548\uc804<\/strong>\n                    <span>\uc5b4\ub5a0\ud55c \uc131\uacfc\ubcf4\ub2e4 \uc548\uc804\uc744 \uc6b0\uc120<\/span>\n                <\/div>\n\n\n                <div class=\"kdp-hero-value\">\n                    <strong>\uc548\uc815<\/strong>\n                    <span>\uccb4\uacc4\uc801\uc778 \uc124\ube44\uad00\ub9ac\uc640 \uc548\uc815\uc801\uc778 \uc804\ub825 \uc0dd\uc0b0<\/span>\n                <\/div>\n\n\n                <div class=\"kdp-hero-value\">\n                    <strong>\ud6a8\uc728<\/strong>\n                    <span>\ubbf8\ud65c\uc6a9 \uc5d0\ub108\uc9c0\ub97c \ub2e4\uc2dc \uac00\uce58 \uc788\ub294 \uc804\ub825\uc73c\ub85c<\/span>\n                <\/div>\n\n\n                <div class=\"kdp-hero-pager\">\n\n                    <span\n                        class=\"kdp-hero-count\"\n                        id=\"kdpHeroCount\">\n                        01\/03\n                    <\/span>\n\n                    <div\n                        class=\"kdp-hero-nav\"\n                        id=\"kdpHeroNav\">\n\n                        <button\n                            type=\"button\"\n                            class=\"kdp-active\"\n                            data-slide=\"0\"\n                            aria-label=\"\uccab \ubc88\uc9f8 \ubc30\ub108\">\n                        <\/button>\n\n                        <button\n                            type=\"button\"\n                            data-slide=\"1\"\n                            aria-label=\"\ub450 \ubc88\uc9f8 \ubc30\ub108\">\n                        <\/button>\n\n                        <button\n                            type=\"button\"\n                            data-slide=\"2\"\n                            aria-label=\"\uc138 \ubc88\uc9f8 \ubc30\ub108\">\n                        <\/button>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         PROCESS\n    ====================================================== -->\n\n    <section class=\"kdp-flow\">\n\n        <div class=\"kdp-wrap\">\n\n            <div class=\"kdp-flow-head kdp-reveal\">\n\n                <span class=\"kdp-section-label\">\n                    PROCESS\n                <\/span>\n\n                <h2 class=\"kdp-flow-title\">\n                    \uc5f4\uc774 \ubc84\ub824\uc9c0\ub294 \uc21c\uac04\uc744\n                    <br>\n                    <span>\uc804\ub825\uc774 \uc2dc\uc791\ub418\ub294 \uc21c\uac04\uc73c\ub85c.<\/span>\n                <\/h2>\n\n                <p class=\"kdp-flow-desc\">\n                    \uc11d\uc720\ud654\ud559 \uacf5\uc815\uc5d0\uc11c \ubc1c\uc0dd\ud558\ub294 \ubbf8\ud65c\uc6a9 \uc5f4\uc5d0\ub108\uc9c0\ub97c \ud68c\uc218\ud55c \ub4a4\n                    \uc5f4\uad50\ud658\uacfc \uc2a4\ud300 \uc0dd\uc0b0,\n                    <br>\n                    \ud130\ube48 \uad6c\ub3d9\uc744 \uac70\uccd0 \uc804\ub825\uc744 \uc0dd\uc0b0\ud569\ub2c8\ub2e4.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"kdp-process-band kdp-reveal\">\n\n                <article class=\"kdp-process-cell\">\n\n                    <small>01<\/small>\n\n                    <div>\n                        <h3>\ud3d0\uc5f4 \ud68c\uc218<\/h3>\n\n                        <p>\n                            \uacf5\uc815\uc5d0\uc11c \ubc84\ub824\uc9c8 \uc218 \uc788\ub294\n                            \uc5f4\uc5d0\ub108\uc9c0\ub97c \ud68c\uc218\ud569\ub2c8\ub2e4.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"kdp-arrow\">\n                        \u2192\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"kdp-process-cell\">\n\n                    <small>02<\/small>\n\n                    <div>\n                        <h3>\uc5f4\uad50\ud658<\/h3>\n\n                        <p>\n                            \ud68c\uc218\ud55c \uc5f4\uc744 \ubc1c\uc804\uc5d0 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d\n                            \uc2a4\ud300\uc744 \uc0dd\uc0b0\ud569\ub2c8\ub2e4.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"kdp-arrow\">\n                        \u2192\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"kdp-process-cell\">\n\n                    <small>03<\/small>\n\n                    <div>\n                        <h3>\uc2a4\ud300 \u00b7 \ud130\ube48<\/h3>\n\n                        <p>\n                            \uc0dd\uc0b0\ub41c \uc2a4\ud300\uc73c\ub85c \ud130\ube48 \ubc1c\uc804\uae30\ub97c\n                            \uac00\ub3d9\ud558\uc5ec \uc804\uae30\ub97c \uc0dd\uc0b0\ud569\ub2c8\ub2e4.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"kdp-arrow\">\n                        \u2192\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"kdp-process-cell\">\n\n                    <small>04<\/small>\n\n                    <div>\n                        <h3>\uc804\ub825 \ud310\ub9e4<\/h3>\n\n                        <p>\n                            \uc0dd\uc0b0\ub41c \uc804\uae30\ub97c\n                            \uc804\ub825\uac70\ub798\uc18c\uc5d0 \ud310\ub9e4\ud569\ub2c8\ub2e4.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"kdp-arrow\">\n                        \u2192\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div class=\"kdp-process-photo kdp-reveal\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1513257805917-a0da1146eb15?auto=format&#038;fit=crop&#038;fm=jpg&#038;ixlib=rb-4.1.0&#038;q=85&#038;w=2000\"\n                    alt=\"\ubc1c\uc804\uc124\ube44 \ud604\uc7a5\">\n\n                <div class=\"kdp-process-note\">\n\n                    <strong>\n                        \ud3d0\uc5f4\uc744 \ubc84\ub9ac\uc9c0 \uc54a\ub294 \ubc1c\uc804 \ubc29\uc2dd\n                    <\/strong>\n\n                    <span>\n                        \uc0b0\uc5c5\uacf5\uc815\uc758 \ubbf8\ud65c\uc6a9 \uc5d0\ub108\uc9c0\ub97c\n                        <br>\n                        \ub2e4\uc2dc \uc0dd\uc0b0 \uac00\ub2a5\ud55c \uc804\ub825\uc73c\ub85c \uc804\ud658\ud569\ub2c8\ub2e4.\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         ENERGY PERFORMANCE\n    ====================================================== -->\n\n    <section class=\"kdp-impact\">\n\n        <div class=\"kdp-impact-shell\">\n\n\n            <!-- LEFT -->\n\n            <div class=\"kdp-impact-media kdp-reveal\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1777915627530-fc3decb749cf?auto=format&#038;fit=crop&#038;fm=jpg&#038;ixlib=rb-4.1.0&#038;q=82&#038;w=2000\"\n                    alt=\"\uc0b0\uc5c5 \ubc1c\uc804\uc2dc\uc124\">\n\n                <div class=\"kdp-impact-caption\">\n\n                    <strong>\n                        \uc0b0\uc5c5\uacfc \uc5d0\ub108\uc9c0\ub97c \uc5f0\uacb0\ud558\ub294 \ubc1c\uc804 \uc2dc\uc2a4\ud15c\n                    <\/strong>\n\n                    <p>\n                        \ubbf8\ud65c\uc6a9 \uc5d0\ub108\uc9c0\ub97c \uc548\uc815\uc801\uc778 \uc804\ub825\uc73c\ub85c \uc804\ud658\ud574\n                        \uc790\uc6d0 \ud65c\uc6a9\ub3c4\ub97c \ub192\uc785\ub2c8\ub2e4.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- RIGHT -->\n\n            <div class=\"kdp-impact-content\">\n\n                <div class=\"kdp-impact-head kdp-reveal\">\n\n                    <span class=\"kdp-section-label\">\n                        ENERGY PERFORMANCE\n                    <\/span>\n\n\n                    <h2 class=\"kdp-impact-title\">\n                        \uc5d0\ub108\uc9c0\uc758 \uac00\uce58\ub97c\n                        <br>\n                        <span>\uc22b\uc790\ub85c \uc99d\uba85\ud569\ub2c8\ub2e4.<\/span>\n                    <\/h2>\n\n\n                    <p class=\"kdp-impact-desc\">\n                        \ud3d0\uc5f4\uc744 \uc804\ub825\uc73c\ub85c \ub418\ub3cc\ub9ac\ub294 \uacfc\uc815\uc740\n                        \uc5d0\ub108\uc9c0 \uc774\uc6a9\ud6a8\uc728\uc744 \ub192\uc774\uace0\n                        <br>\n                        \uc628\uc2e4\uac00\uc2a4 \uc800\uac10\uacfc \uc548\uc815\uc801\uc778 \uc804\ub825 \uc0dd\uc0b0\uc5d0 \uae30\uc5ec\ud569\ub2c8\ub2e4.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"kdp-data-grid kdp-reveal\">\n\n\n                    <!-- 01 -->\n\n                    <div class=\"kdp-data\">\n\n                        <span>\n                            \uc5f0\uac04 \uc804\uae30 \uc0dd\uc0b0\ub7c9\n                        <\/span>\n\n                        <strong>\n\n                            <span\n                                class=\"kdp-count\"\n                                data-count=\"132\">\n                                132\n                            <\/span>\n\n                            <i>GWh<\/i>\n\n                        <\/strong>\n\n                    <\/div>\n\n\n                    <!-- 02 -->\n\n                    <div class=\"kdp-data kdp-orange\">\n\n                        <span>\n                            \uc804\ub825 \uc0ac\uc6a9 \ud658\uc0b0 \uaddc\ubaa8\n                        <\/span>\n\n                        <strong>\n\n                            <span\n                                class=\"kdp-count\"\n                                data-count=\"7800\"\n                                data-format=\"comma\">\n                                7,800\n                            <\/span>\n\n                            <i>\uac00\uad6c<\/i>\n\n                        <\/strong>\n\n                    <\/div>\n\n\n                    <!-- 03 -->\n\n                    <div class=\"kdp-data\">\n\n                        <span>\n                            \uc5f0\uac04 \uc628\uc2e4\uac00\uc2a4 \uc800\uac10\n                        <\/span>\n\n                        <strong>\n\n                            <span\n                                class=\"kdp-count\"\n                                data-count=\"55000\"\n                                data-format=\"comma\">\n                                55,000\n                            <\/span>\n\n                            <i>t<\/i>\n\n                        <\/strong>\n\n                    <\/div>\n\n\n                    <!-- 04 -->\n\n                    <div class=\"kdp-data\">\n\n                        <span>\n                            \ubc1c\uc804 \uc124\ube44 \uc6a9\ub7c9\n                        <\/span>\n\n                        <strong>\n\n                            <span\n                                class=\"kdp-count\"\n                                data-count=\"16.4\"\n                                data-decimals=\"1\">\n                                16.4\n                            <\/span>\n\n                            <i>MW<\/i>\n\n                        <\/strong>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         LOCATION\n    ====================================================== -->\n\n    <section\n        class=\"kdp-location\"\n        id=\"location\">\n\n        <div class=\"kdp-wrap kdp-location-grid\">\n\n\n            <!-- LEFT -->\n\n            <div class=\"kdp-location-copy kdp-reveal\">\n\n                <span class=\"kdp-section-label\">\n                    LOCATION\n                <\/span>\n\n\n                <h2 class=\"kdp-location-title\">\n                    \uc6b8\uc0b0 \uc628\uc0b0\uc5d0\uc11c\n                    <br>\n                    <span>\uc5d0\ub108\uc9c0\uc758 \ub2e4\uc74c\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.<\/span>\n                <\/h2>\n\n\n                <div class=\"kdp-location-address\">\n\n                    <div class=\"kdp-location-line\">\n\n                        <b>\uc8fc\uc18c<\/b>\n\n                        <span>\n                            \uc6b8\uc0b0\uad11\uc5ed\uc2dc \uc6b8\uc8fc\uad70\n                            \uc628\uc0b0\uc74d \ub2f9\uc6d4\ub85c 456-61\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"kdp-location-line\">\n\n                        <b>\uc704\uce58<\/b>\n\n                        <span>\n                            S-OIL \uc628\uc0b0\uacf5\uc7a5 \ub0b4\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <a\n                    href=\"https:\/\/www.google.com\/maps\/search\/?api=1&#038;query=%EC%9A%B8%EC%82%B0%EA%B4%91%EC%97%AD%EC%8B%9C+%EC%9A%B8%EC%A3%BC%EA%B5%B0+%EC%98%A8%EC%82%B0%EC%9D%8D+%EB%8B%B9%EC%9B%94%EB%A1%9C+456-61\"\n                    class=\"kdp-location-link\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\">\n\n                    \uc624\uc2dc\ub294\uae38 \uc790\uc138\ud788 \ubcf4\uae30\n\n                    <i>\u2192<\/i>\n\n                <\/a>\n\n            <\/div>\n\n\n            <!-- RIGHT MAP -->\n\n            <div class=\"kdp-location-map kdp-reveal\">\n\n                <iframe\n                    src=\"https:\/\/www.google.com\/maps?q=%EC%9A%B8%EC%82%B0%EA%B4%91%EC%97%AD%EC%8B%9C+%EC%9A%B8%EC%A3%BC%EA%B5%B0+%EC%98%A8%EC%82%B0%EC%9D%8D+%EB%8B%B9%EC%9B%94%EB%A1%9C+456-61&#038;output=embed\"\n                    title=\"\ucf00\uc774\ub514\ud30c\uc6cc\ud14d \uc704\uce58\"\n                    loading=\"lazy\"\n                    referrerpolicy=\"no-referrer-when-downgrade\"\n                    allowfullscreen>\n                <\/iframe>\n\n\n                <div class=\"kdp-location-badge\">\n\n                    <i><\/i>\n\n                    <strong>\n                        ULSAN\n                    <\/strong>\n\n                    <span>\n                        ONSAN PLANT\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n\n\n<script>\n(function(){\n\n    const root =\n        document.getElementById('kdpMain');\n\n    if(!root){\n        return;\n    }\n\n\n    \/* =====================================================\n       REVEAL\n    ====================================================== *\/\n\n    const revealItems =\n        root.querySelectorAll(\n            '.kdp-reveal'\n        );\n\n\n    if(\n        'IntersectionObserver'\n        in window\n    ){\n\n        const revealObserver =\n            new IntersectionObserver(\n                function(entries){\n\n                    entries.forEach(\n                        function(entry){\n\n                            if(\n                                entry.isIntersecting\n                            ){\n\n                                entry.target\n                                    .classList\n                                    .add(\n                                        'kdp-show'\n                                    );\n\n                                revealObserver\n                                    .unobserve(\n                                        entry.target\n                                    );\n                            }\n                        }\n                    );\n\n                },\n                {\n                    threshold:.12\n                }\n            );\n\n\n        revealItems.forEach(\n            function(item){\n\n                revealObserver\n                    .observe(item);\n\n            }\n        );\n\n    }else{\n\n        revealItems.forEach(\n            function(item){\n\n                item.classList\n                    .add(\n                        'kdp-show'\n                    );\n\n            }\n        );\n    }\n\n\n    \/* =====================================================\n       HERO SLIDER\n    ====================================================== *\/\n\n    const hero =\n        root.querySelector(\n            '.kdp-hero'\n        );\n\n    const heroBg =\n        root.querySelector(\n            '#kdpHeroBg'\n        );\n\n    const heroSlides =\n        Array.from(\n            root.querySelectorAll(\n                '.kdp-hero-slide'\n            )\n        );\n\n    const heroButtons =\n        Array.from(\n            root.querySelectorAll(\n                '#kdpHeroNav button'\n            )\n        );\n\n    const heroCount =\n        root.querySelector(\n            '#kdpHeroCount'\n        );\n\n\n    let heroIndex = 0;\n    let heroTimer = null;\n\n\n    function setHero(index){\n\n        heroIndex = index;\n\n\n        heroSlides.forEach(\n            function(slide,i){\n\n                slide.classList\n                    .toggle(\n                        'kdp-active',\n                        i === index\n                    );\n\n            }\n        );\n\n\n        heroButtons.forEach(\n            function(button,i){\n\n                button.classList\n                    .toggle(\n                        'kdp-active',\n                        i === index\n                    );\n\n            }\n        );\n\n\n        if(heroCount){\n\n            heroCount.textContent =\n                String(\n                    index + 1\n                )\n                .padStart(\n                    2,\n                    '0'\n                )\n                +\n                '\/03';\n        }\n    }\n\n\n    function startHero(){\n\n        if(heroTimer){\n            clearInterval(heroTimer);\n        }\n\n        heroTimer =\n            setInterval(\n                function(){\n\n                    setHero(\n                        (\n                            heroIndex + 1\n                        )\n                        %\n                        heroSlides.length\n                    );\n\n                },\n                5200\n            );\n    }\n\n\n    heroButtons.forEach(\n        function(button,index){\n\n            button.addEventListener(\n                'click',\n                function(){\n\n                    setHero(index);\n\n                    startHero();\n\n                }\n            );\n        }\n    );\n\n\n    if(\n        heroSlides.length > 1\n    ){\n        startHero();\n    }\n\n\n    \/* =====================================================\n       HERO MOUSE PARALLAX\n    ====================================================== *\/\n\n    const finePointer =\n        window.matchMedia(\n            '(pointer:fine)'\n        ).matches;\n\n    const reduceMotion =\n        window.matchMedia(\n            '(prefers-reduced-motion: reduce)'\n        ).matches;\n\n\n    if(\n        hero &&\n        heroBg &&\n        finePointer &&\n        !reduceMotion\n    ){\n\n        hero.addEventListener(\n            'pointermove',\n            function(e){\n\n                const rect =\n                    hero.getBoundingClientRect();\n\n\n                const x =\n                    (\n                        (\n                            e.clientX\n                            -\n                            rect.left\n                        )\n                        \/\n                        rect.width\n                        -\n                        .5\n                    )\n                    *\n                    -12;\n\n\n                const y =\n                    (\n                        (\n                            e.clientY\n                            -\n                            rect.top\n                        )\n                        \/\n                        rect.height\n                        -\n                        .5\n                    )\n                    *\n                    -8;\n\n\n                heroBg.style\n                    .setProperty(\n                        '--kdp-hx',\n                        x + 'px'\n                    );\n\n\n                heroBg.style\n                    .setProperty(\n                        '--kdp-hy',\n                        y + 'px'\n                    );\n\n            }\n        );\n\n\n        hero.addEventListener(\n            'pointerleave',\n            function(){\n\n                heroBg.style\n                    .setProperty(\n                        '--kdp-hx',\n                        '0px'\n                    );\n\n                heroBg.style\n                    .setProperty(\n                        '--kdp-hy',\n                        '0px'\n                    );\n\n            }\n        );\n    }\n\n\n    \/* =====================================================\n       NUMBER COUNTER\n    ====================================================== *\/\n\n    const counters =\n        Array.from(\n            root.querySelectorAll(\n                '.kdp-count'\n            )\n        );\n\n\n    if(\n        'IntersectionObserver'\n        in window\n    ){\n\n        const countObserver =\n            new IntersectionObserver(\n                function(entries,observer){\n\n                    entries.forEach(\n                        function(entry){\n\n                            if(\n                                !entry.isIntersecting\n                            ){\n                                return;\n                            }\n\n\n                            const el =\n                                entry.target;\n\n                            const target =\n                                parseFloat(\n                                    el.dataset.count\n                                );\n\n                            const decimals =\n                                Number(\n                                    el.dataset.decimals\n                                    ||\n                                    0\n                                );\n\n                            const comma =\n                                el.dataset.format\n                                ===\n                                'comma';\n\n                            const duration =\n                                1250;\n\n                            const start =\n                                performance.now();\n\n\n                            function ease(t){\n\n                                return(\n                                    1\n                                    -\n                                    Math.pow(\n                                        1 - t,\n                                        3\n                                    )\n                                );\n\n                            }\n\n\n                            function run(now){\n\n                                const progress =\n                                    Math.min(\n                                        1,\n                                        (\n                                            now\n                                            -\n                                            start\n                                        )\n                                        \/\n                                        duration\n                                    );\n\n\n                                const value =\n                                    target\n                                    *\n                                    ease(\n                                        progress\n                                    );\n\n\n                                let output =\n                                    value.toFixed(\n                                        decimals\n                                    );\n\n\n                                if(comma){\n\n                                    output =\n                                        Number(\n                                            output\n                                        )\n                                        .toLocaleString(\n                                            'ko-KR',\n                                            {\n                                                minimumFractionDigits:\n                                                    decimals,\n\n                                                maximumFractionDigits:\n                                                    decimals\n                                            }\n                                        );\n                                }\n\n\n                                el.textContent =\n                                    output;\n\n\n                                if(\n                                    progress < 1\n                                ){\n\n                                    requestAnimationFrame(\n                                        run\n                                    );\n                                }\n                            }\n\n\n                            requestAnimationFrame(\n                                run\n                            );\n\n\n                            observer.unobserve(\n                                el\n                            );\n                        }\n                    );\n\n                },\n                {\n                    threshold:.55\n                }\n            );\n\n\n        counters.forEach(\n            function(counter){\n\n                countObserver\n                    .observe(\n                        counter\n                    );\n\n            }\n        );\n    }\n\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\uc0b0\uc5c5\uc758 \ud3d0\uc5f4\uc744 \uc804\ub825\uc73c\ub85c \ub418\ub3cc\ub9bd\ub2c8\ub2e4. \ubc84\ub824\uc9c8 \uc218 \uc788\ub294 \uc5d0\ub108\uc9c0\ub97c \ud68c\uc218\ud574 \uc0c8\ub85c\uc6b4 \uc804\ub825\uc73c\ub85c \uc804\ud658\ud558\uace0, \ub354 \ud6a8\uc728\uc801\uc778 \uc5d0\ub108\uc9c0\uc758 \ud750\ub984\uc744 \ub9cc\ub4ed\ub2c8\ub2e4. KD-POWERTECH Waste Heat Power Generation \uc548\uc804 \uc5b4\ub5a0\ud55c \uc131\uacfc\ubcf4\ub2e4 \uc548\uc804\uc744 \uc6b0\uc120 \uc548\uc815 \uccb4\uacc4\uc801\uc778 \uc124\ube44\uad00\ub9ac\uc640 \uc548\uc815\uc801\uc778 \uc804\ub825 \uc0dd\uc0b0 \ud6a8\uc728 \ubbf8\ud65c\uc6a9 \uc5d0\ub108\uc9c0\ub97c \ub2e4\uc2dc \uac00\uce58 \uc788\ub294 \uc804\ub825\uc73c\ub85c &hellip; <a href=\"https:\/\/kdpowertech.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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kdpowertech.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kdpowertech.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kdpowertech.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kdpowertech.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kdpowertech.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":8,"href":"https:\/\/kdpowertech.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/kdpowertech.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/kdpowertech.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}