PageSourceSearch

https://cheongpungland.com/booking/check/

html cheongpungland.com collected 2026-10-08 07:36:34 UTC 54,163 bytes, 1,568 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4
5<head>
6    <meta charset="UTF-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
8    <meta http-equiv="X-UA-Compatible" content="IE=edge">
9    <meta name="format-detection" content="telephone=no">
10
11    <!-- 1. 기본 SEO 메타 태그 (네이버/구글 검색 최적화) -->
12    <title>청풍랜드 예약센터 - 예약하기 - 예약조회</title>
13    <meta name="description" content="번지점프,이젝션시트,빅스윙,집라인 등..청풍랜드의 다양한 액티비티 체험을 예약할 수 있는 사이트">
14    <meta name="keywords" content="청풍랜드, 제천가볼만한곳, 제천번지점프,제천여행추천코스,제천청풍랜드,제천짚라인,청풍랜드짚라인,청풍랜드번지점프,제천액티비티">
15    <meta name="robots" content="index, follow">
16    <link rel="canonical" href="https://cheongpungland.com/booking/check/">
17
18    
19    <!-- 2. Open Graph (카카오톡, 페이스북 공유 시 썸네일/문구) -->
20    <meta property="og:type" content="website">
21    <meta property="og:site_name" content="청풍랜드 예약센터">
22    <meta property="og:title" content="청풍랜드 예약센터 - 예약하기 - 예약조회">
23    <meta property="og:description" content="번지점프,이젝션시트,빅스윙,집라인 등..청풍랜드의 다양한 액티비티 체험을 예약할 수 있는 사이트">
24    <meta property="og:image" content="https://cheongpungland.com/img/layout/logo.png">
25    <meta property="og:url" content="https://cheongpungland.com/booking/check/">
26    <meta property="og:locale" content="ko_KR">
27
28    <!-- 3. Twitter Card -->
29    <meta name="twitter:card" content="summary_large_image">
30    <meta name="twitter:title" content="청풍랜드 예약센터 - 예약하기 - 예약조회">
31    <meta name="twitter:description" content="번지점프,이젝션시트,빅스윙,집라인 등..청풍랜드의 다양한 액티비티 체험을 예약할 수 있는 사이트">
32    <meta name="twitter:image" content="https://cheongpungland.com/img/layout/logo.png">
33
34    <!-- 4. 파비콘 및 앱 아이콘 -->
35    <link rel="icon" href="/favicon/favicon.ico" sizes="any">
36    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
37    <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
38    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
39    <link rel="manifest" href="/favicon/manifest.json">
40    <meta name="theme-color" content="#ffffff">
41
42    <!-- 5. 외부 서버 리소스 사전 연결 (속도 향상) -->
43    <link rel="preconnect" href="https://code.jquery.com">
44    <link rel="preconnect" href="https://cdn.jsdelivr.net">
45    <link rel="preconnect" href="https://dapi.kakao.com">
46    <link rel="preconnect" href="https://www.googletagmanager.com">
47
48    <!-- 6. CSS 스타일시트 (외부 라이브러리 -> 자사 공통 -> 메인 순서로 로딩) -->
49    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
50    <link rel="stylesheet" href="/assets/css/aos.css" />
51    <link rel="stylesheet" href="/assets/plugin/select/select.css" />
52    <link rel="stylesheet" href="/assets/css/common.css">
53    <link rel="stylesheet" href="/assets/css/style.css?v=1791444994">
54
55    <!-- 7. 자바스크립트 (순차 로딩으로 레이아웃/CSS 깨짐 방지) -->
56    
56<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
56
57    
57<script src="/assets/js/aos.js"></script>
57
58    
58<script src="/assets/plugin/select/select.js"></script>
58
59    
59<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
59
60    
60<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
60
61    
61<script src="//dapi.kakao.com/v2/maps/sdk.js?appkey=6f16c498aae247100e877e7b0c7bed26&libraries=services"></script>
61
62
63    
63<script>
64        $(function(){
65            if ($.fn.niceSelect) {
66                $('select').niceSelect();
67            }
68        });
69    </script>
69
70
71    <!-- 8. 로그 분석 스크립트 (네이버 / 구글) -->
72    
73    
74
75
76    <!-- 구조화 데이터 (네이버/구글 검색엔진 대상 리치 스니펫 제공) -->
77    
77<script type="application/ld+json">
78    {
79      "@context": "https://schema.org",
80      "@graph": [
81        {
82          "@type": "WebSite",
83          "@id": "https://cheongpungland.com/#website",
84          "url": "https://cheongpungland.com/",
85          "name": "청풍랜드 예약센터",
86          "description": "번지점프,이젝션시트,빅스윙,집라인 등..청풍랜드의 다양한 액티비티 체험을 예약할 수 있는 사이트"
87        },
88        {
89          "@type": "Organization",
90          "@id": "https://cheongpungland.com/#organization",
91          "name": "청풍랜드 예약센터",
92          "url": "https://cheongpungland.com/",
93          "logo": "https://cheongpungland.com/img/layout/logo.png",
94          "contactPoint": {
95            "@type": "ContactPoint",
96            "telephone": "1577-6951",
97            "contactType": "customer service"
98          }
99        },
100        {
101          "@type": "ItemList",
102          "itemListElement": [
103    {
104        "@type": "ListItem",
105        "position": 1,
106        "name": "예약하기",
107        "url": "https://cheongpungland.com/booking/"
108    },
109    {
110        "@type": "ListItem",
111        "position": 2,
112        "name": "이용시간",
113        "url": "https://cheongpungland.com/activity/time/"
114    },
115    {
116        "@type": "ListItem",
117        "position": 3,
118        "name": "이용요금",
119        "url": "https://cheongpungland.com/activity/fee/"
120    },
121    {
122        "@type": "ListItem",
123        "position": 4,
124        "name": "오시는 길",
125        "url": "https://cheongpungland.com/useinfo/location/"
126    },
127    {
128        "@type": "ListItem",
129        "position": 5,
130        "name": "공지사항",
131        "url": "https://cheongpungland.com/board/notice/"
132    }
133]        }
134      ]
135    }
136    </script>
136
137
138</head>
139
140<body>
141<div class="dim2"></div>
142<header class="header" id="header">
143    <div class="hd_bg"></div>
144	<div class="top tr">
145		<ul class="inner">
146            <li><a href="/member/login">로그인</a></li>
147			<li><a href="/member/join">회원가입</a></li>
148			<li><a href="/booking/check">예약조회</a></li>
149		</ul>
150	</div>
151
152
153	<div class="inner header-menu">
154		<h1 class="logo">
155			<a href="/index.php">
156				청풍랜드 예약센터				<span>cheongpung land</span>
157			</a>
158		</h1>
159		<a href="#" class="menu_btn">
160                <div></div>
161                <div></div>
162                <div></div>
163         </a>
164
165         <nav class="nav">
166            <ul class="gnb">
167                <li class="other-cruise-li">
168					<button class="other-cruise-pop-btn display-560" type="button">배통령 다른예약<img src="/assets/img/icon-arrow.png" alt="배통령 다른예약 화살표" /></button>
169                </li>
170<li><a href='#'>이용안내</a><ul class='sub'><li><a href='/useinfo/process/'>이용절차</a></li><li><a href='/useinfo/refund/'>취소환불규정</a></li><li><a href='/useinfo/location/'>오시는 길</a></li><li><a href='/useinfo/parking/'>주차안내</a></li></ul></li><li><a href='#'>엑티비티</a><ul class='sub'><li><a href='/activity/facility/'>시설안내</a></li><li><a href='/activity/product/'>상품안내</a></li><li><a href='/activity/time/'>이용시간</a></li><li><a href='/activity/fee/'>이용요금</a></li></ul></li><li><a href='#'>여행정보</a><ul class='sub'><li><a href='/tourinfo/course/'>추천코스</a></li><li><a href='/tourinfo/photozone/'>포토존</a></li><li><a href='/tourinfo/around/'>주변관광지</a></li><li><a href='/tourinfo/tip/'>여행꿀팁</a></li></ul></li><li><a href='#'>예약하기</a><ul class='sub'><li><a href='/booking/why/'>예약의 필요성</a></li><li><a href='/booking/'>예약하기</a></li><li><a href='/booking/check/'>예약조회</a></li><li><a href='/booking/sale/'>할인여행</a></li></ul></li><li><a href='#'>고객센터</a><ul class='sub'><li><a href='/board/notice/'>공지사항</a></li><li><a href='/board/qna/'>질문 및 답변</a></li><li><a href='/board/faq/'>자주묻는질문</a></li><li><a href='/board/event/'>이벤트</a></li></ul></li>
171            </ul>
172        </nav>
173		<div class="right-info">
174			<button class="other-cruise-pop-btn hidden-560" type="button">배통령 다른예약<img src="/assets/img/icon-arrow.png" alt="배통령 다른예약 화살표" /></button>
175<a class='kakao' href='#' onclick='void aside_chat();'><img src='/assets/img/kakao.png' alt='카카오톡상담문의' /></a><div class='cs'><p class='hidden-768'>온라인예약 고객센터<br/><span>1577-6951</span></p><p class='display-768'><a href='tel:1577-6951' class='tel'></a></p></div>		</div>
176	</div>
177</header>
178<div class="other-cruise-pop">
179	<button class="close"></button>
180	<a class="tab-top-other on" data-type="tab-other-cruise">다른배편보기</a>
181	<a class="tab-top-other" data-type="tab-other-naver">네이버예약</a>
182	<div id="tab-other-cruise" class="tab-top-other-content on">
183		<div class="search">
184			<input type="text" id="topOtherSearchTab1" placeholder="지역명을 입력 해 주세요" />
185			<button type="button" class="clear-input" data-target="#topOtherSearchTab1">×</button>
186			<!-- 검색작업 해두었습니다 -->
187		</div>
188		<div class="new-tab-item-list">			
189			<div class="other-guide">
190				<div class="other-guide-nav">					
191					<ul>
192						<li class="active">
193							<a href="#other-101">
194								<span class="txt">
195									<strong>통영</strong>									
196								</span>
197							</a>
198						</li>
199						<li>
200							<a href="#other-102">
201								<span class="txt">
202									<strong>거제</strong>
203								</span>
204							</a>
205						</li>
206						<li>
207							<a href="#other-103">
208								<span class="txt">
209									<strong>부산</strong>
210								</span>
211							</a>
212						</li>						
213						<li>
214							<a href="#other-104">
215								<span class="txt">
216									<strong>울릉도</strong>
217								</span>
218							</a>
219						</li>	
220						<li>
221							<a href="#other-105">
222								<span class="txt">
223									<strong>제주도</strong>
224								</span>
225							</a>
226						</li>
227						<li>
228							<a href="#other-106">
229								<span class="txt">
230									<strong>충북</strong>
231								</span>
232							</a>
233						</li>	
234						<li>
235							<a href="#other-107">
236								<span class="txt">
237									<strong>군산</strong>
238								</span>
239							</a>
240						</li>	
241						<li>
242							<a href="#other-108">
243								<span class="txt">
244									<strong>남해</strong>
245								</span>
246							</a>
247						</li>	
248						
249						<li>
250							<a href="#other-109">
251								<span class="txt">
252									<strong>여수</strong>
253								</span>
254							</a>
255						</li>	
256						<li>
257							<a href="#other-110">
258								<span class="txt">
259									<strong>완도</strong>
260								</span>
261							</a>
262						</li>	
263						<li>
264							<a href="#other-111">
265								<span class="txt">
266									<strong>목포</strong>
267								</span>
268							</a>
269						</li>	
270						<li>
271							<a href="#other-112">
272								<span class="txt">
273									<strong>해외</strong>
274								</span>
275							</a>
276						</li>	
277						<li>
278							<a href="#other-113">
279								<span class="txt">
280									<strong>액티비티</strong>
281								</span>
282							</a>
283						</li>
284						<li>
285							<a href="#other-114">
286								<span class="txt">
287									<strong>배통령</strong>
288								</span>
289							</a>
290						</li>
291					</ul>
292				</div>
293
294				<div class="other-guide-cont">
295					<div class="search-empty" style="display:none;">
296						<img src="https://design.haneuln.com/btr-cruise/assets/img/bc-not-found.png" />
297						<strong>검색된 결과가 없어요.</strong><br/>다른 지역명이나 여행지명으로 다시 검색해 보세요.
298						<div class="btn-wrap">
299							<span class="btn small2 re-search-btn">다시검색하기</span>
300						</div>
301					</div>
302					<section class="other-tab-section" id="other-101">
303						<h3 class="inner-tit">통영</h3>
304						<ul class="top-tab-item-list">
305							<li class="other-go">
306								<a target="_blank" href="https://www.yokjidoferry.com">
307									<div class="img-wrap">
308										<img src="https://www.cruisetaja.com/item/thumb/202309/thumb0_20230918152410_38_th.jpg">
309									</div>
310									<div class="txt-wrap">
311										욕지도
312									</div>
313								</a>
314							</li>
315							<li class="other-go">
316								<a target="_blank" href="https://www.yokjidoferry.com">
317									<div class="img-wrap">
318										<img src="	https://www.cruisetaja.com/item/thumb/202302/thumb0_20230227165447_50_th.jpg">
319									</div>
320									<div class="txt-wrap">
321										연화도
322									</div>
323								</a>
324							</li>
325							<li class="other-go">
326								<a target="_blank" href="https://www.maemuldoferry.com">
327									<div class="img-wrap">
328										<img src="https://www.cruisetaja.com/item/thumb/202210/thumb0_20221018105819_45_th.jpg">
329									</div>
330									<div class="txt-wrap">
331										비진도
332									</div>
333								</a>
334							</li>
335							<li class="other-go">
336								<a target="_blank" href="https://www.maemuldoferry.com">
337									<div class="img-wrap">
338										<img src="https://www.cruisetaja.com/item/thumb/202309/thumb0_20230904095019_34_th.jpg">
339									</div>
340									<div class="txt-wrap">
341										소매물도
342									</div>
343								</a>
344							</li>
345							<li class="other-go">
346								<a target="_blank" href="https://www.hansanferry.com">
347									<div class="img-wrap">
348										<img src="https://www.cruisetaja.com/item/thumb/202404/thumb0_20240417100501_31_th.jpg">
349									</div>
350									<div class="txt-wrap">
351										한산도
352									</div>
353								</a>
354							</li>
355							<li class="other-go">
356								<a target="_blank" href="https://www.manjido.co.kr">
357									<div class="img-wrap">
358										<img src="https://www.cruisetaja.com/item/thumb/202403/thumb0_20240304151627_86_th.jpg">
359									</div>
360									<div class="txt-wrap">
361										연대도&만지도
362									</div>
363								</a>
364							</li>
365						</ul>
366					</section>
367					<section class="other-tab-section" id="other-102">
368						<h3 class="inner-tit">거제</h3>
369						<ul class="top-tab-item-list">
370							<li class="other-go">
371								<a target="_blank" href="http://www.oedocruise.com">
372									<div class="img-wrap">
373										<img src="https://www.cruisetaja.com/item/thumb/202302/thumb0_20230227165202_64_th.jpg">
374									</div>
375									<div class="txt-wrap">
376										외도보타니아
377									</div>
378								</a>
379							</li>
380							<li class="other-go">
381								<a target="_blank" href="https://www.hggtour.net">
382									<div class="img-wrap">
383										<img src="https://www.cruisetaja.com/item/thumb/202302/thumb0_20230228164540_91_th.jpg">
384									</div>
385									<div class="txt-wrap">
386										해금강
387									</div>
388								</a>
389							</li>
390							<li class="other-go">
391								<a target="_blank" href="https://www.gabaecruise.com">
392									<div class="img-wrap">
393										<img src="https://www.cruisetaja.com/item/thumb/202408/thumb0_20240823132442_68_th.jpg">
394									</div>
395									<div class="txt-wrap">
396										장사도
397									</div>
398								</a>
399							</li>	
400						</ul>
401					</section>
402					<section class="other-tab-section" id="other-103">
403						<h3 class="inner-tit">부산</h3>
404						<ul class="top-tab-item-list">
405							<li class="other-go">
406								<a target="_blank" href="https://www.busancruise.kr">
407									<div class="img-wrap">
408                                        <img src="https://design.haneuln.com/btr-cruise/assets/img/other-guide/other-guide-img-01.jpg">
409									</div>
410									<div class="txt-wrap">
411										부산 유람선
412									</div>
413								</a>
414							</li>
415							<li class="other-go">
416								<a target="_blank" href="https://www.busan-cruise.com">
417									<div class="img-wrap">
418										<img src="https://www.cruisetaja.com/item/thumb/202512/thumb0_20251203162857_4_th.jpg">
419									</div>
420									<div class="txt-wrap">
421										부산 원나잇 크루즈
422									</div>
423								</a>
424							</li>											
425						</ul>
426					</section>					
427					<section class="other-tab-section" id="other-104">
428						<h3 class="inner-tit">울릉도</h3>
429						<ul class="top-tab-item-list">
430							<li class="other-go">
431								<a target="_blank" href="https://www.ulleungferry.com">
432									<div class="img-wrap">
433										<img src="https://www.cruisetaja.com/item/thumb/202407/thumb0_20240713142147_98_th.jpg">
434									</div>
435									<div class="txt-wrap">
436										울릉도
437									</div>
438								</a>
439							</li>										
440						</ul>
441					</section>
442					<section class="other-tab-section" id="other-105">
443						<h3 class="inner-tit">제주도</h3>
444						<ul class="top-tab-item-list">
445							<li class="other-go">
446								<a target="_blank" href="https://www.jejudoferry.co.kr">
447									<div class="img-wrap">
448										<img src="https://www.cruisetaja.com//upload/image/202605/basic_20260508151646_22.jpg">
449									</div>
450									<div class="txt-wrap">
451										목포 - 제주도
452									</div>
453								</a>
454							</li>	
455							<li class="other-go">
456								<a target="_blank" href="https://www.jejudoferry.com">
457									<div class="img-wrap">
458										<img src="https://www.cruisetaja.com/item/thumb/202410/thumb0_20241016170549_49_th.jpg">
459									</div>
460									<div class="txt-wrap">
461										고흥 - 제주도
462									</div>
463								</a>
464							</li>	
465						</ul>
466					</section>
467					<section class="other-tab-section" id="other-106">
468						<h3 class="inner-tit">충북</h3>
469						<ul class="top-tab-item-list">
470							<li class="other-go">
471								<a target="_blank" href="https://www.danyangcruise.com">
472									<div class="img-wrap">
473										<img src="https://www.cruisetaja.com/item/thumb/202603/thumb1_20260303114445_44_th.jpg">
474									</div>
475									<div class="txt-wrap">
476										단양 유람선
477									</div>
478								</a>
479							</li>	
480							<li class="other-go">
481								<a target="_blank" href="https://www.chungjuhocruise.com">
482									<div class="img-wrap">
483										<img src="https://www.cruisetaja.com/item/thumb/202603/thumb0_20260303114217_82_th.jpg">
484									</div>
485									<div class="txt-wrap">
486										충주 장회나루
487									</div>
488								</a>
489							</li>
490                            <!--
491							<li class="other-go">
492								<a target="_blank" href="https://www.chungjuho.kr">
493									<div class="img-wrap">
494										<img src="https://www.cruisetaja.com/item/thumb/202505/thumb0_20250528155830_30_th.jpg">
495									</div>
496									<div class="txt-wrap">
497										제천 청풍호
498									</div>
499								</a>
500							</li>
501                            -->
502						</ul>
503					</section>
504					<section class="other-tab-section" id="other-107">
505						<h3 class="inner-tit">군산</h3>
506						<ul class="top-tab-item-list">
507							<li class="other-go">
508								<a target="_blank" href="https://www.seonyudocruise.com">
509									<div class="img-wrap">
510										<img src="https://www.cruisetaja.com/item/thumb/202302/thumb0_20230227170444_20_th.jpg">
511									</div>
512									<div class="txt-wrap">
513										선유도 유람선
514									</div>
515								</a>
516							</li>		
517						</ul>
518					</section>
519					<section class="other-tab-section" id="other-108">
520						<h3 class="inner-tit">남해</h3>
521						<ul class="top-tab-item-list">
522							<li class="other-go">
523								<a target="_blank" href="https://www.namhaecruise.co.kr">
524									<div class="img-wrap">
525										<img src="https://www.cruisetaja.com//upload/image/202502/basic_20250216102316_46.jpg">
526									</div>
527									<div class="txt-wrap">
528										남해대교
529									</div>
530								</a>
531							</li>
532							<li class="other-go">
533								<a target="_blank" href="https://www.1night3meal.com">
534									<div class="img-wrap">
535										<img src="https://www.cruisetaja.com/item/thumb/202605/thumb0_20260525153420_71_th.jpg">
536									</div>
537									<div class="txt-wrap">
538										1박3식 남해보물섬
539									</div>
540								</a>
541							</li>
542						</ul>
543					</section>					
544					<section class="other-tab-section" id="other-109">
545						<h3 class="inner-tit">여수</h3>
546						<ul class="top-tab-item-list">
547							<li class="other-go">
548								<a target="_blank" href="https://www.geumodoferry.com">
549									<div class="img-wrap">
550										<img src="https://www.cruisetaja.com/item/thumb/202502/thumb0_20250214091436_13_th.jpg">
551									</div>
552									<div class="txt-wrap">
553										금오도
554									</div>
555								</a>
556							</li>		
557						</ul>
558					</section>
559					<section class="other-tab-section" id="other-110">
560						<h3 class="inner-tit">완도</h3>
561						<ul class="top-tab-item-list">
562							<li class="other-go">
563								<a target="_blank" href="https://www.bogildoferry.com">
564									<div class="img-wrap">
565										<img src="https://www.cruisetaja.com/item/thumb/202603/thumb0_20260327103116_31_th.jpg">
566									</div>
567									<div class="txt-wrap">
568										해남 보길도
569									</div>
570								</a>
571							</li>		
572						</ul>
573					</section>
574					<section class="other-tab-section" id="other-111">
575						<h3 class="inner-tit">목포</h3>
576						<ul class="top-tab-item-list">
577							<li class="other-go">
578								<a target="_blank" href="https://www.hongdoferry.com">
579									<div class="img-wrap">
580										<img src="https://www.cruisetaja.com/item/thumb/202410/thumb0_20241016170549_49_th.jpg">
581									</div>
582									<div class="txt-wrap">
583										홍도·흑산도
584									</div>
585								</a>
586							</li>		
587						</ul>
588					</section>
589					<section class="other-tab-section" id="other-112">
590						<h3 class="inner-tit">해외</h3>
591						<ul class="top-tab-item-list">
592							<li class="other-go">
593								<a target="_blank" href="https://www.daemadoferry.com">
594									<div class="img-wrap">
595										<img src="https://www.cruisetaja.com/item/thumb/202503/thumb0_20250310092150_12_th.jpg">
596									</div>
597									<div class="txt-wrap">
598										일본 대마도
599									</div>
600								</a>
601							</li>	
602							<li class="other-go">
603								<a target="_blank" href="https://www.osakacruise.co.kr">
604									<div class="img-wrap">
605										<img src="https://www.cruisetaja.com/item/thumb/202512/thumb0_20251204144950_6_th.jpg">
606									</div>
607									<div class="txt-wrap">
608										일본 오사카
609									</div>
610								</a>
611							</li>							
612						</ul>
613					</section>
614					<section class="other-tab-section" id="other-113">
615						<h3 class="inner-tit">액티비티</h3>
616						<ul class="top-tab-item-list">
617							<li class="other-go">
618								<a target="_blank" href="https://www.cheongpungland.co.kr">
619									<div class="img-wrap">
620                                        <img src="https://design.haneuln.com/btr-cruise/assets/img/other-guide/other-guide-img-02.jpg">
621									</div>
622									<div class="txt-wrap">
623										제천 청풍랜드
624									</div>
625								</a>
626							</li>	
627							<li class="other-go">
628								<a target="_blank" href="https://www.gureumsan.co.kr">
629									<div class="img-wrap">
630										<img src="https://www.cruisetaja.com/item/thumb/202508/thumb0_20250804163703_89_th.jpg">
631									</div>
632									<div class="txt-wrap">
633										가평 구름산 빅스윙
634									</div>
635								</a>
636							</li>
637							<li class="other-go">
638								<a target="_blank" href="https://www.wandotowersky.com">
639									<div class="img-wrap">
640										<img src="https://www.cruisetaja.com/item/thumb/202505/thumb0_20250514152933_94_th.JPG">
641									</div>
642									<div class="txt-wrap">
643										완도 타워 스카이
644									</div>
645								</a>
646							</li>
647							<li class="other-go">
648								<a target="_blank" href="https://www.hamdeok.kr">
649									<div class="img-wrap">
650										<img src="https://www.cruisetaja.com/item/thumb/202605/thumb0_20260525105035_85_th.jpg">
651									</div>
652									<div class="txt-wrap">
653										함덕잠수함
654									</div>
655								</a>
656							</li>
657							<li class="other-go">
658								<a target="_blank" href="https://www.geojewaterpark.com">
659									<div class="img-wrap">
660										<img src="https://design.haneuln.com/btr-cruise/assets/img/other-guide/other-guide-img-03.jpg">
661									</div>
662									<div class="txt-wrap">
663										거제 워터파크
664									</div>
665								</a>
666							</li>	
667						</ul>
668					</section>
669					<section class="other-tab-section" id="other-114">
670						<h3 class="inner-tit">배통령</h3>
671						<ul class="top-tab-item-list">
672							<li class="other-go btr">
673								<a target="_blank" href="https://www.baetongryeong.com/">
674									<img class="cha" src="https://design.haneuln.com/btr-cruise/assets/img/tour-bc.png" />
675									<img class="btr-logo" src="https://design.haneuln.com/btr-cruise/assets/img/logo-btr.png" />
676									<p class="sub-txt">모든 여행지를 한눈에 보고 싶다면?</p>
677									
678									<span class="go-btr">배통령 바로가기</span>
679								</a>
680							</li>	
681						</ul>
682					</section>
683				</div>
684			</div>
685		</div>
686	</div>
687	<div id="tab-other-naver" class="tab-top-other-content">
688		<div class="search">
689			<input type="text" id="topOtherSearchTab2" placeholder="지역명을 입력 해 주세요" />
690			<button type="button" class="clear-input" data-target="#topOtherSearchTab2">
690×</button>
691			<!-- 검색작업 해두었습니다 -->
692		</div>
693		<div class="new-tab-item-list naver">			
694			<div class="other-guide">
695				<div class="other-guide-nav">					
696					<ul>
697						<li class="active">
698							<a href="#other-201">
699								<span class="txt">
700									<strong>통영</strong>									
701								</span>
702							</a>
703						</li>
704						<li>
705							<a href="#other-202">
706								<span class="txt">
707									<strong>거제</strong>
708								</span>
709							</a>
710						</li>
711						<li>
712							<a href="#other-203">
713								<span class="txt">
714									<strong>충북</strong>
715								</span>
716							</a>
717						</li>	
718						<li>
719							<a href="#other-204">
720								<span class="txt">
721									<strong>군산</strong>
722								</span>
723							</a>
724						</li>	
725						<li>
726							<a href="#other-205">
727								<span class="txt">
728									<strong>남해</strong>
729								</span>
730							</a>
731						</li>							
732						<li>
733							<a href="#other-206">
734								<span class="txt">
735									<strong>액티비티</strong>
736								</span>
737							</a>
738						</li>	
739						<li>
740							<a href="#other-207">
741								<span class="txt">
742									<strong>배통령</strong>
743								</span>
744							</a>
745						</li>	
746					</ul>
747				</div>
748
749				<div class="other-guide-cont">
750					<div class="search-empty" style="display:none;">
751						<img src="https://design.haneuln.com/btr-cruise/assets/img/bc-not-found.png" />
752						<strong>검색된 결과가 없어요.</strong><br/>다른 지역명이나 여행지명으로 다시 검색해 보세요.
753						<div class="btn-wrap">
754							<span class="btn small2 re-search-btn">다시검색하기</span>
755						</div>
756					</div>
757					<section class="other-tab-section" id="other-201">
758						<h3 class="inner-tit">통영</h3>
759						<ul class="top-tab-item-list">							
760							<li class="other-go">
761								<a target="_blank" href="https://m.place.naver.com/place/1408298289">
762									<div class="img-wrap">
763										<img src="https://www.cruisetaja.com/item/thumb/202403/thumb0_20240304151627_86_th.jpg">
764									</div>
765									<div class="txt-wrap">
766										연대도&만지도
767									</div>
768								</a>
769							</li>
770						</ul>
771					</section>
772					<section class="other-tab-section" id="other-202">
773						<h3 class="inner-tit">거제</h3>
774						<ul class="top-tab-item-list">
775							<li class="other-go">
776								<a target="_blank" href="https://m.place.naver.com/place/32118301"><!--https://m.place.naver.com/place/32118301/home-->
777									<div class="img-wrap">
778										<img src="https://www.cruisetaja.com/item/thumb/202302/thumb0_20230227165202_64_th.jpg">
779									</div>
780									<div class="txt-wrap">
781										외도보타니아
782									</div>
783								</a>
784							</li>
785							<li class="other-go">
786								<a target="_blank" href="https://m.booking.naver.com/booking/12/bizes/776855?theme=place&amp;entry=pll&amp;lang=ko&amp;area=pll">
787									<div class="img-wrap">
788										<img src="https://www.cruisetaja.com/item/thumb/202302/thumb0_20230228164540_91_th.jpg">
789									</div>
790									<div class="txt-wrap">
791										해금강
792									</div>
793								</a>
794							</li>
795							<li class="other-go">
796								<a target="_blank" href="https://m.place.naver.com/place/20527898">
797									<div class="img-wrap">
798										<img src="https://www.cruisetaja.com/item/thumb/202408/thumb0_20240823132442_68_th.jpg">
799									</div>
800									<div class="txt-wrap">
801										장사도
802									</div>
803								</a>
804							</li>	
805						</ul>
806					</section>
807					<section class="other-tab-section" id="other-203">
808						<h3 class="inner-tit">충북</h3>
809						<ul class="top-tab-item-list">
810							<li class="other-go">
811								<a target="_blank" href="https://smartstore.naver.com/baetongryeong/products/13626416368">
812									<div class="img-wrap">
813										<img src="https://www.cruisetaja.com/item/thumb/202603/thumb1_20260303114445_44_th.jpg">
814									</div>
815									<div class="txt-wrap">
816										단양 유람선
817									</div>
818								</a>
819							</li>	
820							<li class="other-go">
821								<a target="_blank" href="https://m.place.naver.com/place/10979135">
822									<div class="img-wrap">
823										<img src="https://www.cruisetaja.com/item/thumb/202603/thumb0_20260303114217_82_th.jpg">
824									</div>
825									<div class="txt-wrap">
826										충주 장회나루
827									</div>
828								</a>
829							</li>		
830						</ul>
831					</section>
832					<section class="other-tab-section" id="other-204">
833						<h3 class="inner-tit">군산</h3>
834						<ul class="top-tab-item-list">
835							<li class="other-go">
836								<a target="_blank" href="https://m.place.naver.com/place/883389052">
837									<div class="img-wrap">
838										<img src="https://www.cruisetaja.com//upload/image/202502/basic_20250216102316_46.jpg">
839									</div>
840									<div class="txt-wrap">
841										선유도 유람선
842									</div>
843								</a>
844							</li>										
845						</ul>
846					</section>		
847					<section class="other-tab-section" id="other-205">
848						<h3 class="inner-tit">남해</h3>
849						<ul class="top-tab-item-list">
850							<li class="other-go">
851								<a target="_blank" href="https://m.place.naver.com/place/13531267">
852									<div class="img-wrap">
853										<img src="https://www.cruisetaja.com//upload/image/202502/basic_20250216102316_46.jpg">
854									</div>
855									<div class="txt-wrap">
856										남해대교
857									</div>
858								</a>
859							</li>										
860						</ul>
861					</section>										
862					<section class="other-tab-section" id="other-206">
863						<h3 class="inner-tit">액티비티</h3>
864						<ul class="top-tab-item-list">
865							<li class="other-go">
866								<a target="_blank" href="https://m.place.naver.com/place/11523394">
867									<div class="img-wrap">
868										<img src="https://www.cruisetaja.com/item/thumb/202505/thumb0_20250527163125_9_th.jpg">
869									</div>
870									<div class="txt-wrap">
871										제천 청풍랜드
872									</div>
873								</a>
874							</li>	
875							<li class="other-go">
876								<a target="_blank" href="https://m.place.naver.com/place/1352504324">
877									<div class="img-wrap">
878										<img src="https://www.cruisetaja.com/item/thumb/202508/thumb0_20250804163703_89_th.jpg">
879									</div>
880									<div class="txt-wrap">
881										가평 구름산 빅스윙
882									</div>
883								</a>
884							</li>
885							<li class="other-go">
886								<a target="_blank" href="https://m.place.naver.com/place/1935380821">
887									<div class="img-wrap">
888										<img src="https://www.cruisetaja.com/item/thumb/202505/thumb0_20250514152933_94_th.JPG">
889									</div>
890									<div class="txt-wrap">
891										완도 타워 스카이
892									</div>
893								</a>
894							</li>
895							<li class="other-go">
896								<a target="_blank" href="https://m.place.naver.com/place/2060134567">
897									<div class="img-wrap">
898										<img src="https://design.haneuln.com/btr-cruise/assets/img/other-guide/other-guide-img-03.jpg">
899									</div>
900									<div class="txt-wrap">
901										거제 비치워터파크
902									</div>
903								</a>
904							</li>	
905						</ul>
906					</section>
907					<section class="other-tab-section" id="other-207">
908						<h3 class="inner-tit">배통령</h3>
909						<ul class="top-tab-item-list">
910							<li class="other-go btr">
911								<a target="_blank" href="https://www.baetongryeong.com/">
912									<img class="cha" src="https://design.haneuln.com/btr-cruise/assets/img/tour-bc.png" />
913									<img class="btr-logo" src="https://design.haneuln.com/btr-cruise/assets/img/logo-btr.png" />
914									<p class="sub-txt">모든 여행지를 한눈에 보고 싶다면?</p>
915									
916									<span class="go-btr">배통령 바로가기</span>
917								</a>
918							</li>	
919						</ul>
920					</section>
921				</div>
922			</div>
923		</div>
924	</div>
925</div>
926
927
928
929
930<script>
931$(document).ready(function () {
932  $('.tab-top-other').click(function () {
933    var tab_id = $(this).attr('data-type');
934    $('.tab-top-other').removeClass('on');
935    $('.tab-top-other-content').removeClass('on');
936    $(this).addClass('on');
937    $('#' + tab_id).addClass('on');
938  });
939
940  function setupSearch(inputSelector, boxSelector) {
941    $(inputSelector).on('keyup', function () {
942      var searchText = $(this).val().toLowerCase().trim();
943      var $box = $(boxSelector);
944      var $navItems = $box.find('.other-guide-nav li');
945
946      $box.find('.other-tab-section').each(function () {
947        var $section = $(this);
948        var sectionId = $section.attr('id');
949        var regionText = $section.find('.inner-tit').text().toLowerCase().trim();
950        var regionMatch = regionText.indexOf(searchText) !== -1;
951        var hasVisibleItem = false;
952
953        $section.find('.other-go').each(function () {
954          var itemText = $(this).text().toLowerCase();
955          var isMatch = regionMatch || itemText.indexOf(searchText) !== -1;
956
957          $(this).toggle(isMatch);
958
959          if (isMatch) hasVisibleItem = true;
960        });
961
962        $section.toggle(hasVisibleItem);
963
964        // $box.find('.other-guide-nav a[href="#' + sectionId + '"]')
965        //  .closest('li')
966        //  .toggle(hasVisibleItem);
967      });
968
969      $navItems.removeClass('active');
970
971		$box.find('.other-tab-section:visible:first').each(function(){
972			var sectionId = $(this).attr('id');
973
974			$box.find('.other-guide-nav a[href="#' + sectionId + '"]')
975				.closest('li')
976				.addClass('active');
977		});
978
979		var $activeNav = $box.find('.other-guide-nav li.active');
980		var $navScroll = $box.find('.other-guide-nav ul');
981
982		if($activeNav.length){
983			$navScroll.stop().animate({
984				scrollTop:$activeNav.position().top + $navScroll.scrollTop() - 20
985			}, 200);
986		}
987
988	  $box.find('.other-tab-section').removeClass('first-visible');
989	  $box.find('.other-tab-section:visible:first').addClass('first-visible');	
990
991	  var hasResult = $box.find('.other-tab-section:visible').length > 0;
992	  $box.find('.search-empty').toggle(!hasResult);
993
994      $(this).siblings('.clear-input').toggle($(this).val().length > 0);
995	  	
996	  
997    });
998  }
999
1000  setupSearch('#topOtherSearchTab1', '#tab-other-cruise');
1001  setupSearch('#topOtherSearchTab2', '#tab-other-naver');
1002
1003  
1004
1005  $('.clear-input').on('click', function () {
1006    var target = $(this).data('target');
1007    $(target).val('').trigger('keyup');
1008    $(this).hide();
1009  });
1010
1011  $('.re-search-btn').on('click', function () {
1012		$(this).closest('.tab-top-other-content')
1013			   .find('.clear-input')
1014			   .trigger('click');
1015	});
1016
1017
1018
1019  var scrollTop = 0;
1020
1021  $('.other-cruise-pop-btn').click(function () {
1022    scrollTop = window.pageYOffset || document.documentElement.scrollTop;
1023
1024    $('html, body').addClass('modal-open');
1025    $('body').css({top:-scrollTop + 'px'});
1026
1027    $('.dim2').fadeIn();
1028    $('.other-cruise-pop').fadeIn();
1029  });
1030
1031  $('.other-cruise-pop .close, .dim2').click(function () {
1032    $('html, body').removeClass('modal-open');
1033    $('body').css({top:''});
1034
1035    window.scrollTo(0, scrollTop);
1036
1037    $('.dim2').fadeOut();
1038    $('.other-cruise-pop').fadeOut();
1039  });
1040});
1041</script>
1041
1042
1043<!-- 스크롤 탭 -->
1044<script>
1045$(function(){
1046	var isClickScrolling=false;
1047	var clickedId='';
1048	var offset=110;
1049
1050	function setActiveOther($link){
1051		if(!$link.length) return;
1052
1053		var $guide=$link.closest('.other-guide');
1054		var $navScroll=$guide.find('.other-guide-nav ul');
1055		var $activeLi=$link.closest('li');
1056
1057		$guide.find('.other-guide-nav li').removeClass('active');
1058		$activeLi.addClass('active');
1059
1060		$navScroll.stop().animate({
1061			scrollTop:$activeLi.position().top+$navScroll.scrollTop()-20
1062		},200);
1063	}
1064
1065	function getSectionTop($box,$section){
1066		return $section.offset().top-$box.offset().top+$box.scrollTop();
1067	}
1068
1069	function updateActiveOther($box){
1070		if($box.find('.search input').val().trim().length>0) return;
1071		if(isClickScrolling) return;
1072
1073		var line=$box.scrollTop()+offset;
1074		var currentId='';
1075		var minDiff=999999;
1076
1077		$box.find('.other-tab-section:visible').each(function(){
1078			var sectionTop=getSectionTop($box,$(this));
1079			var diff=Math.abs(sectionTop-line);
1080
1081			if(diff<minDiff){
1082				minDiff=diff;
1083				currentId=this.id;
1084			}
1085		});
1086
1087		if(currentId){
1088			setActiveOther($box.find('.other-guide-nav a[href="#'+currentId+'"]'));
1089		}
1090	}
1091
1092	$('.other-cruise-pop .other-guide-nav a').on('click',function(e){
1093		e.preventDefault();
1094
1095		var $this=$(this);
1096		var $box=$this.closest('.tab-top-other-content');
1097		var $target=$box.find($this.attr('href'));
1098
1099		if(!$target.length) return;
1100
1101		isClickScrolling=true;
1102		clickedId=$target.attr('id');
1103		setActiveOther($this);
1104
1105		var targetTop=getSectionTop($box,$target);
1106		var maxScroll=$box[0].scrollHeight-$box.outerHeight();
1107		var moveTop=Math.min(targetTop-offset,maxScroll);
1108
1109		$box.stop().animate({
1110			scrollTop:moveTop
1111		},400,function(){
1112			setActiveOther($box.find('.other-guide-nav a[href="#'+clickedId+'"]'));
1113
1114			setTimeout(function(){
1115				isClickScrolling=false;
1116				clickedId='';
1117			},100);
1118		});
1119	});
1120
1121	$('.other-cruise-pop .tab-top-other-content').on('scroll',function(){
1122		updateActiveOther($(this));
1123	});
1124});
1125</script>
1125
1126<!-- 스크롤 탭 end --><section class="sub-wrap join login">    
1127    <h2>예약조회</h2>
1128    <p class="sub-tit">청풍랜드 예약센터에 방문해 주셔서 감사합니다.</p>
1129    <div class="box">        
1130        <form name="login_frm" method="post" action='/member/mypage/'>
1131            <input type="text" id="name" name="name" placeholder="예약자 이름을 입력 해 주세요." />
1132            <input type="text" id="order_code" name="order_code" placeholder="예약번호를 입력 해 주세요." />
1133            <button type="submit" class="btn w-100 medium" onclick="return submit_js(this.form);">예약조회</button>
1134        </form>
1135    </div>
1136    
1136<script language="javascript">
1137    <!--
1138
1139        function submit_js(f){
1140            var RetVal = false ;
1141            if(!f.name.value){
1142                alert('이름을 입력해주세요!');
1143            }else if(!f.order_code.value){
1144                alert('예약번호를 입력해주세요!');
1145            }else{
1146                RetVal = true ;
1147            }
1148            return RetVal ;
1149        }
1150
1151    //-->
1152    </script>
1152
1153</section>
1154<footer class="footer">
1155    <div class="cs-center">
1156        <h2><a href="tel:1577-6951">1577-6951</a></h2>
1157        <div class="info">
1158            <div>
1159                <span class="badge">연중무휴</span>
1160                <span class="num">09:00 - 17:00</span>
1161            </div>
1162            <!--
1163            <div>
1164                <span class="badge">점심시간</span>
1165                <span class="num">12:00 - 13:00</span>
1166            </div>
1167            -->
1168        </div>
1169        <p class="txt">
1170            <span>[연중무휴]</span> 전화량이 많아 통화가 어려울 수 있습니다.  <a href="#" onclick="void aside_chat();">카카오톡 채널</a> 상담을 이용하시면 빠른시간내로 답변드리겠습니다. 
1171        </p>
1172    </div>
1173    <address class="address">
1174        <div class="inner">
1175            <div class="f-logo">
1176                <div class="img"></div>
1177                <p class="txt">
1178                   청풍랜드 예약센터                   <span>cheongpung land</span>
1179                </p>
1180            </div>
1181            <div class="f-info">
1182                <ul class="link">
1183                    <li><a href="/terms/policy">이용약관</a></li>
1184                    <li><a href="/terms/privacy">개인정보처리방침</a></li>
1185                </ul>
1186                <ul class="txt">
1187
1188                    <li>주식회사 하늘엔</li>
1189                    <li>주소 : 부산시 연제구 중앙대로1048번길 11, 5층 </li>
1190                    <li>대표 : 백승우</li>
1191                    <li>사업자등록번호 : 128-88-01794</li>
1192                    <li>통신판매업신고 : 제 2020-부산연제-0833 호</li>
1193                    <li>개인정보관리책임자 : 황치열</li>
1194                    <li>고객센터 : 1577-6951</li>
1195                    <li>Email : [email protected]</li>
1196                    <li>WEB : <a href="http://www.haneuln.com" target="_blank" title="주식회사 하늘엔 - 정보 시스템 / 예약 / 티켓통합관리">haneuln.com</a></li>
1197                    <li class="copyright">Copyright ⓒ 주식회사 하늘엔. All rights reserved.</li>
1198
1199                </ul>
1200            </div>
1201        </div>
1202    </address>
1203</footer>
1204
1205<div class="move-up"><span></span></div>
1206<div class="float-banner">
1207	<img src="/assets/img/float-btn.png" alt="" />
1208	<ul>
1209		<li>
1210			<a href="/booking/">
1211				<img src="/assets/img/float-icon-05.png" />
1212				<span>예약하기</span>
1213			</a>
1214		</li>
1215		<li>
1216			<a href="https://smartstore.naver.com/baetongryeong" target="_blank">
1217				<img src="/assets/img/float-icon-06.png" />
1218				<span>네이버예약</span>
1219			</a>
1220		</li>
1221		<li class="line"></li>
1222        <li>
1223			<a href="#" onclick="void aside_chat();">
1224				<img src="/assets/img/float-icon-04.png" />
1225				<span>카카오톡</span>
1226			</a>
1227		</li>
1228		<li>
1229			<a href="https://blog.naver.com/boss_baechu" target="_blank">
1230				<img src="/assets/img/float-icon-03.png" />
1231				<span>블로그</span>
1232			</a>
1233		</li>
1234		<li>
1235			<a href="https://www.instagram.com/boss_baechu/" target="_blank">
1236				<img src="/assets/img/float-icon-02.png" />
1237				<span>인스타</span>
1238			</a>
1239		</li>
1240		<li class="line"></li>
1241		<li>
1242			<a href="/booking/sale">
1243				<img src="/assets/img/float-icon-01.png" />
1244				<span>할인여행</span>
1245			</a>
1246		</li>
1247	</ul>
1248</div>
1249<!-- 광고배너 -->
1250<div id="pg-banner">
1251	<button id="close-banner">×</button>
1252	<a href="https://mall.킹스타.com" target="_blank" title="킹스타 파크골프채">
1253		<video id="adVideo" autoplay muted loop playsinline class="background-video">
1254			<source src="/assets/video/ad-king.mp4" type="video/mp4" />
1255		</video>
1256		<div class="content">
1257			<p class="tit">파크골프</p> <p class="txt">최대 <span>34% 할인</span> 중!</p>
1258		</div>
1259	</a>
1260</div>
1261<!-- 광고배너 -->
1262</body>
1263</html>
1264
1265<script>
1266        Kakao.init('6f16c498aae247100e877e7b0c7bed26');
1267        function aside_chat() {
1268            Kakao.Channel.chat({
1269                channelPublicId: '_MhxfPK'
1270            })
1271        }
1272$(document).ready(function(){
1273    $('.menu_btn').click(function(){
1274        $('.menu_btn').toggleClass('lijo');
1275        $('.gnb').toggleClass('surya');
1276    });
1277
1278
1279  $('.gnb li').click(function(){
1280  $(this).find('.sub').slideToggle();
1281  var t = $(this).find('.sub'); 
1282  $('.sub').not(t).slideUp();
1283   });
1284     
1285     var max_h=0;
1286     $(".sub").each(function () {
1287        var h = parseInt($(this).css("height"));
1288        if (max_h < h) {
1289            max_h = h;
1290        }
1291    });
1292
1293    // 마우스 over 시
1294    $('.gnb').mouseenter(function () {
1295        // menu bg
1296        var menuHeight = $('#header').outerHeight();
1297        $('.hd_bg').css({
1298            'top': menuHeight + 'px',
1299             height: max_h + 30 + 'px',
1300        });
1301        $('#header').addClass('open');
1302    });
1303     
1304     $('.gnb').mouseleave(function () {
1305         $('.hd_bg').css('height', '0');
1306         $('#header').removeClass('open');
1307     });
1308     
1309    $('.gnb > li').mouseenter(function () {
1310        $(this).addClass('active');
1311        $(this).siblings().removeClass('active')
1312    });
1313    $('.gnb > li').mouseleave(function () {
1314        $(this).removeClass('active');
1315    });
1316
1317  $('.tab-top-other').click(function () {
1318    var tab_id = $(this).attr('data-type');
1319    $('.tab-top-other').removeClass('on');
1320    $('.tab-top-other-content').removeClass('on');
1321    $(this).addClass('on');
1322    $("#" + tab_id).addClass('on');
1323  });
1324
1325  // 검색 필터 공통 함수
1326  function setupSearch(inputSelector, listSelector) {
1327    $(inputSelector).on('keyup', function () {
1328      var searchText = $(this).val().toLowerCase();
1329      $(listSelector + ' li').each(function () {
1330        var itemText = $(this).text().toLowerCase();
1331        $(this).toggle(itemText.indexOf(searchText) !== -1);
1332      });
1333
1334      // X 버튼 표시 여부
1335      var clearBtn = $(this).siblings('.clear-input');
1336      clearBtn.toggle($(this).val().length > 0);
1337    });
1338  }
1339
1340  // 탭1, 탭2 각각 연결
1341  setupSearch('#topOtherSearchTab1', '#other-1 .top-tab-item-list');
1342  setupSearch('#topOtherSearchTab2', '#other-2 .top-tab-item-list');
1343
1344  // X 버튼 클릭 시
1345  $('.clear-input').on('click', function () {
1346    var target = $(this).data('target');
1347    $(target).val('').trigger('keyup');
1348    $(this).hide();
1349  });
1350
1351  $('.other-cruise-pop-btn').click(function () {
1352    $('body').addClass('modal-open');
1353    $('.dim2').fadeIn();
1354    $('.other-cruise-pop').fadeIn();
1355  });
1356
1357  // 팝업 닫기
1358  $('.other-cruise-pop .close, .dim2').click(function () {
1359    $('body').removeClass('modal-open');
1360    $('.dim2').fadeOut();
1361    $('.other-cruise-pop').fadeOut();
1362  });
1363
1364     
1365    });
1366</script>
1366
1367<!-- mobile nav -->
1368<!-- tab -->
1369<script>
1370$('.tab-link').click(function(){
1371    var tab_id = $(this).attr('data-type');
1372    $('.tab-link').removeClass('on');
1373    $('.tab-content').removeClass('on');
1374    $(this).addClass('on');
1375    $("#"+tab_id).addClass('on');
1376});
1377$('.tab-link2').click(function(){
1378    var tab_id = $(this).attr('data-type');
1379    $('.tab-link2').removeClass('on');
1380    $('.tab-content2').removeClass('on');
1381    $(this).addClass('on');
1382    $("#"+tab_id).addClass('on');
1383});
1384$('.tab-link3').click(function(){
1385    var tab_id = $(this).attr('data-type');
1386    $('.tab-link3').removeClass('on');
1387    $('.tab-content3').removeClass('on');
1388    $(this).addClass('on');
1389    $("#"+tab_id).addClass('on');
1390});
1391$('.tab-link4').click(function(){
1392    var tab_id = $(this).attr('data-type');
1393    $('.tab-link4').removeClass('on');
1394    $('.tab-content4').removeClass('on');
1395    $(this).addClass('on');
1396    $("#"+tab_id).addClass('on');
1397});
1398$('.tab-link5').click(function(){
1399    var tab_id = $(this).attr('data-type');
1400    $('.tab-link5').removeClass('on');
1401    $('.tab-content5').removeClass('on');
1402    $(this).addClass('on');
1403    $("#"+tab_id).addClass('on');
1404});
1405$('.tab-link-ship').click(function(){
1406    var tab_id = $(this).attr('data-type');
1407    $('.tab-link-ship').removeClass('on');
1408    $('.tab-content-ship').removeClass('on');
1409    $(this).addClass('on');
1410    $("#"+tab_id).addClass('on');
1411});
1412</script>
1412
1413<!-- tab end -->
1414
1415<!-- 서브 메뉴 탭 -->
1416<script>
1417$(document).ready(function() {
1418    var $tabButtonItem = $('#tab-button li'),
1419        $tabSelect = $('#tab-select'),
1420        $tabContents = $('.tab-contents'),
1421        activeClass = 'is-active';
1422
1423  $tabButtonItem.first().addClass(activeClass);
1424  $tabContents.not(':first').hide();
1425
1426  // button
1427  $tabButtonItem.find('a').on('click', function(e) {
1428    var target = $(this).attr('href');
1429  });
1430});
1431
1432
1433  const $floatBanner = $('.float-banner');
1434  const $ul = $floatBanner.find('ul');
1435
1436  $('.float-banner > img').click(function () {
1437    if ($floatBanner.hasClass('open')) {
1438      // 닫을 때: 현재 높이를 scrollHeight로 설정 후 -> 0으로 줄임
1439      $ul.css('height', $ul[0].scrollHeight + 'px'); // 일단 현재 높이 설정
1440      setTimeout(function () {
1441        $ul.css('height', '0');
1442      }, 400); // 딜레이 시간 증가 (예: 200ms)
1443
1444      $floatBanner.removeClass('open');
1445      $floatBanner.animate({ right: '-125px' }, function () {
1446        $('.float-banner > img').attr('src', '/assets/img/float-btn.png');
1447      });
1448    } else {
1449      // 열 때: scrollHeight로 설정
1450      const ulHeight = $ul[0].scrollHeight;
1451      $ul.css('height', ulHeight + 'px');
1452
1453      $floatBanner.addClass('open');
1454      $floatBanner.animate({ right: '0' }, function () {
1455        $('.float-banner > img').attr('src', '/assets/img/float-btn-close.png');
1456      });
1457    }
1458  });
1459  
1460  
1461
1462
1463$(".othersite").on( "change", function() {
1464    var openNewWindow = window.open("about:blank");
1465    openNewWindow.location.href = this.value;
1466});
1467</script>
1467
1468
1469
1470<script>
1471$(document).ready(function () {
1472	$('.booking-sub .con .tab-wrap').click(function(){
1473		$('.tutorial-01').fadeIn();
1474		
1475
1476		if ($('.tutorial-01').is(':visible')) {
1477
1478			$('.tutorial-block').show(); // 클릭 방지 레이어 켜기
1479
1480			$('.booking-sub .con .route.multi .con-line.cruise:first-child .way').css('z-index', '999');
1481			$('.booking-sub .con .route.multi .con-line.cruise:first-child .date-wrap').css('z-index', '999');
1482			$('.booking-sub .con .route.multi .con-line .tooltip').css('z-index','999');
1483			$('.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn').css('z-index','999');
1484			$('.booking-sub .con .route.multi .con-line .btn-area button').css('z-index','999');
1485			$('.booking-sub .con .route.multi .con-line .way .detail').css('z-index','99');
1486			$('<style>.booking-sub .con .route.multi .con-line .btn-area button::before, .booking-sub .con .route.multi .con-line .btn-area button::after { background-color: #fff; }</style>').appendTo('head');
1487
1488			$('.tuto-txt-01,.tuto-txt-03,.tuto-txt-04,.tuto-txt-05').fadeIn();
1489			$('.skip-box').fadeIn();
1490
1491		}
1492	});
1493});
1494
1495$(document).ready(function () {
1496	$('.skip-box button,.tutorial-01,.tutorial-block').click(function(){
1497		$('.tutorial-01').fadeOut();
1498		$('.tutorial-block').hide(); // 클릭 방지 레이어 켜기
1499		$('.tuto-txt-01,.tuto-txt-03,.tuto-txt-04,.tuto-txt-05').fadeOut();
1500		$('.skip-box').fadeOut();
1501
1502		$('.booking-sub .con .route.multi .con-line.cruise:first-child .way').css('z-index', '999');
1503		$('.booking-sub .con .route.multi .con-line.cruise:first-child .date-wrap').css('z-index', '9');
1504		$('.booking-sub .con .route.multi .con-line .tooltip').css('z-index','9');
1505		$('.booking-sub .con .route.multi .con-line .btn-area button').css('z-index','9');
1506		$('<style>.booking-sub .con .route.multi .con-line .btn-area button::before, .booking-sub .con .route.multi .con-line .btn-area button::after { background-color: #6d7179; }</style>').appendTo('head');
1507		$('.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn').css('z-index','9');
1508
1509
1510	});
1511});
1512</script>
1512
1513
1514
1515<!-- 광고배너 -->
1516<script>
1517$(document).ready(function () {
1518  const $banner = $('#pg-banner');
1519  const $link = $('#pg-banner a');
1520  let isMinimized = false;
1521
1522  // 1. 배너 등장
1523  $banner.fadeIn(500);
1524
1525  // 2. 5초 후 자동 축소
1526  const autoMinimizeTimer = setTimeout(function () {
1527    $banner.addClass('minimized');
1528    isMinimized = true;
1529  }, 5000);
1530
1531  // 3. 배너 클릭 시 동작
1532  $banner.on('click', function (e) {
1533    const isCloseBtn = $(e.target).is('#close-banner');
1534
1535    if (!isCloseBtn && isMinimized) {
1536      // minimized 상태일 때는 링크 막고 확장만
1537      e.preventDefault();
1538      $banner.removeClass('minimized');
1539      isMinimized = false;
1540    }
1541  });
1542
1543  // 4. 링크 클릭 시 (minimized 상태면 막기)
1544  $link.on('click', function (e) {
1545    if (isMinimized) {
1546      e.preventDefault(); // 링크 막기
1547    }
1548  });
1549
1550  // 5. 닫기 버튼 클릭 시 → 축소 + 링크 막기 + 타이머 제거
1551  $('#close-banner').on('click', function (e) {
1552    e.stopPropagation(); // 배너 클릭 이벤트 무시
1553    e.preventDefault();  // 링크 이동 막기
1554    $banner.addClass('minimized');
1555    isMinimized = true;
1556    clearTimeout(autoMinimizeTimer);
1557  });
1558});
1559</script>
vendor: 2 bytes, line 1559
1559
1560<script>
1561	const video = document.getElementById("adVideo");
1562	video.playbackRate = 0.7;  // 0.5배 속도 = 2배 느리게
1563</script>
1563
1564<!-- 광고배너 end -->
1565
1566
1567<!-- 서브 메뉴 탭 end -->
1568

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.