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, '&') 661 .replace(/</g, '<') 662 .replace(/>/g, '>') 663 .replace(/"/g, '"') 664 .replace(/'/g, '''); 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.