PageSourceSearch

https://madahm.com/services/digital-marketing

html madahm.com collected 2026-10-06 04:01:01 UTC 62,488 bytes, 990 lines download raw bytes

1<!doctype html>
2<html lang="ko">
3    <head>
4        <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>
5        <meta charSet="UTF-8">
6<meta http-equiv="X-UA-Compatible" content="IE=edge">
7<meta name="viewport" content="width=device-width, initial-scale=0.2, maximum-scale=1.0, minimum-scale=0, user-scalable=yes">
8<meta name="description" content="국내 1위 광고대행사 중개 플랫폼, 마케팅을담다">
9<meta name="facebook-domain-verification" content="zsustsaqili6v1ehjkza9pjsevs7am" />
10<meta property="og:type" content="website">
11<meta property="og:title" content="마담 - 마케팅을담다">
12<meta property="og:description" content="국내 1위 광고대행사 중개 플랫폼, 마케팅을담다">
13<meta property="og:image" content="https://madahm-s3.s3.ap-northeast-2.amazonaws.com/assets/images/main/og.png">
14<meta property="og:image:secure_url" content="https://madahm-s3.s3.ap-northeast-2.amazonaws.com/assets/images/main/og.png">
15<meta property="og:image:width" content="1200">
16<meta property="og:image:height" content="630">
17<meta property="og:image:type" content="image/png">
18<meta property="og:image:alt" content="국내 1위 광고대행사 중개 플랫폼, 마케팅을담다" >
19<meta property="og:url" content="https://madahm.com">
20<meta property="og:site_name" content="마담 - 마케팅을담다">
21<meta property="keywords" content="마담,광고 대행사,광고대행사,마케팅 대행사,광고대행,마케팅 대행,광고대행업체,sns 대행사,마케팅을 담다,akeka,대행사,마케팅대행사,sns 마케팅 대행사,마케팅대행,광고 대행,마케팅,광고 업체,광고 업체,마케팅 대행 업체,마케팅 업체,유튜브 광고,마케팅을담다">
22<meta property="description" content="국내 1위 광고대행사 중개 플랫폼, 마케팅을담다">
23<link rel="icon" href="https://madahm.com/favicon.ico" type="image/gif">
24<link rel="canonical" href="https://madahm.com">
25<meta name="robots" content="index, follow">
26<meta name="naver-site-verification" content="1148c476a786b229fa0e36e76ffd93477b896f16" />
27<meta name="naver-site-verification" content="271b936d49b8d451f9287fed1cf17d8ba6a842ad" />
28<meta name="csrf-token" content="IrKPZtS41MoznMMd2ot1jIqwgDPA1Tq9OUcIPn7j">
29<title>온라인 마케팅 서비스 안내 - 광고대행사 매칭 플랫폼 &quot;마담&quot;</title>
30
31<link href="/css/madahm.css?id=a2f2c217f36a847f5f85e77494c168f1" rel="stylesheet">
32<script src="/js/madahm.js?id=6120de096323ce97106674d10fc3df2a"></script>
32
33<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slim-select/1.27.1/slimselect.min.css">
34    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 34-35
34
35    <script async src="https://www.googletagmanager.com/gtag/js?id=
35AW-17491023274
vendor: 16 bytes, lines 35-36
35"></script>
36    
36<script>
37        
vendor: 152 bytes, lines 37-41
37window.dataLayer = window.dataLayer || [];
38        function gtag(){dataLayer.push(arguments);}
39        gtag('js', new Date());
40
41        gtag('config', '
41AW-17491023274
vendor: 8 bytes, lines 41-42
41');
42    
42</script>
42
43
44    <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 44-45
44
45    <script async src='https://www.googletagmanager.com/gtag/js?id=
45AW-856184494
vendor: 16 bytes, lines 45-46
45'></script>
46    
46<script>
47        
vendor: 152 bytes, lines 47-51
47window.dataLayer = window.dataLayer || [];
48        function gtag(){dataLayer.push(arguments);}
49        gtag('js', new Date());
50
51        gtag('config', '
51AW-856184494
vendor: 49 bytes, lines 51-52
51', {cookies_flags: 'SameSite=None;Secure'});
52    
52</script>
52
53    <!-- Global site tag (gtag.js) - Google Analytics -->
54
55    <!-- Google Tag Manager -->
56    
56<script>
vendor: 375 bytes, lines 56-60
56(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
57                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
58            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
59            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
60        })(window,document,'script','dataLayer','
60GTM-NSGQ2GF
vendor: 3 bytes, line 60
60');
60</script>
60
61    <!-- End Google Tag Manager -->
62
63    <!-- Google Tag Manager -->
64    
64<script>
vendor: 375 bytes, lines 64-68
64(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
65                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
66            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
67            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
68        })(window,document,'script','dataLayer','
68GTM-WMFN67ZC
vendor: 3 bytes, line 68
68');
68</script>
68
69    <!-- End Google Tag Manager -->
70
71    
72    <!-- Facebook Pixel Code -->
73    
73<script>
vendor: 458 bytes, lines 73-82
73
74    !function(f,b,e,v,n,t,s)
75    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
76        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
77        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
78        n.queue=[];t=b.createElement(e);t.async=!0;
79        t.src=v;s=b.getElementsByTagName(e)[0];
80        s.parentNode.insertBefore(t,s)}(window,document,'script',
81        'https://connect.facebook.net/en_US/fbevents.js');
82    fbq('init', '
82913509269051370
vendor: 38 bytes, lines 82-84
82');
83    fbq('track', 'PageView');
84    
84</script>
84
85    
85<script>
86        function fbqSearchKeyword() {
87            var uri = document.referrer;
88            if (!uri) return;
89            var link = document.createElement('a');
90            link.setAttribute('href', uri);
91            var pattern = new RegExp('[\\?&](?:q|query)=([^&#]*)');
92            var query = link.search.match(pattern);
93            if (query && query.length > 0) {
94                var keyword = query[1].replace(/\+/gi, '%20');
95            }
96            if (keyword) {
97                fbq('trackCustom', 'SearchKeyword', {
98                    hostname: link.hostname,
99                    keyword: decodeURIComponent(keyword),
100                });
101            } }
102        fbqSearchKeyword();
103    </script>
103
104    <!-- Facebook Pixel Code -->
105
106    <!-- 카카오 추척 코드 -->
107    
107<script type='text/javascript' charset='UTF-8' src='//t1.daumcdn.net/adfit/static/kp.js'></script>
107
108    
108<script type='text/javascript'>
109        kakaoPixel('391077568934032193').pageView();
110    </script>
110
111    <!-- 카카오 추척 코드 -->
112
113    <!-- 모비온 스크립트 -->
114    
114<script>
115        function mobRf() {
116            var rf = new EN();
117            rf.setData("userid", "madahmad");
118            rf.setSSL(true);
119            rf.sendRf();
120        }
121    </script>
121
122    
122<script src="https://cdn.megadata.co.kr/js/en_script/3.6/enliple_min3.6.js" defer="defer" onload="mobRf()"></script>
122
123    <!-- 모비온 스크립트 -->
124
125    <!-- Hotjar Tracking Code for https://madahm.com -->
126    
126<script>
vendor: 137 bytes, lines 126-129
126
127        (function(h,o,t,j,a,r){
128            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
129            h._hjSettings={hjid:
1293006966
vendor: 282 bytes, lines 129-135
129,hjsv:6};
130            a=o.getElementsByTagName('head')[0];
131            r=o.createElement('script');r.async=1;
132            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
133            a.appendChild(r);
134        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
135    
135</script>
135
136
137    <!-- 네이버 추척 코드 -->
138    
138<script type='text/javascript' src='//wcs.naver.net/wcslog.js'></script>
138
139    
139<script type='text/javascript'>
140        if (!wcs_add) var wcs_add = {};
141        wcs_add['wa'] = 's_4d710c77ca7f';
142        if (!_nasa) var _nasa = {};
143        wcs.inflow();
144        wcs_do(_nasa);
145    </script>
145
146    <!-- 네이버 추척 코드 -->
147        <nav class="main-header navbar flex justify-center w-full fit-width flex-col"
148     x-data="navEvent">
149    <div class="w-full flex justify-center items-center">
150        <div class="flex justify-between py-6 w-169">
151            <div class="flex items-center">
152                <h1>
153                    <a href="/" class="gnb_event_link">
154                        <img src="https://madahm-s3.s3.ap-northeast-2.amazonaws.com/assets/images/madahm_logo.svg" alt="마담_로고">
155                    </a>
156                </h1>
157            </div>
158            <ul class="navbar-nav1 flex items-center h-[37px]">
159                                    <li class="font-pretendard text-primary1 " >
160                        <a href="/project/create" class="gnb_event_link">
161                            무료 매칭 받기
162                        </a>
163                    </li>
164                                    <li class="font-pretendard relative !mr-8" @click.outside="serviceOpen = false">
165                        <button
166                                type="button"
167                                class="flex items-center gap-1 text-zinc-700 whitespace-nowrap tracking-tight leading-none bg-transparent border-none cursor-pointer hover:text-primary1 transition-colors font-bold"
168                                @click="serviceOpen = !serviceOpen; moreOpen = false"
169                        >
170                            서비스 소개
171                            <svg xmlns='http://www.w3.org/2000/svg'
172                                 class="w-3 h-3 transition-transform duration-200"
173                                 :class="serviceOpen ? 'rotate-180' : ''"
174                                 fill="none" viewBox="0 0 12 12">
175                                <path d="M2.5 4.5L6 8L9.5 4.5" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
176                            </svg>
177                        </button>
178                        <div x-cloak class="absolute top-[calc(100%+8px)] left-1/2 -translate-x-1/2 min-w-[200px] bg-white border border-zinc-200 rounded-xl shadow-[0_4px_30px_rgba(0,0,0,0.12)] z-50 overflow-hidden transition-all duration-200 ease-out origin-top"
179                             :class="serviceOpen
180                             ? 'opacity-100 scale-100 pointer-events-auto'
181                             : 'opacity-0 scale-95 pointer-events-none'"
182                        >
183                            <ul class="list-none py-2">
184                                <li>
185                                    <a href="https://madahm.com/services/digital-marketing"
186                                       class="block px-6 py-2.5 text-sm font-normal text-zinc-600 no-underline tracking-tight transition-all duration-150 hover:bg-red-50 hover:text-primary1 hover:font-medium">
187                                        온라인 마케팅
188                                    </a>
189                                </li>
190                                <li>
191                                    <a href="https://madahm.com/services/event-marketing"
192                                       class="block px-6 py-2.5 text-sm font-normal text-zinc-600 no-underline tracking-tight transition-all duration-150 hover:bg-red-50 hover:text-primary1 hover:font-medium">
193                                        오프라인 마케팅
194                                    </a>
195                                </li>
196                                <li>
197                                    <a href="https://madahm.com/services/performance-marketing"
198                                       class="block px-6 py-2.5 text-sm font-normal text-zinc-600 no-underline tracking-tight transition-all duration-150 hover:bg-red-50 hover:text-primary1 hover:font-medium">
199                                        CPA 마케팅
200                                    </a>
201                                </li>
202                                <li>
203                                    <a href="https://madahm.com/services/video-production"
204                                       class="block px-6 py-2.5 text-sm font-normal text-zinc-600 no-underline tracking-tight transition-all duration-150 hover:bg-red-50 hover:text-primary1 hover:font-medium">
205                                        영상제작
206                                    </a>
207                                </li>
208                                <li>
209                                    <a href="https://madahm.com/services/web-app-development"
210                                       class="block px-6 py-2.5 text-sm font-normal text-zinc-600 no-underline tracking-tight transition-all duration-150 hover:bg-red-50 hover:text-primary1 hover:font-medium">
211                                        웹앱개발
212                                    </a>
213                                </li>
214                            </ul>
215                        </div>
216                    </li>
217
218
219                <li class="font-pretendard ">
220                    <a href="/project">
221                        진행중인 프로젝트
222                    </a>
223                </li>
224                <li class="font-pretendard " >
225                    <a href="/partners-list">
226                        파트너스 리스트
227                    </a>
228                </li>
229
230                <li class="relative" @click="toggleList('navMore')" @click.outside="navMoreOpen = false">
231                    <button type="button" id="btn-list-more" class="items-center btn-list-more icon-toggle-dropdown-header"
232                            :class="navMoreOpen ? 'active' : ''">
233                        <p>더보기</p>
234                    </button>
235                    <div class="absolute top-10 right-0 w-60 border rounded-lg shadow-[0px_4px_30px_rgba(0,0,0,0.16)] bg-white overflow-hidden opacity-0 scale-95 pointer-events-none transform transition-all duration-200 ease-in-out"
236                         :class="navMoreOpen ? '!opacity-100 !scale-100 !pointer-events-auto' : ''">
237                        <div class="p-6">
238                            <ul class="divide-y divide-[#E4E4E7]">
239                                <li class="flex flex-col gap-y-5">
240                                    <a href="https://madahm.com/info" class="block font-pretendard font-normal hover:font-semibold text-base tracking-tight text-[#52525B] hover:text-[#E74137]">마담 소개</a>
241                                    <a href="https://madahm.com/recruits" class="block font-pretendard font-normal hover:font-semibold text-base tracking-tight text-[#52525B] hover:text-[#E74137]">채용 공고</a>
242                                    <span></span>
243                                </li>
244                                <li class="flex flex-col gap-y-5">
245                                    <span></span>
246                                    <a href="https://madahm.com/client/guide" class="block font-pretendard font-normal hover:font-semibold text-base tracking-tight text-[#52525B] hover:text-[#E74137]">클라이언트 이용방법 및 Q&A</a>
247                                    <a href="https://madahm.com/partners/guide" class="block font-pretendard font-normal hover:font-semibold text-base tracking-tight text-[#52525B] hover:text-[#E74137]">파트너스 이용방법 및 Q&A</a>
248                                    <span></span>
249                                </li>
250                                <li class="flex flex-col gap-y-5">
251                                    <span></span>
252                                    <a href="https://madahm.com/notice" class="block font-pretendard font-normal hover:font-semibold text-base tracking-tight text-[#52525B] hover:text-[#E74137]">공지사항</a>
253                                    <a href="https://madahm.com/madahm-intro" class="flex items-center justify-between font-pretendard font-normal hover:font-semibold text-base tracking-tight text-[#52525B] hover:text-[#E74137] icon-download">소개서 다운로드</a>
254                                </li>
255                            </ul>
256                        </div>
257                    </div>
258                </li>
259            </ul>
260            <ul class="navbar-nav2 flex items-center">
261                                    <li>
262                        <a href="/sign-up" class="btn btn-xs-r-lg border mr-2 gnb_event_link">
263                            회원가입
264                        </a>
265                    </li>
266                    <li>
267                        <a href="/sign-in" class="btn btn-xs-r-lg btn-default gnb_event_link">
268                            로그인
269                        </a>
270                    </li>
271                            </ul>
272        </div>
273
274    </div>
275</nav>
276<style>
277    [x-cloak] { display: none !important; }
278</style>
279<script>
280    document.addEventListener('alpine:init', () => { //livewire 분리 시 초기화 중복오류로 인해 해당 행만 제거해주세요.
281        Alpine.data('navEvent', () => ({
282            navMoreOpen: false,
283            profileMoreOpen: false,
284            serviceOpen: false,
285            moreOpen: false,
286            filtering(targetId) {
287                toastr.info(targetId);
288            },
289            toggleList(a) {
290                if (a == 'navMore') {
291                    this.navMoreOpen = !this.navMoreOpen;
292                } else {
293                    this.profileMoreOpen = !this.profileMoreOpen;
294                }
295            },
296        }));
297    }); //livewire 분리 시 초기화 중복오류로 인해 해당 행만 제거해주세요.
298
299    //스크롤 시 헤더 색상변경
300    let isMain = '';
301    let showShadowValue = isMain ? 100 : 99;
302
303    function headerBgTransition() {
304        if (isMain == 'main') {
305            if (document.querySelector('html').scrollTop > showShadowValue) {
306                document.getElementsByClassName('main-header')[0].classList.add('main-bg-white');
307            } else {
308                document.getElementsByClassName('main-header')[0].classList.remove('main-bg-white');
309            }
310        } else {
311            document.getElementsByClassName('main-header')[0].classList.add('main-bg-white');
312        }
313    }
314
315    window.addEventListener("scroll", function (e) {
316        headerBgTransition();
317    });
318
319    window.onload = function () {
320        headerBgTransition();
321    }
322</script>
322
323    </head>
324    <body class="fit-width">
325        <main x-data="{
326        goToForm(purpose) {
327            document.getElementById('contact').scrollIntoView({ behavior: 'smooth' });
328            $nextTick(() => {
329                const select = document.getElementById('purpose');
330                select.value = purpose;
331                const component = Livewire.find(
332                    select.closest('[wire\\:id]').getAttribute('wire:id')
333                );
334                component.set('purpose', purpose);
335            });
336        }
337    }">
338        <section class="pt-21"></section>
339        <section class="bg-white pt-20 pb-[60px]">
340            <div class="max-w-narrow mx-auto px-5 md:px-8 flex flex-col items-center text-center">
341                <h1 class="font-pretendard text-navy-900 bg-white antialiased text-4xl md:text-4xl lg:text-5xl font-bold leading-snug mb-5">
342                    온라인 광고 대행사,<br/>
343                    검색 말고 <span class="text-coral-500">매칭받으세요.</span>
344                </h1>
345
346                <p class="font-pretendard bg-white antialiased text-body text-gray-500-1 mb-10 max-w-3xl leading-snug">
347                    업종·예산에 맞는 <strong>성과 레퍼런스</strong>로 검증된 파트너를 제안합니다.
348                </p>
349
350                <div class="font-pretendard text-navy-900 bg-white antialiased flex flex-col sm:flex-row items-center gap-3 sm:gap-4 mb-12 w-full sm:w-auto">
351                    <a href="#contact" class="w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-coral-500 hover:bg-coral-600 text-white px-8 py-3.5 rounded-lg font-semibold text-base transition-all duration-200 shadow-sm hover:shadow-md">
352                        무료로 비교 견적 및 매칭 받기
353                    </a>
354                    <a href="#overview" class="w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-white border border-gray-200 hover:border-gray-400 text-navy-900 px-8 py-3.5 rounded-lg font-semibold text-base transition-colors duration-200">
355                        목적에 맞는 서비스 살펴보기 ↓
356                    </a>
357                </div>
358
359                <div class="font-pretendard bg-white antialiased flex flex-wrap justify-center items-center gap-4 sm:gap-6 text-caption text-gray-500-1">
360                    <div class="flex items-center gap-1.5">
361                        <i class="fa-solid fa-check text-coral-500 text-xs"></i> 매칭 수수료 0원
362                    </div>
363                    <div class="flex items-center gap-1.5">
364                        <i class="fa-solid fa-check text-coral-500 text-xs"></i> 1영업일 내 안내
365                    </div>
366                    <div class="flex items-center gap-1.5">
367                        <i class="fa-solid fa-check text-coral-500 text-xs"></i> 비교 견적 제공
368                    </div>
369                </div>
370            </div>
371        </section>
372        <section id="overview" class="font-pretendard text-navy-900 antialiased bg-gray-bg-1 py-section md:py-section-lg">
373            <div class="max-w-content mx-auto px-5 md:px-8 text-center">
374                <h2 class="text-2xl md:text-[28px] lg:text-h2 font-bold leading-snug mb-3">
375                    어떤 온라인 마케팅이 필요하신가요?
376                </h2>
377                <p class="text-body text-gray-500 mb-12">
378                    목적에 맞는 대행사를 매칭해 드립니다.
379                </p>
380
381                <div class="font-pretendard text-navy-900 antialiased grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-
3815 md:gap-6 text-left">
382                    <div class="bg-white rounded-card p-6 md:p-7 shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 flex flex-col h-full min-w-[240px]">
383                        <div class="w-12 h-12 rounded-xl bg-blue-50 text-blue-500 flex items-center justify-center text-xl mb-5">
384                            <i class="fa-solid fa-magnifying-glass-chart"></i>
385                        </div>
386                        <h3 class="text-lg font-semibold text-navy-900 mb-2">매출·구매 전환</h3>
387                        <p class="text-sm text-gray-500-1 mb-5 flex-grow">
388                            클릭 효율보다 실질적인 수익률 개선과 구매 전환 집중
389                        </p>
390                        <div class="flex flex-wrap gap-2">
391                            <span class="inline-block bg-gray-100 text-gray-500 px-3 py-1 rounded-pill text-xs">#구매전환개선</span>
392                            <span class="inline-block bg-gray-100 text-gray-500 px-3 py-1 rounded-pill text-xs">#판매채널성장</span>
393                            <span class="inline-block bg-gray-100 text-gray-500 px-3 py-1 rounded-pill text-xs">#광고효율개선</span>
394                        </div>
395                    </div>
396
397                    <div class="bg-white rounded-card p-6 md:p-7 shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 flex flex-col h-full min-w-[240px]">
398                        <div class="w-12 h-12 rounded-xl bg-purple-50 text-purple-500 flex items-center justify-center text-xl mb-5">
399                            <i class="fa-solid fa-mobile-screen-button"></i>
400                        </div>
401                        <h3 class="text-lg font-semibold text-navy-900 mb-2">브랜딩·인지도</h3>
402                        <p class="text-sm text-gray-500-1 mb-5 flex-grow">
403                            브랜드 고유의 스토리텔링과 톤앤매너를 살린 콘텐츠 확산
404                        </p>
405                        <div class="flex flex-wrap gap-2">
406                            <span class="inline-block bg-gray-100 text-gray-500 px-3 py-1 rounded-pill text-xs">#SNS채널운영</span>
407                            <span class="inline-block bg-gray-100 text-gray-500 px-3 py-1 rounded-pill text-xs">#콘텐츠기획제작</span>
408                            <span class="inline-block bg-gray-100 text-gray-500 px-3 py-1 rounded-pill text-xs">#바이럴확산</span>
409                        </div>
410                    </div>
411
412                    <div class="bg-white rounded-card p-6 md:p-7 shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 flex flex-col h-full min-w-[240px]">
413                        <div class="w-12 h-12 rounded-xl bg-emerald-50 text-emerald-500 flex items-center justify-center text-xl mb-5">
414                            <i class="fa-solid fa-bullseye"></i>
415                        </div>
416                        <h3 class="text-lg font-semibold text-navy-900 mb-2">잠재고객·리드</h3>
417                        <p class="text-sm text-gray-500-1 mb-5 flex-grow">
418                            단순 유입이 아닌, 유효 상담 및 계약 가능성 높은 DB 발굴
419                        </p>
420                        <div class="flex flex-wrap gap-2">
421                            <span class="inline-block bg-gray-100 text-gray-500 px-3 py-1 rounded-pill text-xs">#상담문의확보</span>
422                            <span class="inline-block bg-gray-100 text-gray-500 px-3 py-1 rounded-pill text-xs">#B2B리드발굴</span>
423                            <span class="inline-block bg-gray-100 text-gray-500 px-3 py-1 rounded-pill text-xs">#규제업종전문</span>
424                        </div>
425                    </div>
426
427                    <div class="bg-white rounded-card p-6 md:p-7 shadow-card hover:shadow-card-hover hover:-translate-y-1 transition-all duration-200 flex flex-col h-full min-w-[240px]">
428                        <div class="w-12 h-12 rounded-xl bg-orange-50 text-orange-500 flex items-center justify-center text-xl mb-5">
429                            <i class="fa-solid fa-arrow-trend-up"></i>
430                        </div>
431                        <h3 class="text-lg font-semibold text-navy-900 mb-2">앱·플랫폼 성장</h3>
432                        <p class="text-sm text-gray-500-1 mb-5 flex-grow">
433                            MMP 분석 기반의 앱 설치 유도 및 초기 유저 확보 전략 실행
434                        </p>
435                        <div class="flex flex-wrap gap-2">
436                            <span class="inline-block bg-gray-100 text-gray-500 px-3 py-1 rounded-pill text-xs">#앱론칭마케팅</span>
437                            <span class="inline-block bg-gray-100 text-gray-500 px-3 py-1 rounded-pill text-xs">#초기유입확보</span>
438                            <span class="inline-block bg-gray-100 text-gray-500 px-3 py-1 rounded-pill text-xs">#UAC운영</span>
439                        </div>
440                    </div>
441                </div>
442            </div>
443        </section>
444        <section class="font-pretendard text-navy-900 antialiased bg-white py-section md:py-section-lg">
445            <div class="max-w-content mx-auto px-5 md:px-8 flex flex-col md:flex-row items-center gap-12 lg:gap-20">
446                <div class="w-full md:w-1/2 flex justify-center order-1">
447                    <div class="w-72 h-72 md:w-[450px] md:h-[340px] rounded-lg bg-white flex items-center justify-center overflow-hidden border border-[#ebebed] shadow-[0_0_24px_rgba(0,0,0,0.05)]">
448                        <img src="https://madahm-s3.s3.ap-northeast-2.amazonaws.com/assets/images/services/digital-marketing/section01.png" alt="매출/전환 마케팅 - 단순 노출에 예산을 낭비하지 마세요." class="w-full h-full object-cover">
449                    </div>
450                </div>
451                <div class="w-full md:w-1/2 order-2">
452                    <span class="inline-block text-coral-500 text-[13px] font-bold tracking-wide mb-3">매출/전환 마케팅</span>
453                    <h2 class="text-2xl md:text-[28px] lg:text-h2 font-bold leading-snug mb-1">
454                        단순 노출에 예산을 낭비하지 마세요.
455                    </h2>
456                    <p class="text-sm text-gray-500-1 mb-8">
457                        무리한 증액보다는 현재 예산 내에서 효율을 극대화할 수 있는 최적화 파트너를 찾아드립니다.
458                    </p>
459
460                    <ul class="space-y-3 mb-8">
461                        <li class="flex items-start gap-3">
462                            <i class="fa-solid fa-check mt-1 text-coral-500"></i>
463                            <div>
464                                <span class="font-bold text-navy-900 text-sm">데이터 매칭:</span>
465                                <span class="text-gray-500-1 text-sm">유사 업종 성공 레퍼런스 보유 여부 검증</span>
466                            </div>
467                        </li>
468                        <li class="flex items-start gap-3">
469                            <i class="fa-solid fa-check mt-1 text-coral-500"></i>
470                            <div>
471                                <span class="font-bold text-navy-900 text-sm">예산 최적화:</span>
472                                <span class="text-gray-500-1 text-sm">무리한 증액 없이 현재 예산 내 효율 극대화</span>
473                            </div>
474                        </li>
475                        <li class="flex items-start gap-3">
476                            <i class="fa-solid fa-check mt-1 text-coral-500"></i>
477                            <div>
478                                <span class="font-bold text-navy-900 text-sm">운영 투명성:</span>
479                                <span class="text-gray-500-1 text-sm">매체 효율 진단 및 ROAS 개선 루틴 보유</span>
480                            </div>
481                        </li>
482                    </ul>
483
484                    <a href="#contact"
485                       @click.prevent="goToForm('매출·구매 전환')"
486                       class="inline-flex items-center gap-1.5 border border-gray-200 hover:border-gray-400 text-navy-900 px-5 py-2.5 rounded-md text-sm font-medium transition-colors duration-200">
487                        목적에 맞는 대행사 매칭받기 <span class="ml-1">→</span>
488                    </a>
489                </div>
490            </div>
491        </section>
492        <section class="font-pretendard text-navy-900 antialiased bg-gray-bg-1 py-section md:py-section-lg">
493            <div class="max-w-content mx-auto px-5 md:px-8 flex flex-col md:flex-row items-center gap-12 lg:gap-20">
494                <div class="w-full md:w-1/2 order-1">
495                    <span class="inline-block text-coral-500 text-[13px] font-bold tracking-wide mb-3">브랜딩/인지도 마케팅</span>
496                    <h2 class="text-2xl md:text-[28px] lg:text-h2 font-bold leading-snug mb-1">
497                        우리 브랜드만의 색깔을 내는 게 어려우신가요?
498                    </h2>
499                    <p class="text-sm text-gray-500-1 mb-8">
500                        단순 노출을 넘어 고객의 공감을 이끌어낸 성공 경험이 있는 전문가를 만나면 해결됩니다
501                    </p>
502
503                    <ul class="space-y-3 mb-8">
504                        <li class="flex items-start gap-3">
505                            <i class="fa-solid fa-check mt-1 text-coral-500"></i>
506                            <div>
507                                <span class="font-bold text-navy-900 text-sm">시장 적합성:</span>
508                                <span class="text-gray-500-1 text-sm">타겟 고객의 공감을 이끌어낸 콘텐츠 경험</span>
509                            </div>
510                        </li>
511                        <li class="flex items-start gap-3">
512                            <i class="fa-solid fa-check mt-1 text-coral-500"></i>
513                            <div>
514                                <span class="font-bold text-navy-900 text-sm">운영 표준화:</span>
515                                <span class="text-gray-500-1 text-sm">기획·제작·운영 범위가 명확히 정의된 시스템</span>
516                            </div>
517                        </li>
518                        <li class="flex items-start gap-3">
519                            <i class="fa-solid fa-check mt-1 text-coral-500"></i>
520                            <div>
521                                <span class="font-bold text-navy-900 text-sm">채널 성장:</span>
522                                <span class="text-gray-500-1 text-sm">단순 노출이 아닌 브랜드 팬덤 형성 기여도</span>
523                            </div>
524                        </li>
525                    </ul>
526
527                    <a href="#contact"
528                       @click.prevent="goToForm('브랜딩·인지도')"
529                       class="inline-flex items-center gap-1.5 border border-gray-200 hover:border-gray-400 text-navy-900 bg-white px-5 py-2.5 rounded-md text-sm font-medium transition-colors duration-200">
530                        목적에 맞는 대행사 매칭받기 <span class="ml-1">→</span>
531                    </a>
532                </div>
533                <div class="w-full md:w-1/2 flex justify-center order-2">
534                    <div class="w-72 h-72 md:w-[450px] md:h-[340px] rounded-lg bg-white flex items-center justify-center overflow-hidden border border-[#ebebed] shadow-[0_0_24px_rgba(0,0,0,0.05)]">
535                        <img src="https://madahm-s3.s3.ap-northeast-2.amazonaws.com/assets/images/services/digital-marketing/section02.png" alt="브랜딩/인지도 마케팅 - 우리 브랜드만의 색깔을 내는 게 어려우신가요?" class="w-full h-full object-cover">
536                    </div>
537                </div>
538            </div>
539        </section>
540        <section class="font-pretendard text-navy-900 antialiased bg-white py-section md:py-section-lg">
541            <div class="max-w-content mx-auto px-5 md:px-8 flex flex-col md:flex-row items-center gap-12 lg:gap-20">
542                <div class="w-full md:w-1/2 flex justify-center order-1">
543                    <div class="w-72 h-72 md:w-[450px] md:h-[340px] rounded-lg bg-white flex items-center justify-center overflow-hidden border border-[#ebebed] shadow-[0_0_24px_rgba(0,0,0,0.05)]">
544                        <img src="https://madahm-s3.s3.ap-northeast-2.amazonaws.com/assets/images/services/digital-marketing/section03.png" alt="리드 확보 마케팅 - 진짜 실력은 '유효 리드'에서 판가름 납니다." class="w-full h-full object-cover">
545                    </div>
546                </div>
547                <div class="w-full md:w-1/2 order-2">
548                    <span class="inline-block text-coral-500 text-[13px] font-bold tracking-wide mb-3">리드 확보 마케팅</span>
549                    <h2 class="text-2xl md:text-[28px] lg:text-h2 font-bold leading-snug mb-1">
550                        진짜 실력은 '유효 리드'에서 판가름 납니다.
551                    </h2>
552                    <p class="text-sm text-gray-500-1 mb-8">
553                        검증된 시나리오로 가망 고객을 선별해 본 경험이 풍부한 업체를 데이터로 매칭합니다
554                    </p>
555
556                    <ul class="space-y-3 mb-8">
557                        <li class="flex items-start gap-3">
558                            <i class="fa-solid fa-check mt-1 text-coral-500"></i>
559                            <div>
560                                <span class="font-bold text-navy-900 text-sm">유효 리드:</span>
561                                <span class="text-gray-500-1 text-sm">계약 가능성이 높은 진성 고객 선별 시나리오</span>
562                            </div>
563                        </li>
564                        <li class="flex items-start gap-3">
565                            <i class="fa-solid fa-check mt-1 text-coral-500"></i>
566                            <div>
567                                <span class="font-bold text-navy-900 text-sm">리스크 관리:</span>
568                                <span class="text-gray-500-1 text-sm">의료, 금융 등 까다로운 심의 기준 준수 능력</span>
569                            </div>
570                        </li>
571                        <li class="flex items-start gap-3">
572                            <i class="fa-solid fa-check mt-1 text-coral-500"></i>
573                            <div>
574                                <span class="font-bold text-navy-900 text-sm">최적화 루프:</span>
575                                <span class="text-gray-500-1 text-sm">영업 현장 피드백을 반영한 타겟 정밀도 개선</span>
576                            </div>
577                        </li>
578                    </ul>
579
580                    <a href="#contact"
581                       @click.prevent="goToForm('잠재고객·리드 확보')"
582                       class="inline-flex items-center gap-1.5 border border-gray-200 hover:border-gray-400 text-navy-900 px-5 py-2.5 rounded-md text-sm font-medium transition-colors duration-200">
583                        목적에 맞는 대행사 매칭받기 <span class="ml-1">→</span>
584                    </a>
585                </div>
586            </div>
587        </section>
588        <section class="font-pretendard text-navy-900 antialiased bg-gray-bg-1 py-section md:py-section-lg">
589            <div class="max-w-content mx-auto px-5 md:px-8 flex flex-col md:flex-row items-center gap-12 lg:gap-20">
590                <div class="w-full md:w-1/2 order-1">
591                    <span class="inline-block text-coral-500 text-[13px] font-bold tracking-wide mb-3">앱/플랫폼 성장 마케팅</span>
592                    <h2 class="text-2xl md:text-[28px] lg:text-h2 font-bold leading-snug mb-1">
593                        앱 마케팅은 타이밍 싸움입니다.
594                    </h2>
595                    <p class="text-sm text-gray-500-1 mb-8">
596                        런칭 초기 트래픽을 폭발적으로 모을 수 있는 '부스팅 역량'을 갖춘 파트너, 찾고 계시지 않나요?
597                    </p>
598
599                    <ul class="space-y-3 mb-8">
600                        <li class="flex items-start gap-3">
601                            <i class="fa-solid fa-check mt-1 text-coral-500"></i>
602                            <div>
603                                <span class="font-bold text-navy-900 text-sm">골든 타임:</span>
604                                <span class="text-gray-500-1 text-sm">출시 일정에 맞춰 즉시 투입 가능한 팀 필터링</span>
605                            </div>
606                        </li>
607                        <li class="flex items-start gap-3">
608                            <i class="fa-solid fa-check mt-1 text-coral-500"></i>
609                            <div>
610                                <span class="font-bold text-navy-900 text-sm">테크 역량:</span>
611                                <span class="text-gray-500-1 text-sm">MMP 및 이벤트 트래킹 설정 능숙도 검증</span>
612                            </div>
613                        </li>
614                        <li class="flex items-start gap-3">
615                            <i class="fa-solid fa-check mt-1 text-coral-500"></i>
616                            <div>
617                                <span class="font-bold text-navy-900 text-sm">가입 전환:</span>
618                                <span class="text-gray-500-1 text-sm">다운로드를 넘어 실제 회원가입 및 첫 구매 유도</span>
619                            </div>
620                        </li>
621                    </ul>
622
623                    <a href="#contact"
624                       @click.prevent="goToForm('앱·플랫폼 성장')"
625                       class="inline-flex items-center gap-1.5 border border-gray-200 hover:border-gray-400 text-navy-900 bg-white px-5 py-2.5 rounded-md text-sm font-medium transition-colors duration-200">
626                        목적에 맞는 대행사 매칭받기 <span class="ml-1">→</span>
627                    </a>
628                </div>
629                <div class="w-full md:w-1/2 flex justify-center order-2">
630                    <div class="w-72 h-72 md:w-[450px] md:h-[340px] rounded-lg bg-white flex items-center justify-center overflow-hidden border border-[#ebebed] shadow-[0_0_24px_rgba(0,0,0,0.05)]">
631                        <img src="https://madahm-s3.s3.ap-northeast-2.amazonaws.com/assets/images/services/digital-marketing/section04.png" alt="앱/플랫폼 성장 마케팅 - 앱 마케팅은 타이밍 싸움입니다." class="w-full h-full object-cover">
632                    </div>
633                </div>
634            </div>
635        </section>
636        <section class="font-pretendard text-navy-900 antialiased bg-gray-bg py-section md:py-section-lg border-t border-gray-200">
637            <div class="max-w-content mx-auto px-5 md:px-8 text-center">
638                <h2 class="text-2xl md:text-[28px] lg:text-h2 font-bold leading-snug mb-3">
639                    단순 추천이 아닌,<br class="hidden sm:block">
640                    귀사 상황에 맞춰 가장 중요한 기준을 우선 적용합니다.
641                </h2>
642                <p class="text-body text-gray-500 mb-16"></p>
643
644                <div class="flex flex-col md:flex-row items-center md:items-start justify-center gap-12 md:gap-8 lg:gap-16 relative">
645                    <div class="hidden md:block absolute top-6 left-[15%] right-[15%] h-[2px] border-t-2 border-dashed border-gray-300 z-0"></div>
646
647                    <div class="flex-1 flex flex-col items-center relative z-10 w-full max-w-75">
648                        <div class="w-12 h-12 rounded-full bg-coral-500 text-white flex items-center justify-center text-xl font-bold mb-5 shadow-sm">
649                            1
650                        </div>
651                        <h3 class="text-[18px] font-bold text-navy-900 mb-3">요청 분석</h3>
652                        <p class="text-sm text-gray-500 leading-relaxed text-center tracking-tight">
653                            목적, 예산, 업종, 품질 기준을 정리해<br/>
654                            비교 가능한 데이터셋을 구축합니다.
655                        </p>
656                    </div>
657
658                    <div class="flex-1 flex flex-col items-center relative z-10 w-full max-w-75">
659                        <div class="w-12 h-12 rounded-full bg-coral-500 text-white flex items-center justify-center text-xl font-bold mb-5 shadow-sm">
660                            2
661                        </div>
662                        <h3 class="text-[18px] font-bold text-navy-900 mb-3">
663                            파트너 검증
664                        </h3>
665                        <p class="text-sm text-gray-500 leading-relaxed text-center tracking-tight">
666                            유사 업종 수행, 성과 데이터, 커뮤니케이션 방식 등을<br/>
667                            체크리스트로 꼼꼼히 검증합니다.
668                        </p>
669                    </div>
670
671                    <div class="flex-1 flex flex-col items-center relative z-10 w-full max-w-75">
672                        <div class="w-12 h-12 rounded-full bg-coral-500 text-white flex items-center justify-center text-xl font-bold mb-5 shadow-sm">
673                            3
674                        </div>
675                        <h3 class="text-[18px] font-bold text-navy-900 mb-3">
676                            비교 분석 제공
677                        </h3>
678                        <p class="text-sm text-gray-500 leading-relaxed text-center">
679                            동일 조건에서의 견적·일정·범위를 정리해<br/>
680                            의사결정용 리포트로 제공합니다.
681                        </p>
682                    </div>
683                </div>
684            </div>
685        </section>
686        <section id="contact" class="font-pretendard text-navy-900 antialiased bg-gray-100/50 py-16 md:py-section lg:py-section-lg">
687            <div class="max-w-content mx-auto px-5 md:px-8">
688                <!-- 헤더 -->
689                <div class="text-center mb-10 md:mb-14">
690                    <h2 class="text-xl md:text-2xl lg:text-h2 font-bold leading-snug text-navy-900">
691                        지금 바로 맞춤 온라인 마케팅 대행사를 매칭받으세요.
692                    </h2>
693                    <p class="mt-3 text-body-sm md:text-body text-gray-500-1">
694                        원하는 조건만 입력하면 귀사의 상황에 딱 맞는 대행사를 찾아드립니다.
695                    </p>
696                </div>
697
698                <!-- 2컬럼: 폼 + 안내 -->
699                <div class="flex flex-col lg:flex-row gap-8 lg:gap-12 max-w-5xl mx-auto">
700                    <!-- 좌측: 견적 신청 폼 카드 -->
701                    <div class="w-full lg:w-[55%]">
702                        <div class="bg-white rounded-card-lg p-6 md:p-8 shadow-form">
703                            <h3 class="text-lg font-bold text-navy-900 mb-6">
704                                비교 견적 신청
705                            </h3>
706
707                            <div wire:id="HxAZnqpXp3e9iyxwTB84" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;HxAZnqpXp3e9iyxwTB84&quot;,&quot;name&quot;:&quot;madahm.services.create&quot;,&quot;locale&quot;:&quot;ko&quot;,&quot;path&quot;:&quot;services\/digital-marketing&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;3dc7cfbb&quot;,&quot;data&quot;:{&quot;category&quot;:&quot;SA01&quot;,&quot;purpose&quot;:&quot;\uc0c1\ub2f4 \ud6c4 \uacb0\uc815&quot;,&quot;budget&quot;:&quot;&quot;,&quot;period&quot;:&quot;&quot;,&quot;title&quot;:&quot;&quot;,&quot;description&quot;:&quot;&quot;,&quot;deadline&quot;:&quot;&quot;,&quot;options&quot;:[&quot;\ub9e4\ucd9c\u00b7\uad6c\ub9e4 \uc804\ud658&quot;,&quot;\ube0c\ub79c\ub529\u00b7\uc778\uc9c0\ub3c4&quot;,&quot;\uc7a0\uc7ac\uace0\uac1d\u00b7\ub9ac\ub4dc \ud655\ubcf4&quot;,&quot;\uc571\u00b7\ud50c\ub7ab\ud3fc \uc131\uc7a5&quot;],&quot;isMobileDetect&quot;:false,&quot;isContactCreate&quot;:true},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;81ca9d2f7633eea848e3704223252bd805b016af16b75b96c72e990d8638e622&quot;}}">
708    <form method="post" wire:submit.prevent="save" class="flex flex-col gap-5">
709        
710        <!-- 목표 -->
711        <div>
712            <label class="block text-sm font-medium text-navy-900 mb-1.5 border-none">
713                가장 중요한 목표는 무엇인가요?
714                <span class="text-coral-500">*</span>
715            </label>
716            <select wire:model.defer="purpose"
717                    id="purpose"
718                    name="purpose"
719                    class="w-full border border-gray-200 rounded-lg px-3.5 py-3 text-[15px] text-navy-900 focus:outline-none focus:ring-2 focus:ring-coral-500/20 focus:border-coral-500 transition-colors"
720            >
721                <option value="">선택해 주세요</option>
722                                    <option value="매출·구매 전환">매출·구매 전환</option>
723                                    <option value="브랜딩·인지도">브랜딩·인지도</option>
724                                    <option value="잠재고객·리드 확보">잠재고객·리드 확보</option>
725                                    <option value="앱·플랫폼 성장">앱·플랫폼 성장</option>
726                                <option value="상담 후 결정">상담 후 결정</option>
727            </select>
728                    </div>
729
730        <!-- 예산 -->
731        <div>
732            <label class="block text-sm font-medium text-navy-900 mb-1.5  border-none">
733                프로젝트 예산은 어느 정도인가요?
734                <span class="text-coral-500">*</span>
735            </label>
736            <select wire:model.defer="budget"
737                    id="budget"
738                    name="budget"
739                    class="w-full border border-gray-200 rounded-lg px-3.5 py-3 text-[15px] text-navy-900 focus:outline-none focus:ring-2 focus:ring-coral-500/20 focus:border-coral-500 transition-colors">
740                <option value="">선택해 주세요</option>
741                <option value="S">3천만 원 미만</option>
742                <option value="M">3천만 원 ~ 1억 원</option>
743                <option value="L">1억 원 이상</option>
744                <option value="N">예산 미정 (상담을 통해 산정하고 싶어요)</option>
745            </select>
746                    </div>
747
748        <!-- 프로젝트 기간 -->
749        <div>
750            <label class="block text-sm font-medium text-navy-900 mb-1.5  border-none">
751                프로젝트 기간은 어떻게 되나요?
752                <span class="text-coral-500">*</span>
753            </label>
754            <select wire:model.defer="period"
755                    id="period"
756                    name="period"
757                    class="w-full border border-gray-200 rounded-lg px-3.5 py-3 text-[15px] text-navy-900 focus:outline-none focus:ring-2 focus:ring-coral-500/20 focus:border-coral-500 transition-colors">
758                <option value="">선택해 주세요</option>
759                <option value="1">1회성/단발성</option>
760                <option value="90">단기 프로젝트</option>
761                <option value="180">지속 운영</option>
762                <option value="1000">연간 파트너십</option>
763            </select>
764                    </div>
765
766        <!-- 프로젝트 기간 -->
767        <div>
768            <label class="block text-sm font-medium text-navy-900 mb-1.5  border-none">
769                프로젝트 모집마감 기간은 어떻게 되나요?
770                <span class="text-coral-500">*</span>
771            </label>
772            <select wire:model.defer="deadline"
773                    id="deadline"
774                    name="deadline"
775                    class="w-full border border-gray-200 rounded-lg px-3.5 py-3 text-[15px] text-navy-900 focus:outline-none focus:ring-2 focus:ring-coral-500/20 focus:border-coral-500 transition-colors">
776                <option value="">선택해 주세요</option>
777                <option value="5">지금 진행 (1~5일) </option>
778                <option value="10">일정 조율 (6~10일)</option>
779                <option value="15">충분히 검토 (11~15일)</option>
780            </select>
781                    </div>
782        <!-- 회사 소개 -->
783        <div>
784            <label class="block text-sm font-medium text-navy-900 mb-1.5  border-none">
785                회사 및 서비스 소개
786                <span class="text-coral-500">*</span>
787            </label>
788            <input wire:model.defer="title"
789                   id="title"
790                   name="title"
791                   type="text"
792                   placeholder="회사 및 서비스 소개를 한 줄로 요약해 주세요."
793                   class="w-full border border-gray-200 rounded-lg px-3.5 py-3 text-[15px] text-navy-900 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-coral-500/20 focus:border-coral-500 transition-colors">
794                    </div>
795
796        <!-- 프로젝트 설명 -->
797        <div>
798            <label class="block text-sm font-medium text-navy-900 mb-1.5  border-none">간단한 프로젝트 설명</label>
799            <textarea wire:model.defer="description"
800                      id="description"
801                      name="description"
802                      rows="3"
803                      placeholder="현재 상황과 원하시는 목표를 간략히 알려주세요."
804                      class="w-full border border-gray-200 rounded-lg px-3.5 py-3 text-[15px] text-navy-900 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-coral-500/20 focus:border-coral-500 transition-colors resize-none"></textarea>
805                    </div>
806
807        <!-- CTA -->
808                    <button type="submit"
809                    wire:loading.attr="disabled"
810                    wire:target="save"
811                    class="w-full bg-coral-500 hover:bg-coral-600 text-white py-3.5 rounded-lg font-semibold text-base transition-colors duration-200 mt-1">
812                무료로 비교 견적 및 매칭 받기 →
813            </button>
814        
815    </form>
816    
816<script>
817        document.addEventListener('DOMContentLoaded', () => {
818            window.Livewire.on('save', (
819                serviceSub,
820                sector,
821                serviceMainName,
822                budget,
823                budgetActive,
824                period,
825                deadline,
826                title,
827                content,
828                purpose,
829                file
830            ) => {
831                let object = {};
832                object['serviceSub'] = serviceSub;
833                object['sector'] = sector;
834                object['serviceMainName'] = serviceMainName;
835                object['budget'] = budget;
836                object['budgetActive'] = budgetActive;
837                object['period'] = period;
838                object['deadline'] = deadline;
839                object['title'] = title;
840                object['content'] = content;
841                object['purpose'] = purpose;
842                object['file'] = file;
843                localStorage.setItem('project_create', JSON.stringify(object));
844                location.replace('/project/sign-in')
845            })
846        });
847    </script>
847
848</div>
849<!-- Livewire Component wire-end:HxAZnqpXp3e9iyxwTB84 -->                        </div>
850                    </div>
851
852                    <!-- 우측: 매칭 프로세스 안내 -->
853                    <div class="w-full lg:w-[45%]">
854                        <div class="flex flex-col justify-between bg-white rounded-card-lg p-6 md:p-8 shadow-card h-full">
855                            <div class="">
856                                <h3 class="text-lg font-bold text-navy-900 mb-7">
857                                    매칭 프로세스
858                                </h3>
859
860                                <div class="flex flex-col gap-6">
861                                    <!-- Step 1 -->
862                                    <div class="relative pl-10">
863                                        <div class="absolute left-0 top-0 w-[1.875rem] h-[1.875rem] rounded-full bg-coral-500 text-white flex items-center justify-center text-[13px] font-bold">
864                                            1
865                                        </div>
866                                        <h4 class="font-bold text-[15px] text-navy-900">
867                                            전담 매니저 배정
868                                        </h4>
869                                        <p class="text-sm text-gray-500 mt-1">
870                                            신청 후 1영업일 이내 연락드립니다.
871                                        </p>
872                                    </div>
873                                    <!-- Step 2 -->
874                                    <div class="relative pl-10">
875                                        <div class="absolute left-0 top-0 w-[1.875rem] h-[1.875rem] rounded-full bg-coral-500 text-white flex items-center justify-center text-[13px] font-bold">
876                                            2
877                                        </div>
878                                        <h4 class="font-bold text-[15px] text-navy-900">
879                                            검증 기준 확정
880                                        </h4>
881                                        <p class="text-sm text-gray-500 mt-1">
882                                            귀사의 품질 기준과 예산 요건을 정리합니다.
883                                        </p>
884                                    </div>
885                                    <!-- Step 3 -->
886                                    <div class="relative pl-10">
887                                        <div class="absolute left-0 top-0 w-[1.875rem] h-[1.875rem] rounded-full bg-coral-500 text-white flex items-center justify-center text-[13px] font-bold">
888                                            3
889                                        </div>
890                                        <h4 class="font-bold text-[15px] text-navy-900">
891                                            파트너 선별 및 견적 전달
892                                        </h4>
893                                        <p class="text-sm text-gray-500 mt-1">
894                                            검증된 대행사의 비교 견적서와 포트폴리오를 제공합니다.
895                                        </p>
896                                    </div>
897                                    <!-- Step 4 -->
898                                    <div class="relative pl-10">
899                                        <div class="absolute left-0 top-0 w-[1.875rem] h-[1.875rem] rounded-full bg-coral-500 text-white flex items-center justify-center text-[13px] font-bold">
900                                            4
901                                        </div>
902                                        <h4 class="font-bold text-[15px] text-navy-900">
903                                            미팅 및 계약 지원
904                                        </h4>
905                                        <p class="text-sm text-gray-500 mt-1">
906                                            미팅 조율부터 계약 단계까지 지원해 드립니다.
907                                        </p>
908                                    </div>
909                                </div>
910                            </div>
911                            <!-- 문의 안내 -->
912                            <div class="mt-8 pt-6 border-t border-gray-200">
913                                <p class="text-sm text-gray-500">
914                                    <i class="fa-regular fa-comment-dots text-coral-500 mr-1.5"></i>서비스 이용에 대해 궁금한 점이 있다면 언제든 문의해 주세요.
915                                </p>
916                                <a href="mailto:[email protected]" class="flex items-center gap-1.5 text-sm font-medium text-coral-500 mt-2 hover:underline">
917                                    <i class="fa-regular fa-envelope"></i>
918                                    [email protected]
919                                </a>
920                                <a href="tel:02-468-0516" class="flex items-center gap-1.5 text-sm font-medium text-coral-500 mt-2 hover:underline">
921                                    <i class="fa-solid fa-mobile-screen"></i>
922                                    02-468-0516
923                                </a>
924                            </div>
925                        </div>
926                    </div>
927                </div>
928            </div>
929        </section>
930    </main>
931    <style>
932        html {
933            scroll-behavior: smooth;
934        }
935        /* Hide scrollbar for clean horizontal scrolling tags if needed */
936        .no-scrollbar::-webkit-scrollbar {
937            display: none;
938        }
939        .no-scrollbar {
940            -ms-overflow-style: none;
941            scrollbar-width: none;
942        }
943    </style>
944    
944<script src="/vendor/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script>
944<script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'IrKPZtS41MoznMMd2ot1jIqwgDPA1Tq9OUcIPn7j';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
944
945    </body>
946    <footer>
947        
947<script src="/js/app.js?id=a5d21edff32b2903fd1ac3366a1d53f5" defer></script>
947
948        <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 948-949
948
949    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
949GTM-NSGQ2GF
vendor: 88 bytes, lines 949-950
949" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
950    
950<!-- End Google Tag Manager (noscript) -->
951
952    <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 952-953
952
953    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
953GTM-WMFN67ZC
vendor: 88 bytes, lines 953-954
953" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
954    
954<!-- End Google Tag Manager (noscript) -->
955
956    <!-- 토스트 스크립트 -->
957    
957<script type='text/javascript' src='//static.tagmanager.toast.com/tag/view/1390'></script>
957
958    
958<script type='text/javascript'>
959        window.ne_tgm_q = window.ne_tgm_q || [];
960        window.ne_tgm_q.push(
961            {
962                tagType: 'visit',
963                device: 'web'/* web, mobile, tablet */,
964                uniqValue: '',
965                pageEncoding: 'utf-8'
966            });
967    </script>
967
968    <!-- 토스트 스크립트 -->
969    <!-- linkedin 스크립트 -->
970    
970<script type="text/javascript">
971        _linkedin_partner_id = "3693828";
972        window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
973        window._linkedin_data_partner_ids.push(_linkedin_partner_id);
974    </script>
974
975    
975<script type="text/javascript">
976        (function(l) {
977            if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
978                window.lintrk.q=[]}
979            var s = document.getElementsByTagName("script")[0];
980            var b = document.createElement("script");
981            b.type = "text/javascript";b.async = true;
982            b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
983            s.parentNode.insertBefore(b, s);})(window.lintrk);
984    </script>
984
985    <noscript>
986        <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=3693828&fmt=gif"/>
987    </noscript>
988    <!-- linkedin 스크립트 -->
989    </footer>
990</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.