https://www.gjto.or.kr/

1<!DOCTYPE html>
2������
3
4
5
6<html lang="ko">
7<head>
8<meta charset="UTF-8" />
9<meta name="_csrf_parameter" content="CSRFToken" /><meta name="_csrf_header" content="X-XSRF-TOKEN" /><meta name="_csrf" content="6ca4a850-5c85-4d92-8959-11b22c3750b8" />
10<meta http-equiv="X-UA-Compatible" content="IE=edge" />
11<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=yes" />
12
13<meta name="title" content="광주관광공사 대표 홈페이지" />
14<meta name="description" content="광주관광공사 대표 홈페이지" />
15<meta name="keyword" content="광주관광공사 대표 홈페이지" />
16<meta name="author" content="광주관광공사 대표 홈페이지" />
17
18
19<meta property="og:type" content="website" />
20<meta property="og:site_name" content="광주관광공사 대표 홈페이지" />
21<meta property="og:title" content="광주관광공사 대표 홈페이지" />
22<meta property="og:url" content="https://www.gjto.or.kr?" />
23<meta property="og:description" content="광주관광공사 대표 홈페이지" />
24<meta property="og:image" content="/opengraph.png">
25
26<link rel="icon" href="/favicon.ico" type="image/x-icon" />
27
28<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
29<link rel="apple-touch-icon" href="/[email protected]" sizes="360x360">
30
31
32<title>광주관광공사 대표 홈페이지</title>
33
34
35<link rel="stylesheet" href="/css/printArea.css" media="print" />
36<link rel="stylesheet" href="/intro/css/default.css?v=202610100930" />
37<link rel="stylesheet" href="/intro/css/layout.css?v=202610100930" />
38<link rel="stylesheet" href="/intro/css/layout_respond.css?v=202610100930" />
39<link rel="stylesheet" href="/jquery/css/swiper-11.1.4.min.css" />
40
41
42
43	<link rel="stylesheet" href="/intro/css/main.css?v=202610100930" />
44	<link rel="stylesheet" href="/intro/css/main_respond.css?v=202610100930" />
45
46
47
48
49
50

51<script src="/jquery/js/jquery-3.7.1.min.js"></script>

51

52<script src="/js/global.js"></script>

52

53<script src="/jquery/js/swiper-11.1.4.min.js"></script>

53

54<script src="/jquery/js/bxslider.min.js"></script>

54

55<script src="/jquery/js/gsap.min.js"></script>

55

56<script src="/jquery/js/ScrollTrigger.min.js"></script>

56
57
58
59
60
61
62	

62<script src="/intro/js/main.js?v=202610100930"></script>

62
63
64
65
66
67<!--[if lt IE 9]>

67<script src="/js/html5.js"></script>

67<![endif]-->
68</head>
69<body>
70
71
72
73	
74
75
76
77
78
79	
80
81
82
83
84
85
86
87
88������
89<link rel="stylesheet" href="/css/modalpopup.css" />
90
91<!-- 모달팝업 S -->
92<section id="modal" tabindex="-1">
93	<article class="group">
94		<div class="modal">
95			<h2 class="title">주요알림</h2>
96
97			
98			
99			
100				<p class="blank">등록된 알림이 없습니다.</p>
101			
102			
103
104			<div class="item">
105				<p class="label">알림건수 : 총 <span class="count">0</span>건</p>
106
107				<a href="#none" class="control close">닫기</a>
108				<a href="#none" class="control close oneday">오늘하루열지않기</a>
109			</div>
110        </div>
111    </article>
112</section><!-- 모달팝업 E -->
113

114<script>
115
116
117	var close_check = false;
118
119
120
121	// 슬라이드 관련
122	const slideLength = document.querySelectorAll('.modal_swiper .swiper-slide').length;
123	$('#modal .label .count').text(slideLength);
124
125	if (slideLength === 3) {
126		const  modal_swiper = new Swiper('.modal_swiper', {
127			loop: false,
128			slidesPerView: 1,
129			spaceBetween: 10,
130			speed: 1000,
131			a11y: false,
132			navigation: false,
133			breakpoints: {
134				1024: {
135					slidesPerView: 3,
136					spaceBetween: 10,
137				},
138				768: {
139					slidesPerView: 2,
140					spaceBetween: 10,
141				}
142			}
143		});
144		$(".modal .control_box").hide();
145	}
146	else if (slideLength === 2) {
147		const  modal_swiper = new Swiper('.modal_swiper', {
148			loop: false,
149			slidesPerView: 1,
150			spaceBetween: 10,
151			speed: 1000,
152			a11y: false,
153			navigation: false,
154			breakpoints: {
155				768: {
156					slidesPerView: 2,
157					spaceBetween: 10,
158				}
159			}
160		});
161		$(".modal .control_box").hide();
162	}
163	else if (slideLength === 1) {
164		const  modal_swiper = new Swiper('.modal_swiper', {
165			loop: false,
166			slidesPerView: 1,
167			spaceBetween: 10,
168			speed: 1000,
169			a11y: false,
170			navigation: false,
171		});
172		$(".modal .control_box").hide();
173	}
174	else {
175		const modal_swiper = new Swiper('.modal_swiper', {
176			loop: true,
177			slidesPerView: 1,
178			spaceBetween: 10,
179			autoplay: {
180				delay : 5000,
181			},
182			speed: 1000,
183			a11y: false,
184			navigation: {
185				prevEl: '.modal .control_box .prev',
186				nextEl: '.modal .control_box .next',
187			},
188			pagination:
189			{
190				el: '.modal .control_box .paging',
191				type: 'fraction',
192			},
193			on: {
194				init: function () {
195					modal_slide_tab();
196				},
197				slideChangeTransitionEnd: function () {
198					modal_slide_tab();
199				}
200			},
201			breakpoints: {
202				1024: {
203					slidesPerView: 3,
204					spaceBetween: 10,
205				},
206				768: {
207					slidesPerView: 2,
208					spaceBetween: 10,
209				}
210			}
211		});
212		$(".modal .control_box .stop").click(function(){
213			modal_swiper.autoplay.stop();
214			$(this).hide();
215			$(".modal .control_box .play").show();
216		});
217		$(".modal .control_box .play").click(function(){
218			modal_swiper.autoplay.start();
219			$(this).hide();
220			$(".modal .control_box .stop").show();
221		});
222
223		function modal_slide_tab() {
224			$('.modal .swiper-slide-prev a').attr('tabindex', '-1');
225		}
226	}
227
228    $(function(){
229    	// 로컬 스토리지에서 팝업 닫힌 시간 정보를 가져옴
230		let popupCloseTime = localStorage.getItem("modalPopupCloseTime_a2");
231		let mid = "";
232		
233
234	    //  오늘하루열지않기
235	    $('.oneday').on('mousedown', function () {
236	    	$('#modal').removeClass("active");
237	    	let name = "modalPopupCloseTime_a2";
238	    	let now = new Date();
239			now.setDate(now.getDate() + 1); // 현재 날짜에서 하루를 더함
240			// 다음 팝업이 열리는 시간을 로컬 스토리지에 저장
241			localStorage.setItem(name, now);
242	    });
243	    $('.oneday').keydown(function (e) {
244	    	if(!event.shiftKey && e.keyCode === 9){
245		    	$('#modal').removeClass("active");
246		    	var name = "modalPopupCloseTime_a2";
247				let now = new Date();
248				now.setDate(now.getDate() + 1); // 현재 날짜에서 하루를 더함
249				// 다음 팝업이 열리는 시간을 로컬 스토리지에 저장
250				localStorage.setItem(name, now);
251
252				$('#modal').removeClass('active');
253
254				if(close_check){
255					$('#skip_nav a').first().focus();
256					close_check = false;
257				}
258	    	}else if(close_check && e.keyCode === 13){
259
260			}
261		});
262
263    });
264</script>

264
265
266
267<div id="skip_nav">
268	<a href="#main_wrap">본문으로 바로가기</a>
269	<a href="#headmn">주 메뉴 바로가기</a>
270</div>
271
272<div id="hiddenLayer" style="display:none"></div>
273<div class="mw" id="mw_temp" style="display:none;"></div>
274
275<!-- Wrap S -->
276<div id="wrap">
277
278	������
279
280
281	<!-- Header S -->
282	<header id="header" class="header">
283		
284
285		<div class="header_wrap">
286
287			<div id="headmn">
288				<nav id="gnb1">
289					
290
291<ul id="head_menu" class="topmenu">
292	<li class="depth1 lnb1 mnfirst">
293		<a href="/menu.es?mid=a10101000000">공사소개</a>
294	</li>
295	<li class="depth1 lnb2">
296		<a href="/menu.es?mid=a10201010000">알림마당</a>
297	</li>
298	<li class="depth1 lnb3">
299		<a href="/menu.es?mid=a10301010000">열린경영</a>
300	</li>
301	<li class="depth1 lnb4">
302		<a href="/menu.es?mid=a10401010100">정보공개</a>
303	</li>
304	<li class="depth1 lnb5 mnlast">
305		<a href="/menu.es?mid=a10501000000">사이트맵</a>
306	</li>
307</ul>
308
309
310					<!-- <button type="button" class="pop_close"><i class="xi-close"></i><span class="sr-only">전체메뉴 레이어 닫기</span></button> -->
311				</nav>
312				
313
314				<nav id="gnb2">
315					<a href="" class="control open">전체메뉴 열기</a>
316					
317
318<ul id="head_menu_all" class="topmenu_all">
319	<li class="lnb1 mnfirst">
320		<a href="/menu.es?mid=a10101000000">공사소개</a>
321	</li>
322	<li class="lnb2">
323		<a href="/menu.es?mid=a10201010000">알림마당</a>
324	</li>
325	<li class="lnb3">
326		<a href="/menu.es?mid=a10301010000">열린경영</a>
327	</li>
328	<li class="lnb4">
329		<a href="/menu.es?mid=a10401010100">정보공개</a>
330	</li>
331	<li class="lnb5 mnlast">
332		<a href="/menu.es?mid=a10501000000">사이트맵</a>
333	</li>
334</ul>
335
336
337					<a href="" class="control close">전체메뉴 닫기</a>
338				</nav>
339			</div>
340		</div>
341	</header><!-- Header E -->
342
343
344
345<h1 class="logo"><img src="/main/img/layout/logo.svg" alt="" /></h1>
346<div class="site">
347	<div class="item item01">
348		<a href="/main">
349			<strong>광주관광공사<br />홈페이지</strong>
350			<span></span>
351		</a>
352	</div>
353	<div class="item item02">
354		<a href="https://kdjcenter.gjto.or.kr/" target="_blank" title="새창열림" rel="noopener noreferrer">
355			<strong>김대중<em>컨벤션센터</em></strong>
356			<span>전시 행사 안내<br />시설 대여·임대</span>
357		</a>
358	</div>
359	<div class="item item03">
360		<a href="https://tour.jeonnam-gwangju.go.kr/" target="_blank" title="새창열림" rel="noopener noreferrer" >
361			<strong>visit 전남광주</strong>
362			<span>광주 여행 정보<br />추천 여행지</span>
363		</a>
364	</div>
365</div>
366������
367	<!-- Footer S -->
368	<footer id="footer" class="footer">
369		
370		
371
372	
373		
374		
375
376	</footer><!-- Footer E -->
377</div><!-- Wrap E -->
378
379
380
381
382
383

384<script src="/intro/js/layout.js"></script>

384
385
386
387
388	<!--

388<script src="/intro/js/main.js"></script>

388-->
389
390
391
392
393	
394
395	
396	
397	

397<script>
398		//try { initNavigation(1, 0); } catch (e) { console.log(""); }
399		$.ajax({ url:'/logInsert.es?mid=a20000000000' });		// 로그기록
400	</script>

400
401	
402
403</body>
404</html>
405