<!doctype html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>MakeIT - 가공 중개 플랫폼 | 도면 업로드로 쉬운 가공 견적</title>
    <meta name="description" content="도면을 올리면 가공은 MakeIT이 합니다. CNC, 판금, 레이저, 금형, 3D프린팅까지 전문 공장 네트워크에서 최적의 견적을 받아보세요">
    <meta name="author" content="MakeIT" />
    <meta name="keywords" content="제조, 가공, CNC, 판금, 레이저, 금형, 3D프린팅, 견적, 도면">

    
    
    <meta property="og:type" content="website" />
    <meta property="og:image" content="https://makeit.ai.kr/og-image.png?v=6">
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />

    <meta name="twitter:card" content="summary_large_image" />


    <meta name="twitter:image" content="https://makeit.ai.kr/og-image.png?v=6">
    
    <link rel="canonical" href="https://MakeIT.kr" />
    
  
  
  
  
  
  
  
  <meta property="og:title" content="MakeIT - 가공 중개 플랫폼 | 도면 업로드로 쉬운 가공 견적">
  <meta name="twitter:title" content="MakeIT - 가공 중개 플랫폼 | 도면 업로드로 쉬운 가공 견적">
  <meta property="og:description" content="도면을 올리면 가공은 MakeIT이 합니다. CNC, 판금, 레이저, 금형, 3D프린팅까지 전문 공장 네트워크에서 최적의 견적을 받아보세요">
  <meta name="twitter:description" content="도면을 올리면 가공은 MakeIT이 합니다. CNC, 판금, 레이저, 금형, 3D프린팅까지 전문 공장 네트워크에서 최적의 견적을 받아보세요">
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" sizes="any">
  <script type="module" crossorigin src="/assets/index-DSsE0eVI.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/react-vendor-7Eqyq9Zd.js">
  <link rel="modulepreload" crossorigin href="/assets/query-vendor-AgKvrtCE.js">
  <link rel="modulepreload" crossorigin href="/assets/supabase-vendor-D3gepXBY.js">
  <link rel="modulepreload" crossorigin href="/assets/ui-vendor-o3XCi-_3.js">
  <link rel="modulepreload" crossorigin href="/assets/chart-vendor-DbA-pSEA.js">
  <link rel="stylesheet" crossorigin href="/assets/index-D5uRDxVM.css">
</head>

  <body>
    <div id="root">
      <!-- Initial loading state before React loads -->
      <div id="initial-loader" style="position: fixed; inset: 0; z-index: 50; display: flex; flex-direction: column; align-items: center; justify-content: center; background: hsl(0 0% 100%);">
        <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 32px;">
          <img src="/favicon.svg" alt="MakeIT" style="width: 56px; height: 56px; border-radius: 12px; object-fit: contain;">
          <div>
            <span style="font-size: 30px; font-weight: bold; color: hsl(222.2 84% 4.9%);">MakeIT</span>
            <br>
            <span style="font-size: 14px; color: hsl(215.4 16.3% 46.9%);">쉬운 가공 중개 플랫폼</span>
          </div>
        </div>
        <div style="display: flex; gap: 8px;">
          <div style="width: 8px; height: 8px; border-radius: 50%; background: hsl(221 83% 53%); animation: bounce 1s infinite;"></div>
          <div style="width: 8px; height: 8px; border-radius: 50%; background: hsl(221 83% 53%); animation: bounce 1s infinite 0.15s;"></div>
          <div style="width: 8px; height: 8px; border-radius: 50%; background: hsl(221 83% 53%); animation: bounce 1s infinite 0.3s;"></div>
        </div>
      </div>
      <style>
        @keyframes bounce {
          0%, 100% { transform: translateY(0); }
          50% { transform: translateY(-10px); }
        }
      </style>
    </div>
  </body>
</html>
