{"id":574,"date":"2026-09-04T03:16:26","date_gmt":"2026-09-04T03:16:26","guid":{"rendered":"https:\/\/febi.ubsppni.ac.id\/?page_id=574"},"modified":"2026-09-09T02:03:40","modified_gmt":"2026-09-09T02:03:40","slug":"struktur-organisasi","status":"publish","type":"page","link":"https:\/\/febi.ubsppni.ac.id\/index.php\/struktur-organisasi\/","title":{"rendered":"Struktur Organisasi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"574\" class=\"elementor elementor-574\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7989bc5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"7989bc5\" 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-ce15f06 elementor-widget elementor-widget-html\" data-id=\"ce15f06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"org-chart-wrapper\">\r\n  <!-- Title Card -->\r\n  <div class=\"org-title-card\">\r\n    <h2>STRUKTUR ORGANISASI<\/h2>\r\n    <h3>FAKULTAS EKONOMI, BISNIS, DAN INFORMATIKA (FEBI)<\/h3>\r\n  <\/div>\r\n\r\n  <div class=\"org-chart-container\">\r\n    <!-- Senat Fakultas -->\r\n    <div class=\"org-node node-dark\">\r\n      <div class=\"node-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"node-title\">SENAT FAKULTAS<\/div>\r\n      <div class=\"node-subtitle\">Pertimbangan & Pengawasan Akademik<\/div>\r\n    <\/div>\r\n\r\n    <!-- Connector Down -->\r\n    <div class=\"line-v\"><\/div>\r\n\r\n    <!-- Dekan Fakultas -->\r\n    <div class=\"org-node node-white\">\r\n      <div class=\"node-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"node-title\">DEKAN FAKULTAS<\/div>\r\n      <div class=\"node-subtitle\">Pimpinan Eksekutif & Pengelola Utama<\/div>\r\n    <\/div>\r\n\r\n    <!-- Branch Lines to Prodis -->\r\n    <div class=\"line-v\"><\/div>\r\n    <div class=\"branch-connector\">\r\n      <div class=\"branch-line-h\"><\/div>\r\n      <div class=\"branch-line-v-container\">\r\n        <div class=\"branch-line-v\"><\/div>\r\n        <div class=\"branch-line-v\"><\/div>\r\n        <div class=\"branch-line-v\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Program Studi Columns -->\r\n    <div class=\"prodi-grid\">\r\n      <!-- Prodi 1 -->\r\n      <div class=\"prodi-card\">\r\n        <div class=\"prodi-kaprodi\">\r\n          <div class=\"kaprodi-title\">Ketua Program Studi 1<\/div>\r\n          <div class=\"kaprodi-sub\">(Manajemen)<\/div>\r\n        <\/div>\r\n        <div class=\"arrow-down\">\u2193<\/div>\r\n        <div class=\"prodi-sekprodi\">Sekretaris Prodi 1<\/div>\r\n      <\/div>\r\n\r\n      <!-- Prodi 2 -->\r\n      <div class=\"prodi-card\">\r\n        <div class=\"prodi-kaprodi\">\r\n          <div class=\"kaprodi-title\">Ketua Program Studi 2<\/div>\r\n          <div class=\"kaprodi-sub\">(Akuntansi)<\/div>\r\n        <\/div>\r\n        <div class=\"arrow-down\">\u2193<\/div>\r\n        <div class=\"prodi-sekprodi\">Sekretaris Prodi 2<\/div>\r\n      <\/div>\r\n\r\n      <!-- Prodi 3 -->\r\n      <div class=\"prodi-card\">\r\n        <div class=\"prodi-kaprodi\">\r\n          <div class=\"kaprodi-title\">Ketua Program Studi 3<\/div>\r\n          <div class=\"kaprodi-sub\">(Informatika)<\/div>\r\n        <\/div>\r\n        <div class=\"arrow-down\">\u2193<\/div>\r\n        <div class=\"prodi-sekprodi\">Sekretaris Prodi 3<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Connector to GKM -->\r\n    <div class=\"branch-connector merge-connector\">\r\n      <div class=\"branch-line-v-container\">\r\n        <div class=\"branch-line-v\"><\/div>\r\n        <div class=\"branch-line-v\"><\/div>\r\n        <div class=\"branch-line-v\"><\/div>\r\n      <\/div>\r\n      <div class=\"branch-line-h\"><\/div>\r\n    <\/div>\r\n    <div class=\"line-v\"><\/div>\r\n\r\n    <!-- GKM -->\r\n    <div class=\"org-node node-green\">\r\n      <div class=\"node-content-inline\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        <span class=\"node-title\">GUGUS KENDALI MUTU (GKM) \u2013 FEBI<\/span>\r\n      <\/div>\r\n      <div class=\"node-subtitle green-sub\">(Koordinasi Penjaminan Mutu Akademik, Pengawasan Internal Program dan Prodi)<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Main Container *\/\r\n  .org-chart-wrapper {\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n\r\n    padding: 40px 20px;\r\n    border-radius: 12px;\r\n    color: #1a202c;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .org-chart-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Title Card *\/\r\n  .org-title-card {\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    padding: 24px 20px;\r\n    text-align: center;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n    max-width: 900px;\r\n    margin: 0 auto 35px auto;\r\n    border: 1px solid #e2e8f0;\r\n  }\r\n\r\n  .org-title-card h2 {\r\n    margin: 0 0 6px 0;\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .org-title-card h3 {\r\n    margin: 0;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #0284c7;\r\n  }\r\n\r\n  \/* Inner Chart Container *\/\r\n  .org-chart-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Nodes \/ Cards *\/\r\n  .org-node {\r\n    border-radius: 10px;\r\n    padding: 16px 24px;\r\n    text-align: center;\r\n    width: 100%;\r\n    max-width: 340px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\r\n  }\r\n\r\n  .node-dark {\r\n    background-color: #111827;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .node-white {\r\n    background-color: #ffffff;\r\n    border: 2px solid #0284c7;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .node-green {\r\n    background-color: #e6f4f1;\r\n    border: 1.5px solid #0d9488;\r\n    color: #0f172a;\r\n    max-width: 820px;\r\n    padding: 16px 24px;\r\n  }\r\n\r\n  .node-icon {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .node-title {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .node-subtitle {\r\n    font-size: 12px;\r\n    opacity: 0.85;\r\n    margin-top: 3px;\r\n  }\r\n\r\n  .node-content-inline {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    color: #0d9488;\r\n  }\r\n  \r\n  .node-content-inline .node-title {\r\n    color: #0f172a;\r\n  }\r\n\r\n  .green-sub {\r\n    color: #0f766e;\r\n    font-weight: 600;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  \/* Lines & Connectors *\/\r\n  .line-v {\r\n    width: 2px;\r\n    height: 24px;\r\n    background-color: #64748b;\r\n  }\r\n\r\n  .branch-connector {\r\n    width: 100%;\r\n    max-width: 820px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .branch-line-h {\r\n    width: 67%;\r\n    height: 2px;\r\n    background-color: #64748b;\r\n  }\r\n\r\n  .branch-line-v-container {\r\n    width: 67%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .branch-line-v {\r\n    width: 2px;\r\n    height: 20px;\r\n    background-color: #64748b;\r\n  }\r\n\r\n  \/* Grid Prodi *\/\r\n  .prodi-grid {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    width: 100%;\r\n    max-width: 950px;\r\n  }\r\n\r\n  .prodi-card {\r\n    flex: 1;\r\n    background: #ffffff;\r\n    border-radius: 10px;\r\n    padding: 16px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\r\n    border: 1px solid #e2e8f0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .prodi-kaprodi {\r\n    background-color: #e0f2fe;\r\n    border-left: 4px solid #0284c7;\r\n    width: 100%;\r\n    padding: 12px;\r\n    border-radius: 4px;\r\n    text-align: center;\r\n  }\r\n\r\n  .kaprodi-title {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #0369a1;\r\n  }\r\n\r\n  .kaprodi-sub {\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .arrow-down {\r\n    color: #64748b;\r\n    font-size: 14px;\r\n    margin: 8px 0;\r\n  }\r\n\r\n  .prodi-sekprodi {\r\n    background-color: #f8fafc;\r\n    border: 1px dashed #cbd5e1;\r\n    width: 100%;\r\n    padding: 10px;\r\n    border-radius: 6px;\r\n    text-align: center;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n  }\r\n\r\n  \/* Responsive Adjustments *\/\r\n  @media (max-width: 768px) {\r\n    .prodi-grid {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    .prodi-card {\r\n      width: 100%;\r\n      max-width: 340px;\r\n    }\r\n\r\n    .branch-connector, .branch-line-h, .branch-line-v-container {\r\n      display: none;\r\n    }\r\n\r\n    .line-v {\r\n      height: 16px;\r\n    }\r\n  }\r\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>STRUKTUR ORGANISASI FAKULTAS EKONOMI, BISNIS, DAN INFORMATIKA (FEBI) SENAT FAKULTAS Pertimbangan &#038; Pengawasan Akademik DEKAN FAKULTAS Pimpinan Eksekutif &#038; Pengelola Utama Ketua Program Studi 1 (Manajemen) \u2193 Sekretaris Prodi 1 Ketua Program Studi 2 (Akuntansi) \u2193 Sekretaris Prodi 2 Ketua Program Studi 3 (Informatika) \u2193 Sekretaris Prodi 3 GUGUS KENDALI MUTU (GKM) \u2013 FEBI (Koordinasi Penjaminan Mutu Akademik, Pengawasan Internal Program dan Prodi)<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-574","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/febi.ubsppni.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/febi.ubsppni.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/febi.ubsppni.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/febi.ubsppni.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/febi.ubsppni.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=574"}],"version-history":[{"count":7,"href":"https:\/\/febi.ubsppni.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/574\/revisions"}],"predecessor-version":[{"id":731,"href":"https:\/\/febi.ubsppni.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/574\/revisions\/731"}],"wp:attachment":[{"href":"https:\/\/febi.ubsppni.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}