PageSourceSearch

https://www.gugak.go.kr/site/program/booking/booking_basic?menuid=001001002002

html gugak.go.kr collected 2026-10-02 04:08:09 UTC 72,355 bytes, 1,892 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23<!DOCTYPE html>
24<html lang="ko">
25<head>
26<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
27<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
28
29
30
31	<title>일반예매 | 예매하기 | 국립국악원</title>
32
33<meta http-equiv="X-UA-Compatible" content="IE=edge" />
34<link type="text/css" rel="stylesheet" href="/inc/web1/css/bootstrap.css" media="all" />
35<link type="text/css" rel="stylesheet" href="/inc/web1/css/design.css?v=2026100213" media="all" />
36<link type="text/css" rel="stylesheet" href="/inc/web1/css/DesignGuide.css?v=2026100213" media="all" />
37<link type="text/css" rel="stylesheet" href="/inc/web1/css/epicfont.css" media="all" />
38<link type="text/css" rel="stylesheet" href="/inc/web1/css/material-icons.css" media="all" />
39<link type="text/css" rel="stylesheet" href="/inc/web1/css/font.css" media="all" />
40<link type="text/css" rel="stylesheet" href="/inc/web1/css/swiper.css" media="all" />
41<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
42<link type="text/css" rel="stylesheet" href="/inc/web1/css/device.css?v=2026100213" media="all" />
43
44<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" rel="stylesheet">
45
46<script type="text/javascript" src="/inc/web1/js/jquery-1.9.1.min.js" charset="utf-8"></script>
46
47<!-- script src="https://unpkg.com/popper.js"></script-->
48<!-- 
48<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
48-->
49<script type="text/javascript" src="/inc/web1/js/popper.min.1.16.0.js"></script>
vendor: 2 bytes, line 49
49
50<script type="text/javascript" src="/inc/web1/js/bootstrap.js"></script>
vendor: 2 bytes, line 50
50
51<script type="text/javascript" src="/inc/web1/js/design.js" charset="utf-8"></script>
vendor: 2 bytes, line 51
51
52<script type="text/javascript" src="/inc/web1/js/common.js"></script>
vendor: 2 bytes, line 52
52
53<script type="text/javascript" src="/inc/web1/js/swiper.js"></script>
vendor: 2 bytes, line 53
53
54<script type="text/javascript" src="/inc/web1/js/viwe_page.js"></script>
54
55<!--[if lt IE 9]>
56  
56<script type="text/javascript" src="/inc/web1/js/respond.min.js"></script>
56
57<![endif]-->
58<!--[if lt IE 7]>
59  
59<script type="text/javascript" src="/inc/web1/js/DD_belatedPNG.js"></script>
59
60  
60<script type="text/javascript">
61  //<![CDATA[
62  DD_belatedPNG.fix('*')
63  //]]>
64  </script>
64
65<![endif]-->
66
67
68
69
70<script type="text/javascript">
71//<![CDATA[
72  function twitter(){
73    var url="http://twitter.com/intent/tweet?url="+encodeURIComponent(location.href)+"&text="+encodeURIComponent('국립국악원 - 예매하기');
74    var sFeatures = ",directories=no,location=no,menubar=no,resizable=no,scrollbars=no,status=no,titlebar=no,toolbar=no";
75    window.open(url,"tweet","width=550,height=420,top=0,left=0"+sFeatures);
76  }
77  function facebook(){
78    var url = "http://www.facebook.com/sharer.php?"
79        + "u="+ encodeURIComponent(location.href)
80    var sFeatures = ",directories=no,location=no,menubar=no,resizable=no,scrollbars=no,status=no,titlebar=no,toolbar=no";
81    window.open(url,"facebook","width=530,height=560,top=0,left=0"+sFeatures);
82  }
83    $(document).ready(function(){
84
85        topPrintBtnView();
86        //$('#sharebtn1').attr("href","https://twitter.com/home?status="+encodeURIComponent('예매하기')+" "+encodeURIComponent(url));
87        //$('#sharebtn2').attr("href","http://www.facebook.com/sharer.php?t=예매하기&u=%2FWEB-INF%2Fjsp%2Fsite%2Fprogram%2Fbooking%2Fbooking_basic.jsp%3Fmenuid%3D001001002002");
88        $('#sharebtn1').click(function(e){
89          e.preventDefault();
90          twitter();
91        });
92        $('#sharebtn2').click(function(e){
93          e.preventDefault();
94          facebook();
95        });
96        //$('#sharebtn3').attr("href","%2FWEB-INF%2Fjsp%2Fsite%2Fprogram%2Fbooking%2Fbooking_basic.jsp%3Fmenuid%3D001001002002");
97        //$('#sharebtn4').attr("href","%2FWEB-INF%2Fjsp%2Fsite%2Fprogram%2Fbooking%2Fbooking_basic.jsp%3Fmenuid%3D001001002002");
98
99
100    	 var menuid = '001001002002';
101
102    	 var menuid_six = menuid.substring(0,6);
103
104    	 if(menuid_six == '001008'){
105    		 $("#goContent").attr("href","#member_content");
106    	 }else if(menuid == '001001002002'){
107    		 $("#goContent").attr("href","#iframLayer");
108    	 }
109
110
111      var text = "";
112      if ( text == '' ) {
113        text = "검색어를 입력해 주세요.";
114      }
115      $("#query").val(text);  // 검색어
116
117
118    $("#searchMainForm > #query").keyup(function(e) {
119      e = (e) ? e : window.event;
120        var charCode = (e.which) ? e.which : e.keyCode;
121      if (charCode == 13) {
122        fncSearchSubmit();
123      }
124    });
125
126
127    $('#modalScrap').on('shown.bs.modal', function() {
128		$('#modalScrapClose').focus();
129	});
130
131    $("#modalScrap").on('hidden.bs.modal', function(){
132    	$("#btnPickpic").focus();
133     });
134
135    $('#noticeModalDiv').on('shown.bs.modal', function() {
136		//$('#modal-pop').focus();
137		$(this).find('[id^="modal-pop-"]').focus();
138    	$("#wrapper").css("z-index", "1041");
139	});
140    $("#noticeModalDiv").on('hidden.bs.modal', function(){
141    	$("#wrapper").css("z-index", "9");
142     });
143    });
144
145  //테스트용 임의값 gnb1Idx = 0;
146  //var gnb1Idx = 0;
147  var gnb1Idx = 01;
148
149  var gnb2Idx = 02;
150  var gnb3Idx = 02;
151  var snb1Idx = 2;//02;
152  var snb2Idx = 2;//02;
153
154  if('001001002002' =='001005006005'){
155    gnb3Idx = '04';
156    snb2Idx = '04';
157  }else if('001001002002' == '001005006004'){
158    gnb3Idx = '05';
159    snb2Idx = '05';
160  }
161
162    function topPrintBtnView(){
163    	if(document.getElementById('topPrintBtn')){
164        var p_topPrintBtn = document.getElementById('topPrintBtn');
165        var menuid = document.getElementById('menuid');
166
167        if ( p_topPrintBtn ) {
168          p_topPrintBtn.href="/site/program/print/printPopup";
169          p_topPrintBtn.setAttribute('target','_blank');
170          p_topPrintBtn.onclick = function(){
171            openPopup(this.href, '1000', '1000');
172            return false;
173          };
174         p_topPrintBtn.setAttribute('title','새창으로 프린트 하기');
175        }
176      }
177    }
178    function fnclick(){
179      var slink = $("#family").val();
180      window.open(slink);
181    }
182
183    function openPopup (sURL, width, height) {
184    	var sWidth, sHeight;
185      var sFeatures;
186      var oWindow;
187      var SP2 = false;
188      var POPUP_WIDTH     = 800;
189      var POPUP_HEIGHT    = 600;
190      var B_MAIN_PAGE     = true;
191      var LeftPosition = 0;
192      var TopPosition  = 0;
193
194      sHeight = POPUP_HEIGHT;
195      sWidth  = POPUP_WIDTH;
196      sTitle = "PopupWindow";
197
198        SP2 = (window.navigator.userAgent.indexOf("SV1") != -1);
199        if (arguments[1] != null && arguments[1] != "") sWidth = arguments[1] ;
200        if (arguments[2] != null && arguments[2] != "") sHeight = arguments[2] ;
201        if (arguments[3] != null && arguments[3] != "") sTitle = arguments[3] ;
202        if (SP2)     {   // XP SP2 브라우저임..
203          sHeight = Number(sHeight)+10;
204        }else{  //그외 브라우저
205        }
206      if(sURL.indexOf("printPopup") > 0) {
207        sWidth = 830;
208      }
209      if(sURL.indexOf("bookingDetailPrintPopup") > 0) {
210        sWidth = 850;
211      }
212      sFeatures =  "width=" + sWidth + ",height=" + sHeight ;
213      sFeatures += ",left=0,top=0" ;
214      LeftPosition = (screen.width)?(screen.width-sWidth)/2:100;
215      TopPosition  = (screen.height)?(screen.height-sHeight)/2:100;
216      if(sURL.indexOf("printPopup") > 0) {
217        sFeatures += ",directories=no,location=no,menubar=no,resizable=no,scrollbars=yes,status=no,titlebar=no,toolbar=no, top="+TopPosition+", left="+LeftPosition;
218      } else if(sURL.indexOf("bookingDetailPrintPopup") > 0){
219        sFeatures += ",directories=no,location=no,menubar=no,resizable=no,scrollbars=yes,status=no,titlebar=no,toolbar=no, top="+TopPosition+", left="+LeftPosition;
220      } else {
221        sFeatures += ",directories=no,location=no,menubar=no,resizable=no,scrollbars=no,status=no,titlebar=no,toolbar=no";
222      }
223
224      if(sURL!=null && sURL.length > 0) {
225        if(sURL.indexOf("?") > 0) {
226          sURL += "&amp;thref="+encodeURI(location.href.replace("?", "@").replace("&amp;", "&").replace(/&/gi, "$"));
227        } else {
228          sURL += "?thref="+location.href.replace("?", "@").replace("&amp;", "&").replace(/&/gi, "$");
229        }
230      }
231      oWindow = window.open(sURL, sTitle, sFeatures);
232      oWindow.focus();
233
234      // move to screen center
235     // oWindow.moveTo( (window.screen.availWidth - sWidth) / 2, (window.screen.availHeight - sHeight) / 2);
236
237      return oWindow;
238    }
239    function fnChange(){
240      $("#query").val('');
241      $("#btnSearchClear").hide();
242    }
243
244    function btnSearchClearOnOff() {
245    	if ($("#query").val() != ""){
246		    $("#btnSearchClear").show();
247    	} else {
248		    $("#btnSearchClear").hide();
249    	}
250    }
251
252	function fn_clearSearch() {
253		$("#query").val('');
254		$("#query").focus();
255
256	    $("#btnSearchClear").hide();
257	}
258
259    function fnChange_m(){
260        $("#query_m").val('');
261        $("#btnSearchClear_m").hide();
262      }
263
264    function btnSearchClearOnOff_m() {
265    	if ($("#query_m").val() != ""){
266		    $("#btnSearchClear_m").show();
267    	} else {
268		    $("#btnSearchClear_m").hide();
269    	}
270    }
271    function fn_clearSearch_m() {
272		$("#query_m").val('');
273		$("#query_m").focus();
274
275	    $("#btnSearchClear_m").hide();
276	}
277    function fnar(){
278      $(".imgarchive").attr("src", "/files/web1/images/common/ico_link_on.gif");
279    }
280    function fnarclear(){
281      $(".imgarchive").attr("src", "/files/web1/images/common/ico_link_off.gif");
282    }
283    function copy_clip(Text){
284      if(window.clipboardData){
285        window.clipboardData.setData('Text',Text);
286        alert('복사되었습니다.');
287      } else {
288        var temp = prompt('이 페이지의 주소입니다. Ctrl+C를 누르시거나 오른쪽 버튼 클릭 후 복사를 통해 클립보드로 복사하세요.', Text);
289      }
290    }
291    function topQRCodeView(){
292      var url = location.href;
293      $.ajax({
294        url:"/app/site_qrcodemake.jsp",
295        dataType:"xml",
296        type:"post",
297        data:{"url":url},
298        async : true,
299        cache : false,
300        success:function(data){
301          if($(data).find("shortenurl").find("item").length > 0){
302          var parse_filepath = $(data).find("filepath").text();
303          var parse_filename = $(data).find("filename").text();
304          var parse_url = $(data).find("url").text();
305
306          $("#qr1").attr("src", "/files/qrcode/" + parse_filepath + "/" + parse_filename);
307          $("#qr2").attr("href", "/site/inc/file/fileDownload?dirname=/qrcode/" + parse_filepath + "&filename=" + parse_filename);
308          }
309          $("#qr2").focus();
310        },
311        error:function(e){
312          alert('처리중 에러가 발생하였습니다.');
313          $("#qr2").focus();
314        }
315      });
316    }
317
318    function fncSearchSubmit(){
319      var searchMainForm = document.searchMainForm;
320      if ( searchMainForm.query.value == '' ) {
321        alert('검색어를 등록해주세요.!!!');
322        return;
323      }
324      if ( searchMainForm.query.value == '검색어를 입력해 주세요.' ) {
325          alert('검색어를 등록해주세요.!!!');
326          return;
327	  }
328
329      if(location.protocol=='https:'){
330    	  var url = "https://"+location.host+"/site/search/integratedSearch?menuid=001010&query="+encodeURI(encodeURIComponent(searchMainForm.query.value));
331      }else{
332	      var url = "/site/search/integratedSearch?menuid=001010&query="+encodeURI(encodeURIComponent(searchMainForm.query.value));
333      }
334
335      window.open(url, 'totalSearch');
336    }
337
338    function fncSearchSubmit_m(){
339        var searchMainForm_m = document.searchMainForm_m;
340        if ( searchMainForm_m.query_m.value == '' ) {
341          alert('검색어를 등록해주세요.!!!');
342          return;
343        }
344        if ( searchMainForm_m.query_m.value == '검색어를 입력해 주세요.' ) {
345            alert('검색어를 등록해주세요.!!!');
346            return;
347  	  }
348
349        if(location.protocol=='https:'){
350      	  var url = "https://"+location.host+"/site/search/integratedSearch?menuid=001010&query="+encodeURI(encodeURIComponent(searchMainForm_m.query_m.value));
351        }else{
352  	      var url = "https://www.gugak.go.kr/site/search/integratedSearch?menuid=001010&query="+encodeURI(encodeURIComponent(searchMainForm_m.query_m.value));
353        }
354
355        location.href = url;
356        //window.open(url, 'totalSearch');
357      }
358//]]>
359$(function(){
360	$("#closeBtn").keydown(function(){
361		if(window.event.keyCode == 9){
362			$("#closeBtn").trigger('click');
363		}
364	});
365
366	/* var wrongAccess = "";
367	if(wrongAccess == 'Y'){
368		alert("It's a wrong access.");
369		location.href = "/site/main/index001";
370	} */
371});
372
373	//메뉴 이동
374	function fn_menu(url, locale, menuType) {
375
376
377		var comb_id = '';
378		//사진자료신청 요청사항. 사진자료신청은 board 타입이라 컨트롤 할수 없어서 fn_menu 이용.
379		if(url == '/site/program/board/basicboard/form?boardtypeid=114&menuid=001003007002' && (comb_id == null || comb_id== '')){
380			alert('로그인 후 이용해주세요.');
381			location.href ='/site/member/login?menuid=001008001&prevurl=/site/program/board/basicboard/form@boardtypeid=114$menuid=001003007002';
382		}else{
383			if(menuType == "I"){
384				window.open(url, "_blank");
385			}else if (url.indexOf('http') != -1) {
386				window.open(url, "_blank");
387			}else {
388				location.href = url + '&lang=' + locale;
389			}
390		}
391
392		/* var form = $("<form></form>");
393		form.attr("method", "Post");
394		form.attr("action", url);
395		form.append("<input type='hidden' name='lang' value='" + locale + "' />");
396		form.appendTo("body");
397		form.submit(); */
398	}
399
400  function modalPickScrap(boardtext2, url, boardtext7, boardtext8){
401	   var boardtypeid = '126';
402	   var menuid = '001009012';
403	   if ((boardtext2).search('menuid') !== -1) {
404		   var boardtext2 = boardtext2;
405		} else {
406		   var boardtext2 = url;
407		}
408	  	  $.ajax({
409	  			type : "get",
410	  			url : "/site/program/board/basicboard/form.do",
411	  			data : {
412	  				boardtypeid : boardtypeid,
413	  				menuid : menuid,
414	  				boardtext2 : boardtext2,
415	  				boardtext7 : boardtext7,
416	  				boardtext8 : boardtext8
417	  			},
418	  			success : function(data) {
419	  				$("#modalScrapBody").html(data);
420	  			},
421	  			complete : function(data) {
422	  				$("#modalScrap").modal();
423	  			}
424	  		});
425	   }
426
427  function popRequestPhoto(imgSrc, imgFileName, objId){
428		var $objPop = $("#prevImgPop");
429		/* strPrevImgCallObjID = objId; */
430		$objPop.find(".img_scroll img").attr("src", imgSrc);
431/*       $(document.getElementById(obj)).show().focus();
432    opSeatVar = id; //UNPL NCW 오픈되 레이어에 포커스 아이디값으로 저장 */
433    return false;
434  }
435
436  function fn_modalimgopen(imgSrc){
437		var $objPop = $("#stringImgPop");
438		$objPop.find("img").attr("src", imgSrc);
439  }
440
441  function fn_modalimgopen2(imgSrc, imgAlt){
442		var $objPop = $("#stringImgPop2");
443		$objPop.find("img").attr("src", imgSrc);
444
445		var content="";
446		if(imgAlt == '예악당'){
447			content += ", 총 658석, 장애인석, 총 8석, 좌석 구분은 다음과 같습니다.";
448			content += "일반석 : 일반좌석으로 예매가 가능한 좌석,";
449			content += "장애인(휠체어)석 : 좌석이 아닌, 휠체어 이용자를 위한 공간,";
450			content += "발코니석: 극장의 위층 사이드에 위치한 좌석";
451			content += "예악당은 총 3층으로 구성되어 있으며 1층과 2층이 층의 구분 없이 연결되어 있습니다.";
452			content += "스테이지 중심으로 가, 나, 다, 라열로 구성되어 있고, 3층에 별좌, 별우라는 이름의 발코니석이 있습니다.";
453			content += "또한 2층 나, 다열 뒤편이자 가열 17~19행, 라열 16~18행 사이에 '조명, 영상, 음향조정실'이 있습니다.";
454			content += "출입구 위치입니다. 1층은 가열 7~9행 우측, 라열 7~9행 좌측에 위치해 있습니다. 2층은 가열 16~18행 좌측, 라열 15~17행 우측에 있습니다. 3층은 가열과 라열 가장 뒤편에 위치해있습니다.";
455			content += "장애인(휠체어)석은 2군데 위치해있습니다. 1층 가열과 라열 1행의 앞부분에 4석씩 있으며, 2층 라열 출입구 앞에 6석 있습니다.";
456			content += "좌석 배치에 대한 설명입니다. ";
457			content += "1층과 2층이 연결되어 있으므로 1,2층을 가,나,다,라열 순서로 먼저 안내드린 후, 3층을 안내해드리도록 하겠습니다.";
458			content += "가열 1층은 1행부터 11행까지입니다.";
459			content += "1행 1~4번, 5~9번, 2행 10~13번, 14~18번, 3행 19~23번, 좌석 중간 경계칸막이, 24~27번, 4행 28~37번, 5행 38~47번, 6행 48~57번, 7행 58~62번, 8행 63~67번, 9행 68~71번, 10행 72~80번, 11행 81~90번으로 배치되어 있습니다.";
460			content += "가열 2층은 12행부터 19행까지입니다.";
461			content += "12행 91~94번, 좌석 중간 경계칸막이, 95~99번, 13행 100~104, 좌석 중간 경계칸막이, 105~109번, 14행 110~114, 좌석 중간 경계칸막이, 115~119번, 15행 120~129번, 16행 130~139번, 17행 140~145번, 18행 146~151번, 19행 152~157번으로 배치되어 있습니다.";
462			content += "나열 1층은 1행부터 10행까지입니다.";
463			content += "1행 1~7번, 2행 8~14번, 3행 15~21번, 4행 22~29번, 5행 30~37번, 6행 38~45번, 7행 46~53번, 8행 54~60번, 9행 61~68번, 10행 69~76번으로 배치되어 있습니다.";
464			content += "나열 2층은 11행부터 15행까지입니다.";
465			content += "11행 77~83번, 12행 84~91번, 13행 92~99번, 14행 100~107번, 15행 109~115번으로 배치되어 있습니다.";
466			content += "다열 1층은 1행부터 10행까지입니다.";
467			content += "1행 1~7번, 2행 8~14번, 3행 15~21번, 4행 22~29번, 5행 30~37번, 6행 38~45번, 7행 46~53번, 8행 54~60번, 9행 61~68번, 10행 69~76번으로 배치되어 있습니다.";
468			content += "다열 2층은 11행부터 15행까지입니다.";
469			content += "11행 77~83번, 12행 84~91번, 13행 92~99번, 14행 100~107번, 15행 109~115번으로 배치되어 있습니다.";
470			content += "라열 1층은 1행부터 11행까지입니다.";
471			content += "1행 1~5번, 6~9번, 2행 10~14번, 15~18번, 3행 19~22번, 좌석 중간 경계칸막이, 23~27번, 4행 28~37번, 5행 38~47번, 6행 48~57번, 7행 58~62번, 8행 63~67번, 9행 68~71번, 10행 72~80번, 11행 81~90번으로 배치되어 있습니다.";
472			content += "라열 2층은 12행부터 18행까지입니다.";
473			content += "12행 91~95번, 좌석 중간 경계칸막이, 96~99번, 13행 100~104, 좌석 중간 경계칸막이, 105~109번, 14행 110~114, 좌석 중간 경계칸막이, 115~119번, 15행 120~129번, 15행 뒤편에 장애인석(휠체어석)이 있습니다. 16행 138~143번, 17행 144~149번, 18행 150~155번으로 배치되어 있습니다.";
474			content += "3층은 가,나,다,라열과 별좌,별우석으로 구성되어 있습니다.";
475			content += "가,라열 1~3행은 나,다열에 비해 앞쪽에 위치해있습니다.";
476			content += "가열 1행 1~6번, 2행 7~12번, 3행 13~18번, 4행 19~24번, 5행 25~30번, 6행 31~36번, 7행 37~42번으로 배치되어 있습니다.";
477			content += "나열 1행 1~8번, 2행 9~16번, 3행 17~24번, 4행 25~32번으로 배치되어 있습니다.";
478			content += "다열 1행 1~8번, 2행 9~16번, 3행 17~24번, 4행 25~32번으로 배치되어 있습니다.";
479			content += "라열 1행 1~6번, 2행 7~12번, 3행 13~18번, 4행 19~24번, 5행 25~30번, 6행 31~36번, 7행 37~42번으로 배치되어 있습니다.";
480			content += "3층 좌측에 '별좌'(발코니석)가 있습니다. 4석, 4석, 4석, 2석으로 구분되어 있으며 좌석번호는 1~4번, 5~8ë²
480ˆ, 9~12번, 13~14번입니다.";
481			content += "3층 우측에 '별우'(발코니석)가 있습니다. 4석, 4석, 2석으로 구분되어 있으며 좌석번호는 1~4번, 5~8번, 9~10번입니다. 별우 좌석 앞부분에 '국악FM방송실'이라는 곳이 있으나 현재는 사용하지 않습니다.";
482
483		} else if (imgAlt == '우면당'){
484			content += ", 총 231석, 장애인석 총 4석, 좌석 구분은 다음과 같습니다.";
485			content += "일반석: 일반좌석으로 예매가 가능한 좌석,";
486			content += "장애인석(휠체어석):좌석이 아닌, 휠체어 이용자를 위한 공간,";
487			content += "발코니석: 극장의 위층 사이드에 위치한 좌석";
488			content += "우면당 공간은 다음과 같이 구성되어 있습니다.";
489			content += "스테이지를 중심으로 가열, 나열, 다열로 구성되어 있으며 가열과 나열 사이, 나열과 다열 사이에 1층 출입구가 1개씩 배치되어 있습니다.";
490			content += "가열과 다열은 발코니석이 있으며, 나열은 7행과 8행 사이가 통로와 계단으로 구분되어 있습니다.";
491			content += "좌석 배치에 대한 설명입니다.";
492			content += "가열 1행 앞부분에 장애인석 1~2번이 있으며, 1행 1~4번, 2행 5~9번, 3행 10~17번, 4행 18~25번, 5행 26~32번, 6행 33~38번 좌석이 있으며, 7행은 39~46번, 발코니석으로 2석씩 구분되어 있습니다.";
493			content += "나열 1행 1~10번, 2행 11~21번, 3행 22~33번, 4행 34~46행, 5행 47~60번, 6행 61~75번, 7행의 76~91번, 8행 92~102번, 9행 103~114번, 10행 115~127번, 11행 128~139번 좌석이 있습니다.";
494			content += "다열 1행 앞부분에 장애인석 1~2번이 있으며, 1행 1~4번, 2행 5~9번, 3행 10~17번, 4행 18~25번, 5행 26~32번, 6행 33~38번 좌석이 있으며, 7행은 39~46번, 발코니석으로 2석씩 구분되어 있습니다.";
495
496		} else if (imgAlt == '풍류사랑방'){
497			content += ", 총 130석, 장애인석 총 10석, 좌석 구분은 다음과 같습니다.";
498			content += "일반석: 일반 좌석으로 예매가 가능한 좌석,";
499			content += "장애인석(휠체어석) : 좌석이 아닌, 휠체어 이용자를 위한 공간을 의미합니다.";
500			content += "스테이지를 중심으로 가열, 나열, 다열로 구성되어 있으며 가열과 나열 사이, 나열과 다열 사이에 1층 출입구가 1개씩 배치되어 있습니다.";
501			content += "좌석 배치에 대한 설명입니다.";
502			content += "가열 1행 1~6번, 2행 7~13번, 3행 14~20번, 4행 21~27번, 5행 28~33번, 6행 34~38번의 좌석이 있습니다.";
503			content += "나열 1행 1~7번, 2행 8~15번, 3행 16~23번, 4행 24~33번, 5행 34~43번, 6행 44~54번 의 좌석이 있습니다. 7행은 장애인석(휠체어석)으로 최대 10대의 휠체어가 구성되어 있습니다.";
504			content += "다열 1행 1~6번, 2행 7~13번, 3행 14~20번, 4행 21~27번, 5행 28~33번, 6행 34~38번의 좌석이 있습니다.";
505		}
506
507		$objPop.find("img").attr("alt", imgAlt + " 좌석배치도" + content );
508
509		/* 2022-05-26 웹 접근성 Start */
510  		const modal = document.querySelector('#String_modal2');
511
512  		const openModal = () => {
513	  		modal.classList.remove('hide');
514	  		document.getElementsByTagName("body")[0].style.overflow = "hidden";
515		}
516  		/* 2022-05-26 웹 접근성 End */
517}
518
519  function fn_modalimgopen3(imgSrc, imgAlt){
520	  var $objPop = $("#stringImgPop");
521	  $objPop.closest("div.modal-content").find("h2 span").text(imgAlt + " 포스터 보기");
522	  $objPop.find("img").attr("src", imgSrc).attr("alt", imgAlt);
523	  /* setTimeout(() => {
524		  $("#stringImgPop").attr("tabindex", 0).show().focus();
525		}, "2000");  */
526	  var target = document.getElementById("String_modal");
527	  var observer = new MutationObserver(mutations => {
528	      mutations.forEach(mutation=> {
529	          if($(target).hasClass("show")) {
530	              console.log("show");
531				  $("#stringImgPop").attr("tabindex", 0).show().focus();
532				  console.log(document.activeElement.id);
533	          } else {
534	              console.log("hide");
535	          }
536	          console.log(mutation);
537	      });
538	  });
539	  var config = {
540	      childList: true,
541	      attributes: true,
542	      characterData: false,
543	      subtree: false,
544	      attributeOldValue: false,
545	      characterDataOldValue: false
546	  };
547
548	  observer.observe(target, config);
549  }
550
551  function fn_goContainer(){
552
553
554	  var member_content = window.document.getElementById("member_content");
555	  var url = window.location.href;
556
557	  if(member_content != null) location.href = "#member_content";
558	  else if(window.document.getElementById("iframLayer") !=null && url.indexOf('booking_basic')!= -1) window.document.getElementById("iframLayer").contentWindow.document.getElementById("reserve_content").focus();
559	  else location.href = "#container";
560
561  }
562
563</script>
563
564
565
566
567<style>
568
569.top_line_bnr { background-color:#edf1f5; position:relative; transform:translateY(0); transition:transform .5s; z-index:100; }
570.top_line_bnr .inner { max-width : 1140px; margin : 0 auto }
571.top_line_bnr .top_link_wrap { padding : 10px 0 }
572/* .top_line_bnr.bnr_hide { transform:translateY(-100%); } */
573.top_line_bnr.bnr_hide:after { background:#cdd7e4; content:""; height:1px; left:0; position:absolute; top:32px; width:100%; }
574
575.top_line_bnr .top_flag_wrap { align-items:center; color:#1d1d1d; display:flex; font-size:15px; line-height:16px; }
576.top_line_bnr .top_flag_in { font-size:15px; }
577.top_line_bnr .top_flag_in img { margin-right:9px; width:24px; }
578
579.top_line_bnr .top_link_wrap { padding:8px 0; }
580
581.top_line_bnr .top_flag_info { color:#003675; cursor:pointer; font-size:14px; margin-left:18px; padding-right:20px; position:relative; }
582.top_line_bnr .top_flag_info:focus { padding : 5px 15px 5px 5px }
583.top_line_bnr .top_flag_info:after { background:url("/image/header/official_nuri_chk_arrow.png") center / 100% auto no-repeat; content:""; height:16px; margin-top:-8px; position:absolute; right:0; top:50%; transition:.4s ease-in-out; width:16px; }
584.top_line_bnr .top_flag_info.on:after { transform:rotate(-180deg); }
585.top_line_bnr .top_flag_info span { display:inline-block; height:0; overflow:hidden; text-indent:-20000px; width:0; }
586
587.top_line_bnr .chk_nuri_addr_bnr { position : relative; top : 0px; left : 0; background:#edf1f5; border-top:1px solid #cdd7e4; display:none; padding:24px 0 32px; z-index : 202 }
588.top_line_bnr .chk_nuri_addr_bnr strong,
589.top_line_bnr .chk_nuri_addr_bnr p { padding-left:28px; }
590.top_line_bnr .chk_nuri_addr_bnr strong { color:#1d1d1d; display:inline-block; font-size:17px; font-weight:700; line-height:20px; position:relative; }
591.top_line_bnr .chk_nuri_addr_bnr strong:before { background:url("/image/header/icon_nurizip.png") center / 12px auto no-repeat #fff; border-radius:50%; content:""; left:0; height:20px; position:absolute; top:50%; transform:translateY(-50%); width:20px; }
592.top_line_bnr .chk_nuri_addr_bnr p { color:#555; font-size:15px; margin-top:16px; }
593.top_line_bnr .chk_nuri_addr_bnr p a { background:url("/image/header/icon_info_modify.png") right center / 20px auto no-repeat; color:#1d1d1d; display:inline-block; padding:16px 24px 16px 0; }
594
595
596@media screen and (max-width:640px) {
597    .top_line_bnr .top_link_wrap { padding:4px 0; }
598    .top_line_bnr .top_flag_wrap,
599    .top_line_bnr .top_flag_in { display:inline-block; font-size:12px; }
600    .top_line_bnr .top_flag_in img { width:18px; }
601    .top_line_bnr .top_flag_info { font-size:11px; margin-left:10px; padding-right:16px; }
602
603    .top_line_bnr .chk_nuri_addr_bnr { padding:24px 0; }
604    .top_line_bnr .chk_nuri_addr_bnr strong,
605    .top_line_bnr  .chk_nuri_addr_bnr p { padding-left:24px; }
606    .top_line_bnr .chk_nuri_addr_bnr strong { font-size:14px; }
607    .top_line_bnr .chk_nuri_addr_bnr strong:before { background-size:10px auto; height:16px; width:16px; }
608    .top_line_bnr .chk_nuri_addr_bnr p { font-size:12px; margin-top:12px; }
609    .top_line_bnr  .chk_nuri_addr_bnr p a { background-size:14px auto; padding:16px 18px 16px 0; }
610
611}
612
613
614.swiper-container, .swiper-wrapper { height : auto !important }
615
616
617
618</style>
619
620<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
621<meta name="decorator" content="site_001_menu7_panel" />
622
623
624<script type="text/javascript" src="/inc/bcnimda/js/jquery.js"></script>
vendor: 2 bytes, line 624
624
625<script type="text/javascript" src="/remote/interface/performanceService.js"></script>
vendor: 2 bytes, line 625
625
626<script type="text/javascript" src="/remote/engine.js"></script>
vendor: 2 bytes, line 626
626
627<script type="text/javascript" src="/remote/util.js"></script>
vendor: 2 bytes, line 627
627
628<script type="text/javascript" src="/inc/clamp/clamp.js"></script>
vendor: 2 bytes, line 628
628
629<script type="text/javascript">
630
631
632	$(document).ready(function() {
633		if ($("#group_id").val() != "0" && $("#performance_id").val() != "0") {
634			//clickBookingGroup(document.getElementById($("#group_id").val()), $("#performance_id").val(), $("#group_id").val());
635		}
636	});
637
638	function clickBookingGroup(obj, performance_id, group_id) {
639		performanceService.getPerformance(performance_id, callBackFnc);
640
641		$("input[name=group_id]").val(group_id);
642		$(".srcoll_1 li").removeClass("on"); // scroll_1 오타로 디자인 나옴.
643		$(obj).parent().addClass("on");
644		$(".show_next a").addClass("on");
645	}
646
647	function callBackFnc(data) {
648		$(".s_poster .r").html("<p class='f12' id='s_poster_title'>" + data.title + "</p>" + "<p class='f15' id='s_poster_thema' style='font-weight: bold'>" + data.thema + "</p>");
649		var obj_title = document.getElementById("s_poster_title"), obj_thema = document.getElementById("s_poster_thema");
650		$clamp(obj_title, {
651			clamp : 2,
652			useNativeClamp : false,
653			animate : false
654		});
655		$clamp(obj_thema, {
656			clamp : 2,
657			useNativeClamp : false,
658			animate : false
659		});
660
661		$("#summary_date").html(data.start_date.substring(0, 10).replace(/-/g, ".") + " ~ " + data.end_date.substring(0, 10).replace(/-/g, "."));
662		$("#summary_place").html(data.place);
663		$("#summary_age_limit").html(data.age_limit);
664		$("#summary_duration").html((Number(data.end_time.substring(11, 13)) * 60 + Number(data.end_time.substring(14, 16))) - (Number(data.start_time.substring(11, 13)) * 60 + Number(data.start_time.substring(14, 16))) + "분");
665
666		if (data.thumbnail_file_path != null) {
667			//$(".show_detail .s_poster .l").find("img").attr("src", "http://210.95.200.119/100_ncktpa/200_Mini_Pamphlet/"+data.thumbnail_file_name);
668			$(".show_detail .s_poster .l").find("img").attr("src", "/site/inc/thumbnail/getImgLoad?path=http://210.95.200.119/100_ncktpa/200_Mini_Pamphlet/" + data.thumbnail_file_name);
669		} else {
670			//$(".show_detail .s_poster .l").find("img").attr("src", "http://210.95.200.119/100_ncktpa/200_Mini_Pamphlet/noimage.jpg");
671			$(".show_detail .s_poster .l").find("img").attr("src", "/site/inc/thumbnail/getImgLoad?path=http://210.95.200.119/100_ncktpa/200_Mini_Pamphlet/noimage.jpg");
672			$(".show_detail .s_poster .l").find("img").attr("width", "75");
673			$(".show_detail .s_poster .l").find("img").attr("height", "101");
674		}
675
676		$("#reserveNo").val(data.rev_board_id);
677	}
678
679	function formSubmit() {
680		if (document.getElementById("group_id").value == "" || document.getElementById("group_id").value == "0") {
681			alert("공연을 선택해주세요.");
682		} else if ($("#reserveNo").val() != "0") {
683			location.href="/site/program/performance/reserve_first_form?menuid=001001002002&performance_id="+$("#group_id").val()+"&reserveNo="+$("#reserveNo").val();
684		} else {
685			document.getElementById("eventForm").submit();
686		}
687	}
688
689</script>
vendor: 2 bytes, line 689
689
690<script type="text/javascript">
691		var layerCrt = {
692			openLayer : function(url){
693				var leftPos = (screen.width  - 1216) / 2;
694				var topPos	= (screen.height - 800) / 2;
695				var dialog = $('<div/>').attr('id', 'layerOut')
696										.css({
697											position	: 'absolute',
698											left		: leftPos,
699											top			: topPos,
700											border		: '1px solid #00',
701											'z-index'	: 10000
702										});
703				var iframeId = 'iframLayer';
704				var iframe	 = $('<iframe/>').attr('frameborder', 0)
705											 .css({"background":"#FFFFFF", "border-radius":"10px"})
706											 .attr({"src":url, "id":iframeId, "name":iframeId, "scrolling":"yes", "width":1200, "height":690, "title":"예매프레임"});
707				dialog.append(iframe);
708				$('body').append(dialog);
709
710				this.blockContents();
711			},
712
713			blockContents : function(){
714				if(document.getElementById('blockLayer')){
715					$('#blockLayer').remove();
716				}
717
718				var div = $('<div/>').attr('id', 'blockLayer')
719									 .css({
720										position 	: 'fixed',
721										top 	 	: 0,
722										left	 	: 0,
723										width	 	: '100%',
724										height	 	: '100%',
725										background	: '#000',
726										opacity		: '0.5',
727										filter		: 'alpha(opacity=50)',
728										'z-index'	: 99
729									 });
730				var iframeStr = '<iframe width		= "100%"'
731							  + '		 height		= "100%"'
732							  + '		 frameborder= 0'
733							  + '		 style		= "position:fixed; left:0px; top:0px; filter:alpha(opacity=0);"'
734							  + '		 title		= "빈 프레임"'
735							  + '/>';
736				div.append(iframeStr);
737				$('body').append(div);
738			}
739	}
740
741	function fn_layerClose(){
742		if(document.getElementById("blockLayer")) {
743			$("#blockLayer").remove();
744		}
745		document.getElementById('layerOut').style.display = "none";
746		document.location.href = "/site/program/performance/month?menuid=001001001";
747	}
748
749	//패키지 예매내역 출력 팝 닫기
750	function fn_printPopClose(){
751		if(document.getElementById("blockLayer")) {
752			$("#blockLayer").remove();
753		}
754		document.getElementById('layerOut').style.display = "none";
755		document.location.href = "/site/mypage/performance/booking?menuid=001009002&detailPageNum=2";
756	}
757
758	function fn_iframe_height(height){
759		//ifram 높이 동적 제어
760		$("#iframLayer").attr("height", height);
761		//iframe의 창을 모달 비슷하게 동적 변경
762		//var marginVertical = (screen.height > height) ? (screen.height - height) / 2 : 0;
763		var marginVertical = (height > 1000) ? 40 : (screen.height - height) / 2;
764		$("#layerOut").css("top", 0);
765		$("#layerOut").css("margin-top", marginVertical);
766		$("#layerOut").css("margin-bottom", marginVertical);
767	}
768</script>
vendor: 2 bytes, line 768
768
769<script type="text/javascript">
770
771	function isMobile() {
772	    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
773	}
774
775	function fn_LayerPop(){
776		var url   = '';
777		var GroupType = '';
778		var SchKey	  = '';
779		var Day		  = '';
780		var Year	  = '';
781		var Month	  = '';
782		var PackageId = '';
783		var PackageYN = '';
784		var FifoType  = '';
785		var temId 	  = '';
786
787		if (PackageYN == '0' || PackageYN == '') {
788			if(GroupType == '' || SchKey == ''){
789				url   = 'https://www.gugak.go.kr/reserve/PRTHRG010001R.do?sToken=&lang=ko' ;
790			}else{
791				url   = 'https://www.gugak.go.kr/reserve/PRTHRG010002R.do?sToken=&GROUP_TYPE=' + GroupType + '&SCH_KEY='+SchKey + '&DAY='+Day + '&YEAR='+Year + '&MONTH='+Month + '&FIFO_TYPE='+FifoType + '&lang=ko';
792			}
793		} else {
794			for(var i = PackageId.length; i < 8; i++){
795				temId += '0';
796			}
797			temId = temId+PackageId;
798			url   = 'https://www.gugak.go.kr/reserve/PRTHPK010001R.do?sToken=&PACKAGE_ID=' + temId + '&lang=ko';
799		}
800
801		//PC인경우 팝업 호출, 모바일의 경우 url로 그냥 던짐.
802		if(isMobile()){
803			location.href = url;
804		} else {
805			layerCrt.openLayer(url);
806		}
807	}
808</script>
808
809
810</head>
811
812<body  onload="fn_LayerPop();" class=" " >
813<div class="top_line_bnr">
814	<div class="top_link_wrap">
815		<div class="inner">
816			<input type="hidden" name="isinternal3" value="N">
817			<input type="hidden" name="isinternal2" value="N">
818			<div class="top_flag_wrap">
819				<p class="top_flag_in">
820					<img src="/image/header/header_flag.png" alt="태극기">이 누리집은 대한민국 공식 전자정부 누리집입니다.
821				</p>
822				<!--
823				<button class="top_flag_info" id="openNuri" >
824					공식 누리집 확인방법
825					<span>닫기</span>
826				</button>
827				-->
828			</div>
829		</div>
830	</div>
831	<div class="chk_nuri_addr_bnr">
832		<div class="inner">
833			<strong>공식 누리집 주소 확인하기</strong>
834			<p>
835				go.kr 주소를 사용하는 누리집은 대한민국 정부기관이 관리하는 누리집입니다. <br>
836				이 밖에 or.kr 또는 .kr등 다른 도메인 주소를 사용하고 있다면 아래 URL에서 도메인 주소를 확인해 보세요. <br>
837				<a href="https://uiux.egovframe.go.kr/search.do" target="_blank" title="새창으로">운영중인 공식 누리집보기</a>
838			</p>
839		</div>
840	</div>
841</div>
842<!-- 메인 팝업 START -->
843
844	
845	
846	
847
848		
849	
850<!-- 메인 팝업 END -->
851	
852		
853		
854		<div class="skip">
855			<a href="#kd_menu" class="kd_menu" id="goMenu">메인메뉴 바로가기</a>
856		    <a href="#titleText" class="kd_content" id="goContent">본문 바로가기</a>
857
858		</div>
859
860			<!--
861			<div id="skip">
862				<a href="#content">본문내용 바로가기</a> <a href="#gnb">메인메뉴 바로가기</a>
863			</div>-->
864		
865	
866
867	<div id="wrapper">
868		<!-- wrapper -->
869		<div id="apiPopup"></div>
870		<div id="header">
871			<!-- header -->
872			<!--     <h1><a href="/site/main/index001"><img src="/files/web1/images/common/logo.gif" alt="국립국악원 NATIONAL GUGAK CENTER" /></a></h1> -->
873			
874
875	<div class="head sub">
876	<input type="hidden" name="menuLang" value="ko" />
877	
878		
879		
880			<div class="fixed_top sub">
881			<div class="head_top">
882		   		<div class="datum_point">
883		   		<p style="font-size:13px; letter-spacing:-1px;">검색어를 입력해 주세요</p>
884		   		<div class="float_l">
885		   			<!-- 검색 -->
886		   			
887						<form name="searchMainForm" id="searchMainForm">
888							<p class="search trans">
889								
890								<input type="text" id="query" name="query" oninput="btnSearchClearOnOff();" onclick="fnChange();" class="top_search" onkeypress="if(event.keyCode==13){fncSearchSubmit();return false;}" placeholder="검색어를 입력해 주세요." title="검색어를 입력해 주세요."/>
891								<button type="button" id="btnSearchClear" class="btnSearchClear" onclick="fn_clearSearch();"><i class="demo-icon icon-close-thin" style="cursor:pointer;"></i></button>
892								<a aria-label="통합검색 새창 열림" onclick="fncSearchSubmit(); return false;" href="javascript:void(0);"><i class="demo-icon icon-search" style="cursor:pointer;"></i></a>
893								<label for="query">검색어를 입력해 주세요.</label>
894							</p>
895						</form>
896					
897		   		</div>
898		   		<ul class="top_suport_btn float_r">
899
900		   				<!-- 홈페이지 불편신고 -->
901
902
903
904					<!-- 로그인 상태에만 노출 -->
905					  
906					<!-- 로그인/로그아웃 -->
907					<li>
908						
909							<a href="/site/member/login?menuid=001008001"><i class="demo-icon icon-user-login-line"></i>로그인</a>
910						
911						</li>
912					<!-- 회원가입/마이페이지 -->
913					<li>
914						
915							<a href="/site/member/mStep_1?menuid=001008004&combGubun=G"><i class="demo-icon icon-add-user"></i>회원가입</a>
916						
917						
918					</li>
919
920<!-- 유료 회원가입 -->
921					
922						<li>
923							<a href="/site/member/paid_membership_s?menuid=001008005001"> <i class="demo-icon icon-add-user"></i>유료 회원가입</a>
924						</li>
925					
926<!--  -->
927
928					<!-- 사이트맵 -->
929					<li>
930						 <a href="/site/homepage/menu/viewMenu?menuid=001012">
931				   			<i class="demo-icon icon-map-sitemap-line"></i>
932				   			사이트맵
933			   			</a>
934					</li>
935
936					
937
938					<!-- 국/영문-->
939  					<li class="language">
940						<a href="javascript:fn_menu('/site/program/booking/booking_basic?menuid=001001002002', 'en', 'P');">ENGLISH</a>
941					</li>
942				</ul>
943				</div>
944		   	</div>
945			<div class="datum_point top">
946
947				<div class=" hidden-xs ">
948					<h1>
949						<a href="/site/main/index001" class="" title="home으로가기">
950							<img src="/inc/web1/img/logo.png" alt="문화체육관광부-국립국악원" class="color" />
951						</a>
952					</h1>
953				</div>
954				<div id="kd_menu" class=" hidden-xs">
955					<ul class="">
956						<!-- 로그인/로그아웃 -->
957					</ul>
958					<ul>
959						
960					</ul>
961
962				</div>
963				<div class="hidden-lg m_head_content ">
964					<ul>
965						<li class="menu_btn"><a>
965<i class="demo-icon icon-menu-bold"></i></a></li>
966						<li>
967							<a href="/site/main/index001" class="" title="home으로가기">
968							<img src="/inc/web1/img/logo.png" alt="문화체육관광부-국립국악원" class="color">
969							</a>
970							<!--
971								
972							
973							-->
974						</li>
975						<li class="search_btn"><a ><i class="demo-icon icon-search" style="cursor:pointer;"></i></a></li>
976					</ul>
977					<!-- <div class="sub_menu_viwe hidden-lg ">
978						<ul class="scroll_style">
979							<li><a>메뉴1</a></li>
980							<li><a>메뉴2</a></li>
981							<li><a>메뉴3</a></li>
982							<li><a>메뉴4</a></li>
983							<li><a>메뉴5</a></li>
984							<li><a>메뉴6</a></li>
985							<li><a>메뉴7</a></li>
986						</ul>
987					</div>
988					-->
989				</div>
990			</div>
991		</div>
992		
993	
994		
995			
996			
997					
998						
999						
1000						
1001						
1002						
1003						
1004						
1005						<!-- Sub 배너 : Start -->
1006						<div class="banner  hidden-xs">
1007							<h2 class="text" id="titleText" tabindex="0">
1008								
1009							</h2>
1010							<img src="/inc/web1/img/001_sub.png" alt=""/>
1011						</div>
1012						<!-- Sub 배너 : End -->
1013						
1014					
1015			
1016		
1017	</div>
1018
1019	<!-- 모바일 : Start -->
1020	<div class="m_sub_menu_bg hidden-lg"></div>
1021
1022	<div class="m_sub_menu hidden-lg">
1023		<h1>
1024			<a href="/site/main/index001" class="" title="home으로가기">
1025				<img src="/inc/web1/img/logo.png" alt="문화체육관광부-국립국악원" class="color">
1026			</a>
1027			<a class="m_sub_menu_close"><i class="demo-icon icon-close-bold"><span style="display: none;">닫기</span></i></a>
1028		</h1>
1029		
1030			<div class="m_seach_box">
1031				<form name="searchMainForm_m" id="searchMainForm_m">
1032					<p class="search trans">
1033						<a href="#" onclick="fncSearchSubmit_m(); return false;"><i class="demo-icon icon-search" style="cursor:pointer;"><span class="fake_text2">검색어를 입력해 주세요.</span></i></a>
1034						
1035						<input type="text" id="query_m" name="query_m" oninput="btnSearchClearOnOff_m();" onclick="fnChange_m();" class="top_search" onkeypress="if(event.keyCode==13){fncSearchSubmit_m();return false;}" placeholder="검색어를 입력해 주세요." title="검색어를 입력해 주세요.">
1036						<button type="button" id="btnSearchClear_m" class="btnSearchClear_m" onclick="fn_clearSearch_m();"><i class="demo-icon icon-close-thin" style="cursor:pointer;"></i></button>
1037						<label for="query_m">검색어를 입력해 주세요</label>
1038					</p>
1039				</form>
1040	   		</div>
1041		
1042		<ul>
1043			
1044			
1045		</ul>
1046
1047
1048		<div class="m_suport_btn">
1049			<ul>
1050
1051				
1052				<!-- 로그인/로그아웃 -->
1053				
1054					<li><a href="/site/member/login?menuid=001008001"><i class="demo-icon icon-user-login-line"></i>로그인</a></li>
1055				
1056				
1057				<!-- 회원가입/마이페이지 -->
1058				
1059					<li><a href="/site/member/mStep_1?menuid=001008004&combGubun=G"><i class="demo-icon icon-add-user"></i>회원가입</a></li>
1060				
1061				
1062
1063<!-- 유료 회원가입 -->
1064					
1065						<li>
1066							<a href="/site/member/paid_membership_s?menuid=001008005001"> <i class="demo-icon icon-add-user"></i>유료 회원가입</a>
1067						</li>
1068					
1069<!--  -->
1070
1071					<!-- 국영문 모바일 일단 주석 -->
1072					  <li><a href="javascript:fn_menu('/site/program/booking/booking_basic?menuid=001001002002', 'en', 'P');"><i class="demo-icon icon-map-alt-01"></i>ENG</a></li>
1073					  <li><a href="/site/homepage/menu/viewMenu?menuid=001012"><i class="demo-icon icon-map-sitemap-line"></i>사이트맵 </a></li>
1074<!-- 					li갯수 짝수맞추기 -->
1075				
1076
1077<!-- 유료 회원가입 li 맞추기 -->
1078				
1079					<li></li>
1080				
1081<!--  -->
1082
1083				</ul>
1084		</div>
1085
1086	</div>
1087	<!-- 모바일 : End -->
1088
1089	
1089<script>
1090		window.addEventListener("pageshow", function () { //뒤로가기 시 세션시간 갱신 안되는 문제 해결을 위한 페이지 새로고침
1091			if(event.persisted) {
1092				syncFromServer();
1093			}
1094		});
1095		$(document).ready(function() {
1096			//2레벨 마지막인지
1097			var lv2_last = false;
1098
1099			$(".m_head_content ul li.menu_btn>a").click(
1100					function() {
1101						$(".m_sub_menu_bg").show();
1102						$(".m_sub_menu").addClass("trans");
1103					});
1104			$(".m_head_content ul li.search_btn>a").click(
1105					function() {
1106						$(".m_sub_menu_bg").show();
1107						$(".m_sub_menu").addClass("trans");
1108					});
1109			$(".m_sub_menu_close").click(function() {
1110				$(".m_sub_menu").removeClass("trans");
1111				$(".m_sub_menu_bg").hide();
1112			});
1113			$(".m_sub_menu_bg").click(function(){
1114				$(".m_sub_menu").removeClass("trans");
1115				$(".m_search").removeClass("trans");
1116				$(this).hide();
1117			});
1118			$(".head .top>div:nth-child(2) ul li").hover(
1119					function() {
1120						//$(this).find(".level2").addClass("trans");
1121						$(this).find(".level2").show();
1122					}, function() {
1123						//$(this).find(".level2").removeClass("trans");
1124						$(this).find(".level2").hide();
1125						;
1126					});
1127
1128
1129			$(".head .top>div:nth-child(2) ul li>ul.level2").mouseleave(function() {
1130						//$(this).removeClass("trans");
1131						$(this).hide();
1132					});
1133
1134			$(".head .top>div:nth-child(2) ul li>ul.level2>li").hover(function() {
1135						//$(this).find(".level3").addClass("trans");
1136						$(this).find(".level3").show();
1137					}, function() {
1138						//$(this).find(".level3").removeClass("trans");
1139						$(this).find(".level3").hide();
1140					});
1141			/*웹표준 포커스 메뉴*/
1142			$(".head .top>div:nth-child(2) ul li a").focus(
1143					function() {
1144						//$(this).find(".level2").addClass("trans");
1145						$(this).parent().find(".level2").show();
1146					});
1147			$(".head .top>div:nth-child(2) ul li>ul.level2>li a").focus(function() {
1148				//$(this).find(".level3").addClass("trans");
1149				$(this).parent().find(".level3").show();
1150			});
1151			$(".head .top>div:nth-child(2) ul li>ul.level2>li:last-child>a:first-child").focusout(function() {
1152				//$(this).find(".level3").addClass("trans");
1153				var lv3_cnt = $(this).next().children(1).children(1).length;
1154				//3레벨이 없으면 2레벨을 숨긴다.
1155				if(lv3_cnt==0) $(this).parent().parent().hide();
1156				//3레벨이 있으면 2레벨 마지막이라는 것을 저장
1157				else lv2_last = true;
1158			});
1159			$(".head .top>div:nth-child(2) ul li>ul.level2>li>ul.level3 li:last-child a").focusout(function() {
1160				//2레벨 마지막이면 2레벨을 숨긴다.
1161				if(lv2_last) {
1162					$(this).parent().parent().parent().parent().hide();
1163					lv2_last = false;
1164				}
1165				//3레벨을 숨긴다.
1166				$(this).parent().parent().hide();
1167			});
1168			/*웹표준 포커스 메뉴*/
1169			$(".head .top>div:nth-child(2) ul li>ul.level2>li>ul.level3").mouseleave(function() {
1170				//$(this).removeClass("trans");
1171						$(this).hide();
1172			});
1173			var level1 =$(".m_sub_menu>ul>li>a");
1174			var level2 =$(".m_sub_menu ul.level2>li>a");
1175			var level3 =$(".m_sub_menu ul.level3>li>a");
1176
1177			$(".m_sub_menu>ul>li>a").click(function(){
1178				$(this).toggleClass("trans");
1179				$(this).parent().find("ul.m_level2").toggleClass("trans");
1180				$(this).find("i").toggleClass("trans");
1181				level1.not($(this)).removeClass("trans");
1182				level1.not($(this)).parent().find("ul.m_level2").removeClass("trans");
1183				level1.not($(this)).find("i").removeClass("trans");
1184			});
1185			$(".m_sub_menu ul.m_level2>li>a").click(function(){
1186				$(this).parent().find("ul.m_level3").toggleClass("trans");
1187				$(this).find("i").toggleClass("trans");
1188				level2.not($(this)).parent().find("ul.m_level3").removeClass("trans");
1189				level2.not($(this)).find("i").removeClass("trans");
1190			});
1191
1192			var menuid = "001001002002";
1193			if (menuid == "001") {
1194				var jbOffset = $(".head.sub").offset();
1195				$(window).scroll(function() {
1196					if ($(document).scrollTop() > jbOffset.top) {
1197						$(".fixed_top").addClass("trans");
1198					} else {
1199						$(".fixed_top").removeClass("trans");
1200					}
1201				});
1202			}
1203
1204			$(".m_table_box").click(function(){
1205				$(this).addClass("trans");
1206			});
1207			$(".m_table_box").bind("touchstart", function()
1208				{$(this).addClass("trans");
1209			});
1210
1211			$("removeTopBn").click(function() {
1212				$('#topBnDiv').remove();
1213			});
1214
1215			var height =  $(".top_rolling_banner").height();
1216			var num = $(".inner li").length;
1217			if(num>1){
1218				var max = height * num;
1219				var move = 0;
1220				function noticeRolling(){
1221					move += height;
1222					$(".inner").animate({"top":-move},600,function(){
1223						if( move >= max ){
1224							$(this).css("top",0);
1225							move = 0;
1226						};
1227					});
1228				};
1229				noticeRollingOff = setInterval(noticeRolling,3000); //
1230				$(".inner").append($(".inner li").first().clone());
1231			}
1232
1233			function ajaxFail(xhr){
1234			    alert("서버 오류\nstatus="+xhr.status+"\n"+xhr.responseText);
1235			  }
1236
1237			// ==== 세션 타이머 ====
1238
1239		    var tickId = null;
1240		    var expiryAt = null; // 서버 기준 만료시각(ms)
1241		    var serverTime = null;
1242		    var expired = false;
1243
1244		    function pad(n){ return (n<10?'0':'') + n; }
1245
1246		    function render(leftSec){
1247			  if (expired) {
1248				return;
1249			  }
1250		      var $el = $('#session-countdown');
1251		      var $btn = $('#session-extend-btn');
1252
1253		      if (!$el.length) return;
1254
1255		      if (leftSec <= 0) {
1256		        expired = true;
1257		        $el.text('만료');
1258		        $btn.hide();
1259
1260		        if (tickId) clearInterval(tickId);
1261				var logoutUrl = $('#logout-link').attr('href');
1262
1263				$.ajax({
1264			        url: logoutUrl,
1265			        type: 'GET',
1266			        success: function(data) {
1267			            alert("세션이 만료되었습니다. 다시 로그인해주세요.");
1268			            location.href = '/';
1269			        },
1270			        error: function(xhr, status, error) {
1271			            location.href = logoutUrl;
1272			        }
1273			    });
1274
1275		        return;
1276		      }
1277		      var mm = Math.floor(leftSec/60), ss = Math.floor(leftSec%60);
1278		      $el.text(pad(mm)+':'+pad(ss));
1279		      $btn.show();
1280		    }
1281
1282		    function tick(){
1283		      if (expiryAt == null) return;
1284		      serverTime = serverTime + 1000;
1285		      var left = Math.max(0, Math.round((expiryAt - serverTime)/1000));
1286		      render(left);
1287		    }
1288		    function syncFromServer(){ // 서버와 주기적으로 동기화(30s)
1289		      $.ajax({
1290		        url: "/site/member/sessionInfo;jsessionid=jMB-FFPzFN_zYxZC6zJ6Apdf7i5v-lIivXez02mE.home20",
1291		        type: "POST",
1292		        dataType: "json",
1293		        success: function(d){
1294				if (typeof d === "string") {
1295					try {
1296						d = JSON.parse(d);
1297					} catch (e) {
1298						console.error("sessionInfo JSON parse failed.", e);
1299						return;
1300					}
1301				}
1302		          if (!d || !d.ok) {
1303		        	  //render(0);
1304					 return;
1305				 }
1306		          expiryAt = d.expiryTime;
1307		          serverTime = d.now;
1308		          tick();
1309		        },
1310		        error: ajaxFail
1311		      });
1312		    }
1313
1314		    // 연장 버튼
1315		    function bindExtend(){
1316		      $('#session-extend-btn').off('click').on('click', function(e){
1317		        e.preventDefault();
1318		        $.ajax({
1319		          url: "/site/member/extendSession;jsessionid=jMB-FFPzFN_zYxZC6zJ6Apdf7i5v-lIivXez02mE.home20",
1320		          type: "POST",
1321		          dataType: "json",
1322		          success: function(d){
1323	        	  if (typeof d === "string") {
1324						try {
1325							d = JSON.parse(d);
1326						} catch (e) {
1327							console.error("sessionInfo JSON parse failed.", e);
1328							return;
1329						}
1330					}
1331		            if (d && d.ok) {
1332		              expiryAt = d.expiryTime; // 지금부터 30분
1333		              serverTime = d.now;
1334		              tick();
1335		            } else {
1336		              alert('이미 만료된 세션으로 연장 실패');
1337		            }
1338		          },
1339		          error: ajaxFail
1340		        });
1341		      });
1342		    }
1343
1344			if (!$('#session-tools').length) return;
1345		      bindExtend();
1346		      syncFromServer();           // 최초 1회만
1347		      tickId = setInterval(tick, 1000);
1348		      // syncId 제거!
1349		})
1350
1351	</script>
1351
1352
1353			
1354		</div>
1355		<!-- // header -->
1356
1357		<!-- top_cen -->
1358		
1359		<!-- // top_cen -->
1360
1361		
1362			
1363			
1364				
1365					
1366					
1367						<div id="container">
1368							<!-- container -->
1369					
1370				
1371			
1372		
1373
1374		
1375			
1376			
1377				
1378				
1379					
1380					
1381						<div id="cenSection">
1382							<!-- cenSection -->
1383							
1384					
1385					
1386				
1387
1388
1389				
1390					
1391						<div class="title">
1392							<h2>
1393								<!-- title2 -->
1394					
1395					
1396					
1397				
1398
1399				
1400					
1401					
1402					
1403					
1404						
1405							<img src="/files/web1/images/001/tit_001001002002.gif" alt="예매하기" />
1406						
1407						
1408						
1409					
1410				
1411				
1412							</h2>
1413						</div>
1414				
1415
1416	
1417<div id="content">
1418<!--   <div class="tit_ticket"> tit_ticket -->
1419<!--     <img src="/files/web1/images/001/tit_ticket1.gif" alt="일반예매" /> -->
1420<!--     <a href="/site/program/bookingbundle/main?menuid=001001002002" class="btn"><img src="/files/web1/images/001/btn_ticket1.gif" alt="묶음티켓예매" /></a> -->
1421<!--   </div> // tit_ticket -->
1422
1423<!-- <div class="tit_ticket"> tit_ticket -->
1424<!--     <img src="/files/web1/images/001/tit_ticket1.gif" alt="일반예매" /> -->
1425<!--     <a href="/site/program/bookingbundle/main?menuid=001001002002" class="btn"><img src="/files/web1/images/001/btn_ticket1.gif" alt="묶음티켓예매" /></a> -->
1426<!--   </div> // tit_ticket -->
1427
1428<!--   <ul class="step_ul mt3"> step_ul -->
1429<!--     <li class="first"><img src="/files/web1/images/001/1step1_on.gif" alt="01 공연 선택" /></li> -->
1430<!--     <li><img src="/files/web1/images/001/1step2_off.gif" alt="02 관람일/좌석 선택" /></li> -->
1431<!--     <li><img src="/files/web1/images/001/1step3_off.gif" alt="03  가격/할인선택" /></li> -->
1432<!--     <li><img src="/files/web1/images/001/1step4_off.gif" alt="04  예약확인/결제" /></li> -->
1433<!--   </ul> // step_ul -->
1434
1435  <form id="eventForm" action="booking_basic_step2" method="POST">
1436    <input type="hidden" name="menuid" value="001001002002" />
1437    <input type="hidden" name="booking_step" value="basic_2" />
1438    <input type="hidden" name="reserveNo" id="reserveNo"/>
1439    <input type="hidden" name="sToken" value=""/>
1440    <input id="group_id" name="group_id" type="hidden" value="0"/>
1441    <input id="performance_id" name="performance_id" type="hidden" value="0"/>
1442<!--     <div class="reserve_con mt15"> reserve_con -->
1443<!--       <div class="left"> left -->
1444<!--         <div class="show_choice"> show_choice -->
1445<!--           <p class="ti"><strong>공연선택</strong></p> -->
1446<!--           <div class="srcoll_1"> srcoll_1 -->
1447<!--             <ul> -->
1448
1449<!--                 <li> -->
1450
1451<!--                 </li> -->
1452
1453<!--             </ul> -->
1454<!--           </div> // srcoll_1 -->
1455<!--         </div> // show_choice -->
1456<!--         <div class="note_1"> note_1 -->
1457<!--           <p class="ti"><strong>유의사항</strong></p> -->
1458<!--           <ul class="bl_ul mt1"> -->
1459<!--             <li>공연 예매시스템을 통하여 각 단계별 정보를 입력하신 후, 최종예매 확인정보를<br />확인 후 결제하기 버튼을 클릭합니다.</li> -->
1460<!--             <li>방문 예매 및 전화예매 : 국립국악원 02-580-3300(평일 9시 ~ 17시 까지)</li> -->
1461<!--           </ul> -->
1462<!--           <div class="mt15"> -->
1463<!--             <a href="#"><img src="/files/web1/images/001/btn_card1.gif" alt="신용카드 결제 문제가 있을 경우" /></a> -->
1464<!--             <a href="#"><img src="/files/web1/images/001/btn_card2.gif" alt="공연예매창이 열리지 않을 경우" /></a> -->
1465<!--           </div> -->
1466<!--         </div> // note_1 -->
1467<!--       </div> // left -->
1468<!--       <div class="right" style="height:382px;"> right -->
1469<!--         <div class="show_detail"> show_detail -->
1470<!--           <div class="s_poster"> s_poster -->
1471<!--             <p class="l"> -->
1472<!--               <img src="/files/web1/images/001/img_de.gif" alt="" width="75px;" height="101px;" /> -->
1473<!--             </p> -->
1474<!--             <div class="r"> -->
1475<!--             </div> -->
1476<!--           </div> // s_poster -->
1477<!--           <ul class="bl_ul mt1"> -->
1478<!--             <li id="summary_date">-</li> -->
1479<!--             <li id="summary_place">-</li> -->
1480<!--             <li id="summary_age_limit">-</li> -->
1481<!--             <li id="summary_duration">-</li> -->
1482<!--           </ul> -->
1483<!--         </div> // show_detail -->
1484<!--         <div class="show_pay"> show_pay -->
1485<!--           <p><strong>결제금액</strong></p> -->
1486<!--           <p class="pay"><strong class="num">0</strong> <strong>원</strong></p> -->
1487<!--         </div> // show_pay -->
1488<!--         <div class="show_next"> -->
1489<!--           <a href="#" onclick="formSubmit(); return false;"><strong>다음단계</strong></a> -->
1490<!--         </div> -->
1491<!--       </div> // right -->
1492<!--     </div> -->
1493<!--     <input type="button" onclick="formSubmit();" value="다음단계" /> -->
1494  </form>
1495
1496
1497<!--     <div style="display:inline-block"> -->
1498
1499<!--     </div> -->
1500<!--     <div style="display:inline-block"> -->
1501<!--       <table border="1" style="width:300px; height:350px"> -->
1502<!--         <tr> -->
1503
1504<!--         </tr> -->
1505<!--         <tr> -->
1506
1507<!--         </tr> -->
1508<!--         <tr> -->
1509
1510<!--         </tr> -->
1511<!--         <tr> -->
1512
1513<!--         </tr> -->
1514<!--         <tr> -->
1515<!--           <td>관람시간</td> -->
1516<!--         </tr> -->
1517<!--       </table> -->
1518<!--     </div> -->
1519<!--     <div> -->
1520<!--       <table border="1" style="width:300px; height:350px"> -->
1521<!--         <tr> -->
1522<!--           <td>공연일시</td> -->
1523<!--           <td></td> -->
1524<!--         </tr> -->
1525<!--         <tr> -->
1526<!--           <td>선택좌석</td> -->
1527<!--           <td></td> -->
1528<!--         </tr> -->
1529<!--         <tr> -->
1530<!--           <td>가격정보</td> -->
1531<!--           <td></td> -->
1532<!--         </tr> -->
1533<!--         <tr> -->
1534<!--           <td>최종금액</td> -->
1535<!--           <td>0원</td> -->
1536<!--         </tr> -->
1537<!--       </table> -->
1538<!--     </div> -->
1539<!--     <input type="button" onclick="formSubmit();" value="다음단계" /> -->
1540
1541
1542</div>
1543
1544
1545
1546	
1547
1548	</div>
1549	<!-- // cenSection -->
1550
1551	
1552		
1553	
1554
1555	<!-- todo -->
1556	<div id="rightSection">
1557		<!-- rightSection -->
1558		<ul>
1559			
1560
1561			<li></li>
1562
1563			<!--           <li><a href="#"><img src="/files/web1/images/common/poster_1.gif" alt="poster" /></a></li> -->
1564			<!--           <li><a href="#"><img src="/files/web1/images/common/poster_2.gif" alt="poster" /></a></li> -->
1565			<!--           <li><a href="#"><img src="/files/web1/images/common/poster_3.gif" alt="poster" /></a></li> -->
1566		</ul>
1567	</div>
1568	<!-- // rightSection -->
1569
1570
1571
1572
1573
1574	
1575
1576	
1577	
1578
1579	</div>
1580	<!-- //(m_)container -->
1581	
1582
1583
1584
1585
1586
1587
1588
1589	
1590
1591
1592<script type="text/javascript">
1593	function fn_goFamilySite(url){
1594
1595		var agent = navigator.userAgent.toLowerCase();
1596		if (agent.indexOf("safari") > -1) {
1597			if(agent.indexOf('opr') > -1) { // Opera
1598				window.open(url);
1599	        } else if(agent.indexOf('chrome') > -1) { // Chrome
1600	        	window.open(url);
1601	        } else { // Safari
1602	        	location.href = url;
1603	        }
1604		}else{
1605			window.open(url);
1606		}
1607
1608	}
1609</script>
1609
1610<div class="footer">
1611	<div class="datum_point">
1612		<a href="/site/main/index001" class="logo en_logo">		<!-- title="home으로" -->
1613			<img src="/inc/web1/img/logo_W.png" alt="국립국악원">
1614		</a>
1615		<div>
1616			<div>
1617				<span><a href="/site/homepage/menu/viewMenu?menuid=001007001" style="font-size:20px; font-weight: 500; text-decoration: underline;">개인정보처리방침</a></span>
1618				<span><a href="/site/homepage/menu/viewMenu?menuid=001007002">저작권정책</a></span>
1619				<span><a href="/site/homepage/menu/viewMenu?menuid=001007003">이메일 무단수집거부</a></span>
1620<!--  			<span><a href="/site/homepage/menu/viewMenu?menuid=001007004">국악원논문집연구윤리규정</a></span>				-->
1621				<span><a href="/site/homepage/menu/viewMenu?menuid=001006001001">정보공개</a></span>	<!-- 정보공개 -->
1622				<div class="select_box">
1623			      <select name="family" id="family"> <!-- onblur="window.open(this.value)" -->  <!-- onchange="window.open(this.value)" -->
1624			      
1625			      
1626			      
1627			      
1628			      
1629			      
1630			      
1631			        <option value="https://www.gugak.go.kr" label="관련기관 바로가기">관련기관 바로가기</option>
1632			        <option value="http://www.karts.ac.kr/" label="한국예술종합학교">한국예술종합학교</option>
1633			        <option value="http://www.museum.go.kr/" label="국립중앙박물관">국립중앙박물관</option>
1634			        <option value="http://www.ntok.go.kr/" label="국립극장">국립극장</option>
1635			        <option value="http://www.korean.go.kr/" label="국립국어원">국립국어원</option>
1636
1637			        <option value="http://www.mcst.go.kr/" label="문화체육관광부">문화체육관광부</option>
1638			        <option value="http://www.gugakfm.co.kr" label="국악방송">국악방송</option>
1639			     </select>
1640			     <label for="family">관련기관 바로가기</label>
1641			     <button onclick="fn_goFamilySite($('#family').val());" title="새창열림">이동</button>
1642				</div>
1643			</div>
1644			<div>
1645				<ul>
1646					<li>
1647						<a><i class="demo-icon icon-pin-location01"></i>주소 : (우)06757 서울특별시 서초구 남부순환로 2364</a>
1648					</li>
1649					<li>
1650						<a><i class="demo-icon icon-phone-line"></i>전화 : 02-580-3300</a>
1651					</li>
1652					<li>
1653						<a><i class="demo-icon icon-fax-02"></i>팩스 : 02-580-3025 </a>
1654					</li>
1655				</ul>
1656				<ul>
1657					<li><a href="https://www.instagram.com/gugak1951" target="_blank" title="인스타그램 새창열림"><i class="demo-icon icon-sns-instagram"><span class="fake_text2">인스타그램 새창열림</span></i></a></li>
1658					<li><a href="http://www.facebook.com/gugak1951" target="_blank" title="페이스북 새창열림"><i class="demo-icon icon-sns-facebook"><span class="fake_text2">페이스북 새창열림</span></i></a></li>
1659					<li><a href="http://twitter.com/gugak1951" target="_blank" title="X(구 트위터) 새창열림"><i class="demo-icon fa-brands fa-x-twitter fa-x-twitters"><span class="fake_text2">X(구 트위터) 새창열림</span></i></a></li>
1660					<li class="active"><a href="http://www.youtube.com/gugak1951" onclick="alert('YouTube의 국립국악원 채널을 확인하시려면 \n이를 완전히 지원하는 최신 브라우저(크롬, 파이어폭스 등)를 이용해주시기 바랍니다.')" target="_blank" title="유투브 새창열림"><i class="demo-ico icon-sns-youtube"><span class="fake_text2">유투브 새창열림</span></i></a></li>
1661					<li><a href="http://blog.naver.com/gugak1951" target="_blank" title="네이버블로그 새창열림"><i class="demo-icon icon-sns-naverblog"><span class="fake_text2">네이버블로그 새창열림</span></i></a></li>
1662				</ul>
1663 				<ul>
1664 					<li>
1665 						<a href="http://www.wa.or.kr/board/list.asp?BoardID=0006" target="_blank" title="웹접근성평가원 사이트 새창열림"> -->
1666 							<img src="/inc/web1/img/waImg_2026.png" style="width:90px; height:60px;" alt="웹접근성인증마크"/> -->
1667 						</a>
1668 					</li>
1669 				</ul>
1670			</div>
1671		</div>
1672	</div>
1673	<p>Copyright © 2018 국립국악원. 모든 권리 보유.</p>
1674</div>
1675
1676<!-- AceCounter Log Gathering Script V.8.0.2019080601 -->
1677	
1677<script language='javascript'>
1678		var _AceGID=(function(){var Inf=['gtp6.acecounter.com','8080','AH4A47388599265','AW','0','NaPm,Ncisy','ALL','0']; var _CI=(!_AceGID)?[]:_AceGID.val;var _N=0;var _T=new Image(0,0);if(_CI.join('.').indexOf(Inf[3])<0){ _T.src ="https://"+Inf[0]+'/?cookie'; _CI.push(Inf);  _N=_CI.length; } return {o: _N,val:_CI}; })();
1679		var _AceCounter=(function(){var G=_AceGID;var _sc=document.createElement('script');var _sm=document.getElementsByTagName('script')[0];if(G.o!=0){var _A=G.val[G.o-1];var _G=(_A[0]).substr(0,_A[0].indexOf('.'));var _C=(_A[7]!='0')?(_A[2]):_A[3];var _U=(_A[5]).replace(/\,/g,'_');_sc.src='https:'+'//cr.acecounter.com/Web/AceCounter_'+_C+'.js?gc='+_A[2]+'&py='+_A[4]+'&gd='+_G+'&gp='+_A[1]+'&up='+_U+'&rd='+(new Date().getTime());_sm.parentNode.insertBefore(_sc,_sm);return _sc.src;}})();
1680	</script>
1680
1681<!-- AceCounter Log Gathering Script End -->
1682
1683	<!--
1683<script type="text/javascript" src="/inc/web1/js/1162_Insight_WebAnalytics.js"></script>
1683-->
1684  	<!-- 국립국악원 - 국립국악원 웹로그 수집  TAG 종료 -->
1685
1686  <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 90 bytes, lines 1686-1687
1686
1687  <script type="text/javascript" async src="https://www.googletagmanager.com/gtag/js?id=
1687UA-126808554-1
vendor: 15 bytes, lines 1687-1688
1687"></script>
1688  
1688<script type="text/javascript">
1689  
vendor: 138 bytes, lines 1689-1693
1689window.dataLayer = window.dataLayer || [];
1690  function gtag(){dataLayer.push(arguments);}
1691  gtag('js', new Date());
1692
1693  gtag('config', '
1693UA-126808554-1
vendor: 7 bytes, lines 1693-1694
1693');
1694  
1694</script>
1694
1695
1696
1697	
1698	<!-- <iframe id="download-ifrm" name="download-ifrm" width="0" height="0" title="다운로드를 위한 빈프레임" frameborder="0" scrolling="no"></iframe> -->
1699	</div>
1700	<!-- // wrapper -->
1701
1702	<!-- Modal Group : Start -->
1703	<div class="modal fade" id="Pre-list" data-backdrop="static" aria-hidden="true"></div><!-- 연구/자료 > 악기연구 > 국악기음원 미리 듣기 -->
1704	<div class="modal fade" id="popModal" aria-hidden="true"></div>
1705	<div class="modal fade" id="modalScrap" aria-hidden="true">
1706		<div class="modal-dialog photo_uplord">
1707			<div class="modal-content">
1708				<div class="modal-header">
1709					<h3 class="pic_data03">
1710						<i class="demo-icon icon-photo-solid pic_data04"></i>
1711						개인 맞춤 정보 등록
1712						<button type="button" class="kd_ver close" data-dismiss="modal" id="modalScrapClose" tabindex="0">
1713							<i class="demo-icon icon-close-bold"><span class="pic_data05 pic_data15">닫기</span></i>
1714						</button>
1715					</h3>
1716
1717				</div>
1718
1719				<div class="modal-body" id="modalScrapBody">
1720
1721
1722
1723				</div>
1724			</div>
1725		</div>
1726	</div><!-- 개인 맞춤 정보 모달 -->
1727	<div class="modal fade" id="popModalPay" aria-hidden="true">
1728		<div class="modal-dialog pay_div_box">
1729			<div class="modal-content">
1730				<div class="modal-header">
1731					<h4 ><i class="demo-icon icon-touch-button"></i>
1732						할인정보
1733					<button class="close" data-dismiss="modal" id="closePay" tabindex="0">
1734						<i class="demo-icon icon-close-bold"><span>닫기</span></i>
1735					</button>
1736					</h4>
1737				</div>
1738				<div class="modal-body" id="modal-body-pay">
1739				</div>
1740			</div>
1741       	</div>
1742	</div>
1743
1744	<div class="modal fade" id="popModalPic" aria-hidden="true">
1745		<div class="modal-dialog photo_uplord">
1746			<div class="modal-content">
1747				<div class="modal-header pic_data20">
1748					<h3 class="pic_data03">
1749						<i class="demo-icon icon-photo-solid pic_data04"></i>
1750						사진자료선택
1751						<button type="button" class="kd_ver close pic_data09 pic_data19" id="kd_close_button" data-dismiss="modal" tabindex="0">
1752							<i class="demo-icon icon-close-bold pic_data08 pic_data18"><span class="pic_data05 pic_data15">닫기</span></i>
1753						</button>
1754					</h3>
1755				</div>
1756				<div class="modal-body" id="modal-body-pic">
1757				</div>
1758			</div>
1759		</div>
1760	</div>
1761
1762	<div class="modal fade" id="popModalMem" aria-hidden="true">
1763		<div class="modal-dialog email_box member_join">
1764		<div class="modal-content">
1765			<div class="left">
1766				<img src="/inc/web1/img/login_img.jpg" alt="국악원전경">
1767			</div>
1768			<div class="right">
1769				<button type="button" class="close" data-dismiss="modal" id="memModalPopButton" tabindex="0">
1770					<i class="demo-icon icon-close-bold"><span class="fake_text2">닫기</span></i>
1771				</button>
1772				<div id="modalMemberContent"></div>
1773			</div>
1774		</div>
1775	</div>
1776	</div>
1777
1778	<div class="modal fade" id="popModalMem2" aria-hidden="true">
1779		<div class="modal-dialog email_box member_join">
1780		<div class="modal-content">
1781			<div class="left">
1782				<img src="/inc/web1/img/login_img.jpg" alt="국악원전경">
1783			</div>
1784			<div class="right">
1785				<button type="button" class="close" data-dismiss="modal" id="memModalPopButton2" tabindex="0">
1786					<i class="demo-icon icon-close-bold"><span class="fake_text2">닫기</span></i>
1787				</button>
1788				<div id="modalMemberContent2"></div>
1789			</div>
1790		</div>
1791	</div>
1792	</div>
1793
1794<!-- 	<div class="modal fade" id="popModalMem3" aria-hidden="true" data-backdrop="static" data-keyboard="false">
1795		<div class="modal-dialog email_box member_join">
1796			<div class="modal-content">
1797				<div class="left">
1798					<img src="/inc/web1/img/login_img.jpg" alt="국악원전경">
1799				</div>
1800				<div class="right">
1801					<div id="modalMemberContent3"></div>
1802				</div>
1803			</div>
1804		</div>
1805	</div> -->
1806
1807	
1808
1809	
1810
1811	
1812
1813	
1814
1815	
1816
1817	<div class="modal fade" id="String_modal" aria-hidden="true">
1818		<div class="modal-dialog seating_plan">
1819			<div class="modal-content">
1820				<!-- header -->
1821				<div class="modal-header ">
1822					<!-- 닫기(x) 버튼 -->
1823					<!-- <button type="button" class="kd_ver close pic_data10" data-dismiss="modal" tabindex="0">
1824						<i class="demo-icon icon-close-bold pic_data08"><span class="pic_data05">닫기</span></i>
1825					</button> -->
1826					<div class="">
1827						<h2>
1828							<span>좌석배치도 보기</span>
1829						</h2>
1830						<button type="button" class="kd_ver close pic_data10" data-dismiss="modal" tabindex="0">
1831							<i class="demo-icon icon-close-bold pic_data08"><span class="pic_data05">닫기</span></i>
1832						</button>
1833					</div>
1834					<!-- header title -->
1835				</div>
1836				<!-- body -->
1837				<div class="modal-body text_c" id="stringImgPop">
1838					<img src="/inc/web1/img/2022_yeak_web.jpg" style="cursor:pointer; height:100%; width:auto;" alt="좌석배치도 모달 화면 띄우기" />
1839				</div>
1840			</div>
1841		</div>
1842	</div>
1843
1844	<div class="modal fade" id="String_modal2" aria-hidden="true" tabindex="0">
1845		<div class="modal-dialog seating_plan">
1846			<div class="modal-content">
1847				<!-- header -->
1848				<div class="modal-header">
1849					<!-- 닫기(x) 버튼 -->
1850					<div class="pic_data11">
1851						<h2>
1852 							<span class="pic_data12">좌석배치도 보기</span>
1853						</h2>
1854						<button type="button" class="kd_ver close pic_data10" data-dismiss="modal" tabindex="0">
1855							<i class="demo-icon icon-close-bold pic_data08"><span class="pic_data05">닫기</span></i>
1856						</button>
1857					</div>
1858					<!-- header title -->
1859				</div>
1860				<!-- body -->
1861				<div class="modal-body text_c" id="stringImgPop2" style="text-align: center;" tabindex="0">
1862					<!-- <img src="" style="cursor:pointer; width:100%;" alt="" /> -->
1863				</div>
1864			</div>
1865		</div>
1866	</div>
1867	<!-- Modal Group : End -->
1868
1869	
1869<script>
1870$(function(){
1871	let nuriHeight = document.getElementsByClassName('top_line_bnr')[0].clientHeight;
1872	$(".top_flag_info").on("click", function () {
1873	    if ($(this).hasClass("on")) {
1874	        $(this).removeClass("on");
1875	        $(".chk_nuri_addr_bnr").stop().slideUp();
1876	        $(this).children("span").text("열기");
1877	        document.getElementsByClassName('fixed_top')[0].style.top = "20px";
1878	    } else {
1879	        $(this).addClass("on");
1880	        $(".chk_nuri_addr_bnr").stop().slideDown();
1881	        $(this).children("span").text("닫기");
1882	        document.getElementsByClassName('fixed_top')[0].style.top = "209px";
1883	    }
1884	});
1885
1886	})
1887</script>
1887
1888
1889
1890
1891</body>
1892</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.