CSA-2, CSA-3 수정

src/components/Header.tsx

@@ -83,7 +83,7 @@ const Header = () => {
             animation: 'fadeIn 0.15s ease-in forwards'
           }}
         >
-          <style jsx>{`
+          <style>{`
             @keyframes fadeIn {
               from {
                 opacity: 0;

src/pages/business/Sections.tsx

@@ -75,7 +75,6 @@ const Sections = () => {
 
         {selectedItem && (
           <div className="space-y-8 sm:space-y-12 lg:space-y-16">
-            
             <div className="text-center space-y-4 sm:space-y-6" data-title-section>
               <h1 className="text-2xl sm:text-3xl lg:text-4xl xl:text-5xl font-bold font-['Noto_Sans_KR'] antialiased text-gray-800">
                 {selectedItem.label}
@@ -85,10 +84,9 @@ const Sections = () => {
               </p>
             </div>
 
-            
             <div className="max-w-7xl mx-auto">
-              <div className="flex flex-col lg:flex-row bg-gray-100 rounded-lg overflow-hidden shadow-lg h-64 sm:h-80 lg:h-96">
-                <div className="relative lg:w-1/2 h-full overflow-hidden">
+              <div className="flex flex-col lg:flex-row bg-gray-100 rounded-lg overflow-hidden shadow-lg h-auto lg:h-96">
+                <div className="relative w-full h-64 sm:h-80 lg:h-auto lg:w-1/2 overflow-hidden hidden lg:block">
                   <div className="absolute inset-0">
                     <img
                       src={selectedItem.image}
@@ -96,7 +94,7 @@ const Sections = () => {
                       className="w-full h-full object-fill brightness-[0.3] scale-150"
                     />
                   </div>
-                  
+
                   <div className="absolute inset-0 flex items-center justify-center p-4">
                     <img
                       src={selectedItem.image}
@@ -104,26 +102,25 @@ const Sections = () => {
                       className="max-w-full max-h-full object-contain"
                     />
                   </div>
-                  
-                  <div className="absolute inset-0 bg-black/20"></div>
+
+                  <div className="absolute inset-0 bg-black/20" />
                 </div>
+
                 <div className="w-full lg:w-1/2 flex items-center justify-center p-6 sm:p-8 lg:p-12">
-                  <div className="text-sm sm:text-base lg:text-lg font-medium font-['Noto_Sans_KR'] antialiased text-gray-700 leading-relaxed whitespace-pre-line">
+                  <div className="text-sm sm:text-base lg:text-lg font-medium font-['Noto_Sans_KR'] antialiased text-gray-700 leading-relaxed whitespace-pre-line overflow-y-auto max-h-[300px] lg:max-h-[22rem]">
                     {selectedItem.description2}
                   </div>
                 </div>
               </div>
             </div>
 
-            
+            {/* 시공사례 */}
             <div className="text-center">
               <h2 className="text-xl sm:text-2xl lg:text-3xl font-bold font-['Noto_Sans_KR'] antialiased text-gray-800">
                 시공사례
               </h2>
               <div className="w-20 h-1 bg-blue-900 mx-auto mt-4"></div>
             </div>
-
-            
             {Array.isArray(projects) && projects.length > 0 ? (
               <div className="max-w-7xl mx-auto">
                 <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8">

src/pages/score/Sheet.tsx

@@ -171,16 +171,17 @@ const Sheet: React.FC = () => {
                   </tr>
                 )}
               </tbody>
-              <tfoot>
-                <tr className="bg-blue-100 font-bold text-center sticky bottom-0">
-                  <td className="border-t border-r border-gray-300 px-2 py-3 bg-blue-100"/>
-                  <td className="border-t border-r border-gray-300 px-2 py-3 bg-blue-100 text-gray-800">합계</td>
-                  <td className="border-t border-r border-gray-300 px-2 py-3 text-right bg-blue-100 text-blue-900 font-bold">
-                    {new Intl.NumberFormat("ko-KR").format(totalAmount)}
-                  </td>
-                  <td className="border-t border-gray-300 px-2 py-3 bg-blue-100" colSpan={3}/>
-                </tr>
-              </tfoot>
+              {/* FIXME: 합계컬럼 추후 요청시 풀어줘 */}
+              {/*<tfoot>*/}
+              {/*  <tr className="bg-blue-100 font-bold text-center sticky bottom-0">*/}
+              {/*    <td className="border-t border-r border-gray-300 px-2 py-3 bg-blue-100"/>*/}
+              {/*    <td className="border-t border-r border-gray-300 px-2 py-3 bg-blue-100 text-gray-800">합계</td>*/}
+              {/*    <td className="border-t border-r border-gray-300 px-2 py-3 text-right bg-blue-100 text-blue-900 font-bold">*/}
+              {/*      {new Intl.NumberFormat("ko-KR").format(totalAmount)}*/}
+              {/*    </td>*/}
+              {/*    <td className="border-t border-gray-300 px-2 py-3 bg-blue-100" colSpan={3}/>*/}
+              {/*  </tr>*/}
+              {/*</tfoot>*/}
             </table>
             </div>
           </div>