PageSourceSearch

https://ws.or.kr/page/contact

html ws.or.kr collected 2026-10-09 04:40:15 UTC 153,130 bytes, 2,023 lines download raw bytes

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&amp;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&amp;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">&times;</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.