{"id":64,"date":"2026-05-08T16:54:28","date_gmt":"2026-05-08T07:54:28","guid":{"rendered":"https:\/\/pyobiotech.com\/?page_id=64"},"modified":"2026-09-01T17:05:06","modified_gmt":"2026-09-01T08:05:06","slug":"history","status":"publish","type":"page","link":"https:\/\/pyobiotech.com\/en\/history\/","title":{"rendered":"History"},"content":{"rendered":"<style>\n    \/* ==============================================\n       1. \ubf08\ub300 \ubc0f \uae30\ubcf8 \uc14b\ud305 (\ud14c\ub9c8 \ucda9\ub3cc \ubc29\uc9c0)\n       ============================================== *\/\n    body { margin: 0; background: #fff; }\n    header.entry-header { display: none !important; }\n\n    .pb-history-container {\n        max-width: 1100px;\n        margin: 0 auto 80px;\n        padding: 0 15px;\n        font-family: 'Pretendard', -apple-system, sans-serif;\n        box-sizing: border-box;\n    }\n    .pb-history-container * { box-sizing: border-box; }\n\n    :root {\n        --pb-blue: #0088FE;\n    }\n\n    \/* \ud0c0\uc774\ud2c0 \uc601\uc5ed *\/\n    .pb-title-box { text-align: center; margin-bottom: 100px; }\n    .pb-title-box h1 { font-size: 38px; font-weight: 800; color: #222; margin: 0; letter-spacing: -1px; line-height: 1.2; }\n    .pb-title-box p { font-size: 16px; color: #888; margin: 10px 0 0 0; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }\n    .pb-divider { width: 40px; height: 4px; background-color: var(--pb-blue); margin: 25px auto 0; border-radius: 2px; }\n\n    \/* ==============================================\n       2. \ud83c\udf1f \ubd80\ub4dc\ub7ec\uc6b4 \uace1\uc120 \u3139\uc790(serpentine) \ud0c0\uc784\ub77c\uc778\n       ============================================== *\/\n    .pb-timeline-snake {\n        position: relative;\n        width: 100%;\n        max-width: 1040px;\n        height: 790px;\n        margin: 40px auto 0;\n    }\n\n    \/* \uace1\uc120 \ub77c\uc778 (SVG) *\/\n    .pb-svg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 560px;\n        z-index: 1;\n        overflow: visible;\n        pointer-events: none;\n    }\n\n    \/* \uc5f0\ub3c4 \ubc43\uc9c0 *\/\n    .pb-year {\n        position: absolute;\n        top: 390px;\n        left: 0;\n        transform: translateY(-50%);\n        background: var(--pb-blue);\n        color: #fff;\n        font-size: 22px;\n        font-weight: 800;\n        padding: 10px 28px;\n        border-radius: 30px;\n        z-index: 30;\n        box-shadow: 0 6px 15px rgba(0, 136, 254, 0.3);\n    }\n\n    \/* \ud2b8\ub799 \uc704\uc758 \uc810(Dot) *\/\n    .pb-dots { position: absolute; inset: 0; z-index: 15; pointer-events: none; }\n    .pb-dot {\n        position: absolute;\n        transform: translate(-50%, -50%);\n        width: 22px;\n        height: 22px;\n        background: #fff;\n        border: 5px solid var(--pb-blue);\n        border-radius: 50%;\n        box-shadow: 0 0 0 4px rgba(0, 136, 254, 0.1);\n    }\n\n    \/* \uc815\ubcf4 \uce74\ub4dc *\/\n    .pb-cards { position: static; }\n    .pb-card {\n        position: absolute;\n        transform: translateX(-50%);\n        width: 300px;\n        background: #fff;\n        padding: 25px;\n        border-radius: 12px;\n        border-top: 4px solid var(--pb-blue);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\n        z-index: 20;\n        transition: transform 0.3s ease;\n    }\n\n    \/* \uce74\ub4dc\u2194\ub77c\uc778 \uc5f0\uacb0 \uc138\ub85c \uc2a4\ud141 *\/\n    .pb-card::after {\n        content: '';\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 2px;\n        height: 40px;\n        background: var(--pb-blue);\n    }\n    .pb-card.up::after   { top: 100%; }\n    .pb-card.down::after { bottom: 100%; }\n\n    \/* \ubaa8\ubc14\uc77c \uc804\uc6a9 \ub3c4\ud2b8 (\uae30\ubcf8 \uc228\uae40) *\/\n    .pb-card::before { display: none; }\n\n    \/* \uac1c\ubcc4 \uce74\ub4dc \uc704\uce58 \uc124\uc815 *\/\n    .pb-c1 { left: 18.27%; bottom: 440px; }\n    .pb-c2 { left: 50.96%; bottom: 440px; }\n    .pb-c3 { left: 83.65%; bottom: 440px; }\n    .pb-c4 { left: 83.65%; top: 570px; }\n    .pb-c5 { left: 18.27%; top: 570px; }\n\n    \/* \ub9c8\uc6b0\uc2a4 \ud638\ubc84 \ubaa8\uc158 *\/\n    .pb-card.up:hover   { transform: translate(-50%, -5px); }\n    .pb-card.down:hover { transform: translate(-50%, 5px); }\n\n    \/* \ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c *\/\n    .pb-month { font-size: 24px; font-weight: 800; color: var(--pb-blue); margin: 0 0 15px 0; border-bottom: 1px solid #eee; padding-bottom: 10px; }\n\n    .pb-list { list-style: none; padding: 0; margin: 0; }\n    .pb-list li { position: relative; padding-left: 14px; margin-bottom: 12px; font-size: 15px; color: #333; line-height: 1.5; word-break: keep-all; }\n    .pb-list li:last-child { margin-bottom: 0; }\n    .pb-list li::before { content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: var(--pb-blue); border-radius: 50%; }\n\n    \/* ==============================================\n       3. \ud83d\udcf1 \ubaa8\ubc14\uc77c \uc138\ub85c\ud615 \ub300\uc751 (1000px \uc774\ud558)\n       ============================================== *\/\n    @media (max-width: 1000px) {\n        .pb-title-box { margin-bottom: 50px; }\n        .pb-timeline-snake { height: auto; max-width: 640px; margin: 20px auto 0; }\n        .pb-svg, .pb-dots { display: none; }\n        .pb-year { position: relative; top: auto; left: auto; transform: none; display: inline-block; margin: 0 0 30px 0; }\n        .pb-cards { position: relative; border-left: 3px solid #dbe4ed; margin-left: 20px; padding: 10px 0; }\n        .pb-card {\n            position: relative !important;\n            left: auto !important; right: auto !important;\n            top: auto !important; bottom: auto !important;\n            transform: none !important;\n            width: calc(100% - 40px) !important;\n            margin: 0 0 30px 40px !important;\n        }\n        .pb-card:last-child { margin-bottom: 0 !important; }\n        .pb-card::after { display: none; }\n        .pb-card::before {\n            display: block; content: ''; position: absolute;\n            left: -50px; top: 24px; width: 16px; height: 16px;\n            background: #fff; border: 4px solid var(--pb-blue);\n            border-radius: 50%; box-shadow: 0 0 0 4px rgba(0, 136, 254, 0.1);\n        }\n        .pb-card.up:hover, .pb-card.down:hover { transform: translateY(-3px) !important; }\n    }\n<\/style>\n\n<div class=\"pb-history-container\">\n    <div class=\"pb-title-box\">\n        <h1>Company History<\/h1>\n        <p>History<\/p>\n        <div class=\"pb-divider\"><\/div>\n    <\/div>\n\n    <div class=\"pb-timeline-snake\">\n        <svg class=\"pb-svg\" viewbox=\"0 0 1040 560\" preserveaspectratio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M 40 390 H 915 A 70 70 0 0 1 915 530 H 95\" fill=\"none\" stroke=\"#dbe4ed\" stroke-width=\"4\" stroke-linecap=\"round\"><\/path>\n        <\/svg>\n\n        <div class=\"pb-dots\">\n            <span class=\"pb-dot\" style=\"left:18.27%; top:390px;\"><\/span>\n            <span class=\"pb-dot\" style=\"left:50.96%; top:390px;\"><\/span>\n            <span class=\"pb-dot\" style=\"left:83.65%; top:390px;\"><\/span>\n            <span class=\"pb-dot\" style=\"left:83.65%; top:530px;\"><\/span>\n            <span class=\"pb-dot\" style=\"left:18.27%; top:530px;\"><\/span>\n        <\/div>\n\n        <div class=\"pb-year\">2026<\/div>\n\n        <div class=\"pb-cards\">\n            <!-- 3\uc6d4 -->\n            <div class=\"pb-card pb-c1 up\">\n                <h2 class=\"pb-month\">March<\/h2>\n                <ul class=\"pb-list\">\n                    <li>Establishment of PyobioTech Co., Ltd.<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- 4\uc6d4 -->\n            <div class=\"pb-card pb-c2 up\">\n                <h2 class=\"pb-month\">April<\/h2>\n                <ul class=\"pb-list\">\n                    <li>Business Registration and Head Office Designation<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- 5\uc6d4 -->\n            <div class=\"pb-card pb-c3 up\">\n                <h2 class=\"pb-month\">May<\/h2>\n                <ul class=\"pb-list\">\n                    <li>Establishment of Pyo Biotech Co., Ltd. Branch<\/li>\n                    <li>2026 Bio-Digital Healthcare Industry Global Support Project Selection<\/li>\n                    <li>2026 Ulsan Startup L Series Selection<\/li>\n                    <li>2026 Innotech Discovery and Startup Support (Ulsan\/Ulju) Business Selection<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- 6\uc6d4 -->\n            <div class=\"pb-card pb-c4 down\">\n                <h2 class=\"pb-month\">June<\/h2>\n                <ul class=\"pb-list\">\n                    <li>Strategic Angel Investment Completed<\/li>\n                    <li>Establishment of a corporate research institute<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- 8\uc6d4 (\uae30\ud638 \ubc0f \uacf5\ubc31 \ucd5c\uc801\ud654) -->\n            <div class=\"pb-card pb-c5 down\">\n                <h2 class=\"pb-month\">8\uc6d4<\/h2>\n                <ul class=\"pb-list\">\n                    <li>Selected for the 2026 Innotech Global Expansion Linkage Program<\/li>\n                    <li>P&amp;U STRIKE Singapore 2026 Project Selection<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud68c\uc0ac \uc5f0\ud601 History 2026 3\uc6d4 \uc8fc\uc2dd\ud68c\uc0ac \ud45c\ubc14\uc774\uc624\ud14d \uc124\ub9bd 4\uc6d4 \uc0ac\uc5c5\uc790\ub4f1\ub85d \ubc0f \ubcf8\uc0ac \uc9c0\uc815 5\uc6d4 \uc8fc\uc2dd\ud68c\uc0ac \ud45c\ubc14\uc774\uc624\ud14d \uc9c0\uc810 \uc124\ub9bd 2026 \ubc14\uc774\uc624 \ub514\uc9c0\ud138 \ud5ec\uc2a4\ucf00\uc5b4 \uc0b0\uc5c5 \uae00\ub85c\ubc8c \uc9c0\uc6d0 \uc0ac\uc5c5 \uc120\uc815 2026\ub144 \uc6b8\uc0b0 \ucc3d\uc5c5 L\uc2dc\ub9ac\uc988 \uc120\uc815 2026 \uc774\ub178\ud14c\ud06c \ubc1c\uad74 \ubc0f \ucc3d\uc5c5\uc9c0\uc6d0(\uc6b8\uc0b0\u00b7\uc6b8\uc8fc) \uc0ac\uc5c5 \uc120\uc815 6\uc6d4 \uc804\ub7b5\uc801 \uc5d4\uc824 \ud22c\uc790 \uc644\ub8cc \uae30\uc5c5\ubd80\uc124\uc5f0\uad6c\uc18c \uc124\ub9bd 8\uc6d4 2026 \uc774\ub178\ud14c\ud06c \uae00\ub85c\ubc8c \uc9c4\ucd9c \uc5f0\uacc4 \ud504\ub85c\uadf8\ub7a8 \uc120\uc815 P&#038;U &#8230; <a title=\"History\" class=\"read-more\" href=\"https:\/\/pyobiotech.com\/en\/history\/\" aria-label=\"Read more about \uc5f0\ud601\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-64","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/pyobiotech.com\/en\/wp-json\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pyobiotech.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pyobiotech.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pyobiotech.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pyobiotech.com\/en\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":10,"href":"https:\/\/pyobiotech.com\/en\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":371,"href":"https:\/\/pyobiotech.com\/en\/wp-json\/wp\/v2\/pages\/64\/revisions\/371"}],"wp:attachment":[{"href":"https:\/\/pyobiotech.com\/en\/wp-json\/wp\/v2\/media?parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}