{"id":19704,"date":"2026-10-08T22:19:57","date_gmt":"2026-10-08T22:19:57","guid":{"rendered":"https:\/\/cpu.edu\/?page_id=19704"},"modified":"2026-10-16T20:28:44","modified_gmt":"2026-10-16T20:28:44","slug":"university-presidents-column","status":"publish","type":"page","link":"https:\/\/cpu.edu\/ko\/university-presidents-column\/","title":{"rendered":"Research"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19704\" class=\"elementor elementor-19704\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fc34f0 e-flex e-con-boxed rt-default-class e-con e-parent\" data-id=\"0fc34f0\" 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-ba2b1ad rt-default-class elementor-widget elementor-widget-spacer\" data-id=\"ba2b1ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6540228 rt-default-class elementor-widget elementor-widget-html\" data-id=\"6540228\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cpu-presidents-column\">\n  <style>\n    #cpu-presidents-column {\n      --pc-navy: #172942;\n      --pc-gold: #b7924c;\n      --pc-muted: #667085;\n      --pc-line: #e7e9ed;\n      font-family: \"Noto Sans KR\", Arial, sans-serif;\n      max-width: 1180px;\n      margin: 35px auto 65px;\n      padding: 0 18px;\n      color: var(--pc-navy);\n      box-sizing: border-box;\n    }\n\n    #cpu-presidents-column * {\n      box-sizing: border-box;\n    }\n\n    #cpu-presidents-column .pc-header {\n      text-align: center;\n      margin-bottom: 42px;\n    }\n\n    #cpu-presidents-column .pc-eyebrow {\n      color: var(--pc-gold);\n      font-size: 12px;\n      letter-spacing: 2.5px;\n      font-weight: 700;\n      margin-bottom: 13px;\n    }\n\n    #cpu-presidents-column .pc-header h2 {\n      font-size: clamp(29px, 4vw, 40px);\n      color: var(--pc-navy);\n      font-weight: 700;\n      line-height: 1.3;\n      margin: 0;\n    }\n\n    #cpu-presidents-column .pc-korean {\n      font-size: 19px;\n      color: var(--pc-muted);\n      margin: 9px 0 18px;\n      font-weight: 500;\n    }\n\n    #cpu-presidents-column .pc-gold-line {\n      height: 2px;\n      width: 48px;\n      background: var(--pc-gold);\n      margin: 0 auto 20px;\n    }\n\n    #cpu-presidents-column .pc-subtitle {\n      color: var(--pc-muted);\n      font-size: 14px;\n      line-height: 1.8;\n      margin: 0;\n    }\n\n    #cpu-presidents-column .pc-subtitle-kr {\n      color: var(--pc-muted);\n      font-size: 13px;\n      line-height: 1.8;\n      margin: 5px 0 0;\n    }\n\n    #cpu-presidents-column .pc-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 27px;\n    }\n\n    #cpu-presidents-column .pc-card[hidden],\n    #cpu-presidents-column .pc-pagination[hidden] {\n      display: none !important;\n    }\n\n    #cpu-presidents-column .pc-pagination {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 9px;\n      margin-top: 34px;\n    }\n\n    #cpu-presidents-column .pc-page-button {\n      min-width: 38px;\n      height: 38px;\n      padding: 0 11px;\n      border: 1px solid #d6dce4;\n      border-radius: 6px;\n      background: #fff;\n      color: var(--pc-navy);\n      font-family: inherit;\n      font-size: 13px;\n      font-weight: 700;\n      cursor: pointer;\n    }\n\n    #cpu-presidents-column .pc-page-button:hover,\n    #cpu-presidents-column .pc-page-button[aria-current=\"page\"] {\n      background: var(--pc-navy);\n      border-color: var(--pc-navy);\n      color: #fff;\n    }\n\n    #cpu-presidents-column .pc-page-button:disabled {\n      opacity: .4;\n      cursor: not-allowed;\n    }\n\n    #cpu-presidents-column .pc-card {\n      background: #fff;\n      border: 1px solid var(--pc-line);\n      border-radius: 14px;\n      overflow: hidden;\n      min-width: 0;\n      box-shadow: 0 6px 24px rgba(18,35,60,.055);\n      transition: transform .25s, box-shadow .25s;\n    }\n\n    #cpu-presidents-column .pc-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 36px rgba(18,35,60,.12);\n    }\n\n    #cpu-presidents-column .pc-image {\n      display: block;\n      position: relative;\n      width: 100%;\n      aspect-ratio: 16 \/ 9;\n      padding: 0;\n      border: 0;\n      background: var(--pc-navy);\n      overflow: hidden;\n      cursor: pointer;\n    }\n\n    #cpu-presidents-column .pc-image img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform .4s;\n    }\n\n    #cpu-presidents-column .pc-image:hover img {\n      transform: scale(1.045);\n    }\n\n    #cpu-presidents-column .pc-image::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(\n        0deg,\n        rgba(10,20,38,.34),\n        rgba(10,20,38,.02)\n      );\n      pointer-events: none;\n    }\n\n    #cpu-presidents-column .pc-play {\n      position: absolute;\n      z-index: 1;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 65px;\n      height: 65px;\n      background: rgba(255,255,255,.95);\n      border-radius: 50%;\n      box-shadow: 0 5px 20px rgba(0,0,0,.2);\n      transition: background .2s, transform .2s;\n    }\n\n    #cpu-presidents-column .pc-play svg {\n      width: 24px;\n      height: 24px;\n      fill: var(--pc-navy);\n      margin-left: 4px;\n    }\n\n    #cpu-presidents-column .pc-image:hover .pc-play {\n      background: #f5dfae;\n      transform: translate(-50%, -50%) scale(1.08);\n    }\n\n    #cpu-presidents-column .pc-body {\n      padding: 25px 26px 27px;\n    }\n\n    #cpu-presidents-column .pc-type {\n      font-size: 10px;\n      color: var(--pc-gold);\n      letter-spacing: 1.6px;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n\n    #cpu-presidents-column .pc-title {\n      font-size: 20px;\n      line-height: 1.55;\n      font-weight: 700;\n      color: var(--pc-navy);\n      margin: 0 0 17px;\n      min-height: 62px;\n      word-break: keep-all;\n      overflow-wrap: break-word;\n    }\n\n    #cpu-presidents-column .pc-divider {\n      height: 1px;\n      background: var(--pc-line);\n      margin-bottom: 19px;\n    }\n\n    #cpu-presidents-column .pc-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n    }\n\n    #cpu-presidents-column .pc-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 7px;\n      padding: 11px 15px;\n      border-radius: 6px;\n      font-size: 12px;\n      line-height: 1.45;\n      font-weight: 700;\n      font-family: inherit;\n      text-decoration: none !important;\n      cursor: pointer;\n      transition: background .2s, border-color .2s, color .2s;\n    }\n\n    #cpu-presidents-column .pc-watch,\n    #cpu-presidents-column .pc-read {\n      background: var(--pc-navy);\n      border: 1px solid var(--pc-navy);\n      color: #fff !important;\n    }\n\n    #cpu-presidents-column .pc-watch:hover,\n    #cpu-presidents-column .pc-read:hover {\n      background: var(--pc-gold);\n      border-color: var(--pc-gold);\n      color: #fff !important;\n    }\n\n    #cpu-presidents-column .pc-download {\n      color: var(--pc-navy) !important;\n      background: #fff;\n      border: 1px solid #d6dce4;\n    }\n\n    #cpu-presidents-column .pc-download:hover {\n      color: var(--pc-gold) !important;\n      border-color: var(--pc-gold);\n    }\n\n    #cpu-presidents-column button:focus-visible,\n    #cpu-presidents-column a:focus-visible {\n      outline: 3px solid var(--pc-gold);\n      outline-offset: 3px;\n    }\n\n    @media (max-width: 767px) {\n      #cpu-presidents-column {\n        padding: 0 12px;\n        margin: 25px auto 45px;\n      }\n\n      #cpu-presidents-column .pc-grid {\n        grid-template-columns: 1fr;\n        gap: 22px;\n      }\n\n      #cpu-presidents-column .pc-header {\n        margin-bottom: 30px;\n      }\n\n      #cpu-presidents-column .pc-header h2 {\n        font-size: 30px;\n      }\n\n      #cpu-presidents-column .pc-korean {\n        font-size: 17px;\n      }\n\n      #cpu-presidents-column .pc-body {\n        padding: 22px 19px 24px;\n      }\n\n      #cpu-presidents-column .pc-title {\n        font-size: 18px;\n        min-height: 0;\n      }\n\n      #cpu-presidents-column .pc-play {\n        width: 56px;\n        height: 56px;\n      }\n\n      #cpu-presidents-column .pc-btn {\n        font-size: 11px;\n        padding: 10px 12px;\n      }\n    }\n  <\/style>\n\n  <header class=\"pc-header\">\n    <div class=\"pc-eyebrow\">CALIFORNIA PRESTIGE UNIVERSITY<\/div>\n    <h2>University President\u2019s Column<\/h2>\n    <div class=\"pc-korean\">\ucd1d\uc7a5 \uce7c\ub7fc<\/div>\n    <div class=\"pc-gold-line\"><\/div>\n    <p class=\"pc-subtitle\">Thoughts on Faith, Life, and Our Changing World<\/p>\n    <p class=\"pc-subtitle-kr\">\uc2e0\uc559\uacfc \uc0b6, \ubcc0\ud654\ud558\ub294 \uc138\uc0c1\uc5d0 \ub300\ud55c \uc131\ucc30<\/p>\n  <\/header>\n\n  <div class=\"pc-grid\">\n\n    <!-- COLUMN 01 -->\n    <article class=\"pc-card\">\n      <button class=\"pc-image\" type=\"button\" data-video=\"I-eKs_VqQ5s\"\n        aria-label=\"\uc911\ub3c5 \uad8c\ud558\ub294 \uc0ac\ud68c \uc601\uc0c1 \ubcf4\uae30\">\n        <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/I-eKs_VqQ5s\/hqdefault.jpg\"\n          alt=\"\uc911\ub3c5 \uad8c\ud558\ub294 \uc0ac\ud68c\" loading=\"lazy\">\n        <span class=\"pc-play\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 4.5v15l13-7.5z\"\/>\n          <\/svg>\n        <\/span>\n      <\/button>\n      <div class=\"pc-body\">\n        <div class=\"pc-type\">UNIVERSITY PRESIDENT\u2019S COLUMN \/ 01<\/div>\n        <h3 class=\"pc-title\">\uc911\ub3c5 \uad8c\ud558\ub294 \uc0ac\ud68c<\/h3>\n        <div class=\"pc-divider\"><\/div>\n        <div class=\"pc-actions\">\n          <button class=\"pc-btn pc-watch\" type=\"button\" data-video=\"I-eKs_VqQ5s\">\n            \u25b6 Watch Video\n          <\/button>\n          <button class=\"pc-btn pc-read\" type=\"button\"\n            data-pdf=\"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc911\ub3c5_\uad8c\ud558\ub294_\uc0ac\ud68c.pdf\"\n            data-title=\"\uc911\ub3c5 \uad8c\ud558\ub294 \uc0ac\ud68c\">\n            Read Column \u2197\n          <\/button>\n          <a class=\"pc-btn pc-download\"\n            href=\"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc911\ub3c5_\uad8c\ud558\ub294_\uc0ac\ud68c.pdf\"\n            target=\"_blank\" rel=\"noopener\">\n            Download PDF \u2193\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- COLUMN 02 -->\n    <article class=\"pc-card\">\n      <button class=\"pc-image\" type=\"button\" data-video=\"ucFUUPOtskI\"\n        aria-label=\"\ub9d0\uc774 \uba3c\uc800 \ubb34\ub108\uc9c8 \ub54c \uc601\uc0c1 \ubcf4\uae30\">\n        <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/ucFUUPOtskI\/hqdefault.jpg\"\n          alt=\"\ub9d0\uc774 \uba3c\uc800 \ubb34\ub108\uc9c8 \ub54c, \uacf5\ub3d9\uccb4\uac00 \ubb34\ub108\uc9c4\ub2e4\" loading=\"lazy\">\n        <span class=\"pc-play\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 4.5v15l13-7.5z\"\/>\n          <\/svg>\n        <\/span>\n      <\/button>\n      <div class=\"pc-body\">\n        <div class=\"pc-type\">UNIVERSITY PRESIDENT\u2019S COLUMN \/ 02<\/div>\n        <h3 class=\"pc-title\">\ub9d0\uc774 \uba3c\uc800 \ubb34\ub108\uc9c8 \ub54c, \uacf5\ub3d9\uccb4\uac00 \ubb34\ub108\uc9c4\ub2e4<\/h3>\n        <div class=\"pc-divider\"><\/div>\n        <div class=\"pc-actions\">\n          <button class=\"pc-btn pc-watch\" type=\"button\" data-video=\"ucFUUPOtskI\">\n            \u25b6 Watch Video\n          <\/button>\n          <button class=\"pc-btn pc-read\" type=\"button\"\n            data-pdf=\"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\ub9d0\uc774_\uba3c\uc800_\ubb34\ub108\uc9c8_\ub54c_\uacf5\ub3d9\uccb4\uac00_\ubb34\ub108\uc9c4\ub2e4.pdf\"\n            data-title=\"\ub9d0\uc774 \uba3c\uc800 \ubb34\ub108\uc9c8 \ub54c, \uacf5\ub3d9\uccb4\uac00 \ubb34\ub108\uc9c4\ub2e4\">\n            Read Column \u2197\n          <\/button>\n          <a class=\"pc-btn pc-download\"\n            href=\"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\ub9d0\uc774_\uba3c\uc800_\ubb34\ub108\uc9c8_\ub54c_\uacf5\ub3d9\uccb4\uac00_\ubb34\ub108\uc9c4\ub2e4.pdf\"\n            target=\"_blank\" rel=\"noopener\">\n            Download PDF \u2193\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- COLUMN 03 -->\n    <article class=\"pc-card\">\n      <button class=\"pc-image\" type=\"button\" data-video=\"FyTmIQxhvKA\"\n        aria-label=\"\uc790\uc5f0\uc740 \uc0dd\ud0dc \uc601\uc131\uc744 \uae68\uc6b0\ub294 \uad50\uacfc\uc11c \uc601\uc0c1 \ubcf4\uae30\">\n        <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/FyTmIQxhvKA\/hqdefault.jpg\"\n          alt=\"\uc790\uc5f0\uc740 \uc0dd\ud0dc \uc601\uc131\uc744 \uae68\uc6b0\ub294 \uad50\uacfc\uc11c\" loading=\"lazy\">\n        <span class=\"pc-play\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 4.5v15l13-7.5z\"\/>\n          <\/svg>\n        <\/span>\n      <\/button>\n      <div class=\"pc-body\">\n        <div class=\"pc-type\">UNIVERSITY PRESIDENT\u2019S COLUMN \/ 03<\/div>\n        <h3 class=\"pc-title\">\uc790\uc5f0\uc740 \uc0dd\ud0dc \uc601\uc131\uc744 \uae68\uc6b0\ub294 \uad50\uacfc\uc11c<\/h3>\n        <div class=\"pc-divider\"><\/div>\n        <div class=\"pc-actions\">\n          <button class=\"pc-btn pc-watch\" type=\"button\" data-video=\"FyTmIQxhvKA\">\n            \u25b6 Watch Video\n          <\/button>\n          <button class=\"pc-btn pc-read\" type=\"button\"\n            data-pdf=\"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc790\uc5f0\uc740_\uc0dd\ud0dc_\uc601\uc131\uc744_\uae68\uc6b0\ub294_\uad50\uacfc\uc11c.pdf\"\n            data-title=\"\uc790\uc5f0\uc740 \uc0dd\ud0dc \uc601\uc131\uc744 \uae68\uc6b0\ub294 \uad50\uacfc\uc11c\">\n            Read Column \u2197\n          <\/button>\n          <a class=\"pc-btn pc-download\"\n            href=\"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uc790\uc5f0\uc740_\uc0dd\ud0dc_\uc601\uc131\uc744_\uae68\uc6b0\ub294_\uad50\uacfc\uc11c.pdf\"\n            target=\"_blank\" rel=\"noopener\">\n            Download PDF \u2193\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- COLUMN 04 -->\n    <article class=\"pc-card\">\n      <button class=\"pc-image\" type=\"button\" data-video=\"3eSRoZHvdWE\"\n        aria-label=\"\uac80\uc0c9\uc758 \uc2dc\ub300 \uc0ac\uc0c9\uc744 \uc783\ub2e4 \uc601\uc0c1 \ubcf4\uae30\">\n        <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/3eSRoZHvdWE\/hqdefault.jpg\"\n          alt=\"\uac80\uc0c9\uc758 \uc2dc\ub300, \uc0ac\uc0c9\uc744 \uc783\ub2e4\" loading=\"lazy\">\n        <span class=\"pc-play\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 4.5v15l13-7.5z\"\/>\n          <\/svg>\n        <\/span>\n      <\/button>\n      <div class=\"pc-body\">\n        <div class=\"pc-type\">UNIVERSITY PRESIDENT\u2019S COLUMN \/ 04<\/div>\n        <h3 class=\"pc-title\">\uac80\uc0c9\uc758 \uc2dc\ub300, \uc0ac\uc0c9\uc744 \uc783\ub2e4<\/h3>\n        <div class=\"pc-divider\"><\/div>\n        <div class=\"pc-actions\">\n          <button class=\"pc-btn pc-watch\" type=\"button\" data-video=\"3eSRoZHvdWE\">\n            \u25b6 Watch Video\n          <\/button>\n          <button class=\"pc-btn pc-read\" type=\"button\"\n            data-pdf=\"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uac80\uc0c9\uc758_\uc2dc\ub300_\uc0ac\uc0c9\uc744_\uc783\ub2e4.pdf\"\n            data-title=\"\uac80\uc0c9\uc758 \uc2dc\ub300, \uc0ac\uc0c9\uc744 \uc783\ub2e4\">\n            Read Column \u2197\n          <\/button>\n          <a class=\"pc-btn pc-download\"\n            href=\"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\uac80\uc0c9\uc758_\uc2dc\ub300_\uc0ac\uc0c9\uc744_\uc783\ub2e4.pdf\"\n            target=\"_blank\" rel=\"noopener\">\n            Download PDF \u2193\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- COLUMN 05 -->\n    <article class=\"pc-card\">\n      <button class=\"pc-image\" type=\"button\" data-video=\"XfoUvdrxJfQ\"\n        aria-label=\"\uc544\ub098\ud06c\ub9ac\ub178\uac00 \ud544\uc694\ud55c \uc2dc\ub300 \uc601\uc0c1 \ubcf4\uae30\">\n        <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/XfoUvdrxJfQ\/hqdefault.jpg\"\n          alt=\"\uc544\ub098\ud06c\ub9ac\ub178\uac00 \ud544\uc694\ud55c \uc2dc\ub300\" loading=\"lazy\">\n        <span class=\"pc-play\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 4.5v15l13-7.5z\"\/>\n          <\/svg>\n        <\/span>\n      <\/button>\n      <div class=\"pc-body\">\n        <div class=\"pc-type\">UNIVERSITY PRESIDENT\u2019S COLUMN \/ 05<\/div>\n        <h3 class=\"pc-title\">\u2018\uc544\ub098\ud06c\ub9ac\ub178\u2019\uac00 \ud544\uc694\ud55c \uc2dc\ub300<\/h3>\n        <div class=\"pc-divider\"><\/div>\n        <div class=\"pc-actions\">\n          <button class=\"pc-btn pc-watch\" type=\"button\" data-video=\"XfoUvdrxJfQ\">\n            \u25b6 Watch Video\n          <\/button>\n          <button class=\"pc-btn pc-read\" type=\"button\"\n            data-pdf=\"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\u2018\uc544\ub098\ud06c\ub9ac\ub178\uac00-\ud544\uc694\ud55c-\uc2dc\ub300.pdf\"\n            data-title=\"\u2018\uc544\ub098\ud06c\ub9ac\ub178\u2019\uac00 \ud544\uc694\ud55c \uc2dc\ub300\">\n            Read Column \u2197\n          <\/button>\n          <a class=\"pc-btn pc-download\"\n            href=\"https:\/\/cpu.edu\/wp-content\/uploads\/2024\/08\/\u2018\uc544\ub098\ud06c\ub9ac\ub178\uac00-\ud544\uc694\ud55c-\uc2dc\ub300.pdf\"\n            target=\"_blank\" rel=\"noopener\">\n            Download PDF \u2193\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <nav class=\"pc-pagination\" aria-label=\"Column pages\"><\/nav>\n<\/div>\n\n<!-- VIDEO & PDF MODAL -->\n<div id=\"cpu-pc-modal\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\"\n  aria-label=\"University President's Column Viewer\" style=\"display:none\">\n  <div class=\"pcm-panel\">\n    <div class=\"pcm-header\">\n      <span id=\"pcm-title\">University President\u2019s Column<\/span>\n      <button id=\"pcm-close\" type=\"button\" aria-label=\"Close viewer\">\u00d7<\/button>\n    <\/div>\n    <div id=\"pcm-content\"><\/div>\n    <div id=\"pcm-footer\" style=\"display:none\">\n      <a id=\"pcm-file-link\" target=\"_blank\" rel=\"noopener\">\n        Open \/ Download PDF \u2197\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  #cpu-pc-modal {\n    position: fixed;\n    z-index: 9999999;\n    inset: 0;\n    background: rgba(9,17,31,.88);\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    box-sizing: border-box;\n  }\n\n  #cpu-pc-modal * {\n    box-sizing: border-box;\n  }\n\n  #cpu-pc-modal .pcm-panel {\n    width: min(100%, 1050px);\n    max-height: 94vh;\n    background: #fff;\n    border-radius: 11px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n  }\n\n  #cpu-pc-modal .pcm-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 15px;\n    padding: 14px 20px;\n    background: #172942;\n    color: #fff;\n  }\n\n  #cpu-pc-modal #pcm-title {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.5;\n  }\n\n  #cpu-pc-modal #pcm-close {\n    background: transparent;\n    border: none;\n    color: #fff;\n    font-size: 30px;\n    cursor: pointer;\n    line-height: 1;\n    padding: 0 6px;\n  }\n\n  #cpu-pc-modal #pcm-content {\n    overflow: auto;\n    background: #f1f2f4;\n  }\n\n  #cpu-pc-modal iframe {\n    display: block;\n    width: 100%;\n    border: none;\n  }\n\n  #cpu-pc-modal .pcm-video iframe {\n    aspect-ratio: 16 \/ 9;\n    height: auto;\n  }\n\n  #cpu-pc-modal .pcm-pdf iframe {\n    height: min(75vh, 850px);\n    min-height: 350px;\n  }\n\n  #cpu-pc-modal #pcm-footer {\n    padding: 13px 20px;\n    text-align: right;\n    border-top: 1px solid #e9e9e9;\n  }\n\n  #cpu-pc-modal #pcm-file-link {\n    font-size: 13px;\n    font-weight: 700;\n    color: #172942;\n    text-decoration: none;\n  }\n\n  @media (max-width: 767px) {\n    #cpu-pc-modal {\n      padding: 10px;\n    }\n\n    #cpu-pc-modal .pcm-header {\n      padding: 12px;\n    }\n\n    #cpu-pc-modal #pcm-title {\n      font-size: 12px;\n    }\n\n    #cpu-pc-modal .pcm-pdf iframe {\n      height: 76vh;\n    }\n  }\n<\/style>\n\n<script>\n  (function() {\n    const gallery = document.getElementById('cpu-presidents-column');\n    const modal = document.getElementById('cpu-pc-modal');\n\n    if (!gallery || !modal) return;\n    if (gallery.dataset.initialized === 'true') return;\n    gallery.dataset.initialized = 'true';\n\n    const content = document.getElementById('pcm-content');\n    const title = document.getElementById('pcm-title');\n    const footer = document.getElementById('pcm-footer');\n    const fileLink = document.getElementById('pcm-file-link');\n    const closeBtn = document.getElementById('pcm-close');\n\n    const cards = Array.from(gallery.querySelectorAll('.pc-card'));\n    const pagination = gallery.querySelector('.pc-pagination');\n    const pageSize = 4;\n    const pageCount = Math.ceil(cards.length \/ pageSize);\n    let currentPage = 1;\n\n    function showPage(page) {\n      currentPage = Math.max(1, Math.min(page, pageCount));\n\n      cards.forEach(function(card, index) {\n        card.hidden = Math.floor(index \/ pageSize) + 1 !== currentPage;\n      });\n\n      pagination.replaceChildren();\n\n      if (pageCount < 2) {\n        pagination.hidden = true;\n        return;\n      }\n\n      pagination.hidden = false;\n\n      function addPageButton(label, target, disabled, active) {\n        const button = document.createElement('button');\n        button.type = 'button';\n        button.className = 'pc-page-button';\n        button.textContent = label;\n        button.disabled = disabled;\n\n        button.setAttribute(\n          'aria-label',\n          label === '\u2039'\n            ? 'Previous page'\n            : label === '\u203a'\n              ? 'Next page'\n              : 'Page ' + label\n        );\n\n        if (active) {\n          button.setAttribute('aria-current', 'page');\n        }\n\n        button.addEventListener('click', function() {\n          showPage(target);\n          gallery.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        });\n\n        pagination.appendChild(button);\n      }\n\n      addPageButton('\u2039', currentPage - 1, currentPage === 1, false);\n\n      for (let page = 1; page <= pageCount; page++) {\n        addPageButton(String(page), page, false, page === currentPage);\n      }\n\n      addPageButton('\u203a', currentPage + 1, currentPage === pageCount, false);\n    }\n\n    showPage(1);\n\n    let lastTrigger = null;\n    let previousOverflow = '';\n\n    function openModal(type, url, heading, trigger) {\n      lastTrigger = trigger;\n      content.innerHTML = '';\n      title.textContent = heading;\n      footer.style.display = 'none';\n\n      const iframe = document.createElement('iframe');\n\n      if (type === 'video') {\n        content.className = 'pcm-video';\n\n        iframe.src =\n          'https:\/\/www.youtube-nocookie.com\/embed\/' +\n          encodeURIComponent(url) +\n          '?autoplay=1&rel=0';\n\n        iframe.title = 'YouTube Video';\n        iframe.allow =\n          'accelerometer; autoplay; encrypted-media; ' +\n          'gyroscope; picture-in-picture; web-share';\n        iframe.allowFullscreen = true;\n      } else {\n        content.className = 'pcm-pdf';\n\n        const safeUrl = encodeURI(url);\n        iframe.src = safeUrl;\n        iframe.title = heading + ' PDF';\n\n        fileLink.href = safeUrl;\n        footer.style.display = 'block';\n      }\n\n      content.appendChild(iframe);\n      modal.style.display = 'flex';\n      modal.setAttribute('aria-hidden', 'false');\n\n      previousOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n\n      closeBtn.focus();\n    }\n\n    function closeModal() {\n      modal.style.display = 'none';\n      modal.setAttribute('aria-hidden', 'true');\n      content.innerHTML = '';\n      document.body.style.overflow = previousOverflow;\n\n      if (lastTrigger) {\n        lastTrigger.focus();\n      }\n    }\n\n    gallery.querySelectorAll('[data-video]').forEach(function(button) {\n      button.addEventListener('click', function() {\n        openModal(\n          'video',\n          button.dataset.video,\n          'University President\u2019s Column | Watch Video',\n          button\n        );\n      });\n    });\n\n    gallery.querySelectorAll('[data-pdf]').forEach(function(button) {\n      button.addEventListener('click', function() {\n        openModal(\n          'pdf',\n          button.dataset.pdf,\n          button.dataset.title,\n          button\n        );\n      });\n    });\n\n    closeBtn.addEventListener('click', closeModal);\n\n    modal.addEventListener('click', function(e) {\n      if (e.target === modal) {\n        closeModal();\n      }\n    });\n\n    document.addEventListener('keydown', function(e) {\n      if (e.key === 'Escape' && modal.style.display === 'flex') {\n        closeModal();\n      }\n    });\n  })();\n<\/script>\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>CALIFORNIA PRESTIGE UNIVERSITY University President\u2019s Column \ucd1d\uc7a5 \uce7c\ub7fc Thoughts on Faith, Life, and Our Changing World \uc2e0\uc559\uacfc \uc0b6, \ubcc0\ud654\ud558\ub294 \uc138\uc0c1\uc5d0 \ub300\ud55c \uc131\ucc30 UNIVERSITY PRESIDENT\u2019S COLUMN \/ 01 \uc911\ub3c5 \uad8c\ud558\ub294 \uc0ac\ud68c&#8230;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-19704","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/pages\/19704","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/comments?post=19704"}],"version-history":[{"count":12,"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/pages\/19704\/revisions"}],"predecessor-version":[{"id":19917,"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/pages\/19704\/revisions\/19917"}],"wp:attachment":[{"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/media?parent=19704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}