PageSourceSearch

https://daejeontour.co.kr/

html daejeontour.co.kr collected 2026-10-02 20:45:00 UTC 92,943 bytes, 2,047 lines download raw bytes

1<!doctype html>
2<html lang="ko">
3<head>
4
5<meta charset="utf-8">
6
7<!-- viewport { -->
8<meta name="viewport" content="width=device-width,initial-scale=0.9,minimum-scale=0.9,maximum-scale=0.9,user-scalable=no" />
9<meta name="HandheldFriendly" content="true" />
10<meta http-equiv="imagetoolbar" content="no" />
11<meta http-equiv="X-UA-Compatible" content="IE=edge" />
12<!-- } -->
13
14<style>
15    .mo_date_wrap, .gallery-item-ico{display: none!important;}
16</style>
17
18
19
20<!-- META { -->
21<meta name="title" content="대전관광" />
22<meta name="keywords" content="" />
23<meta name="description" content="" />
24<meta name="robots" content="index,follow" />
25<!-- } -->
26
27<!-- OG { -->
28<meta property="og:type" content="website">
29<meta property="og:url" content="https://daejeontour.co.kr/" />
30
31<meta property="og:title" content="대전관광" />
32
33<meta property="og:site_name" content="대전관광" />
34
35
36<!-- } -->
37
38<!-- ICO { -->
39<!-- } -->
40
41
42
43
44<title>대전관광</title>
45
46<link rel="stylesheet" href="https://daejeontour.co.kr/theme/rb.basic/css/default.css?ver=2303229">
47<link rel="stylesheet" href="https://daejeontour.co.kr/js/font-awesome/css/font-awesome.min.css?ver=2303229">
48<link rel='stylesheet' href='https://daejeontour.co.kr/theme/rb.basic/rb.css/reset.css?ver=1770599151' />
49<link rel='stylesheet' href='https://daejeontour.co.kr/theme/rb.basic/rb.css/style.css?ver=1770599151' />
50<link rel='stylesheet' href='https://daejeontour.co.kr/theme/rb.basic/rb.css/mobile.css?ver=1770599151' />
51<link rel='stylesheet' href='https://daejeontour.co.kr/theme/rb.basic/rb.css/form.css?ver=1770599151' />
52<link rel='stylesheet' href='https://daejeontour.co.kr/theme/rb.basic/rb.css/swiper.css?ver=1770599151' />
53<link rel='stylesheet' href='https://daejeontour.co.kr/theme/rb.basic/rb.css/custom.css?ver=1770599151' />
54<link rel="stylesheet" href="https://daejeontour.co.kr/theme/rb.basic/rb.fonts/Pretendard/Pretendard.css?ver=1770599246" />
55<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css" />
56<link rel="stylesheet" href="https://daejeontour.co.kr/theme/rb.basic/rb.layout_hd/basic_travel/style.css?ver=2026-10-03 05:44:56">
57<link rel="stylesheet" href="https://daejeontour.co.kr/theme/rb.basic/skin/popular/rb.basic/style.css?ver=2303229">
58<link rel="stylesheet" href="https://daejeontour.co.kr/theme/rb.basic/rb.layout/basic/css/style.css?ver=2303229">
59<link rel="stylesheet" href="https://daejeontour.co.kr/theme/rb.basic/rb.layout_ft/basic/style.css?ver=2303229">
60<link rel="stylesheet" href="https://daejeontour.co.kr/theme/rb.basic/skin/connect/rb.connect/style.css?ver=2303229">
61<link rel="stylesheet" href="https://daejeontour.co.kr/rb/rb.css/set.color.php?rb_color_set=co_3c9040&rb_color_code=%233c9040" />
62<link rel="stylesheet" href="https://daejeontour.co.kr/rb/rb.css/set.header.php?rb_header_set=co_header_7300ff00&rb_header_code=%237300ff00" />
63<link rel="stylesheet" href="https://daejeontour.co.kr/rb/rb.css/set.style.php?ver=1790973896&rb_color_set=co_3c9040&rb_color_code=%233c9040&rb_is_index=1&rb_is_shop=" />
64<link rel="stylesheet" href="https://daejeontour.co.kr/rb/rb.css/set.style.css?ver=1790973896" />
65<!--[if lte IE 8]>
66<script src="https://daejeontour.co.kr/js/html5.js"></script>
66
67<![endif]-->
68
69<script>
70// 자바스크립트에서 사용하는 전역변수 선언
71const g5_url       = "https://daejeontour.co.kr";
72const g5_bbs_url   = "https://daejeontour.co.kr/bbs";
73const g5_is_member = "";
74const g5_is_admin  = "";
75const g5_is_mobile = "";
76const g5_bo_table  = "";
77const g5_sca       = "";
78const g5_editor    = "";
79const g5_cookie_domain = "";
80    
81// 레이아웃 ajax 에 전달되는 인덱스 플래그
82const is_index = true;
83const is_shop = false;
84</script>
84
85
86
87<!-- 아이앤시티 추가 -->
88<link rel= "stylesheet" href= "https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
89<link type="text/css" rel="stylesheet" href="/theme/rb.basic/rb.css/cont_style.css">
90<!-- 아이앤시티 추가 끝 -->
91
92
93<script src="https://daejeontour.co.kr/js/jquery-1.12.4.min.js?ver=2304171"></script>
vendor: 1 bytes, line 93
93
94<script src="https://daejeontour.co.kr/js/jquery-migrate-1.4.1.min.js?ver=2304171"></script>
vendor: 1 bytes, line 94
94
95<script src="https://daejeontour.co.kr/theme/rb.basic/rb.js/rb.layout.js?ver=2.2.5"></script>
vendor: 1 bytes, line 95
95
96<script src="https://daejeontour.co.kr/js/jquery.menu.js?ver=2304171"></script>
vendor: 1 bytes, line 96
96
97<script src="https://daejeontour.co.kr/js/common.js?ver=2304171"></script>
vendor: 1 bytes, line 97
97
98<script src="https://daejeontour.co.kr/js/wrest.js?ver=2304171"></script>
vendor: 1 bytes, line 98
98
99<script src="https://daejeontour.co.kr/js/placeholders.min.js?ver=2304171"></script>
vendor: 1 bytes, line 99
99
100<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
vendor: 1 bytes, line 100
100
101<script src="https://daejeontour.co.kr/theme/rb.basic/rb.js/swiper.js?ver=2304171"></script>
vendor: 1 bytes, line 101
101
102<script src="https://daejeontour.co.kr/theme/rb.basic/rb.js/rb.common.js?ver=2304171"></script>
102
103</head>
104<body>
105
106<main class="co_3c9040 co_header_7300ff00 gap_pc_0" id="main">
107
108
109
110<!-- 팝업레이어 시작 { -->
111<div id="hd_pop">
112
113
114
115    <div id="hd_pops_21" class="hd_pops" style="top:200px;left:750px">
116        <div class="hd_pops_con" style="width:480px;height:480px">
117            <p><img src="https://daejeontour.co.kr/data/editor/2609/1d2360ed091e831a99472a4e8c35defc_1788744229_8324.png" title="1d2360ed091e831a99472a4e8c35defc_1788744229_8324.png" alt="1d2360ed091e831a99472a4e8c35defc_1788744229_8324.png" /><br style="clear:both;" /> </p>        </div>
118        <div class="hd_pops_footer">
119            <button class="hd_pops_reject hd_pops_21 24"><strong>24</strong>시간 동안 다시 열람하지 않습니다.</button>
120            <button class="hd_pops_close hd_pops_21">닫기 <i class="fa fa-times" aria-hidden="true"></i></button>
121        </div>
122    </div>
123</div>
124
125<script>
126$(function() {
127    $(".hd_pops_reject").click(function() {
128        var id = $(this).attr('class').split(' ');
129        var ck_name = id[1];
130        var exp_time = parseInt(id[2]);
131        $("#"+id[1]).css("display", "none");
132        set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
133    });
134    $('.hd_pops_close').click(function() {
135        var idb = $(this).attr('class').split(' ');
136        $('#'+idb[1]).css('display','none');
137    });
138    $("#hd").css("z-index", 1000);
139});
140</script>
140
141<!-- } 팝업레이어 끝 -->
142<script src="https://daejeontour.co.kr/rb/rb.mod/aos/aos.set.php"></script>
142
143<link rel="stylesheet" href="https://daejeontour.co.kr/rb/rb.mod/aos/aos.css">
144<script src="https://daejeontour.co.kr/rb/rb.mod/aos/aos.js"></script>
144
145
146   
147   
148    
149<script src="/theme/rb.basic/rb.layout_hd/basic/navi.js"></script>
149<div id="wrapper" class="main">
150	
151<header id="header" class="header color-bright">
152
153<!--모바일메뉴버튼-->
154<button type="button" class="btn-gnb-open"><span class="bar"></span><span class="blind">메뉴열기</span></button>
155<!--모바일메뉴버튼-->
156
157<div class="header-inner" style="width:100%; padding:0px 40px">
158
159<!--모바일용로고-->
160<div class="head-title">
161<h1 class="main-logo"><a href="/"><img src="/theme/rb.basic/rb.layout_hd/basic/logo.png"></a></h1>
162</div>
163<!--모바일용로고-->
164
165<!--로고-->
166<strong class="logo"><a href="/"><img src="/theme/rb.basic/rb.layout_hd/basic/logo_white.png"></a></strong>
167<!--로고끝-->
168
169<nav id="nav">
170<div class="nav-inner">
171<div class="util-menu">
172
173<!--인사말및 로고처리--
174<div class="welcome">
175
176</div>
177--인사말및 로고처리끝-->
178
179<!--로그인-->
180<div class="util-menu-group bottom main">
181
182<style>
183	#session_expired_modal{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:99999999; display:flex; align-items:center; justify-content:center;}
184	.session_modal_box{width:360px; max-width: 90%; display: inline-block; float: left; background:#fff; border-radius:10px; padding:30px 20px 20px 20px; text-align:center; box-sizing:border-box;}
185	.session_modal_sub{width: 100%; display: inline-block; float: left; font-size: 17px; line-height: 150%; margin-bottom: 25px; color: #000!important;}
186	#session_expired_btn{width:100%; display: inline-block; float: left; height:42px; border:0; background:#3c9040; color:#fff; border-radius:5px; cursor:pointer;}
187</style>
188
189
190
191<style>
192	.login_info_wrap{width: auto; display: inline-block; float: left; margin-top: 2px; margin-right: 30px; position: relative;}
193	.login_info_wrap::after{content: ""; width: 1px; display: inline-block; float: left; height: 10px; position: absolute; top: 50%; right: -15px; transform: translateY(-50%); background-color: #fff;}
194	.login_info{display: inline-block; float: left; margin-right: 15px;}
195	.login_name{display: inline-block; float: left; font-weight: bold; margin-right: 1px;}
196	.login_timer{display: inline-block; float: left; width: 45px; text-align: center;}
197	@media (min-width: 1510px) {
198		.main #header.scroll.color-bright .login_info_wrap::after{background-color: #000;}
199		#nav .gnb-area .gnb-menu{margin-left: 220px;}
200		#nav .gnb-area > .gnb-menu > li{padding-left: 50px;}
201	}
202</style>
203
204<!-- 대전시청 로고 -->
205<span class="djct_link">
206	<a href="https://www.daejeon.go.kr/" target="_blank">
207<svg id="_레이어_1" data-name="레이어 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 45.35 42.52">
208  <path class="cls-1" d="M21.57,21.19L19.67.24c-3.44,1.2-5.92,4.47-5.92,8.32,0,.93.15,1.83.42,2.67-1.44-1.03-3.21-1.64-5.11-1.
20864-2.97,0-5.61,1.48-7.2,3.74l19.71,7.86Z"/>
209  <path class="cls-1" d="M21.02,23.12L.54,18.33c.05,3.65,2.38,7.02,6.03,8.24.88.29,1.78.43,2.66.44-1.43,1.04-2.57,2.53-3.17,4.34-.94,2.82-.37,5.78,1.28,8.01l13.67-16.23Z"/>
210  <path class="cls-1" d="M22.72,24.11l-10.8,18.04c3.49,1.06,7.41-.13,9.68-3.24.55-.75.95-1.56,1.23-2.4.56,1.68,1.62,3.21,3.17,4.34,2.4,1.75,5.4,2.11,8.02,1.22l-11.29-17.96Z"/>
211  <path class="cls-1" d="M23.66,21.19l19.35-8.24c-2.2-2.91-6.07-4.26-9.73-3.07-.89.29-1.69.71-2.41,1.22.54-1.69.57-3.55-.01-5.37C29.94,2.89,27.72.84,25.08.02l-1.42,21.17Z"/>
212  <path class="cls-1" d="M24.24,22.97l13.83,15.84c2.09-2.99,2.16-7.09-.1-10.21-.55-.75-1.2-1.39-1.91-1.91,1.77-.01,3.56-.56,5.1-1.68,2.41-1.75,3.67-4.49,3.63-7.25l-20.57,5.21Z"/>
213</svg>
214<span class="tit">대전시청</span>
215</a>
216</span>
217<!-- 대전시청로고끝 -->
218
219<!--<a href="https://daejeontour.co.kr/bbs/register.php"><span>회원가입</span></a><span class="gab"></span>
220<a href="https://daejeontour.co.kr/bbs/login.php"><span>로그인</span></a>-->
221
222
223<a type="button" alt="검색" id="search_top_btn" class="svg_gab">
224<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 513.749 513.749">
225	<path d="M504.352,459.061l-99.435-99.477c74.402-99.427,54.115-240.344-45.312-314.746S119.261-9.277,44.859,90.15   S-9.256,330.494,90.171,404.896c79.868,59.766,189.565,59.766,269.434,0l99.477,99.477c12.501,12.501,32.769,12.501,45.269,0   c12.501-12.501,12.501-32.769,0-45.269L504.352,459.061z M225.717,385.696c-88.366,0-160-71.634-160-160s71.634-160,160-160   s160,71.634,160,160C385.623,314.022,314.044,385.602,225.717,385.696z"/>
226</svg>
227</a>
228
229<a href="https://www.youtube.com/@daejeontv" target="_blank"><img src="/theme/rb.basic/rb.layout_hd/basic/youtube.png"></a><span class="gab"></span>
230<a href="https://www.instagram.com/Daejeon_official/" target="_blank"><img src="/theme/rb.basic/rb.layout_hd/basic/instargram.png"></a><span class="gab"></span>
231<a href="https://www.facebook.com/daejeonstory" target="_blank"><img src="/theme/rb.basic/rb.layout_hd/basic/facebook.png"></a><span class="gab"></span>
232<a href="https://blog.naver.com/storydaejeon" target="_blank"><img src="/theme/rb.basic/rb.layout_hd/basic/blog.png"></a><span class="gab"></span>
233<!--<a href="https://www.daejeon.go.kr/" target="_blank"><img src="/theme/rb.basic/rb.layout_hd/basic/dj_city.png"></a>-->
234
235</div>
236<!--로그인끝-->
237
238<!--셀렉트박스-->
239<div class="menu">
240<div class="lang-list">
241<div class="lang">
242<a href="#page" class="select-link"><span class="blind">언어 선택</span></a>
243<!--<span class="selected">
244<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g id="_01_align_center" data-name="01 align center"><path d="M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm8.647,7H17.426a19.676,19.676,0,0,0-2.821-4.644A10.031,10.031,0,0,1,20.647,7ZM16.5,12a10.211,10.211,0,0,1-.476,3H7.976A10.211,10.211,0,0,1,7.5,12a10.211,10.211,0,0,1,.476-3h8.048A10.211,10.211,0,0,1,16.5,12ZM8.778,17h6.444A19.614,19.614,0,0,1,12,21.588,19.57,19.57,0,0,1,8.778,17Zm0-10A19.614,19.614,0,0,1,12,2.412,19.57,19.57,0,0,1,15.222,7ZM9.4,2.356A19.676,19.676,0,0,0,6.574,7H3.353A10.031,10.031,0,0,1,9.4,2.356ZM2.461,9H5.9a12.016,12.016,0,0,0-.4,3,12.016,12.016,0,0,0,.4,3H2.461a9.992,9.992,0,0,1,0-6Zm.892,8H6.574A19.676,19.676,0,0,0,9.4,21.644,10.031,10.031,0,0,1,3.353,17Zm11.252,4.644A19.676,19.676,0,0,0,17.426,17h3.221A10.031,10.031,0,0,1,14.605,21.644ZM21.539,15H18.1a12.016,12.016,0,0,0,.4-3,12.016,12.016,0,0,0-.4-3h3.437a9.992,9.992,0,0,1,0,6Z"/></g></svg>
245</span>-->
246</div>
247<ul class="select-lang hide main_rb_line">
248<li><a href="/"><span>KOR</span></a></li>
249<li><a href="/"><span>ENG</span></a></li>
250</ul>
251</div>
252</div>
253</div>
254<!--셀렉트박스끝-->
255
256<!--자동메뉴-->
257<div class="gnb-area">
258<ul class="gnb-menu">
259
260<li>
261<a href="#" target="_self"><span>대전 지금은</span></a>
262<ul class="depth2">
263<li><a href="/issue_djt" target="_self"><span>대전잇슈</span></a></li>
264<li><a href="/festival_djt" target="_self"><span>축제.행사</span></a></li>
265<li><a href="/festival_djt?djt_mode=culture" target="_self"><span>전시.공연</span></a></li>
266<li><a href="/notice" target="_self"><span>공지사항</span></a></li>
267
268</ul>
269
270</li>
271
272
273<li>
274<a href="#" target="_self"><span>추천여행</span></a>
275<ul class="depth2">
276<li><a href="/month_djt" target="_self"><span>이달의 대전</span></a></li>
277<li><a href="/recommend_djt" target="_self"><span>추천코스</span></a></li>
278<li><a href="/find_djt" target="_self"><span>대전 구석구석</span></a></li>
279<li><a href="https://blog.naver.com/light_daejeon" target="_self"><span>야간관광</span></a></li>
280<li><a href="/subway_djt" target="_self"><span>지하철 여행</span></a></li>
281<li><a href="/work_djt" target="_self"><span>도보 여행길</span></a></li>
282
283</ul>
284
285</li>
286
287
288<li>
289<a href="#" target="_self"><span>대전 둘러보기</span></a>
290<ul class="depth2">
291<li><a href="/sights_djt" target="_self"><span>명소</span></a></li>
292<li><a href="https://www.daejeon.go.kr/fod/index.do" target="_blank"><span>맛집</span></a></li>
293<li><a href="/hotel_djt" target="_self"><span>숙박</span></a></li>
294<li><a href="/shop_djt" target="_self"><span>쇼핑</span></a></li>
295
296</ul>
297
298</li>
299
300
301<li>
302<a href="#" target="_self"><span>여행 도우미</span></a>
303<ul class="depth2">
304<li><a href="/td_info_djt" target="_self"><span>관광안내소</span></a></li>
305<li><a href="/content/tour_guide" target="_self"><span>문화관광해설사</span></a></li>
306<li><a href="/tour_djt" target="_self"><span>투어 프로그램</span></a></li>
307<li><a href="/guide_book_djt" target="_self"><span>가이드북</span></a></li>
308<li><a href="/content/travel_lounge" target="_self"><span>트래블 라운지</span></a></li>
309
310</ul>
311
312</li>
313
314
315<li>
316<a href="#" target="_self"><span>여행이야기</span></a>
317<ul class="depth2">
318<li><a href="https://photo.daejeon.go.kr/kor/sub04_04.do#tab1" target="_blank"><span>대전여행 사진</span></a></li>
319<li><a href="/youtube_djt" target="_self"><span>대전여행 영상</span></a></li>
320<li><a href="/good_shop_djt" target="_self"><span>대전 굿즈샵</span></a></li>
321
322</ul>
323
324</li>
325
326</ul>
327
328<!--고객센터--
329<ul>
330<li class="t_pad_30 text-right r_pad_20 c_show bora_01 t_spa_00">
331<div class="b_pad_5">Tel : 010.5766.5815</div>
332<div class="b_pad_5">E-mail : [email protected]</div>
333</li>
334</ul>
335--고객센터-->
336
337</div>
338<!--자동메뉴끝-->
339
340</div>
341<button type="button" class="btn-gnb-close ico-close"><span class="blind">메뉴닫기</span></button>
342</nav>
343</div>
344
345</header>
346
347<!-- 검색 -->
348
349<div id="search_box" class="main_rb_line">
350<form name="fsearchbox" method="get" action="https://daejeontour.co.kr/bbs/search.php" onsubmit="return fsearchbox_submit(this);">
351<ul>
352<input type="text" name="stx" maxlength="20" class="w100 font-B main_rb_color" id="ser_inp_fc" placeholder="통합검색">
353<button type="submit" alt="검색" class="ser_inner_btn main_rb_color">
354<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
355<path fill-rule="evenodd" clip-rule="evenodd" d="M8.49928 1.91687e-08C7.14387 0.000115492 5.80814 0.324364 4.60353 0.945694C3.39893 1.56702 2.36037 2.46742 1.57451 3.57175C0.788656 4.67609 0.278287 5.95235 0.0859852 7.29404C-0.106316 8.63574 0.0250263 10.004 0.469055 11.2846C0.913084 12.5652 1.65692 13.7211 2.63851 14.6557C3.6201 15.5904 4.81098 16.2768 6.11179 16.6576C7.412
3556 17.0384 8.78562 17.1026 10.1163 16.8449C11.447 16.5872 12.6967 16.015 13.7613 15.176L17.4133 18.828C17.6019 19.0102 17.8545 19.111 18.1167 19.1087C18.3789 19.1064 18.6297 19.0012 18.8151 18.8158C19.0005 18.6304 19.1057 18.3796 19.108 18.1174C19.1102 17.8552 19.0094 17.6026 18.8273 17.414L15.1753 13.762C16.1633 12.5086 16.7784 11.0024 16.9504 9.41573C17.1223 7.82905 16.8441 6.22602 16.1475 4.79009C15.4509 3.35417 14.3642 2.14336 13.0116 1.29623C11.659 0.449106 10.0952 -0.000107143 8.49928 1.91687e-08ZM1.99928 8.5C1.99928 6.77609 2.6841 5.12279 3.90308 3.90381C5.12207 2.68482 6.77537 2 8.49928 2C10.2232 2 11.8765 2.68482 13.0955 3.90381C14.3145 5.12279 14.9993 6.77609 14.9993 8.5C14.9993 10.2239 14.3145 11.8772 13.0955 13.0962C11.8765 14.3152 10.2232 15 8.49928 15C6.77537 15 5.12207 14.3152 3.90308 13.0962C2.6841 11.8772 1.99928 10.2239 1.99928 8.5Z" fill="#09244B"/>
356</svg>
357</button>
358</ul>
359<ul class="ser_ul_pd pt20">
360<li class="font-B">많이 검색된 키워드</li>
361<li class="mt-5">
362
363
364    <a class="ser_label" href="javascript:void(0);" data-key="대전"><span class="main_rb_color"><b>#</b></span> 대전</a>
365    <a class="ser_label" href="javascript:void(0);" data-key="대전의"><span class="main_rb_color"><b>#</b></span> 대전의</a>
366    <a class="ser_label" href="javascript:void(0);" data-key="유성온천"><span class="main_rb_color"><b>#</b></span> 유성온천</a>
367    <a class="ser_label" href="javascript:void(0);" data-key="한밭"><span class="main_rb_color"><b>#</b></span> 한밭</a>
368    <a class="ser_label" href="javascript:void(0);" data-key="2026"><span class="main_rb_color"><b>#</b></span> 2026</a>
369
370
371
372<!-- } 인기검색어 끝 --></li>
373</ul>
374<ul class="ser_ul_pd">
375<li class="font-B mt-5">검색조건</li>
376<li class="mt-10">
377<select name="sfl" id="sfl" class="select w40">
378<option value="wr_subject||wr_content">제목+내용</option>
379<option value="wr_subject">제목</option>
380<option value="wr_content">내용</option>
381<option value="mb_id">회원아이디</option>
382<option value="wr_name">이름</option>
383</select>
384 
385<input type="radio" value="and"  id="sop_and" name="sop">
386<label for="sop_and">and</label> 
387<input type="radio" value="or"  id="sop_or" name="sop" >
388<label for="sop_or">or</label>
389</li>
390
391</ul>
392</form>
393</div>
394
395<script>
396function fsearchbox_submit(f) //검색
397{
398	var stx = f.stx.value.trim();
399	if (stx.length < 2) {
400		alert("검색어는 두글자 이상 입력해주세요.");
401		f.stx.select();
402		f.stx.focus();
403		return false;
404	}
405
406	// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
407	var cnt = 0;
408	for (var i = 0; i < stx.length; i++) {
409		if (stx.charAt(i) == ' ')
410			cnt++;
411	}
412
413	if (cnt > 1) {
414		alert("빠른 검색을 위해 공백은 한번만 입력할 수 있어요.");
415		f.stx.select();
416		f.stx.focus();
417		return false;
418	}
419	f.stx.value = stx;
420
421	return true;
422}
423
424//검색창
425$(document).ready(function() {
426var isSearchBoxVisible = false;
427
428$('#search_top_btn').click(function(event) {
429event.stopPropagation(); // Prevent click event from propagating to document
430isSearchBoxVisible = !isSearchBoxVisible;
431if (isSearchBoxVisible) {
432$('#search_box').show();
433$('#search_top_btn').addClass('ser_open');
434$('#ser_inp_fc').focus();
435
436} else {
437$('#search_box').hide();
438$('#search_top_btn').removeClass('ser_open');
439}
440});
441
442$(document).click(function() {
443if (isSearchBoxVisible) {
444$('#search_box').hide();
445$('#search_top_btn').removeClass('ser_open');
446isSearchBoxVisible = false;
447}
448});
449
450$('#search_box').click(function(event) {
451event.stopPropagation(); // Prevent click event from propagating to document
452});
453
454$('.ser_label').click(function() {
455var dataKey = $(this).attr('data-key');
456$('#ser_inp_fc').val(dataKey);
457});
458});
459</script>
459
460
461<!-- 검색끝 -->
462</div>
463
464	
465
466    
467    
467<script>
468        function adjustContentPadding() {
469            // header의 높이 구하기
470            var height_header = $('#header').outerHeight();
471            var sticky_header = $('#header').outerHeight() + 30;
472            // contents_wrap 에 구해진 높이값 적용
473            //$('#contents_wrap').css('padding-top', height_header + 'px');풀페이지소스사용할경우 상단여백 생김주석처리
474            $('#rb_sidemenu').css('top', sticky_header + 'px');
475        }
476
477        $(document).ready(function() {
478            // 처음 페이지 로드 시 호출
479            adjustContentPadding();
480
481            // 브라우저 리사이즈 시 호출
482            $(window).resize(function() {
483                adjustContentPadding();
484            });
485        });
486    </script>
486
487    
488    <div class="contents_wrap" id="contents_wrap">
489       
490                
491        <!-- 
492        $rb_core['sub_width'] 는 반드시 포함해주세요 (환경설정 > 서브가로폭) 
493        모듈박스 스타일 설정
494        md_border_ : (solid, dashed)
495        md_radius_ : (0~30)
496        co_inner_padding_ : (0~30)
497        co_gap_ : (0~30)
498        -->
499        
500        <section class="index co_gap_pc_0">
501        
502                
503                
504        
505                
506        
507    
508
509    
510<!--
511* 환경설정에서 모듈 추가를 사용하려면 반드시 class="flex_box" 를 포함해야 합니다.
512
513* 참고사항
514- 섹션을 좌/우 에 배치하는 경우
515- <div class="flex_box left"></div>
516- <div class="flex_box right"></div>
517- 와 같이 class="flex_box" 를 두개로 배치한 후 css를 추가해주세요.
518
519- 생성되는 모듈은 각 섹션의 좌측부터 순서대로 배치되며
520- 지정된 width 를 벗어나면 줄바꿈 되어 생성 됩니다.
521
522- class="flex_box" 를 사용하지 않고 직접 메인페이지를 구성할 수 있습니다.
523-->
524
525<!-- js -->
526<script src="/theme/rb.basic/rb.layout/basic/js/fullpage.js"></script>
vendor: 2 bytes, line 526
526
527<script src="/theme/rb.basic/rb.layout/basic/js/bootstrap.min.js"></script>
vendor: 2 bytes, line 527
527
528<script src="/theme/rb.basic/rb.layout/basic/js/owl.carousel.min.js"></script>
528
529
530
531<!-- css -->
532<link rel="stylesheet" href="/theme/rb.basic/rb.layout/basic/css/bootstrap.css">
533<link rel="stylesheet" href="/theme/rb.basic/rb.layout/basic/css/fullpage.css">
534<link rel="stylesheet" href="/theme/rb.basic/rb.layout/basic/css/owl.carousel.min.css">
535<link rel="stylesheet" href="/theme/rb.basic/rb.layout/basic/css/owl.theme.default.min.css">
536<link type="text/css" rel="stylesheet" href="/theme/rb.basic/rb.layout/basic/css/animate.min.css">
537
538
539<!-- 퀵메뉴 -->
540<div id="quick-banner">
541    <a href="/request_tour">
542    <div class="box_01">
543        <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24"><path d="M19.95,5.54l-3.49-3.49c-1.32-1.32-3.08-2.05-4.95-2.05H7C4.24,0,2,2.24,2,5v14c0,2.76,2.24,5,5,5h10c2.76,0,5-2.24,5-5V10.49c0-1.87-.73-3.63-2.05-4.95Zm-1.41,1.41c.32,.32,.59,.67,.81,1.05h-4.34c-.55,0-1-.45-1-1V2.66c.38,.22,.73,.49,1.05,.81l3.49,3.49Zm1.46,12.05c0,1.65-1.35,3-3,3H7c-1.65,0-3-1.35-3-3V5c0-1.65,1.35-3,3-3h4.51c.16,0,.33,0,.49,.02V7c0,1.65,1.35,3,3,3h4.98c.02,.16,.02,.32,.02,.49v8.51ZM7.09,13h-1.09c-.55,0-1,.45-1,1v4.44c0,.35,.28,.62,.62,.62s.62-.28,.62-.62v-1.22h.84c1.18,0,2.14-.95,2.14-2.11s-.96-2.11-2.14-2.11Zm0,2.97h-.83s0-1.72,0-1.72h.84c.48,0,.89,.39,.89,.86s-.41,.86-.89,.86Zm11.93-2.34c0,.35-.28,.62-.62,.62h-1.69v1.14h1.24c.35,0,.62,.28,.62,.62s-.28,.62-.62,.62h-1.24v1.8c0,.35-.28,.62-.62,.62s-.62-.28-.62-.62v-4.81c0-.35,.28-.62,.62-.62h2.31c.35,0,.62,.28,.62,.62Zm-6.93-.62h-1.09c-.55,0-1,.45-1,1v4.44c0,.35,.28,.56,.62,.56s1.46,0,1.46,0c1.18,0,2.14-.95,2.14-2.11v-1.78c0-1.16-.96-2.11-2.14-2.11Zm.89,3.89c0,.47-.41,.86-.89,.86h-.83s0-3.5,0-3.5h.84c.48,0,.89,.39,.89,.86v1.78Z"/></svg>
544        <div class="tit">관광자료 신청 </div>
545    </div>
546    </a>
547    <a href="https://www.kctg.or.kr/index.do">
548    <div class="box_02">
549        <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24"><path d="M15.932,1.664c-.344-.973-1.797-.782-1.926,.225-.18,1.615-.85,3.11-4.506,3.11H4C1.794,5,0,6.794,0,9v2c0,1.529,.872,2.844,2.135,3.517l2.941,6.627c.5,1.127,1.619,1.855,2.853,1.855,1.056,0,2.032-.527,2.61-1.411s.672-1.988,.25-2.957l-1.582-3.633h.292c3.656,0,4.326,1.495,4.506,3.11,.157,1.215,1.964,1.107,1.994-.11V2c-.021-.112-.036-.226-.068-.336Zm-6.976,17.767c.154,.353,.121,.74-.09,1.062-.452,.693-1.625,.598-1.961-.16l-2.367-5.333h2.488l1.93,4.432Zm.544-6.432H4c-1.103,0-2-.897-2-2v-2c0-1.103,.897-2,2-2h5.5c1.923,0,3.421-.397,4.5-1.173V14.173c-1.079-.776-2.577-1.173-4.5-1.173Zm12.157,2.657c-.195,.195-.451,.293-.707,.293s-.512-.098-.707-.293c-.391-.391-.391-1.023,0-1.414,2.339-2.339,2.339-6.146,0-8.485-.391-.391-.391-1.023,0-1.414s1.023-.391,1.414,0c3.119,3.119,3.119,8.194,0,11.313Zm-2.94-2.536c-.195,.195-.451,.293-.707,.293s-.512-.098-.707-.293c-.391-.391-.391-1.023,0-1.414,.941-.941,.941-2.473,0-3.414-.391-.391-.391-1.023,0-1.414s1.023-.391,1.414,0c1.721,1.721,1.721,4.521,0,6.242Z"/></svg>
550        <div class="tit">관광해설사예약</div>
551    </div>
552    </a>
553    <a href="https://access.visitkorea.or.kr/ms/list.do#^^30^^modifiedDate^1">
554    <div class="box_02">
555      <div class="quick_img" style="width: 100%; height: 30px; display: flex; justify-content: center;"><img src="https://daejeontour.co.kr/theme/rb.basic/rb.layout/basic/img/wheelchair.svg" alt="무장애관광"></div>
556      <div class="tit">무장애관광</div>
557    </div>
558    </a>
559    <a href="/td_info_djt">
560    <div class="box_03">
561        <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24"><path d="M20.68,1.167l-.021-.007-2.715-.9a5.017,5.017,0,0,0-2.9-.079L9.468,1.8A3.025,3.025,0,0,1,7.42,1.62l-.5-.232A5,5,0,0,0,0,6V18.075a5.013,5.013,0,0,0,3.6,4.8l2.869.9A4.991,4.991,0,0,0,7.964,24,4.592,4.592,0,0,0,9.3,23.819l5.8-1.6a3,3,0,0,1,1.617.013l2.343.676A4,4,0,0,0,24,19.021V5.876A5.01,5.01,0,0,0,20.68,1.167ZM4.176,20.959A3.013,3.013,0,0,1,2,18.075V6a2.953,2.953,0,0,1,1.336-2.5A3,3,0,0,1,5,3a2.9,2.9,0,0,1,1.112.222s.745.319.887.37V21.842ZM9,21.827V3.879a5.105,5.105,0,0,0,1.006-.155L15,2.273V20.2Zm13-2.806a2,2,0,0,1-2.433,1.954L17,20.252V2.075l3.018.979A3.006,3.006,0,0,1,22,5.876Z"/></svg>
562        <div class="tit">관광안내소</div>
563    </div>
564    </a>
565    <a href="/good_shop_djt">
566    <div class="box_04">
567        <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24">
567<path d="M23.297,9.034c-.57-.657-1.396-1.034-2.267-1.034h-.086C20.445,3.506,16.625,0,12,0S3.555,3.506,3.056,8h-.056c-.87,0-1.695,.377-2.266,1.034S-.093,10.562,.03,11.425l1.061,7.424c.42,2.937,2.974,5.151,5.94,5.151h9.969c2.966,0,5.52-2.215,5.94-5.151l1.061-7.424c.123-.862-.134-1.733-.704-2.391ZM12,2c3.52,0,6.441,2.613,6.928,6H5.072c.487-3.387,3.408-6,6.928-6Zm10.021,9.142l-1.061,7.424c-.28,1.958-1.982,3.435-3.96,3.435H7.031c-1.979,0-3.681-1.477-3.96-3.435l-1.061-7.424c-.042-.291,.042-.574,.234-.797,.193-.223,.461-.345,.755-.345H21.03c.294,0,.562,.122,.756,.345,.192,.223,.276,.506,.234,.797Zm-9.021,1.858v6c0,.553-.447,1-1,1s-1-.447-1-1v-6c0-.553,.447-1,1-1s1,.447,1,1Zm5,0v6c0,.553-.447,1-1,1s-1-.447-1-1v-6c0-.553,.447-1,1-1s1,.447,1,1Zm-10,0v6c0,.553-.447,1-1,1s-1-.447-1-1v-6c0-.553,.447-1,1-1s1,.447,1,1Z"/></svg>
568        <div class="tit">굿즈샵</div>
569    </div>
570    </a>
571    <a href="">
572    <div class="box_05">
573        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><g id="_01_align_center" data-name="01"><path d="M22.586,18.148,12.707,8.269a1.021,1.021,0,0,0-1.414,0L1.42,18.142.006,16.728,9.879,6.855a3.073,3.073,0,0,1,4.243,0L24,16.734Z"/></g></svg>
574        <div class="tit">TOP</div>
575    </div>
576    </a>
577</div>
578<!-- 퀵메뉴 끝 -->
579<div class="travel_widget">
580    <div id="fullpage">
581
582        <!-- 메인비쥬얼 -->
583        <div class="section"><div class="flex_box"></div></div>
584        <!-- 메인비쥬얼 끝 -->
585
586        <!-- 바로가기배너 -->
587        <div class="section-disabled section_02_bg fp-skip">
588            <div class="content"><div class="flex_box"></div></div>
589        </div>
590        <!-- 바로가기 배너끝 -->
591
592        <!-- 축제/행사 최신글 -->
593        <div class="section section_03_bg section_festival_event_bg">
594            <div class="content"><div class="flex_box" data-layout="main_festival_event"></div></div>
595        </div>
596        <!-- 축제/행사 최신글 끝 -->
597
598        <!-- 관광정보 -->
599        <div class="section section_03_bg">
600            <div class="content"><div class="flex_box"></div></div>
601        </div>
602        <!-- 관광정보 끝 -->
603
604        <!-- SNS -->
605        <div class="section-disabled section_04_bg fp-skip">
606            <div class="all_tit" style="color:#000">
607                <div class="b_tit"><span class="bold main_rb_color">대전, </span>생각보다 멋진데요?</div>
608                <div class="s_tit">내겐 오래 기억될 여행의 한 장면, 누구에게도 말 안 했던 숨은 장소 공유해요.</div>
609            </div>
610            <div class="content">
611                <div class="flex_box flex_box_l"></div>
612                <div class="flex_box flex_box_r"></div>
613            </div>
614        </div>
615        <!--SNS 끝 -->
616
617        <!-- 축제.행사 -->
618        <div class="section-disabled section_05_bg fp-skip">
619            <div class="content"><div class="flex_box"></div></div>
620        </div>
621        <!-- 축제.행사 끝 -->
622
623        <!-- 하단 -->
624        <div class="section section_06_bg fp-auto-height always-auto-height">
625            <div class="content"><div class="flex_box"></div></div>
626        </div>
627        <!-- 하단 끝 -->
628
629    </div>
630</div>
631
632<style>
633  .fp-skip{height:0 !important; min-height:0 !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important;}
634  .fp-skip .fp-tableCell{height:0 !important; min-height:0 !important;}
635  .fp-skip.fp-section{height:0 !important;}
636  .fp-skip.fp-section .fp-tableCell{height:0 !important;}
637  .fp-skip *{display:none !important;}
638</style>
639
640<script>
641let fpInstance = null;
642
643function initFullpage() {
644  const isMobile = window.innerWidth <= 768;
645
646  // 기존 인스턴스 제거
647  if (fpInstance && typeof fullpage_api !== "undefined") {
648    fullpage_api.destroy('all');
649  }
650
651  // 공통 옵션 정의
652  const commonOptions = {
653    menu: '#menu',
654    scrollingSpeed: 1000,
655
656    onLeave(origin, destination, direction) {
657      const header = document.getElementById('header');
658      const logoImg = $('#header .logo img');
659
660      if (destination.index === 0) {
661        header.classList.remove('scroll');
662        if ($("#header").hasClass("color-bright")) {
663          logoImg.attr('src', '/theme/rb.basic/rb.layout_hd/basic/logo_white.png');
664        }
665      } else {
666        header.classList.add('scroll');
667        if ($("#header").hasClass("color-bright")) {
668          logoImg.attr('src', '/theme/rb.basic/rb.layout_hd/basic/logo.png');
669        }
670      }
671    }
672  };
673
674  // PC
675  if (!isMobile) {
676    // 항상 유지할 섹션 제외하고 auto-height 제거
677    document.querySelectorAll('.fp-auto-height:not(.always-auto-height)').forEach(el => {
678      el.classList.remove('fp-auto-height');
679    });
680
681    fpInstance = new fullpage('#fullpage', commonOptions);
682
683  } else {
684    // 모바일: 필요한 섹션에 auto-height 추가
685    document.querySelectorAll('.section_02_bg, .section_03_bg, .section_04_bg, .section_05_bg').forEach(el => {
686      el.classList.add('fp-auto-height');
687    });
688
689    fpInstance = new fullpage('#fullpage', commonOptions);
690  }
691}
692
693// 초기 실행
694window.addEventListener('DOMContentLoaded', initFullpage);
695
696// 리사이즈 시 재실행
697window.addEventListener('resize', () => {
698  clearTimeout(window.fpResizeTimer);
699  window.fpResizeTimer = setTimeout(initFullpage, 300);
700});
701
702
703</script>
703
704    
705
706
707
708
709</section>
710</div>
711
712
713
714
715    <!--
716    <footer>내용</footer>
717    <footer>는 반드시 포함해주세요.
718    -->
719    
720    <footer>
721        <div class="footer_gnb">
722            <div class="inner" style="width:100%; padding:0px 40px">
723                <ul class="footer_gnb_ul1 pc">
724                    <!--<a href="https://daejeontour.co.kr/content/provision">영상정보처리기기 운영·관리방침</a>
725                    <a href="https://daejeontour.co.kr/content/privacy">개인정보 처리방침</a>-->
726                    <a href="https://www.daejeon.go.kr/drh/DrhContentsHtmlView.do?menuSeq=2062" target="_blank" class="main_rb_color">개인정보 처리방침</a>
727                </ul>
728                <ul class="footer_gnb_ul2">
729                                                                
730                    <!--<a href="https://daejeontour.co.kr/bbs/qalist.php">1:1 문의</a>
731                    <a href="https://daejeontour.co.kr/bbs/faq.php">FAQ</a>
732                    <a href="https://daejeontour.co.kr/rb/new.php">새글</a>
733                    <a href="https://daejeontour.co.kr/bbs/current_connect.php">접속자 
734<span class="cc_total_cnt font-B">38</span></a>-->
735                </ul>
736                <div class="cb"></div>
737            </div>
738        </div>
739        <div class="footer_copy">
740            <div class="inner" style="width:100%; padding:0px 40px">
741                <ul class="footer_copy_ul1">
742                    <li class="footer_copy_ul1_li1">
743                       
744                                                    <a href="#"><img src="https://daejeontour.co.kr/data/logos/pc_w?ver=1790973896"></a>
745                                                
746                        <div class="mobile">
747                            <!--<a href="https://daejeontour.co.kr/content/provision">영상정보처리기기 운영·관리방침</a>
748                            <a href="https://daejeontour.co.kr/content/privacy">개인정보 처리방침</a>-->
749                            <a href="https://www.daejeon.go.kr/drh/DrhContentsHtmlView.do?menuSeq=2062" target="_blank" class="main_rb_color"개인정보 처리방침</a>
750                        </div>
751
752                    </li>
753                    <li class="footer_copy_ul1_li2">
754                        <dd>대전관광</dd>                                                                                                                                                                        </dd>
755                        <dd>주소 :  (35242) 대전광역시 서구 둔산로 100 / 콜센터 (042) 120</dd>                                                <div class="cb"></div>
756                    </li>
757                    
758                                        <li class="footer_copy_ul1_li3">
759                       Copyright 2022 © DAEJEON METROPOLITAN CITY. All rights reserved                    </li>
760                                        
761                </ul>
762                <ul class="footer_copy_ul2" itemscope="" itemtype="http://schema.org/Organization">
763                    <link itemprop="url" href="https://daejeontour.co.kr">
764                                                                                                                                                                                                                            
765                                       
766                   
767                     
768                                 
769                    
770                    
771                    
772                </ul>
773                <div class="cb"></div>
774            </div>
775        </div>
776    </footer>
777
778
779
780
781
782<!-- 전체메뉴 { -->
783<nav id="cbp-hrmenu-btm" class="cbp-hrmenu cbp-hrmenu-btm mobile">
784
785   <div class="rb_btm_search_pn">
786       <ul class="fixed_rb_btm_s">
787           <form name="fsearchbox2" method="get" action="https://daejeontour.co.kr/bbs/search.php" onsubmit="return fsearchbox_submit2(this);">
788           <input type="hidden" name="sfl" value="wr_subject||wr_content">
789
790           <li class="rb_btm_search_pn_li1">
791               <button type="button" class="rb_bs_back_btn">
792                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
793                <g clip-path="url(#clip0_75_6)">
794                <path fill-rule="evenodd" clip-rule="evenodd" d="M8.29303 12.707C8.10556 12.5195 8.00024 12.2652 8.00024 12C8.00024 11.7348 8.10556 11.4805 8.29303 11.293L13.95 5.63601C14.0423 5.5405 14.1526 5.46431 14.2746 5.41191C14.3966 5.3595 14.5278 5.33191 14.6606 5.33076C14.7934 5.3296 14.9251 5.3549 15.048 5.40519C15.1709 5.45547 15.2825 5.52972 15.3764 5.62361C15.4703 5.71751 15.5446 5.82916 15.5949 5.95205C15.6451 6.07495 15.6704 6.20663 15.6693 6.33941C15.6681 6.47219 15.6405 6.60341 15.5881 6.72541C15.5357 6.84742 15.4595 6.95776 15.364 7.05001L10.414 12L15.364 16.95C15.5462 17.1386 15.647 17.3912 15.6447 17.6534C15.6424 17.9156 15.5373 18.1664 15.3518 18.3518C15.1664 18.5372 14.9156 18.6424 14.6534 18.6447C14.3912 18.647 14.1386 18.5462 13.95 18.364L8.29303 12.707Z" fill="#09244B"/>
795                </g>
796                <defs>
797                <clipPath id="clip0_75_6">
798                <rect width="24" height="24" fill="white"/>
799                </clipPath>
800                </defs>
801                </svg>
802               </button>
803           </li>
804           <li class="rb_btm_search_pn_li2">
805               <input type="text" name="stx" maxlength="20" class="rb_bs_inp font-B" placeholder="검색어를 입력하세요." required>
806           </li>
807           <li class="rb_btm_search_pn_li3">
808                <button type="submit" class="rb_bs_se_btn">
809                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
810                <g clip-path="url(#clip0_75_10)">
811                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 2C9.1446 2.00012 7.80887 2.32436 6.60427 2.94569C5.39966 3.56702 4.3611 4.46742 3.57525 5.57175C2.78939 6.67609 2.27902 7.95235 2.08672 9.29404C1.89442 10.6357 2.02576 12.004 2.46979 13.2846C2.91382 14.5652 3.65766 15.7211 4.63925 16.6557C5.62084 17.5904 6.81171 18.2768 8.11252 18.6576C9.41333 19.0384 10.7864 19.1026 12.117 18.8449C13.4477 18.5872 14.6975 18.015 15.762 17.176L19.414 20.828C19.6026 21.0102 19.8552 21.111 20.1174 21.1087C20.3796 21.1064 20.6304 21.0012 20.8158 20.8158C21.0012 20.6304 21.1064 20.3796 21.1087 20.1174C21.111 19.8552 21.0102 19.6026 20.828 19.414L17.176 15.762C18.164 14.5086 18.7792 13.0024 18.9511 11.4157C19.123 9.82905 18.8448 8.22602 18.1482 6.79009C17.4517 5.35417 16.3649 4.14336 15.0123 3.29623C13.6597 2.44911 12.096 1.99989 10.5 2ZM4.00001 10.5C4.00001 8.77609 4.68483 7.12279 5.90382 5.90381C7.1228 4.68482 8.7761 4 10.5 4C12.2239 4 13.8772 4.68482 15.0962 5.9
8110381C16.3152 7.12279 17 8.77609 17 10.5C17 12.2239 16.3152 13.8772 15.0962 15.0962C13.8772 16.3152 12.2239 17 10.5 17C8.7761 17 7.1228 16.3152 5.90382 15.0962C4.68483 13.8772 4.00001 12.2239 4.00001 10.5Z" fill="#09244B"/>
812                </g>
813                <defs>
814                <clipPath id="clip0_75_10">
815                <rect width="24" height="24" fill="white"/>
816                </clipPath>
817                </defs>
818                </svg>
819                </button>
820           </li>
821           </form>
822           
823           
823<script>
824               function fsearchbox_submit2(f) //검색
825               {
826                   var stx = f.stx.value.trim();
827                   if (stx.length < 2) {
828                       alert("검색어는 두글자 이상 입력해주세요.");
829                       f.stx.select();
830                       f.stx.focus();
831                       return false;
832                   }
833
834                   // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
835                   var cnt = 0;
836                   for (var i = 0; i < stx.length; i++) {
837                       if (stx.charAt(i) == ' ')
838                           cnt++;
839                   }
840
841                   if (cnt > 1) {
842                       alert("빠른 검색을 위해 공백은 한번만 입력할 수 있어요.");
843                       f.stx.select();
844                       f.stx.focus();
845                       return false;
846                   }
847                   f.stx.value = stx;
848
849                   return true;
850               }
851
852           </script>
852
853           
854       </ul>
855       <br><br><br><br>
856       <ul class="rb_btm_skey">
857           <h6 class="font-B">인기 검색어</h6>
858           <li>
859                      </li>
860       </ul>
861       
862       
863       <ul class="rb_btm_sbbs">
864            <h6 class="font-B">요즘 뜨는 글</h6>
865
866            
867
868        
869            <div class="hub_latest">
870
871                <div class="rb_swiper" 
872                    id="rb_swiper_hub_2" 
873                    data-pc-w="1" 
874                    data-pc-h="5" 
875                    data-mo-w="1" 
876                    data-mo-h="5" 
877                    data-pc-gap="30" 
878                    data-mo-gap="20" 
879                    data-autoplay="0" 
880                    data-autoplay-time="0" 
881                    data-pc-swap="0" 
882                    data-mo-swap="0" 
883                >
884
885                    <div class="rb_swiper_inner">
886                        <div class="rb-swiper-wrapper swiper-wrapper">
887
888                            
889                            <!-- 카드 -->
890                              <div class="rb_swiper_list rb_swiper_hub_1_wrap rb_swiper_hub_top_skin">
891                                <!-- 이 안의 ul에도 li 없던 문제는 유지하되, 구조 문제 있으면 li로 감싸세요 -->
892                                <ul class="rb_swiper_hub_1_wrap_ul2">
893                                  <li><a href="https://daejeontour.co.kr/festival_djt/48"><img src="https://daejeontour.co.kr/data/file/festival_djt/thumb-3529984129_6a9e59e14e1ad_________________________________FINAL_200x200.jpg" alt="" class="skin_list_image"></a></li>
894                                </ul>
895
896                                <ul class="rb_swiper_hub_1_wrap_ul1">
897                                  <li class="rb_swiper_hub_1_wrap_i">
898
899                                    <span>축제.행사 </span>
900                                    
901                                  </li>
902
903                                  <li class="rb_swiper_hub_1_wrap_t cut2 mt-10">
904                                    <a href="https://daejeontour.co.kr/festival_djt/48" class="font-16">2026 대전 서구 아트 페스티벌 </a>
905                                  </li>
906
907                                  <li class="rb_swiper_hub_1_wrap_i mt-5">
908                                    <span class="font-R font-12 color-999">박건유 2026-09-07</span>
909                                  </li>
910                                </ul>
911                              </div>
912                              
913                            <!-- 카드 -->
914                              <div class="rb_swiper_list rb_swiper_hub_1_wrap rb_swiper_hub_top_skin">
915                                <!-- 이 안의 ul에도 li 없던 문제는 유지하되, 구조 문제 있으면 li로 감싸세요 -->
916                                <ul class="rb_swiper_hub_1_wrap_ul2">
917                                  <li><a href="https://daejeontour.co.kr/festival_djt/47"><img src="https://daejeontour.co.kr/data/file/festival_djt/thumb-3529984129_6a9e57b141296_2026__________________________200x200.jpg" alt="" class="skin_list_image"></a></li>
918                                </ul>
919
920                                <ul class="rb_swiper_hub_1_wrap_ul1">
921                                  <li class="rb_swiper_hub_1_wrap_i">
922
923                                    <span>축제.행사 </span>
924                                    
925                                  </li>
926
927                                  <li class="rb_swiper_hub_1_wrap_t cut2 mt-10">
928                                    <a href="https://daejeontour.co.kr/festival_djt/47" class="font-16">2026 국가유산 야행 『근대도시 대전 중구 야행』 </a>
929                                  </li>
930
931                                  <li class="rb_swiper_hub_1_wrap_i mt-5">
932                                    <span class="font-R font-12 color-999">박건유 2026-09-07</span>
933                                  </li>
934                                </ul>
935                              </div>
936                              
937                            <!-- 카드 -->
938                              <div class="rb_swiper_list rb_swiper_hub_1_wrap rb_swiper_hub_top_skin">
939                                <!-- 이 안의 ul에도 li 없던 문제는 유지하되, 구조 문제 있으면 li로 감싸세요 -->
940                                <ul class="rb_swiper_hub_1_wrap_ul2">
941                                  <li><a href="https://daejeontour.co.kr/festival_djt/49"><img src="https://daejeontour.co.kr/data/file/festival_djt/thumb-3529984129_6a9e802fa8063_20260824_1__1__200x200.jpg" alt="" class="skin_list_image"></a></li>
942                                </ul>
943
944                                <ul class="rb_swiper_hub_1_wrap_ul1">
945                                  <li class="rb_swiper_hub_1_wrap_i">
946
947                                    <span>축제.행사 </span>
948                                    
949                                  </li>
950
951                                  <li class="rb_swiper_hub_1_wrap_t cut2 mt-10">
952                                    <a href="https://daejeontour.co.kr/festival_djt/49" class="font-16">2026 대청호 오백리길 걷기대회 </a>
953                                  </li>
954
955                                  <li class="rb_swiper_hub_1_wrap_i mt-5">
956                                    <span class="font-R font-12 color-999">박건유 2026-09-07</span>
957                                  </li>
958                                </ul>
959                              </div>
960                              
961                            <!-- 카드 -->
962                              <div class="rb_swiper_list rb_swiper_hub_1_wrap rb_swiper_hub_top_skin">
963                                <!-- 이 안의 ul에도 li 없던 문제는 유지하되, 구조 문제 있으면 li로 감싸세요 -->
964                                <ul class="rb_swiper_hub_1_wrap_ul2">
965                                  <li><a href="https://daejeontour.co.kr/festival_djt/52"><img src="https://daejeontour.co.kr/data/file/festival_djt/thumb-3529984129_6aaa276d24420_________________200x200.jpg" alt="" class="skin_list_image"></a></li>
966                                </ul>
967
968                                <ul class="rb_swiper_hub_1_wrap_ul1">
969                                  <li class="rb_swiper_hub_1_wrap_i">
970
971                                    <span>축제.행사 </span>
972                                    
973                                  </li>
974
975                                  <li class="rb_swiper_hub_1_wrap_t cut2 mt-10">
976                                    <a href="https://daejeontour.co.kr/festival_djt/52" class="font-16">2026 대한민국 밤밤 페스타 </a>
977                                  </li>
978
979                                  <li class="rb_swiper_hub_1_wrap_i mt-5">
980                                    <span class="font-R font-12 color-999">박건유 2026-09-16</span>
981                                  </li>
982                                </ul>
983                              </div>
984                              
985                            <!-- 카드 -->
986                              <div class="rb_swiper_list rb_swiper_hub_1_wrap rb_swiper_hub_top_skin">
987                                <!-- 이 안의 ul에도 li 없던 문제는 유지하되, 구조 문제 있으면 li로 감싸세요 -->
988                                <ul class="rb_swiper_hub_1_wrap_ul2">
989                                  <li><a href="https://daejeontour.co.kr/festival_djt/50"><img src="https://daejeontour.co.kr/data/file/festival_djt/thumb-3529984129_6aa8f70552419__________________________________200x200.jpg" alt="" class="skin_list_image"></a></li>
990                                </ul>
991
992                                <ul class="rb_swiper_hub_1_wrap_ul1">
993                                  <li class="rb_swiper_hub_1_wrap_i">
994
995                                    <span>축제.행사 </span>
996                                    
997                                  </li>
998
999                                  <li class="rb_swiper_hub_1_wrap_t cut2 mt-10">
1000                                    <a href="https://daejeontour.co.kr/festival_djt/50" class="font-16">2026 시그니처 대전 야외콘서트 </a>
1001                                  </li>
1002
1003                                  <li class="rb_swiper_hub_1_wrap_i mt-5">
1004                                    <span class="font-R font-12 color-999">박건유 2026-09-15</span>
1005                                  </li>
1006                                </ul>
1007                              </div>
1008                              
1009                            </div>
1010
1011                                                      </div>
1012
1013
1014                </div>
1015
1016
1017            </div>
1018        
1019
1020           
1021       </ul>
1022   </div>
1023   
1024   <button type="button" id="m_gnb_close_btn" class="mobile">
1025        <img src="https://daejeontour.co.kr/rb/rb.config/image/icon_close.svg">
1026    </button>
1027
1028    
1029    <button type="button" class="rb_btm_search_btn">
1030        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1031            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.49928 1.91687e-08C7.14387 0.000115492 5.80814 0.324364 4.60353 0.945694C3.39893 1.56702 2.36037 2.46742 1.57451 3.57175C0.788656 4.67609 0.278287 5.95235 0.0859852 7.29404C-0.106316 8.63574 0.0250263 10.004 0.469055 11.2846C0.913084 12.5652 1.65692 13.7211 2.63851 14.6557C3.6201 15.5904 4.81098 16.2768 6.11179 16.6576C7.412
10316 17.0384 8.78562 17.1026 10.1163 16.8449C11.447 16.5872 12.6967 16.015 13.7613 15.176L17.4133 18.828C17.6019 19.0102 17.8545 19.111 18.1167 19.1087C18.3789 19.1064 18.6297 19.0012 18.8151 18.8158C19.0005 18.6304 19.1057 18.3796 19.108 18.1174C19.1102 17.8552 19.0094 17.6026 18.8273 17.414L15.1753 13.762C16.1633 12.5086 16.7784 11.0024 16.9504 9.41573C17.1223 7.82905 16.8441 6.22602 16.1475 4.79009C15.4509 3.35417 14.3642 2.14336 13.0116 1.29623C11.659 0.449106 10.0952 -0.000107143 8.49928 1.91687e-08ZM1.99928 8.5C1.99928 6.77609 2.6841 5.12279 3.90308 3.90381C5.12207 2.68482 6.77537 2 8.49928 2C10.2232 2 11.8765 2.68482 13.0955 3.90381C14.3145 5.12279 14.9993 6.77609 14.9993 8.5C14.9993 10.2239 14.3145 11.8772 13.0955 13.0962C11.8765 14.3152 10.2232 15 8.49928 15C6.77537 15 5.12207 14.3152 3.90308 13.0962C2.6841 11.8772 1.99928 10.2239 1.99928 8.5Z" fill="#09244B"></path>
1032        </svg>
1033    </button>
1034    
1035    
1035<script>
1036    $('.ser_label').click(function() {
1037        var dataKey = $(this).attr('data-key');
1038        $('.rb_bs_inp').val(dataKey);
1039    });
1040    document.addEventListener('click', function (ev) {
1041        // 검색 버튼 -> 열기
1042        var openBtn = ev.target.closest('.rb_btm_search_btn');
1043        if (openBtn) {
1044            var pn1 = document.querySelector('.rb_btm_search_pn');
1045            if (pn1) pn1.classList.add('open');
1046            return;
1047        }
1048
1049        // 뒤로 버튼 -> 닫기
1050        var backBtn = ev.target.closest('.rb_bs_back_btn');
1051        if (backBtn) {
1052            var pn2 = document.querySelector('.rb_btm_search_pn');
1053            if (pn2) pn2.classList.remove('open');
1054            return;
1055        }
1056    });
1057    </script>
1057
1058    
1059    
1059<script>
1060        $(document).ready(function() {
1061            $('#m_gnb_close_btn').click(function() {
1062                $('#cbp-hrmenu-btm').removeClass('active');
1063                $('#m_gnb_close_btn').removeClass('active');
1064                $('main').removeClass('moves');
1065                $('header').removeClass('moves');
1066            });
1067        });
1068    </script>
1068
1069
1070
1071    <div class="user_prof_bg">
1072                <li class="user_prof_bg_info font-B">Guest</li>
1073            </div>
1074    <div class="user_prof">
1075                <img src="https://daejeontour.co.kr/img/no_profile.gif" alt="profile_image">            </div>
1076    <div class="user_prof_btns">
1077        <li class="">
1078                        <button type="button" alt="로그인" class="btn_round" onclick="location.href='https://daejeontour.co.kr/bbs/login.php?url=https%3A%2F%2Fdaejeontour.co.kr%2F';">로그인</button>
1079            <button type="button" alt="회원가입" class="btn_round arr_bg font-B" onclick="location.href='https://daejeontour.co.kr/bbs/register.php';">회원가입</button>
1080                    </li>
1081    </div>
1082
1083
1084
1085    <ul>
1086            <li class="add_arr_svg">
1087            <a href="#" target="_self" class="font-B">대전 지금은</a>
1088            <button type="button" class="add_arr_btn" aria-label="서브메뉴 열기"></button>
1089            <div class="cbp-hrsub"><div class="cbp-hrsub-inner"><div><ul>
1090<li class="rb-btm-2d"><a href="/issue_djt" target="_self">대전잇슈</a></li>
1091<li class="rb-btm-2d"><a href="/festival_djt" target="_self">축제.행사</a></li>
1092<li class="rb-btm-2d"><a href="/festival_djt?djt_mode=culture" target="_blank">전시.공연</a></li>
1093<li class="rb-btm-2d"><a href="/notice" target="_self">공지사항</a></li>
1094</ul></div></div></div>
1095        </li>
1096            <li class="add_arr_svg">
1097            <a href="#" target="_self" class="font-B">추천여행</a>
1098            <button type="button" class="add_arr_btn" aria-label="서브메뉴 열기"></button>
1099            <div class="cbp-hrsub"><div class="cbp-hrsub-inner"><div><ul>
1100<li class="rb-btm-2d"><a href="/month_djt" target="_self">이달의 대전</a></li>
1101<li class="rb-btm-2d"><a href="/recommend_djt" target="_self">추천코스</a></li>
1102<li class="rb-btm-2d"><a href="/find_djt" target="_self">대전 구석구석</a></li>
1103<li class="rb-btm-2d"><a href="https://blog.naver.com/light_daejeon" target="_self">야간관광</a></li>
1104<li class="rb-btm-2d"><a href="/subway_djt" target="_self">지하철 여행</a></li>
1105<li class="rb-btm-2d"><a href="/work_djt" target="_self">도보 여행길</a></li>
1106</ul></div></div></div>
1107        </li>
1108            <li class="add_arr_svg">
1109            <a href="#" target="_self" class="font-B">대전 둘러보기</a>
1110            <button type="button" class="add_arr_btn" aria-label="서브메뉴 열기"></button>
1111            <div class="cbp-hrsub"><div class="cbp-hrsub-inner"><div><ul>
1112<li class="rb-btm-2d"><a href="/sights_djt" target="_self">명소</a></li>
1113<li class="rb-btm-2d"><a href="https://www.daejeon.go.kr/fod/index.do" target="_blank">맛집</a></li>
1114<li class="rb-btm-2d"><a href="/hotel_djt" target="_self">숙박</a></li>
1115<li class="rb-btm-2d"><a href="/shop_djt" target="_self">쇼핑</a></li>
1116</ul></div></div></div>
1117        </li>
1118            <li class="add_arr_svg">
1119            <a href="#" target="_self" class="font-B">여행 도우미</a>
1120            <button type="button" class="add_arr_btn" aria-label="서브메뉴 열기"></button>
1121            <div class="cbp-hrsub"><div class="cbp-hrsub-inner"><div><ul>
1122<li class="rb-btm-2d"><a href="/td_info_djt" target="_self">관광안내소</a></li>
1123<li class="rb-btm-2d"><a href="/content/tour_guide" target="_self">문화관광해설사</a></li>
1124<li class="rb-btm-2d"><a href="/tour_djt" target="_self">투어 프로그램</a></li>
1125<li class="rb-btm-2d"><a href="/guide_book_djt" target="_self">가이드북</a></li>
1126<li class="rb-btm-2d"><a href="/content/travel_lounge" target="_self">트래블 라운지</a></li>
1127</ul></div></div></div>
1128        </li>
1129            <li class="add_arr_svg">
1130            <a href="#" target="_self" class="font-B">여행이야기</a>
1131            <button type="button" class="add_arr_btn" aria-label="서브메뉴 열기"></button>
1132            <div class="cbp-hrsub"><div class="cbp-hrsub-inner"><div><ul>
1133<li class="rb-btm-2d"><a href="https://photo.daejeon.go.kr/kor/sub04_04.do#tab1" target="_blank">대전여행 사진</a></li>
1134<li class="rb-btm-2d"><a href="/youtube_djt" target="_self">대전여행 영상</a></li>
1135<li class="rb-btm-2d"><a href="/good_shop_djt" target="_self">대전 굿즈샵</a></li>
1136</ul></div></div></div>
1137        </li>
1138        </ul>
1139
1140
1141
1142</nav>
1143
1144<script>
1145(function () {
1146    // // 캡처 단계에서 3차 토글 먼저 처리 (기존 btm 스크립트 간섭 차단)
1147    document.addEventListener('click', function (e) {
1148        var btn = e.target.closest('#cbp-hrmenu-btm .rb-btm-3d-toggle');
1149        if (!btn) return;
1150
1151        e.preventDefault();
1152        e.stopPropagation();
1153
1154        var li = btn.closest('li.rb-btm-2d') || btn.closest('li');
1155        if (!li) return;
1156
1157        var panel = li.querySelector(':scope > .cbp-hrsub-3') || li.querySelector('.cbp-hrsub-3');
1158        if (!panel) return;
1159
1160        // // 토글
1161        var isOpen = panel.style.display === 'block' || panel.offsetParent !== null;
1162        if (isOpen) {
1163            panel.style.display = 'none';
1164            li.classList.remove('rb-3d-open');
1165        } else {
1166            // // 형제 3차 닫기(원하면 제거 가능)
1167            var sibs = li.parentElement ? li.parentElement.children : [];
1168            for (var i = 0; i < sibs.length; i++) {
1169                sibs[i].classList.remove('rb-3d-open');
1170                var p = sibs[i].querySelector('.cbp-hrsub-3');
1171                if (p) p.style.display = 'none';
1172            }
1173
1174            panel.style.display = 'block';
1175            li.classList.add('rb-3d-open');
1176        }
1177    }, true); // true = capture
1178})();
1179</script>
1179
1180
1181
1182<!-- } -->
1183
1184
1185<script src="https://daejeontour.co.kr/theme/rb.basic/rb.js/cbpHorizontalMenu.min.js"></script>
vendor: 1 bytes, line 1185
1185
1186<script>
1187    $(function() {
1188        cbpHorizontalMenu.init();
1189        cbpHorizontalMenu_btm.init();
1190    });
1191</script>
1191
1192<!-- } -->
1193
1194<!-- 캘린더 옵션 { -->
1195<script>
1196    $.datepicker.setDefaults({
1197        closeText: "닫기",
1198        prevText: "이전달",
1199        nextText: "다음달",
1200        currentText: "오늘",
1201        monthNames: ["1월", "2월", "3월", "4월", "5월", "6월",
1202            "7월", "8월", "9월", "10월", "11월", "12월"
1203        ],
1204        monthNamesShort: ["1월", "2월", "3월", "4월", "5월", "6월",
1205            "7월", "8월", "9월", "10월", "11월", "12월"
1206        ],
1207        dayNames: ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"],
1208        dayNamesShort: ["일", "월", "화", "수", "목", "금", "토"],
1209        dayNamesMin: ["일", "월", "화", "수", "목", "금", "토"],
1210        weekHeader: "주",
1211        dateFormat: "yy-mm-dd",
1212        firstDay: 0,
1213        isRTL: false,
1214        showMonthAfterYear: true,
1215        yearSuffix: "년"
1216    })
1217
1218    $(".datepicker_inp").datepicker({
1219        //minDate: 0
1220    })
1221</script>
1221
1222
1223<script>
1224    (function() {
1225        if (!window.comment_box || window.comment_box.__patched) return;
1226
1227        var _orig = window.comment_box;
1228
1229        function kick() {
1230            var ta = document.getElementById('wr_content');
1231            if (!ta) return;
1232            if (window.jQuery) $('#wr_content').trigger('input');
1233            else {
1234                ta.style.minHeight = '150px';
1235                ta.style.height = 'auto';
1236                ta.style.height = ta.scrollHeight + 'px';
1237            }
1238        }
1239
1240        window.comment_box = function() {
1241            var ret = _orig.apply(this, arguments);
1242            // 레이아웃 반영 후 두 번 정도 태워줌
1243            requestAnimationFrame(kick);
1244            setTimeout(kick, 0);
1245            return ret;
1246        };
1247        window.comment_box.__patched = true;
1248    })();
1249</script>
vendor: 1 bytes, line 1249
1249
1250<script>
1251(function () {
1252  // 1) check_byte를 원형 보존 + 최근 target만 기록 (동작은 100% 동일)
1253  if (typeof window.check_byte === 'function' && !window.check_byte.__rb_wrapped) {
1254    var __orig_check_byte = window.check_byte;
1255    window.__rb_last_cb_target = null;
1256
1257    window.check_byte = function (content, target) {
1258      window.__rb_last_cb_target = target || window.__rb_last_cb_target;
1259      return __orig_check_byte.apply(this, arguments);
1260    };
1261    window.check_byte.__rb_wrapped = true;
1262    window.check_byte.__rb_orig = __orig_check_byte;
1263  }
1264
1265  // 2) comment_box 원본 보존 후, 실행 직후 "한 번만" 재계산
1266  if (typeof window.comment_box === 'function' && !window.comment_box.__rb_patched) {
1267    var _orig_comment_box = window.comment_box;
1268
1269    window.comment_box = function () {
1270      var ret = _orig_comment_box.apply(this, arguments);
1271
1272      setTimeout(function () {
1273        // 최근에 페이지가 사용한 target을 우선 사용
1274        var target = window.__rb_last_cb_target
1275                  || (document.getElementById('char_count') ? 'char_count' : null)
1276                  || (document.getElementById('char_cnt')   ? 'char_cnt'   : null);
1277
1278        if (typeof window.check_byte === 'function' && target) {
1279          // 원래 출력 형식(N 글자 등)을 그대로 유지하려고 원본 check_byte를 호출
1280          var fn = window.check_byte.__rb_orig || window.check_byte;
1281          fn('wr_content', target);
1282        }
1283      }, 0);
1284
1285      return ret;
1286    };
1287    window.comment_box.__rb_patched = true;
1288  }
1289})();
1290</script>
1290
1291
1292
1293<link rel="stylesheet" href="https://daejeontour.co.kr/theme/rb.basic/rb.css/datepicker.css" />
1294<!-- } -->
1295
1296
1297
1298<script>AOS.init();</script>
1298
1299<!-- } 하단 끝 -->
1300
1301<script>
1302    $(function() {
1303        // 폰트 리사이즈 쿠키있으면 실행
1304        font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
1305    });
1306
1307</script>
1307
1308
1309
1310
1311
1312
1313<link rel="stylesheet" href="https://daejeontour.co.kr/rb/rb.mod/lang/lang.css?ver=2026-10-03 05:44:56">
1314<div id="google_translate_element" style="visibility:hidden; position:absolute; top:0;"></div>
1315
1316<script>
1317// 1) 전역 콜백 정의
1318function googleTranslateElementInit() {
1319    new google.translate.TranslateElement({
1320        pageLanguage: 'ko',
1321        autoDisplay: true
1322    }, 'google_translate_element');
1323}
1324
1325// 2) 번역 스크립트 비동기 로드
1326(function(){
1327    // 중복 방지
1328    if (window.googleTranslateScriptLoading) return;
1329    window.googleTranslateScriptLoading = true;
1330
1331    // 로딩을 살짝 늦춰 렌더링 우선
1332    setTimeout(function(){
1333        const script = document.createElement('script');
1334        script.src = 'https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
1335        script.defer = true;
1336        script.async = true;
1337        script.onload = function() {
1338            console.log("Google Translate 로드 완료");
1339        };
1340        script.onerror = function(){
1341            console.warn("Google Translate 로딩 실패. 3초 후 재시도합니다.");
1342            setTimeout(() => location.reload(), 3000);
1343        };
1344        document.head.appendChild(script);
1345    }, 300); // 0.3초 지연 로딩 (사용자 렌더링 우선)
1346})();
1347</script>
1347
1348
1349<script>
1350$(function(){
1351    // --- 3) 언어 선택 아이콘 생성 ---
1352    if ($('div.lang').length) {
1353        var tpl = '' +
1354        '<li id="google_notranslate_top">' +
1355            '<a href="javascript:;"><img src="https://daejeontour.co.kr/rb/rb.mod/lang//image/ko.png" style="height:20px !important;"></a>' +
1356            '<div class="translation-links" style="display:none;">' +
1357                '<a href="javascript:;" class="lang_ko" data-lang="ko"><img src="https://daejeontour.co.kr/rb/rb.mod/lang//image/ko.png" alt="한국어" style="height:20px !important;"></a>' +
1358                                '<a href="javascript:;" class="lang_en" data-lang="en"><img src="https://daejeontour.co.kr/rb/rb.mod/lang//image/en.png" alt="영어" style="height:20px !important;"></a>' +
1359                                                '<a href="javascript:;" class="lang_zh-CN" data-lang="zh-CN"><img src="https://daejeontour.co.kr/rb/rb.mod/lang//image/zh-CN.png" alt="중국어" style="height:20px !important;"></a>' +
1360                                                '<a href="javascript:;" class="lang_ja" data-lang="ja"><img src="https://daejeontour.co.kr/rb/rb.mod/lang//image/ja.png" alt="일본어" style="height:20px !important;"></a>' +
1361                                                                                                            '</div>' +
1362        '</li>';
1363        $('div.lang').after(tpl);
1364    }
1365
1366    // --- 4) updateLanguage 정의: 상단 아이콘만 교체 ---
1367    function updateLanguage(langCode) {
1368        $('#google_notranslate_top > a img')
1369            .attr('src', 'https://daejeontour.co.kr/rb/rb.mod/lang//image/' + langCode + '.png');
1370    }
1371
1372    // --- 5) 호버로 언어 리스트 보이기/숨기기 ---
1373    $(document).on('mouseenter', '#google_notranslate_top', function(){
1374        $(this).find('.translation-links').show();
1375    }).on('mouseleave', '#google_notranslate_top', function(){
1376        $(this).find('.translation-links').hide();
1377    });
1378
1379    // --- 6) 언어 클릭 시 적용 & 재시도 로직 ---
1380    $(document).on('click', '.translation-links a', function(e){
1381        e.preventDefault();
1382        var tolang  = $(this).data('lang');
1383        var attempt = 0;
1384
1385        function applyLang(){
1386            var combo = document.querySelector('.goog-te-combo');
1387            if (combo) {
1388                combo.value = tolang;
1389                combo.dispatchEvent(new Event('change'));
1390                localStorage.setItem('selectedLanguage', tolang);
1391                updateLanguage(tolang);
1392                if (tolang === 'ko') location.reload();
1393            } else if (++attempt < 5) {
1394                setTimeout(applyLang, 400);
1395            } else {
1396                alert("구글번역 서비스가 원활하지 않습니다.\n잠시 후 다시 시도해주세요.");
1397            }
1398        }
1399        applyLang();
1400    });
1401
1402    // --- 7) 페이지 로드 시 저장된 언어 자동 적용 ---
1403    $(window).on('load', function(){
1404        var saved = localStorage.getItem('selectedLanguage') || 'ko';
1405        var combo = document.querySelector('.goog-te-combo');
1406        if (combo) {
1407            combo.value = saved;
1408            combo.dispatchEvent(new Event('change'));
1409        }
1410        updateLanguage(saved);
1411    });
1412});
1413</script>
1413
1414
1415
1416<link rel="stylesheet" href="https://daejeontour.co.kr/rb/rb.mod/popup/style.css?ver=2026-10-03 05:44:56">
1417
1418
1419<div class="rb_popups" id="rb_pops">
1420
1421    <div class="rb_popups_wrap">
1422       
1423               
1424        <div class="rb_popups_inner" id="rb_pops_8">
1425
1426            <div class="swiper-container swiper-container-rb-popups">
1427                <ul class="swiper-wrapper swiper-wrapper-rb-popups">
1428                       
1429                                                <li class="swiper-slide swiper-slide-rb-popups"><p><br style="clear:both;" /> <a href="https://daejeontour.co.kr/notice/34" rel="nofollow"><img src="https://daejeontour.co.kr/data/editor/2609/e27e94910d1862eff89a7f247bfd16ee_1790574520_9904.jpg" title="e27e94910d1862eff89a7f247bfd16ee_1790574520_9904.jpg" alt="e27e94910d1862eff89a7f247bfd16ee_1790574520_9904.jpg" /> </a></p></li>
1430                                                <li class="swiper-slide swiper-slide-rb-popups"><p><a href="https://www.daejeon.go.kr/drh/drhGosiView.do?gosigbn=A&amp;sno=55430&amp;menuSeq=1908&amp;pageIndex=1&amp;conifmstdt=2026-01-01&amp;conifmenddt=2026-12-31&amp;title" rel="nofollow"><img src="https://daejeontour.co.kr/data/editor/2610/cf0a85edb9b98b88b86638372018f14e_1790909096_1304.jpg" title="cf0a85edb9b98b88b86638372018f14e_1790909096_1304.jpg" alt="cf0a85edb9b98b88b86638372018f14e_1790909096_1304.jpg" /></a><br style="clear:both;" /> </p></li>
1431                                                <li class="swiper-slide swiper-slide-rb-popups"><p><br style="clear:both;" /> <a href="https://ktostay.visitkorea.or.kr/?utm_source=naver_pc&amp;utm_medium=main_text_5" rel="nofollow"><img src="https://daejeontour.co.kr/data/editor/2609/ea4e461398ddba37de716f3b6be49a15_1789709381_1081.jpg" title="ea4e461398ddba37de716f3b6be49a15_1789709381_1081.jpg" alt="ea4e461398ddba37de716f3b6be49a15_1789709381_1081.jpg" /></a></p></li>
1432                                                <li class="swiper-slide swiper-slide-rb-popups"><p><img src="https://daejeontour.co.kr/data/editor/2609/02e64f0b23a3588342f17883b8900e98_1790127182_4754.jpg" title="02e64f0b23a3588342f17883b8900e98_1790127182_4754.jpg" alt="02e64f0b23a3588342f17883b8900e98_1790127182_4754.jpg" /></p></li>
1433                    
1434                </ul>
1435 
1436                    <div class="swiper-pagination rb_popup_caption">
1437                                                <div class="bullet-text" data-bullet="빵갑습니다 in 대전(10월~11월)"></div>
1438                                                <div class="bullet-text" data-bullet="2026 대전관광사진 전국공모전 접수(10.5~11.6)"></div>
1439                                                <div class="bullet-text" data-bullet="대한민국 숙박세일 페스타(9.22.-11.8.)"></div>
1440                                                <div class="bullet-text" data-bullet="충청권 광역투어패스 가을맞이 특가(9.23.-11.30.)"></div>
1441                                            </div>
1442
1443               
1444            </div>
1445            
1446            <div class="hd_pops_footer">
1447                <button class="rb_pops_reject rb_pops_8 24"><strong>24</strong>시간 동안 다시 열람하지 않습니다.</button>
1448                <button class="rb_pops_close rb_pops_8">닫기</button>
1449            </div>
1450
1451        </div>
1452        
1453            </div>
1454    
1455    
1456</div>
1457
1458
1459
1460
1461
1462<script>
1463$(function() {
1464    // 모든 팝업을 초기 상태에서 숨김
1465            $('.rb_popups_inner').css({ display: 'none', opacity: '0', top: '70%' });
1466        
1467    // Swiper 초기화 함수
1468    function initializeSwiper(popup) {
1469        const swiper = new Swiper(`#${popup.attr('id')} .swiper-container`, {
1470            slidesPerView: 1,
1471            observer: true,
1472            observeParents: true,
1473            touchRatio: 1,
1474            autoHeight: true,
1475            autoplay: {
1476                delay: 5000,
1477                disableOnInteraction: false,
1478            },
1479            pagination: {
1480                el: `#${popup.attr('id')} .swiper-pagination`,
1481                clickable: true,
1482                renderBullet: function (index, className) {
1483                    var bulletText = popup.find(`.bullet-text:eq(${index})`).data('bullet');
1484                    return `<div class="${className}"><span>${bulletText}</span></div>`;
1485                }
1486            },
1487            on: {
1488                init: function () {
1489                    // Swiper 초기화 후 아래에서 위로 올라오면서 서서히 보이게 함
1490                    popup.css({ display: 'block' }).animate({ top: '50%', opacity: '1' }, 600, 'easeOutCubic');
1491                }
1492            }
1493        });
1494        return swiper;
1495    }
1496
1497    // 첫 번째 팝업을 보여주고 Swiper를 초기화하는 함수
1498    function showPopup(popup) {
1499        // 팝업 배경 보이기
1500        $('#rb_pops').css('display', 'block');
1501        
1502                popup.css({ top: '70%', display: 'block', opacity: '0' })
1503             .animate({ opacity: '0' }, {
1504                duration: 0,
1505                complete: function() {
1506                    initializeSwiper(popup); // 팝업이 완전히 표시된 후 Swiper 초기화
1507                }
1508             });
1509            }
1510
1511    // 첫 번째 팝업 표시
1512    var firstPopup = $('.rb_popups_inner').first();
1513    if (firstPopup.length > 0) {
1514        showPopup(firstPopup);
1515    }
1516
1517    // "다시 열람하지 않기" 버튼 클릭 시 처리
1518    $(".rb_pops_reject").click(function() {
1519        var id = $(this).attr('class').split(' ')[1];
1520        var exp_time = parseInt($(this).attr('class').split(' ')[2]);
1521
1522        // 현재 팝업 숨기기
1523        $("#" + id).hide();
1524
1525        // 다음 팝업 표시
1526        var nextPopup = $("#" + id).next('.rb_popups_inner');
1527        if (nextPopup.length > 0) {
1528            showPopup(nextPopup);
1529        }
1530
1531        // 쿠키 설정
1532        set_cookie(id, 1, exp_time, g5_cookie_domain);
1533
1534        // 모든 팝업이 닫혔으면 배경도 숨김
1535        if ($('.rb_popups_inner:visible').length === 0) {
1536            $('#rb_pops').hide();
1537        }
1538    });
1539
1540    // "닫기" 버튼 클릭 시 처리
1541    $('.rb_pops_close').click(function() {
1542        var idb = $(this).attr('class').split(' ')[1];
1543
1544        // 현재 팝업 숨기기
1545        $('#' + idb).hide();
1546
1547        // 다음 팝업 표시
1548        var nextPopup = $('#' + idb).next('.rb_popups_inner');
1549        if (nextPopup.length > 0) {
1550            showPopup(nextPopup);
1551        }
1552
1553        // 모든 팝업이 닫혔으면 배경도 숨김
1554        if ($('.rb_popups_inner:visible').length === 0) {
1555            $('#rb_pops').hide();
1556        }
1557    });
1558});
1559</script>
1559
1560
1561
1562
1563
1564
1565
1566<!-- } 팝업레이어 끝 -->
1567</main>
1568
1569
1570<script>
1571    document.addEventListener('DOMContentLoaded', function() {
1572        // PHP 데이터를 JavaScript 객체로 전달
1573        const rbConfig = {
1574            headerColor: "#7300ff00",
1575            headerSet: "co_header_7300ff00",
1576            logoMo: "https://daejeontour.co.kr/theme/rb.basic/rb.img/logos/mo.png",
1577            logoMoWhite: "https://daejeontour.co.kr/theme/rb.basic/rb.img/logos/mo_w.png",
1578            logoPc: "https://daejeontour.co.kr/data/logos/pc",
1579            logoPcWhite: "https://daejeontour.co.kr/data/logos/pc_w",
1580            serverTime: "1790973896"
1581        };
1582
1583        // 밝기 계산 함수
1584        function isLightColor(hex) {
1585            const r = parseInt(hex.slice(1, 3), 16);
1586            const g = parseInt(hex.slice(3, 5), 16);
1587            const b = parseInt(hex.slice(5, 7), 16);
1588            const yiq = (r * 299 + g * 587 + b * 114) / 1000;
1589            return yiq >= 210;
1590        }
1591
1592        // 밝기와 텍스트 색상 결정
1593        const isLight = isLightColor(rbConfig.headerColor);
1594        const newTextCode = isLight ? 'black' : 'white';
1595
1596        // 링크 태그 업데이트
1597        const headerHref = `https://daejeontour.co.kr/rb/rb.css/set.header.php?rb_header_set=${rbConfig.headerSet}&rb_header_code=${encodeURIComponent(rbConfig.headerColor)}&rb_header_txt=${newTextCode}`;
1598        const headerLink = document.querySelector('link[href*="set.header.php"]');
1599        if (headerLink) {
1600            headerLink.setAttribute('href', headerHref);
1601        }
1602
1603        // 로고 이미지 업데이트
1604        const newSrcset1 = isLight ? rbConfig.logoMo : rbConfig.logoMoWhite;
1605        const newSrcset2 = isLight ? rbConfig.logoPc : rbConfig.logoPcWhite;
1606
1607        const sourceSmall = document.getElementById('sourceSmall');
1608        const sourceLarge = document.getElementById('sourceLarge');
1609        const fallbackImage = document.getElementById('fallbackImage');
1610
1611        if (sourceSmall) {
1612            sourceSmall.setAttribute('srcset', `${newSrcset1}?ver=${rbConfig.serverTime}`);
1613        }
1614        if (sourceLarge) {
1615            sourceLarge.setAttribute('srcset', `${newSrcset2}?ver=${rbConfig.serverTime}`);
1616        }
1617        if (fallbackImage) {
1618            fallbackImage.setAttribute('src', `${newSrcset2}?ver=${rbConfig.serverTime}`);
1619        }
1620    });
1621</script>
1621
1622
1623<script>
1624    $(function() {
1625        $('.content_box.rb_module_wide, .content_box.rb_module_mid, .rb_section_box.rb_sec_wide').each(function() {
1626            var parentWidth = $(this).parent().width();
1627            $(this).css('min-width', parentWidth + 'px');
1628        });
1629    });
1630</script>
1630
1631
1632
1633<script>
1634    // jQuery 필요
1635    (function($) {
1636        'use strict';
1637
1638        // === Singleton tooltip element ===
1639        var $tip = $('<div class="rb-tooltip" role="tooltip" aria-hidden="true"></div>').appendTo(document.body);
1640        var current = null; // 현재 타깃 요소
1641        var cfg = {
1642            gap: 8
1643        }; // 타깃과 툴팁 간격(px)
1644
1645        // 위치 계산
1646        function place(el, pos) {
1647            var rect = el.getBoundingClientRect();
1648            $tip.removeClass('rb-tip-top rb-tip-right rb-tip-bottom rb-tip-left');
1649
1650            // 먼저 보이게 해서 실제 크기 측정
1651            $tip.attr('data-show', '1').css({
1652                left: 0,
1653                top: 0,
1654                visibility: 'hidden'
1655            });
1656            var tRect = $tip[0].getBoundingClientRect();
1657
1658            // auto: 가장 여유 있는 방향 선택
1659            if (!pos || pos === 'auto') {
1660                var vw = window.innerWidth,
1661                    vh = window.innerHeight;
1662                var space = {
1663                    top: rect.top,
1664                    right: vw - rect.right,
1665                    bottom: vh - rect.bottom,
1666                    left: rect.left
1667                };
1668                pos = Object.keys(space).sort(function(a, b) {
1669                    return space[b] - space[a];
1670                })[0];
1671            }
1672
1673            var top = 0,
1674                left = 0;
1675            switch (pos) {
1676                case 'top':
1677                    top = rect.top - tRect.height - cfg.gap;
1678                    left = rect.left + (rect.width - tRect.width) / 2;
1679                    $tip.addClass('rb-tip-top');
1680                    break;
1681                case 'bottom':
1682                    top = rect.bottom + cfg.gap;
1683                    left = rect.left + (rect.width - tRect.width) / 2;
1684                    $tip.addClass('rb-tip-bottom');
1685                    break;
1686                case 'left':
1687                    top = rect.top + (rect.height - tRect.height) / 2;
1688                    left = rect.left - tRect.width - cfg.gap;
1689                    $tip.addClass('rb-tip-left');
1690                    break;
1691                default: // right
1692                    top = rect.top + (rect.height - tRect.height) / 2;
1693                    left = rect.right + cfg.gap;
1694                    $tip.addClass('rb-tip-right');
1695                    break;
1696            }
1697
1698            // 뷰포트 살짝 보정(간단 클램프)
1699            var pad = 6;
1700            left = Math.max(pad, Math.min(left, window.innerWidth - tRect.width - pad));
1701            top = Math.max(pad, Math.min(top, window.innerHeight - tRect.height - pad));
1702
1703            $tip.css({
1704                left: Math.round(left) + 'px',
1705                top: Math.round(top) + 'px',
1706                visibility: 'visible'
1707            });
1708        }
1709
1710        // 보여주기
1711        function showTip($el, text, pos) {
1712            if (!text) return;
1713            current = $el[0];
1714            var id = 'rb-tip-' + Math.random().toString(36).slice(2, 8);
1715            $tip.text(text).attr({
1716                'id': id,
1717                'aria-hidden': 'false'
1718            }).attr('data-show', '1');
1719            $el.attr('aria-describedby', id);
1720            place(current, pos);
1721        }
1722
1723        // 숨기기
1724        function hideTip() {
1725            if (!current) return;
1726            $(current).removeAttr('aria-describedby');
1727            current = null;
1728            $tip.attr({
1729                'data-show': '0',
1730                'aria-hidden': 'true'
1731            }).css('visibility', 'hidden');
1732        }
1733
1734        // 문서 위임 이벤트: hover/focus
1735        $(document)
1736            .on('mouseenter focusin', '[data-tooltip]', function() {
1737                var $t = $(this);
1738                showTip($t, ($t.attr('data-tooltip') || '').trim(), ($t.attr('data-tooltip-pos') || 'right').trim());
1739            })
1740            .on('mouseleave focusout', '[data-tooltip]', function() {
1741                if (this === current) hideTip();
1742            })
1743            .on('keydown', function(e) {
1744                if (e.key === 'Escape') hideTip();
1745            })
1746            .on('scroll', function() {
1747                if (current) place(current, ($(current).attr('data-tooltip-pos') || 'right'));
1748            })
1749            .on('mousemove', function() {
1750                if (current) place(current, ($(current).attr('data-tooltip-pos') || 'right'));
1751            });
1752
1753        // 터치: 탭 시 잠깐 표시(1.5s)
1754        $(document).on('touchstart', '[data-tooltip]', function() {
1755            var $t = $(this);
1756            showTip($t, ($t.attr('data-tooltip') || '').trim(), ($t.attr('data-tooltip-pos') || 'right').trim());
1757            setTimeout(hideTip, 1500);
1758        });
1759
1760        // 전역 API (필요 시 직접 제어)
1761        window.RBTooltip = {
1762            show: function(el, text, opts) {
1763                var $el = $(el);
1764                showTip($el, text || $el.attr('data-tooltip'), (opts && opts.pos) || $el.attr('data-tooltip-pos') || 'right');
1765            },
1766            hide: hideTip,
1767            place: function() {
1768                if (current) place(current, ($(current).attr('data-tooltip-pos') || 'right'));
1769            }
1770        };
1771    })(jQuery);
1772</script>
1772
1773
1774<script>
1775    window.RBHelp = (function() {
1776
1777        // 안전한 선택자
1778        function q(root, sel) {
1779            return root && root.querySelector ? root.querySelector(sel) : null;
1780        }
1781
1782        // 안전한 closest: jQuery/NodeList/텍스트노드/구형 브라우저까지 대응
1783        function closestHelp(el) {
1784            // jQuery 객체면 첫 엘리먼트로
1785            if (el && el.jquery) el = el[0];
1786            // NodeList/HTMLCollection/배열이면 첫 엘리먼트로
1787            if (Array.isArray(el) || (el && typeof el.length === 'number' && el.item)) el = el[0];
1788            // 텍스트 노드면 부모로
1789            if (el && el.nodeType === 3) el = el.parentNode;
1790
1791            if (!el || el.nodeType !== 1) return null; // Element만 허용
1792
1793            if (typeof el.closest === 'function') return el.closest('.rb-help');
1794
1795            // 폴백(아주 구형)
1796            for (var cur = el; cur && cur.nodeType === 1; cur = cur.parentElement) {
1797                if (cur.matches ? cur.matches('.rb-help') :
1798                    cur.msMatchesSelector && cur.msMatchesSelector('.rb-help')) {
1799                    return cur;
1800                }
1801            }
1802            return null;
1803        }
1804
1805        function ensureBuilt(root) {
1806            var btn = q(root, '.rb-help-btn'),
1807                pop = q(root, '.rb-help-pop');
1808            if (!btn || !pop || pop.dataset.built === '1') return pop;
1809
1810            var imgSrc = btn.getAttribute('data-img') || '';
1811            var txt = btn.getAttribute('data-txt') || '';
1812            var title = btn.getAttribute('data-title') || '';
1813            var alt = btn.getAttribute('data-alt') || '';
1814            var wHint = btn.getAttribute('data-img-w') || ''; // 있으면 공간 예약
1815            var hHint = btn.getAttribute('data-img-h') || '';
1816
1817            var wrap = document.createElement('div');
1818            wrap.className = 'rb-help-pop-inner';
1819
1820            if (imgSrc) {
1821                var img = new Image();
1822                img.className = 'rb-help-pop-img';
1823                img.src = imgSrc;
1824                img.alt = alt || '';
1825                if (wHint) img.width = parseInt(wHint, 10) || undefined; // 공간 예약
1826                if (hHint) img.height = parseInt(hHint, 10) || undefined;
1827
1828                // ★ 이미지 로드 후 위치 재판단(첫 롤오버 튐 방지)
1829                var reAuto = function() {
1830                    requestAnimationFrame(function() {
1831                        autoFlip(pop);
1832                    });
1833                };
1834                if (img.complete) {
1835                    reAuto();
1836                } else {
1837                    img.addEventListener('load', reAuto, {
1838                        once: true
1839                    });
1840                    img.addEventListener('error', reAuto, {
1841                        once: true
1842                    });
1843                }
1844
1845                wrap.appendChild(img);
1846            }
1847
1848            var box = document.createElement('div');
1849            if (title) {
1850                var s = document.createElement('strong');
1851                s.className = 'rb-help-pop-title';
1852                s.textContent = title;
1853                box.appendChild(s);
1854            }
1855            if (txt) {
1856                var p = document.createElement('div');
1857                p.className = 'rb-help-pop-desc font-R';
1858                p.textContent = txt;
1859                box.appendChild(p);
1860            }
1861            wrap.appendChild(box);
1862
1863            pop.innerHTML = '';
1864            pop.appendChild(wrap);
1865            pop.dataset.built = '1';
1866            return pop;
1867        }
1868
1869        function setOpen(root, open) {
1870            var btn = q(root, '.rb-help-btn'),
1871                pop = q(root, '.rb-help-pop');
1872            if (!btn || !pop) return;
1873
1874            // 열기 전 지연 구성 보장
1875            ensureBuilt(root);
1876
1877            root.dataset.open = open ? 'true' : 'false';
1878            btn.setAttribute('aria-expanded', String(open));
1879            pop.setAttribute('aria-hidden', String(!open));
1880
1881            if (open) {
1882                // ★ 첫 표시 프레임 숨김 → 측정/반영 → 보이기 (위치 튐 방지)
1883                var prevVis = pop.style.visibility;
1884                pop.style.visibility = 'hidden';
1885                requestAnimationFrame(function() {
1886                    autoFlip(pop);
1887                    pop.style.visibility = prevVis || '';
1888                });
1889            }
1890        }
1891
1892        function autoFlip(pop) {
1893            pop.classList.remove('rb-flip-right');
1894            // 측정 중 애니메이션 간섭 방지
1895            var prevTransition = pop.style.transition;
1896            pop.style.transition = 'none';
1897
1898            var rect = pop.getBoundingClientRect();
1899            if (rect.left < 8 || rect.right > window.innerWidth - 8) {
1900                pop.classList.add('rb-flip-right');
1901            }
1902
1903            // 다음 프레임에 원복
1904            requestAnimationFrame(function() {
1905                pop.style.transition = prevTransition;
1906            });
1907        }
1908
1909        // ===== 이벤트 바인딩 =====
1910        document.addEventListener('click', function(e) {
1911            // 버튼 클릭 토글
1912            var tgt = e.target && e.target.nodeType === 3 ? e.target.parentNode : e.target; // 텍스트노드 보정
1913            var btn = tgt && typeof tgt.closest === 'function' ? tgt.closest('.rb-help-btn') : null;
1914            if (btn) {
1915                e.preventDefault();
1916                var root = closestHelp(btn);
1917                setOpen(root, !(root && root.dataset.open === 'true'));
1918                return;
1919            }
1920
1921            // 바깥 클릭 → 모두 닫기
1922            var h = closestHelp(tgt);
1923            if (!h) {
1924                document.querySelectorAll('.rb-help[data-open="true"]').forEach(function(x) {
1925                    setOpen(x, false);
1926                });
1927            }
1928        });
1929
1930        // 마우스 진입/키보드 포커스 시 지연 구성
1931        document.addEventListener('mouseenter', function(e) {
1932            var h = closestHelp(e.target);
1933            if (h) ensureBuilt(h);
1934        }, true);
1935
1936        document.addEventListener('focusin', function(e) {
1937            var h = closestHelp(e.target);
1938            if (h) {
1939                ensureBuilt(h);
1940                setOpen(h, true);
1941            }
1942        });
1943
1944        // ESC 닫기
1945        document.addEventListener('keydown', function(e) {
1946            if (e.key === 'Escape') {
1947                document.querySelectorAll('.rb-help[data-open="true"]').forEach(function(x) {
1948                    setOpen(x, false);
1949                });
1950            }
1951        });
1952
1953        // 리사이즈 시 위치 재판단
1954        window.addEventListener('resize', function() {
1955            document.querySelectorAll('.rb-help[data-open="true"] .rb-help-pop').forEach(autoFlip);
1956        });
1957
1958        // 외부에서 필요 시: 특정 컨테이너 하위 프리빌드
1959        function rebind(container) {
1960            (container || document).querySelectorAll('.rb-help').forEach(ensureBuilt);
1961        }
1962
1963        // 선택 사항: 페이지 로드 후 미리 구성(첫 롤오버 튐 더 줄이기)
1964        // document.addEventListener('DOMContentLoaded', function(){ rebind(document); });
1965
1966        return {
1967            rebind: rebind
1968        };
1969    })();
1970</script>
1970
1971
1972<script>
1973    // 섹션 추가 버튼 상태 갱신
1974    function updateSectionButtons(root) {
1975        var $scope = root ? $(root) : $(document);
1976        $scope = $scope.addBack ? $scope : $(document); // 안전장치
1977
1978        $scope.find('.add_section_wrap').addBack('.add_section_wrap').each(function() {
1979            var $wrap = $(this);
1980            var $btn = $wrap.children('button.add_section_btns');
1981            if (!$btn.length) return;
1982
1983            var inNoneSection = $wrap.closest('.rb-none-section, #rb_sidemenu, #rb_sidemenu_float, #rb_sidemenu_shop, #rb_sidemenu_float_shop').length > 0;
1984
1985
1986            if (inNoneSection) {
1987                // 비활성 모드: 반투명 + 클릭 시 경고
1988                $btn
1989                    .css('opacity', 0.3)
1990                    .attr('onclick', "javascript:alert('섹션을 사용할 수 없어요.\\n섹션은 가로 100% 영역에만 사용이 가능해요.');");
1991            } else {
1992                // 정상 모드: 불투명 + 원래 핸들러
1993                $btn
1994                    .css('opacity', '')
1995                    .attr('onclick', 'set_section_send(this);');
1996            }
1997        });
1998    }
1999
2000    // 초기 1회 실행
2001    $(function() {
2002        updateSectionButtons(document);
2003
2004        // DOM 변화(추가/이동/클래스 변경)에도 자동 반영
2005        var observer = new MutationObserver(function(mutations) {
2006            var need = false;
2007            for (var i = 0; i < mutations.length; i++) {
2008                var m = mutations[i];
2009                if (m.type === 'childList') {
2010                    // .add_section_wrap가 추가/이동되면
2011                    if ([].some.call(m.addedNodes || [], function(n) {
2012                            return n.nodeType === 1 && (n.matches?.('.add_section_wrap') || n.querySelector?.('.add_section_wrap'));
2013                        })) {
2014                        need = true;
2015                        break;
2016                    }
2017                } else if (m.type === 'attributes' && m.attributeName === 'class') {
2018                    // 조상/자신의 클래스 변동 (rb-none-section 토글 등)
2019                    need = true;
2020                    break;
2021                }
2022            }
2023            if (need) updateSectionButtons(document);
2024        });
2025
2026        observer.observe(document.body, {
2027            subtree: true,
2028            childList: true,
2029            attributes: true,
2030            attributeFilter: ['class']
2031        });
2032
2033        // 필요하면 전역으로 노출
2034        window.updateSectionButtons = updateSectionButtons;
2035    });
2036
2037    // 이미 있는 토글 함수들 끝부분에서도 한 번 호출해 주면 더 안전
2038    // 예) toggleSideOptions_open_mod() 마지막에:
2039    try {
2040        updateSectionButtons(document);
2041    } catch (e) {}
2042</script>
2042
2043
2044
2045</body>
2046
2047</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.