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&autopause=0&player_id=0&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 © ì주ëí¤ì¦íë¹ë¼. 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.