수정 3차

src/components/Header.tsx

@@ -65,9 +65,9 @@ const Header = () => {
         className="lg:hidden absolute right-4 top-1/2 transform -translate-y-1/2 flex flex-col justify-center items-center w-8 h-8 rounded-md hover:bg-gray-100 transition-colors duration-200"
         onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
       >
-        <span className={`block w-5 h-0.5 bg-gray-700 transition-all duration-300 ${mobileMenuOpen ? 'rotate-45 translate-y-1.5' : 'mb-1'}`}></span>
-        <span className={`block w-5 h-0.5 bg-gray-700 transition-all duration-300 ${mobileMenuOpen ? 'opacity-0' : 'mb-1'}`}></span>
-        <span className={`block w-5 h-0.5 bg-gray-700 transition-all duration-300 ${mobileMenuOpen ? '-rotate-45 -translate-y-1.5' : ''}`}></span>
+          <span className={`absolute block w-6 h-0.5 bg-gray-700 transition-all duration-300 ${mobileMenuOpen ? "rotate-45" : "-translate-y-2"}`}></span>
+          <span className={`absolute block w-6 h-0.5 bg-gray-700 transition-all duration-300 ${mobileMenuOpen ? "opacity-0" : ""}`}></span>
+          <span className={`absolute block w-6 h-0.5 bg-gray-700 transition-all duration-300 ${mobileMenuOpen ? "-rotate-45" : "translate-y-2"}`}></span>
       </button>
 
       {isMenuHovered && (

src/pages/maintenance/Performance.tsx

@@ -5,6 +5,13 @@ import equipments from "@/data/maintenance";
 const Performance = () => {
   const { ref, isVisible } = useScrollAnimation({ threshold: 0.1 });
 
+    // 담당자 리스트 const
+    const contacts = [
+        { name: "손지태 실장", phone: "010-8515-6963" },
+        { name: "서민석 이사", phone: "010-3550-8596" },
+        { name: "권순재 이사", phone: "010-6201-3252" },
+        { name: "주문숙 이사", phone: "010-3570-4108" },
+    ];
   return (
     <div ref={ref} className="px-4 sm:px-8 py-8 sm:py-12">
       <div
@@ -625,7 +632,19 @@ const Performance = () => {
                       <span className="font-semibold text-gray-800">대표번호 :</span> 051-808-8556
                   </p>
               </div>
-              
+
+              <div className="mt-6 grid grid-cols-2 sm:grid-cols-2 gap-3 max-w-md mx-auto text-sm sm:text-base">
+                  {contacts.map(({ name, phone }, idx) => (
+                      <div
+                          key={idx}
+                          className="px-4 py-2 bg-gray-100 rounded-lg shadow-sm flex justify-between"
+                      >
+                          <span className="font-medium text-gray-800">{name}</span>
+                          <span className="text-gray-600">{phone}</span>
+                      </div>
+                  ))}
+              </div>
+
               <div className="mt-6">
                   <a
                       href="/download/견적요청서.hwpx"