1 2<!doctype html> 3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> 4<head> 5<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7<meta name="language" content="ko" /> 8<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 9<title>ë°ìì리ëëì¶ì </title> 10 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://www.arirang.or.kr" /> 17<link rel="canonical" href="http://www.arirang.or.kr" /> 18 19<link rel="stylesheet" type="text/css" href="/common/css/all.css" /> 20<link rel="stylesheet" type="text/css" href="/common/css/rightMenu.css" /> 21<link rel="stylesheet" type="text/css" href="/common/css/main_layout.css" /> 22<link rel="stylesheet" type="text/css" href="/common/css/media_main_layout.css" />
23<script type="text/javascript" src="/common/js/wow.min.js"></script>
23 24<link rel="stylesheet" type="text/css" href="/common/css/animate.css" />
25<script> new WOW().init(); </script>
25 26<link rel="shortcut icon" href="/img/common/favicon.ico" /> 27<!-- <link href="/common/css/font/AritaBuri.css" rel="stylesheet" /> --> 28<link rel="stylesheet" type="text/css" href="/common/css/swiper.min.css" /> 29
30<script type="text/javascript" src="/common/js/jquery-1.7.2.min.js"></script>
vendor: 2 bytes, line 30
30
31<script type="text/javascript" src="/common/js/jquery.easing.1.3.min.js"></script>
vendor: 2 bytes, line 31
31
32<script type="text/javascript" src="/common/js/respond.js"></script>
vendor: 2 bytes, line 32
32
33<script type="text/javascript" src="/common/js/common_design.js"></script>
vendor: 2 bytes, line 33
33
34<script type="text/javascript" src="/common/js/common_dev.js"></script>
vendor: 2 bytes, line 34
34
35<script type="text/javascript" src="/common/js/jquery.jqtransform.js"></script>
35<!-- ì ë í¸ ëìì¸ --> 36
37<script src="/common/js/TweenMax.min.js"></script>
vendor: 2 bytes, line 37
37
38<script src="/common/js/main_wave_common.js"></script>
vendor: 2 bytes, line 38
38
39<script src="/common/js/main_wave.js"></script>
39 40<!--모ë°ì¼ì ì²´ë©ë´-->
41<script type="text/javascript" src="/common/js/util.js"></script>
vendor: 2 bytes, line 41
41
42<script type="text/javascript" src="/common/js/rightMenu.js"></script>
vendor: 2 bytes, line 42
42
43<script type="text/javascript" src="/common/js/menu.js"></script>
43 44<!--//모ë°ì¼ì ì²´ë©ë´-->
45<script type="text/javascript" src="/common/js/swiper.min.js"></script>
vendor: 2 bytes, line 45
45
46<script type="text/javascript"> 47 $(function(){ 48 // selectbox design 49 $('.comm_sel').jqTransform(); 50 }); 51</script>
51 52
53<script type="text/javascript"> 54$(function(){ 55 // ë©ë´ì´ê¸° 56 $( "#rightMenuOpenHeader" ).live( "click", function() { 57 if($('body').hasClass('show-menu') != true){ 58 $("#wrapper").css("height", "auto"); 59 $("#menu-wrap").hide(); 60 //$("div.detailed_fixd").css("position","fixed"); 61 }else{ 62 $("#wrapper").css("height", "1200px"); 63 $("#wrapper").css("overflow", "hidden"); 64 65 box_height = $(document).height(); 66 $("#menu-wrap").css("height",box_height).show(); 67 68 padding_top = ( box_height - $("#menu-wrap").find(".cont").height())/2; // 69 if (padding_top<0) { // 70 padding_top = 0; 71 box_height = $("#menu-wrap").find(".cont").height(); 72 } 73 $("#menu-wrap").css("height",box_height); 74 //$("#menu-wrap").find(".cont").css("padding-top",padding_top); 75 76 //$("div.detailed_fixd").css("position","relative"); 77 } 78 }); 79}); 80</script>
80 81 82 83</head> 84<body> 85<div id="wrapper" class="odysseia_wrap"> 86 87 <!-- ìë¨ìì --> 88 <div id="head"> 89 <div class="topmenu"> 90 <p class="mark"><img src="/img/common/head_txt_fl.jpg" alt="ì ë¶ì§ì 문íê´ê´ì¶ì " />2026 ~ 2027 문íê´ê´ì¶ì , 10ë ì°ì</p> 91 <div class="gosite"> 92 <ul> 93 <li><a href="http://www.mycf.or.kr" target="_blank">ë°ì문íê´ê´ì¬ë¨</a></li> 94 <li><a href="http://www.arirang.or.kr/" target="_blank">ë°ìì리ëëì¶ì </a></li> 95 </ul> 96 </div> 97 </div> 98 <div class="tbox"> 99 <h1 id="logo" class="odysseia"> 100 <a href="/media_index.php" class="ody_btn"><img src="/img/common/odysseia_p1_2026.gif" alt="2026"><br /> 101 <strong><img src="/img/common/odysseia_p2.gif" alt="ë°ìê°ì¤ë§ì¸ì´"></strong> 102 </a> 103 <!-- 104 <div class="counter"></div> 105
105<script> 106 let counter = document.querySelector('.counter'); 107 let today = new Date(), //íì¬ ë ì§ ê°ì ¸ì¤ê¸° 108 dday = new Date("Oct 13,2023, 19:30:00").getTime(), //ëë°ì´ 109 gap = dday - today, 110 result = Math.floor(gap / (1000 * 60 * 60 * 24)); 111 112 counter.innerHTML = `D-${result+1}` 113 </script>
113--> 114 </h1> 115 <!-- ë©ë´ìì --> 116 <div id="menu_navi" class="odysseia_menu"> 117 <ul> 118 <li><a href="/content/06odysseia/01_01.php">ê°ì</a></li> 119 <li><a href="/content/06odysseia/02_01.php">íì¬ì¥ìë´</a></li> 120 <li><a href="/content/06odysseia/03_01.php">íë¡ê·¸ë¨ìë´</a></li> 121 <li><a href="/content/06odysseia/08_02.php">기ë¡ê´</a></li> 122 <li><a href="/content/06odysseia/05_01.php">ê³µì§ì¬í</a></li> 123 <li><a href="/content/06odysseia/06_01.php">ë¬»ê³ ëµí기</a></li> 124 <!--<li><a href="/content/06odysseia/07_01.php">ìë£ì¤</a></li>--> 125 </ul> 126 </div> 127 <!--// ë©ë´ìì --> 128 </div> 129 <div class="viewMenu"><a href="#n" id="rightMenuOpenHeader"><img src="/img/common/btn_moblieMenu.gif" alt="모ë°ì¼ ë©ë´ ì 체보기" /></a></div> 130 <!-- mobile Menu--> 131 <div id="rightMenu"> 132 <div class="total"> 133 <div class="total_top"> 134 <h2>ì ì²´ë©ë´</h2> 135 <p>ë°ìê°ì¤ë§ì¸ì´ì ë©ë´êµ¬ì±ë</p> 136 <a class="total_close" href="javascript:rightMenuOpen();"><img alt="모ë°ì¼ ë©ë´ ë«ê¸°" src="/img/common/close_moblieMenu.gif"></a> 137 <a class="total_arirang" href="/index.php"><img src="/img/common/mmenu_arirang.png" alt="ë°ìì리ëëì¶ì " /></a> 138 </div> 139 140 <ul class="total_mn"> 141 <li class="ody on"><a href="#">ë°ìê°<br />ì¤ë§ì¸ì´</a></li> 142 </ul> 143 <div class="total_submn"> 144 <!-- . --> 145 <dl> 146 <dt><a href="#"><span>ë°ìê°ì¤ë§ì¸ì´</span></a></dt> 147 <dd><a href="/content/06odysseia/01_01.php">ê°ì</a></dd> 148 <dd><a href="/content/06odysseia/02_01.php">íì¬ì¥ìë´</a></dd> 149 <dd><a href="/content/06odysseia/03_01.php">íë¡ê·¸ë¨ìë´</a></dd> 150 <dd><a href="/content/06odysseia/08_02.php">기ë¡ê´</a></dd> 151 <dd><a href="/content/06odysseia/05_01.php">ê³µì§ì¬í</a></dd> 152 <dd><a href="/content/06odysseia/06_01.php">ë¬»ê³ ëµí기</a></dd> 153 <!--<dd><a href="/content/06odysseia/07_01.php">ìë£ì¤</a></dd>--> 154 </dl> 155 <!-- //. --> 156 157 <dl class="lastdl" style="height:1200px;"></dl> 158 </div> 159 </div> 160 </div> 161 </div> 162 <div class="totladim"></div> 163 164 <!--// mobile Menu --> 165 166 167
167<script type="text/javascript"> 168 <!-- 169 $(document).ready(function() { 170 window.onorientationchange = function() { 171 switch(window.orientation) { 172 case 0: $('#rightMenu').removeClass('landscape'); 173 case -90: $('#rightMenu').addClass('landscape') 174 case 90: $('#rightMenu').addClass('landscape') 175 } 176 } 177 178 $("#rightMenuOpenHeader").on("click", function() { 179 rightMenuOpen(); 180 }); 181 }); 182 //--> 183 </script>
183 184 </div> 185 <!--// ìë¨ìì --> <!-- ì¤ê°ìì --> 186 <div id="container" class="media"> 187
187<script type="text/javascript" src="/common/js/vide.min.js"></script>
187<!-- ë¹ì£¼ì¼ ëìì jquery --> 188
188<script type="text/javascript" src="/common/js/execute2.js"></script>
188 189 <div class="mcontent"> 190 <div class="cont"> 191 <div class="section01"> 192 193 <!--<div class="popupzone"> 194 <ul> 195 <li><a href="http://www.arirang.or.kr/content/06odysseia/07_03.php?proc_type=view&a_num=13384040&b_num=5&rtn_url=%2Fcontent%2F06odysseia%2F07_03.php"><img src="/img/media_main/popupzone_img_180918.jpg" alt="ì´ë¯¸ì§" /></a></li> 196 </ul> 197 </div>--> 198 199 <div id="nav-shadow2" class="shortcut_w"> 200 <div class="shortcut mint wow fadeInUp" data-wow-delay="100ms" data-wow-duration="0.6s" data-wow-iteration="1"> 201 <a class="btn" href="/content/06odysseia/02_01.php"> 202 <p class="title">íì¬ì¥ìë´</p> 203 <p class="stxt">ë°ìì ìì¬, ìì°, 문íê°<br/>ë ¹ììë ìë¨ë£¨ì ë°ìê°ë³</p> 204 </a> 205 </div> 206 207 <div class="shortcut pink wow fadeInUp" data-wow-delay="400ms" data-wow-duration="0.6s" data-wow-iteration="1"> 208 <a class="btn" href="/content/06odysseia/03_01.php"> 209 <p class="title">íë¡ê·¸ë¨ìë´</p> 210 <p class="stxt">ê³µì°ì¥ë¥´ë¥¼ ìµí©í<br />ìµì²¨ë¨ í¼í¬ë¨¼ì¤ ê³µì°</p> 211 </a> 212 </div> 213 </div> 214 215 </div> 216 <div class="section02"> 217 <p class="notice_title">ê³µì§ì¬í</p> 218 <ul class="notice_list"> 219 <li><span>03-25</span><a href="/content/06odysseia/05_01.php?proc_type=view&b_num=195">2025 ë°ìê°ì¤ë§ì¸ì´ ìë¯¼ë°°ì° ëª¨ì§</a></li> 220 <li><span>05-20</span><a href="/content/06odysseia/05_01.php?proc_type=view&b_num=196">2025 ë°ìê°ì¤ë§ì¸ì´ ì¶ì°ì§ ì ë³´</a></li> 221 <!-- <li><span>02-06</span><a href="">ë°ì ì¤ê²½ë©í°ë¯¸ëì´ì¼ ì½í ì¤í¸ ì민ì¬ì¬ìì ...</a></li> 222 <li><span>02-06</span><a href="">ë°ì ì¤ê²½ë©í°ë¯¸ëì´ì¼ ì½í ì¤í¸ ì민ì¬ì¬ìì..</a></li> --> 223 </ul> 224 225 <div class="shortcut purple wow fadeInUp board_tit" data-wow-delay="300ms" data-wow-duration="0.6s" data-wow-iteration="1"> 226 <a href="/content/06odysseia/05_01.php" class="tbtn">ê³µì§ì¬í</a> 227 <a href="/content/06odysseia/08_0203.php" class="bbtn">ì¬ì§ ë° ìì</a> 228 </div> 229 230 <ul class="notice_list" style="float:right;"> 231 <!-- <li><span>02-06</span><a href="">ë°ì ì¤ê²½ë©í°ë¯¸ëì´ì¼ ì½í ì¤í¸ ì민ì¬ì¬ìì ...</a></li> 232 <li><span>02-06</span><a href="">ë°ì ì¤ê²½ë©í°ë¯¸ëì´ì¼ ì½í ì¤í¸ ì민ì¬ì¬ìì...</a></li> --> 233 </ul> 234 </div> 235 236 <div class="section03"> 237 <p class="photo_title">ì¬ì§ ë° ìì</p> 238 <div class="swiper-container section03_sw"> 239 <ul class="photo_zone swiper-wrapper"> 240 241 <li class="wow fadeInUp swiper-slide" data-wow-delay="200ms" data-wow-duration="0.6s" data-wow-iteration="1" data-wow-offset="200"> 242 <a href="/content/06odysseia/08_0203.php?proc_type=view&b_num=59"> 243 <img src="/content/board/get_img.php?a_num=16323579&b_num=59&thum=Y&f_num=1" alt="ë°ìê°ì¤ë§ì¸ì´ ì´ë¯¸ì§" /> 244 <p class="title">ë°ìê°ì¤ë§ì¸ì´</p> 245 </a> 246 </li> 247 248 <li class="bottom wow fadeInUp swiper-slide" data-wow-delay="600ms" data-wow-duration="0.5s" data-wow-iteration="1" data-wow-offset=""> 249 <a href="/content/06odysseia/08_0203.php?proc_type=view&b_num=58"> 250 <img src="/content/board/get_img.php?a_num=16323579&b_num=58&thum=Y&f_num=1" alt="ë°ìê°ì¤ë§ì¸ì´ ì´ë¯¸ì§" /> 251 <p class="title">ë°ìê°ì¤ë§ì¸ì´</p> 252 </a> 253 </li> 254 255 <li class="bottom wow fadeInUp swiper-slide" data-wow-delay="800ms" data-wow-duration="0.8s" data-wow-iteration="1" data-wow-offset=""> 256 <a href="/content/06odysseia/08_0203.php?proc_type=view&b_num=57"> 257 <img src="/content/board/get_img.php?a_num=16323579&b_num=57&thum=Y&f_num=1" alt="ë°ìê°ì¤ë§ì¸ì´ ì´ë¯¸ì§" /> 258 <p class="title">ë°ìê°ì¤ë§ì¸ì´</p> 259 </a> 260 </li> 261 262 <!-- <li class="wow fadeInUp swiper-slide" data-wow-delay="200ms" data-wow-duration="0.6s" data-wow-iteration="1" data-wow-offset="200"> 263 <a href=""> 264 <img src="/img/media_main/photo_img01.jpg" alt="í¬í ì¡´ ì´ë¯¸ì§01" /> 265 <p class="title">매í(mapping)ê³µì°</p> 266 </a> 267 </li> 268 <li class="bottom wow fadeInUp swiper-slide" data-wow-delay="600ms" data-wow-duration="0.5s" data-wow-iteration="1"> 269 <a href=""> 270 <img src="/img/media_main/photo_img02.jpg" alt="í¬í ì¡´ ì´ë¯¸ì§02" /> 271 <p class="title">ë°ìê° ííì§ì ë ì´ì ì¼</p> 272 </a> 273 </li> 274 <li class="bottom wow fadeInUp swiper-slide" data-wow-delay="800ms" data-wow-duration="0.8s" data-wow-iteration="1"> 275 <a href=""> 276 <img src="/img/media_main/photo_img03.jpg" alt="í¬í ì¡´ ì´ë¯¸ì§03" /> 277 <p class="title">íë¡ê·¸ë¨ì¼</p> 278 </a> 279 </li> --> 280 <!-- ìì --> 281 <li class="wow fadeInUp swiper-slide" data-wow-delay="1000ms" data-wow-duration="0.6s" data-wow-iteration="1"> 282 <a href="/content/06odysseia/08_0202.php"> 283 <img src="/content/board/get_img.php?a_num=16312818&b_num=13&thum=Y&f_num=1" alt="ë°ìê°ì¤ë§ì¸ì´" /> 284 <p class="title"><strong>[ìì]</strong> ë°ìê°ì¤ë§ì¸ì´</p> 285 </a> 286 </li> 287<!-- 288 <li class="wow fadeInUp swiper-slide" data-wow-delay="1000ms" data-wow-duration="0.6s" data-wow-iteration="1"> 289 <a href="/content/06odysseia/08_0202.php"> 290 <img src="/content/board/get_img.php?a_num=16312818&b_num=8&thum=Y&f_num=1" alt="í¬í ì¡´ ì´ë¯¸ì§04" /> 291 <p class="title"><strong>[ìì]</strong> ë°ìê° ì¤ë§ì¸ì´</p> 292 </a> 293 </li> 294-->
294 295 </ul> 296 </div> 297 <div class="swiper-button-next web_no"></div> 298 <div class="swiper-button-prev web_no"></div> 299 </div> 300
300<script> 301 var swiper = new Swiper('.swiper-container', { 302 navigation: { 303 nextEl: '.swiper-button-next', 304 prevEl: '.swiper-button-prev', 305 }, 306 }); 307 </script>
307 308 309 </div> 310 </div> 311 312 <div class="media_visual"> 313 314 <div class="visual_title"> 315 <p class="title01">ë°ìê°ì ë°°ê²½ì¼ë¡ ì¥ëí ë¹ì ííì§ ì¸ê³ë¡...</p> 316 <p class="title02">2026 ë°ìê°ì¤ë§ì¸ì´</p> 317 <div class="visual_info"> 318 <p class="info01">ìë¨ë£¨ ë° ë°ìê°ë³ ì¼ì</p> 319 <p class="info02">2026.5.7.<span>(목)</span> ~ 9.<span>(í )</span><br /> 320 <strong>20:00 ~ 21:00</strong></p> 321 </div> 322 <p class="title03">M I R Y A N G L A N D S C A P E M U L T I M E D I A S H O W</p> 323 </div> 324 325 <div class="shadow"></div> 326 327 <!-- visual_movie --> 328 <div id="video_visual" data-vide-bg="video" data-vide-options="playbackRate:0.9, loop:false"></div> 329 <!-- visual_movie --> 330 331 <!-- visual_img (_ëìì ëëê³ ëì¤ë ëì²´ ì´ë¯¸ì§) --> 332 <div class="video_visual_img"><img src="/img/media_main/visual.jpg" alt="ë¹ì£¼ì¼" /></div> 333 <!-- //visual_img --> 334 335
335<script> 336 $(document).ready(function(){ 337 $('video').on('ended',function(){ 338 $("#video_visual").fadeOut( "slow", function() { 339 // Animation complete. 340 }); 341 }); 342 }); 343 </script>
343 344 </div> 345 346 </div> 347 <!--// ì¤ê°ìì --> 348 <!-- íë¨ìì --> 349 350 <div id="foot"> 351 <div class="wsize"> 352 <div class="cont"> 353 <div class="fmenu"> 354 <ul> 355 <li><a href="/content/07guide/01_01.php">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li> 356 <li><a href="/content/07guide/02_01.php">ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a></li> 357 </ul> 358 </div> 359 <div class="box"> 360 <strong>(ì¬)ë°ì문íê´ê´ì¬ë¨</strong> 361 <span>(50420) ê²½ë¨ ë°ìì ë°ìëê³µìë¡ 112(êµë)</span> 362 <span class="eng">TEL. 055-359-4500</span> 363 <span class="none eng">FAX. 055-359-4504</span> 364 <p class="copy">Copyright (c) 2018 Miryang Arirang Festival. All rights reserved.</p> 365 </div> 366 </div> 367 <div id="banner"> 368 <div id="RollingBanner" class="ban_img"> 369 <ul> 370 <li><a href="http://www.gyeongnam.go.kr/index.gyeong" target="_blank"><img src="/data/banner/banner_03951.jpg" style="width:180px;height:55px;" alt="ê²½ìë¨ë" /></a></li> 371 </ul> 372 <ul> 373 <li><a href="https://www.gcaf.or.kr/" target="_blank"><img src="/data/banner/11_1.gif" style="width:180px;height:55px;" alt="ê²½ë¨ë¬¸íìì ì§í¥ì" /></a></li> 374 </ul> 375 <ul> 376 <li><a href="http://www.mcst.go.kr/main.jsp" target="_blank"><img src="/data/banner/11.gif" style="width:180px;height:55px;" alt="문íì²´ì¡ê´ê´ë¶" /></a></li> 377 </ul> 378 <ul> 379 <li><a href="http://www.mycf.or.kr/main/" target="_blank"><img src="/data/banner/ë°ì문íê´ê´ì¬ë¨.jpg" style="width:180px;height:55px;" alt="ë°ì문íì¬ë¨" /></a></li> 380 </ul> 381 <ul> 382 <li><a href="http://www.miryang.go.kr/main/" target="_blank"><img src="/data/banner/ë°ìì.jpg" style="width:180px;height:55px;" alt="ë°ììì²" /></a></li> 383 </ul> 384 </div> 385 <p class="prev"><a href="#bnext" onclick="RollingBanner.prev(); return false;"><img src="/img/common/banner_prev.png" alt="ë°°ë ì´ì 보기" /></a></p> 386 <p class="next"><a href="#bprev" onclick="RollingBanner.next(); return false;"><img src="/img/common/banner_next.png" alt="ë°°ë ë¤ì보기" /></a></p> 387 </div>
388<script type="text/javascript" src="/common/js/bannerzone.js"></script>
vendor: 2 bytes, line 388
388
389<script type="text/javascript"> 390 var RollingBanner=new rotatecontents('RollingBanner'); 391 RollingBanner.rotatemethod='slide'; 392 RollingBanner.initialize(); 393</script>
393 <!-- <div id="banner"> 394 <div class="ban_img"> 395 <ul> 396 <li><a href="#" target="_blank"><img src="/img/common/foot_banner1.gif" alt="ë°ìì" /></a></li> 397 </ul> 398 </div> 399 <p class="prev"><a href="#"><img src="/img/common/banner_prev.png" alt="ë°°ë ì´ì 보기" /></a></p> 400 <p class="next"><a href="#"><img src="/img/common/banner_next.png" alt="ë°°ë ë¤ì보기" /></a></p> 401 </div> --> 402 </div> 403 </div> 404 <!--// íë¨ìì --></div> 405 406</body> 407</html>
407<script type="text/javascript"> 408 window.open('/content/popup_view.php?idx=53','bd_popup53','scrollbars=no,toolbar=no,menubar=no,location=no,width=500,height=550,left=0, top=0'); 409 </script>
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.