PageSourceSearch

http://azunikids.kr/theme/basic/main.php

html azunikids.kr collected 2026-10-06 14:03:50 UTC 64,682 bytes, 1,502 lines download raw bytes

1<!doctype html>
2<html lang="ko">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" id="meta_viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10">
6<meta name="HandheldFriendly" content="true">
7<meta name="format-detection" content="telephone=no">
8<meta http-equiv="imagetoolbar" content="no">
9<meta http-equiv="X-UA-Compatible" content="IE=edge">
10<meta name="naver-site-verification" content="5505248f8252d3839afbd789be60ffef3f1458c7" />
11<meta name="description" content="밀양키즈풀빌라,밀양풀빌라,경남키즈풀빌라,밀양키즈펜션,밀양펜션,독채풀빌라,독채펜션,미온수풀빌라,키즈펜션,키즈풀빌라,가족펜션,경남키즈펜션, 밀양여행, 커플펜션, 수영장펜션, 바비큐펜션" />
12<meta name="keywords" content="밀양키즈풀빌라,밀양풀빌라,경남키즈풀빌라,밀양키즈펜션,밀양펜션,독채풀빌라,독채펜션,미온수풀빌라,키즈펜션,키즈풀빌라,가족펜션,경남키즈펜션, 밀양여행, 커플펜션, 수영장펜션, 바비큐펜션" />
13<meta property="og:type" content="website" />
14<meta property="og:title" content="아주니키즈풀빌라" />
15<meta property="og:description" content="밀양키즈풀빌라,밀양풀빌라,경남키즈풀빌라,밀양키즈펜션,밀양펜션,독채풀빌라,독채펜션,미온수풀빌라,키즈펜션,키즈풀빌라,가족펜션,경남키즈펜션, 밀양여행, 커플펜션, 수영장펜션, 바비큐펜션" />
16<meta property="og:url" content="http://azunikids.kr" />
17<meta property="og:site_name" content="아주니키즈풀빌라" />
18<meta property="og:image" content="http://nstayimg12.speedgabia.com/azure/main/mv_01.jpg" />
19<meta name="twitter:card" content="summary" />
20<meta name="twitter:image" content="http://nstayimg12.speedgabia.com/azure/main/mv_01.jpg" />
21<meta name="twitter:title" content="아주니키즈풀빌라" />
22<meta name="twitter:description" content="밀양키즈풀빌라,밀양풀빌라,경남키즈풀빌라,밀양키즈펜션,밀양펜션,독채풀빌라,독채펜션,미온수풀빌라,키즈펜션,키즈풀빌라,가족펜션,경남키즈펜션, 밀양여행, 커플펜션, 수영장펜션, 바비큐펜션" />
23<title>아주니키즈풀빌라</title>
24<link rel="stylesheet" href="http://azunikids.kr/data/cache/basic_css_default1724653178.css">
25<link rel="preconnect" href="https://fonts.googleapis.com">
26<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
27<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
28<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
29<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css?ver=220620">
30<link rel="stylesheet" href="http://azunikids.kr/data/cache/default_js_fontawesome_css_fontawesomemin1670830410.css?ver=220620">
31<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/font-awesome-animation.css?ver=220620">
32<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css?ver=220620">
33<link rel="stylesheet" href="http://azunikids.kr/data/cache/basic_css_slick1670830573.css?ver=220620">
34<link rel="stylesheet" href="http://azunikids.kr/data/cache/basic_css_default_menu1693288446.css?ver=220620">
35<link rel="stylesheet" href="http://azunikids.kr/data/cache/basic_css_default_extend1772076801.css?ver=220620">
36<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/aos.css?ver=220620">
37<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css?ver=220620">
38<!--[if lte IE 8]>
39<script src="http://azunikids.kr/js/html5.js"></script>
39
40<![endif]-->
41<script>
42// 자바스크립트에서 사용하는 전역변수 선언
43var g5_url       = "http://azunikids.kr";
44var g5_bbs_url   = "http://azunikids.kr/bbs";
45var g5_is_member = "";
46var g5_is_admin  = "";
47var g5_is_mobile = "";
48var g5_bo_table  = "";
49var g5_sca       = "";
50var g5_editor    = "";
51var g5_cookie_domain = ".azunikids.kr";
52</script>
52
53
54<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 54-55
54
55<script async src="https://www.googletagmanager.com/gtag/js?id=
55G-8L7Y4N280G
vendor: 12 bytes, line 55
55"></script>
56<script>
57  window.dataLayer = window.dataLayer || [];
58  function gtag(){dataLayer.push(arguments);}
59  gtag('js', new Date());
60  
61    // ★ D동 구분용
62  gtag('set', 'user_properties', {
63    dong: 'D'
64  });
65
66  gtag('config', 'G-8L7Y4N280G');
67</script>
67
68
69<script src="http://azunikids.kr/data/cache/js_jquery1124min1670830415.js?ver=220620"></script>
vendor: 1 bytes, line 69
69
70<script src="http://azunikids.kr/data/cache/js_jquerymigrate141min1670830415.js?ver=220620"></script>
vendor: 1 bytes, line 70
70
71<script src="http://azunikids.kr/data/cache/js_jquerymenu1670830415.js?ver=220620"></script>
vendor: 1 bytes, line 71
71
72<script src="http://azunikids.kr/data/cache/js_common1670830413.js?ver=220620"></script>
vendor: 1 bytes, line 72
72
73<script src="http://azunikids.kr/data/cache/js_wrest1670830416.js?ver=220620"></script>
vendor: 1 bytes, line 73
73
74<script src="http://azunikids.kr/data/cache/js_placeholdersmin1670830415.js?ver=220620"></script>
vendor: 1 bytes, line 74
74
75<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 75
75
76<script src="//cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick.min.js"></script>
vendor: 1 bytes, line 76
76
77<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
vendor: 1 bytes, line 77
77
78<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
78
79</head>
80<body>
81
82<!-- 팝업레이어 시작 { -->
83<div id="hd_pop">
84    <h2>팝업레이어 알림</h2>
85
86
87    <div id="hd_pops_10" class="hd_pops">
88        <div class="hd_pops_con" style="width:300px;height:300px;">
89			<img src="http://azunikids.kr/data/editor/2406/5f5625a732432c7f8eaaf0ef3fd490bd_1718959281_8625.png" title="5f5625a732432c7f8eaaf0ef3fd490bd_1718959281_8625.png" alt="5f5625a732432c7f8eaaf0ef3fd490bd_1718959281_8625.png" /><br style="clear:both;" /><br />
90        </div>
91        <div class="hd_pops_footer">
92			<ul>
93				<li><button class="hd_pops_reject hd_pops_10 24"><strong>24</strong>시간 동안 닫기</button></li>
94				<li><button class="hd_pops_close hd_pops_10">닫기</button></li>
95			</ul>
96        </div>
97    </div>
98
99	<style>
100	#hd_pops_10 {left:10px;top:150px;z-index:1;}
101		@media screen and (max-width:1024px) {
102		#hd_pops_10 {left:0px;top:0px}
103	}
104			@media screen and (max-width:768px) {
105		#hd_pops_10 {left:0px;top:0px}
106	}
107			@media screen and (max-width:575px) {
108		#hd_pops_10 {left:0px;top:0px}
109	}
110			</style>
111
112</div>
113
114<script>
115$(function() {
116    $(".hd_pops_reject").click(function() {
117        var id = $(this).attr('class').split(' ');
118        var ck_name = id[1];
119        var exp_time = parseInt(id[2]);
120        $("#"+id[1]).css("display", "none");
121        set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
122    });
123    
124	$('.hd_pops_close').click(function() {
125        var idb = $(this).attr('class').split(' ');
126        $('#'+idb[1]).css('display','none');
127    });
128});
129</script>
129
130<!-- } 팝업레이어 끝 -->
131<!-- 상단 시작 { -->
132<div id="hd">
133    <h1 id="hd_h1">아주니키즈풀빌라</h1>
134    <div id="skip_to_container"><a href="#container">본문 바로가기</a></div>
135
136    <div id="hd_wrapper">
137        <div id="logo">
138            <a href="http://azunikids.kr/theme/basic/main.php">
139                <img src="http://nstayimg12.speedgabia.com/azure/common/logo3_w.png" alt="아주니키즈풀빌라">
140            </a>
141        </div>
142
143        <div id="hd_btn">
144        <a href="http://azunikids.kr/reservation.php" target="_blank" id="btn_resv" class="font-lora">실시간 예약</a>
145            <a href="https://booking.naver.com/booking/3/bizes/439096" target="_blank" id="btn_resvn" class="font-lora">네이버 예약</a>
146            <button type="button" id="gnb_menu_btn" title="전체메뉴"><i class="fa fa-bars" aria-hidden="true"></i><span class="sound_only">전체메뉴열기</span></button>
147        </div>
148    </div>
149    <!-- <div class="sns">
150            <a href="https://pcmap.place.naver.com/accommodation/1076147045/room?ac=0&adm_lat=37.297091&adm_long=126.8509914&bizId=1076147045&debug=0&deviceType=pc&lgl_lat=37.297091&lgl_long=126.8509914&lgl_rcode=02271103&ngn_country=KR&nlu_query=%7B%22qr%22%3A%5B%7B%22query%22%3A%22%EC%95%84%EC%A3%BC%EB%A5%B4%20%ED%82%A4%EC%A6%88%20%EB%A6%AC%EC%A1%B0%ED%8A%B8%22%2C%22c_score_org%22%3A0.130394%2C%22c_score%22%3A0.130394%2C%22score%22%3A-1.897483%2C%22qr_category%22%3A7%2C%22qr_type%22%3A36%7D%2C%7B%22query%22%3A%22%EC%95%84%EC%A3%BC%EB%A5%B4%20%EC%95%84%EB%8F%99%20%ED%92%80%EB%B9%8C%EB%9D%BC%20%22%2C%22c_score%22%3A0.0%2C%22c_score_org%22%3A0.0%2C%22score%22%3A2.0%2C%22qr_category%22%3A1%2C%22qr_type%22%3A2%7D%2C%7B%22query%22%3A%22%EC%95%84%EC%A3%BC%EB%A5%B4%20%EC%96%B4%EB%A6%B0%EC%9D%B4%20%ED%92%80%EB%B9%8C%EB%9D%BC%20%22%2C%22c_score%22%3A0.0%2C%22c_score_org%22%3A0.0%2C%22score%22%3A2.0%2C%22qr_category%22%3A1%2C%22qr_type%22%3A2%7D%2C%7B%22query%22%3A%22%EC%95%84%EC%A3%BC%EB%A5%B4%20kids%20%ED%92%80%EB%B9%8C%EB%9D%BC%20%22%2C%22c_score%22%3A0.0%2C%22c_score_org%22%3A0.0%2C%22score%22%3A2.0%2C%22qr_category%22%3A1%2C%22qr_type%22%3A2%7D%2C%7B%22query%22%3A%22%EC%95%84%EC%A3%BC%EB%A5%B4%20%ED%92%80%EB%B9%8C%EB%9D%BC%22%2C%22c_score%22%3A0.221%2C%22c_score_org%22%3A0.221%2C%22score%22%3A-4.388%2C%22qr_category%22%3A4%2C%22qr_type%22%3A31%7D%5D%2C%22pension%22%3A%7B%22source%22%3A%22placesearch%22%2C%22sid%22%3A%221076147045%22%2C%22q%22%3A%22%EC%95%84%EC%A3%BC%EB%A5%B4%ED%82%A4%EC%A6%88%ED%92%80%EB%B9%8C%EB%9D%BC%22%7D%2C%22nluQuery%22%3A%22%EC%95%84%EC%A3%BC%EB%A5%B4%ED%82%A4%EC%A6%88%ED%92%80%EB%B9%8C%EB%9D%BC%22%7D&nqx_theme=%7B%22theme%22%3A%7B%22main%22%3A%7B%22name%22%3A%22accommodation%22%7D%7D%7D&r1=%EA%B2%BD%EA%B8%B0%EB%8F%84&r2=%EC%95%88%EC%82%B0%EC%8B%9C%20%EC%83%81%EB%A1%9D%EA%B5%AC&r3=%EC%82%AC%EB%8F%99&rcode=02271103&rev=44&sm=whl_hty&spq=0&ssc=tab.nx.all&target=pc&where=nexearch&x=126.8509914&y=37.297091&from=map&fromPanelNum=1&ts=1692752727544&businessCategory=pension" target="sns a" class="head_sns_btn naver"><img src="http://nstayimg1.speedgabia.com/star2/common/naver.png"></a>
151        </div> -->
152
153
154    <nav id="gnb">
155        <h2>메인메뉴</h2>
156        <div class="gnb_wrap">
157
158            <div id="gnb_room">
159                <h2 class="sound_only">Room Preview</h2>
160                <div class="swiper gnb_rm">
161                    
162                    <div class="swiper-wrapper gnb_rm_list">
163                        <div class="swiper-slide gnb_rm_item">
164                            <a href="http://azunikids.kr/room1.php" class="gnb_rm_a">
165                                <img src="http://nstayimg12.speedgabia.com/azure/common/hrv_05.jpg" alt="room D1">
166                                <figcaption>D1동(신규키즈놀이터/개별미온수수영장)</figcaption>
167                            </a>
168                        </div>
169                        <div class="swiper-slide gnb_rm_item">
170                            <a href="http://azunikids.kr/room2.php" class="gnb_rm_a">
171                                <img src="http://nstayimg12.speedgabia.com/azure/common/hrv_06.jpg" alt="room D2">
172                                <figcaption>D2동(개별미온수수영장)</figcaption>
173                            </a>
174                        </div>
175                    </div>
176                    <div class="swiper-button-prev"></div>
177                    <div class="swiper-button-next"></div>
178                </div>
179            </div>
180
181			
181<script>
182				var room_swiper = new Swiper('#gnb_room .swiper', {
183					slidesPerView: 2,
184					spaceBetween: 15,
185					navigation: {
186						nextEl: '.swiper-button-next',
187						prevEl: '.swiper-button-prev',
188					},
189				});
190			</script>
190
191
192            <ul id="gnb_1dul">
193                <li class="gnb_btn">
194                    <img src="http://nstayimg12.speedgabia.com/azure/common/logo.png" alt="아주니키즈풀빌라">
195                    <button type="button" id="gnb_close_btn"><i class="fa fa-times" aria-hidden="true"></i><span class="sound_only">메뉴닫기</span></button>
196                </li>
197                <li class="gnb_1dli">
198                    <a href="http://azunikids.kr/photozone.php" class="gnb_1da">
199                        <div class="flip-wrap js-flip">
200                            <span class="flip-txt font-lora">PhotoZone</span>
201                            <span class="flip-txt">포토존</span>
202                        </div>
203                        <div class="gnb_txt">포토존</div>
204                    </a>
205                    <span class="bg"><i class="fa fa-angle-right pull-right"></i></span>
206                    <div class="gnb_2dul">
207                        <ul class="gnb_2dul_box">
208                            <li class="gnb_2dli"><a href="http://azunikids.kr/photozone.php" class="gnb_2da" data-text="포토존">포토존</a></li>
209                        </ul>
210                    </div>
211                </li>
212                <li class="gnb_1dli">
213                    <a href="http://azunikids.kr/prolog.php" class="gnb_1da">
214                        <div class="flip-wrap js-flip">
215                            <span class="flip-txt font-lora">Space</span>
216                            <span class="flip-txt">공간</span>
217                        </div>
218                        <div class="gnb_txt">공간</div>
219                        <div class="gnb_txt">공간</div>
220                    </a>
221                    <span class="bg"><i class="fa fa-angle-right pull-right"></i></span>
222                    <div class="gnb_2dul">
223                        <ul class="gnb_2dul_box">
224                            <li class="gnb_2dli"><a href="http://azunikids.kr/prolog.php" class="gnb_2da" data-text="프롤로그">프롤로그</a></li>
225                            <li class="gnb_2dli"><a href="http://azunikids.kr/prolog.php#location" class="gnb_2da" data-text="오시는길">오시는길</a></li>
226                        </ul>
227                    </div>
228                </li>
229                <li class="gnb_1dli">
230                    <a href="http://azunikids.kr/f_kids.php" class="gnb_1da">
231                        <div class="flip-wrap js-flip">
232                            <span class="flip-txt font-lora">Joyful</span>
233                            <span class="flip-txt">즐길거리</span>
234                        </div>
235                        <div class="gnb_txt">즐길거리</div>
236                    </a>
237                    <span class="bg"><i class="fa fa-angle-right pull-right"></i></span>
238                    <div class="gnb_2dul">
239                        <ul class="gnb_2dul_box">
240                            <li class="gnb_2dli"><a href="http://azunikids.kr/f_kids.php" class="gnb_2da" data-text="키즈놀이시설">키즈놀이시설</a></li>
241                            <!--<li class="gnb_2dli"><a href="http://azunikids.kr/f_swim.php" class="gnb_2da" data-text="개별야외수영장">개별야외수영장</a></li>-->
242                            <li class="gnb_2dli"><a href="http://azunikids.kr/f_pool.php" class="gnb_2da" data-text="개별실내풀빌라">개별실내풀빌라</a></li>
243                            <li class="gnb_2dli"><a href="http://azunikids.kr/f_terrace.php" class="gnb_2da" data-text="개별테라스">개별테라스</a></li>
244                            <li class="gnb_2dli"><a href="http://azunikids.kr/f_bbq.php" class="gnb_2da" data-text="개별바비큐장">개별바비큐장</a></li>
245                            <!-- <li class="gnb_2dli"><a href="http://azunikids.kr/f_bath.php" class="gnb_2da" data-text="욕조">욕조</a></li> -->
246                            <!-- <li class="gnb_2dli"><a href="http://azunikids.kr/f_ame.php" class="gnb_2da" data-text="어메니티">어메니티</a></li> -->
247                            <!-- <li class="gnb_2dli"><a href="http://azunikids.kr/f_wifi.php" class="gnb_2da" data-text="와이파이">와이파이</a></li> -->
248                        </ul>
249                    </div>
250                </li>
251                <li class="gnb_1dli">
252                    <a href="http://azunikids.kr/room1.php" class="gnb_1da gnb_roomli">
253                        <div class="flip-wrap js-flip">
254                            <span class="flip-txt font-lora">Room</span>
255                            <span class="flip-txt">객실안내</span>
256                        </div>
257                        <div class="gnb_txt">객실안내</div>
258                    </a>
259                    <span class="bg"><i class="fa fa-angle-right pull-right"></i></span>
260                    <div class="gnb_2dul">
261                        <ul class="gnb_2dul_box">
262                            <li class="gnb_2dli"><a href="http://azunikids.kr/room_v.php" class="gnb_2da" data-text="객실배치도">객실배치도</a></li>
263                            <li class="gnb_2dli"><a href="http://azunikids.kr/room1.php" class="gnb_2da" data-text="D1동(신규키즈놀이터/개별미온수수영장)">D1동(신규키즈놀이터/개별미온수수영장)</a></li>
264                            <li class="gnb_2dli"><a href="http://azunikids.kr/room2.php" class="gnb_2da" data-text="D2동(개별미온수수영장)">D2동(개별미온수수영장)</a></li>
265                        </ul>
266                    </div>
267                </li>
268                <li class="gnb_1dli">
269                    <a href="http://azunikids.kr/tour.php" class="gnb_1da">
270                        <div class="flip-wrap js-flip">
271                            <span class="flip-txt font-lora">Travel</span>
272                            <span class="flip-txt">여행지</span>
273                        </div>
274                        <div class="gnb_txt">여행지</div>
275                    </a>
276                    <span class="bg"><i class="fa fa-angle-right pull-right"></i></span>
277                    <div class="gnb_2dul">
278                        <ul class="gnb_2dul_box">
279                            <li class="gnb_2dli"><a href="http://azunikids.kr/tour.php" class="gnb_2da" data-text="여행지">여행지</a></li>
280                        </ul>
281                    </div>
282                </li>
283                <li class="gnb_1dli">
284                    <a href="http://azunikids.kr/reserinfo.php" class="gnb_1da">
285                        <div class="flip-wrap js-flip">
286                            <span class="flip-txt font-lora">Reserve</span>
287                            <span class="flip-txt">예약안내</span>
288                        </div>
289                        <div class="gnb_txt">예약안내</div>
290                    </a>
291                    <span class="bg"><i class="fa fa-angle-right pull-right"></i></span>
292                    <div class="gnb_2dul">
293                        <ul class="gnb_2dul_box">
294                            <li class="gnb_2dli"><a href="http://azunikids.kr/reserinfo.php" class="gnb_2da" data-text="예약안내">예약안내</a></li>
295                            <li class="gnb_2dli"><a href="http://azunikids.kr/reservation.php" target="_reser" class="gnb_2da" data-text="실시간예약">실시간예약</a></li>
296                            <li class="gnb_2dli"><a href="https://booking.naver.com/booking/3/bizes/439096" target="blank" class="gnb_2da" data-text="네이버예약">네이버예약</a></li>
297                        </ul>
298                    </div>
299                </li>
300                                <li class="gnb_1dli">
301                    <a href="http://azunikids.kr/theme/basic/index.php" class="gnb_1da">
302                        <div class="flip-wrap js-flip">
303                            <span class="flip-txt font-lora">Family Site</span>
304                            <span class="flip-txt">더보기</span>
305                        </div>
306                        <div class="gnb_txt">더보기</div>
307                    </a>
308                    <span class="bg"><i class="fa fa-angle-right pull-right"></i></span>
309                    <div class="gnb_2dul">
310                        <ul class="gnb_2dul_box">
311                            <li class="gnb_2dli"><a href="https://nstayazure.cafe24.com/theme/basic/main.php" class="gnb_2da" target="_blank" data-text="아주르(A,B동)">아주르(A,B동)</a></li>
312                            <li class="gnb_2dli"><a href="https://nstayazure2.cafe24.com/theme/basic/main.php" class="gnb_2da" target="_blank" data-text="아주니(C동)">아주니(C동)</a></li>
313                            <li class="gnb_2dli"><a href="https://nstayazure4.cafe24.com/theme/basic/main.php" class="gnb_2da" target="_blank" data-text="아유니(E동)">아유니(E동)</a></li>
314                      
315                        </ul>
316                    </div>
317                </li>
318                <!-- <li class="gnb_1dli">
319                    <a href="https://m.search.naver.com/search.naver?where=m_view&sm=mtb_jum&query=%EC%95%84%EC%82%B0+%EC%95%8C%EB%A7%88%EA%B2%8C%EC%8A%A4%ED%8A%B8" class="gnb_1da" target="_blank">
320                        <div class="flip-wrap js-flip">
321                            <span class="flip-txt font-lora">Review</span>
322                            <span class="flip-txt">리뷰</span>
323                        </div>
324                        <div class="gnb_txt">리뷰</div>
325                    </a>
326                    <span class="bg"><i class="fa fa-angle-right pull-right"></i></span>
327                    <div class="gnb_2dul">
328                        <ul class="gnb_2dul_box">
329                            <li class="gnb_2dli"><a href="https://m.search.naver.com/search.naver?where=m_view&sm=mtb_jum&query=%EC%95%84%EC%82%B0+%EC%95%8C%EB%A7%88%EA%B2%8C%EC%8A%A4%ED%8A%B8" class="gnb_2da" target="_blank" data-text="리뷰">리뷰</a></li>
330                        </ul>
331                    </div>
332                </li> -->
333            </ul>
334        </div>
335    </nav>
336    
336<script>
337        $(function(){
338            $(window).scroll(function(){
339                if( $(this).scrollTop() > 0 ) {
340                    $("#hd").addClass("sticky");
341                } else {
342                    $("#hd").removeClass("sticky");
343                }
344            });
345
346            var $gnb = $(".gnb_1dli > a");
347            $gnb.mouseover(function() {
348                $("#hd").addClass("hd_over");
349                $(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_on");
350                $(this).parent().addClass("gnb_1dli_over gnb_1dli_on");
351            });
352
353            $gnb.bind("click", function(e) {
354                if( $("#gnb .gnb_wrap").hasClass("active") ) {
355                    var $li = $(this).closest(".gnb_1dli");
356
357                    if( $li.hasClass("gnb_1dli_over") && $li.find(".gnb_2dul").is(":visible") )
358                        $li.removeClass("gnb_1dli_over gnb_1dli_on").find(".gnb_2dul").slideUp();
359                    else if( !$li.find(".gnb_2dul").is(":visible") ) {
360                        $(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_on").find(".gnb_2dul").slideUp();
361                        $li.addClass("gnb_1dli_over gnb_1dli_on").find(".gnb_2dul").slideDown();
362                    }
363                    return false;
364                }
365            });
366
367            $('#gnb_1dul>li').bind('mouseleave',function(){
368                submenu_hide();
369            });
370
371            $(".gnb_2dli > a").mouseover(function(){
372                $(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_on");
373                $(this).closest(".gnb_1dli").addClass("gnb_1dli_over gnb_1dli_on");
374            });
375
376            $('.gnb_2dli').bind('mouseleave',function(){
377                submenu_hide();
378            });
379
380            $('#hd').bind('mouseleave',function() {
381                $(this).removeClass("hd_over");
382            });
383
384            $("#gnb_menu_btn").click(function() {
385                $("#gnb").addClass("gnb_open");
386                setTimeout(function() {
387                    $("#gnb .gnb_wrap").addClass("active");
388					$("#hd").addClass("active");
389                }, 1);
390            });
391
392            $("#gnb_close_btn").click(function() {
393                $("#gnb .gnb_wrap").removeClass("active");
394                setTimeout(function() {
395                    $("#gnb").removeClass("gnb_open");
396					$("#hd").removeClass("active");
397                }, 300);
398            });
399        });
400
401        function submenu_hide() {
402            $(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_on");
403        }
404    </script>
404
405</div>
406<!-- } 상단 끝 -->
407
408
409<hr>
410
411<!-- 콘텐츠 시작 { -->
412<div id="wrapper">
413	<div id="wrapper_title"></div>
414	<div id="container">         <a href="https://www.instagram.com/july_morning_stay/" target="_blank" class="head_sns_btn instar"><img src="http://nstayimg10.speedgabia.com/jsdog/main/sns_instar_btn.png"></a>   
415         <a href="https://nstayazure.cafe24.com/theme/basic/main.php" target="_blank" class="head_sns_btn azu2"><img src="http://nstayimg12.speedgabia.com/azure/common/azu.png"></a>
416         <a href="https://nstayazure2.cafe24.com/theme/basic/main.php" target="_blank" class="head_sns_btn azu3"><img src="http://nstayimg12.speedgabia.com/azure/common/azu2.png"></a>
417         <a href="https://nstayazure4.cafe24.com/theme/basic/main.php" target="_blank" class="head_sns_btn azu4"><img src="http://nstayimg12.speedgabia.com/azure/common/azu4.png"></a>
418
419<style>
420    .video-container { position: relative; padding-bottom: 54.65%; padding-top: 30px; height: 0; overflow: hidden; }
421    .video-container iframe,
422    .video-container object,
423    .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
424	.mvisualNS{ margin-top: 0;}
425    @media screen and (max-width: 767px) {
426        .video-container { position: relative; padding-bottom: 53%;}
427  		.mvisualNS{ margin-top: 0;}
428    }
429</style>
430<script>
431    new WOW().init();
432</script>
432
433 
434<div class="cd-main-content">
435    <div id="mvimNs">
436                <div style="padding:56.25% 0 0 0;position:relative;"><iframe id="mvwrap" src="https://player.vimeo.com/video/782378233?h=5a5cd7f3d9&autoplay=1&muted=1&loop=1&title=0&portrait=0&autopause=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div>
437        <div class="vp_bt_box">
438            <div class="bt_unmute"></div><div class="bt_mute">mute</div>
439            <div class="fullscreen-btn"></div>
440        </div>
441    </div>
442    
442<script src="https://player.vimeo.com/api/player.js"></script>
442
443    
443<script>
444        var options = {
445            id: 782378233,
446            loop: true,
447            autoplay: true,
448            background:true,
449            quality:'4K',
450        };
451
452        $('.bt_mute').hide();
453
454        var player = new Vimeo.Player('mvwrap', options);
455        player.setVolume(0);
456
457        $('.bt_unmute').click( function() {
458            player.setVolume(1);
459            $(this).hide();
460            $('.bt_mute').show();
461        });
462        $('.bt_mute').click( function() {
463            player.setVolume(0);
464            $(this).hide();
465            $('.bt_unmute').show();
466        });
467        $(".fullscreen-btn").click(function(){
468            player.requestFullscreen().then(function() {
469            }).catch(function(error) {
470            });
471        });
472    </script>
472 
473
474    
475    
476<section id="idx-image" class="swiper">
477	<h2>메인배너</h2>
478
479	<div class="swiper-wrapper">
480        <div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mvd_01.jpg"></div> 
481		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mvd_02.jpg"></div> 
482        <div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mv_03.jpg"></div>
483		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mvd_03.jpg"></div>
484		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mvd_04.jpg"></div>
485        <div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mv_05.jpg"></div>
486		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mvd_05.jpg"></div>
487		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mvd_06.jpg"></div>
488		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mv_08.jpg"></div>
489		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mv_10.jpg"></div>
490		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mv_01.jpg"></div>
491		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mv_02.jpg"></div>
492		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mv_11.jpg"></div>
493		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mv_12.jpg"></div>
494		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mv_13.jpg"></div>
495		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mv_14.jpg"></div>
496		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mv_16.jpg"></div>
497		<div class="swiper-slide"><img src="http://nstayimg12.speedgabia.com/azure/main/mv_18.jpg"></div>
498	
499	</div>
500
501	<div class="swiper-content">
502		<strong class="font-lora">AZUNI</strong>
503		<span>KIDS POOL VILLA</span>
504		<div class="swiper-content-button">
505			<button type="button" id="btn_image_stop" class="font-lora">Stop</button>
506			<button type="button" id="btn_image_play" class="font-lora">Play</button>
507		</div>
508	</div>
509
510	<div class="swiper-progress">
511		<div class="swiper-pagination"></div>
512		<div class="swiper-progress-timer"><div class="swiper-progress-bar"></div></div>
513		<div class="swiper-button-next"></div>
514		<div class="swiper-button-prev"></div>
515	</div>
516</section>
517
518<script>
519var idx_image_active_progress = true;
520var idx_image_progress = document.querySelector("#idx-image .swiper-progress-bar");
521var idx_image = new Swiper("#idx-image", {
522	loop:true,
523	navigation: {
524		nextEl: ".swiper-button-next",
525		prevEl: ".swiper-button-prev",
526	},
527	pagination: {
528		el: ".swiper-pagination",
529		type: "fraction",
530	},
531});
532
533idx_image_progress.addEventListener("animationend", imageSlideActiveEnd);
534
535function imageSlideActiveEnd() {
536	if(idx_image_active_progress) {
537		idx_image.slideNext();
538		idx_image_progress.style.animation = "none";
539		void idx_image_progress.offsetWidth; // Triggers Reflow
540		idx_image_progress.style.animation = null;
541	}
542}
543
544// Reset Progress Bar On Slide Change
545
546idx_image.on("slideChange", function () {
547	idx_image_progress.style.animation = "none";
548	void idx_image_progress.offsetWidth; // Triggers Reflow
549
550	if(idx_image_active_progress)
551		idx_image_progress.style.animation = null;
552});
553
554$(function() {
555	$("#btn_image_stop").click(function() {
556		idx_image_active_progress = false;
557		idx_image_progress.style.animationPlayState = "paused"; // Optional
558	});
559
560	$("#btn_image_play").click(function() {
561		idx_image_active_progress = true;
562		idx_image_progress.style.animationPlayState = "running"; // Optional
563		idx_image_progress.style.animation = null;
564	});
565});
566</script>
566
567
568<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
568
569<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
570
571<section id="idx-video-2" class="idx-wrapper">
572    <div class="idx-container">
573        <div id="main-video-2"></div>
574
575        <div class="idx-header">
576            <h2 class="vertical-hanja">
577            <div data-aos="fade-up" data-aos-offset="200">
578            <span class="sub-title-kr">아주르</span>      
579            <span class="main-title-hj">四季</span>
580            </h2>
581            <div class="view-video" data-aos="fade-up" data-aos-delay="600" data-aos-offset="400">
582                <button type="button"><i class="fa-solid fa-maximize"></i><span class="sound_only">꽉차게 보기</span></button>
583            </div>
584        </div>
585
586        <div id="video-full-2" class="video-full-modal">
587            <div class="video-full-wrap">
588                <button type="button" class="close-video"><i class="fa-solid fa-xmark"></i></button>
589                <iframe id="full-video-2" src="https://player.vimeo.com/video/1168338116?badge=0&title=0&byline=0&portrait=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" allowfullscreen title="Vimeo Video"></iframe>
590            </div>
591        </div>
592    </div>
593</section>
594
595<script>
596
597    $(function() {
598      AOS.init({
599          duration: 1000, // 애니메이션 속도
600          once: true      // 한 번만 실행되도록 설정 (원하는 대로 변경 가능)
601      });
602  });
603
604// 전역 변수 선언
605let player3, player4; 
606
607// 1. 누락되었던 공통 옵션 함수 추가
608function getVimeoOptions(id, isBg = false) {
609    return {
610        id: id,
611        loop: true,
612        autoplay: true,
613        background: isBg,
614        quality: '4K',
615        muted: true,
616        autopause: false,
617        responsive: true,
618    };
619}
620
621// 2. 리사이즈 함수 (기존 코드 유지)
622function MainResizeYoutube(){
623    $("#full-video-2").each(function(){
624        if( /^https?:\/\/player.vimeo.com\/video\//g.test($(this).attr("src")) ){
625            $(this).css("width","100%"); 
626            $(this).css("height", Math.ceil( parseInt($(this).css("width")) * 480 / 854 ) + "px");
627        } 
628   }); 
629}
630
631// 3. 초기화 함수 수정
632function _video_init() {
633    if (typeof Vimeo === 'undefined') {
634        console.error('Vimeo API가 로드되지 않았습니다.');
635        return;
636    }
637
638    const videoId2 = 1168338116; 
639    const mainVideo2El = document.getElementById('main-video-2');
640
641    // 변수가 정의되어 있는지 확인 후 초기화
642    if(mainVideo2El && typeof player3 === 'undefined' || !player3) {
643        player3 = new Vimeo.Player('main-video-2', getVimeoOptions(videoId2, true));
644        player4 = new Vimeo.Player('full-video-2', { id: videoId2, quality:'4K' });
645    }
646    
647    MainResizeYoutube();
648}
649
650// 섹션 2 제어 이벤트 추가
651$(function(){
652    $("#idx-video-2 .view-video button").click(function() {
653        $("#video-full-2").addClass('view-open');
654        if(player4) player4.play();
655        MainResizeYoutube();
656    });
657    $("#video-full-2 .close-video").click(function() {
658        if(player4) {
659            player4.pause();
660            player4.setCurrentTime(0);
661        }
662        $("#video-full-2").removeClass('view-open');
663    });
664});
665
666window.addEventListener('load', _video_init);
667window.addEventListener('resize', MainResizeYoutube);
668
669</script>
669
670
671<section id="main-intro" class="main-container">
672	<div class="main-inner">
673		<div class="item1">
674			<div class="item-img" data-aos="fade-right"><img src="http://nstayimg12.speedgabia.com/azure/main/intro_img1.jpg"></div>
675			<div class="item-text">
676				<div class="item-text-title font-lora" data-aos="fade-down">at AZUNI</div>
677				<div class="item-text-content" data-aos="fade-down">
678                    자연을 통해 힐링 할 수 있는<br>
679					편안한 휴식처가 되어 주는 곳<br>
680					밀양 아주니키즈풀빌라
681				</div>
682			</div>
683				<div class="item-img" data-aos="fade-left"><img src="http://nstayimg12.speedgabia.com/azure/main/introd_img2.jpg"></div>
684			</div>
685		<div class="item2">
686			<div class="item-img" data-aos="flip-down"><img src="http://nstayimg12.speedgabia.com/azure/main/introd_img3.jpg"></div>
687		</div>
688		<div class="item3">
689			<div class="item-text">
690				<div class="item-text-title font-lora" data-aos="fade-right">Warm and Cozy space</div>
691				<div class="item-text-content" data-aos="fade-right">
692					언제나 따뜻하고 포근한 공간
693				</div>
694			</div>
695			<div class="item-img" data-aos="fade-left"><img src="http://nstayimg12.speedgabia.com/azure/main/intro_img4.jpg"></div>
696		</div>
697		<div class="item4">
698			<div class="item-text">
699				<div class="item-text-title font-lora" data-aos="fade-left">for You</div>
700				<div class="item-text-content" data-aos="fade-left">
701					지치는 일상 속 힐링이 되어줄
702				</div>
703			</div>
704			<div class="item-img" data-aos="fade-right"><img src="http://nstayimg12.speedgabia.com/azure/main/intro_img5.jpg"></div>
705		</div>
706		<div class="item5 item-text">
707			<div class="item-text-title font-lora" data-aos="fade-up">on a really fun day</div>
708			<div class="item-text-content" data-aos="fade-up">
709				즐거움과 함께하는 아주니키즈풀빌라
710			</div>
711		</div>
712	</div>
713</section>
714
715<section id="main-image1" class="main-container">
716	<div class="main-inner">
717		<div class="item-text">
718			<div class="item-text-title font-lora">and Now</div>
719			<div class="item-text-content">
720				오롯이 나만을 위한 공간
721			</div>
722		</div>
723	</div>
724</section>
725
726<section id="main-photo" class="main-container">
727	<div class="main-inner">
728		<div class="item-text">
729			<div class="item-text-title font-lora" data-aos="fade-down">photo zone</div>
730			<div class="item-text-content" data-aos="fade-down">
731				아주니키즈풀빌라에서의 추억 한 장
732			</div>
733		</div>
734
735		<div class="swiper">
736			<div class="swiper-wrapper">
737				<div class="swiper-slide">
738					<div class="swiper-img"><img src="http://nstayimg12.speedgabia.com/azure/main/mptd_02.jpg"></div>
739					<div class="swiper-text">특별하고 프라이빗한 공간</div>
740				</div>
741				<div class="swiper-slide">
742					<div class="swiper-img"><img src="http://nstayimg12.speedgabia.com/azure/main/mptd_01.jpg"></div>
743					<div class="swiper-text">즐거움이 가득 담긴 곳</div>
744				</div>
745				<div class="swiper-slide">
746					<div class="swiper-img"><img src="http://nstayimg12.speedgabia.com/azure/main/mpt_03.jpg"></div>
747					<div class="swiper-text">아이들과의 행복한 추억</div>
748				</div>
749				<div class="swiper-slide">
750					<div class="swiper-img"><img src="http://nstayimg12.speedgabia.com/azure/main/mpt_04.jpg"></div>
751					<div class="swiper-text">소중한 사람들과 함께하는</div>
752				</div>
753				<div class="swiper-slide">
754					<div class="swiper-img"><img src="http://nstayimg12.speedgabia.com/azure/main/mpt_05.jpg"></div>
755					<div class="swiper-text">아름다운 곳에서의 감성 여행</div>
756				</div>
757				<div class="swiper-slide">
758					<div class="swiper-img"><img src="http://nstayimg12.speedgabia.com/azure/main/mpt_06.jpg"></div>
759					<div class="swiper-text">편안함의 선물 아주니키즈풀빌라</div>
760				</div>
761			</div>
762
763			<div class="swiper-pagination"></div>
764
765			<div class="swiper-progress">
766				<div class="swiper-progress-timer"><div class="swiper-progress-bar"></div></div>
767				<div class="swiper-button-next" data-text="06"></div>
768				<div class="swiper-button-prev" data-text="01"></div>
769				<div class="swiper-content-button">
770					<button type="button" id="btn_photo_stop" class="font-lora">Stop</button>
771					<button type="button" id="btn_photo_play" class="font-lora">Play</button>
772				</div>
773			</div>
774		</div>
775
776		
776<script>
777		var photo_active_progress = true;
778		var photo_progress = document.querySelector("#main-photo .swiper-progress-bar");
779		var photo = new Swiper("#main-photo .swiper", {
780			loop:true,
781			effect: "cards",
782			navigation: {
783				nextEl: ".swiper-button-next",
784				prevEl: ".swiper-button-prev",
785			},
786			pagination: {
787				el: ".swiper-pagination",
788			},
789		});
790
791		var photo_idx;
792		photo_progress.addEventListener("animationend", imageSlideActiveEnd);
793
794		function imageSlideActiveEnd() {
795			if(photo_active_progress) {
796				photo.slideNext();
797				photo_progress.style.animation = "none";
798				void photo_progress.offsetWidth; // Triggers Reflow
799				photo_progress.style.animation = null;
800
801				photo_idx = String(parseInt(photo.realIndex) + 1);
802				photo.navigation.prevEl.setAttribute('data-text', photo_idx.padStart(2, '0'));
803			}
804		}
805
806		// Reset Progress Bar On Slide Change
807
808		photo.on("slideChange", function () {
809			photo_progress.style.animation = "none";
810			void photo_progress.offsetWidth; // Triggers Reflow
811
812			if(photo_active_progress)
813				photo_progress.style.animation = null;
814
815			photo_idx = String(parseInt(photo.realIndex) + 1);
816			photo.navigation.prevEl.setAttribute('data-text', photo_idx.padStart(2, '0'));
817		});
818
819		$(function() {
820			$("#btn_photo_stop").click(function() {
821				photo_active_progress = false;
822				photo_progress.style.animationPlayState = "paused"; // Optional
823			});
824
825			$("#btn_photo_play").click(function() {
826				photo_active_progress = true;
827				photo_progress.style.animationPlayState = "running"; // Optional
828				photo_progress.style.animation = null;
829			});
830		});
831		</script>
831
832
833	</div>
834</section>
835
836<section id="main-space" class="main-container">
837	<div class="main-inner">
838		<div class="item1">
839			<div class="item-text">
840				<div class="item-text-title font-lora" data-aos="fade-right">our Space</div>
841				<div class="item-text-content" data-aos="fade-right">
842                    오랜 친구처럼, 때론 연인처럼<br>
843					여유롭고 편안한 휴식 시간<br>
844				</div>
845			</div>
846			<div class="item-img" data-aos="fade-left"><img src="http://nstayimg12.speedgabia.com/azure/main/midd_01.jpg"></div>
847		</div>
848		<div class="item2">
849			<div class="item-img"><img src="http://nstayimg12.speedgabia.com/azure/main/midd_02.jpg"></div>
850		</div>
851		<div class="item3">
852			<div class="item-img" data-aos="flip-up"><img src="http://nstayimg12.speedgabia.com/azure/main/midd_03.jpg"></div>
853			<div class="item-img" data-aos="flip-up" data-aos-delay="400"><img src="http://nstayimg12.speedgabia.com/azure/main/mid_04.jpg"></div>
854			<div class="item-img" data-aos="flip-up" data-aos-delay="800"><img src="http://nstayimg12.speedgabia.com/azure/main/midd_05.jpg"></div>
855		</div>
856	</div>
857</section>
858
859<section id="main-image2" class="main-container">
860	<div class="main-inner">
861		<div class="item-img"></div>
862		<div class="item-text">
863			<div class="item-text-title font-lora">Cozy</div>
864			<div class="item-text-content">
865			아늑한 아주니키즈풀빌라<br>
866			</div>
867		</div>
868	</div>
869</section>
870
871<section id="main-interior" class="main-container">
872	<div class="main-inner">
873		<div class="item-wrapper">
874			<div class="item1">
875				<div class="item-text">
876					<div class="item-text-title font-lora" data-aos="fade-down">our Interior</div>
877					<div class="item-text-content" data-aos="fade-down">
878                        오로지 나를 위한<br>
879						아늑하고 편안함이<br>
880						항상 함께합니다.<br>
881					</div>
882				</div>
883				<div class="item-img item1-img1"><img src="http://nstayimg12.speedgabia.com/azure/main/mspsd_01.jpg"></div>
884				<div class="item-img item1-img2"><img src="http://nstayimg12.speedgabia.com/azure/main/mspsd_02.jpg"></div>
885			</div>
886			<div class="item2">
887				<div class="item-img item2-img1"><img src="http://nstayimg12.speedgabia.com/azure/main/mspsd_03.jpg"></div>
888			</div>
889		</div>
890	</div>
891</section>
892
893<section id="main-room" class="main-container">
894	<div class="main-inner">
895		<div class="item-wrapper">
896			<div class="item-text">
897				<div class="item-text-title font-lora active-show-ani">roomA</div>
898				<div class="item-text-content active-show-ani">
899                        잊지 못할 추억을<br>
900                        만들어줄<br>
901                        휴식처<br>
902				</div>
903				<a href="http://azunikids.kr/room_v.php" class="font-lora active-show-ani">Room View</a>
904			</div>
905
906			<div class="swiper">
907				<div class="swiper-wrapper">
908					<div class="swiper-slide" data-title="room D1" data-content="잊지못할 추억을<br>만들어줄<br>휴식처" data-link="http://azunikids.kr/room1.php"><img src="http://nstayimg12.speedgabia.com/azure/main/mrvd_01.jpg"></div>
909					<div class="swiper-slide" data-title="room D2" data-content="잊지못할 추억을<br>만들어줄<br>휴식처" data-link="http://azunikids.kr/room2.php"><img src="http://nstayimg12.speedgabia.com/azure/main/mrvd_02.jpg"></div>
910
911				</div>
912
913				<div class="swiper-progress">
914					<div class="swiper-progress-timer"><div class="swiper-progress-bar"></div></div>
915					<div class="swiper-button-next" data-text="02"></div>
916					<div class="swiper-button-prev" data-text="01"></div>
917					<div class="swiper-content-button">
918						<button type="button" id="btn_room_stop" class="font-lora">Stop</button>
919						<button type="button" id="btn_room_play" class="font-lora">Play</button>
920					</div>
921				</div>
922			</div>
923
924			
924<script>
925			var room_active_progress = true;
926			var room_progress = document.querySelector("#main-room .swiper-progress-bar");
927			var room = new Swiper("#main-room .swiper", {
928				loop:true,
929				effect: "creative",
930				creativeEffect: {
931					prev: {
932						shadow: true,
933						translate: ["-125%", 0, -800],
934						rotate: [0, 0, -90],
935					},
936					next: {
937						shadow: true,
938						translate: ["125%", 0, -800],
939						rotate: [0, 0, 90],
940					},
941				},
942				navigation: {
943					nextEl: ".swiper-button-next",
944					prevEl: ".swiper-button-prev",
945				},
946			});
947
948			var room_idx;
949			room_progress.addEventListener("animationend", imageSlideActiveEnd);
950
951			function imageSlideActiveEnd() {
952				if(room_active_progress) {
953					room.slideNext();
954					room_progress.style.animation = "none";
955					void room_progress.offsetWidth; // Triggers Reflow
956					room_progress.style.animation = null;
957
958					room_idx = String(parseInt(room.realIndex) + 1);
959					room.navigation.prevEl.setAttribute('data-text', room_idx.padStart(2, '0'));
960				}
961			}
962
963			// Reset Progress Bar On Slide Change
964
965			room.on("slideChange", function () {
966				$("#main-room .item-text").find(".item-text-title").removeClass("active-show-ani");
967				$("#main-room .item-text").find(".item-text-content").removeClass("active-show-ani");
968				$("#main-room .item-text").find("a").removeClass("active-show-ani");
969
970				room_progress.style.animation = "none";
971				void room_progress.offsetWidth; // Triggers Reflow
972
973				if(room_active_progress)
974					room_progress.style.animation = null;
975
976				room_idx = String(parseInt(room.realIndex) + 1);
977				var $slide = $(room.slides[room.activeIndex]);
978				$("#main-room .item-text").find(".item-text-title").addClass("active-show-ani").text( $slide.attr("data-title") );
979				$("#main-room .item-text").find(".item-text-content").addClass("active-show-ani").html( $slide.attr("data-content") );
980				$("#main-room .item-text").find("a").addClass("active-show-ani").attr("href",  $slide.attr("data-link") );
981				room.navigation.prevEl.setAttribute('data-text', room_idx.padStart(2, '0'));
982			});
983
984			$(function() {
985				$("#btn_room_stop").click(function() {
986					room_active_progress = false;
987					room_progress.style.animationPlayState = "paused"; // Optional
988				});
989
990				$("#btn_room_play").click(function() {
991					room_active_progress = true;
992					room_progress.style.animationPlayState = "running"; // Optional
993					room_progress.style.animation = null;
994				});
995			});
996			</script>
996
997		</div>
998	</div>
999</section>
1000
1001<section id="main-supplies" class="main-container">
1002	<div class="main-inner">
1003		<div class="item-text">
1004			<div class="item-text-title font-lora" data-aos="fade-up">supplies</div>
1005			<div class="item-text-content" data-aos="fade-up">
1006				여러분들의 편안한 여행을 위해<br>
1007				아주니가 준비했습니다.<br>
1008			</div>
1009		</div>
1010		<div class="item-wrapper">
1011			<div class="item-list">
1012				<div class="item-list-figure" data-aos="flip-up">
1013					<img src="http://nstayimg12.speedgabia.com/azure/main/msu_01.jpg">
1014					<figcaption>청결한 침구</figcaption>
1015				</div>
1016				<div class="item-list-figure" data-aos="flip-up">
1017					<img src="http://nstayimg12.speedgabia.com/azure/main/msu_02.jpg">
1018					<figcaption>주방용품</figcaption>
1019				</div>
1020				<div class="item-list-figure" data-aos="flip-up">
1021					<img src="http://nstayimg12.speedgabia.com/azure/main/msu_03.jpg">
1022					<figcaption>욕실 어메니티</figcaption>
1023				</div>
1024			</div>
1025		</div>
1026	</div>
1027</section>
1028
1029<section id="main-injoy" class="main-container">
1030	<div class="main-inner">
1031		<div class="item1">
1032			<div class="item-text">
1033				<div class="item-text-title font-lora" data-aos="fade-left">in Joy</div>
1034				<div class="item-text-content" data-aos="fade-left">
1035					아주니와 더 특별하고<br>
1036					다양하게 즐기는 공간
1037				</div>
1038			</div>
1039		</div>
1040		<div class="item2">
1041			<div class="item-joyimg" data-aos="zoom-in-right"><img src="http://nstayimg12.speedgabia.com/azure/main/mspd_00.jpg"></div>
1042		</div>
1043		<div class="item3">
1044			<div class="swiper">
1045				<div class="swiper-wrapper">
1046					<div class="swiper-slide">
1047						<img src="http://nstayimg12.speedgabia.com/azure/main/mspd_01.jpg">
1048						<figcaption>키즈 놀이시설</figcaption>
1049					</div>
1050					<div class="swiper-slide">
1051						<img src="http://nstayimg12.speedgabia.com/azure/main/mspd_02.jpg">
1052						<figcaption>개별 실내풀빌라</figcaption>
1053					</div>
1054					<div class="swiper-slide">
1055						<img src="http://nstayimg12.speedgabia.com/azure/main/msp_04.jpg">
1056						<figcaption>개별 테라스</figcaption>
1057					</div>
1058					<div class="swiper-slide">
1059						<img src="http://nstayimg12.speedgabia.com/azure/main/mspd_03.jpg">
1060						<figcaption>개별 바베큐장</figcaption>
1061					</div>
1062				</div>
1063
1064				<div class="swiper-progress">
1065					<div class="swiper-progress-timer"><div class="swiper-progress-bar"></div></div>
1066					<div class="swiper-button-next" data-text="04"></div>
1067					<div class="swiper-button-prev" data-text="01"></div>
1068					<div class="swiper-content-button">
1069						<button type="button" id="btn_injoy_stop" class="font-lora">Stop</button>
1070						<button type="button" id="btn_injoy_play" class="font-lora">Play</button>
1071					</div>
1072				</div>
1073			</div>
1074
1075			
1075<script>
1076			var injoy_active_progress = true;
1077			var injoy_progress = document.querySelector("#main-injoy .swiper-progress-bar");
1078			var injoy = new Swiper("#main-injoy .swiper", {
1079				loop:true,
1080				slidesPerView: 1,
1081				spaceBetween: 20,
1082				navigation: {
1083					nextEl: ".swiper-button-next",
1084					prevEl: ".swiper-button-prev",
1085				},
1086				breakpoints: {
1087					575: {
1088						slidesPerView: 2,
1089					},
1090					768: {
1091						slidesPerView: 3,
1092					},
1093					1024: {
1094						slidesPerView: 4,
1095					},
1096				},
1097			});
1098
1099			var injoy_idx;
1100			injoy_progress.addEventListener("animationend", imageSlideActiveEnd);
1101
1102			function imageSlideActiveEnd() {
1103				if(injoy_active_progress) {
1104					injoy.slideNext();
1105					injoy_progress.style.animation = "none";
1106					void injoy_progress.offsetWidth; // Triggers Reflow
1107					injoy_progress.style.animation = null;
1108
1109					injoy_idx = String(parseInt(injoy.realIndex) + 1);
1110					injoy.navigation.prevEl.setAttribute('data-text', injoy_idx.padStart(2, '0'));
1111				}
1112			}
1113
1114			// Reset Progress Bar On Slide Change
1115
1116			injoy.on("slideChange", function () {
1117				injoy_progress.style.animation = "none";
1118				void injoy_progress.offsetWidth; // Triggers Reflow
1119
1120				if(injoy_active_progress)
1121					injoy_progress.style.animation = null;
1122
1123				injoy_idx = String(parseInt(injoy.realIndex) + 1);
1124				injoy.navigation.prevEl.setAttribute('data-text', injoy_idx.padStart(2, '0'));
1125			});
1126
1127			$(function() {
1128				$("#btn_injoy_stop").click(function() {
1129					injoy_active_progress = false;
1130					injoy_progress.style.animationPlayState = "paused"; // Optional
1131				});
1132
1133				$("#btn_injoy_play").click(function() {
1134					injoy_active_progress = true;
1135					injoy_progress.style.animationPlayState = "running"; // Optional
1136					injoy_progress.style.animation = null;
1137				});
1138			});
1139			</script>
1139
1140		</div>
1141		<div class="item4">
1142			<div class="item-img" data-aos="zoom-in"><img src="http://nstayimg12.speedgabia.com/azure/main/msp_07.jpg"></div>
1143		</div>
1144	</div>
1145</section>
1146
1147<section id="main-travel" class="main-container">
1148	<div class="main-inner">
1149		<div class="item-text">
1150			<div class="item-text-title font-lora" data-aos="fade-down">travel</div>
1151			<div class="item-text-content" data-aos="fade-down">
1152				 아름다운 밀양과 함께하는<br>
1153				Trip with MIRYANG AZUNI
1154			</div>
1155		</div>
1156		<div class="item-img1"></div>
1157		<div class="item-img2"></div>
1158	</div>
1159</section>
1160
1161<section id="main-image3" class="main-container">
1162	<div class="main-inner">
1163		<div class="item1">
1164			<div class="item-img" data-aos="flip-down"><img src="http://nstayimg12.speedgabia.com/azure/main/mto_01.jpg"></div>
1165			<div class="item-img" data-aos="flip-down" data-aos-delay="500"><img src="http://nstayimg12.speedgabia.com/azure/main/mtod_02.jpg"></div>
1166			<div class="item-img" data-aos="flip-down" data-aos-delay="1000"><img src="http://nstayimg12.speedgabia.com/azure/main/mtod_01.jpg"></div>
1167			<div class="item-img" data-aos="flip-down"><img src="http://nstayimg12.speedgabia.com/azure/main/mto_04.jpg"></div>
1168			<div class="item-img" data-aos="flip-down" data-aos-delay="500"><img src="http://nstayimg12.speedgabia.com/azure/main/mto_05.jpg"></div>
1169			<div class="item-img" data-aos="flip-down" data-aos-delay="1000"><img src="http://nstayimg12.speedgabia.com/azure/main/mtod_04.jpg"></div>
1170			<div class="item-img" data-aos="flip-down"><img src="http://nstayimg12.speedgabia.com/azure/main/mtod_03.jpg"></div>
1171			<div class="item-img" data-aos="flip-down" data-aos-delay="500"><img src="http://nstayimg12.speedgabia.com/azure/main/mto_06.jpg"></div>
1172			<div class="item-img" data-aos="flip-down"><img src="http://nstayimg12.speedgabia.com/azure/main/mto_07.jpg"></div>
1173		</div>
1174		<div class="item2">
1175			<div class="item-img" data-aos="zoom-in-up"><img src="http://nstayimg12.speedgabia.com/azure/main/mto_bg.jpg"></div>
1176		</div>
1177	</div>
1178</section>
1179
1180<section id="main-location" class="main-container">
1181	<div class="main-inner">
1182		<div class="item-wrapper">
1183			<div class="item-text">
1184				<div class="item-text-title font-lora" data-aos="fade-left">location</div>
1185				<div class="item-text-content" data-aos="fade-left">
1186					아주니키즈풀빌라까지 찾아오시는 길<br>
1187					경상남도 밀양시 단장면 구천1길 9-15
1188				</div>
1189				<a href="http://kko.to/S48uGb-zs_" class="font-lora" data-aos="fade-left" target="_blank">View</a>
1190			</div>
1191		</div>
1192		<div id="daumRoughmapContainer1670914031129" class="root_daum_roughmap root_daum_roughmap_landing item-map"></div>
1193
1194		
1194<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
1194
1195
1196		<!-- 3. 실행 스크립트 -->
1197		
1197<script charset="UTF-8">
1198			new daum.roughmap.Lander({
1199				"timestamp" : "1670914031129",
1200				"key" : "2cyu8",
1201			}).render();
1202		</script>
1202
1203	</div>
1204</section>
1205
1206
1207<section id="main-image4" class="main-container"></section>
1208
1209	</div>
1210</div>
1211<!-- } 콘텐츠 끝 -->
1212
1213<hr>
1214
1215<!-- 하단 시작 { -->
1216<div id="ft" class="ft">
1217	<div class="ft_wr">
1218		<div class="ft_catch"><img src="http://nstayimg12.speedgabia.com/azure/common/logo3.png">
1219		<a href="http://july-morning.kr" target="_blank">
1220		<!-- <img src="http://nstayimg12.speedgabia.com/azure/common/logo_j2.png"></a></div> -->
1221
1222        <div class="ft_company">
1223			<div class="ft_tel font-lora"><a href="tel:010. 7788. 6195">010. 7788. 6195</a></div>
1224	        <ul>
1225	        	<li class="inline-block">아주니키즈풀빌라</li>
1226				<li class="inline-block">사업자번호. 415-24-01959</li>
1227				<li class="inline-block">대표. 도재익</li>
1228				<!-- <li class="block">새마을금고 9003-2943-9523-9</li> -->
1229				<li class="block">경상남도 밀양시  단장면 구천1길 9-17</li>
1230			</ul>
1231	    </div>
1232
1233		<div class="ft_link">
1234			<!-- <a href="http://july-morning.kr" target="_blank" class="btn-month">[위탁운영/광고마케팅 솔루션 : 칠월의아침]</a> -->
1235			<a href="https://nstay.co.kr/privacy.html" target="_blank">개인정보처리방침</a>
1236			<a href="http://azunikids.kr/adm">관리자</a>
1237			<a href="https://nstay.co.kr/service" target="_blank"><span>마케팅/유지보수</span></a>
1238			<a href="https://nstay.co.kr" target="_blank">Design by <span>N.stay</span></a>
1239		</div>
1240	</div>
1241	<div class="ft_copy">Copyright &copy; 아주니키즈풀빌라. All rights reserved.</div>
1242</div>
1243
1244    <div id="fix_side_btns">
1245    <a href="https://www.instagram.com/azure_kidpoolvilla/" target="_blank" class="f_btn btn_insta" title="인스타그램">
1246        <span class="event_badge">EVENT</span> <img src="https://nstayimg6.speedgabia.com/nstay/icon/insta_b.png?t=1773105713256" alt="인스타">
1247    </a>
1248
1249    <a href="tel:01077886195" class="f_btn btn_tel" title="전화걸기">
1250        <i class="fa fa-phone" aria-hidden="true"></i>
1251    </a>
1252
1253    <button type="button" id="btn_gotop" class="f_btn" title="상단으로">
1254        <i class="fa fa-arrow-up" aria-hidden="true"></i>
1255    </button>
1256</div>
1257
1258<style>
1259    /* ... 기존 스타일 유지 ... */
1260    #fix_side_btns {
1261        position: fixed;
1262        right: 20px;
1263        bottom: 20px;
1264        z-index: 9999;
1265        display: flex;
1266        flex-direction: column;
1267        gap: 10px;
1268    }
1269
1270    .f_btn {
1271        position: relative; /* 말풍선 위치의 기준점이 됨 */
1272        width: 60px;
1273        height: 60px;
1274        background: #fff;
1275        border-radius: 50%;
1276        box-shadow: 0 3px 10px rgba(0,0,0,0.15);
1277        display: flex;
1278        align-items: center;
1279        justify-content: center;
1280        text-decoration: none !important;
1281        border: none;
1282        cursor: pointer;
1283        transition: all 0.3s ease;
1284    }
1285
1286    /* 말풍선 스타일 */
1287    .event_badge {
1288        position: absolute;
1289        top: -15px; /* 버튼 위로 띄움 */
1290        left: 50%;
1291        transform: translateX(-50%);
1292        background: #ff4757; /* 강렬한 레드 색상 */
1293        color: #fff;
1294        font-size: 11px;
1295        font-weight: bold;
1296        padding: 3px 8px;
1297        border-radius: 10px;
1298        white-space: nowrap;
1299        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
1300        animation: bounce 1.5s infinite; /* 통통 튀는 애니메이션 */
1301    }
1302
1303    /* 말풍선 꼬리표 (선택 사항) */
1304    .event_badge::after {
1305        content: '';
1306        position: absolute;
1307        bottom: -4px;
1308        left: 50%;
1309        transform: translateX(-50%);
1310        border-top: 5px solid #ff4757;
1311        border-left: 5px solid transparent;
1312        border-right: 5px solid transparent;
1313    }
1314
1315    /* 통통 튀는 효과 */
1316    @keyframes bounce {
1317        0%, 100% { transform: translateX(-50%) translateY(0); }
1318        50% { transform: translateX(-50%) translateY(-5px); }
1319    }
1320
1321    .f_btn i { font-size: 20px; color: #333; }
1322    .btn_insta img { width: 50px; height: 50px; }
1323    
1324    .btn_tel { background: #2ecc71; color: #fff; display: none; }
1325    .btn_tel i { font-size: 22px; color: #fff; }
1326    #btn_gotop { background: #333; display: none; }
1327    #btn_gotop i { color: #fff; }
1328
1329    @media (min-width: 768px) {
1330        #fix_side_btns { right: 30px; bottom: 700px; }
1331        .f_btn:hover { transform: translateY(-5px); background: #f8f8f8; }
1332    }
1333
1334    @media (max-width: 767px) {
1335        #fix_side_btns { right: 15px; bottom: 480px; }
1336        .f_btn { width: 55px; height: 55px; }
1337        .btn_tel { display: flex !important; }
1338        .event_badge { top: -12px; font-size: 10px; } /* 모바일 크기 조정 */
1339    }
1340</style>
1341<script>
1342$(function() {
1343    $(".ft_tel a").click(function() {
1344        if( matchMedia("screen and (min-width: 769px)").matches )
1345            return false;
1346    });
1347});
1348
1349AOS.init({
1350	offset: 200,
1351	duration: 1000,
1352});
1353</script>
1353
1354
1355
1356<!-- } 하단 끝 -->
1357
1358<script>
1359$(function() {
1360    // 폰트 리사이즈 쿠키있으면 실행
1361    font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
1362});
1363</script>
1363
1364
1365<img id="move_img" style="position:absolute; left:0; top:0; z-index:2;" src="httpS://nstayimg12.speedgabia.com/azure/common/mouse_call.png">
1365<script>
1366    var mouseX = 0;
1367    var mouseY = 0;
1368    
1369    function getMousePosition(e){
1370        var eObj = window.event? window.event : e; // IE, FF 에 따라 이벤트 처리 하기
1371        mouseX = eObj.clientX;
1372        mouseY = eObj.clientY + document.documentElement.scrollTop; // 화면을 스크롤 했을때를 위한 처리 (스크롤 한 만큼 마우스 Y좌표에 + )
1373        // documentElement 가 안된다면 body 바꿔야 한다. 크롬의 경우.. (자동파악 로직 필요)
1374    }
1375 
1376    function moveImg(){
1377        // 이미지 위치 파악하기
1378        var m_x = parseInt(document.getElementById('move_img').style.left.replace('px', ''));
1379        var m_y = parseInt(document.getElementById('move_img').style.top.replace('px', ''));
1380 
1381        // 이미지 움직이기
1382        document.getElementById('move_img').style.left = Math.round(m_x + ((mouseX - m_x + 10) / 5)) + 'px';
1383        document.getElementById('move_img').style.top = Math.round(m_y + ((mouseY - m_y + 10) / 5)) + 'px';
1384 
1385        // 부드럽게 따라오는 공식 대략..
1386        // 현재 이미지위치 = 현재이미지 위치 + (이미지 위치기준 마우스 커서 위치 / 적절한 나누기 값)
1387        // 반복 처리 해주면 됩니다.
1388         
1389        // ※ 이미지 위치 기준 마우스 커서 위치란?
1390        // 이미지를 기준으로 그 이미지에서 커서가 얼마나 떨어져 있는지 여부
1391    }
1392 
1393    document.onmousemove = getMousePosition; // 마우스가 움직이면 getMousePosition 함수 실행
1394    setInterval("moveImg()", 30); // moveImg 함수 반복 실행하여 이미지 움직이기
1395</script>
1395
1396
1397
1398
1399<script>
1400jQuery(function($){
1401   $("img:not(#captcha_img)").each(function() {
1402      var $this = $(this);
1403      var src = $this.attr("src");
1404      src += "?t=" + new Date().getTime();
1405
1406      $this.attr("src", src);
1407   });
1408});
1409</script>
vendor: 1 bytes, line 1409
1409
1410<script>
1411const el = [];
1412
1413for(let i=0; i<el.length; i++) {
1414   const e = document.querySelector(el[i]);
1415   if(e == '' || !e) continue;
1416   const style = window.getComputedStyle(e);
1417   const url = style.backgroundImage.slice(5, -2);
1418   e.style.backgroundImage = 'url(' + url + "?t=" + new Date().getTime() + ')';
1419}
1420</script>
vendor: 1 bytes, line 1420
1420
1421<script>
1422jQuery(function($){
1423
1424var youtube_content_embed = {
1425    createYoutubeEmbed : function(str, key) {
1426
1427        var $html = jQuery(str),
1428            $iframe = jQuery("<iframe>", { "src":"https://www.youtube.com/embed/"+key });
1429        
1430        if( ! $html.find($iframe).length ){
1431            return str+'<div><iframe width="320" height="240" src="https://www.youtube.com/embed/' + key + '" frameborder="0" allowfullscreen></iframe></div>';
1432        }
1433        return str;
1434    },
1435
1436    transformYoutubeLinks : function(text, selector) {
1437        if (!text) return text;
1438        var self = this;
1439
1440        var linkreg = /(?:)<a([^>]+)>(.+?)<\/a>/g,
1441            fullreg = /(https?:\/\/)?(www\.)?(youtube\.com\/watch\?v=|youtu\.be\/)([^& \n<]+)(?:[^ \n<]+)?/g,
1442            regex = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([^& \n<]+)(?:[^ \n<]+)?/g,
1443            resultHtml = String(text),
1444            match = text.match(fullreg),
1445            el_html = jQuery("<div/>").html(text),
1446            keys = [];
1447
1448        if (match && match.length > 0) {
1449
1450            var matchlinks = text.match(linkreg);
1451
1452            if (matchlinks && matchlinks.length > 0) {
1453                for (var i=0; i < matchlinks.length; i++) {
1454                    var matchParts = matchlinks[i].split(regex),
1455                        match_key = matchParts[1] ? matchParts[1].replace(/[&\/\\#,+()$~%.'":*?<>{}]/g, '') : '';
1456
1457                    if( match_key && keys.indexOf(match_key) === -1 ){
1458                        keys.push( match_key );
1459                        resultHtml = resultHtml.replace(matchlinks[i], self.createYoutubeEmbed(matchlinks[i], match_key) );
1460                    }
1461                }
1462            }
1463
1464            for (var i=0; i < match.length; i++) {
1465                var matchParts = match[i].split(regex),
1466					match_key = matchParts[1] ? matchParts[1].replace(/[&\/\\#,+()$~%.'":*?<>{}]/g, '') : '';
1467
1468                if( match_key && ! $(el_html).find("a:contains('"+match[i]+"')").length ){
1469                    if( keys.indexOf(match_key) === -1 ){
1470                        keys.push( match_key );
1471                        resultHtml = resultHtml.replace(match[i], self.createYoutubeEmbed(match[i], match_key) );
1472                    }
1473                }
1474            }
1475        }
1476
1477        return resultHtml;
1478    }
1479}
1480
1481function youtube_content_replace(selector, i){
1482
1483    var cm = (typeof selector !== 'undefined') ? selector : "";
1484
1485    if( cm && jQuery(cm).length ){
1486        jQuery(cm).each(function(index, item){
1487            
1488            var ori_html = jQuery(item).html();
1489            jQuery(item).html( youtube_content_embed.transformYoutubeLinks(ori_html) );
1490        });
1491    }
1492}
1493
1494youtube_content_replace("#bo_v_con");   // 글 본문
1495youtube_content_replace(".cmt_contents");   // 코멘트들
1496
1497});
1498</script>
1498
1499
1500<script src="http://azunikids.kr/data/cache/js_scrollanimate1670830575.js?ver=220620"></script>
1500
1501</body>
1502</html>

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