{"id":16090,"date":"2026-02-25T15:16:36","date_gmt":"2026-02-25T15:16:36","guid":{"rendered":"https:\/\/dev.cpu.edu\/about-blended-learning\/"},"modified":"2026-05-05T17:10:28","modified_gmt":"2026-05-05T17:10:28","slug":"about-blended-learning","status":"publish","type":"page","link":"https:\/\/cpu.edu\/ko\/video-home\/cpu-campus\/about-blended-learning\/","title":{"rendered":"Blended Learning System \uc18c\uac1c"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"16090\" class=\"elementor elementor-16090\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5828844 e-flex e-con-boxed rt-default-class e-con e-parent\" data-id=\"5828844\" 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-b04c6b4 rt-default-class elementor-widget elementor-widget-rtbreadrumb\" data-id=\"b04c6b4\" 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\/\">\ud648<\/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-74a94f0 e-flex e-con-boxed rt-default-class e-con e-parent\" data-id=\"74a94f0\" 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-f802bce rt-default-class elementor-widget elementor-widget-html\" data-id=\"f802bce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cpu-blended-section\">\n  <div class=\"cpu-blended-wrap\">\n\n    <div class=\"cpu-blended-header\">\n      <span class=\"cpu-eyebrow\">CPU Class Format<\/span>\n      <h2>Blended Learning Format<\/h2>\n      <p>\n        CPU uses a blended learning system designed to support both in-person and online education.\n      <\/p>\n    <\/div>\n\n    <div class=\"cpu-platform-card\">\n      <div>\n        <h3>Course Management Platforms<\/h3>\n        <p>\n          All courses are conducted and managed through <strong>Canvas<\/strong>, the school\u2019s official learning management platform.\n          Doctoral program courses are conducted and managed through <strong>Populi<\/strong>.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"cpu-intro-card\">\n      <h3>What Is the Blended Class Format?<\/h3>\n      <p>\n        The blended class format combines synchronous and asynchronous learning methods so that students can participate in courses in multiple ways.\n      <\/p>\n    <\/div>\n\n    <div class=\"cpu-format-grid\">\n\n      <article class=\"cpu-format-card\">\n        <div class=\"cpu-icon\">01<\/div>\n        <h3>In-Person Live Classes<\/h3>\n        <p>\n          Students attend live classroom sessions at the scheduled time each week. These classes are held in person and allow students to engage directly with the professor and classmates.\n        <\/p>\n      <\/article>\n\n      <article class=\"cpu-format-card\">\n        <div class=\"cpu-icon\">02<\/div>\n        <h3>Zoom Live Classes<\/h3>\n        <p>\n          Students who are unable to attend on campus may participate in the same live classroom session through Zoom Live. This allows off-campus students to join the class in real time.\n        <\/p>\n      <\/article>\n\n      <article class=\"cpu-format-card\">\n        <div class=\"cpu-icon\">03<\/div>\n        <h3>Recorded Video Classes<\/h3>\n        <p>\n          Live classroom sessions are recorded and made available for students to view asynchronously. Students may watch the recorded lectures according to their schedule while following the course requirements.\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"cpu-additional\">\n      <div class=\"cpu-additional-content\">\n        <span class=\"cpu-section-label\">Additional Course Formats<\/span>\n        <h3>Additional formats may be offered depending on the course, program, and semester.<\/h3>\n\n        <div class=\"cpu-chip-group\">\n          <span>Online recorded lecture courses<\/span>\n          <span>Zoom Live intensive courses<\/span>\n          <span>Ph.D. program courses<\/span>\n          <span>Selected summer courses for bachelor\u2019s and master\u2019s programs<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"cpu-note\">\n      <strong>Note<\/strong>\n      <p>\n        Course formats may vary depending on the program, degree level, semester, and individual course requirements.\n        Students should refer to the course syllabus and official school announcements for specific class format details.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .cpu-blended-section {\n    width: 100%;\n    padding: 80px 20px;\n    background:\n      radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 34%),\n      linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n    font-family: inherit;\n    color: #172033;\n  }\n\n  .cpu-blended-wrap {\n    max-width: 1120px;\n    margin: 0 auto;\n  }\n\n  .cpu-blended-header {\n    max-width: 760px;\n    margin-bottom: 34px;\n  }\n\n  .cpu-eyebrow,\n  .cpu-section-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 14px;\n    padding: 7px 13px;\n    border-radius: 999px;\n    background: rgba(30, 64, 175, 0.09);\n    color: #1d4ed8;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n  }\n\n  .cpu-blended-header h2 {\n    margin: 0 0 18px;\n    font-size: clamp(34px, 5vw, 56px);\n    line-height: 1.04;\n    letter-spacing: -0.04em;\n    color: #0f172a;\n    font-weight: 800;\n  }\n\n  .cpu-blended-header p {\n    margin: 0;\n    font-size: 18px;\n    line-height: 1.75;\n    color: #526179;\n  }\n\n  .cpu-platform-card,\n  .cpu-intro-card,\n  .cpu-additional,\n  .cpu-note {\n    background: rgba(255, 255, 255, 0.88);\n    border: 1px solid rgba(148, 163, 184, 0.28);\n    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);\n    backdrop-filter: blur(14px);\n  }\n\n  .cpu-platform-card {\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 22px;\n    padding: 30px;\n    border-radius: 28px;\n  }\n\n  .cpu-platform-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0 auto 0 0;\n    width: 6px;\n    background: linear-gradient(180deg, #2563eb, #38bdf8);\n  }\n\n  .cpu-platform-card h3,\n  .cpu-intro-card h3,\n  .cpu-format-card h3,\n  .cpu-additional h3 {\n    margin: 0 0 12px;\n    color: #0f172a;\n    font-weight: 800;\n    letter-spacing: -0.025em;\n  }\n\n  .cpu-platform-card h3 {\n    font-size: 23px;\n  }\n\n  .cpu-platform-card p,\n  .cpu-intro-card p,\n  .cpu-format-card p,\n  .cpu-note p {\n    margin: 0;\n    color: #526179;\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .cpu-platform-card strong {\n    color: #1d4ed8;\n    font-weight: 800;\n  }\n\n  .cpu-intro-card {\n    margin-bottom: 26px;\n    padding: 28px 30px;\n    border-radius: 26px;\n  }\n\n  .cpu-intro-card h3 {\n    font-size: 24px;\n  }\n\n  .cpu-format-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n    margin: 26px 0;\n  }\n\n  .cpu-format-card {\n    position: relative;\n    overflow: hidden;\n    min-height: 300px;\n    padding: 30px;\n    border-radius: 30px;\n    background: #ffffff;\n    border: 1px solid rgba(148, 163, 184, 0.25);\n    box-shadow: 0 18px 55px rgba(15, 23, 42, 0.08);\n    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n  }\n\n  .cpu-format-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(37, 99, 235, 0.35);\n    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.13);\n  }\n\n  .cpu-format-card::after {\n    content: \"\";\n    position: absolute;\n    right: -48px;\n    top: -48px;\n    width: 130px;\n    height: 130px;\n    border-radius: 999px;\n    background: rgba(37, 99, 235, 0.08);\n  }\n\n  .cpu-icon {\n    position: relative;\n    z-index: 1;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 54px;\n    height: 54px;\n    margin-bottom: 24px;\n    border-radius: 18px;\n    background: linear-gradient(135deg, #1d4ed8, #38bdf8);\n    color: #ffffff;\n    font-size: 15px;\n    font-weight: 800;\n    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.25);\n  }\n\n  .cpu-format-card h3 {\n    position: relative;\n    z-index: 1;\n    font-size: 22px;\n    line-height: 1.25;\n  }\n\n  .cpu-format-card p {\n    position: relative;\n    z-index: 1;\n  }\n\n  .cpu-additional {\n    margin-top: 26px;\n    padding: 34px;\n    border-radius: 32px;\n    background:\n      linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(30, 64, 175, 0.92)),\n      #0f172a;\n    color: #ffffff;\n  }\n\n  .cpu-additional .cpu-section-label {\n    background: rgba(255, 255, 255, 0.12);\n    color: #bfdbfe;\n  }\n\n  .cpu-additional h3 {\n    max-width: 820px;\n    margin-bottom: 24px;\n    color: #ffffff;\n    font-size: 26px;\n    line-height: 1.35;\n  }\n\n  .cpu-chip-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .cpu-chip-group span {\n    display: inline-flex;\n    align-items: center;\n    padding: 11px 15px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    color: #eaf2ff;\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  .cpu-note {\n    display: flex;\n    gap: 18px;\n    align-items: flex-start;\n    margin-top: 24px;\n    padding: 24px 26px;\n    border-radius: 24px;\n    background: #fffdf7;\n    border-color: rgba(245, 158, 11, 0.28);\n    box-shadow: 0 18px 45px rgba(146, 64, 14, 0.07);\n  }\n\n  .cpu-note strong {\n    flex: 0 0 auto;\n    display: inline-flex;\n    padding: 8px 12px;\n    border-radius: 999px;\n    background: rgba(245, 158, 11, 0.14);\n    color: #92400e;\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n  }\n\n  @media (max-width: 900px) {\n    .cpu-blended-section {\n      padding: 60px 18px;\n    }\n\n    .cpu-format-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .cpu-format-card {\n      min-height: auto;\n    }\n\n    .cpu-note {\n      flex-direction: column;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .cpu-blended-header h2 {\n      font-size: 36px;\n    }\n\n    .cpu-platform-card,\n    .cpu-intro-card,\n    .cpu-format-card,\n    .cpu-additional,\n    .cpu-note {\n      padding: 24px;\n      border-radius: 24px;\n    }\n\n    .cpu-chip-group span {\n      width: 100%;\n      border-radius: 16px;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Home CPU Class Format Blended Learning Format CPU uses a blended learning system designed to support both in-person and online education. Course Management Platforms All courses are conducted and managed&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":16052,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-16090","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/pages\/16090","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=16090"}],"version-history":[{"count":3,"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/pages\/16090\/revisions"}],"predecessor-version":[{"id":17450,"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/pages\/16090\/revisions\/17450"}],"up":[{"embeddable":true,"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/pages\/16052"}],"wp:attachment":[{"href":"https:\/\/cpu.edu\/ko\/wp-json\/wp\/v2\/media?parent=16090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}