{"id":27,"date":"2022-08-05T06:35:47","date_gmt":"2022-08-05T06:35:47","guid":{"rendered":"https:\/\/ft.unj.ac.id\/str_kpk\/?page_id=27"},"modified":"2026-08-21T03:24:03","modified_gmt":"2026-08-21T03:24:03","slug":"struktur-kurikulum","status":"publish","type":"page","link":"https:\/\/ft.unj.ac.id\/str_kpk\/?page_id=27","title":{"rendered":"Struktur Kurikulum"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a0d9853 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a0d9853\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b284ad4\" data-id=\"b284ad4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f367010 elementor-widget elementor-widget-html\" data-id=\"f367010\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================\r\n     KELOMPOK MATA KULIAH\r\n     D4 Kosmetik & Perawatan Kecantikan \u2014 Fakultas Teknik UNJ\r\n     Tema: Biru FT UNJ \u2014 konsisten dengan halaman lainnya\r\n     ============================================================ -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@500;700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n\/* \u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.kmk-wrap {\r\n  --navy:      #0A2463;\r\n  --royal:     #1565C0;\r\n  --sky:       #3A8DDE;\r\n  --ice:       #DCEEFF;\r\n  --frost:     #EFF5FF;\r\n  --bg:        #F4F8FF;\r\n  --gold:      #E8A020;\r\n  --gold-lt:   #FFF3DC;\r\n  --white:     #FFFFFF;\r\n  --text:      #0D1B3E;\r\n  --muted:     #5A7298;\r\n  --border:    #CFE0F5;\r\n  --shadow:    0 8px 36px rgba(10,36,99,.11);\r\n  --shadow-sm: 0 3px 14px rgba(10,36,99,.07);\r\n\r\n  \/* per-kelompok accent *\/\r\n  --mku-c:   #1565C0; --mku-bg:   #DCEEFF;\r\n  --mkdk-c:  #5E35B1; --mkdk-bg:  #F0EAFF;\r\n  --mkf-c:   #C75000; --mkf-bg:   #FFF0EA;\r\n  --mkps-c:  #1B7A3C; --mkps-bg:  #E8F8EE;\r\n  --mkp-c:   #7B4800; --mkp-bg:   #FFF3E0;\r\n\r\n  font-family: 'DM Sans', Arial, sans-serif;\r\n  color: var(--text);\r\n  background: var(--bg);\r\n  box-sizing: border-box;\r\n}\r\n.kmk-wrap *, .kmk-wrap *::before, .kmk-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* \u2500\u2500 SECTION SHELL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.kmk-section { padding: 56px 24px; }\r\n.kmk-section.alt { background: var(--frost); }\r\n.kmk-container { max-width: 1060px; margin: 0 auto; }\r\n\r\n\/* \u2500\u2500 SECTION HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.kmk-header { margin-bottom: 36px; }\r\n.kmk-sec-label {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  font-size: .71rem; font-weight: 700; letter-spacing: .15em;\r\n  text-transform: uppercase; color: var(--royal); margin-bottom: 10px;\r\n}\r\n.kmk-sec-label::before {\r\n  content: ''; width: 24px; height: 2px;\r\n  background: var(--gold); border-radius: 2px;\r\n}\r\n.kmk-sec-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(1.5rem, 3vw, 2.2rem);\r\n  font-weight: 700; color: var(--navy);\r\n  line-height: 1.2; margin-bottom: 10px;\r\n}\r\n.kmk-sec-title em { font-style: italic; color: var(--royal); }\r\n.kmk-sec-sub {\r\n  font-size: .92rem; color: var(--muted);\r\n  max-width: 560px; line-height: 1.75;\r\n}\r\n\r\n\/* \u2500\u2500 SUMMARY BANNER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.kmk-banner {\r\n  background: linear-gradient(135deg, var(--navy) 0%, var(--royal) 100%);\r\n  border-radius: 16px; padding: 22px 28px;\r\n  display: flex; align-items: center;\r\n  justify-content: space-between; gap: 20px;\r\n  flex-wrap: wrap; margin-bottom: 32px;\r\n  box-shadow: var(--shadow);\r\n}\r\n.kmk-banner-left {\r\n  display: flex; align-items: center; gap: 14px;\r\n}\r\n.kmk-banner-icon {\r\n  flex-shrink: 0; width: 52px; height: 52px;\r\n  border-radius: 12px; background: rgba(255,255,255,.15);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 1.6rem;\r\n}\r\n.kmk-banner-label {\r\n  color: rgba(255,255,255,.72); font-size: .74rem;\r\n  font-weight: 600; text-transform: uppercase;\r\n  letter-spacing: .08em; display: block; margin-bottom: 3px;\r\n}\r\n.kmk-banner-value {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.8rem; font-weight: 700; color: #fff; line-height: 1;\r\n}\r\n.kmk-banner-chips {\r\n  display: flex; gap: 10px; flex-wrap: wrap;\r\n}\r\n.kmk-banner-chip {\r\n  background: rgba(255,255,255,.12);\r\n  border: 1px solid rgba(255,255,255,.2);\r\n  border-radius: 10px; padding: 10px 18px; text-align: center;\r\n}\r\n.kmk-chip-num {\r\n  display: block; font-family: 'Playfair Display', serif;\r\n  font-size: 1.3rem; font-weight: 700; color: #fff; line-height: 1;\r\n}\r\n.kmk-chip-lbl {\r\n  display: block; font-size: .62rem; color: rgba(255,255,255,.62);\r\n  margin-top: 3px; font-weight: 600;\r\n  text-transform: uppercase; letter-spacing: .07em;\r\n}\r\n\r\n\/* \u2500\u2500 MAIN TABLE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.kmk-table {\r\n  background: var(--white);\r\n  border-radius: 18px;\r\n  box-shadow: var(--shadow);\r\n  overflow: hidden;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* Table head *\/\r\n.kmk-thead {\r\n  background: var(--navy);\r\n  display: grid;\r\n  grid-template-columns: 56px 1fr 100px;\r\n  gap: 0;\r\n  padding: 0;\r\n}\r\n.kmk-th {\r\n  padding: 15px 20px;\r\n  font-size: .68rem; font-weight: 700;\r\n  text-transform: uppercase; letter-spacing: .12em;\r\n  color: rgba(255,255,255,.65);\r\n}\r\n.kmk-th.right { text-align: right; }\r\n\r\n\/* Table rows *\/\r\n.kmk-row {\r\n  display: grid;\r\n  grid-template-columns: 56px 1fr 100px;\r\n  align-items: center;\r\n  border-bottom: 1px solid var(--border);\r\n  cursor: default;\r\n  transition: background .15s;\r\n}\r\n.kmk-row:last-of-type { border-bottom: none; }\r\n.kmk-row:hover { background: var(--frost); }\r\n\r\n.kmk-td-no {\r\n  padding: 20px 14px;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.05rem; font-weight: 700;\r\n  color: var(--muted); text-align: center;\r\n  border-right: 1px solid var(--border);\r\n}\r\n\r\n.kmk-td-name {\r\n  padding: 18px 20px;\r\n  display: flex; align-items: center; gap: 12px;\r\n}\r\n.kmk-badge {\r\n  flex-shrink: 0;\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  height: 26px; padding: 0 10px;\r\n  border-radius: 6px; font-size: .62rem;\r\n  font-weight: 800; letter-spacing: .06em;\r\n  text-transform: uppercase; white-space: nowrap;\r\n}\r\n.kmk-name-block {}\r\n.kmk-name-main {\r\n  font-size: .9rem; font-weight: 700; color: var(--navy); display: block;\r\n}\r\n.kmk-name-abbr {\r\n  font-size: .74rem; color: var(--muted); display: block; margin-top: 2px;\r\n}\r\n\r\n.kmk-td-sks {\r\n  padding: 20px 20px 20px 0;\r\n  text-align: right;\r\n  border-left: 1px solid var(--border);\r\n}\r\n.kmk-sks-pill {\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  height: 34px; min-width: 52px; border-radius: 8px;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.1rem; font-weight: 700;\r\n}\r\n.kmk-sks-dash {\r\n  font-size: .78rem; color: var(--muted);\r\n  font-style: italic; font-family: 'DM Sans', sans-serif;\r\n}\r\n\r\n\/* Total row *\/\r\n.kmk-row-total {\r\n  background: var(--navy) !important;\r\n  cursor: default;\r\n}\r\n.kmk-row-total .kmk-td-no {\r\n  border-right-color: rgba(255,255,255,.12);\r\n  color: rgba(255,255,255,.5);\r\n}\r\n.kmk-row-total .kmk-td-name { padding: 20px; }\r\n.kmk-row-total .kmk-td-sks { border-left-color: rgba(255,255,255,.12); }\r\n.kmk-total-label {\r\n  font-size: .88rem; font-weight: 800;\r\n  text-transform: uppercase; letter-spacing: .08em; color: #fff;\r\n}\r\n.kmk-total-sks {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.25rem; font-weight: 700; color: var(--gold);\r\n}\r\n\r\n\/* \u2500\u2500 BAR CHART \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.kmk-bars { margin-bottom: 40px; }\r\n.kmk-bar-title {\r\n  font-size: .78rem; font-weight: 800; color: var(--navy);\r\n  text-transform: uppercase; letter-spacing: .1em; margin-bottom: 18px;\r\n}\r\n.kmk-bar-list { display: flex; flex-direction: column; gap: 14px; }\r\n.kmk-bar-item {}\r\n.kmk-bar-header {\r\n  display: flex; align-items: center;\r\n  justify-content: space-between; margin-bottom: 6px; gap: 10px;\r\n}\r\n.kmk-bar-name {\r\n  display: flex; align-items: center; gap: 8px;\r\n  font-size: .84rem; font-weight: 700; color: var(--navy);\r\n}\r\n.kmk-bar-code {\r\n  font-size: .65rem; font-weight: 800; padding: 2px 8px;\r\n  border-radius: 5px; letter-spacing: .05em; text-transform: uppercase;\r\n}\r\n.kmk-bar-pct {\r\n  font-size: .8rem; font-weight: 700;\r\n  color: var(--muted); white-space: nowrap;\r\n}\r\n.kmk-bar-track {\r\n  height: 10px; background: var(--border);\r\n  border-radius: 6px; overflow: hidden;\r\n}\r\n.kmk-bar-fill {\r\n  height: 100%; border-radius: 6px;\r\n  width: 0%; transition: width 1.4s cubic-bezier(.4, 0, .2, 1);\r\n}\r\n\r\n\/* \u2500\u2500 CARD GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.kmk-cards-title {\r\n  font-size: .78rem; font-weight: 800; color: var(--navy);\r\n  text-transform: uppercase; letter-spacing: .1em; margin-bottom: 18px;\r\n}\r\n.kmk-card-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n  gap: 18px;\r\n}\r\n.kmk-card {\r\n  background: var(--white);\r\n  border: 1.5px solid var(--border);\r\n  border-radius: 16px; overflow: hidden;\r\n  box-shadow: var(--shadow-sm);\r\n  transition: transform .2s, box-shadow .2s, border-color .2s;\r\n}\r\n.kmk-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: var(--shadow);\r\n}\r\n.kmk-card-top {\r\n  padding: 16px 18px 14px;\r\n  border-bottom: 1px solid var(--border);\r\n  display: flex; align-items: center; gap: 12px;\r\n}\r\n.kmk-card-icon {\r\n  flex-shrink: 0; width: 44px; height: 44px;\r\n  border-radius: 10px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 1.35rem;\r\n}\r\n.kmk-card-top h4 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: .93rem; font-weight: 700; color: var(--navy);\r\n  line-height: 1.3;\r\n}\r\n.kmk-card-top span {\r\n  font-size: .68rem; color: var(--muted); display: block; margin-top: 1px;\r\n}\r\n.kmk-card-body { padding: 14px 18px 16px; }\r\n.kmk-card-desc {\r\n  font-size: .8rem; color: var(--muted);\r\n  line-height: 1.65; margin-bottom: 14px;\r\n}\r\n.kmk-card-footer {\r\n  display: flex; align-items: center;\r\n  justify-content: space-between;\r\n  padding-top: 12px; border-top: 1px dashed var(--border);\r\n}\r\n.kmk-card-footer-label {\r\n  font-size: .67rem; font-weight: 700; color: var(--muted);\r\n  text-transform: uppercase; letter-spacing: .08em;\r\n}\r\n.kmk-card-sks {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.4rem; font-weight: 700;\r\n}\r\n.kmk-card-sks-na {\r\n  font-size: .78rem; color: var(--muted);\r\n  font-style: italic;\r\n}\r\n\r\n\/* \u2500\u2500 TOTAL BADGE BOTTOM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.kmk-total-card {\r\n  background: linear-gradient(135deg, var(--navy), var(--royal));\r\n  border-radius: 14px; padding: 22px 28px;\r\n  display: flex; align-items: center; gap: 18px;\r\n  margin-top: 28px; box-shadow: var(--shadow);\r\n  flex-wrap: wrap;\r\n}\r\n.kmk-total-card-icon {\r\n  flex-shrink: 0; width: 52px; height: 52px;\r\n  border-radius: 12px; background: rgba(255,255,255,.15);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 1.6rem;\r\n}\r\n.kmk-total-card-text { flex: 1; }\r\n.kmk-total-card-text h3 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.15rem; font-weight: 700; color: #fff; margin-bottom: 4px;\r\n}\r\n.kmk-total-card-text p {\r\n  font-size: .8rem; color: rgba(255,255,255,.68); line-height: 1.55;\r\n}\r\n.kmk-total-card-sks {\r\n  flex-shrink: 0; text-align: center;\r\n}\r\n.kmk-total-card-sks .big {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 2.2rem; font-weight: 700; color: var(--gold); line-height: 1;\r\n  display: block;\r\n}\r\n.kmk-total-card-sks .lbl {\r\n  font-size: .66rem; color: rgba(255,255,255,.6);\r\n  text-transform: uppercase; letter-spacing: .08em;\r\n  display: block; margin-top: 3px;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 640px) {\r\n  .kmk-thead, .kmk-row { grid-template-columns: 44px 1fr 80px; }\r\n  .kmk-th, .kmk-td-no, .kmk-td-name, .kmk-td-sks { padding: 13px 12px; }\r\n  .kmk-banner { flex-direction: column; align-items: flex-start; }\r\n  .kmk-banner-chips { width: 100%; }\r\n  .kmk-total-card { flex-direction: column; text-align: center; }\r\n}\r\n@media (max-width: 440px) {\r\n  .kmk-section { padding: 40px 16px; }\r\n  .kmk-badge { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"kmk-wrap\">\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       BAGIAN 1 \u2014 TABEL KELOMPOK MATA KULIAH\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"kmk-section\" style=\"background:var(--white);\">\r\n    <div class=\"kmk-container\">\r\n\r\n      <div class=\"kmk-header\">\r\n        <span class=\"kmk-sec-label\">Kurikulum Prodi<\/span>\r\n        <h2 class=\"kmk-sec-title\">1. Kelompok <em>Mata Kuliah<\/em><\/h2>\r\n        <p class=\"kmk-sec-sub\">\r\n          Kurikulum Program Studi D4 Kosmetik dan Perawatan Kecantikan disusun\r\n          dalam lima kelompok mata kuliah dengan total beban studi\r\n          <strong>144\u2013154 SKS<\/strong> selama 8 semester.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Summary Banner -->\r\n      <div class=\"kmk-banner\">\r\n        <div class=\"kmk-banner-left\">\r\n          <div class=\"kmk-banner-icon\">\ud83d\udcda<\/div>\r\n          <div>\r\n            <span class=\"kmk-banner-label\">Total Beban Studi<\/span>\r\n            <span class=\"kmk-banner-value\">144 \u2013 154 SKS<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kmk-banner-chips\">\r\n          <div class=\"kmk-banner-chip\">\r\n            <span class=\"kmk-chip-num\">5<\/span>\r\n            <span class=\"kmk-chip-lbl\">Kelompok MK<\/span>\r\n          <\/div>\r\n          <div class=\"kmk-banner-chip\">\r\n            <span class=\"kmk-chip-num\">8<\/span>\r\n            <span class=\"kmk-chip-lbl\">Semester<\/span>\r\n          <\/div>\r\n          <div class=\"kmk-banner-chip\">\r\n            <span class=\"kmk-chip-num\">D4<\/span>\r\n            <span class=\"kmk-chip-lbl\">Sarjana Terapan<\/span>\r\n          <\/div>\r\n          <div class=\"kmk-banner-chip\">\r\n            <span class=\"kmk-chip-num\">A<\/span>\r\n            <span class=\"kmk-chip-lbl\">Akreditasi<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Main Table -->\r\n      <div class=\"kmk-table\">\r\n\r\n        <!-- Head -->\r\n        <div class=\"kmk-thead\">\r\n          <span class=\"kmk-th\" style=\"text-align:center;\">No<\/span>\r\n          <span class=\"kmk-th\">Kelompok Mata Kuliah<\/span>\r\n          <span class=\"kmk-th right\">SKS<\/span>\r\n        <\/div>\r\n\r\n        <!-- Row 1: MKU -->\r\n        <div class=\"kmk-row\">\r\n          <div class=\"kmk-td-no\">1<\/div>\r\n          <div class=\"kmk-td-name\">\r\n            <span class=\"kmk-badge\" style=\"background:var(--mku-bg);color:var(--mku-c);\">MKU<\/span>\r\n            <div class=\"kmk-name-block\">\r\n              <span class=\"kmk-name-main\">Mata Kuliah Nasional dan Universitas<\/span>\r\n              <span class=\"kmk-name-abbr\">Wajib untuk seluruh mahasiswa UNJ<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kmk-td-sks\">\r\n            <span class=\"kmk-sks-pill\" style=\"background:var(--mku-bg);color:var(--mku-c);\">14<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Row 2: MKDK -->\r\n        <div class=\"kmk-row\">\r\n          <div class=\"kmk-td-no\">2<\/div>\r\n          <div class=\"kmk-td-name\">\r\n            <span class=\"kmk-badge\" style=\"background:var(--mkdk-bg);color:var(--mkdk-c);\">MKDK<\/span>\r\n            <div class=\"kmk-name-block\">\r\n              <span class=\"kmk-name-main\">Mata Kuliah Dasar Kependidikan<\/span>\r\n              <span class=\"kmk-name-abbr\">Fondasi teori kependidikan dan pedagogi<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kmk-td-sks\">\r\n            <span class=\"kmk-sks-dash\">\u2014<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Row 3: MKF -->\r\n        <div class=\"kmk-row\">\r\n          <div class=\"kmk-td-no\">3<\/div>\r\n          <div class=\"kmk-td-name\">\r\n            <span class=\"kmk-badge\" style=\"background:var(--mkf-bg);color:var(--mkf-c);\">MKF<\/span>\r\n            <div class=\"kmk-name-block\">\r\n              <span class=\"kmk-name-main\">Mata Kuliah Ciri Fakultas<\/span>\r\n              <span class=\"kmk-name-abbr\">Identitas keilmuan Fakultas Teknik UNJ<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kmk-td-sks\">\r\n            <span class=\"kmk-sks-pill\" style=\"background:var(--mkf-bg);color:var(--mkf-c);\">2<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Row 4: MKPS -->\r\n        <div class=\"kmk-row\">\r\n          <div class=\"kmk-td-no\">4<\/div>\r\n          <div class=\"kmk-td-name\">\r\n            <span class=\"kmk-badge\" style=\"background:var(--mkps-bg);color:var(--mkps-c);\">MKPS<\/span>\r\n            <div class=\"kmk-name-block\">\r\n              <span class=\"kmk-name-main\">Mata Kuliah Bidang Keahlian Program Studi<\/span>\r\n              <span class=\"kmk-name-abbr\">Inti kompetensi kecantikan dan kosmetik<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kmk-td-sks\">\r\n            <span class=\"kmk-sks-pill\" style=\"background:var(--mkps-bg);color:var(--mkps-c);\">117<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Row 5: MKP -->\r\n        <div class=\"kmk-row\">\r\n          <div class=\"kmk-td-no\">5<\/div>\r\n          <div class=\"kmk-td-name\">\r\n            <span class=\"kmk-badge\" style=\"background:var(--mkp-bg);color:var(--mkp-c);\">MKP<\/span>\r\n            <div class=\"kmk-name-block\">\r\n              <span class=\"kmk-name-main\">Mata Kuliah Pilihan<\/span>\r\n              <span class=\"kmk-name-abbr\">Spesialisasi dan pengembangan minat mahasiswa<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kmk-td-sks\">\r\n            <span class=\"kmk-sks-pill\" style=\"background:var(--mkp-bg);color:var(--mkp-c);\">21<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Total Row -->\r\n        <div class=\"kmk-row kmk-row-total\">\r\n          <div class=\"kmk-td-no\" style=\"color:rgba(255,255,255,.35);\">\u2211<\/div>\r\n          <div class=\"kmk-td-name\">\r\n            <span class=\"kmk-total-label\">Total Keseluruhan<\/span>\r\n          <\/div>\r\n          <div class=\"kmk-td-sks\">\r\n            <span class=\"kmk-total-sks\">144\u2013154<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div><!-- \/kmk-table -->\r\n\r\n    <\/div>\r\n  <\/div><!-- \/section 1 -->\r\n\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       BAGIAN 2 \u2014 BAR CHART PROPORSI SKS\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"kmk-section alt\">\r\n    <div class=\"kmk-container\">\r\n\r\n      <div class=\"kmk-header\">\r\n        <span class=\"kmk-sec-label\">Visualisasi<\/span>\r\n        <h2 class=\"kmk-sec-title\">Proporsi <em>SKS per Kelompok<\/em><\/h2>\r\n        <p class=\"kmk-sec-sub\">\r\n          Distribusi bobot SKS menunjukkan bahwa Mata Kuliah Bidang Keahlian\r\n          Program Studi (MKPS) mendominasi kurikulum sebagai inti kompetensi\r\n          lulusan.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"kmk-bars\">\r\n        <div class=\"kmk-bar-list\">\r\n\r\n          <!-- MKPS 117\/154 = 75.9% -->\r\n          <div class=\"kmk-bar-item\">\r\n            <div class=\"kmk-bar-header\">\r\n              <div class=\"kmk-bar-name\">\r\n                <span class=\"kmk-bar-code\" style=\"background:var(--mkps-bg);color:var(--mkps-c);\">MKPS<\/span>\r\n                Mata Kuliah Bidang Keahlian Program Studi\r\n              <\/div>\r\n              <span class=\"kmk-bar-pct\">117 SKS &nbsp;\u00b7&nbsp; 75,9%<\/span>\r\n            <\/div>\r\n            <div class=\"kmk-bar-track\">\r\n              <div class=\"kmk-bar-fill\" data-w=\"76\" style=\"background:var(--mkps-c);\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- MKP 21\/154 = 13.6% -->\r\n          <div class=\"kmk-bar-item\">\r\n            <div class=\"kmk-bar-header\">\r\n              <div class=\"kmk-bar-name\">\r\n                <span class=\"kmk-bar-code\" style=\"background:var(--mkp-bg);color:var(--mkp-c);\">MKP<\/span>\r\n                Mata Kuliah Pilihan\r\n              <\/div>\r\n              <span class=\"kmk-bar-pct\">21 SKS &nbsp;\u00b7&nbsp; 13,6%<\/span>\r\n            <\/div>\r\n            <div class=\"kmk-bar-track\">\r\n              <div class=\"kmk-bar-fill\" data-w=\"14\" style=\"background:var(--mkp-c);\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- MKU 14\/154 = 9.0% -->\r\n          <div class=\"kmk-bar-item\">\r\n            <div class=\"kmk-bar-header\">\r\n              <div class=\"kmk-bar-name\">\r\n                <span class=\"kmk-bar-code\" style=\"background:var(--mku-bg);color:var(--mku-c);\">MKU<\/span>\r\n                Mata Kuliah Nasional dan Universitas\r\n              <\/div>\r\n              <span class=\"kmk-bar-pct\">14 SKS &nbsp;\u00b7&nbsp; 9,0%<\/span>\r\n            <\/div>\r\n            <div class=\"kmk-bar-track\">\r\n              <div class=\"kmk-bar-fill\" data-w=\"9\" style=\"background:var(--mku-c);\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- MKF 2\/154 = 1.3% -->\r\n          <div class=\"kmk-bar-item\">\r\n            <div class=\"kmk-bar-header\">\r\n              <div class=\"kmk-bar-name\">\r\n                <span class=\"kmk-bar-code\" style=\"background:var(--mkf-bg);color:var(--mkf-c);\">MKF<\/span>\r\n                Mata Kuliah Ciri Fakultas\r\n              <\/div>\r\n              <span class=\"kmk-bar-pct\">2 SKS &nbsp;\u00b7&nbsp; 1,3%<\/span>\r\n            <\/div>\r\n            <div class=\"kmk-bar-track\">\r\n              <div class=\"kmk-bar-fill\" data-w=\"1.5\" style=\"background:var(--mkf-c);\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- MKDK \u2014 data menyusul -->\r\n          <div class=\"kmk-bar-item\">\r\n            <div class=\"kmk-bar-header\">\r\n              <div class=\"kmk-bar-name\">\r\n                <span class=\"kmk-bar-code\" style=\"background:var(--mkdk-bg);color:var(--mkdk-c);\">MKDK<\/span>\r\n                Mata Kuliah Dasar Kependidikan\r\n              <\/div>\r\n              <span class=\"kmk-bar-pct\" style=\"font-style:italic;color:#aaa;\">Data menyusul<\/span>\r\n            <\/div>\r\n            <div class=\"kmk-bar-track\">\r\n              <div class=\"kmk-bar-fill\" data-w=\"0\" style=\"background:var(--mkdk-c);\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Total card -->\r\n      <div class=\"kmk-total-card\">\r\n        <div class=\"kmk-total-card-icon\">\ud83c\udf93<\/div>\r\n        <div class=\"kmk-total-card-text\">\r\n          <h3>Total Beban Studi Kurikulum<\/h3>\r\n          <p>Program Sarjana Terapan (D4) \u2014 Kosmetik dan Perawatan Kecantikan,\r\n            Fakultas Teknik, Universitas Negeri Jakarta<\/p>\r\n        <\/div>\r\n        <div class=\"kmk-total-card-sks\">\r\n          <span class=\"big\">144\u2013154<\/span>\r\n          <span class=\"lbl\">Total SKS<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div><!-- \/section 2 -->\r\n\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       BAGIAN 3 \u2014 KARTU DESKRIPSI TIAP KELOMPOK\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"kmk-section\" style=\"background:var(--white);\">\r\n    <div class=\"kmk-container\">\r\n\r\n      <div class=\"kmk-header\">\r\n        <span class=\"kmk-sec-label\">Deskripsi<\/span>\r\n        <h2 class=\"kmk-sec-title\">Deskripsi Tiap <em>Kelompok Mata Kuliah<\/em><\/h2>\r\n        <p class=\"kmk-sec-sub\">\r\n          Setiap kelompok mata kuliah memiliki fungsi dan tujuan tersendiri\r\n          dalam membentuk kompetensi lulusan secara menyeluruh dan bertahap.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"kmk-card-grid\">\r\n\r\n        <!-- MKU -->\r\n        <div class=\"kmk-card\" style=\"border-top:4px solid var(--mku-c);\">\r\n          <div class=\"kmk-card-top\">\r\n            <div class=\"kmk-card-icon\" style=\"background:var(--mku-bg);\">\ud83c\udfdb\ufe0f<\/div>\r\n            <div>\r\n              <h4>Mata Kuliah Nasional dan Universitas<\/h4>\r\n              <span>MKU \u2014 Wajib seluruh mahasiswa UNJ<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kmk-card-body\">\r\n            <p class=\"kmk-card-desc\">\r\n              Membentuk karakter dan wawasan kebangsaan mahasiswa sebagai\r\n              warga negara yang bertanggung jawab. Mencakup Pancasila,\r\n              Kewarganegaraan, Agama, Bahasa Indonesia, dan Bahasa Inggris.\r\n            <\/p>\r\n            <div class=\"kmk-card-footer\">\r\n              <span class=\"kmk-card-footer-label\">Beban SKS<\/span>\r\n              <span class=\"kmk-card-sks\" style=\"color:var(--mku-c);\">14 SKS<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- MKDK -->\r\n        <div class=\"kmk-card\" style=\"border-top:4px solid var(--mkdk-c);\">\r\n          <div class=\"kmk-card-top\">\r\n            <div class=\"kmk-card-icon\" style=\"background:var(--mkdk-bg);\">\ud83d\udcd6<\/div>\r\n            <div>\r\n              <h4>Mata Kuliah Dasar Kependidikan<\/h4>\r\n              <span>MKDK \u2014 Fondasi pedagogi dan kependidikan<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kmk-card-body\">\r\n            <p class=\"kmk-card-desc\">\r\n              Memberikan landasan teori kependidikan bagi mahasiswa agar mampu\r\n              mengembangkan kompetensi mengajar, mendidik, dan membimbing\r\n              di bidang kecantikan secara profesional dan terstandar.\r\n            <\/p>\r\n            <div class=\"kmk-card-footer\">\r\n              <span class=\"kmk-card-footer-label\">Beban SKS<\/span>\r\n              <span class=\"kmk-card-sks-na\">Data menyusul<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- MKF -->\r\n        <div class=\"kmk-card\" style=\"border-top:4px solid var(--mkf-c);\">\r\n          <div class=\"kmk-card-top\">\r\n            <div class=\"kmk-card-icon\" style=\"background:var(--mkf-bg);\">\u2699\ufe0f<\/div>\r\n            <div>\r\n              <h4>Mata Kuliah Ciri Fakultas<\/h4>\r\n              <span>MKF \u2014 Identitas Fakultas Teknik UNJ<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kmk-card-body\">\r\n            <p class=\"kmk-card-desc\">\r\n              Mencirikan kompetensi keteknikan khas Fakultas Teknik UNJ \u2014\r\n              mengintegrasikan aspek teknologi, keselamatan kerja, dan\r\n              pendekatan teknis ke dalam bidang kosmetik dan kecantikan.\r\n            <\/p>\r\n            <div class=\"kmk-card-footer\">\r\n              <span class=\"kmk-card-footer-label\">Beban SKS<\/span>\r\n              <span class=\"kmk-card-sks\" style=\"color:var(--mkf-c);\">2 SKS<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- MKPS -->\r\n        <div class=\"kmk-card\" style=\"border-top:4px solid var(--mkps-c);\">\r\n          <div class=\"kmk-card-top\">\r\n            <div class=\"kmk-card-icon\" style=\"background:var(--mkps-bg);\">\ud83d\udc86\u200d\u2640\ufe0f<\/div>\r\n            <div>\r\n              <h4>Mata Kuliah Bidang Keahlian Program Studi<\/h4>\r\n              <span>MKPS \u2014 Inti kompetensi kecantikan<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kmk-card-body\">\r\n            <p class=\"kmk-card-desc\">\r\n              Kelompok terbesar (75,9% kurikulum) yang membentuk kompetensi\r\n              inti lulusan \u2014 tata kecantikan kulit, tata kecantikan rambut,\r\n              formulasi kosmetik, riset, magang industri, dan tugas akhir.\r\n            <\/p>\r\n            <div class=\"kmk-card-footer\">\r\n              <span class=\"kmk-card-footer-label\">Beban SKS<\/span>\r\n              <span class=\"kmk-card-sks\" style=\"color:var(--mkps-c);\">117 SKS<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- MKP -->\r\n        <div class=\"kmk-card\" style=\"border-top:4px solid var(--mkp-c);\">\r\n          <div class=\"kmk-card-top\">\r\n            <div class=\"kmk-card-icon\" style=\"background:var(--mkp-bg);\">\ud83c\udf1f<\/div>\r\n            <div>\r\n              <h4>Mata Kuliah Pilihan<\/h4>\r\n              <span>MKP \u2014 Spesialisasi dan minat mahasiswa<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kmk-card-body\">\r\n            <p class=\"kmk-card-desc\">\r\n              Memberikan fleksibilitas mahasiswa mengembangkan minat dan\r\n              spesialisasi sesuai jalur karier \u2014 kewirausahaan kecantikan,\r\n              kosmetik halal, manajemen spa, atau riset lanjutan.\r\n            <\/p>\r\n            <div class=\"kmk-card-footer\">\r\n              <span class=\"kmk-card-footer-label\">Beban SKS<\/span>\r\n              <span class=\"kmk-card-sks\" style=\"color:var(--mkp-c);\">21 SKS<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div><!-- \/card-grid -->\r\n\r\n    <\/div>\r\n  <\/div><!-- \/section 3 -->\r\n\r\n<\/div><!-- \/kmk-wrap -->\r\n\r\n<script>\r\n(function () {\r\n  \/* Animate bar fills on scroll *\/\r\n  var bars = document.querySelectorAll('.kmk-bar-fill[data-w]');\r\n  var io = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (entry) {\r\n      if (entry.isIntersecting) {\r\n        entry.target.style.width = entry.target.getAttribute('data-w') + '%';\r\n        io.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.4 });\r\n  bars.forEach(function (b) { io.observe(b); });\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kurikulum Prodi 1. Kelompok Mata Kuliah Kurikulum Program Studi D4 Kosmetik dan Perawatan Kecantikan disusun dalam lima kelompok mata kuliah dengan total beban studi 144\u2013154 SKS selama 8 semester. \ud83d\udcda Total Beban Studi 144 \u2013 154 SKS 5 Kelompok MK 8 Semester D4 Sarjana Terapan A Akreditasi No Kelompok Mata Kuliah SKS 1 MKU Mata [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages\/27"}],"collection":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":8,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":768,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/768"}],"wp:attachment":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}