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=1180"> 7<meta name="apple-mobile-web-app-title" content="ìíì민ìì리" /> 8<!-- ë©ííê·¸ì ë³´ //--> 9<meta name="description" content="ì¸í°ë· ì 문"/> 10<meta property="og:title" content="ìíì민ìì리"/> 11<meta property="og:site_name" content="ìíì민ìì리"/> 12<meta property="og:image" content="https://www.ypsori.com/image/logo/snslogo_20220221015827.png" /> 13<meta property="og:url" content="https://www.ypsori.com" /> 14<meta property="og:description" content="ì¸í°ë· ì 문" /> 15<meta name="twitter:card" content="summary"/> 16<meta name="twitter:title" content="ìíì민ìì리"/> 17<meta name="twitter:description" content="ì¸í°ë· ì 문"/> 18<meta name="twitter:image:src" content="https://www.ypsori.com/image/logo/snslogo_20220221015827.png"/> 19<!--// ë©ííê·¸ì ë³´ --> 20<title>ìíì민ìì리</title> 21<link rel="canonical" href="https://www.ypsori.com" /> 22<link rel="stylesheet" href="https://cdn.ypsori.com/css/jquery-ui.min.css"> 23<link rel="stylesheet" href="https://cdn.ypsori.com/css/slick.min.css"> 24<link rel="stylesheet" href="https://cdn.ypsori.com/css/jquery.timepicker.css" /> 25<link rel="stylesheet" href="https://cdn.ypsori.com/adManager/css/adManager.css"> 26<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap"> 27<link rel="stylesheet" href="https://cdn.ypsori.com/css/foundation.min.css"> 28<link rel="stylesheet" href="https://cdn.ypsori.com/css/custom.foundation.min.css"> 29<link rel="stylesheet" href="https://cdn.ypsori.com/css/webfonts.min.css"> 30<link rel="stylesheet" href="https://cdn.ypsori.com/css/font.style.css"> 31<link rel="stylesheet" href="https://cdn.ypsori.com/css/media.min.css"> 32<link rel="stylesheet" href="https://cdn.ypsori.com/css/autobox.style.min.css"> 33<link rel="stylesheet" href="https://cdn.ypsori.com/css/templates.style.min.css"> 34<link rel="stylesheet" href="https://cdn.ypsori.com/css/plugin.style.min.css"> 35<link rel="stylesheet" href="https://cdn.ypsori.com/css/style.min.css"> 36<link rel="stylesheet" href="https://cdn.ypsori.com/css/design.style.css"><link rel="stylesheet" href="https://cdn.ypsori.com/menuskin/s_74/menubar.css">
37<script src="https://cdn.ypsori.com/script/jquery.min.js"></script>
vendor: 2 bytes, line 37
37
38<script src="https://cdn.ypsori.com/script/jquery-ui.min.js"></script>
vendor: 2 bytes, line 38
38
39<script src="https://cdn.ypsori.com/script/slick.min.js"></script>
vendor: 2 bytes, line 39
39
40<script src="https://cdn.ypsori.com/script/jquery.rwdImageMaps.min.js"></script>
vendor: 2 bytes, line 40
40
41<script src="https://cdn.ypsori.com/script/what-input.js"></script>
vendor: 2 bytes, line 41
41
42<script src="https://cdn.ypsori.com/script/foundation.min.js"></script>
vendor: 2 bytes, line 42
42
43<script src="https://cdn.ypsori.com/menuskin/s_74/menubar.js"></script>
vendor: 2 bytes, line 43
43
44<script src="https://cdn.ypsori.com/script/user.style.js"></script>
vendor: 2 bytes, line 44
44
45<script src="https://cdn.ypsori.com/script/clipboard.min.js"></script>
vendor: 2 bytes, line 45
45
46<script src="https://cdn.ypsori.com/script/jquery.timepicker.min.js"></script>
vendor: 2 bytes, line 46
46
47<script src="https://cdn.ypsori.com/script/jquery.tabslet.min.js"></script>
vendor: 2 bytes, line 47
47
48<script src="https://cdn.ypsori.com/script/common.js"></script>
48 49 50<!--[if lt IE 10]> 51<link rel="stylesheet" href="https://cdn.ypsori.com/css/style.ie9.css">
52<script src="https://cdn.ypsori.com/script/html5shiv.min.js"></script>
52 53<![endif]--> 54
55<script type="text/javascript"> 56 57 $(document).ready(function(e) { 58 // ì´ë¯¸ì§ë§µ 59 $('img[usemap]').rwdImageMaps(); 60 bannerpop.banner(".banner_event_box"); // 기ë¥ì±ë°°ë ì´ë²¤í¸ 61 bannerpopMulti.bannerLoad(); // ë©í° 기ë¥ì± ë°°ë ì´ë²¤í¸ 62 63 // 기ì¬ë·° ì´ë¯¸ì§ê´ë ¨ 64 65 // 기ì¬ë³¸ë¬¸ ë¶ë¶ ë³µì¬í기 ì ìê¶ íì 66 $('#article-view-content-div').on('copy', function(e){ 67 var sel = window.getSelection(); 68 var copyFooter = "<br/><br/>ì¶ì² : ìíì민ìì리(https://www.ypsori.com)<br/>"; 69 var copyHolder = $('<div>', {html: sel+copyFooter, id:'copy_text', style: {position: 'absolute', left: '-99999px'}}); 70 $('body').append(copyHolder); 71 var str = $('#copy_text').html(); 72 $('#copy_text').html(str.replace(/(\r\n|\n|\r)/gm, "<br />")); 73 sel.selectAllChildren( copyHolder[0] ); 74 window.setTimeout(function() { 75 copyHolder.remove(); 76 },0); 77 }); 78 }); 79 80 // ëë©ì¸ 81 var SITE_DOMAIN = 'https://www.ypsori.com' 82 ,___currentTime = 1791120206; 83 84 // ì¦ê²¨ì°¾ê¸° ì¤í¬ë¦½í¸ 85 function bookmark() { 86 window.external.AddFavorite("https://www.ypsori.com", "ìíì민ìì리") 87 } 88 89</script>
89 90 91<style type="text/css"> 92/* ì¬ì´í¸ 기본 ì */ 93.user-point,a.user-point, 94.poll-columns .poll-state.going 95{color:#c41916 !important} 96.user-bg,.user-bg:hover,.user-bg:active,.user-bg:focus,li[id*="slick-"].slick-active button[data-role],.tabs .is-active a, 97.checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, 98.radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before, 99.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, 100.nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, 101.nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, 102.switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label 103{background-color:#c41916 !important} 104.user-border, 105.checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, 106.radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before, 107.poll-view .poll-radio input[type="radio"] + label:hover strong::before,.poll-view .poll-radio input[type="checkbox"] + label:hover strong::before, 108.poll-view .poll-radio input[type="radio"]:checked + label strong::before,.poll-view .poll-radio input[type="checkbox"]:checked + label strong::before, 109#gallery-wrap .gallery-content.view-page .gallery-thumb .nav-content.slick-current::before 110{border-color:#c41916 !important} 111.user-border-top {border-top-color:#c41916 !important} 112.user-border-bottom {border-bottom-color:#c41916 !important} 113.user-border-left {border-left-color:#c41916 !important} 114.user-border-right {border-right-color:#c41916 !important} 115.checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, 116.radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before {opacity:.3} 117.checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, 118.radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before {opacity:initial} 119 120/* view */ 121@media screen and (max-width: 1300px) { 122 #sticky-header .aht-btn {display:none !important} 123} 124 125 126/* site size */ 127.width-1180 {width:1180px} 128.max-width-1180 {max-width:1180px} 129.min-width-1180 {min-width:1180px} 130</style> 131 132<!-- 구ê¸ì¹ë¡ê·¸ Start -->
133<script type="text/javascript"> 134 135 var _gaq = _gaq || []; 136 _gaq.push(['_setAccount', 'UA-31348652-1']); 137 _gaq.push(['_trackPageview']); 138 139 (function() { 140 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 141 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 142 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 143 })(); 144 145</script>
145 146<!-- 구ê¸ì¹ë¡ê·¸ End --> 147 148<!--Naver Analytics S-->
149<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
vendor: 2 bytes, line 149
149
150<script type="text/javascript"> 151if(!wcs_add) var wcs_add = {}; 152wcs_add["wa"] = "d4eb7f1bfa9c80"; 153wcs_do(); 154</script>
154 155<!--Naver Analytics E--> 156</head> 157<body class=" " style=""> 158<nav class="skip-nav"> 159 <a href="#user-menu" onclick="document.getElementById('user-menu').tabIndex = -1;document.getElementById('user-menu').focus();return false;" class="user-border"><span>주ììë¹ì¤ ë°ë¡ê°ê¸°</span></a> 160 <a href="#user-container" onclick="document.getElementById('user-container').tabIndex = -1;document.getElementById('user-container').focus();return false;" class="user-border"><span>본문 ë°ë¡ê°ê¸°</span></a> 161 <a href="#user-footer" onclick="document.getElementById('user-footer').tabIndex = -1;document.getElementById('user-footer').focus();return false;" class="user-border"><span>매체ì ë³´ ë°ë¡ê°ê¸°</span></a> 162 <a href="#userLogin" onclick="document.getElementById('userLogin').tabIndex = -1;document.getElementById('userLogin').focus();return false;" class="user-border"><span>ë¡ê·¸ì¸ ë°ë¡ê°ê¸°</span></a> 163 <a href="#userSearch" onclick="document.getElementById('userSearch').tabIndex = -1;document.getElementById('userSearch').focus();return false;" class="user-border"><span>기ì¬ê²ì ë°ë¡ê°ê¸°</span></a> 164 <a href="#allService" onclick="document.getElementById('allService').tabIndex = -1;document.getElementById('allService').focus();return false;" class="user-border"><span>ì ì²´ìë¹ì¤ ë°ë¡ê°ê¸°</span></a> 165</nav> 166 167<!--[if lt IE 10]> 168<div id="ie9-guide"> 169 <div class="ie9-wrapper border-box"> 170 <p class="guide-txt"> 171 ì ê¹! íì¬ Internet Explorer 8ì´í ë²ì ì ì´ì©ì¤ì´ìëë¤. ìµì ë¸ë¼ì°ì (Browser) ì¬ì©ì ê¶ì¥ë립ëë¤! 172 </p> 173 174 <div class="guide-right"> 175 <dl class="ie9-down nobr"> 176 <dt><i class="icon ie-logo">ie</i></dt> 177 <dd> 178 <span>ì¸í°ë· ìµì¤íë¡ë¬ 11</span> 179 <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">ë¤ì´ë¡ë</a> 180 </dd> 181 </dl> 182 183 <dl class="ie9-down"> 184 <dt><i class="icon cr-logo">chrome</i></dt> 185 <dd> 186 <span>êµ¬ê¸ í¬ë¡¬</span> 187 <a href="http://www.google.com/chrome/" target="_blank">ë¤ì´ë¡ë</a> 188 </dd> 189 </dl> 190 191 <dl class="ie9-down"> 192 <dt><i class="icon ff-logo">firefox</i></dt> 193 <dd> 194 <span>모ì§ë¼ íì´ì´íì¤</span> 195 <a href="http://www.mozilla.or.kr/" target="_blank">ë¤ì´ë¡ë</a> 196 </dd> 197 </dl> 198 </div> 199 </div> 200</div> 201<![endif]--> 202<div class="off-canvas-wrapper"> 203 <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> 204 <div class="off-canvas-content" data-off-canvas-content> 205 206 <!-- wrap //--> 207 <div id="user-wrap" class="min-width-1180"> 208 <div id="user-wrapper"> 209 210 <!-- header //--> 211 <header id="user-header" class="posi-re float-center"> 212 <h2 class="show-for-sr">ìë¨ìì</h2> 213 214 <div class="clearfix text-center"> 215</div> 216 217<style type="text/css"> 218#header-wrapper .mode-inner {width:1180px} 219 220/* 2ì°¨ - vertical & use autobox */ 221#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul {width:1180px} 222 223</style> 224<!-- ë©ë´ ìì //--> 225<div id="header-wrapper" class="vertical basic center " data-main-code="/index.html" data-sub-code="/index.html" data-serial-code="/index.html" data-multi-code=""> 226 227 <!-- ìµìë¨ìì //--> 228 <div id="user-gnb"> 229 <div class="mode-inner"> 230 231 <!-- ê²ì //--> 232 <fieldset id="userSearch" class="user-search"> 233 <form name="head-search" method="get" class="clearfix" action="/news/articleList.html"> 234 <input type="hidden" name="sc_area" value="A"> 235 <input type="hidden" name="view_type" value="sm"> 236 <label class="show-for-sr" for="search">기ì¬ê²ì</label> 237 <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"><span class="show-for-sr">ê²ì</span></i></button> 238 <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="기ì¬ê²ì"> 239 </form> 240 </fieldset> 241 <!--// ê²ì --> 242 243 <div class="user-intro"> 244 <!-- ìµì¢ í¸ì§ //--> 245 <span class="updated">2026-10-02 13:17 (ê¸) </span> 246 <!--// ìµì¢ í¸ì§ --> 247 248 <!-- ë¡ê·¸ì¸ //--> 249 <ul id="userLogin" class="user-logbox no-bullet"> 250 <li><a href="https://www.ypsori.com/member/login.html" target="_top">ë¡ê·¸ì¸</a></li> 251 <li><a href="https://www.ypsori.com/member/index.html" target="_top">íìê°ì </a></li> 252 <!--<li><a href="https://www.ypsori.com/com/hw.html" target="_top" class="user-point">íìí기</a></li>--> 253 <li><a href="https://www.ihappynanum.com/Nanum/B/N1BZ346P13" target="_blank" class="user-point">íìí기</a></li> 254 <!--<li><a href="https://www.ypsori.com/com/kd-cms.html" target="_top" class="user-point">구ë í기</a></li>--> 255 </ul> 256 <!--// ë¡ê·¸ì¸ --> 257 </div> 258 259 260 </div> 261 </div> 262 <!--// ìµìë¨ìì --> 263 264 <!-- ë©ë´ë° //--> 265 <nav id="user-nav"> 266 <div class="mode-inner"> 267 <h1 class="user-logo"> 268 <a href="https://www.ypsori.com" target="_top"> 269 <img src="https://cdn.ypsori.com/image/logo/toplogo_20220221031523.png" alt="ìíì민ìì리" /> 270 </a> 271 </h1> 272 273 <div class="flex-grow"> 274 <!-- ì¹ì //--> 275 <ul id="user-menu" class="user-menu no-bullet"> 276 <li class="secline"> 277 <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top" data-code="S1N1">ë´ì¤</a> 278 <ul class="no-bullet"> 279 <li class="sub"> 280 <a href="/news/articleList.html?sc_sub_section_code=S2N1&view_type=sm" target="_top" data-code="S2N1">ì ì¹</a> 281 </li> 282 <li class="sub"> 283 <a href="/news/articleList.html?sc_sub_section_code=S2N3&view_type=sm" target="_top" data-code="S2N3">ì¬í</a> 284 </li> 285 <li class="sub"> 286 <a href="/news/articleList.html?sc_sub_section_code=S2N5&view_type=sm" target="_top" data-code="S2N5">문í</a> 287 </li> 288 <li class="sub"> 289 <a href="/news/articleList.html?sc_sub_section_code=S2N4&view_type=sm" target="_top" data-code="S2N4">êµì¡</a> 290 </li> 291 <li class="sub"> 292 <a href="/news/articleList.html?sc_sub_section_code=S2N31&view_type=sm" target="_top" data-code="S2N31">ì¤í¬ì¸ </a> 293 </li> 294 <li class="sub"> 295 <a href="/news/articleList.html?sc_sub_section_code=S2N32&view_type=sm" target="_top" data-code="S2N32">ë³´ëìë£</a> 296 </li> 297 <li class="sub"> 298 <a href="/news/articleList.html?sc_sub_section_code=S2N6&view_type=sm" target="_top" data-code="S2N6">ì°ì¬</a> 299 </li> 300 <li class="sub"> 301 <a href="/news/articleList.html?sc_sub_section_code=S2N83&view_type=sm" target="_top" data-code="S2N83">ììì AIë´ì¤</a> 302 </li> 303 </ul> 304 </li> 305 <li class="secline"> 306 <a href="/news/articleList.html?sc_section_code=S1N10&view_type=sm" target="_top" data-code="S1N10">ê¸°ê³ </a> 307 <ul class="no-bullet"> 308 <li class="sub"> 309 <a href="/news/articleList.html?sc_sub_section_code=S2N70&view_type=sm" target="_top" data-code="S2N70">ì민기ì</a> 310 </li> 311 <li class="sub"> 312 <a href="/news/articleList.html?sc_sub_section_code=S2N71&view_type=sm" target="_top" data-code="S2N71">ì¤í¼ëì¸</a> 313 </li> 314 </ul> 315 </li> 316 <li class="secline"> 317 <a href="/news/articleList.html?sc_section_code=S1N11&view_type=sm" target="_top" data-code="S1N11">기íí¹ì§</a> 318 <ul class="no-bullet"> 319 <li class="sub"> 320 <a href="/news/articleList.html?sc_sub_section_code=S2N72&view_type=sm" target="_top" data-code="S2N72">2022 ì§ë°©ì ê±°</a> 321 </li> 322 <li class="sub"> 323 <a href="/news/articleList.html?sc_sub_section_code=S2N73&view_type=sm" target="_top" data-code="S2N73">ìíêµ° ëìê°ë°</a> 324 </li> 325 <li class="sub"> 326 <a href="/news/articleList.html?sc_sub_section_code=S2N74&view_type=sm" target="_top" data-code="S2N74">ìíê³µì¬</a> 327 </li> 328 <li class="sub"> 329 <a href="/news/articleList.html?sc_sub_section_code=S2N75&view_type=sm" target="_top" data-code="S2N75">ì©ë¬¸ì°ì¬ê²©ì¥ ì´ì </a> 330 </li> 331 </ul> 332 </li> 333 <li class="secline"> 334 <a href="/news/articleList.html?sc_section_code=S1N13&view_type=sm" target="_top" data-code="S1N13">ì§ë ì°ì¬ 보기</a> 335 <ul class="no-bullet"> 336 </ul> 337 </li> 338 <li class="secline"> 339 <a href="/pdf/list.html" target="_top" data-code="/pdf/list.html">ì¢ ì´ ì 문 PDF</a> 340 <ul class="no-bullet"> 341 </ul> 342 </li> 343 <li class="secline"> 344 <a href="/com/jb.html" target="_top" data-code="/com/jb.html">기ì¬ì ë³´</a> 345 <ul class="no-bullet"> 346 </ul> 347 </li> 348 </ul> 349 <!--// ì¹ì --> 350 351 <!-- ì ì²´ --> 352 <button type="button" class="user-allbtn" title="ì ì²´ë©ë´" data-toggle="offCanvas"> 353 <span class="show-for-sr">
353ì ì²´</span>ë©ë´<i class="icon-bars"></i> 354 </button> 355 </div> 356 </div> 357 </nav> 358 <!--// ë©ë´ë° --> 359</div> 360<!--// ë©ë´ ë -->
361<script type="text/javascript"> 362<!-- 363//ë©ë´ ì¤íì¼ ë¶ë¬ì´ : ë©ë´ /script/menubar.js ì ê°ì´ ì¬ì©ëì´ì¼ í¨ 364//submenuStyle : ìë¸ë©ë´ í¼ì¹¨ ì¤íì¼ (horizon : ê°ë¡ë¡, vertical : ì¸ë¡ ì¬ë¼ì´ë©) 365var menuIndexHold = true, 366menuOverHold = true, 367submenuStyle = "vertical", 368sizeMode = "basic", 369subShow = "hidden", 370submenuPosi = "center", 371effectSwitch = "on", 372subSlideSpeed = 150, 373subFadeSpeed = 150; 374//--> 375</script>
375 376 377 </header> 378 <!--// header --> 379 380 381 <!-- container //--> 382 <section id="user-container" class="posi-re text-left"> 383 <h2 class="show-for-sr">본문ìì</h2> 384 385 <div id="layer-popups" class="float-center width-1180"></div> 386 387 <div class="posi-re float-center width-1180"><div id="floating_banner_left" class="view-aside left-wing" data-scroll="y" data-top-margin="20" data-down-margin="15" data-duration="300"> 388</div> 389<div id="floating_banner_right" class="view-aside right-wing" data-scroll="n" data-top-margin="20" data-down-margin="15" data-duration="300"> 390</div> 391</div> 392 <!-- ë ê°ë°°ë //--> 393 <div class="posi-re float-center width-1180" id="wingBanner"> 394 <div class="wing-banner-left"> 395 </div> 396 <div class="wing-banner-right"> 397 </div> 398 </div> 399 <!--// ë ê°ë°°ë --> 400<style type="text/css"> 401/* edit skin css START */ 402#idx-a06 {overflow:hidden} 403#idx-a06 .flex-grid {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} 404#idx-a06 .flex-cell {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0} 405#idx-a06 .flex-cell.grid-1 {-ms-flex:0 0 578px;flex:0 0 578px;max-width:578px;padding-right:3.125rem;border-right:1px solid #e8e8e8} 406#idx-a06 .flex-cell.grid-2 {padding-left:1.5625rem} 407#idx-a06 .flex-cell.grid-3 {padding-right:1.5625rem} 408#idx-a06 .flex-cell.grid-4 {-ms-flex:0 0 350px;flex:0 0 350px;max-width:350px;padding:1.5625rem;background-color:#f4f5f6} 409#idx-a06 .flex-cell.grid-4 .edit-level1, 410#idx-a06 .flex-cell.grid-4 .edit-level1 .edit-contents {background:none} 411#idx-a06 .flex-grid.grid-5 {margin:0 -.9375rem} 412#idx-a06 .flex-grid.grid-5 > .flex-cell {padding:0 .9375rem} 413 414/* box skin */ 415.box-skin .header > a[class*="btm-"] {background:none} 416.box-skin .header > a[class*="btm-"]::after {content:"\e907";display:inline-block;overflow:hidden;margin-left:.375rem;font:13px/1 fontello;color:rgba(0,0,0,.95);background-color:#fff;vertical-align:middle;text-align:center;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} 417.box-skin .header > strong, .box-skin .header > a, 418.box-skin .header .skin-column > strong, .box-skin .header .skin-column > a {margin-bottom:.9375rem;font-size:1.125rem;font-weight:500;letter-spacing:-.06em} 419.box-skin.idx--side .header > strong, .box-skin.idx--side .header > a, 420.box-skin.idx--side .header .skin-column > strong, .box-skin.idx--side .header .skin-column > a {margin-bottom:.625rem;font-size:1rem;font-weight:500;letter-spacing:-.03em} 421.box-skin.idx--line .header {position:relative;margin-bottom:.625rem;font-size:0;text-align:right} 422.box-skin.idx--line .header::before {content:'';overflow:hidden;position:absolute;z-index:1;top:50%;left:0;width:100%;height:0;border-top:1px solid rgba(0,0,0,.95)} 423.box-skin.idx--line .header > strong, .box-skin.idx--line .header > a, 424.box-skin.idx--line .header .skin-column > strong, .box-skin.idx--line .header .skin-column > a {display:inline-block;position:relative;z-index:5;margin-bottom:0;padding-left:.625rem;font-size:1rem;font-weight:500;letter-spacing:-.03em;background-color:#fff;white-space:nowrap} 425.box-skin.idx--big {padding-top:.75rem;border-top:1px solid rgba(0,0,0,.95)} 426.box-skin.idx--big .header > strong, .box-skin.idx--big .header > a, 427.box-skin.idx--big .header .skin-column > strong, .box-skin.idx--big .header .skin-column > a {font-size:1.25rem} 428.box-skin.grid-4-bg {margin:0 -23px;padding:23px} 429.box-skin.grid-4-bg.pink {background-color:#fff3f5} 430/* edit skin css END */ 431</style> 432 433 434<!-- í¸ì§í //--> 435<div id="idx-a06" class="index-wrap float-center" style="width:1180px"> 436 437 <!-- ë´ì© //--> 438 <div class="clearfix"> 439<article class="box-skin"> 440<header class="header"></header> 441<section class="content"><style type="text/css"> 442#skin-11 {display:flex;letter-spacing:-.05em} 443#skin-11 .item {overflow:hidden;position:relative;width:350px;margin-bottom:1px;} 444#skin-11 .item.large {width:100%;} 445#skin-11 > :not(.large) {margin-left:1px} 446#skin-11 > :not(:nth-child(-n + 3)) {margin-top:1px} 447#skin-11 .photo-titbg {padding:20px 25px;font-size:0;-ms-transform:translateY(62px);transform:translateY(62px);transition:transform .5s ease-in-out, -ms-transform .5s ease-in-out} 448#skin-11 a:hover .photo-titbg {-ms-transform:translateY(0);transform:translateY(0)} 449#skin-11 .height-401 {height:401px} 450#skin-11 .height-200 {height:200px} 451</style> 452<div id="skin-11" class="auto-article"> 453<div class="item large"> 454 <a href="/news/articleView.html?idxno=38628" target="_top">
455 <span class="frame line height-401"><em class="auto-images" style="background-image:url(https://cdn.ypsori.com/news/photo/202610/38628_39512_445.jpg)"></em></span> 456 <span class="photo-titbg gradient"> 457 <strong class="auto-titles size-34 weight-500 line-4x2 auto-fontF onload">ê³ (æ ) ì í¬ì² ì ë¨ìë©´ì¥, í´ì§ì°ê¸ 2ìµì¬ ì ì¥íê¸ì¼ë¡ 기í</strong> 458 <em class="auto-sums martop-10 size-13 line-7x2 auto-fontJ">ìíêµ°(êµ°ì ì ì§ì )ì´ ì§ëí´ ìíê¹ê² ì¸ìì ë±ì§, ê³ (æ ) ì í¬ì² ì ë¨ìë©´ì¥ì í´ì§ì°ê¸ ì½ 2ìµ 800ë§ ìì 'í¹ë¡ê¸ì¬' ì ë를 íµí´ ìíêµ°ì¥íì¬ë¨ì ì¥í기ê¸ì¼ë¡ 기ííë¤ê³ ...</em> 459 </span> 460 </a> 461 </div> 462 <div class="inner"> 463<div class="item"> 464 <a href="/news/articleView.html?idxno=38627" target="_top"> 465 <span class="frame line height-200"><em class="auto-images ratio-32" style="background-image:url(https://cdn.ypsori.com/news/photo/202610/38627_39511_5149.jpg)"></em></span> 466 <span class="photo-titbg gradient"> 467 <span class="auto-titles size-19 weight-500 line-5x2 auto-fontF onload">êµêµ°ìë , ì¡êµ° ì 2ì ìëìì¬ë¨ ì°¾ì '무ìCM' ì문 ì±ê¸ ì ë¬</span> 468 <em class="auto-sums martop-10 size-13 line-7x2 auto-fontJ">ê±´ì¤ì¬ì ê´ë¦¬(CM) ì 문기ì 무ìì¨ì ê±´ì¶ì¬ì¬ë¬´ìê° ì 78주ë êµêµ°ì ë ì ë§ì 경기ë ìíêµ° ìì¬ ì¡êµ° ì 2ì ìëìì¬ë¨ì 방문í´, êµêµ°ì¥ë³ë¤ì ê²©ë ¤íê³ ì문 ì±ê¸ì ì ë¬íë¤ê³ 1ì¼...</em> 469 </span> 470 </a> 471 </div> 472<div class="item"> 473 <a href="/news/articleView.html?idxno=38636" target="_top">
474 <span class="frame line height-200"><em class="auto-images ratio-32" style="background-image:url(https://cdn.ypsori.com/news/photo/202610/38636_39522_1350.jpg)"></em></span> 475 <span class="photo-titbg gradient"> 476 <span class="auto-titles size-19 weight-500 line-5x2 auto-fontF onload">ëíë¶êµì¡°ê³ì¢ ì©ë¬¸ì¬, ìíêµ° ì¥íì¬ë¨ì ì¥íê¸ 1ì²ë§ ì 기í</span> 477 <em class="auto-sums martop-10 size-13 line-7x2 auto-fontJ">ëíë¶êµì¡°ê³ì¢ ì©ë¬¸ì¬(ì£¼ì§ ëì¼ì¤ë)ê° ì§ì ì¸ì¬ ì¡ì±ê³¼ êµì¡ ë°ì ì ìí´ ì¬ë¨ë²ì¸ ìíêµ° ì¥íì¬ë¨ì ì¥íê¸ 1ì²ë§ ìì 기ííë¤ê³ 2ì¼ ë°íë¤.ì©ë¬¸ì¬ë 2016ë 500ë§ ìì ...</em> 478 </span> 479 </a> 480 </div> 481</div> 482</div> 483</section> 484</article><div class="box-margins " style="margin-bottom:40px;"></div> 485 </div> 486 <!--// ë´ì© --> 487 488 <div id="anchorBody" class="flex-grid"> 489 <div class="flex-cell grid-1"> 490 491 <!-- ë´ì© //--> 492 <div class="clearfix"> 493<article class="box-skin"> 494<header class="header"></header> 495<section class="content"><style type="text/css"> 496#skin-12 {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;padding:.625rem 0;border-width:1px 0;border-style:solid;border-color:rgba(0,0,0,.75) transparent #e5e5e5;letter-spacing:-.04em} 497#skin-12.active {-ms-align-items:flex-start;align-items:flex-start} 498#skin-12 .titles {-ms-flex:0 0 auto;flex:0 0 auto;overflow:hidden;width:auto;max-width:100%;margin-right:1.5rem;line-height:30px;text-overflow:ellipsis;white-space:nowrap}
499#skin-12 .wrapper {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;padding-right:2rem} 500#skin-12 .auto-titles {overflow:hidden;line-height:30px;text-overflow:ellipsis;white-space:nowrap} 501#skin-12 .auto-btns {overflow:hidden;-ms-flex:0 0 25px;flex:0 0 25px;width:25px;height:30px;font-size:16px;color:rgba(0,0,0,.95);text-align:center;cursor:pointer} 502#skin-12.active .auto-btns {-ms-transform:rotate(-180deg);transform:rotate(-180deg)} 503</style> 504<div id="skin-12" class="auto-article"> 505 <strong class="titles size-15 weight-500 user-point">ë³´ëìë£</strong> 506 <div id="roll-12" class="wrapper"> 507<div class="item dis-none"> 508 <a href="/news/articleView.html?idxno=38614" target="_top" class="auto-titles size-15 auto-fontA onload">ìíêµ°, '민ìê²½ì íì±í ëì± ' 본격 ê°ë...군민 ì²´ê° ì±ê³¼ íì ë ¥ ì§ì¤</a> 509 </div> 510<div class="item dis-none"> 511 <a href="/news/articleView.html?idxno=38631" target="_top" class="auto-titles size-15 auto-fontA onload">ì©ë¬¸ë©´ ì ì¼ìë¹, ì·¨ì½ê³ì¸µ ìí ì 물ì¸í¸ 기í</a> 512 </div> 513<div class="item dis-none"> 514 <a href="/news/articleView.html?idxno=38630" target="_top" class="auto-titles size-15 auto-fontA onload">ìíêµ°, íë°ê¸° âëë ê°ì¬ë¤â ìê°ì 모ì§</a> 515 </div> 516<div class="item dis-none"> 517 <a href="/news/articleView.html?idxno=38632" target="_top" class="auto-titles size-15 auto-fontA onload">ìíêµ°, ì²íë ê¹ë´ê³¤ íì¥ íë³´ëì¬ë¡...ë¸ ê¹ë¤í ê°ìë ìì´</a> 518 </div> 519<div class="item dis-none"> 520 <a href="/news/articleView.html?idxno=38623" target="_top" class="auto-titles size-15 auto-fontA onload">ìíêµ°, ê²½ë¡ë¹ 380ê°ì ìê¸ì²ì¹ì© 구ê¸í¨ ë°°ë¶...물í 27ì¢ ê°ì¶°</a> 521 </div> 522</div> 523 <button type="button" id="btn-12" class="auto-btns"><i class="icon-angle-down-thin"><span class="show-for-sr">ë보기</span></i></button> 524</div>
525<script type="text/javascript"> 526(function() { 527 var sliderSlick = $('#roll-12') 528 , sliderBtns = $('#btn-12') 529 , skinActive = $('#skin-12'); 530 531 sliderSlick.slick({ 532 arrows: false, // íì´ííì 533 dots: false, // pager 534 vertical: true, // ì¸ë¡ë°©í¥ 535 verticalSwiping: true, // ì¸ë¡swiping 536 infinite: true, // 무íë기기 537 autoplay: true, // ìëì í 538 //autoplaySpeed: 4000, // ìëì íìë 539 speed: 600, // ë기ë ìë 540 }); 541 542 // button 543 sliderBtns.on({ 544 click: function() { 545 sliderSlick.slick('unslick'); 546 if(sliderSlick.hasClass('slick-vertical')) { 547 skinActive.addClass('active'); 548 sliderSlick.slick({ 549 rows: 5 }); 550 } else { 551 skinActive.removeClass('active'); 552 sliderSlick.slick({ 553 arrows: false, // íì´ííì 554 dots: false, // pager 555 vertical: true, // ì¸ë¡ë°©í¥ 556 verticalSwiping: true, // ì¸ë¡swiping 557 infinite: true, // 무íë기기 558 autoplay: true, // ìëì í 559 //autoplaySpeed: 4000, // ìëì íìë 560 speed: 600, // ë기ë ìë 561 }); 562 } 563 } 564 }); 565 566})(); 567</script>
567 568</section> 569</article><div class="box-margins " style="margin-bottom:35px;"></div><article class="box-skin"> 570<header class="header"></header> 571<section class="content"><style type="text/css"> 572#skin-13 {letter-spacing:-.03em} 573#skin-13 > .item:not(:first-child) {margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #eee} 574#skin-13 .flex {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center} 575#skin-13 .frame {-ms-flex:0 0 180px;flex:0 0 180px;max-width:180px;margin-right:1.75rem} 576#skin-13 .content {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;display:block;max-width:100%;min-width:0} 577#skin-13 .auto-relation::before {width:3px;height:3px;background-color:#c41916;border:none;border-radius:50%} 578</style> 579<div id="skin-13" class="auto-article"><div class="item"> 580 <a href="/news/articleView.html?idxno=38612" target="_top" class="flex"><span class="frame line"> 581 <em class="auto-images ratio-32" style="background-image:url(https://cdn.ypsori.com/news/photo/202609/38612_39488_323.jpg)"></em> 582 </span><span class="content"> 583 <span class="auto-section marbtm-8 size-13 line-2x1 auto-fontB">ë´ì¤</span> 584 <strong class="auto-titles size-19 weight-500 line-5x2 auto-fontA onload">ìíêµ°, ìê°ì¬ ìì ì¶ì 'íì§ë¯¼, 조째ì¦, ë°íì , ê¹ì°½ì ë°´ë' ë¼ì¸ì </strong> 585 </span> 586 </a></div> 587<div class="item"> 588 <a href="/news/articleView.html?idxno=38635" target="_top" class="flex"><span class="frame line"> 589 <em class="auto-images ratio-32" style="background-image:url(https://cdn.ypsori.com/news/photo/202610/38635_39521_751.jpg)"></em> 590 </span><span class="content"> 591 <span class="auto-section marbtm-8 size-13 line-2x1 auto-fontB">ë´ì¤</span> 592 <strong class="auto-titles size-19 weight-500 line-5x2 auto-fontA onload">ìíêµ° 민ì 9기 ì 1ì°¨ ë¹ì íìí ê°ìµ...17ê° ì£¼ì íì ê³µì </strong> 593 </span> 594 </a></div> 595<div class="item"> 596 <a href="/news/articleView.html?idxno=38633" target="_top" class="flex"><span class="frame line"> 597 <em class="auto-images ratio-32" style="background-image:url(https://cdn.ypsori.com/news/photo/202610/38633_39518_503.jpg)"></em> 598 </span><span class="content"> 599 <span class="auto-section marbtm-8 size-13 line-2x1 auto-fontB">ë´ì¤</span> 600 <strong class="auto-titles size-19 weight-500 line-5x2 auto-fontA onload">ë¹ ê±´ì¶ë¬¼ ìì ì ê´ë¦¬ì± ì ê°íëë¤...í¹ë³ë² ì ì ë´ë ìí</strong> 601 </span> 602 </a></div> 603<div class="item"> 604 <a href="/news/articleView.html?idxno=38625" target="_top" class="flex"><span class="frame line"> 605 <em class="auto-images ratio-32" style="background-image:url(https://cdn.ypsori.com/news/photo/202609/38625_39508_5740.jpg)"></em> 606 </span><span class="content"> 607 <span class="auto-section marbtm-8 size-13 line-2x1 auto-fontB">ë´ì¤</span> 608 <strong class="auto-titles size-19 weight-500 line-5x2 auto-fontA onload">ìíêµ° ë¨ìë©´ 주민ìì¹ììí, ì 7í ë¨ìì¬ë ìììì í ê°ìµ</strong> 609 </span> 610 </a></div> 611</div> 612</section> 613</article><div class="box-margins box-solid" style="margin-bottom:30px;margin-top:30px;border-top-width:1px;"></div><article class="box-skin" style="margin-top:20px" > 614<header class="header"></header> 615<section class="content"><style type="text/css"> 616#skin-14 > .item {margin-top:16px} 617#skin-14 > .item:first-child {margin-top:0} 618</style> 619<div id="skin-14" class="auto-article"><div class="item"> 620 <a href="/news/articleView.html?idxno=38631" target="_top" class="auto-titles size-17 line-4x1 auto-fontA onload"><strong>ì©ë¬¸ë©´ ì ì¼ìë¹, ì·¨ì½ê³ì¸µ ìí ì 물ì¸í¸ 기í</strong></a> 621 </div> 622<div class="item"> 623 <a href="/news/articleView.html?idxno=38630" target="_top" class="auto-titles size-17 line-4x1 auto-fontA onload"><strong>ìíêµ°, íë°ê¸° âëë ê°ì¬ë¤â ìê°ì 모ì§</strong></a> 624 </div> 625<div class="item"> 626 <a href="/news/articleView.html?idxno=38560" target="_top" class="auto-titles size-17 line-4x1 auto-fontA onload"><strong>ìíêµ°, ê²½ë§ì¥ ì ì¹ âë²êµ°ë¯¼ ì¶ì§ë¨â ì¶ë²...ì¬ê²©ì¥ë¶í° í´ê²°í´ì¼ 목ì리 ëì</strong></a> 627 </div> 628<div class="item"> 629 <a href="/news/articleView.html?idxno=38626" target="_top" class="auto-titles size-17 line-4x1 auto-fontA onload"><strong>ìí문íì¬ë¨, ë³ë¹ë¬¼ë¹ì½ìí¸ 10ì ê³µì° âìì¤ ë°ì¼ë¡â ê°ìµ</strong></a> 630 </div> 631<div class="item"> 632 <a href="/news/articleView.html?idxno=38627" target="_top" class="auto-titles size-17 line-4x1 auto-fontA onload"><strong>êµêµ°ìë , ì¡êµ° ì 2ì ìëìì¬ë¨ ì°¾ì '무ìCM' ì문 ì±ê¸ ì ë¬</strong></a> 633 </div> 634<div class="item"> 635 <a href="/news/articleView.html?idxno=38621" target="_top" class="auto-titles size-17 line-4x1 auto-fontA onload"><strong>ìíêµ° ì§í ì곡리 íì ì°¨ë ì¬ê³ , ì´ë¦°ì´ 3ëª ë¥í°í¼ê¸° íì¡</strong></a> 636 </div> 637<div class="item"> 638 <a href="/news/articleView.html?idxno=38610" target="_top" class="auto-titles size-17 line-4x1 auto-fontA onload"><strong>ìíêµ°,âìë°ì¸ì¼ íì¤íâì¶ì§...ì²´ë¥í ê´ê´ íì±í</strong></a> 639 </div> 640<div class="item"> 641 <a href="/news/articleView.html?idxno=38549" target="_top" class="auto-titles size-17 line-4x1 auto-fontA onload"><strong>ìíêµ° ìììíì¼í° ë§¤ë¦½ì¥ ì°ì¥ ê°ë±... ê²°êµ ë²ì ê³¼ ê°ì¬ìì¼ë¡</strong></a> 642 </div> 643<div class="item"> 644 <a href="/news/articleView.html?idxno=38604" target="_top" class="auto-titles size-17 line-4x1 auto-fontA onload"><strong>ìí ì¢ í©ì´ëì¥, ìº í카·í물차 ì¥ê¸°ì£¼ì°¨ ëª ìë¡...ìíìë ê±°ë¤ì´</strong></a> 645 </div> 646<div class="item"> 647 <a href="/news/articleView.html?idxno=38620" target="_top" class="auto-titles size-17 line-4x1 auto-fontA onload"><strong>ìíêµì¡ì§ìì², 'íë¶ëª¨ì ì± ì§ìë¨' ì¶ë²...êµì¡íì¥ ìíµì°½êµ¬</strong></a> 648 </div> 649</div> 650</section> 651</article> 652 </div> 653 <!--// ë´ì© --> 654 655 </div> 656 <div class="flex-cell grid-2"> 657 <div class="sticky-container" data-sticky-container> 658 <div class="sticky" data-sticky data-stick-to="bottom" data-anchor="anchorBody" data-sticky-on="small"> 659 660 <!-- ë´ì© //--> 661 <div class="clearfix"> 662<!--ì ê±°ë°°ë ëë¤-->
662<script type="text/javascript">var ___BANNER = "ban_1686287853";</script>
662<script type="text/javascript" charset="utf-8" src="https://cdn.ypsori.com/bannerpop/uploads/js_activity/1.js?1686287853" id="ban_1686287853"></script>
662<!--//ì ê±°ë°°ë ëë¤--> 663 </div> 664 <!--// ë´ì© --> 665 666 <div class="flex-grid"> 667 <div class="flex-cell grid-3"> 668 669 <!-- ë´ì© //--> 670 <div class="clearfix"> 671<article class="box-skin idx--side " style="margin-top:25px" > 672<header class="header"><strong>ì ì¹â§ìì¹</strong></header> 673<section class="content"><style type="text/css"> 674#skin-16 {letter-spacing:-.03em} 675#skin-16 > :not(:first-child) {margin-top:.875rem} 676#skin-16 > :not(:first-child)::before {content:'';display:block;overflow:hidden;width:80px;height:0;margin:0 0 .875rem;border-top:1px solid #eee} 677</style> 678<div id="skin-16" class="auto-article"><div class="item"> 679 <a href="/news/articleView.html?idxno=38614" target="_top"><span class="frame marbtm-8"> 680 <em class="auto-images" style="background-image:url(https://cdn.ypsori.com/news/thumbnail/202609/38614_39493_1222_v150.jpg)"></em> 681 </span><span class="auto-titles size-13 line-6x2 auto-fontE onload">ìíêµ°, '민ìê²½ì íì±í ëì± ' 본격 ê°ë...군민 ì²´ê° ì±ê³¼ íì ë ¥ ì§ì¤</span> 682 </a> 683 </div> 684<div class="item"> 685 <a href="/news/articleView.html?idxno=38398" target="_top" class="auto-titles size-13 line-6x2 auto-fontE onload">민ì 9기 ìíêµ°, 'ìíµê³¼ ê· í'ì¼ë¡ ë§¤ë ¥ ìí ì²ì¬ì§ ì ì</a> 686 </div> 687</div></section> 688</article><div class="box-margins " style="margin-bottom:30px;"></div><article class="box-skin idx--side "> 689<header class="header"><strong>문í</strong></header> 690<section class="content"><style type="text/css"> 691#skin-18 {letter-spacing:-.03em} 692#skin-18 > :not(:first-child) {margin-top:.875rem} 693#skin-18 > :not(:first-child)::before {content:'';display:block;overflow:hidden;width:80px;height:0;margin:0 0 .875rem;border-top:1px solid #eee} 694</style> 695<div id="skin-18" class="auto-article"><div class="item"> 696 <a href="/news/articleView.html?idxno=38626" target="_top"><span class="frame marbtm-8"> 697 <em class="auto-images" style="background-image:url(https://cdn.ypsori.com/news/thumbnail/202609/38626_39510_442_v150.jpg)"></em> 698 </span><span class="auto-titles size-13 line-6x2 auto-fontE onload">ìí문íì¬ë¨, ë³ë¹ë¬¼ë¹ì½ìí¸ 10ì ê³µì° âìì¤ ë°ì¼ë¡â ê°ìµ</span> 699 </a> 700 </div> 701<div class="item"> 702 <a href="/news/articleView.html?idxno=38612" target="_top" class="auto-titles size-13 line-6x2 auto-fontE onload">ìíêµ°, ìê°ì¬ ìì ì¶ì 'íì§ë¯¼, 조째ì¦, ë°íì , ê¹ì°½ì ë°´ë' ë¼ì¸ì </a> 703 </div> 704</div></section> 705</article><div class="box-margins " style="margin-bottom:30px;"></div><article class="box-skin idx--side "> 706<header class="header"><strong>êµì¡</strong></header> 707<section class="content"><style type="text/css"> 708#skin-19 {letter-spacing:-.03em} 709#skin-19 > :not(:first-child) {margin-top:.875rem} 710#skin-19 > :not(:first-child)::before {content:'';display:block;overflow:hidden;width:80px;height:0;margin:0 0 .875rem;border-top:1px solid #eee} 711</style> 712<div id="skin-19" class="auto-article"><div class="item"> 713 <a href="/news/articleView.html?idxno=38634" target="_top"><span class="frame marbtm-8"> 714 <em class="auto-images" style="background-image:url(https://cdn.ypsori.com/news/thumbnail/202610/38634_39519_516_v150.jpg)"></em> 715 </span><span class="auto-titles size-13 line-6x2 auto-fontE onload">ìíêµ° ì ë°°ì´, ì´ê¸°êµ¬ ì²´í...âì´ê¸°êµ¬ ë¹íì ë â ê°ìµ</span> 716 </a> 717 </div> 718<div class="item"> 719 <a href="/news/articleView.html?idxno=38605" target="_top" class="auto-titles size-13 line-6x2 auto-fontE onload">ìíê³ ë±íêµ, ì êµìëíêµ ì¶ì ì 4ê° ì¢ ëª© ì ì ì±ê³¼ ê±°ë¬</a> 720 </div> 721</div></section> 722</article><div class="box-margins " style="margin-bottom:35px;"></div><article class="box-skin idx--side "> 723<header class="header"><a href="/news/articleList.html?sc_sub_section_code=S2N83&view_type=sm" target="_top" class="">ììì AIë´ì¤</a></header> 724<section class="content"><style type="text/css"> 725#skin-54 {letter-spacing:-.03em} 726#skin-54 > :not(:first-child) {margin-top:.875rem} 727#skin-54 > :not(:first-child)::before {content:'';display:block;overflow:hidden;width:80px;height:0;margin:0 0 .875rem;border-top:1px solid #eee} 728</style> 729<div id="skin-54" class="auto-article"><div class="item"> 730 <a href="/news/articleView.html?idxno=36244" target="_top"><span class="frame marbtm-8"> 731 <em class="auto-images" style="background-image:url(https://cdn.ypsori.com/news/thumbnail/custom/20261002/36244_36827_1353_1731467633_300.jpg)"></em> 732 </span><span class="auto-titles size-13 line-6x2 auto-fontE onload">(ììì AIë´ì¤) ìíêµ° ìê³ê¸°ê¸ 주민ì§ìì¬ì ë¹, ì´ë»ê² ì°ì´ë</span> 733 </a> 734 </div> 735<div class="item"> 736 <a href="/news/articleView.html?idxno=36051" target="_top" class="auto-titles size-13 line-6x2 auto-fontE onload">(ììì AIë´ì¤) ìíêµ° ë§ì, ì´í íìë¡ ìì´ ì§ì¤ê³µë°©ë§â¦ âë ¹ìâì´ë¼ë ë¨ê²¨ì¼</a> 737 </div> 738</div></section> 739</article><div class="box-margins " style="margin-bottom:30px;"></div> 740 </div> 741 <!--// ë´ì© --> 742 743 </div> 744 <div class="flex-cell grid-4"> 745 746 <!-- ë´ì© //--> 747 <div class="clearfix"> 748<article class="box-skin grid-4-bg pink "> 749<header class="header"><strong>ê¸°ê³ </strong></header> 750<section class="content"><style type="text/css"> 751#skin-22 {letter-spacing:-.03em} 752#skin-22 > :not(:first-child) {margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0} 753#skin-22 .flex {display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap} 754#skin-22 .flex-grow {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;width:auto;max-width:100%;min-width:0} 755#skin-22 .frame {-ms-flex:0 0 40px;flex:0 0 40px;max-width:40px;margin-left:.625rem;border-radius:.625rem} 756#skin-22 .auto-titles {width:calc(100% - 40px)} 757</style> 758<div id="skin-22" class="auto-article"><div class="item"> 759 <a href="/news/articleView.html?idxno=38535" target="_top" class="flex">
760 <span class="auto-titles size-15 line-5x2 auto-fontA onload"> 761 <strong class="weight-500 user-point">ì¤í¼ëì¸</strong> 762 ìíêµ°ìí ì§ë¯¼í¬ ìì¥ì ìê° 763 </span><span class="frame"><em class="auto-images ratio-11" style="background-image:url(https://cdn.ypsori.com/news/thumbnail/202608/38535_39349_4113_v150.jpg)"></em></span></a></div> 764<div class="item"> 765 <a href="/news/articleView.html?idxno=38520" target="_top" class="flex"> 766 <span class="auto-titles size-15 line-5x2 auto-fontA onload"> 767 <strong class="weight-500 user-point">ì¤í¼ëì¸</strong> 768 [기ìì첩] ìíêµ° 무ìììë§¤ë¦½ì¥ ê°ë±...ì¬ê³¼ê° ì°ì ë¼ì¼ 769 </span><span class="frame"><em class="auto-images ratio-11" style="background-image:url(https://cdn.ypsori.com/news/thumbnail/202608/38520_39320_3936_v150.jpg)"></em></span></a></div> 770</div></section> 771</article><div class="box-margins " style="margin-bottom:30px;"></div><!--260831_경기ì ì문íë°ëí-->
771<script type="text/javascript">var ___BANNER = "ban_1788142926";</script>
771<script type="text/javascript" charset="utf-8" src="https://cdn.ypsori.com/bannerpop/uploads/js/576.js?1788142926" id="ban_1788142926"></script>
771<!--//260831_경기ì ì문íë°ëí--><!--ìíêµ°ìí_210113-->
771<script type="text/javascript">var ___BANNER = "ban_1686278929";</script>
771<script type="text/javascript" charset="utf-8" src="https://cdn.ypsori.com/bannerpop/uploads/js/423.js?1686278929" id="ban_1686278929"></script>
771<!--//ìíêµ°ìí_210113--><!--220722_ê³ì íì§-->
771<script type="text/javascript">var ___BANNER = "ban_1658470077";</script>
771<script type="text/javascript" charset="utf-8" src="https://cdn.ypsori.com/bannerpop/uploads/js/506.js?1658470077" id="ban_1658470077"></script>
771<!--//220722_ê³ì íì§--> 772 </div> 773 <!--// ë´ì© --> 774 775 </div> 776 </div> 777 778 <!-- ë´ì© //--> 779 <div class="clearfix"> 780 781 </div> 782 <!--// ë´ì© --> 783 784 </div> 785 </div> 786 </div> 787 </div> 788 789 <!-- ë´ì© //--> 790 <div class="clearfix"> 791 792 </div> 793 <!--// ë´ì© --> 794 795 <div class="flex-grid grid-5"> 796 <div class="flex-cell"> 797 798 <!-- ë´ì© //--> 799 <div class="clearfix"> 800 801 </div> 802 <!--// ë´ì© --> 803 804 </div> 805 <div class="flex-cell"> 806 807 <!-- ë´ì© //--> 808 <div class="clearfix"> 809 810 </div> 811 <!--// ë´ì© --> 812 813 </div> 814 </div> 815 816 <!-- ë´ì© //--> 817 <div class="clearfix"> 818 819 </div> 820 <!--// ë´ì© --> 821 822</div> 823<!--// í¸ì§í --> 824 </section> 825 <!--// container --> 826 827 </div> 828 829 830<style type="text/css"> 831#user-footer {margin-top:3.125rem;padding-bottom:5rem} 832#user-footer .footer-menu {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;height:65px;padding-left:65px;padding-right:65px;margin-bottom:2.5rem;background-color:#f1f9f9} 833#user-footer .footer-menu .user-nav {display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;width:auto;max-width:100%;min-width:0;margin:0 -1rem} 834#user-footer .footer-menu .user-nav a {display:block;float:none;padding:0 1rem;font-size:.9375rem;line-height:1;color:#222;white-space:nowrap} 835#user-footer .footer-menu .user-nav a::before {content:normal;display:none} 836#user-footer .footer-menu .to-top {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;margin-left:1rem;font-size:.9375rem;line-height:1;text-transform:uppercase} 837 838#user-footer .copy-rows {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:65px;padding-right:65px} 839#user-footer .copy-rows .copyright {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;margin-right:1.875rem;font-size:.875rem;font-weight:400;line-height:1.2;color:#222;white-space:nowrap} 840#user-footer .copy-rows .copyright a {color:inherit;text-decoration:none} 841 842#user-footer .user-address {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;position:relative;max-width:100%;min-width:0;padding-bottom:2.5rem;text-align:right} 843#user-footer .user-address .dins {display:block;margin:0 -.625rem;font-size:0} 844#user-footer .user-address .item {display:inline-block;position:relative;padding:0 .625rem;font-size:.8125rem;font-weight:300;line-height:1.6;color:#777} 845#user-footer .user-address .dins > :not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.75rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} 846#user-footer .user-address .license {margin-top:1rem;font-size:.6875rem;font-weight:300;line-height:1.3;color:#aaa} 847</style> 848 849<!-- footer //--> 850<footer id="user-footer"> 851 <div class="float-center width-1180"> 852 <h2 class="show-for-sr">íë¨ìì</h2> 853 854 <div class="footer-menu"> 855 <!-- nav //--> 856 <nav class="user-nav"> 857 <h3 class="show-for-sr">íë¨ë©ë´</h3> 858 <a href="/com/com-1.html">매체ìê°</a> 859 <a href="https://www.ypsori.com/com/jb.html">기ì¬ì ë³´</a> 860 <a href="https://www.ypsori.com/com/ad.html">ê´ê³ 문ì</a> 861 <a href="/com/service.html">ì´ì©ì½ê´</a> 862 <a href="/com/privacy.html" class="user-point">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a> 863 <a href="/com/youthpolicy.html">ì²ìë ë³´í¸ì ì± </a> 864 <a href="/com/copyright.html">ì ìê¶ë³´í¸ì ì± </a> 865 <a href="/com/emailno.html">ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a> 866 </nav> 867 <!--// nav --> 868 869 <a href="#top" class="to-top">Top <i class="icon-angle-up"></i></a> 870 </div> 871 <div class="copy-rows"> 872 <div class="cols copyright"> 873 C<a href="https://www.ypsori.com/admin/adminLoginForm.html" tabindex="-1">o</a>pyright © 2026 ìíì민ìì리. <a href="https://www.ypsori.com/" onclick="setCookie('view_pc', 'n', 1);" tabindex="-1">All</a> rights reserved. 874 </div> 875 <address class="cols user-address"> 876 <h3 class="show-for-sr">매체ì ë³´</h3> 877 <article class="dins"> 878 <span class="item">ìíì민ìì리</span> 879 <span class="item">경기 ìíêµ° ìíì ìê·¼ë¡ 151 (ì근리, ìíì¶í) 201í¸</span> 880 <!-- <span class="item">ì í : 031-775-4777</span> --> 881 <!-- 882 <span class="item">í©ì¤ : 031-775-4778</span> 883 --> 884 <span class="item">ë©ì¼ : <a href="mailto:[email protected]">[email protected]</a></span> 885 </article> 886 <article class="dins"> 887 <span class="item">ì í¸ : ìíì민ìì리</span> 888 <span class="item">ë±ë¡ë²í¸ : 경기 ì 50283</span> 889 <span class="item">ë±ë¡ì¼ : 2011.10.10</span> 890 <span class="item">ë°íì¼ : 2011.10.10</span> 891 </article> 892 <article class="dins"> 893 <span class="item">ë°íì¸ : ê¶ì§ì±</span> 894 <span class="item">í¸ì§ì¸ : ê¹ì§ì</span> 895 <span class="item">ì²ìë ë³´í¸ì± ìì : ê¹ì§ì</span> 896 </article> 897 <article class="dins license"> 898 모ë ì½í ì¸ (ìì,기ì¬, ì¬ì§)ë ì ìê¶ë²ì ë³´í¸ë¥¼ ë°ë ë°,<br /> 899 ë¬´ë¨ ì ì¬ì ë³µì¬Â·ë°°í¬ ë±ì ê¸í©ëë¤. 900 </article> 901 902 <a href="https://www.ndsoft.co.kr/" target="_blank" class="ndsoft"><img src="https://cdn.ypsori.com/image/ndsoft.svg" alt="ìëìíí¸" /></a> 903 </address> 904 </div> 905 906 </div> 907</footer> 908<!--// footer --> 909 910<div class="clearfix text-center"> 911</div> 912<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> </div> 913 <!--// wrap --> 914 915 </div> 916 <div class="off-canvas user-canvas position-left is-closed" id="offCanvas" data-off-canvas data-transition="overlap"> 917 <style type="text/css"> 918.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:#c41916} 919.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:#c41916} 920.user-canvas .user-canvas-navs .menu li ul.menu.nested li a:hover {color:#c41916} 921</style> 922 923<nav id="allService" class="user-canvas-navs"> 924 <h2 class="show-for-sr">ì ì²´ë©ë´</h2> 925 <!-- 1ì°¨ //--> 926 <ul class="vertical menu accordion" data-accordion-menu data-multi-open="false"> 927 <li><a href="/news/articleList.html?view_type=sm">ì 체기ì¬</a></li> 928 <li> 929 <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top">ë´ì¤</a> 930 <ul class="menu vertical nested"> 931 <li><a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top">
931ì ì²´</a></li> 932 <li> 933 <a href="/news/articleList.html?sc_sub_section_code=S2N1&view_type=sm" target="_top">ì ì¹</a> </li> 934 <li> 935 <a href="/news/articleList.html?sc_sub_section_code=S2N3&view_type=sm" target="_top">ì¬í</a> </li> 936 <li> 937 <a href="/news/articleList.html?sc_sub_section_code=S2N5&view_type=sm" target="_top">문í</a> </li> 938 <li> 939 <a href="/news/articleList.html?sc_sub_section_code=S2N4&view_type=sm" target="_top">êµì¡</a> </li> 940 <li> 941 <a href="/news/articleList.html?sc_sub_section_code=S2N31&view_type=sm" target="_top">ì¤í¬ì¸ </a> </li> 942 <li> 943 <a href="/news/articleList.html?sc_sub_section_code=S2N32&view_type=sm" target="_top">ë³´ëìë£</a> </li> 944 <li> 945 <a href="/news/articleList.html?sc_sub_section_code=S2N6&view_type=sm" target="_top">ì°ì¬</a> </li> 946 <li> 947 <a href="/news/articleList.html?sc_sub_section_code=S2N83&view_type=sm" target="_top">ììì AIë´ì¤</a> </li> 948 </ul> 949 </li> 950 <li> 951 <a href="/news/articleList.html?sc_section_code=S1N10&view_type=sm" target="_top">ê¸°ê³ </a> 952 <ul class="menu vertical nested"> 953 <li><a href="/news/articleList.html?sc_section_code=S1N10&view_type=sm" target="_top">
953ì ì²´</a></li> 954 <li> 955 <a href="/news/articleList.html?sc_sub_section_code=S2N70&view_type=sm" target="_top">ì민기ì</a> </li> 956 <li> 957 <a href="/news/articleList.html?sc_sub_section_code=S2N71&view_type=sm" target="_top">ì¤í¼ëì¸</a> </li> 958 </ul> 959 </li> 960 <li> 961 <a href="/news/articleList.html?sc_section_code=S1N11&view_type=sm" target="_top">기íí¹ì§</a> 962 <ul class="menu vertical nested"> 963 <li><a href="/news/articleList.html?sc_section_code=S1N11&view_type=sm" target="_top">ì ì²´</a></li> 964 <li> 965 <a href="/news/articleList.html?sc_sub_section_code=S2N72&view_type=sm" target="_top">2022 ì§ë°©ì ê±°</a> </li> 966 <li> 967 <a href="/news/articleList.html?sc_sub_section_code=S2N73&view_type=sm" target="_top">ìíêµ° ëìê°ë°</a> </li> 968 <li> 969 <a href="/news/articleList.html?sc_sub_section_code=S2N74&view_type=sm" target="_top">ìíê³µì¬</a> </li> 970 <li> 971 <a href="/news/articleList.html?sc_sub_section_code=S2N75&view_type=sm" target="_top">ì©ë¬¸ì°ì¬ê²©ì¥ ì´ì </a> </li> 972 </ul> 973 </li> 974 <li> 975 <a href="/news/articleList.html?sc_section_code=S1N12&view_type=sm" target="_top">ë§ì§</a> 976 </li> 977 <li> 978 <a href="/news/articleList.html?sc_section_code=S1N13&view_type=sm" target="_top">ì§ë ì°ì¬ 보기</a> 979 <ul class="menu vertical nested"> 980 <li><a href="/news/articleList.html?sc_section_code=S1N13&view_type=sm" target="_top">
980ì ì²´</a></li> 981 <li> 982 <a href="/news/articleList.html?sc_sub_section_code=S2N76&view_type=sm" target="_top">2011~2012ë </a> </li> 983 <li> 984 <a href="/news/articleList.html?sc_sub_section_code=S2N77&view_type=sm" target="_top">2013ë </a> </li> 985 <li> 986 <a href="/news/articleList.html?sc_sub_section_code=S2N78&view_type=sm" target="_top">2014ë </a> </li> 987 <li> 988 <a href="/news/articleList.html?sc_sub_section_code=S2N79&view_type=sm" target="_top">2015ë </a> </li> 989 <li> 990 <a href="/news/articleList.html?sc_sub_section_code=S2N80&view_type=sm" target="_top">2016ë </a> </li> 991 <li> 992 <a href="/news/articleList.html?sc_sub_section_code=S2N81&view_type=sm" target="_top">2016ë ì´í</a> </li> 993 <li> 994 <a href="/news/articleList.html?sc_sub_section_code=S2N82&view_type=sm" target="_top">롱í ì°ì¬</a> </li> 995 </ul> 996 </li> 997 998 </ul> 999</nav> 1000 <button class="close-button" aria-label="Close menu" type="button" data-close> 1001 <i class="icon-close-thin"><span class="show-for-sr">ì ì²´ë©ë´ë«ê¸°</span></i> 1002 </button>
1003 </div> 1004 </div> 1005</div> 1006
1007<script> 1008// Popup Json 1009var ___popup = []; 1010bannerpop.popup(); 1011</script>
vendor: 2 bytes, line 1011
1011
1012<script type="text/javascript"> 1013// back to the top 1014$(document).scroll(function(){ 1015 var sDocumentHeight = $(document).height() - $(window).height(); 1016 if($(document).scrollTop() > 0){ 1017 $('#back-to-top').fadeIn(); 1018 }else{ 1019 $('#back-to-top').fadeOut(); 1020 } 1021}); 1022 1023$('#back-to-top, a[href="#top"]').click(function(){ 1024 $('html, body').animate( {scrollTop:0}, 100); 1025}); 1026</script>
1026 1027 1028 1029 1030<!-- êµ¬ê¸ ì ëì¼ì¤ S -->
1031<script src="https://cdn.ypsori.com/adManager/js/lab.js"></script>
vendor: 1 bytes, line 1031
1031
1032<script> 1033jQuery(function($) { 1034 setTimeout(function() { 1035 $LAB 1036 .script("//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js") 1037 .wait(function () { 1038 var adn = jQuery('.adsbygoogle').length; 1039 if (adn > 0) { 1040 for (var i = 0; i < adn; i++) { 1041 (adsbygoogle = window.adsbygoogle || []).push({}); 1042 } 1043 } 1044 }); 1045 }, 1000); 1046}); 1047</script>
1047 1048<!-- êµ¬ê¸ ì ëì¼ì¤ E --> 1049
1050<script type="text/javascript" src="https://cdn.ypsori.com/library/isND/"></script>
vendor: 1 bytes, line 1050
1050
1051<script> 1052$(document).ready(function(){ 1053 // ë«ê¸° ë²í¼ ìë ë ¸ì¶ 1054 $('.ad-template.ad-close .ad-view').each(function(){ 1055 $(this).append('<div class="ad-close-btn"><i class="icon-close"></i></div>'); 1056 }) 1057 1058 // ë«ê¸° ë²í¼ í´ë¦ ì ì´ë²¤í¸ 1059 $('body').on('click', '.ad-close-btn', function(){ 1060 $(this).closest('.ad-view').slideUp(); 1061 }) 1062 1063 1064 if(____is_nd) { 1065 1066 // ND IPë§ ê´ê³ ID ë³´ì´ê¸° 1067 $('.ad-template').each(function(){ 1068 $(this).append('<div class="ad-code-id">'+$(this).attr('id')+'</div>'); 1069 }) 1070 1071 // ê´ê³ ID ìë ì¨ê¹ ì¤ì ì 1072 $('.ad-code-id').hide(); 1073 1074 $('.ad-template').mouseenter(function(){ 1075 $(this).find('.ad-code-id').show(); 1076 }).mouseleave(function(){ 1077 $(this).find('.ad-code-id').hide(); 1078 }) 1079 1080 1081 } 1082 1083 }) 1084 1085 1086 1087/* ****************************************** */ 1088/* ë ê°ë°°ë ì¤í¬ë¦½í¸ */ 1089/* ****************************************** */ 1090$('#wingBanner .wing-banner-left .wing-banner').each(function(){ 1091 if( $(this).data('scroll') == 'y' ) $(this).addClass('scroll-on'); 1092}); 1093 1094$(window).scroll(function() { 1095 if( $('#wingBanner .wing-banner').length > 0 ){ // ë ê°ë°°ëê° ìì¼ë©´ ìë 1096 1097 var scrollingHeight_L = nonScrollingHeight_L = scrollingHeight_R = nonScrollingHeight_R = 0; 1098 1099 $('#wingBanner .wing-banner').each(function(idx){ 1100 var $_this = $(this), // ë ê°ë°°ë 1101 scroll = $_this.data('scroll'), // ë ê°ë°°ë ì¤í¬ë¡¤ ì¬ë¶ 1102 topMargin = $_this.data('top-margin'), // ë ê°ë°°ë ìë¨ì¬ë°± 1103 downMargin = $_this.data('down-margin'), // ë ê°ë°°ë íë¨ì¬ë°± 1104 duration = $_this.data('duration'), // ë ê°ë°°ë ì¤í¬ë¡¤ ìë 1105 direction = $_this.data('direction'), // ë ê°ë°°ë ìì¹ 1106 // bannerTop = $_this.offset().top, // ë ê°ë°°ë ìë¨ ìì¹ (ê°ë³) 1107 bannderHeight = $_this.outerHeight(); // ë ê°ë°°ë ëì´ (ê³ ì ) 1108 1109 var fixWingBannertop = $('#wingBanner').offset().top; // ë ê°ë°°ë ìë¨ ìì¹ (ê³ ì ) 1110 1111 var articleTitleHeight = $('#sticky-header.scroll').height(); // ë ê°ë°°ë ì¤í¬ë¡¤ ì ìë¨ íì´í ëì´ (ê¸°ì¬ ë³¸ë¬¸ ì) 1112 if(!articleTitleHeight) articleTitleHeight = 0; 1113 1114 var $_userFooter = $('#user-footer'), // ì¬ì´í¸ Footer 1115 userFooterHeight = $_userFooter.outerHeight(); // ì¬ì´í¸ Footer ëì´ (ê³ ì ) 1116 1117 var winScrollTop = $(window).scrollTop(), // ìëì° ì¤í¬ë¡¤ ìì¹ (ê°ë³) 1118 winHeight = $(window).height(), // ìëì° ëì´ 1119 docHeight = $(document).height(); // íì´ì§ ëì´ 1120 1121 switch (direction) { // ë ê° ë°°ë ìì¹ ë³ 1122 case 'left': 1123 if(scroll == 'y') scrollingHeight_L += bannderHeight; // ììëë¡ ë ¸ì¶ëë ë ê°ë°°ë ì¤ ì¤í¬ë¡¤ íë ë°°ëì ëì´ê° (ì¢) 1124 else nonScrollingHeight_L += bannderHeight; // ììëë¡ ë ¸ì¶ëë ë ê°ë°°ë ì¤ ì¤í¬ë¡¤ íì§ ìë ë°°ëì ëì´ê° (ì¢) 1125 break; 1126 1127 case 'right': 1128 if(scroll == 'y') scrollingHeight_R += bannderHeight; // ììëë¡ ë ¸ì¶ëë ë ê°ë°°ë ì¤ ì¤í¬ë¡¤ íë ë°°ëì ëì´ê° (ì°) 1129 else nonScrollingHeight_R += bannderHeight; // ììëë¡ ë ¸ì¶ëë ë ê°ë°°ë ì¤ ì¤í¬ë¡¤ íì§ ìë ë°°ëì ëì´ê° (ì°) 1130 break; 1131 } 1132 1133 if(scroll == 'y') { // ì¤í¬ë¡¤ ë°°ëë§ ìì§ì ì²ë¦¬ 1134 var bannerAllHeight = siteAllHeight = 0; 1135 1136 // ì¢ì°ì¸¡ ê°ê° ë°°ë ì¤í¬ë¡¤ ì²ë¦¬ë¥¼ ìí´ ëë ì ì²ë¦¬ 1137 if(direction == 'left'){ // ì¢ì¸¡ ë ê° 1138 var wingBnTop_L = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_L; // ë ê°ë°°ë ì¤í¬ë¡¤ ìì¹ (ê°ë³) 1139 1140 if( articleTitleHeight ) wingBnTop_L += articleTitleHeight; // 기ì¬ë³¸ë¬¸ ì ìë¨ ì¤í¬ë¡¤ íì´íì´ ëíëë©´ ì¤í¬ë¡¤ íì´í ë§í¼ ë ê°ë°°ë ìì¹ ì¡°ì 1141 1142 if((fixWingBannertop + nonScrollingHeight_L) < winScrollTop) { 1143 1144 bannerAllHeight = articleTitleHeight + scrollingHeight_L + 1; // ìë¨ íì´í + ì¤í¬ë¡¤ë°°ëì ì´ ëì´ 1145 siteAllHeight = winHeight - userFooterHeight + downMargin; // ìëì° ëì´ + ì¬ì´í¸ Footer ëì´ 1146 1147 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // ì¬ì´í¸ Footer ëì´ê°ë ê²½ì° ì²ë¦¬ 1148 wingBnTop_L -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_L + topMargin + articleTitleHeight))); 1149 $('#wingBanner .wing-banner-left .wing-banner.scroll-on').animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); // ë§ì§ë§ ë°°ë ìì§ì ì²ë¦¬ 1150 } 1151 } else { 1152 wingBnTop_L = 0; // ìµìë¨ ì²ë¦¬ 1153 } 1154 $_this.animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); 1155 1156 } else { // ì°ì¸¡ ë ê° 1157 1158 var wingBnTop_R = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_R; // ë ê°ë°°ë ì¤í¬ë¡¤ ìì¹ (ê°ë³) 1159 1160 if( articleTitleHeight ) wingBnTop_R += articleTitleHeight; // 기ì¬ë³¸ë¬¸ ì ìë¨ ì¤í¬ë¡¤ íì´íì´ ëíëë©´ ì¤í¬ë¡¤ íì´í ë§í¼ ë ê°ë°°ë ìì¹ ì¡°ì 1161 1162 if((fixWingBannertop + nonScrollingHeight_R) < winScrollTop) { 1163 1164 bannerAllHeight = articleTitleHeight + scrollingHeight_R + 1; // ìë¨ íì´í + ì¤í¬ë¡¤ë°°ëì ì´ ëì´ 1165 siteAllHeight = winHeight - userFooterHeight + downMargin; // ìëì° ëì´ + ì¬ì´í¸ Footer ëì´ 1166 1167 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // ì¬ì´í¸ Footer ëì´ê°ë ê²½ì° ì²ë¦¬ 1168 wingBnTop_R -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_R + topMargin + articleTitleHeight))); 1169 $('#wingBanner .wing-banner-right .wing-banner.scroll-on').animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); // ë§ì§ë§ ë°°ë ìì§ì ì²ë¦¬ 1170 } 1171 } else { 1172 wingBnTop_R = 0; // ìµìë¨ ì²ë¦¬ 1173 } 1174 $_this.animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); 1175 } 1176 } 1177 }); 1178 } 1179 1180}); 1181</script>
1181 1182 1183 1184</body> 1185</html> 1186
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.