1<!doctype html> 2<html class="no-js" lang="ko" dir="ltr"> 3<head> 4<meta charset="utf-8"> 5<meta http-equiv="x-ua-compatible" content="ie=edge"> 6<meta name="viewport" content="width=1080"> 7<meta name="apple-mobile-web-app-title" content="ì¸í¬ë§¤í±ì¤ë·°" /> 8<meta name="robots" content="max-image-preview:large"> 9<!-- ë©ííê·¸ì ë³´ //--> 10<meta name="description" content="êµë´ì¬í í´ì¸ì¬í êµë´ í´ì¸ ì¬íì ë³´ ì¬ì´í¸ ì¬íë´ì¤,ì¬íìì,ì¬íê´ë ¨ì§ì ì¬íì¬,êµë´ì¸íê³µ,í¸í &ë¦¬ì¡°í¸ ììê¹ì§ ì ë¬í´ë립ëë¤. ì¸í¬ë§¤í±ì¤ë·° informaticsview"/> 11<meta property="og:title" content="ì¸í¬ë§¤í±ì¤ë·°"/> 12<meta property="og:site_name" content="ì¸í¬ë§¤í±ì¤ë·°"/> 13<meta property="og:image" content="https://www.informaticsview.com/image/logo/snslogo_20240510013854.png" /> 14<meta property="og:url" content="https://www.informaticsview.com" /> 15<meta property="og:description" content="êµë´ì¬í í´ì¸ì¬í êµë´ í´ì¸ ì¬íì ë³´ ì¬ì´í¸ ì¬íë´ì¤,ì¬íìì,ì¬íê´ë ¨ì§ì ì¬íì¬,êµë´ì¸íê³µ,í¸í &ë¦¬ì¡°í¸ ììê¹ì§ ì ë¬í´ë립ëë¤. ì¸í¬ë§¤í±ì¤ë·° informaticsview" /> 16<meta name="twitter:card" content="summary"/> 17<meta name="twitter:title" content="ì¸í¬ë§¤í±ì¤ë·°"/> 18<meta name="twitter:description" content="êµë´ì¬í í´ì¸ì¬í êµë´ í´ì¸ ì¬íì ë³´ ì¬ì´í¸ ì¬íë´ì¤,ì¬íìì,ì¬íê´ë ¨ì§ì ì¬íì¬,êµë´ì¸íê³µ,í¸í &ë¦¬ì¡°í¸ ììê¹ì§ ì ë¬í´ë립ëë¤. ì¸í¬ë§¤í±ì¤ë·° informaticsview"/> 19<meta name="twitter:image:src" content="https://www.informaticsview.com/image/logo/snslogo_20240510013854.png"/> 20<!--// ë©ííê·¸ì ë³´ --> 21<link rel="shortcut icon" href="https://cdn.informaticsview.com/image/logo/favicon.ico"> 22<title>êµë´ì¬í í´ì¸ì¬í êµë´ í´ì¸ ì¬íì ë³´ ì¬ì´í¸ ì¸í¬ë§¤í±ì¤ë·°</title> 23<link rel="alternate" type="application/rss+xml" href="https://cdn.informaticsview.com/rss/gns_allArticle.xml"/> 24<link rel="alternate" type="application/rss+xml" href="https://cdn.informaticsview.com/rss/gns_S1N1.xml"/> 25<link rel="alternate" type="application/rss+xml" href="https://cdn.informaticsview.com/rss/gns_S1N2.xml"/> 26<link rel="alternate" type="application/rss+xml" href="https://cdn.informaticsview.com/rss/gns_S1N3.xml"/> 27<link rel="alternate" type="application/rss+xml" href="https://cdn.informaticsview.com/rss/gns_S1N4.xml"/> 28<link rel="alternate" type="application/rss+xml" href="https://cdn.informaticsview.com/rss/gns_S1N5.xml"/> 29<link rel="alternate" type="application/rss+xml" href="https://cdn.informaticsview.com/rss/gns_S1N6.xml"/> 30<link rel="alternate" type="application/rss+xml" href="https://cdn.informaticsview.com/rss/gns_S1N7.xml"/> 31<link rel="canonical" href="https://www.informaticsview.com" /> 32<link rel="stylesheet" href="https://cdn.informaticsview.com/css/jquery-ui.min.css"> 33<link rel="stylesheet" href="https://cdn.informaticsview.com/css/slick.min.css"> 34<link rel="stylesheet" href="https://cdn.informaticsview.com/css/jquery.timepicker.css" /> 35<link rel="stylesheet" href="https://cdn.informaticsview.com/adManager/css/adManager.css"> 36<link rel="preconnect" href="https://fonts.googleapis.com"> 37<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 38<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 39<link rel="stylesheet" href="https://cdn.informaticsview.com/css/foundation.min.css"> 40<link rel="stylesheet" href="https://cdn.informaticsview.com/css/custom.foundation.min.css"> 41<link rel="stylesheet" href="https://cdn.informaticsview.com/css/webfonts.min.css"> 42<link rel="stylesheet" href="https://cdn.informaticsview.com/css/font.style.css"> 43<link rel="stylesheet" href="https://cdn.informaticsview.com/css/media.min.css"> 44<link rel="stylesheet" href="https://cdn.informaticsview.com/css/autobox.style.min.css"> 45<link rel="stylesheet" href="https://cdn.informaticsview.com/css/templates.style.min.css"> 46<link rel="stylesheet" href="https://cdn.informaticsview.com/css/plugin.style.min.css"> 47<link rel="stylesheet" href="https://cdn.informaticsview.com/css/style.min.css"> 48<link rel="stylesheet" href="https://cdn.informaticsview.com/css/design.style.css"><link rel="stylesheet" href="https://cdn.informaticsview.com/menuskin/s_55/menubar.css">
49<script src="https://cdn.informaticsview.com/script/jquery.min.js"></script>
vendor: 2 bytes, line 49
49
50<script src="https://cdn.informaticsview.com/script/jquery-ui.min.js"></script>
vendor: 2 bytes, line 50
50
51<script src="https://cdn.informaticsview.com/script/slick.min.js"></script>
vendor: 2 bytes, line 51
51
52<script src="https://cdn.informaticsview.com/script/jquery.rwdImageMaps.min.js"></script>
vendor: 2 bytes, line 52
52
53<script src="https://cdn.informaticsview.com/script/what-input.js"></script>
vendor: 2 bytes, line 53
53
54<script src="https://cdn.informaticsview.com/script/foundation.min.js"></script>
vendor: 2 bytes, line 54
54
55<script src="https://cdn.informaticsview.com/menuskin/s_55/menubar.js"></script>
vendor: 2 bytes, line 55
55
56<script src="https://cdn.informaticsview.com/script/user.style.js"></script>
vendor: 2 bytes, line 56
56
57<script src="https://cdn.informaticsview.com/script/clipboard.min.js"></script>
vendor: 2 bytes, line 57
57
58<script src="https://cdn.informaticsview.com/script/jquery.timepicker.min.js"></script>
vendor: 2 bytes, line 58
58
59<script src="https://cdn.informaticsview.com/script/jquery.tabslet.min.js"></script>
vendor: 2 bytes, line 59
59
60<script src="https://cdn.informaticsview.com/script/common.js"></script>
60 61 62<!--[if lt IE 10]> 63<link rel="stylesheet" href="https://cdn.informaticsview.com/css/style.ie9.css">
64<script src="https://cdn.informaticsview.com/script/html5shiv.min.js"></script>
64 65<![endif]--> 66
67<script type="text/javascript"> 68 69 $(document).ready(function(e) { 70 // ì´ë¯¸ì§ë§µ 71 $('img[usemap]').rwdImageMaps(); 72 bannerpop.banner(".banner_event_box"); // 기ë¥ì±ë°°ë ì´ë²¤í¸ 73 bannerpopMulti.bannerLoad(); // ë©í° 기ë¥ì± ë°°ë ì´ë²¤í¸ 74 75 // 기ì¬ë·° ì´ë¯¸ì§ê´ë ¨ 76 77 // 기ì¬ë³¸ë¬¸ ë¶ë¶ ë³µì¬í기 ì ìê¶ íì 78 $('#article-view-content-div').on('copy', function(e){ 79 var sel = window.getSelection(); 80 var copyFooter = "<br/><br/>ì¶ì² : ì¸í¬ë§¤í±ì¤ë·°(https://www.informaticsview.com)<br/>"; 81 var copyHolder = $('<div>', {html: sel+copyFooter, id:'copy_text', css: {position: 'absolute', left: '-99999px'}}); 82 $('body').append(copyHolder); 83 var str = $('#copy_text').html(); 84 $('#copy_text').html(str.replace(/(\r\n|\n|\r)/gm, "<br />")); 85 sel.selectAllChildren( copyHolder[0] ); 86 window.setTimeout(function() { 87 copyHolder.remove(); 88 },0); 89 }); 90 }); 91 92 // ëë©ì¸ 93 var SITE_DOMAIN = 'https://www.informaticsview.com' 94 ,CDN_DOMAIN = 'https://cdn.informaticsview.com' 95 ,___currentTime = 1791088833; 96 97 // ì¦ê²¨ì°¾ê¸° ì¤í¬ë¦½í¸ 98 function bookmark() { 99 window.external.AddFavorite("https://www.informaticsview.com", "ì¸í¬ë§¤í±ì¤ë·°") 100 } 101 102</script>
102 103 104<style type="text/css"> 105/* ì¬ì´í¸ 기본 ì */ 106.user-point,a.user-point, 107.poll-columns .poll-state.going 108{color:#d71e3e !important} 109.user-bg,.user-bg:hover,.user-bg:active,.user-bg:focus,li[id*="slick-"].slick-active button[data-role],.tabs .is-active a, 110.checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, 111.radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before, 112.poll-view .poll-view-state.going,.poll-view .poll-radio input[type="radio"]:checked + label::before,.poll-view .poll-radio input[type="checkbox"]:checked + label::before, 113.nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, 114.nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, 115.switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label 116{background-color:#d71e3e !important} 117.user-border, 118.checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, 119.radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before, 120.poll-view .poll-radio input[type="radio"] + label:hover strong::before,.poll-view .poll-radio input[type="checkbox"] + label:hover strong::before, 121.poll-view .poll-radio input[type="radio"]:checked + label strong::before,.poll-view .poll-radio input[type="checkbox"]:checked + label strong::before, 122#gallery-wrap .gallery-content.view-page .gallery-thumb .nav-content.slick-current::before 123{border-color:#d71e3e !important} 124.user-border-top {border-top-color:#d71e3e !important} 125.user-border-bottom {border-bottom-color:#d71e3e !important} 126.user-border-left {border-left-color:#d71e3e !important} 127.user-border-right {border-right-color:#d71e3e !important} 128.checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, 129.radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before {opacity:.3} 130.checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, 131.radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before {opacity:initial} 132 133/* view */ 134@media screen and (max-width: 1200px) { 135 #sticky-header .aht-btn {display:none !important} 136} 137 138 139/* site size */ 140.width-1080 {width:1080px} 141.max-width-1080 {max-width:1080px} 142.min-width-1080 {min-width:1080px} 143</style> 144 145<meta name="p:domain_verify" content="28bbfcacae16455c7efb657275dc372c"/><!-- íí°ë ì¤í¸ 20240527 --> 146 147<meta name="naver-site-verification" content="64509b72e6d4375102bcc7a35af83dc6603a3853" /> 148<meta name="msvalidate.01" content="D6FA75111DB3AC028AFFF49A899E26F1" /> 149<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 149-150
149 150<script async src="https://www.googletagmanager.com/gtag/js?id=
150G-NYL6V41884
vendor: 13 bytes, line 150
150"></script>
151<script> 152
vendor: 138 bytes, lines 152-156
152window.dataLayer = window.dataLayer || []; 153 function gtag(){dataLayer.push(arguments);} 154 gtag('js', new Date()); 155 156 gtag('config', '
156G-NYL6V41884
vendor: 5 bytes, line 156
156');
157</script>
vendor: 2 bytes, line 157
157
158<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1602880988996863" 159 crossorigin="anonymous"></script>
159 160 161<meta name="google-site-verification" content="VHEh2pvi-ppmwttX-flWgby1LUdsvbrI4FJ5_uPdn-k" /> 162 163<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 163-164
163 164<script async src="https://www.googletagmanager.com/gtag/js?id=
164G-JP7DW06HRB
vendor: 13 bytes, line 164
164"></script>
165<script> 166
vendor: 138 bytes, lines 166-170
166window.dataLayer = window.dataLayer || []; 167 function gtag(){dataLayer.push(arguments);} 168 gtag('js', new Date()); 169 170 gtag('config', '
170G-JP7DW06HRB
vendor: 5 bytes, line 170
170');
171</script>
171 172
173<script async src="//get.optad360.io/sf/dfa235df-f6c3-4384-93a1-a1d9e63a66be/plugin.min.js"></script>
173 174 175</head> 176<body class=" " style=""> 177<nav class="skip-nav"> 178 <a href="#user-menu" onclick="document.getElementById('user-menu').tabIndex = -1;document.getElementById('user-menu').focus();return false;" class="user-border"><span>주ììë¹ì¤ ë°ë¡ê°ê¸°</span></a> 179 <a href="#user-container" onclick="document.getElementById('user-container').tabIndex = -1;document.getElementById('user-container').focus();return false;" class="user-border"><span>본문 ë°ë¡ê°ê¸°</span></a> 180 <a href="#user-footer" onclick="document.getElementById('user-footer').tabIndex = -1;document.getElementById('user-footer').focus();return false;" class="user-border"><span>매체ì ë³´ ë°ë¡ê°ê¸°</span></a> 181 <a href="#userLogin" onclick="document.getElementById('userLogin').tabIndex = -1;document.getElementById('userLogin').focus();return false;" class="user-border"><span>ë¡ê·¸ì¸ ë°ë¡ê°ê¸°</span></a> 182 <a href="#userSearch" onclick="document.getElementById('userSearch').tabIndex = -1;document.getElementById('userSearch').focus();return false;" class="user-border"><span>기ì¬ê²ì ë°ë¡ê°ê¸°</span></a> 183 <a href="#allService" onclick="document.getElementById('allService').tabIndex = -1;document.getElementById('allService').focus();return false;" class="user-border"><span>ì ì²´ìë¹ì¤ ë°ë¡ê°ê¸°</span></a> 184</nav> 185 186<!--[if lt IE 10]> 187<div id="ie9-guide"> 188 <div class="ie9-wrapper border-box"> 189 <p class="guide-txt"> 190 ì ê¹! íì¬ Internet Explorer 8ì´í ë²ì ì ì´ì©ì¤ì´ìëë¤. ìµì ë¸ë¼ì°ì (Browser) ì¬ì©ì ê¶ì¥ë립ëë¤! 191 </p> 192 193 <div class="guide-right"> 194 <dl class="ie9-down nobr"> 195 <dt><i class="icon ie-logo">ie</i></dt> 196 <dd> 197 <span>ì¸í°ë· ìµì¤íë¡ë¬ 11</span> 198 <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">ë¤ì´ë¡ë</a> 199 </dd> 200 </dl> 201 202 <dl class="ie9-down"> 203 <dt><i class="icon cr-logo">chrome</i></dt> 204 <dd> 205 <span>êµ¬ê¸ í¬ë¡¬</span> 206 <a href="http://www.google.com/chrome/" target="_blank">ë¤ì´ë¡ë</a> 207 </dd> 208 </dl> 209 210 <dl class="ie9-down"> 211 <dt><i class="icon ff-logo">firefox</i></dt> 212 <dd> 213 <span>모ì§ë¼ íì´ì´íì¤</span> 214 <a href="http://www.mozilla.or.kr/" target="_blank">ë¤ì´ë¡ë</a> 215 </dd> 216 </dl> 217 </div> 218 </div> 219</div> 220<![endif]--> 221<div class="off-canvas-wrapper"> 222 <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> 223 <div class="off-canvas-content" data-off-canvas-content> 224 225 <!-- wrap //--> 226 <div id="user-wrap" class="min-width-1080"> 227 <div id="user-wrapper"> 228 229 <!-- header //--> 230 <header id="user-header" class="posi-re float-center"> 231 232 <div class="clearfix text-center"> 233</div> 234 235<style type="text/css"> 236#header-wrapper.basic, #header-wrapper .mode-inner, #nav-header {width:1080px} 237#header-wrapper.horizon #user-nav::after {background-color:#d71e3e} 238#user-nav .user-menu > .secline > a.a-hover {color:#d71e3e} 239#header-wrapper.vertical #user-nav .user-menu .secline > ul {border-color:#d71e3e} 240</style> 241 242<!-- ë©ë´ ìì //--> 243<div id="header-wrapper" class="vertical full left " data-main-code="/index.html" data-sub-code="/index.html" data-serial-code="/index.html" data-multi-code=""> 244 245 <!-- ìµìë¨ìì //--> 246 <div id="user-gnb"> 247 <div class="mode-inner"> 248 249 <!-- ìµì¢ í¸ì§ //--> 250 <div class="user-intro">UPDATED. 2026-10-04 13:40 (ì¼) </div> 251 <!--// ìµì¢ í¸ì§ --> 252 253 <!-- ë¡ê·¸ì¸ //--> 254 <ul id="userLogin" class="user-logbox no-bullet"> 255 <li><a href="https://www.informaticsview.com/member/login.html" target="_top">ë¡ê·¸ì¸</a></li> 256 <li><a href="https://www.informaticsview.com/member/index.html" target="_top">íìê°ì </a></li> 257 <li><a href="https://www.informaticsview.com/" onclick="setCookie('view_pc', 'n', 1);" target="_top"><i class="icon-mobile"></i>모ë°ì¼ì¹</a></li> 258 </ul> 259 <!--// ë¡ê·¸ì¸ --> 260 </div> 261 </div> 262 <!--// ìµìë¨ìì --> 263 264 <!-- ë¡ê³ ìì //--> 265 <header id="nav-header"> 266 <H1 class="user-logo text-left"> 267 <a href="https://www.informaticsview.com" target="_top"> 268 <img src="https://cdn.informaticsview.com/image/logo/toplogo_20240510013927.png" alt="ì¸í¬ë§¤í±ì¤ë·°"> 269 </a> 270 </H1> 271 <div class="user-banner"> 272 </div> 273 <div class="user-banner text-right banner-right"> 274 <div class="user-sns"> 275 <a href="https://blog.naver.com/informaticsview_" target="_blank" title="ë¤ì´ë²í¬ì¤í¸" data-tooltip class="post"><i class="icon-post"><span class="show-for-sr">ë¤ì´ë²í¬ì¤í¸</span></i></a> 276 277 <a href="https://blog.naver.com/informaticsview_" target="_blank" title="ë¸ë¡ê·¸" data-tooltip class="blog"><i class="icon-blog"><span class="show-for-sr">ë¸ë¡ê·¸</span></i></a> 278 <a href="https://x.com/informaticsview" target="_blank" title="X" data-tooltip class="twitter"><i class="icon-twitter"><span class="show-for-sr">X</span></i></a> 279 <a href="https://www.facebook.com/informaticsview" target="_blank" title="íì´ì¤ë¶" data-tooltip class="facebook"><i class="icon-facebook"><span class="show-for-sr">íì´ì¤ë¶</span></i></a> 280 </div> 281 </div> 282 </header> 283 <!--// ë¡ê³ ìì --> 284 285 <!-- ë©ë´ë° //--> 286 <nav id="user-nav"> 287 <div class="mode-inner"> 288 289 <!-- ì ì²´ --> 290 <button type="button" class="user-allbtn" title="ì ì²´ë©ë´" data-toggle="offCanvas"> 291 <i class="icon-bars"><span class="show-for-sr">ì ì²´ë©ë´ ë²í¼</span></i> 292 </button> 293 294 <!-- ì¹ì //--> 295 <ul id="user-menu" class="user-menu no-bullet"> 296 <li class="secline"> 297 <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top" data-code="S1N1">êµë´ì¬í</a> 298 <ul class="no-bullet"> 299 </ul> 300 </li> 301 <li class="secline"> 302 <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top" data-code="S1N2">í´ì¸ì¬í</a> 303 <ul class="no-bullet"> 304 </ul> 305 </li> 306 <li class="secline"> 307 <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top" data-code="S1N3">TOUR VIEW <i class="icon-angle-down-thin"></i></a> 308 <ul class="no-bullet"> 309 <li class="sub"> 310 <a href="/news/articleList.html?sc_sub_section_code=S2N1&view_type=sm" target="_top" data-code="S2N1">ì¬íì¬</a> 311 </li> 312 <li class="sub"> 313 <a href="/news/articleList.html?sc_sub_section_code=S2N2&view_type=sm" target="_top" data-code="S2N2">ì¬íìí</a> 314 </li> 315 <li class="sub"> 316 <a href="/news/articleList.html?sc_sub_section_code=S2N3&view_type=sm" target="_top" data-code="S2N3">íë¡ëª¨ì &ì´ë²¤í¸</a> 317 </li> 318 <li class="sub"> 319 <a href="/news/articleList.html?sc_sub_section_code=S2N4&view_type=sm" target="_top" data-code="S2N4">ì¨ë¼ì¸</a> 320 </li> 321 </ul> 322 </li> 323 <li class="secline"> 324 <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top" data-code="S1N4">íê³µ <i class="icon-angle-down-thin"></i></a> 325 <ul class="no-bullet"> 326 <li class="sub"> 327 <a href="/news/articleList.html?sc_sub_section_code=S2N5&view_type=sm" target="_top" data-code="S2N5">êµë´ íê³µì¬</a> 328 </li> 329 <li class="sub"> 330 <a href="/news/articleList.html?sc_sub_section_code=S2N6&view_type=sm" target="_top" data-code="S2N6">í´ì¸ íê³µì¬</a> 331 </li> 332 <li class="sub"> 333 <a href="/news/articleList.html?sc_sub_section_code=S2N7&view_type=sm" target="_top" data-code="S2N7">LCC</a> 334 </li> 335 </ul> 336 </li> 337 <li class="secline"> 338 <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top" data-code="S1N5">
338í¸í &리조í¸</a> 339 <ul class="no-bullet"> 340 </ul> 341 </li> 342 <li class="secline"> 343 <a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top" data-code="S1N6">ì¶ì &ì ì</a> 344 <ul class="no-bullet"> 345 </ul> 346 </li> 347 <li class="secline"> 348 <a href="/news/articleList.html?sc_section_code=S1N7&view_type=sm" target="_top" data-code="S1N7">ì¬íë´ì¤</a> 349 <ul class="no-bullet"> 350 </ul> 351 </li> 352 <li class="secline"> 353 <a href="/news/articleList.html?sc_section_code=S1N8&view_type=sm" target="_top" data-code="S1N8">ì ì ·ë°ë¡ ë³´ë</a> 354 <ul class="no-bullet"> 355 </ul> 356 </li> 357 </ul> 358 <!--// ì¹ì --> 359 360 <!-- ê²ì //--> 361 <fieldset id="userSearch" class="user-search"> 362 <form name="head-search" method="get" action="/news/articleList.html" class="clearfix"> 363 <input type="hidden" name="sc_area" value="A"> 364 <input type="hidden" name="view_type" value="sm"> 365 <label class="show-for-sr" for="search">기ì¬ê²ì</label> 366 <input type="text" name="sc_word" id="search" onkeydown="if(event.keyCode==13){if(this.form.sc_word.value != ''){this.form.submit();}else{alert('ê²ìì´ë¥¼ ì ë ¥í´ì£¼ì¸ì');return false;}}" placeholder="ê²ìì´ë¥¼ ì ë ¥í´ì£¼ì¸ì" title="기ì¬ê²ì"> 367 <button type="button" title="기ì¬ê²ì" onclick="if(this.form.sc_word.value != ''){this.form.submit();}else{alert('ê²ìì´ë¥¼ ì ë ¥í´ì£¼ì¸ì');this.form.sc_word.focus();return false;}"><i class="icon-search-thin"><span class="show-for-sr">ê²ì</span></i></button> 368 </form> 369 </fieldset> 370 <!--// ê²ì --> 371 </div> 372 </nav> 373 <!--// ë©ë´ë° --> 374 375</div> 376<!--// ë©ë´ ë --> 377
378<script type="text/javascript"> 379<!-- 380//ë©ë´ ì¤íì¼ ë¶ë¬ì´ : ë©ë´ /script/menubar.js ì ê°ì´ ì¬ì©ëì´ì¼ í¨ 381var menuIndexHold = true, 382menuOverHold = true, 383submenuStyle = "vertical", 384sizeMode = "full", 385subShow = "hold", 386submenuPosi = "left", 387effectSwitch = "on", 388subSlideSpeed = 150, 389subFadeSpeed = 150; 390//--> 391</script>
391 392 393 </header> 394 <!--// header --> 395 396 397 <!-- container //--> 398 <section id="user-container" class="posi-re text-left"> 399 <div id="layer-popups" class="float-center width-1080"></div> 400 401 <div class="posi-re float-center width-1080"><div id="floating_banner_left" class="view-aside left-wing" data-scroll="y" data-top-margin="20" data-down-margin="15" data-duration="300"> 402</div> 403<div id="floating_banner_right" class="view-aside right-wing" data-scroll="y" data-top-margin="20" data-down-margin="15" data-duration="300"> 404</div> 405</div> 406 <!-- ë ê°ë°°ë //--> 407 <div class="posi-re float-center width-1080" id="wingBanner"> 408 <div class="wing-banner-left"> 409 </div> 410 <div class="wing-banner-right"> 411 </div> 412 </div> 413 <!--// ë ê°ë°°ë --> 414<style type="text/css"> 415/* edit skin css START */ 416#user-wrap #idx44 {margin-top:-1.875rem} 417#idx44 .index-columns.grid-1 {padding-left:40px} 418#idx44 .index-columns-flex {background-color:#ffe7ea} 419#idx44 .index-columns-flex.for-image {background:url(https://cdn.informaticsview.com/image/edit/head_bg.jpg) 50% 40% repeat-x} 420#idx44 .width-240 {width:240px} 421#idx44 .width-340 {width:340px} 422 423/* box skin */ 424#user-wrap #idx44 .box-skin.idx--box.white {margin:-60px -50px 0;padding:40px 50px 0} 425.box-skin.idx--box .header > strong, .box-skin.idx--box .header > a, 426.box-skin.idx--box .header .skin-column > strong, .box-skin.idx--box .header .skin-column > a {margin-bottom:1.563rem;font-size:1.688rem;letter-spacing:-.025em} 427/* edit skin css END */ 428</style> 429 430 431<!-- í¸ì§í //--> 432<div id="idx44" class="index-wrap"> 433 <div class="index-columns-flex for-image"> 434 <!-- ë´ì© //--> 435 <div class="clearfix"> 436<article class="box-skin"> 437<header class="header"></header> 438<section class="content"><style type="text/css"> 439#skin-11 .item {position:relative;width:560px;margin:40px 15px 0;padding:50px 0} 440#skin-11 .item > a {position:relative} 441#skin-11 .slick-current {z-index:15;margin-top:0} 442#skin-11 .slick-current > a {width:125%;margin-left:-12.5%;box-shadow:0 8px 15px rgba(0,0,0,.3)} 443#skin-11 .frame.play::after {content:'';position:absolute;z-index:5;left:50%;top:50%;width:66px;height:82px;background:url(/image/autobox/outline-play.svg) 0 0 no-repeat;background-size:66px 82px;opacity:.5;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} 444#skin-11 .slick-current .frame.play::after {opacity:1} 445#skin-11 .photo-titbg {display:none;padding:18px 22px;background-color:rgba(0,0,0,.5)} 446#skin-11 .slick-current .photo-titbg {display:block} 447#skin-11 .photo-btn {top:0;width:calc(50% - 350px);height:100%;background:none;outline-width:0} 448#skin-11 .photo-btn.prev {left:0} 449#skin-11 .photo-btn.next {right:0} 450#skin-11 .auto-pager {font-size:0;text-align:center} 451#skin-11 .auto-pager li[id*="slick-"] button[data-role] {width:10px;height:10px} 452#skin-11 .auto-pager li[id*="slick-"].slick-active button[data-role] {background:#fff !important} 453</style> 454<div id="skin-11" class="auto-article"><div class="dis-none item"> 455 <a href="/news/articleView.html?idxno=6342" target="_top">
456 <span class="frame play"><em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6342_27660_248_1790907848_600.jpg)"></em></span> 457 <div class="photo-titbg"> 458 <H2 class="auto-titles size-23 line-x1 weight-700 auto-fontF onload">âì¸ìì ì´ë° ì ë²½ì´ ììì´?â ì¤íì¸ ì¿ ì¥ì¹´ ì¬í</H2> 459 </div> 460 </a> 461 </div> 462<div class="dis-none item"> 463 <a href="/news/articleView.html?idxno=6341" target="_top"> 464 <span class="frame play"><em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6341_27655_204_1790907604_600.jpg)"></em></span> 465 <div class="photo-titbg"> 466 <H2 class="auto-titles size-23 line-x1 weight-700 auto-fontF onload">7ë° 9ì¼ ì¤íì¸ ì¬í ì½ì¤, ë§ë리ë í¨ë ë ì¸ë¹ì¼ ê·¸ë¼ëë¤ ë°ë¥´ì ë¡ë ì¼ì£¼</H2> 467 </div> 468 </a> 469 </div> 470<div class="dis-none item"> 471 <a href="/news/articleView.html?idxno=6317" target="_top">
472 <span class="frame play"><em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6317_27551_2517_1790735117_600.jpg)"></em></span> 473 <div class="photo-titbg"> 474 <H2 class="auto-titles size-23 line-x1 weight-700 auto-fontF onload">ì¸í°ë¼ì¼ ì¦ê¸¸ê±°ë¦¬, 500ë§ ì ì£¼ê³ ìëë° ì´ ì ëë í´ë´ì¼ì£ </H2> 475 </div> 476 </a> 477 </div> 478<div class="dis-none item"> 479 <a href="/news/articleView.html?idxno=6316" target="_top"> 480 <span class="frame play"><em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6316_27544_2222_1790734942_600.jpg)"></em></span> 481 <div class="photo-titbg"> 482 <H2 class="auto-titles size-23 line-x1 weight-700 auto-fontF onload">ì¤ìì¤ ë£¨ì²´ë¥¸ ê°ë³¼ ë§í ê³³, í루면 ì¶©ë¶í ì´ì ?</H2> 483 </div> 484 </a> 485 </div> 486<div class="dis-none item"> 487 <a href="/news/articleView.html?idxno=6296" target="_top"> 488 <span class="frame play"><em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6296_27462_56_1790647506_600.jpg)"></em></span> 489 <div class="photo-titbg"> 490 <H2 class="auto-titles size-23 line-x1 weight-700 auto-fontF onload">2026ë 10ì ì ë¥í ì¦ë£, 23ë¨ê³ ì¬ëëë° ëì¿ë ì¤íë ¤ ì¸í</H2> 491 </div> 492 </a> 493 </div> 494</div>
495<script type="text/javascript"> 496<!-- 497(function() { 498 499 $('#skin-11').slick({ 500 variableWidth: true, 501 centerMode: true, 502 //centerPadding: '60px', 503 arrows: true, // íì´ííì 504 prevArrow: '<button type="button" class="photo-btn prev"><span class="show-for-sr">prev</span></button>', // ì´ì ë²í¼ 505 nextArrow: '<button type="button" class="photo-btn next"><span class="show-for-sr">next</span></button>', // ë¤ìë²í¼ 506 dots: true, // pager 507 dotsClass: 'auto-pager white', // pager class 508 //autoplay: true, // ìëì í 509 //autoplaySpeed: 5000, // ìëì íìë 510 speed: 600, // ë기ë ìë 511 draggable: false, // ì ì¤ì²(모ë°ì¼ì©) 512 }); 513 514})(); 515//--> 516</script>
516 517</section> 518</article><div class="box-margins " style="margin-bottom:100px;"></div> 519 </div> 520 <!--// ë´ì© --> 521 </div> 522 523 <div class="float-center" style="width:1080px"> 524 <!-- ë´ì© //--> 525 <div class="clearfix"> 526<article class="box-skin idx--box white "> 527<header class="header"><strong>êµë´ì¬í</strong></header> 528<section class="content"><style type="text/css"> 529#skin-12 {position:relative;margin-left:-12px;margin-right:-12px} 530#skin-12 .item {position:relative;margin:0 12px} 531#skin-12 .item.noimage {background-color:#faf8f8} 532#skin-12 .item > a {min-height:188px} 533#skin-12 .item.noimage > a {padding:30px} 534#skin-12 .frame {margin-bottom:10px} 535#skin-12 .frame > i[class^="icon-"] {overflow:hidden;position:absolute;z-index:15;right:0;bottom:0;width:38px;height:38px;font-size:1.5rem;line-height:38px;color:#fff;background-color:rgba(0,0,0,.5);text-align:center} 536#skin-12 .item.noimage .auto-titles {font-weight:500} 537#skin-12 .photo-btn {top:-58px;width:50px;height:30px;font-size:1.875rem;text-align:center;outline-width:0;opacity:.65;-ms-transform:rotate(-90deg);transform:rotate(-90deg);transition:opacity .25s} 538#skin-12 .photo-btn:hover {opacity:1} 539#skin-12 .photo-btn.prev {right:30px} 540#skin-12 .photo-btn.next {right:0} 541</style> 542<div id="skin-12" class="auto-article"><div class="item"> 543 <a href="/news/articleView.html?idxno=6352" target="_top"><span class="frame line"> 544 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6352_27697_5039_1790909439_280.jpg)"></em> 545 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">íë°ë ë¨íì ì ê²ììë¹ì¤, 주ìë§ ë£ì¼ë©´ ì²ì² ììì ë¤ í´ì¤ë¤?</H2> 546 547 </a> 548 </div> 549<div class="item"> 550 <a href="/news/articleView.html?idxno=6351" target="_top"><span class="frame line"> 551 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6351_27695_490_1790909340_280.jpg)"></em> 552 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ì¤ëê°ê² ë ¸í¬ 4ì , ìì¸ê´ê´ì¬ë¨ ì¶ì² ìì¸ ë¡ë³¶ì´ ë§ì§ & ì°ì± ì½ì¤</H2> 553 554 </a> 555 </div> 556<div class="item"> 557 <a href="/news/articleView.html?idxno=6350" target="_top"><span class="frame line"> 558 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6350_27688_4534_1790909134_280.jpg)"></em> 559 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ì²ê¸¸ ë¬ë¦¬ë©° 기ë¶ê¹ì§! ì주 ë°ëê¸¸ì² ê¸°ë¶ë° ê°ìµ</H2> 560 561 </a> 562 </div> 563<div class="item"> 564 <a href="/news/articleView.html?idxno=6327" target="_top"><span class="frame line"> 565 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6327_27585_1738_1790828258_280.jpg)"></em> 566 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ì¨ì² ìë êµë´ìëìë ì´ë? 목ìê³¼ ê´ê´ì ëìì ì¡ë ìì§ë°°ê¸° ì¬íì§ ì¶ì² 5ê³³</H2> 567 568 </a> 569 </div> 570<div class="item"> 571 <a href="/news/articleView.html?idxno=6325" target="_top"><span class="frame line"> 572 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6325_27580_148_1790828048_280.jpg)"></em> 573 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ìëí¬êµ¬ìì ë´ë ¸ëë° íì°¨ê° ì ë³´ì¸ë¤ê³ ì?</H2> 574 575 </a> 576 </div> 577<div class="item"> 578 <a href="/news/articleView.html?idxno=6324" target="_top"><span class="frame line"> 579 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6324_27576_1058_1790827858_280.jpg)"></em> 580 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ê°ì ì¬ ìë° í ì¸, 8ë§ ìì§ë¦¬ ììê° 3ë§ ì ëë¤ê³ ì?</H2> 581 582 </a> 583 </div> 584<div class="item"> 585 <a href="/news/articleView.html?idxno=6323" target="_top"><span class="frame line"> 586 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6323_27574_94_1790827744_280.jpg)"></em> 587 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">10ì ì¼ê° ì목ì ë² ì¤í¸ 4 ë°¤ 9ìê¹ì§ ë ì ìë¤ê³ ?</H2> 588 589 </a> 590 </div> 591<div class="item"> 592 <a href="/news/articleView.html?idxno=6319" target="_top"><span class="frame line"> 593 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6319_27560_4532_1790811932_280.jpg)"></em> 594 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ì¤ííë ê°ìì¶ì 4ì ë§¤ë ¥ ì´ì 리</H2> 595 596 </a> 597 </div> 598</div>
598<script type="text/javascript"> 599(function() { 600 601 $('#skin-12').slick({ 602 slidesToShow: 4, 603 slidesToScroll: 4, 604 arrows: true, // íì´ííì 605 prevArrow: '<button type="button" class="photo-btn prev"><i class="icon-caret-up-min"><span class="show-for-sr">Prev</span></i></button>', // ì´ì ë²í¼ 606 nextArrow: '<button type="button" class="photo-btn next"><i class="icon-caret-down-min"><span class="show-for-sr">Next</span></i></button>', // ë¤ìë²í¼ 607 dots: false, 608 //dotsClass: 'auto-pager', 609 autoplay: false, // ìëì í 610 //autoplaySpeed: 4000, // ìëì íìë 611 speed: 600, // ë기ë ìë 612 draggable: false, // ì ì¤ì²(모ë°ì¼ì©) 613 }); 614 615})(); 616</script>
616 617</section> 618</article><div class="box-margins " style="margin-bottom:80px;"></div><article class="box-skin idx--box white "> 619<header class="header"><strong>í´ì¸ì¬í</strong></header> 620<section class="content"><style type="text/css"> 621#skin-20 {position:relative;margin-left:-12px;margin-right:-12px} 622#skin-20 .item {position:relative;margin:0 12px} 623#skin-20 .item.noimage {background-color:#faf8f8} 624#skin-20 .item > a {min-height:188px} 625#skin-20 .item.noimage > a {padding:30px} 626#skin-20 .frame {margin-bottom:10px} 627#skin-20 .frame > i[class^="icon-"] {overflow:hidden;position:absolute;z-index:15;right:0;bottom:0;width:38px;height:38px;font-size:1.5rem;line-height:38px;color:#fff;background-color:rgba(0,0,0,.5);text-align:center} 628#skin-20 .item.noimage .auto-titles {font-weight:500} 629#skin-20 .photo-btn {top:-58px;width:50px;height:30px;font-size:1.875rem;text-align:center;outline-width:0;opacity:.65;-ms-transform:rotate(-90deg);transform:rotate(-90deg);transition:opacity .25s} 630#skin-20 .photo-btn:hover {opacity:1} 631#skin-20 .photo-btn.prev {right:30px} 632#skin-20 .photo-btn.next {right:0} 633</style> 634<div id="skin-20" class="auto-article"><div class="item"> 635 <a href="/news/articleView.html?idxno=6334" target="_top"><span class="frame line"> 636 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6334_27618_4825_1790844505_280.jpg)"></em> 637 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ëì¿Â·ì¤ì¬ì¹´? ì§ë¦½ëë¤â¦ ë§ì¼ë¡ ë ëë ì¼ë³¸ 먹방 ì¬íì§ 7</H2> 638 639 </a> 640 </div> 641<div class="item"> 642 <a href="/news/articleView.html?idxno=6333" target="_top"><span class="frame line"> 643 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6333_27613_4553_1790844353_280.jpg)"></em> 644 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ì¿í¬ë¡ë§ ê°ì§ ë§ì¸ì, ê²¨ì¸ ì¼ë³¸ ì¬íì§ 4ê³³ ì ë³ ì¶ì²</H2> 645 646 </a> 647 </div> 648<div class="item"> 649 <a href="/news/articleView.html?idxno=6332" target="_top"><span class="frame line"> 650 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6332_27608_4237_1790844157_280.jpg)"></em> 651 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ì ë½ ìµë¶ë¨ ë ¸ë¥´ëìº ìì ìë í´ê° ì§ì§ ììµëë¤</H2> 652 653 </a> 654 </div> 655<div class="item"> 656 <a href="/news/articleView.html?idxno=6331" target="_top"><span class="frame line"> 657 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6331_27607_3939_1790843979_280.jpg)"></em> 658 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ìì ì í¬ë 12ìì ì¹ì´ì¼ íë¤ê³ ì? ì ë½ ìí´ ì íµ íìµ</H2> 659 660 </a> 661 </div> 662<div class="item"> 663 <a href="/news/articleView.html?idxno=6349" target="_top"><span class="frame line"> 664 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6349_27683_426_1790908926_280.jpg)"></em> 665 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">2026 ëë§ì¬í ì§ìê¸ ì ê· ê°í¸! ì¬ë°©ë¬¸ 5ì²TWD ì§ê¸ ì¡°ê±´ ë° ì ì² ë²</H2> 666 667 </a> 668 </div> 669<div class="item"> 670 <a href="/news/articleView.html?idxno=6348" target="_top"><span class="frame line"> 671 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6348_27678_3757_1790908677_280.jpg)"></em> 672 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">í ì´í¬ììì¸ë° í 25%? ì ëì´ë²ë¦° ë¯¸êµ í 문íì ì¤ì²´</H2> 673 674 </a> 675 </div> 676<div class="item"> 677 <a href="/news/articleView.html?idxno=6347" target="_top"><span class="frame line"> 678 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6347_27676_3355_1790908435_280.jpg)"></em> 679 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ì´ëë°ìì ê° ì¹êµ¬ ì§ ì ë ìì¬, ë°¤ì ììì¦ì´ ë ìì¨ë¤ë©´?</H2> 680 681 </a> 682 </div> 683<div class="item"> 684 <a href="/news/articleView.html?idxno=6346" target="_top"><span class="frame line"> 685 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6346_27672_3126_1790908286_280.jpg)"></em> 686 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ì· ë¤ ë²ê³ ë¹ì¦ëì¤ ë¯¸í íë í¥ë¯¸ì§ì§í ëë¼</H2> 687 688 </a> 689 </div> 690</div>
690<script type="text/javascript"> 691(function() { 692 693 $('#skin-20').slick({ 694 slidesToShow: 4, 695 slidesToScroll: 4, 696 arrows: true, // íì´ííì 697 prevArrow: '<button type="button" class="photo-btn prev"><i class="icon-caret-up-min"><span class="show-for-sr">Prev</span></i></button>', // ì´ì ë²í¼ 698 nextArrow: '<button type="button" class="photo-btn next"><i class="icon-caret-down-min"><span class="show-for-sr">Next</span></i></button>', // ë¤ìë²í¼ 699 dots: false, 700 //dotsClass: 'auto-pager', 701 autoplay: false, // ìëì í 702 //autoplaySpeed: 4000, // ìëì íìë 703 speed: 600, // ë기ë ìë 704 draggable: false, // ì ì¤ì²(모ë°ì¼ì©) 705 }); 706 707})(); 708</script>
708 709</section> 710</article><div class="box-margins " style="margin-bottom:80px;"></div> 711 </div> 712 <!--// ë´ì© --> 713 <div class="index-row"> 714 <div class="index-columns width-full"> 715 <!-- ë´ì© //--> 716 <div class="clearfix"> 717 718 </div> 719 <!--// ë´ì© --> 720 <div class="index-row"> 721 <div class="index-columns width-full"> 722 <!-- ë´ì© //--> 723 <div class="clearfix"> 724 725 </div> 726 <!--// ë´ì© --> 727 </div> 728 <div class="index-columns grid-1 width-240"> 729 <!-- ë´ì© //--> 730 <div class="clearfix"> 731 732 </div> 733 <!--// ë´ì© --> 734 </div> 735 </div> 736 <!-- ë´ì© //--> 737 <div class="clearfix"> 738 739 </div> 740 <!--// ë´ì© --> 741 </div> 742 <div class="index-columns grid-1 width-340"> 743 <!-- ë´ì© //--> 744 <div class="clearfix"> 745 746 </div> 747 <!--// ë´ì© --> 748 </div> 749 </div> 750 <!-- ë´ì© //--> 751 <div class="clearfix"> 752<style type="text/css"> 753#skin40-tab {margin-bottom:4.375rem} 754#skin40-tab .tabs-header {float:left;width:200px;margin-bottom:1.5rem;font-size:1.688rem;font-weight:bolder;line-height:35px;letter-spacing:-.075em;color:#000;text-align:left} 755#skin40-tab .tabs-navs {float:right;max-width:calc(100% - 200px);margin-bottom:1.5rem;font-size:0;text-align:right;white-space:nowrap} 756#skin40-tab .tabs-navs::before {content:normal} 757#skin40-tab .tabs-navs > .tabs-item {display:inline-block;overflow:hidden;float:none;position:relative;margin-left:1.5rem;vertical-align:middle} 758#skin40-tab .tabs-navs > .tabs-item:first-child {margin-left:0} 759#skin40-tab .tabs-navs > .tabs-item > a {padding:0;margin:0;font-size:1.25rem;font-weight:lighter;line-height:35px;letter-spacing:-.05em;color:#000;background:none;border:0} 760#skin40-tab .tabs-navs > .tabs-item > a::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;bottom:0;width:0;height:0;border-top:3px solid transparent;-webkit-transition:width .25s ease-in-out;transition:width .25s ease-in-out} 761#skin40-tab .tabs-navs > .tabs-item.active > a {font-weight:bolder} 762#skin40-tab .tabs-navs > .tabs-item.active > a::before {width:100%;border-color:#d71e3e} 763#skin40-tab .tabs-panel {clear:both} 764</style> 765 766<!-- Custom Tabs --> 767<div id="skin40-tab" class="tabs-wrap"> 768 <header class="tabs-header">TOUR VIEW</header> 769 <ul class="tabs-navs"> 770 <li class="tabs-item active"><a rel="menu" data-tabs-target="#panel1">ì¬íë´ì¤</a></li> 771 <li class="tabs-item"><a rel="menu" data-tabs-target="#panel2">ì¬íì¬</a></li> 772 <li class="tabs-item"><a rel="menu" data-tabs-target="#panel3">ì¬íìí</a></li> 773 <li class="tabs-item"><a rel="menu" data-tabs-target="#panel4">íë¡ëª¨ì &ì´ë²¤í¸</a></li> 774 <li class="tabs-item"><a rel="menu" data-tabs-target="#panel5">ì¨ë¼ì¸</a></li> 775 </ul> 776 <div id="panel1" class="tabs-panel"> 777 <style type="text/css"> 778#skin-50 > .item {float:left;width:calc(50% - 25px);min-height:1px;margin-top:16px} 779#skin-50 > .item.large {position:relative;width:50%;padding-right:25px;margin-right:25px;border-right:1px solid rgba(0,0,0,.1);clear:both} 780#skin-50 > .item.noimage {padding:0;background-color:#faf8f8;border:1px solid rgba(0,0,0,.05)} 781#skin-50 > .item:nth-child(-n + 2) {margin-top:0} 782#skin-50 .item.large > a {min-height:380px} 783#skin-50 .item.noimage > a {padding:30px 42px} 784#skin-50 .auto-valign > .frame {width:150px} 785#skin-50 .frame > i[class^="icon-"] {overflow:hidden;position:absolute;z-index:5;right:0;bottom:0;width:38px;height:38px;font-size:1.5rem;line-height:38px;color:#fff;background-color:rgba(0,0,0,.5);text-align:center} 786#skin-50 .auto-valign > .content {display:block} 787#skin-50 .auto-valign > .for-middle:first-child:nth-last-child(2) {display:inline-block;width:calc(100% - 150px);padding-right:18px} 788#skin-50 .item.noimage .auto-titles {max-height:150px;margin-bottom:22px;font-size:40px;line-height:50px;font-weight:700 !important;-webkit-line-clamp:3} 789#skin-50 .item.noimage .auto-sums {max-height:none;-webkit-line-clamp:initial} 790</style> 791<div id="skin-50" class="auto-article"><div class="item large"> 792 <a href="/news/articleView.html?idxno=6306" target="_top"><span class="frame line marbtm-12"> 793 794 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6306_27503_171_1790655421_550.jpg)"></em> 795 </span><H2 class="auto-titles size-22 line-x2 weight-500 auto-fontA onload">íìì 못 ê°ë ë¹ë°ì ì² ê°ë°©, ê²½ë¨ë ìí림 10ì 31ì¼ê¹ì§</H2> 796 <em class="auto-sums martop-12 size-15 line-x2 auto-fontK">
796íì ì¼ë°ì¸ì ì¶ì ì´ ì격í ì íëìë í¹ë³í ê°ì ì²ì´ ë민 íì¼ë¡ ëììµëë¤. ê²½ìë¨ëì°ë¦¼íê²½ì°êµ¬ìì ì¤ë 10ì 31ì¼ê¹ì§ ê²½ë¨ë ìí림ì íìì ì¼ë¡ ê°ë°©íê³ , 방문ê°ë¤ìê² ...</em> 797 </a> 798 </div> 799<div class="item"> 800 <a href="/news/articleView.html?idxno=6305" target="_top" class="auto-valign"> 801 <div class="content for-middle"> 802 <H2 class="auto-titles size-18 weight-500 auto-fontA onload line-x2">í루 7ì² ë³´ 걸ì¼ë©´ ìíê¶ ì¦ì ? ëëê° ë¬¼ê²°ë°ë¼ ë민 ê±´ê° ê±·ê¸° ì±ë¦°ì§</H2> 803 804 </div><span class="frame line for-middle"> 805 806 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6305_27502_1524_1790655324_550.jpg)"></em> 807 </span></a> 808 </div> 809<div class="item"> 810 <a href="/news/articleView.html?idxno=6286" target="_top" class="auto-valign"> 811 <div class="content for-middle"> 812 <H2 class="auto-titles size-18 weight-500 auto-fontA onload line-x2">âì¸ì¦ì·ì´ ë길ëâ ì 주 ì²ì§ì°íí¬ ê´ê´ê° ì¶ë½, ì¬ì§ ì´¬ì ì¤ 50ë ì¨ì ¸</H2> 813 814 </div><span class="frame line for-middle"> 815 816 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6286_27416_4321_1790559801_550.jpg)"></em> 817 </span></a> 818 </div> 819<div class="item"> 820 <a href="/news/articleView.html?idxno=6244" target="_top" class="auto-valign">
821 <div class="content for-middle"> 822 <H2 class="auto-titles size-18 weight-500 auto-fontA onload line-x2">ì¤ìê° ê²ìì´ í©ì´ ì¬ê¶? êµê°ì ì°ì² ì¬ê¶ì ì²ê³¼ íì©ë²</H2> 823 824 </div><span class="frame line for-middle"> 825 826 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6244_27227_78_1790039228_550.jpg)"></em> 827 </span></a> 828 </div> 829<div class="item"> 830 <a href="/news/articleView.html?idxno=6234" target="_top" class="auto-valign"> 831 <div class="content for-middle"> 832 <H2 class="auto-titles size-18 weight-500 auto-fontA onload line-x2">ì¤ë§ ì¤ë§ íëë° ì§ì§ììµëë¤â¦ë¶ì° ë¶íì¹ìê³µì ìì´ì ì ì²´?</H2> 833 834 </div><span class="frame line for-middle"> 835 836 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6234_27185_4447_1789955087_550.jpg)"></em> 837 </span></a> 838 </div> 839</div> 840 </div> 841 <div id="panel2" class="tabs-panel"> 842 <style type="text/css"> 843#skin-16 > .item {float:left;width:calc(50% - 25px);min-height:1px;margin-top:16px} 844#skin-16 > .item.large {position:relative;width:50%;padding-right:25px;margin-right:25px;border-right:1px solid rgba(0,0,0,.1);clear:both} 845#skin-16 > .item.noimage {padding:0;background-color:#faf8f8;border:1px solid rgba(0,0,0,.05)} 846#skin-16 > .item:nth-child(-n + 2) {margin-top:0} 847#skin-16 .item.large > a {min-height:380px} 848#skin-16 .item.noimage > a {padding:30px 42px} 849#skin-16 .auto-valign > .frame {width:150px} 850#skin-16 .frame > i[class^="icon-"] {overflow:hidden;position:absolute;z-index:5;right:0;bottom:0;width:38px;height:38px;font-size:1.5rem;line-height:38px;color:#fff;background-color:rgba(0,0,0,.5);text-align:center} 851#skin-16 .auto-valign > .content {display:block} 852#skin-16 .auto-valign > .for-middle:first-child:nth-last-child(2) {display:inline-block;width:calc(100% - 150px);padding-right:18px} 853#skin-16 .item.noimage .auto-titles {max-height:150px;margin-bottom:22px;font-size:40px;line-height:50px;font-weight:700 !important;-webkit-line-clamp:3} 854#skin-16 .item.noimage .auto-sums {max-height:none;-webkit-line-clamp:initial} 855</style> 856<div id="skin-16" class="auto-article"></div> 857 </div> 858 <div id="panel3" class="tabs-panel"> 859 <style type="text/css"> 860#skin-17 > .item {float:left;width:calc(50% - 25px);min-height:1px;margin-top:16px} 861#skin-17 > .item.large {position:relative;width:50%;padding-right:25px;margin-right:25px;border-right:1px solid rgba(0,0,0,.1);clear:both} 862#skin-17 > .item.noimage {padding:0;background-color:#faf8f8;border:1px solid rgba(0,0,0,.05)} 863#skin-17 > .item:nth-child(-n + 2) {margin-top:0} 864#skin-17 .item.large > a {min-height:380px} 865#skin-17 .item.noimage > a {padding:30px 42px} 866#skin-17 .auto-valign > .frame {width:150px} 867#skin-17 .frame > i[class^="icon-"] {overflow:hidden;position:absolute;z-index:5;right:0;bottom:0;width:38px;height:38px;font-size:1.5rem;line-height:38px;color:#fff;background-color:rgba(0,0,0,.5);text-align:center} 868#skin-17 .auto-valign > .content {display:block} 869#skin-17 .auto-valign > .for-middle:first-child:nth-last-child(2) {display:inline-block;width:calc(100% - 150px);padding-right:18px} 870#skin-17 .item.noimage .auto-titles {max-height:150px;margin-bottom:22px;font-size:40px;line-height:50px;font-weight:700 !important;-webkit-line-clamp:3} 871#skin-17 .item.noimage .auto-sums {max-height:none;-webkit-line-clamp:initial} 872</style> 873<div id="skin-17" class="auto-article"></div> 874 </div> 875 <div id="panel4" class="tabs-panel"> 876 <style type="text/css"> 877#skin-18 > .item {float:left;width:calc(50% - 25px);min-height:1px;margin-top:16px} 878#skin-18 > .item.large {position:relative;width:50%;padding-right:25px;margin-right:25px;border-right:1px solid rgba(0,0,0,.1);clear:both} 879#skin-18 > .item.noimage {padding:0;background-color:#faf8f8;border:1px solid rgba(0,0,0,.05)} 880#skin-18 > .item:nth-child(-n + 2) {margin-top:0} 881#skin-18 .item.large > a {min-height:380px} 882#skin-18 .item.noimage > a {padding:30px 42px} 883#skin-18 .auto-valign > .frame {width:150px} 884#skin-18 .frame > i[class^="icon-"] {overflow:hidden;position:absolute;z-index:5;right:0;bottom:0;width:38px;height:38px;font-size:1.5rem;line-height:38px;color:#fff;background-color:rgba(0,0,0,.5);text-align:center} 885#skin-18 .auto-valign > .content {display:block} 886#skin-18 .auto-valign > .for-middle:first-child:nth-last-child(2) {display:inline-block;width:calc(100% - 150px);padding-right:18px} 887#skin-18 .item.noimage .auto-titles {max-height:150px;margin-bottom:22px;font-size:40px;line-height:50px;font-weight:700 !important;-webkit-line-clamp:3} 888#skin-18 .item.noimage .auto-sums {max-height:none;-webkit-line-clamp:initial} 889</style> 890<div id="skin-18" class="auto-article"></div> 891 </div> 892 <div id="panel5" class="tabs-panel"> 893 <style type="text/css"> 894#skin-46 > .item {float:left;width:calc(50% - 25px);min-height:1px;margin-top:16px} 895#skin-46 > .item.large {position:relative;width:50%;padding-right:25px;margin-right:25px;border-right:1px solid rgba(0,0,0,.1);clear:both} 896#skin-46 > .item.noimage {padding:0;background-color:#faf8f8;border:1px solid rgba(0,0,0,.05)} 897#skin-46 > .item:nth-child(-n + 2) {margin-top:0} 898#skin-46 .item.large > a {min-height:380px} 899#skin-46 .item.noimage > a {padding:30px 42px} 900#skin-46 .auto-valign > .frame {width:150px} 901#skin-46 .frame > i[class^="icon-"] {overflow:hidden;position:absolute;z-index:5;right:0;bottom:0;width:38px;height:38px;font-size:1.5rem;line-height:38px;color:#fff;background-color:rgba(0,0,0,.5);text-align:center} 902#skin-46 .auto-valign > .content {display:block} 903#skin-46 .auto-valign > .for-middle:first-child:nth-last-child(2) {display:inline-block;width:calc(100% - 150px);padding-right:18px} 904#skin-46 .item.noimage .auto-titles {max-height:150px;margin-bottom:22px;font-size:40px;line-height:50px;font-weight:700 !important;-webkit-line-clamp:3} 905#skin-46 .item.noimage .auto-sums {max-height:none;-webkit-line-clamp:initial} 906</style> 907<div id="skin-46" class="auto-article"></div> 908 </div> 909</div> 910
911<script> 912$('#skin40-tab').tabslet({ 913 mouseevent: 'hover', 914 attribute: 'data-tabs-target', // íë©ë´ íê² 915 animation: false, // ìëë©ì´ì í¨ê³¼ 916}); 917</script>
917 918 </div> 919 <!--// ë´ì© --> 920 </div> 921 922 <div class="index-columns-flex"> 923 <div class="float-center" style="width:1080px"> 924 <!-- ë´ì© //--> 925 <div class="clearfix"> 926<article class="box-skin idx--box " style="margin-top:80px" > 927<header class="header"><strong>í¸í &리조í¸</strong></header> 928<section class="content"><style type="text/css"> 929#skin-13 {position:relative;margin-left:-4px;margin-right:-4px} 930#skin-13 .item {position:relative;margin:0 4px} 931#skin-13 .photo-titbg {background:none;text-align:center;opacity:0;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in} 932#skin-13 .photo-titbg::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#d71e3e;opacity:.75} 933#skin-13 a:hover .photo-titbg {opacity:1} 934#skin-13 .photo-inner {position:absolute;z-index:2;left:0;top:50%;width:100%;padding:0 35px;-ms-transform:translateY(-50%);transform:translateY(-50%)} 935#skin-13 .photo-btn {top:-58px;width:50px;height:30px;font-size:1.875rem;text-align:center;outline-width:0;opacity:.65;-ms-transform:rotate(-90deg);transform:rotate(-90deg);transition:opacity .25s} 936#skin-13 .photo-btn:hover {opacity:1} 937#skin-13 .photo-btn.prev {right:30px} 938#skin-13 .photo-btn.next {right:0} 939</style> 940<div id="skin-13" class="auto-article"><div class="item"> 941 <a href="/news/articleView.html?idxno=5754" target="_top"> 942 <div class="frame"><em class="auto-images ratio-11" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/5754_25103_4422_1785113062_280.jpg)"></em></div> 943 <div class="photo-titbg cover"> 944 <div class="photo-inner"> 945 <H2 class="auto-titles size-20 line-x3 auto-fontF onload">커íì ê´ì리, ìë¡ ëë² ì´ë ìë©´? ì¬í 목ì ë³ ë¶ì° ìì ì¶ì² ì§ì</H2> 946 <em class="auto-section martop-16 size-15 line-x1 auto-fontF">í¸í &리조í¸</em> 947 </div> 948 </div> 949 </a> 950 </div> 951<div class="item"> 952 <a href="/news/articleView.html?idxno=5447" target="_top"> 953 <div class="frame"><em class="auto-images ratio-11" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/5447_23679_1740_1779931060_280.jpg)"></em></div> 954 <div class="photo-titbg cover"> 955 <div class="photo-inner"> 956 <H2 class="auto-titles size-20 line-x3 auto-fontF onload">âíì¹´ì´ë íë ì ìê°ì²´íâ íì¹´ì´ë í¸ìë ¸ ë¦¬ì¡°í¸ í ë§ë¬´ ì´í´ 리í¸ë¦¬í¸ ì¤í ì´ ì¶ì</H2> 957 <em class="auto-section martop-16 size-15 line-x1 auto-fontF">í¸í &리조í¸</em> 958 </div> 959 </div> 960 </a> 961 </div> 962<div class="item"> 963 <a href="/news/articleView.html?idxno=5438" target="_top"> 964 <div class="frame"><em class="auto-images ratio-11" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/5438_23660_1110_1779869470_280.jpg)"></em></div> 965 <div class="photo-titbg cover"> 966 <div class="photo-inner"> 967 <H2 class="auto-titles size-20 line-x3 auto-fontF onload">í¸ìë ¸ 리조í¸, '리조ëë ê´'ì ê´ ìµì´ ë¹ì¹ í´ë½ 10ì ì¤í</H2> 968 <em class="auto-section martop-16 size-15 line-x1 auto-fontF">í¸í &리조í¸</em> 969 </div> 970 </div> 971 </a> 972 </div> 973<div class="item"> 974 <a href="/news/articleView.html?idxno=5159" target="_top"> 975 <div class="frame"><em class="auto-images ratio-11" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/5159_22324_5632_1776923792_280.jpg)"></em></div> 976 <div class="photo-titbg cover"> 977 <div class="photo-inner"> 978 <H2 class="auto-titles size-20 line-x3 auto-fontF onload">5ì 13ì¼, íì¹´ì´ë íëê¸¸ì´ ì´ë¦°ë¤! í¸ìë ¸ ë¦¬ì¡°í¸ í ë§ë¬´ ì´í´ í ë¼ì¤ ê°ì¥</H2> 979 <em class="auto-section martop-16 size-15 line-x1 auto-fontF">í¸í &리조í¸</em> 980 </div> 981 </div> 982 </a> 983 </div> 984<div class="item"> 985 <a href="/news/articleView.html?idxno=4270" target="_top"> 986 <div class="frame"><em class="auto-images ratio-11" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/4270_18412_2143_1769052103_280.jpg)"></em></div> 987 <div class="photo-titbg cover"> 988 <div class="photo-inner"> 989 <H2 class="auto-titles size-20 line-x3 auto-fontF onload">ìë²½ ëì°© ê´ ì¬íê° ëì âì¼ë¦¬ ì²´í¬ì¸ íëâ ëì íë í¸ìë ¸ ë¦¬ì¡°í¸ í¸í </H2> 990 <em class="auto-section martop-16 size-15 line-x1 auto-fontF">
990í¸í &리조í¸</em> 991 </div> 992 </div> 993 </a> 994 </div> 995<div class="item"> 996 <a href="/news/articleView.html?idxno=3941" target="_top"> 997 <div class="frame"><em class="auto-images ratio-11" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/3941_16956_5513_1766120113_280.jpg)"></em></div> 998 <div class="photo-titbg cover"> 999 <div class="photo-inner"> 1000 <H2 class="auto-titles size-20 line-x3 auto-fontF onload">âì´ ë¤ì¯ ì¤ë§ ìë©´ ìµë ë°ê°ì´ ë©ëë¤â í´ì¸ ìì ìì½ íì ì ê²í 5</H2> 1001 <em class="auto-section martop-16 size-15 line-x1 auto-fontF">í¸í &리조í¸</em> 1002 </div> 1003 </div> 1004 </a> 1005 </div> 1006</div>
1006<script type="text/javascript"> 1007(function() { 1008 1009 $('#skin-13').slick({ 1010 slidesToShow: 4, 1011 slidesToScroll: 4, 1012 arrows: true, // íì´ííì 1013 prevArrow: '<button type="button" class="photo-btn prev"><i class="icon-caret-up-min"><span class="show-for-sr">Prev</span></i></button>', // ì´ì ë²í¼ 1014 nextArrow: '<button type="button" class="photo-btn next"><i class="icon-caret-down-min"><span class="show-for-sr">Next</span></i></button>', // ë¤ìë²í¼ 1015 dots: false, 1016 //dotsClass: 'auto-pager', 1017 autoplay: false, // ìëì í 1018 //autoplaySpeed: 4000, // ìëì íìë 1019 speed: 600, // ë기ë ìë 1020 draggable: false, // ì ì¤ì²(모ë°ì¼ì©) 1021 }); 1022 1023})(); 1024</script>
1024 1025</section> 1026</article><div class="box-margins " style="margin-bottom:80px;"></div> 1027 </div> 1028 <!--// ë´ì© --> 1029 </div> 1030 </div> 1031 1032 <div class="float-center" style="width:1080px"> 1033 <!-- ë´ì© //--> 1034 <div class="clearfix"> 1035<article class="box-skin idx--box " style="margin-top:80px" > 1036<header class="header"><strong>í«ë´ì¤</strong></header> 1037<section class="content"><style type="text/css"> 1038#skin-14 {position:relative;margin-left:-12px;margin-right:-12px} 1039#skin-14 .item {position:relative;margin:0 12px} 1040#skin-14 .item.noimage {background-color:#faf8f8} 1041#skin-14 .item > a {min-height:235px} 1042#skin-14 .item.noimage > a {padding:55px 30px 30px} 1043#skin-14 .number {display:block;overflow:hidden;position:absolute;z-index:10;left:0;top:0;width:35px;height:35px;font-family:'Times New Roman', serif;font-weight:normal;line-height:35px;color:#fff;background-color:#555;text-align:center} 1044#skin-14 .frame {margin-bottom:10px} 1045#skin-14 .frame > i[class^="icon-"] {overflow:hidden;position:absolute;z-index:5;right:0;bottom:0;width:38px;height:38px;font-size:1.5rem;line-height:38px;color:#fff;background-color:rgba(0,0,0,.5);text-align:center} 1046#skin-14 .content {display:block;padding-right:40px} 1047#skin-14 .item.noimage .content {padding-right:0} 1048#skin-14 .item.noimage .auto-titles {max-height:64px;font-size:22px;font-weight:700;line-height:32px} 1049#skin-14 .photo-btn {top:-58px;width:50px;height:30px;font-size:1.875rem;text-align:center;outline-width:0;opacity:.65;-ms-transform:rotate(-90deg);transform:rotate(-90deg);transition:opacity .25s} 1050#skin-14 .photo-btn:hover {opacity:1} 1051#skin-14 .photo-btn.prev {right:30px} 1052#skin-14 .photo-btn.next {right:0} 1053</style> 1054<div id="skin-14" class="auto-article"><div class="item"> 1055 <a href="/news/articleView.html?idxno=6310" target="_top"> 1056 <em class="number size-20 user-bg">1</em><span class="frame line"> 1057 1058 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6310_27518_522_1790733922_360.jpg)"></em> 1059 </span><div class="content"> 1060 <H2 class="auto-titles size-18 line-x2 auto-fontA onload">ìì¦ ë¶ì° í«íì ëíë ìì´? ë¶ìºì´ ë»ë¶í° í¬í ì¡´ ê¿íê¹ì§</H2> 1061 1062 </div> 1063 </a> 1064 </div> 1065<div class="item"> 1066 <a href="/news/articleView.html?idxno=6247" target="_top"> 1067 <em class="number size-20 user-bg">2</em><span class="frame line"> 1068 1069 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6247_27244_1652_1790039812_360.jpg)"></em> 1070 </span><div class="content"> 1071 <H2 class="auto-titles size-18 line-x2 auto-fontA onload">íì±í ëª ì ëë¤ì´, ìë²ëë ì¶ì ì°í´ íµì¬ ì½í ì¸ ì´ì 리</H2> 1072 1073 </div> 1074 </a> 1075 </div> 1076<div class="item"> 1077 <a href="/news/articleView.html?idxno=6296" target="_top"> 1078 <em class="number size-20 user-bg">3</em><span class="frame line"> 1079 1080 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6296_27462_56_1790647506_360.jpg)"></em> 1081 </span><div class="content"> 1082 <H2 class="auto-titles size-18 line-x2 auto-fontA onload">2026ë 10ì ì ë¥í ì¦ë£, 23ë¨ê³ ì¬ëëë° ëì¿ë ì¤íë ¤ ì¸í</H2> 1083 1084 </div> 1085 </a> 1086 </div> 1087<div class="item"> 1088 <a href="/news/articleView.html?idxno=6241" target="_top"> 1089 <em class="number size-20">4</em><span class="frame line"> 1090 1091 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6241_27222_2814_1789979294_360.jpg)"></em> 1092 </span><div class="content"> 1093 <H2 class="auto-titles size-18 line-x2 auto-fontA onload">ì¸ì° ê°ìì¬ ìµìêµ°ë½ì§, ì¬ì´ ì½ì¤ë¼ê³ ì? ìë³µ 12kmì ëë¤</H2> 1094 1095 </div> 1096 </a> 1097 </div> 1098<div class="item"> 1099 <a href="/news/articleView.html?idxno=6243" target="_top"> 1100 <em class="number size-20">5</em><span class="frame line"> 1101 1102 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6243_27224_519_1790039119_360.jpg)"></em> 1103 </span><div class="content"> 1104 <H2 class="auto-titles size-18 line-x2 auto-fontA onload">K-ëë¼ë§ ì²´í ì ì ê°ë§, ëë¼ë§ ì ëª ì¥ë©´ ê³µê°ì ì¬íì¼ë¡</H2> 1105 1106 </div> 1107 </a> 1108 </div> 1109<div class="item"> 1110 <a href="/news/articleView.html?idxno=6240" target="_top"> 1111 <em class="number size-20">6</em><span class="frame line"> 1112 1113 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6240_27215_2430_1789979070_360.jpg)"></em> 1114 </span><div class="content"> 1115 <H2 class="auto-titles size-18 line-x2 auto-fontA onload">ì¶ìì ë¶ëª¨ë 모ìê³ ê°ë©´ í¡ì¡±í´íì¤ ë§ì§ 5ê³³</H2> 1116 1117 </div> 1118 </a> 1119 </div> 1120</div>
1120<script type="text/javascript"> 1121(function() { 1122 1123 $('#skin-14').slick({ 1124 slidesToShow: 3, 1125 //slidesToScroll: 3, 1126 arrows: true, // íì´ííì 1127 prevArrow: '<button type="button" class="photo-btn prev"><i class="icon-caret-up-min"><span class="show-for-sr">Prev</span></i></button>', // ì´ì ë²í¼ 1128 nextArrow: '<button type="button" class="photo-btn next"><i class="icon-caret-down-min"><span class="show-for-sr">Next</span></i></button>', // ë¤ìë²í¼ 1129 dots: false, 1130 //dotsClass: 'auto-pager', 1131 autoplay: false, // ìëì í 1132 //autoplaySpeed: 4000, // ìëì íìë 1133 speed: 600, // ë기ë ìë 1134 draggable: false, // ì ì¤ì²(모ë°ì¼ì©) 1135 }); 1136 1137})(); 1138</script>
1138 1139</section> 1140</article><div class="box-margins " style="margin-bottom:80px;"></div><article class="box-skin idx--box " style="margin-top:80px" > 1141<header class="header"><strong>ì¶ì &ì ì</strong></header> 1142<section class="content"><style type="text/css"> 1143#skin-15 .wrapper::after {content:'';display:table;clear:both} 1144#skin-15 .wrapper > .item {float:left;width:calc(25% - 18px);margin-left:24px;margin-top:30px} 1145#skin-15 .wrapper > .item:nth-child(4n + 1) {margin-left:0;clear:both} 1146#skin-15 .wrapper > .item:nth-child(-n + 4) {margin-top:0} 1147#skin-15 .wrapper > .item.noimage {background-color:#faf8f8} 1148#skin-15 .item > a {min-height:190px} 1149#skin-15 .item.noimage > a {padding:30px} 1150#skin-15 .number {display:block;overflow:hidden;position:absolute;z-index:10;left:0;top:0;width:35px;height:35px;font-family:'Times New Roman', serif;font-weight:normal;line-height:35px;color:#fff;background-color:#555;text-align:center} 1151#skin-15 .frame {margin-bottom:10px} 1152#skin-15 .frame > i[class^="icon-"] {overflow:hidden;position:absolute;z-index:5;right:0;bottom:0;width:38px;height:38px;font-size:1.5rem;line-height:38px;color:#fff;background-color:rgba(0,0,0,.5);text-align:center} 1153#skin-15 .auto-titles {width:92%} 1154#skin-15 .item.noimage .auto-titles {width:auto;font-weight:500} 1155#skin-15 .more {display:block;overflow:hidden;margin-top:40px;font-size:16px;line-height:52px;letter-spacing:-.05em;color:#000;background-color:#fff;border:1px solid rgba(0,0,0,.12);text-align:center;transition:border-color .3s ease-in-out} 1156#skin-15 .more:hover {border-color:rgba(0,0,0,.5)} 1157</style> 1158<div id="skin-15" class="auto-article"> 1159<div class="wrapper"><div class="item"> 1160 <a href="/news/articleView.html?idxno=6304" target="_top"><span class="frame line"> 1161 1162 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6304_27498_1320_1790655200_280.jpg)"></em> 1163 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ê²½ë¨ë립미ì ê´ ìì° ì ì ãìì°, 그곳ìì ë¤ì ë³´ë¤ã ê°ìµ</H2> 1164 1165 </a> 1166 </div> 1167<div class="item"> 1168 <a href="/news/articleView.html?idxno=6191" target="_top"><span class="frame line"> 1169 1170 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6191_27007_1237_1789531957_280.jpg)"></em> 1171 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">ìì ë·ì°ìí¬, ê´êµê³µìì´ í루ì§ë¦¬ ì°ì¥ì¼ë¡ ë³ì íë¤</H2> 1172 1173 </a> 1174 </div> 1175<div class="item"> 1176 <a href="/news/articleView.html?idxno=6061" target="_top"><span class="frame line"> 1177 1178 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6061_26448_1357_1788311638_280.jpg)"></em> 1179 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">âí¬ë 무참í ì§ë°ë ì¶ì ?â ì´ë² ì£¼ë§ ë± ì´í ì´ë¦¬ë 경기ë ì´ìíì¬</H2> 1180 1181 </a> 1182 </div> 1183<div class="item"> 1184 <a href="/news/articleView.html?idxno=6057" target="_top"><span class="frame line"> 1185 1186 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6057_26434_46_1788311046_280.jpg)"></em> 1187 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">âë´ì¼ë¶í° ë°¤ 10ì 30ë¶ê¹ì§â DDP 222m ì¸ë²½ ì ì²´ê° ë¹ëë ìì¸ ì¬íì§</H2> 1188 1189 </a> 1190 </div> 1191<div class="item"> 1192 <a href="/news/articleView.html?idxno=6036" target="_top"><span class="frame line"> 1193 1194 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/6036_26325_4248_1787892168_280.jpg)"></em> 1195 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">K-ê´ê´ì¬ 거문ë âì°ë¤ì´ íì¤í°ë²â</H2> 1196 1197 </a> 1198 </div> 1199<div class="item"> 1200 <a href="/news/articleView.html?idxno=5958" target="_top"><span class="frame line"> 1201 1202 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/5958_26000_2838_1787185718_280.jpg)"></em> 1203 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">âë민 ë구ë 무ë£â 2026 ê°ìë¬ë¹ ì¤íëì 기본 ì ë³´</H2> 1204 1205 </a> 1206 </div> 1207<div class="item"> 1208 <a href="/news/articleView.html?idxno=5346" target="_top"><span class="frame line"> 1209 1210 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/5346_23219_1518_1778811318_280.jpg)"></em> 1211 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">2026 ìì¸ ì ì 무ë£ë¡ 모ë ë¤ ì¦ê¸¸ ì ìë 모ìì§</H2> 1212 1213 </a> 1214 </div> 1215<div class="item"> 1216 <a href="/news/articleView.html?idxno=5113" target="_top"><span class="frame line"> 1217 1218 <em class="auto-images" style="background-image:url(https://cdn.informaticsview.com/news/thumbnail/custom/20261004/5113_22119_821_1776643701_280.jpg)"></em> 1219 </span><H2 class="auto-titles size-18 line-x2 auto-fontA onload">â1.13km ì ì±ê½ ì²êµê³¼ 20ë§ ì£¼ ì´íë¥ ì ì â ì ë¨ íì ë´ê½ ì¶ì </H2> 1220 1221 </a> 1222 </div> 1223</div> 1224 <a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top" class="more">ì¶ì &ì ì ë보기 <i class="icon-angle-right-thin"></i></a> 1225</div> 1226</section> 1227</article><div class="box-margins " style="margin-bottom:80px;"></div> 1228 </div> 1229 <!--// ë´ì© --> 1230 <div class="index-row"> 1231 <div class="index-columns width-full"> 1232 <!-- ë´ì© //--> 1233 <div class="clearfix"> 1234 1235 </div> 1236 <!--// ë´ì© --> 1237 <div class="index-row"> 1238 <div class="index-columns width-full"> 1239 <!-- ë´ì© //--> 1240 <div class="clearfix"> 1241 1242 </div> 1243 <!--// ë´ì© --> 1244 </div> 1245 <div class="index-columns grid-1 width-240"> 1246 <!-- ë´ì© //--> 1247 <div class="clearfix"> 1248 1249 </div> 1250 <!--// ë´ì© --> 1251 </div> 1252 </div> 1253 <!-- ë´ì© //--> 1254 <div class="clearfix"> 1255 1256 </div> 1257 <!--// ë´ì© --> 1258 </div> 1259 <div class="index-columns grid-1 width-340"> 1260 <!-- ë´ì© //--> 1261 <div class="clearfix"> 1262 1263 </div> 1264 <!--// ë´ì© --> 1265 </div> 1266 </div> 1267 <!-- ë´ì© //--> 1268 <div class="clearfix"> 1269 1270 </div> 1271 <!--// ë´ì© --> 1272 </div> 1273</div> 1274<!--// í¸ì§í --> 1275 </section> 1276 <!--// container --> 1277 1278 </div> 1279 1280 <style type="text/css"> 1281#user-footer.type-30 {padding:0;margin:1.875rem auto 0;padding:2.5rem 0 5rem;background-color:#f5f5f5;border:none} 1282#user-footer.type-30 > .inner {position:relative} 1283
1284/* nav */ 1285#user-footer.type-30 .user-nav {display:block;margin-bottom:1.25rem;font-size:0;text-align:left;white-space:nowrap} 1286#user-footer.type-30 .user-nav > .item {display:inline-block;margin-left:1.25rem;font-size:.813rem;font-weight:normal;line-height:24px;vertical-align:middle} 1287#user-footer.type-30 .user-nav > .item.point {font-weight:500} 1288#user-footer.type-30 .user-nav > .item:first-child {margin-left:0} 1289 1290/* sns */ 1291#user-footer.type-30 .user-sns {position:absolute;z-index:10;right:0;top:0;font-size:0;white-space:nowrap;text-align:right} 1292#user-footer.type-30 .user-sns > .item {display:inline-block;margin-left:.875rem;font-size:1.125rem;line-height:1;vertical-align:middle;transition:color .3s ease-in-out} 1293#user-footer.type-30 .user-sns > .item:first-child {margin-left:0} 1294 1295/* copyright */ 1296#user-footer.type-30 .user-address {font-size:.75rem;font-weight:lighter;color:initial} 1297#user-footer.type-30 .user-address::after {content:'';display:block;clear:both} 1298#user-footer.type-30 .user-address ul li {font-size:.812rem;font-weight:400;color:rgb(0 0 0 / 60%)} 1299#user-footer.type-30 .user-address ul li.copy {font-size:1.063em; 1300#user-footer.type-30 .user-address ul li a {color:inherit;text-decoration:none} 1301</style> 1302 1303<!-- footer //--> 1304<footer id="user-footer" class="type-30"> 1305 <div class="inner posi-re float-center width-1080"> 1306 <!-- menu //--> 1307 <nav class="user-nav"> 1308 <a href="/com/com-1.html" target="_top" class="item">매체ìê°</a> 1309 <a href="https://www.informaticsview.com/com/jb.html" target="_top" class="item">기ì¬ì ë³´</a> 1310 <a href="https://www.informaticsview.com/com/ad.html" target="_top" class="item">ê´ê³ 문ì</a> 1311 <a href="/com/service.html" target="_top" class="item">ì´ì©ì½ê´</a> 1312 <a href="/com/privacy.html" target="_top" class="item point">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a> 1313 <a href="/com/youthpolicy.html" target="_top" class="item">ì²ìë ë³´í¸ì ì± </a> 1314 <a href="/com/copyright.html" target="_top" class="item">ì ìê¶ë³´í¸ì ì± </a> 1315 <a href="/com/emailno.html" target="_top" class="item">ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a> 1316 <a href="/com/cfethics.html" target="_top" class="item">ì¤ë¦¬ê°ë ¹</a> 1317 <a href="/com/com-3.html" target="_top" class="item">ì´ì©ìììí</a> 1318 <a href="/com/bp.html" target="_top" class="item">ë¶í¸ì ê³ </a> 1319 </nav> 1320 <!--// menu --> 1321 1322 <!-- address //--> 1323 <address class="user-address"> 1324 <ul class="no-bullet"> 1325 <li class="bars">경기ë ê´ì£¼ì ì´ìì ì¤ì길 45-13 2층 </li> 1326 <li class="bars">ëíì í : 070-8890-5652</li> 1327 <li>ì´ë©ì¼ : [email protected] </li> 1328 <li class="bars clear">ë²ì¸ëª : (주)ë©ì´ë¸í¬ë¦¬ìì´í°ë¸</li> 1329 <li class="bars">ì í¸ : ì¸í¬ë§¤í±ì¤ë·°</li> 1330 <li class="bars">ë±ë¡ë²í¸ : 경기, ì54064</li> 1331 <li class="bars">ë±ë¡ì¼ : 2024-05-20</li> 1332 <!-- <li>ë°íì¼ : </li> --> 1333 <li class="bars">ë°í·í¸ì§ì¸ : ëì§í</li> 1334 <li >ì²ìë ë³´í¸ì± ìì : ëì§í</li> 1335 1336 <li class="copy clear martop-20">C<a href="https://www.informaticsview.com/admin/adminLoginForm.html" tabindex="-1">o</a>pyright © 2026 ì¸í¬ë§¤í±ì¤ë·°. <a href="https://www.informaticsview.com/" onclick="setCookie('view_pc', 'n', 1);" tabindex="-1">All</a> rights reserved.</li> 1337 </ul> 1338 </address> 1339 <!--// address --> 1340 1341 <!-- sns 1342 <div class="user-sns"> 1343 <a href="#link" target="_blank" class="item fb"><i class="icon-facebook"><span class="show-for-sr">facebook</span></i></a> 1344 <a href="#link" target="_blank" class="item tw"><i class="icon-twitter"><span class="show-for-sr">twitter</span></i></a> 1345 <a href="#link" target="_blank" class="item yt"><i class="icon-youtube-play"><span class="show-for-sr">youtube</span></i></a> 1346 </div> 1347 <!--// sns --> 1348 1349 <a href="https://www.ndsoft.co.kr/" target="_blank" class="ndsoft"><img src="https://cdn.informaticsview.com/image/ndsoft.gif" alt="ìëìíí¸" /></a> 1350 </div> 1351</footer> 1352<!--// footer --> 1353 1354<div class="clearfix text-center"> 1355</div> 1356<button type="button" id="back-to-top" class="back-to-top" title="ìë¡"><i class="icon-arrow-top"><span class="show-for-sr">ìë¡</span></i></button> 1357 <a href="https://www.informaticsview.com/" class="desktop-to-mobile hide" onclick="setCo
1357okie('view_pc', 'n', 1);">모ë°ì¼ë²ì </a> 1358 </div> 1359 <!--// wrap --> 1360 1361 </div> 1362 <div class="off-canvas user-canvas position-left is-closed" id="offCanvas" data-off-canvas data-transition="overlap"> 1363 <style type="text/css"> 1364.user-canvas .user-canvas-navs .menu li > a:hover,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:#d71e3e} 1365.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent > a::after,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {border-top-color:#d71e3e} 1366.user-canvas .user-canvas-navs .menu li ul.menu.nested li a:hover {color:#d71e3e} 1367</style> 1368 1369<nav id="allService" class="user-canvas-navs"> 1370 <!-- 1ì°¨ //--> 1371 <ul class="vertical menu accordion" data-accordion-menu data-multi-open="false"> 1372 <li><a href="/news/articleList.html?view_type=sm">ì 체기ì¬</a></li> 1373 <li> 1374 <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top">êµë´ì¬í</a> 1375 </li> 1376 <li> 1377 <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top">í´ì¸ì¬í</a> 1378 </li> 1379 <li> 1380 <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top">TOUR VIEW</a> 1381 <ul class="menu vertical nested"> 1382 <li><a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top">
1382ì ì²´</a></li> 1383 <li> 1384 <a href="/news/articleList.html?sc_sub_section_code=S2N1&view_type=sm" target="_top">ì¬íì¬</a> </li> 1385 <li> 1386 <a href="/news/articleList.html?sc_sub_section_code=S2N2&view_type=sm" target="_top">ì¬íìí</a> </li> 1387 <li> 1388 <a href="/news/articleList.html?sc_sub_section_code=S2N3&view_type=sm" target="_top">íë¡ëª¨ì &ì´ë²¤í¸</a> </li> 1389 <li> 1390 <a href="/news/articleList.html?sc_sub_section_code=S2N4&view_type=sm" target="_top">ì¨ë¼ì¸</a> </li> 1391 </ul> 1392 </li> 1393 <li> 1394 <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top">íê³µ</a> 1395 <ul class="menu vertical nested"> 1396 <li><a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top">ì ì²´</a></li> 1397 <li> 1398 <a href="/news/articleList.html?sc_sub_section_code=S2N5&view_type=sm" target="_top">êµë´ íê³µì¬</a> </li> 1399 <li> 1400 <a href="/news/articleList.html?sc_sub_section_code=S2N6&view_type=sm" target="_top">í´ì¸ íê³µì¬</a> </li> 1401 <li> 1402 <a href="/news/articleList.html?sc_sub_section_code=S2N7&view_type=sm" target="_top">LCC</a> </li> 1403 </ul> 1404 </li> 1405 <li> 1406 <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top">í¸í &리조í¸</a> 1407 </li> 1408 <li> 1409 <a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top">ì¶ì &ì ì</a> 1410 </li> 1411 <li> 1412 <a href="/news/articleList.html?sc_section_code=S1N7&view_type=sm" target="_top">ì¬íë´ì¤</a> 1413 </li> 1414 <li> 1415 <a href="/news/articleList.html?sc_section_code=S1N8&view_type=sm" target="_top">ì ì ·ë°ë¡ ë³´ë</a> 1416 </li> 1417 1418 </ul> 1419</nav> 1420 <button class="close-button" aria-label="Close menu" type="button" data-close> 1421 <i class="icon-close-thin"><span class="show-for-sr">ì ì²´ë©ë´ë«ê¸°</span></i> 1422 </button>
1423 </div> 1424 </div> 1425</div> 1426
1427<script> 1428// Popup Json 1429var ___popup = []; 1430bannerpop.popup(); 1431</script>
vendor: 2 bytes, line 1431
1431
1432<script type="text/javascript"> 1433// back to the top 1434$(document).scroll(function(){ 1435 var sDocumentHeight = $(document).height() - $(window).height(); 1436 if($(document).scrollTop() > 0){ 1437 $('#back-to-top').fadeIn(); 1438 }else{ 1439 $('#back-to-top').fadeOut(); 1440 } 1441}); 1442 1443$('#back-to-top, a[href="#top"]').click(function(){ 1444 $('html, body').animate( {scrollTop:0}, 100); 1445}); 1446 1447// 모ë°ì¼ë²ì ì´ë ë²í¼ 1448if(bannerpop.isMobileDevice()===true) $(".desktop-to-mobile").removeClass("hide"); 1449</script>
1449 1450 1451 1452 1453<!-- êµ¬ê¸ ì ëì¼ì¤ S -->
1454<script src="https://cdn.informaticsview.com/adManager/js/lab.js"></script>
vendor: 2 bytes, line 1454
1454
1455<script> 1456jQuery(function($) { 1457 setTimeout(function() { 1458 $LAB 1459 .script("//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js") 1460 .wait(function () { 1461 var adn = jQuery('.adsbygoogle').length; 1462 if (adn > 0) { 1463 for (var i = 0; i < adn; i++) { 1464 (adsbygoogle = window.adsbygoogle || []).push({}); 1465 } 1466 } 1467 }); 1468 }, 1000); 1469}); 1470</script>
1470 1471<!-- êµ¬ê¸ ì ëì¼ì¤ E -->
1472<script> 1473$(document).ready(function(){ 1474 // ë«ê¸° ë²í¼ ìë ë ¸ì¶ 1475 $('.ad-template.ad-close .ad-view').each(function(){ 1476 $(this).append('<div class="ad-close-btn"><i class="icon-close"></i></div>'); 1477 }) 1478 1479 // ë«ê¸° ë²í¼ í´ë¦ ì ì´ë²¤í¸ 1480 $('body').on('click', '.ad-close-btn', function(){ 1481 $(this).closest('.ad-view').slideUp(); 1482 }) 1483 1484 // isND 1485 var ____is_nd = getCookie('____is_nd'); 1486 if(____is_nd) { 1487 // ND IPë§ ê´ê³ ID ë³´ì´ê¸° 1488 $('.ad-template').each(function(){ 1489 $(this).append('<div class="ad-code-id">'+$(this).attr('id')+'</div>'); 1490 }) 1491 1492 // ê´ê³ ID ìë ì¨ê¹ ì¤ì ì 1493 $('.ad-code-id').hide(); 1494 1495 $('.ad-template').mouseenter(function(){ 1496 $(this).find('.ad-code-id').show(); 1497 }).mouseleave(function(){ 1498 $(this).find('.ad-code-id').hide(); 1499 }) 1500 1501 1502 } 1503}) 1504 1505 1506 1507/* ****************************************** */ 1508/* ë ê°ë°°ë ì¤í¬ë¦½í¸ */ 1509/* ****************************************** */ 1510$('#wingBanner .wing-banner-left .wing-banner').each(function(){ 1511 if( $(this).data('scroll') == 'y' ) $(this).addClass('scroll-on'); 1512}); 1513 1514$(window).scroll(function() { 1515 if( $('#wingBanner .wing-banner').length > 0 ){ // ë ê°ë°°ëê° ìì¼ë©´ ìë 1516 1517 var scrollingHeight_L = nonScrollingHeight_L = scrollingHeight_R = nonScrollingHeight_R = 0; 1518 1519 $('#wingBanner .wing-banner').each(function(idx){ 1520 var $_this = $(this), // ë ê°ë°°ë 1521 scroll = $_this.data('scroll'), // ë ê°ë°°ë ì¤í¬ë¡¤ ì¬ë¶ 1522 topMargin = $_this.data('top-margin'), // ë ê°ë°°ë ìë¨ì¬ë°± 1523 downMargin = $_this.data('down-margin'), // ë ê°ë°°ë íë¨ì¬ë°± 1524 duration = $_this.data('duration'), // ë ê°ë°°ë ì¤í¬ë¡¤ ìë 1525 direction = $_this.data('direction'), // ë ê°ë°°ë ìì¹ 1526 // bannerTop = $_this.offset().top, // ë ê°ë°°ë ìë¨ ìì¹ (ê°ë³) 1527 bannderHeight = $_this.outerHeight(); // ë ê°ë°°ë ëì´ (ê³ ì ) 1528 1529 var fixWingBannertop = $('#wingBanner').offset().top; // ë ê°ë°°ë ìë¨ ìì¹ (ê³ ì ) 1530 1531 var articleTitleHeight = $('#sticky-header.scroll').height(); // ë ê°ë°°ë ì¤í¬ë¡¤ ì ìë¨ íì´í ëì´ (ê¸°ì¬ ë³¸ë¬¸ ì) 1532 if(!articleTitleHeight) articleTitleHeight = 0; 1533 1534 var $_userFooter = $('#user-footer'), // ì¬ì´í¸ Footer 1535 userFooterHeight = $_userFooter.outerHeight(); // ì¬ì´í¸ Footer ëì´ (ê³ ì ) 1536 1537 var winScrollTop = $(window).scrollTop(), // ìëì° ì¤í¬ë¡¤ ìì¹ (ê°ë³) 1538 winHeight = $(window).height(), // ìëì° ëì´ 1539 docHeight = $(document).height(); // íì´ì§ ëì´ 1540 1541 switch (direction) { // ë ê° ë°°ë ìì¹ ë³ 1542 case 'left': 1543 if(scroll == 'y') scrollingHeight_L += bannderHeight; // ììëë¡ ë ¸ì¶ëë ë ê°ë°°ë ì¤ ì¤í¬ë¡¤ íë ë°°ëì ëì´ê° (ì¢) 1544 else nonScrollingHeight_L += bannderHeight; // ììëë¡ ë ¸ì¶ëë ë ê°ë°°ë ì¤ ì¤í¬ë¡¤ íì§ ìë ë°°ëì ëì´ê° (ì¢) 1545 break; 1546 1547 case 'right': 1548 if(scroll == 'y') scrollingHeight_R += bannderHeight; // ììëë¡ ë ¸ì¶ëë ë ê°ë°°ë ì¤ ì¤í¬ë¡¤ íë ë°°ëì ëì´ê° (ì°) 1549 else nonScrollingHeight_R += bannderHeight; // ììëë¡ ë ¸ì¶ëë ë ê°ë°°ë ì¤ ì¤í¬ë¡¤ íì§ ìë ë°°ëì ëì´ê° (ì°) 1550 break; 1551 } 1552 1553 if(scroll == 'y') { // ì¤í¬ë¡¤ ë°°ëë§ ìì§ì ì²ë¦¬ 1554 var bannerAllHeight = siteAllHeight = 0; 1555 1556 // ì¢ì°ì¸¡ ê°ê° ë°°ë ì¤í¬ë¡¤ ì²ë¦¬ë¥¼ ìí´ ëë ì ì²ë¦¬ 1557 if(direction == 'left'){ // ì¢ì¸¡ ë ê° 1558 var wingBnTop_L = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_L; // ë ê°ë°°ë ì¤í¬ë¡¤ ìì¹ (ê°ë³) 1559 1560 if( articleTitleHeight ) wingBnTop_L += articleTitleHeight; // 기ì¬ë³¸ë¬¸ ì ìë¨ ì¤í¬ë¡¤ íì´íì´ ëíëë©´ ì¤í¬ë¡¤ íì´í ë§í¼ ë ê°ë°°ë ìì¹ ì¡°ì 1561 1562 if((fixWingBannertop + nonScrollingHeight_L) < winScrollTop) { 1563 1564 bannerAllHeight = articleTitleHeight + scrollingHeight_L + 1; // ìë¨ íì´í + ì¤í¬ë¡¤ë°°ëì ì´ ëì´
1565 siteAllHeight = winHeight - userFooterHeight + downMargin; // ìëì° ëì´ + ì¬ì´í¸ Footer ëì´ 1566 1567 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // ì¬ì´í¸ Footer ëì´ê°ë ê²½ì° ì²ë¦¬ 1568 wingBnTop_L -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_L + topMargin + articleTitleHeight))); 1569 $('#wingBanner .wing-banner-left .wing-banner.scroll-on').animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); // ë§ì§ë§ ë°°ë ìì§ì ì²ë¦¬ 1570 } 1571 } else { 1572 wingBnTop_L = 0; // ìµìë¨ ì²ë¦¬ 1573 } 1574 $_this.animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); 1575 1576 } else { // ì°ì¸¡ ë ê° 1577 1578 var wingBnTop_R = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_R; // ë ê°ë°°ë ì¤í¬ë¡¤ ìì¹ (ê°ë³) 1579 1580 if( articleTitleHeight ) wingBnTop_R += articleTitleHeight; // 기ì¬ë³¸ë¬¸ ì ìë¨ ì¤í¬ë¡¤ íì´íì´ ëíëë©´ ì¤í¬ë¡¤ íì´í ë§í¼ ë ê°ë°°ë ìì¹ ì¡°ì 1581 1582 if((fixWingBannertop + nonScrollingHeight_R) < winScrollTop) { 1583 1584 bannerAllHeight = articleTitleHeight + scrollingHeight_R + 1; // ìë¨ íì´í + ì¤í¬ë¡¤ë°°ëì ì´ ëì´ 1585 siteAllHeight = winHeight - userFooterHeight + downMargin; // ìëì° ëì´ + ì¬ì´í¸ Footer ëì´ 1586 1587 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // ì¬ì´í¸ Footer ëì´ê°ë ê²½ì° ì²ë¦¬ 1588 wingBnTop_R -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_R + topMargin + articleTitleHeight))); 1589 $('#wingBanner .wing-banner-right .wing-banner.scroll-on').animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); // ë§ì§ë§ ë°°ë ìì§ì ì²ë¦¬ 1590 } 1591 } else { 1592 wingBnTop_R = 0; // ìµìë¨ ì²ë¦¬ 1593 } 1594 $_this.animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); 1595 } 1596 } 1597 }); 1598 } 1599 1600}); 1601</script>
1601 1602 1603 1604</body> 1605</html> 1606
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.