1<!DOCTYPE html> 2<html prefix="og: http://ogp.me/ns#" dir="ltr" 3 lang="ko" 4 class="leading-1.8 5 "> 6<head> 7 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width, initial-scale=1"> 11 <meta name="csrf-token" content="ZwTjM75am9esfIoy4IPHZL23OqwcaRMbxCxFpEFe" id="csrf-token"> 12 <meta name="keywords" content=""> 13 14 <meta name="email" content="[email protected]"> 15 <meta name="tel" content="02-777-2792"> 16 <meta name="new_mark_hours" content="120"> 17 18 19 <meta name="robots" content="noarchive"> 20 21 <title>ì°ë½Â·ë¬¸ì | ë ¸ëì ì°ë</title> 22 23 24 25 26 <meta name="app.env" id="app.env" content="production"> 27 28 29 <meta name="format-detection" content="telephone=no"> 30 31 32 <meta property="fb:pages" content="126679754033255"/> 33 34 <link rel="preload" as="style" href="https://ws.or.kr/build/assets/app-GYGr-DNs.css" /><link rel="preload" as="style" href="https://ws.or.kr/build/assets/tailwind-xYyWJ3jJ.css" /><link rel="stylesheet" href="https://ws.or.kr/build/assets/app-GYGr-DNs.css" /><link rel="stylesheet" href="https://ws.or.kr/build/assets/tailwind-xYyWJ3jJ.css" /> 35
35<script> 36 (function () { 37 var storage_key = 'reading_settings'; 38 var default_settings = {fontSize: '1.1875', fontFamily: 'sans-serif', lineHeight: '1.6'}; 39 var font_size_values = ['0.625', '0.6875', '0.75', '0.8125', '0.875', '0.9375', '1', '1.0625', '1.125', '1.1875', '1.25', '1.3125', '1.375', '1.4375', '1.5', '1.5625', '1.625', '1.6875', '1.75', '1.8125', '1.875']; 40 var line_height_values = ['1.0', '1.1', '1.2', '1.3', '1.4', '1.5', '1.6', '1.7', '1.8', '1.9', '2.0']; 41 42 function get_cookie(name) { 43 var cookie_prefix = name + '='; 44 var cookie = document.cookie.split('; ').find(function (item) { 45 return item.indexOf(cookie_prefix) === 0; 46 }); 47 48 return cookie ? decodeURIComponent(cookie.slice(cookie_prefix.length)) : null; 49 } 50 51 function remove_legacy_cookies() { 52 document.cookie = 'font_size=; Max-Age=0; path=/'; 53 document.cookie = 'is_serif=; Max-Age=0; path=/'; 54 } 55 56 function normalize_font_size(value) { 57 var string_value = String(value || ''); 58 var legacy_map = {'0': '0.875', '1': '1.1875', '2': '1.375'}; 59 60 if (legacy_map[string_value]) { 61 return legacy_map[string_value]; 62 } 63 64 if (font_size_values.indexOf(string_value) !== -1) { 65 return string_value; 66 } 67 68 var parsed_value = Number.parseFloat(string_value); 69 70 if (Number.isInteger(parsed_value) && parsed_value >= 10 && parsed_value <= 30) { 71 return String(parsed_value / 16); 72 } 73 74 if (parsed_value >= 0.625 && parsed_value <= 1.875 && Number.isInteger(parsed_value * 16)) { 75 return String(Math.round(parsed_value * 16) / 16); 76 } 77 78 return default_settings.fontSize; 79 } 80 81 function normalize_settings(value) { 82 if (!value || typeof value !== 'object' || Array.isArray(value)) { 83 return null; 84 } 85 86 if (!Object.prototype.hasOwnProperty.call(value, 'fontSize') && 87 !Object.prototype.hasOwnProperty.call(value, 'fontFamily') && 88 !Object.prototype.hasOwnProperty.call(value, 'lineHeight')) { 89 return null; 90 } 91 92 var line_height = Number.parseFloat(value.lineHeight); 93 var normalized_line_height = Number.isFinite(line_height) ? line_height.toFixed(1) : default_settings.lineHeight; 94 95 return { 96 fontSize: normalize_font_size(value.fontSize), 97 fontFamily: value.fontFamily === 'serif' ? 'serif' : 'sans-serif', 98 lineHeight: line_height_values.indexOf(normalized_line_height) !== -1 ? normalized_line_height : default_settings.lineHeight 99 }; 100 } 101 102 var settings = null; 103 var storage_available = true; 104 105 try { 106 var stored_settings = window.localStorage.getItem(storage_key); 107 108 if (stored_settings) { 109 try { 110 settings = normalize_settings(JSON.parse(stored_settings)); 111 } catch (error) { 112 window.localStorage.removeItem(storage_key); 113 } 114 } 115 } catch (error) { 116 storage_available = false; 117 } 118 119 if (!settings) { 120 var font_size = get_cookie('font_size'); 121 var is_serif = get_cookie('is_serif'); 122 123 if (font_size !== null || is_serif !== null) { 124 settings = { 125 fontSize: normalize_font_size(font_size), 126 fontFamily: is_serif === '1' ? 'serif' : 'sans-serif', 127 lineHeight: default_settings.lineHeight 128 }; 129 130 if (storage_available) { 131 try { 132 window.localStorage.setItem(storage_key, JSON.stringify(settings)); 133 remove_legacy_cookies(); 134 } catch (error) { 135 storage_available = false; 136 } 137 } 138 } else { 139 settings = default_settings; 140 } 141 } else if (storage_available) { 142 remove_legacy_cookies(); 143 } 144 145 document.documentElement.style.setProperty('--article-font-size', settings.fontSize + 'rem'); 146 document.documentElement.style.setProperty('--article-line-height', settings.lineHeight); 147 document.documentElement.style.setProperty('--article-font-family', settings.fontFamily === 'serif' ? 'var(--serif)' : 'var(--sans-serif)'); 148 }()); 149</script>
149 150 151 152 <link rel="apple-touch-icon-precomposed" sizes="180x180" href="https://ws.or.kr/favicon/apple-touch-icon.png"> 153<link rel="icon" href="https://ws.or.kr/images/favicon.jpg" type="image/png" sizes="1000x1000"> 154<meta name="theme-color" content="#ffffff"> 155 <link rel="canonical" href="https://ws.or.kr/page/contact"> 156 157 <link rel="alternate" type="application/rss+xml" href="http://feeds.feedburner.com/left21/rss" title="ì ì²´ 기ì¬(ìµì ì)"> 158 <link rel="alternate" type="application/rss+xml" href="http://feeds.feedburner.com/left21/rssOnline" title="ì§ë©´ì ì¤ë¦¬ì§ ìì 기ì¬"> 159 160 161 <meta property="og:image" content="https://assets.ws.or.kr/resized/2024/12/d86918f7cbec15c319ccb160abb75e1b.webp"> 162 <meta property="og:image:type" content="image/webp"> 163 <meta property="og:image:width" content="1000"> 164 <meta property="og:image:height" content="520"> 165 <link id="print-style" rel="stylesheet" media="print" href="https://ws.or.kr/build/assets/article-print-CRs01bi_.css"> 166 <meta name="article_id" content="32361"> 167 168 169 <meta name="article:published_time" content="2024-03-06T00:01:24+09:00"> 170<meta name="article:modified_time" content="2025-01-13T15:02:39+09:00"> 171 172 173 174 175 176 177 178 <meta name="description" content="ë ¸ëìì°ë ë¨ì²´ 02-2271-2395010-4909-2026 [email protected] íì그룹 [email protected] ê·ì¨ê³¼ë¶ìì¡°ì ììí [email protected] ë¶ìììí ì ì°¨ ê·ì ë° ê´ë ¨ ì©ì´ í´ì¤ ãë ¸ëì ì°ëã ì 문 02-777-2792â¦"> 179 <meta name="share_url" content="https://ws.or.kr/mp/contact"> 180 181 182<meta property="og:type" content="website"> 183<meta property="og:url" content="https://ws.or.kr/page/contact"> 184<meta property="fb:app_id" content="1723996014517172"> 185 186 187<meta name="twitter:card" content="summary_large_image"> 188<meta name="twitter:site" content="@wspaper"> 189 190 191 192<meta property="og:title" content="ì°ë½Â·ë¬¸ì"> 193<meta property="og:description" content="ë ¸ëìì°ë ë¨ì²´ 02-2271-2395010-4909-2026 [email protected] íì그룹 [email protected] ê·ì¨ê³¼ë¶ìì¡°ì ììí [email protected] ë¶ìììí ì ì°¨ ê·ì ë° ê´ë ¨ ì©ì´ í´ì¤ ãë ¸ëì ì°ëã ì 문 02-777-2792â¦"> 194 195 196 <!--[if lt IE 9]> 197
197<script> 198 document.createElement("header"); 199 document.createElement("footer"); 200 document.createElement("section"); 201 document.createElement("aside"); 202 document.createElement("nav"); 203 document.createElement("article"); 204 document.createElement("template"); 205 document.createElement("time"); 206 document.createElement("main"); 207 </script>
207 208 <![endif]--> 209 210 211 <meta name="is_logged_in" content="0"> 212 213</head> 214<body id="top" class=""> 215<ul class="u-hidden-visually"> 216 <li><a href="#skipped-navigation">본문 ë°ë¡ ê°ê¸°</a></li> 217 <li><a href="#search">ê²ìì°½ ë°ë¡ ê°ê¸°</a></li> 218 <li><a href="#main-navigation">ë´ë¹ê²ì´ì ë°ë¡ ê°ê¸°</a></li> 219 </ul> 220 221 222 <header class="c-header-mobile sticky top-0 z-[3] mb-6 u-no-print js-mobile-header 223 border-b-0"> 224 225 <div class="flex justify-between items-center"> 226 <div class="relative p-4"> 227 <input class="c-header-mobile__input" id="mobile-nav-toggle" type="checkbox"> 228<label class="c-header-mobile__hamburger" for="mobile-nav-toggle"> 229 <span class="c-header-mobile__hamburger-bar"></span> 230 <span class="c-header-mobile__hamburger-bar"></span> 231 <span class="c-header-mobile__hamburger-bar"></span> 232</label> 233 234<div class="c-header-mobile__nav overscroll-contain"> 235 <div class="text-right mb-4"> 236 <a class="mr-4" 237 href="https://www.youtube.com/c/%EB%85%B8%EB%8F%99%EC%9E%90%EC%97%B0%EB%8C%80TV?sub_confirmation=1"> 238 <img width="24" height="24" loading="lazy" alt="ì íë¸ ë ¸ëìì°ëTV" 239 src="https://ws.or.kr/images/icon-youtube-gray.svg"> 240 </a> 241 <a class="mr-4 js-fb-page-link" 242 href="https://ws.or.kr/s/fb"> 243 <img width="24" height="24" loading="lazy" alt="íì´ì¤ë¶ íì´ì§" 244 src="https://ws.or.kr/images/icon-facebook-gray.svg"> 245 </a> 246 <a class="mr-4" 247 href=" https://www.instagram.com/ws.or.kr/"> 248 <img width="24" height="24" loading="lazy" alt="ì¸ì¤íê·¸ë¨" 249 src="https://ws.or.kr/images/icon-instagram-gray.svg"> 250 </a> 251 <a class="mr-4" 252 href="https://twitter.com/ws_or_kr"> 253 <img width="24" height="24" loading="lazy" alt="í¸ìí°" 254 src="https://ws.or.kr/images/icon-twitter-gray.svg"> 255 </a> 256 </div> 257 <div class="mx-4 border-0 border-solid border-b border-gray-400 mb-4"></div> 258 259 260 261 262 <ul class="text-gray-300 mx-0 mb-4 p-0 list-none js-mobile-navi"> 263 <li class="ml-0 p-4 transition-colors duration-300 js-mobile-navi-li"> 264 <button class="c-button-like-text hover:no-underline text-xl font-light text-inherit hover:text-white js-mobile-navi-button"> 265 ì ì²´ ê¸°ì¬ 266 <svg class="translate-y-[12%] transition-transform duration-300 js-mobile-navi-button-arrow" width="0.8em" height="0.8em" viewBox="0 0 16 16" fill="currentColor" 267 xmlns="http://www.w3.org/2000/svg"> 268 <path fill-rule="evenodd" 269 d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/> 270 </svg> 271 </button> 272 273 <ul class="overflow-hidden origin-top transition-all duration-300 mx-0 list-none leading-9 js-sub-menu"> 274 <span class="whitespace-nowrap"> 275 <a class="text-gray-300 text-inherit font-bold hover:text-white" 276 href="/articles">ì ì²´ 기ì¬<small>(ìµì ì)</small></a> 277 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 278 </span> 279 <span class="whitespace-nowrap"> 280 <a class="text-gray-300 text-inherit font-bold hover:text-white" 281 href="https://ws.or.kr/subject/87">ì êµì£¼ì</a> 282 <sp
282an class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 283 </span> 284 <span class="whitespace-nowrap"> 285 <a class="text-gray-300 text-inherit font-bold hover:text-white" 286 href="https://ws.or.kr/subject/27">êµì </a> 287 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 288 </span> 289 <span class="whitespace-nowrap"> 290 <a class="text-gray-300 text-inherit font-bold hover:text-white" 291 href="https://ws.or.kr/subject/19">ê²½ì </a> 292 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 293 </span> 294 <span class="whitespace-nowrap"> 295 <a class="text-gray-300 text-inherit font-bold hover:text-white" 296 href="https://ws.or.kr/subject/60">íë°ë 주ë³ì ì¸</a> 297 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 298 </span> 299 <span class="whitespace-nowrap"> 300 <a class="text-gray-300 text-inherit font-bold hover:text-white" 301 href="https://ws.or.kr/subject/1">ê³µìì ì¹</a> 302 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 303 </span> 304 <span class="whitespace-nowrap"> 305 <a class="text-gray-300 text-inherit font-bold hover:text-white" 306 href="https://ws.or.kr/subject/3">ê°í주ì</a> 307 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 308 </span> 309 <span class="whitespace-nowrap"> 310 <a class="text-gray-300 text-inherit font-bold hover:text-white" 311 href="https://ws.or.kr/subject/119">ê·¹ì°ì íìì¦</a> 312 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 313 </span> 314 <sp
314an class="whitespace-nowrap"> 315 <a class="text-gray-300 text-inherit font-bold hover:text-white" 316 href="https://ws.or.kr/subject/97">ì¼ë°ì ì¸ ì ì¹</a> 317 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 318 </span> 319 <span class="whitespace-nowrap"> 320 <a class="text-gray-300 text-inherit font-bold hover:text-white" 321 href="https://ws.or.kr/subject/52">êµì¡/íì</a> 322 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 323 </span> 324 <span class="whitespace-nowrap"> 325 <a class="text-gray-300 text-inherit font-bold hover:text-white" 326 href="https://ws.or.kr/subject/94">민주ì ê¶ë¦¬</a> 327 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 328 </span> 329 <span class="whitespace-nowrap"> 330 <a class="text-gray-300 text-inherit font-bold hover:text-white" 331 href="https://ws.or.kr/subject/6">ì°¨ë³</a> 332 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 333 </span> 334 <span class="whitespace-nowrap"> 335 <a class="text-gray-300 text-inherit font-bold hover:text-white" 336 href="https://ws.or.kr/subject/102">기í ì기</a> 337 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 338 </span> 339 <span class="whitespace-nowrap"> 340 <a class="text-gray-300 text-inherit font-bold hover:text-white" 341 href="https://ws.or.kr/subject/39">ë ¸ëì ì´ë</a> 342 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 343 </span> 344 <span class="whitespace-nowrap"> 345 <a class="text-gray-300 text-inherit font-bold hover:text-white" 346 href="https://ws.or.kr/subject/72">ì¢í</a> 347 <sp
347an class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 348 </span> 349 <span class="whitespace-nowrap"> 350 <a class="text-gray-300 text-inherit font-bold hover:text-white" 351 href="https://ws.or.kr/subject/64">ì´ë¡ </a> 352 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 353 </span> 354 <span class="whitespace-nowrap"> 355 <a class="text-gray-300 text-inherit font-bold hover:text-white" 356 href="https://ws.or.kr/subject/78">ì ëµÂ·ì ì </a> 357 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 358 </span> 359 <span class="whitespace-nowrap"> 360 <a class="text-gray-300 text-inherit font-bold hover:text-white" 361 href="https://ws.or.kr/subject/68">ìì¬</a> 362 <span class="c-pretty-pipe pl-1.5 mr-1.5 text-gray-300/60 select-none"></span> 363 </span> 364 <span class="whitespace-nowrap"> 365 <a class="text-gray-300 text-inherit font-bold hover:text-white" 366 href="https://ws.or.kr/subject/106">ì¢ êµ</a> 367 </span> 368 <br><span class="text-gray-300 text-inherit font-bold"> 369 <a class="text-gray-300 text-inherit font-bold hover:text-white" 370 href="/bundle/12239">ìµì¼ë¶ ê¸ ëª¨ì</a> 371 </span> 372 </ul> 373 </li> 374 <li class="ml-0 p-4 transition-colors duration-300 js-mobile-navi-li"> 375 <button class="c-button-like-text hover:no-underline text-xl font-light text-inherit hover:text-white js-mobile-navi-button"> 376 ë ¸ëìì°ë ë¨ì²´ 377 <svg class="translate-y-[12%] transition-transform duration-300 js-mobile-navi-button-arrow" width="0.8em" height="0.8em" viewBox="0 0 16 16" fill="currentColor" 378 xmlns="http://www.w3.org/2000/svg"> 379 <path fill-rule="evenodd" 380 d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/> 381 </svg> 382 </button> 383 384 <ul class="overflow-hidden origin-top transition-all duration-300 mx-0 list-none align-top js-sub-menu"> 385 <li class="text-gray-300 mb-1.5"> 386 <div class="flex"> 387 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 388 href="/page/about-org">ìê°</a> 389 </div> 390 </li> 391 <li class="text-gray-300 mb-1.5"> 392 <div class="flex"> 393 <sp
393an class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3"> 394 <a href="/join/form" class="text-gray-300 transition-colors delay-100 hover:underline min-[954px]:text-black min-[954px]:hover:no-underline min-[954px]:hover:text-brand">ê°ì </a> 395 <span class="c-pretty-pipe text-gray-300 pl-1 mr-1"></span> 396 <a href="/donation/select" class="text-gray-300 transition-colors delay-100 hover:underline min-[954px]:text-black min-[954px]:hover:no-underline min-[954px]:hover:text-brand">íì</a> 397 </span> 398 </div> 399 </li> 400 <li class="text-gray-300 mb-1.5"> 401 <div class="flex"> 402 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 403 href="/page/idea-and-theory">ì¬ìê³¼ ì´ë¡ </a> 404 </div> 405 </li> 406 <li class="text-gray-300 mb-1.5"> 407 <div class="flex"> 408 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 409 href="/forums">ê³µê° í ë¡ í</a> 410 </div> 411 </li> 412 <li class="text-gray-300 mb-1.5"> 413 <div class="flex"> 414 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 415 href="https://youth.ws.or.kr">ë ¸ëìì°ë íì그룹</a> 416 </div> 417 </li> 418 <li class="text-gray-300 mb-1.5"> 419 <div class="flex"> 420 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 421 href="/page/where-to-buy">ì¢ ì´ ì 문 구ì ì²</a> 422 </div> 423 </li> 424 <li class="text-gray-300 mb-1.5"> 425 <div class="flex"> 426 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 427 href="https://marx21.or.kr">ãë§ë¥´í¬ì¤21ã</a> 428 </div> 429 </li> 430 <li class="text-gray-300 mb-1.5"> 431 <div class="flex"> 432 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 433 href="/books">ìì± ì</a> 434 </div> 435 </li> 436 </ul> 437 </li> 438 <li class="ml-0 p-4 transition-colors duration-300 js-mobile-navi-li"> 439 <button class="c-button-like-text hover:no-underline text-xl font-light text-inherit hover:text-white js-mobile-navi-button"> 440 ë ¸ëìì°ëTV 441 <svg class="translate-y-[12%] transition-transform duration-300 js-mobile-navi-button-arrow" width="0.8em" height="0.8em" viewBox="0 0 16 16" fill="currentColor" 442 xmlns="http://www.w3.org/2000/svg"> 443 <path fill-rule="evenodd" 444 d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/> 445 </svg> 446 </button> 447 448 <ul class="overflow-hidden origin-top transition-all duration-300 mx-0 list-none align-top js-sub-menu"> 449 <li class="text-gray-300 mb-1.5"> 450 <div class="flex"> 451 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 452 href="https://youtube.com/@ws-tv">ì±ë í</a> 453 </div> 454 </li> 455 <li class="text-gray-300 mb-1.5"> 456 <div class="flex"> 457 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 458 href="https://www.youtube.com/playlist?list=PLXWnWki5neClaeZZnoOeDzJdFZ86W-j6N">ë ¸ëìì°ë í ë¡ í</a> 459 </div> 460 </li> 461 <li class="text-gray-300 mb-1.5"> 462 <div class="flex"> 463 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 464 href="https://www.youtube.com/playlist?list=PLXWnWki5neCkWZyIFXyfFBtv7sMgTXqy8">ê·¹ì°ì íìì¦</a> 465 </div> 466 </li> 467 <li class="text-gray-300 mb-1.5"> 468 <div class="flex"> 469 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 470 href="https://www.youtube.com/playlist?list=PLXWnWki5neClK0pV-rivbrt9lWsay3E5W">íë ì¤íì¸ ì í, ì°ë, ì ë§</a> 471 </div> 472 </li> 473 <li class="text-gray-300 mb-1.5"> 474 <div class="flex"> 475 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 476 href="https://www.youtube.com/playlist?list=PLXWnWki5neCnF6YcL_gjcKE31DPvZoEpx">ë§ë¥´í¬ì¤ì£¼ìë 무ìì¸ê°</a> 477 </div> 478 </li> 479 <li class="text-gray-300 mb-1.5"> 480 <div class="flex"> 481 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 482 href="https://www.youtube.com/playlist?list=PLXWnWki5neCmQIfOsz7qcgcn7lKHO--pV">ë¹ì ì´ ììì¼ í íë ì¤êµì 모ë ê²(12ê°)</a> 483 </div> 484 </li> 485 <li class="text-gray-300 mb-1.5"> 486 <div class="flex"> 487 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 488 href="https://www.youtube.com/playlist?list=PLXWnWki5neClcFs8NvWNBJR6XEQgZyqvy">기í ì기! ì²´ì 를 ë°ê¾¸ì ìë¦¬ì¦ 10ë¶ì</a> 489 </div> 490 </li> 491 <li class="text-gray-300 mb-1.5"> 492 <div class="flex"> 493 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 494 href="https://www.youtube.com/playlist?list=PLXWnWki5neCkEIvlSpfbdSRNoUm8mOTAz">ë§ìì¦ ê°ì° ìì</a> 495 </div> 496 </li> 497 </ul> 498 </li> 499 <li class="ml-0 p-4 transition-colors duration-300 js-mobile-navi-li"> 500 <button class="c-button-like-text hover:no-underline text-xl font-light text-inherit hover:text-white js-mobile-navi-button"> 501 <svg class="w-auto h-[1em] mr-1 -mb-0.5" height="61" viewB
501ox="0 0 45.7 61" width="46" xmlns="http://www.w3.org/2000/svg"><g fill="#de4040"><path d="m13.134 8.133v.136l6.778 3.117h.271l4.473-7.184v-.136h-.135v-.135l-6.236-3.931h-.271zm20.198.813-6.507-3.388v-.136.136h-.135l-4.203 6.913v.271l5.152 2.44-.407 2.711v.136h.271l5.829-8.947zm1.627 2.983h-.136l-9.218 13.013v.136l5.558 2.033h.136l9.082-10.845v-.135h-.136zm10.709 10.709v-.271l-3.932-3.796-.135-.136v.136l-8.54 9.896v.135l2.575 2.711h.272z"/><path d="m30.485 41.48 1.763 1.356-2.983.135h-.135l-.95 3.389-1.22-3.389h-.135l-3.118.407 3.525-3.118v-.136l-8.947-13.826h-.135l-6.778-2.305 2.44-2.169v-.135l-.678-3.66h1.356l2.169 3.253h.135l5.151-.135h.136l2.71-1.627.408-3.525-.136-.135-14.505-6.1h-.135v.135l-10.438 15.318v.136l15.86 18.164-2.982 17.352v.135h.136l23.315-.271h.136v-.136l-.95-15.723 5.288-6.778v-.135l1.49-9.218v-.136h-.27l-6.1 5.151-5.152-4.609-9.489-2.304v.135h-.135v.136l9.218 14.368z"/><path d="m25.063 22.367v-.136h-.136l-5.557 1.627v.271l2.846 1.22h.136v-.136l2.711-2.71z"/></g></svg>IST 502 <svg class="translate-y-[12%] transition-transform duration-300 js-mobile-navi-button-arrow" width="0.8em" height="0.8em" viewBox="0 0 16 16" fill="currentColor" 503 xmlns="http://www.w3.org/2000/svg"> 504 <path fill-rule="evenodd" 505 d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/> 506 </svg> 507 </button> 508 509 <ul class="overflow-hidden origin-top transition-all duration-300 mx-0 list-none align-top js-sub-menu"> 510 <li class="text-gray-300 mb-1.5"> 511 <div class="flex"> 512 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 513 href="https://internationalsocialists.org/">International Socialist Tendency</a> 514 </div> 515 </li> 516 <li class="text-gray-300 mb-1.5"> 517 <div class="flex"> 518 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 519 href="https://socialistworker.co.uk">Socialist Worker</a> 520 </div> 521 </li> 522 <li class="text-gray-300 mb-1.5"> 523 <div class="flex"> 524 <a class="text-inherit font-bold inline-block align-top whitespace-nowrap mr-3" 525 href="https://isj.org.uk">International Socialism journal</a> 526 </div> 527 </li> 528 </ul> 529 </li> 530 </ul> 531 532 <div class="px-4"> 533 <div class="flex gap-2 text-center text-gray-300 text-xs"> 534 <a href="/subscription/form" class="grow border border-solid border-gray-300 text-inherit p-1">ì 기구ë </a> 535 <a href="/donation/select" class="grow border border-solid border-gray-300 text-inherit p-1">íì</a> 536 <a href="/page/contact" class="w-20 border border-solid border-gray-300 text-inherit p-1">ì°ë½</a> 537 </div> 538 </div> 539</div> 540 </div> 541 542 <h1 class="m-0 text-center w-1/3 min-w-[140px] max-w-[280px] py-1 sm:py-2 md:py-3 js-header-on-top"> 543 <a class="block leading-none" href="https://ws.or.kr"> 544 <img class="block w-[120px] h-[26px] mx-auto" width="120" height="26" 545 src="https://ws.or.kr/images/logo-without-tagline.svg" 546 alt="ë ¸ëì ì°ë"> 547 </a> 548 </h1> 549 550 <div class="grow hidden js-header-on-scroll"> 551 <div class="flex gap-3 justify-end mr-2"> 552 <button class="c-button-like-text u-margin-right-tiny js-native-share hidden" type="button" title="ê³µì "> 553 <svg class="block" width="16" height="18.2857142857" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><title>ê³µì </title> 554 <path style="fill: currentColor" 555 d="m352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054c16.403 13.077 37.182 20.896 59.79 20.89
5556 53.019 0 96-42.981 96-96s-42.981-96-96-96-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841l-102.486 64.054c-16.403-13.076-37.182-20.895-59.79-20.895-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054a96.301 96.301 0 0 0 -2.276 20.841c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z"/> 556 </svg> 557</button> 558<button class="c-button-like-text u-margin-right-tiny js-alternative-share-url js-share-url js-copy-share-url-text" 559 type="button" title="URL ë³µì¬" 560 data-clipboard-target=".js-share-url-text"> 561 <svg class="block" width="16" height="18.2857142857" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><title>ê³µì </title> 562 <path style="fill: currentColor" 563 d="m352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054c16.403 13.077 37.182 20.896 59.79 20.896 53.019 0 96-42.981 96-96s-42.981-96-96-96-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841l-102.486 64.054c-16.403-13.076-37.182-20.895-59.79-20.895-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054a96.301 96.301 0 0 0 -2.276 20.841c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z"/> 564 </svg> 565</button> 566 <div class="relative js-reading-settings-control"> 567 <button type="button" 568 class="c-button-like-text js-reading-settings-toggle" 569 title="ì½ê¸° ì¤ì " 570 aria-haspopup="dialog" 571 aria-expanded="false"> 572 <img loading="lazy" width="20" height="20" src="https://ws.or.kr/images/icon-font.svg" alt=""> 573 </button> 574 575 <dialog class="absolute left-auto right-0 top-full bottom-auto z-50 mt-2 m-0 w-[240px] max-w-[calc(100vw-1rem)] 576 rounded-md border border-solid border-gray-200 bg-white p-4 shadow-lg 577 js-reading-settings-panel 578 backdrop:bg-transparent"> 579 <div> 580 <div class="mb-3 flex items-center justify-between gap-3"> 581 <div class="text-xs font-bold">ì½ê¸° ì¤ì </div> 582 <div class="flex items-center"> 583 <button type="button" 584 class="c-button-like-text 585 text-sm font-bold leading-none text-gray-600 !decoration-0 586 hover:text-black transition 587 js-reading-settings-close" 588 aria-label="ë«ê¸°"> 589 à 590 </button> 591 </div> 592 </div> 593 </div> 594 595 <fieldset class="mb-5"> 596 <legend class="mb-2 text-xs font-bold">ê¸ê¼´</legend> 597 <div class="grid grid-cols-2 overflow-hidden rounded-md border border-solid border-gray-300"> 598 <label class="cursor-pointer"> 599 <input class="peer sr-only js-reading-settings-font-family" type="radio" value="sans-serif" aria-label="ëìì²´"> 600 <span class="block px-3 py-2 text-center text-xs text-gray-700 transition 601 peer-checked:bg-blue-600 peer-checked:text-white 602 peer-focus-visible:ring-1 peer-focus-visible:ring-inset peer-focus-visible:ring-blue-300">ëìì²´</span> 603 </label> 604 <label class="cursor-pointer border-0 border-l border-solid border-gray-300"> 605 <input class="peer sr-only js-reading-settings-font-family" type="radio" value="serif" aria-label="ë°íì²´"> 606 <span class="block px-3 py-2 text-center text-xs text-gray-700 transition 607 peer-checked:bg-blue-600 peer-checked:text-white 608 peer-focus-visible:ring-1 peer-focus-visible:ring-inset peer-focus-visible:ring-blue-300">ë°íì²´</span> 609 </label> 610 </div> 611 </fieldset> 612 613 <div class="mb-5"> 614 <div class="mb-2 flex items-center justify-between gap-3"> 615 <div class="text-xs font-bold">ê¸ì í¬ê¸°</div> 616 <button type="button" class="c-button-like-text text-xs text-gray-600 js-reading-settings-font-size-reset">기본ê°ì¼ë¡</button> 617 </div> 618 <input type="range" 619 class="block w-full js-reading-settings-font-size" 620 min="10" 621 max="30" 622 step="1" 623 value="19" 624 aria-label="ê¸ì í¬ê¸°"> 625 <div class="mt-2 flex justify-between text-[11px] text-gray-500">
626 <span>10px</span> 627 <output class="js-reading-settings-font-size-value">19px</output> 628 <span>30px</span> 629 </div> 630 </div> 631 632 <div> 633 <div class="mb-2 flex items-center justify-between gap-3"> 634 <div class="text-xs font-bold">ì¤ê°ê²©</div> 635 <button type="button" class="c-button-like-text text-xs text-gray-600 js-reading-settings-line-height-reset">기본ê°ì¼ë¡</button> 636 </div> 637 <input type="range" 638 class="block w-full js-reading-settings-line-height" 639 min="1.0" 640 max="2.0" 641 step="0.1" 642 value="1.6" 643 aria-label="ì¤ê°ê²©"> 644 <div class="mt-2 flex justify-between text-[11px] text-gray-500"> 645 <span>1.0</span> 646 <output class="js-reading-settings-line-height-value">1.6</output> 647 <span>2.0</span> 648 </div> 649 </div> 650 </dialog> 651</div> 652 <button type="submit" class="c-button-like-text u-text-tiny mr-2 block text-inherit" form="epub-form" 653 title="epub ë¤ì´ë¡ë"> 654 <svg class="block" xmlns="http://www.w3.org/2000/svg" width="16.465" height="20"
655 viewBox="0 0 19.758 24" xml:space="preserve"><title>epub ë¤ì´ë¡ë</title> 656 <path d="M20.999 4C16.925 5.925 13.925 8.925 12 12.999V4h8.999z" 657 style="clip-rule:evenodd;fill:#fff;fill-rule:evenodd" 658 transform="translate(-3.115 -1.038) scale(.25962)"/> 659 <path 660 d="M20.999 4H87.99v73.991H48.995c-11.398 0-31.839-3.511-32.996 5.999-1.47 12.084 22.164 7.999 31.996 7.999H87.99c1.276 6.488-8.569 3.965-14.998 3.999-14.785.08-39.74-.062-51.993 0-2.229-1.437-4.62-2.713-7-3.999-.137-1.862-.658-3.342-2-4v-74.99c1.926-4.074 4.926-7.074 9-8.999zm3 47.994c3.041-.959 10.14 2.141 9.999-2 .165-2.831-6.163.831-5.999-2v-6.999c2.061-.605 6.946 1.613 5.999-2 .165-2.831-6.163.831-5.999-2v-6c2.061-.605 6.946 1.614 5.999-2-1.386-2.28-6.959-.373-9.999-1v23.999zm14.998 0c2.269-1.063.381-6.285 1-8.999 11.911.097 9.71-18.953-4-14.998 1.709 7.291-3.598 21.595 3 23.997zm12.998-1c13.334 7.294 14.762-15.575 9.999-22.997-6.021 2.979 2.843 20.841-6 20.997-5.181-3.151 1.355-18.02-3.999-20.997h-2c.417 7.915-1.305 17.969 2 22.997zm13.998 1c7.388.722 12.362-.97 12.998-6.999.049-3.382-2.328-4.338-3.999-6 2.614-1.052 3.27-4.063 3-7.999-2.456-2.543-6.426-3.573-11.999-3v23.998z" 661 style="clip-rule:evenodd;fill-rule:evenodd;fill:currentColor" transform="translate(-3.115 -1.038) scale(.25962)"/> 662 <path 663 d="M23.999 27.997c3.039.627 8.612-1.28 9.999 1 .947 3.613-3.938 1.395-5.999 2v6c-.164 2.831 6.164-.831 5.999 2 .947 3.613-3.938 1.395-5.999 2v6.999c-.164 2.831 6.164-.831 5.999 2 .142 4.141-6.958 1.041-9.999 2V27.997zm11.998 0c13.709-3.955 15.91 15.095 4 14.998-.619 2.714 1.269 7.936-1 8.999-6.598-2.402-1.291-16.706-3-23.997zm4 11.999c5.405.622 5.405-9.621 0-8.999v8.999z" 664 style="clip-rule:evenodd;fill:#fff;fill-rule:evenodd" 665 transform="translate(-3.115 -1.038) scale(.25962)"/> 666 <path 667 d="M49.995 27.997h2c5.354 2.978-1.182 17.846 3.999 20.997 8.843-.156-.021-18.018 6-20.997 4.763 7.422 3.335 30.291-9.999 22.997-3.305-5.028-1.583-15.082-2-22.997z" 668 style="clip-rule:evenodd;fill:#fff;fill-rule:evenodd" 669 transform="translate(-3.115 -1.038) scale(.25962)"/> 670 <path 671 d="M65.993 27.997c5.573-.573 9.543.456 11.999 3 .27 3.937-.386 6.947-3 7.999 1.671 1.662 4.048 2.618 3.999 6-.636 6.029-5.61 7.721-12.998 6.999V27.997zm4 9.999c5.604 1.956 5.604-8.954 0-6.999v6.999zm0 10.998c3.561.229 5.228-1.438 4.999-4.999-.914-1.753-1.859-3.474-4.999-3v7.999z" 672 style="clip-rule:evenodd;fill:#fff;fill-rule:evenodd" 673 transform="translate(-3.115 -1.038) scale(.25962)"/> 674 <path 675 d="M39.997 30.997c5.405-.622 5.405 9.621 0 8.999v-8.999zm29.996 0c5.604-1.955 5.604 8.955 0 6.999v-6.999zm0 9.999c3.14-.475 4.085 1.247 4.999 3 .229 3.562-1.438 5.228-4.999 4.999v-7.999z" 676 style="clip-rule:evenodd;fill-rule:evenodd;fill:currentColor" transform="translate(-3.115 -1.038) scale(.25962)"/> 677 <path 678 d="M87.99 77.991v13.998H47.995c-9.833 0-33.466 4.085-31.996-7.999 1.157-9.51 21.598-5.999 32.996-5.999H87.99zM12 87.989c1.342.658 1.862 2.138 2 4 2.38 1.286 4.77 2.563 7 3.999h-8.999L12 87.989z" 679 style="clip-rule:evenodd;fill:#fff;fill-rule:evenodd" 680 transform="translate(-3.115 -1.038) scale(.25962)"/></svg> 681</button> 682 683 <!--suppress JSUnresolvedReference --> 684<button type="button" class="c-button-like-text u-text-tiny mr-2 block text-inherit" 685 onclick="window.print()" 686 title="ì¸ì"> 687 <svg class="block" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="20" height="20"
688 viewBox="0 0 24 24"><title>ì¸ì</title> 689 <path 690 d="M4.8 1.2h14.4V6H4.8zm15.6 6H3.6A3.603 3.603 0 0 0 0 10.8V18h4.8v4.8h14.4V18H24v-7.2c0-1.986-1.614-3.6-3.6-3.6zm-3.6 13.2H7.2v-6h9.6zm3.6-8.4a1.196 1.196 0 0 1-1.2-1.2 1.196 1.196 0 0 1 1.2-1.2 1.196 1.196 0 0 1 1.2 1.2 1.196 1.196 0 0 1-1.2 1.2z" 691 style="fill: currentColor"/></svg> 692</button> 693 <a href="#letter"> 694 <img loading="lazy" width="20" height="20" 695 src="https://ws.or.kr/images/icon-feedback-black.svg" alt="ì ë³´, ì§ë¬¸, ì견 ë¨ê¸°ê¸°"> 696</a> 697</div> 698 </div> 699 700 <div class="c-mobile-search"> 701 <button class="c-button-like-text p-4" onclick="openSearchPopup()"> 702 <img width="24" height="24" src="https://ws.or.kr/images/icon-magnifier.svg" alt="ê²ìì°½ ì´ê¸°"> 703 </button> 704 </div> 705 706 </div> 707 <div class="flex items-center w-full border-0 border-t border-solid border-[#dadada] js-header-on-top"> 708 <div class="grow text-center text-[0.95rem] my-2.5 709 leading-none 710 border-0 border-r last:border-r-0 border-solid border-[#dadada] 711 js-mobile-header-button" 712 role="button" tabindex="0"> 713 ì ì²´ ê¸°ì¬ 714 </div> 715 <div class="grow text-center text-[0.95rem] my-2.5 716 leading-none 717 border-0 border-r last:border-r-0 border-solid border-[#dadada] 718 js-mobile-header-button" 719 role="button" tabindex="0"> 720 ë ¸ëìì°ë ë¨ì²´ 721 </div> 722 <div class="grow text-center text-[0.95rem] my-2.5 723 leading-none 724 border-0 border-r last:border-r-0 border-solid border-[#dadada] 725 js-mobile-header-button" 726 role="button" tabindex="0"> 727 ë ¸ëìì°ëTV 728 </div> 729 <div class="grow text-center text-[0.95rem] my-2.5 730 leading-none 731 border-0 border-r last:border-r-0 border-solid border-[#dadada] 732 js-mobile-header-button" 733 role="button" tabindex="0"> 734 <svg class="w-auto h-[1em] mr-1 -mb-0.5" height="61" viewBox="0 0 45.7 61" width="46" xmlns="http://www.w3.org/2000/svg"><g fill="#de4040"><path d="m13.134 8.133v.136l6.778 3.117h.271l4.473-7.184v-.136h-.135v-.135l-6.236-3.931h-.271zm20.198.813-6.507-3.388v-.136.136h-.135l-4.203 6.913v.271l5.152 2.44-.407 2.711v.136h.271l5.829-8.947zm1.627 2.983h-.136l-9.218 13.013v.136l5.558 2.033h.136l9.082-10.845v-.135h-.136zm10.709 10.709v-.271l-3.932-3.796-.135-.136v.136l-8.54 9.896v.135l2.575 2.711h.272z"/><path d="m30.485 41.48 1.763 1.356-2.983.135h-.135l-.95 3.389-1.22-3.389h-.135l-3.118.407 3.525-3.118v-.136l-8.947-13.826h-.135l-6.778-2.305 2.44-2.169v-.135l-.678-3.66h1.356l2.169 3.253h.135l5.151-.135h.136l2.71-1.627.408-3.525-.136-.135-14.505-6.1h-.135v.135l-10.438 15.318v.136l15.86 18.164-2.982 17.352v.135h.136l23.315-.271h.136v-.136l-.95-15.723 5.288-6.778v-.135l1.49-9.218v-.136h-.27l-6.1 5.151-5.152-4.609-9.489-2.304v.135h-.135v.136l9.218 14.368z"/><path d="m25.063 22.367v-.136h-.136l-5.557 1.627v.271l2.846 1.22h.136v-.136l2.711-2.71z"/></g></svg>IST 735 </div> 736 </div> 737 738 <div class="bg-[#d80c18] h-[26px] u-hidden-on-wide overflow-x-auto overflow-y-hidden scrollbar-hidden u-no-print"> 739 <div class="flex whitespace-nowrap text-left h-full"> 740 <a class="text-white text-[0.85rem] u-text-no-deco pl-[1.25em] pr-[0.8em] hover:bg-black h-full flex items-center" href="https://ws.or.kr/bundle/10905">ì êµì£¼ì</a> 741 <span class="c-pretty-pipe text-white pl-0 mr-0 flex items-center"></span> 742 <a class="text-white text-[0.85rem] u-text-no-deco pl-[0.8em] pr-[0.8em] hover:bg-black h-full flex items-center" href="/bundle/11201">ê·¹ì°</a>
743 <span class="c-pretty-pipe text-white pl-0 mr-0 flex items-center"></span> 744 <a class="text-white text-[0.85rem] u-text-no-deco pl-[0.8em] pr-[0.8em] hover:bg-black h-full flex items-center" href="/bundle/10716">ì´ì¬ëª ì ë¶</a> 745 <span class="c-pretty-pipe text-white pl-0 mr-0 flex items-center"></span> 746 <a class="text-white text-[0.85rem] u-text-no-deco pl-[0.8em] pr-[0.8em] hover:bg-black h-full flex items-center" href="/bundle/8468">íë ì¤íì¸ê³¼ ì¤ë ì ì</a> 747 <span class="c-pretty-pipe text-white pl-0 mr-0 flex items-center"></span> 748 <a class="text-white text-[0.85rem] u-text-no-deco pl-[0.8em] pr-[0.8em] hover:bg-black h-full flex items-center" href="/bundle/9959">ì´ì£¼ë¯¼Â·ë민</a> 749 <span class="c-pretty-pipe text-white pl-0 mr-0 flex items-center"></span> 750 <a class="text-white text-[0.85rem] u-text-no-deco pl-[0.8em] pr-[0.8em] hover:bg-black h-full flex items-center" href="https://ws.or.kr/genre/20411?no-title">긴 ê¸</a> 751 </div> 752</div> 753 </header> 754 755 <header class="max-[953px]:hidden o-wrapper px-5 pt-8 pb-0 relative u-no-print"> 756 <div class="flex gap-4 items-end"> 757 <div class="grow-0 min-[1090px]:shrink-0 min-w-[250px] mb-6"> 758 <a href="/" class="decoration-0 block"> 759 <img class="w-77" width="304" height="89" src="https://ws.or.kr/images/logo.svg" 760 alt="ë ¸ëì ì°ë"> 761 </a> 762 </div> 763 764 <div class="grow shrink-0"> 765 <nav id="main-navigation" class="u-no-print z-3"> 766 <ul class="m-0 list-none flex break-keep 767 max-[1176px]:justify-around 768 min-[1177px]:justify-start min-[1177px]:gap-4 769 min-[1177px]:pl-8 770 js-main-nav"> 771 <li class="group relative p-[var(--menu-item-padding)] js-menu-item" style="--menu-item-padding: 16px;"> 772 773 774 <div class="border-l border-t-0 border-r-0 border-b-0 border-solid border-brand 775 absolute top-0 bottom-0 left-0 776 transition-transform origin-bottom scale-y-0 duration-100 delay-100 ease-in-out 777 group-hover:transform-none"></div> 778 <div class="border-l-0 border-t border-r-0 border-b-0 border-solid border-brand 779 absolute top-0 left-0 right-0 780 transition-transform origin-left scale-x-0 duration-100 delay-200 ease-in-out 781 group-hover:transform-none"></div> 782 <div class="border-l border-t-0 border-r-0 border-b-0 border-solid border-brand 783 absolute top-0 bottom-0 right-0 784 transition-transform origin-top scale-y-0 duration-100 delay-300 ease-in-out 785 group-hover:transform-none"></div> 786 787 <button 788 class="text-xl font-bold group-hover:text-brand transition-colors delay-100 789 whitespace-nowrap c-button-like-text u-text-no-deco"> 790 ì ì²´ ê¸°ì¬ 791 </button> 792 793 <ul class="columns-5 js-main-navigation-left-sub-menu 794 group-hover:transform-none scale-y-0 origin-top duration-300 delay-100 795 before:content-[''] before:absolute before:w-screen before:h-full 796 before:ml-[var(--left-px)] 797 before:top-[calc(var(--menu-item-padding)+1px)] before:pt-[var(--menu-item-padding)] 798 before:mt-[calc(var(--menu-item-padding)*-1)] 799 before:bg-white before:z-[-1] before:shadow 800 mt-[var(--menu-item-padding)] py-[24px] 801 list-none absolute z-10 m-0 802 c-main-navigation-sub-menu column-rule-2px-solid-e0e0e0 column-gap 803 js-main-navigation-sub-menu"> 804 <li class="absolute bottom-[var(--menu-item-padding)] top-[var(--menu-item-padding)] left-[-21px] 805 border-l-2 border-solid border-l-[#e0e0e0] border-y-0 border-r-0"></li> 806 <li class="c-main-navigation-sub-menu__column-rule" 807 style="--main-navigation-sub-menu-column-count: 5; --main-navigation-sub-menu-column-rule-index: 1;"></li> 808 <li class="c-main-navigation-sub-menu__column-rule" 809 style="--main-navigation-sub-menu-column-count: 5; --main-navigation-sub-menu-column-rule-index: 2;"></li> 810 <li class="c-main-navigation-sub-menu__column-rule" 811 style="--main-navigation-sub-menu-column-count: 5; --main-navigation-sub-menu-column-rule-index: 3;"></li> 812 <li class="c-main-navigation-sub-menu__column-rule" 813 style="--main-navigation-sub-menu-column-count: 5; --main-navigation-sub-menu-column-rule-index: 4;"></li> 814 <li class="break-inside-avoid w-full py-2 font-bold relative 815 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 816 before:absolute before:left-[-26px] 817 "> 818 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 819 href="/articles"> 820 ì ì²´ 기ì¬<small>(ìµì ì)</small> 821 </a> 822 </li> 823 <li class="break-inside-avoid w-full py-2 font-bold relative 824 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 825 before:absolute before:left-[-26px] 826 "> 827 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 828 href="/bundle/12239"> 829 ìµì¼ë¶ ê¸ ëª¨ì 830 </a> 831 </li> 832 <li class="break-inside-avoid w-full py-2 font-bold relative 833 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 834 before:absolute before:left-[-26px] 835 "> 836 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 837 href="https://ws.or.kr/subject/87"> 838 ì êµì£¼ì 839 </a> 840 </li> 841 <li class="break-inside-avoid w-full py-2 font-bold relative 842 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 843 before:absolute before:left-[-26px] 844 "> 845 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 846 href="https://ws.or.kr/subject/27"> 847 êµì 848 </a> 849 </li> 850 <li class="break-inside-avoid w-full py-2 font-bold relative 851 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 852 before:absolute before:left-[-26px] 853 "> 854 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 855 href="https://ws.or.kr/subject/19"> 856 ê²½ì 857 </a> 858 </li> 859 <li class="break-inside-avoid w-full py-2 font-bold relative 860 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 861 before:absolute before:left-[-26px] 862 "> 863 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 864 href="https://ws.or.kr/subject/60">
865 íë°ë 주ë³ì ì¸ 866 </a> 867 </li> 868 <li class="break-inside-avoid w-full py-2 font-bold relative 869 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 870 before:absolute before:left-[-26px] 871 "> 872 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 873 href="https://ws.or.kr/subject/1"> 874 ê³µìì ì¹ 875 </a> 876 </li> 877 <li class="break-inside-avoid w-full py-2 font-bold relative 878 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 879 before:absolute before:left-[-26px] 880 "> 881 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 882 href="https://ws.or.kr/subject/3"> 883 ê°í주ì 884 </a> 885 </li> 886 <li class="break-inside-avoid w-full py-2 font-bold relative 887 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 888 before:absolute before:left-[-26px] 889 "> 890 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 891 href="https://ws.or.kr/subject/119"> 892 ê·¹ì°ì íìì¦ 893 </a> 894 </li> 895 <li class="break-inside-avoid w-full py-2 font-bold relative 896 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 897 before:absolute before:left-[-26px] 898 "> 899 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 900 href="https://ws.or.kr/subject/97"> 901 ì¼ë°ì ì¸ ì ì¹ 902 </a> 903 </li> 904 <li class="break-inside-avoid w-full py-2 font-bold relative 905 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 906 before:absolute before:left-[-26px] 907 "> 908 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 909 href="https://ws.or.kr/subject/52"> 910 êµì¡/íì 911 </a> 912 </li> 913 <li class="break-inside-avoid w-full py-2 font-bold relative 914 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 915 before:absolute before:left-[-26px] 916 "> 917 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 918 href="https://ws.or.kr/subject/94"> 919 민주ì ê¶ë¦¬ 920 </a> 921 </li> 922 <li class="break-inside-avoid w-full py-2 font-bold relative 923 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 924 before:absolute before:left-[-26px] 925 "> 926 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 927 href="https://ws.or.kr/subject/6"> 928 ì°¨ë³ 929 </a> 930 </li> 931 <li class="break-inside-avoid w-full py-2 font-bold relative 932 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 933 before:absolute before:left-[-26px] 934 "> 935 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 936 href="https://ws.or.kr/subject/102"> 937 기í ì기 938 </a> 939 </li> 940 <li class="break-inside-avoid w-full py-2 font-bold relative 941 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 942 before:absolute before:left-[-26px] 943 "> 944 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 945 href="https://ws.or.kr/subject/39"> 946 ë ¸ëì ì´ë 947 </a> 948 </li> 949 <li class="break-inside-avoid w-full py-2 font-bold relative 950 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 951 before:absolute before:left-[-26px] 952 "> 953 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 954 href="https://ws.or.kr/subject/72"> 955 ì¢í 956 </a> 957 </li> 958 <li class="break-inside-avoid w-full py-2 font-bold relative 959 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 960 before:absolute before:left-[-26px] 961 "> 962 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 963 href="https://ws.or.kr/subject/64"> 964 ì´ë¡ 965 </a> 966 </li> 967 <li class="break-inside-avoid w-full py-2 font-bold relative 968 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 969 before:absolute before:left-[-26px] 970 "> 971 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 972 href="https://ws.or.kr/subject/78"> 973 ì ëµÂ·ì ì 974 </a> 975 </li> 976 <li class="break-inside-avoid w-full py-2 font-bold relative 977 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 978 before:absolute before:left-[-26px] 979 "> 980 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 981 href="https://ws.or.kr/subject/68"> 982 ìì¬ 983 </a> 984 </li> 985 <li class="break-inside-avoid w-full py-2 font-bold relative 986 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 987 before:absolute before:left-[-26px] 988 "> 989 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 990 href="https://ws.or.kr/subject/106"> 991 ì¢ êµ 992 </a> 993 </li> 994 </ul> 995 </li> 996 <li class="group relative p-[var(--menu-item-padding)] js-menu-item" style="--menu-item-padding: 16px;"> 997 998 999 <div class="border-l border-t-0 border-r-0 border-b-0 border-solid border-brand 1000 absolute top-0 bottom-0 left-0 1001 transition-transform origin-bottom scale-y-0 duration-100 delay-100 ease-in-out 1002 group-hover:transform-none"></div> 1003 <div class="border-l-0 border-t border-r-0 border-b-0 border-solid border-brand 1004 absolute top-0 left-0 right-0 1005 transition-transform origin-left scale-x-0 duration-100 delay-200 ease-in-out 1006 group-hover:transform-none"></div> 1007 <div class="border-l border-t-0 border-r-0 border-b-0 border-solid border-brand 1008 absolute top-0 bottom-0 right-0 1009 transition-transform origin-top scale-y-0 duration-100 delay-300 ease-in-out 1010 group-hover:transform-none"></div> 1011 1012 <button 1013 class="text-xl font-bold group-hover:text-brand transition-colors delay-100 1014 whitespace-nowrap c-button-like-text u-text-no-deco"> 1015 ë ¸ëìì°ë ë¨ì²´ 1016 </button> 1017 1018 <ul class="columns-3 1019 group-hover:transform-none scale-y-0 origin-top duration-300 delay-100 1020 before:content-[''] before:absolute before:w-screen before:h-full 1021 before:ml-[var(--left-px)] 1022 before:top-[calc(var(--menu-item-padding)+1px)] before:pt-[var(--menu-item-padding)] 1023 before:mt-[calc(var(--menu-item-padding)*-1)] 1024 before:bg-white before:z-[-1] before:shadow 1025 mt-[var(--menu-item-padding)] py-[24px] 1026 list-none absolute z-10 m-0 1027 c-main-navigation-sub-menu column-rule-2px-solid-e0e0e0 column-gap 1028 js-main-navigation-sub-menu"> 1029 <li class="absolute bottom-[var(--menu-item-padding)] top-[var(--menu-item-padding)] left-[-21px] 1030 border-l-2 border-solid border-l-[#e0e0e0] border-y-0 border-r-0"></li> 1031 <li class="c-main-navigation-sub-menu__column-rule" 1032 style="--main-navigation-sub-menu-column-count: 3; --main-navigation-sub-menu-column-rule-index: 1;"></li> 1033 <li class="c-main-navigation-sub-menu__column-rule" 1034 style="--main-navigation-sub-menu-column-count: 3; --main-navigation-sub-menu-column-rule-index: 2;"></li> 1035 <li class="break-inside-avoid w-full py-2 font-bold relative 1036 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1037 before:absolute before:left-[-26px] 1038 "> 1039 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1040 href="/page/about-org"> 1041 ìê° 1042 </a> 1043 </li> 1044 <li class="break-inside-avoid w-full py-2 font-bold relative 1045 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1046 before:absolute before:left-[-26px] 1047 ">
1048 <span class="inline-block whitespace-nowrap"> 1049 <a href="/join/form" class="text-gray-300 transition-colors delay-100 hover:underline min-[954px]:text-black min-[954px]:hover:no-underline min-[954px]:hover:text-brand">ê°ì </a> 1050 <span class="c-pretty-pipe text-gray-300 pl-1 mr-1"></span> 1051 <a href="/donation/select" class="text-gray-300 transition-colors delay-100 hover:underline min-[954px]:text-black min-[954px]:hover:no-underline min-[954px]:hover:text-brand">íì</a> 1052 </span> 1053 </li> 1054 <li class="break-inside-avoid w-full py-2 font-bold relative 1055 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1056 before:absolute before:left-[-26px] 1057 "> 1058 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1059 href="/page/idea-and-theory"> 1060 ì¬ìê³¼ ì´ë¡ 1061 </a> 1062 </li> 1063 <li class="break-inside-avoid w-full py-2 font-bold relative 1064 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1065 before:absolute before:left-[-26px] 1066 "> 1067 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1068 href="/forums"> 1069 ê³µê° í ë¡ í 1070 </a> 1071 </li> 1072 <li class="break-inside-avoid w-full py-2 font-bold relative 1073 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1074 before:absolute before:left-[-26px] 1075 mb-5"> 1076 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1077 href="https://youth.ws.or.kr"> 1078 ë ¸ëìì°ë íì그룹 1079 </a> 1080 </li> 1081 <li class="break-inside-avoid w-full py-2 font-bold relative 1082 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1083 before:absolute before:left-[-26px] 1084 "> 1085 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1086 href="/page/where-to-buy"> 1087 ì¢ ì´ ì 문 구ì ì² 1088 </a> 1089 </li> 1090 <li class="break-inside-avoid w-full py-2 font-bold relative 1091 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1092 before:absolute before:left-[-26px] 1093 "> 1094 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1095 href="https://marx21.or.kr"> 1096 ãë§ë¥´í¬ì¤21ã 1097 </a> 1098 </li> 1099 <li class="break-inside-avoid w-full py-2 font-bold relative 1100 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1101 before:absolute before:left-[-26px] 1102 "> 1103 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1104 href="/books"> 1105 ìì± ì 1106 </a> 1107 </li> 1108 </ul> 1109 </li> 1110 <li class="group relative p-[var(--menu-item-padding)] js-menu-item" style="--menu-item-padding: 16px;"> 1111 1112 1113 <div class="border-l border-t-0 border-r-0 border-b-0 border-solid border-brand 1114 absolute top-0 bottom-0 left-0 1115 transition-transform origin-bottom scale-y-0 duration-100 delay-100 ease-in-out 1116 group-hover:transform-none"></div> 1117 <div class="border-l-0 border-t border-r-0 border-b-0 border-solid border-brand 1118 absolute top-0 left-0 right-0 1119 transition-transform origin-left scale-x-0 duration-100 delay-200 ease-in-out 1120 group-hover:transform-none"></div> 1121 <div class="border-l border-t-0 border-r-0 border-b-0 border-solid border-brand 1122 absolute top-0 bottom-0 right-0 1123 transition-transform origin-top scale-y-0 duration-100 delay-300 ease-in-out 1124 group-hover:transform-none"></div> 1125 1126 <button 1127 class="text-xl font-bold group-hover:text-brand transition-colors delay-100 1128 whitespace-nowrap c-button-like-text u-text-no-deco"> 1129 ë ¸ëìì°ëTV 1130 </button> 1131 1132 <ul class="columns-2 js-main-navigation-center-sub-menu 1133 group-hover:transform-none scale-y-0 origin-top duration-300 delay-100 1134 before:content-[''] before:absolute before:w-screen before:h-full 1135 before:ml-[var(--left-px)] 1136 before:top-[calc(var(--menu-item-padding)+1px)] before:pt-[var(--menu-item-padding)] 1137 before:mt-[calc(var(--menu-item-padding)*-1)] 1138 before:bg-white before:z-[-1] before:shadow 1139 mt-[var(--menu-item-padding)] py-[24px] 1140 list-none absolute z-10 m-0 1141 c-main-navigation-sub-menu column-rule-2px-solid-e0e0e0 column-gap 1142 js-main-navigation-sub-menu"> 1143 <li class="absolute bottom-[var(--menu-item-padding)] top-[var(--menu-item-padding)] left-[-21px] 1144 border-l-2 border-solid border-l-[#e0e0e0] border-y-0 border-r-0"></li> 1145 <li class="c-main-navigation-sub-menu__column-rule" 1146 style="--main-navigation-sub-menu-column-count: 2; --main-navigation-sub-menu-column-rule-index: 1;"></li> 1147 <li class="break-inside-avoid w-full py-2 font-bold relative 1148 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1149 before:absolute before:left-[-26px] 1150 "> 1151 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1152 href="https://youtube.com/@ws-tv"> 1153 ì±ë í 1154 </a> 1155 </li> 1156 <li class="break-inside-avoid w-full py-2 font-bold relative 1157 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1158 before:absolute before:left-[-26px] 1159 "> 1160 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1161 href="https://www.youtube.com/playlist?list=PLXWnWki5neClaeZZnoOeDzJdFZ86W-j6N"> 1162 ë ¸ëìì°ë í ë¡ í 1163 </a> 1164 </li> 1165 <li class="break-inside-avoid w-full py-2 font-bold relative 1166 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1167 before:absolute before:left-[-26px] 1168 "> 1169 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1170 href="https://www.youtube.com/playlist?list=PLXWnWki5neCkWZyIFXyfFBtv7sMgTXqy8"> 1171 ê·¹ì°ì íìì¦ 1172 </a> 1173 </li> 1174 <li class="break-inside-avoid w-full py-2 font-bold relative 1175 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1176 before:absolute before:left-[-26px] 1177 "> 1178 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1179 href="https://www.youtube.com/playlist?list=PLXWnWki5neClK0pV-rivbrt9lWsay3E5W"> 1180 íë ì¤íì¸ ì í, ì°ë, ì ë§ 1181 </a> 1182 </li> 1183 <li class="break-inside-avoid w-full py-2 font-bold relative 1184 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1185 before:absolute before:left-[-26px] 1186 "> 1187 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1188 href="https://www.youtube.com/playlist?list=PLXWnWki5neCnF6YcL_gjcKE31DPvZoEpx"> 1189 ë§ë¥´í¬ì¤ì£¼ìë 무ìì¸ê° 1190 </a> 1191 </li> 1192 <li class="break-inside-avoid w-full py-2 font-bold relative 1193 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1194 before:absolute before:left-[-26px] 1195 "> 1196 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1197 href="https://www.youtube.com/playlist?list=PLXWnWki5neCmQIfOsz7qcgcn7lKHO--pV"> 1198 ë¹ì ì´ ììì¼ í íë ì¤êµì 모ë ê²(12ê°) 1199 </a> 1200 </li> 1201 <li class="break-inside-avoid w-full py-2 font-bold relative 1202 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1203 before:absolute before:left-[-26px] 1204 "> 1205 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1206 href="https://www.youtube.com/playlist?list=PLXWnWki5neClcFs8NvWNBJR6XEQgZyqvy"> 1207 기í ì기! ì²´ì 를 ë°ê¾¸ì ìë¦¬ì¦ 10ë¶ì 1208 </a> 1209 </li> 1210 <li class="break-inside-avoid w-full py-2 font-bold relative 1211 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1212 before:absolute before:left-[-26px] 1213 "> 1214 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1215 href="https://www.youtube.com/playlist?list=PLXWnWki5neCkEIvlSpfbdSRNoUm8mOTAz"> 1216 ë§ìì¦ ê°ì° ìì 1217 </a> 1218 </li> 1219 </ul> 1220 </li> 1221 <li class="group relative p-[var(--menu-item-padding)] js-menu-item" style="--menu-item-padding: 16px;"> 1222 1223 1224 <div class="border-l border-t-0 border-r-0 border-b-0 border-solid border-brand 1225 absolute top-0 bottom-0 left-0 1226 transition-transform origin-bottom scale-y-0 duration-100 delay-100 ease-in-out 1227 group-hover:transform-none"></div> 1228 <div class="border-l-0 border-t border-r-0 border-b-0 border-solid border-brand 1229 absolute top-0 left-0 right-0 1230 transition-transform origin-left scale-x-0 duration-100 delay-200 ease-in-out 1231 group-hover:transform-none"></div> 1232 <div class="border-l border-t-0 border-r-0 border-b-0 border-solid border-brand 1233 absolute top-0 bottom-0 right-0 1234 transition-transform origin-top scale-y-0 duration-100 delay-300 ease-in-out 1235 group-hover:transform-none"></div> 1236 1237 <button 1238 class="text-xl font-bold group-hover:text-brand transition-colors delay-100 1239 whitespace-nowrap c-button-like-text u-text-no-deco"> 1240 <svg class="w-auto h-[1em] mr-1 -mb-0.5" height="61" viewB
1240ox="0 0 45.7 61" width="46" xmlns="http://www.w3.org/2000/svg"><g fill="#de4040"><path d="m13.134 8.133v.136l6.778 3.117h.271l4.473-7.184v-.136h-.135v-.135l-6.236-3.931h-.271zm20.198.813-6.507-3.388v-.136.136h-.135l-4.203 6.913v.271l5.152 2.44-.407 2.711v.136h.271l5.829-8.947zm1.627 2.983h-.136l-9.218 13.013v.136l5.558 2.033h.136l9.082-10.845v-.135h-.136zm10.709 10.709v-.271l-3.932-3.796-.135-.136v.136l-8.54 9.896v.135l2.575 2.711h.272z"/><path d="m30.485 41.48 1.763 1.356-2.983.135h-.135l-.95 3.389-1.22-3.389h-.135l-3.118.407 3.525-3.118v-.136l-8.947-13.826h-.135l-6.778-2.305 2.44-2.169v-.135l-.678-3.66h1.356l2.169 3.253h.135l5.151-.135h.136l2.71-1.627.408-3.525-.136-.135-14.505-6.1h-.135v.135l-10.438 15.318v.136l15.86 18.164-2.982 17.352v.135h.136l23.315-.271h.136v-.136l-.95-15.723 5.288-6.778v-.135l1.49-9.218v-.136h-.27l-6.1 5.151-5.152-4.609-9.489-2.304v.135h-.135v.136l9.218 14.368z"/><path d="m25.063 22.367v-.136h-.136l-5.557 1.627v.271l2.846 1.22h.136v-.136l2.711-2.71z"/></g></svg>IST 1241 </button> 1242 1243 <ul class=" 1244 group-hover:transform-none scale-y-0 origin-top duration-300 delay-100 1245 before:content-[''] before:absolute before:w-screen before:h-full 1246 before:ml-[var(--left-px)] 1247 before:top-[calc(var(--menu-item-padding)+1px)] before:pt-[var(--menu-item-padding)] 1248 before:mt-[calc(var(--menu-item-padding)*-1)] 1249 before:bg-white before:z-[-1] before:shadow 1250 mt-[var(--menu-item-padding)] py-[24px] 1251 list-none absolute z-10 m-0 1252 c-main-navigation-sub-menu column-rule-2px-solid-e0e0e0 column-gap 1253 js-main-navigation-sub-menu"> 1254 <li class="absolute bottom-[var(--menu-item-padding)] top-[var(--menu-item-padding)] left-[-21px] 1255 border-l-2 border-solid border-l-[#e0e0e0] border-y-0 border-r-0"></li> 1256 <li class="break-inside-avoid w-full py-2 font-bold relative 1257 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1258 before:absolute before:left-[-26px] 1259 "> 1260 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1261 href="https://internationalsocialists.org/"> 1262 International Socialist Tendency 1263 </a> 1264 </li> 1265 <li class="break-inside-avoid w-full py-2 font-bold relative 1266 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1267 before:absolute before:left-[-26px] 1268 "> 1269 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1270 href="https://socialistworker.co.uk"> 1271 Socialist Worker 1272 </a> 1273 </li> 1274 <li class="break-inside-avoid w-full py-2 font-bold relative 1275 before:content-[url('/images/bullet-navigation.svg')] before:text-[#d80c18] 1276 before:absolute before:left-[-26px] 1277 "> 1278 <a class="hover:no-underline hover:text-brand transition-colors delay-100 inline-block whitespace-nowrap" 1279 href="https://isj.org.uk"> 1280 International Socialism journal 1281 </a> 1282 </li> 1283 </ul> 1284 </li> 1285 </ul> 1286</nav> 1287 </div> 1288 <div class="grow-0 shrink-0 min-[1046px]:shrink-0 min-[1046px]:w-[270px] mb-4"> 1289 <div class="flex gap-1.5 mb-6"> 1290 <a class="c-icon-button c-icon-button--paper" 1291 href="/subs">ì 기구ë </a> 1292 <a class="c-icon-button c-icon-button--money" 1293 href="/donation">íì</a> 1294 <a class="hover:no-underline bg-black text-white transition font-bold px-2 text-sm flex items-center" 1295 href="/page/contact">ì°ë½</a> 1296 </div> 1297 <div class="flex gap-2"> 1298 <button type="button" required type="text" value="" 1299 onclick="openSearchPopup()" 1300 class="c-button-like-text w-full max-[1045px]:w-[250px] 1301 text-gray-600 hover:text-black text-base text-left !no-underline 1302 border-0 border-b border-solid border-b-gray-300 transition 1303 focus:outline-none focus:border-b-gray-800 1304 js-open-search-popup-field"> 1305 ê²ìì°½ ì´ê¸° 1306 </button> 1307 <button onclick="openSearchPopup()" class="shrink-0 c-button-like-text" type="button"> 1308 <img width="16" height="16" src="https://ws.or.kr/images/icon-magnifier.svg" alt="ê²ìí기"> 1309 </button> 1310 </div> 1311 </div> 1312 </div> 1313</header> 1314 1315<div class="max-[953px]:hidden c-separator c-separator--primary border-b-[1px] u-no-print 1316 "></div> 1317 1318 <div class="h-[30px] bg-[#d80c18] u-hidden-on-narrow overflow-x-auto overflow-y-hidden scrollbar-hidden u-no-print 1319 mb-[50px]"> 1320 <div class="c-index-section whitespace-nowrap flex justify-center h-full"> 1321 <a class="text-white u-text-no-deco font-[400] text-[15px] pl-[1em] pr-[1em] hover:bg-black transition h-full flex items-center" href="https://ws.or.kr/bundle/10905">ì êµì£¼ì</a>
1322 <span class="c-pretty-pipe text-white m-0 p-0 flex items-center"></span> 1323 <a class="text-white u-text-no-deco font-[400] text-[15px] pl-[1em] pr-[1em] hover:bg-black transition h-full flex items-center" href="/bundle/11201">ê·¹ì°</a> 1324 <span class="c-pretty-pipe text-white m-0 p-0 flex items-center"></span> 1325 <a class="text-white u-text-no-deco font-[400] text-[15px] pl-[1em] pr-[1em] hover:bg-black transition h-full flex items-center" href="/bundle/10716">ì´ì¬ëª ì ë¶</a> 1326 <span class="c-pretty-pipe text-white m-0 p-0 flex items-center"></span> 1327 <a class="text-white u-text-no-deco font-[400] text-[15px] pl-[1em] pr-[1em] hover:bg-black transition h-full flex items-center" href="/bundle/8468">íë ì¤íì¸ê³¼ ì¤ë ì ì</a> 1328 <span class="c-pretty-pipe text-white m-0 p-0 flex items-center"></span> 1329 <a class="text-white u-text-no-deco font-[400] text-[15px] pl-[1em] pr-[1em] hover:bg-black transition h-full flex items-center" href="/bundle/9959">ì´ì£¼ë¯¼Â·ë민</a> 1330 <span class="c-pretty-pipe text-white m-0 p-0 flex items-center"></span> 1331 <a class="text-white u-text-no-deco font-[400] text-[15px] pl-[1em] pr-[1em] hover:bg-black transition h-full flex items-center" href="https://ws.or.kr/genre/20411?no-title">긴 ê¸</a> 1332 </div> 1333</div> 1334 1335 1336 1337<div id="skipped-navigation"></div> 1338 1339 <main class="s-view-32361"> 1340 <article id="vue-article" 1341 class=""> 1342 1343 <header class="o-wrapper o-wrapper--narrow-no-sidebar "> 1344 <h1 class="o-title mb-[29px] js-title"> 1345 1346 1347 <span class="o-title__title text-[1.75rem] sm:text-[2.375rem] leading-tight"> 1348 ì°ë½Â·ë¬¸ì 1349 </span> 1350 1351 </h1> 1352 1353 </header> 1354 1355 1356 <div class="c-sidebar-layout" id="article"> 1357 <div class="c-sidebar-layout__left" id="sidebar-left"> 1358 <aside class="text-gray-500 mb-4 relative u-no-print js-article-sidebar-left"> 1359 1360 <div class="flex gap-4 py-2 mb-8 justify-center border-y border-x-0 border-solid border-gray-200"> 1361 <!--suppress JSUnresolvedReference --> 1362<button type="button" class="c-button-like-text u-text-tiny js-print mr-2 block text-inherit" 1363 @click="showPrintView" 1364 title="ì¸ì"> 1365 <svg class="block" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="20" height="20"
1366 viewBox="0 0 24 24"><title>ì¸ì</title> 1367 <path 1368 d="M4.8 1.2h14.4V6H4.8zm15.6 6H3.6A3.603 3.603 0 0 0 0 10.8V18h4.8v4.8h14.4V18H24v-7.2c0-1.986-1.614-3.6-3.6-3.6zm-3.6 13.2H7.2v-6h9.6zm3.6-8.4a1.196 1.196 0 0 1-1.2-1.2 1.196 1.196 0 0 1 1.2-1.2 1.196 1.196 0 0 1 1.2 1.2 1.196 1.196 0 0 1-1.2 1.2z" 1369 style="fill: currentColor"/></svg> 1370</button> 1371 <!--suppress JSUnresolvedReference --> 1372<button type="button" class="c-button-like-text text-inherit" 1373 onclick="document.querySelector('.js-share-buttons').classList.toggle('hidden');" 1374 title="ê³µì "> 1375 <svg class="block" width="16" height="18.2857142857" viewBox="0 0 448 512" 1376 xmlns="http://www.w3.org/2000/svg"> 1377 <title>ê³µì </title> 1378 <path style="fill: currentColor" 1379 d="m352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054c16.403 13.077 37.182 20.896 59.79 20.896 53.019 0 96-42.981 96-96s-42.981-96-96-96-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841l-102.486 64.054c-16.403-13.076-37.182-20.895-59.79-20.895-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054a96.301 96.301 0 0 0 -2.276 20.841c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z"/> 1380 </svg> 1381</button> 1382 1383<div class="absolute translate-y-1/2 left-0 p-2 bg-white hidden js-share-buttons"> 1384 <div class="flex flex-wrap gap-4 justify-center"> 1385 <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fws.or.kr%2Fpage%2Fcontact"> 1386 <img class="block" width="24" height="24" loading="lazy" decoding="async" 1387 alt="íì´ì¤ë¶ì ê³µì " src="https://ws.or.kr/images/icon-facebook-black.svg"> 1388</a> 1389<button class="c-button-like-text js-share-kakaotalk"> 1390 <img class="block" width="24" height="24" loading="lazy" decoding="async" 1391 alt="ì¹´ì¹´ì¤í¡ì ê³µì " src="https://ws.or.kr/images/icon-kakaotalk-black.svg"> 1392</button> 1393<a target="_blank" href="https://twitter.com/intent/tweet?text=%EC%97%B0%EB%9D%BD%C2%B7%EB%AC%B8%EC%9D%98&url=https%3A%2F%2Fws.or.kr%2Fpage%2Fcontact"> 1394 <img class="block" width="24" height="24" loading="lazy" decoding="async" 1395 alt="í¸ìí°ì ê³µì " src="https://ws.or.kr/images/icon-twitter-black.svg"> 1396</a> 1397<a class="u-hidden-on-wide" target="_blank" 1398 href="tg://msg?text=%EC%97%B0%EB%9D%BD%C2%B7%EB%AC%B8%EC%9D%98%0Ahttps%3A%2F%2Fws.or.kr%2Fmp%2Fcontact"> 1399 <img class="block" width="24" height="24" loading="lazy" decoding="async" 1400 alt="í ë ê·¸ë¨ì ê³µì " src="https://ws.or.kr/images/icon-telegram-black.svg"> 1401</a> 1402<a target="_blank" href="https://band.us/plugin/share?body=%EC%97%B0%EB%9D%BD%C2%B7%EB%AC%B8%EC%9D%98%0Ahttps%3A%2F%2Fws.or.kr%2Fpage%2Fcontact&route=ws.or.kr"> 1403 <img class="block" width="24" height="24" loading="lazy" decoding="async" 1404 alt="ë°´ëì ê³µì " src="https://ws.or.kr/images/icon-naverband-black.svg"> 1405</a> 1406 <button type="button" title="URL ë³µì¬" 1407 class="c-button-like-text js-share-url js-copy-share-url-text" 1408 data-clipboard-target=".js-share-url-text"> 1409 <img class="block" loading="lazy" width="24" height="24" src="https://ws.or.kr/images/icon-url-black.svg" 1410 alt="URL ë³µì¬"> 1411 </button> 1412 </div> 1413</div> 1414 </div> 1415</aside> 1416 <div class="text-[14px] text-neutral-600 font-semibold leading-[1.35rem] mb-16"> 1417 <div> 1418 ì침ì ì½ë <br/> 1419 ãë ¸ëì ì°ëã 구ë 1420 <form method="post" id="form" action="https://ws.or.kr/email/subscribe" 1421 class="js-spam-prevention-form flex gap-[2px] mt-[10px] mb-[25px] py-[5px] 1422 border border-solid border-neutral-400 border-t-0 border-l-0 border-r-0"> 1423 <input type="hidden" name="_token" value="ZwTjM75am9esfIoy4IPHZL23OqwcaRMbxCxFpEFe" autocomplete="off"> <input class="u-hidden-visually" type="text" name="name" placeholder="ì¤í¸ë°©ì§ì© 칸ì ëë¤. ì´ ì¹¸ì ì ë ¥íë©´ ì ì¥ëì§ ìì¼ë¯ë¡ ë¹ìëì¸ì."> 1424 <input type="email" name="email" id="email" placeholder="[email protected]" 1425 title="ì´ë©ì¼ 주ì를 ì ë ¥í´ ì£¼ì¸ì." 1426 class="grow border-0 min-w-0 text-sm placeholder:text-neutral-400 placeholder:font-light 1427 focus:outline-0 focus:bg-neutral-200 transition"> 1428 <button class="grow-0 shrink-0 border-0 bg-neutral-100 text-[10px] text-neutral-400 hover:cursor-pointer">구ë </button> 1429 </form> 1430 </div> 1431 <div> 1432 <a class="inline-block text-neutral-500 mb-[14px] 1433 border border-dotted border-neutral-500 border-t-0 border-l-0 border-r-0 1434 hover:no-underline hover:text-neutral-800 hover:border-neutral-800" 1435 href="https://ws.or.kr/subscription/form"> 1436 ì 기구ë 1437 </a>
1438 <span class="inline-block h-3 mx-[7px] align-middle 1439 border border-solid border-neutral-400 border-l-0"></span> 1440 <a class="inline-block text-neutral-500 mb-[14px] 1441 border border-dotted border-neutral-500 border-t-0 border-l-0 border-r-0 1442 hover:no-underline hover:text-neutral-800 hover:border-neutral-800" 1443 href="https://ws.or.kr/donation/select"> 1444 íì 1445 </a> 1446 <a class="block w-fit text-neutral-500 mb-[14px] 1447 border border-dotted border-neutral-500 border-t-0 border-l-0 border-r-0 1448 hover:no-underline hover:text-neutral-800 hover:border-neutral-800" 1449 href="https://ws.or.kr/online"> 1450 ë¤ìí ì¨ë¼ì¸ ì±ë 1451 </a> 1452 <a class="block w-fit text-neutral-500 mb-[14px] 1453 border border-dotted border-neutral-500 border-t-0 border-l-0 border-r-0 1454 hover:no-underline hover:text-neutral-800 hover:border-neutral-800" 1455 href="/app"> 1456 ì¤ë§í¸í° ì± 1457 <img src="https://ws.or.kr/images/icon-playstore-gray-small.svg" class="mr-[2px]" alt=""/> 1458 <img src="https://ws.or.kr/images/icon-appstore-gray-small.svg" alt=""/> 1459 </a> 1460 <a class="block w-fit text-neutral-500 mb-[14px] 1461 border border-dotted border-neutral-500 border-t-0 border-l-0 border-r-0 1462 hover:no-underline hover:text-neutral-800 hover:border-neutral-800" 1463 href="https://ws.or.kr/page/where-to-buy"> 1464 ì¢ ì´ ì 문 구ì ì² 1465 </a> 1466 </div> 1467</div> 1468 1469 </div> 1470 1471 <div class="c-sidebar-layout__center "> 1472 <aside v-if="isPrintView" v-cloak 1473 class="print-panel o-box o-box--small u-border-default u-margin-bottom js-print-panel"> 1474 <button class="c-close" @click="hidePrintView">×</button> 1475 <div class="u-margin-bottom-tiny"> 1476 <button type="button" class="c-btn c-btn--primary" onclick="window.print()">ì¸ì</button> 1477 <button type="button" class="c-btn c-btn--default" @click="hidePrintView">ëìê°ê¸°</button> 1478 </div> 1479 <div> 1480 <label class="u-text-nowrap"> 1481 ê¸ê¼´ 1482 <select v-model="printStyle.fontFamily"> 1483 <option value="NotoSerifWeb">Noto Serif Web</option> 1484 <option value="SUIT" v-if="hasFont('SUIT')">SUIT</option> 1485 <option value="Noto Serif CJK KR" v-if="hasFont('Noto Serif CJK KR')">Noto Serif</option> 1486 <option value="Noto Sans CJK KR" v-if="hasFont('Noto Sans CJK KR')">Noto Sans</option> 1487 <option value="KoPubBatang Light" v-if="hasFont('KoPubBatang Light')">KoPubë°í</option> 1488 <option value="KoPubDotum Light" v-if="hasFont('KoPubDotum Light')">KoPubëì</option> 1489 <option value="Apple SD Gothic Neo" v-if="hasFont('Apple SD Gothic Neo')">Apple SD ì°ëê³ ë Neo</option> 1490 <option value="ë§ì ê³ ë" v-if="hasFont('ë§ì ê³ ë')">ë§ì ê³ ë</option> 1491 <option value="ë°í" v-if="hasFont('ë°í')">ë°í</option> 1492 <option value="ëëëª ì¡°" v-if="hasFont('ëëëª ì¡°')">ëëëª ì¡°</option> 1493 <option value="ëëë°ë¥¸ê³ ë" v-if="hasFont('ëëë°ë¥¸ê³ ë')">ëëë°ë¥¸ê³ ë</option> 1494 <option value="ëëê³ ë" v-if="hasFont('ëëê³ ë')">ëëê³ ë</option> 1495 <option value="ì ë°í" v-if="hasFont('ì ë°í')">ì ë°í</option> 1496 <option value="ì ì 문" v-if="hasFont('ì ì 문')">ì ì 문</option> 1497 <option value="í겨ë ê²°ì²´" v-if="hasFont('í겨ë ê²°ì²´')">í겨ë ê²°ì²´</option> 1498 <option value="í¨ì´ë¡¬ë°í" v-if="hasFont('í¨ì´ë¡¬ë°í')">í¨ì´ë¡¬ë°í</option> 1499 <option value="í¨ì´ë¡¬ëì" v-if="hasFont('í¨ì´ë¡¬ëì')">í¨ì´ë¡¬ëì</option> 1500 </select> 1501 </label> 1502 1503 <span class="c-pretty-pipe"></span> 1504 1505 <label class="u-text-nowrap"> 1506 <input type="checkbox" checked v-model="showImages"> 1507 ì´ë¯¸ì§ 보기 1508 </label> 1509 1510 <br> 1511 1512 <label class="u-text-nowrap"> 1513 ê¸ìí¬ê¸° <input style="width: 4em;
1513" type="number" class="u-text-right" 1514 step="0.5" min="5" max="99" 1515 v-model="printStyle.fontSize">pt 1516 </label> 1517 1518 <span class="c-pretty-pipe"></span> 1519 1520 <label class="u-text-nowrap"> 1521 ì¤ê°ê²© <input style="width: 4em;" type="number" class="u-text-right" 1522 step="5" min="100" 1523 v-model="printStyle.lineHeight">% 1524 </label> 1525 1526 <span class="c-pretty-pipe"></span> 1527 1528 <label class="u-text-nowrap"> 1529 ìê° <input style="width: 4em;" type="number" class="u-text-right" step="0.1" 1530 v-model="printStyle.letterSpacing">px 1531 </label> 1532 1533 </div> 1534</aside> 1535 1536 <div class="js-article-meta"> 1537 <div class="u-no-print"> 1538 1539 1540 </div> 1541 1542 <div class="u-clearfix"> 1543 <div class="float-right sm:float-left whitespace-nowrap text-xs mb-1 leading-loose s-color-link u-no-print"> 1544 </div> 1545 1546 <div class="float-right whitespace-nowrap text-right text-xs mb-1 leading-loose grow"> 1547 1548 </div> 1549</div> 1550 1551 1552 <div class="border-solid border-gray-200 border-b border-t-0 border-x-0"></div> 1553 <div class="flex justify-between"> 1554 <div class="text-sm py-2"> 1555 </div> 1556 <div class="inline-flex gap-2 items-center u-no-print js-remove-on-epub"> 1557 <div class="relative js-reading-settings-control"> 1558 <button type="button" 1559 class="c-button-like-text js-reading-settings-toggle" 1560 title="ì½ê¸° ì¤ì " 1561 aria-haspopup="dialog" 1562 aria-expanded="false"> 1563 <img loading="lazy" width="16" height="16" src="https://ws.or.kr/images/icon-font.svg" alt=""> 1564 </button> 1565 1566 <dialog class="absolute left-auto right-0 top-full bottom-auto z-50 mt-2 m-0 w-[240px] max-w-[calc(100vw-1rem)] 1567 rounded-md border border-solid border-gray-200 bg-white p-4 shadow-lg 1568 js-reading-settings-panel 1569 backdrop:bg-transparent"> 1570 <div> 1571 <div class="mb-3 flex items-center justify-between gap-3"> 1572 <div class="text-xs font-bold">ì½ê¸° ì¤ì </div> 1573 <div class="flex items-center"> 1574 <button type="button" 1575 class="c-button-like-text 1576 text-sm font-bold leading-none text-gray-600 !decoration-0 1577 hover:text-black transition 1578 js-reading-settings-close" 1579 aria-label="ë«ê¸°"> 1580 à 1581 </button> 1582 </div> 1583 </div> 1584 </div> 1585 1586 <fieldset class="mb-5"> 1587 <legend class="mb-2 text-xs font-bold">ê¸ê¼´</legend> 1588 <div class="grid grid-cols-2 overflow-hidden rounded-md border border-solid border-gray-300"> 1589 <label class="cursor-pointer"> 1590 <input class="peer sr-only js-reading-settings-font-family" type="radio" value="sans-serif" aria-label="ëìì²´"> 1591 <span class="block px-3 py-2 text-center text-xs text-gray-700 transition 1592 peer-checked:bg-blue-600 peer-checked:text-white 1593 peer-focus-visible:ring-1 peer-focus-visible:ring-inset peer-focus-visible:ring-blue-300">ëìì²´</span> 1594 </label> 1595 <label class="cursor-pointer border-0 border-l border-solid border-gray-300"> 1596 <input class="peer sr-only js-reading-settings-font-family" type="radio" value="serif" aria-label="ë°íì²´"> 1597 <span class="block px-3 py-2 text-center text-xs text-gray-700 transition 1598 peer-checked:bg-blue-600 peer-checked:text-white 1599 peer-focus-visible:ring-1 peer-focus-visible:ring-inset peer-focus-visible:ring-blue-300">ë°íì²´</span> 1600 </label> 1601 </div> 1602 </fieldset> 1603 1604 <div class="mb-5"> 1605 <div class="mb-2 flex items-center justify-between gap-3"> 1606 <div class="text-xs font-bold">ê¸ì í¬ê¸°</div> 1607 <button type="button" class="c-button-like-text text-xs text-gray-600 js-reading-settings-font-size-reset">기본ê°ì¼ë¡</button> 1608 </div> 1609 <input type="range" 1610 class="block w-full js-reading-settings-font-size" 1611 min="10" 1612 max="30" 1613 step="1" 1614 value="19" 1615 aria-label="ê¸ì í¬ê¸°"> 1616 <div class="mt-2 flex justify-between text-[11px] text-gray-500">
1617 <span>10px</span> 1618 <output class="js-reading-settings-font-size-value">19px</output> 1619 <span>30px</span> 1620 </div> 1621 </div> 1622 1623 <div> 1624 <div class="mb-2 flex items-center justify-between gap-3"> 1625 <div class="text-xs font-bold">ì¤ê°ê²©</div> 1626 <button type="button" class="c-button-like-text text-xs text-gray-600 js-reading-settings-line-height-reset">기본ê°ì¼ë¡</button> 1627 </div> 1628 <input type="range" 1629 class="block w-full js-reading-settings-line-height" 1630 min="1.0" 1631 max="2.0" 1632 step="0.1" 1633 value="1.6" 1634 aria-label="ì¤ê°ê²©"> 1635 <div class="mt-2 flex justify-between text-[11px] text-gray-500"> 1636 <span>1.0</span> 1637 <output class="js-reading-settings-line-height-value">1.6</output> 1638 <span>2.0</span> 1639 </div> 1640 </div> 1641 </dialog> 1642</div> 1643 </div> 1644 </div> 1645 1646 1647 1648 1649 <div class="border-solid border-gray-200 border-b border-t-0 border-x-0 u-no-print"></div> 1650 <div class="pb-[31px]"></div> 1651 </div> 1652 1653 1654 <div class="relative s-editor-content s-color-link s-color-link--border-bottom js-only-content js-font-size-target 1655 1656 s-page-contact 1657 " 1658 :style="printStyleValue"> 1659 1660 1661 1662 1663 1664 1665 1666 <div class="js-content"> 1667 <h2>ë ¸ëìì°ë ë¨ì²´</h2> <table class="c-form-table c-basic-table"> <tbody> <tr> <th style="width: 23%;"></th> <td><a href="tel:02-2271-2395">02-2271-2395</a><br /><a href="tel:010-4909-2026">010-4909-2026</a> <br /><a href="mailto:[email protected]">[email protected]</a></td> </tr> <tr> <th style="width: 23%;">íì그룹</th> <td><a href="tel:010-5443-2395">010-5443-2395<br /></a><a href="mailto:[email protected]">[email protected]</a></td> </tr> <tr> <th style="width: 23%;">ê·ì¨ê³¼<br class="u-hidden-on-narrow" />ë¶ìì¡°ì ììí</th> <td><a href="mailto:[email protected]">[email protected]</a> <br /><small><a class="text-sm" href="/page/procedure-and-terms">ë¶ìììí ì ì°¨ ê·ì ë° ê´ë ¨ ì©ì´ í´ì¤</a></small></td> </tr> </tbody> </table> <h2>ãë ¸ëì ì°ëã ì 문</h2> <table class="c-form-table c-basic-table"> <tbody> <tr> <th style="width: 23%;"></th> <td> <p><a href="tel:02-777-2792">02-777-2792</a></p> <p><a href="mailto:[email protected]">[email protected]</a></p> </td> </tr> <tr> <th style="width: 23%;">구ë ê´ë ¨ 문ì</th> <td><a href="mailto:[email protected]">[email protected]</a></td> </tr> <tr> <th style="width: 23%;">ìì ì ë³´ ë° ë ìí¸ì§</th> <td><a href="/send/letter">https://ws.or.kr/send/letter</a></td> </tr> <tr> <th style="width: 23%;">ì¨ë¼ì¸ 구ë í기</th> <td><a href="/page/online">https://ws.or.kr/page/online</a></td> </tr> </tbody> </table> <h2>ê³ê° ãë§ë¥´í¬ì¤21ã</h2> <table class="c-form-table c-basic-table"> <tbody> <tr> <th style="width: 23%;">구ë 문ì/ì견과 ê¸°ê³ </th> <td><a href="tel:02-2268-7608">02-2268-7608</a> <br /><a href="mailto:[email protected]">[email protected]</a><br /> <small><a class="text-sm" href="https://marx21.or.kr/assets/writing-guide.pdf">ê¸°ê³ ìë ¹ ë¤ì´ë¡ë</a></small></td> </tr> </tbody> </table> 1668 </div> 1669 1670 </div> 1671 1672 1673 1674 1675 1676 <div class="mb-12"></div> 1677 1678 1679 1680 1681 1682 1683 <footer class="my-[70px] u-no-print js-article-footer"> 1684 1685 1686 1687 1688 <form action="https://ws.or.kr/epub/articles" class="hidden" method="get" id="epub-form"> 1689 <input type="hidden" name="id[]" value="32361"> 1690</form> 1691 1692</footer> 1693 </div> 1694 1695 <div class="c-sidebar-layout__right " id="sidebar-right"> 1696 <aside id="sidebar" 1697 class="u-no-print relative js-sidebar-right "> 1698 1699 1700 1701</aside> 1702 </div> 1703 </div> 1704</article> 1705 1706 </main> 1707 1708 <div class="hidden"> 1709 <textarea class="js-share-url-text" 1710 readonly>ð ì°ë½Â·ë¬¸ì 1711https://ws.or.kr/mp/contact</textarea> 1712 </div> 1713
1714<script type="text/template" id='marxism-topic-template'> 1715 <h2><a href="https://marxism.or.kr/"><%= event.title %></a> ì¶ì² 주ì </h2> 1716 <ul class="s-color-link"> 1717 <% _.each(topics, function (topic) { %> 1718 <li class="u-margin-bottom-small"> 1719 <a href="<%= topic.url %>" target="_blank"> 1720 <b><%= topic.title %></b> 1721 </a> 1722 <% if (topic.datetime || topic.location || topic.speakers) { %> 1723 <div class="u-text-small"> 1724 <% if (topic.datetime) { %> 1725 <div>ì¼ì: <%= topic.datetime %></div> 1726 <% } %> 1727 <% if (topic.location) { %> 1728 <div>ì¥ì: <%= topic.location %></div> 1729 <% } %> 1730 <% _.each(topic.speakers, function (speakers, role) { %> 1731 <% _.each(speakers, function (speaker) { %> 1732 <div> 1733 <%= role %>: 1734 <% if (speaker.url) { %> 1735 <a href="<%= speaker.url %>" target="_blank"><%= speaker.name %></a> 1736 <% } else { %>
1737 <%= speaker.name %> 1738 <% } %> 1739 <small><%= speaker.description %></small> 1740 </div> 1741 <% }) %> 1742 <% }) %> 1743 </div> 1744 <% } %> 1745 </li> 1746 <% }) %> 1747 </ul> 1748</script>
1748 1749 <a href="#top" class="c-floating-to-top u-hidden js-floating-to-top"> 1750 <svg width="40" height="40" aria-hidden="true" data-icon="arrow-alt-circle-up" data-prefix="fas" focusable="false" role="img" version="1.1" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> 1751 <title>맨 ìë¡</title> 1752 <path d="m0 10c0-5.5242 4.4758-10 10-10s10 4.4758 10 10-4.4758 10-10 10-10-4.4758-10-10zm11.774 4.6774v-4.6774h2.8589c0.43145 0 0.64919-0.52419 0.34274-0.82661l-4.6331-4.6089c-0.18952-0.18952-0.49194-0.18952-0.68145 0l-4.6371 4.6089c-0.30645 0.30645-0.08871 0.82661 0.34274 0.82661h2.8589v4.6774c0 0.26613 0.21774 0.48387 0.48387 0.48387h2.5806c0.26613 0 0.48387-0.21774 0.48387-0.48387z" fill="currentColor" stroke-width=".040323"></path> 1753 </svg> 1754</a> 1755 1756 <footer class="bg-[#262a33] text-gray-200 mt-[100px] u-no-print"> 1757 <div class="o-wrapper"> 1758 <div 1759 class="text-center flex min-[415px]:justify-center max-[414px]:justify-around max-[414px]:gap-0 gap-4 md:gap-9 md:py-10 py-6 max-[414px]:py-4"> 1760 <a class="max-[450px]:w-[24px]" href="https://ws.or.kr/email/form"> 1761 <img width="28" height="28" src="https://ws.or.kr/images/icon-mail-gray.svg" alt="ë©ì¼ë§"> 1762 </a> 1763 <a class="max-[450px]:w-[24px]" href="https://ws.or.kr/kakao"> 1764 <img width="28" height="28" src="https://ws.or.kr/images/icon-kakaotalk-channel-circle-gray.svg" alt="ì¹´ì¹´ì¤í¡ ì±ë"> 1765 </a> 1766 <a class="max-[450px]:w-[24px]" href="https://www.youtube.com/@ws-tv"> 1767 <img width="28" height="28" src="https://ws.or.kr/images/icon-youtube-gray.svg" alt="ì íë¸"> 1768 </a> 1769 <a class="max-[450px]:w-[24px]" href="https://play.google.com/store/apps/details?id=com.left21.alimi"> 1770 <img width="28" height="28" src="https://ws.or.kr/images/icon-playstore-gray.svg" alt="ìëë¡ì´ë ì±"> 1771 </a> 1772 <a class="max-[450px]:w-[24px]" href="https://apps.apple.com/kr/app/%EB%85%B8%EB%8F%99%EC%9E%90-%EC%97%B0%EB%8C%80/id1559671489"> 1773 <img width="28" height="28" src="https://ws.or.kr/images/icon-appstore-gray.svg" alt="ìì´í° ì±"> 1774 </a> 1775 <a class="max-[450px]:w-[24px]" href="https://telegram.me/wspaperbot"> 1776 <img width="28" height="28" src="https://ws.or.kr/images/icon-telegram-gray.svg" alt="í ë ê·¸ë¨"> 1777 </a> 1778 <a class="max-[450px]:w-[24px]" href="https://ws.or.kr/s/fb"> 1779 <img width="28" height="28" src="https://ws.or.kr/images/icon-facebook-gray.svg" alt="íì´ì¤ë¶"> 1780 </a> 1781 <a class="max-[450px]:w-[24px]" href="https://www.instagram.com/ws.or.kr/"> 1782 <img width="28" height="28" src="https://ws.or.kr/images/icon-instagram-gray.svg" alt="ì¸ì¤íê·¸ë¨"> 1783 </a> 1784 <a class="max-[450px]:w-[24px]" href="https://twitter.com/ws_or_kr"> 1785 <img width="28" height="28" src="https://ws.or.kr/images/icon-twitter-gray.svg" alt="í¸ìí°"> 1786 </a> 1787 <a class="max-[450px]:w-[24px]" href="https://ws.or.kr/feed"> 1788 <img width="28" height="28" src="https://ws.or.kr/images/icon-rss-gray.svg" alt="RSS"> 1789 </a> 1790 </div> 1791 <div class="text-center sm:hidden pb-8 js-footer"> 1792 <button type="button" 1793 class="border-gray-200 text-[12px] bg-transparent text-gray-200 px-4 js-footer-toggle">ë 보기 1794 </button> 1795 </div> 1796 <div class="justify-around gap-3 lg:gap-7 xl:gap-14 hidden sm:flex js-footer"> 1797 <div class="mb-10 sm:mb-0"> 1798 <a href="https://ws.or.kr"> 1799 <svg width="70px" viewBox="0 0 261.1 56.4" xmlns="http://www.w3.org/2000/svg"> 1800 <g fill="#cacaca"> 1801 <path 1802 d="m220.7 40.9h-4.6l7.6-27.2h8.5l2.6-9.2h-18.5l-10.6 38c-1.4 5.1.6 7.6 6 7.6h5.9c2.8 0 6.3-.7 7.6-2.9l2.9-10.3c-1.6 3.1-5.3 4.1-7.4 4m30.6-38.8-5.7 20.4h-2.4l5.7-20.4h-9.9l-15.2 54.4h9.8l6.9-24.8h2.4l-6.9 24.8h9.8l15.2-54.4zm-172.2 45.6c3.3-.4 5.1-1.5 5.6-3.2s-.8-2.8-3.9-3.2c-.9-.1-3.1-.2-6.6-.2-3.4 0-5.7.1-6.9.2-3.4.5-5.3 1.6-5.8 3.3s.9 2.8 4 3.2c.9.1 3.1.2 6.8.2 3.3 0 5.5-.1 6.8-.3m21.4-15.1h-47.7l2.5-8.9h18.9l.6-2.1h-8.9c-1.9 0-3.3-.6-4.2-1.9s-1-2.9-.5-4.8l3.4-12.2h32.4c4-.1 6.7-.7 9-2.7-.8 2.8-1.4 6.3-2.3 8.8-2.8 2.2-6 2.2-10.4 2.2h-21.1l-.7 2.4h30.8l-2.3 8.3h-15.3l-.6 2.1h18.8zm-11.1 2.4c4.5 1.6 6.1 4.8 4.8 9.5s-4.7 7.9-10.1 9.5c-3.2 1-7.8 1.5-13.9 1.5-6 0-10.4-.5-13.1-1.5-4.6-1.7-6.2-4.9-4.9-9.5 1.3-4.7 4.7-7.9 10.2-9.5 3.1-.9 7.8-1.4 13.9-1.4s10.5.5 13.1 1.4"/> 1803 <path 1804 d="m151.2 29.9s-1.8 1.6-5.2 1.7h-2.2l-7 24.9h-10l3.5-12.4-7.9 7.3c-4.1-4.1-6.5-8.8-7.1-14.2-3.4 6.3-8.1 11.5-14.1 15.5l-5.6-7.5c8.9-4.9 15.6-15.4 20.2-31.7h-9l2.6-9.2h28.7l-2.6 9.2h-9c-3.8 13.7-2.4 23.4 4.2 29.2l10.5-37.5.9-3.3h10.2l-2 6.5-3.9 13.8h2.2c3.4 0 5.3-1.4 5.3-1.4zm-116.2 2.7h6.1c8.5.1 10.2-2.6 10.2-2.6s1.1-4.2 2.5-10c-2.5 2.4-4.1 3.4-9.8 3.4h-21.9l5.3-18.9-12.4 8.7-3.3 11.8c-.7 2.4-.4 4.2.9 5.6 1.1 1.3 2.9 2 5.3 2h7.1l-3 10.8h-19.4l-2.6 9.1h48.3l2.6-9.2h-18.9zm153.6-8-5.3 4.4h1.3c1.5-1.2 2.8-2.6 4-4.4"/> 1805 <path 1806 d="m172.3 17.8c.5-1.8 1.3-3.2 2.5-4.4 1.3-1.4 2.8-2.1 4.5-2.1 1.6 0 2.7.7 3.1 2.1.4 1.2.4 2.7-.1 4.4s-1.3 3.2-2.4 4.3c-1.2 1.4-2.7 2.1-4.3 2.1-1.7 0-2.8-.7-3.4-2-.4-1.2-.4-2.7.1-4.4m19.5 0 .2-.8c.1-.2.1-.4.2-.7h5.8l-1.2 4.5h-6c.3-1 .7-2 1-3m-18.6 15.1c4.4 0 8.1-1.3 11.3-3.9h-1.3l5.3-4.4c-1.2 1.7-2.6 3.2-4.1 4.4h9.9l-3.3 12.3h9.9l11-39.3h-9.9l-1.7 6.1h-8.5c.3.8.6 1.7.7 2.8l-4.2-2.8h3.5c-.6-1.4-1.5-2.5-2.7-3.4-1.9-1.4-4.4-2.1-7.4-2.1-4.4 0-8.4 1.4-11.8 4.2s-5.8 6.5-7 10.9c-1.3 4.5-1 8.2.9 10.9 1.8 2.9 5 4.3 9.4 4.3"/> 1807 <path d="m192.5 10.9c-.1-.9-.4-1.9-.7-2.8h-3.5z"/> 1808 <path 1809 d="m203.7 42.8s-3.6 3.5-9.4 3.8c-3.9 0-23.6 0-23.6 0l2.9-10.3h-10l-3.6 12.7c-1.3 4.5.9 6.8 6.4 6.8h24c1.8 0 8.6-.2 9.8-3.7 1-2.8.4-1 3.5-9.3"/> 1810 <path d="m30.1 1-11.7-.1-2.9 10.3z"/> 1811 </g> 1812 </svg> 1813 </a> 1814 <div class="flex flex-wrap text-xs my-4 leading-5"> 1815 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/about">ìê°</a>
1816 <span class="c-pretty-pipe"></span> 1817 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/articles">ì ì²´ 기ì¬</a> 1818 <span class="c-pretty-pipe"></span> 1819 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/pdf">ì´ë² í¸ ì§ë©´ PDF</a> 1820 <span class="c-pretty-pipe"></span> 1821 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/publication-issues">ì§ëí¸ ë³´ê¸°</a> 1822 <span class="c-pretty-pipe"></span> 1823 <a class="text-gray-200 hover:no-underline" href="https://photo.ws.or.kr">ì¬ì§</a> 1824 </div> 1825 <div class="flex flex-wrap text-xs mb-4 leading-5"> 1826 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/subs">ì 기구ë </a> 1827 <span class="c-pretty-pipe"></span> 1828 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/donation">íì</a> 1829 <span class="c-pretty-pipe"></span> 1830 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/where-to-buy">구ì ì²</a> 1831 <span class="c-pretty-pipe"></span> 1832 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/online">ì¨ë¼ì¸ ì±ë</a> 1833 <span class="c-pretty-pipe"></span> 1834 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/app">ì¤ë§í¸í° ì±</a> 1835 </div> 1836 <div class="flex flex-wrap text-xs mb-4 leading-5"> 1837 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/send/letter">ë ì í¸ì§</a> 1838 <span class="c-pretty-pipe"></span> 1839 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/send/about-subscription">구ë ì ë³´ ìì , 1840 구ë ë¶í¸ ì ì 1841 </a> 1842 <span class="c-pretty-pipe"></span> 1843 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/send/about-website"> 1844 ì¹ì¬ì´í¸ ì¤ë¥ì ê³ Â·ì ì 1845 </a> 1846 </div> 1847 <div class="flex flex-wrap text-xs mb-8 leading-5"> 1848 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/subscription-terms-of-use">ì 기구ë 1849 ì´ì©ì½ê´ ë° ì·¨ì·íë¶</a> 1850 <span class="c-pretty-pipe"></span> 1851 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/code-of-public-ethics"> 1852 ãë ¸ëì ì°ëãì¸ë¡ ì¤ë¦¬ ê°ë ¹ 1853 </a> 1854 </div> 1855 <div class="text-[12px] text-gray-400"> 1856 <div>주ì: (ì° 04584) ìì¸ ì¤êµ¬ í´ê³ë¡86ê°ê¸¸ 5 3층 (ì§ë²: ìì¸ ì¤êµ¬ ì ë¹ë 52-111 3층)</div> 1857 <div> 1858 <div class="inline-block mr-2 whitespace-nowrap">ëíì í: 02-777-2792</div> 1859 <div class="inline-block mr-2 whitespace-nowrap">기ì¬ì ë³´: 02-777-2791</div> 1860 <div class="inline-block mr-2 whitespace-nowrap">í©ì¤: 02-6499-2791</div> 1861 <div class="inline-block mr-2 whitespace-nowrap">ì´ë©ì¼: [email protected]</div> 1862 </div> 1863 <div class="flex gap-2"> 1864 <div>ì 기구ë /íì ì ê¸ ê³ì¢:</div> 1865 <div> 1866 êµë¯¼ìí 020601-04-080896 1867 <br> 1868 ëí 301-0010-1643-71 1869 (ìê¸ì£¼ (주)ë íí¸ë¯¸ëì´) 1870 </div> 1871 </div> 1872 <div> 1873 <span class="inline-block mr-2 whitespace-nowrap">ë°íì¸: ê¹ì¸ì</span>
1874 <span class="inline-block mr-2 whitespace-nowrap">í¸ì§ì¸: ê¹ì¸ì</span> 1875 <span class="inline-block mr-2 whitespace-nowrap">ì¬ì ìë±ë¡ë²í¸: 104-86-18859</span> 1876 <span class="inline-block mr-2 whitespace-nowrap">ì 문ì¬ì ë±ë¡ë²í¸: ìì¸ë¤08179</span> 1877 </div> 1878 <div> 1879 <span class="mr-2">íµì í매ì ì ê³ ì 2009-ìì¸ì¤êµ¬-0370í¸</span> 1880 <span class="mr-2">ë±ë¡ì¼: 2009ë 1ì 12ì¼</span> 1881 </div> 1882 </div> 1883 </div> 1884 1885 <div class="mb-10 sm:sm-0 sm:border-l-[1px] sm:border-solid sm:border-[#45484d] sm:border-t-0 sm:border-r-0 sm:border-b-0 sm:pl-3 lg:pl-7 xl:pl-[3.5rem]"> 1886 <svg xmlns="http://www.w3.org/2000/svg" width="90px" height="20px" xml:space="preserve"> 1887 <path fill="#CACACA" 1888 d="M25.405 12.909h5.377v-2.002H20.27V4.439h-2.082v8.47h5.089v4.464h-5.988v1.799h14.2v-1.799h-6.084zM42.606 17.372h-6.521c-.928 0-.901-.337-.901-.898 0-.563-.027-.884.901-.884h6.521c.923 0 .899.321.899.884 0 .561.024.898-.899.898m.016-3.597h-6.554c-2.128 0-3.012.835-3.012 2.698 0 1.797.869 2.712 3.012 2.712h6.554c2.192 0 3.013-.915 3.013-2.712 0-1.814-.821-2.698-3.013-2.698M40.769 10.148h4.866V8.411H35.168V6.157h10.467V4.439H33.056v5.709h5.585v1.13h-6.69v1.776h14.644v-1.776h-5.826zM59.574 4.433h-2.129v14.753h2.129v-6.801h2.16V10.57h-2.16zM65.239 14.257h-2.144v4.929h12.051v-1.799h-9.907zM73.033 9.522h-2.688c.05-.261.078-.529.078-.804 0-.36-.049-.708-.132-1.042h2.741v1.846zm-6.882 1.561c-1.302 0-2.357-1.058-2.357-2.365s1.056-2.366 2.357-2.366 2.359 1.06 2.359 2.366-1.057 2.365-2.359 2.365m6.882-6.65v1.445h-3.675v.015a4.254 4.254 0 0 0-3.207-1.46 4.278 4.278 0 0 0-4.271 4.285 4.28 4.28 0 0 0 4.271 4.286 4.258 4.258 0 0 0 3.39-1.686h3.492v3.801h2.112V4.433h-2.112zM87.888 4.433v6.2h-1.153V4.439h-2.031v14.732h2.031v-6.724h1.153v6.739H90V4.433zM76.764 19.171l7.554-.008v-1.807H79.1V6.231h5.218V4.432h-7.554z"/> 1889 <g fill="#CACACA"> 1890 <path 1891 d="M52.661 10.801V6.186h3.25V4.439H47.284v1.747h3.248v4.615c0 2.409-1.062 4.114-3.536 5.933v2.453c2.216-1.302 3.801-2.985 4.602-4.511.801 1.525 2.386 3.209 4.602 4.511v-2.453c-2.476-1.819-3.539-3.524-3.539-5.933M3.34 2.976.113 7.729s-.313.417.105.887l4.372 5.379s.156.314.053.991L4.018 20h7.497v-5.328s.573-.625 1.041-1.356c0 0 1.146-1.2.989-4.125l-1.822 1.516s-.208.26-.781-.159l-.989-.994s-2.291-1.095-3.437-.887l3.175 4.805s.156.313.626.313c0 0-.313.052-.573.262 0 0-.417 0-.469.938l-.26.315-.365-1.253s-.988.208-1.25-.053c0 0 1.25-.157 1.407-.991L6.151 9.034s-.364-.678-.989-.784l-1.613-.679s1.093-.366.729-1.619c0 0 .885.418 1.094.887 0 0 2.603.941 2.915-1.618L3.34 2.976zM4.33 1.879s-.52.523.104 1.045l1.614.628s.624.155.884-.366l.833-1.515s.313-.419-.156-.784L5.995.052s-.363-.209-.571.207L4.33 1.879z"/> 1892 <path 1893 d="m8.286 1.879-.989 1.463s-.469.521.104.783l1.042.47s.313.104.26.417L8.65 6.057l1.615-2.505s.313-.628 0-.994l-1.406-.834s-.417-.105-.573.155M10.994 3.552s-.103.312-.313.782c0 0-2.187 3.186-2.447 3.343 0 0-.261.259.156.521 0 0 1.042.522 1.354.522 0 0 .469-.05.885-.417 0 0 1.977-1.776 2.238-3.133 0 0-.104-.313-.416-.418l-1.457-1.2zM13.388 5.796s-2.187 2.977-2.759 3.289c0 0-.155.262.261.523 0 0 .228.645.904.422.043-.015.088-.032.137-.056.782-.366 2.447-2.298 2.604-2.716 0 0-.051-.313-.313-.47l-.834-.992zM5.921 7.532s1.599-.249 1.833-.446c.306-.262-.003.841-.451.929 0 0-1.622.032-1.382-.483"/> 1894 </g> 1895 </svg> 1896 1897 <div class="flex flex-wrap text-xs my-4 leading-5"> 1898 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/about-org">ë¨ì²´ ìê°</a> 1899 <span class="c-pretty-pipe"></span> 1900 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/join/form">ê°ì </a>
1901 <span class="c-pretty-pipe"></span> 1902 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/donation">íì</a> 1903 <span class="c-pretty-pipe"></span> 1904 <a class="text-gray-200 hover:no-underline" href="https://youth.ws.or.kr/">ë ¸ëìì°ë 1905 íì그룹</a> 1906 </div> 1907 <div class="flex flex-wrap text-xs mb-4 leading-5"> 1908 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/idea-and-theory">ì¬ìê³¼ ì´ë¡ </a> 1909 <span class="c-pretty-pipe"></span> 1910 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/books">ìì± ì</a> 1911 <span class="c-pretty-pipe"></span> 1912 <a class="text-gray-200 hover:no-underline" href="https://marx21.or.kr/">ë§ë¥´í¬ì¤21</a> 1913 <span class="c-pretty-pipe"></span> 1914 <a class="text-gray-200 hover:no-underline" href="https://marxism.or.kr/">ë§ìì¦ í¬ë¼</a> 1915 </div> 1916 <div class="flex flex-wrap text-xs mb-8 leading-5"> 1917 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/rule">ê·ì¹</a> 1918 <span class="c-pretty-pipe"></span> 1919 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/code-of-ethics">íìì¤ë¦¬ê°ë ¹</a> 1920 <span class="c-pretty-pipe"></span> 1921 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/procedure-and-terms">ê·ì¨ê³¼ë¶ìì¡°ì ììí 1922 ì ì°¨ 1923 ê·ì ë° 1924 ê´ë ¨ ì©ì´ í´ì¤</a> 1925 </div> 1926 <div class="text-[12px] text-gray-400"> 1927 <div>주ì: (ì° 02582) ìì¸ì ëë문구 ìì°ë¡ 4 ëíë¹ë© ë¡ì¤ì¤ 201í¸(ì¬ìí¨ 1065í¸)</div> 1928 <div> 1929 <div class="inline-block mr-2 whitespace-nowrap">ì í: 02-2271-2395</div> 1930 <div class="inline-block mr-2 whitespace-nowrap">í©ì¤: 02-2271-2396</div> 1931 <div class="inline-block mr-2 whitespace-nowrap">ì´ë©ì¼: [email protected]</div> 1932 </div> 1933 <div>ê³ì¢: êµë¯¼ìí 048402-04-014849 (ìê¸ì£¼ ë°±ìì§)</div> 1934 <div>íìê³ì¢: êµë¯¼ìí 694701-01-227958 (ìê¸ì£¼ ë°±ìì§)</div> 1935 <div>ê³ ì ë²í¸: 101-80-01890 (ë ¸ëìì°ë, ë°±ìì§)</div> 1936 </div> 1937 </div> 1938 1939 <div class="sm:border-l-[1px] sm:border-solid sm:border-[#45484d] sm:border-t-0 sm:border-r-0 sm:border-b-0 sm:pl-3 lg:pl-7 xl:pl-[3.5rem] mb-10"> 1940 <div> 1941 <a href="https://www.youtube.com/@ws-tv"> 1942 <svg xmlns="http://www.w3.org/2000/svg" width="112" height="20" xml:space="preserve"><path 1943 fill="#CACACA" 1944 d="M8.621 11.165h5.712v-2.12H3.166v-6.85H.954v8.97H6.36v4.727H0v1.904h15.083v-1.904H8.621zM26.908 12.083h-6.961c-2.261 0-3.2.884-3.2 2.855 0 1.904.922 2.873 3.2 2.873h6.961c2.329 0 3.2-.969 3.2-2.873 0-1.92-.871-2.855-3.2-2.855m-.017 3.808h-6.927c-.985 0-.957-.357-.957-.952s-.029-.935.957-.935h6.927c.98 0 .957.34.957.935s.024.952-.957.952M24.94 8.241h5.168V6.402H18.991V4.015h11.117v-1.82H16.747v6.046h5.932v1.197h-7.105v1.879h15.554V9.438H24.94zM44.915 2.188h-2.261v15.624h2.261v-7.203h2.295V8.688h-2.295zM50.933 12.592h-2.278v5.22h12.8v-1.905H50.933zM59.211 2.188v1.53h-3.904v.016a4.522 4.522 0 0 0-3.406-1.546 4.538 4.538 0 0 0 0 9.077c1.468 0 2.77-.701 3.6-1.783h3.71v4.023h2.244V2.188h-2.244zm-7.309 7.043a2.504 2.504 0 1 1-.001-5.009 2.504 2.504 0 0 1 .001 5.009m7.309-1.653h-2.854c.052-.276.083-.56.083-.852 0-.381-.052-.75-.141-1.103h2.913v1.955zM74.99 2.188v6.567h-1.225v-6.56h-2.159v15.602h2.159v-7.121h1.225v7.136h2.243V2.188zM63.174 17.797l8.024-.01v-1.912h-5.544V4.093h5.544V2.188h-8.024zM37.572 8.931V4.044h3.451V2.195h-9.164v1.849h3.451v4.887c0 2.552-1.127 4.358-3.756 6.284v2.597c2.354-1.378 4.038-3.161 4.888-4.775.85 1.614 2.534 3.397 4.887 4.775v-2.597c-2.629-1.926-3.757-3.732-3.757-6.284M111.431 3.943c-.08-.942-.966-1.964-1.948-2.24-8.45-2.27-16.62-2.27-25.07 0-.982.276-1.868 1.298-1.949 2.24a71.023 71.023 0 0 0 0 12.114c.082.942.967 1.965 1.949 2.241 8.45 2.27 16.619 2.27 25.07 0 .981-.276 1.867-1.299 1.948-2.241a71.023 71.023 0 0 0 0-12.114zm-8.364 12.973h-2.571l-3.36-10.675h-4.225v10.675h-2.702V6.241H86.71V3.833h12.581l2.294 7.892.211.732c.065-.261.146-.504.228-.781l2.279-7.843h2.88l-4.116 13.083z"/></svg> 1945 </a> 1946 </div> 1947 <div class="text-xs my-4 whitespace-nowrap"> 1948 <a class="hover:no-underline text-gray-200" 1949 href="https://youtube.com/@ws-tv">ì±ë í</a> 1950 </div> 1951 <div class="text-xs my-4 whitespace-nowrap"> 1952 <a class="hover:no-underline text-gray-200" 1953 href="https://www.youtube.com/playlist?list=PLXWnWki5neClaeZZnoOeDzJdFZ86W-j6N">ë ¸ëìì°ë í ë¡ í</a> 1954 </div> 1955 <div class="text-xs my-4 whitespace-nowrap"> 1956 <a class="hover:no-underline text-gray-200" 1957 href="https://www.youtube.com/playlist?list=PLXWnWki5neCkWZyIFXyfFBtv7sMgTXqy8">ê·¹ì°ì íìì¦</a> 1958 </div> 1959 <div class="text-xs my-4 whitespace-nowrap"> 1960 <a class="hover:no-underline text-gray-200" 1961 href="https://www.youtube.com/playlist?list=PLXWnWki5neClK0pV-rivbrt9lWsay3E5W">íë ì¤íì¸ ì í, ì°ë, ì ë§</a> 1962 </div> 1963 <div class="text-xs my-4 whitespace-nowrap"> 1964 <a class="hover:no-underline text-gray-200" 1965 href="https://www.youtube.com/playlist?list=PLXWnWki5neCnF6YcL_gjcKE31DPvZoEpx">ë§ë¥´í¬ì¤ì£¼ìë 무ìì¸ê°</a> 1966 </div> 1967 <div class="text-xs my-4 whitespace-nowrap"> 1968 <a class="hover:no-underline text-gray-200" 1969 href="https://www.youtube.com/playlist?list=PLXWnWki5neCmQIfOsz7qcgcn7lKHO--pV">ë¹ì ì´ ììì¼ í íë ì¤êµì 모ë ê²(12ê°)</a> 1970 </div> 1971 <div class="text-xs my-4 whitespace-nowrap"> 1972 <a class="hover:no-underline text-gray-200" 1973 href="https://www.youtube.com/playlist?list=PLXWnWki5neClcFs8NvWNBJR6XEQgZyqvy">기í ì기! ì²´ì 를 ë°ê¾¸ì ìë¦¬ì¦ 10ë¶ì</a> 1974 </div> 1975 <div class="text-xs my-4 whitespace-nowrap"> 1976 <a class="hover:no-underline text-gray-200" 1977 href="https://www.youtube.com/playlist?list=PLXWnWki5neCkEIvlSpfbdSRNoUm8mOTAz">ë§ìì¦ ê°ì° ìì</a> 1978 </div> 1979 </div> 1980 </div> 1981 <div class="js-footer sm:block hidden flex-wrap text-center text-xs mb-1"> 1982 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/privacy">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a>
1983 <span class="c-pretty-pipe"></span> 1984 <a class="text-gray-200 hover:no-underline" href="https://ws.or.kr/page/email-policy">ì´ë©ì¼ ë¬´ë¨ ìì§ ê±°ë¶</a> 1985 <span class="c-pretty-pipe"></span> 1986 <a class="text-gray-200 hover:no-underline" 1987 href="https://ws.or.kr/page/subscription-personal-information">ê°ì¸ì ë³´ ìì§ ëì</a> 1988 </div> 1989 1990 <div 1991 class="js-footer text-[12px] text-gray-400 text-center hidden sm:block pt-2 pb-8"> 1992 Copyright (c) ws.or.kr All rights reserved (주)ë íí¸ë¯¸ëì´ ëí ê¹ì¸ì 1993 </div> 1994 </div> 1995</footer> 1996 1997 1998 1999<div class="js-search-popup"> 2000 <search-popup></search-popup> 2001</div> 2002 2003<link rel="preload" as="style" href="https://ws.or.kr/build/assets/editor-tn0RQdqM.css" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/app-BShbYw52.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/initClipboardJs-BdBOlxcT.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/bootstrap-BuIGpBAS.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/_commonjsHelpers-BosuxZz1.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/vue.esm-BYSvWvGK.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/_isIterateeCall-DxJmNnH8.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/isObject-C2tG_gaY.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/_plugin-vue2_normalizer-p4i_2SC9.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/js.
2003cookie-bz6z3bP_.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/is-mobile-device-BM532kie.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/sweetalert2.esm.all-C80wueXW.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/index-C0RmN517.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/google-analytics-BSO54Vg_.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/tracking-delay-DtF_sRgp.js" /><link rel="modulepreload" href="https://ws.or.kr/build/assets/matomo-analytics-BIUNh-hm.js" /><link rel="stylesheet" href="https://ws.or.kr/build/assets/editor-tn0RQdqM.css" />
2003<script type="module" src="https://ws.or.kr/build/assets/app-BShbYw52.js"></script>
2003<script type="module" src="https://ws.or.kr/build/assets/google-analytics-BSO54Vg_.js"></script>
2003<script type="module" src="https://ws.or.kr/build/assets/matomo-analytics-BIUNh-hm.js"></script>
2003<script src="https://ws.or.kr/js/vendor/jquery-2.2.4.min.js"></script>
vendor: 69 bytes, lines 2003-2005
2003 2004 2005 <script async src="https://www.googletagmanager.com/gtag/js?id=
2005UA-7535546-1
vendor: 13 bytes, lines 2005-2006
2005"></script> 2006
2007<!-- Matomo -->
2008<script type="text/javascript"> 2009 var _paq = window._paq || []; 2010 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 2011 _paq.push(['enableLinkTracking']); 2012 (function() { 2013 var u="https://matomo.ws.or.kr/"; 2014 _paq.push(['setTrackerUrl', u+'matomo.php']); 2015 _paq.push(['setSiteId', '1']); 2016 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 2017 g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); 2018 })(); 2019</script>
2019 2020<!-- End Matomo Code --> 2021 2022</body> 2023</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.