PageSourceSearch

https://mmca.go.kr/accessibility.do

html mmca.go.kr collected 2026-10-02 02:22:15 UTC 165,070 bytes, 3,924 lines download raw bytes

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">시설대관&middot;복제신청</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"] = "작품 &amp; 작가";
1997			arrContentDTypeValue["2"] = "12";
1998			
1999			arrContentDTypeTitle["3"] = "강의 &amp; 학술토론";
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&middot;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"] = "작품 &amp; 작가";
2283		arrContentDTypeValue["2"] = "12";
2284		
2285		arrContentDTypeTitle["3"] = "강의 &amp; 학술토론";
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&middot;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 + "&paramWhere=" + paramWhere + "&paramWhen=" + 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, "&lt;");
2400						exhTitle = exhTitle.replace(/>/gi, "&gt;");
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 + "&paramContentType=" + paramContentType + "&paramContentDType=" + 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, "&lt;");
2611							eduTitle = eduTitle.replace(/>/gi, "&gt;");
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&amp;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>&nbsp;&nbsp;<b style="color: red; font-weight: bold;">- 본인, 동반 1인(2인)</b></li>
3606                                <li>&nbsp;&nbsp;- 매 월 마지막 주 수요일 예약 없이 이용 가능</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>&nbsp;&nbsp; <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>&nbsp;&nbsp;&nbsp;서울관 전시 관람 시 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>&nbsp;&nbsp;<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>&nbsp;&nbsp;&nbsp;서울관 전시 관람 시 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.