{"id":16035,"date":"2026-02-25T15:07:50","date_gmt":"2026-02-25T15:07:50","guid":{"rendered":"https:\/\/dev.cpu.edu\/administrative-staffs\/"},"modified":"2026-10-17T00:04:37","modified_gmt":"2026-10-17T00:04:37","slug":"administrative-staffs","status":"publish","type":"page","link":"https:\/\/cpu.edu\/ko\/video-home\/mission-and-vision\/administrative-staffs\/","title":{"rendered":"\ud589\uc815 \uc9c1\uc6d0\ub4e4"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16035\" class=\"elementor elementor-16035\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c581016 e-flex e-con-boxed rt-default-class e-con e-parent\" data-id=\"c581016\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79a84bb rt-default-class elementor-widget elementor-widget-rtbreadrumb\" data-id=\"79a84bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"rtbreadrumb.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"reactheme-breadcrumb\">\n        <div class=\"breadcrumb-inner container\">\n            <h1 class=\"page-title\"><\/h1>\n            <div class=\"breadcrumb-path\">\n                <a href=\"https:\/\/cpu.edu\/ko\/\">Home<\/a>            <\/div>\n        <\/div>\n    <\/div>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90f1a35 e-flex e-con-boxed rt-default-class e-con e-parent\" data-id=\"90f1a35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4ff80d rt-default-class elementor-widget elementor-widget-heading\" data-id=\"a4ff80d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Administrative Staff<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a36b42f e-flex e-con-boxed rt-default-class e-con e-parent\" data-id=\"a36b42f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a599616 rt-default-class elementor-widget elementor-widget-html\" data-id=\"a599616\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cpu-staff-section\" aria-labelledby=\"cpu-staff-title\">\n  <style>\n    .cpu-staff-section {\n      --cpu-navy: #10233f;\n      --cpu-blue: #2357a6;\n      --cpu-gold: #c79a3b;\n      --cpu-ink: #1f2937;\n      --cpu-muted: #6b7280;\n      --cpu-line: #e5e7eb;\n      --cpu-bg: #f7f9fc;\n      --cpu-card: #ffffff;\n      --cpu-radius: 22px;\n      --cpu-shadow: 0 18px 45px rgba(16, 35, 63, 0.12);\n\n      font-family: inherit;\n      color: var(--cpu-ink);\n      background:\n        radial-gradient(\n          circle at top left,\n          rgba(35, 87, 166, 0.10),\n          transparent 36%\n        ),\n        linear-gradient(180deg, #ffffff 0%, var(--cpu-bg) 100%);\n      padding: clamp(42px, 6vw, 78px) 18px;\n      box-sizing: border-box;\n    }\n\n    .cpu-staff-section * {\n      box-sizing: border-box;\n    }\n\n    .cpu-staff-wrap {\n      max-width: 1180px;\n      margin: 0 auto;\n    }\n\n    .cpu-staff-hero {\n      display: grid;\n      grid-template-columns: 1.25fr 0.75fr;\n      gap: 28px;\n      align-items: end;\n      margin-bottom: 30px;\n    }\n\n    .cpu-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin: 0 0 12px;\n      color: var(--cpu-blue);\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n    }\n\n    .cpu-eyebrow::before {\n      content: \"\";\n      width: 34px;\n      height: 2px;\n      background: var(--cpu-gold);\n      border-radius: 999px;\n    }\n\n    #cpu-staff-title {\n      margin: 0;\n      color: var(--cpu-navy);\n      font-size: clamp(34px, 5vw, 58px);\n      line-height: 1.02;\n      letter-spacing: -0.045em;\n      font-weight: 900;\n    }\n\n    .cpu-staff-intro {\n      margin: 16px 0 0;\n      max-width: 720px;\n      color: var(--cpu-muted);\n      font-size: 17px;\n      line-height: 1.75;\n    }\n\n    .cpu-staff-tools {\n      background: rgba(255, 255, 255, 0.78);\n      border: 1px solid rgba(229, 231, 235, 0.9);\n      border-radius: var(--cpu-radius);\n      box-shadow: 0 12px 30px rgba(16, 35, 63, 0.06);\n      padding: 18px;\n      backdrop-filter: blur(10px);\n    }\n\n    .cpu-search-label {\n      display: block;\n      margin-bottom: 8px;\n      color: var(--cpu-navy);\n      font-size: 13px;\n      font-weight: 800;\n    }\n\n    .cpu-staff-search {\n      width: 100%;\n      border: 1px solid var(--cpu-line);\n      border-radius: 15px;\n      padding: 14px 15px;\n      color: var(--cpu-ink);\n      background: #ffffff;\n      font-size: 15px;\n      outline: none;\n      transition:\n        border-color 180ms ease,\n        box-shadow 180ms ease;\n    }\n\n    .cpu-staff-search:focus {\n      border-color: rgba(35, 87, 166, 0.65);\n      box-shadow: 0 0 0 4px rgba(35, 87, 166, 0.12);\n    }\n\n    .cpu-staff-count {\n      margin: 12px 2px 0;\n      color: var(--cpu-muted);\n      font-size: 13px;\n    }\n\n    .cpu-staff-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 18px;\n      margin-top: 22px;\n    }\n\n    .staff-card {\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      min-height: 100%;\n      background: var(--cpu-card);\n      border: 1px solid rgba(229, 231, 235, 0.95);\n      border-radius: var(--cpu-radius);\n      box-shadow: 0 10px 26px rgba(16, 35, 63, 0.06);\n      transition:\n        transform 180ms ease,\n        box-shadow 180ms ease,\n        border-color 180ms ease;\n    }\n\n    .staff-card::before {\n      content: \"\";\n      position: absolute;\n      inset: 0 0 auto 0;\n      height: 5px;\n      background: linear-gradient(\n        90deg,\n        var(--cpu-blue),\n        var(--cpu-gold)\n      );\n      opacity: 0.92;\n      z-index: 2;\n    }\n\n    .staff-card:hover {\n      transform: translateY(-5px);\n      border-color: rgba(35, 87, 166, 0.22);\n      box-shadow: var(--cpu-shadow);\n    }\n\n    .staff-photo {\n      position: relative;\n      width: 100%;\n      height: 220px;\n      min-height: 220px;\n      max-height: 220px;\n      overflow: hidden;\n      background:\n        linear-gradient(\n          135deg,\n          rgba(16, 35, 63, 0.92),\n          rgba(35, 87, 166, 0.82)\n        ),\n        radial-gradient(\n          circle at 30% 20%,\n          rgba(199, 154, 59, 0.45),\n          transparent 30%\n        );\n      display: grid;\n      place-items: center;\n      color: #ffffff;\n      font-size: 44px;\n      font-weight: 900;\n      letter-spacing: -0.06em;\n    }\n\n    .staff-photo img {\n      width: 100%;\n      height: 100%;\n      max-width: none;\n      object-fit: cover;\n      object-position: center 18%;\n      display: block;\n      filter: brightness(1.04) contrast(1.06) saturate(1.04);\n      image-rendering: auto;\n      transition:\n        transform 220ms ease,\n        filter 220ms ease;\n    }\n\n    .staff-card:hover .staff-photo img {\n      transform: scale(1.02);\n      filter: brightness(1.06) contrast(1.08) saturate(1.05);\n    }\n\n    .staff-body {\n      display: flex;\n      flex: 1;\n      flex-direction: column;\n      padding: 22px;\n    }\n\n    .staff-name {\n      margin: 0;\n      color: var(--cpu-navy);\n      font-size: 21px;\n      line-height: 1.2;\n      font-weight: 900;\n      letter-spacing: -0.025em;\n    }\n\n    .staff-role {\n      margin: 9px 0 0;\n      color: var(--cpu-muted);\n      font-size: 14px;\n      line-height: 1.55;\n    }\n\n    .staff-contact {\n      display: grid;\n      gap: 9px;\n      margin-top: auto;\n      padding-top: 20px;\n    }\n\n    .staff-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      min-width: 0;\n      color: var(--cpu-blue);\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 700;\n      word-break: break-word;\n      transition: color 180ms ease;\n    }\n\n    .staff-link:hover {\n      color: var(--cpu-navy);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n\n    .staff-icon {\n      flex: 0 0 auto;\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      display: inline-grid;\n      place-items: center;\n      color: var(--cpu-navy);\n      background: rgba(35, 87, 166, 0.08);\n      font-size: 14px;\n      text-decoration: none;\n    }\n\n    .cpu-empty-message {\n      display: none;\n      margin: 24px 0 0;\n      padding: 22px;\n      border: 1px dashed rgba(107, 114, 128, 0.35);\n      border-radius: var(--cpu-radius);\n      color: var(--cpu-muted);\n      background: rgba(255, 255, 255, 0.78);\n      text-align: center;\n    }\n\n    @media (max-width: 980px) {\n      .cpu-staff-hero {\n        grid-template-columns: 1fr;\n      }\n\n      .cpu-staff-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 640px) {\n      .cpu-staff-section {\n        padding-left: 14px;\n        padding-right: 14px;\n      }\n\n      .cpu-staff-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .staff-photo {\n        height: 220px;\n        min-height: 220px;\n        max-height: 220px;\n      }\n    }\n  <\/style>\n\n  <div class=\"cpu-staff-wrap\">\n    <div class=\"cpu-staff-hero\">\n      <div>\n        <p class=\"cpu-eyebrow\">California Prestige University<\/p>\n\n        <h2 id=\"cpu-staff-title\">Staff Directory<\/h2>\n\n        <p class=\"cpu-staff-intro\">\n          Meet the leadership, academic, administrative, and student support\n          team serving the CPU community.\n        <\/p>\n      <\/div>\n\n      <div class=\"cpu-staff-tools\">\n        <label class=\"cpu-search-label\" for=\"cpuStaffSearch\">\n          Search staff\n        <\/label>\n\n        <input\n          id=\"cpuStaffSearch\"\n          class=\"cpu-staff-search\"\n          autocomplete=\"off\"\n          type=\"search\"\n          placeholder=\"Search by name, role, email, or phone\"\n        >\n\n        <p class=\"cpu-staff-count\">\n          <span id=\"cpuStaffCount\">0<\/span> staff members shown\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div id=\"cpuStaffGrid\" class=\"cpu-staff-grid\"><\/div>\n\n    <div id=\"cpuEmptyMessage\" class=\"cpu-empty-message\">\n      No staff members matched your search.\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      const staffMembers = [\n        {\n          name: \"Sang Meyng Lee\",\n          role: \"Chief Executive Officer (CEO) \u00b7 PDSO\",\n          email: \"ceo@cpu.edu\",\n          phone: \"562-926-1023 (EXT 301)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc774\uc0c1\uba85_NEW-scaled.jpg\"\n        },\n        {\n          name: \"Rubin Kim\",\n          role: \"Internal VP \u00b7 Chief Financial Officer (CFO) \u00b7 Designated School Official (DSO)\",\n          email: \"rbkim@cpu.edu\",\n          phone: \"562-926-1023 (EXT 302)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uae40\ub8e8\ube48_01-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Joong Han Chung\",\n          role: \"External VP \u00b7 Advancement Officer\",\n          email: \"jhchung@cpu.edu\",\n          phone: \"562-926-1023 (EXT 302)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc815\uc911\ud55c-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Steve Hong\",\n          role: \"Chief Operating Officer (COO) \u00b7 BPPE Liaison \u00b7 Director of MBA & Under Program (English Track)\",\n          email: \"coo@cpu.edu\",\n          phone: \"562-926-1023 (EXT 304)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\ud64d\uc131\ud559-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Jung Ja Kang\",\n          role: \"Chief Academic Officer (CAO) \u00b7 ATS Liaison\",\n          email: \"academic@cpu.edu\",\n          phone: \"562-926-1023 (EXT 303)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/WOS09387-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Jongpil Ko\",\n          role: \"Chief Institutional Effectiveness Officer (CIO) \u00b7 ABHE Liaison \u00b7 Director of Under Program (Korean\/Chinese Track), M.Div Chinese & MAICS\",\n          email: \"jpko@cpu.edu\",\n          phone: \"562-926-1023 (EXT 313)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uace0\uc885\ud544-scaled.jpeg\"\n        },\n        {\n          name: \"Janghoon Woo\",\n          role: \"Campus Chaplain\",\n          email: \"chaplain@cpu.edu\",\n          phone: \"562-926-1023 (EXT 306)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc6b0\uc7a5\ud6c8-scaled.jpg\"\n        },\n        {\n          name: \"John Lee\",\n          role: \"Director of Student Affairs \u00b7 Director of Advertising\",\n          email: \"studentdean@cpu.edu\",\n          phone: \"562-926-1023 (EXT 312)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc774\uc694\ud55c-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Judy Kim\",\n          role: \"Director of Office Management & Bookkeeper\",\n          email: \"office@cpu.edu\",\n          phone: \"562-926-1023 (EXT 302)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\ubc15\ubbf8\ud604-scaled.jpg\"\n        },\n        {\n          name: \"Sunny Kim\",\n          role: \"Director of Financial Aid\",\n          email: \"fsa@cpu.edu\",\n          phone: \"562-926-1023 (EXT 302)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uae40\uc120\uc8fc_NEW2-scaled.jpg\"\n        },\n        {\n          name: \"Charles Eun Chul Kim\",\n          role: \"Director of D.Min\",\n          email: \"charleskim@cpu.edu\",\n          phone: \"562-926-1023 (EXT 308)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uae40\uc740\ucca0.jpeg\"\n        },\n        {\n          name: \"Peter Im\",\n          role: \"Director of PhDCS\",\n          email: \"peterim@cpu.edu\",\n          phone: \"562-926-1023 (EXT 309)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc784\uc724\ud0dd_01-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Yongsik Kim\",\n          role: \"Director of DICS\",\n          email: \"yskim@cpu.edu\",\n          phone: \"562-926-1023 (EXT 309)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uae40\uc6a9\uc2dd.jpg\"\n        },\n        {\n          name: \"Dalsung Jung\",\n          role: \"Director of MACP\",\n          email: \"macp@cpu.edu\",\n          phone: \"562-926-1023 (EXT 310)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc815\ub2ec\uc131-scaled.jpeg\"\n        },\n        {\n          name: \"Choonshik Shin\",\n          role: \"Doctoral Academic Advisor\",\n          email: \"doctor@cpu.edu\",\n          phone: \"562-926-1023 (EXT 309)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc2e0\ucd98\uc2dd_02-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Yongam Chung\",\n          role: \"Doctoral Writing Advisor\",\n          email: \"ssingcom@cpu.edu\",\n          phone: \"562-926-1023 (EXT 309)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc815\uc6a9\uc554_02-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Ruth Min\",\n          role: \"Associate Director of Admission\",\n          email: \"admissions@cpu.edu\",\n          phone: \"562-926-1023 (EXT 308)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\ub8e8\uc2a4\ubbfc-\uc791\uac8c.png\"\n        },\n        {\n          name: \"Maria Ma\",\n          role: \"Associate Director of Chinese Program\",\n          email: \"maria52516@yahoo.com\",\n          phone: \"562-926-1023 (EXT 313)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\ub9c8\ub9ac\uc544\ub9c8-2-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Se young Lee\",\n          role: \"Director of the AI Sermon Research Institute\",\n          email: \"api@cpu.edu\",\n          phone: \"562-926-1023 (EXT 302)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc774\uc138\uc601_1-scaled.jpeg\"\n        },\n        {\n          name: \"Douho Im\",\n          role: \"Librarian\",\n          email: \"librarian@cpu.edu\",\n          phone: \"562-926-1023 (EXT 307)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc784\ub450\ud638-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Hyeonjeong Hwang\",\n          role: \"Registrar\",\n          email: \"registrar@cpu.edu\",\n          phone: \"562-926-1023 (EXT 305)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\ud669\ud604\uc815-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Lisa Jung\",\n          role: \"Manager of Learning Support & Assessment\",\n          email: \"distanceedu@cpu.edu\",\n          phone: \"562-926-1023 (EXT 306)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc815\uadc0\uc815-scaled.jpg\"\n        },\n        {\n          name: \"Kyoung Choi\",\n          role: \"Designer\",\n          email: \"design@cpu.edu\",\n          phone: \"562-926-1023 (EXT 310)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\ucd5c\uacbd-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Hakjun Lee\",\n          role: \"IT Technician\",\n          email: \"info@crosshub.net\",\n          phone: \"562-926-1023 (EXT 306)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc774\ud559\uc900-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Kwangjun Choi\",\n          role: \"Assistant of Grant\",\n          email: \"kjchoi@cpu.edu\",\n          phone: \"562-926-1023 (EXT 302)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\ucd5c\uad11\uc900-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"David M. An\",\n          role: \"Grants Administrator\",\n          email: \"dan@cpu.edu\",\n          phone: \"562-926-1023 (EXT 302)\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc548\ubbfc\ud658-scaled.jpeg\"\n        },\n        {\n          name: \"Seong Hee Lee\",\n          role: \"Director of California Prestige University Lifelong Institute\",\n          email: \"PULI_DR@cpu.edu\",\n          phone: \"562-926-1023\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc774\uc131\ud76c-\uc791\uac8c.jpeg\"\n        },\n        {\n          name: \"Sungman Hwang\",\n          role: \"Assistant Project Manager at California Prestige University Lifelong Institute\",\n          email: \"PULI_PM@cpu.edu\",\n          phone: \"562-926-1023\",\n          tel: \"+15629261023\",\n          photo: \"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\ud669\uc131\ub9cc-\uc791\uac8c.jpeg\"\n        }\n      ];\n\n      const section = document.currentScript.closest(\".cpu-staff-section\");\n      const grid = section.querySelector(\"#cpuStaffGrid\");\n      const searchInput = section.querySelector(\"#cpuStaffSearch\");\n      const count = section.querySelector(\"#cpuStaffCount\");\n      const emptyMessage = section.querySelector(\"#cpuEmptyMessage\");\n\n      function getInitials(name) {\n        return name\n          .split(\" \")\n          .filter(Boolean)\n          .slice(0, 2)\n          .map(function (part) {\n            return part.charAt(0);\n          })\n          .join(\"\")\n          .toUpperCase();\n      }\n\n      function escapeHtml(value) {\n        return String(value || \"\")\n          .replace(\/&\/g, \"&amp;\")\n          .replace(\/<\/g, \"&lt;\")\n          .replace(\/>\/g, \"&gt;\")\n          .replace(\/\"\/g, \"&quot;\")\n          .replace(\/'\/g, \"&#039;\");\n      }\n\n      function renderCards() {\n        grid.innerHTML = staffMembers\n          .map(function (member) {\n            const searchable = [\n              member.name,\n              member.role,\n              member.email,\n              member.phone\n            ]\n              .filter(Boolean)\n              .join(\" \");\n\n            const photoMarkup = member.photo\n              ? '<img decoding=\"async\" src=\"' +\n                escapeHtml(member.photo) +\n                '\" alt=\"' +\n                escapeHtml(member.name) +\n                '\" loading=\"lazy\">'\n              : \"<span>\" +\n                escapeHtml(getInitials(member.name)) +\n                \"<\/span>\";\n\n            let contactMarkup = \"\";\n\n            if (member.email) {\n              contactMarkup +=\n                '<a class=\"staff-link\" href=\"mailto:' +\n                escapeHtml(member.email) +\n                '\">' +\n                '<span class=\"staff-icon\">\u2709<\/span>' +\n                escapeHtml(member.email) +\n                \"<\/a>\";\n            }\n\n            if (member.phone && member.tel) {\n              contactMarkup +=\n                '<a class=\"staff-link\" href=\"tel:' +\n                escapeHtml(member.tel) +\n                '\">' +\n                '<span class=\"staff-icon\">\u260e<\/span>' +\n                escapeHtml(member.phone) +\n                \"<\/a>\";\n            }\n\n            const contactSection = contactMarkup\n              ? '<div class=\"staff-contact\">' +\n                contactMarkup +\n                \"<\/div>\"\n              : \"\";\n\n            return (\n              '<article class=\"staff-card\" data-search=\"' +\n              escapeHtml(searchable) +\n              '\">' +\n              '<div class=\"staff-photo\">' +\n              photoMarkup +\n              \"<\/div>\" +\n              '<div class=\"staff-body\">' +\n              '<h3 class=\"staff-name\">' +\n              escapeHtml(member.name) +\n              \"<\/h3>\" +\n              '<p class=\"staff-role\">' +\n              escapeHtml(member.role) +\n              \"<\/p>\" +\n              contactSection +\n              \"<\/div>\" +\n              \"<\/article>\"\n            );\n          })\n          .join(\"\");\n      }\n\n      function filterStaff() {\n        const cards = Array.from(\n          grid.querySelectorAll(\".staff-card\")\n        );\n\n        const query = searchInput.value.trim().toLowerCase();\n        let visibleCount = 0;\n\n        cards.forEach(function (card) {\n          const searchable = card\n            .getAttribute(\"data-search\")\n            .toLowerCase();\n\n          const isVisible = searchable.includes(query);\n          card.style.display = isVisible ? \"\" : \"none\";\n\n          if (isVisible) {\n            visibleCount += 1;\n          }\n        });\n\n        count.textContent = visibleCount;\n        emptyMessage.style.display =\n          visibleCount === 0 ? \"block\" : \"none\";\n      }\n\n      renderCards();\n      filterStaff();\n\n      searchInput.addEventListener(\"input\", filterStaff);\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Administrative Staff California Prestige University Staff Directory Meet the leadership, academic, administrative, and student support team serving the CPU community. Search staff 0 staff members shown No staff members&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":16031,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-16035","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/pages\/16035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/comments?post=16035"}],"version-history":[{"count":42,"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/pages\/16035\/revisions"}],"predecessor-version":[{"id":19931,"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/pages\/16035\/revisions\/19931"}],"up":[{"embeddable":true,"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/pages\/16031"}],"wp:attachment":[{"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/media?parent=16035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}