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="ì¸ê³í ì§ë°©í ìëì ì§ì ì§ìì ëíë ê¸ë¡ì»¬ì ë ì§ë°©ìì¹ ìëì ê±°ìí ì ìë ìë ì¡°ë¥ì ë§ê² 문íìì ì í¥ì íë ê¸ë¡ì»¬ì ëì ì§í¥í©ëë¤. "/> 11<meta property="og:title" content="ê¸ë¡ì»¬ì ë"/> 12<meta property="og:site_name" content="ê¸ë¡ì»¬ì ë"/> 13<meta property="og:image" content="http://www.glcjournal.com/image/logo/snslogo_20230515095245.png" /> 14<meta property="og:url" content="http://www.glcjournal.com" /> 15<meta property="og:description" content="ì¸ê³í ì§ë°©í ìëì ì§ì ì§ìì ëíë ê¸ë¡ì»¬ì ë ì§ë°©ìì¹ ìëì ê±°ìí ì ìë ìë ì¡°ë¥ì ë§ê² 문íìì ì í¥ì íë ê¸ë¡ì»¬ì ëì ì§í¥í©ëë¤. " /> 16<meta name="twitter:card" content="summary"/> 17<meta name="twitter:title" content="ê¸ë¡ì»¬ì ë"/> 18<meta name="twitter:description" content="ì¸ê³í ì§ë°©í ìëì ì§ì ì§ìì ëíë ê¸ë¡ì»¬ì ë ì§ë°©ìì¹ ìëì ê±°ìí ì ìë ìë ì¡°ë¥ì ë§ê² 문íìì ì í¥ì íë ê¸ë¡ì»¬ì ëì ì§í¥í©ëë¤. "/> 19<meta name="twitter:image:src" content="http://www.glcjournal.com/image/logo/snslogo_20230515095245.png"/> 20<!--// ë©ííê·¸ì ë³´ --> 21<link rel="shortcut icon" href="https://cdn.glcjournal.com/image/logo/favicon.ico"> 22<title>ìì ê²ìí < ê²ìí - ê¸ë¡ì»¬ì ë</title> 23<link rel="alternate" type="application/rss+xml" href="https://www.glcjournal.com/rss/gns_allArticle.xml"/> 24<link rel="canonical" href="http://www.glcjournal.com" /> 25<link rel="stylesheet" href="https://cdn.glcjournal.com/css/jquery-ui.min.css"> 26<link rel="stylesheet" href="https://cdn.glcjournal.com/css/slick.min.css"> 27<link rel="stylesheet" href="https://cdn.glcjournal.com/css/jquery.timepicker.css" /> 28<link rel="stylesheet" href="https://cdn.glcjournal.com/adManager/css/adManager.css"> 29<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"> 30<link rel="stylesheet" href="https://cdn.glcjournal.com/css/foundation.min.css"> 31<link rel="stylesheet" href="https://cdn.glcjournal.com/css/custom.foundation.min.css"> 32<link rel="stylesheet" href="https://cdn.glcjournal.com/css/webfonts.min.css"> 33<link rel="stylesheet" href="https://cdn.glcjournal.com/css/font.style.css"> 34<link rel="stylesheet" href="https://cdn.glcjournal.com/css/media.min.css"> 35<link rel="stylesheet" href="https://cdn.glcjournal.com/css/autobox.style.min.css"> 36<link rel="stylesheet" href="https://cdn.glcjournal.com/css/templates.style.min.css"> 37<link rel="stylesheet" href="https://cdn.glcjournal.com/css/plugin.style.min.css"> 38<link rel="stylesheet" href="https://cdn.glcjournal.com/css/style.min.css"> 39<link rel="stylesheet" href="https://cdn.glcjournal.com/css/design.style.css"><link rel="stylesheet" href="https://cdn.glcjournal.com/menuskin/s_79/menubar.css">
40<script src="https://cdn.glcjournal.com/script/jquery.min.js"></script>
vendor: 2 bytes, line 40
40
41<script src="https://cdn.glcjournal.com/script/jquery-ui.min.js"></script>
vendor: 2 bytes, line 41
41
42<script src="https://cdn.glcjournal.com/script/slick.min.js"></script>
vendor: 2 bytes, line 42
42
43<script src="https://cdn.glcjournal.com/script/jquery.rwdImageMaps.min.js"></script>
vendor: 2 bytes, line 43
43
44<script src="https://cdn.glcjournal.com/script/what-input.js"></script>
vendor: 2 bytes, line 44
44
45<script src="https://cdn.glcjournal.com/script/foundation.min.js"></script>
vendor: 2 bytes, line 45
45
46<script src="https://cdn.glcjournal.com/menuskin/s_79/menubar.js"></script>
vendor: 2 bytes, line 46
46
47<script src="https://cdn.glcjournal.com/script/user.style.js"></script>
vendor: 2 bytes, line 47
47
48<script src="https://cdn.glcjournal.com/script/clipboard.min.js"></script>
vendor: 2 bytes, line 48
48
49<script src="https://cdn.glcjournal.com/script/jquery.timepicker.min.js"></script>
vendor: 2 bytes, line 49
49
50<script src="https://cdn.glcjournal.com/script/jquery.tabslet.min.js"></script>
vendor: 2 bytes, line 50
50
51<script src="https://cdn.glcjournal.com/script/common.js"></script>
51 52 53<!--[if lt IE 10]> 54<link rel="stylesheet" href="https://cdn.glcjournal.com/css/style.ie9.css">
55<script src="https://cdn.glcjournal.com/script/html5shiv.min.js"></script>
55 56<![endif]--> 57
58<script type="text/javascript"> 59 60 $(document).ready(function(e) { 61 // ì´ë¯¸ì§ë§µ 62 $('img[usemap]').rwdImageMaps(); 63 bannerpop.banner(".banner_event_box"); // 기ë¥ì±ë°°ë ì´ë²¤í¸ 64 bannerpopMulti.bannerLoad(); // ë©í° 기ë¥ì± ë°°ë ì´ë²¤í¸ 65 66 // 기ì¬ë·° ì´ë¯¸ì§ê´ë ¨ 67 68 // 기ì¬ë³¸ë¬¸ ë¶ë¶ ë³µì¬í기 ì ìê¶ íì 69 $('#article-view-content-div').on('copy', function(e){ 70 var sel = window.getSelection(); 71 var copyFooter = "<br/><br/>ì¶ì² : ê¸ë¡ì»¬ì ë(http://www.glcjournal.com)<br/>"; 72 var copyHolder = $('<div>', {html: sel+copyFooter, id:'copy_text', css: {position: 'absolute', left: '-99999px'}}); 73 $('body').append(copyHolder); 74 var str = $('#copy_text').html(); 75 $('#copy_text').html(str.replace(/(\r\n|\n|\r)/gm, "<br />")); 76 sel.selectAllChildren( copyHolder[0] ); 77 window.setTimeout(function() { 78 copyHolder.remove(); 79 },0); 80 }); 81 }); 82 83 // ëë©ì¸ 84 var SITE_DOMAIN = 'http://www.glcjournal.com' 85 ,CDN_DOMAIN = 'https://cdn.glcjournal.com' 86 ,___currentTime = 1791494935; 87 88 // ì¦ê²¨ì°¾ê¸° ì¤í¬ë¦½í¸ 89 function bookmark() { 90 window.external.AddFavorite("http://www.glcjournal.com", "ê¸ë¡ì»¬ì ë") 91 } 92 93</script>
93 94 95<style type="text/css"> 96/* ì¬ì´í¸ 기본 ì */ 97.user-point,a.user-point, 98.poll-columns .poll-state.going 99{color:#46b360 !important} 100.user-bg,.user-bg:hover,.user-bg:active,.user-bg:focus,li[id*="slick-"].slick-active button[data-role],.tabs .is-active a, 101.checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, 102.radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before, 103.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, 104.nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, 105.nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, 106.switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label 107{background-color:#46b360 !important} 108.user-border, 109.checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, 110.radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before, 111.poll-view .poll-radio input[type="radio"] + label:hover strong::before,.poll-view .poll-radio input[type="checkbox"] + label:hover strong::before, 112.poll-view .poll-radio input[type="radio"]:checked + label strong::before,.poll-view .poll-radio input[type="checkbox"]:checked + label strong::before, 113#gallery-wrap .gallery-content.view-page .gallery-thumb .nav-content.slick-current::before 114{border-color:#46b360 !important} 115.user-border-top {border-top-color:#46b360 !important} 116.user-border-bottom {border-bottom-color:#46b360 !important} 117.user-border-left {border-left-color:#46b360 !important} 118.user-border-right {border-right-color:#46b360 !important} 119.checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, 120.radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before {opacity:.3} 121.checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, 122.radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before {opacity:initial} 123 124/* view */ 125@media screen and (max-width: 1200px) { 126 #sticky-header .aht-btn {display:none !important} 127} 128 129 130/* site size */ 131.width-1080 {width:1080px} 132.max-width-1080 {max-width:1080px} 133.min-width-1080 {min-width:1080px} 134</style> 135 136<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 136-137
136 137<script async src="https://www.googletagmanager.com/gtag/js?id=
137G-9YYP5L88G9
vendor: 13 bytes, line 137
137"></script>
138<script> 139
vendor: 138 bytes, lines 139-143
139window.dataLayer = window.dataLayer || []; 140 function gtag(){dataLayer.push(arguments);} 141 gtag('js', new Date()); 142 143 gtag('config', '
143G-9YYP5L88G9
vendor: 5 bytes, line 143
143');
144</script>
144 145<meta name="naver-site-verification" content="fa92b92ebc432378ee28c89360e59cc3a61f0649" /> 146 147 148</head> 149<body class=" " style=""> 150<nav class="skip-nav"> 151 <a href="#user-menu" onclick="document.getElementById('user-menu').tabIndex = -1;document.getElementById('user-menu').focus();return false;" class="user-border"><span>주ììë¹ì¤ ë°ë¡ê°ê¸°</span></a> 152 <a href="#user-container" onclick="document.getElementById('user-container').tabIndex = -1;document.getElementById('user-container').focus();return false;" class="user-border"><span>본문 ë°ë¡ê°ê¸°</span></a> 153 <a href="#user-footer" onclick="document.getElementById('user-footer').tabIndex = -1;document.getElementById('user-footer').focus();return false;" class="user-border"><span>매체ì ë³´ ë°ë¡ê°ê¸°</span></a> 154 <a href="#userLogin" onclick="document.getElementById('userLogin').tabIndex = -1;document.getElementById('userLogin').focus();return false;" class="user-border"><span>ë¡ê·¸ì¸ ë°ë¡ê°ê¸°</span></a> 155 <a href="#userSearch" onclick="document.getElementById('userSearch').tabIndex = -1;document.getElementById('userSearch').focus();return false;" class="user-border"><span>기ì¬ê²ì ë°ë¡ê°ê¸°</span></a> 156 <a href="#allService" onclick="document.getElementById('allService').tabIndex = -1;document.getElementById('allService').focus();return false;" class="user-border"><span>ì ì²´ìë¹ì¤ ë°ë¡ê°ê¸°</span></a> 157</nav> 158 159<!--[if lt IE 10]> 160<div id="ie9-guide"> 161 <div class="ie9-wrapper border-box"> 162 <p class="guide-txt"> 163 ì ê¹! íì¬ Internet Explorer 8ì´í ë²ì ì ì´ì©ì¤ì´ìëë¤. ìµì ë¸ë¼ì°ì (Browser) ì¬ì©ì ê¶ì¥ë립ëë¤! 164 </p> 165 166 <div class="guide-right"> 167 <dl class="ie9-down nobr"> 168 <dt><i class="icon ie-logo">ie</i></dt> 169 <dd> 170 <span>ì¸í°ë· ìµì¤íë¡ë¬ 11</span> 171 <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">ë¤ì´ë¡ë</a> 172 </dd> 173 </dl> 174 175 <dl class="ie9-down"> 176 <dt><i class="icon cr-logo">chrome</i></dt> 177 <dd> 178 <span>êµ¬ê¸ í¬ë¡¬</span> 179 <a href="http://www.google.com/chrome/" target="_blank">ë¤ì´ë¡ë</a> 180 </dd> 181 </dl> 182 183 <dl class="ie9-down"> 184 <dt><i class="icon ff-logo">firefox</i></dt> 185 <dd> 186 <span>모ì§ë¼ íì´ì´íì¤</span> 187 <a href="http://www.mozilla.or.kr/" target="_blank">ë¤ì´ë¡ë</a> 188 </dd> 189 </dl> 190 </div> 191 </div> 192</div> 193<![endif]--> 194<div class="off-canvas-wrapper"> 195 <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> 196 <div class="off-canvas-content" data-off-canvas-content> 197 198 <!-- wrap //--> 199 <div id="user-wrap" class="min-width-1080"> 200 <div id="user-wrapper"> 201 202 <!-- header //--> 203 <header id="user-header" class="posi-re float-center"> 204 205 <div class="clearfix text-center"> 206</div> 207 208<style type="text/css"> 209#header-wrapper.basic #nav-header, 210#header-wrapper.basic #user-nav, 211#header-wrapper .mode-inner, #nav-header {width:1080px} 212#user-nav .user-menu > .secline > a.a-hover {color:#46b360} 213#user-nav .user-menu .secline .sub > a.a-sub-hover {color:#46b360} 214 215/* 2ì°¨ - vertical & use autobox */ 216#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul {width:1080px;padding-right:calc(1080px - 300px)} 217#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a.a-sub-hover, 218#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a:hover {color:#fff;background-color:#46b360} 219</style> 220 221 222<!-- ë©ë´ ìì //--> 223<div id="header-wrapper" class="vertical basic left " data-main-code="bbs_1" data-sub-code="bbs_1" data-serial-code="bbs_1" data-multi-code=""> 224 225 <!-- ë¡ê³ ìì //--> 226 <header id="nav-header"> 227 <article class="user-header-item"> 228 <ul class="user-etc"> 229 <li> 230 <button type="button" class="user-allbtn" title="ì ì²´ë©ë´" role="all sections"> 231 <i class="icon-bars"><span class="show-for-sr">ì ì²´ë©ë´</span></i> 232 </button> 233 </li> 234 <li> 235 <button type="button" class="user-search-btn" title="ê¸°ì¬ ê²ì" role="article search"> 236 <i class="icon-search-thin"><span class="show-for-sr">기ì¬ê²ì</span></i> 237 </button> 238 239 <!-- ê²ì //--> 240 <fieldset id="userSearch" class="user-search"> 241 <form name="head-search" method="get" action="/news/articleList.html"> 242 <input type="hidden" name="sc_area" value="A"> 243 <input type="hidden" name="view_type" value="sm"> 244 <label class="show-for-sr" for="search">기ì¬ê²ì</label> 245 <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="ê²ìì´"> 246 <button type="button" title="기ì¬ê²ì" onclick="if(this.form.sc_word.value != ''){this.form.submit();}else{alert('ê²ìì´ë¥¼ ì ë ¥í´ì£¼ì¸ì');this.form.sc_word.focus();return false;}"> 247 <i class="icon-search-thin"><span class="show-for-sr">ê²ì</span></i> 248 </button> 249 <button type="button" class="user-search-close" role="search close"><i class="icon-close-thin"><span class="show-for-sr">ë«ê¸°</span></i></button> 250 </form> 251 </fieldset> 252 <!--// ê²ì --> 253 </li> 254 </ul> 255 </article> 256 <div class="user-logo"> 257 <a href="http://www.glcjournal.com" target="_top"> 258 <img src="https://cdn.glcjournal.com/image/logo/toplogo_20230515094706.png" alt="ê¸ë¡ì»¬ì ë"> 259 </a> 260 </div> 261 <article class="user-header-item"> 262 <ul class="user-account"> 263 <li class="user-update" title="ìµì¢ í¸ì§" data-tooltip>2026-10-08 11:05 (목) </li> 264 <li> 265 <a href="https://www.glcjournal.com/member/login.html" target="_top" id="userLogin">ë¡ê·¸ì¸</a> <button type="button" class="user-account-more" role="account more"> 266 <i class="icon-angle-down-min"><span class="show-for-sr">ë보기</span></i> 267 </button> 268 269 <!-- ë¡ê·¸ì¸ //--> 270 <div class="user-logbox"> 271 <a href="https://www.glcjournal.com/member/index.html" target="_top" target="_top">íìê°ì </a> 272 <a href="http://www.glcjournal.com/bbs/list.html?table=bbs_1" onclick="setCo
272okie('view_pc', 'n', 1);" target="_top">모ë°ì¼ì¹</a> 273 274 </div> 275 <!--// ë¡ê·¸ì¸ --> 276 </li> 277 </ul> 278 </article> 279 </header> 280 <!--// ë¡ê³ ìì --> 281 282 <div class="sticky-container" data-sticky-container> 283 <div class="sticky width-full" data-sticky data-margin-top="0" data-top-anchor="user-nav"> 284 285 <!-- ë©ë´ë° //--> 286 <nav id="user-nav"> 287 <div class="mode-inner"> 288 289 <!-- ì¹ì //--> 290 <ul id="user-menu" class="user-menu"> 291 <li class="secline"> 292 <a href="/news/articleList.html?sc_section_code=S1N10&view_type=sm" target="_top" data-code="S1N10">ì ì¹</a> 293 <ul class="no-bullet"> 294 </ul> 295 </li> 296 <li class="secline"> 297 <a href="/news/articleList.html?sc_section_code=S1N11&view_type=sm" target="_top" data-code="S1N11">íì </a> 298 <ul class="no-bullet"> 299 </ul> 300 </li> 301 <li class="secline"> 302 <a href="/news/articleList.html?sc_section_code=S1N12&view_type=sm" target="_top" data-code="S1N12">ê²½ì ì°ì </a> 303 <ul class="no-bullet"> 304 </ul> 305 </li> 306 <li class="secline"> 307 <a href="/news/articleList.html?sc_section_code=S1N13&view_type=sm" target="_top" data-code="S1N13">êµì </a> 308 <ul class="no-bullet"> 309 </ul> 310 </li> 311 <li class="secline"> 312 <a href="/news/articleList.html?sc_section_code=S1N14&view_type=sm" target="_top" data-code="S1N14">ë¡ì»¬ì°ì± </a> 313 <ul class="no-bullet"> 314 </ul> 315 </li> 316 <li class="secline"> 317 <a href="/news/articleList.html?sc_section_code=S1N15&view_type=sm" target="_top" data-code="S1N15">ì¹¼ë¼</a> 318 <ul class="no-bullet"> 319 </ul> 320 </li> 321 <li class="secline"> 322 <a href="/news/articleList.html?sc_section_code=S1N17&view_type=sm" target="_top" data-code="S1N17">ì¬ì¤</a> 323 <ul class="no-bullet"> 324 </ul> 325 </li> 326 <li class="secline"> 327 <a href="/news/articleList.html?sc_section_code=S1N8&view_type=sm" target="_top" data-code="S1N8">문íìí</a> 328 <ul class="no-bullet"> 329 </ul> 330 </li> 331 <li class="secline"> 332 <a href="/news/articleList.html?sc_section_code=S1N16&view_type=sm" target="_top" data-code="S1N16">ì¬í·í¬í </a> 333 <ul class="no-bullet"> 334 </ul> 335 </li> 336 <li class="secline"> 337 <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top" data-code="S1N5">ìì</a> 338 <ul class="no-bullet"> 339 </ul> 340 </li> 341 <li class="secline"> 342 <a href="/bbs/list.html?table=bbs_1" target="_top" data-code="bbs_1">ìì ê²ìí</a> 343 <ul class="no-bullet"> 344 </ul> 345 </li> 346 </ul> 347 <!--// ì¹ì --> 348 349 <!-- ì ì²´ì¹ì //--> 350 <div id="allSection" class="all-section"> 351 <ul class="all-section-inner"> 352 <li> 353 <a href="/news/articleList.html?sc_section_code=S1N10&view_type=sm" target="_top">ì ì¹</a> 354 </li> 355 <li> 356 <a href="/news/articleList.html?sc_section_code=S1N11&view_type=sm" target="_top">íì </a> 357 </li> 358 <li> 359 <a href="/news/articleList.html?sc_section_code=S1N12&view_type=sm" target="_top">ê²½ì ì°ì </a> 360 </li> 361 <li> 362 <a href="/news/articleList.html?sc_section_code=S1N13&view_type=sm" target="_top">êµì </a> 363 </li> 364 <li> 365 <a href="/news/articleList.html?sc_section_code=S1N14&view_type=sm" target="_top">ë¡ì»¬ì°ì± </a> 366 </li> 367 <li> 368 <a href="/news/articleList.html?sc_section_code=S1N15&view_type=sm" target="_top">ì¹¼ë¼</a> 369 </li> 370 <li> 371 <a href="/news/articleList.html?sc_section_code=S1N17&view_type=sm" target="_top">ì¬ì¤</a> 372 </li> 373 <li> 374 <a href="/news/articleList.html?sc_section_code=S1N8&view_type=sm" target="_top">문íìí</a> 375 </li> 376 <li> 377 <a href="/news/articleList.html?sc_section_code=S1N16&view_type=sm" target="_top">ì¬í·í¬í </a> 378 </li> 379 <li> 380 <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top">ìì</a> 381 </li> 382 </ul> 383 </div> 384 <!--// ì ì²´ì¹ì --> 385
386 </div> 387 </nav> 388 <!--// ë©ë´ë° --> 389 390 </div> 391 </div> 392 393</div> 394<!--// ë©ë´ ë --> 395
396<script type="text/javascript"> 397<!-- 398//ë©ë´ ì¤íì¼ ë¶ë¬ì´ : ë©ë´ /script/menubar.js ì ê°ì´ ì¬ì©ëì´ì¼ í¨ 399var menuIndexHold = true, 400menuOverHold = true, 401submenuStyle = "vertical", 402sizeMode = "basic", 403subShow = "hold", 404submenuPosi = "left", 405effectSwitch = "on", 406subSlideSpeed = 150, 407subFadeSpeed = 150; 408 409$(document).ready(function(){ 410 411 // ê²ìì°½ 412 var $userSearch = $('.user-search'); 413 var $userSearchBtn = $('.user-search-btn'); 414 var $userSearchClose = $('.user-search-close'); 415 $userSearchBtn.on('click', function() { 416 $userSearch.show(); 417 }); 418 419 $userSearchClose.on('click', function() { 420 $userSearch.hide(); 421 }); 422 423 // ë¡ê·¸ì¸ 424 var $account = $('.user-account'); 425 var $accountList = $('.user-logbox'); 426 $account.on('click', '.user-account-more', function() { 427 var _this = $(this); 428 429 if(_this.hasClass('active')) { 430 _this.removeClass('active'); 431 $accountList.slideUp('fast'); 432 } else { 433 _this.addClass('active'); 434 $accountList.slideDown('fast'); 435 } 436 }); 437 438 // ì ì²´ë©ë´ 439 var $allMenuBtn = $('.user-allbtn'); 440 var $allMenu = $('.all-section'); 441 $allMenuBtn.on('click', function() { 442 if($allMenu.css('display') == "none") { 443 $(this).find('i[class^="icon-"]').removeClass('icon-bars').addClass('icon-close-thin'); 444 } else { 445 $(this).find('i[class^="icon-"]').removeClass('icon-close-thin').addClass('icon-bars'); 446 } 447 448 $allMenu.slideToggle('600'); 449 }); 450 451}); 452//--> 453</script>
453 454 455 </header> 456 <!--// header --> 457 458 459 <!-- container //--> 460 <section id="user-container" class="posi-re text-left float-center width-1080"> 461 <div id="layer-popups" class="float-center width-1080"></div> 462 463 <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"> 464</div> 465<div id="floating_banner_right" class="view-aside right-wing" data-scroll="n" data-top-margin="20" data-down-margin="15" data-duration="300"> 466</div> 467</div> 468 <!-- ë ê°ë°°ë //--> 469 <div class="posi-re float-center width-1080" id="wingBanner"> 470 <div class="wing-banner-left"> 471 </div> 472 <div class="wing-banner-right"> 473 </div> 474 </div> 475 <!--// ë ê°ë°°ë --><header class="bbs-user-page"> 476<h3 class="titles">ìì ê²ìí</h3></header> 477<div class = "vote-container"></div> 478<div class="bbs-skin default"> 479 <div class="search-grouping"> 480 <h4 class="show-for-sr">ê²ì물 ê²ì</h4> 481 <form action = "/bbs/list.html" method="get"> 482 <input type = "hidden" name = "page" value = "1" /> 483 <input type = "hidden" name = "table" value = "bbs_1" /> 484 485 486 487 <article class="item"> 488 <label class="show-for-sr" for="sc_area">ê²ìí목</label> 489 <select name="sc_area" id="sc_area" title="ê²ìí목"> 490 <option value="T" selected>ì 목</option> 491 <option value="C">ë´ì©</option> 492 <option value="A">ì 목+ë´ì©</option> 493 <option value="N">ì´ë¦</option> 494 </select> 495 </article> 496 <article class="item words"> 497 <label class="show-for-sr" for="sc_word">ê²ìì´ ì ë ¥</label> 498 <div class="input-group"> 499 <input type="text" name="sc_word" id="sc_word" class="input-group-field" title="ê²ìì´ ì ë ¥" placeholder="ê²ìì´ë¥¼ ì ë ¥í´ì£¼ì¸ì" /> 500 <div class="input-group-button"> 501 <button id="btn-search" class="button secondary"><i class="icon-search-thin"></i><span class="show-for-sr"> ê²ì</span></button> 502 </div> 503 </div> 504 </article> 505 </form> 506 </div> 507 508 <!-- ëª©ë¡ //--> 509 <table class="hover unstriped" summary="ì 목,ëë¤ì,ë ì§ë±ì í¬í¨í ê²ì물 목ë¡ì ëë¤." id="bbs_table"> 510 <caption class="show-for-sr">ìì ê²ìí</caption> 511 <thead> 512 <tr> 513 <th class="text-center bbs-skin-width-small" scope="col"><span class="show-static-small-only">#</span><span class="show-for-medium">ë²í¸</span></th> 514 <th class="text-center bbs-skin-width-large" scope="col">ì 목</th> 515 <th class="text-center bbs-skin-width-medium" scope="col">ëë¤ì</th> 516 <th class="text-center show-for-medium" scope="col">ë ì§</th> 517 <th class="text-center show-for-large" scope="col">ì¡°í</th> 518 </tr> 519 </thead> 520 <tbody> 521 <tr> 522 <td class="text-center bbs-skin-width-small">73</td> 523 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=1015&sc_category=">ë¹ë ìë ë§ìì ë ì¬ì¬í¨ì¼ë¡~~</a><span class="label alert tiny maright-1">HOT</span></td> 524 <td class="text-center bbs-skin-width-medium">ì°ì£¼^.^</td> 525 <td class="text-center show-for-medium">2026-05-20</td> 526 <td class="text-center show-for-large">58</td> 527</tr> 528<tr> 529 <td class="text-center bbs-skin-width-small">72</td> 530 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=839&sc_category=">[ê³µì° ìë´] ë°±ì 문íì ë¹ <ë¹í¸ ì¸ ë 미ë¬: ë¹ (Beat In the Mirror: BIM)> ê³µì°ìë´</a><span class="label alert tiny maright-1">HOT</span></td> 531 <td class="text-center bbs-skin-width-medium">ìì ì°</td> 532 <td class="text-center show-for-medium">2026-03-18</td> 533 <td class="text-center show-for-large">85</td> 534</tr> 535<tr> 536 <td class="text-center bbs-skin-width-small">71</td> 537 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=838&sc_category=">ì¤ìë</a><span class="label alert tiny maright-1">HOT</span></td> 538 <td class="text-center bbs-skin-width-medium">ìí¼ì</td> 539 <td class="text-center show-for-medium">2026-03-13</td> 540 <td class="text-center show-for-large">80</td> 541</tr> 542<tr> 543 <td class="text-center bbs-skin-width-small">70</td> 544 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=705&sc_category=">ë íëë¡ ëìê°ë¦¬ë¼.</a><span class="label alert tiny maright-1">HOT</span></td> 545 <td class="text-center bbs-skin-width-medium">ì¥ì°ì 기ì</td> 546 <td class="text-center show-for-medium">2025-04-28</td> 547 <td class="text-center show-for-large">199</td> 548</tr> 549<tr> 550 <td class="text-center bbs-skin-width-small">69</td> 551 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=696&sc_category=">ëë¶ì ë´ë </a><span class="label alert tiny maright-1">HOT</span></td> 552 <td class="text-center bbs-skin-width-medium">ì¥ì°ì</td> 553 <td class="text-center show-for-medium">2025-03-30</td> 554 <td class="text-center show-for-large">207</td> 555</tr> 556<tr> 557 <td class="text-center bbs-skin-width-small">68</td> 558 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=695&sc_category=">ëë¶ì ë´ë </a><span class="label alert tiny maright-1">HOT</span></td> 559 <td class="text-center bbs-skin-width-medium">ì¥ì°ì 기ì</td> 560 <td class="text-center show-for-medium">2025-03-30</td> 561 <td class="text-center show-for-large">194</td> 562</tr> 563<tr> 564 <td class="text-center bbs-skin-width-small">67</td> 565 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=694&sc_category=">ì ëìì ìì ì¼ë¡ ì¸ê° ì´ìì ì ë§ëë¤, ìì° íì¶©ì¬</a><span class="label alert tiny maright-1">HOT</span></td> 566 <td class="text-center bbs-skin-width-medium">ê¸ë¡ì»¬ì ë</td> 567 <td class="text-center show-for-medium">2025-03-10</td> 568 <td class="text-center show-for-large">188</td> 569</tr> 570<tr> 571 <td class="text-center bbs-skin-width-small">66</td> 572 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=656&sc_category=">íì¬ì ë¹ì </a><span class="label alert tiny maright-1">HOT</span></td> 573 <td class="text-center bbs-skin-width-medium">í ìì¼</td> 574 <td class="text-center show-for-medium">2024-11-02</td> 575 <td class="text-center show-for-large">204</td> 576</tr> 577<tr> 578 <td class="text-center bbs-skin-width-small">65</td> 579 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=655&sc_category=">ê°ìì´ ì¤ë©´</a><span class="label alert tiny maright-1">HOT</span></td> 580 <td class="text-center bbs-skin-width-medium">ë°ìì 기ì</td> 581 <td class="text-center show-for-medium">2024-10-02</td> 582 <td class="text-center show-for-large">241</td> 583</tr> 584<tr> 585 <td class="text-center bbs-skin-width-small">64</td> 586 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=546&sc_category=">기ì ë¤</a><span class="label alert tiny maright-1">HOT</span></td> 587 <td class="text-center bbs-skin-width-medium">ë°ìì 기ì</td> 588 <td class="text-center show-for-medium">2024-09-18</td> 589 <td class="text-center show-for-large">203</td> 590</tr> 591<tr> 592 <td class="text-center bbs-skin-width-small">63</td> 593 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=544&sc_category=">ê°ìí¸ì§</a><span class="label alert tiny maright-1">HOT</span></td> 594 <td class="text-center bbs-skin-width-medium">ê¸ë¡ì»¬ì ë</td> 595 <td class="text-center show-for-medium">2024-09-14</td> 596 <td class="text-center show-for-large">216</td> 597</tr> 598<tr> 599 <td class="text-center bbs-skin-width-small">62</td> 600 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=446&sc_category=">ì¬ìì¬ì±ì¸ê¶ì§ìì¼í°ì ëë¤.</a><span class="label alert tiny maright-1">HOT</span></td> 601 <td class="text-center bbs-skin-width-medium">ì¬ìì¬ì±ì¸ê¶ì§ìì¼í°</td> 602 <td class="text-center show-for-medium">2024-08-23</td> 603 <td class="text-center show-for-large">226</td> 604</tr> 605<tr> 606 <td class="text-center bbs-skin-width-small">61</td> 607 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=110&sc_category=">긴 ì¬ì ì 길ì ëì´ìë ¤ ë§ ë¨¹ì´ ë³´ì. (1)</a><span class="label alert tiny maright-1">HOT</span></td> 608 <td class="text-center bbs-skin-width-medium">ë°ìì 기ì</td> 609 <td class="text-center show-for-medium">2024-04-07</td> 610 <td class="text-center show-for-large">277</td> 611</tr> 612<tr> 613 <td class="text-center bbs-skin-width-small">60</td> 614 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=40&sc_category=">3ì22ì¼ ì¤ëì ì¸ê³ 물ì ë (2)</a><span class="label alert tiny maright-1">HOT</span></td> 615 <td class="text-center bbs-skin-width-medium">ë¼ë§ë¡ì´</td> 616 <td class="text-center show-for-medium">2024-03-22</td> 617 <td class="text-center show-for-large">212</td> 618</tr> 619<tr> 620 <td class="text-center bbs-skin-width-small">59</td> 621 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=39&sc_category=">ì´ëì¶ âìì 기ëâ</a><span class="label alert tiny maright-1">HOT</span></td> 622 <td class="text-center bbs-skin-width-medium">ë°ìì 기ì</td> 623 <td class="text-center show-for-medium">2024-03-16</td> 624 <td class="text-center show-for-large">224</td> 625</tr> 626<tr> 627 <td class="text-center bbs-skin-width-small">58</td> 628 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=35&sc_category=">ì¬ëì ë§ëë©´ 차를 ê¶í리.</a><span class="label alert tiny maright-1">HOT</span></td> 629 <td class="text-center bbs-skin-width-medium">íìì¼</td> 630 <td class="text-center show-for-medium">2024-01-23</td> 631 <td class="text-center show-for-large">235</td> 632</tr> 633<tr> 634 <td class="text-center bbs-skin-width-small">57</td> 635 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=34&sc_category=">
635ëì ë ì¨ë ìì´ì (231)</a><span class="label alert tiny maright-1">HOT</span></td> 636 <td class="text-center bbs-skin-width-medium">ììì¼ ìì</td> 637 <td class="text-center show-for-medium">2023-08-21</td> 638 <td class="text-center show-for-large">8748</td> 639</tr> 640<tr> 641 <td class="text-center bbs-skin-width-small">56</td> 642 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=32&sc_category=">â견ë ì ìë¤â</a><span class="label alert tiny maright-1">HOT</span></td> 643 <td class="text-center bbs-skin-width-medium">ë°ìì 기ì</td> 644 <td class="text-center show-for-medium">2023-08-18</td> 645 <td class="text-center show-for-large">226</td> 646</tr> 647<tr> 648 <td class="text-center bbs-skin-width-small">55</td> 649 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=30&sc_category=">ì´ë»ê² ì¸ì목í를 ì´ë£°ê¹?</a><span class="label alert tiny maright-1">HOT</span></td> 650 <td class="text-center bbs-skin-width-medium">ëì보기</td> 651 <td class="text-center show-for-medium">2023-07-27</td> 652 <td class="text-center show-for-large">227</td> 653</tr> 654<tr> 655 <td class="text-center bbs-skin-width-small">54</td> 656 <td class="bbs-list-title bbs-skin-width-large"><a href="view.html?idxno=29&sc_category=">ì 경림 âìë²½ìê°â (45)</a><span class="label alert tiny maright-1">HOT</span></td> 657 <td class="text-center bbs-skin-width-medium">ì¥ì°ì</td> 658 <td class="text-center show-for-medium">2023-07-20</td> 659 <td class="text-center show-for-large">507</td> 660</tr> 661 </tbody> 662 </table> 663 <!--// ëª©ë¡ --> 664 665 <footer class="pagin-group mary-30"> 666 <article class="items"> 667 <!-- page //--> 668 <nav aria-label="Pagination"><ul class="pagination"><li class="pagination-start"><a href="/bbs/list.html?page=1&total=73&table=bbs_1&sc_area=&sc_word=&sc_category=" title="ì²ì"><i class="icon-angle-double-left"><span class="show-for-sr">ì²ì</span></i></a></li><li class="current user-bg">1</li><li><a href="/bbs/list.html?page=2&total=73&table=bbs_1&sc_area=&sc_word=&sc_category=">2</a></li><li><a href="/bbs/list.html?page=3&total=73&table=bbs_1&sc_area=&sc_word=&sc_category=">3</a></li><li><a href="/bbs/list.html?page=4&total=73&table=bbs_1&sc_area=&sc_word=&sc_category=">4</a></li><li class="pagination-onenext"><a href="/bbs/list.html?page=2&total=73&table=bbs_1&sc_area=&sc_word=&sc_category=" title="ë¤ì"><span class="show-static-small-only">ë¤ì</span><i class="icon-angle-right-min"><span class="show-for-sr">ë¤ì</span></i></a></li><li class="pagination-end"><a href="/bbs/list.html?page=4&total=73&table=bbs_1&sc_area=&sc_word=&sc_category=" title="ë"><i class="icon-angle-double-right"><span class="show-for-sr">ë</span></i></a></li></ul></nav> <!--// page --> 669 </article> 670 <article class="items"> 671 </article> 672 </footer> 673</div> 674 675 676 677 678 <!-- ì¤ëª ì ì²´í¬ --> 679
679<script type="text/javascript" src="https://cdn.glcjournal.com/vote/vote.js"></script>
679 680
680<script> 681 vote.voteCheck( 682 jQuery('form[name=replyForm]'), // íìì ì ê±°í ìì 683 'S', // ì¤ëª ì 구ë¶ê°(@A:pcë²ì , @B모ë°ì¼ë²ì ) 684 '/bbs/list.html' // 리í´URL 685 686 ); 687 </script>
687 688 </section> 689 <!--// container --> 690 691 </div> 692 693 694<style type="text/css"> 695#user-footer.type-3 {padding:0 0 2.875rem;margin:0;border-top:1px solid #000} 696#user-footer.type-3 .dis-table {margin:0 auto;border-top:1px solid #d7d7d7;table-layout:fixed} 697#user-footer.type-3 .dis-table-cell {padding-top:1.875rem;vertical-align:middle} 698#user-footer.type-3 .dis-table-cell.logo {width:150px;padding-right:50px;text-align:left} 699#user-footer.type-3 .dis-table-cell.logo img {max-height:100px} 700 701/* copyright */ 702#user-footer.type-3 .address {display:block;width:auto;margin:0;padding:0;list-style:none} 703#user-footer.type-3 .address::after {content:'';display:table;clear:both} 704#user-footer.type-3 .address > li {float:left;font-size:.75rem;font-weight:300;line-height:1.625;color:#777} 705#user-footer.type-3 .address > li::before {content:'';display:inline-block;overflow:hidden;width:0;height:.625rem;margin:0 .625rem;border-left:1px solid rgba(0,0,0,.25);vertical-align:baseline} 706#user-footer.type-3 .address > :first-child::before, #user-footer.type-3 .address > li.clear::before {display:none} 707#user-footer.type-3 .address > li.clear {margin-left:0;clear:both} 708#user-footer.type-3 .address a {color:#777;text-decoration:none} 709#user-footer.type-3 .address .copyright {display:inline-block;margin-left:1.25rem} 710 711/* navigation */ 712#user-footer.type-3 .footer-nav {display:block;margin-top:1.25rem;padding-top:1.25rem;font-size:0;border-top:1px solid #d7d7d7;text-align:left} 713#user-footer.type-3 .footer-nav > a {display:inline-block;font-size:.813rem;line-height:1.125;color:#777} 714#user-footer.type-3 .footer-nav > a::before {content:'';display:inline-block;overflow:hidden;width:0;height:.625rem;margin:0 .875rem;border-left:1px solid rgba(0,0,0,.25);vertical-align:baseline} 715#user-footer.type-3 .footer-nav > :first-child::before {display:none} 716#user-footer.type-3 .footer-nav > a > strong {color:#333} 717 718/* ndsoft */ 719#user-footer.type-3 .ndsoft {display:block;position:inherit;z-index:inherit;right:inherit;bottom:inherit;margin-top:1rem;text-align:right} 720#user-footer.type-3 .ndsoft > a {display:inline-block} 721</style> 722 723<!-- footer //--> 724<footer id="user-footer" class="type-3"> 725 <div class="dis-table width-1080"> 726 <article class="dis-table-cell logo"><img src="https://cdn.glcjournal.com/image/logo/downlogo_20230504115025.png" alt="ê¸ë¡ì»¬ì ë" /></article> 727 <article class="dis-table-cell"> 728 <ul class="address"> 729 <li>ëì ê´ìì ëë구 ì íì§ë¡756ë²ì길 52-13 1층 102í¸</li> 730 <li>ëíì í : 042-671-5155</li> 731 <li>ì²ìë ë³´í¸ì± ìì : ì¥ì°ì</li> 732 <li class="clear">ë²ì¸ëª : ìì²ë¬¸íêµë¥ì°êµ¬ì</li> 733 <li>ì í¸ : ê¸ë¡ì»¬ì ë</li> 734 <li>ë±ë¡ë²í¸ : ëì ì 00461</li> 735 <li>ë±ë¡ì¼ : 2023-05-18</li> 736 <li>ë°íì¼ : 2023-05-16</li> 737 <li>ë°íì¸ : ì¥ì°ì</li> 738 <li>í¸ì§ì¸ : í©ì¢ í</li> 739 <li class="clear">ëíì´ì¬ : ì´ì¬ì¼</li> 740 <li>본ë¶ì¥ : ê°ë´ê· </li> 741 <li class="clear"> 742 C<a href="https://www.glcjournal.com/admin/adminLoginForm.html" tabindex="-1">o</a>pyright © 2026 ê¸ë¡ì»¬ì ë. <a href="http://www.glcjournal.com/bbs/list.html?table=bbs_1" onclick="setCookie('view_pc', 'n', 1);" tabindex="-1">All</a> rights reserved. mail to <a href="mailto:[email protected]">[email protected]</a> 743 </li> 744 </ul> 745 746 <nav class="footer-nav"> 747 <a href="/com/com-1.html">매체ìê°</a> 748 <a href="https://www.glcjournal.com/com/jb.html">기ì¬ì ë³´</a> 749 <a href="https://www.glcjournal.com/com/ad.html">ê´ê³ 문ì</a> 750 <a href="/com/service.html">ì´ì©ì½ê´</a> 751 <a href="/com/privacy.html"><strong>ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</strong></a> 752 <a href="/com/youthpolicy.html">ì²ìë ë³´í¸ì ì± </a> 753 <a href="/com/copyright.html">ì ìê¶ë³´í¸ì ì± </a> 754 <a href="/com/emailno.html">ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a> 755 <!-- <a href="/rssIndex.html">RSS</a> --> 756 </nav> 757 </article> 758 </div> 759 <div class="float-center width-1080 ndsoft"><a href="https://www.ndsoft.co.kr/" target="_blank"><img src="https://cdn.glcjournal.com/image/ndsoft.svg" alt="ìëìíí¸"></a></div> 760</footer> 761<!--// footer --> 762 763<div class="clearfix text-center"> 764</div> 765<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> 766 <a href="http://www.glcjournal.com/bbs/list.html?table=bbs_1" class="desktop-to-mobile hide" onclick="setCo
766okie('view_pc', 'n', 1);">모ë°ì¼ë²ì </a> 767 </div> 768 <!--// wrap --> 769 770 </div> 771 <div class="off-canvas user-canvas position-left is-closed" id="offCanvas" data-off-canvas data-transition="overlap"> 772 <style type="text/css"> 773.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:#46b360} 774.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:#46b360} 775.user-canvas .user-canvas-navs .menu li ul.menu.nested li a:hover {color:#46b360} 776</style> 777 778<nav id="allService" class="user-canvas-navs"> 779 <!-- 1ì°¨ //--> 780 <ul class="vertical menu accordion" data-accordion-menu data-multi-open="false"> 781 <li><a href="/news/articleList.html?view_type=sm">ì 체기ì¬</a></li> 782 <li> 783 <a href="/news/articleList.html?sc_section_code=S1N10&view_type=sm" target="_top">ì ì¹</a> 784 </li> 785 <li> 786 <a href="/news/articleList.html?sc_section_code=S1N11&view_type=sm" target="_top">íì </a> 787 </li> 788 <li> 789 <a href="/news/articleList.html?sc_section_code=S1N12&view_type=sm" target="_top">ê²½ì ì°ì </a> 790 </li> 791 <li> 792 <a href="/news/articleList.html?sc_section_code=S1N13&view_type=sm" target="_top">êµì </a> 793 </li> 794 <li> 795 <a href="/news/articleList.html?sc_section_code=S1N14&view_type=sm" target="_top">ë¡ì»¬ì°ì± </a> 796 </li> 797 <li> 798 <a href="/news/articleList.html?sc_section_code=S1N15&view_type=sm" target="_top">ì¹¼ë¼</a> 799 </li> 800 <li> 801 <a href="/news/articleList.html?sc_section_code=S1N17&view_type=sm" target="_top">ì¬ì¤</a> 802 </li> 803 <li> 804 <a href="/news/articleList.html?sc_section_code=S1N8&view_type=sm" target="_top">문íìí</a> 805 </li> 806 <li> 807 <a href="/news/articleList.html?sc_section_code=S1N16&view_type=sm" target="_top">ì¬í·í¬í </a> 808 </li> 809 <li> 810 <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top">ìì</a> 811 </li> 812 813 </ul> 814</nav> 815 <button class="close-button" aria-label="Close menu" type="button" data-close> 816 <i class="icon-close-thin"><span class="show-for-sr">ì ì²´ë©ë´ë«ê¸°</span></i> 817 </button>
818 </div> 819 </div> 820</div> 821 822
823<script type="text/javascript"> 824// back to the top 825$(document).scroll(function(){ 826 var sDocumentHeight = $(document).height() - $(window).height(); 827 if($(document).scrollTop() > 0){ 828 $('#back-to-top').fadeIn(); 829 }else{ 830 $('#back-to-top').fadeOut(); 831 } 832}); 833 834$('#back-to-top, a[href="#top"]').click(function(){ 835 $('html, body').animate( {scrollTop:0}, 100); 836}); 837 838// 모ë°ì¼ë²ì ì´ë ë²í¼ 839if(bannerpop.isMobileDevice()===true) $(".desktop-to-mobile").removeClass("hide"); 840</script>
840 841 842 843 844<!-- êµ¬ê¸ ì ëì¼ì¤ S -->
845<script src="https://cdn.glcjournal.com/adManager/js/lab.js"></script>
vendor: 2 bytes, line 845
845
846<script> 847jQuery(function($) { 848 setTimeout(function() { 849 $LAB 850 .script("//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js") 851 .wait(function () { 852 var adn = jQuery('.adsbygoogle').length; 853 if (adn > 0) { 854 for (var i = 0; i < adn; i++) { 855 (adsbygoogle = window.adsbygoogle || []).push({}); 856 } 857 } 858 }); 859 }, 1000); 860}); 861</script>
861 862<!-- êµ¬ê¸ ì ëì¼ì¤ E -->
863<script> 864$(document).ready(function(){ 865 // ë«ê¸° ë²í¼ ìë ë ¸ì¶ 866 $('.ad-template.ad-close .ad-view').each(function(){ 867 $(this).append('<div class="ad-close-btn"><i class="icon-close"></i></div>'); 868 }) 869 870 // ë«ê¸° ë²í¼ í´ë¦ ì ì´ë²¤í¸ 871 $('body').on('click', '.ad-close-btn', function(){ 872 $(this).closest('.ad-view').slideUp(); 873 }) 874 875 // isND 876 var ____is_nd = getCookie('____is_nd'); 877 if(____is_nd) { 878 // ND IPë§ ê´ê³ ID ë³´ì´ê¸° 879 $('.ad-template').each(function(){ 880 $(this).append('<div class="ad-code-id">'+$(this).attr('id')+'</div>'); 881 }) 882 883 // ê´ê³ ID ìë ì¨ê¹ ì¤ì ì 884 $('.ad-code-id').hide(); 885 886 $('.ad-template').mouseenter(function(){ 887 $(this).find('.ad-code-id').show(); 888 }).mouseleave(function(){ 889 $(this).find('.ad-code-id').hide(); 890 }) 891 892 893 } 894}) 895 896 897 898/* ****************************************** */ 899/* ë ê°ë°°ë ì¤í¬ë¦½í¸ */ 900/* ****************************************** */ 901$('#wingBanner .wing-banner-left .wing-banner').each(function(){ 902 if( $(this).data('scroll') == 'y' ) $(this).addClass('scroll-on'); 903}); 904 905$(window).scroll(function() { 906 if( $('#wingBanner .wing-banner').length > 0 ){ // ë ê°ë°°ëê° ìì¼ë©´ ìë 907 908 var scrollingHeight_L = nonScrollingHeight_L = scrollingHeight_R = nonScrollingHeight_R = 0; 909 910 $('#wingBanner .wing-banner').each(function(idx){ 911 var $_this = $(this), // ë ê°ë°°ë 912 scroll = $_this.data('scroll'), // ë ê°ë°°ë ì¤í¬ë¡¤ ì¬ë¶ 913 topMargin = $_this.data('top-margin'), // ë ê°ë°°ë ìë¨ì¬ë°± 914 downMargin = $_this.data('down-margin'), // ë ê°ë°°ë íë¨ì¬ë°± 915 duration = $_this.data('duration'), // ë ê°ë°°ë ì¤í¬ë¡¤ ìë 916 direction = $_this.data('direction'), // ë ê°ë°°ë ìì¹ 917 // bannerTop = $_this.offset().top, // ë ê°ë°°ë ìë¨ ìì¹ (ê°ë³) 918 bannderHeight = $_this.outerHeight(); // ë ê°ë°°ë ëì´ (ê³ ì ) 919 920 var fixWingBannertop = $('#wingBanner').offset().top; // ë ê°ë°°ë ìë¨ ìì¹ (ê³ ì ) 921 922 var articleTitleHeight = $('#sticky-header.scroll').height(); // ë ê°ë°°ë ì¤í¬ë¡¤ ì ìë¨ íì´í ëì´ (ê¸°ì¬ ë³¸ë¬¸ ì) 923 if(!articleTitleHeight) articleTitleHeight = 0; 924 925 var $_userFooter = $('#user-footer'), // ì¬ì´í¸ Footer 926 userFooterHeight = $_userFooter.outerHeight(); // ì¬ì´í¸ Footer ëì´ (ê³ ì ) 927 928 var winScrollTop = $(window).scrollTop(), // ìëì° ì¤í¬ë¡¤ ìì¹ (ê°ë³) 929 winHeight = $(window).height(), // ìëì° ëì´ 930 docHeight = $(document).height(); // íì´ì§ ëì´ 931 932 switch (direction) { // ë ê° ë°°ë ìì¹ ë³ 933 case 'left': 934 if(scroll == 'y') scrollingHeight_L += bannderHeight; // ììëë¡ ë ¸ì¶ëë ë ê°ë°°ë ì¤ ì¤í¬ë¡¤ íë ë°°ëì ëì´ê° (ì¢) 935 else nonScrollingHeight_L += bannderHeight; // ììëë¡ ë ¸ì¶ëë ë ê°ë°°ë ì¤ ì¤í¬ë¡¤ íì§ ìë ë°°ëì ëì´ê° (ì¢) 936 break; 937 938 case 'right': 939 if(scroll == 'y') scrollingHeight_R += bannderHeight; // ììëë¡ ë ¸ì¶ëë ë ê°ë°°ë ì¤ ì¤í¬ë¡¤ íë ë°°ëì ëì´ê° (ì°) 940 else nonScrollingHeight_R += bannderHeight; // ììëë¡ ë ¸ì¶ëë ë ê°ë°°ë ì¤ ì¤í¬ë¡¤ íì§ ìë ë°°ëì ëì´ê° (ì°) 941 break; 942 } 943 944 if(scroll == 'y') { // ì¤í¬ë¡¤ ë°°ëë§ ìì§ì ì²ë¦¬ 945 var bannerAllHeight = siteAllHeight = 0; 946 947 // ì¢ì°ì¸¡ ê°ê° ë°°ë ì¤í¬ë¡¤ ì²ë¦¬ë¥¼ ìí´ ëë ì ì²ë¦¬ 948 if(direction == 'left'){ // ì¢ì¸¡ ë ê° 949 var wingBnTop_L = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_L; // ë ê°ë°°ë ì¤í¬ë¡¤ ìì¹ (ê°ë³) 950 951 if( articleTitleHeight ) wingBnTop_L += articleTitleHeight; // 기ì¬ë³¸ë¬¸ ì ìë¨ ì¤í¬ë¡¤ íì´íì´ ëíëë©´ ì¤í¬ë¡¤ íì´í ë§í¼ ë ê°ë°°ë ìì¹ ì¡°ì 952 953 if((fixWingBannertop + nonScrollingHeight_L) < winScrollTop) { 954 955 bannerAllHeight = articleTitleHeight + scrollingHeight_L + 1; // ìë¨ íì´í + ì¤í¬ë¡¤ë°°ëì ì´ ëì´
956 siteAllHeight = winHeight - userFooterHeight + downMargin; // ìëì° ëì´ + ì¬ì´í¸ Footer ëì´ 957 958 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // ì¬ì´í¸ Footer ëì´ê°ë ê²½ì° ì²ë¦¬ 959 wingBnTop_L -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_L + topMargin + articleTitleHeight))); 960 $('#wingBanner .wing-banner-left .wing-banner.scroll-on').animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); // ë§ì§ë§ ë°°ë ìì§ì ì²ë¦¬ 961 } 962 } else { 963 wingBnTop_L = 0; // ìµìë¨ ì²ë¦¬ 964 } 965 $_this.animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); 966 967 } else { // ì°ì¸¡ ë ê° 968 969 var wingBnTop_R = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_R; // ë ê°ë°°ë ì¤í¬ë¡¤ ìì¹ (ê°ë³) 970 971 if( articleTitleHeight ) wingBnTop_R += articleTitleHeight; // 기ì¬ë³¸ë¬¸ ì ìë¨ ì¤í¬ë¡¤ íì´íì´ ëíëë©´ ì¤í¬ë¡¤ íì´í ë§í¼ ë ê°ë°°ë ìì¹ ì¡°ì 972 973 if((fixWingBannertop + nonScrollingHeight_R) < winScrollTop) { 974 975 bannerAllHeight = articleTitleHeight + scrollingHeight_R + 1; // ìë¨ íì´í + ì¤í¬ë¡¤ë°°ëì ì´ ëì´ 976 siteAllHeight = winHeight - userFooterHeight + downMargin; // ìëì° ëì´ + ì¬ì´í¸ Footer ëì´ 977 978 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // ì¬ì´í¸ Footer ëì´ê°ë ê²½ì° ì²ë¦¬ 979 wingBnTop_R -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_R + topMargin + articleTitleHeight))); 980 $('#wingBanner .wing-banner-right .wing-banner.scroll-on').animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); // ë§ì§ë§ ë°°ë ìì§ì ì²ë¦¬ 981 } 982 } else { 983 wingBnTop_R = 0; // ìµìë¨ ì²ë¦¬ 984 } 985 $_this.animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); 986 } 987 } 988 }); 989 } 990 991}); 992</script>
992 993 994 995</body> 996</html> 997
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.