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&entry=pll&lang=ko&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.