1<!DOCTYPE html> 2<html lang="ko"> 3<head> 4 <title>ìì¸ì 50+ë ¸ì50íë¬ì¤ì¼í°</title> 5 6 7 8<meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <link rel="canonical" href="https://www.50plus.or.kr/nwc"> 29 <meta name="description" content="ë ¸ìì§ì 50+ì¸ë(45~64ì¸)ì êµì¡Â·ì¬íì°¸ì¬ ì°ê³ ë° ì§ì 기ê´Â " /> 30 <meta property="og:url" content="https://www.50plus.or.kr/nwc/"> 31 <meta property="og:image" 32 content="https://www.50plus.or.kr/upload/im/2021/05/152b46a3-2a2c-4bbd-8619-a053dd58caa3.png"> 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64<meta charset="utf-8"> 65<meta http-equiv="X-UA-Compatible" content="IE=edge"> 66 67<link type="text/css" rel="stylesheet" href="/css/bootstrap-custom.min.css"> 68<link type="text/css" rel="stylesheet" href="/css/font-awesome.min.css"> 69<link type="text/css" rel="stylesheet" href="/css/main-sub.css"> 70<link type="text/css" rel="stylesheet" href="/css/main.css"> 71<link type="text/css" rel="stylesheet" href="/css/simple-line-icons.min.css"> 72<!-- <link type="text/css" rel="stylesheet" href="/css/seoul-common-gnb.css"> --> 73<!-- <link type="text/css" rel="stylesheet" href="/css/common.css"> --> 74 75
76<script src="/js/common.js"></script>
76 77 78<link rel="apple-touch-icon" sizes="57x57" href="/images/apple-icon-57x57.png"> 79<link rel="apple-touch-icon" sizes="60x60" href="/images/apple-icon-60x60.png"> 80<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-icon-72x72.png"> 81<link rel="apple-touch-icon" sizes="76x76" href="/images/apple-icon-76x76.png"> 82<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-icon-114x114.png"> 83<link rel="apple-touch-icon" sizes="120x120" href="/images/apple-icon-120x120.png"> 84<link rel="apple-touch-icon" sizes="144x144" href="/images/apple-icon-144x144.png"> 85<link rel="apple-touch-icon" sizes="152x152" href="/images/apple-icon-152x152.png"> 86<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-icon-180x180.png"> 87<link rel="icon" type="image/png" sizes="192x192" href="/images/android-icon-192x192.png"> 88<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png?v=20260928"> 89<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon-96x96.png?v=20260928"> 90<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png?v=20260928"> 91<link rel="manifest" href="/images/manifest.json"> 92<meta name="msapplication-TileColor" content="#ffffff"> 93<meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png"> 94<meta name="theme-color" content="#ffffff"> 95
96<script src="//www.seoul.go.kr/seoulgnb/gnb.js"></script>
96 97 98 99 100
100<script> 101 var anyidAdaptor = anyidAdaptor || {}; 102 /*ì´ì©ê¸°ê´ ìì ìì Start*/ 103 anyidAdaptor.orgLogin = function(data){ 104 //ì ë¶ íµí©ì¸ì¦SDK_ì°ê³ê°ì´ë 4.4.1.3 ì´ì©ê¸°ê´ ë¡ê·¸ì¸(í ê¸ off) 참조 105 //ì ê³µëë ë¼ì´ë¸ë¬ë¦¬ ë©ìëë¡ ì¸ì¦ë°ì´í° decrypt ì´í ìì²´ ë¡ê·¸ì¸ ë¡ì§ ê°ë° 106 const params = new URLSearchParams(location.search); 107 var obj ={ 108 ssob : data.ssob 109 , tag : params.get("tx") 110 } 111 var xhr = new XMLHttpRequest(); 112 xhr.open("POST", "/anyIdCallBack.do", true); 113 xhr.setRequestHeader("Content-Type", "application/json"); 114 xhr.onreadystatechange = function() { 115 if (xhr.readyState === 4 && xhr.status === 200) { 116 var response = JSON.parse(xhr.responseText); 117 if (response.status == "success") { 118 console.log("response >>>>> ", JSON.stringify(response)); 119 window.location.href = params.get("endPoint"); 120 } else { 121 } 122 } 123 }; 124 xhr.send(JSON.stringify(obj)); 125 126 } 127 /*ì´ì©ê¸°ê´ ìì ìì End*/ 128 129 130 /*ì´ì©ê¸°ê´ 문구ìì ìì Start*/ 131 anyidAdaptor.JoinConfirm = function(portalJoinUri, memberData){ 132 anyidAdaptor.receiveAnyIdJoin(portalJoinUri, memberData); 133 } 134 /*ì´ì©ê¸°ê´ 문구ìì ìì End*/ 135 136 137 138 139 anyidAdaptor.portalJoinUri = "null"; 140 anyidAdaptor.certData = null; 141 anyidAdaptor.ssoByPass = "0"; 142 anyidAdaptor.niRegYn = "null"; 143 anyidAdaptor.agencyContextPath = ""; 144 145 146 anyidAdaptor.success = function(data){ 147 if(anyidAdaptor.ssoByPass != 0 || !data.useSso) { 148 anyidAdaptor.orgLogin(data); 149 } else { 150 anyidAdaptor.certData = data; 151 anyidAdaptor.userCheck(); 152 } 153 } 154 155 anyidAdaptor.userCheck = function(){ 156 var xhr = new XMLHttpRequest(); 157 xhr.open("POST", anyidAdaptor.agencyContextPath + "/oidc/userCheck", true); 158 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 159 160 xhr.onreadystatechange = function() { 161 if (xhr.readyState === 4 && xhr.status === 200) { 162 var response = JSON.parse(xhr.responseText); 163 if (response.success) { 164 anyidAdaptor.ssoLogin(); 165 } else { 166 setTimeout(function() { 167 anyidAdaptor.receiveAnyIdJoin(response.uri, response.data); 168 }, 100); 169 } 170 } 171 }; 172 173 let jsonObject = new Object(); 174 jsonObject.txId = anyidAdaptor.certData.txId; 175 jsonObject.ssob = anyidAdaptor.certData.ssob; 176 jsonObject.userSeCd = anyidAdaptor.certData.userSeCd; 177 178 let jsonStr = JSON.stringify(jsonObject); 179 let encodedString = btoa(jsonStr); 180 181 var data = "data=" + encodedString + "&txId=" + anyidAdaptor.certData.txId; 182 xhr.send(data); 183 184 } 185 186 // ê³µëì¸ì¦ìë CI를 ì ê³µíì§ ìì ì ë¶íµí©ë¡ê·¸ì¸ 미ì¬ì© ë¡ì§(orgLogin)ì¼ë¡ ë겨ë ë¡ê·¸ì¸ì´ ë¶ê°ë¥íë¯ë¡ ë³ë ìë´ 187 anyidAdaptor.orgLoginOrNotify = function(){ 188 if (anyidAdaptor.certData && anyidAdaptor.certData.group === "05") { 189 alert("ê³µëì¸ì¦ìë 기ê´ë¡ê·¸ì¸ì ì´ì©í´ì£¼ì¸ì.\nê¸°ê´ ìì²´ë¡ê·¸ì¸íë©´ì¼ë¡ ì´ëí©ëë¤."); 190 // options.toggleSwitch.toggleë§ ì§ì ë°ê¾¸ë©´ ë´ë¶ ê°ì ë°ëì´ë í ê¸ UI(ì²´í¬ë°ì¤) ìì²´ë ì ë°ë -> ì¤ì ì²´í¬ë°ì¤ë¥¼ í´ë¦ ì²ë¦¬í´ì¼ í ê¸ UI/ë´ë¶ê°/ì¹´ëì¨ê¹ì´ ì ë¶ ë°ìë¨ 191 var toggleCheckbox = document.querySelector('#toggleSwitch'); 192 if (toggleCheckbox && toggleCheckbox.checked) { 193 toggleCheckbox.click(); 194 } 195 } else { 196 anyidAdaptor.orgLogin(anyidAdaptor.certData); 197 } 198 } 199 200 //anyidê°ì
201 anyidAdaptor.receiveAnyIdJoin = function(portalJoinUri, memberData){ 202 203 var url = portalJoinUri+encodeURIComponent(memberData); 204 var popup = anyidAdaptor.popup(url,"openAnyIdRegistUserIdv",700,740); 205 var joinHandled = false; 206 207 window.addEventListener("message", function(event) { 208 var result; 209 try { 210 result = JSON.parse(event.data); 211 } catch (error) { 212 console.error("Received message is not valid JSON:", error); 213 return; 214 } 215 216 if(!result.funcName || (result.funcName !== "trmsAgreComplete" && result.funcName !== "registUserComplete")) { 217 return; 218 } 219 joinHandled = true; 220 if(result.status === "success") { 221 222 anyidAdaptor.ssoLogin(); 223 224 }else{ 225 226 anyidAdaptor.orgLoginOrNotify(); 227 } 228 229 }, false); 230 231 // "ë±ë¡ìí¨" í´ë¦ ì íì ì´ ë©ìì§ ìì´ ê·¸ë¥ ë«íë ê²ì¼ë¡ íì¸ë¨(postMessage/ì§ì í¸ì¶ ì ë¶ ì ì´) -> íì ë«íì í´ë§ì¼ë¡ ê°ì§ 232 if (popup) { 233 var checkClosed = setInterval(function(){ 234 if (popup.closed) { 235 clearInterval(checkClosed); 236 if (!joinHandled) { 237 anyidAdaptor.orgLoginOrNotify(); 238 } 239 } 240 }, 500); 241 } 242 } 243 244 // íì í¸ì¶ 245 anyidAdaptor.popup = function(url, name, width, height){ 246 let left = (screen.width) ? (screen.width-width)/2 : 0; 247 let top = (screen.height) ? (screen.height-height)/2 : 0; 248 let popup=window.open(url, name ,"resizable=yes,toolbar=no,scrollbars=yes,location=no,top="+top+"px,left="+left+"px,width="+width+"px,height="+height+"px"); 249 if(popup){ 250 popup.focus(); 251 } 252 return popup; 253 } 254 255 anyidAdaptor.ssoLogin = function(){ 256 let jsonObject = new Object(); 257 jsonObject.txId = anyidAdaptor.certData.txId; 258 jsonObject.ssob = anyidAdaptor.certData.ssob; 259 jsonObject.userSeCd = anyidAdaptor.certData.userSeCd; 260 jsonObject.afData = anyidAdaptor.certData.afData; 261 let jsonStr = JSON.stringify(jsonObject); 262 let encodedString = btoa(jsonStr); 263 var baseUrl = window.location.origin + anyidAdaptor.agencyContextPath + "/oidc/ssoLogin"; 264 var urlWithParams = baseUrl + "?data=" + encodedString; 265 window.location.href = urlWithParams; 266 } 267 268 anyidAdaptor.ssoLoginPageSub = function(baseUrl, endPoint, acrValues){ 269 var subUrl = ""; 270 271 if (endPoint && endPoint.trim() !== "") { 272 subUrl = "?endPoint=" + encodeURIComponent(endPoint); 273 } 274 275 if (!acrValues && acrValues.trim() == "") { 276 acrValues = "3"; 277 } 278 279 if (acrValues && acrValues.trim() !== "") { 280 if(subUrl == ""){ 281 subUrl = "?"; 282 }else{ 283 subUrl = subUrl + "&"; 284 } 285 subUrl = subUrl + "acrValues=" + acrValues; 286 } 287 window.location.replace(baseUrl+subUrl); 288 } 289 290 /**/ 291 anyidAdaptor.ssoLogout = function(endPoint) { 292 endPoint = typeof endPoint !== 'undefined' ? endPoint : "/"; 293 var baseUrl = window.location.origin + anyidAdaptor.agencyContextPath + "/oidc/ssoLogout"; 294 baseUrl = baseUrl + "?endPoint=" + encodeURIComponent(endPoint); 295 window.location.replace(baseUrl); 296 } 297 /**/ 298 anyidAdaptor.reAuthLevel = function(endPoint, acrValues){ 299 endPoint = typeof endPoint !== 'undefined' ? endPoint : "/"; 300 var baseUrl = window.location.origin + anyidAdaptor.agencyContextPath + "/oidc/reAuthLevel"; 301 anyidAdaptor.ssoLoginPageSub(baseUrl, endPoint, acrValues); 302 303 } 304 /**/
305 anyidAdaptor.ssoLoginPage = function(endPoint, acrValues){ 306 endPoint = typeof endPoint !== 'undefined' ? endPoint : "/"; 307 var baseUrl = window.location.origin + anyidAdaptor.agencyContextPath + "/oidc/auth"; 308 anyidAdaptor.ssoLoginPageSub(baseUrl, endPoint, acrValues); 309 } 310 311 /**/ 312 anyidAdaptor.ssoSvcToSvc = function(url, endPoint){ 313 var baseUrl = url + "/oidc/svcToSvc?endPoint=" + encodeURIComponent(endPoint); 314 window.open(baseUrl, "_blank"); 315 } 316 317 </script>
317 318<!-- Custom Add --> 319 <link rel="stylesheet" type="text/css" href="/css/slick.css"/> 320 <!-- Custom End --> 321</head> 322 323<body class="site-center" style="background-color: #ffffff;"> 324<!-- BEGIN HEADER --> 325<div id="skipnavigation"> 326 <ul> 327 <li><a href="#visual-box">본문 ë°ë¡ê°ê¸°</a></li> 328 <li><a href="#main-gnb">주 ë©ë´ ë°ë¡ê°ê¸°</a></li> 329 </ul> 330</div> 331<header class="page-header"> 332 <nav class="navbar"> 333 <div class="top-nav"> 334 <div id='seoul-common-gnb'></div> 335 </div> 336 <div class="container-header container--nav logo-nav-box logo-nav-box--center"> 337 <button type="button" class="navbar-toggle collapsed navbar-toggle--50plus" data-toggle="collapse" 338 data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 339 <span class="sr-only">Toggle navigation</span> 340 <span class="icon-bar"></span> 341 <span class="icon-bar"></span> 342 <span class="icon-bar"></span> 343 </button> 344 <button type="button" class="navbar-toggle collapsed navbar-toggle--search" data-toggle="collapse" 345 data-target="#search-collapse" aria-expanded="false"> 346 <span class="sr-only">Toggle navigation</span> 347 <img src="/images/icon-white-search.png" class="navbar-toggle--search-btn" alt="ê²ì ë²í¼"> 348 </button> 349 <div class="portal-cam-center-wrapper"> 350 <a href="/" class="portal-cam-center__link portal-cam-center__link--first"> 351 <p class="portal-cam-center__link__title">ì¼ì리몽ë </p> 352 </a> 353 <a href="/fpp/index.do" class="portal-cam-center__link portal-cam-center__link--first"> 354 <p class="portal-cam-center__link__title">ë¼ì´í몽ë </p> 355 </a> 356 <div class="dropdown cam-center-dropdown"> 357 <a href="#" class="portal-cam-center__link portal-cam-center__link--center" id="centerDd" data-toggle="dropdown" 358 aria-haspopup="true" aria-expanded="false" title="ìì¹êµ¬ì¼í°"> 359 <p class="portal-cam-center__link__title">ìì¹êµ¬ì¼í°</p> 360 </a> 361 <ul class="dropdown-menu nav-dropdown-menu nav-dropdown-menu--center" aria-labelledby="centerDd"> 362 <li><a href="/djc/index.do">ëì</a></li> 363 <li><a href="/nwc/index.do">ë ¸ì</a></li> 364 <li><a href="/sdm/index.do">ìë문</a></li> 365 <li><a href="/sbc/index.do">ì±ë¶</a></li> 366 <li><a href="/gch/index.do">ê¸ì²</a></li> 367 <li><a href="/gsc/index.do">ê°ì</a></li> 368 <li><a href="/sch/index.do">ìì´</a></li> 369 <li><a href="/gdc/index.do">ê°ë</a></li> 370 <li><a href="/ycp/index.do">ìì²</a></li> 371 <li><a href="/sdc/index.do">ì±ë</a></li> 372 <li><a href="/gbc/index.do">ê°ë¶</a></li> 373 <li><a href="/gnc/index.do">ê´ì </a></li> 374 <li><a href="/ddc/index.do">ëë문</a></li> 375 <li><a href="/ysc/index.do">ì©ì°</a></li> 376 </ul> 377 </div> 378 </div> 379 <div class="main-logo-wrapper"> 380 <a class="main-nav-logo main-nav-logo--foundation" href="index.do"> 381 <img class="main-nav-logo__img" src="/upload/im/2018/03/366b1539-31da-4c3b-9765-97006b5f7d97.png" alt="50íë¬ì¤ì¼í°"> 382 </a> 383 </div> 384 <div class="main-nav-search-wrapper main-nav-search-wrapper--web"> 385 <div class="main-nav-search-form"> 386 <label for="searchq" class="hidden-label">ê²ì</label> 387 <input type="text" name="query" id="searchq" class="main-nav-search-input" placeholder="ê²ìì´ë¥¼ ì ë ¥í´ì£¼ì¸ì." onkeypress="if(event.keyCode==13) centerHeaderSearch();" title="ê²ìì´ë¥¼ ì ë ¥í´ì£¼ì¸ì."> 388 <input type="image" src="/images/homepage/foundation/foundation-search-btn.png" 389 class="main-nav-search-submit-btn" alt="ê²ìë²í¼" onclick="centerHeaderSearch(); return false;" title="ê²ìë²í¼"> 390 </div> 391 </div> 392 </div> 393 <div class="navbar-collapse--main-nav"> 394 <div class="container container--nav"> 395 <div class="portal-cam-center-wrapper-mobile"> 396 <a href="#" class="portal-cam-center-mobile__link" title="í¬í¸"> 397 <img class="portal-cam-center-mobile__link__icon" src="/images/homepage/icon-foundation.png" alt="í¬í¸ ìì´ì½"> 398 <p class="portal-cam-center-mobile__link__title">í¬í¸</p> 399 </a> 400 <a href="#" class="portal-cam-center-mobile__link" title="ìº í¼ì¤"> 401 <img class="portal-cam-center-mobile__link__icon" src="/images/homepage/icon-campus.png" alt="ìº í¼ì¤ ìì´ì½"> 402 <p class="portal-cam-center-mobile__link__title">ìº í¼ì¤</p> 403 </a> 404 <a href="#" class="portal-cam-center-mobile__link" title="ì¼í°"> 405 <img class="portal-cam-center-mobile__link__icon" src="/images/homepage/icon-center.png" alt="ì¼í° ìì´ì½"> 406 <p class="portal-cam-center-mobile__link__title">ì¼í°</p> 407 </a> 408 </div> 409 <div class="main-nav-middle-favorite-group"> 410 <div class="middle-favorite-group--left"> 411 <a href="organization-location.do" class="middle-favorite-group__link middle-favorite-group__link--first">ìº í¼ì¤/ì¼í° ìì¹</a> 412 <div class="middle-favorite-group__link--division">|</div> 413 <a href="navigator.do" class="middle-favorite-group__link">50+ ì ê´ ì¬ì´í¸</a> 414 <div class="middle-favorite-group__link--division">|</div> 415 <a href="faq.do" class="middle-favorite-group__link">ì주íëì§ë¬¸</a> 416 <div class="middle-favorite-group__link--division">|</div> 417 <a href="#" id="favorite" class="middle-favorite-group__link" title="ì¦ê²¨ì°¾ê¸° ë±ë¡">ì¦ê²¨ì°¾ê¸° ë±ë¡</a> 418 </div> 419 <div class="middle-favorite-group--right"> 420 <a href="login.do" class="middle-favorite-group__link">ë¡ê·¸ì¸</a> 421 <div class="middle-favorite-group__link--division">|</div> 422 <a href="/joinSel.do?flag=join" class="middle-favorite-group__link">íìê°ì [ê°ì¸/기ì ]</a> 423 <div class="middle-favorite-group__link--division">|</div> 424 <a href="/find-id.do" class="middle-favorite-group__link">ìì´ë·ë¹ë°ë²í¸ 찾기</a> 425 </div> 426 </div> 427 </div> 428 <div class="center-main-menu-nav" id="main-gnb"> 429 <div class="container-header container--nav"> 430 <ul class="main-menus clearfix"> 431 <li class="main-menu-li main-menu-li--center"> 432 <a href="#" class="main-menu-li__link main-menu-li__link--center" title="ì¬ì ìë´ ì§ì ìº íìê° êµì¡ì ì² ìº íë´ì¤ ì림ë§ë¹"> 433 ì림ë§ë¹</a> 434 <div class="main-menu-li__active-bar main-menu-li__active-bar--center"></div> 435 <ul class="main-menu-sub-ul"> 436 <li class="main-menu-sub-li main-menu-sub-li--center"> 437 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 438 href="/nwc/notice.do">ê³µì§ì¬í</a> 439 </li> 440 <li class="main-menu-sub-li main-menu-sub-li--center"> 441 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 442 href="/nwc/news.do">ì¼í°ìì</a> 443 </li> 444 <li class="main-menu-sub-li main-menu-sub-li--center"> 445 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 446 href="/nwc/Information.do">ì ë³´ë§ë¹</a> 447 </li> 448 <li class="main-menu-sub-li main-menu-sub-li--center"> 449 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 450 href="/nwc/media.do">ì¸ë¡ ë³´ë</a> 451 </li> 452 <li class="main-menu-sub-li main-menu-sub-li--center"> 453 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 454 href="/nwc/library.do">ìë£ì¤</a> 455 </li> 456 <li class="main-menu-sub-li main-menu-sub-li--center"> 457 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" href="/nwc/faq.do" 458 target="_self">ì´ì©ë¬¸ì</a> 459 </li> 460 <li class="main-menu-sub-li main-menu-sub-li--center"> 461 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 462 href="/nwc/recruit-lecturer.do">ì 문ê°ì¬ëª¨ì§</a> 463 </li> 464 </ul> 465 </li> 466 <li class="main-menu-li main-menu-li--center"> 467 <a href="#" class="main-menu-li__link main-menu-li__link--center" title="ì¬ì ìë´ ì§ì ìº íìê° êµì¡ì ì² ìº íë´ì¤ ì¬ì ìë´"> 468 ì¬ì ìë´</a> 469 <div class="main-menu-li__active-bar main-menu-li__active-bar--center"></div> 470 <ul class="main-menu-sub-ul"> 471 <li class="main-menu-sub-li main-menu-sub-li--center"> 472 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 473 href="/nwc/consulting.do">ìë´ì¬ì (ê²½ë ¥ì¤ê³,ì¼ì리)</a> 474 </li> 475 <li class="main-menu-sub-li main-menu-sub-li--center"> 476 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 477 href="/nwc/life-design.do">ì¸ìì¤ê³ì¬ì </a> 478 </li> 479 <li class="main-menu-sub-li main-menu-sub-li--center"> 480 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 481 href="/nwc/career-development.do">ì¼Â·íëì¬ì </a> 482 </li> 483 <li class="main-menu-sub-li main-menu-sub-li--center"> 484 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 485 href="/nwc/open-school.do">ë¹ì¬ìì´ë¦°êµì¤</a> 486 </li> 487 </ul> 488 </li> 489 <li class="main-menu-li main-menu-li--center"> 490 <a href="#" class="main-menu-li__link main-menu-li__link--center" title="ì¬ì ìë´ ì§ì ìº íìê° êµì¡ì ì² ìº íë´ì¤ íë¡ê·¸ë¨"> 491 íë¡ê·¸ë¨</a> 492 <div class="main-menu-li__active-bar main-menu-li__active-bar--center"></div> 493 <ul class="main-menu-sub-ul"> 494 <li class="main-menu-sub-li main-menu-sub-li--center"> 495 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" href="/nwc/education.do" 496 target="_self">íë¡ê·¸ë¨ ì ì²</a> 497 </li> 498 <li class="main-menu-sub-li main-menu-sub-li--center"> 499 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" href="/nwc/review.do" 500 target="_self">íë¡ê·¸ë¨ í기</a> 501 </li> 502 <li class="main-menu-sub-li main-menu-sub-li--center"> 503 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 504 href="/nwc/education-Introduce.do">íë¡ê·¸ë¨ ì ì²ë°©ë²/íë¶/ë©´ì </a> 505 </li> 506 </ul> 507 </li> 508 <li class="main-menu-li main-menu-li--center"> 509 <a href="#" class="main-menu-li__link main-menu-li__link--center" title="ì¬ì ìë´ ì§ì ìº íìê° êµì¡ì ì² ìº íë´ì¤ 커뮤ëí°"> 510 커뮤ëí°</a> 511 <div class="main-menu-li__active-bar main-menu-li__active-bar--center"></div> 512 <ul class="main-menu-sub-ul"> 513 <li class="main-menu-sub-li main-menu-sub-li--center"> 514 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 515 href="/nwc/community-Introduce.do">커뮤ëí° ìë´</a> 516 </li> 517 <li class="main-menu-sub-li main-menu-sub-li--center"> 518 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" href="/nwc/community.do" 519 target="_self">커뮤ëí° ëª©ë¡</a> 520 </li> 521 <li class="main-menu-sub-li main-menu-sub-li--center"> 522 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 523 href="/nwc/community-activity.do">커뮤ëí° ìì</a> 524 </li> 525 </ul> 526 </li> 527 <li class="main-menu-li main-menu-li--center"> 528 <a href="#" class="main-menu-li__link main-menu-li__link--center" title="ì¬ì ìë´ ì§ì ìº íìê° êµì¡ì ì² ìº íë´ì¤ ì¸íë² ì´í "> 529 ì¸íë² ì´í </a> 530 <div class="main-menu-li__active-bar main-menu-li__active-bar--center"></div> 531 <ul class="main-menu-sub-ul"> 532 <li class="main-menu-sub-li main-menu-sub-li--center"> 533 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 534 href="/nwc/Incubating.do">ì´ë¦°ì¬ë¬´ì¤ ì 주ìë´</a> 535 </li> 536 <li class="main-menu-sub-li main-menu-sub-li--center"> 537 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" href="/nwc/incubating.do" 538 target="_self">ì¸íë² ì´í 목ë¡</a> 539 </li> 540 <li class="main-menu-sub-li main-menu-sub-li--center"> 541 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 542 href="/nwc/Incubating-activity.do">ì¸íë² ì´í íë</a> 543 </li> 544 </ul> 545 </li> 546 <li class="main-menu-li main-menu-li--center"> 547 <a href="#" class="main-menu-li__link main-menu-li__link--center" title="ì¬ì ìë´ ì§ì ìº íìê° êµì¡ì ì² ìº íë´ì¤ ì¬íê³µí/ì¼ì리"> 548 ì¬íê³µí/ì¼ì리</a> 549 <div class="main-menu-li__active-bar main-menu-li__active-bar--center"></div> 550 <ul class="main-menu-sub-ul"> 551 <li class="main-menu-sub-li main-menu-sub-li--center"> 552 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 553 href="/nwc/job-bank.do">ì¼ì리 ì±ì©ì ë³´</a> 554 </li> 555 <li class="main-menu-sub-li main-menu-sub-li--center"> 556 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 557 href="/nwc/talent-donation.do">ì¬íê³µííëì¬ì </a> 558 </li> 559 <li class="main-menu-sub-li main-menu-sub-li--center"> 560 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 561 href="/nwc/value.do">ìì¸ì¤ì¥ë ê°ì¹ëíì¼ì리</a> 562 </li> 563 </ul> 564 </li> 565 <li class="main-menu-li main-menu-li--center"> 566 <a href="#" class="main-menu-li__link main-menu-li__link--center" title="ì¬ì ìë´ ì§ì ìº íìê° êµì¡ì ì² ìº íë´ì¤ ì¼í°ìê°"> 567 ì¼í°ìê°</a> 568 <div class="main-menu-li__active-bar main-menu-li__active-bar--center"></div> 569 <ul class="main-menu-sub-ul"> 570 <li class="main-menu-sub-li main-menu-sub-li--c
570enter"> 571 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 572 href="/nwc/vision.do">미ì /ë¹ì </a> 573 </li> 574 <li class="main-menu-sub-li main-menu-sub-li--center"> 575 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 576 href="/nwc/center.do">ì¸ì¬ë§</a> 577 </li> 578 <li class="main-menu-sub-li main-menu-sub-li--center"> 579 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 580 href="/nwc/facility.do">ìì¤ìë´</a> 581 </li> 582 <li class="main-menu-sub-li main-menu-sub-li--center"> 583 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 584 href="/nwc/organization.do">ì¡°ì§ë</a> 585 </li> 586 <li class="main-menu-sub-li main-menu-sub-li--center"> 587 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 588 href="/nwc/history.do">ì°í</a> 589 </li> 590 <li class="main-menu-sub-li main-menu-sub-li--center"> 591 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 592 href="/nwc/operation.do">ì´ìë²ì¸</a> 593 </li> 594 <li class="main-menu-sub-li main-menu-sub-li--center"> 595 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 596 href="/nwc/location.do">ì¤ìë길</a> 597 </li> 598 <li class="main-menu-sub-li main-menu-sub-li--center"> 599 <a class="main-menu-sub-li__link main-menu-sub-li__link--center" 600 href="/nwc/space.do">ëê´ì ì²</a> 601 </li> 602 </ul> 603 </li> 604 </ul> 605 </div> 606 </div> 607 </div> 608 <div class="collapse navbar-collapse navbar-collapse--mobile-search" id="search-collapse"> 609 <div class="main-nav-search-form main-nav-search-form--mobile"> 610 <label for="searchmobileq" class="hidden-label">ê²ì</label> 611 <input type="text" name="query" id="searchmobileq" class="mobile-nav-search-input" placeholder="ê²ìì´ë¥¼ ì ë ¥í´ì£¼ì¸ì." onkeypress="if(event.keyCode==13) centerMobileHeaderSearch();" title="ê²ìì´ë¥¼ ì ë ¥í´ì£¼ì¸ì."> 612 <button type="button" class="mobile-search-submit-btn" onclick="centerMobileHeaderSearch();">ê²ì</button> 613 </div> 614 </div> 615 <div class="only-mobile"> 616 <ul class="mobile-session-btn-group clearfix"> 617 <li class="mobile-session-li mobile-session-li--first"> 618 <a href="login.do" class="mobile-session__link"> 619 <img class="mobile-session__link__icon" src="/images/homepage/icon-login.png" alt="">ë¡ê·¸ì¸ 620 </a> 621 </li> 622 <li class="mobile-session-divide-line"> 623 </li> 624 <li class="mobile-session-li"> 625 <a href="/joinSel.do?flag=join" class="mobile-session__link"> 626 <img class="mobile-session__link__icon" src="/images/homepage/icon-signin.png" alt="">íìê°ì [ê°ì¸/기ì ] 627 </a> 628 </li> 629 </ul> 630 </div> 631 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 632 <div class="container-header container--nav visible-xs-block"> 633 <div class="mobile-org-button-group clearfix" role="tablist" aria-multiselectable="true" id="org-button-group"> 634 <ul class="mobile-top-org-button-group clearfix"> 635 <li class="mobile-org-btn" style="width: 14.28%;"><a href="/" class="mobile-org-btn__link mobile-org-btn__link--first">í¬í¸</a></li> 636 <li class="mobile-org-btn" style="width: 14.28%;"><a href="/org/index.do" class="mobile-org-btn__link">ì¬ë¨</a></li> 637 <li class="mobile-org-btn" style="width: 14.28%;"> 638 <button class="mobile-org-btn__link mobile-org-btn__link--campus collapsed" 639 data-parent="#org-button-group" data-toggle="collapse" 640 data-target="#mobile-campus-collapse" aria-expanded="false" role="tab">ìº í¼ì¤ 641 </button> 642 </li> 643 <li class="mobile-org-btn" style="width: 14.28%;"> 644 <button class="mobile-org-btn__link mobile-org-btn__link--center collapsed" 645 data-parent="#org-button-group" data-toggle="collapse" 646 data-target="#mobile-center-collapse" aria-expanded="false" role="tab">ì¼í° 647 </button> 648 </li> 649 <li class="mobile-org-btn" style="width: 14.28%;">
649<a href="/s40/index.do" class="mobile-org-btn__link">40ë</a></li> 650 <li class="mobile-org-btn" style="width: 14.28%;"><a href="/sjc/index.do" class="mobile-org-btn__link">ìëì´</a></li> 651 <li class="mobile-org-btn" style="width: 14.28%;"><a href="/job/index.do" class="mobile-org-btn__link">ë°ëí</a></li> 652 </ul> 653 654 <div class="sub-org-toggle-panel panel"> 655 <ul class="mobile-campus-button-group clearfix collapse" role="tablist" 656 id="mobile-campus-collapse"> 657 <li class="mobile-suborg-li mobile-suborg-li--campus"><a href="/swc/index.do" 658 class="mobile-suborg-btn">ìë¶</a> 659 </li> 660 <li class="mobile-suborg-li mobile-suborg-li--campus"><a href="/scc/index.do" 661 class="mobile-suborg-btn">ì¤ë¶</a> 662 </li> 663 <li class="mobile-suborg-li mobile-suborg-li--campus"><a href="/ssc/index.do" 664 class="mobile-suborg-btn">ë¨ë¶</a> 665 </li> 666 <li class="mobile-suborg-li mobile-suborg-li--campus"><a href="/snc/index.do" 667 class="mobile-suborg-btn">ë¶ë¶</a> 668 </li> 669 <li class="mobile-suborg-li mobile-suborg-li--campus"><a href="/sec/index.do" 670 class="mobile-suborg-btn">ëë¶</a> 671 </li> 672 </ul> 673 </div> 674 <div class="sub-org-toggle-panel panel"> 675 <ul class="mobile-campus-button-group clearfix collapse panel" role="tablist" 676 id="mobile-center-collapse"> 677 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/djc/index.do" 678 class="mobile-suborg-btn">ëì</a> 679 </li> 680 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/nwc/index.do" 681 class="mobile-suborg-btn">ë ¸ì</a> 682 </li> 683 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/sdm/index.do" 684 class="mobile-suborg-btn">ìë문</a> 685 </li> 686 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/sbc/index.do" 687 class="mobile-suborg-btn">ì±ë¶</a> 688 </li> 689 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/gch/index.do" 690 class="mobile-suborg-btn">ê¸ì²</a> 691 </li> 692 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/gsc/index.do" 693 class="mobile-suborg-btn">ê°ì</a> 694 </li> 695 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/sch/index.do" 696 class="mobile-suborg-btn">ìì´</a> 697 </li> 698 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/gdc/index.do" 699 class="mobile-suborg-btn">ê°ë</a> 700 </li> 701 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/ycp/index.do" 702 class="mobile-suborg-btn">ìì²</a> 703 </li> 704 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/sdc/index.do" 705 class="mobile-suborg-btn">ì±ë</a> 706 </li> 707 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/gbc/index.do" 708 class="mobile-suborg-btn">ê°ë¶</a> 709 </li> 710 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/gnc/index.do" 711 class="mobile-suborg-btn">ê´ì </a> 712 </li> 713 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/ddc/index.do" 714 class="mobile-suborg-btn">ëë문</a> 715 </li> 716 <li class="mobile-suborg-li mobile-suborg-li--center"><a href="/ysc/index.do" 717 class="mobile-suborg-btn">ì©ì°</a> 718 </li> 719 </ul> 720 </div> 721 </div> 722 </div> 723 <div class="mobile-nav-menu-wrapper"> 724 <ul class="main-menu-nav-mobile" role="tablist"> 725 <li class="mobile-nav-li" role="tab" id="heading0"> 726 <a role="button" data-toggle="collapse" data-parent="#faq-accordion" href="#collapse0" 727 aria-expanded="true" aria-controls="collapse0" class="collapsed"> 728 <h4 class="mobile-nav-li__text"> 729 ì림ë§ë¹</h4> 730 <img src="/images/icon-arrow-up-light-active.png" class="mobile-nav-li__arrow arrow--active" alt="ë©ë´ì´ê¸°"> 731 <img src="/images/icon-arrow-down-light.png" class="mobile-nav-li__arrow arrow--close" alt="ë©ë´ë«ê¸°"> 732 </a> 733 <div id="collapse0" class="panel-collapse collapse faq-box__answer-wrapper" 734 role="tabpanel" 735 aria-labelledby="heading0"> 736 <ul class="mobile-nav-sub-ul"> 737 <li class="mobile-nav-sub-li"> 738 <a class="mobile-nav-sub-li__link" href="/nwc/notice.do">ê³µì§ì¬í</a> 739 </li> 740 <li class="mobile-nav-sub-li"> 741 <a class="mobile-nav-sub-li__link" href="/nwc/news.do">ì¼í°ìì</a> 742 </li> 743 <li class="mobile-nav-sub-li"> 744 <a class="mobile-nav-sub-li__link" href="/nwc/Information.do">ì ë³´ë§ë¹</a> 745 </li> 746 <li class="mobile-nav-sub-li"> 747 <a class="mobile-nav-sub-li__link" href="/nwc/media.do">ì¸ë¡ ë³´ë</a> 748 </li> 749 <li class="mobile-nav-sub-li"> 750 <a class="mobile-nav-sub-li__link" href="/nwc/library.do">ìë£ì¤</a> 751 </li> 752 <li class="mobile-nav-sub-li"> 753 <a class="mobile-nav-sub-li__link" href="/nwc/faq.do" 754 target="_self">ì´ì©ë¬¸ì</a> 755 </li> 756 <li class="mobile-nav-sub-li"> 757 <a class="mobile-nav-sub-li__link" href="/nwc/recruit-lecturer.do">ì 문ê°ì¬ëª¨ì§</a> 758 </li> 759 </ul> 760 </div> 761 </li> 762 <li class="mobile-nav-li" role="tab" id="heading1"> 763 <a role="button" data-toggle="collapse" data-parent="#faq-accordion" href="#collapse1" 764 aria-expanded="true" aria-controls="collapse1" class="collapsed"> 765 <h4 class="mobile-nav-li__text"> 766 ì¬ì ìë´</h4> 767 <img src="/images/icon-arrow-up-light-active.png" class="mobile-nav-li__arrow arrow--active" alt="ë©ë´ì´ê¸°"> 768 <img src="/images/icon-arrow-down-light.png" class="mobile-nav-li__arrow arrow--close" alt="ë©ë´ë«ê¸°"> 769 </a> 770 <div id="collapse1" class="panel-collapse collapse faq-box__answer-wrapper" 771 role="tabpanel" 772 aria-labelledby="heading1"> 773 <ul class="mobile-nav-sub-ul"> 774 <li class="mobile-nav-sub-li"> 775 <a class="mobile-nav-sub-li__link" href="/nwc/consulting.do">ìë´ì¬ì (ê²½ë ¥ì¤ê³,ì¼ì리)</a> 776 </li> 777 <li class="mobile-nav-sub-li"> 778 <a class="mobile-nav-sub-li__link" href="/nwc/life-design.do">ì¸ìì¤ê³ì¬ì </a> 779 </li> 780 <li class="mobile-nav-sub-li"> 781 <a class="mobile-nav-sub-li__link" href="/nwc/career-development.do">ì¼Â·íëì¬ì </a> 782 </li> 783 <li class="mobile-nav-sub-li"> 784 <a class="mobile-nav-sub-li__link" href="/nwc/open-school.do">ë¹ì¬ìì´ë¦°êµì¤</a> 785 </li> 786 </ul> 787 </div> 788 </li> 789 <li class="mobile-nav-li" role="tab" id="heading2"> 790 <a role="button" data-toggle="collapse" data-parent="#faq-accordion" href="#collapse2" 791 aria-expanded="true" aria-controls="collapse2" class="collapsed"> 792 <h4 class="mobile-nav-li__text"> 793 íë¡ê·¸ë¨</h4> 794 <img src="/images/icon-arrow-up-light-active.png" class="mobile-nav-li__arrow arrow--active" alt="ë©ë´ì´ê¸°"> 795 <img src="/images/icon-arrow-down-light.png" class="mobile-nav-li__arrow arrow--close" alt="ë©ë´ë«ê¸°"> 796 </a> 797 <div id="collapse2" class="panel-collapse collapse faq-box__answer-wrapper" 798 role="tabpanel" 799 aria-labelledby="heading2"> 800 <ul class="mobile-nav-sub-ul"> 801 <li class="mobile-nav-sub-li"> 802 <a class="mobile-nav-sub-li__link" href="/nwc/education.do" 803 target="_self">íë¡ê·¸ë¨ ì ì²</a> 804 </li> 805 <li class="mobile-nav-sub-li"> 806 <a class="mobile-nav-sub-li__link" href="/nwc/review.do" 807 target="_self">íë¡ê·¸ë¨ í기</a> 808 </li> 809 <li class="mobile-nav-sub-li"> 810 <a class="mobile-nav-sub-li__link" href="/nwc/education-Introduce.do">íë¡ê·¸ë¨ ì ì²ë°©ë²/íë¶/ë©´ì </a> 811 </li> 812 </ul> 813 </div> 814 </li> 815 <li class="mobile-nav-li" role="tab" id="heading3"> 816 <a role="button" data-toggle="collapse" data-parent="#faq-accordion" href="#collapse3" 817 aria-expanded="true" aria-controls="collapse3" class="collapsed"> 818 <h4 class="mobile-nav-li__text"> 819 커뮤ëí°</h4> 820 <img src="/images/icon-arrow-up-light-active.png" class="mobile-nav-li__arrow arrow--active" alt="ë©ë´ì´ê¸°"> 821 <img src="/images/icon-arrow-down-light.png" class="mobile-nav-li__arrow arrow--close" alt="ë©ë´ë«ê¸°"> 822 </a> 823 <div id="collapse3" class="panel-collapse collapse faq-box__answer-wrapper" 824 role="tabpanel" 825 aria-labelledby="heading3"> 826 <ul class="mobile-nav-sub-ul"> 827 <li class="mobile-nav-sub-li"> 828 <a class="mobile-nav-sub-li__link" href="/nwc/community-Introduce.do">커뮤ëí° ìë´</a> 829 </li> 830 <li class="mobile-nav-sub-li"> 831 <a class="mobile-nav-sub-li__link" href="/nwc/community.do" 832 target="_self">커뮤ëí° ëª©ë¡</a> 833 </li> 834 <li class="mobile-nav-sub-li"> 835 <a class="mobile-nav-sub-li__link" href="/nwc/community-activity.do">커뮤ëí° ìì</a> 836 </li> 837 </ul> 838 </div> 839 </li> 840 <li class="mobile-nav-li" role="tab" id="heading4"> 841 <a role="button" data-toggle="collapse" data-parent="#faq-accordion" href="#collapse4" 842 aria-expanded="true" aria-controls="collapse4" class="collapsed"> 843 <h4 class="mobile-nav-li__text"> 844 ì¸íë² ì´í </h4> 845 <img src="/images/icon-arrow-up-light-active.png" class="mobile-nav-li__arrow arrow--active" alt="ë©ë´ì´ê¸°"> 846 <img src="/images/icon-arrow-down-light.png" class="mobile-nav-li__arrow arrow--close" alt="ë©ë´ë«ê¸°"> 847 </a> 848 <div id="collapse4" class="panel-collapse collapse faq-box__answer-wrapper" 849 role="tabpanel" 850 aria-labelledby="heading4"> 851 <ul class="mobile-nav-sub-ul"> 852 <li class="mobile-nav-sub-li"> 853 <a class="mobile-nav-sub-li__link" href="/nwc/Incubating.do">ì´ë¦°ì¬ë¬´ì¤ ì 주ìë´</a> 854 </li> 855 <li class="mobile-nav-sub-li"> 856 <a class="mobile-nav-sub-li__link" href="/nwc/incubating.do" 857 target="_self">ì¸íë² ì´í 목ë¡</a> 858 </li> 859 <li class="mobile-nav-sub-li"> 860 <a class="mobile-nav-sub-li__link" href="/nwc/Incubating-activity.do">ì¸íë² ì´í íë</a> 861 </li> 862 </ul> 863 </div> 864 </li> 865 <li class="mobile-nav-li" role="tab" id="heading5"> 866 <a role="button" data-toggle="collapse" data-parent="#faq-accordion" href="#collapse5" 867 aria-expanded="true" aria-controls="collapse5" class="collapsed"> 868 <h4 class="mobile-nav-li__text"> 869 ì¬íê³µí/ì¼ì리</h4> 870 <img src="/images/icon-arrow-up-light-active.png" class="mobile-nav-li__arrow arrow--active" alt="ë©ë´ì´ê¸°"> 871 <img src="/images/icon-arrow-down-light.png" class="mobile-nav-li__arrow arrow--close" alt="ë©ë´ë«ê¸°"> 872 </a> 873 <div id="collapse5" class="panel-collapse collapse faq-box__answer-wrapper" 874 role="tabpanel" 875 aria-labelledby="heading5"> 876 <ul class="mobile-nav-sub-ul"> 877 <li class="mobile-nav-sub-li"> 878 <a class="mobile-nav-sub-li__link" href="/nwc/job-bank.do">ì¼ì리 ì±ì©ì ë³´</a> 879 </li> 880 <li class="mobile-nav-sub-li"> 881 <a class="mobile-nav-sub-li__link" href="/nwc/talent-donation.do">ì¬íê³µííëì¬ì </a> 882 </li> 883 <li class="mobile-nav-sub-li"> 884 <a class="mobile-nav-sub-li__link" href="/nwc/value.do">ìì¸ì¤ì¥ë ê°ì¹ëíì¼ì리</a> 885 </li> 886 </ul> 887 </div> 888 </li> 889 <li class="mobile-nav-li" role="tab" id="heading6"> 890 <a role="button" data-toggle="collapse" data-parent="#faq-accordion" href="#collapse6" 891 aria-expanded="true" aria-controls="collapse6" class="collapsed"> 892 <h4 class="mobile-nav-li__text"> 893 ì¼í°ìê°</h4> 894 <img src="/images/icon-arrow-up-light-active.png" class="mobile-nav-li__arrow arrow--active" alt="ë©ë´ì´ê¸°"> 895 <img src="/images/icon-arrow-down-light.png" class="mobile-nav-li__arrow arrow--close" alt="ë©ë´ë«ê¸°"> 896 </a> 897 <div id="collapse6" class="panel-collapse collapse faq-box__answer-wrapper" 898 role="tabpanel" 899 aria-labelledby="heading6"> 900 <ul
900 class="mobile-nav-sub-ul"> 901 <li class="mobile-nav-sub-li"> 902 <a class="mobile-nav-sub-li__link" href="/nwc/vision.do">미ì /ë¹ì </a> 903 </li> 904 <li class="mobile-nav-sub-li"> 905 <a class="mobile-nav-sub-li__link" href="/nwc/center.do">ì¸ì¬ë§</a> 906 </li> 907 <li class="mobile-nav-sub-li"> 908 <a class="mobile-nav-sub-li__link" href="/nwc/facility.do">ìì¤ìë´</a> 909 </li> 910 <li class="mobile-nav-sub-li"> 911 <a class="mobile-nav-sub-li__link" href="/nwc/organization.do">ì¡°ì§ë</a> 912 </li> 913 <li class="mobile-nav-sub-li"> 914 <a class="mobile-nav-sub-li__link" href="/nwc/history.do">ì°í</a> 915 </li> 916 <li class="mobile-nav-sub-li"> 917 <a class="mobile-nav-sub-li__link" href="/nwc/operation.do">ì´ìë²ì¸</a> 918 </li> 919 <li class="mobile-nav-sub-li"> 920 <a class="mobile-nav-sub-li__link" href="/nwc/location.do">ì¤ìë길</a> 921 </li> 922 <li class="mobile-nav-sub-li"> 923 <a class="mobile-nav-sub-li__link" href="/nwc/space.do">ëê´ì ì²</a> 924 </li> 925 </ul> 926 </div> 927 </li> 928 </ul> 929 <ul class="site-info-button-group"> 930 <li class="site-info-button"> 931 <a href="organization-location.do" class="site-info-button-group__link site-info-button-group__link--first">ìº í¼ì¤/ì¼í° ìì¹</a> 932 </li> 933 <li class="site-info-button"> 934 <a href="navigator.do" class="site-info-button-group__link">ì ê´ì¬ì´í¸</a> 935 </li> 936 <li class="site-info-button"> 937 <a href="faq.do" class="site-info-button-group__link">ì주íëì§ë¬¸</a> 938 </li> 939 <!-- 940 <li class="site-info-button"> 941 <a href="/org/eng.do" class="site-info-button-group__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ENG</a> 942 </li> 943 --> 944 </ul> 945 </div> 946 </div> 947 </nav> 948</header>
949<script> 950// PCì© ì¼í° í¤ë ê²ì ê¸°ë¥ 951function centerHeaderSearch() { 952 var searchInput = document.getElementById('searchq'); 953 var query = searchInput.value.trim(); 954 955 if (query) { 956 // íì¬ URLìì ì¼í° ì½ë ì¶ì¶ (첫 ë²ì§¸ ê²½ë¡ê°) 957 var pathParts = window.location.pathname.split('/'); 958 var centerCode = pathParts[1] || ''; // /nwc/education.do -> 'nwc' 959 960 var searchUrl = '/search.do?query=' + encodeURIComponent(query) + '&searchPage=center'; 961 if (centerCode) { 962 searchUrl += '&orgCd=' + centerCode; 963 } 964 965 // ì ê· íµí© ê²ì íì´ì§ë¡ ì´ë 966 window.location.href = searchUrl; 967 } 968} 969 970// 모ë°ì¼ì© ì¼í° í¤ë ê²ì ê¸°ë¥ 971function centerMobileHeaderSearch() { 972 var searchInput = document.getElementById('searchmobileq'); 973 var query = searchInput.value.trim(); 974 975 if (query) { 976 var searchUrl = '/search.do?query=' + encodeURIComponent(query) + '&searchPage=center&orgCd=nwc'; 977 978 // ì ê· íµí© ê²ì íì´ì§ë¡ ì´ë 979 window.location.href = searchUrl; 980 } 981} 982</script>
982 983<!-- END HEADER --> 984 985<!-- BEGIN CONTENT --> 986<div class="container slide-wrapper"> 987 <ul class="basic-slide"> 988 <li class="basic-slide__li"> 989 <a href="https://www.50plus.or.kr/nwc/education.do" class="basic-slide__link"> 990 <img class="basic-slide__img" src="/upload/im/2026/09/b914824b-b2fc-451e-a15f-18acf63d1180.png" alt="10ì ìê°ì 모ì§"> 991 </a> 992 </li> 993 <li class="basic-slide__li"> 994 <a href="https://www.50plus.or.kr/nwc/index.do" class="basic-slide__link"> 995 <img class="basic-slide__img" src="/upload/im/2025/12/64c26ff9-0a9e-4e3b-a749-ae3ea1823059.png" alt="ì´ì©ì°ë ¹ìë´"> 996 </a> 997 </li> 998 <li class="basic-slide__li"> 999 <a href="https://sll.seoul.go.kr/main/doMainView.do?main_se=lie" class="basic-slide__link"> 1000 <img class="basic-slide__img" src="/upload/im/2026/04/d71decda-289f-4f38-a726-3f2459bf7539.png" alt="ìì¸ìíìí¬í¸"> 1001 </a> 1002 </li> 1003 <li class="basic-slide__li"> 1004 <a href="https://www.50plus.or.kr/nwc/consulting.do" class="basic-slide__link"> 1005 <img class="basic-slide__img" src="/upload/im/2025/02/53fc24d2-7c2b-44a1-88de-12994c4ed0bf.png" alt="ì 문ìë´ ì ì²"> 1006 </a> 1007 </li> 1008 <li class="basic-slide__li"> 1009 <a href="https://50plus.or.kr/nwc/community-Introduce.do" class="basic-slide__link"> 1010 <img class="basic-slide__img" src="/upload/im/2026/03/cb492eec-27c0-42dc-8bb2-a1dfc5b3a7eb.jpg" alt="커뮤ëí°"> 1011 </a> 1012 </li> 1013 <li class="basic-slide__li"> 1014 <a href="https://www.50plus.or.kr/nwc/job-bank.do" class="basic-slide__link"> 1015 <img class="basic-slide__img" src="/upload/im/2025/04/dad97735-23b3-4279-b669-10382d841a41.png" alt="ì¼ì리ì±ì©ì ë³´"> 1016 </a> 1017 </li> 1018 </ul> 1019</div><div class="container module-wrapper"> 1020 <div class="clearfix gutter-20"> 1021 <div class="gutter-20__li grid-2"> 1022 <ul class="image-banner-slide"> 1023 <li> 1024 <a class="image-banner__link" href="https://50plus.or.kr/nwc/detail.do?id=10854174"> 1025 <img class="basic-banner__img" src="/upload/im/2026/04/a05c3f24-d4d6-4725-9de8-29608383ad03.png" alt="ì¨ë¼ì¸ê°ì"> 1026 </a> 1027 </li> 1028 <li> 1029 <a class="image-banner__link" href="https://50plus.or.kr/nwc/consulting.do"> 1030 <img class="basic-banner__img" src="/upload/im/2021/02/bbdd7dad-1489-4346-b0d0-a60c5ed36a7a.png" alt="ìë´"> 1031 </a> 1032 </li> 1033 <li> 1034 <a class="image-banner__link" href="http://pf.kakao.com/_eXIxbxl"> 1035 <img class="basic-banner__img" src="/upload/im/2021/02/8d53eea1-f113-4226-88ea-a21f1548c3c3.png" alt="ì¹´ì¹´ì¤"> 1036 </a> 1037 </li> 1038 </ul> 1039 </div> 1040 <div class="gutter-20__li grid-2"> 1041 <div class="board-tab-wrapper"> 1042 <ul class="board-tab__board clearfix" role="tablist"> 1043 <li class="board-tab board-tab--first active" role="presentation"> 1044 <a class="board-tab__link" href="#tabId2-1" aria-controls="tabId2-1" 1045 role="tab" data-toggle="tab">ê³µì§ì¬í</a> 1046 </li> 1047 <li class="board-tab--division">|</li> 1048 <li class="board-tab" role="presentation"> 1049 <a class="board-tab__link" href="#tabId2-2" aria-controls="tabId2-2" 1050 role="tab" data-toggle="tab">ì ë³´ë§ë¹</a> 1051 </li> 1052 <li class="board-tab--division">|</li> 1053 <li class="board-tab" role="presentation"> 1054 <a class="board-tab__link" href="#tabId2-3" aria-controls="tabId2-3" 1055 role="tab" data-toggle="tab">ì¸ë¡ ë³´ë</a> 1056 </li> 1057 </ul> 1058 <div class="desc-tabpanels tab-content"> 1059 <div role="tabpanel" class="board-tab__pane tab-pane active" 1060 id="tabId2-1"> 1061 <a href="/nwc/notice.do" class="board-tab__more">ë보기 +</a> 1062 <ul class="clearfix"> 1063 <li class="board-tab__pane__li"> 1064 <a class="board-tab__pane__li__link" href="/nwc/detail.do?id=77144419">
1065 <span class="pane-li-point">·</span>2026ë ì¸íë² ì´í ì§ìì¬ì ì 주 ë¨ì²´ ì¶ê° 모ì§<p class="board-tab__pane__li__date"> 1066 2026-09-21</p> 1067 </a> 1068 </li> 1069 <li class="board-tab__pane__li"> 1070 <a class="board-tab__pane__li__link" href="/nwc/detail.do?id=77113145"> 1071 <span class="pane-li-point">·</span>2027ë ê°ì¹ëíì¼ì리 ì°¸ì¬ë¥¼ ìí íìêµì¡ ìë´<p class="board-tab__pane__li__date"> 1072 2026-09-21</p> 1073 </a> 1074 </li> 1075 <li class="board-tab__pane__li"> 1076 <a class="board-tab__pane__li__link" href="/nwc/detail.do?id=77511057"> 1077 <span class="pane-li-point">·</span>10ì í´ê´ ìë´(10/3(í ), 10/5(ì), 10/9(ê¸))<p class="board-tab__pane__li__date"> 1078 2026-10-02</p> 1079 </a> 1080 </li> 1081 <li class="board-tab__pane__li"> 1082 <a class="board-tab__pane__li__link" href="/nwc/detail.do?id=77189591"> 1083 <span class="pane-li-point">·</span>[긴ê¸]ë ¸ì50+ì¼í° ì ê·ì§(íì) ì±ì© ë©´ì ì í í©ê²©ì ê³µê³ <p class="board-tab__pane__li__date"> 1084 2026-09-22</p> 1085 </a> 1086 </li> 1087 </ul> 1088 </div> 1089 <div role="tabpanel" class="board-tab__pane tab-pane" 1090 id="tabId2-2"> 1091 <a href="/nwc/Information.do" class="board-tab__more">ë보기 +</a> 1092 <ul class="clearfix"> 1093 <li class="board-tab__pane__li"> 1094 <a class="board-tab__pane__li__link" href="/nwc/detail.do?id=77455476"> 1095 <span class="pane-li-point">·</span>2026 ìì¸ì ë§ìëë´ íì¤í°ë²<p class="board-tab__pane__li__date"> 1096 2026-10-01</p> 1097 </a> 1098 </li> 1099 <li class="board-tab__pane__li"> 1100 <a class="board-tab__pane__li__link" href="/nwc/detail.do?id=77181052"> 1101 <span class="pane-li-point">·</span>[ë ¸ì구ë§ìê±´ê°ì§ìì¼í°] 4050 ì§ë¨ìë´ íë¡ê·¸ë¨ ì°¸ì¬ì 모ì§<p class="board-tab__pane__li__date"> 1102 2026-09-22</p> 1103 </a> 1104 </li> 1105 <li class="board-tab__pane__li"> 1106 <a class="board-tab__pane__li__link" href="/nwc/detail.do?id=77068216"> 1107 <span class="pane-li-point">·</span>[ë ¸ì구ê°ì¡±ì¼í°] ì·¨ì½ 1ì¸ê°êµ¬ ì ìì§ì íë¡ê·¸ë¨ ì¶ê° ì´ì<p class="board-tab__pane__li__date"> 1108 2026-09-18</p> 1109 </a> 1110 </li> 1111 <li class="board-tab__pane__li"> 1112 <a class="board-tab__pane__li__link" href="/nwc/detail.do?id=76872502"> 1113 <span class="pane-li-point">·</span>[ë ¸ìêµì¡ë³µì§ì¬ë¨] 2026ë 문íì¬ê°ì§ìì¬ì ì¬ê¸°ë¡ì´ ìº íìí 10ì ì¶ì² ê°êµ¬ ì ì <p class="board-tab__pane__li__date"> 1114 2026-09-11</p> 1115 </a> 1116 </li> 1117 </ul> 1118 </div> 1119 <div role="tabpanel" class="board-tab__pane tab-pane" 1120 id="tabId2-3"> 1121 <a href="/nwc/media.do" class="board-tab__more">ë보기 +</a> 1122 <ul class="clearfix"> 1123 <li class="board-tab__pane__li"> 1124 <a class="board-tab__pane__li__link" href="/nwc/detail.do?id=77433166"> 1125 <span class="pane-li-point">·</span>[ë ¸ì구ììì§] [ë ¸ì50íë¬ì¤ì¼í°]4050 ì§ì ìëêµì¡ ìê°ì 모ì§<p class="board-tab__pane__li__date"> 1126 2026-09-28</p> 1127 </a> 1128 </li> 1129 <li class="board-tab__pane__li"> 1130 <a class="board-tab__pane__li__link" href="/nwc/detail.do?id=77224974">
1131 <span class="pane-li-point">·</span>[í¼ì¤í¸ì 문] ë ¸ì50íë¬ì¤ì¼í° 2026 ì¸íë² ì´í ì¬ì ì 주ë¨ì²´ ì¶ê° 모ì§<p class="board-tab__pane__li__date"> 1132 2026-09-23</p> 1133 </a> 1134 </li> 1135 <li class="board-tab__pane__li"> 1136 <a class="board-tab__pane__li__link" href="/nwc/detail.do?id=77219324"> 1137 <span class="pane-li-point">·</span>[ë ¸ìì 문] 10ì íë¡ê·¸ë¨ ìê°ì 모ì§<p class="board-tab__pane__li__date"> 1138 2026-09-23</p> 1139 </a> 1140 </li> 1141 <li class="board-tab__pane__li"> 1142 <a class="board-tab__pane__li__link" href="/nwc/detail.do?id=76808224"> 1143 <span class="pane-li-point">·</span>[ë ¸ìì 문] ëë´íêµê°ì¬ìì±ê³¼ì ì°¸ì¬ì 모ì§<p class="board-tab__pane__li__date"> 1144 2026-09-09</p> 1145 </a> 1146 </li> 1147 </ul> 1148 </div> 1149 </div> 1150 </div> 1151 </div> 1152 </div> 1153</div><div class="container module-wrapper"> 1154 <div class="clearfix bottom-box-infos"> 1155 <h3 class="bottom-box-title">ìê°ì ì²</h3> 1156 <div class="bottom-box-desc"> 1157 <p>íë¡ê·¸ë¨ ë°ë¡ê°ê¸°</p> 1158 </div> 1159 </div> 1160<ul class="gutter-14 clearfix campus"> 1161 <li class="gutter-14__li grid-4"> 1162 <div class="basic-card"> 1163 <a href="https://www.50plus.or.kr/nwc/education-detail.do?id=75924671" class="basic-card-img-link"> 1164 <div class="background-image basic-card__img" style="background-image: url(/upload/im/2026/09/f60eae95-08a0-4bb7-bf43-8ff01f6b0a16.png)"> 1165 <p class="alt-text">ì§êµ¬íê²½ì§ëì¬ìì±ê³¼ì </p> 1166 </div> 1167 </a> 1168 <div class="basic-card__info"> 1169 <h5 class="basic-card__info__title"> 1170 <a href="https://www.50plus.or.kr/nwc/education-detail.do?id=75924671" class="board-card__link">ì§êµ¬íê²½ì§ëì¬ìì±ê³¼ì </a> 1171 </h5> 1172 <div class="basic-card__info__desc"> 1173 <p>ì¼ì : 2026.9.30.~12.2.(ì) 10:00~12:00</p> 1174 </div> 1175 </div> 1176 </div> 1177 </li> 1178 <li class="gutter-14__li grid-4"> 1179 <div class="basic-card"> 1180 <a href="https://www.50plus.or.kr/nwc/education-detail.do?id=76859013" class="basic-card-img-link"> 1181 <div class="background-image basic-card__img" style="background-image: url(/upload/im/2026/09/6e288413-7936-40a5-9f1f-cf26ecccf0ba.png)"> 1182 <p class="alt-text">ì°ë¦¬ ê°ìì§ ì ì´ë´ê¹? ë°ë ¤ìí ì¤ì ê°ì´ë</p> 1183 </div> 1184 </a> 1185 <div class="basic-card__info"> 1186 <h5 class="basic-card__info__title"> 1187 <a href="https://www.50plus.or.kr/nwc/education-detail.do?id=76859013" class="board-card__link">ì°ë¦¬ ê°ìì§ ì ì´ë´ê¹? ë°ë ¤ìí ì¤ì ê°ì´ë</a> 1188 </h5> 1189 <div class="basic-card__info__desc"> 1190 <p>ì¼ì : 2026.10.7.(ì) 11:00~13:00</p> 1191 </div> 1192 </div> 1193 </div> 1194 </li> 1195 <li class="gutter-14__li grid-4"> 1196 <div class="basic-card"> 1197 <a href="https://www.50plus.or.kr/nwc/education-detail.do?id=76847902" class="basic-card-img-link"> 1198 <div class="background-image basic-card__img" style="background-image: url(/upload/im/2026/09/88dc98b3-11d6-4968-80fd-34e7ee01a4a4.png)"> 1199 <p class="alt-text">ëëê²ìì§ëì¬ê³¼ì </p> 1200 </div> 1201 </a> 1202 <div class="basic-card__info"> 1203 <h5 class="basic-card__info__title"> 1204 <a href="https://www.50plus.or.kr/nwc/education-detail.do?id=76847902" class="board-card__link">ëëê²ìì§ëì¬ê³¼ì </a> 1205 </h5> 1206 <div class="basic-card__info__desc"> 1207 <p>ì¼ì : 2026. 10. 10.~11. 7.(í ) 10:00~13:00</p> 1208 </div> 1209 </div> 1210 </div> 1211 </li> 1212 <li class="gutter-14__li grid-4"> 1213 <div class="basic-card"> 1214 <a href="https://www.50plus.or.kr/nwc/education-detail.do?id=76857081" class="basic-card-img-link"> 1215 <div class="background-image basic-card__img" style="background-image: url(/upload/im/2026/09/22a3a541-f56f-47c7-b178-672cec906602.png)"> 1216 <p class="alt-text">ë ¸ì¸ì¥ê¸°ìì, ê¼ ììì¼ í A to Z</p> 1217 </div> 1218 </a> 1219 <div class="basic-card__info"> 1220 <h5 class="basic-card__info__title"> 1221 <a href="https://www.50plus.or.kr/nwc/education-detail.do?id=76857081" class="board-card__link">ë ¸ì¸ì¥ê¸°ìì, ê¼ ììì¼ í A to Z</a> 1222 </h5> 1223 <div class="basic-card__info__desc"> 1224 <p>ì¼ì : 2026. 10. 12.~11. 16.(ì) 14:00~17:00</p> 1225 </div> 1226 </div> 1227 </div> 1228 </li> 1229 </ul> 1230</div><div class="container module-wrapper"> 1231 <ul class="gutter-14 clearfix"> 1232 <li class="gutter-14__li four-banner"> 1233 <a href="https://50plus.or.kr/nwc/education.do" class="four-banner__link"> 1234 <img class="four-banner__img" src="/upload/im/2020/03/22a6497d-de8e-449e-a5bb-a58afb883fb1.jpg" alt="íë¡ê·¸ë¨"> 1235 </a> 1236 </li> 1237 <li class="gutter-14__li four-banner"> 1238 <a href="https://50plus.or.kr/nwc/job-bank.do" class="four-banner__link"> 1239 <img class="four-banner__img" src="/upload/im/2020/03/3a8184a9-09d1-4d22-805f-8244d4c072ff.jpg" alt="ì¼ì리"> 1240 </a> 1241 </li> 1242 <li class="gutter-14__li four-banner"> 1243 <a href="https://50plus.or.kr/nwc/consulting.do" class="four-banner__link"> 1244 <img class="four-banner__img" src="/upload/im/2020/03/766f7920-7bde-49fb-9db2-472e0974a68a.jpg" alt="ìë´ì ì²"> 1245 </a> 1246 </li> 1247 <li class="gutter-14__li four-banner"> 1248 <a href="https://50plus.or.kr/nwc/education-Introduce.do" class="four-banner__link"> 1249 <img class="four-banner__img" src="/upload/im/2020/03/a17f05ec-9833-4834-8917-7edd9937d30a.jpg" alt="ìê°ì ì²"> 1250 </a> 1251 </li> 1252 </ul> 1253</div> 1254<!-- Quick Banner HTML START --> 1255 <div class="quick-banner-wrapper-leftquick"> 1256 <ul class="quick-banner"> 1257 <li class="quick-banner__li"> 1258 <a class="quick-banner--image__link" href=""> 1259 <img src="/upload/im/2025/07/c8cf484e-bfa6-4555-bb9d-844d82f4d5f7.png" class="quick-banner__img" alt="ì´ë¯¸ì§ë°°ë"> 1260 </a> 1261 </li> 1262 <li class="quick-banner__li"> 1263 <a class="quick-banner--image__link" href="https://pf.kakao.com/_eXIxbxl"> 1264 <img src="/upload/im/2025/07/a24a2665-896c-4881-81fd-891ffa4679e7.png" class="quick-banner__img" alt="ì´ë¯¸ì§ë°°ë"> 1265 </a> 1266 </li> 1267 <li class="quick-banner__li"> 1268 <a class="quick-banner--image__link" href="https://www.youtube.com/@%EB%85%B8%EC%9B%9050%ED%94%8C%EB%9F%AC%EC%8A%A4%EC%84%BC%ED%84%B0"> 1269 <img src="/upload/im/2025/07/feea9ecd-de8a-4522-a6e4-a35de7da8a16.png" class="quick-banner__img" alt="ì´ë¯¸ì§ë°°ë"> 1270 </a> 1271 </li> 1272 <li class="quick-banner__li"> 1273 <a class="quick-banner--image__link" href="https://www.instagram.com/nowon50plus?igsh=dHlwcHNrZjhma2J6"> 1274 <img src="/upload/im/2025/07/5498d276-3b16-401d-b6c7-c639f9b7841e.png" class="quick-banner__img" alt="ì´ë¯¸ì§ë°°ë"> 1275 </a> 1276 </li> 1277 <li class="quick-banner__li"> 1278 <a class="quick-banner--image__link" href="https://blog.naver.com/nowon50center"> 1279 <img src="/upload/im/2025/07/09ac3844-93ca-4878-994d-afcd5f391c29.png" class="quick-banner__img" alt="ì´ë¯¸ì§ë°°ë"> 1280 </a> 1281 </li> 1282 <li class="quick-banner__li"> 1283 <a class="quick-banner--image__link" href="https://band.us/@nowon50center"> 1284 <img src="/upload/im/2025/07/4bb8f6bf-f86c-4bd3-b6c5-2147cd587624.png" class="quick-banner__img" alt="ì´ë¯¸ì§ë°°ë"> 1285 </a> 1286 </li> 1287 <li class="quick-banner__li"> 1288 <a class="quick-banner--image__link" href="https://www.facebook.com/profile.php?id=100017860779742"> 1289 <img src="/upload/im/2025/07/aa7572fc-9c80-4c93-b086-9d6b1beeaebe.png" class="quick-banner__img" alt="ì´ë¯¸ì§ë°°ë"> 1290 </a> 1291 </li> 1292 <li class="quick-banner__li"> 1293 <a class="quick-banner--image__link" href="https://50plus.or.kr/nwc/location.do"> 1294 <img src="/upload/im/2025/07/a61c7f09-f662-4378-96fd-a66d77584887.png" class="quick-banner__img" alt="ì´ë¯¸ì§ë°°ë"> 1295 </a> 1296 </li> 1297 </ul> 1298 </div> 1299 <!-- Quick Banner HTML END --> 1300<div class="quick-banner-wrapper-facebook"> 1301 <iframe class="facebook-box" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fnowon50center&tabs=timeline&width=300&height=600&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" 1302 width="300" height="600" style="border:none;" title="50íë¬ì¤ ë ¸ìì¼í°"></iframe> 1303 </div><!-- END CONTENT --> 1304 1305<!-- BEGIN FOOTER -->
1306<script> 1307 if(document.title == 'ìì¸ì 50íë¬ì¤í¬í¸'){ 1308 document.title = 'ìì¸ì 50íë¬ì¤í¬í¸ | 4060 ì¤ì¥ë ìì ì¤ê³, ì§ì êµì¡, ì¼ì리 ì§ì'; 1309 } 1310 1311 function BrowserChk(){ 1312 var agt = navigator.userAgent.toLowerCase(); 1313 if(agt.indexOf("msie") != -1){ 1314 var rv = -1; 1315 if(navigator.appName == 'Microsoft Internet Explorer'){ 1316 var ua = navigator.userAgent; 1317 var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); 1318 1319 if(re.exec(ua) !=null) rv = parseFloat(RegExp.$1); 1320 } 1321 return 'Internet Explorer '+rv; 1322 } 1323 } 1324 var a = navigator.userAgent.toLowerCase(); 1325 var edge = a.search("edge/")>-1; 1326 if(edge ==true){ 1327 alert("Internet Explorer Edgeë ì§ìíì§ ìë ë¸ë¼ì°ì ì ëë¤.\nInternet Explorer10 ëë 11ë²ì ì ì¬ì©í´ì£¼ì¸ì"); 1328 }else{ 1329 if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) { 1330 var rv = 0; 1331 var ua = navigator.userAgent; 1332 var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); 1333 if (re.exec(ua) != null) rv = parseFloat(RegExp.$1); 1334 if (rv != 0 && rv <= 9) { 1335 alert("Internet Explorer 10 ë¶í° ì§ìí©ëë¤.\nInternet Explorer를 10ëë 11ë¡ ì ê·¸ë ì´ë í´ì£¼ì¸ì."); 1336 } 1337 } 1338 } 1339 1340 function onfocusTg(idx){ 1341 document.getElementById('onfocusTg_'+idx).scrollIntoView({behavior: "auto", block: "start"}); 1342 } 1343 1344</script>
1344 1345<footer class="footer-wrapper"> 1346 <div class="foonter-menu-wrapper"> 1347 <div class="container container--nav"> 1348 <div class="footer-left-menus"> 1349 <a href="/fpp/terms.do" class="footer-left__link footer-left__link--first">ì´ì©ì½ê´</a> 1350 <div class="footer-left__link footer-left__link--division">|</div> 1351 <a href="/fpp/privacy.do" class="footer-left__link" style="color:#0072E3;">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a> 1352 <div class="footer-left__link footer-left__link--division">|</div> 1353 <a href="/fpp/sitemap.do" class="footer-left__link active">ì¬ì´í¸ë§µ</a> 1354 <div class="footer-left__link footer-left__link--division">|</div> 1355 <a href="/fpp/organization-location.do" class="footer-left__link active">ìº í¼ì¤ ë° ì¼í° ìì¹</a> 1356 </div> 1357 <div class="footer-right-menus"> 1358 <a href="/fpp/booking.do" class="footer-right__link">ìì¤ì¬ì©ì ì²</a> 1359 </div> 1360 </div> 1361 </div> 1362 <div class="container"> 1363 <div class="logo-family-group clearfix"> 1364 <div class="logo-group"> 1365 <a href='/' class="footer-logo-foundation" style="width:35%"><img class='footer-logo-img' src='/images/homepage/50plus-footer-logo.png' alt='ìì¸í¹ë³ì 50íë¬ì¤ì¬ë¨'></a> 1366 <a href='http://www.seoul.go.kr' class="footer-logo-seoul-city"><img class='footer-logo-img' src='/images/homepage/seoul-city-footer-logo.png' alt='ìì¸í¹ë³ì ë¡ê³ '></a> 1367 </div> 1368 <div class="family-group"> 1369 <div class="footer-sns-group2" style="float: left; display: inline-block;"> 1370 <div class="footer-sns-group-wrapper"> 1371 <p class="sns-group-lable" style="margin-top: 12px;">SNS :</p> 1372 <a href="https://www.facebook.com/profile.php?id=100017860779742" class="sns-link-icon facebook" target="_blank" rel="noopener noreferrer" title="íì´ì¤ë¶ ìì°½ì´ê¸°"><i class="fa fa-facebook"></i><p class="alt-text">facebook</p></a> 1373 <a href="https://www.youtube.com/channel/UCig7oeCljWLtF9j0QiOO2IQ" class="sns-link-icon youtube" target="_blank" rel="noopener noreferrer" title="ì íë¸ ìì°½ì´ê¸°"><i class="fa fa-youtube"></i><p class="alt-text">youtube</p></a> 1374 <a href="http://pf.kakao.com/_eXIxbxl" class="sns-link-icon kakao" target="_blank" rel="noopener noreferrer" title="ì¹´ì¹´ì¤ ìì°½ì´ê¸°"> 1375 <img src="/images/homepage/icon-kakao.png" class="sns-link-icon__img" alt="kakao"> 1376 </a> 1377 <a href="https://blog.naver.com/nowon50center" class="sns-link-icon blog" target="_blank" rel="noopener noreferrer" title="ë¤ì´ë² ë¸ë¡ê·¸ ìì°½ì´ê¸°"> 1378 <img src="/images/homepage/icon-blog-new-black.png" class="sns-link-icon__img" alt="naver blog"> 1379 </a> 1380 </div> 1381 </div> 1382 <div class="footer-family-btn-group dropup" style="display: inline-block;"> 1383 <button type="button" class="footer-family-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" 1384 aria-expanded="false"> 1385 í¨ë°ë¦¬ì¬ì´í¸ 1386 <i class="fa fa-caret-up pull-right" aria-hidden="true"></i> 1387 <span class="sr-only">Toggle Dropdown</span> 1388 </button> 1389 <div class="dropdown-menu footer-family-dropup"> 1390 <a href="http://www.seoul.go.kr/main/index.html" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ìì¸í¹ë³ìì²<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1391<a href="/" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">50íë¬ì¤ ì¼ì리몽ë <span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1392 <a href="/fpp" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">50íë¬ì¤ ë¼ì´í몽ë <span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1393 <a href="/djc" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ëì50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1394 <a href="/sdm" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ìë문50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1395 <a href="/sbc" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ì±ë¶50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1396 <a href="/gch" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ê¸ì²50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1397 <a href="/gsc" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ê°ì50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1398 <a href="/sch" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ìì´50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1399 <a href="/gdc" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ê°ë50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1400 <a href="/ycp" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ìì²50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1401 <a href="/sdc" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ì±ë50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1402 <a href="/gbc" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ê°ë¶50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1403 <a href="/gnc" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ê´ì 50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1404 <a href="/ddc" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ëë문50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1405 <a href="/ysc" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ì©ì°50íë¬ì¤ì¼í°<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1406 <a href="/job" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ìì¸ì ìëì´ ì¼ì리ë°ëí<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1407 <a href="/j50" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ì¤ì¥ë ì¼ì리ë°ëí<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1408 <a href="https://113366.com/rian" class="footer-family-dropup__link" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">ì격ì§ììë¹ì¤<span class="sr-only"> ìì°½ ì´ë¦¼</span></a> 1409</div> 1410 </div> 1411 </div> 1412 </div> 1413 <div class="address-copyright" style="overflow:hidden;"> 1414 <address class="footer-address" style="display: inline-block;">
1415 <span class="footer-address-title"> 1416 ë ¸ì50íë¬ì¤ì¼í°</span> 1417 (ì° 01697 )ìì¸ì ë ¸ì구 ë ¸ìë¡ 30길 73<span> ì¬ì ìë±ë¡ë²í¸ : 305-82-86739 ëíì : ì¥ë¶ê²½</span> 1418 <br>ì í<a href="tel:02-930-5060" class="footer-link"><strong>02-930-5060</strong></a> 1419 ì´ë©ì¼ <a href="mailto:[email protected]" class="footer-link"><strong>[email protected]</strong></a><br class="visible-xs"> 1420 <span>í©ì¤ <strong>02-936-5060</strong></span> 1421 </address> 1422 <p class="copyright">Copyright © 2017 <strong>Seoul 50 Plus Foundation</strong><br class="visible-xs"> All right reserved. 1423 </p> 1424 </div> 1425 </div> 1426 </footer> 1427
1427<script src="//weblog.eseoul.go.kr/wlo/js/install.js"></script>
vendor: 64 bytes, lines 1427-1428
1427 1428<script async src="https://www.googletagmanager.com/gtag/js?id=
1428UA-112000077-1
vendor: 16 bytes, lines 1428-1429
1428"></script> 1429
1429<script> 1430
vendor: 146 bytes, lines 1430-1434
1430window.dataLayer = window.dataLayer || []; 1431 function gtag(){dataLayer.push(arguments);} 1432 gtag('js', new Date()); 1433 1434 gtag('config', '
1434UA-112000077-1
vendor: 8 bytes, lines 1434-1435
1434'); 1435
1435</script>
1435 1436 <!-- END FOOTER --> 1437 1438<!-- BEGIN SCRIPT --> 1439 1440<!--[if lt IE 9]>
1441<script src="../assets/global/plugins/respond.min.js"></script>
vendor: 2 bytes, line 1441
1441
1442<script src="../assets/global/plugins/excanvas.min.js"></script>
vendor: 2 bytes, line 1442
1442
1443<script src="../assets/global/plugins/ie8.fix.min.js"></script>
1443 1444<![endif]-->
1445<script src="/js/modernizr-3.5.0.min.js"></script>
vendor: 2 bytes, line 1445
1445
1446<script src="/js/jquery.min.js"></script>
vendor: 2 bytes, line 1446
1446
1447<script src="/js/jquery-ui.min.js"></script>
vendor: 2 bytes, line 1447
1447
1448<script src="/js/bootstrap-custom.min.js"></script>
vendor: 2 bytes, line 1448
1448
1449<script src="/js/generated/main.js"></script>
vendor: 2 bytes, line 1449
1449
1450<script src="/js/placeholders.jquery.min.js"></script>
vendor: 2 bytes, line 1450
1450
1451<script src="/js/cmm/fpmsCmmFunction.js"></script>
vendor: 2 bytes, line 1451
1451
1452<script src="/js/cmm/fpmsCmmScript.js"></script>
vendor: 2 bytes, line 1452
1452
1453<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-rwdImageMaps/1.6/jquery.rwdImageMaps.min.js"></script>
vendor: 2 bytes, line 1453
1453
1454<script> 1455window.onload = function() { 1456Yjs.Gnb.init('PS004', 'seoul-common-gnb'); 1457}; 1458$(document).ready(function() { 1459 $('#favorite').on('click', function(e) { 1460 var bookmarkURL = window.location.href; 1461 var bookmarkTitle = document.title; 1462 var triggerDefault = false; 1463 if (window.sidebar && window.sidebar.addPanel) { 1464 // Firefox version < 23 1465 window.sidebar.addPanel(bookmarkTitle, bookmarkURL, ''); 1466 } else if ((window.sidebar && (navigator.userAgent.toLowerCase().indexOf('firefox') > -1)) || (window.opera && window.print)) { 1467 // Firefox version >= 23 and Opera Hotlist 1468 var $this = $(this); $this.attr('href', bookmarkURL); 1469 $this.attr('title', bookmarkTitle); 1470 $this.attr('rel', 'sidebar'); 1471 $this.off(e); triggerDefault = true; 1472 } else if (window.external && ('AddFavorite' in window.external)) { 1473 // IE Favorite 1474 window.external.AddFavorite(bookmarkURL, bookmarkTitle); 1475 } else { 1476 // WebKit - Safari/Chrome 1477 alert((navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Cmd' : 'Ctrl') + '+D í¤ë¥¼ ëë¬ ì¦ê²¨ì°¾ê¸°ì ë±ë¡íì¤ ì ììµëë¤.'); 1478 } 1479 return triggerDefault; 1480 }); 1481 1482 //ì¬ë¨ ì¬ì ì ë³´ê³µê° ê²ìí ê²ìì¶ê° 1483 $('#shareInfoSearch').on('click', function() { 1484 var frm = document.shareInfoForm; 1485 //$('#current').val(1); 1486 var titleVal = encodeURIComponent(frm.title.value); 1487 var catVal = encodeURIComponent(frm.catVal.value); 1488 //var titleVal = frm.title.value; 1489 //var catVal = frm.catVal.value; 1490 if(titleVal != '') { 1491 if(catVal == '') { 1492 window.location.href = '/org/open.do?title='+titleVal; 1493 }else{ 1494 window.location.href = '/org/open.do?cat='+catVal+'&title='+titleVal; 1495 } 1496 }else{ 1497 window.location.href = '/org/open.do' 1498 } 1499 }); 1500}); 1501jQuery(window).on('resize', function () { 1502 var browserWidth = jQuery(window).width(); 1503 jQuery('.quick-banner-wrapper-popword').css('right', ((browserWidth - 1500) / 2) - 100); 1504 //fullSlideResize(); 1505}); 1506var quickscroll = function() { 1507 if ($(window).width() > 767 ) { 1508 if ( $(window).scrollTop() < 280) { 1509 $('.quick-banner-wrapper-leftquick').css({top: (310 - $(window).scrollTop()) + 'px'}); 1510 } else { 1511 $('.quick-banner-wrapper-leftquick').css({top: '30px'}); 1512 } 1513 } 1514 1515 if ($(window).width() > 767 ) { 1516 if ( $(window).scrollTop() < 280) { 1517 $('.quick-banner-wrapper-facebook').css({top: (310 - $(window).scrollTop()) + 'px'}); 1518 } else { 1519 $('.quick-banner-wrapper-facebook').css({top: '30px'}); 1520 } 1521 } 1522 1523 if ($(window).width() > 767 ) { 1524 if ( $(window).scrollTop() < 280) { 1525 $('.quick-banner-wrapper-popword').css({top: (500 - $(window).scrollTop()) + 'px'}); 1526 } else { 1527 $('.quick-banner-wrapper-popword').css({top: '200px'}); 1528 } 1529 } 1530}; 1531 1532var navMenu = function() { 1533 $(".main-menu-nav__hamberger, .main-menus--portal .main-menu-li__link, .main-menus--portal .main-menu-sub-li__link").focus(function() { 1534 $(".main-menu-sub-wrapper").css("display", "block"); 1535 $(".main-menu-sub-wrapper__background").css("display", "block"); 1536 $(".main-menus--portal .main-menu-li > ul").css("left", "inherit"); 1537 }); 1538 $(".main-menu-nav__hamberger, .main-menus--portal .main-menu-li__link, .main-menus--portal .main-menu-sub-li__link").blur(function(){ 1539 $(".main-menu-sub-wrapper").css("display", "none"); 1540 $(".main-menu-sub-wrapper__background").css("display", "none"); 1541 $(".main-menus--portal .main-menu-li > ul").css("left", "-10000px"); 1542 }); 1543 1544 $(".main-menus--portal .main-menu-li__link, .main-menus--portal, .main-menus--portal .main-menu-sub-li__link, .main-menus--portal .main-menu-sub-wrapper").hover(function() { 1545 $(".main-menu-sub-wrapper").css("display", "block"); 1546 $(".main-menu-sub-wrapper__background").css("display", "block"); 1547 $(".main-menus--portal .main-menu-li > ul").css("left", "inherit"); 1548 }, function() { 1549 $(".main-menu-sub-wrapper").css("display", "none"); 1550 $(".main-menu-sub-wrapper__background").css("display", "none"); 1551 $(".main-menus--portal .main-menu-li > ul").css("left", "-10000px"); 1552 }); 1553} 1554$(document).ready(function() { 1555 quickscroll(); 1556 navMenu(); 1557 //div2Resize(); 1558 $('img[usemap]').rwdImageMaps(); 1559}); 1560window.addEventListener('scroll', function() { 1561 quickscroll(); 1562}); 1563 1564function fn_fileDownShare(saveFile, realFile) { 1565 var vfrm = document.createElement("form"); 1566 vfrm.method = "post"; 1567 vfrm.target = "_self"; 1568 vfrm.id = "tempFileForm"; 1569 1570 var vipinput1 = document.createElement("input"); 1571 vipinput1.setAttribute("type" , "hidden"); 1572 vipinput1.setAttribute("name" , "SAVE_FILE_NM"); 1573 vipinput1.setAttribute("value", saveFile); 1574 vfrm.appendChild(vipinput1); 1575 1576 var vipinput2 = document.createElement("input"); 1577 vipinput2.setAttribute("type" , "hidden"); 1578 vipinput2.setAttribute("name" , "REALFILENM"); 1579 vipinput2.setAttribute("value", realFile); 1580 vfrm.appendChild(vipinput2); 1581 1582 document.body.appendChild(vfrm); 1583 1584 vfrm.target = "_self"; 1585 vfrm.action = "/getfileDown.do"; 1586 vfrm.submit(); 1587 1588 $("#tempFileForm").remove(); 1589} 1590 1591// content ë¼ë classê° ì¶©ëì´ ëì morePost ë¡ ìë¡ ë§ë¤ê³ íìì´ ë´ì©ë§ ë³µì¬í´ì append ìí¤ë ë°©ìì¼ë¡ ë³ê²½ 1592function getModuleNextPage(url, max) { 1593 var nowPg = $("#moreCurrent").val(); 1594 var more = Number(nowPg) + 1; 1595 1596 if (nowPg == max) { 1597 alert("ë§ì§ë§íì´ì§ ì ëë¤."); 1598 return; 1599 } 1600 1601 $("#moreCurrent").val(more); 1602 1603 var reqUrl = url + "page=" + more; 1604 1605 $.get(reqUrl, function(data) { 1606 var newCards = $(data).find("#morePost .job-card"); 1607 $("#morePost").append(newCards); 1608 });
1609} 1610 1611// 기존 í¨ì backup 1612function getModuleNextPage_back(url,max){ 1613 var nowPg = $("#moreCurrent").val(); 1614 var more = Number(nowPg) + 1; 1615 if(nowPg == max){ 1616 alert("ë§ì§ë§íì´ì§ ì ëë¤."); 1617 return; 1618 } 1619 $("#moreCurrent").val(more); 1620 url += "page=" + more + " #morePost .job-card"; 1621 /* url = url.replace("isPage=Y&",""); */ 1622 1623 var newDIV = document.createElement("div"); 1624 newDIV.setAttribute("id","newDiv"+Number(nowPg)); 1625 var res = document.getElementById("res"); 1626 res.appendChild(newDIV); 1627 1628 $("#newDiv"+Number(nowPg)).load(url); 1629 //$(".res").removeClass('res'); 1630} 1631 1632</script>
1632 1633<!-- END SCRIPT --> 1634 1635<!-- Custom Add -->
1636<script src="/js/slick.min.js"></script>
vendor: 2 bytes, line 1636
1636
1637<script> 1638 // Quick Banner START 1639 var fullSlideResize = function() { 1640 if (jQuery(window).width() < 768 ) { 1641 var browserWidth = jQuery(window).width(); 1642 jQuery('.full-slide__img').css({height: browserWidth * .393 + 'px'}); 1643 } else { 1644 jQuery('.full-slide__img').css({height: 600 + 'px'}); 1645 } 1646 }; 1647 1648 jQuery(window).on('resize', function () { 1649 var browserWidth = jQuery(window).width(); 1650 jQuery('.quick-banner-wrapper-leftquick').css('left', ((browserWidth - 1210) / 2) - 160); 1651 fullSlideResize(); 1652 }); 1653 jQuery(window).on('resize', function () { 1654 var browserWidth = jQuery(window).width(); 1655 jQuery('.quick-banner-wrapper-facebook').css('right', ((browserWidth - 1500) / 2) - 160); 1656 fullSlideResize(); 1657 }); 1658 jQuery(document).ready(function () { 1659 jQuery(window).trigger('resize'); 1660 }); 1661 // Quick Banner END 1662 1663 // íì§ì 리ì¤í¸ JS START 1664 jQuery('.tab-list-tab__link').on('shown.bs.tab', function (e) { 1665 jQuery("#" + e.target.getAttribute('data-targetId')).slick('refresh'); 1666 }); 1667 1668 jQuery('.tab-list-card-slides').slick({ 1669 autoplay: true, 1670 infinite: true, 1671 speed: 500, 1672 arrows: true, 1673 prevArrow: '<button type="button" class="slick-next tab-list-arrow-btn tab-list-arrow-btn--before"><</button>', 1674 nextArrow: '<button type="button" class="slick-next tab-list-arrow-btn tab-list-arrow-btn--next">></button>', 1675 cssEase: 'linear', 1676 }); 1677 // íì§ì 리ì¤í¸ JS END 1678 1679 // Full Slide JS START 1680 jQuery('.full-slide').slick({ 1681 fade: true, 1682 autoplay: true, 1683 dots: true, 1684 infinite: true, 1685 speed: 500, 1686 arrows: false, 1687 cssEase: 'linear', 1688 }); 1689 // Full Slide JS END 1690 1691 // Video Slide JS START 1692 jQuery('.video-slide').slick({ 1693 fade: true, 1694 autoplay: false, 1695 dots: true, 1696 appendDots: $('.indicator-wrap'), 1697 infinite: true, 1698 speed: 500, 1699 arrows: true, 1700 appendArrows: $('.indicator-wrap'), 1701 cssEase: 'linear', 1702 }); 1703 // Video Slide JS END 1704 1705 // Basic Slide JS START 1706 jQuery('.basic-slide').slick({ 1707 fade: true, 1708 autoplay: true, 1709 dots: true, 1710 infinite: true, 1711 speed: 500, 1712 arrows: false, 1713 cssEase: 'linear', 1714 }); 1715 // Basic Slide JS END 1716 1717 // Image Banner Slide JS START 1718 jQuery('.image-banner-slide').slick({ 1719 fade: true, 1720 autoplay: true, 1721 dots: true, 1722 infinite: true, 1723 speed: 500, 1724 arrows: false, 1725 cssEase: 'linear', 1726 }); 1727 // Image Banner Slide JS END 1728 1729 // Slide + Banner JS START 1730 jQuery('.left-slide').slick({ 1731 fade: true, 1732 autoplay: true, 1733 dots: true, 1734 infinite: true, 1735 speed: 500, 1736 arrows: false, 1737 cssEase: 'linear', 1738 }); 1739 1740 jQuery('.right-slide').slick({ 1741 fade: true, 1742 autoplay: true, 1743 dots: true, 1744 infinite: true, 1745 speed: 500, 1746 arrows: false, 1747 cssEase: 'linear', 1748 }); 1749 // Slide + Banner JS END 1750</script>
1750<script src="/js/bootstrap-modalmanager.js"></script>
vendor: 1 bytes, line 1750
1750
1751<script src="/js/bootstrap-modal.js"></script>
1751 1752<div class="container" style="position: relative;"> 1753 <div id="popUpArea"></div> 1754</div> 1755<div id="privacyAgreeModal" class="modal fade" role="dialog" aria-hidden="true"> 1756 <div class="modal-dialog"> 1757 <div class="modal-content"></div> 1758 </div> 1759</div> 1760<div id="slAgreeModal" class="modal fade" role="dialog" aria-hidden="true"> 1761 <div class="modal-dialog"> 1762 <div class="modal-content"></div> 1763 </div> 1764</div>
1765<script type="text/javascript"> 1766 var popups = [ 1767 1768 { 1769 id: 77052619, 1770 imgUrl: '/upload/im/2026/09/773748fc-6e15-49ab-ad30-cc55c28578dd.png', 1771 linkUrl: 'https://www.50plus.or.kr/nwc/education-detail.do?id=76859013', 1772 imgText: 'ë°ë ¤ìí ì¤ì ê°ì´ë', 1773 top: '', 1774 left: '0', 1775 height: '400', 1776 width: '400', 1777 }, 1778 1779 { 1780 id: 77145176, 1781 imgUrl: '/upload/im/2026/09/7785dde0-9ba0-4948-9ab8-f83e1b4c95a4.jpg', 1782 linkUrl: 'https://www.50plus.or.kr/nwc/detail.do?id=77144419', 1783 imgText: 'ì¸íë² ì´í ì§ìì¬ì ì 주 ë¨ì²´ ì¶ê° 모ì§', 1784 top: '400', 1785 left: '', 1786 height: '400', 1787 width: '400', 1788 }, 1789 1790 { 1791 id: 77378441, 1792 imgUrl: '/upload/im/2026/09/2e7b7a03-5200-4ea6-b2d4-963d6b7567f6.png', 1793 linkUrl: 'https://www.50plus.or.kr/nwc/education-detail.do?id=76846905', 1794 imgText: 'ìë¡ë§ íë³´', 1795 top: '430', 1796 left: '400', 1797 height: '400', 1798 width: '400', 1799 }, 1800 1801 { 1802 id: 77196580, 1803 imgUrl: '/upload/im/2026/09/dbe3bbf1-a09a-45db-b44c-d85201cbe42b.jpg', 1804 linkUrl: 'https://www.50plus.or.kr/nwc/education-detail.do?id=76847902', 1805 imgText: 'ëëê²ìì§ëì¬ê³¼ì 모ì§', 1806 top: '0', 1807 left: '400', 1808 height: '400', 1809 width: '400', 1810 }, 1811 1812 ]; 1813 1814 var popupTop = 0, 1815 popupLeft = 0, 1816 rowMaxWidth = 0, 1817 rowMaxHeight = 0; 1818 1819 1820 1821 $(window).ready(function(){ 1822 1823 for (var i = 0; i < popups.length; i += 1) { 1824 var popup = ''; 1825 var papupId = 'layer'+ popups[i].id; 1826 var papupIdOnClick = '#'+ papupId; 1827 if (getCookie(papupId) !== 'Y') { 1828 popup += '<div id="' + papupId + '" class="pop-layer" role="dialog" aria-modal="true" aria-label="' + (popups[i].imgText || 'íì ') + '" tabindex="-1" style="display:none" title="' + (popups[i].imgText || 'íì ') + '">'; 1829 popup += '<div class="pop-conts">'; 1830 if (popups[i].linkUrl) { 1831 popup += '<a href="' + popups[i].linkUrl + '" target="_blank" rel="noopener noreferrer" title="ìì°½ì´ë¦¼">'; 1832 } 1833 popup += '<img id="img' + popups[i].id + '" src="' + popups[i].imgUrl + '" alt="' + popups[i].imgText + '">'; 1834 if (popups[i].linkUrl) { 1835 popup += '</a>'; 1836 } 1837 popup += '<div class="btn-r">'; 1838 popup += '<input type="checkbox" class="not-today" id="not-today-'+i+'" name="'+papupIdOnClick+'" tabindex=2 onkeydown="toDayCloseCheck(this)" title="ì¤ëí루 ë³´ì§ ì기 ì í"><label for="not-today-'+i+'" class="helper-text not-today-text">ì¤ëí루 ë³´ì§ ì기</label>'; 1839 popup += '<a href="#" class="text-btn btn-layerClose" tabindex=3 title="ë«ê¸°">ë«ê¸°</a>'; 1840 popup += '</div>'; 1841 popup += '</div>'; 1842 popup += '</div>'; 1843 jQuery('#popUpArea').append(popup); 1844 layer_popup('#'+ papupId, i); 1845 } 1846 } 1847 }); 1848 1849 $(window).load(function(){ 1850 // sortPopup(); 1851 sortPopupNew(); 1852 1853 // draggable í¨ìê° ì¡´ì¬íë ê²½ì°ìë§ ì¤í 1854 if ($.fn.draggable) { 1855 $('.pop-layer').draggable(); 1856 } 1857 1858 $(".pop-layer").show(); 1859 $(".pop-layer:visible").first().focus(); // ì¹ì ê·¼ì±: 첫 ë²ì§¸ íì ì¼ë¡ í¬ì»¤ì¤ ì´ë 1860 //$(window).scrollTop(0); ì¹ì ê·¼ì± ë³´ìíì(20200219) 1861 }); 1862 1863 function layer_popup(el, i){ 1864 var $el = $(el); //ë ì´ì´ì id를 $el ë³ìì ì ì¥ 1865 var $seq = el.slice(6); 1866 var $elId = el.slice(1); 1867 var $elWidth = ~~($el.outerWidth()), 1868 $elHeight = ~~($el.outerHeight()), 1869 bodyHeight = $('body').height(), 1870 docWidth = $(document).width(), 1871 docHeight = $(document).height(); 1872 //console.log('docWidth ' + docWidth); 1873 // íë©´ì ì¤ìì ë ì´ì´ë¥¼ ëì´ë¤. 1874 //console.log('$elHeight', $elHeight); 1875 //console.log('docHeight', docHeight); 1876 /*if (docWidth > 767) { 1877 $el.css({ 1878 top: -(bodyHeight) + 300 + (40 * i) + 'px', 1879 left: (30 + (40 * i))+'px' 1880 }); 1881 } else { 1882 $el.css({ 1883 top: -(bodyHeight) + 100 + (40 * i) + 'px', 1884 left: 0 1885 }); 1886 }*/ 1887 $el.find('a.btn-layerClose').click(function(){ 1888 $el.fadeOut();
1888 // ë«ê¸° ë²í¼ì í´ë¦íë©´ ë ì´ì´ê° ë«íë¤. 1889 return false; 1890 }); 1891 1892 $el.find('input.not-today').click(function(){ 1893 setCookie($elId,'Y', 1); 1894 $el.fadeOut(); // ë«ê¸° ë²í¼ì í´ë¦íë©´ ë ì´ì´ê° ë«íë¤. 1895 return false; 1896 }); 1897 1898 } 1899 1900 function toDayCloseCheck(el) { 1901 var $el = $(el.name); 1902 var $elId = el.name.slice(1); 1903 if(event.keyCode == 13) { 1904 setCookie($elId,'Y', 1); 1905 $el.fadeOut(); 1906 } 1907 return false; 1908 } 1909 1910 function setCookie(name, value, expiredays) { 1911 var today = new Date(); 1912 today.setDate(today.getDate() + expiredays); 1913 document.cookie = name + '=' + escape(value) + '; path=/; expires=' + today.toGMTString() + ';' 1914 } 1915 1916 function getCookie(name) 1917 { 1918 var cName = name + "="; 1919 var x = 0; 1920 while ( x <= document.cookie.length ) 1921 { 1922 var y = (x+cName.length); 1923 if ( document.cookie.substring( x, y ) == cName ) 1924 { 1925 if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 ) 1926 endOfCookie = document.cookie.length; 1927 return unescape( document.cookie.substring( y, endOfCookie ) ); 1928 } 1929 x = document.cookie.indexOf( " ", x ) + 1; 1930 if ( x == 0 ) 1931 break; 1932 } 1933 return ""; 1934 } 1935 1936 /* 1937 function sortPopup() { 1938 1939 var imgIdList = []; 1940 1941 $('div[id^="layer"]').each(function(){ 1942 imgIdList.push(this.id); 1943 }); 1944 1945 if(imgIdList.length > 1) { 1946 1947 var conWidth = $('.container').width(); 1948 1949 if (conWidth > 767) { 1950 popupTop = -($('body').height()) + 300; 1951 popupLeft = 30; 1952 } else { 1953 popupTop = -($('body').height()) + 100; 1954 popupLeft = 0; 1955 } 1956 1957 rowMaxWidth = document.getElementById(imgIdList[0]).offsetWidth; 1958 rowMaxHeight = document.getElementById(imgIdList[0]).offsetHeight; 1959 1960 1961 for(var i = 0; i < imgIdList.length-1; i += 1){ 1962 var p1 = document.getElementById(imgIdList[i]); 1963 var p2 = document.getElementById(imgIdList[i+1]); 1964 1965 console.log(p1); 1966 var p1W = p1.offsetWidth; 1967 var p1H = p1.offsetHeight; 1968 var p2W = p2.offsetWidth; 1969 var p2H = p2.offsetHeight; 1970 1971 if(rowMaxWidth + p2W <= conWidth){ 1972 popupLeft += (p1W + 5); 1973 if(rowMaxHeight < p2H) rowMaxHeight = p2H; 1974 rowMaxWidth += (p2W + 5); 1975 }else{ 1976 popupLeft = 30 1977 popupTop += (rowMaxHeight + 5); 1978 if(rowMaxHeight < p2H) rowMaxHeight = p2H; 1979 rowMaxWidth = p2W; 1980 } 1981 1982 console.log("popupTop", popupTop); 1983 console.log("popupLeft", popupLeft); 1984 console.log("rowMaxWidth", rowMaxWidth); 1985 console.log("rowMaxHeight", rowMaxHeight); 1986 1987 var divId = 'layer'+ popups[i+1].id; 1988 document.getElementById(divId).style.top = popupTop + 'px'; 1989 document.getElementById(divId).style.left = popupLeft + 'px'; 1990 1991 } 1992 } 1993 }*/ 1994 1995 function sortPopupNew() { 1996 // console.log('sortPopupNew'); 1997 var imgIdList = []; 1998 $('div[id^="layer"]').each(function(){ 1999 imgIdList.push(this.id); 2000 }); 2001 2002 for(var i = 0; i < imgIdList.length; i += 1){ 2003 var bodyHeight = $('body').height() - 10; 2004 var conWidth = $('.container').width(); 2005 var popWidth = 0; 2006 var popHeight = 0; 2007 var popTop = -(bodyHeight); 2008 var popLeft = -(~~(($(document).width() - conWidth) / 2)); 2009 2010 if (popups[i].height != '' && popups[i].width != '') { 2011 2012 popWidth = parseInt(popups[i].width); 2013 popHeight = parseInt(popups[i].height); 2014 2015 if (popWidth < 180) { 2016 popWidth = 180; 2017 } 2018 if (popHeight < 180) { 2019 popHeight = 180; 2020 } 2021 var maxWidth = conWidth + (~~(($(document).width() - conWidth) / 2)); 2022 if (popWidth > maxWidth) { 2023 popWidth = maxWidth; 2024 } 2025 // console.log('popWidth ' + popWidth); 2026 if (conWidth > 767) { 2027 document.getElementById('img'+ popups[i].id).style.height = popHeight + 'px'; 2028 document.getElementById('img'+ popups[i].id).style.width = popWidth + 'px'; 2029 document.getElementById('layer'+ popups[i].id).style.width = popWidth + 'px'; 2030 } 2031 } 2032 if (popups[i].top != '') { 2033 popTop += parseInt(popups[i].top); 2034 } 2035 2036 if (popups[i].left != '') { 2037 popLeft += parseInt(popups[i].left); 2038 } 2039 if (conWidth < 767) { 2040 if ((popLeft + popWidth) > conWidth) { 2041 if (popWidth == 0) { 2042 popWidth = document.getElementById('img'+ popups[i].id).naturalWi
2042dth; 2043 } 2044 popLeft = conWidth - popWidth; 2045 if (popLeft < -(~~(($(document).width() - conWidth) / 2))) { 2046 popLeft = -(~~(($(document).width() - conWidth) / 2)); 2047 } 2048 } else if (popLeft < 0) { 2049 popLeft = -(~~(($(document).width() - conWidth) / 2)); 2050 } 2051 2052 if (popTop < -(bodyHeight)) { 2053 popTop = -(bodyHeight); 2054 } 2055 } else { 2056 if ((popLeft + popWidth) > conWidth) { 2057 if (popWidth == 0) { 2058 popWidth = document.getElementById('img'+ popups[i].id).naturalWidth; 2059 } 2060 console.log(popWidth); 2061 popLeft = conWidth - popWidth; 2062 if (popLeft < -(~~(($(document).width() - conWidth) / 2))) { 2063 popLeft = -(~~(($(document).width() - conWidth) / 2)); 2064 } 2065 } else if (popLeft < -(~~(($(document).width() - conWidth) / 2))) { 2066 popLeft = -(~~(($(document).width() - conWidth) / 2)); 2067 } 2068 2069 if (popTop < -(bodyHeight)) { 2070 popTop = -(bodyHeight); 2071 } 2072 } 2073 /* 2074 console.log('$(document).width() ' + $(document).width()); 2075 console.log('conWidth ' + conWidth); 2076 console.log('popTop ' + popTop); 2077 console.log('popLeft ' + popLeft); 2078 console.log('popWidth ' + popWidth); 2079 console.log('popHeight ' + popHeight); 2080 console.log('bodyHeight ' + bodyHeight);*/ 2081 2082 2083 document.getElementById('layer'+ popups[i].id).style.top = popTop + 'px'; 2084 if (conWidth > 767) { 2085 document.getElementById('layer'+ popups[i].id).style.left = popLeft + 'px'; 2086 } 2087 document.getElementById('layer'+ popups[i].id).style.display = 'block'; 2088 } 2089 } 2090 2091 function privacyAgree(){ 2092 var $modalView = $('#privacyAgreeModal'); 2093 $('body').modalmanager('loading'); 2094 var url = '/privacyAgreeAdd.do'; 2095 2096 setTimeout(function () { 2097 $modalView.removeData('bs.modal'); 2098 2099 $modalView.load(url, null, function (responseTxt, statusTxt, xhr) { 2100 2101 console.log("status : " + statusTxt); 2102 if (statusTxt == "success") { 2103 $modalView.modal({ 2104 backdrop: 'static', 2105 width: '30%', 2106 height: '75%', 2107 keyboard: true 2108 }); 2109 2110 // ëª¨ë¬ ìì¹ ë° z-index ìì 2111 setTimeout(function() { 2112 $('#privacyAgreeModal').css({ 2113 'position': 'fixed', 2114 'top': '50%', 2115 'left': '50%', 2116 'transform': 'translate(-50%, -50%)', 2117 'z-index': '9999' 2118 }); 2119 2120 // ëª¨ë¬ ìì¹ ì¤ì í ì´ë²¤í¸ í¸ë¤ë¬ ì´ê¸°í 2121 initializePrivacyAgreeModal(); 2122 }, 500); 2123 2124 } 2125 if (statusTxt == "error") 2126 alert("Error: " + xhr.status + ": " + xhr.statusText); 2127 2128 }) 2129 }, 1000); 2130 } 2131 2132 function slAgree(){ 2133 var $modalView = $('#slAgreeModal'); 2134 $('body').modalmanager('loading'); 2135 var url = '/slAgreeAdd.do'; 2136 2137 setTimeout(function () { 2138 $modalView.removeData('bs.modal'); 2139 2140 $modalView.load(url, null, function (responseTxt, statusTxt, xhr) { 2141 2142 console.log("status : " + statusTxt); 2143 if (statusTxt == "success") { 2144 $modalView.modal({ 2145 backdrop: 'static', 2146 width: '30%', 2147 height: '75%', 2148 keyboard: true 2149 }); 2150 2151 } 2152 if (statusTxt == "error") 2153 alert("Error: " + xhr.status + ": " + xhr.statusText); 2154 2155 }) 2156 }, 1000); 2157 } 2158 2159 function getParameter(name) { 2160 name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 2161 var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), 2162 results = regex.exec(location.search); 2163 return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 2164 } 2165 2166 function calculateAge(birthDate) { 2167 var currentYear = new Date().getFullYear(); // íì¬ ì°ë를 ê°ì ¸ìµëë¤. 2168 var birthYear = birthDate.getFullYear(); // ìë ì ê°ì ¸ìµëë¤. 2169 var age = currentYear - birthYear; 2170 2171 return age; 2172 } 2173 2174 var birthde = ''; 2175 var birthdeYear = birthde.substr(0, 2); 2176 if(birthdeYear < 30){ 2177 birthdeYear = '20'+birthdeYear; 2178 }else{ 2179 birthdeYear = '19'+birthdeYear; 2180 } 2181 var birthDate = new Date(birthdeYear+'-01-01'); 2182 var age = calculateAge(birthDate); 2183 var loginMemberPir = ''; 2184 var privPro = ''; 2185 var priAgrYn = 'null';
2186 var slCd = ''; 2187 var slId = 'slId'; 2188 if(loginMemberPir != "") { 2189 /* íìíìµí¬í¸ ìì¸ë°4050 ë°ì´í° ì°ê³ íì ì ì ì¤ì§ 2190 if(slCd == "" && 39 < age){ 2191 if (getCookie(slId) !== 'Y') { 2192 slAgree(); 2193 }else{ 2194 if(privPro == ""){ 2195 if(priAgrYn != "Y"){ 2196 privacyAgree(); 2197 } 2198 } 2199 } 2200 }else{ 2201 if(privPro == ""){ 2202 if(priAgrYn != "Y"){ 2203 privacyAgree(); 2204 } 2205 } 2206 } */ 2207 if(privPro == ""){ 2208 if(priAgrYn != "Y"){ 2209 privacyAgree(); 2210 } 2211 } 2212 } 2213 2214 // ëª¨ë¬ í í릿ì ë³ë í¨ìë¡ ë¶ë¦¬ 2215 function initializePrivacyAgreeModal() { 2216 // ì´ë²¤í¸ í¸ë¤ë¬ê° ì¤ë³µ ë±ë¡ëì§ ìëë¡ ê¸°ì¡´ ì´ë²¤í¸ ì ê±° 2217 $('#savePrivacyAgree').off('click'); 2218 $('#cancelBtnPri, #closeBtnPri').off('click'); 2219 $('input[name=privacyAgreeYn]:checkbox').off('click'); 2220 2221 // ì´ë²¤í¸ í¸ë¤ë¬ ë±ë¡ 2222 $('#savePrivacyAgree').on('click', function() { 2223 if(!$('input[name="privacyAgreeYn"]').is(':checked')) { 2224 alert("ê°ì¸ì ë³´ ìì§â§ì´ì© ë´ì ì¶ê° ëì를 ì íí´ì£¼ì¸ì."); 2225 return; 2226 } 2227 if(!$('input[name="privacySmsYn"]').is(':checked')) { 2228 alert("SMS ì¶ê° ëì를 ì íí´ ì£¼ì¸ì."); 2229 return; 2230 } 2231 if(!$('input[name="privacyEmailYn"]').is(':checked')) { 2232 alert("E-Mail ì¶ê° ëì를 ì íí´ ì£¼ì¸ì."); 2233 return; 2234 } 2235 2236 var form = $('#modalForm')[0]; 2237 relevantToAjax.getAjaxJsonDataWithFile("/privacyAgreeUpdate.do", form, function(data) { 2238 if (data.success === "M") { 2239 setTimeout(function() { 2240 $("#privacyAgreeModal").modal("hide"); 2241 location.reload(); 2242 }, 100); 2243 } 2244 }); 2245 }); 2246 2247 $('#cancelBtnPri, #closeBtnPri').on('click', function() { 2248 $("#privacyAgreeModal").modal("hide"); 2249 }); 2250 2251 $('input[name=privacyAgreeYn]:checkbox').on('click', function() { 2252 if($('input[name="privacyAgreeYn"]').is(':checked')) { 2253 $('input[name="privacySmsYn"]').filter("[value=Y]").prop("checked", true); 2254 $('input[name="privacyEmailYn"]').filter("[value=Y]").prop("checked", true); 2255 } else { 2256 $('input[name="privacySmsYn"]').prop("checked",false); 2257 $('input[name="privacyEmailYn"]').prop("checked",false); 2258 } 2259 }); 2260 } 2261 2262 // 모ë¬ì´ ë¡ëë í ì´ê¸°í í¨ì í¸ì¶ 2263 $(document).on('shown.bs.modal', '#privacyAgreeModal', function() { 2264 initializePrivacyAgreeModal(); 2265 }); 2266 2267</script>
2267<!-- Custom End --> 2268</body> 2269</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.