{"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-06-24T16:46:39","modified_gmt":"2026-06-24T07:46:39","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    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: 120px; } \/* \ud83c\udf1f \ud0c0\uc774\ud2c0 \uc544\ub798 \uc5ec\ubc31\uc744 80px -> 120px\ub85c \ub300\ud3ed \ub298\ub824 \uce68\ubc94 \ucc28\ub2e8 *\/\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 \uac00\ub85c\ud615 \ud0c0\uc784\ub77c\uc778 (\uac04\uaca9 \ubc0f \ub192\uc774 \uc7ac\uacc4\uc0b0)\n       ============================================== *\/\n    .pb-timeline {\n        position: relative;\n        height: 600px; \/* \ud83c\udf1f \uc804\uccb4 \ud2b8\ub799 \ub192\uc774\ub97c 560px -> 600px\ub85c \ub298\ub824 \uc0c1\ud558 \uc5ec\ubc31 \ud655\ubcf4 *\/\n        width: 100%;\n        margin-top: 60px;\n    }\n\n    \/* \uc911\uc559 \uac00\ub85c\uc120 *\/\n    .pb-track {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background-color: #dbe4ed;\n        transform: translateY(-50%);\n        z-index: 1;\n    }\n\n    \/* \uc5f0\ub3c4 \ubc43\uc9c0 *\/\n    .pb-year {\n        position: absolute;\n        top: 50%;\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: 10;\n        box-shadow: 0 6px 15px rgba(0, 136, 254, 0.3);\n    }\n\n    \/* \ub178\ub4dc \ucee8\ud14c\uc774\ub108 *\/\n    .pb-nodes {\n        position: absolute;\n        top: 0;\n        left: 120px; \n        right: 0;\n        height: 100%;\n        display: flex;\n        z-index: 5;\n    }\n\n    \/* \uac1c\ubcc4 \uad6c\uac04 *\/\n    .pb-node {\n        flex: 1;\n        position: relative;\n        height: 100%;\n    }\n\n    \/* \ud2b8\ub799 \uc704\uc758 \uc810(Dot) *\/\n    .pb-dot {\n        position: absolute;\n        top: 50%;\n        left: 50%;\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        z-index: 15;\n        box-shadow: 0 0 0 4px rgba(0, 136, 254, 0.1);\n    }\n\n    \/* \uc815\ubcf4 \uce74\ub4dc (\uacb9\uce68 \ubc29\uc9c0\ub97c \uc704\ud574 width 92% \uc9c0\uc815) *\/\n    .pb-card {\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 92%; \n        background: #fff;\n        padding: 25px 20px;\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    \/* \ud83c\udf1f \uc0c1\ud558 \uce74\ub4dc \uac04\uaca9 \uc644\ubcbd \uace0\uc815 *\/\n    \/* \ud640\uc218(3\uc6d4, 5\uc6d4): \uc704\ub85c \ubc30\uce58 *\/\n    .pb-node:nth-child(odd) .pb-card { \n        bottom: calc(50% + 40px); \/* \ud83c\udf1f \ub108\ubb34 \uc704\ub85c \uce58\uc19f\uc9c0 \uc54a\ub3c4\ub85d \ubc14\ub2e5 \ub9c8\uc9c4 \uc870\uc815 *\/\n    }\n    .pb-node:nth-child(odd)::before {\n        content: ''; position: absolute; bottom: 50%; left: 50%;\n        width: 2px; height: 40px; background: var(--pb-blue);\n        transform: translateX(-50%); z-index: 5;\n    }\n\n    \/* \uc9dd\uc218(4\uc6d4, 6\uc6d4): \uc544\ub798\ub85c \ubc30\uce58 *\/\n    .pb-node:nth-child(even) .pb-card { \n        top: calc(50% + 40px); \n    }\n    .pb-node:nth-child(even)::before {\n        content: ''; position: absolute; top: 50%; left: 50%;\n        width: 2px; height: 40px; background: var(--pb-blue);\n        transform: translateX(-50%); z-index: 5;\n    }\n\n    \/* \ub9c8\uc6b0\uc2a4 \ud638\ubc84 \ubaa8\uc158 *\/\n    .pb-node:nth-child(odd) .pb-card:hover { transform: translate(-50%, -5px); }\n    .pb-node:nth-child(even) .pb-card: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: 12px; margin-bottom: 10px; font-size: 15px; color: #333; line-height: 1.4; word-break: keep-all; }\n    .pb-list li:last-child { margin-bottom: 0; }\n    .pb-list li::before { content: ''; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; background: var(--pb-blue); border-radius: 50%; }\n\n    \/* ==============================================\n       3. \ud83d\udcf1 \ubaa8\ubc14\uc77c \uc138\ub85c\ud615 \uc644\ubcbd \ub300\uc751\n       ============================================== *\/\n    @media (max-width: 768px) {\n        .pb-title-box { margin-bottom: 50px; }\n        .pb-timeline { height: auto; display: block; margin-top: 20px; }\n        .pb-track { display: none; }\n        \n        .pb-year { position: relative; top: 0; left: 0; transform: none; display: inline-block; margin-bottom: 30px; }\n        \n        .pb-nodes { position: relative; left: 0; top: 0; display: block; height: auto; border-left: 2px solid #dbe4ed; margin-left: 20px; padding-bottom: 20px; }\n        \n        .pb-node { display: block; margin-bottom: 40px; height: auto; }\n        .pb-node::before { display: none !important; } \n        \n        .pb-dot { left: -1px; top: 20px; transform: translateX(-50%); width: 16px; height: 16px; border-width: 4px; }\n        \n        .pb-node:nth-child(odd) .pb-card,\n        .pb-node:nth-child(even) .pb-card {\n            position: relative; left: 0; top: 0; bottom: 0; transform: none;\n            width: calc(100% - 30px); margin-left: 30px;\n        }\n        \n        .pb-node:nth-child(odd) .pb-card:hover,\n        .pb-node:nth-child(even) .pb-card:hover { transform: translateY(-3px); }\n    }\n<\/style>\n\n<div class=\"pb-history-container\">\n    \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\">\n        <div class=\"pb-track\"><\/div>\n        \n        <div class=\"pb-year\">2026<\/div>\n\n        <div class=\"pb-nodes\">\n            \n            <div class=\"pb-node\">\n                <div class=\"pb-dot\"><\/div>\n                <div class=\"pb-card\">\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            <\/div>\n\n            <div class=\"pb-node\">\n                <div class=\"pb-dot\"><\/div>\n                <div class=\"pb-card\">\n                    <h2 class=\"pb-month\">April<\/h2>\n                    <ul class=\"pb-list\">\n                        <li>Business Registration and Head Office Designation<\/li>\n                        \n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"pb-node\">\n                <div class=\"pb-dot\"><\/div>\n                <div class=\"pb-card\">\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            <\/div>\n\n            <div class=\"pb-node\">\n                <div class=\"pb-dot\"><\/div>\n                <div class=\"pb-card\">\n                    <h2 class=\"pb-month\">June<\/h2>\n                    <ul class=\"pb-list\">\n                        <li>Strategic Angel Investment Completed<\/li>\n                        <li>\uae30\uc5c5\ubd80\uc124\uc5f0\uad6c\uc18c \uc124\ub9bd<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\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<\/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":4,"href":"https:\/\/pyobiotech.com\/en\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":261,"href":"https:\/\/pyobiotech.com\/en\/wp-json\/wp\/v2\/pages\/64\/revisions\/261"}],"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}]}}