{"id":72,"date":"2019-11-29T10:41:24","date_gmt":"2019-11-29T03:41:24","guid":{"rendered":"http:\/\/www.ivecr5.ac.th\/web2020\/?page_id=72"},"modified":"2026-01-09T14:56:15","modified_gmt":"2026-01-09T07:56:15","slug":"%e0%b9%82%e0%b8%84%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%aa%e0%b8%96%e0%b8%b2%e0%b8%9a%e0%b8%b1%e0%b8%99","status":"publish","type":"page","link":"https:\/\/www.ivecr5.ac.th\/web2020\/%e0%b9%82%e0%b8%84%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%aa%e0%b8%96%e0%b8%b2%e0%b8%9a%e0%b8%b1%e0%b8%99\/","title":{"rendered":"\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19"},"content":{"rendered":"<div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 vce-row-content--top\" id=\"el-27b8b4da\" data-vce-do-apply=\"all el-27b8b4da\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-c07fd90e\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-c07fd90e\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-c07fd90e\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 vce-row-equal-height vce-row-content--top\" id=\"el-bd76f8fb\" data-vce-do-apply=\"all el-bd76f8fb\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-b458ece3\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-b458ece3\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-b458ece3\"><div class=\"vce-raw-html\"><div class=\"vce-raw-html-wrapper\" id=\"el-dc888554\" data-vce-do-apply=\"all el-dc888554\"><!-- \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e2a\u0e48\u0e27\u0e19 Style (CSS) -->\n<style>\n    \/* \u0e19\u0e33\u0e40\u0e02\u0e49\u0e32 Font Kanit \u0e08\u0e32\u0e01 Google Fonts *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700&display=swap');\n\n    \/* \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e41\u0e25\u0e30\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e43\u0e0a\u0e49 Kanit \u0e01\u0e31\u0e1a\u0e17\u0e38\u0e01 Element *\/\n    .org-chart-container {\n        font-family: 'Kanit', sans-serif !important;\n        background-color: #f8fafc;\n        padding: 3rem 1rem;\n        text-align: center;\n        width: 100%;\n        box-sizing: border-box;\n        line-height: 1.5;\n    }\n\n    \/* \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e43\u0e0a\u0e49 Kanit \u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e2b\u0e25\u0e32\u0e19\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27 \u0e44\u0e21\u0e48\u0e27\u0e48\u0e32\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19 Headings, Paragraphs, Spans \u0e2b\u0e23\u0e37\u0e2d Divs *\/\n    .org-chart-container *,\n    .org-chart-container h1,\n    .org-chart-container h2,\n    .org-chart-container h3,\n    .org-chart-container h4,\n    .org-chart-container h5,\n    .org-chart-container h6,\n    .org-chart-container p,\n    .org-chart-container span,\n    .org-chart-container div,\n    .org-chart-container a,\n    .org-chart-container li,\n    .org-chart-container strong,\n    .org-chart-container b {\n        font-family: 'Kanit', sans-serif !important;\n        box-sizing: border-box;\n    }\n\n    \/* Header Styles *\/\n    .chart-header {\n        margin-bottom: 4rem;\n    }\n    \n    .chart-title-main {\n        font-size: 2.25rem !important;\n        font-weight: 700 !important;\n        color: #1e293b !important;\n        margin-bottom: 0.5rem !important;\n        line-height: 1.2 !important;\n    }\n    .chart-title-sub {\n        font-size: 1.25rem !important;\n        color: #2563eb !important;\n        font-weight: 600 !important;\n    }\n    .chart-date {\n        color: #64748b;\n        margin-top: 1rem;\n        font-size: 0.875rem;\n        background-color: white;\n        display: inline-block;\n        padding: 0.25rem 1rem;\n        border-radius: 9999px;\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n        border: 1px solid #e2e8f0;\n    }\n    .dot-indicator {\n        width: 0.5rem;\n        height: 0.5rem;\n        background-color: #22c55e;\n        border-radius: 50%;\n        display: inline-block;\n        margin-right: 0.5rem;\n    }\n\n    \/* Executive Card *\/\n    .org-card {\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        background: white;\n        border-radius: 1rem;\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        margin: 0 auto;\n    }\n    .org-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n    }\n\n    \/* Card Sizes *\/\n    .card-lg { width: 18rem; }\n    .card-md { width: 16rem; }\n    .card-sm { width: 15rem; }\n\n    \/* Image Styling *\/\n    .img-box {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 3 \/ 4;\n        overflow: hidden;\n        background-color: #e2e8f0;\n        cursor: pointer;\n    }\n    .profile-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: 50% 15%;\n        display: block;\n    }\n\n    \/* Badge Styling *\/\n    .badge {\n        position: absolute;\n        top: 12px;\n        right: -4px;\n        color: white !important;\n        padding: 6px 16px;\n        border-radius: 20px 0 0 20px;\n        font-size: 0.8rem;\n        font-weight: 600;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.15);\n        z-index: 10;\n        border: none;\n        line-height: normal !important;\n    }\n    \n    \/* Mobile Fix: \u0e22\u0e49\u0e32\u0e22 Badge \u0e25\u0e07\u0e21\u0e32\u0e02\u0e49\u0e32\u0e07\u0e25\u0e48\u0e32\u0e07 *\/\n    @media (max-width: 767px) {\n        .badge {\n            top: auto !important;\n            bottom: 12px;\n            right: 0;\n            border-radius: 20px 0 0 20px;\n        }\n    }\n\n    .badge.gold { background: linear-gradient(135deg, #BF953F 0%, #FCF6BA 45%, #B38728 100%); color: #5d4037 !important; }\n    .badge.blue { background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #1e3a8a 100%); }\n    .badge.green { background: linear-gradient(135deg, #065f46 0%, #10b981 50%, #064e3b 100%); }\n    .badge.orange { background: linear-gradient(135deg, #c2410c 0%, #f97316 50%, #9a3412 100%); }\n    .badge.teal { background: linear-gradient(135deg, #0f766e 0%, #14b8a6 50%, #0d9488 100%); }\n    .badge.purple { background: linear-gradient(135deg, #6b21a8 0%, #a855f7 50%, #581c87 100%); }\n    .badge.indigo { background: linear-gradient(135deg, #4338ca 0%, #6366f1 50%, #3730a3 100%); }\n    .badge.slate { background: linear-gradient(135deg, #475569 0%, #94a3b8 50%, #1e293b 100%); }\n\n    \/* Borders *\/\n    .border-gold { border-top: 6px solid #BF953F; }\n    .border-blue { border-top: 6px solid #3b82f6; }\n    .border-green { border-top: 6px solid #10b981; }\n    .border-teal { border-top: 6px solid #0d9488; }\n    .border-orange { border-top: 6px solid #f97316; }\n    .border-purple { border-top: 6px solid #a855f7; }\n    .border-indigo { border-top: 6px solid #6366f1; }\n    .border-slate { border-top: 6px solid #64748b; }\n\n    \/* Card Content *\/\n    .card-content { padding: 1.5rem; text-align: center; }\n    .card-name { font-size: 1.125rem; font-weight: 700; color: #1e293b; margin: 0; }\n    .card-role { font-size: 0.75rem; margin-top: 0.25rem; }\n    .role-pill { \n        display: inline-block; \n        background-color: #f1f5f9; \n        padding: 0.25rem 0.75rem; \n        border-radius: 9999px; \n        font-weight: 500; \n        color: #64748b; \n        min-width: 80px;\n    }\n    \n    \/* Text Colors *\/\n    .text-blue-600 { color: #2563eb !important; }\n    .text-orange-600 { color: #ea580c !important; }\n    .text-indigo-600 { color: #4f46e5 !important; }\n    .text-teal-600 { color: #0d9488 !important; }\n    .text-purple-600 { color: #9333ea !important; }\n    .text-green-600 { color: #16a34a !important; }\n    .text-slate-500 { color: #64748b !important; }\n    .text-slate-800 { color: #1e293b !important; }\n    .text-slate-900 { color: #0f172a !important; }\n\n    \/* Connectors *\/\n    .connector-v {\n        width: 2px;\n        background-color: #cbd5e1;\n        margin: 0 auto;\n        height: 3rem;\n    }\n    .connector-h-container {\n        display: flex;\n        justify-content: center;\n        margin-bottom: 2rem;\n        position: relative;\n    }\n    .connector-h-line {\n        border-top: 2px solid #cbd5e1;\n        width: 100%;\n        max-width: 42rem;\n        position: absolute;\n        top: 3.125rem;\n        z-index: 0;\n    }\n\n    \/* Section Styles *\/\n    .section-block { margin-bottom: 3rem; position: relative; z-index: 10; }\n    .section-title {\n        display: inline-block;\n        background-color: #f1f5f9;\n        color: #475569;\n        padding: 0.5rem 1.5rem;\n        border-radius: 9999px;\n        font-size: 0.9rem;\n        font-weight: 600;\n        margin-bottom: 2rem;\n        border: 1px solid #e2e8f0;\n    }\n    \n    \/* Grid Layouts *\/\n    .grid-exec { display: grid; grid-template-columns: 1fr; gap: 2rem; justify-content: center; max-width: 56rem; margin: 0 auto; }\n    .grid-asst-prof { display: grid; grid-template-columns: 1fr; gap: 2rem; justify-content: center; max-width: 64rem; margin: 0 auto; }\n    .grid-depts { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: start; text-align: left; }\n\n    \/* Responsive *\/\n    @media (min-width: 768px) {\n        .chart-title-main { font-size: 3rem !important; }\n        .grid-exec { grid-template-columns: repeat(2, 1fr); gap: 4rem; }\n        .grid-asst-prof { grid-template-columns: repeat(3, 1fr); }\n    }\n    @media (min-width: 1024px) { .grid-depts { grid-template-columns: repeat(2, 1fr); } }\n    @media (min-width: 1280px) { .grid-depts { grid-template-columns: repeat(3, 1fr); } }\n\n    \/* Department Box Styles *\/\n    .dept-title-group { font-size: 1.5rem; font-weight: 700; color: #334155; margin-bottom: 2rem; padding-left: 1rem; border-left: 4px solid #2563eb; text-align: left; }\n    .dept-card { background: white; border-radius: 0.75rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); border: 1px solid #e2e8f0; overflow: hidden; }\n    .dept-header { padding: 1rem; border-bottom-width: 1px; display: flex; align-items: center; gap: 0.75rem; }\n    .dept-icon svg { width: 1.5rem; height: 1.5rem; }\n    .dept-name { font-weight: 700; font-size: 1.125rem; line-height: 1.25; margin: 0 !important; }\n    \n    .dept-body { padding: 1.25rem; }\n    .dept-head-box { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; border-radius: 0.5rem; border-width: 1px; margin-bottom: 1.5rem; }\n    .dept-head-img-wrapper { width: 3rem; height: 3rem; border-radius: 9999px; overflow: hidden; border: 2px solid white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); flex-shrink: 0; cursor: pointer; }\n    .dept-head-img { width: 100%; height: 100%; object-fit: cover; }\n    .dept-head-name { font-weight: 700; color: #1e293b; font-size: 0.875rem; margin: 0 !important; }\n    .dept-head-pos { font-size: 0.75rem; font-weight: 600; margin: 0 !important; }\n    \n    .group-title { font-size: 0.875rem; font-weight: 700; color: #334155; margin-bottom: 0.5rem; border-left-width: 2px; padding-left: 0.5rem; margin-top: 1rem; }\n    .staff-list { display: grid; gap: 0.25rem; margin-bottom: 1rem; }\n    .staff-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem; border-radius: 0.5rem; transition: background-color 0.2s; }\n    .staff-avatar { width: 2.5rem; height: 2.5rem; border-radius: 9999px; background-color: #e2e8f0; flex-shrink: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-weight: bold; color: #64748b; cursor: pointer; }\n    .staff-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: top; }\n    .staff-name { font-size: 0.875rem; color: #475569; margin: 0 !important; }\n\n    \/* Pop-up Modal Styles *\/\n    .modal-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.85);\n        display: none; \n        justify-content: center;\n        align-items: center;\n        z-index: 10000;\n        padding: 20px;\n        backdrop-filter: blur(5px);\n    }\n    .modal-content-wrapper {\n        position: relative;\n        max-width: 500px;\n        width: 100%;\n        animation: modalFadeIn 0.3s ease-out;\n    }\n    .modal-img {\n        width: 100%;\n        height: auto;\n        border-radius: 10px;\n        box-shadow: 0 0 30px rgba(0,0,0,0.5);\n        display: block;\n    }\n    .close-modal {\n        position: absolute;\n        top: -40px;\n        right: 0;\n        color: white;\n        font-size: 30px;\n        cursor: pointer;\n        font-family: Arial, sans-serif;\n    }\n    @keyframes modalFadeIn {\n        from { opacity: 0; transform: scale(0.9); }\n        to { opacity: 1; transform: scale(1); }\n    }\n\n    \/* Utility *\/\n    .flex-center { display: flex; justify-content: center; }\n<\/style>\n<!-- \u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e2a\u0e48\u0e27\u0e19 Style -->\n\n<!-- \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e2a\u0e48\u0e27\u0e19 Content (HTML) -->\n<div class=\"org-chart-container\">\n\n    <!-- Header -->\n    <header class=\"chart-header\">\n        <h1 class=\"chart-title-main\">\u0e41\u0e1c\u0e19\u0e20\u0e39\u0e21\u0e34\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/h1>\n        <h2 class=\"chart-title-sub\">\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07 5<\/h2>\n        <p class=\"chart-date\">\n            <span class=\"dot-indicator\"><\/span>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e13 \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 17 \u0e18\u0e31\u0e19\u0e27\u0e32\u0e04\u0e21 2568\n        <\/p>\n    <\/header>\n\n    <main>\n        \n        <!-- LEVEL 1: Director -->\n        <section class=\"section-block\">\n            <div class=\"section-title\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/div>\n            <div class=\"flex-center\">\n                <div class=\"org-card border-gold card-lg\">\n                    <div class=\"img-box\" onclick=\"openProfileModal(this)\">\n                        <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2025\/07\/asdasxzc.jpg\" alt=\"\u0e19\u0e32\u0e22\u0e1a\u0e23\u0e23\u0e22\u0e07\u0e04\u0e4c \u0e27\u0e07\u0e28\u0e4c\u0e2a\u0e01\u0e38\u0e25\" class=\"profile-img\">\n                        <span class=\"badge gold\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/span>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-name\">\u0e19\u0e32\u0e22\u0e1a\u0e23\u0e23\u0e22\u0e07\u0e04\u0e4c \u0e27\u0e07\u0e28\u0e4c\u0e2a\u0e01\u0e38\u0e25<\/h3>\n                        <p class=\"card-role role-pill text-blue-600\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"connector-v\"><\/div>\n        <\/section>\n\n        <!-- LEVEL 2: Deputy Directors -->\n        <section class=\"section-block\">\n            <div class=\"section-title\">\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/div>\n            <div class=\"connector-h-container\"><div class=\"connector-h-line\"><\/div><\/div>\n            <div class=\"grid-exec\">\n                <div class=\"flex-center\">\n                    <div class=\"org-card border-blue card-md\">\n                        <div class=\"img-box\" onclick=\"openProfileModal(this)\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2025\/12\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e31\u0e0a\u0e21\u0e32\u0e28-\u0e1e\u0e34\u0e20\u0e31\u0e01\u0e14\u0e34\u0e4c-\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07-5.jpg\" class=\"profile-img\">\n                            <span class=\"badge blue\">\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/span>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <h3 class=\"card-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e31\u0e0a\u0e21\u0e32\u0e28 \u0e1e\u0e34\u0e20\u0e31\u0e01\u0e14\u0e34\u0e4c<\/h3>\n                            <p class=\"card-role role-pill\">\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"flex-center\">\n                    <div class=\"org-card border-blue card-md\">\n                        <div class=\"img-box\" onclick=\"openProfileModal(this)\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2025\/12\/\u0e19\u0e32\u0e22\u0e2a\u0e32\u0e27\u0e34\u0e17\u0e22\u0e4c-\u0e0d\u0e32\u0e13\u0e20\u0e34\u0e23\u0e31\u0e15-\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07-5.jpg\" class=\"profile-img\">\n                            <span class=\"badge blue\">\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/span>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <h3 class=\"card-name\">\u0e19\u0e32\u0e22\u0e2a\u0e32\u0e27\u0e34\u0e17\u0e22\u0e4c \u0e0d\u0e32\u0e13\u0e20\u0e34\u0e23\u0e31\u0e15<\/h3>\n                            <p class=\"card-role role-pill\">\u0e14\u0e49\u0e32\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2f<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"connector-v\" style=\"margin-top: 1rem;\"><\/div>\n        <\/section>\n\n        <!-- LEVEL 3: Assistant Director -->\n        <section class=\"section-block\">\n            <div class=\"section-title\">\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/div>\n            <div class=\"flex-center\">\n                <div class=\"org-card border-green card-md\">\n                    <div class=\"img-box\" onclick=\"openProfileModal(this)\">\n                        <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2025\/12\/\u0e19\u0e32\u0e22\u0e27\u0e23\u0e32\u0e01\u0e23-\u0e0a\u0e22\u0e38\u0e15\u0e34\u0e01\u0e38\u0e25-\u0e0a\u0e48\u0e27\u0e22\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07-5-1.jpg\" class=\"profile-img\">\n                        <span class=\"badge green\">\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/span>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-name\">\u0e19\u0e32\u0e22\u0e27\u0e23\u0e32\u0e01\u0e23 \u0e0a\u0e22\u0e38\u0e15\u0e34\u0e01\u0e38\u0e25<\/h3>\n                        <p class=\"card-role role-pill text-slate-500\">\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"connector-v\" style=\"margin-top: 1rem;\"><\/div>\n        <\/section>\n\n        <!-- LEVEL 4: Bureau Directors -->\n        <section class=\"section-block\">\n            <div class=\"section-title\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01<\/div>\n            <div class=\"grid-exec\">\n                <!-- \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2f (ORANGE) -->\n                <div class=\"flex-center\">\n                    <div class=\"org-card border-orange card-md\">\n                        <div class=\"img-box\" onclick=\"openProfileModal(this)\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2024\/12\/505279-1-e1734659574702.jpg\" class=\"profile-img\">\n                            <span class=\"badge orange\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01<\/span>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <h3 class=\"card-name\">\u0e19\u0e32\u0e22\u0e18\u0e35\u0e23\u0e27\u0e34\u0e17\u0e22\u0e4c \u0e2b\u0e17\u0e31\u0e22\u0e23\u0e31\u0e15\u0e19\u0e32\u0e19\u0e19\u0e17\u0e4c<\/h3>\n                            <p class=\"card-role role-pill text-orange-600\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2f<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <!-- \u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15 (TEAL) -->\n                <div class=\"flex-center\">\n                    <div class=\"org-card border-teal card-md\">\n                        <div class=\"img-box\" onclick=\"openProfileModal(this)\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2024\/01\/S__2121736.jpg\" class=\"profile-img\">\n                            <span class=\"badge teal\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01<\/span>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <h3 class=\"card-name\">\u0e19\u0e32\u0e07\u0e2a\u0e38\u0e19\u0e32\u0e23\u0e35 \u0e02\u0e38\u0e19\u0e13\u0e23\u0e07\u0e04\u0e4c<\/h3>\n                            <p class=\"card-role role-pill text-teal-600\">\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            \n            <\/div>\n            <div class=\"connector-v\" style=\"margin-top: 1rem;\"><\/div>\n        <\/section>\n\n        <!-- LEVEL 5: Assistant Professors -->\n        <section style=\"margin-bottom: 5rem;\">\n            <div class=\"section-title\">\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c<\/div>\n            <div class=\"grid-asst-prof\">\n                <div class=\"flex-center\">\n                    <div class=\"org-card border-indigo card-sm\">\n                        <div class=\"img-box\" onclick=\"openProfileModal(this)\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_wjaodgwjaodgwjao.png\" class=\"profile-img\">\n                            <span class=\"badge indigo\">\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c<\/span>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <h3 class=\"card-name\">\u0e1c\u0e28.\u0e28\u0e23\u0e32\u0e22\u0e38\u0e17\u0e18 \u0e17\u0e2d\u0e07\u0e2d\u0e38\u0e17\u0e31\u0e22<\/h3>\n                            <p class=\"card-role role-pill text-indigo-600\">\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"flex-center\">\n                    <div class=\"org-card border-indigo card-sm\">\n                        <div class=\"img-box\" onclick=\"openProfileModal(this)\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_7a0eeh7a0eeh7a0e.png\" class=\"profile-img\">\n                            <span class=\"badge indigo\">\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c<\/span>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <h3 class=\"card-name\">\u0e1c\u0e28.\u0e1a\u0e38\u0e0d\u0e2a\u0e37\u0e1a \u0e42\u0e1e\u0e18\u0e34\u0e4c\u0e28\u0e23\u0e35<\/h3>\n                            <p class=\"card-role role-pill text-indigo-600\">\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"flex-center\">\n                    <div class=\"org-card border-indigo card-sm\">\n                        <div class=\"img-box\" onclick=\"openProfileModal(this)\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_8k1br48k1br48k1b.png\" class=\"profile-img\">\n                            <span class=\"badge indigo\">\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c<\/span>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <h3 class=\"card-name\">\u0e1c\u0e28.\u0e2a\u0e34\u0e23\u0e34\u0e1e\u0e07\u0e29\u0e4c \u0e23\u0e2d\u0e14\u0e25\u0e2d\u0e22<\/h3>\n                            <p class=\"card-role role-pill text-indigo-600\">\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- LEVEL 6: Detailed Lists -->\n        <h3 class=\"dept-title-group\">\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19<\/h3>\n        <div class=\"grid-depts\">\n            <!-- Office of the Director -->\n            <div class=\"dept-card\">\n                <div class=\"dept-header bg-blue-50 border-blue-100\">\n                    <div class=\"dept-icon bg-blue-100 text-blue-600\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg><\/div>\n                    <h4 class=\"dept-name text-blue-900\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/h4>\n                <\/div>\n                <div class=\"dept-body\">\n                    <div class=\"dept-head-box bg-blue-50 border-blue-100\">\n                        <div class=\"dept-head-img-wrapper\" onclick=\"openProfileModal(this)\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2025\/12\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e31\u0e0a\u0e21\u0e32\u0e28-\u0e1e\u0e34\u0e20\u0e31\u0e01\u0e14\u0e34\u0e4c-\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07-5.jpg\" class=\"dept-head-img\">\n                        <\/div>\n                        <div class=\"dept-head-info\"><p class=\"dept-head-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e31\u0e0a\u0e21\u0e32\u0e28 \u0e1e\u0e34\u0e20\u0e31\u0e01\u0e14\u0e34\u0e4c<\/p><p class=\"dept-head-pos text-blue-600\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/p><\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"group-title border-blue-300\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e0a\u0e48\u0e27\u0e22\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e25\u0e02\u0e32\u0e19\u0e38\u0e01\u0e32\u0e23<\/div>\n                        <div class=\"staff-list\">\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/\u0e1e\u0e35\u0e48\u0e2b\u0e25\u0e2d\u0e14.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e23\u0e38\u0e48\u0e07\u0e23\u0e31\u0e15\u0e19\u0e4c \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e42\u0e2a\u0e20\u0e32\u0e04<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e23\u0e32\u0e27\u0e14\u0e35-\u0e2d\u0e48\u0e2d\u0e19\u0e25\u0e30\u0e21\u0e39\u0e25_\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e08\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e21\u0e32.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e23\u0e32\u0e27\u0e14\u0e35 \u0e2d\u0e48\u0e2d\u0e19\u0e25\u0e30\u0e21\u0e39\u0e25<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/\u0e19\u0e32\u0e22\u0e1e\u0e35\u0e23\u0e30\u0e27\u0e31\u0e12\u0e19\u0e4c-\u0e04\u0e33\u0e1e\u0e21_\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e08\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e21\u0e32.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e22\u0e1e\u0e35\u0e23\u0e30\u0e27\u0e31\u0e12\u0e19\u0e4c \u0e04\u0e33\u0e1c\u0e21<\/span><\/div>\n                        <\/div>\n                        <div class=\"group-title border-blue-300\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e41\u0e25\u0e30\u0e19\u0e34\u0e15\u0e34\u0e01\u0e32\u0e23<\/div>\n                        <div class=\"staff-list\">\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/\u0e1e\u0e35\u0e48\u0e40\u0e25\u0e47\u0e01.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e40\u0e19\u0e32\u0e27\u0e23\u0e31\u0e15\u0e19\u0e4c \u0e1e\u0e31\u0e12\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c\u0e2b\u0e2d\u0e21<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2025\/05\/S__189530120.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e22\u0e08\u0e31\u0e01\u0e23\u0e01\u0e24\u0e29\u0e13\u0e4c \u0e1e\u0e38\u0e17\u0e18\u0e27\u0e34\u0e16\u0e35<\/span><\/div>\n                        <\/div>\n                        <div class=\"group-title border-blue-300\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19 \u0e01\u0e32\u0e23\u0e04\u0e25\u0e31\u0e07 \u0e41\u0e25\u0e30\u0e2a\u0e34\u0e19\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c<\/div>\n                        <div class=\"staff-list\">\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/\u0e1e\u0e35\u0e48\u0e02\u0e27\u0e31\u0e0d.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e01\u0e19\u0e01\u0e1e\u0e23 \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e01\u0e23\u0e42\u0e2a\u0e21\u0e19\u0e31\u0e2a<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/\u0e1e\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e49\u0e25.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e38\u0e20\u0e32\u0e27\u0e14\u0e35 \u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c\u0e04\u0e07<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/\u0e1e\u0e35\u0e48\u0e40\u0e08.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e27\u0e31\u0e19\u0e17\u0e19\u0e32 \u0e1e\u0e38\u0e48\u0e21\u0e2d\u0e33\u0e19\u0e27\u0e22<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/7-scaled.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e22\u0e2d\u0e20\u0e34\u0e0a\u0e32\u0e15\u0e34 \u0e0a\u0e37\u0e48\u0e19\u0e2a\u0e07\u0e27\u0e19<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/6-scaled.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e22\u0e21\u0e13\u0e11\u0e25 \u0e41\u0e01\u0e48\u0e19\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Vocational Degree (UPDATED: Added Head) -->\n            <div class=\"dept-card\">\n                <div class=\"dept-header bg-teal-50 border-teal-100\">\n                    <div class=\"dept-icon bg-teal-100 text-teal-600\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"><\/path><\/svg><\/div>\n                    <h4 class=\"dept-name text-teal-900\">\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15<\/h4>\n                <\/div>\n                <div class=\"dept-body\">\n                    <!-- \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32: \u0e19\u0e32\u0e07\u0e2a\u0e38\u0e19\u0e32\u0e23\u0e35 \u0e02\u0e38\u0e19\u0e13\u0e23\u0e07\u0e04\u0e4c -->\n                    <div class=\"dept-head-box bg-teal-50 border-teal-100\">\n                        <div class=\"dept-head-img-wrapper\" onclick=\"openProfileModal(this)\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2024\/01\/S__2121736.jpg\" class=\"dept-head-img\">\n                        <\/div>\n                        <div class=\"dept-head-info\"><p class=\"dept-head-name\">\u0e19\u0e32\u0e07\u0e2a\u0e38\u0e19\u0e32\u0e23\u0e35 \u0e02\u0e38\u0e19\u0e13\u0e23\u0e07\u0e04\u0e4c<\/p><p class=\"dept-head-pos text-teal-600\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/p><\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"group-title border-teal-300\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23<\/div>\n                        <div class=\"staff-list\">\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/\u0e1e\u0e35\u0e48\u0e40\u0e25\u0e47\u0e01.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e40\u0e19\u0e32\u0e27\u0e23\u0e31\u0e15\u0e19\u0e4c \u0e1e\u0e31\u0e12\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c\u0e2b\u0e2d\u0e21<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/\u0e19\u0e32\u0e22\u0e27\u0e34\u0e11\u0e39\u0e23\u0e22\u0e4c_\u0e19\u0e38\u0e0a\u0e1b\u0e23\u0e30\u0e40\u0e2a\u0e23\u0e34\u0e10_\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e22\u0e27\u0e34\u0e11\u0e39\u0e23\u0e22\u0e4c \u0e19\u0e38\u0e0a\u0e1b\u0e23\u0e30\u0e40\u0e2a\u0e23\u0e34\u0e10<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e32-\u0e19\u0e31\u0e19\u0e17\u0e30\u0e40\u0e2a\u0e19_\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e08\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e21\u0e32.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e32 \u0e19\u0e31\u0e19\u0e17\u0e30\u0e40\u0e2a\u0e19<\/span><\/div>\n                        <\/div>\n                        <div class=\"group-title border-teal-300\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e<\/div>\n                        <div class=\"staff-list\">\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2025\/05\/S__189530120.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e22\u0e08\u0e31\u0e01\u0e23\u0e01\u0e24\u0e29\u0e13\u0e4c \u0e1e\u0e38\u0e17\u0e18\u0e27\u0e34\u0e16\u0e35<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/\u0e1e\u0e35\u0e48\u0e40\u0e08.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e27\u0e31\u0e19\u0e17\u0e19\u0e32 \u0e1e\u0e38\u0e48\u0e21\u0e2d\u0e33\u0e19\u0e27\u0e22<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/\u0e1e\u0e35\u0e48\u0e02\u0e27\u0e31\u0e0d.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e01\u0e19\u0e01\u0e1e\u0e23 \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e01\u0e23\u0e42\u0e2a\u0e21\u0e19\u0e31\u0e2a<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/\u0e19\u0e32\u0e22\u0e1e\u0e35\u0e23\u0e30\u0e27\u0e31\u0e12\u0e19\u0e4c-\u0e04\u0e33\u0e1e\u0e21_\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e08\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e21\u0e32.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e22\u0e1e\u0e35\u0e23\u0e30\u0e27\u0e31\u0e12\u0e19\u0e4c \u0e04\u0e33\u0e1c\u0e21<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Strategy Bureau (UPDATED: Added Head) -->\n            <div class=\"dept-card\">\n                <div class=\"dept-header bg-orange-50 border-orange-100\">\n                    <div class=\"dept-icon bg-orange-100 text-orange-600\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path><\/svg><\/div>\n                    <h4 class=\"dept-name text-orange-900\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2f<\/h4>\n                <\/div>\n                <div class=\"dept-body\">\n                    <!-- \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32: \u0e19\u0e32\u0e22\u0e18\u0e35\u0e23\u0e27\u0e34\u0e17\u0e22\u0e4c \u0e2b\u0e17\u0e31\u0e22\u0e23\u0e31\u0e15\u0e19\u0e32\u0e19\u0e19\u0e17\u0e4c -->\n                    <div class=\"dept-head-box bg-orange-50 border-orange-100\">\n                        <div class=\"dept-head-img-wrapper\" onclick=\"openProfileModal(this)\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2024\/12\/505279-1-e1734659574702.jpg\" class=\"dept-head-img\">\n                        <\/div>\n                        <div class=\"dept-head-info\"><p class=\"dept-head-name\">\u0e19\u0e32\u0e22\u0e18\u0e35\u0e23\u0e27\u0e34\u0e17\u0e22\u0e4c \u0e2b\u0e17\u0e31\u0e22\u0e23\u0e31\u0e15\u0e19\u0e32\u0e19\u0e19\u0e17\u0e4c<\/p><p class=\"dept-head-pos text-orange-600\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01<\/p><\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"group-title border-orange-300\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d<\/div>\n                        <div class=\"staff-list\">\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2025\/05\/S__189530120.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e22\u0e08\u0e31\u0e01\u0e23\u0e01\u0e24\u0e29\u0e13\u0e4c \u0e1e\u0e38\u0e17\u0e18\u0e27\u0e34\u0e16\u0e35<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/\u0e1e\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e49\u0e25.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e38\u0e20\u0e32\u0e27\u0e14\u0e35 \u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c\u0e04\u0e07<\/span><\/div>\n                        <\/div>\n                        <div class=\"group-title border-orange-300\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e2f<\/div>\n                        <div class=\"staff-list\">\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/\u0e19\u0e32\u0e22\u0e27\u0e34\u0e11\u0e39\u0e23\u0e22\u0e4c_\u0e19\u0e38\u0e0a\u0e1b\u0e23\u0e30\u0e40\u0e2a\u0e23\u0e34\u0e10_\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e22\u0e27\u0e34\u0e11\u0e39\u0e23\u0e22\u0e4c \u0e19\u0e38\u0e0a\u0e1b\u0e23\u0e30\u0e40\u0e2a\u0e23\u0e34\u0e10<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/\u0e19\u0e32\u0e22\u0e1e\u0e35\u0e23\u0e30\u0e27\u0e31\u0e12\u0e19\u0e4c-\u0e04\u0e33\u0e1e\u0e21_\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e08\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e21\u0e32.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e22\u0e1e\u0e35\u0e23\u0e30\u0e27\u0e31\u0e12\u0e19\u0e4c \u0e04\u0e33\u0e1c\u0e21<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Student Affairs -->\n            <div class=\"dept-card\">\n                <div class=\"dept-header bg-purple-50 border-purple-100\">\n                    <div class=\"dept-icon bg-purple-100 text-purple-600\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg><\/div>\n                    <h4 class=\"dept-name text-purple-900\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e2f<\/h4>\n                <\/div>\n                <div class=\"dept-body\">\n                    <div class=\"dept-head-box bg-purple-50 border-purple-100\">\n                        <div class=\"dept-head-img-wrapper\" onclick=\"openProfileModal(this)\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2025\/12\/\u0e19\u0e32\u0e22\u0e27\u0e23\u0e32\u0e01\u0e23-\u0e0a\u0e22\u0e38\u0e15\u0e34\u0e01\u0e38\u0e25-\u0e0a\u0e48\u0e27\u0e22\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07-5-1.jpg\" class=\"dept-head-img\">\n                        <\/div>\n                        <div class=\"dept-head-info\"><p class=\"dept-head-name\">\u0e19\u0e32\u0e22\u0e27\u0e23\u0e32\u0e01\u0e23 \u0e0a\u0e22\u0e38\u0e15\u0e34\u0e01\u0e38\u0e25<\/p><p class=\"dept-head-pos text-purple-600\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01<\/p><\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"group-title border-purple-300\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/div>\n                        <div class=\"staff-list\">\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_8k1br48k1br48k1b.png\"><\/div><span class=\"staff-name\">\u0e1c\u0e28.\u0e2a\u0e34\u0e23\u0e34\u0e1e\u0e07\u0e29\u0e4c \u0e23\u0e2d\u0e14\u0e25\u0e2d\u0e22<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_wjaodgwjaodgwjao.png\"><\/div><span class=\"staff-name\">\u0e1c\u0e28.\u0e28\u0e23\u0e32\u0e22\u0e38\u0e17\u0e18 \u0e17\u0e2d\u0e07\u0e2d\u0e38\u0e17\u0e31\u0e22<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_7a0eeh7a0eeh7a0e.png\"><\/div><span class=\"staff-name\">\u0e1c\u0e28.\u0e1a\u0e38\u0e0d\u0e2a\u0e37\u0e1a \u0e42\u0e1e\u0e18\u0e34\u0e4c\u0e28\u0e23\u0e35<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e23\u0e32\u0e27\u0e14\u0e35-\u0e2d\u0e48\u0e2d\u0e19\u0e25\u0e30\u0e21\u0e39\u0e25_\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e08\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e21\u0e32.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e23\u0e32\u0e27\u0e14\u0e35 \u0e2d\u0e48\u0e2d\u0e19\u0e25\u0e30\u0e21\u0e39\u0e25<\/span><\/div>\n                        <\/div>\n                        <div class=\"group-title border-purple-300\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e40\u0e28\u0e29<\/div>\n                        <div class=\"staff-list\">\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_7a0eeh7a0eeh7a0e.png\"><\/div><span class=\"staff-name\">\u0e1c\u0e28.\u0e1a\u0e38\u0e0d\u0e2a\u0e37\u0e1a \u0e42\u0e1e\u0e18\u0e34\u0e4c\u0e28\u0e23\u0e35<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_wjaodgwjaodgwjao.png\"><\/div><span class=\"staff-name\">\u0e1c\u0e28.\u0e28\u0e23\u0e32\u0e22\u0e38\u0e17\u0e18 \u0e17\u0e2d\u0e07\u0e2d\u0e38\u0e17\u0e31\u0e22<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_8k1br48k1br48k1b.png\"><\/div><span class=\"staff-name\">\u0e1c\u0e28.\u0e2a\u0e34\u0e23\u0e34\u0e1e\u0e07\u0e29\u0e4c \u0e23\u0e2d\u0e14\u0e25\u0e2d\u0e22<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e23\u0e32\u0e27\u0e14\u0e35-\u0e2d\u0e48\u0e2d\u0e19\u0e25\u0e30\u0e21\u0e39\u0e25_\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e08\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e21\u0e32.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e23\u0e32\u0e27\u0e14\u0e35 \u0e2d\u0e48\u0e2d\u0e19\u0e25\u0e30\u0e21\u0e39\u0e25<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- R&D Center -->\n            <div class=\"dept-card\">\n                <div class=\"dept-header bg-green-50 border-green-100\">\n                    <div class=\"dept-icon bg-green-100 text-green-600\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"><\/path><\/svg><\/div>\n                    <h4 class=\"dept-name text-green-900\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32<\/h4>\n                <\/div>\n                <div class=\"dept-body\">\n                    <div class=\"dept-head-box bg-green-50 border-green-100\">\n                        <div class=\"dept-head-img-wrapper\" onclick=\"openProfileModal(this)\">\n                             <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2025\/12\/\u0e19\u0e32\u0e22\u0e2a\u0e32\u0e27\u0e34\u0e17\u0e22\u0e4c-\u0e0d\u0e32\u0e13\u0e20\u0e34\u0e23\u0e31\u0e15-\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07-5.jpg\" class=\"dept-head-img\">\n                        <\/div>\n                        <div class=\"dept-head-info\"><p class=\"dept-head-name\">\u0e19\u0e32\u0e22\u0e2a\u0e32\u0e27\u0e34\u0e17\u0e22\u0e4c \u0e0d\u0e32\u0e13\u0e20\u0e34\u0e23\u0e31\u0e15<\/p><p class=\"dept-head-pos text-green-600\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e28\u0e39\u0e19\u0e22\u0e4c<\/p><\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"group-title border-green-300\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32<\/div>\n                        <div class=\"staff-list\">\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_wjaodgwjaodgwjao.png\"><\/div><span class=\"staff-name\">\u0e1c\u0e28.\u0e28\u0e23\u0e32\u0e22\u0e38\u0e17\u0e18 \u0e17\u0e2d\u0e07\u0e2d\u0e38\u0e17\u0e31\u0e22<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_7a0eeh7a0eeh7a0e.png\"><\/div><span class=\"staff-name\">\u0e1c\u0e28.\u0e1a\u0e38\u0e0d\u0e2a\u0e37\u0e1a \u0e42\u0e1e\u0e18\u0e34\u0e4c\u0e28\u0e23\u0e35<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_8k1br48k1br48k1b.png\"><\/div><span class=\"staff-name\">\u0e1c\u0e28.\u0e2a\u0e34\u0e23\u0e34\u0e1e\u0e07\u0e29\u0e4c \u0e23\u0e2d\u0e14\u0e25\u0e2d\u0e22<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e32-\u0e19\u0e31\u0e19\u0e17\u0e30\u0e40\u0e2a\u0e19_\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e08\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e21\u0e32.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e32 \u0e19\u0e31\u0e19\u0e17\u0e30\u0e40\u0e2a\u0e19<\/span><\/div>\n                        <\/div>\n                        <div class=\"group-title border-green-300\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/div>\n                        <div class=\"staff-list\">\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_wjaodgwjaodgwjao.png\"><\/div><span class=\"staff-name\">\u0e1c\u0e28.\u0e28\u0e23\u0e32\u0e22\u0e38\u0e17\u0e18 \u0e17\u0e2d\u0e07\u0e2d\u0e38\u0e17\u0e31\u0e22<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_7a0eeh7a0eeh7a0e.png\"><\/div><span class=\"staff-name\">\u0e1c\u0e28.\u0e1a\u0e38\u0e0d\u0e2a\u0e37\u0e1a \u0e42\u0e1e\u0e18\u0e34\u0e4c\u0e28\u0e23\u0e35<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_8k1br48k1br48k1b.png\"><\/div><span class=\"staff-name\">\u0e1c\u0e28.\u0e2a\u0e34\u0e23\u0e34\u0e1e\u0e07\u0e29\u0e4c \u0e23\u0e2d\u0e14\u0e25\u0e2d\u0e22<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\" onclick=\"openProfileModal(this)\"><img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2022\/11\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e32-\u0e19\u0e31\u0e19\u0e17\u0e30\u0e40\u0e2a\u0e19_\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e08\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e21\u0e32.jpg\"><\/div><span class=\"staff-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e32 \u0e19\u0e31\u0e19\u0e17\u0e30\u0e40\u0e2a\u0e19<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 2.6 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19 -->\n            <div class=\"dept-card\">\n                <div class=\"dept-header bg-slate-50 border-slate-100\">\n                    <div class=\"dept-icon bg-slate-100 text-slate-600\">\n                        <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"dept-name text-slate-900\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/h4>\n                <\/div>\n                <div class=\"dept-body\">\n                    <div>\n                        <div class=\"staff-list\">\n                            <div class=\"staff-item\"><div class=\"staff-avatar\">\u0e1c\u0e2d.<\/div><span class=\"staff-name\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\">\u0e23\u0e2d\u0e07<\/div><span class=\"staff-name\">\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\">\u0e2b\u0e19.<\/div><span class=\"staff-name\">\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e2a\u0e32\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e32\u0e22\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\">\u0e2b\u0e19.<\/div><span class=\"staff-name\">\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e20\u0e32\u0e04\u0e27\u0e34\u0e0a\u0e32<\/span><\/div>\n                            <div class=\"staff-item\"><div class=\"staff-avatar\">\u0e04\u0e13.<\/div><span class=\"staff-name\">\u0e04\u0e13\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <footer class=\"footer-section\">\n            <p class=\"footer-main\">\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07 5<\/p>\n        <\/footer>\n    <\/main>\n<\/div>\n\n<!-- \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07 Modal Pop-up -->\n<div id=\"profileImageModal\" class=\"modal-overlay\" onclick=\"closeProfileModal()\">\n    <div class=\"modal-content-wrapper\" onclick=\"event.stopPropagation()\">\n        <span class=\"close-modal\" onclick=\"closeProfileModal()\">\u00d7<\/span>\n        <img decoding=\"async\" id=\"modalImg\" src=\"\" class=\"modal-img\">\n    <\/div>\n<\/div>\n\n<!-- \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07 Script -->\n<script>\n    function openProfileModal(element) {\n        const img = element.querySelector('img');\n        if (img) {\n            const modal = document.getElementById('profileImageModal');\n            const modalImg = document.getElementById('modalImg');\n            modalImg.src = img.src;\n            modal.style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n        }\n    }\n\n    function closeProfileModal() {\n        const modal = document.getElementById('profileImageModal');\n        modal.style.display = 'none';\n        document.body.style.overflow = 'auto';\n    }\n\n    document.addEventListener('keydown', function(event) {\n        if (event.key === \"Escape\") {\n            closeProfileModal();\n        }\n    });\n<\/script>\n<!-- \u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e2a\u0e48\u0e27\u0e19 Content --><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 vce-row-equal-height vce-row-content--top\" id=\"el-727d7317\" data-vce-do-apply=\"all el-727d7317\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-32b6ea45\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-32b6ea45\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-32b6ea45\"><div class=\"vcv-row-control-wrapper\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><p>Views: 305<\/p>","protected":false},"excerpt":{"rendered":"<p>\u0e41\u0e1c\u0e19\u0e20\u0e39\u0e21\u0e34\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 \u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07 5  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":18,"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":18150,"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/pages\/72\/revisions\/18150"}],"wp:attachment":[{"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}