feat(footer): 연락처 배치를 aio2o.webforai.kr 푸터와 같은 구조로

haewon 지정. 1행(로고 · 저작권/태그라인 · 메뉴) → 구분선 → 연락처 한 줄.

- 문의하기를 연락처 줄 오른쪽 버튼에서 1행 메뉴로 옮긴다. aio2o 푸터가
  회사 소개·솔루션과 같은 줄에 문의하기를 두는 것과 맞춘다.
- 연락처는 "전화 … · 이메일 …" 한 줄로 왼쪽 정렬하고 값에만 밑줄을 준다.
- 사업자명·주소는 넣지 않는다. 확인된 값이 없어 지어내지 않는다.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

src/components/Footer.tsx

@@ -1,8 +1,10 @@
 /**
  * Footer — 전역 하단.
  *
- * 2026-10-01: 연락처(전화·이메일)와 문의하기 버튼을 넣었다. 그 전에는 푸터에 연락 수단이
- * 하나도 없었다. 사업자명·주소는 확인된 값이 없어 넣지 않는다 (지어내지 않는다).
+ * 2026-10-01: 연락처(전화·이메일)와 문의하기를 넣었다. 그 전에는 푸터에 연락 수단이
+ * 하나도 없었다. 배치는 aio2o.webforai.kr 푸터를 따른다(haewon 지정):
+ *   1행 로고 · 저작권/태그라인 · 메뉴 링크 → 구분선 → 연락처 한 줄.
+ * 사업자명·주소는 확인된 값이 없어 넣지 않는다 (지어내지 않는다).
  */
 import { useState } from 'react';
 import { Link } from 'react-router';
@@ -14,45 +16,41 @@ export default function Footer() {
 
   return (
     <footer className="bg-white border-t border-slate-100 py-12 px-6" data-no-print>
-      <div className="max-w-7xl mx-auto flex flex-col gap-8">
+      <div className="max-w-7xl mx-auto flex flex-col gap-7">
+        {/* 1행 — 로고 · 저작권 · 메뉴 */}
         <div className="flex flex-col md:flex-row items-center justify-between gap-6">
-          <Link to="/" className="flex items-center gap-2">
+          <Link to="/" className="flex items-center gap-2 shrink-0">
             <span className="font-serif text-3xl font-black tracking-[0.05em] bg-gradient-to-r from-[#4F1DA1] to-[#021341] bg-clip-text text-transparent">INFINITH</span>
           </Link>
-          <div className="text-sm text-slate-500 text-center md:text-left">
-            &copy; {new Date().getFullYear()} INFINITH. All rights reserved. <br className="md:hidden" />
+          <div className="text-sm text-slate-500 text-center">
+            &copy; {new Date().getFullYear()} INFINITH. All rights reserved.
+            <br />
             Infinite Marketing for Premium Medical Business &amp; Marketing Agency
           </div>
-          <div className="flex items-center gap-6 text-sm font-medium text-slate-600">
+          <div className="flex items-center gap-6 text-sm font-medium text-slate-600 shrink-0">
             <a href="#" className="hover:text-primary-900 transition-colors">Privacy Policy</a>
             <a href="#" className="hover:text-primary-900 transition-colors">Terms of Service</a>
+            <button
+              type="button"
+              onClick={() => setContactOpen(true)}
+              className="hover:text-primary-900 transition-colors"
+            >
+              문의하기
+            </button>
           </div>
         </div>
 
-        {/* 연락처 */}
-        <div className="border-t border-slate-100 pt-7 flex flex-col md:flex-row md:items-center justify-between gap-5">
-          <div className="flex flex-col sm:flex-row sm:items-center gap-x-6 gap-y-2 text-sm text-slate-600 text-center sm:text-left">
-            <span>
-              <span className="text-slate-400 mr-2">전화</span>
-              <a href={CONTACT_PHONE_HREF} className="font-medium hover:text-primary-900 transition-colors">
-                {CONTACT_PHONE}
-              </a>
-            </span>
-            <span className="hidden sm:inline text-slate-200">·</span>
-            <span>
-              <span className="text-slate-400 mr-2">이메일</span>
-              <a href={`mailto:${CONTACT_EMAIL}`} className="font-medium hover:text-primary-900 transition-colors">
-                {CONTACT_EMAIL}
-              </a>
-            </span>
-          </div>
-          <button
-            type="button"
-            onClick={() => setContactOpen(true)}
-            className="self-center md:self-auto inline-flex items-center justify-center px-6 py-2.5 text-sm font-semibold text-white rounded-full transition-all shadow-sm hover:shadow-md bg-gradient-to-r from-[#4F1DA1] to-[#021341] hover:opacity-90"
-          >
-            문의하기
-          </button>
+        {/* 구분선 + 연락처 한 줄 */}
+        <div className="border-t border-slate-100 pt-6 text-sm text-slate-500 text-center md:text-left">
+          <span className="text-slate-400">전화</span>{' '}
+          <a href={CONTACT_PHONE_HREF} className="underline underline-offset-4 decoration-slate-300 hover:text-primary-900 transition-colors">
+            {CONTACT_PHONE}
+          </a>
+          <span className="mx-2 text-slate-300">·</span>
+          <span className="text-slate-400">이메일</span>{' '}
+          <a href={`mailto:${CONTACT_EMAIL}`} className="underline underline-offset-4 decoration-slate-300 hover:text-primary-900 transition-colors">
+            {CONTACT_EMAIL}
+          </a>
         </div>
       </div>