?�문 ?�이???�력 ?�비??- 처음 ?�베??/title>  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">  <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { extend: { fontFamily: { sans: ['Inter', 'sans-serif'] }, colors: { gray: { 900: '#111827', } } } } } </script> <style> body { font-family: 'Inter', sans-serif; } </style> <link rel="stylesheet" href="../../css/input.css">  <meta property="og:title" content="처음서베이"> <meta property="og:description" content="신뢰할 수 있는 설문조사/여론조사 파트너, 처음서베이입니다."> <meta property="og:image" content="https://cheomservice.com/images/logo_cheomsurvey.gif"> <meta property="og:type" content="website"> <meta property="og:site_name" content="처음서베이"> </head> <body class="bg-white text-gray-900 antialiased">          <div id="header-placeholder"></div><script src="/js/include-html.js"></script>  <div class="fixed top-16 w-full z-40 bg-white/80 backdrop-blur border-b border-gray-100"> <div class="max-w-7xl mx-auto px-6"> <div class="flex items-center gap-8 overflow-x-auto no-scrollbar py-4"> <a href="/pages/research/index.html" class="text-sm font-medium text-gray-500 hover:text-black transition-colors whitespace-nowrap duration-700 ease-out">?�체보기</a> <a href="/pages/research/content1.html" class="text-sm font-medium text-gray-500 hover:text-black transition-colors whitespace-nowrap duration-700 ease-out">?�위직평�</a> <a href="/pages/research/content2.html" class="text-sm font-medium text-gray-500 hover:text-black transition-colors whitespace-nowrap duration-700 ease-out">만족?�조??/a> <a href="/pages/research/content3.html" class="text-sm font-medium text-gray-500 hover:text-black transition-colors whitespace-nowrap duration-700 ease-out">?�요조사</a> <a href="/pages/research/content4.html" class="text-sm font-medium text-gray-500 hover:text-black transition-colors whitespace-nowrap duration-700 ease-out">모니?�링?��?</a> <a href="/pages/research/content5.html" class="text-sm font-medium text-gray-500 hover:text-black transition-colors whitespace-nowrap duration-700 ease-out">?�라?�투??/a> <a href="/pages/research/content7.html" class="text-sm font-bold text-black whitespace-nowrap">?�력?�비??/a> </div> </div> </div> <main id="main-content" class="opacity-0">  <section class="pt-48 pb-20 bg-gray-50"> <div class="max-w-7xl mx-auto px-6"> <div class="max-w-3xl"> <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-gray-100 border border-gray-200 text-xs font-semibold text-gray-600 mb-6"> RESEARCH AREA </div> <h1 class="text-4xl md:text-5xl font-black text-gray-900 tracking-tighter mb-8"> ?�문 ?�이???�력 ?�비?? </h1> <p class="text-xl text-gray-500 font-light leading-relaxed mb-12"> 공공기�??�나 ?�내 ?�책?�로 불�??�하�??�프?�인 ?�문??진행 ?�는 경우 ?�문종료 ???�계 �??�이?�화 ?�기� ?��? ?�습?�다.<br> 처음?�베?�에?�는 ?�프?�인?�로 ?�답???�문?�이?��? ?�라?�으�??�이?�화 ???�리???�비???�니??<br> ?�프?�인�??�라?�으�??�시?�도 진행??�?�하�??�당?�의 불편???�무�????진행 ?�드리는 ?�비?�입?�다. </p> <a href="../customer/research_inquiry.html" class="btn-primary inline-flex items-center justify-center px-5 py-2 text-sm font-bold text-white bg-black rounded-full hover:bg-gray-800 transition-all duration-700 ease-out"> ��?문의?�기 <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" /> </svg> </a> </div> </div> </section>  <section class="py-32 bg-white border-y border-gray-100"> <div class="max-w-7xl mx-auto px-6"> <h2 class="text-3xl font-bold mb-12">Process</h2> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="bg-white p-6 rounded-2xl border border-gray-100 text-center"> <div class="w-10 h-10 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4 text-xs font-bold text-gray-500"> 1</div> <h3 class="font-bold text-sm mb-1">?�당??/h3> <p class="text-xs text-gray-400">문의 ?�수</p> </div> <div class="bg-white p-6 rounded-2xl border border-gray-100 text-center"> <div class="w-10 h-10 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4 text-xs font-bold text-gray-500"> 2</div> <h3 class="font-bold text-sm mb-1">?�문?�수</h3> <p class="text-xs text-gray-400">?�량 ?�악</p> </div> <div class="bg-white p-6 rounded-2xl border border-gray-100 text-center"> <div class="w-10 h-10 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4 text-xs font-bold text-gray-500"> 3</div> <h3 class="font-bold text-sm mb-1">코딩?�계</h3> <p class="text-xs text-gray-400">?�력 �??�정</p> </div> <div class="bg-white p-6 rounded-2xl border border-gray-100 text-center"> <div class="w-10 h-10 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4 text-xs font-bold text-gray-500"> 4</div> <h3 class="font-bold text-sm mb-1">?�이?�입??/h3> <p class="text-xs text-gray-400">?�문� ?�력</p> </div> <div class="bg-white p-6 rounded-2xl border border-gray-100 text-center"> <div class="w-10 h-10 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4 text-xs font-bold text-gray-500"> 5</div> <h3 class="font-bold text-sm mb-1">��?교차</h3> <p class="text-xs text-gray-400">?�류 ?�인</p> </div> <div class="bg-white p-6 rounded-2xl border border-gray-100 text-center"> <div class="w-10 h-10 bg-black text-white rounded-full flex items-center justify-center mx-auto mb-4 text-xs font-bold"> 6</div> <h3 class="font-bold text-sm mb-1">?�품</h3> <p class="text-xs text-gray-400">?�이???�공</p> </div> </div> </div> </section>  <section class="py-20 bg-white"> <div class="max-w-7xl mx-auto px-6"> <h2 class="text-3xl font-bold mb-12">주요?�슈 �??�행 ?�역</h2> <div class="space-y-12">  <div class="p-8 md:p-12 rounded-3xl border border-gray-100 bg-white shadow-sm hover:shadow-xl transition-all duration-700 ease-out"> <div class="flex flex-col md:flex-row gap-8 mb-8"> <div class="w-full md:w-1/4 flex items-start justify-center md:justify-start"> <img src="../../_archive/legacy_www/images/case7-logo1.webp" alt="?�국?�력공사" class="max-w-[150px]"> </div> <div class="w-full md:w-3/4"> <h3 class="text-2xl font-bold mb-4">?�국?�력공사</h3> <ul class="space-y-2 text-gray-600 list-disc list-inside marker:text-gray-400"> <li>?�내 직원??�으�??�문조사 ?�시</li> <li>?��??�책?�로 ?�프?�인 ?�기 ?�문조사 ??진행</li> <li>?�프?�인 ?�문조사 ?�료 ???�라???�문?�스?�에 ?�력???진행</li> <li>RAWDATA �?빈도분석보고 ?�료?�공</li> </ul> </div> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> <div class="group"> <div class="flex flex-col items-center"> <div class="relative rounded-lg overflow-hidden border border-gray-200 shadow-sm bg-white mb-3 hover:shadow-md transition-all duration-700 ease-out"> <img src="../../_archive/legacy_www/images/case7-list1-img1.webp" alt="?�라???�문�" class="w-auto h-auto max-w-full max-h-[330px]"> </div> <p class="text-center text-sm text-gray-500 font-medium">?�라???�문�</p> </div> </div> <div class="group"> <div class="flex flex-col items-center"> <div class="relative rounded-lg overflow-hidden border border-gray-200 shadow-sm bg-white mb-3 hover:shadow-md transition-all duration-700 ease-out"> <img src="../../_archive/legacy_www/images/case7-list1-img2.webp" alt="?�설문�? - ?�라?? class=" w-auto h-auto max-w-full max-h-[330px]"> </div> <p class="text-center text-sm text-gray-500 font-medium">?�설문�? - ?�라??/p> </div> </div> <div class="group"> <div class="flex flex-col items-center"> <div class="relative rounded-lg overflow-hidden border border-gray-200 shadow-sm bg-white mb-3 hover:shadow-md transition-all duration-700 ease-out"> <img src="../../_archive/legacy_www/images/case7-list1-img3.webp" alt="빈도분석 보고" class="w-auto h-auto max-w-full max-h-[330px]"> </div> <p class="text-center text-sm text-gray-500 font-medium">빈도분석 보고</p> </div> </div> </div> </div> </div> </div> </section>   <div id="footer-placeholder"></div> </main> <script src="../../js/main.js"></script> </body> </html>