1 2 3 4 5 6<!-- header start --> 7 8 9 10 11 12 13 14 15 16 17<!DOCTYPE html> 18<html lang="ko"> 19<head> 20 <meta charset="UTF-8"> 21 <title>êµë¦½íë미ì ê´</title> 22 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 23 <meta http-equiv="Expires" content="Mon, 06 Jan 1990 00:00:01 GMT"> 24 <meta http-equiv="Expires" content="-1"> 25 <meta http-equiv="Pragma" content="no-cache"> 26 <meta http-equiv="Cache-Control" content="no-cache"> 27 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 28 <meta name="format-detection" content="telephone=no"> 29 <meta name="viewport" content="width=device-width, viewport-fit=cover"> 30 <meta name="author" content="êµë¦½íë미ì ê´"> 31 <meta name="keyword" content="êµë¦½íë미ì ê´"> 32 <meta name="description" content="êµë¦½íë미ì ê´ ííì´ì§"> 33 <meta name="format-detection" content="telephone=no"> 34 <meta property="og:image" content="/asset/images/common/preview_logo.png" /> 35 <link rel="shortcut icon" href="/asset/images/common/favicon.ico" type="image/x-icon"> 36 37 38 39 40 41 42 43 44 <link rel="stylesheet" type="text/css" href="/asset/css/common/package.css?dt=20261002"/> 45 <!-- jquery --> 46
46<script src="/asset/js/jquery.min.js"></script>
46 47
47<script src="/asset/js/jquery-ui.min.js"></script>
47 48 49
49<script src="/asset/js/jquery.ui.touch-punch.min.js"></script>
49 50 51
51<script src="/asset/js/scrollbar.js"></script>
51 52 <!-- swiper --> 53
53<script src="/asset/js/swiper.js"></script>
53 54 <!--slick --> 55 <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" /> 56
56<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
56 57
57<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.6.0/clipboard.min.js"></script>
57 <!-- 210114 URL ë³µì¬ë¥¼ ìí´ ì¶ê° --> 58 <!-- webfont js --> 59
59<script src="/asset/js/webfont.min.js"></script>
59 60 <!-- common js --> 61
61<script defer src="/asset/js/common.js?ver240521"></script>
61 62 <!--[if lt IE 9]> 63
63<script src="/asset/js/html5shiv.min.js"></script>
63 64 <![endif]--> 65
65<script src="/js/util/util.js" type="text/javascript"></script>
65 66 67 68 <style> 69 .popup_window_wrap {display: block;overflow: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: rgba(0, 0, 0, .5);} 70 .popup_window {width:650px; background-color:#fff; overflow:hidden; border-radius:10px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:0 30px;} 71 .popup_window .close {position: absolute;top: 9px;right: 20px;width: 50px;height: 50px;background: url('/asset/images/common/icon_dialog_closeL.png') no-repeat center center;cursor: pointer;} 72 .popup_window .title {width:100%; height:70px; display:flex; align-items:center; font-size:20px; color:#000; font-weight:700; border-bottom:1px solid #000; margin:0 auto; text-align:left;} 73 .popup_window .content {width:100%; padding:30px 0; text-align:center;} 74 .popup_window .content .formList { display: flex; flex-direction: column;} 75 .popup_window .content .formList li {} 76 .popup_window .content .formList li label {} 77 .popup_window .content .formList li label input {} 78 .popup_window .content .formList li label i {} 79 .popup_window .content .formList li label span {font-size:20px;} 80 .popup_window .content .bot_btn {margin-top:30px;} 81 .popup_window .content .mem_inform {margin-top:15px;} 82 83 @media screen and (max-width:700px) { 84 .popup_window {width:100%;} 85 } 86 87 </style> 88 89 90
90<script type="text/javascript"> 91 92 var curWidth = $(window).width(); 93 94 var mobileKey = 'PC'; 95 96 97 //document.oncontextmenu = function (e) {return false;} //ì°í´ë¦ ë°©ì§ 98 $(document).ready(function(){ 99 //history.replaceState({}, null, location.pathname); 100 //window.histry.pushState(null, null, "/"); 101 102 setTimeout(function(){ 103 if($(document).find('.editorSlide').length > 0){ 104 //console.log($(document).find('.editorSlide').length) 105 $('.editorSlide').css({ 106 'width':'auto', 107 'height':'auto', 108 'visibility':'visible' 109 }); 110 $('.editorSlide').slick({ 111 slidesToShow:1, 112 dots:false, 113 arrow:true 114 }); 115 }else{ 116 console.log('noSlide') 117 } 118 },500); 119 120 $(function(){ 121 $('.gnbList li > a').focusin(function(e) { 122 $(this).keydown(function(e){ 123 if(event.keyCode == 39){//ì¤ë¥¸ìª½ 124 125 $(this).parent().next().children('a').focus(); 126 127 } else if(event.keyCode == 37){//ì¼ìª½ 128 129 $(this).parent().prev().children('a').focus(); 130 131 } 132 }); 133 }); 134 }); 135 136 137 //íìê°ì ì¼ìì ì¤ë ë ì§ë¥¼ íì¸íì¬ ì°¨ì´ë¥¼ ê³ì° 138 function chkMemberJoinDate() { 139 let today = new Date(); 140 let memCreateTime = new Date($('#createTime').val()); 141 142 let diff = Math.abs(today.getTime() - memCreateTime.getTime()); 143 diff = Math.ceil(diff / (1000 * 60 * 60 * 24)); 144 145 return diff; 146 } 147 148 // ìë²ì ì ì¥ëì´ìë ì¿ í¤ íì¸ 149 function chkCooke(name) { 150 let myCookie = document.cookie.match("(^|;) ?" + name + "=([^;]*)(;|$)" ); 151 return myCookie ? myCookie[2] : null; 152 } 153 154 //íì ê°ì ì¼ì ê³ì° 155 let memberJoinDate = chkMemberJoinDate(); 156 157 // íì ê°ì ì¼ìê° 30ì¼ ì´ë´ì¼ ê²½ì° 158 // 2026-04-03 ì ì§ì ì ìë ìì² / íì ìë¨ê² 159 /* if(memberJoinDate < 31) { 160 let checkCookie = chkCooke("memPop"); 161 let checkSession = sessionStorage.getItem("memPop"); 162 163 // ì¸ì ì ê°ì´ ìì¼ë©°, ì¿ í¤ê° closeì¸ ê²½ì° 164 if(checkSession == null && checkCookie != "close") { 165 $('.popup_window_wrap').show( );//íì ë ¸ì¶ 166 sessionStorage.setItem("memPop","openMemPop"); // ì¸ì ì ê° ì¶ê° 167 } 168 } */ 169 }); 170 171 // íì ë«ê¸° 172 function closePop() { 173 174 let chkoneDayHide = $("input[name='oneDayHide']").is(":checked"); 175 176 // í루ëì ë³´ì§ ì기 ì¤ì 177 if(chkoneDayHide){ 178 setCooke("memPop", "close", 1); 179 $('.popup_window_wrap').hide(); 180 } else { 181 $('.popup_window_wrap').hide(); 182 } 183 } 184 185 // ê°ì í기 ë²í¼ í´ë¦ ì ì´ë 186 function joinDoing() { 187 const cate = $('input[name=ckWhenHead]:checked').val(); 188 enterMember(cate); 189 closePop(); 190 } 191 192 //멤ë²ì ê°ì íì ë³ ë§í¬ ì°ê²° 193 function enterMember(type) { 194 if(type == 'family') { 195 window.open("https://booking.mmca.go.kr/member/payment/PopPay?productId=18383"); 196 }else { 197 window.open("https://booking.mmca.go.kr/member/payment/PopPay?productId=18384"); 198 } 199 } 200 201 // í루ëì ë³´ì§ ì기 ì í ì cookie ì¤ì 202 function setCooke( name, value, expireDate) { 203 204 let today = new Date(); 205 today = today.setTime(today.getTime() + expireDate * 24 * 60 * 60 * 1000); 206 let transToday = new Date(today); 207 208 document.cookie = name + "=" + value + ";expires=" + transToday.toUTCString() + ";" ; 209 } 210 211 //010A00000000000(ì¸ì´01,1ëì¤01,2ëì¤001,3ëì¤001,4ëì¤001, 5ëì¤01) 212 /* 213 * @param ì´ëURL 214 * @param ë©ë´ID 215 * @param ë©ë´DEPTH 216 */ 217 function fn_menuChange(url, menuId, depth){ 218 219 if(menuId == '0030002150'){ 220 alert('ì½ë¡ë 19 ìí©ì¼ë¡ 멤ë²ì ì ê· ê°ì ì´ ì¼ì ì¤ë¨ëììµëë¤.'); 221 return; 222 } 223 224 if(menuId == '0030002130'){ 225 alert('ì½ë¡ë 19 ìí©ì¼ë¡ 멤ë²ì ì 물íê¸°ê° ë¶ê°í©ëë¤.'); 226 return; 227 } 228 229 $.ajax({
230 url: '/log/ajaxInsMenuLog.do', 231 data: 'menuId='+menuId+'&depth='+depth, 232 type : "POST", 233 dataType: 'json', 234 success: function(data) { 235 236 document.headForm.menuId.value = menuId; 237 document.headForm.action = url; 238 document.headForm.target = "_self"; 239 document.headForm.submit(); 240 }, 241 error: function(request,status,error){ 242 alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); 243 } 244 }); 245 } 246 247 function alertReady(){ 248 alert("í´ë¹ íì´ì§ë ìì§ ì¤ë¹ ì¤ì ëë¤."); 249 } 250 251 /*ì¦ê²¨ì°¾ê¸° ì¢ìì ë´ê¸° ì¤ì */ 252 //ì¦ê²¨ì°¾ê¸° ë° ì¢ìì 253 function fn_commonInsAjaxFavorNGood(v, key){ 254 255 if("" == null || "" == "" || "" == undefined){ 256 alert('ë¡ê·¸ì¸ í ì´ì© í´ì£¼ì¸ì.'); 257 return; 258 } 259 260 var copyUrl = $("#urlCopy").data("clipboard-text"); 261 var memgUrl = ""; 262 if(typeof copyUrl != "undefined" || copyUrl != null || copyUrl != "") { 263 var tmpUrl = copyUrl.split("/"); 264 265 for(var i=3; i<tmpUrl.length; i++) { 266 memgUrl += "/"; 267 memgUrl += tmpUrl[i]; 268 } 269 } 270 271 var form = { 272 "memgId" : key //ìì¸íë©´ key 273 , "memgOriginCd" : v//01:ì¦ê²¨ì°¾ê¸°, 02:ì¢ìì 274 , "memgMenuId" : $("#menuId").val() 275 , "memgCd" :$("#memgCd").val() 276 , "memgUrl" : memgUrl 277 , "langCd" : $('#langCd').val() 278 }; 279 280 $.ajax({ 281 url: "/common/ajaxInsFavorNGood.do", 282 dataType: 'json', 283 data: form, 284 contentType: "application/x-www-form-urlencoded;charset=utf-8", 285 success: function(data) { 286 287 if(data.rtnCode == '0'){ 288 if(v == '01'){ 289 $("#btnFavor").addClass('active').find("i").text("ì¤í¬ë© ìë£"); 290 }else{ 291 $("#btnGood").addClass('active').find("i").text("ì¢ìì ì¶ê° ìë£"); 292 //ì¹ì ê·¼ì± ì¢ìì ì í ìí 293 $("#btnGood").attr('aria-checked', 'true').attr('aria-label', 'ì¢ìì ì¶ê°ë ìí'); 294 } 295 alert('ì¶ê° íììµëë¤.'); 296 }else if(data.rtnCode == '1'){ 297 if(v == '01'){ 298 $("#btnFavor").removeClass('active').find("i").text("ì¤í¬ë© í기"); 299 }else{ 300 $("#btnGood").removeClass('active').find("i").text("ì¢ìì ì¶ê°"); 301 //ì¹ì ê·¼ì± ì¢ìì ì í ìí ìí 302 $("#btnGood").attr('aria-checked', 'false').attr('aria-label', 'ì¢ìì ì¶ê°ëì§ ìì ìí'); 303 } 304 alert('ì ì¸ íììµëë¤.'); 305 }else if(data.rtnCode == '10'){ 306 if(v == "01"){ 307 $("#btnFavor").attr('class','btn btnIcon btnFavor'); 308 }else{ 309 $("#btnGood").attr('class','btn btnIcon btnGood'); 310 } 311 alert('ë¡ê·¸ì¸ í ì´ì© í´ì£¼ì¸ì.'); 312 return; 313 } 314 } 315 }) 316 } 317 318 //ì¦ê²¨ì°¾ê¸° ë° ì¢ìì ì´ê¸° ì í 319 function fn_commonSelectAjaxFavorNGood(key){ 320 321 var form = { 322 "memgId" : key //ìì¸íë©´ key 323 ,"memgMenuId" : $("#menuId").val() 324 ,"memgCd" :$("#memgCd").val() 325 }; 326 327 $.ajax({ 328 url: "/common/ajaxSelectMemGoodMemberInfo.do", 329 dataType: 'json', 330 data: form, 331 contentType: "application/x-www-form-urlencoded;charset=utf-8", 332 success: function(data) { 333 334 if(data.rtnCode == '0'){ 335 var favorNGoodMap = data.favorNGoodMap; 336 337 if((favorNGoodMap.memgFavor*1) > 0){ 338 $("#btnFavor").addClass('active'); 339 }else{ 340 $("#btnFavor").removeClass('active'); 341 } 342 343 if((favorNGoodMap.memgGood*1) > 0){ 344 $("#btnGood").addClass('active'); 345 }else{ 346 $("#btnGood").removeClass('active'); 347 } 348 349 } 350 } 351 }) 352 } 353 354 //ë´ê¸°ì²ë¦¬ 355 function fn_commonInsAjaxDigitalCura(v, key, title, url){ 356 357 if("" == null || "" == "" || "" == undefined){ 358 $("#btnBookmark").attr('class','btn btnIcon btnBookmark'); 359 alert('ë¡ê·¸ì¸ í ì´ì© í´ì£¼ì¸ì.'); 360 fn_menuChange('/member/loginForm.do','0010000000'); 361 return; 362 } 363 var form = { 364 "commonId" : key //ìì¸íë©´ key 365 ,"dcmLangCd" : "01" 366 ,"dcmUserCd" : "01" 367 ,"dcmTp" : "99" 368 ,"dcmTitle" : title 369 ,"dcdUrl" : url 370 ,"dcmDelYn" : "N" 371 ,"memgCd" :$("#memgCd").val() 372 ,"dcdCd" :v //ìì¥í:01, ëìì:02 373 ,"dcdId" :$("#dcdIdKey").val() 374 ,"menuId" : $("#menuId").val() 375 }; 376 377 $.ajax({
378 url: "/common/ajaxInsDigitalCura.do", 379 dataType: 'json', 380 data: form, 381 contentType: "application/x-www-form-urlencoded;charset=utf-8", 382 success: function(data) { 383 384 if(data.rtnCode == '0'){ 385 alert('ì¶ê° íììµëë¤.'); 386 $("#btnBookmark").addClass('active'); 387 $("#dcdIdKey").val(data.dcdId); 388 }else if(data.rtnCode == '1'){ 389 alert('ì ê±° íììµëë¤.'); 390 $("#btnBookmark").removeClass('active'); 391 $("#dcdIdKey").val(""); 392 }else if(data.rtnCode == '10'){ 393 alert('ë¡ê·¸ì¸ í ì´ì© í´ì£¼ì¸ì.'); 394 return; 395 } 396 } 397 }) 398 } 399 400 //ë´ê¸° ì´ê¸° ì í 401 function fn_commonSelectAjaxDigitalCura(v, key){ 402 403 var form = { 404 "commonId" : key //ìì¸íë©´ key 405 ,"memgCd" :$("#memgCd").val() 406 ,"dcdCd" :v //ìì¥í:01, ëìì:02 407 ,"menuId" : $("#menuId").val()//menuIdê° ìì´ì ììë¡ ì²ë¦¬ 408 }; 409 410 $.ajax({ 411 url: "/common/ajaxSelectDigitalCuraInfo.do", 412 dataType: 'json', 413 data: form, 414 contentType: "application/x-www-form-urlencoded;charset=utf-8", 415 success: function(data) { 416 417 if(data.rtnCode == '0'){ 418 var dtlDcdId = data.dtlDcdId; 419 420 if(dtlDcdId != ""){ 421 $("#btnBookmark").addClass('active'); 422 $("#dcdIdKey").val(dtlDcdId); 423 }else{ 424 $("#btnFavor").removeClass('active'); 425 $("#dcdIdKey").val(""); 426 } 427 } 428 } 429 }) 430 } 431 /*ì¦ê²¨ì°¾ê¸° ì¢ìì ë´ê¸° ì¤ì */ 432 433 function snsShare(gubunNum, detailUrl) { 434 var href = ""; 435 var msg = ""; 436 var url = encodeURIComponent("http://" + "www.mmca.go.kr" + detailUrl); 437 438 if (gubunNum == 'twitter') { 439 href = "http://twitter.com/share?url=" + url + "&text=" 440 + encodeURI(msg); 441 } else if (gubunNum == 'facebook') { 442 href = "http://www.facebook.com/sharer.php?u=" + url + "&t=" 443 + encodeURI(msg) + "&src=sp"; 444 } else if (gubunNum == 'me2day') { 445 href = "http://me2day.net/posts/new?new_post[body]=%22" 446 + encodeURI(msg) + "%22:" + url + "&new_post[tags]=" 447 + encodeURI("êµë¦½íë미ì ê´"); 448 } else if(gubunNum == 'kakao'){ 449 href = "https://story.kakao.com/share?url=" + url; 450 } else if(gubunNum == 'naver'){ 451 href = "https://share.naver.com/web/shareView?url=" + url+ "&title=" + encodeURI("êµë¦½íë미ì ê´"); 452 } 453 window.open(href, gubunNum); 454 } 455 456 //ë¸ë¼ì°ì ì²´í¬(IE ë²ì , ì£ì§, ì¤ì ë¸ë¼ì°ì ) 457 function CheckBrowsers(){ 458 /*if(navigator.userAgent.toLowerCase().match(/windows/i)){ 459 }else */ 460 461 if(navigator.userAgent.toLowerCase().match(/android/i)){ 462 return 503; 463 }else if(navigator.userAgent.toLowerCase().match(/iphone|ipad|ipod/i)){ 464 return 504; 465 }else if(navigator.userAgent.toLowerCase().match(/mac/i)){ 466 return 505; 467 } 468 if(navigator.userAgent.toLowerCase().indexOf("swing") > -1 ){ 469 return 501; 470 }else if(navigator.userAgent.toLowerCase().indexOf("edge") > -1){ 471 return 502; 472 }else if(navigator.userAgent.toLowerCase().indexOf("trident") > -1 ){ 473 var trident = navigator.userAgent.match(/Trident\/(\d.\d)/i); 474 switch (trident[1]) { 475 case "8.0" : 476 return 11; 477 case "7.0" : 478 return 11; 479 case "6.0" : 480 return 10; 481 case "5.0" : 482 return 9; 483 case "4.0" : 484 return 8; 485 default : 486 return 11; 487 } 488 }else if(navigator.appVersion.toLowerCase().indexOf("msie 6") > -1){ 489 return 6; 490 }else if(navigator.appVersion.toLowerCase().indexOf("msie 7") > -1){ 491 return 7; 492 }else if(navigator.appVersion.toLowerCase().indexOf("w-browser") > -1){ 493 return "W-Browser"; 494 }else if(navigator.userAgent.toLowerCase().indexOf("chrome") > -1 && navigator.vendor.toLowerCase().indexOf("google") > -1 495 && navigator.userAgent.toLowerCase().indexOf("opr") <= -1 && navigator.userAgent.toLowerCase().indexOf("x64") > -1){ 496 return "Chrome64"; 497 }else if(navigator.userAgent.toLowerCase().indexOf("chrome") > -1 && navigator.vendor.toLowerCase().indexOf("google") > -1 498 && navigator.userAgent.toLowerCase().indexOf("opr") <= -1){ 499 return "Chrome"; 500 }else if(navigator.userAgent.toLowerCase().indexOf("mozilla") > -1 && navigator.userAgent.toLowerCase().indexOf("firefox") > -1 501 && navigator.userAgent.toLowerCase().indexOf("opr") <= -1){ 502 return "Firefox"; 503 }else if(navigator.userAgent.toLowerCase().indexOf("mozilla") > -1 && navigator.userAgent.toLowerCase().indexOf("safari") > -1 504 && navigator.userAgent.toLowerCase().indexOf("opr") <= -1){ 505 return "Safari"; 506 }else if(navigator.userAgent.toLowerCase().indexOf("mozilla") > -1 && navigator.userAgent.toLowerCase().indexOf("opr") > -1){ 507 return "Opera"; 508 }else{ 509 return 100; 510 } 511 } 512 513 function fn_logout(){ 514 515 if(confirm("ë¡ê·¸ìì íìê² ìµëê¹?")){ 516 //ì¸ì ì ë´ì íì ëì´ ì´ë ¥ ìì 517 sessionStorage.removeItem("memPop"); 518 location.href = "/member/logout.do"; 519 } 520 } 521 522 // 모ë°ì¼ë²ì ë©ë´ ì í ì íì ì¨ê¹ì²ë¦¬ 523 function fn_btnMobOpen(){ 524 $('.bottom_pop_wrap').hide(); 525 } 526 527 function winOpen(){ 528 window.open($("#selectLangCd").val(),'_self') 529 } 530 531 $(document).ready(function(){ 532 setTimeout(function(){ 533 $("#btnFavor.active i").text("ì¤í¬ë© ìë£"); 534 $("#btnGood.active i").text("ì¢ìì ì¶ê° ìë£"); 535 },200);
536 537 }) 538 </script>
538 539</head> 540<body> 541<form name="headForm" method="post"> 542 <input type="hidden" name="menuId"> 543 <input type="hidden" name="langCd" id="langCd" value="01"> 544</form> 545 546<input type="hidden" name="createTime" id="createTime" value=""> 547 548<a href="#gnb" class="skipToContent">주ë©ë´ ë°ë¡ê°ê¸°</a> 549<a href="#content" class="skipToContent">본문 ë°ë¡ê°ê¸°</a> 550 551 552 553 554<!-- wrap --> 555<div id="wrap" class="wrap"> 556 <!-- noticeBannerWrap --> 557 558 <!-- //noticeBannerWrap --> 559 <!-- header --> 560 <div id="header" class="header"> 561 <div class="inner"> 562 <!-- logo --> 563 <h1 class="logo"> 564 <a href="/"> 565 <span class="he">MMCA êµë¦½íë미ì ê´ National Museum of Modern and Contemporary Art, Korea</span> 566 </a> 567 </h1> 568 <!-- //logo --> 569 <!-- gnb --> 570 <nav class="gnb" aria-label="ë©ì¸ ë©ë´"> 571 <!-- mobGnbHead --> 572 <!-- <div class="mobGnbHead"> 573 <div class="logoImg"><img src="/asset/images/common/bg_logo_full.svg" alt="êµë¦½íë미ì ê´"></div> 574 <div class="mobHeadUtil"> 575 <button type="button" class="btnSearchOpen" aria-haspopup="dialog" aria-label="ê²ìì´ê¸°"><i class="icon"></i></button> 576 <button type="button" class="btnMobClose" aria-label="ë©ë´ë«ê¸°"><i class="icon"></i></button> 577 </div> 578 </div> --> 579 580<div class="mobGnbHead"> 581 <div class="logoImg"> 582 <a href="/"> 583 <img src="/asset/images/common/bg_logo_full.svg" alt="MMCA êµë¦½íë미ì ê´ National Museum of Modern and Contemporary Art, Korea"> 584 </a> 585 </div> 586 <div class="mobHeadUtil"> 587 <button type="button" class="btnSearchOpen" aria-haspopup="dialog" aria-label="ê²ìì´ê¸°"><i class="icon"></i></button> 588 <button type="button" class="btnMobClose" aria-label="ë©ë´ë«ê¸°"><i class="icon"></i></button> 589 </div> 590</div> 591 592 <!-- //mobGnbHead --> 593 <h2 class="he">ë©ì¸ ë©ë´</h2> 594 <!-- gnbList --> 595 <ul class="gnbList" tabindex="-1"> 596 <li> 597 <a href="javascript:fn_menuChange('/visitingInfo/seoulInfo.do', '01A000100000000', '1');" id="gnb" >ê´ë·참ì¬<i class="icon togglePlus"></i></a> 598 <div class="sub"> 599 <ul> 600 <li><a href="javascript:fn_menuChange('/accessibility.do', '01A000120000000', '2');">ì ê·¼ì± ìë´</a></li> 601 <li><a href="javascript:fn_menuChange('/visitingInfo/seoulInfo.do', '01A000101000000', '2');">ìì¸</a></li> 602 <li><a href="javascript:fn_menuChange('/visitingInfo/gwacheonInfo.do', '01A000102000000', '2');">ê³¼ì²</a></li> 603 <li><a href="javascript:fn_menuChange('/visitingInfo/deoksugungInfo.do', '01A000103000000', '2');">ëìê¶</a></li> 604 <li><a href="javascript:fn_menuChange('/visitingInfo/cheongjuInfo.do', '01A000104000000', '2');">ì²ì£¼</a></li> 605 <li><a href="javascript:fn_menuChange('/visitingInfo/childArtMuseumInfo.do', '01A000107000000', '2');">ì´ë¦°ì´ë¯¸ì ê´</a></li> 606 <li><a href="javascript:fn_menuChange('/events/eventsList.do', '01A000110000000', '2');">ì´ë²¤í¸</a></li> 607 <li><a href="javascript:fn_menuChange('/visitingInfo/eduReserve.do', '01A000108000000', '2');">íµí©ìì½</a></li> 608 609 <li><a href="javascript:fn_menuChange('/visitingInfo/guideTimeTableList.do', '01A000109000000', '2');" class="ft400">ì ìí´ì¤</a></li> 610 <li><a href="javascript:fn_menuChange('/artStudio/artStudioMain.do', '01A000105000000', '2');" class="ft400">ë ì§ëì</a></li> 611 <li><a href="javascript:fn_menuChange('/about/governmentArtBank.do', '01A000106000000', '2');" class="ft400">미ì ìí</a></li> 612 <!-- <li><a href="javascript:alertReady();">íµí©ìì½</a></li> --> 613 </ul> 614 </div> 615 </li> 616 <li> 617 <a href="javascript:fn_menuChange('/exhibitions/progressList.do', '01B000200000000', '1');">ì ì<i class="icon togglePlus"></i></a> 618 <div class="sub"> 619 <ul> 620 <li><a href="javascript:fn_menuChange('/exhibitions/progressList.do', '01B000201000000', '2');">íì¬ì ì</a></li> 621 <li><a href="javascript:fn_menuChange('/exhibitions/futureProgressList.do', '01B000202000000', '2');">ìì ì ì</a></li> 622 <li><a href="javascript:fn_menuChange('/exhibitions/pastProgressList.do', '01B000203000000', '2');">과거ì ì</a></li> 623 </ul> 624 </div> 625 </li> 626 <li> 627 <a href="javascript:fn_menuChange('/educations/eduIntro.do', '01C000300000000', '1');">êµì¡<i class="icon togglePlus"></i></a> 628 <div class="sub"> 629 <ul> 630 <li><a href="javascript:fn_menuChange('/educations/eduIntro.do', '01C000301000000', '2');">미ì ê´êµì¡ìê°</a></li> 631 <li><a href="javascript:fn_menuChange('/educations/eduChildList.do', '01C000302000000', '2');">ì´ë¦°ì´</a></li> 632 <li><a href="javascript:fn_menuChange('/educations/eduYouthList.do', '01C000303000000', '2');">ì²ìë </a></li> 633 <li><a href="javascript:fn_menuChange('/educations/eduTeacherList.do', '01C000307000000', '2');">êµì¬</a></li> 634 <li><a href="javascript:fn_menuChange('/educations/eduAdultList.do', '01C000304000000', '2');">ì±ì¸</a></li> 635 <li><a href="javascript:fn_menuChange('/educations/eduDataList.do', '01C000305000000', '2');">êµì¡ìë£ì¤</a></li> 636 <li><a href="javascript:fn_menuChange('/educations/eduParticipation.do', '01C000306000000', '2');">ì°¸ì¬ì ì²</a></li> 637 </ul> 638 </div> 639 </li> 640 <li> 641 <a href="javascript:fn_menuChange('/collections/collectionsList.do', '01D000400000000', '1');">ìì¥í<i class="icon togglePlus"></i></a> 642 <div class="sub"> 643 <ul> 644 <li><a href="javascript:fn_menuChange('/collections/collectionsList.do', '01D000401000000', '2');">ìì¥í ê²ì</a></li> 645 <li><a href="javascript:fn_menuChange('/collections/curationList.do', '01D000402000000', '2');">ìì¥í íì</a></li> 646 <li><a href="javascript:fn_menuChange('/collections/collectionsRent.do', '01D000404000000', '2');">ìì¥í ëì¬</a></li> 647 <li><a href="javascript:fn_menuChange('/collections/conservation.do', '01D000403000000', '2');">ë³´ì¡´ê³¼í</a></li> 648 </ul> 649 </div> 650 </li> 651 <li> 652 <a href="javascript:fn_menuChange('/bookArchive/bookArchiveMain.do', '01E000500000000', '1');">미ì ì°êµ¬<i class="icon togglePlus"></i></a> 653 <div class="sub"> 654 <ul> 655 <li><a href="javascript:fn_menuChange('/bookArchive/bookArchiveMain.do', '01E000501000000', '2');">ëìì ìì¹´ì´ë¸</a></li> 656 <li><a href="javascript:fn_menuChange('/artResearch/researchProList.do', '01E000503000000', '2');">ì°êµ¬</a></li> 657 <li><a href="javascript:fn_menuChange('/artResearch/publicationList.do?pubFlag=1', '01E000502000000', '2');">ë°ê°ìë£</a></li> 658 <li><a href="https://www.mmcaresearch.kr" target="_blank" title="ìì°½">MMCA 리ìì¹ë©</a></li> 659 </ul> 660 </div> 661 </li> 662 <li> 663 <a href="javascript:fn_menuChange('/digitals/digitalMain.do', '01F000600000000', '1');">ëì§í¸ë¯¸ì ê´<i class="icon togglePlus"></i></a> 664 <div class="sub"> 665 <ul> 666 <li><a href="javascript:fn_menuChange('/digitals/digitalMain.do', '01F000601000000', '2');">ë©ì¸</a></li> 667 <li><a href="javascript:fn_menuChange('/digitals/digitalMovList.do', '01F000602000000', '2');">ë§ì¶¤ê²ì</a></li> 668 <li><a href="javascript:fn_menuChange('/digitals/digitalExhGuideList.do', '01F000603000000', '2')">ì¤ëì¤ê°ì´ë</a></li> 669 <li><a href="javascript:fn_menuChange('/digitals/digitalCuraList.do', '01F000604000000', '2');">ì´ì©ìê°¤ë¬ë¦¬</a></li> 670 <!-- <li><a href="javascript:fn_menuChange('/digitals/digitalEventMovList.do', '01F000604000000', '2');">ì¤ì°í´ ì§ì¼ë¡ ì¨ ë¯¸ì ê´</a></li> --> 671 </ul> 672 </div> 673 </li> 674 <!-- <li> 675 <a href="javascript:fn_menuChange('/digitals/seoul10thAnniversary.do', '1600000000', '1');">ìì¸ê´ 10 ì¶ì <i class="icon togglePlus"></i></a> 676 <div class="sub"> 677 <ul> 678 <li><a href="javascript:fn_menuChange('/digitals/seoul10thAnniversary.do', '1600000000', '1');">íì¬ ìê°</a></li> 679 </ul> 680 </div> 681 </li> --> 682 <!-- <li> 683 <a href="javascript:fn_menuChange('/contents.do', '01G000000000000', '1');">êµë¦½íë미ì ê´<i class="icon togglePlus"></i></a> 684 <div class="sub"> 685 <ul> 686 <li><a href="javascript:fn_menuChange('/contents.do', '01G000100000000', '2');">ì¸ì¬ë§</a></li> 687 <li><a href="javascript:fn_menuChange('/contents.do', '01G000200000000', '2');">ì°í</a></li> 688 <li><a href="javascript:fn_menuChange('/contents.do', '01G000300000000', '2');">ì¡°ì§ê³¼ 미ì </a></li> 689 <li><a href="javascript:fn_menuChange('/contents.do', '01G000400000000', '2');">4ê´ ë° íë¶ê´ë¦¬ê¸°êµ¬</a></li> 690 <li><a href="javascript:fn_menuChange('/contents.do', '01G000500000000', '2');">MI</a></li> 691 </ul> 692 </div> 693 </li> 694 <li> 695 <a href="javascript:fn_menuChange('/contents.do', '01H000000000000', '1');">ì림·참ì¬<i class="icon togglePlus"></i></a> 696 <div class="sub"> 697 <ul> 698 <li><a href="javascript:fn_menuChange('/contents.do', '01H000100000000', '2');">ììì</a></li> 699 <li><a href="javascript:fn_menuChange('/contents.do', '01H000200000000', '2');">ì±ì©</a></li> 700 <li><a href="javascript:fn_menuChange('/contents.do', '01H000300000000', '2');">ë³´ëìë£</a></li> 701 <li><a href="javascript:fn_menuChange('/contents.do', '01H000400000000', '2');">기ì¦ìë´</a></li> 702 <li><a href="javascript:fn_menuChange('/contents.do', '01H000500000000', '2');">ìì¤ëê´Â·ë³µì ì ì²</a></li> 703 <li><a href="javascript:fn_menuChange('/contents.do', '01H000600000000', '2');">ììë´ì¬</a></li> 704 <li><a href="javascript:fn_menuChange('/contents.do', '01H000700000000', '2');">íì</a></li> 705 </ul> 706 </div> 707 </li> 708 <li> 709 <a href="javascript:fn_menuChange('/contents.do', '01I000000000000', '1');">íë ¥ë§<i class="icon togglePlus"></i></a> 710 <div class="sub"> 711 <ul> 712 <li><a href="javascript:fn_menuChange('/contents.do', '01I000100000000', '2');">미ì ê´ìê°</a></li> 713 <li><a href="javascript:fn_menuChange('/contents.do', '01I000200000000', '2');">ìíµê³µê°</a></li> 714 <li><a href="javascript:fn_menuChange('/contents.do', '01I000300000000', '2');">ì ì</a></li> 715 </ul> 716 </div> 717 </li> 718 <li> 719 <a href="javascript:fn_menuChange('/contents.do', '01J000000000000', '1');">멤ë²ì<i class="icon togglePlus"></i></a> 720 <div class="sub"> 721 <ul> 722 <li><a href="javascript:fn_menuChange('/contents.do', '01J000100000000', '2');">íí</a></li> 723 <li><a href="javascript:fn_menuChange('/contents.do', '01J000200000000', '2');">íë¡ê·¸ë¨</a></li> 724 <li><a href="javascript:fn_menuChange('/contents.do', '01J000300000000', '2');">ë¼ì´ì§</a></li> 725 <li><a href="javascript:fn_menuChange('/contents.do', '01J000400000000', '2');">ì í´í ì¸</a></li> 726 <li><a href="javascript:fn_menuChange('/contents.do', '01J000500000000', '2');">MMCAíë ì¦</a></li> 727 <li><a href="javascript:fn_menuChange('/contents.do', '01J000600000000', '2');">íìê°ì </a></li> 728 <li><a href="javascript:fn_menuChange('/contents.do', '01J000700000000', '2');">ìì´ë찾기</a></li> 729 <li><a href="javascript:fn_menuChange('/contents.do', '01J000700000000', '2');">ë¹ë°ë²í¸ì°¾ê¸°</a></li> 730 <li><a href="javascript:fn_menuChange('/contents.do', '01J000700000000', '2');">ë¡ê·¸ì¸</a></li> 731 </ul> 732 </div> 733 </li> 734 <li> 735 <a href="javascript:fn_menuChange('/contents.do', '01K000000000000', '1');">민ì<i class="icon togglePlus"></i></a> 736 <div class="sub"> 737 <ul> 738 <li><a href="javascript:fn_menuChange('/contents.do', '01K000100000000', '2');">êµë¯¼ì ë¬¸ê³ </a></li> 739 <li><a href="javascript:fn_menuChange('/contents.do', '01K000200000000', '2');">ì ë³´ê³µê°</a></li> 740 <li><a href="javascript:fn_menuChange('/contents.do', '01K000300000000', '2');">ì´ì©ì½ê´</a></li> 741 <li><a href="javascript:fn_menuChange('/contents.do', '01K000400000000', '2');">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li> 742 <li><a href="javascript:fn_menuChange('/contents.do', '01K000500000000', '2');">ì ìê¶ì ì± </a></li> 743 <li><a href="javascript:fn_menuChange('/contents.do', '01K000600000000', '2');">ë¶í¸ë¶ì¡°ë¦¬ì ê³ </a></li> 744 <li><a href="javascript:fn_menuChange('/contents.do', '01K000700000000', '2');">ì¬ì´í¸ë§µ</a></li> 745 </ul> 746 </div> 747 </li> --> 748 </ul> 749 <!-- //gnbList --> 750 751 <!-- utilWrap --> 752 <div class="utilWrap moVer"> 753 <ul> 754 <li><a href="/accessibility.do">ì ê·¼ì± ìë´</a></li> 755 <li><a href="/artResearch/newsLetterList.do">ë´ì¤ë í°</a></li> 756 <!-- <li><a href="/artResearch/publicationList.do">ììì§</a></li> --> 757 <!-- <li><a href="/pr/newsList.do">ììì</a></li> --> 758 <li><a href="https://www.mmcaresearch.kr/" target="_blank" title="ìì°½">MMCA 리ìì¹ë©</a></li> 759 <li><a href="/membership/membershipIntroduction.do">멤ë²ì</a></li> 760 <li><a href="https://www.mmcashop.co.kr/" target="_blank" title="ìì°½">ì¨ë¼ì¸ì</a></li> 761 </ul> 762 </div> 763 <!-- //utilWrap --> 764 765 <!-- utilWrap --> 766 <div class="utilWrap"> 767 <ul> 768 769 770 <li class="joinWrap"> 771 <a href="/member/memberFourteenOverForm.do" role="button"> 772 MMCA 773 <br>íìê°ì 774 </a> 775 </li> 776 <li class="login_btn"><a href="/member/loginForm.do">ë¡ê·¸ì¸</a></li> 777 778 779 780 781 782 783 <li class="selectWrap"> 784 <!-- <span class="ctg">
784LANGUAGE </span> --> 785 <select class="selectBox" title="ì¸ì´ì í" id="selectLangCd" onchange="winOpen()"><!-- 2022-04-13 --> 786 <option value="/">KO: íêµì´</option> 787 <option value="/eng">EN: English</option> 788 <option value="/chn">ZH: 䏿</option> 789 <option value="/jpn">JA: æ¥æ¬èª</option> 790 </select> 791 792 <!-- <button type="button" class="btn" title="ì íë ì¸ì´ë¡ íë©´ ì í" onclick="winOpen()">Go</button> --> 793 </li> 794 795 796 </ul> 797 </div> 798 <!-- //utilWrap --> 799 </nav> 800 <!-- //gnb --> 801 <!-- btnUtil --> 802 <div class="btnUtil"> 803 <button type="button" class="btnSearchOpen" aria-haspopup="dialog" aria-label="ê²ìì´ê¸°"> 804 <i class="icon"></i> 805 </button> 806 <button type="button" class="btnMobOpen" onclick="fn_btnMobOpen()" aria-label="ë©ë´ì´ê¸°"> 807 <i class="icon"></i> 808 </button> 809 </div> 810 <!-- //btnUtil --> 811 <!-- totalSearchWrap --> 812 <div class="totalSearchWrap"> 813 <form id="totalSearchForm" name="totalSearchForm" method="post"> 814 <input type="hidden" id="selectSection" value="TOTAL"/> 815 <input type="hidden" id="section" name="section" value="" /> 816 <div class="inner"> 817 <div class="searchLayer"> 818 <input type="text" class="input" placeholder="ê²ìì´ë¥¼ ì ë ¥íì¸ì." id="q" name="q" onkeypress="if(event.keyCode == 13)totalSearch();return;" autocomplete="off" style="ime-mode:active" title="ê²ìì´ ì ë ¥"> 819 <button type="submit" class="btn border01" onclick="javascript:totalSearch();">ê²ì</button> 820 <button type="button" class="btnSearchClose" aria-label="ê²ìë«ê¸°"><i class="icon"></i></button> 821 </div> 822 </div> 823 </form> 824
824<script> 825 //íµí©ê²ìì¤í 826 function totalSearch(){ 827 mbChk = "PC"; 828 829 var form = document.totalSearchForm; 830 var q = form.q.value; 831 832 if(($.trim(q) == "*" || $.trim(q).length < 1)){ 833 alert("ê²ìì´ë¥¼ ì ë ¥í´ ì£¼ììì¤."); 834 return; 835 } 836 form.action = "/search/totalSearch.do"; 837 form.submit(); 838 } 839 840 //ìëìì± í¤ìëì í 841 function autoSearch(autoId){ 842 $("#q").val($("#"+autoId).val()); 843 844 if(mbChk == "PC"){ 845 totalSearch(); 846 }else{ 847 mbTotalSearch(); 848 } 849 } 850 </script>
850 851 </div> 852 <!-- //totalSearchWrap --> 853 </div> 854 </div> 855 <!-- //header --> 856 857<!-- header end --> 858 859 860 861
862<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=cb66ee907041ebf5927bad2682cd05f5"></script>
862 863 864 865
866<script type="text/javaScript" defer="defer"> 867 $(document).ready(function() { 868 $(function(){ 869 $("title").text("ì§íì² ì´ì© < ì¤ìë길 < ìì¸ < ì ê·¼ì± < ê´ëì°¸ì¬ < êµë¦½íë미ì ê´"); 870 }) 871 872 kakaoMap(); 873 }); 874 875 function kakaoMap() { 876 let container = document.getElementById('kakaoMap'); //ì§ë를 ë´ì ììì DOM ë í¼ë°ì¤ 877 let options = { //ì§ë를 ìì±í ë íìí 기본 ìµì 878 center: new kakao.maps.LatLng(37.5791137016879, 126.980817317963), //ì§ëì ì¤ì¬ì¢í 879 level: 3 //ì§ëì ë 벨(íë, ì¶ì ì ë) 880 }; 881 882 let map = new kakao.maps.Map(container, options); //ì§ë ìì± ë° ê°ì²´ ë¦¬í´ 883 884 // 커ì¤í ì¤ë²ë ì´ ë§ì»¤ 885 let content = ''; 886 content += '<div class="custom-overlay">'; 887 content += ' <div class="place-info">'; 888 content += ' <strong class="place-name">êµë¦½íë미ì ê´ ìì¸</strong>'; 889 content += ' </div>'; 890 content += ' <div class="marker-icon"></div>'; 891 content += '</div>'; 892 893 let markerPosition = new kakao.maps.LatLng(37.5791137016879, 126.980817317963); // ìì¸ê´ ì¤ì¬ì 894 895 let customOverlay = new kakao.maps.CustomOverlay({ 896 position: markerPosition, 897 content: content 898 }); 899 900 customOverlay.setMap(map); // ì§ë ìì 커ì¤í ì¤ë²ë ì´ íì¶ 901 } 902</script>
902 903 904<!-- container --> 905<div class="container"> 906 <!-- breadcrumb start --> 907 908 909 910 911 912 913 914<!-- breadcrumb --> 915<nav class="breadcrumb" aria-label="Breadcrumb" aria-hidden="true"> 916 <ol> 917 <li><a href="#" title="ê´ëì°¸ì¬">ê´ëì°¸ì¬</a></li> 918 919 <li> 920 921 922 <label for="select-depth01"><span class="label-desc">ì ê·¼ì± ìë´</span></label> 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 <select id="select-depth01" class="selectBox" title="1depth" onchange="window.open(value,'_self');"> 946 947 <option value="/accessibility.do" selected>ì ê·¼ì± ìë´</option> 948 949 <option value="/visitingInfo/seoulInfo.do" >ìì¸</option> 950 951 <option value="/visitingInfo/gwacheonInfo.do" >ê³¼ì²</option> 952 953 <option value="/visitingInfo/deoksugungInfo.do" >ëìê¶</option> 954 955 <option value="/visitingInfo/cheongjuInfo.do" >ì²ì£¼</option> 956 957 <option value="/visitingInfo/childArtMuseumInfo.do" >ì´ë¦°ì´ë¯¸ì ê´</option> 958 959 <option value="/events/eventsList.do" >ì´ë²¤í¸</option> 960 961 <option value="/visitingInfo/introductionReserve.do" >íµí©ìì½</option> 962 963 <option value="/visitingInfo/guideTimeTableList.do" >ì ìí´ì¤</option> 964 965 <option value="/artStudio/artStudioMain.do" >ë ì§ëì</option> 966 967 <option value="/about/governmentArtBank.do" >미ì ìí</option> 968 969 </select> 970 </li> 971 972 973 974 975 </ol> 976</nav> 977<!-- //breadcrumb --> 978 979 <!-- breadcrumb end --> 980 981 <!-- content start --> 982 <main id="content" class="content accessibility-main"> 983 <div class="inner"> 984 <!-- sub-tab-contents-layout start --> 985 986 987 988<!-- style start --> 989<link rel="stylesheet" type="text/css" href="/asset/css/common/accessibility.css" /> 990<!-- style end --> 991
992<script type="text/javaScript" defer="defer"> 993 $(document).ready(function() { 994 fn_changeSubTab(); 995 }); 996 997 // íì¼ ë¤ì´ë¡ë 998 function downloadFiles(storedName, orgName) { 999 const form = document.forms["tabForm"]; 1000 if (!form) { 1001 console.error("form not found"); 1002 return; 1003 } 1004 1005 form.elements["storedName"].value = storedName; 1006 form.elements["orgName"].value = orgName; 1007 document.tabForm.action = "/common/researchFileDownFront.do"; 1008 document.tabForm.method = "post"; 1009 document.tabForm.target = "_self"; 1010 document.tabForm.submit(); 1011 } 1012 1013 // í ë³ê²½ ì²ë¦¬ 1014 function fn_changeSubTab() { 1015 const tabId = document.getElementById("tabId").value; 1016 const subTabList = document.getElementById("sub-tab-list").getElementsByTagName("a"); 1017 1018 // í íì±í 1019 for (let i = 0; i < subTabList.length; i++) { 1020 if (subTabList[i].id === tabId) { 1021 subTabList[i].classList.add("cateActive"); 1022 if (subTabList[i].querySelector("span.hide") === null) { 1023 const span = document.createElement("span"); 1024 span.className = "hide"; 1025 span.textContent = " ì íë¨"; 1026 subTabList[i].appendChild(span); 1027 } 1028 } else { 1029 subTabList[i].classList.remove("cateActive"); 1030 if (subTabList[i].querySelector("span.hide") !== null) { 1031 const span = subTabList[i].querySelector("span.hide"); 1032 span.parentNode.removeChild(span); 1033 } 1034 } 1035 } 1036 } 1037</script>
1037 1038 1039<form name="tabForm" method="post"> 1040 <input type="hidden" name="menuId" value=""> 1041 <input type="hidden" name="tabId" id="tabId" value="accessibility"> 1042 <input type="hidden" name="introYn" id="introYn" value="Y"> 1043 1044 <input type="hidden" name="fileName" /> 1045 <input type="hidden" name="filePath" /> 1046 <input type="hidden" name="fileType" value="accessibility" /> 1047 <input type="hidden" name="storedName" id="storedName" /> 1048 <input type="hidden" name="orgName" id="orgName" /> 1049</form> 1050 1051<!-- main start --> 1052<div class="accessibility-intro"> 1053 <div class="accessibility-header"> 1054 <h2 class="accessibility-title">ì ê·¼ì± ìë´</h2> 1055 1056 </div> 1057 1058 1059 <div id="accessibility-intro-cont" class="accessibility-intro-cont"> 1060 1061 <img src="/asset/images/accessibility/main_pc.png" alt="êµë¦½íë미ì ê´ ë´ë¶ ì ê²½ ì¬ì§â" class="tit-img"> 1062 1063 <p>êµë¦½íë미ì ê´ì 모ë ê´ëê°ì´ í¬ì©ì ì´ê³ íì ë°ë íê²½ìì ì ìì 미ì ê´ì ì¨ì í ê²½íí ì ìëë¡ ë ¸ë ¥í©ëë¤.â</p> 1064 <p>ì´ë¥¼ ìí´ ë¤ìí ì ê·¼ì± ì§ì íë¡ê·¸ë¨ì ì ê³µí©ëë¤.â</p> 1065 <p>ê´ë ¨ 문ìê° íìíìë©´ [email protected] ëë 02-3701-9500ë¡ ì°ë½í´ì£¼ì¸ì.</p> 1066 </div> 1067 1068</div> 1069<!-- main end --> 1070 1071<!-- subMenuWrap start --> 1072<div class="subMenuWrap"> 1073 <div class="subFixed"> 1074 <!-- tabList --> 1075 <div class="tabList"> 1076 <ul class="baner-slide"> 1077 <li class="active" role="none presentation"><a href="#">ìì¸<span class="hide"> ì íë¨</span></a></li> 1078 <li><a href="/gwacheon/accessibility/subway.do" role="none presentation">ê³¼ì²</a></li> 1079 <li><a href="/deoksugung/accessibility/subway.do" role="none presentation">ëìê¶</a></li> 1080 <li><a href="/cheongju/accessibility/subway.do" role="none presentation">ì²ì£¼</a></li> 1081 </ul> 1082 </div> 1083 <!-- tabLis end --> 1084 </div> 1085 <!-- subFixed end --> 1086</div> 1087<!-- subMenuWrap end --> 1088 1089<h3 class="hide">ìì¸</h3> 1090 1091<!-- boardHead --> 1092<div class="boardHead"> 1093 <!-- boardCate --> 1094 <div class="boardCate"> 1095 <ul id="sub-tab-list" class="baner-slide"> 1096 <li><a href="/accessibility.do" class="cateActive" id="accessibility">ì¤ìë 길<span class='hide'> ì íë¨</span></a></li> 1097 <li><a href="/seoul/viewingInfo/information.do" id="viewingInfo">ê´ëì ë³´</a></li> 1098 <li><a href="/seoul/facilityInfo/nursingRoom.do" id="facilityInfo">í¸ììì¤</a></li> 1099 <li><a href="/seoul/reserv/exhibition.do" id="reserv">ìì½í기</a></li> 1100 <li><a href="/seoul/accessibilityProgram/exhibition.do" id="accessibilityProgram">ì ê·¼ì± íë¡ê·¸ë¨</a></li> 1101 <li><a href="/seoul/map.do" id="map">미ì ê´ ì§ë</a></li> 1102 <li><a href="#" id="sensoryInformation" onclick="feUI.dialog.__init('visitGuidPop', 350, this); return false;">방문ê°ì´ë</a></li> 1103 </ul> 1104 </div> 1105 <!-- //boardCate --> 1106</div> 1107<!-- boardHead end --> 1108 1109<!-- 방문ê°ì´ë íì --> 1110<div class="dialogWrap visitGuidPop" id="visitGuidPop"> 1111 <!-- dialog --> 1112 <section class="dialog" role="dialog" aria-modal="true" aria-labelledby="dialogTit" aria-describedby="dialogCont" data-align="center" id="visitGuid"> 1113 <header class="dialogHead"> 1114 <h2 id="visitGuidDialogTit" class="title">방문ê°ì´ë</h2> 1115 </header> 1116 <!-- //dialogHead --> 1117 <!-- dialogBody --> 1118 <div id="visitGuidDialogCont" class="dialogBody"> 1119 <div class="dialogBodyInner"> 1120 <div class="details"> 1121 <!-- detailBody --> 1122 <div class="detailBody align-center"> 1123 <div class="bot_btn" style="width:100%; text-align:center;"> 1124 <button type="button" class="btn bg01" onclick="javascript:window.open('https://view.mmca.go.kr/streamdocs/view/sd;streamdocsId=kRn87_aro_h3uD_m1o-fSZk2LWKb-0Ewj6me_UN4JiM')">íì¼ë³´ê¸°</button> 1125 <button type="button" class="btn bg01" onclick="javascript:downloadFiles('visit_guide_seoul.pdf','ìì¸ê´_방문ê°ì´ë.pdf'); return false;">ë´ë ¤ë°ê¸°</button> 1126 </div> 1127 </div> 1128 <!-- //detailBody --> 1129 </div> 1130 </div> 1131 </div> 1132 <!-- //dialogBody --> 1133 <button type="button" class="close" aria-label="dialog ë«ê¸°"></button> 1134 1135 </section> 1136 <!-- //dialog --> 1137</div> 1138<!-- 방문ê°ì´ë íì ë --> 1139 1140<!-- ìì´í´ì¤ íì --> 1141<div class="dialogWrap signPop" id="signPop"> 1142 <!-- dialog --> 1143 <section class="dialog" role="dialog" aria-modal="true" aria-labelledby="dialogTit" aria-describedby="dialogCont" data-align="center" id="sign"> 1144 <header class="dialogHead"> 1145 <h2 id="dialogTit" class="title">ìì´í´ì¤</h2> 1146 </header> 1147 <!-- //dialogHead --> 1148 <!-- dialogBody --> 1149 <div id="dialogCont" class="dialogBody"> 1150 <div class="dialogBodyInner"> 1151 <div class="details"> 1152 <!-- detailBody --> 1153 <div class="detailBody align-center"> 1154 <!-- bodySection --> 1155 <div class="iframe-wrap"> 1156 <iframe 1157 width="100%" 1158 height="100%" 1159 src="https://www.youtube.com/embed/J20UDFLNB0g?si=WDBvdCfpgO6AqtWL" 1160 title="YouTube video player" 1161 allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1162 referrerpolicy="strict-origin-when-cross-origin" 1163 allowfullscreen> 1164 </iframe> 1165 </div> 1166 <!-- //bodySection --> 1167 </div> 1168 <!-- //detailBody --> 1169 </div> 1170 </div> 1171 </div> 1172 <!-- //dialogBody --> 1173 <button type="button" class="close" aria-label="dialog ë«ê¸°"></button> 1174 1175 </section> 1176 <!-- //dialog --> 1177</div> 1178<!-- ìì´í´ì¤ íì ë --> 1179 <!-- sub-tab-contents-layout end --> 1180 1181 <!-- accessibility-sub start --> 1182 <div class="accessibility-sub"> 1183 <!-- lnbWrap start --> 1184 1185 1186
1187<script type="text/javaScript" defer="defer"> 1188 $(document).ready(function() { 1189 fn_changeSideMenu(); 1190 }); 1191 1192 // ë©ë´ ë³ê²½ ì²ë¦¬ 1193 function fn_changeSideMenu() { 1194 const sideMenuId = document.getElementById("sideMenuId").value; 1195 const sideMenuLiList = document.getElementById("accessibilitySideMenuList").getElementsByTagName("li"); 1196 const sideMenuAList = document.getElementById("accessibilitySideMenuList").getElementsByTagName("a"); 1197 1198 // ë©ë´ íì±í 1199 for (let i = 0; i < sideMenuLiList.length; i++) { 1200 if (sideMenuLiList[i].id === sideMenuId) { 1201 sideMenuLiList[i].classList.add("active"); 1202 sideMenuLiList[i].classList.add("selected"); 1203 if (sideMenuAList[i].querySelector("span.hide") === null) { 1204 const span = document.createElement("span"); 1205 span.className = "hide"; 1206 span.textContent = " ì íë¨"; 1207 sideMenuAList[i].appendChild(span); 1208 } 1209 } else { 1210 sideMenuLiList[i].classList.remove("active"); 1211 sideMenuLiList[i].classList.remove("selected"); 1212 if (sideMenuAList[i].querySelector("span.hide") !== null) { 1213 const span = sideMenuAList[i].querySelector("span.hide"); 1214 span.parentNode.removeChild(span); 1215 } 1216 } 1217 } 1218 } 1219</script>
1219 1220 1221<form name="sideMenuForm" method="post"> 1222 <input type="hidden" name="tabId" id="tabId" value="accessibility"> 1223 <input type="hidden" name="sideMenuId" id="sideMenuId" value="subway"> 1224</form> 1225 1226<!-- lnbWrap start --> 1227<div class="lnbWrap"> 1228 <nav class="lnb"> 1229 1230 1231 <ul id="accessibilitySideMenuList" class="baner-slide"> 1232 <li id="subway"><a href="/accessibility.do">ì§íì² ì´ì©</a></li> 1233 <li id="bus"><a href="/seoul/accessibility/bus.do">ë²ì¤ ì´ì©</a></li> 1234 <li id="car"><a href="/seoul/accessibility/car.do">ìëì°¨ ì´ì©</a></li> 1235 <li id="bike"><a href="/seoul/accessibility/bike.do">ìì ê±° ì´ì©</a></li> 1236 <li id="shuttle"><a href="/seoul/accessibility/shuttle.do">ì íë²ì¤</a></li> 1237 </ul> 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 </nav> 1252</div> 1253<!-- lnbWrap end --> 1254 <!-- lnbWrap end --> 1255 1256 <!-- mySection start --> 1257 <div class="mySection"> 1258 <h4 class="section-title">ìì¸ ì¢ ë¡êµ¬ ì¼ì²ë¡ 30</h4> 1259 <div id="kakaoMap" class="location-map"></div> 1260 <div class="way-area"> 1261 <form action="https://map.kakao.com/" method="get" target="_blank" title="ìì°½"> 1262 <input name="eName" type="hidden" value="ìì¸ ì¢ ë¡êµ¬ ì¼ì²ë¡ 30"> 1263 <div class="way-search"> 1264 <h4>ì¤ìë 길</h4> 1265 <div> 1266 <ul> 1267 <li class="map-start"><label for="mapStart">ì¶ë°</label><input class="text" id="mapStart" name="sName" placeholder="ì¶ë°ì§ë¥¼ ì ë ¥íì¸ì" type="text" value=""></li> 1268 <li class="arrow"></li> 1269 <li class="map-arrival"><label for="mapArrival">ëì°©</label><input class="text" disabled="disabled" id="mapArrival" type="text" value="êµë¦½íë미ì ê´ ìì¸"></li> 1270 </ul> 1271 <div class="find-path-btn-area"> 1272 <button class="btn" type="submit" title="ìì°½ì´ë¦¼">길찾기</button> 1273 </div> 1274 </div> 1275 </div> 1276 </form> 1277 </div> 1278 <div class="map-btn-wrap"> 1279 <div></div> 1280 <div class="map-btn-list"> 1281 <a href="http://naver.me/GCRaNMo5" class="naver-map" target="_blank" title="ì ì°½ ì´ë¦¼">ë¤ì´ë²ì§ë</a> 1282 <a href="http://kko.to/pRMhnXh4H" class="kakao-map" target="_blank" title="ì ì°½ ì´ë¦¼">ì¹´ì¹´ì¤ë§µ</a> 1283 </div> 1284 </div> 1285 1286 <!-- locationSubway start --> 1287 <div id="locationSubway"> 1288 <h4 class="section-title">ì§íì² ì´ì©</h4> 1289 1290 <div class="section-sub-wrap"> 1291 <h4 class="section-sub-tit"> 1292 <span class="line c-orange">3í¸ì ìêµì 1ë² ì¶êµ¬</span> 1293 </h4> 1294 1295 <div class="section-sub-cont"> 1296 <p class="subway-cont-walk"> 1297 <img src="/asset/images/accessibility/icon/icon_walk.svg" alt="ëë³´" class="walk-icon"> 1298 <img src="/asset/images/accessibility/icon/icon_wheelchair.png" alt="í ì²´ì´" class="walk-icon"> 1299 <span>ìêµììì 미ì ê´ê¹ì§ ê±·ê±°ë í ì²´ì´ë¡ ì´ëíë©´ ì½ 13ë¶~20ë¶ ì ë ììë©ëë¤.</span> 1300 </p> 1301 1302 <ol class="subway-cont-list"> 1303 <li>1. ìêµì 1ë² ì¶êµ¬ë¡ ëì ì¶êµ¬ìì ì¤ë¥¸ìª½ ë°©í¥ì¼ë¡ ìêµëì¬ê±°ë¦¬ê¹ì§ 136m ì´ëí©ëë¤.</li> 1304 <li>2. ìêµëì¬ê±°ë¦¬ìì ì§ì§íì¬ ê²½ë³µê¶êµì°¨ë¡ê¹ì§ 297m ì´ëí©ëë¤.</li> 1305 <li>3. 경복ê¶êµì°¨ë¡ìì ì¤ë¥¸ìª½ ë°©í¥ì¼ë¡ 314m ì´ëí©ëë¤.</li> 1306 <li>4. ê°¤ë¬ë¦¬ íëì ê¸í¸ë¯¸ì ê´ì ì§ë êµë¦½íë미ì ê´ì ëì°©í©ëë¤.</li> 1307 </ol> 1308 </div> 1309 </div> 1310 1311 <div class="section-sub-wrap"> 1312 <h4 class="section-sub-tit"> 1313 <span class="line c-orange">3í¸ì 경복ê¶ì 4ë² ì¶êµ¬</span> 1314 </h4> 1315 1316 <div class="section-sub-cont"> 1317 <p class="subway-cont-walk"> 1318 <img src="/asset/images/accessibility/icon/icon_walk.svg" alt="ëë³´" class="walk-icon"> 1319 <img src="/asset/images/accessibility/icon/icon_wheelchair.png" alt="í ì²´ì´" class="walk-icon"> 1320 <span>경복ê¶ììì 미ì ê´ê¹ì§ ê±·ê±°ë í ì²´ì´ë¡ ì´ëíë©´ ì½ 16ë¶~25ë¶ ì ë ììë©ëë¤.</span> 1321 </p> 1322 1323 <ol class="subway-cont-list"> 1324 <li>1. 경복ê¶ì 4ë² ì¶êµ¬ë¡ ëì ì ë¶ìì¸ì²ì¬êµì°¨ë¡ìì í¡ë¨ë³´ë를 ê±´ëëë¤.</li> 1325 <li>2. ê´í문ê¹ì§ 277m ì´ë í 경복ê¶êµì°¨ë¡ê¹ì§ 187m ì´ëí©ëë¤.</li> 1326 <li>3. 경복ê¶êµì°¨ë¡ìì ì¼ì²ëë°©í¥ì¼ë¡ ê²½ë³µê¶ ë´ì¥ì ë°ë¼ 215m ì´ëí©ëë¤.</li> 1327 <li>4. ê±´ì¶ë¬¸ ìì ìë í¡ë¨ë³´ë를 ê±´ë êµë¦½íë미ì ê´ ë°©í¥ì
1327¼ë¡ ì´ëí©ëë¤. 길 ë§ìí¸ìë í¸ìì ì´ ììµëë¤.</li> 1328 </ol> 1329 </div> 1330 </div> 1331 1332 <div class="section-sub-wrap"> 1333 <h4 class="section-sub-tit"> 1334 <span class="line c-darkblue">1í¸ì ì¢ ê°ì 3-1ë² ì¶êµ¬</span> 1335 </h4> 1336 1337 <div class="section-sub-cont"> 1338 <p class="subway-cont-walk"> 1339 <img src="/asset/images/accessibility/icon/icon_walk.svg" alt="ëë³´" class="walk-icon"> 1340 <img src="/asset/images/accessibility/icon/icon_wheelchair.png" alt="í ì²´ì´" class="walk-icon"> 1341 <span>ì¢ ê°ììì 미ì ê´ê¹ì§ ê±·ê±°ë í ì²´ì´ë¡ ì´ëíë©´ ì½ 20ë¶~25ë¶ ì ë ììë©ëë¤.</span> 1342 </p> 1343 1344 <ol class="subway-cont-list"> 1345 <li>1. ì¢ ê°ì 3-1ë² ì¶êµ¬ìì ì¡°ê³ì¬ ì êµì°¨ë¡ ë°©í¥ì¼ë¡ 121m ì´ëí©ëë¤.</li> 1346 <li>2. ì¡°ê³ì¬ ì êµì°¨ë¡ìì ìêµë ì¬ê±°ë¦¬ê¹ì§ 406m ì´ëí©ëë¤.</li> 1347 <li>3. ìêµë ì¬ê±°ë¦¬ìì í¡ë¨ë³´ë를 ê±´ë ê²½ë³µê¶ êµì°¨ë¡ê¹ì§ 311m ì´ëí©ëë¤.</li> 1348 <li>4. 경복ê¶êµì°¨ë¡ìì ì¼ì²ë ë°©í¥ì¼ë¡ 314m ì´ëí©ëë¤.</li> 1349 <li>5. ê°¤ë¬ë¦¬ íëì ê¸í¸ë¯¸ì ê´ì ì§ë êµë¦½íë미ì ê´ì ëì°©í©ëë¤.</li> 1350 </ol> 1351 </div> 1352 </div> 1353 </div> 1354 <!-- locationSubway end --> 1355 1356 </div> 1357 <!-- mySection end --> 1358 </div> 1359 <!-- sub-tab-contents-layout end --> 1360 </div> 1361 </main> 1362 <!-- content end--> 1363</div> 1364<!-- //container --> 1365 1366<!-- footer start --> 1367 1368 1369 1370
1371<script type="text/javaScript" defer="defer"> 1372 1373 console.log("sessionFrontMemInfo:", ""); 1374 1375 $("#mailAddr").keydown(function (key) { 1376 if(key.keyCode == 13) { 1377 newsletterPopCall(); 1378 return false; 1379 } 1380 }); 1381 1382 function newsletterPopCall() { 1383 feUI.dialog.__init('dialoSubscribe', 780, this); 1384 } 1385 1386 //미ì ì°êµ¬ > ë°ê°ìë£ > ë´ì¤ë í° êµ¬ë + 1387 function newsletterPlusPopCall() { 1388 feUI.dialog.__init('dialogSubscribeNewsletter', 780, this); 1389 } 1390 1391 function membershipPopCall() { 1392 1393 feUI.dialog.__init('membership', 780, this); 1394 } 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 function kakaoPopCall() { 1433 /* $('#popKakao').bPopup({ 1434 positionStyle : 'fixed' 1435 }); */ 1436 feUI.dialog.__init('kakaoChanelPopup', 410, this); 1437 } 1438 1439 function goChannel() { 1440 var url = "http://pf.kakao.com/_SjarK"; 1441 window.open(url, '_blank'); 1442 $("#kakaoClose").click(); 1443 } 1444 1445 function registHomepage() { 1446 const url = "https://www.mmca.go.kr/member/memberFourteenOverForm.do"; 1447 window.open(url, '_blank'); 1448 } 1449 1450 function enterMember(val) { 1451 1452 1453 1454 1455 1456 1457 if(val == 'friend') { 1458 1459 if("" == null 1460 || "" == "" 1461 || "" == undefined){ 1462 1463 window.open("https://mmca.go.kr/member/memberFourteenOverForm.do"); 1464 1465 } else { 1466 1467 alert("ì´ë¯¸ MMCA ì¹êµ¬ë¡ ê°ì ëì´ììµëë¤"); 1468 } 1469 1470 } else if(val == 'family') { 1471 1472 window.open("https://booking.mmca.go.kr/member/payment/PopPay?productId=18383"); 1473 1474 } else { 1475 1476 window.open("https://booking.mmca.go.kr/member/payment/PopPay?productId=18384"); 1477 } 1478 } 1479 1480 </script>
1480 1481 <style> 1482 1483 .dialog .close:before {content:""; opacity:0} 1484 1485 </style> 1486 <input type="hidden" id="srcPubTp" name="srcPubTp" > 1487 1488 <!-- footer --> 1489 <div id="footer" class="footer"> 1490 <div class="inner"> 1491 <!-- sectionWrap --> 1492 <div class="sectionWrap"> 1493 <!-- footerSection01 --> 1494 <div class="footerSection01"> 1495 1496 1497 1498 <ul class="linkList"> 1499 <li><a href="/accessibility.do">ì ê·¼ì± ìë´</a></li> 1500 <li><a href="javascript:fn_menuChange('/artResearch/newsLetterList.do', '01H000809000000', '2');">ë´ì¤ë í°</a></li> 1501<!-- <li><a href="/artResearch/publicationList.do?searchSrcPubTp=15">ììì§</a></li> --> 1502 <li><a href="https://www.mmcaresearch.kr" target="_blank" title="ìì°½">MMCA 리ìì¹ë©</a></li> 1503 <li><a href="/membership.do">멤ë²ì</a></li> 1504 1505 <li><a href="https://www.mmcashop.co.kr/" target="_blank" title="ìì°½">ì¨ë¼ì¸ì</a></li> 1506 1507 1508 </ul> 1509 </div> 1510 <!-- //footerSection01 --> 1511 <!-- footerSection02 --> 1512 <div class="footerSection02"> 1513 <div class="footerMenu"> 1514 <div class="item"> 1515 <strong>ìì </strong> 1516 <ul> 1517 <li><a href="https://www.instagram.com/mmcakorea" target="_blank" title="ì ì°½ ì´ë¦¼">ì¸ì¤íê·¸ë¨</a></li> 1518 <li><a href="https://www.youtube.com/user/MMCAKorea" target="_blank" title="ì ì°½ ì´ë¦¼">ì íë¸</a></li> 1519 <li><a href="https://www.facebook.com/mmcakorea" target="_blank" title="ì ì°½ ì´ë¦¼">íì´ì¤ë¶</a></li> 1520 <li><a href="https://twitter.com/mmcakorea" target="_blank" title="ì ì°½ ì´ë¦¼">X</a></li> 1521 <li><a href="https://tv.naver.com/mmca" target="_blank" title="ì ì°½ ì´ë¦¼">ë¤ì´ë²</a></li> 1522 <li><a href="https://blog.naver.com/mmca2017" target="_blank" title="ì ì°½ ì´ë¦¼">ë¤ì´ë² ë¸ë¡ê·¸</a></li> 1523 </ul> 1524 </div> 1525 <div class="item"> 1526 <strong>ë²ì ê³ ì§</strong> 1527 <ul> 1528 <li><a href="/civil/memberPolicy.do" class="fontB">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li> 1529 <li><a href="/civil/memberAgreement.do">ì´ì©ì½ê´</a></li> 1530 <li><a href="/civil/copyright.do">ì ìê¶ì ì± </a></li> 1531 <li><a href="/civil/ePeople.do">êµë¯¼ì ë¬¸ê³ </a></li> 1532 <li><a href="/civil/publicInfoSystem.do">ì ë³´ê³µê°</a></li> 1533 <li><a href="/civil/cleanReportCenter.do">í´ë¦°ì ê³ ì¼í°</a></li> 1534 </ul> 1535 </div> 1536 <div class="item"> 1537 <strong>ì°¸ì¬</strong> 1538 <ul> 1539 <li><a href="/about/introduction.do">미ì ê´ ìê°</a></li> 1540 <li><a href="javascript:fn_menuChange('/pr/newsList.do', '01H000801000000', '2');">ììì</a></li> 1541 <li><a href="javascript:fn_menuChange('/pr/employmentList.do', '01H000803000000', '2');">ì±ì©</a></li> 1542 <li><a href="javascript:fn_menuChange('/pr/pressList.do', '01H000802000000', '2');">ë³´ëìë£</a></li> 1543 <li><a href="http://www.mmcafoundation.or.kr/page/support/intro" target="_blank" title="ìì°½">íì</a></li> 1544 1545 <li><a href="/pr/volunteer.do">ììë´ì¬</a></li> 1546 <!--li><a href="/pr/collectionsGuideList.do">기ì¦ìë´</a></li--> 1547 <li><a href="/pr/museumPermission.do">ìì¤ëê´·ë³µì ì ì²</a></li> 1548 <!-- 1549 <li><a href="javascript:fn_menuChange('/cooperation/coopNetwork.do', '01I000900000000', '1');">미ì ê´íë ¥ë§</a></li> 1550 --> 1551 <li><a href="/pr/FAQ.do">ì주 묻ë ì§ë¬¸</a></li> 1552 <li><a href="/civil/siteMap.do">ì¬ì´í¸ë§µ</a></li> 1553 <li><a href="http://www.mmcafoundation.or.kr/" target="_blank" title="ìì°½">êµë¦½íë미ì ê´ ë¬¸íì¬ë¨</a></li> 1554 </ul> 1555 </div> 1556 </div> 1557 </div> 1558 <!-- //footerSection02 --> 1559 </div> 1560 <!-- //sectionWrap --> 1561 </div> 1562 <!-- footerSection03 --> 1563 <div class="footerSection03"> 1564 <div class="inner"> 1565 <address> 1566 ëíì: ê¹ì±í¬, ì¬ì ìë±ë¡ë²í¸: 138â83â00313<br> 1567 ëíì í: (ìì¸) <a href="tel:02â3701â9500">02â3701â9500</a>, <br>ìì¸ì ì¢ ë¡êµ¬ ì¼ì²ë¡ 30(ì격ë) 1568 <br>(ê³¼ì²) <a href="tel:02â2188â6000">02â2188â6000</a>, <br>
1568경기ë ê³¼ì²ì ê´ëª ë¡ 313(ë§ê³ë) 1569 <br> (ëìê¶) <a href="tel:02â2022â0600">02â2022â0600</a>, <br>ìì¸ì ì¤êµ¬ ì¸ì¢ ëë¡ 99(ì ë), ëìê¶ ë´ 1570 <br>(ì²ì£¼) <a href="tel:043â261â1400">043â261â1400</a>, <br>ì¶©ë¶ ì²ì£¼ì ì²ì구 ìë¹ë¡ 314(ë´ë 2ë 201-1) 1571 <br>© 2021 National Museum of Modern and Contemporary Art, Korea 1572 </address> 1573 <div class="logo"> 1574 <img src="/asset/images/common/bg_logo_full.svg" alt="MMCA êµë¦½íë미ì ê´ National Museum of Modern and Contemporary Art, Korea"> 1575 </div> 1576 <a class="wa" title="ìì°½" href="http://www.wa.or.kr/board/list.asp?BoardID=0006" target="_blank"> 1577 <img alt="(ì¬)íêµì¥ì ì¸ë¨ì²´ì´ì°í©í íêµì¹ì ê·¼ì±ì¸ì¦íê°ì ì¹ ì ê·¼ì± ì°ìì¬ì´í¸ ì¸ì¦ë§í¬(WAì¸ì¦ë§í¬)" src=/asset/images/common/wa.png /> 1578 </a> 1579 </div> 1580 </div> 1581 <!-- //footerSection03 --> 1582 1583 </div> 1584 <!-- //footer --> 1585 1586 1587 1588 </div> 1589 <!-- //wrap --> 1590 <div class="btnFixed"> 1591 <button type="button" class="btnSmart" aria-label="ì¬ì´ 찾기" aria-haspopup="dialog" onclick="feUI.dialog.__init('dialogSmart', 1430, this)"> 1592 ì¬ì´<br>찾기 1593 </button> 1594 <button type="button" class="btnTop" aria-label="ìë¨ì¼ë¡">ìë¨ì¼ë¡ ì´ë</button> 1595 </div> 1596 <!-- smartsearch start --> 1597 1598 1599 1600 1601
1602<script type="text/javaScript" defer="defer"> 1603 var smartSearchRequestNo = 0; 1604 // ì§í ì¤ì¸ ì¤í¬ë¡¤ ì´ê¸°í 1605 function fn_SmartResetRequest(){ 1606 smartSearchRequestNo++; 1607 1608 $("#smartSearchStatus").empty(); 1609 $(document.smartListForm).find(".dialogBody").stop(true); 1610 } 1611 1612 // ê²°ê³¼ ì¤í¬ë¡¤ 1613 function fn_SmartMoveScroll($target, duration, onlyIfHidden){ 1614 var $popup = $(document.smartListForm).find(".dialogSmart"); 1615 var $body = $popup.find(".dialogBody"); 1616 1617 if (!$popup.is(":visible") || !$body.length || !$target.length) { 1618 return; 1619 } 1620 1621 var bodyRect = $body[0].getBoundingClientRect(); 1622 var targetRect = $target[0].getBoundingClientRect(); 1623 1624 if (onlyIfHidden && targetRect.top >= bodyRect.top && targetRect.bottom <= bodyRect.top + $body[0].clientHeight) { 1625 return; 1626 } 1627 1628 var top = $body.scrollTop() + targetRect.top - bodyRect.top - 10; 1629 var maxTop = Math.max( 1630 0, 1631 $body[0].scrollHeight - $body[0].clientHeight 1632 ); 1633 1634 $body.stop(true).animate({ 1635 scrollTop: Math.max(0, Math.min(top, maxTop)) 1636 }, duration); 1637 } 1638 1639 function fn_SmartSetMessage(message, moveToResult){ 1640 $("#smartSearchStatus").text(message); 1641 1642 if (moveToResult) { 1643 fn_SmartMoveScroll($("#smartSearchStatus"), 200, true); 1644 } 1645 } 1646 1647 function fn_SmartAfterResult(list, moveToResult){ 1648 if (list.length === 0) { 1649 $("#smartPageDiv").empty(); 1650 1651 fn_SmartSetMessage("ì¡°ê±´ì ë§ë ê²ì ê²°ê³¼ê° ììµëë¤.", moveToResult); 1652 } else { 1653 if (moveToResult) { 1654 fn_SmartMoveScroll($("#selResult .btnWrap"), 1000, false); 1655 } 1656 } 1657 } 1658 1659 $(document).on('change', 'input[name="ckContentType"], input[name="ckContentDType"]', function(){ 1660 fn_selectContentType(); 1661 }); 1662 /* $(document).on('change', 'input[name="ckContentDType"]', function(){ 1663 fn_selectContentType(); 1664 }); */ 1665 1666 $(document).ready(function(){ 1667 $(".dialogSmart").on("modalClose.smartSearch", function(){ 1668 fn_SmartResetRequest(); 1669 }); 1670 1671 $("#selResult").show(); 1672 $("#group1_1").show(); 1673 $("#group1_2").show(); 1674 $("#group1_3").show(); 1675 $("#group2_1").hide(); 1676 $("#group2_2").hide(); 1677 $("#group2_3").hide(); 1678 $("#group3_1").hide(); 1679 1680 //ì ìê´ë 1681 $("input:radio[name=raWhat]").click(function(){ 1682 fn_init(); 1683 fn_selectSmart(); 1684 }); 1685 1686 $("#ckWhen01").prop("checked",true); 1687 $("#selSearch").html("<li>ì ìê´ë</li><li>ì¤ë</li>") 1688 $("#paramWhen").val("ì¤ë") 1689 1690 1691 $('input:checkbox[name=ckPay], input:checkbox[name=ckWhere], input:radio[name=ckWhen]').on('click', function () { 1692 fn_selectSmart(); 1693 }); 1694 1695 //ëì ì¼ë¡ ìì±ëë ì²´í¬ë°ì¤ë¡ ì¸í´ ëìíì§ ìë ê°ì²´ ì ì¸íê³ ì $(document).on ì¬ì© 1696 $('input:checkbox[name=ckContents]').on('click', function () { 1697 //$('input:checkbox[name=ckContents], input:checkbox[name=ckContentType], input:checkbox[name=ckContentDType]').on('click', function () { 1698 fn_selectSmart(); 1699 }); 1700 1701 $('input:radio[name=raWhat]:input[value=exh]').attr("checked", true); 1702 1703 $("#startDate, #endDate").change(function() { 1704 var startDate = new Date($("#startDate").val()); 1705 var endDate = new Date($("#endDate").val()); 1706 1707 if (startDate > endDate) { 1708 alert("ìì ë ì§ë ì¢ ë£ ë ì§ ì´ì ì´ì´ì¼ í©ëë¤."); 1709 $(this).val(""); 1710 } 1711 }); 1712 }); 1713 1714 function fn_raWhatInit(){ 1715 //$("input:radio[name='raWhat']").prop("checked", false); 1716 //$('input:radio[name=raWhat]:input[value=exh]').attr("checked", true); 1717 //alert($("input:radio[id='exh']").val()); 1718 $("input:radio[id='exh']").prop("checked", true); 1719 fn_selectSmart(); 1720 } 1721 1722 function fn_init(){ 1723 fn_SmartResetRequest(); 1724 //$("input:radio[name='raWhat']").prop("checked", false); 1725 $("input:checkbox[name='ckPay']").prop("checked", false); 1726 $("input:checkbox[name='ckWhere']").prop("checked", false); 1727 $("input:radio[name='ckWhen']").prop("checked", false); 1728 $("input:checkbox[name='ckContents']").prop("checked", false); 1729 $("input:checkbox[name='ckContentType']").prop("checked", false); 1730 $("input:checkbox[name='ckContentDType']").prop("checked", false); 1731
1732 //$(':checkbox:checked').prop('checked',false); 1733 //$(':radio:checked').prop('checked',false); 1734 $("#selResult").show(); 1735 $("#smartListDiv").empty(); 1736 $("#smartPageDiv").empty(); 1737 $("#group1_1").show(); 1738 $("#group1_2").show(); 1739 $("#group1_3").show(); 1740 $("#group2_1").hide(); 1741 $("#group2_2").hide(); 1742 $("#group2_3").hide(); 1743 $("#group3_1").hide(); 1744 1745 $("#startDate").val(""); 1746 $("#endDate").val(""); 1747 1748 arrContentTypeTitle = null; 1749 arrContentTypeValue = null; 1750 arrContentDTypeTitle = null; 1751 arrContentDTypeValue = null; 1752 } 1753 1754 function fn_re(){ 1755 window.open("https://booking.mmca.go.kr/product/performance","_blank"); 1756 } 1757 function fn_selectSmart(){ 1758 fn_SmartResetRequest(); 1759 $("#selResult").show(); 1760 var inputValue = $("input[name='raWhat']:checked").val(); 1761 1762 $("input:checkbox[name='ckContentType']").prop("checked", false); 1763 $("input:checkbox[name='ckContentDType']").prop("checked", false); 1764 1765 $("#paramContentType").val(""); 1766 $("#paramContentDType").val(""); 1767 1768 if(inputValue == "exh"){ 1769 1770 //ì¡°íì¡°ê±´ ì í 1771 $("#group1_1").show(); 1772 $("#group1_2").show(); 1773 $("#group1_3").show(); 1774 $("#group2_1").hide(); 1775 $("#group2_2").hide(); 1776 $("#group2_3").hide(); 1777 $("#group3_1").hide(); 1778 fn_setSearchCondition1(); 1779 //fn_SmartGetList1(); 1780 1781 }else if(inputValue == "con"){ 1782 //ì¡°íì¡°ê±´ ì í 1783 $("#group1_1").hide(); 1784 $("#group1_2").hide(); 1785 $("#group1_3").hide(); 1786 $("#group2_1").show(); 1787 $("#group2_2").show(); 1788 $("#group2_3").show(); 1789 $("#group3_1").hide(); 1790 1791 $("#ckContents01").prop("checked",true); 1792 $("#selSearch").html("<li>ì½í ì¸ ê²ì</li>"); 1793 fn_setSearchCondition2(); 1794 1795 }else if(inputValue == "event"){ 1796 //ì¡°íì¡°ê±´ ì í 1797 $("#group1_1").hide(); 1798 $("#group1_2").hide(); 1799 $("#group1_3").hide(); 1800 $("#group2_1").hide(); 1801 $("#group2_2").show(); 1802 $("#group2_3").show(); 1803 $("#group3_1").hide(); 1804 $("#ckContents06").prop("checked",true); 1805 $("#selSearch").html("<li>ì´ë²¤í¸</li>"); 1806 fn_setSearchCondition3(); 1807 1808 } 1809 1810 } 1811 1812 //ì ìê´ë ì¡°íì¡°ê±´ ì í 1813 function fn_setSearchCondition1(){ 1814 var result = "<li>ì ìê´ë</li>"; //ì íë ì¡°íì¡°ê±´ ê° 1815 var arrPay = Array(); 1816 var cntPay= 0; 1817 $("input[name='ckPay']:checked").each(function (i,val){ 1818 result +="<li>"+val.value+"</li>"; 1819 arrPay[cntPay] = val.value; 1820 cntPay++; 1821 }); 1822 $("#paramPay").val(arrPay); 1823 1824 var arrWhere = Array(); 1825 var cntWhere= 0; 1826 $("input[name='ckWhere']:checked").each(function (i,val){ 1827 if(val.value == "110"){ 1828 result +="<li>ê³¼ì²ê´</li>"; 1829 } 1830 if(val.value == "120"){ 1831 result +="<li>ëìê¶ê´</li>"; 1832 } 1833 if(val.value == "130"){ 1834 result +="<li>ìì¸ê´</li>"; 1835 } 1836 if(val.value == "140"){ 1837 result +="<li>ì´ë¦°ì´ë¯¸ì ê´</li>"; 1838 } 1839 if(val.value == "150"){ 1840 result +="<li>ì²ì£¼ê´</li>"; 1841 } 1842 if(val.value == "999"){ 1843 result +="<li>기í</li>"; 1844 } 1845 arrWhere[cntWhere] = val.value; 1846 cntWhere++; 1847 }); 1848 $("#paramWhere").val(arrWhere); 1849 1850 let ckWhen = $("input[name='ckWhen']:checked"); 1851 if($("input[name='ckWhen']:checked").length < 1) { 1852 ckWhen = $('input[name=ckWhen]:first'); 1853 } 1854 $(ckWhen).prop('checked','checked'); 1855 result += "<li>" + $(ckWhen).val() + "</li>"; 1856 console.log("ckWhen == ", $(ckWhen).val()); 1857 $("#paramWhen").val($(ckWhen).val()); 1858 $("#selSearch").html(result); 1859 1860 } 1861 1862 var arrContentTypeTitle = null; 1863 var arrContentTypeValue = null; 1864 var arrContentDTypeTitle = null; 1865 var arrContentDTypeValue = null; 1866 1867 //ì½í ì¸ ê²ì ì¡°íì¡°ê±´ ì í 1868 function fn_setSearchCondition2(){ 1869 var resultHtml = ""; //ì íë ì¡°íì¡°ê±´ ê° 1870 var arrContents = Array(); 1871 var cntContents= 0; 1872 $("input[name='ckContents']:checked").each(function (i,val){ 1873 if(i != 0 && val.value != "digital"){ 1874 $("#ckContents01").prop("checked",false); 1875 resultHtml = ""; 1876 arrContents = []; 1877 cntContents= 0; 1878 } 1879 1880 if(val.value == "digital"){ 1881 resultHtml +="<li>ì½í ì¸ ê²ì</li><li>ëì§í¸ë¯¸ì ê´</li><li>ìì</li>"; 1882 } 1883 if(val.value == "collection"){ 1884 resultHtml +="<li>ì½í ì¸ ê²ì</li><li>ìì¥í</li><li>ê³ íì§</li>"; 1885 } 1886 if(val.value == "newsletter"){ 1887 resultHtml +="<li>ì½í ì¸ ê²ì</li><li>ë´ì¤ë í°</li><li>í¬ì»¤ì¤</li>"; 1888 } 1889 if(val.value == "news"){ 1890 resultHtml +="<li>ì½í ì¸ ê²ì</li><li>ììì</li><li>ììì</li>"; 1891 } 1892 if(val.value == "publication"){ 1893 resultHtml +="<li>ì½í ì¸ ê²ì</li><li>ììì§</li><li>ì ì²´</li>"; 1894 } 1895 if(val.value == "event"){ 1896 resultHtml +="<li>ì´ë²¤í¸</li>"; 1897 } 1898 1899 arrContents[cntContents] = val.value; 1900 cntContents++; 1901 }); 1902 //íë¼ë¯¸í° ì¡°íì¡°ê±´ 1903 $("#paramContents").val(arrContents); 1904 $("#selSearch").html(resultHtml); 1905 //ì½í ì¸ ì¹´í ê³ ë¦¬ì ë°ë¼ ìì¸ì¡°ê±´ ë³ê²½ 1906 fn_setSearchCondition2_1(); 1907 } 1908//ì´ë²¤í¸ì¶ê° 1909 function fn_setSearchCondition3(){ 1910 var resultHtml = ""; //ì íë ì¡°íì¡°ê±´ ê° 1911 var arrContents = Array(); 1912 var cntContents= 0; 1913 1914 $("input[name='ckContents']:checked").each(function (i,val){ 1915 1916 if(val.value == "event"){ 1917 resultHtml +="<li>ì´ë²¤í¸</li><li>ì ì²´</li>"; 1918 } 1919 1920 arrContents[cntContents] = val.value; 1921 cntContents++; 1922 }); 1923 //íë¼ë¯¸í° ì¡°íì¡°ê±´ 1924 $("#paramContents").val(arrContents); 1925 1926 //ì½í ì¸ ì¹´í ê³ ë¦¬ì ë°ë¼ ìì¸ì¡°ê±´ ë³ê²½ 1927 fn_setSearchCondition3_1(); 1928 1929 $("#selSearch").html(resultHtml); 1930 } 1931 1932 function fn_selectContentType(){ 1933 var resultHtml = ""; //ì íë ì¡°íì¡°ê±´ ê° 1934 $("input[name='ckContents']:checked").each(function (i,val){ 1935 if(val.value == "digital"){ 1936 resultHtml +="<li>ì½í ì¸ ê²ì</li><li>ëì§í¸ë¯¸ì ê´</li>"; 1937 } 1938 if(val.value == "collection"){ 1939 resultHtml +="<li>ì½í ì¸ ê²ì</li><li>ìì¥í</li>"; 1940 } 1941 if(val.value == "newsletter"){ 1942 resultHtml +="<li>ì½í ì¸ ê²ì</li><li>ë´ì¤ë í°</li>"; 1943 } 1944 if(val.value == "news"){ 1945 resultHtml +="<li>ì½í ì¸ ê²ì</li><li>ììì</li>"; 1946 } 1947 if(val.value == "publication"){ 1948 resultHtml +="<li>ì½í ì¸ ê²ì</li><li>ììì§</li>"; 1949 } 1950 if(val.value == "event"){ 1951 resultHtml +="<li>ì´ë²¤í¸</li>"; 1952 } 1953 }); 1954 1955 var inputValue = $("input[name='ckContentType']:checked").val(); 1956 for(var i = 0 ; i < arrContentTypeValue.length; i++){ 1957 if(arrContentTypeValue[i] == inputValue ){ 1958 resultHtml +="<li>"+arrContentTypeTitle[i]+"</li>"; 1959 } 1960 } 1961 1962 var inputValue2 = $("input[name='ckContentDType']:checked").val(); 1963 for(var i = 0 ; i < arrContentDTypeValue.length; i++){ 1964 if(arrContentDTypeValue[i] == inputValue2 ){ 1965 resultHtml +="<li>"+arrContentDTypeTitle[i]+"</li>"; 1966 } 1967 } 1968 1969 $("#paramContentType").val(inputValue); 1970 $("#paramContentDType").val(inputValue2); 1971 $("#selSearch").html(resultHtml); 1972 } 1973 1974 //ì½í ì¸ ì¹´í ê³ ë¦¬ì ë°ë¼ ìì¸ì¡°ê±´ ë³ê²½ 1975 function fn_setSearchCondition2_1(){ 1976 arrContentTypeTitle = Array(); 1977 arrContentTypeValue = Array(); 1978 arrContentsTitle = Array(); 1979 arrContentsValue = Array(); 1980 arrContentDTypeTitle = Array(); 1981 arrContentDTypeValue = Array(); 1982 $("#contentTypeList").empty(); 1983 $("#contentDTypeList").empty(); 1984 var htmlText1 = ""; 1985 var htmlText2 = ""; 1986 var inputValue = $("input[name='ckContents']:checked").val(); 1987 if(inputValue == "digital"){ 1988 <!-- 미ì ë¶ì¼ --> 1989 1990 arrContentDTypeTitle["0"] = "MMCA ìì¥í ì´ì¼ê¸°"; 1991 arrContentDTypeValue["0"] = "15"; 1992 1993 arrContentDTypeTitle["1"] = "íë ì´í° ì ì í´ì¤"; 1994 arrContentDTypeValue["1"] = "08"; 1995 1996 arrContentDTypeTitle["2"] = "ìí & ìê°"; 1997 arrContentDTypeValue["2"] = "12"; 1998 1999 arrContentDTypeTitle["3"] = "ê°ì & íì í ë¡ "; 2000 arrContentDTypeValue["3"] = "09"; 2001 2002 arrContentDTypeTitle["4"] = "ì²ìë "; 2003 arrContentDTypeValue["4"] = "18"; 2004 2005 arrContentDTypeTitle["5"] = "ì´ë¦°ì´ë¯¸ì ê´"; 2006 arrContentDTypeValue["5"] = "13"; 2007 2008 arrContentDTypeTitle["6"] = "ìì´ í´ì¤"; 2009 arrContentDTypeValue["6"] = "14"; 2010 2011 arrContentDTypeTitle["7"] = "ìì±í´ì¤"; 2012 arrContentDTypeValue["7"] = "16"; 2013 2014 arrContentDTypeTitle["8"] = "MMCAë¼ì´ë¸"; 2015 arrContentDTypeValue["8"] = "17"; 2016 2017 arrContentDTypeTitle["9"] = "미ì ê´ ìì"; 2018 arrContentDTypeValue["9"] = "11"; 2019 2020 arrContentDTypeTitle["10"] = "VR·AR"; 2021 arrContentDTypeValue["10"] = "20"; 2022
2023 arrContentDTypeTitle["11"] = "MMCA ìê°ìì ëí"; 2024 arrContentDTypeValue["11"] = "21"; 2025 2026 arrContentDTypeTitle["12"] = "ëì¨í¸ìê² ë£ë¤"; 2027 arrContentDTypeValue["12"] = "22"; 2028 2029 arrContentDTypeTitle["13"] = "ì¤ë, ì´ ìí"; 2030 arrContentDTypeValue["13"] = "23"; 2031 2032 2033 arrContentTypeTitle = ['ìì','ì¸ê¸°ì½í ì¸ ','ìµì ì½í ì¸ ','ì¤ëì¤ê°ì´ë','ì´ì©ìê°¤ë¬ë¦¬']; 2034 arrContentTypeValue = ['02','04','05','06','07']; 2035 for(var i = 0 ; i < arrContentTypeTitle.length ; i ++){ 2036 htmlText1 += "<li>"; 2037 htmlText1 += " <label class=\"checkbox\">"; 2038 htmlText1 += " <input type=\"checkbox\" name=\"ckContentType\" id=\"ckContentType"+i+"\" value=\""+arrContentTypeValue[i]+"\" onclick=\"clickCheck(this,'2');digitalSetDTypeList('"+i+"')\">"; 2039 htmlText1 += " <i></i>"; 2040 htmlText1 += " <span>"+arrContentTypeTitle[i]+"</span>"; 2041 htmlText1 += " </label>"; 2042 htmlText1 += "</li>"; 2043 } 2044 for(var i = 0 ; i < arrContentDTypeTitle.length ; i ++){ 2045 htmlText2 += "<li>"; 2046 htmlText2 += " <label class=\"checkbox\">"; 2047 htmlText2 += " <input type=\"checkbox\" name=\"ckContentDType\" id=\"ckContentDType"+i+"\" value=\""+arrContentDTypeValue[i]+"\" onclick=\"clickCheck(this,'3')\">"; 2048 htmlText2 += " <i></i>"; 2049 htmlText2 += " <span>"+arrContentDTypeTitle[i]+"</span>"; 2050 htmlText2 += " </label>"; 2051 htmlText2 += "</li>"; 2052 } 2053 2054 }else if(inputValue == "collection"){ 2055 <!-- 미ì ë¶ì¼ --> 2056 2057 arrContentDTypeTitle["0"] = "íí I"; 2058 arrContentDTypeValue["0"] = "WFDKO"; 2059 2060 arrContentDTypeTitle["1"] = "íí II"; 2061 arrContentDTypeValue["1"] = "WFDPA"; 2062 2063 arrContentDTypeTitle["2"] = "ëë¡ì"; 2064 arrContentDTypeValue["2"] = "WFDDR"; 2065 2066 arrContentDTypeTitle["3"] = "íí"; 2067 arrContentDTypeValue["3"] = "WFDPR"; 2068 2069 arrContentDTypeTitle["4"] = "ì¡°ê°ãì¤ì¹"; 2070 arrContentDTypeValue["4"] = "WFDSC"; 2071 2072 arrContentDTypeTitle["5"] = "ì¬ì§"; 2073 arrContentDTypeValue["5"] = "WFDPH"; 2074 2075 arrContentDTypeTitle["6"] = "ë´ë¯¸ëì´"; 2076 arrContentDTypeValue["6"] = "WFDNM"; 2077 2078 arrContentDTypeTitle["7"] = "ê³µì"; 2079 arrContentDTypeValue["7"] = "WFDCR"; 2080 2081 arrContentDTypeTitle["8"] = "ëìì¸"; 2082 arrContentDTypeValue["8"] = "WFDDE"; 2083 2084 arrContentDTypeTitle["9"] = "ê±´ì¶"; 2085 arrContentDTypeValue["9"] = "WFDAR"; 2086 2087 arrContentDTypeTitle["10"] = "ìì"; 2088 arrContentDTypeValue["10"] = "WFDCA"; 2089 2090 2091 //arrContentTypeTitle = ['ê³ íì§','ì ìì¤','ì¤ëì¤ê°ì´ë','기ì¦í','ì´ë¯¸ì§','êµê°ì ì°']; 2092 //arrContentTypeValue = ['01','02','03','04','05','06']; 2093 arrContentTypeTitle = ['ê³ íì§','ì ìì¤','기ì¦í','ì´ë¯¸ì§','êµê°ì ì°']; 2094 arrContentTypeValue = ['01','02','04','05','06']; 2095 for(var i = 0 ; i < arrContentTypeTitle.length ; i ++){ 2096 htmlText1 += "<li>"; 2097 htmlText1 += " <label class=\"checkbox\">"; 2098 htmlText1 += " <input type=\"checkbox\" name=\"ckContentType\" id=\"ckContentType01\" value=\""+arrContentTypeValue[i]+"\" onclick=\"clickCheck(this,'2')\">"; 2099 htmlText1 += " <i></i>"; 2100 htmlText1 += " <span>"+arrContentTypeTitle[i]+"</span>"; 2101 htmlText1 += " </label>"; 2102 htmlText1 += "</li>"; 2103 } 2104 for(var i = 0 ; i < arrContentDTypeTitle.length ; i ++){ 2105 htmlText2 += "<li>"; 2106 htmlText2 += " <label class=\"checkbox\">"; 2107 htmlText2 += " <input type=\"checkbox\" name=\"ckContentDType\" id=\"ckContentDType"+i+"\" value=\""+arrContentDTypeValue[i]+"\" onclick=\"clickCheck(this,'3')\">"; 2108 htmlText2 += " <i></i>"; 2109 htmlText2 += " <span>"+arrContentDTypeTitle[i]+"</span>"; 2110 htmlText2 += " </label>"; 2111 htmlText2 += "</li>"; 2112 } 2113 }else if(inputValue == "newsletter"){ 2114 <!-- 미ì ë¶ì¼ --> 2115 2116 arrContentTypeTitle["0"] = "í¬ì»¤ì¤"; 2117 arrContentTypeValue["0"] = "01"; 2118 2119 arrContentTypeTitle["1"] = "ìê° ì¸í°ë·°"; 2120 arrContentTypeValue["1"] = "08"; 2121 2122 arrContentTypeTitle["2"] = "미ì ê´ íë¬ì¤"; 2123 arrContentTypeValue["2"] = "13"; 2124 2125 arrContentTypeTitle["3"] = "ìì¥í ì´ì¼ê¸°"; 2126 arrContentTypeValue["3"] = "09"; 2127 2128 arrContentTypeTitle["4"] = "ì¤í 리ì¤ë®¤ì§ì"; 2129 arrContentTypeValue["4"] = "12"; 2130 2131 arrContentTypeTitle["5"] = "AI ìí¸ë¡ê·¸"; 2132 arrContentTypeValue["5"] = "14"; 2133 2134 arrContentTypeTitle["6"] = "ì´ë²¤í¸"; 2135 arrContentTypeValue["6"] = "05"; 2136 2137 arrContentTypeTitle["7"] = "Past Issues"; 2138 arrContentTypeValue["7"] = "100"; 2139 2140 arrContentTypeTitle["8"] = "Meet the Artist"; 2141 arrContentTypeValue["8"] = "101"; 2142 2143 2144 //arrContentTypeTitle = ['ì ì²´','ì¼ì£¼ì¼','íë¬']; 2145 //arrContentTypeValue = ['ALL','01','02']; 2146 for(var i = 0 ; i < arrContentTypeTitle.length ; i ++){ 2147 htmlText1 += "<li>"; 2148 htmlText1 += " <label class=\"checkbox\">"; 2149 htmlText1 += " <input type=\"checkbox\" name=\"ckContentType\" id=\"ckContentType"+i+"\" value=\""+arrContentTypeValue[i]+"\" onclick=\"clickCheck(this,'2')\">"; 2150 htmlText1 += " <i></i>"; 2151 htmlText1 += " <span>"+arrContentTypeTitle[i]+"</span>"; 2152 htmlText1 += " </label>"; 2153 htmlText1 += "</li>"; 2154 } 2155 }else if(inputValue == "publication"){ 2156 arrContentTypeTitle = ['ì ì²´','ì¼ì£¼ì¼','íë¬']; 2157 arrContentTypeValue = ['ALL','01','02']; 2158 for(var i = 0 ; i < arrContentTypeTitle.length ; i ++){ 2159 htmlText1 += "<li>"; 2160 htmlText1 += " <label class=\"checkbox\">"; 2161 htmlText1 += " <input type=\"checkbox\" name=\"ckContentType\" id=\"ckContentType"+i+"\" value=\""+arrContentTypeValue[i]+"\" onclick=\"clickCheck(this,'2')\">"; 2162 htmlText1 += " <i></i>"; 2163 htmlText1 += " <span>"+arrContentTypeTitle[i]+"</span>"; 2164 htmlText1 += " </label>"; 2165 htmlText1 += "</li>"; 2166 } 2167 }else if(inputValue == "news"){ 2168 arrContentTypeTitle = ['ììì','ì±ì©']; 2169 arrContentTypeValue = ['101','102']; 2170 for(var i = 0 ; i < arrContentTypeTitle.length ; i ++){ 2171 htmlText1 += "<li>"; 2172 htmlText1 += " <label class=\"checkbox\">"; 2173 htmlText1 += " <input type=\"checkbox\" name=\"ckContentType\" id=\"ckContentType"+i+"\" value=\""+arrContentTypeValue[i]+"\" onclick=\"clickCheck(this,'2')\">"; 2174 htmlText1 += " <i></i>"; 2175 htmlText1 += " <span>"+arrContentTypeTitle[i]+"</span>"; 2176 htmlText1 += " </label>"; 2177 htmlText1 += "</li>"; 2178 } 2179 } 2180 2181 else if(inputValue == "event"){ 2182 arrContentTypeTitle = ['ì ì²´','ì ìì°ê³','íë¦ì¤ë¹ëì¤','ë¤ììì ','íì íì¬','ë³´ì¡´ê³¼í','ë ì§ëì','MMCA멤ë²ì','문ííì¬']; 2183 arrContentTypeValue = ['','01','03','04','05','10','09','06','02']; 2184 arrContentDTypeTitle = ['ì ì²´','ì¼ì£¼ì¼','íë¬']; 2185 arrContentDTypeValue = ['ALL','01','02']; 2186 for(var i = 0 ; i < arrContentTypeTitle.length ; i ++){ 2187 htmlText1 += "<li>"; 2188 htmlText1 += " <label class=\"checkbox\">"; 2189 htmlText1 += " <input type=\"checkbox\" name=\"ckContentType\" id=\"ckContentType01\" value=\""+arrContentTypeValue[i]+"\" onclick=\"clickCheck(this,'2')\">"; 2190 htmlText1 += " <i></i>"; 2191 htmlText1 += " <span>"+arrContentTypeTitle[i]+"</span>"; 2192 htmlText1 += " </label>"; 2193 htmlText1 += "</li>"; 2194 } 2195 2196 for(var i = 0 ; i < arrContentDTypeTitle.length ; i ++){ 2197 htmlText2 += "<li>"; 2198 htmlText2 += " <label class=\"checkbox\">"; 2199 htmlText2 += " <input type=\"checkbox\" name=\"ckContentDType\" id=\"ckContentDType"+i+"\" value=\""+arrContentDTypeValue[i]+"\" onclick=\"clickCheck(this,'3')\">"; 2200 htmlText2 += " <i></i>"; 2201 htmlText2 += " <span>"+arrContentDTypeTitle[i]+"</span>"; 2202 htmlText2 += " </label>"; 2203 htmlText2 += "</li>"; 2204 } 2205 } 2206 2207 $("#contentTypeList").html(htmlText1); 2208 $("#contentDTypeList").html(htmlText2); 2209 2210 2211 2212 if(inputValue == 'collection') { 2213 $('#ckContentType01').prop('checked','checked'); 2214 $("#paramContentType").val($('#ckContentType01').val()); 2215 }else{ 2216 $("#ckContentType0").prop("checked",true); 2217 $("#paramContentType").val($('#ckContentType0').val()); 2218 } 2219 2220 } 2221 2222 //ì´ë²¤í¸ ì¹´í ê³ ë¦¬ì ë°ë¼ ìì¸ì¡°ê±´ ë³ê²½ 2223 function fn_setSearchCondition3_1(){ 2224 arrContentTypeTitle = Array(); 2225 arrContentTypeValue = Array(); 2226 arrContentDTypeTitle = Array(); 2227 arrContentDTypeValue = Array(); 2228 $("#contentTypeList").empty(); 2229 $("#contentDTypeList").empty(); 2230 var htmlText1 = ""; 2231 var htmlText2 = ""; 2232 /* var inputValue = $("input[name='ckContents']:checked").val(); */ 2233 var inputValue = "event"; 2234 if(inputValue == "event"){ 2235 arrContentTypeTitle = ['ì ì²´','ì ìì°ê³','íë¦ì¤ë¹ëì¤','ë¤ììì ','íì íì¬','ë³´ì¡´ê³¼í','ë ì§ëì','MMCA멤ë²ì','문ííì¬']; 2236 arrContentTypeValue = ['','01','03','04','05','10','09','06','02']; 2237 arrContentDTypeTitle = ['ì ì²´','ì¼ì£¼ì¼','íë¬']; 2238 arrContentDTypeValue = ['ALL','01','02']; 2239 for(var i = 0 ; i < arrContentTypeTitle.length ; i ++){ 2240 htmlText1 += "<li>"; 2241 htmlText1 += " <label class=\"checkbox\">"; 2242 htmlText1 += " <input type=\"checkbox\" name=\"ckContentType\" id=\"ckContentType01\" value=\""+arrContentTypeValue[i]+"\" onclick=\"clickCheck(this,'2')\">"; 2243 htmlText1 += " <i></i>"; 2244 htmlText1 += " <span>"+arrContentTypeTitle[i]+"</span>"; 2245 htmlText1 += " </label>"; 2246 htmlText1 += "</li>"; 2247 } 2248 2249 for(var i = 0 ; i < arrContentDTypeTitle.length ; i ++){ 2250 htmlText2 += "<li>"; 2251 htmlText2 += " <label class=\"checkbox\">"; 2252 htmlText2 += " <input type=\"checkbox\" name=\"ckContentDType\" id=\"ckContentDType"+i+"\" value=\""+arrContentDTypeValue[i]+"\" onclick=\"clickCheck(this,'3')\">"; 2253 htmlText2 += " <i></i>"; 2254 htmlText2 += " <span>"+arrContentDTypeTitle[i]+"</span>"; 2255 htmlText2 += " </label>"; 2256 htmlText2 += "</li>"; 2257 } 2258 2259 2260 } 2261 $("#contentTypeList").html(htmlText1); 2262 $("#contentDTypeList").html(htmlText2); 2263 2264 $("#ckContentType01").prop("checked",true); 2265 } 2266 2267 function digitalSetDTypeList(val){ 2268 2269 arrContentDTypeTitle = Array(); 2270 arrContentDTypeValue = Array(); 2271 var htmlText1 = ""; 2272 var htmlText2 = ""; 2273 2274 <!-- 미ì ë¶ì¼ --> 2275 2276 arrContentDTypeTitle["0"] = "MMCA ìì¥í ì´ì¼ê¸°"; 2277 arrContentDTypeValue["0"] = "15"; 2278 2279 arrContentDTypeTitle["1"] = "íë ì´í° ì ì í´ì¤"; 2280 arrContentDTypeValue["1"] = "08"; 2281 2282 arrContentDTypeTitle["2"] = "ìí & ìê°"; 2283 arrContentDTypeValue["2"] = "12"; 2284 2285 arrContentDTypeTitle["3"] = "ê°ì & íì í ë¡ "; 2286 arrContentDTypeValue["3"] = "09"; 2287 2288 arrContentDTypeTitle["4"] = "ì²ìë "; 2289 arrContentDTypeValue["4"] = "18"; 2290 2291 arrContentDTypeTitle["5"] = "ì´ë¦°ì´ë¯¸ì ê´"; 2292 arrContentDTypeValue["5"] = "13"; 2293 2294 arrContentDTypeTitle["6"] = "ìì´ í´ì¤"; 2295 arrContentDTypeValue["6"] = "14"; 2296 2297 arrContentDTypeTitle["7"] = "ìì±í´ì¤"; 2298 arrContentDTypeValue["7"] = "16"; 2299 2300 arrContentDTypeTitle["8"] = "MMCAë¼ì´ë¸"; 2301 arrContentDTypeValue["8"] = "17"; 2302 2303 arrContentDTypeTitle["9"] = "미ì ê´ ìì"; 2304 arrContentDTypeValue["9"] = "11"; 2305 2306 arrContentDTypeTitle["10"] = "VR·AR"; 2307 arrContentDTypeValue["10"] = "20"; 2308
2309 arrContentDTypeTitle["11"] = "MMCA ìê°ìì ëí"; 2310 arrContentDTypeValue["11"] = "21"; 2311 2312 arrContentDTypeTitle["12"] = "ëì¨í¸ìê² ë£ë¤"; 2313 arrContentDTypeValue["12"] = "22"; 2314 2315 arrContentDTypeTitle["13"] = "ì¤ë, ì´ ìí"; 2316 arrContentDTypeValue["13"] = "23"; 2317 2318 if(val == '0' || val == '1' || val == '2'){ 2319 for(var i = 0 ; i < arrContentDTypeTitle.length ; i ++){ 2320 htmlText2 += "<li>"; 2321 htmlText2 += " <label class=\"checkbox\">"; 2322 htmlText2 += " <input type=\"checkbox\" name=\"ckContentDType\" id=\"ckContentType"+i+"\" value=\""+arrContentDTypeValue[i]+"\" onclick=\"clickCheck(this,'3')\">"; 2323 htmlText2 += " <i></i>"; 2324 htmlText2 += " <span>"+arrContentDTypeTitle[i]+"</span>"; 2325 htmlText2 += " </label>"; 2326 htmlText2 += "</li>"; 2327 } 2328 } 2329 2330 $("#contentDTypeList").html(htmlText2); 2331 } 2332 2333//í´ë¦ì²´í¬í¨ì 2334 function clickCheck(target, type) { /*onclick="clickCheck(this)" */ 2335 2336 if(type == '1'){ 2337 document.querySelectorAll(`input[name=ckContents]`).forEach(el => el.checked = false); 2338 }else if(type == '2'){ 2339 document.querySelectorAll(`input[name=ckContentType]`).forEach(el => el.checked = false); 2340 }else if(type == '3'){ 2341 document.querySelectorAll(`input[name=ckContentDType]`).forEach(el => el.checked = false); 2342 } 2343 target.checked = true; 2344 } 2345 2346 //ë°ì´í° ì¡°í 2347 function fn_SmartGetList1(moveToResult){ 2348 fn_SmartResetRequest(); 2349 var requestNo = smartSearchRequestNo; 2350 2351 var paramPay = $("#paramPay").val(); 2352 var paramWhere = $("#paramWhere").val(); 2353 var paramWhen = $("#paramWhen").val(); 2354 var startDate = $("#startDate").val(); 2355 var endDate = $("#endDate").val(); 2356 var sort = $("#sort").val(); 2357 2358 var htmlText = ""; 2359 2360 $("#smartListDiv").empty(); 2361 $("#smartPageDiv").empty(); 2362 2363 var param; 2364 var pageIndex = document.smartListForm.pageIndex.value; 2365 2366 param = "paramPay=" + paramPay + "¶mWhere=" + paramWhere + "¶mWhen=" + paramWhen + "&pageIndex=" + pageIndex+ "&sort=" + sort; 2367 2368 if(startDate || endDate) { 2369 param += "&startDate=" + startDate + "&endDate=" + endDate; 2370 } 2371 2372 $.ajax({ 2373 url : "/smartSearchAjax.do", 2374 data : param, 2375 dataType : 'json', 2376 type : 'post', 2377 //contentType : "application/x-www-form-urlencoded;charset=utf-8", 2378 success : function(data) { 2379 if (requestNo !== smartSearchRequestNo) { 2380 return; 2381 } 2382 2383 if (!data || !$.isArray(data.exhibitionsList) || !data.paginationInfo) { 2384 return; 2385 } 2386 2387 //íì´ì§ê° ìëê²½ì° 2388 var paginationInfo = data.paginationInfo; 2389 2390 //목ë¡ì ê°ì ¸ìì htmlì ë£ì´ì¤ë¤. 2391 var exhibitionsList = data.exhibitionsList; 2392 2393 /////////////ì ìêµ¬ë¶ html/////////////// 2394 if (exhibitionsList.length > 0) { 2395 htmlText += "<ul>"; 2396 for ( var i = 0; i < exhibitionsList.length; i++) { 2397 2398 var exhTitle = exhibitionsList[i].exhTitle; 2399 exhTitle = exhTitle.replace(/</gi, "<"); 2400 exhTitle = exhTitle.replace(/>/gi, ">"); 2401 2402 var exhStDt = exhibitionsList[i].exhStDt; 2403 var exhEdDt = exhibitionsList[i].exhEdDt; 2404 2405 htmlText += "<li>"; 2406 htmlText += " <a href=\"#\" onclick=\"javascript:fn_SmartDetail('" + exhibitionsList[i].exhId + "', '" + exhibitionsList[i].exhFlag + "')\">"; 2407 htmlText += " <figure>"; 2408 htmlText += " <img src=\""+exhibitionsList[i].exhThumbImg+"\" alt=\""+exhTitle+"\" />"; 2409 htmlText += " </figure>"; 2410 htmlText += " <div class='info'>"; 2411 htmlText += " <span class='ctg'>" + exhibitionsList[i].exhPlaNm + "</span>"; 2412 htmlText += " <p class='tit'>" + exhibitionsList[i].exhTitle + "</p>"; 2413 htmlText += " <span class='txt'>" + exhibitionsList[i].exhStDt + "~" + exhibitionsList[i].exhEdDt + "</span>"; 2414 if( exhibitionsList[i].exhFlag != '3'){ 2415 htmlText += " <button type=\"button\" class=\"btn full\" onclick='fn_re();'>ìì½í기</button>"; 2416 } 2417 htmlText += " </div>"; 2418 htmlText += " </a>"; 2419 htmlText += "</li>"; 2420 } 2421 htmlText += "</ul>"; 2422 } 2423 2424 $("#smartListDiv").html(htmlText); 2425 //hiddenê° ì í 2426 $("#currentPageNo").val(paginationInfo.currentPageNo); 2427 $("#pageSize").val(paginationInfo.pageSize); 2428 $("#firstRecordIndex").val(paginationInfo.firstRecordIndex); 2429 $("#totalRecordCount").val(paginationInfo.totalRecordCount); 2430 fn_SmartGetPage(); 2431 2432 fn_SmartAfterResult(exhibitionsList, moveToResult); 2433 } 2434 }); 2435 } 2436 2437 //ì½í ì¸ ê²ì ë°ì´í° ì¡°í 2438 function fn_SmartGetList2(moveToResult){
2439 fn_SmartResetRequest(); 2440 var requestNo = smartSearchRequestNo; 2441 2442 var paramContents = $("#paramContents").val(); 2443 var paramContentType = $("#paramContentType").val(); 2444 var paramContentDType = $("#paramContentDType").val(); 2445 var htmlText = ""; 2446 var startDate = $("#startDate").val(); 2447 var endDate = $("#endDate").val(); 2448 var htmlText = ""; 2449 $("#smartListDiv").empty(); 2450 $("#smartPageDiv").empty(); 2451 var param; 2452 var pageIndex = document.smartListForm.pageIndex.value; 2453 param = "paramContents=" + paramContents + "¶mContentType=" + paramContentType + "¶mContentDType=" + paramContentDType + "&pageIndex=" + pageIndex+"&LangCd=01"; 2454 2455 $.ajax({ 2456 url : "/smartSearchContentsAjax.do", 2457 data : param, 2458 dataType : 'json', 2459 type : 'post', 2460 //contentType : "application/x-www-form-urlencoded;charset=utf-8", 2461 success : function(data) { 2462 if (requestNo !== smartSearchRequestNo) { 2463 return; 2464 } 2465 2466 if (!data || !$.isArray(data.resultList) || !data.paginationInfo) { 2467 return; 2468 } 2469 2470 //íì´ì§ê° ìëê²½ì° 2471 var paginationInfo = data.paginationInfo; 2472 2473 //목ë¡ì ê°ì ¸ìì htmlì ë£ì´ì¤ë¤. 2474 var resultList = data.resultList; 2475 2476 /////////////ì½í ì¸ html/////////////// 2477 if (resultList.length > 0) { 2478 htmlText += "<ul>"; 2479 2480 2481 if(paramContents == "digital"){ 2482 for ( var i = 0; i < resultList.length; i++) { 2483 htmlText += "<li>"; 2484 //arrContentTypeTitle = ['VR','ìì','ìì±','ì¸ê¸°ì½í ì¸ ','ìµì ì½í ì¸ ','ì¤ëì¤ê°ì´ë','ì´ì©ìê°¤ë¬ë¦¬']; 2485 //arrContentTypeValue = ['01','02','03','04','05','06','07']; 2486 if(paramContentType == "06"){ //ì¤ëì¤ê°ì´ë 2487 htmlText += " <a href=\"#\" onclick=\"javascript:fn_SmartDigitalExhGuideInfo('" + resultList[i].exhId + "')\">"; 2488 htmlText += " <figure>"; 2489 htmlText += " <img src=\"" + resultList[i].exhThumbImg + "\" alt=\""+resultList[i].exhTitle + "\" />"; 2490 htmlText += " </figure>"; 2491 htmlText += " <div class='info'>"; 2492 htmlText += " <span class='ctg'>" + resultList[i].exhPlaNm + "</span>"; 2493 htmlText += " <p class='tit'>" + resultList[i].exhTitle + "</p>"; 2494 htmlText += " <span class='txt'>" + resultList[i].exhStDt + "~" + resultList[i].exhEdDt +"</span>"; 2495 //htmlText += " <button type=\"button\" class=\"btn full\" onclick='fn_re();'>ìì½í기</button>"; 2496 htmlText += " </div>"; 2497 htmlText += " </a>"; 2498 htmlText += "</li>"; 2499 }else if(paramContentType == "07"){ //ì´ì©ìê°¤ë¬ë¦¬ 2500 htmlText += " <a href=\"#\" onclick=\"javascript:fn_SmartDigitalCuraInfo('" + resultList[i].dcmId + "')\">"; 2501 htmlText += " <figure>"; 2502 2503 if(resultList[i].dcmThumbImg == undefined){ 2504 htmlText += ' <img src="/images/common/noimage.png" alt="'+resultList[i].dcmTitle+'">'; 2505 }else{ 2506 htmlText += " <img src=\"" + resultList[i].dcmThumbImg + "\" alt=\""+resultList[i].dcmTitle + "\" />"; 2507 } 2508 2509 htmlText += " </figure>"; 2510 htmlText += " <div class='info'>"; 2511 htmlText += " <span class='ctg'>ì´ì©ìê°¤ë¬ë¦¬</span>"; 2512 htmlText += " <p class='tit'>" + resultList[i].dcmTitle + "</p>"; 2513 htmlText += " <span class='txt'>" + resultList[i].dcmPersonNm + "ë ê°¤ë¬ë¦¬</span>"; 2514 //htmlText += " <button type=\"button\" class=\"btn full\" onclick='fn_re();'>ìì½í기</button>"; 2515 htmlText += " </div>"; 2516 htmlText += " </a>"; 2517 htmlText += "</li>"; 2518 }else{ 2519 htmlText += " <a href=\"#\" onclick=\"javascript:fn_SmartDigitalMovInfo('" + resultList[i].srcId + "')\">"; 2520 htmlText += " <figure>"; 2521 htmlText += " <img src=\"" + resultList[i].srcThumbImg + "\" alt=\""+resultList[i].srcTitle + "\" />"; 2522 htmlText += " </figure>"; 2523 htmlText += " <div class='info'>"; 2524 htmlText += " <span class='ctg'>ëìì</span>"; 2525 htmlText += " <p class='tit'>" + resultList[i].srcTitle + "</p>"; 2526 htmlText += " <span class='txt'>" + resultList[i].srcRegDt + "</span>"; 2527 //htmlText += " <button type=\"button\" class=\"btn full\" onclick='fn_re();'>ìì½í기</button>"; 2528 htmlText += " </div>"; 2529 htmlText += " </a>"; 2530 htmlText += "</li>"; 2531 } 2532 } 2533 } 2534 if(paramContents == "collection"){ 2535 for ( var i = 0; i < resultList.length; i++) { 2536 htmlText += "<li>"; 2537 htmlText += " <a href=\"#\" onclick=\"javascript:fn_SmartInfoPage('" + resultList[i].museumId + "', '" + resultList[i].wrkinfoSeqno + "', '" + resultList[i].artistnm + "', '" + resultList[i].wrkMngNo + "')\">"; 2538 htmlText += " <figure>"; 2539 htmlText += " <img src=\"" + resultList[i].imageQuaDetB + "\" alt=\""+resultList[i].exhPlaNm+"\" onerror=\"this.src='/asset/images/@dummy/common_list_dummy.jpg'\" />"; 2540 htmlText += " </figure>"; 2541 htmlText += " <div class='info'>"; 2542 htmlText += " <span class='ctg'>" + resultList[i].artistnm + "</span>"; 2543 htmlText += " <p class='tit'>" + resultList[i].wrkNm + "</p>"; 2544 htmlText += " <span class='txt'>" + resultList[i].wrkProdTerm + "</span>"; 2545 //htmlText += " <button type=\"button\" class=\"btn full\" onclick='fn_re();'>ìì½í기</button>"; 2546 htmlText += " </div>"; 2547 htmlText += " </a>"; 2548 htmlText += "</li>"; 2549 } 2550 } 2551 if(paramContents == "newsletter"){ 2552 for ( var i = 0; i < resultList.length; i++) { 2553 htmlText += "<li>"; 2554 htmlText += " <a href=\"#\" onclick=\"javascript:fn_SmartDetailVeiw('" + resultList[i].nlId + "', '" + resultList[i].nlCd + "','1360','02')\">"; 2555 htmlText += " <figure>"; 2556 htmlText += " <img src=\""+resultList[i].filePath+"\" alt=\""+resultList[i].nlTitle+"\" />"; 2557 htmlText += " </figure>"; 2558 htmlText += " <div class='info'>"; 2559 htmlText += " <span class='ctg'>" + resultList[i].nlCdNm + "</span>"; 2560 htmlText += " <p class='tit'>" + resultList[i].nlTitle + "</p>"; 2561 htmlText += " <span class='txt'>" + resultList[i].nlRegDt+ "</span>"; 2562 htmlText += " </div>"; 2563 htmlText += " </a>"; 2564 htmlText += "</li>"; 2565 } 2566 /* onClick=\"fn_detailVeiw('"+movList.bId+"','"+movList.bCd+"','"+cdId+"','"+bGb+"')\" */ 2567 } 2568 if(paramContents == "news"){ 2569 for ( var i = 0; i < resultList.length; i++) { 2570 htmlText += "<li>"; 2571 htmlText += " <a href=\"#\" onclick=\"javascript:fn_SmartNewsDetailVeiw('" + resultList[i].bdCId + "', '" + resultList[i].bdCTp + "')\">"; 2572 //htmlText += " <figure>"; 2573 //htmlText += " <img src=\""+resultList[i].BdCThumbImg+"\" alt=\""+resultList[i].bdCTitle+"\" />"; 2574 //htmlText += " </figure>"; 2575 htmlText += " <div class='info'>"; 2576 if(resultList[i].bdPlaNm){ 2577 htmlText += " <span class='ctg'>" + resultList[i].bdPlaNm + "</span>"; 2578 }else{ 2579 htmlText += " <span class='ctg'>ê³µíµ</span>"; 2580 } 2581 htmlText += " <p class='tit'>" + resultList[i].bdCTitle + "</p>"; 2582 htmlText += " <span class='txt'>" + resultList[i].bdCRegDt + "</span>"; 2583 htmlText += " </div>"; 2584 htmlText += " </a>"; 2585 htmlText += "</li>"; 2586 } 2587 } 2588 2589 if(paramContents == "publication"){ 2590 for ( var i = 0; i < resultList.length; i++) { 2591 htmlText += "<li>"; 2592 htmlText += " <a href=\"#\" onclick=\"javascript:fn_SmartPublicationDetail('" + resultList[i].pubId + "')\">"; 2593 htmlText += " <figure>"; 2594 htmlText += " <img src=\""+resultList[i].pubThumbImg+"\" alt=\""+resultList[i].pubTitle+"\" />"; 2595 htmlText += " </figure>"; 2596 htmlText += " <div class='info'>"; 2597 htmlText += " <span class='ctg'>" + resultList[i].pubNm + "</span>"; 2598 htmlText += " <p class='tit'>" + resultList[i].pubTitle + "</p>"; 2599 htmlText += " <span class='txt'>" + resultList[i].pubRegDt + "</span>"; 2600 htmlText += " </div>"; 2601 htmlText += " </a>"; 2602 htmlText += "</li>"; 2603 } 2604 } 2605 2606 if(paramContents == "event"){ 2607 for ( var i = 0; i < resultList.length; i++) { 2608 2609 var eduTitle = resultList[i].eduTitle; 2610 eduTitle = eduTitle.replace(/</gi, "<"); 2611 eduTitle = eduTitle.replace(/>/gi, ">"); 2612 htmlText += "<li>"; 2613 htmlText += " <a href=\"#\" onclick=\"javascript:fn_SmartEventDetail(\'" + resultList[i].eduId + "\')\">"; 2614 htmlText += " <figure class='thumb'>"; 2615 if(resultList[i].eduOriginThumbImg == undefined){ 2616 htmlText += " <img src=\"/images/common/noimage.png\" alt=\""+eduTitle+"\"/>"; 2617 }else{ 2618 htmlText += " <img src=\""+resultList[i].eduOriginThumbImg+"\" alt=\""+eduTitle+"\" />"; 2619 } 2620 htmlText += " </figure>"; 2621 htmlText += " <div class='info'>"; 2622 htmlText += " <span class='ctg'>" + resultList[i].eduPlaNmKor + "</span>"; 2623 htmlText += " <p class='tit'>" + resultList[i].eduTitle + "</p>"; 2624 htmlText += " <span class='txt'>" + resultList[i].eduStDt + "~" + resultList[i].eduEdDt + "</span>"; 2625 2626 htmlText += " </div>"; 2627 htmlText += " </a>"; 2628 htmlText += "</li>"; 2629 } 2630 } 2631 htmlText += "</ul>"; 2632 } 2633 2634 $("#smartListDiv").html(htmlText); 2635 //hiddenê° ì í 2636 $("#currentPageNo").val(paginationInfo.currentPageNo); 2637 $("#pageSize").val(paginationInfo.pageSize); 2638 $("#firstRecordIndex").val(paginationInfo.firstRecordIndex); 2639 $("#totalRecordCount").val(paginationInfo.totalRecordCount); 2640 fn_SmartGetPage(); 2641 fn_SmartAfterResult(resultList, moveToResult); 2642 } 2643 }); 2644 } 2645 2646 function fn_smart_link_page(pageNo){ 2647 document.smartListForm.target = "_self"; 2648 document.smartListForm.pageIndex.value = pageNo; 2649 var inputValue = $("input[name='raWhat']:checked").val(); 2650 if(inputValue == "exh"){ 2651 fn_SmartGetList1(); 2652 }else if(inputValue == "con"){ 2653 fn_SmartGetList2(); 2654 }else if(inputValue == "event"){ 2655 fn_SmartGetList2(); 2656 } 2657 } 2658 2659 function fn_SmartDetail(exhId, exhFlag) { 2660 document.smartListForm.exhId.value = exhId; 2661 document.smartListForm.action = "/exhibitions/exhibitionsDetail.do?exhFlag="+exhFlag+""; 2662 document.smartListForm.submit(); 2663 } 2664 2665 function fn_SmartEventDetail(eduId) { 2666 document.smartListForm.eduId.value = eduId; 2667 document.smartListForm.target = "_self"; 2668 document.smartListForm.action = "/events/eventsDetail.do"; 2669 document.smartListForm.submit(); 2670 } 2671
2672 function fn_SmartDigitalExhGuideInfo(exhId) { 2673 2674 document.smartListForm.exhId.value = exhId; 2675 document.smartListForm.target = "_self"; 2676 document.smartListForm.action = "/digitals/digitalExhGuideDetail.do"; 2677 document.smartListForm.submit(); 2678 } 2679 2680 function fn_SmartDigitalCuraInfo(dcmId){ 2681 document.smartListForm.dcmId.value = dcmId; 2682 document.smartListForm.target = "_self"; 2683 document.smartListForm.action = "/digitals/digitalCurasInfo.do"; 2684 document.smartListForm.submit(); 2685 } 2686 2687 2688 function fn_SmartDigitalMovInfo(srcId){ 2689 //$("#mbId").val(srcId); 2690 document.smartListForm.mbId.value = srcId; 2691 document.smartListForm.target = "_self"; 2692 document.smartListForm.action = "/digitals/digitalMovInfo.do"; 2693 document.smartListForm.submit(); 2694 } 2695 2696 function fn_SmartDetailVeiw(nlId, nlCd,cdId, bGb){ 2697 document.smartListForm.nlId.value = nlId; 2698 document.smartListForm.nlCd.value = nlCd; 2699 document.smartListForm.cdId.value = cdId; 2700 document.smartListForm.bGb.value = bGb; 2701 document.smartListForm.target = "_self"; 2702 document.smartListForm.action = "/artResearch/newsLetterInfo.do"; 2703 document.smartListForm.submit(); 2704 } 2705 2706 function fn_SmartNewsDetailVeiw(bdCId){ 2707 document.smartListForm.bdCId.value = bdCId; 2708 document.smartListForm.action = "/pr/newsDetail.do"; 2709 document.smartListForm.target = "_self"; 2710 document.smartListForm.method = "post"; 2711 document.smartListForm.submit(); 2712 } 2713 2714 function fn_SmartPublicationDetail(pubId){ 2715 document.smartListForm.pubId.value = pubId; 2716 document.smartListForm.target = "_self"; 2717 document.smartListForm.action = "/artResearch/publicationInfo.do"; 2718 document.smartListForm.submit(); 2719 } 2720 2721 2722 function fn_SmartGetPage(){ 2723 var currentPage = document.getElementById("currentPageNo").value; 2724 var totalPageCount = document.getElementById("totalRecordCount").value; 2725 var pageSize = document.getElementById("pageSize").value; 2726 2727 var pageCnt = 0; 2728 var pageUnit = 0; 2729 var gubun = typeof(langCd); 2730 if(gubun == "undefined"){ 2731 var langCd = 1; 2732 } 2733 if(document.getElementById("pageCnt") == null){ 2734 pageCnt = 5; 2735 2736 }else{ 2737 pageCnt = document.getElementById("pageCnt").value; 2738 } 2739 2740 if(document.getElementById("pageUnit") == null){ 2741 pageUnit = 10; 2742 }else{ 2743 pageUnit = document.getElementById("pageUnit").value; 2744 } 2745 2746 var pagingString = ""; 2747 2748 var totalCount = totalPageCount; 2749 var start = 0; 2750 var listSize = pageCnt; 2751 2752 if(totalCount % pageUnit == 0) totalPage = parseInt(totalCount / pageUnit); 2753 else totalPage = parseInt(totalCount / pageUnit) + 1; 2754 2755 var totalNavi = 1; 2756 if(totalPage % pageSize == 0) totalNavi = parseInt(totalPage / listSize); 2757 else totalNavi = parseInt(totalPage / listSize) + 1; 2758 2759 var currentNavi = 1; 2760 currentNavi = Math.ceil(currentPage / listSize); 2761 2762 var nextNavi = currentNavi + 1; 2763 if(nextNavi > totalNavi) nextNavi = 0; 2764 2765 var prevNavi = currentNavi - 1; 2766 if (prevNavi < 0) 2767 prevNavi = 0; 2768 2769 var lastNavi = totalNavi; 2770 var startNavi = 1; 2771 2772 if (startNavi == lastNavi) { 2773 startNavi = 0; 2774 lastNavi = 0; 2775 } 2776 pagingString += "<nav class=\"paging\" aria-label=\"page navigation\">"; 2777 2778 if (startNavi > 0 && totalCount > 0 && currentNavi > 1) { 2779 pagingString += "<button type=\"button\" class=\"first icon\" aria-label=\"ì²ì íì´ì§\" onclick=\"fn_smart_link_page(1);return false;\"></button>"; 2780 } 2781 if (prevNavi > 0) { 2782 if(langCd == "1"){ 2783 pagingString += "<button type=\"button\" class=\"prev icon\" aria-label=\"ì´ì íì´ì§\" onclick=\"fn_smart_link_page("+eval(((prevNavi - 1) * listSize) + 1)+");return false;\" ></button>"; 2784 }else{ 2785 pagingString += "<button type=\"button\" class=\"prev icon\" aria-label=\"ì´ì íì´ì§\" onclick=\"fn_smart_link_page("+eval(((prevNavi - 1) * listSize) + 1)+");return false;\" ></button>"; 2786 } 2787 } 2788 var last_page = (((currentNavi - 1) * listSize) + 1) + (listSize - 1); 2789 last_page = min(last_page, totalPage); 2790 2791 var startingNavi = ((currentNavi - 1) * listSize) + 1; 2792 2793 for(i = startingNavi ; i<=last_page; i++) { 2794 2795 if(prevNavi == 0){ 2796 if(currentPage == i) { // BLAH 2797 if(i == 1){ 2798 pagingString += "<strong aria-current=\"page\" tabindex=\"0\">"+i+"</strong>"; 2799 }else{ 2800 pagingString += "<strong aria-current=\"page\" tabindex=\"0\">"+i+"</strong>"; 2801 } 2802 } else { 2803 2804 if(i == 1){ 2805 pagingString += "<a href=\"#none\" onclick=\"fn_smart_link_page("+i+");return false;\">"+i+"</a>"; 2806 }else{ 2807 pagingString += "<a href=\"#none\" onclick=\"fn_smart_link_page("+i+");return false;\">"+i+"</a>"; 2808 } 2809 } 2810 }else{ 2811 if(currentPage == i) { // BLAH 2812 pagingString += "<strong aria-current=\"page\" tabindex=\"0\">"+i+"</strong>"; 2813 } else { 2814 pagingString += "<a href=\"#none\" onclick=\"fn_smart_link_page("+i+");return false;\">"+i+"</a>"; 2815 } 2816 } 2817 } 2818 2819 if (nextNavi > 0) { 2820 if(langCd == "1"){ 2821 pagingString += "<button type=\"button\" class=\"next icon\" aria-label=\"ë¤ì íì´ì§\" onclick=\"fn_smart_link_page("+eval(((nextNavi
2821- 1) * listSize) + 1)+");return false;\" ></button>"; 2822 }else{ 2823 pagingString += "<button type=\"button\" class=\"next icon\" aria-label=\"ë¤ì íì´ì§\" onclick=\"fn_smart_link_page("+eval(((nextNavi - 1) * listSize) + 1)+");return false;\" ></button>"; 2824 } 2825 } 2826 2827 if (currentNavi < lastNavi) { 2828 pagingString += "<button type=\"button\" class=\"last icon\" aria-label=\"ë§ì§ë§ íì´ì§\" onclick=\"fn_smart_link_page("+totalPage+");return false;\" ></button>"; 2829 } 2830 pagingString += "</nav>"; 2831 2832 document.getElementById("smartPageDiv").innerHTML = pagingString; 2833 2834 } 2835 2836 function min(number1, number2) { 2837 var retVal = 0; 2838 2839 if (number1 < number2) 2840 retVal = number1; 2841 else 2842 retVal = number2; 2843 2844 return retVal; 2845 } 2846 2847 function fn_smartSearch(){ 2848 //$("#pageIndex").val("1"); 2849 document.smartListForm.pageIndex.value = 1; 2850 var inputValue = $("input[name='raWhat']:checked").val(); 2851 if(inputValue == "exh"){ 2852 fn_SmartGetList1(true); 2853 }else if(inputValue == "con"){ 2854 fn_SmartGetList2(true); 2855 }else if(inputValue == "event"){ 2856 fn_SmartGetList2(true); 2857 } 2858 } 2859 2860 function fn_SmartInfoPage(museumId, wrkinfoSeqno, artistnm, wrkMngNo){ 2861 2862 document.smartListForm.museumId.value = museumId; 2863 document.smartListForm.wrkinfoSeqno.value = wrkinfoSeqno; 2864 document.smartListForm.artistnm.value = artistnm; 2865 document.smartListForm.wrkMngNo.value = wrkMngNo; 2866 2867 document.smartListForm.target = "_self"; 2868 document.smartListForm.action = "/collections/collectionsDetailPage.do"; 2869 document.smartListForm.submit(); 2870 } 2871 2872</script>
2872 2873<form name="smartListForm" method="post"> 2874 <input type="hidden" name="menuId" value="01L001200000000"> 2875 <input type="hidden" id="exhId" name="exhId"/> 2876 <input type="hidden" id="searchExhPlaCd" name="searchExhPlaCd" value=""/> 2877 <input type="hidden" id="searchExhCd" name="searchExhCd" value=""/> 2878 <input type="hidden" id="exhFlag" name="exhFlag" value=""/> 2879 <input type="hidden" id="paramPay" name="paramPay" /> 2880 <input type="hidden" id="paramWhere" name="paramWhere" /> 2881 <input type="hidden" id="paramWhen" name="paramWhen" /> 2882 <input type="hidden" id="paramContents" name="paramContents" /> 2883 <input type="hidden" id="paramContentType" name="paramContentType" /> 2884 <input type="hidden" id="paramContentDType" name="paramContentDType" /> 2885 2886 <input type="hidden" id="museumId" name="museumId" /> 2887 <input type="hidden" id="wrkinfoSeqno" name="wrkinfoSeqno" /> 2888 <input type="hidden" id="artistnm" name="artistnm" /> 2889 <input type="hidden" id="wrkMngNo" name="wrkMngNo" /> 2890 <input type="hidden" id="mbId" name="mbId" /> 2891 <input type="hidden" id="tableTap" name="tableTap" value="" /> 2892 <input type="hidden" id="dcmId" name="dcmId" /> 2893 <input type="hidden" id="nlId" name="nlId" /> 2894 <input type="hidden" id="nlCd" name="nlCd" /> 2895 <input type="hidden" id="cdId" name="cdId" /> 2896 <input type="hidden" id="bGb" name="bGb" /> 2897 2898 <input type="hidden" id="bdCId" name="bdCId" /> 2899 <input type="hidden" id="pubId" name="pubId" /> 2900 2901 <input type="hidden" id="searchEduPlaCd" name="searchEduPlaCd" value=""/> 2902 <input type="hidden" id="eduId" name="eduId"/> 2903 2904 2905 <!-- dialogSmart --> 2906 <div class="dialogWrap dialogSmart"> 2907 <!-- dialog sizeL --> 2908 <section class="dialog sizeL" role="dialog" aria-modal="true" aria-labelledby="title01" aria-describedby="content01" data-align="center"> 2909 <!-- dialogHead --> 2910 <header class="dialogHead"> 2911 <h2 id="title01" class="title">ì¬ì´ 찾기</h2> 2912 </header> 2913 <!-- //dialogHead --> 2914 <!-- dialogBody --> 2915 <div id="content01" class="dialogBody"> 2916 <div class="dialogBodyInner"> 2917 <!-- formGroup ì ìê´ë --> 2918 <div class="formGroup formGroupCol" id="group1"> 2919 <!-- fgList --> 2920 <div class="fgList smartIntro"> 2921 <div class="smartQuestion"> 2922 <strong class="subject">무ìì´ ê¶ê¸íì¸ì?</strong> 2923 <div class="conInfo"> 2924 <ul class="formList horizontal"> 2925 <li> 2926 <label class="radio"> 2927 <input type="radio" name="raWhat" id="exh" value="exh"> 2928 <i></i> 2929 <span>ì ìê´ë</span> 2930 </label> 2931 </li> 2932 <li> 2933 <label class="radio"> 2934 <input type="radio" name="raWhat" id="con" value="con"> 2935 <i></i> 2936 <span>ì½í ì¸ ê²ì</span> 2937 </label> 2938 </li> 2939 <li> 2940 <label class="radio"> 2941 <input type="radio" name="raWhat" id="event" value="event" > 2942 <i></i> 2943 <span>ì´ë²¤í¸</span> 2944 </label> 2945 </li> 2946 </ul> 2947 </div> 2948 </div> 2949 <div class="smartAppGuide"> 2950 <strong>ì²ì 방문ì´ì¸ì?</strong> 2951 <p>ì± ë¤ì´ë¡ë를 ì¶ì²í©ëë¤.</p> 2952 2953 <div class="smartAppLinks"> 2954 <a href="https://play.google.com/store/apps/details?id=kr.go.mmca.hdexhibit"> 2955 <img src="/asset/images/notice/img_aos_download.png" 2956 alt="Google Playìì êµë¦½íë미ì ê´ ì ììë´ ì± ë¤ì´ë¡ë"> 2957 </a> 2958 <a href="https://apps.apple.com/kr/app/%EA%B5%AD%EB%A6%BD%ED%98%84%EB%8C%80%EB%AF%B8%EC%88%A0%EA%B4%80-%EC%A0%84%EC%8B%9C%EC%95%88%EB%82%B4/id1350753069"> 2959 <img src="/asset/images/notice/img_ios_download.png" 2960 alt="App Storeìì êµë¦½íë미ì ê´ ì ììë´ ì± ë¤ì´ë¡ë"> 2961 </a> 2962 </div> 2963 </div> 2964 </div> 2965 <!-- //fgList --> 2966 <!-- fgList --> 2967 <div class="fgList" id="group1_1"> 2968 <strong class="subject">ê°ê²©ì?</strong> 2969 <div class="conInfo"> 2970 <ul class="formList horizontal"> 2971 <li> 2972 <label class="checkbox"> 2973 <input type="checkbox" name="ckPay" id="ckPay01" value="ì ë£"> 2974 <i></i> 2975 <span>ì ë£</span> 2976 </label> 2977 </li> 2978 <li> 2979 <label class="checkbox" > 2980 <input type="checkbox" name="ckPay" id="ckPay02" value="무ë£"> 2981 <i></i> 2982 <span>무ë£</span> 2983 </label> 2984 </li> 2985 </ul> 2986 </div> 2987 </div> 2988 <!-- //fgList --> 2989 <!-- fgList --> 2990 <div class="fgList" id="group1_2"> 2991 <strong class="subject">ì´ëì ê´ëí ê¹ì?</strong> 2992 <div class="conInfo"> 2993 <ul class="formList"> 2994 <li> 2995 <label class="checkbox"> 2996 <input type="checkbox" name="ckWhere" id="ckWhere01" value="130"> 2997 <i></i> 2998 <span>ìì¸ê´</span> 2999 </label> 3000 </li> 3001 <li> 3002 <label class="checkbox"> 3003 <input type="checkbox" name="ckWhere" id="ckWhere02" value="120"> 3004 <i></i> 3005 <span>ëìê¶ê´</span> 3006 </label> 3007 </li> 3008 <li> 3009 <label class="checkbox"> 3010 <input type="checkbox" name="ckWhere" id="ckWhere03" value="110"> 3011 <i></i> 3012 <span>ê³¼ì²ê´</span> 3013 </label> 3014 </li> 3015 <li> 3016 <label class="checkbox"> 3017 <input type="checkbox" name="ckWhere" id="ckWhere04" value="150"> 3018 <i></i> 3019 <span>ì²ì£¼ê´</span> 3020 </label> 3021 </li> 3022 <li> 3023 <label class="checkbox"> 3024 <input type="checkbox" name="ckWhere" id="ckWhere05" value="140"> 3025 <i></i> 3026 <span>ì´ë¦°ì´ë¯¸ì ê´</span> 3027 </label> 3028 </li> 3029 <li> 3030 <label class="checkbox"> 3031 <input type="checkbox" name="ckWhere" id="ckWhere06" value="999"> 3032 <i></i> 3033 <span>기í</span> 3034 </label> 3035 </li> 3036 </ul> 3037 </div> 3038 </div> 3039 <!-- //fgList --> 3040 <!-- fgList --> 3041 <div class="fgList" id="group1_3"> 3042 <strong class="subject">ì¸ì ê°ì¤ê±´ê°ì?</strong> 3043 <div class="conInfo"> 3044 <!-- formList --> 3045 <ul class="formList"> 3046 <li> 3047 <label class="radio"> 3048 <input type="radio" name="ckWhen" id="ckWhen01" value="ì¤ë" checked="checked"> 3049 <i></i> 3050 <span>ì¤ë</span> 3051 </label> 3052 </li> 3053 <li> 3054 <label class="radio"> 3055 <input type="radio" name="ckWhen" id="chWhen02" value="ì´ë²ì£¼"> 3056 <i></i> 3057 <span>ì´ë²ì£¼</span> 3058 </label> 3059 </li> 3060 <li> 3061 <label class="radio"> 3062 <input type="radio" name="ckWhen" id="ckWhen03" value="ë¤ì주"> 3063 <i></i> 3064 <span>ë¤ì주</span> 3065 </label> 3066 </li> 3067 <li> 3068 <label class="radio"> 3069 <input type="radio" name="ckWhen" id="ckWhen04" value="ì´ë²ë¬"> 3070 <i></i> 3071 <span>ì´ë²ë¬</span> 3072 </label> 3073 </li> 3074 <li class="checkDate"> 3075 <label class="radio"> 3076 <input type="radio" name="ckWhen" id="ckWhen05" value="ë ì§ì í"> 3077 <i></i> 3078 <span>ë ì§ì í</span> 3079 </label> 3080 <div class="dateInpWrap"> 3081 <div class="dateInput"> 3082 <input type="text" class="input" title="ììë ì§ì í" placeholder="YYYY-MM-DD" id="startDate" name="startDate"> 3083 </div> 3084 <span class="space">~</span> 3085 <div class="dateInput"> 3086 <input type="text" class="input" title="ì¢ ë£ë ì§ì í" placeholder="YYYY-MM-DD" id="endDate" name="endDate"> 3087 </div> 3088 </div> 3089 </li> 3090 </ul> 3091 </div> 3092 </div> 3093 3094 <!-- //fgList --> 3095 <!-- formGroup ì½í ì¸ ê²ì í목 --> 3096 <div class="fgList" id="group2_1"> 3097 <strong class="subject">ì¹´í ê³ ë¦¬</strong> 3098 <div class="conInfo"> 3099 <ul class="formList horizontal"> 3100 <li> 3101 <label class="checkbox"> 3102 <input type="checkbox" name="ckContents" id="ckContents01" value="digital" onclick="clickCheck(this,'1');"> 3103 <i></i> 3104 <span>ëì§í¸ë¯¸ì ê´</span> 3105 </label> 3106 </li> 3107 <li> 3108 <label class="checkbox"> 3109 <input type="checkbox" name="ckContents" id="ckContents02" value="collection" onclick="clickCheck(this,'1');"> 3110 <i></i> 3111 <span>ìì¥í</span> 3112 </label> 3113 </li> 3114 <li> 3115 <label class="checkbox"> 3116 <input type="checkbox" name="ckContents" id="ckContents03" value="newsletter" onclick="clickCheck(this,'1');"> 3117 <i></i> 3118 <span>ë´ì¤ë í°</span> 3119 </label> 3120 </li> 3121 <li> 3122 <label class="checkbox"> 3123 <input type="checkbox" name="ckContents" id="ckContents04" value="publication" onclick="clickCheck(this,'1');"> 3124 <i></i> 3125 <span>ììì§</span> 3126 </label> 3127 </li> 3128 <li> 3129 <label class="checkbox"> 3130 <input type="checkbox" name="ckContents" id="ckContents05" value="news" onclick="clickCheck(this,'1');"> 3131 <i></i> 3132 <span>ììì</span> 3133 </label> 3134 </li> 3135 3136 </ul> 3137 </div> 3138 </div> 3139 3140 3141 <!-- formGroup ì´ë²¤í¸ ê²ì í목 --> 3142 <div class="fgList" id="group3_1"> 3143 <strong class="subject">ì¹´í ê³ ë¦¬</strong> 3144 <div class="conInfo"> 3145 <ul class="formList horizontal"> 3146 <li> 3147 <label class="checkbox"> 3148 <input type="checkbox" name="ckContents" id="ckContents06" value="event"
3148checked="checked" onclick="clickCheck(this,'1');"> 3149 <i></i> 3150 <span>ì´ë²¤í¸</span> 3151 </label> 3152 </li> 3153 </ul> 3154 </div> 3155 </div> 3156 3157 <div class="fgList" id="group2_2" style="padding-right:10px" > 3158 <strong class="subject">ì¢ ë¥</strong> 3159 <div class="conInfo"> 3160 <ul class="formList" id="contentTypeList"> 3161 <li> 3162 <label class="checkbox"> 3163 <input type="checkbox" name="ckContentType" id="ckContentType01" value="01" onclick="clickCheck(this,'2');"> 3164 <i></i> 3165 <span>ì´ë¯¸ì§</span> 3166 </label> 3167 </li> 3168 <li> 3169 <label class="checkbox"> 3170 <input type="checkbox" name="ckContentType" id="ckContentType02" value="02" onclick="clickCheck(this,'2')"> 3171 <i></i> 3172 <span>ì¶í물</span> 3173 </label> 3174 </li> 3175 <li> 3176 <label class="checkbox"> 3177 <input type="checkbox" name="ckContentType" id="ckContentType03" value="03" onclick="clickCheck(this,'2')"> 3178 <i></i> 3179 <span>ìì</span> 3180 </label> 3181 </li> 3182 <li> 3183 <label class="checkbox"> 3184 <input type="checkbox" name="ckContentType" id="ckContentType04" value="04" onclick="clickCheck(this,'2')"> 3185 <i></i> 3186 <span>ìë´</span> 3187 </label> 3188 </li> 3189 <li> 3190 <label class="checkbox"> 3191 <input type="checkbox" name="ckContentType" id="ckContentType05" value="05" onclick="clickCheck(this,'2')"> 3192 <i></i> 3193 <span>VR</span> 3194 </label> 3195 </li> 3196 <li> 3197 <label class="checkbox"> 3198 <input type="checkbox" name="ckContentType" id="ckContentType06" value="06" onclick="clickCheck(this,'2')"> 3199 <i></i> 3200 <span>ìí</span> 3201 </label> 3202 </li> 3203 <li> 3204 <label class="checkbox"> 3205 <input type="checkbox" name="ckContentType" id="ckContentType07" value="07" onclick="clickCheck(this,'2')"> 3206 <i></i> 3207 <span>ì¬ì§ìë£</span> 3208 </label> 3209 </li> 3210 </ul> 3211 </div> 3212 </div> 3213 <div class="fgList" id="group2_3"> 3214 <strong class="subject">ìì¸ì¡°ê±´</strong> 3215 <div class="conInfo"> 3216 <ul class="formList" id="contentDTypeList"> 3217 3218 3219 <li> 3220 <label class="checkbox"> 3221 <input type="checkbox" name="ckContentDType" id="ckContentDType0" value="WFDKO" onclick="clickCheck(this,'3')"> 3222 <i></i> 3223 <span>íí I</span> 3224 </label> 3225 </li> 3226 3227 <li> 3228 <label class="checkbox"> 3229 <input type="checkbox" name="ckContentDType" id="ckContentDType1" value="WFDPA" onclick="clickCheck(this,'3')"> 3230 <i></i> 3231 <span>íí II</span> 3232 </label> 3233 </li> 3234 3235 <li> 3236 <label class="checkbox"> 3237 <input type="checkbox" name="ckContentDType" id="ckContentDType2" value="WFDDR" onclick="clickCheck(this,'3')"> 3238 <i></i> 3239 <span>ëë¡ì</span> 3240 </label> 3241 </li> 3242 3243 <li> 3244 <label class="checkbox"> 3245 <input type="checkbox" name="ckContentDType" id="ckContentDType3" value="WFDPR" onclick="clickCheck(this,'3')"> 3246 <i></i> 3247 <span>íí</span> 3248 </label> 3249 </li> 3250 3251 <li> 3252 <label class="checkbox"> 3253 <input type="checkbox" name="ckContentDType" id="ckContentDType4" value="WFDSC" onclick="clickCheck(this,'3')"> 3254 <i></i> 3255 <span>ì¡°ê°ãì¤ì¹</span> 3256 </label> 3257 </li> 3258 3259 <li> 3260 <label class="checkbox"> 3261 <input type="checkbox" name="ckContentDType" id="ckContentDType5" value="WFDPH" onclick="clickCheck(this,'3')"> 3262 <i></i> 3263 <span>ì¬ì§</span> 3264 </label> 3265 </li> 3266 3267 <li> 3268 <label class="checkbox"> 3269 <input type="checkbox" name="ckContentDType" id="ckContentDType6" value="WFDNM" onclick="clickCheck(this,'3')"> 3270 <i></i> 3271 <span>ë´ë¯¸ëì´</span> 3272 </label> 3273 </li> 3274 3275 <li> 3276 <label class="checkbox"> 3277 <input type="checkbox" name="ckContentDType" id="ckContentDType7" value="WFDCR" onclick="clickCheck(this,'3')"> 3278 <i></i> 3279 <span>ê³µì</span> 3280 </label> 3281 </li> 3282 3283 <li> 3284 <label class="checkbox"> 3285 <input type="checkbox" name="ckContentDType" id="ckContentDType8" value="WFDDE" onclick="clickCheck(this,'3')"> 3286 <i></i> 3287 <span>
3287ëìì¸</span> 3288 </label> 3289 </li> 3290 3291 <li> 3292 <label class="checkbox"> 3293 <input type="checkbox" name="ckContentDType" id="ckContentDType9" value="WFDAR" onclick="clickCheck(this,'3')"> 3294 <i></i> 3295 <span>ê±´ì¶</span> 3296 </label> 3297 </li> 3298 3299 <li> 3300 <label class="checkbox"> 3301 <input type="checkbox" name="ckContentDType" id="ckContentDType10" value="WFDCA" onclick="clickCheck(this,'3')"> 3302 <i></i> 3303 <span>ìì</span> 3304 </label> 3305 </li> 3306 3307 </ul> 3308 </div> 3309 </div> 3310 </div> 3311 <!-- //formGroup ì ìê´ë--> 3312 3313 <!-- smartResult --> 3314 <div class="smartResult" id="selResult"> 3315 <div class="item condition"> 3316 <ul class="barList" id ="selSearch"> 3317 3318 </ul> 3319 </div> 3320 <div class="item"> 3321 <div class="btnWrap"> 3322 <button type="button" class="btn" onclick="fn_init();fn_raWhatInit();">ê²ì ì´ê¸°í</button> 3323 <button type="button" class="btn bg01" onclick="fn_smartSearch();">ì ì©</button> 3324 </div> 3325 </div> 3326 </div> 3327 <!-- //smartResult --> 3328 <p id="smartSearchStatus" class="smartSearchStatus" role="status" aria-atomic="true"></p> 3329 3330 <!-- boardType01 ì ìê²ì 리ì¤í¸ --> 3331 <div id="smartListDiv" class="boardType01"> 3332 </div> 3333 <!-- //boardType01 ì ìê²ì 리ì¤í¸--> 3334 3335 <!-- boardType01 ì½í ì¸ ê²ì 리ì¤í¸ --> 3336 <div class="boardType01 fixHeight02 board-col3" style="display:none;" > 3337 <ul> 3338 <li> 3339 <a href="#"> 3340 <figure class="media thumb"> 3341 <img src="/asset/images/@dummy/img_01.jpg" alt=""> 3342 </figure> 3343 <div class="info"> 3344 <span class="ctg">ê³¼ì²-ì ì</span> 3345 <p class="tit">ì ëª©ë ¸ì¶ìì ì ëª©ë ¸ì¶ìì ì ëª©ë ¸ì¶ìì ì ëª©ë ¸ì¶ìì</p> 3346 </div> 3347 </a> 3348 </li> 3349 <li> 3350 <a href="#"> 3351 <figure class="media thumb"> 3352 <img src="/asset/images/@dummy/img_01.jpg" alt=""> 3353 </figure> 3354 <div class="info"> 3355 <span class="ctg">ê³¼ì²-ì ì</span> 3356 <p class="tit">ì ëª©ë ¸ì¶ìì ì ëª©ë ¸ì¶ìì ì ëª©ë ¸ì¶ìì ì ëª©ë ¸ì¶ìì</p> 3357 </div> 3358 </a> 3359 </li> 3360 <li> 3361 <a href="#"> 3362 <figure class="media thumb"> 3363 <img src="/asset/images/@dummy/img_01.jpg" alt=""> 3364 </figure> 3365 <div class="info"> 3366 <span class="ctg">ê³¼ì²-ì ì</span> 3367 <p class="tit">ì ëª©ë ¸ì¶ìì ì ëª©ë ¸ì¶ìì ì ëª©ë ¸ì¶ìì ì ëª©ë ¸ì¶ìì</p> 3368 </div> 3369 </a> 3370 </li> 3371 </ul> 3372 </div> 3373 <!-- //boardType01 ì½í ì¸ ê²ì 리ì¤í¸--> 3374 <!-- pagingWrap --> 3375 <div class="pagingWrap" id="smartPageDiv"></div> 3376 <input type="hidden" id="pageIndex" name="pageIndex" value="" /> 3377 <input type="hidden" id="currentPageNo" name="currentPageNo" value="" /> 3378 <input type="hidden" id="totalRecordCount" name="totalRecordCount" value="" /> 3379 <input type="hidden" id="pageSize" name="pageSize" value="" /> 3380 <input type="hidden" id="pageUnit" name="pageUnit" value="8" /> 3381 <input type="hidden" id="firstRecordIndex" name="firstRecordIndex" value="" /> 3382 <!-- //pagingWrap --> 3383 </div> 3384 </div> 3385 <!-- //dialogBody --> 3386 <button type="button" class="close" aria-label="dialog ë«ê¸°"></button>
3387 </section> 3388 <!-- //dialog --> 3389 </div> 3390</form> 3391<!-- //dialogSmart --> 3392 <!-- smartsearch end --> 3393 3394 <!-- 기존 ë¡ê±° start --> 3395 <!-- COPYRIGHT (C) 2002-2020 BIZSPRING INC. LOGGER(TM) ALL RIGHTS RESERVED. --> 3396 <!--
3396<script language="JavaScript">/* LOGGER TRACKING SCRIPT V.31 : 1001 *//*X*//* COPYRIGHT 2002-2020 BIZSPRING INC. *//*X*//* DO NOT MODIFY THIS SCRIPT. *//*X*/var _TRK_DOMAIN="logger.mmca.go.kr";var _trk_bMSIE=(document.all)?true:false;var _trk_bJS12=(window.screen)?true:false;function _trk_escape(_str) { var str, ch; var bEncURI = "N"; eval("try{bEncURI=encodeURI('Y');}catch(_e){ }" ); if( bEncURI == "Y" ) str=encodeURI(_str); else str = escape(_str); str=str.split("+").join("%2B"); str=str.split("/").join("%2F"); str=str.split("&").join("%26"); str=str.split("?").join("%3F"); str=str.split(":").join("%3A"); str=str.split("#").join("%23"); return str;}function _trk_setCookie(name,value,expire) { var today=new Date(); today.setTime(today.getTime()+ expire ); document.cookie=name+"="+value+"; path=/; expires="+today.toGMTString()+";";}function _trk_getCookie(name) { var cookieName=name+"="; var x=0; while(x<=document.cookie.length) { var y=(x+cookieName.length); if(document.cookie.substring(x,y)==cookieName) { if((endOfCookie=document.cookie.indexOf(";",y))==-1) endOfCookie=document.cookie.length; return unescape(document.cookie.substring(y,endOfCookie)); } x=document.cookie.indexOf(" ",x)+1; if(x == 0) break; } return "";}function _trk_getParameter(name) { var paraName=name+"="; var URL=""+self.document.location.search; var tURL=""; eval("try{ tURL=top.document.location.search; }catch(_e){}"); URL=URL+"&"+tURL; if(URL.indexOf(paraName)!=-1) { var x=URL.indexOf(paraName)+paraName.length; var y=URL.substr(x).indexOf("&"); if(y!=-1) return URL.substring(x,x+y); else return URL.substr(x); } return "";}function _trk_make_code(_TRK_SERVER,_TRK_U) { var dt=document.title.toString(); dt=dt.substr(0,128); var dr=self.document.referrer; var tdr=""; eval("try{ tdr=top.document.referrer; }catch(_e){}"); var tdu=""; eval("try{ tdu=top.document.location.href; }catch(_e){}"); var bFrm=false; if(dr==tdu) { dr=tdr; bFrm=true; } if(dr=="undefined") dr=""; var du=self.document.location.href; if(du.substr(0,4)=="file") return ""; var adKeyVal = ""; if(bFrm) { adKeyVal=_trk_getParameter("OVKEY"); if(adKeyVal!="" && du.indexOf("OVKEY=")<0) { if(du.indexOf("?")!=-1) du=du+"&OVKEY="+adKeyVal; else du=du+"?OVKEY="+adKeyVal; adKeyVal=_trk_getParameter("OVRAW"); if(adKeyVal!="" && du.indexOf("OVRAW=")<0 ) if(du.indexOf("?")!=-1) du=du+"&OVRAW="+adKeyVal; else du=du+"?OVRAW="+adKeyVal; } else { adKeyVal=_trk_getParameter("netpia"); if(adKeyVal!="" && du.indexOf("netpia=")<0 ) if(du.indexOf("?")!=-1) du=du+"&netpia="+adKeyVal; else du=du+"?netpia="+adKeyVal; } adKeyVal=_trk_getParameter("logger_kw"); if(adKeyVal!="" && du.indexOf("logger_kw=")<0 ) if(du.indexOf("?")!=-1) du=du+"&logger_kw="+adKeyVal; else du=du+"?logger_kw="+adKeyVal; adKeyVal=_trk_getParameter("source"); if(adKeyVal!="" && du.indexOf("source=")<0 ) if(du.indexOf("?")!=-1) du=du+"&source="+adKeyVal; else du=du+"?source="+adKeyVal; adKeyVal=_trk_getParameter("keywd"); if(adKeyVal!="" && du.indexOf("keywd=")<0 ) if(du.indexOf("?")!=-1) du=du+"&keywd="+adKeyVal; else du=du+"?keywd="+adKeyVal; adKeyVal=_trk_getParameter("NVADID"); if(adKeyVal!="" && du.indexOf("NVADID=")<0 ) if(du.indexOf("?")!=-1) du=du+"&NVADID="+adKeyVal; else du=du+"?NVADID="+adKeyVal; adKeyVal=_trk_getParameter("NVAR"); if(adKeyVal!="" && du.indexOf("NVAR=")<0 ) if(du.indexOf("?")!=-1) du=du+"&NVAR="+adKeyVal; else du=du+"?NVAR="+adKeyVal; adKeyVal=_trk_getParameter("NVADKWD"); if(adKeyVal!="" && du.indexOf("NVADKWD=")<0) if(du.indexOf("?")!=-1) du=du+"&NVADKWD="+adKeyVal; else du=du+"?NVADKWD="+adKeyVal; adKeyVal=_trk_getParameter("NVKWD"); if(adKeyVal!="" && du.indexOf("NVKWD=")<0 ) if(du.indexOf("?")!=-1) du=du+"&NVKWD="+adKeyVal; else du=du+"?NVKWD="+adKeyVal; adKeyVal=_trk_getParameter("DWIT"); if(adKeyVal!="" && du.indexOf("DWIT=")<0) if(du.indexOf("?")!=-1) du=du+"&DWIT="+adKeyVal; else du=du+"?DWIT="+adKeyVal; adKeyVal=_trk_getParameter("DWIC"); if(adKeyVal!="" && du.indexOf("DWIC=")<0 ) if(du.indexOf("?")!=-1) du=du+"&DWIC="+adKeyVal; else du=du+"?DWIC="+adKeyVal; adKeyVal=_trk_getParameter("gad"); if(adKeyVal!="" && du.indexOf("gad=")<0 ) if(du.indexOf("?")!=-1) du=du+"&gad="+adKeyVal; else du=du+"?gad="+adKeyVal; adKeyVal=_trk_getParameter("gclid"); if(adKeyVal!="" && du.indexOf("gclid=")<0 ) if(du.indexOf("?")!=-1) du=du+"&gclid="+adKeyVal; else du=du+"?gclid="+adKeyVal; adKeyVal=_trk_getParameter("gkw"); if(adKeyVal!="" && du.indexOf("gkw=")<0 ) if(du.indexOf("?")!=-1) du=du+"&gkw="+adKeyVal; else du=du+"?gkw="+adKeyVal; adKeyVal=_trk_getParameter("rcsite");
3396 if(adKeyVal!="" && du.indexOf("rcsite=")<0 ) if(du.indexOf("?")!=-1) du=du+"&rcsite="+adKeyVal; else du=du+"?rcsite="+adKeyVal; adKeyVal=_trk_getParameter("rctype"); if(adKeyVal!="" && du.indexOf("rctype=")<0 ) if(du.indexOf("?")!=-1) du=du+"&rctype="+adKeyVal; else du=du+"?rctype="+adKeyVal; adKeyVal=_trk_getParameter("rc_code"); if(adKeyVal!="" && du.indexOf("rc_code=")<0 ) if(du.indexOf("?")!=-1) du=du+"&rc_code="+adKeyVal; else du=du+"?rc_code="+adKeyVal; adKeyVal=_trk_getParameter("_C_"); if(adKeyVal!="" && du.indexOf("_C_=")<0 ) if(du.indexOf("?")!=-1) du=du+"&_C_="+adKeyVal; else du=du+"?_C_="+adKeyVal; } var ce=navigator.cookieEnabled?"Y":"N"; var je=navigator.javaEnabled()?"Y":"N"; var ss=""; var cd = ""; if(_trk_bJS12) { ss=screen.width+"x"+screen.height; cd=screen.colorDepth; } if(!dt) dt=""; if(!dr) dr=""; if(!du) du=""; if(!ce) ce=""; if(!je) je=""; var t = new Date; var tye=(_trk_bMSIE)?(t.getYear()):(t.getFullYear()); var tmo=t.getMonth()+1; var tda=t.getDate(); var tho=t.getHours(); var tmi=t.getMinutes(); var tse=t.getSeconds(); var tzo=t.getTimezoneOffset(); var tc = ""; var prtcl="https://"; if(prtcl=="https://") _TRK_SERVER=_TRK_DOMAIN; tc=tc+prtcl+_TRK_SERVER; var bPNF=((typeof _TRK_PI)!="undefined" && _TRK_PI=="PNF")?true:false; if(bPNF) tc=tc+"/tracker_click.tsp"; else tc=tc+"/tracker.tsp"; tc=tc+"?u="+_TRK_U+"&XU=&EXEN="+_EXEN; if(bPNF) { tc=tc+"&rnd="+Math.random()+"&CKFL="+_TRK_PI+"&CKDATA="+_trk_escape(du); } else { tc=tc+"&dr="+_trk_escape(dr)+"&XDR="+"&dt="+_trk_escape(dt)+"&du="+_trk_escape(du); if((typeof _TRK_CP)!="undefined" && _TRK_CP!="") tc=tc+"&CP="+_trk_escape(_TRK_CP)+"&XCP="; if((typeof _TRK_PI)!="undefined" && _TRK_PI!="") tc=tc+"&PI="+_TRK_PI; if((typeof _TRK_PN)!="undefined" && _TRK_PN!="") tc=tc+"&PN="+_trk_escape(_TRK_PN); if((typeof _TRK_MF)!="undefined" && _TRK_MF!="") tc=tc+"&MF="+_trk_escape(_TRK_MF); if((typeof _TRK_OA)!="undefined" && _TRK_OA!="") tc=tc+"&OA="+_TRK_OA; if((typeof _TRK_OP)!="undefined" && _TRK_OP!="") tc=tc+"&OP="+_trk_escape(_TRK_OP); if((typeof _TRK_OE)!="undefined" && _TRK_OE!="") tc=tc+"&OE="+_TRK_OE; if((typeof _TRK_CC)!="undefined" && _TRK_CC!="") tc=tc+"&CC="+_TRK_CC; if((typeof _TRK_RK)!="undefined" && _TRK_RK!="") tc=tc+"&RK="+_trk_escape(_TRK_RK); if((typeof _TRK_SX)!="undefined" && _TRK_SX!="") tc=tc+"&SX="+_TRK_SX; if((typeof _TRK_AG)!="undefined" && _TRK_AG!="") tc=tc+"&AG="+_TRK_AG; if((typeof _TRK_IK)!="undefined" && _TRK_IK!="") tc=tc+"&IK="+_trk_escape(_TRK_IK); tc=tc+"&js=Y"+"&ss="+escape(ss)+"&cd="+cd+"&ce="+ce+"&je="+je+"&tzo="+tzo+"&tye="+tye+"&tmo="+tmo+"&tda="+tda+"&tho="+tho+"&tmi="+tmi+"&tse="+tse; } return tc;}var _TRK_LIFE=_trk_getParameter("_L_");if(_TRK_LIFE=="") _TRK_LIFE=14;_TRK_LIFE = parseInt(_TRK_LIFE)*24*60*60*1000;var _TRK_U="";var _TRK_U_P=_trk_getParameter("_U_");var _TRK_U_C= _trk_getCookie("_TRK_U");if(_TRK_U_C!="") _TRK_U=_TRK_U_C;if(_TRK_U_P!="") _TRK_U=_TRK_U_P;if(_TRK_U!="" && _TRK_U_P!="") _trk_setCookie("_TRK_U",_TRK_U,_TRK_LIFE);var _TRK_CC_C=_trk_getCookie("_TRK_CC");var _TRK_CC_P=_trk_getParameter("_C_");if((typeof _TRK_CC)!="undefined" && _TRK_CC!="") _TRK_CC_P=_TRK_CC;if(_TRK_CC_C!="") _TRK_CC=_TRK_CC_C;if(_TRK_CC_P!="") _TRK_CC=_TRK_CC_P;if((typeof _TRK_CC)!="undefined" && _TRK_CC!="" && _TRK_CC_P!="") _trk_setCookie("_TRK_CC",_TRK_CC,_TRK_LIFE);var _TRK_RK_C=_trk_getCookie("_TRK_RK");var _TRK_RK_P=_trk_getParameter("_R_");if((typeof _TRK_RK)!="undefined" && _TRK_RK!="") _TRK_RK_P=_TRK_RK;if(_TRK_RK_C!="") _TRK_RK=_TRK_RK_C;if(_TRK_RK_P!="") _TRK_RK=_TRK_RK_P;if((typeof _TRK_RK)!="undefined" && _TRK_RK!="" && _TRK_RK_P!="") _trk_setCookie("_TRK_RK",_TRK_RK,_TRK_LIFE);var _SS_LIFE = 30*60*1000;var _EXEN = _trk_getCookie("_EXEN");if( _EXEN == "" ) _EXEN = 0; _EXEN ++;_trk_setCookie("_EXEN",_EXEN,_SS_LIFE);var _trk_code_base=_trk_make_code("logger.mmca.go.kr","1001");var _trk_code_chan="";if(_TRK_U!="") _trk_code_chan=_trk_code_base.replace(/\?u=1001&XU=/g,"?u="+_TRK_U+"&XU=");var _trk_img_base=new Image();var _trk_img_chan=new Image();var _trk_img_base_click=new Image();var _trk_img_chan_click=new Image();if(_trk_bJS12==true) { if(_trk_bMSIE) { _trk_img_base.src=_trk_code_base; if(_TRK_U!="") _trk_img_chan.src=_trk_code_chan; } else { setTimeout("_trk_img_base.src=_trk_code_base;",1); if(_TRK_U!="") setTimeout("_trk_img_chan.src=_trk_code_chan;",1); }}
3396 else { if(_trk_bMSIE) document.write('<div style=\"display: none\">'); document.write('<img src=\"'+_trk_code_base+'\" height=\"0\" width=\"0\">'); if(_TRK_U!="") document.write('<img src=\"'+_trk_code_chan+'\" height=\"0\" width=\"0\">'); if(_trk_bMSIE) document.write('</div>');}function _trk_flashEnvView(env1,env2,env3,env4,env5,env6,env7,env8,env9,env10,env11,env12){ var _trk_code_flash=_trk_code_base; for (var envCnt=1; envCnt< 13; envCnt++){ if((eval("env"+envCnt) != "") && (typeof eval("env"+envCnt) != "undefined" )){ var trk_str = eval("env"+envCnt) ; if(trk_str.indexOf("_TRK_CP")>=0){ var trk_cp = trk_str.split('='); var _TRK_CP = trk_cp[1]; _trk_code_flash=_trk_code_flash.replace(/&CP=.*&XCP=/g,"&XCP="); _trk_code_flash=_trk_code_flash.replace(/&dr=.*&XDR=/g,"&XDR="); _trk_code_flash=_trk_code_flash+"&dr=&CP="+_trk_escape(_TRK_CP)+"&rnd="+Math.random(); if(_TRK_U!="") { _trk_code_flash=_trk_code_flash.replace(/\?u=1001&XU=/g,"?u="+_TRK_U+"&XU="); } } if((trk_str.indexOf("_TRK_PN")>=0) || (trk_str.indexOf("_TRK_MF")>=0) || (trk_str.indexOf("_TRK_RK")>=0) || (trk_str.indexOf("_TRK_OP")>=0) || (trk_str.indexOf("_TRK_IK")>=0)){ var trk_env = trk_str.split('='); var _TRK_ENV = _trk_escape(trk_env[1]); var tkr_env_name = trk_str.substring(trk_str.indexOf('_',1)+1,trk_str.lastIndexOf('=')); var _trk_envs = "&"+tkr_env_name+"="+ _TRK_ENV; if( _trk_code_flash.indexOf("&"+tkr_env_name+"=") > 0) { var regVal = "\&"+tkr_env_name+"\=(.*)(\&PN\=|\&MF\=|\&OA\=|\&OP\=|\&OE\=|\&CC\=|\&RK\=|\&SX\=|\&AG\=|\&IK\=|\&js\=)"; var envReg = new RegExp(regVal, 'gi'); var envRst = _trk_code_flash.match(envReg); var envRst = envRst.toString(); var envArr = envRst.split('&'); var envVar = envArr[1]; _trk_code_flash=_trk_code_flash.replace("&"+envVar+"&", _trk_envs); }else{ _trk_code_flash = _trk_code_flash+"&"+tkr_env_name+"="+_TRK_ENV; } } if((trk_str.indexOf("_TRK_PI")>=0) || (trk_str.indexOf("_TRK_OA")>=0) || (trk_str.indexOf("_TRK_OE")>=0) || (trk_str.indexOf("_TRK_CC")>=0) || (trk_str.indexOf("_TRK_SX")>=0) || (trk_str.indexOf("_TRK_AG")>=0)){ var trk_env = trk_str.split('='); var _TRK_ENV = trk_env[1]; var tkr_env_name = trk_str.substring(trk_str.indexOf('_',1)+1,trk_str.lastIndexOf('=')); var _trk_envs = "&"+tkr_env_name+"="+_TRK_ENV+"&"; if( _trk_code_flash.indexOf("&"+tkr_env_name+"=") > 0) { var regVal = "\&"+tkr_env_name+"\=(.*)(\&PN\=|\&MF\=|\&OA\=|\&OP\=|\&OE\=|\&CC\=|\&RK\=|\&SX\=|\&AG\=|\&IK\=|\&js\=)"; var envReg = new RegExp(regVal, 'gi'); var envRst = _trk_code_flash.match(envReg); var envRst = envRst.toString(); var envArr = envRst.split('&'); var envVar = envArr[1]; _trk_code_flash=_trk_code_flash.replace("&"+envVar+"&", _trk_envs); }else{ _trk_code_flash = _trk_code_flash+"&"+tkr_env_name+"="+_TRK_ENV; } } } } _trk_img_base_click.src=_trk_code_flash ;}function _trk_flashContentsView(_TRK_PI, _TRK_CP) { var _trk_code_flash=_trk_code_base; var _trk_piv = "&PI="+_TRK_PI+"&"; _trk_code_flash=_trk_code_flash.replace(/&CP=.*&XCP=/g,"&XCP="); _trk_code_flash=_trk_code_flash.replace(/&dr=.*&XDR=/g,"&XDR="); if( _trk_code_flash.indexOf("&PI=") > 0) { var regVal = "\&PI\=(.*)(\&PN\=|\&MF\=|\&OA\=|\&OP\=|\&OE\=|\&CC\=|\&RK\=|\&SX\=|\&AG\=|\&IK\=|\&js\=)"; var envReg = new RegExp(regVal, 'gi'); var envRst = _trk_code_flash.match(envReg); var envRst = envRst.toString(); var envArr = envRst.split('&'); var envVar = envArr[1]; _trk_code_flash=_trk_code_flash.replace("&"+envVar+"&", _trk_piv ); }else{ _trk_code_flash = _trk_code_flash+"&PI="+_TRK_PI; } _trk_img_base_click.src=_trk_code_flash+"&dr=&CP="+_trk_escape(_TRK_CP)+"&rnd="+Math.random(); if(_TRK_U!="") { _trk_code_flash=_trk_code_flash.replace(/\?u=1001&XU=/g,"?u="+_TRK_U+"&XU="); _trk_img_chan_click.src=_trk_code_flash+"&dr=&CP="+_trk_escape(_TRK_CP)+"&rnd="+Math.random(); }}function _trk_clickTrace(_TRK_CKFL,_TRK_CKDATA) { var _trk_code_click=_trk_code_base.substr(0,_trk_code_base.indexOf("tracker.tsp")); _trk_code_click=_trk_code_click+"tracker_click.tsp?rnd="+Math.random()+"&CKFL="+_TRK_CKFL+"&CKDATA="+_trk_escape(_TRK_CKDATA); _trk_img_base_click.src=_trk_code_click+"&u=1001"; if(_TRK_U!="") _trk_img_chan_click.src=_trk_code_click+"&u="+_TRK_U;}function _trk_adClick( adSvr, svcCode, adCode ) { var ac = ""; var prtcl="https://"; if(prtcl=="https://") adSvr=_TRK_DOMAIN; ac=ac+prtcl+adSvr; _trk_img_base_click.src=ac+"/tracker_ad.tsp?u="+svcCode+"&mode=C&adCode="+adCode;}</script>
3396 --> 3397 <!-- <noscript><img src="http://logger.mmca.go.kr/tracker.tsp?u=1001&js=N" width=0 height=0/></noscript> --> 3398 <!-- END OF LOGGER TRACKING SCRIPT --> 3399 <!-- 기존 ë¡ê±° end --> 3400 3401 <!-- LOGGER(TM) TRACKING SCRIPT V.40 FOR logger.co.kr / 114149 : COMBINE TYPE / DO NOT ALTER THIS SCRIPT. --> 3402
3402<script type="text/javascript">var _TRK_LID = "114149";var _L_TD = "ssl.logger.co.kr";var _TRK_CDMN = ".mmca.go.kr";</script>
3402 3403
3403<script type="text/javascript">var _CDN_DOMAIN = location.protocol == "https:" ? "https://fs.bizspring.net" : "http://fs.bizspring.net"; 3404 (function (b, s) { var f = b.getElementsByTagName(s)[0], j = b.createElement(s); j.async = true; j.src = "//fs.bizspring.net/fs4/bstrk.1.js"; f.parentNode.insertBefore(j, f); })(document, "script"); 3405 </script>
3405 3406 <noscript><img alt="Logger Script" width="1" height="1" src="http://ssl.logger.co.kr/tracker.1.tsp?u=114149&js=N"/></noscript> 3407 <!-- END OF LOGGER TRACKING SCRIPT --> 3408 3409 3410 3411 3412</body> 3413<!-- dialoSubscribe --> 3414<div class="dialogWrap dialoSubscribe"> 3415 <!-- dialog --> 3416 <!-- 3417 TODO 3418 ì¤ì ì ë ¬ 3419 data-align="center" 3420 --> 3421 <section class="dialog sizeL" data-align="center" role="dialog" > 3422 3423 3424 <!-- dialogHead --> 3425 <header class="dialogHead" style="margin-bottom:11px;"> 3426 <h2 id="title01" class="title" style="font-size:24px;">MMCA ë´ì¤ë í° êµ¬ë ì ì²</h2> 3427 </header> 3428 <!-- //dialogHead --> 3429 <!-- dialogBody --> 3430 <div id="content01" class="dialogBody"> 3431 <div class="dialogBodyInner"> 3432 <div class="privacyBox"> 3433 <div class="chk" style="margin:0px;"> 3434 <label class="checkbox"> 3435 <p>ë´ì¤ë í° êµ¬ë ì ííì´ì§ íì ê°ì í ì ì² ê°ë¥íë©°, íì ê°ì ì ë´ì¤ë í° ìì ì¬ë¶ì ì²´í¬í´ 주ì¸ì. 3436 <br> ëë ì¹´ì¹´ì¤í¡ ì±ëì íµí´ í¸ë¦¬íê² ë´ì¤ë í°ë¥¼ ë°ìë³´ì¸ì.</p> 3437 <br> 3438 <br> 3439 <p style="color: #777; font-size: 13px;">⻠기존 ííì´ì§ íìì´ ë´ì¤ë í° êµ¬ë ì ì²ì ìí ê²½ì°, 미ì ê´ ííì´ì§ ë¡ê·¸ì¸ í ëì íì´ì§-ê°ì¸ì ë³´ìì -ë´ì¤ë í° ìì ì¬ë¶ ì²´í¬íìë©´ 구ë íì¤ ì ììµëë¤. </p></br> 3440 </label> 3441 </div> 3442 </div> 3443 </div> 3444 </div> 3445 <!-- //dialogBody --> 3446 <!-- floating --> 3447 <div class="floating" style="margin-top:11px;"> 3448 <button type="button" class="btn bg01" onclick="registHomepage();return false;">ííì´ì§ íì ê°ì </button> 3449 <button type="button" class="btn close" onclick="goChannel()" id="newsLetterClose" title="ì ì°½ ì´ë¦¼">ì¹´ì¹´ì¤í¡ ì±ë ì¶ê°</button>
3450 </div> 3451 <!-- //floating --> 3452 <button type="button" class="close" aria-label="dialog ë«ê¸°" ></button> 3453 </section> 3454 <!-- //dialog --> 3455</div> 3456<!-- //dialoSubscribe --> 3457 3458<!-- dialogSubscribeNewsletter --> 3459<div class="dialogWrap dialogSubscribeNewsletter"> 3460 <!-- dialog --> 3461 <!-- 3462 TODO 3463 ì¤ì ì ë ¬ 3464 data-align="center" 3465 --> 3466 <section class="dialog sizeL" data-align="center" role="dialog" > 3467 3468 3469 <!-- dialogHead --> 3470 <header class="dialogHead" style="margin-bottom:11px;"> 3471 <h2 id="title01" class="title" style="font-size:24px;">MMCA ë´ì¤ë í° êµ¬ë ì ì²</h2> 3472 </header> 3473 <!-- //dialogHead --> 3474 <!-- dialogBody --> 3475 <div id="content01" class="dialogBody"> 3476 <div class="dialogBodyInner"> 3477 <div class="privacyBox"> 3478 <div class="chk" style="margin:0px;"> 3479 <label class="checkbox"> 3480 <p>ë´ì¤ë í° êµ¬ë ì ííì´ì§ íì ê°ì í ì ì² ê°ë¥íë©°, íì ê°ì ì ë´ì¤ë í° ìì ì¬ë¶ì ì²´í¬í´ 주ì¸ì.</p> 3481 <br> 3482 <p style="color: #777; font-size: 13px;">⻠기존 ííì´ì§ íìì´ ë´ì¤ë í° êµ¬ë ì ì²ì ìí ê²½ì°, 미ì ê´ ííì´ì§ ë¡ê·¸ì¸ í ëì íì´ì§-ê°ì¸ì ë³´ìì -ë´ì¤ë í° ìì ì¬ë¶ ì²´í¬íìë©´ 구ë íì¤ ì ììµëë¤. </p></br> 3483 </label> 3484 </div> 3485 </div> 3486 </div> 3487 </div> 3488 <!-- //dialogBody --> 3489 <button type="button" class="close" aria-label="dialog ë«ê¸°" ></button> 3490 </section> 3491 <!-- //dialog --> 3492</div> 3493<!-- //dialogSubscribeNewsletter --> 3494 3495 3496 3497<div class="dialogWrap membership"> 3498 <!-- dialog --> 3499 <!-- 3500 TODO 3501 ì¤ì ì ë ¬ 3502 data-align="center" 3503 --> 3504 <section class="dialog sizeL" role="dialog" aria-modal="true" aria-labelledby="title01" aria-describedby="content01" data-align="center"> 3505 <!-- dialogHead --> 3506 <header class="dialogHead" style="margin-bottom:11px;"> 3507 <h2 id="title01" class="title" style="font-size:24px;">멤ë²ì ìë´</h2> 3508 </header> 3509 <!-- //dialogHead --> 3510 <!-- dialogBody --> 3511 <div id="content01" class="dialogBody"> 3512 <div class="dialogBodyInner"> 3513 <div class="privacyBox"> 3514 <div class="chk" style="margin:0px;"> 3515 <label class="checkbox"> 3516 <p>êµë¦½íë미ì ê´ ë©¤ë²ìì´ ê°í¸ ì¤ì ëë¤.</p> 3517 <p>ê³§ ìë¡ìì§ êµë¦½íë미ì ê´ì ì¹êµ¬â¤ê°ì¡±ì´ ëì´ ì£¼ì¸ì.</p></br> 3518 <p>â»ë ìì¸í ë´ì©ì ì¶í ìë´ ë ìì ì ëë¤.</p></br> 3519 </label> 3520 </div> 3521 </div> 3522 </div> 3523 </div> 3524 <!-- //dialogBody --> 3525 <!-- floating --> 3526 <div class="floating" style="margin-top:11px;"> 3527 </div> 3528 <!-- //floating --> 3529 <button type="button" class="close" aria-label="dialog ë«ê¸°" ></button> 3530 </section> 3531 <!-- //dialog --> 3532</div> 3533 3534 3535 3536<div class="dialogWrap membershipGift"> 3537 <!-- dialog --> 3538 <section class="dialog sizeL" role="dialog" aria-modal="true" aria-labelledby="title01" aria-describedby="content01" data-align="center"> 3539 <!-- dialogHead --> 3540 <header class="dialogHead" style="margin-bottom:11px;"> 3541 <h2 id="title01" class="title" style="font-size:22px;">멤ë²ì ì 물í기</h2> 3542 </header> 3543 <!-- //dialogHead --> 3544 <!-- dialogBody --> 3545 <div id="content01" class="dialogBody"> 3546 <div class="dialogBodyInner" style="align-content: center"> 3547 <div class="chk" style="margin:0px;"> 3548 <label class="checkbox"> 3549 <ul> 3550 <li><b>구매 ì¢ ë¥</b> MMCA ê°ì¡±(7ë§ì), MMCA ê°ì¡±+(10ë§ì)</li> 3551 <li><b>구매 ë°©ë²</b> ìì¸ê´ ìë´ë°ì¤í¬ìì íì¥ ê²°ì </li> 3552 <li><b>ë±ë¡ ë°©ë²</b> ìì¸ê´ ìë´ë°ì¤í¬ìì '멤ë²ì ì 물í기 ì¹´ë' ì ìíê³ íì ë±ë¡</li> 3553 <li><b>ì¬ì© 기ê°</b> 멤ë²ì ë±ë¡ì¼ë¡ë¶í° 1ë </li> 3554 <li><b>íë¶ ê¸°ê°</b> 구ì í 7ì¼ì´ë´ íì¥ ì·¨ì</li> 3555 </ul> 3556 </br> 3557 <p><b>문ì</b> 02-3701-9500</p> 3558 </br> 3559 </label> 3560 </div> 3561 <div class="bot_btn" style="width:100%; text-align:center;"> 3562 <button class="btn bg01" onclick="location.href = 'https://www.mmca.go.kr/pr/newsDetail.do?bdCId=202403070009228'">멤ë²ì íí ìì보기</button> 3563 </div> 3564 </div> 3565 </div> 3566 <!-- //dialogBody --> 3567 <!-- floating --> 3568 <div class="floating" style="margin-top:11px;"> 3569 </div> 3570 <!-- //floating --> 3571 <button type="button" class="close" aria-label="dialog ë«ê¸°" ></button> 3572 </section> 3573 <!-- //dialog --> 3574</div> 3575 3576 3577<div class="dialogWrap membershipRewardFriend"> 3578 <!-- dialog --> 3579 <section class="dialog sizeL" role="dialog" aria-modal="true" aria-labelledby="title01" aria-describedby="content01" data-align="center"> 3580 <!-- dialogHead --> 3581 <header class="dialogHead rewardDialogHead"> 3582 <h2 id="title01" class="title" style="font-size:22px;">íìíí</h2> 3583 3584 <div class="rewardHeadBtnWrap"> 3585 <button type="button" 3586 class="btn bg01mb joinBtn" 3587 value="friend" 3588 onclick="enterMember(this.value)" 3589 title="ìì°½ ì´ë¦¼" 3590 style="font-size: 15px;"> 3591 ê°ì í기 3592 </button> 3593 3594 <button type="button" class="close rewardClose" aria-label="dialog ë«ê¸°"></button> 3595 </div> 3596 </header>
3597 <!-- //dialogHead --> 3598 <!-- dialogBody --> 3599 <div id="content01" class="dialogBody"> 3600 <div class="dialogBodyInner" style="align-content: center"> 3601 <div class="chk" style="margin:0px;"> 3602 <label class="checkbox"> 3603 <ul> 3604 <li>â 멤ë²ì ë¼ì´ì§ ì´ì© / <b style="color: red; font-weight: bold;">ì° 12í</b></li> 3605 <li> <b style="color: red; font-weight: bold;">- 본ì¸, ëë° 1ì¸(2ì¸)</b></li> 3606 <li> - 매 ì ë§ì§ë§ 주 ììì¼ ìì½ ìì´ ì´ì© ê°ë¥</li> 3607 <li>â ìì¸ê´ ì ë£ ê´ë ì 1ìê° ì£¼ì°¨ í ì¸ ì ê³µ</li> 3608 <li>â íì ê°ì ì MMCA í¬ì¸í¸ 100P ì ê³µ</li> 3609 <li>â ì ì ê´ëê¶ ì ë£ ê²°ì ì ê²°ì ê¸ì¡ì <b style="color: red; font-weight: bold;">1%</b> ì 립</li> 3610 <li>â ì 립 í¬ì¸í¸ë¡ ê´ëê¶ êµ¬ë§¤ ë° ìì¤ í ì¸ ì¿ í° êµí ê°ë¥</li> 3611 </ul> 3612 </label> 3613 </div> 3614 </div> 3615 </div> 3616 <!-- //dialogBody --> 3617 <!-- floating --> 3618 <div class="floating" style="margin-top:11px;"> 3619 </div> 3620 </section> 3621 <!-- //dialog --> 3622</div> 3623 3624 3625<div class="dialogWrap membershipRewardFamily"> 3626 <!-- dialog --> 3627 <section class="dialog sizeL" role="dialog" aria-modal="true" aria-labelledby="title01" aria-describedby="content01" data-align="center"> 3628 <!-- dialogHead --> 3629 <header class="dialogHead rewardDialogHead"> 3630 <h2 id="title01" class="title" style="font-size:22px;">íìíí</h2> 3631 3632 <div class="rewardHeadBtnWrap"> 3633 <button type="button" 3634 class="btn bg01mb joinBtn" 3635 value="family" 3636 onclick="enterMember(this.value)" 3637 title="ìì°½ ì´ë¦¼" 3638 style="font-size: 15px;"> 3639 ê°ì í기 3640 </button> 3641 3642 <button type="button" class="close rewardClose" aria-label="dialog ë«ê¸°"></button> 3643 </div> 3644 </header> 3645 <!-- //dialogHead --> 3646 <!-- dialogBody --> 3647 <div id="content01" class="dialogBody"> 3648 <div class="dialogBodyInner" style="align-content: center"> 3649 <div class="chk" style="margin:0px;"> 3650 <label class="checkbox"> 3651 <ul> 3652 <li>â 4ê´ ì ì <b style="color: red; font-weight: bold;">본ì¸</b> ë¬´ë£ ì ì¥(ëìê¶ ì ì¥ë£ ë³ë)</li> 3653 <li>â ì ë£íì ëì 문í íë¡ê·¸ë¨ ì ê³µ</li> 3654 <li>â 멤ë²ì ë¼ì´ì§ ì´ì© / <b style="color: red; font-weight: bold;">ì° 100í</b></li> 3655 <li> <b style="color: red; font-weight: bold;">- 본ì¸, ëë° 1ì¸(2ì¸)</b></li> 3656 <li>â ìì¸ê´ 1ì¼ ë¬´ë£ ì£¼ì°¨ê¶ <b style="color: red; font-weight: bold;">3ì¥</b></li> 3657 <li> ìì¸ê´ ì ì ê´ë ì 2ìê° ì£¼ì°¨ í ì¸ ì ê³µ</li> 3658 <li>â ì í´ ììì , ì¹´í 10~15% í ì¸</li> 3659 <li>â 미ì ê°ê²(ìì¸,ê³¼ì²,ëìê¶,ì²ì£¼), 미ì ì± ë°©(ìì¸) 10% í ì¸</li> 3660 <li>â ì¬ê°ì ì ê°ì ë¹ <b style="color: red; font-weight: bold;">20%</b> í ì¸</li> 3661 <li>â ë´ì¤ë í° '뮤í´ë¦¬' ë°ì¡</li> 3662 <li>â íì ê°ì ì MMCA í¬ì¸í¸ 500P ì ê³µ</li> 3663 <li>â ì ì ê´ëê¶ ì ë£ ê²°ì ì ê²°ì ê¸ì¡ì <b style="color: red; font-weight: bold;">2%</b> ì 립</li> 3664 </ul> 3665 </label> 3666 </div> 3667 </div> 3668 </div> 3669 <!-- //dialogBody --> 3670 <!-- floating --> 3671 <div class="floating" style="margin-top:11px;"> 3672 </div> 3673 <!-- //floating --> 3674 </section> 3675 <!-- //dialog --> 3676</div> 3677 3678 3679<div class="dialogWrap membershipRewardFamily+"> 3680 <!-- dialog --> 3681 <section class="dialog sizeL" role="dialog" aria-modal="true" aria-labelledby="title01" aria-describedby="content01" data-align="center"> 3682 <!-- dialogHead --> 3683 <header class="dialogHead rewardDialogHead"> 3684 <h2 id="title01" class="title" style="font-size:22px;">íìíí</h2> 3685 3686 <div class="rewardHeadBtnWrap"> 3687 <button type="button" 3688 class="btn bg01mb joinBtn" 3689 value="family+" 3690 onclick="enterMember(this.value)" 3691 title="ìì°½ ì´ë¦¼" 3692 style="font-size: 15px;"> 3693 ê°ì í기 3694 </button> 3695 3696 <button type="button" class="close rewardClose" aria-label="dialog ë«ê¸°"></button> 3697 </div> 3698 </header>
3699 <!-- //dialogHead --> 3700 <!-- dialogBody --> 3701 <div id="content01" class="dialogBody"> 3702 <div class="dialogBodyInner" style="align-content: center"> 3703 <div class="chk" style="margin:0px;"> 3704 <label class="checkbox"> 3705 <ul> 3706 <li>â 4ê´ ì ì <b style="color: red; font-weight: bold;">본ì¸, ëë° 1ì¸</b> ë¬´ë£ ì ì¥(ëìê¶ ì ì¥ë£ ë³ë)</li> 3707 <li>â ì ë£íì ëì 문í íë¡ê·¸ë¨ ì ê³µ</li> 3708 <li>â 멤ë²ì ë¼ì´ì§ ì´ì© / <b style="color: red; font-weight: bold;">ì° 100í</b></li> 3709 <li> <b style="color: red; font-weight: bold;">- 본ì¸, ëë° 3ì¸(4ì¸)</b></li> 3710 <li>â ìì¸ê´ 1ì¼ ë¬´ë£ ì£¼ì°¨ê¶ <b style="color: red; font-weight: bold;">5ì¥</b></li> 3711 <li> ìì¸ê´ ì ì ê´ë ì 2ìê° ì£¼ì°¨ í ì¸ ì ê³µ</li> 3712 <li>â ì í´ ììì , ì¹´í 10~15% í ì¸</li> 3713 <li>â 미ì ê°ê²(ìì¸,ê³¼ì²,ëìê¶,ì²ì£¼), 미ì ì± ë°©(ìì¸) 10% í ì¸</li> 3714 <li>â ì¬ê°ì ì ê°ì ë¹ <b style="color: red; font-weight: bold;">20%</b> í ì¸</li> 3715 <li>â ë´ì¤ë í° '뮤í´ë¦¬' ë°ì¡</li> 3716 <li>â íì ê°ì ì MMCA í¬ì¸í¸ 500P ì ê³µ</li> 3717 <li>â ì ì ê´ëê¶ ì ë£ ê²°ì ì ê²°ì ê¸ì¡ì <b style="color: red; font-weight: bold;">3%</b> ì 립</li> 3718 </ul> 3719 </label> 3720 </div> 3721 </div> 3722 </div> 3723 <!-- //dialogBody --> 3724 <!-- floating --> 3725 <div class="floating" style="margin-top:11px;"> 3726 </div> 3727 <!-- //floating --> 3728 </section> 3729 <!-- //dialog --> 3730</div> 3731 3732 3733<div class="dialogWrap membershipPoint"> 3734 <!-- dialog --> 3735 <section class="dialog sizeL" role="dialog" aria-modal="true" aria-labelledby="title01" aria-describedby="content01" data-align="center"> 3736 <!-- dialogHead --> 3737 <header class="dialogHead" style="margin-bottom:11px;"> 3738 <h2 id="title01" class="title" style="font-size:22px;">MMCA í¬ì¸í¸</h2> 3739 <!-- <button type="button" class="btn bg01" onclick="" title="ìì°½ ì´ë¦¼" style="font-size: 18px;">ê°ì í기</button> --> 3740 </header> 3741 <!-- //dialogHead --> 3742 <!-- dialogBody --> 3743 <div id="content01" class="dialogBody"> 3744 <div class="dialogBodyInner" style="align-content: center"> 3745 <div class="chk" style="margin:0px;"> 3746 <label class="checkbox"> 3747 <ul> 3748 <li>â í¬ì¸í¸ë 500Pë¶í° ì¬ì© ê°ë¥í©ëë¤.</li> 3749 <li>â ì ì ì매 ë° í¸ì ìì¤ í ì¸ ì¿ í°ì¼ë¡ êµí ê°ë¥í©ëë¤. </li> 3750 <li>â í¬ì¸í¸ë ëì íì´ì§ìì íì¸ ê°ë¥í©ëë¤.</li> 3751 <li>â ì ë¦½ì¼ ê¸°ì¤ 2ë (24ê°ì)ì´ ì§ëë©´ ìë ì멸ë©ëë¤.</li> 3752 <li>â í¬ì¸í¸ ì 립 기ì¤ì 미ì ê´ ë´ ì¬ì ì ë°ë¼ ë³ê²½ ë ì ìì¼ë©°, ë³ê²½ ì ííì´ì§ì ê³µì§ ë©ëë¤.</li> 3753 <!-- <li>ìì¸ ê·ì íìì½ê´</li> --> 3754 </ul> 3755 </label> 3756 </div> 3757 </div> 3758 </div> 3759 <!-- //dialogBody --> 3760 <!-- floating --> 3761 <div class="floating" style="margin-top:11px;"> 3762 </div> 3763 <!-- //floating --> 3764 <button type="button" class="close" aria-label="dialog ë«ê¸°" ></button> 3765 </section> 3766 <!-- //dialog --> 3767</div> 3768 3769 3770<div class="dialogWrap membershipParking"> 3771 <!-- dialog --> 3772 <section class="dialog sizeL" role="dialog" aria-modal="true" aria-labelledby="title01" aria-describedby="content01" data-align="center"> 3773 <!-- dialogHead --> 3774 <header class="dialogHead" style="margin-bottom:11px;"> 3775 <h2 id="title01" class="title" style="font-size:22px;">ìì¸ê´ 주차 íí</h2> 3776 <!-- <button type="button" class="btn bg01" onclick="" title="ìì°½ ì´ë¦¼" style="font-size: 18px;">ê°ì í기</button> --> 3777 </header>
3778 <!-- //dialogHead --> 3779 <!-- dialogBody --> 3780 <div id="content01" class="dialogBody"> 3781 <div class="dialogBodyInner" style="align-content: center"> 3782 <div class="chk" style="margin:0px;"> 3783 <label class="checkbox"> 3784 <ul> 3785 <li>â 주차 í ì¸ê¶ì ì ìì¥ QR 리ë기ì QRê´ëê¶ì ì¸ì í ìì±ë©ëë¤. </li> 3786 <li>â ë°ê¸ë 주차ê¶ì 주차 ì ì°ê¸°ìì ì¬ì© ê°ë¥í©ëë¤.</li> 3787 <li>â ì ë£ íì ì ê³µ 1ì¼ ì£¼ì°¨ê¶ì ì í¨ê¸°ê°ì 90ì¼ì´ë©°, ê¸°ê° ë´ ë¯¸ì¬ì© ì ìë ì멸ë©ëë¤.</li> 3788 </ul> 3789 </label> 3790 </div> 3791 </div> 3792 </div> 3793 <!-- //dialogBody --> 3794 <!-- floating --> 3795 <div class="floating" style="margin-top:11px;"> 3796 </div> 3797 <!-- //floating --> 3798 <button type="button" class="close" aria-label="dialog ë«ê¸°" ></button> 3799 </section> 3800 <!-- //dialog --> 3801</div> 3802 3803 3804<div class="dialogWrap membershipCancel"> 3805 <!-- dialog --> 3806 <section class="dialog sizeL" role="dialog" aria-modal="true" aria-labelledby="title01" aria-describedby="content01" data-align="center"> 3807 <!-- dialogHead --> 3808 <header class="dialogHead" style="margin-bottom:11px;"> 3809 <h2 id="title01" class="title" style="font-size:22px;">구매 ì·¨ì ë° íë¶ ìë´</h2> 3810 <!-- <button type="button" class="btn bg01" onclick="" title="ìì°½ ì´ë¦¼" style="font-size: 18px;">ê°ì í기</button> --> 3811 </header> 3812 <!-- //dialogHead --> 3813 <!-- dialogBody --> 3814 <div id="content01" class="dialogBody"> 3815 <div class="dialogBodyInner" style="align-content: center"> 3816 <div class="chk" style="margin:0px;"> 3817 <label class="checkbox"> 3818 <ul> 3819 <li>â íë¶ ììë£ë ììµëë¤. </li> 3820 <li>â ì ì ê´ë ë± ë©¤ë²ì íí ì´ì© í íë¶ì´ ë¶ê°í©ëë¤.</li> 3821 <li>â íë¶ ê¸°ê°(7ì¼) ì´íìë íë¶ì´ ë¶ê°í©ëë¤.</li> 3822 <li>â íë¶ ìë£ 4-5ì¼ í ì¹´ëì¬ìì íë¶ ë´ì© íì¸ì´ ê°ë¥í©ëë¤. (ìì ì¼ ê¸°ì¤)</li> 3823 <li>â íì¥ êµ¬ë§¤ ë° ì·¨ìë ìì¸ê´, ê³¼ì²ê´ììë§ ê°ë¥í©ëë¤.</li> 3824 </ul> 3825 </label> 3826 </div> 3827 </div> 3828 </div> 3829 <!-- //dialogBody --> 3830 <!-- floating --> 3831 <div class="floating" style="margin-top:11px;"> 3832 </div> 3833 <!-- //floating --> 3834 <button type="button" class="close" aria-label="dialog ë«ê¸°" ></button> 3835 </section> 3836 <!-- //dialog --> 3837</div> 3838 3839 3840<div class="dialogWrap membershipOperationGuide"> 3841 <!-- dialog --> 3842 <section class="dialog sizeL" role="dialog" aria-modal="true" aria-labelledby="title01" aria-describedby="content01" data-align="center"> 3843 <!-- dialogHead --> 3844 <header class="dialogHead" style="margin-bottom:11px;"> 3845 <h2 id="title01" class="title" style="font-size:22px;">ì´ì ìë´</h2> 3846 <!-- <button type="button" class="btn bg01" onclick="" title="ìì°½ ì´ë¦¼" style="font-size: 18px;">ê°ì í기</button> --> 3847 </header> 3848 <!-- //dialogHead --> 3849 <!-- dialogBody --> 3850 <div id="content01" class="dialogBody"> 3851 <div class="dialogBodyInner" style="align-content: center"> 3852 <div class="chk" style="margin:0px;"> 3853 <label class="checkbox"> 3854 <ul> 3855 <!-- <li>â ë¼ì´ì§ ì´ì©ê¶ì íì¸ìê² ìë ë¶ê°í©ëë¤.</li> 3856 <li>â ì¬ì ìì½ê¶ì 미방문 ì ìë ì°¨ê°ë©ëë¤. </li> 3857 <li>â QR íìì¦ì ë¡ê·¸ì¸ â ëì íì´ì§ ìì íì¸íì¤ ì ììµëë¤.</li> 3858 <li>â 미ì ê´ ë° ë©¤ë²ì íë¡ê·¸ë¨ ì´ìì ë°ë¼ ë¼ì´ì§ ì´ì©ì´ ì íë ì ììµëë¤.</li> 3859 <li>â ì²ê²°í ë´ë¶ ìì¤ ê´ë¦¬ë¥¼ ìí´ ìë£ë§ ë°ì ê°ë¥í©ëë¤. (ìì물 ë°ì ë¶ê°)</li> 3860 <li>â ê³ ì± ë° ìë ë±ì¼ë¡ ì§ì ìë´ì ë°ë¥´ì§ ìê±°ë ë¤ë¥¸ íììê² ë¶í¸ì ì ê³µí ì ë¼ì´ì§ ìì½ ë° ì ì¥ì´ ì í ë ì ììµëë¤.</li> --> 3861 <li>â ì° 100í, ì¬ì ìì½ ìì´ ìì ë¡ê² ë¼ì´ì§ë¥¼ ì´ì©íì¤ ì ììµëë¤.</li> 3862 <br> 3863 <li>â 방문 ì ì 구ìì QR íìì¦ ì¤ìº í ì ì¥ ê°ë¥í©ëë¤.</li> 3864 <li>â QR íìì¦ ì¸ì ì ì°ê° ì´ì© íì ìë ì°¨ê°ë©ëë¤.(1ì¼ 1í ì´ì© ê°ë¥)</li> 3865 <li>â ë¼ì´ì§ ì´ì© ë´ìì [ëì íì´ì§ â ë¼ì´ì§]ìì íì¸íì¤ ì ììµëë¤.</li> 3866 <li>â ë¼ì´ì§ ì´ì© ííì íì¸ìê² ìë ë¶ê°í©ëë¤.</li> 3867 <br> 3868 <li>â ì²ê²°í ë´ë¶ ìì¤ ê´ë¦¬ë¥¼ ìí´ ìë£ë§ ë°ì ê°ë¥í©ëë¤.(ìì물 ë°ì ë¶ê°)</li> 3869 <li>â ê³ ì± ë° ìë ë±ì¼ë¡ ì§ì ìë´ì ë°ë¥´ì§ ìê±°ë ë¤ë¥¸ íììê² ë¶í¸ì ì ê³µí ì ë¼ì´ì§ ì ì¥ì´ ì íë ì ììµëë¤.</li> 3870 </ul> 3871 </label> 3872 </div> 3873 </div> 3874 </div> 3875 <!-- //dialogBody --> 3876 <!-- floating --> 3877 <div class="floating" style="margin-top:11px;"> 3878 </div> 3879 <!-- //floating --> 3880 <button type="button" class="close" aria-label="dialog ë«ê¸°" ></button> 3881 </section> 3882 <!-- //dialog --> 3883</div> 3884 3885<!-- kakaoChanelPopup --> 3886<div class="dialogWrap kakaoChanelPopup" id="popKakao"> 3887 <!-- dialog --> 3888 <!-- 3889 TODO 3890 ì¤ì ì ë ¬ 3891 data-align="center" 3892 --> 3893 <section class="dialog" role="dialog" aria-modal="true" aria-labelledby="title01" aria-describedby="content01" 3894 data-align="center"> 3895 <!-- dialogHead --> 3896 <header class="dialogHead"> 3897 <h2 id="title01" class="title">ì¹´ì¹´ì¤ì±ë ì¶ê° ìë´</h2> 3898 </header>
3899 <!-- //dialogHead --> 3900 <!-- dialogBody --> 3901 <div id="content01" class="dialogBody"> 3902 <div class="dialogBodyInner"> 3903 êµë¦½íë미ì ê´ MMCA ë´ì¤ë í° ì¹´ì¹´ì¤í¡ ì±ëì<br> 3904 ì¶ê°íìë©´ ë°íììì ì¹´ì¹´ì¤í¡ì¼ë¡ í¸ë¦¬íê²<br> 3905 ì íì¤ ì ììµëë¤.<br><br> 3906 3907 ì¹´ì¹´ì¤í¡ ì±ë ì¶ê°íë¬ ê°ìê² ìµëê¹? 3908 </div> 3909 </div> 3910 <!-- //dialogBody --> 3911 <!-- floating --> 3912 <div class="floating"> 3913 <button type="button" class="btn bg01" onclick="goChannel();return false;">ì</button> 3914 <button type="button" class="btn ok" id="kakaoClose" >ìëì</button> 3915 </div> 3916 <!-- //floating --> 3917 <button type="button" class="close" aria-label="dialog ë«ê¸°"></button> 3918 </section> 3919 <!-- //dialog --> 3920</div> 3921<!-- // kakaoChanelPopup --> 3922</html> 3923 3924<!-- footer end -->
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.