PageSourceSearch

https://techmarket.kr/join/step01.do

html techmarket.kr collected 2026-10-08 14:20:18 UTC 52,409 bytes, 1,306 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11
12<!DOCTYPE html>
13<html lang="ko">
14<head>
15    <meta charset="UTF-8" />
16    
17    <link id="npfs-login-shield-asset" rel="stylesheet" href="/resources/css/style/fo/npfs-login-shield.css" />
18    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
19    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
20
21    <title>중소기업 기술마켓</title>
22	<link rel="icon" type="image/png" href="/resources/img/favicon.png">
23    <link rel="stylesheet" href="/resources/css/swiper-bundle.min.css" />
24    <link rel="stylesheet" href="/resources/css/jquery-ui.min.css" />
25    <link rel="stylesheet" href="/resources/css/style/styleFront.css" />
26
27    
28    
28<script src='/resources/js/lib/jquery-3.7.1.js'></script>
28
29    
29<script src='/resources/js/lib/jquery-ui.min.js'></script>
29
30    
30<script src='/resources/js/lib/swiper-bundle.min.js'></script>
30
31
32    
32<script src='/resources/js/pubScript.js'></script>
32
33
34    
34<script src='/resources/js/dev.js'></script>
34
35</head>
36<body>
37    <div class="wrap">
38        
39
40
41
42
43
44
45
46
47
48<!-- [S] header -->
49<header class="header sub">
50    <input type="hidden" id="typeTxt" value=""/>
51    <div class="top">
52        <div class="layout">
53
54            <ul>
55                
56                    
57                    
58                        <li>
59                            <a href="/login.do">
60                                <i class="ico-user"></i>
61                                <span>로그인</span>
62                            </a>
63                        </li>
64                        <li>
65                            <a href="/join/step01.do">
66                                <i class="ico-plus-user"></i>
67                                <span>회원가입</span>
68                            </a>
69                        </li>
70                    
71                
72                <li>
73                    <div class="flex gap12">
74                        <a href="javascript:void(0);" onclick="tileHeader.zoom('in');"><i class="ico-plus"></i><span style="display: none;">플러스 아이콘</span></a>
75                        <span class="zoomTxt">기본</span>
76                        <a href="javascript:void(0)" onclick="tileHeader.zoom('out');"><i class="ico-min"></i><span style="display: none;">마이너스 아이콘</span></a>
77                    </div>
78                </li>
79            </ul>
80        </div>
81    </div>
82
83    <div class="bottom">
84        <div class="layout">
85            <div class="logo">
86                <a href="/"><span style="opacity: 0;">로고</span></a>
87            </div>
88
89            <div class="gnb-menu">
90                <!-- 1 depth -->
91                <div class="gnb">
92                    <ul class="depth1">
93                        <li><a href="/intro/overview.do">기술마켓 소개</a></li>
94                        <li><a href="/pbcnts/announceInfo.do">기관공모</a></li>
95                        <li><a href="/innv/info.do">혁신제품 공모</a></li>
96                        <li><a href="/tech/certificateList.do">등록 기술(제품)</a></li>
97                        <li><a href="/ai/aiIntro.do">AI 전용관</a></li>
98                        <li><a href="/sprt/announceList.do">기업 지원</a></li>
99                        <li><a href="/bbs/noticeList.do">알림·소식</a></li>
100                    </ul>
101                </div>
102                <!-- 2 depth -->
103                <div class="gnb-sub-wrap">
104                    <div class="gnb-sub">
105                        <ul class="depth2">
106                            <li id="menu_intro" class="active"><a href="/intro/overview.do">기술마켓 소개</a></li>
107                            <li><a href="/intro/overview.do">개요</a></li>
108                            <li><a href="/intro/instList.do">참여기관</a></li>
109                            <li><a href="/intro/publicityList.do">홍보자료</a></li>
110                            <li><a href="/intro/coverageList.do">보도자료</a></li>
111                        </ul>
112                        <ul class="depth2">
113                            <li id="menu_pbcnts"><a class="" href="/pbcnts/announceInfo.do">기관공모</a></li>
114                            <li><a href="/pbcnts/announceInfo.do">등록공모</a></li>
115                            <li><a href="/pbcnts/rndList.do">R&D 공모</a></li>
116                            <li><a href="/pbcnts/demandInfo.do">기술(제품) 수요 공모</a></li>
117                        </ul>
118                        <ul class="depth2">
119                            <li id="menu_innv"><a class="" href="/innv/info.do">혁신제품 공모</a></li>
120                            <li><a href="/innv/info.do">혁신제품 제도 안내</a></li>
121                            <li><a href="/innv/announceList.do">추천/지정 공모</a></li>
122                        </ul>
123                        <ul class="depth2">
124                            <li id="menu_tech"><a class="" href="/tech/certificateList.do">등록 기술(제품)</a></li>
125                            <li><a href="/tech/certificateList.do">인증 기술(제품)</a></li>
126                            <li><a href="/tech/recommendationList.do">상생 기술(제품)</a></li>
127                        </ul>
128                        <ul class="depth2">
129                            <li id="menu_ai"><a class="" href="/ai/aiIntro.do">AI 전용관</a></li>
130                            <li><a href="/ai/aiIntro.do">AI 전용관 소개</a></li>
131                            <li><a href="https://aihub.techmarket.kr" target="_blank">AI 정보 Blog</a></li>
132                            <li>
132<a href="/ai/aiPolicyList.do">AI 정책광장</a></li>
133						    <li><a href="/ai/aiEducationList.do">AI 입문</a></li>
134						    <li><a href="/ai/axSupportList.do">기술혁신·상용화</a></li>
135						    <li><a href="/tech/certificateList.do?aiYn=Y">AI 적용기술(제품)</a></li>
136						</ul>
137                        <ul class="depth2">
138                            <li id="menu_sprt"><a class="" href="/sprt/announceList.do">기업 지원</a></li>
139                            <li><a href="/sprt/announceList.do">지원사업</a></li>
140                            <li><a href="/sprt/purchaseCounselDetail.do">구매상담</a></li>
141                            <li><a href="/sprt/propertyRightsList.do">지식재산권</a></li>
142                            <li><a href="/sprt/responseCenterList.do">기업성장응답센터</a></li>
143                        </ul>
144                        <ul class="depth2">
145                            <li id="menu_bbs"><a class="" href="/bbs/noticeList.do">알림·소식</a></li>
146                            <li><a href="/bbs/noticeList.do">공지사항</a></li>
147                            <li><a href="/bbs/policyList.do">정책·제도</a></li>
148                            <li><a href="/bbs/bidAnnounceList.do">입찰공고</a></li>
149                            <li><a href="/bbs/businessInfoList.do">사업정보</a></li>
150                            <li><a href="/bbs/faqList.do">FAQ</a></li>
151                        </ul>
152                    </div>
153                </div>
154
155                <search class="search_box">
156                    <button type="button" class="btn-sch" onclick="tileHeader.doSearch();">
157                        <i></i>
158                    </button>
159					<label for="headerSearchInput" style="display: none;">검색어 입력</label>
160                    <input type="text" id="headerSearchInput" placeholder="검색어 입력"
161                           autocomplete="off"
162                           role="combobox" aria-autocomplete="list"
163                           aria-expanded="false" aria-controls="headerAutocompleteList" />
164                    
165                    <div class="header-autocomplete-wrap" id="headerAutocompleteWrap" style="display:none;">
166                        <ul id="headerAutocompleteList" role="listbox"></ul>
167                    </div>
168                    
169                </search>
170
171                <button type="button" class="btn-login" onclick="location.href='/login.do'"><i></i></button>
172                <!-- <button type="button" class="btn-logout"><i></i></button> -->
173                <button type="button" class="btn-ham"><i></i></button>
174            </div>
175        </div>
176
177        <div class="dimmed"></div><!-- 질문사항 : 햄버거 메뉴 클릭 시 dim처리 오류 -->
178        <!-- hambtn -->
179        <div class="ham-bg">
180            <div class="title">
181                <img src="/resources/img/logo-all-w.png" alt="로고" class="popup-logo" />
182                <button type="button" class="btn-close"></button>
183            </div>
184
185            <!-- pc -->
186            <div class="ham-gnb-wrap pc">
187                <div class="ham-gnb">
188                    <h4>기술마켓 소개</h4>
189                    <ul>
190                        <li><a href="/intro/overview.do">개요</a></li>
191                        <li><a href="/intro/instList.do">참여기관</a></li>
192                        <li><a href="/intro/publicityList.do">홍보자료</a></li>
193                        <li><a href="/intro/coverageList.do">보도자료</a></li>
194                    </ul>
195                </div>
196
197                <div class="ham-gnb">
198                    <h4>기관공모</h4>
199                    <ul>
200                        <li><a href="/pbcnts/announceInfo.do">등록공모</a></li>
201                        <li><a href="/pbcnts/rndList.do">R&D 공모</a></li>
202                        <li><a href="/pbcnts/demandInfo.do">기술(제품) 수요 공모</a></li>
203                    </ul>
204                </div>
205
206                <div class="ham-gnb">
207                    <h4>혁신제품 공모</h4>
208                    <ul>
209                        <li><a href="/innv/info.do">혁신제품 제도 안내</a></li>
210                        <li><a href="/innv/announceList.do">추천/지정 공모</a></li>
211                    </ul>
212                </div>
213
214                <div class="ham-gnb">
215                    <h4>등록 기술(제품)</h4>
216                    <ul>
217                        <li><a href="/tech/certificateList.do">인증 기술(제품)</a></li>
218                        <li><a href="/tech/recommendationList.do">상생 기술(제품)</a></li>
219                    </ul>
220                </div>
221
222                <div class="ham-gnb">
223                    <h4>AI 전용관</h4>
224                    <ul>
225                        <li><a href="/ai/aiIntro.do">AI 전용관 소개</a></li>
226                        <li><a href="https://aihub.techmarket.kr" target="_blank">AI 정보 Blog</a></li>
227                        <li>
227<a href="/ai/aiPolicyList.do">AI 정책광장</a></li>
228                        <li><a href="/ai/aiEducationList.do">AI 입문</a></li>
229				        <li><a href="/ai/axSupportList.do">기술혁신·상용화</a></li>
230				        <li><a href="/tech/certificateList.do?aiYn=Y">AI 적용기술(제품)</a></li>
231				    </ul>
232                </div>
233
234                <div class="ham-gnb">
235                    <h4>기업지원</h4>
236                    <ul>
237                        <li><a href="/sprt/announceList.do">지원사업</a></li>
238                        <li><a href="/sprt/purchaseCounselDetail.do">구매상담</a></li>
239                        <li><a href="/sprt/propertyRightsList.do">지식재산권</a></li>
240                        <li><a href="/sprt/responseCenterList.do">기업성장응답센터</a></li>
241                    </ul>
242                </div>
243
244                <div class="ham-gnb">
245                    <h4>알림·소식</h4>
246                    <ul>
247                        <li><a href="/bbs/noticeList.do">공지사항</a></li>
248                        <li><a href="/bbs/policyList.do">정책·제도</a></li>
249                        <li><a href="/bbs/bidAnnounceList.do">입찰공고</a></li>
250                        <li><a href="/bbs/businessInfoList.do">사업정보</a></li>
251                        <li><a href="/bbs/faqList.do">FAQ</a></li>
252                    </ul>
253                </div>
254            </div>
255
256            <!-- tablet / mo -->
257            <div class="ham-gnb-wrap mo">
258                <div class="accordion">
259                    <div class="accordion-step">
260                        <div class="depth1">
261                            <p>기술마켓 소개</p>
262                            <button type="button" class="btn-arrow"></button>
263                        </div>
264
265                        <div class="depth2">
266                            <ul>
267                                <li><a href="/intro/overview.do">개요</a></li>
268                                <li><a href="/intro/instList.do">참여기관</a></li>
269                                <li><a href="/intro/publicityList.do">홍보자료</a></li>
270                                <li><a href="/intro/coverageList.do">보도자료</a></li>
271                            </ul>
272                        </div>
273                    </div>
274
275                    <div class="accordion-step">
276                        <div class="depth1">
277                            <p>기관공모</p>
278                            <button type="button" class="btn-arrow"></button>
279                        </div>
280
281                        <div class="depth2">
282                            <ul>
283                                <li><a href="/pbcnts/announceInfo.do">등록공모</a></li>
284                                <li><a href="/pbcnts/rndList.do">R&D 공모</a></li>
285                                <li><a href="/pbcnts/demandList.do">기술(제품) 수요 공모</a></li>
286                            </ul>
287                        </div>
288                    </div>
289
290                    <div class="accordion-step">
291                        <div class="depth1">
292                            <p>혁신제품 공모</p>
293                            <button type="button" class="btn-arrow"></button>
294                        </div>
295
296                        <div class="depth2">
297                            <ul>
298                                <li><a href="/innv/info.do">혁신제품 제도 안내</a></li>
299                                <li><a href="/innv/announceList.do">추천/지정 공모</a></li>
300                            </ul>
301                        </div>
302                    </div>
303
304                    <div class="accordion-step">
305                        <div class="depth1">
306                            <p>등록 기술(제품)</p>
307                            <button type="button" class="btn-arrow"></button>
308                        </div>
309
310                        <div class="depth2">
311                            <ul>
312                                <li><a href="/tech/certificateList.do">인증 기술(제품)</a></li>
313                                <li><a href="/tech/recommendationList.do">상생 기술(제품)</a></li>
314                            </ul>
315                        </div>
316                    </div>
317
318					<!-- 
319						[2026.02.03]
320						1. AI 전용관 메뉴 정리
321						   - AI 정보 안내 -> AI 정책광장
322						   - AI 우수사례 메뉴 비노출
323					 -->
324                    <div class="accordion-step">
325                        <div class="depth1">
326                            <p>AI 전용관</p>
327                            <button type="button" class="btn-arrow"></button>
328                        </div>
329
330                        <div class="depth2">
331                            <ul>
332                            	<li><a href="/ai/aiIntro.do">AI 전용관 소개</a></li>
333                                <li><a href="https://aihub.techmarket.kr" target="_blank">AI 정보 Blog</a></li>
334                                <li>
334<a href="/ai/aiPolicyList.do">AI 정책광장</a></li>
335                                <li><a href="/ai/aiConsulting.do">AI 지원사업</a></li>
336                                <li><a href="/ai/aiEducationList.do">AI 입문</a></li>
337					            <li><a href="/ai/axSupportList.do">기술혁신·상용화</a></li>
338					            <li><a href="/tech/certificateList.do?aiYn=Y">AI 적용기술(제품)</a></li>
339                            </ul>
340                        </div>
341                    </div>
342
343                    <div class="accordion-step">
344                        <div class="depth1">
345                            <p>기업 지원</p>
346                            <button type="button" class="btn-arrow"></button>
347                        </div>
348
349                        <div class="depth2">
350                            <ul>
351                                <li><a href="/sprt/announceList.do">지원사업</a></li>
352                                <li><a href="/sprt/purchaseCounselDetail.do">구매상담</a></li>
353                                <li><a href="/sprt/propertyRightsList.do">지식재산권</a></li>
354                                <li><a href="/sprt/responseCenterList.do">기업성장응답센터</a></li>
355                            </ul>
356                        </div>
357                    </div>
358
359                    <div class="accordion-step">
360                        <div class="depth1">
361                            <p>알림·소식</p>
362                            <button type="button" class="btn-arrow"></button>
363                        </div>
364
365                        <div class="depth2">
366                            <ul>
367                                <li><a href="/bbs/noticeList.do">공지사항</a></li>
368                                <li><a href="/bbs/policyList.do">정책·제도</a></li>
369                                <li><a href="/bbs/bidAnnounceList.do">입찰공고</a></li>
370                                <li><a href="/bbs/businessInfoList.do">사업정보</a></li>
371                                <li><a href="/bbs/faqList.do">FAQ</a></li>
372                            </ul>
373                        </div>
374                    </div>
375
376                    <div class="accordion-step">
377                        <div class="depth1">
378                            <p>마이페이지</p>
379                            <button type="button" class="btn-arrow"></button>
380                        </div>
381
382                        <div class="depth2">
383                            <ul>
384                                
385                                <li><a href="/mypage/main.do">대시보드</a></li>
386                                
387                                <li><a href="/mypage/application/techList.do">공모신청</a></li>
388                                <li><a href="/mypage/techList.do">등록 기술(제품)</a></li>
389                                <li><a href="/mypage/prfmnc/regList.do">실적정보</a></li>
390                                <li><a href="/mypage/sprt/counselList.do">기업 지원 신청</a></li>
391                                <li><a href="/mypage/interest/allList.do">관심정보</a></li>
392                                <li><a href="/mypage/mileageList.do">마일리지</a></li>
393                                <li><a href="/mypage/inquiryList.do">문의등록</a></li>
394                                <li><a href="/mypage/ent/mbrList.do">기업정보</a></li>
395                                <li><a href="/mypage/mbrCheckPwd.do">회원정보</a></li>
396                            </ul>
397                        </div>
398                    </div>
399                </div>
400            </div>
401        </div>
402    </div>
403</header>
404<!-- // [E] header -->
405<script>
406$(function(){
407    tileHeader.init();
408
409    // 메인 인 경우 sub 클래스가 필요없어서 삭제 해야함.
410    if('' == 'main') {
411        // gnb
412        $('.gnb, .gnb-sub-wrap').off().hover(
413            function () {
414                $('.gnb-sub-wrap').stop().slideDown();
415                $('.header').addClass('sub');
416            },
417            function () {
418                $('.gnb-sub-wrap').stop().slideUp();
419                $('.header').removeClass('sub');
420            }
421        );
422    }
423	
424	// 페이지 타이틀 변경 - 웹 접근성
425	$(document).ready(function() {
426		// 1. h4 텍스트
427	    let h4Text = $('.left-area > h4').text().trim();
428
429	    // 2. on 클래스 가진 메뉴 텍스트
430	    let onText = $('.left-area .on > a').text().trim();
431
432		
433		let baseTitle = $('head > title').text().trim();
434		
435		let titleTxt = '';
436		// body 기준으로 검사
437		// 회원가입
438	    if ($('.join-area').length) {
439	        titleTxt = baseTitle + '>회원가입';
440	    }
441	    // 로그인
442	    else if ($('.login-area').length) {
443	        titleTxt = baseTitle + '>로그인';
444	    }
445	    // 메뉴가 있을 때만
446	    else if (h4Text && onText) {
447	        titleTxt = baseTitle + '>' + h4Text + '>' + onText;
448	    }
449	    // 둘 다 없으면 기존 title 그대로
450	    else {
451	        titleTxt = baseTitle;
452	    }
453
454		$('title').text(titleTxt);
455		
456	});
457});
458let tileHeader = {
459    param : {
460        nowZoom : 100,
461        autocompleteTimer : null,
462        autocompleteIndex : -1,
463        _autocompleteOriginal : ''
464    }
465    // 초기함수
466    , init : function(){
467        $('.gnb-sub-wrap ul.depth2 li').removeClass('active');
468        $('#menu_').addClass('active');
469        tileHeader.bindAutocomplete();
470    }
471    // zoom
472    , zoom : function(type){
473        var max = 150;
474        var min = 50;
475        var now = tileHeader.param.nowZoom;
476
477        if(type == 'out') {
478            now = Math.max(now - 10, min);
479        } else {
480            now = Math.min(now + 10, max);
481        }
482
483        if(now < min) {
484            now = min;
485            alert('더 이상 축소 할 수 없습니다.');
486        } else if (now > max) {
487            now = max;
488            alert('더 이상 확대 할 수 없습니다.');
489        }
490
491        document.body.style.zoom = now + "%";
492        $('.zoomTxt').text(now == 100 ? '기본' : now + '%');
493
494        tileHeader.param.nowZoom = now;
495    }
496    // 통합검색
497    , doSearch : function(){
498        tileHeader.closeAutocomplete();
499        var keyword = $('#headerSearchInput').val();
500        if(keyword && keyword.trim() !== '') {
501            location.href = '/search/searchList.do?q=' + encodeURIComponent(keyword.trim());
502        }
503    }
504    // 자동완성 이벤트 바인딩
505    , bindAutocomplete : function(){
506        // 입력 이벤트 (input + compositionend 으로 한글 IME 대응)
507        $('#headerSearchInput').on('input compositionend', function() {
508            var val = $(this).val();
509            if (tileHeader.param.autocompleteTimer) {
510                clearTimeout(tileHeader.param.autocompleteTimer);
511            }
512            if (val && val.trim().length >= 2) {
513                tileHeader.param.autocompleteTimer = setTimeout(function() {
514                    tileHeader.handleAutocomplete(val.trim());
515                }, 300);
516            } else {
517                tileHeader.closeAutocomplete();
518            }
519        });
520
521        // 키보드 네비게이션
522        $('#headerSearchInput').on('keydown', function(e) {
523            if (!$('#headerAutocompleteWrap').is(':visible')) {
524                if (e.key === 'Enter') {
525                    tileHeader.doSearch();
526                }
527                return;
528            }
529
530            switch (e.key) {
531                case 'ArrowDown':
532                    e.preventDefault();
533                    tileHeader.moveAutocomplete(1);
534                    break;
535                case 'ArrowUp':
536                    e.preventDefault();
537                    tileHeader.moveAutocomplete(-1);
538                    break;
539                case 'Enter':
540                    e.preventDefault();
541                    if (tileHeader.param.autocompleteIndex >= 0) {
542                        tileHeader.selectAutocomplete();
543                    } else {
544                        tileHeader.doSearch();
545                    }
546                    break;
547                case 'Escape':
548                    e.preventDefault();
549                    tileHeader.closeAutocomplete();
550                    $('#headerSearchInput').val(tileHeader.param._autocompleteOriginal || '');
551                    break;
552            }
553        });
554
555        // 항목 클릭
556        $(document).on('click', '#headerAutocompleteList li', function() {
557            var text = $(this).text();
558            $('#headerSearchInput').val(text);
559            tileHeader.closeAutocomplete();
560            location.href = '/search/searchList.do?q=' + encodeURIComponent(text);
561        });
562
563        // 마우스 이동 시 키보드 활성 상태 초기화
564        $(document).on('mouseenter', '#headerAutocompleteList li', function() {
565            $('#headerAutocompleteList li').removeClass('is-active');
566            tileHeader.param.autocompleteIndex = -1;
567        });
568
569        // 영역 외 클릭 시 닫기
570        $(document).on('click', function(e) {
571            if (!$(e.target).closest('#headerAutocompleteWrap, #headerSearchInput').length) {
572                tileHeader.closeAutocomplete();
573            }
574        });
575    }
576    // 자동완성 AJAX 요청
577    , handleAutocomplete : function(keyword) {
578        tileHeader.param._autocompleteOriginal = keyword;
579        $.ajax({
580            url : '/search/autocomplete.json',
581            type : 'GET',
582            data : { q : keyword },
583            dataType : 'json',
584            success : function(data) {
585                if (data.success && data.list && data.list.length > 0) {
586                    var html = '';
587                    for (var i = 0; i < data.list.length; i++) {
588                        var item = data.list[i];
589                        var text = (typeof item === 'string') ? item : (item.keyword || item.query || '');
590                        if (text) {
591                            html += '<li role="option">' + tileHeader.highlightKeyword(text, keyword) + '</li>';
592                        }
593                    }
594                    tileHeader.param.autocompleteIndex = -1;
595                    $('#headerAutocompleteList').html(html);
596                    $('#headerAutocompleteWrap').show();
597                    $('#headerSearchInput').attr('aria-expanded', 'true');
598                } else {
599                    tileHeader.closeAutocomplete();
600                }
601            },
602            error : function() {
603                tileHeader.closeAutocomplete();
604            }
605        });
606    }
607    // 자동완성 항목 이동 (↑↓)
608    , moveAutocomplete : function(direction) {
609        var $items = $('#headerAutocompleteList li');
610        var len = $items.length;
611        if (len === 0) return;
612
613        var idx = tileHeader.param.autocompleteIndex;
614        $items.removeClass('is-active');
615
616        idx += direction;
617        if (idx < -1) idx = len - 1;
618        if (idx >= len) idx = -1;
619
620        tileHeader.param.autocompleteIndex = idx;
621
622        if (idx >= 0) {
623            var $active = $items.eq(idx);
624            $active.addClass('is-active');
625            $('#headerSearchInput').val($active.text());
626        } else {
627            $('#headerSearchInput').val(tileHeader.param._autocompleteOriginal || '');
628        }
629    }
630    // 자동완성 항목 선택
631    , selectAutocomplete : function() {
632        var $items = $('#headerAutocompleteList li');
633        var idx = tileHeader.param.autocompleteIndex;
634        if (idx >= 0 && idx < $items.length) {
635            var text = $items.eq(idx).text();
636            $('#headerSearchInput').val(text);
637            tileHeader.closeAutocomplete();
638            location.href = '/search/searchList.do?q=' + encodeURIComponent(text);
639        }
640    }
641    // 자동완성 닫기
642    , closeAutocomplete : function() {
643        $('#headerAutocompleteWrap').hide();
644        $('#headerSearchInput').attr('aria-expanded', 'false');
645        tileHeader.param.autocompleteIndex = -1;
646    }
647    // 키워드 하이라이트
648    , highlightKeyword : function(text, keyword) {
649        var escaped = tileHeader.escapeHtml(text);
650        var keywordEscaped = tileHeader.escapeHtml(keyword);
651        
652        var specialChars = new RegExp('[.*+?^\$\\{\\}()|[\\]\\\\]', 'g');
653        var regexStr = keywordEscaped.replace(specialChars, '\$&');
654        var regex = new RegExp('(' + regexStr + ')', 'gi');
655        return escaped.replace(regex, '<b>$1</b>');
656    }
657    // HTML 이스케이프
658    , escapeHtml : function(str) {
659        if (!str) return '';
660        return str.replace(/&/g, '&amp;')
661                  .replace(/</g, '&lt;')
662                  .replace(/>/g, '&gt;')
663                  .replace(/"/g, '&quot;')
664                  .replace(/'/g, '&#39;');
665    }
666}
667
668</script>
668
669
670        
671
672
673
674
675
676
677
678
679
680
681<div class="container signup">
682    <div class="join-area">
683        <h2>회원가입</h2>
684
685        <!-- [S] progress-bar -->
686        <!-- (현재스탭 : active class추가/ 지난스탭 on class추가) -->
687        <div class="progress-bar">
688            <ul class="join-steps">
689                <li class="step-label step-label-1 active">약관 동의 및 유형 선택</li>
690                <li class="step-label step-label-2">회원정보 입력</li>
691                <li class="step-label step-label-3">가입 완료</li>
692            </ul>
693        </div>
694        <!-- // [E] progress-bar -->
695
696        <div class="join-step step-1">
697            <!-- [S] 중소기업기술마켓 이용약관 -->
698            <div>
699                <h3>중소기업기술마켓 이용약관</h3>
700
701                <div class="join-terms">
702                    
703                   	<div class="terms-container">
704				        <h2>1. 개인정보 및 기술정보 수집·이용 목적</h2>
705				        <p>중소기업기술마켓 인증 및 이용에 있어 등록한 정보는 기술/기업의 판로 및 다양한 지원을 위해 중소기업기술마켓 관련기관 및 홈페이지를 통해 가입한 회원(타 발주청, 기술 보유자 및 개발자, 시공사, 설계사, 개인 등) 대상으로 공개 및 활용됩니다. 처리한 개인정보는 다음의 목적 이외의 용도로는 사용되지 않으며 이용 목적이 변경될 시에는 사전 동의를 구할 예정입니다.</p>
706				        
707				        <h3>① 홈페이지 회원가입 및 관리</h3>
708				        <p>회원가입 의사 확인, 회원자격 유지·관리 관련 고지·통지 등</p>
709				        
710				        <h3>② 신청사항 접수 및 관리</h3>
711				        <p class="indent">- 공모 신청, 컨설팅 신청, 지식재산권 거래 신청과 같은 신청 서비스 제공</p>
712				        <p class="indent">- 신청 내용 수정 요청, 경력·자격 등 확인(조회 및 검증), 심사 및 검증, 채택 여부의 결정, 그 외 신청 관련 사항 처리</p>
713				        
714				        <h3>③ 민원사무 처리</h3>
715				        <p>민원처리, 각종 상담문의 처리, 분쟁해결, 법령상 의무이행 등</p>
716				        
717				        <h3>④ 통합지원HUB 지원프로그램 활용</h3>
718				        <p>기술마켓 홍보, 판로 지원 및 통합지원HUB 지원프로그램 연계 등 일체 지원활동</p>
719				
720				        <h2>2. 정보 이용 기관</h2>
721				        <p>중소기업기술마켓은 SOC기술마켓, 에너지기술마켓, ICT기술마켓, 통합지원HUB 등 기술마켓 관련기관을 포함합니다.</p>
722				
723				        <h2>3. 처리하는 개인정보 및 기술정보의 항목</h2>
724				        <p>개인정보 보호법 제32조에 따라 등록·공개하는 처리하는 개인정보 항목의 현황은 다음과 같습니다.</p>
725				        
726				        <table>
727				            <thead>
728				                <tr>
729				                    <th style="width: 20%;">구분</th>
730				                    <th style="width: 60%;">처리 항목</th>
731				                    <th style="width: 20%;">수집 항목</th>
732				                </tr>
733				            </thead>
734				            <tbody>
735				                <tr>
736				                    <td><strong>회원정보</strong><br>(개인 및 기업정보)</td>
737				                    <td>
738				                        <strong>[개인]</strong> 아이디, 비밀번호, 이름, 휴대폰 번호, 이메일<br><br>
739				                        <strong>[기업]</strong> 아이디, 비밀번호, 사업자(법인)등록번호, 이름, 연락처, 휴대폰 번호, 이메일, 기업명, 대표자명, 대표번호, 회사 주소지, 기업구분, 기업명(영문), 대표자명(영문), 홈페이지, 대표자 휴대폰 번호<br><br>
740				                        <strong>[기관]</strong> 아이디, 비밀번호, 이름, 휴대폰 번호, 이메일, 소속 정보, 사원 번호
741				                    </td>
742				                    <td>홈페이지<br>회원가입</td>
743				                </tr>
744				                <tr>
745				                    <td><strong>기술정보</strong></td>
746				                    <td>
746기술(요약)설명서, 도면, 시험성적서, 성능인증서, 시방서, 단가자료, 인증서, 신용평가등급확인서, 기술 적용 실적, 자재 공급관련 자료 등 일체</td>
747				                    <td>홈페이지<br>공모신청</td>
748				                </tr>
749				            </tbody>
750				        </table>
751				
752				        <h2>4. 개인정보의 보유 및 이용기간</h2>
753				        <p>중소기업기술마켓의 회원 개인정보는 회원가입 이후부터 보유 및 이용하며 회원탈퇴 시 지체 없이 파기 합니다. 개인정보의 파기와 관련된 자세한 사항은 개인정보처리방침에서 확인하실 수 있습니다.</p>
754				
755				        <h2>5. 동의 거부권 및 불이익</h2>
756				        <p>정보주체는 개인정보 수집에 동의를 거부할 권리가 있습니다. 다만, 동의를 거절할 경우 중소기업기술마켓 관련기관 및 홈페이지에서 제공하는 서비스를 이용할 수 없습니다.</p>
757				    </div>
758                    
759                </div>
760
761                <div class="join-radio">
762                    <em class="info-black">중소기업기술마켓 이용약관을 읽고 동의합니다.</em>
763
764                    <div class="radio-wrap">
765                        <input type="radio" name="agreeYn" id="agreeY" class="inp-radio" value="Y"/>
766                        <label for="agreeY">동의</label>
767
768                        <input type="radio" name="agreeYn" id="agreeN" class="inp-radio" value="N"/>
769                        <label for="agreeN">동의 안함</label>
770                    </div>
771                </div>
772            </div>
773            <!-- // [E] 중소기업기술마켓 이용약관 -->
774
775            <!-- [S] 가입 유형 선택 -->
776            <div>
777                <h3>가입 유형 선택</h3>
778
779                <ul class="join-type-wrap">
780                    <li>
781                        <a href="javascript:void(0)" onclick="joinStep01.nextPage('corp'); return false;">
782                            <div class="type-img cor">
783                                <img src="/resources/img/common/ico-cor-w-40.png" alt=""/>
784                            </div>
785
786                            <div>
787                                <h4>기업 회원</h4>
788                                <p>중소기업 소속 또는 개인사업자라면? </p>
789                            </div>
790                        </a>
791                    </li>
792
793                    <li>
794                        <a href="javascript:void(0)" onclick="joinStep01.nextPage('user'); return false;">
795                            <div class="type-img per">
796                                <img src="/resources/img/common/ico-per-w-40.png" alt=""/>
797                            </div>
798
799                            <div>
800                                <h4>개인 회원</h4>
801                                <p>중소기업에 소속되지 않은 사용자라면? </p>
802                            </div>
803                        </a>
804                    </li>
805
806                    <li>
807                        <a href="javascript:void(0)" onclick="joinStep01.nextPage('inst'); return false;">
808                            <div class="type-img ins">
809                                <img src="/resources/img/common/ico-ins-w-40.png" alt=""/>
810                            </div>
811
812                            <div>
813                                <h4>기관 회원</h4>
814                                <p>기술마켓의 참여 중인 공공기관 사용자라면? </p>
815                            </div>
816                        </a>
817                    </li>
818                </ul>
819
820                <div class="info-wrap">
821                    <em class="info-gray" ><span>※</span> 기술마켓 참여기관 관리자 회원가입의 경우 플랫폼 담당자에게 문의해 주시기 바랍니다.</em >
822                    <a href="/intro/instList.do">연락처 바로가기</a>
823                </div>
824            </div>
825            <!-- // [E] 가입 유형 선택 -->
826        </div>
827    </div>
828</div>
829
830<form id="joinStep01Form" method="get" action="/join/step02.do">
831    <input type="hidden" id="joinType" name="joinType" value=""/>
832</form>
833
834<script>
835let joinStep01 = {
836    nextPage : function(param) {
837        let agreeVal = $('input[name="agreeYn"]:checked').val();
838
839        if (!agreeVal) {
840            alert("약관 동의 여부를 선택해 주세요.");
841            return;
842        }
843
844        if (agreeVal === "N") {
845            alert("약관 동의 후 진행해주시기 바랍니다.");
846            return;
847        }
848
849        // 동의 시 다음 단계 이동
850        $('#joinType').val(param);
851        $('#joinStep01Form').submit();
852    }
853}
854</script>
854
855
856        
857
858
859
860
861
862
863
864
865
866
867
868
869<!-- fixed nav -->
870<div class="fixed-nav" role="navigation" aria-label="Fixed Navigation">
871    <button type="button" class="js-float-btn js-float-counsel"><i class="ico-counsel"></i>구매상담</button>
872    <button type="button" class="js-float-btn js-float-result"><i class="ico-result"></i>실적등록</button>
873    <button type="button" class="js-float-btn js-float-inquiry"><i class="ico-inquiry"></i>문의등록</button>
874    <button type="button" class="js-float-btn js-float-manual"><i class="ico-manual"></i>매뉴얼</button>
875</div>
876<script>
877(function(){
878    var loggedIn = false;
879    var mbrSe = '';
880    $(document).on('click', '.js-float-counsel', function(){ location.href='/sprt/purchaseCounselDetail.do'; });
881    $(document).on('click', '.js-float-result', function(){
882        if(!loggedIn){ location.href='/login.do'; return; }
883        if(mbrSe === 'P'){ alert('실적등록은 기업 회원만 가능합니다'); return; }
884        location.href='/mypage/prfmnc/regList.do';
885    });
886    $(document).on('click', '.js-float-inquiry', function(){
887        if(!loggedIn){ location.href='/login.do'; return; }
888        location.href='/mypage/inquiryList.do';
889    });
890    $(document).on('click', '.js-float-manual', function(){ location.href='/main/floatManual.do'; });
891})();
892</script>
892
893        
894
895
896
897
898
899
900
901
902
903<!-- [S] footer -->
904<footer class="footer">
905    <div class="top">
906        <div class="layout">
907            <div class="footer-marquee-wrap">
908				<button class="btn-play-toggle"> 재생/정지 </button>
909                <div class="footer-marquee on">
910					<a class="footer-marquee__slide"
911					   href="https://www.ex.co.kr"
912					   target="_blank"
913					   rel="noopener noreferrer"
914					   aria-label="한국도로공사"
915					   title="한국도로공사">
916					    <img src="/resources/img/common/ub_1.png" alt="한국도로공사"/>
917					</a>
918
919					<a class="footer-marquee__slide"
920					   href="https://www.lh.or.kr/"
921					   target="_blank"
922					   rel="noopener noreferrer"
923					   aria-label="한국토지주택공사"
924					   title="한국토지주택공사">
925					    <img src="/resources/img/common/ub_2.png" alt="한국토지주택공사"/>
926					</a>
927
928					<a class="footer-marquee__slide"
929					   href="http://www.kr.or.kr"
930					   target="_blank"
931					   rel="noopener noreferrer"
932					   aria-label="국가철도공단"
933					   title="국가철도공단">
934					    <img src="/resources/img/common/ub_3.png" alt="국가철도공단"/>
935					</a>
936
937					<a class="footer-marquee__slide"
938					   href="http://info.korail.com"
939					   target="_blank"
940					   rel="noopener noreferrer"
941					   aria-label="한국철도공사"
942					   title="한국철도공사">
943					    <img src="/resources/img/common/ub_4.png" alt="한국철도공사"/>
944					</a>
945
946					<a class="footer-marquee__slide"
947					   href="https://www.airport.kr"
948					   target="_blank"
949					   rel="noopener noreferrer"
950					   aria-label="인천국제공항공사"
951					   title="인천국제공항공사">
952					    <img src="/resources/img/common/ub_5.png" alt="인천국제공항공사"/>
953					</a>
954
955					<a class="footer-marquee__slide"
956					   href="https://www.airport.co.kr/www/main.do"
957					   target="_blank"
958					   rel="noopener noreferrer"
959					   aria-label="한국공항공사"
960					   title="한국공항공사">
961					    <img src="/resources/img/common/ub_6.png" alt="한국공항공사"/>
962					</a>
963
964					<a class="footer-marquee__slide"
965					   href="https://www.lx.or.kr/kor.do"
966					   target="_blank"
967					   rel="noopener noreferrer"
968					   aria-label="한국국토정보공사"
969					   title="한국국토정보공사">
970					    <img src="/resources/img/common/ub_7.png" alt="한국국토정보공사"/>
971					</a>
972
973					<a class="footer-marquee__slide"
974					   href="http://www.kotsa.or.kr"
975					   target="_blank"
976					   rel="noopener noreferrer"
977					   aria-label="한국교통안전공단"
978					   title="한국교통안전공단">
979					    <img src="/resources/img/common/ub_8.png" alt="한국교통안전공단"/>
980					</a>
981
982					<a class="footer-marquee__slide"
983					   href="https://www.reb.or.kr/reb/main.do"
984					   target="_blank"
985					   rel="noopener noreferrer"
986					   aria-label="한국부동산원"
987					   title="한국부동산원">
988					    <img src="/resources/img/common/ub_9.png" alt="한국부동산원"/>
989					</a>
990
991					<a class="footer-marquee__slide"
992					   href="https://home.kepco.co.kr/kepco/main.do"
993					   target="_blank"
994					   rel="noopener noreferrer"
995					   aria-label="한국전력공사"
996					   title="한국전력공사">
997					    <img src="/resources/img/common/ub_10.png" alt="한국전력공사"/>
998					</a>
999
1000					<a class="footer-marquee__slide"
1001					   href="https://www.kwater.or.kr"
1002					   target="_blank"
1003					   rel="noopener noreferrer"
1004					   aria-label="한국수자원공사"
1005					   title="한국수자원공사">
1006					    <img src="/resources/img/common/ub_11.png" alt="한국수자원공사"/>
1007					</a>
1008
1009					<a class="footer-marquee__slide"
1010					   href="https://www.keco.or.kr"
1011					   target="_blank"
1012					   rel="noopener noreferrer"
1013					   aria-label="한국환경공단"
1014					   title="한국환경공단">
1015					    <img src="/resources/img/common/ub_12.png" alt="한국환경공단"/>
1016					</a>
1017
1018					<a class="footer-marquee__slide"
1019					   href="https://www.ekr.or.kr/homepage/main.krc"
1020					   target="_blank"
1021					   rel="noopener noreferrer"
1022					   aria-label="한국농어촌공사"
1023					   title="한국농어촌공사">
1024					    <img src="/resources/img/common/ub_13.png" alt="한국농어촌공사"/>
1025					</a>
1026
1027					<a class="footer-marquee__slide"
1028					   href="https://www.icpa.or.kr/index.do"
1029					   target="_blank"
1030					   rel="noopener noreferrer"
1031					   aria-label="인천항만공사"
1032					   title="인천항만공사">
1033					    <img src="/resources/img/common/ub_14.png" alt="인천항만공사"/>
1034					</a>
1035
1036					<a class="footer-marquee__slide"
1037					   href="https://www.ygpa.or.kr"
1038					   target="_blank"
1039					   rel="noopener noreferrer"
1040					   aria-label="여수광양항만공사"
1041					   title="여수광양항만공사">
1042					    <img src="/resources/img/common/ub_15.png" alt="여수광양항만공사"/>
1043					</a>
1044
1045					<a class="footer-marquee__slide"
1046					   href="https://www.upa.or.kr"
1047					   target="_blank"
1048					   rel="noopener noreferrer"
1049					   aria-label="울산항만공사"
1050					   title="울산항만공사">
1051					    <img src="/resources/img/common/ub_16.png" alt="울산항만공사"/>
1052					</a>
1053
1054					<a class="footer-marquee__slide"
1055					   href="https://www.busanpa.com"
1056					   target="_blank"
1057					   rel="noopener noreferrer"
1058					   aria-label="부산항만공사"
1059					   title="부산항만공사">
1060					    <img src="/resources/img/common/ub_17.png" alt="부산항만공사"/>
1061					</a>
1062					
1063					<!-- 복제 구간 (무한 스크롤용) -->
1064					<a class="footer-marquee__slide"
1065					   href="https://www.ex.co.kr"
1066					   target="_blank"
1067					   rel="noopener noreferrer"
1068					   aria-label="한국도로공사"
1069					   title="한국도로공사">
1070					    <img src="/resources/img/common/ub_1.png" alt="한국도로공사"/>
1071					</a>
1072
1073					<a class="footer-marquee__slide"
1074					   href="https://www.lh.or.kr/"
1075					   target="_blank"
1076					   rel="noopener noreferrer"
1077					   aria-label="한국토지주택공사"
1078					   title="한국토지주택공사">
1079					    <img src="/resources/img/common/ub_2.png" alt="한국토지주택공사"/>
1080					</a>
1081
1082					<a class="footer-marquee__slide"
1083					   href="http://www.kr.or.kr"
1084					   target="_blank"
1085					   rel="noopener noreferrer"
1086					   aria-label="국가철도공단"
1087					   title="국가철도공단">
1088					    <img src="/resources/img/common/ub_3.png" alt="국가철도공단"/>
1089					</a>
1090
1091					<a class="footer-marquee__slide"
1092					   href="http://info.korail.com"
1093					   target="_blank"
1094					   rel="noopener noreferrer"
1095					   aria-label="한국철도공사"
1096					   title="한국철도공사">
1097					    <img src="/resources/img/common/ub_4.png" alt="한국철도공사"/>
1098					</a>
1099
1100					<a class="footer-marquee__slide"
1101					   href="https://www.airport.kr"
1102					   target="_blank"
1103					   rel="noopener noreferrer"
1104					   aria-label="인천국제공항공사"
1105					   title="인천국제공항공사">
1106					    <img src="/resources/img/common/ub_5.png" alt="인천국제공항공사"/>
1107					</a>
1108
1109					<a class="footer-marquee__slide"
1110					   href="https://www.airport.co.kr/www/main.do"
1111					   target="_blank"
1112					   rel="noopener noreferrer"
1113					   aria-label="한국공항공사"
1114					   title="한국공항공사">
1115					    <img src="/resources/img/common/ub_6.png" alt="한국공항공사"/>
1116					</a>
1117
1118					<a class="footer-marquee__slide"
1119					   href="https://www.lx.or.kr/kor.do"
1120					   target="_blank"
1121					   rel="noopener noreferrer"
1122					   aria-label="한국국토정보공사"
1123					   title="한국국토정보공사">
1124					    <img src="/resources/img/common/ub_7.png" alt="한국국토정보공사"/>
1125					</a>
1126
1127					<a class="footer-marquee__slide"
1128					   href="http://www.kotsa.or.kr"
1129					   target="_blank"
1130					   rel="noopener noreferrer"
1131					   aria-label="한국교통안전공단"
1132					   title="한국교통안전공단">
1133					    <img src="/resources/img/common/ub_8.png" alt="한국교통안전공단"/>
1134					</a>
1135
1136					<a class="footer-marquee__slide"
1137					   href="https://www.reb.or.kr/reb/main.do"
1138					   target="_blank"
1139					   rel="noopener noreferrer"
1140					   aria-label="한국부동산원"
1141					   title="한국부동산원">
1142					    <img src="/resources/img/common/ub_9.png" alt="한국부동산원"/>
1143					</a>
1144
1145					<a class="footer-marquee__slide"
1146					   href="https://home.kepco.co.kr/kepco/main.do"
1147					   target="_blank"
1148					   rel="noopener noreferrer"
1149					   aria-label="한국전력공사"
1150					   title="한국전력공사">
1151					    <img src="/resources/img/common/ub_10.png" alt="한국전력공사"/>
1152					</a>
1153
1154					<a class="footer-marquee__slide"
1155					   href="https://www.kwater.or.kr"
1156					   target="_blank"
1157					   rel="noopener noreferrer"
1158					   aria-label="한국수자원공사"
1159					   title="한국수자원공사">
1160					    <img src="/resources/img/common/ub_11.png" alt="한국수자원공사"/>
1161					</a>
1162
1163					<a class="footer-marquee__slide"
1164					   href="https://www.keco.or.kr"
1165					   target="_blank"
1166					   rel="noopener noreferrer"
1167					   aria-label="한국환경공단"
1168					   title="한국환경공단">
1169					    <img src="/resources/img/common/ub_12.png" alt="한국환경공단"/>
1170					</a>
1171
1172					<a class="footer-marquee__slide"
1173					   href="https://www.ekr.or.kr/homepage/main.krc"
1174					   target="_blank"
1175					   rel="noopener noreferrer"
1176					   aria-label="한국농어촌공사"
1177					   title="한국농어촌공사">
1178					    <img src="/resources/img/common/ub_13.png" alt="한국농어촌공사"/>
1179					</a>
1180
1181					<a class="footer-marquee__slide"
1182					   href="https://www.icpa.or.kr/index.do"
1183					   target="_blank"
1184					   rel="noopener noreferrer"
1185					   aria-label="인천항만공사"
1186					   title="인천항만공사">
1187					    <img src="/resources/img/common/ub_14.png" alt="인천항만공사"/>
1188					</a>
1189
1190					<a class="footer-marquee__slide"
1191					   href="https://www.ygpa.or.kr"
1192					   target="_blank"
1193					   rel="noopener noreferrer"
1194					   aria-label="여수광양항만공사"
1195					   title="여수광양항만공사">
1196					    <img src="/resources/img/common/ub_15.png" alt="여수광양항만공사"/>
1197					</a>
1198
1199					<a class="footer-marquee__slide"
1200					   href="https://www.upa.or.kr"
1201					   target="_blank"
1202					   rel="noopener noreferrer"
1203					   aria-label="울산항만공사"
1204					   title="울산항만공사">
1205					    <img src="/resources/img/common/ub_16.png" alt="울산항만공사"/>
1206					</a>
1207
1208					<a class="footer-marquee__slide"
1209					   href="https://www.busanpa.com"
1210					   target="_blank"
1211					   rel="noopener noreferrer"
1212					   aria-label="부산항만공사"
1213					   title="부산항만공사">
1214					    <img src="/resources/img/common/ub_17.png" alt="부산항만공사"/>
1215					</a>
1216                </div>
1217            </div>
1218        </div>
1219    </div>
1220
1221    <div class="bottom">
1222        <div class="link-wrap">
1223            <div class="layout">
1224                <ul>
1225                    <li><a href="/intro/instList.do">연락처</a></li>
1226                    <li>
1227                        <a href="/privateInfoPolicy.do">개인정보처리방침</a>
1228                    </li>
1229                    <li>
1230                        <a href="/emailPolicy.do">이메일무단수집거부</a>
1231                    </li>
1232                </ul>
1233				<label for="instListSelect" style="display: none;">관련기관사이트</label>
1234                <select id="instListSelect"></select>
1235            </div>
1236        </div>
1237
1238        <div class="layout">
1239            <p class="copyright">COPYRIGHTⓒ TECHMARKET. All rights reserved.</p>
1240        </div>
1241    </div>
1242</footer>
1243<!-- // [E] footer -->
1244<script>
1245$(function(){
1246    footer.init();
1247
1248    // 푸터 기관 로고 클릭 시 data-url로 이동
1249	/*
1250    $(document).on('click', '.footer .footer-marquee__slide', function(){
1251        var url = $(this).data('url');
1252        if (url) {
1253            window.open(url, '_blank');
1254        }
1255    });
1256	*/
1257	// 푸거 기관 재성 버튼 토글 	
1258	$('.btn-play-toggle').on('click', function () {
1259
1260	    const $btn = $(this);
1261	    const $marquee = $('.footer-marquee');
1262
1263	    if ($btn.hasClass('off')) {
1264	        // off가 이미 있으면 → 재생 상태
1265	        $btn.removeClass('off');
1266	        $marquee.addClass('on');
1267	    } else {
1268	        // off가 없으면 → 정지 상태
1269	        $btn.addClass('off');
1270	        $marquee.removeClass('on');
1271	    }
1272
1273	});
1274});
1275let footer = {
1276    init : function(){
1277        ajax.get('/comm/footerInstList.do', {}, {}, function(result) {
1278            var htmlTxt = '<option value="">관련기관 사이트</option>';
1279            if(result.totalCnt > 0 && result.dataList) {
1280                $.each(result.dataList, function(idx, data){
1281                    htmlTxt += '<option value="'+ (data.instHmpgAddr || '') +'">'+ (data.instNm || '') +'</option>';
1282                });
1283            }
1284            $('#instListSelect').html(htmlTxt);
1285
1286            // 선택 시 새 탭으로 해당 기관 링크 열기 (AS IS target="_blank" rel="noopener noreferrer")
1287            $('#instListSelect').on('change', function(){
1288                var url = $(this).val();
1289                if(url) {
1290                    window.open(url, '_blank', 'noopener,noreferrer');
1291                    $(this).val('');
1292                }
1293            });
1294        }, function() {
1295            // console.log('에러발생');
1296        });
1297    }
1298}
1299
1300</script>
1300
1301
1302        <!-- 질문사항 : 햄버거 메뉴 클릭 시 dim처리 오류 -->
1303        <!-- <div class="dimmed" style="display:none;"></div> -->
1304    </div>
1305</body>
1306</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.