{"id":2,"date":"2025-11-08T23:59:56","date_gmt":"2025-11-08T23:59:56","guid":{"rendered":"http:\/\/144.24.64.64\/?page_id=2"},"modified":"2026-01-20T14:43:58","modified_gmt":"2026-01-20T14:43:58","slug":"%ec%98%88%ec%a0%9c-%ed%8e%98%ec%9d%b4%ec%a7%80","status":"publish","type":"page","link":"https:\/\/www.wdpplogis.com\/?page_id=2","title":{"rendered":"\ud68c\uc0ac\uc5f0\ud601"},"content":{"rendered":"\n<div style=\"margin:0; padding:0; max-width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\">\n  <style>\n    .history-page {\n      font-family: 'Noto Sans KR', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n      background: #f9f7ff;\n      color: #2b214f;\n      line-height: 1.6;\n    }\n\n    \/* HERO SECTION *\/\n    .history-hero {\n      background: linear-gradient(135deg, #6c4edb 0%, #4a2fa0 40%, #2b214f 100%);\n      padding: 100px 20px 80px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .history-hero::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      right: -10%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(255, 221, 85, 0.08) 0%, transparent 70%);\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .history-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .history-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 8px 16px;\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.1);\n      font-size: 12px;\n      color: #c6bff0;\n      margin-bottom: 24px;\n      letter-spacing: 0.05em;\n    }\n\n    .history-badge::before {\n      content: '';\n      width: 6px;\n      height: 6px;\n      background: #ffdd55;\n      border-radius: 50%;\n      display: block;\n    }\n\n    .history-title {\n      font-size: clamp(28px, 6vw, 48px);\n      font-weight: 700;\n      margin-bottom: 20px;\n      line-height: 1.3;\n      letter-spacing: -0.02em;\n      color: #f5f1ff;\n    }\n\n    .history-title span {\n      color: #ffdd55;\n      display: block;\n    }\n\n    .history-intro {\n      font-size: 16px;\n      color: #c6bff0;\n      line-height: 1.8;\n      max-width: 720px;\n      margin-bottom: 0;\n    }\n\n    \/* TIMELINE SECTION *\/\n    .timeline-section {\n      padding: 80px 20px;\n    }\n\n    .timeline-wrapper {\n      max-width: 900px;\n      margin: 0 auto;\n      position: relative;\n    }\n\n    \/* \uc911\uc559 \uc138\ub85c \ub77c\uc778 *\/\n    .timeline-wrapper::before {\n      content: '';\n      position: absolute;\n      left: 50%;\n      top: 0;\n      bottom: 0;\n      width: 3px;\n      background: linear-gradient(to bottom, #6c4edb, #4a2fa0);\n      transform: translateX(-50%);\n      z-index: 1;\n    }\n\n    .timeline-item {\n      display: flex;\n      margin-bottom: 60px;\n      position: relative;\n      align-items: center;\n    }\n\n    \/* \ud640\uc218 \ud56d\ubaa9: \uc67c\ucabd \uc815\ub82c *\/\n    .timeline-item:nth-child(odd) {\n      justify-content: flex-start;\n      padding-right: 50%;\n    }\n\n    \/* \uc9dd\uc218 \ud56d\ubaa9: \uc624\ub978\ucabd \uc815\ub82c *\/\n    .timeline-item:nth-child(even) {\n      justify-content: flex-end;\n      padding-left: 50%;\n      flex-direction: row-reverse;\n    }\n\n    .timeline-year {\n      min-width: 110px;\n      height: 110px;\n      background: linear-gradient(135deg, #6c4edb, #5b3db8);\n      color: white;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 24px;\n      font-weight: 700;\n      border-radius: 50%;\n      box-shadow: 0 12px 35px rgba(91, 61, 184, 0.35);\n      z-index: 3;\n      position: relative;\n      border: 4px solid #f9f7ff;\n    }\n\n    .timeline-content {\n      background: #ffffff;\n      padding: 28px 32px;\n      border-radius: 18px;\n      box-shadow: 0 12px 35px rgba(91, 61, 184, 0.12);\n      max-width: 380px;\n      position: relative;\n      border: 1px solid rgba(91, 61, 184, 0.1);\n      transition: all 0.3s ease;\n      margin: 0 24px;\n    }\n\n    .timeline-content:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 18px 45px rgba(91, 61, 184, 0.18);\n      border-color: rgba(91, 61, 184, 0.25);\n    }\n\n    \/* \ub9d0\ud48d\uc120 \uaf2c\ub9ac *\/\n    .timeline-item:nth-child(odd) .timeline-content::after {\n      content: '';\n      position: absolute;\n      right: -12px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 0;\n      height: 0;\n      border-left: 12px solid #ffffff;\n      border-top: 12px solid transparent;\n      border-bottom: 12px solid transparent;\n    }\n\n    .timeline-item:nth-child(even) .timeline-content::after {\n      content: '';\n      position: absolute;\n      left: -12px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 0;\n      height: 0;\n      border-right: 12px solid #ffffff;\n      border-top: 12px solid transparent;\n      border-bottom: 12px solid transparent;\n    }\n\n    .timeline-content h3 {\n      font-size: 18px;\n      color: #2b214f;\n      margin-bottom: 8px;\n      font-weight: 700;\n      line-height: 1.4;\n    }\n\n    .timeline-content p {\n      color: #5a5070;\n      font-size: 14px;\n      line-height: 1.7;\n      margin: 0;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 768px) {\n      .history-hero {\n        padding: 60px 20px 50px;\n      }\n\n      .timeline-section {\n        padding: 60px 20px;\n      }\n\n      .timeline-wrapper::before {\n        left: 30px;\n      }\n\n      .timeline-item {\n        flex-direction: column !important;\n        padding: 0 !important;\n        align-items: flex-start !important;\n        padding-left: 80px !important;\n      }\n\n      .timeline-item:nth-child(even) {\n        padding-left: 80px !important;\n      }\n\n      .timeline-year {\n        position: absolute;\n        left: 0;\n        min-width: 90px;\n        height: 90px;\n        font-size: 20px;\n      }\n\n      .timeline-content {\n        margin: 0;\n        max-width: 100%;\n      }\n\n      .timeline-content::after {\n        display: none;\n      }\n    }\n  <\/style>\n\n  <div class=\"history-page\">\n    <!-- HERO -->\n    <section class=\"history-hero\">\n      <div class=\"history-container\">\n        <div class=\"history-badge\">COMPANY HISTORY \u00b7 \uc8fc\uc2dd\ud68c\uc0ac \ub354\ucc44\uc6c0<\/div>\n\n        <h1 class=\"history-title\">\n          \ud568\uaed8 \uac78\uc5b4\uc628 \ubc1c\uc790\ucde8<br>\n          <span>(\uc8fc)\ub354\ucc44\uc6c0\uc758 \uc131\uc7a5 \uc774\uc57c\uae30<\/span>\n        <\/h1>\n\n        <p class=\"history-intro\">\n          2018\ub144 \uc81c\uc8fc\uc5d0\uc11c \uc2dc\uc791\ub41c \uc791\uc740 \ub3c4\uc804\uc774 \uc804\uad6d \ub124\ud2b8\uc6cc\ud06c\ub85c \ud655\uc7a5\ub418\uae30\uae4c\uc9c0,\n          (\uc8fc)\ub354\ucc44\uc6c0\uc740 \ub04a\uc784\uc5c6\ub294 \ud601\uc2e0\uacfc \uace0\uac1d\uacfc\uc758 \uc2e0\ub8b0\ub97c \ubc14\ud0d5\uc73c\ub85c \uc131\uc7a5\ud574\uc654\uc2b5\ub2c8\ub2e4.\n          \uc9c0\uae08 \uc774 \uc21c\uac04\uc5d0\ub3c4 \ubb3c\ub958\uc758 \ubbf8\ub798\ub97c \ud5a5\ud574 \ub098\uc544\uac00\uace0 \uc788\uc2b5\ub2c8\ub2e4.\n        <\/p>\n      <\/div>\n    <\/section>\n\n    <!-- TIMELINE -->\n    <section class=\"timeline-section\">\n      <div class=\"timeline-wrapper\">\n        <div class=\"timeline-item\">\n          <div class=\"timeline-year\">2025<\/div>\n          <div class=\"timeline-content\">\n            <h3>\uc591\uc0b0\uc73c\ub85c \ubcf8\uc0ac \uc774\uc804<\/h3>\n            <p>\ud558\ub0a8 \uc9c0\uc0ac \uc124\ub9bd\uc73c\ub85c \uc218\ub3c4\uad8c \ubb3c\ub958<br>\n               \ub124\ud2b8\uc6cc\ud06c \uac15\ud654<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n          <div class=\"timeline-year\">2020<\/div>\n          <div class=\"timeline-content\">\n            <h3>\uc591\uc0b0 \uc9c0\uc0ac \uc124\ub9bd<\/h3>\n            <p>\uacbd\ub0a8\uad8c \ubb3c\ub958 \uac70\uc810 \ud655\ubcf4 \ubc0f \uc804\uad6d<br>\n               \ub124\ud2b8\uc6cc\ud06c \ud655\uc7a5<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n          <div class=\"timeline-year\">2019<\/div>\n          <div class=\"timeline-content\">\n            <h3>\uc81c\uc8fc \ub18d\uc0b0\ubb3c \ubc0f \ucfe0\ud321 \uc6b4\uc1a1 \uc2dc\uc791<\/h3>\n            <p>\ub3c4\uc11c\uc9c0\uc5ed \ud2b9\ud654 \ubb3c\ub958 \uc6b4\uc601 \ub178\ud558\uc6b0 \ucd95\uc801<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n          <div class=\"timeline-year\">2018<\/div>\n          <div class=\"timeline-content\">\n            <h3>\uc81c\uc8fc\uc5d0\uc11c (\uc8fc)\ub354\ucc44\uc6c0 \uc124\ub9bd<\/h3>\n            <p>\ucfe0\ud321 \uc81c\uc8fc\uc13c\ud130 \ubb3c\ub958 \uc6b4\uc1a1\uc758 \uc2dc\uc791<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>COMPANY HISTORY \u00b7 \uc8fc\uc2dd\ud68c\uc0ac \ub354\ucc44\uc6c0 \ud568\uaed8 \uac78\uc5b4\uc628 \ubc1c\uc790\ucde8 (\uc8fc)\ub354\ucc44\uc6c0\uc758 \uc131\uc7a5 \uc774\uc57c\uae30 2018\ub144 \uc81c\uc8fc\uc5d0\uc11c \uc2dc\uc791\ub41c \uc791\uc740 \ub3c4\uc804\uc774 \uc804\uad6d \ub124\ud2b8\uc6cc\ud06c\ub85c \ud655\uc7a5\ub418\uae30\uae4c\uc9c0, (\uc8fc)\ub354\ucc44\uc6c0\uc740 \ub04a\uc784\uc5c6\ub294 \ud601\uc2e0\uacfc \uace0\uac1d\uacfc\uc758 \uc2e0\ub8b0\ub97c \ubc14\ud0d5\uc73c\ub85c \uc131\uc7a5\ud574\uc654\uc2b5\ub2c8\ub2e4. \uc9c0\uae08 \uc774 \uc21c\uac04\uc5d0\ub3c4 \ubb3c\ub958\uc758 \ubbf8\ub798\ub97c \ud5a5\ud574 \ub098\uc544\uac00\uace0 \uc788\uc2b5\ub2c8\ub2e4. 2025 \uc591\uc0b0\uc73c\ub85c \ubcf8\uc0ac \uc774\uc804 \ud558\ub0a8 \uc9c0\uc0ac \uc124\ub9bd\uc73c\ub85c \uc218\ub3c4\uad8c \ubb3c\ub958 \ub124\ud2b8\uc6cc\ud06c \uac15\ud654 2020 \uc591\uc0b0 \uc9c0\uc0ac \uc124\ub9bd \uacbd\ub0a8\uad8c \ubb3c\ub958 \uac70\uc810 \ud655\ubcf4 \ubc0f \uc804\uad6d &#8230; <a title=\"\ud68c\uc0ac\uc5f0\ud601\" class=\"read-more\" href=\"https:\/\/www.wdpplogis.com\/?page_id=2\" aria-label=\"\ud68c\uc0ac\uc5f0\ud601\uc5d0 \ub300\ud574 \ub354 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694\">\ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.wdpplogis.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wdpplogis.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wdpplogis.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wdpplogis.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wdpplogis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":12,"href":"https:\/\/www.wdpplogis.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":237,"href":"https:\/\/www.wdpplogis.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/237"}],"wp:attachment":[{"href":"https:\/\/www.wdpplogis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}