PageSourceSearch

https://www.worklife.kr/website_renew/index/main/main.asp

html worklife.kr collected 2026-10-04 20:36:51 UTC 187,554 bytes, 2,680 lines download raw bytes

1
2 
3<!DOCTYPE html>
4<html lang="ko">
5<head>
6    <meta charset="UTF-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
9    <title>고용노동부 일생활균형 - 육아휴직, 유연근무, 근로시간 단축 등 지원안내</title>
10    
11    <meta name="description" content="고용노동부 공식 일생활균형 홈페이지입니다. 육아휴직, 유연근무, 근로시간 단축 등 노동자와 사업주 모두를 위한 다양한 정책과 지원을 확인하세요.">
12    
13    <meta name="keywords" content="일생활균형, 워라밸, 일가정양립, 유연근무, 출산휴가, 육아휴직, 육아기 10시 출퇴근, 육아기 근로시간 단축, 4.5일제">
14    
15    <meta property="og:type" content="website">
16    <meta property="og:title" content="고용노동부 일생활균형">
17    <meta property="og:description" content="유연근무, 육아휴직, 근로시간 단축 등 노동자와 사업주 모두를 위한 고용노동부의 다양한 정책과 지원을 확인해 보세요.">
18    
19    <meta property="og:url" content="">
20    <meta property="og:image" content="../_images/common/kakaothum.jpg">
21
22    <meta property="og:image:width" content="800">
23    <meta property="og:image:height" content="400">
24
25    <meta name="google-site-verification" content="hyxldrRTZ4DldWHtB39RRPifQxzaKhyI6LpfVvgl7pU" />
26    <meta name="naver-site-verification" content="dc9142df572f2ffb518151bd1bea4727aa2098d6" />
27
28    <link rel="icon" type="image/png" href="../_images/favicon/favicon.png">
29
30    <link rel="stylesheet" href="../_common/css/common.css?2026">
31    <link rel="stylesheet" href="../_common/css/main.css">
32    <link rel="stylesheet" href="../_common/css/main_res.css">
33    <link rel="stylesheet" href="../_common/css/sub.css?2026">
34    
35        <link rel="stylesheet" href="../_common/css/board.css">
36    
37    <link rel="stylesheet" href="../_common/css/xeicon.css">
38    <link rel="stylesheet" href="../_common/css/xeicon.min.css">
39    <link rel="stylesheet" href="../_common/css/swiper-bundle.min.css">
40    
40<script src="../js/common.js"></script>
40
41    
41<script src="../_common/js/jquery-3.6.0.min.js"></script>
41
42</head> 
43
44<body>
45        <div id="skipNav">
46        <a href="#contents">본문 바로가기</a>
47        <a href="#navMove">주메뉴 바로가기</a>
48    </div>
49    <header class="header">
50        <!-- 띠 배너 -->
51        <div class="top-banner">
52            <div class="inner">
53                <span class="flag-icon">
54                    <img src="../_images/common/header_flag2.svg" alt="태극기">
55                </span> 
56                <span>이 누리집은 대한민국 공식 전자정부 누리집입니다.</span>
57            </div>
58        </div>
59        
60        <!-- 메인 헤더 -->
61        <div class="inner header-main" tabindex="-1">
62            <!-- 로고 -->
63            <div class="topBox">
64                <div class="logo-area">
65                    <a href="../main/main.asp" class="logo-moel">
66                        <h1>
67                            <img src="../_images/common/logo.svg" alt="고용노동부 일생활균형">
68                        </h1>
69                    </a>
70                </div>
71                <div class="rtBtn">
72                    <button type="button" class="util-btn" onclick="ShowPop('searchModal')">
73                        <span class="icon icon01">
74                            <img src="../_images/common/header_util_icon01_off.svg" class="off" alt="">
75                            <img src="../_images/common/header_util_icon01_on.svg" class="on" alt="">
76                        </span>
77                        <span>통합검색</span>
78                    </button>
79                    <button type="button" class="util-btn util-btn_mo js-menu-open" aria-label="전체메뉴 열기" aria-controls="allMenuBox" aria-expanded="false">
80                        <span class="icon icon02">
81                            <img src="../_images/common/header_util_icon02_off.svg" class="off" alt="">
82                            <img src="../_images/common/header_util_icon02_on.svg" class="on" alt="">
83                        </span>                        
84                        <span>전체메뉴</span>
85                    </button>                  
86                </div>
87            </div>
88            <div class="bottomBox">
89                <nav class="gnb-pc" id="navMove">
90                    <ul class="gnb-ul">
91                        <!-- 0. 전체메뉴 버튼 (기존 유지) -->
92                        <li>
93                            <button class="util-btn js-menu-open" aria-label="전체메뉴 열기" aria-controls="allMenuBox" aria-expanded="false">
94                                <span class="icon icon02">
95                                    <img src="../_images/common/header_util_icon02_off.svg" class="off" alt="">
96                                    <img src="../_images/common/header_util_icon02_on.svg" class="on" alt="">
97                                </span>                        
98                                <span>전체메뉴</span>
99                            </button>
100                        </li>
101
102                        <!-- 1. 노동자 지원 (수정됨) -->
103                        <li>
104                            <a href="javascript:void(0);" class="depth1-link">노동자 지원</a>
105                            <ul class="depth2-ul">
106                                <!-- 1-1. 임신・출산 -->
107                                <li>
108                                    <a href="../workerSupport/maternity_benefit.asp">임신・출산</a>
109                                    <ul>
110                                        <li><a href="../workerSupport/maternity_benefit.asp#">출산전후(유산·사산)휴가 및 급여</a></li>
111                                        <li><a href="../workerSupport/paternity_leave.asp">배우자 출산전후(유산·사산)휴가 및 급여</a></li>
112                                        <li><a href="../workerSupport/Infertility_treatment_leave.asp">난임치료휴가 및 급여</a></li>
113                                        <li><a href="../workerSupport/reduced_hours_during_pregnancy.asp">임신기 근로시간 단축</a></li>
114                                        <li>
114<a href="../workerSupport/prenatal_checkup.asp">기타 임신·출산 근로자 보호 제도</a></li>
115                                    </ul>
116                                </li>
117                                <!-- 1-2. 육아・돌봄 -->
118                                <li>
119                                    <a href="../workerSupport/parental_leave_benefit.asp">육아・돌봄</a>
120                                    <ul>
121                                        <li><a href="../workerSupport/parental_leave_benefit.asp#">육아휴직・육아기 근로시간 단축</a></li>
122                                        <li><a href="../workerSupport/parental_leave.asp">아빠 육아지원제도</a></li>
123                                        <li><a href="../workerSupport/reduced_hours_family_care.asp">가족돌봄 근로시간 단축 등</a></li>
124                                    </ul>
125                                </li>
126                                <li>
127                                    <button type="button" class="btn-allmenu-close btn-allmenu-close-mo" aria-label="전체메뉴 닫기"></button>
128                                </li>
129                            </ul>
130                        </li>
131
132                        <!-- 2. 사업주 지원 (기준 코드 유지) -->
133                        <li>
134                            <a href="javascript:void(0);" class="depth1-link">사업주 지원</a>
135                            <ul class="depth2-ul">
136                                <!-- 2-1. 육아・돌봄 -->
137                                <li>
138                                    <a href="../employerSupport/parental_leave_reduction_subsidy.asp">육아・돌봄</a>
139                                    <ul>
140                                        <li><a href="../employerSupport/parental_leave_reduction_subsidy.asp#">육아휴직・육아기 근로시간 단축지원금</a></li>
141                                        <li><a href="../employerSupport/substitute_worker_subsidy.asp">대체인력・업무분담지원금</a></li>
142                                        <li><a href="../employerSupport/workplace_daycare_support.asp">직장어린이집 지원</a></li>                                        
143                                    </ul>
144                                </li>
145                                <!-- 2-2. 10시출근&4.5일제 등 -->
146                                <li>
147                                    <a href="../employerSupport/week_4_5_day_support.asp">10시출근&노동시간단축 </a>
148                                    <ul>
149                                        <li><a href="../employerSupport/week_4_5_day_support.asp#">워라밸+4.5 프로젝트</a></li>
150                                        <li><a href="../employerSupport/flexible_work_10am_support.asp">육아기10시 출근 지원(워라밸일자리 장려금)</a></li>
151                                        <li><a href="../employerSupport/reduced_work_hours_subsidy.asp">소정근로시간 단축 지원(워라밸일자리 장려금)</a></li>                                    
152                                    </ul>
153                                </li> 
154                                <!-- 2-3. 유연근무 -->
155                                <li>
156                                    <a href="../employerSupport/flexible_work_bonus.asp">유연근무</a>
157                                    <ul>
158                                        <li><a href="../employerSupport/flexible_work_bonus.asp#">장려금(유연근무 장려금)</a></li>
159                                        <li><a href="../employerSupport/work_life_balance_system_support.asp">시스템 지원(일・생활균형 시스템)</a></li>
160                                    </ul>
161                                </li>
162                                <!-- 2-4. 컨설팅・안내 등 -->
163                                <li>
164                                    <a href="../employerSupport/workplace_innovation_consulting.asp">컨설팅・안내 등</a>
165                                    <ul>
166                                        <li><a href="../employerSupport/workplace_innovation_consulting.asp#">사업장 컨설팅(일터혁신 상생컨설팅)</a></li>
167                                        <li><a href="../employerSupport/industrial_complex_support.asp">산단 행복일터 지원</a></li>
168                                    </ul>
169                                </li>
170                                <li>
171                                    <button type="button" class="btn-allmenu-close btn-allmenu-close-mo" aria-label="전체메뉴 닫기"></button>
172                                </li>                                
173                            </ul>
174                        </li>
175
176                        <!-- 3. 우수사례&홍보 (수정됨) -->
177                        <li>
178                            <a href="javascript:void(0);" class="depth1-link">우수사례&홍보</a>
179                            <ul class="depth2-ul">
180                                <!-- 3-1. 일·생활균형 우수기업 -->
181                                <li>
182                                    <a href="../pr/excellent_company_about.asp">일·생활균형 우수기업</a>
183                                    <ul>
184                                        <li><a href="../pr/excellent_company_about.asp#">일생활균형 우수기업이란?</a></li>
185                                        <li><a href="../pr/excellent_company_benefits.asp">선정 혜택</a></li>
186                                    </ul>
187                                </li>
188                                <!-- 3-2. 일·생활균형 캠페인 -->
189                                <li>
190                                    <a href="../pr/campaign_about.asp">일·생활균형 캠페인</a>
191                                    <ul>
192                                        <li><a href="../pr/campaign_about.asp#">일생활균형 캠페인이란?</a></li>
193                                        <li><a href="../pr/campaign_business.asp">참여기업</a></li>
194                                        <li><a href="../pr/discount_benefits.asp">할인혜택</a></li>
195                                    </ul>
196                                </li>
197                                <!-- 3-3. 근무혁신 10대 제안 -->
198                                <li>
199                                    <a href="../pr/work_innovation_10.asp">근무혁신 10대 제안</a>
200                                    <ul>
201                                        <li><a href="../pr/work_innovation_10.asp#">근무혁신 10대 제안</a></li>
202                                        <li><a href="../pr/work_innovation_manager.asp">관리자가 이끄는 근무혁신</a></li>
203                                    </ul>
204                                </li>
205                                <!-- 3-4. 도입 후기 -->
206                                <li>
207                                    <a href="../pr/worker_stories.asp">도입 후기</a>
208                                    <ul>
209                                        <li><a href="../pr/worker_stories.asp#">노동자 생생 후기</a></li>
210                                        <li><a href="../pr/company_stories.asp">기업 생생 후기</a></li>
211                                    </ul>
212                                </li>
213                                <!-- 3-5. 기타 (하위메뉴 없음) -->
214                                <li><a href="..//pr/policy_resources.asp">정책자료</a></li>
215                                <li><a href="../pr/card_news.asp">카드뉴스</a></li>
216                                <li><a href="../pr/videos.asp">영상자료</a></li>
217                                <li><a href="../pr/bi.asp">일생활균형BI</a></li>
218                                <li>
219                                    <button type="button" class="btn-allmenu-close btn-allmenu-close-mo" aria-label="전체메뉴 닫기"></button>
220                                </li>                                
221                            </ul>
222                        </li>
223
224                        <!-- 4. 알림마당 (수정됨) -->
225                        <li>
226                            <a href="javascript:void(0);" class="depth1-link">알림마당</a>
227                            <ul class="depth2-ul">
228                                <!-- 알림마당은 3차 메뉴가 없어서 바로 링크로 처리 -->
229                                <li><a href="../newsroom/notices.asp">
229공지사항</a></li>
230                                <li><a href="../newsroom/press_releases.asp">보도자료</a></li>
231                                <li><a href="../newsroom/events.asp">이벤트</a></li>
232                                <li>
233                                    <button type="button" class="btn-allmenu-close btn-allmenu-close-mo" aria-label="전체메뉴 닫기"></button>
234                                </li>                                
235                            </ul>
236                        </li>
237                    </ul>
238                </nav>
239            </div>
240        </div>
241
242        <!-- 풀메뉴 배경판 -->
243        <div class="gnb-bg"></div>
244    </header>
245    <!-- [전체메뉴 레이어] ID: allMenuBox -->
246    <div id="allMenuBox" class="allmenu-wrapper" aria-hidden="true">
247        <div class="allmenu-inner">
248            
249            <!-- 모바일용 상단 헤더 (타이틀 + 닫기버튼) -->
250            <div class="allmenu-header">
251                <a href="../main/main.asp" class="logo-moel">
252                    <h1>
253                        <img src="../_images/common/logo.svg" alt="고용노동부 일생활균형">
254                    </h1>
255                </a>
256                <button type="button" class="btn-allmenu-close" aria-label="전체메뉴 닫기"></button>
257            </div>
258
259            <!-- 메뉴 콘텐츠 시작 -->
260            <nav class="allmenu-content">
261                <ul class="allmenu-depth1-ul">
262                    
263                    <li class="allmenu-depth1-li">
264                        <a href="../workerSupport/maternity_benefit.asp" class="allmenu-depth1-tit" role="button" aria-expanded="false">
265                            노동자 지원
266                        </a>
267                        <ul class="allmenu-depth2-ul">
268                            <li class="allmenu-depth2-li">
269                                <a href="../workerSupport/maternity_benefit.asp" class="allmenu-depth2-tit" role="button" aria-expanded="false">임신・출산</a>
270                                <ul class="allmenu-depth3-ul">
271                                    <li><a href="../workerSupport/maternity_benefit.asp">출산전후(유산·사산)휴가 및 급여</a></li>
272                                    <li><a href="../workerSupport/paternity_leave.asp">배우자출산전후(유산·사산)휴가 및 급여</a></li>
273                                    <li><a href="../workerSupport/Infertility_treatment_leave.asp">난임치료휴가 및 급여</a></li>
274                                    <li><a href="../workerSupport/reduced_hours_during_pregnancy.asp">임신기 근로시간 단축</a></li>
275                                    <li><a href="../workerSupport/prenatal_checkup.asp">기타 임신·출산 근로자 보호 제도</a></li>
276                                </ul>
277                            </li>
278                            <li class="allmenu-depth2-li">
279                                <a href="../workerSupport/parental_leave_benefit.asp" class="allmenu-depth2-tit" role="button" aria-expanded="false">육아・돌봄</a>
280                                <ul class="allmenu-depth3-ul">
281                                    <li><a href="../workerSupport/parental_leave_benefit.asp">육아휴직・육아기 근로시간 단축</a></li>
282                                    <li><a href="../workerSupport/parental_leave.asp">아빠 육아지원제도</a></li>
283                                    <li><a href="../workerSupport/reduced_hours_family_care.asp">가족돌봄 근로시간 단축 등</a></li>
284                                </ul>
285                            </li>
286                        </ul>
287                    </li>
288
289                    <li class="allmenu-depth1-li">
290                        <a href="../employerSupport/parental_leave_reduction_subsidy.asp" class="allmenu-depth1-tit" role="button" aria-expanded="false">
291                            사업주 지원
292                        </a>
293                        <ul class="allmenu-depth2-ul">
294                            <li class="allmenu-depth2-li">
295                                <a href="../employerSupport/parental_leave_reduction_subsidy.asp" class="allmenu-depth2-tit" role="button" aria-expanded="false">육아・돌봄</a>
296                                <ul class="allmenu-depth3-ul">
297                                    <li><a href="../employerSupport/parental_leave_reduction_subsidy.asp">육아휴직・육아기 근로시간 단축지원금</a></li>
298                                    <li><a href="../employerSupport/substitute_worker_subsidy.asp">대체인력・업무분담지원금</a></li>
299                                    <li><a href="../employerSupport/workplace_daycare_support.asp">직장어린이집 지원</a></li>
300                                </ul>
301                            </li>
302                            <li class="allmenu-depth2-li">
303                                <a href="../employerSupport/week_4_5_day_support.asp" class="allmenu-depth2-tit" role="button" aria-expanded="false">10시출근&노동시간단축</a>
304                                <ul class="allmenu-depth3-ul">
305                                    <li><a href="../employerSupport/week_4_5_day_support.asp">워라밸+4.5 프로젝트</a></li>
306                                    <li><a href="../employerSupport/flexible_work_10am_support.asp">육아기10시 출근 지원 </a></li>
307                                    <li><a href="../employerSupport/reduced_work_hours_subsidy.asp">소정근로시간 단축 지원 </a></li>
308                                </ul>
309                            </li>
310                            <li class="allmenu-depth2-li">
311                                <a href="../employerSupport/flexible_work_bonus.asp" class="allmenu-depth2-tit" role="button" aria-expanded="false">유연근무</a>
312                                <ul class="allmenu-depth3-ul">
313                                    <li><a href="../employerSupport/flexible_work_bonus.asp">장려금 </a></li>
314                                    <li><a href="../employerSupport/work_life_balance_system_support.asp">시스템 지원 </a></li>
315                                </ul>
316                            </li>
317                            <li class="allmenu-depth2-li">
318                                <a href="../employerSupport/workplace_innovation_consulting.asp" class="allmenu-depth2-tit" role="button" aria-expanded="false">컨설팅・안내 등</a>
319                                <ul class="allmenu-depth3-ul">
320                                    <li><a href="../employerSupport/workplace_innovation_consulting.asp">
320사업장 컨설팅 </a></li>
321                                    <li><a href="../employerSupport/industrial_complex_support.asp">산단 행복일터 지원</a></li>
322                                </ul>
323                            </li>
324                        </ul>
325                    </li>
326
327                    <li class="allmenu-depth1-li">
328                        <a href="../pr/excellent_company_about.asp" class="allmenu-depth1-tit" role="button" aria-expanded="false">
329                            우수사례&홍보
330                        </a>
331                        <ul class="allmenu-depth2-ul">
332                            <li class="allmenu-depth2-li">
333                                <a href="../pr/excellent_company_about.asp" class="allmenu-depth2-tit" role="button" aria-expanded="false">일·생활균형 <br>우수기업</a>
334                                <ul class="allmenu-depth3-ul">
335                                    <li><a href="../pr/excellent_company_about.asp">일생활균형 우수기업이란?</a></li>
336                                    <li><a href="../pr/excellent_company_benefits.asp">선정 혜택</a></li>
337                                </ul>
338                            </li>
339                            <li class="allmenu-depth2-li">
340                                <a href="../pr/campaign_about.asp" class="allmenu-depth2-tit" role="button" aria-expanded="false">일·생활균형 <br>캠페인</a>
341                                <ul class="allmenu-depth3-ul">
342                                    <li><a href="../pr/campaign_about.asp">일생활균형 캠페인이란?</a></li>
343                                    <li><a href="../pr/campaign_business.asp">참여기업</a></li>
344                                    <li><a href="../pr/discount_benefits.asp">할인혜택</a></li>
345                                </ul>
346                            </li>
347                            <li class="allmenu-depth2-li">
348                                <a href="../pr/work_innovation_10.asp" class="allmenu-depth2-tit" role="button" aria-expanded="false">근무혁신 10대 제안</a>
349                                <ul class="allmenu-depth3-ul">
350                                    <li><a href="../pr/work_innovation_10.asp">근무혁신 10대 제안</a></li>
351                                    <li><a href="../pr/work_innovation_manager.asp">관리자가 이끄는 근무혁신</a></li>
352                                </ul>
353                            </li>
354                            <li class="allmenu-depth2-li">
355                                <a href="../pr/worker_stories.asp" class="allmenu-depth2-tit" role="button" aria-expanded="false">도입 후기</a>
356                                <ul class="allmenu-depth3-ul">
357                                    <li><a href="../pr/worker_stories.asp">노동자 생생 후기</a></li>
358                                    <li><a href="../pr/company_stories.asp">기업 생생 후기</a></li>
359                                </ul>
360                            </li>
361                            <li class="allmenu-depth2-li no-depth3">
362                                <a href="../pr/policy_resources.asp" class="allmenu-depth2-tit">정책자료</a>
363                            </li>
364                            <li class="allmenu-depth2-li no-depth3">
365                                <a href="../pr/card_news.asp" class="allmenu-depth2-tit">카드뉴스</a>
366                            </li>
367                            <li class="allmenu-depth2-li no-depth3">
368                                <a href="../pr/videos.asp" class="allmenu-depth2-tit">영상자료</a>
369                            </li>
370                            <li class="allmenu-depth2-li no-depth3">
371                                <a href="../pr/bi.asp" class="allmenu-depth2-tit">일생활균형BI</a>
372                            </li>
373                        </ul>
374                    </li>
375
376                    <li class="allmenu-depth1-li">
377                        <a href="../newsroom/notices.asp" class="allmenu-depth1-tit" role="button" aria-expanded="false">
378                            알림마당
379                        </a>
380                        <ul class="allmenu-depth2-ul">
381                            <li class="allmenu-depth2-li no-depth3"><a href="../newsroom/notices.asp" class="allmenu-depth2-tit">공지사항</a></li>
382                            <li class="allmenu-depth2-li no-depth3"><a href="../newsroom/press_releases.asp" class="allmenu-depth2-tit">보도자료</a></li>
383                            <li class="allmenu-depth2-li no-depth3"><a href="../newsroom/events.asp" class="allmenu-depth2-tit">이벤트</a></li>
384                        </ul>
385                    </li>
386
387                </ul>
388            </nav>
389            <button type="button" class="btn-allmenu-close btn-allmenu-close-mo" aria-label="전체메뉴 닫기"></button>
390        </div>
391    </div>
392    <div class="dimmed"></div>
393    <div id="searchModal" class="modal" role="dialog">
394    <form id="modalSearchForm" name="modalSearchForm" action="/website_renew/index/_include/searchResult.asp" method="get">
395        <input type="hidden" name="SEARCH_TYPE" value="ALL">
396        <dl>
397            <dt>
398                근무는 유연하게, 내 삶은 균형있게!<br>
399                인재 유치와 기업의 성장으로!
400            </dt>
401            <dd>
402                함께 만드는 워라밸, 모두가 행복한 일터
403            </dd>
404        </dl>
405        <div class="search-box">
406            <label for="modalSearchText" class="blind">검색어 입력</label>
407            <input type="text" name="SEARCH_TEXT" id="modalSearchText" placeholder="무엇을 찾고 계세요?">
408            <button type="submit" class="btn-search" title="검색 버튼">                            
409                <span class="search-icon">
410                    <img src="../_images/common/search_icon.svg" alt="">
411                </span>
412                <span class="search-text">검색</span>
413            </button>
414        </div>
415        <ul class="hashtags">
416            <li>
417                <a href="https://www.worklife.kr/website_renew/index/_include/searchResult.asp?SEARCH_TYPE=ALL&SEARCH_TEXT=육아휴직">#육아휴직</a>
418            </li>
419            <li>
420                <a href="https://www.worklife.kr/website_renew/index/_include/searchResult.asp?SEARCH_TYPE=ALL&SEARCH_TEXT=근로시간단축">#근로시간단축</a>
421            </li>
422            <li>
423                <a href="https://www.worklife.kr/website_renew/index/_include/searchResult.asp?SEARCH_TYPE=ALL&SEARCH_TEXT=유연근무">#유연근무</a>
424            </li>
425            <li>
426                <a href="https://www.worklife.kr/website_renew/index/_include/searchResult.asp?SEARCH_TYPE=ALL&SEARCH_TEXT=아빠육아휴직">#아빠육아휴직</a>
427            </li>      
428        </ul>
429    </form>
430    <button type="button" class="closeBtn closePop" onclick="hidePop('searchModal')" aria-label="검색창 닫기"></button>
431</div>
432<script>
433    (function() {
434        const modalSearchForm = document.querySelector('#modalSearchForm');
435        const modalSearchText = document.querySelector('#modalSearchText');
436
437        if (modalSearchForm && modalSearchText) {
438            modalSearchForm.addEventListener('submit', function(e) {
439                const value = modalSearchText.value.trim();
440                if (value.length < 2) {
441                    e.preventDefault();
442                    alert('검색어를 2자 이상 입력해 주세요.');
443                    modalSearchText.focus();
444                }
445            });
446        }
447    })();
448</script>
448
449
450
451    
451<script>
452        document.addEventListener('DOMContentLoaded', function() {
453            const currentPath = window.location.pathname;
454            const gnbItems = document.querySelectorAll('.gnb-ul > li');
455            
456            // 1. 키워드를 더 명확하게 정의 (단순 'pr'은 위험함)
457            const menuKeywords = ['workerSupport', 'employerSupport', 'pr', 'newsroom'];
458
459            // 2. 모든 active 제거
460            gnbItems.forEach(li => li.classList.remove('active'));
461
462            // 3. 뒤에서부터 검사하거나, 가장 먼저 매칭된 것에서 멈춰야 함 (reverse 활용)
463            // 혹은 폴더 구조상 더 상위 개념인 workerSupport를 우선순위로 둡니다.
464            let targetIndex = -1;
465
466            for (let i = 0; i < menuKeywords.length; i++) {
467                // .includes('pr') 대신 폴더 구분자인 /pr/ 로 체크하면 더 정확합니다.
468                if (currentPath.includes('/' + menuKeywords[i] + '/')) {
469                    targetIndex = i;
470                    break; // 찾으면 바로 멈춤 (우선순위 보장)
471                }
472            }
473
474            // 4. 전체메뉴 버튼(index 0)을 고려하여 +1 적용
475            if (targetIndex !== -1) {
476                const finalIndex = targetIndex + 1;
477                if (gnbItems[finalIndex]) {
478                    gnbItems[finalIndex].classList.add('active');
479                }
480            }
481        });
482    </script>
482
483    <main class="main" id="contents">
484        <section class="sec sec01">
485            <img src="../_images/main/bg_deco_left.png" alt="" aria-hidden="true" class="obj-bubble-left">        
486            <img src="../_images/main/bg_deco_right.png" alt="" aria-hidden="true" class="obj-bubble-right"> 
487            <div class="inner">                
488                <div class="top-group">
489                    <div class="wlb-logo">
490                        <img src="../_images/main/wlb_logo_placeholder.png" alt="WLB 로고">
491                    </div>
492                    <div class="text-wrap">
493                        <h2 class="blind">일생활균형 이야기</h2>
494                        <p class="sub-title">근무는 유연하게, 내 삶은 균형있게!<br>인재 유치와 기업의 성장으로!</p>
495                        <p class="main-title">함께 만드는 워라밸, 모두가 행복한 일터</p>
496                    </div>
497                </div>
498
499                <div class="bottom-group">
500                    <form class="search-box" id="mainSearchForm" action="/website_renew/index/_include/searchResult.asp" method="get">
501                        <input type="hidden" name="SEARCH_TYPE" value="ALL" class="blind">
502                        <label for="mainSearchText" class="blind">검색어 입력</label>
503                        <input type="text" name="SEARCH_TEXT" id="mainSearchText" 
504                            aria-label="검색어 입력" 
505                            placeholder="내게 필요한 정책을 확인해 보세요">
506                        
507                        <button type="submit" class="btn-search" title="검색 버튼">                            
508                            <span class="search-icon">
509                                <img src="../_images/common/search_icon.svg" alt="" aria-hidden="true">
510                            </span>
511                            <span class="search-text">검색</span>
512                        </button>
513                    </form>
514
515                    <div class="hashtags">
516                        <a href="https://www.worklife.kr/website_renew/index/_include/searchResult.asp?SEARCH_TYPE=ALL&SEARCH_TEXT=육아휴직" title="육아휴직 검색어 이동">#육아휴직</a>
517                        <a href="https://www.worklife.kr/website_renew/index/_include/searchResult.asp?SEARCH_TYPE=ALL&SEARCH_TEXT=노동시간단축" title="노동시간단축 검색어 이동">#노동시간단축</a>
518                        <a href="https://www.worklife.kr/website_renew/index/_include/searchResult.asp?SEARCH_TYPE=ALL&SEARCH_TEXT=유연근무" title="유연근무 검색어 이동">#유연근무</a>
519                        <a href="https://www.worklife.kr/website_renew/index/_include/searchResult.asp?SEARCH_TYPE=ALL&SEARCH_TEXT=아빠육아휴직" title="아빠육아휴직 검색어 이동">#아빠육아휴직</a>
520                    </div>
521                </div>
522
523            </div>
524            <div class="mainTabWrap">                
525                <img src="../_images/main/visual_family.png" aria-hidden="true" class="obj-family" alt="가족 일러스트">
526                <div class="mainTabBox">
527                    <ul class="tabBtn pc-only" role="tablist">
528                        <li role="presentation">
529                            <button type="button" role="tab" aria-selected="true" aria-controls="panel1" id="tab1" class="active">임신출산</button>
530                        </li>
531                        <li role="presentation">
532                            <button type="button" role="tab" aria-selected="false" aria-controls="panel2" id="tab2">육아휴직·단축 등</button>
533                        </li>
534                        <li role="presentation">
535                            <button type="button" role="tab" aria-selected="false" aria-controls="panel3" id="tab3">아빠 맞돌봄</button>
536                        </li>
537                        <li role="presentation">
538                            <button type="button" role="tab" aria-selected="false" aria-controls="panel4" id="tab4">10시 출근, 노동시간 단축 등</button>
539                        </li>
540                        <li role="presentation">
541                            <button type="button" role="tab" aria-selected="false" aria-controls="panel5" id="tab5">유연근무</button>
542                        </li>
543                        <li role="presentation">
544                            <button type="button" role="tab" aria-selected="false" aria-controls="panel6" id="tab6">사업주 지원</button>
545                        </li>
546                    </ul>
547                    <!-- s:mobile -->
548                    <div class="tabBtnMo mo-only">
549                        <button type="button" class="select-trigger">임신출산</button>
550                        <ul class="tabBtnMo-list">
551                            <li><button type="button" data-target="panel1" class="active">임신출산</button></li>
552                            <li><button type="button" data-target="panel2">육아휴직·단축 등</button></li>
553                            <li><button type="button" data-target="panel3">아빠 맞돌봄</button></li>
554                            <li><button type="button" data-target="panel4">10시 출근, 노동시간 단축 등</button></li>
555                            <li><button type="button" data-target="panel5">유연근무</button></li>
556                            <li><button type="button" data-target="panel6">사업주 지원</button></li>
557                        </ul>
558                    </div>                     
559                    <!-- e:mobile -->
560                    <div class="tabBox">
561                        <div id="panel1" class="tab-panel  active" role="tabpanel" aria-labelledby="tab1">
562                            <div class="panel-inner">
563                                <div class="cont-left">
564                                    <div class="support-slide-wrap">
565                                        <div class="swiper-button-prev custom-nav-btn" role="button" aria-label="이전 슬라이드"></div>
566                                        <div class="swiper-button-next custom-nav-btn" role="button" aria-label="다음 슬라이드"></div>
567                                        <div class="swiper support-slide01">
568                                            <div class="swiper-wrapper">
569                                                <!-- 1-1 -->
570                                                <div class="swiper-slide">
571                                                    <div class="card-item">
572                                                        <div class="card-top">
573                                                            <div class="card-badges">
574                                                                <sp
574an class="badge-main type-worker">노동자</span>
575                                                                <span class="badge-line"></span>
576                                                                <span class="badge-sub black">전체</span>
577                                                            </div>
578                                                            <h3 class="card-title">출산전후휴가 급여</h3>
579                                                            <a href="../workerSupport/maternity_benefit.asp" class="btn-more">자세히 알아보기 →</a>
580                                                            <p class="card-desc">출산전후휴가 사용 시 근로자 급여 지원</p>
581                                                        </div>
582                                                        <div class="card-bottom">
583                                                            <span class="price">최대 월 220만원</span>
584                                                        </div>
585                                                    </div>
586                                                </div>
587                                                <!-- 1-2 -->
588                                                <div class="swiper-slide">
589                                                    <div class="card-item">
590                                                        <div class="card-top">
591                                                            <div class="card-badges">
592                                                                <span class="badge-main type-worker">노동자</span>
593                                                                <span class="badge-line"></span>
594                                                                <span class="badge-sub black">전체</span>
595                                                            </div>
596                                                            <h3 class="card-title">고용보험 미적용자 출산급여</h3>
597                                                            <a href="../workerSupport/uninsured_maternity_benefit.asp" class="btn-more">자세히 알아보기 →</a>
598                                                            <p class="card-desc">고용보험 없어도 소득활동을 한다면 출산급여 지원</p>
599                                                        </div>
600                                                        <div class="card-bottom">
601                                                            <span class="price">최대 월 150만원</span>
602                                                        </div>
603                                                    </div>
604                                                </div>
605                                                <!-- 1-3 -->
606                                                <div class="swiper-slide">
607                                                    <div class="card-item">
608                                                        <div class="card-top">
609                                                            <div class="card-badges">
610                                                                <span class="badge-main type-worker">노동자</span>
611                                                                <span class="badge-line"></span>
612                                                                <span class="badge-sub">중소</span>
613                                                            </div>
614                                                            <h3 class="card-title">난임치료휴가 급여</h3>
615                                                            <a href="../workerSupport/Infertility_treatment_leave.asp" class="btn-more">자세히 알아보기 →</a>
616                                                            <p class="card-desc">난임치료휴가를 사용했다면 급여 지원받기</p>
617                                                        </div>
618                                                        <div class="card-bottom">
619                                                            <span class="price">최대 일 8.4만원</span>
620                                                        </div>
621                                                    </div>
622                                                </div>
623                                                <!-- 1-4 -->
624                                                <div class="swiper-slide">
625                                                    <div class="card-item">
626                                                        <div class="card-top">
627                                                            <div class="card-badges">
628                                                                <span class="badge-main type-worker">노동자</span>
629                                                                <span class="badge-line"></span>
630                                                                <span class="badge-sub black">전체</span>
631                                                            </div>
632                                                            <h3 class="card-title">유산·사산휴가 급여</h3>
633                                                            <a href="../workerSupport/miscarriage_stillbirth_leave.asp" class="btn-more">자세히 알아보기 →</a>
634                                                            <p class="card-desc">유산·사산휴가 사용 시 근로자 급여 지원</p>
635                                                        </div>
636                                                        <div class="card-bottom">
637                                                            <span class="price">최대 월 220만원</span>
638                                                        </div>
639                                                    </div>
640                                                </div>
641                                                <!-- 1-5 -->
642                                                <div class="swiper-slide">
643                                                    <div class="card-item">
644                                                        <div class="card-top">
645                                                            <div class="card-badges">
646                                                                <span class="badge-main type-worker">노동자</span>
647                                                                <span class="badge-line"></span>
648                                                                <span class="badge-sub black">전체</span>
649                                                            </div>
650                                                            <h3 class="card-title">임신기 근로시간 단축</h3>
651                                                            <a href="../workerSupport/reduced_hours_during_pregnancy.asp" class="btn-more">자세히 알아보기 →</a>
652                                                            <p class="card-desc">임신 근로자라면 임금 삭감 없이 근로시간 단축</p>
653                                                        </div>
654                                                        <div class="card-bottom">
655                                                            <span class="price">최대 2시간 단축</span>
656                                                        </div>
657                                                    </div>
658                                                </div>
659                                                <!-- 1-6 -->
660                                                <div class="swiper-slide">
661                                                    <div class="card-item">
662                                                        <div class="card-top">
663                                                            <div class="card-badges">
664                                                                <span class="badge-main type-biz">사업주</span>
665                                                                <sp
665an class="badge-line"></span>
666                                                                <span class="badge-sub">중소 · 중견</span>
667                                                            </div>
668                                                            <h3 class="card-title">임신기 근로시간 단축 장려금</h3>
669                                                            <a href="../employerSupport/reduced_work_hours_subsidy.asp" class="btn-more">자세히 알아보기 →</a>
670                                                            <p class="card-desc">임신기 근로시간 단축 사업장에 지원금</p>
671                                                        </div>
672                                                        <div class="card-bottom">
673                                                            <span class="price">최대 월 50만원/1인</span>
674                                                        </div>
675                                                    </div>
676                                                </div>
677                                                <!-- 1-7 -->
678                                                <div class="swiper-slide">
679                                                    <div class="card-item">
680                                                        <div class="card-top">
681                                                            <div class="card-badges">
682                                                                <span class="badge-main type-biz">사업주</span>
683                                                                <span class="badge-line"></span>
684                                                                <span class="badge-sub">중소</span>
685                                                            </div>
686                                                            <h3 class="card-title">대체인력지원금</h3>
687                                                            <a href="../employerSupport/substitute_worker_subsidy.asp" class="btn-more">자세히 알아보기 →</a>
688                                                            <p class="card-desc">출산전후휴가 등에 대한 대체인력 활용 시 지원</p>
689                                                        </div>
690                                                        <div class="card-bottom">
691                                                            <span class="price">최대 월 140만원/1인</span>
692                                                        </div>
693                                                    </div>
694                                                </div>
695                                                <!-- 1-8 이후 생략된 항목들도 동일 패턴으로 추가 가능 -->
696                                            </div> 
697                                            <p class="calc-desc moBlock">
698                                                <span>※</span>
699                                                지급 요건, 지원 금액, 지급 기간 등을 단순화 한것으로,
700                                                실제 지원금액과 차이가 클 수 있음
701                                            </p>                                            
702                                            <div class="moControl">
703                                                <div class="swiper-button-prev custom-nav-btn" role="button" aria-label="이전 슬라이드"></div>
704                                                <div class="swiper-pagination" role="button" aria-label="페이지네이션"></div>
705                                                <div class="swiper-button-next custom-nav-btn" role="button" aria-label="다음 슬라이드"></div>
706                                            </div>
707                                            <a href="javascript:void(0);" class="btn-view-all moBlock btn-open-pop">
708                                                <p class="rect-box">사업주 지원 한눈에 보기</p>
709                                                <div class="circle-box">
710                                                    <img src="../_images/main/down_icon01.png" alt="">
711                                                </div>
712                                            </a>
713                                        </div> 
714                                    </div>
715                                </div>
716                                <div class="cont-right cont-right02">
717                                    <a href="https://www.work24.go.kr/cm/c/f/1200/selecSimulateCalc.do?currentPageNo=1&amp;recordCountPerPage=10" target="_blank" title="새 창 열기" class="main_tab_link">
718                                        <img src="../_images/main/main_tab_link_logo.png" alt="고용24 로고" class="link_logo">
719                                        <img src="../_images/main/main_tab_link_arrow01.png" alt="" aria-hidden="true" class="arrow off">
720                                        <img src="../_images/main/main_tab_link_arrow02.png" alt="" aria-hidden="true" class="arrow on">
721                                        지원금 모의 계산<br>바로가기
722                                    </a>
723                                </div>
724                            </div>
725                        </div>
726                        <!-- Panel 2: 육아휴직·단축 등 (우측: 링크형) -->
727                        <div id="panel2" class="tab-panel" role="tabpanel" aria-labelledby="tab2">
728                            <div class="panel-inner">
729                                <div class="cont-left">
730                                    <div class="support-slide-wrap">
731                                        <div class="swiper-button-prev custom-nav-btn" role="button" aria-label="이전 슬라이드"></div>
732                                        <div class="swiper-button-next custom-nav-btn" role="button" aria-label="다음 슬라이드"></div>
733                                        <div class="swiper support-slide02">
734                                            <div class="swiper-wrapper">
735                                                <!-- 2-1 -->
736                                                <div class="swiper-slide">
737                                                    <div class="card-item">
738                                                        <div class="card-top">
739                                                            <div class="card-badges">
740                                                                <sp
740an class="badge-main type-worker">노동자</span>
741                                                                <span class="badge-line"></span>
742                                                                <span class="badge-sub black">전체</span>
743                                                            </div>
744                                                            <h3 class="card-title">육아휴직 급여</h3>
745                                                            <a href="../workerSupport/parental_leave_benefit.asp" class="btn-more">자세히 알아보기 →</a>
746                                                            <p class="card-desc">육아휴직 기간 중 급여 지급</p>
747                                                        </div>
748                                                        <div class="card-bottom">
749                                                            <span class="price">최대 월 250만원</span>
750                                                        </div>
751                                                    </div>
752                                                </div>
753                                                <!-- 2-2 -->
754                                                <div class="swiper-slide">
755                                                    <div class="card-item">
756                                                        <div class="card-top">
757                                                            <div class="card-badges">
758                                                                <span class="badge-main type-worker">노동자</span>
759                                                                <span class="badge-line"></span>
760                                                                <span class="badge-sub black">전체</span>
761                                                            </div>
762                                                            <h3 class="card-title">육아기 근로시간 단축 급여</h3>
763                                                            <a href="../workerSupport/reduced_hours_childcare_benefit.asp" class="btn-more">자세히 알아보기 →</a>
764                                                            <p class="card-desc">육아기 근로시간 단축 기간 중 급여 지급</p>
765                                                        </div>
766                                                        <div class="card-bottom">
767                                                            <span class="price">월 62.5만원 <small>(주 10시간 단축 기준)</small></span>
768                                                        </div>
769                                                    </div>
770                                                </div>
771                                                <!-- 2-3 -->
772                                                <div class="swiper-slide">
773                                                    <div class="card-item">
774                                                        <div class="card-top">
775                                                            <div class="card-badges">
776                                                                <span class="badge-main type-biz">사업주</span>
777                                                                <span class="badge-line"></span>
778                                                                <span class="badge-sub">중소</span>
779                                                            </div>
780                                                            <h3 class="card-title">육아휴직, 육아기근로시간단축 지원금</h3>
781                                                            <a href="../employerSupport/parental_leave_reduction_subsidy.asp" class="btn-more">자세히 알아보기 →</a>
782                                                            <p class="card-desc">육아휴직, 단축을 허용한 사업주 지원</p>
783                                                        </div>
784                                                        <div class="card-bottom">
785                                                            <span class="price">최대 월 100만원/1인</span>
786                                                        </div>
787                                                    </div>
788                                                </div>
789                                                <!-- 2-4 -->
790                                                <div class="swiper-slide">
791                                                    <div class="card-item">
792                                                        <div class="card-top">
793                                                            <div class="card-badges">
794                                                                <span class="badge-main type-biz">사업주</span>
795                                                                <span class="badge-line"></span>
796                                                                <span class="badge-sub">중소</span>
797                                                            </div>
798                                                            <h3 class="card-title">대체인력지원금</h3>
799                                                            <a href="../employerSupport/substitute_worker_subsidy.asp" class="btn-more">자세히 알아보기 →</a>
800                                                            <p class="card-desc">육아휴직, 단축 등에 대한 대체인력 활용 시 지원</p>
801                                                        </div>
802                                                        <div class="card-bottom">
803                                                            <span class="price">최대 월 140만원/1인</span>
804                                                        </div>
805                                                    </div>
806                                                </div>
807                                                <!-- 2-5 -->
808                                                <div class="swiper-slide">
809                                                    <div class="card-item">
810                                                        <div class="card-top">
811                                                            <div class="card-badges">
812                                                                <span class="badge-main type-biz">사업주</span>
813                                                                <span class="badge-line"></span>
814                                                                <span class="badge-sub">중소</span>
815                                                            </div>
816                                                            <h3 class="card-title">업무분담지원금</h3>
817                                                            <a href="../employerSupport/work_sharing_subsidy.asp" class="btn-more">자세히 알아보기 →</a>
818                                                            <p class="card-desc">육아기 직원의 업무공백을 분담하고 보상한 사업장 지원</p>
819                                                        </div>
820                                                        <div class="card-bottom">
821                                                            <span class="price">최대 월 60만원/1인</span>
822                                                        </div>
823                                                    </div>
824                                                </div>
825                                                <!-- 2-6 -->
826                                                <div class="swiper-slide">
827                                                    <div class="card-item">
828                                                        <div class="card-top">
829                                                            <div class="card-badges">
830                                                                <span class="badge-main type-biz">사업주</span>
831                                                                <sp
831an class="badge-line"></span>
832                                                                <span class="badge-sub">중소 · 중견</span>
833                                                            </div>
834                                                            <h3 class="card-title">육아기 유연근무 장려금</h3>
835                                                            <a href="../employerSupport/flexible_work_bonus.asp" class="btn-more">자세히 알아보기 →</a>
836                                                            <p class="card-desc">시차출퇴근, 재택근무 등 유연근무 지원</p>
837                                                        </div>
838                                                        <div class="card-bottom">
839                                                            <span class="price">최대 월 60만원/1인</span>
840                                                        </div>
841                                                    </div>
842                                                </div>
843                                            </div>
844                                            <p class="calc-desc moBlock">
845                                                <span>※</span>
846                                                지급 요건, 지원 금액, 지급 기간 등을 단순화 한것으로,
847                                                실제 지원금액과 차이가 클 수 있음
848                                            </p>                                            
849                                            <div class="moControl">
850                                                <div class="swiper-button-prev custom-nav-btn" role="button" aria-label="이전 슬라이드"></div>
851                                                <div class="swiper-pagination" role="button" aria-label="페이지네이션"></div>
852                                                <div class="swiper-button-next custom-nav-btn" role="button" aria-label="다음 슬라이드"></div>
853                                            </div>
854                                            <a href="javascript:void(0);" class="btn-view-all moBlock btn-open-pop">
855                                                <p class="rect-box">사업주 지원 한눈에 보기</p>
856                                                <div class="circle-box">
857                                                    <img src="../_images/main/down_icon01.png" alt="">
858                                                </div>
859                                            </a>
860                                        </div>
861                                    </div>
862                                </div>
863                                <div class="cont-right cont-right02">
864                                    <a href="https://www.work24.go.kr/cm/c/f/1200/selecSimulateCalc.do?currentPageNo=1&re
864cordCountPerPage=10" target="_blank" title="새 창 열기" class="main_tab_link">
865                                        <img src="../_images/main/main_tab_link_logo.png" alt="고용24 로고" class="link_logo">
866                                        <img src="../_images/main/main_tab_link_arrow01.png" alt="" aria-hidden="true" class="arrow off">
867                                        <img src="../_images/main/main_tab_link_arrow02.png" alt="" aria-hidden="true" class="arrow on">
868                                        지원금 모의 계산<br>바로가기
869                                    </a>
870                                </div>
871                            </div>
872                        </div>
873                        <!-- Panel 3: 아빠 맞돌봄 (우측: 링크형) -->
874                        <div id="panel3" class="tab-panel" role="tabpanel" aria-labelledby="tab3">
875                            <div class="panel-inner">
876                                <div class="cont-left">
877                                    <div class="support-slide-wrap">
878                                        <div class="swiper-button-prev custom-nav-btn" role="button" aria-label="이전 슬라이드"></div>
879                                        <div class="swiper-button-next custom-nav-btn" role="button" aria-label="다음 슬라이드"></div>
880                                        <div class="swiper support-slide03">
881                                            <div class="swiper-wrapper">
882                                                <!-- 3-1 -->
883                                                <div class="swiper-slide">
884                                                    <div class="card-item">
885                                                        <div class="card-top">
886                                                            <div class="card-badges">
887                                                                <span class="badge-main type-worker">노동자</span>
888                                                                <span class="badge-line"></span>
889                                                                <span class="badge-sub">중소</span>
890                                                            </div>
891                                                            <h3 class="card-title">배우자 출산휴가 급여</h3>
892                                                            <a href="../workerSupport/childbirth_childcare_support.asp" class="btn-more">자세히 알아보기 →</a>
893                                                            <p class="card-desc">아빠가 배우자 출산휴가 사용 시 급여 지원</p>
894                                                        </div>
895                                                        <div class="card-bottom">
896                                                            <span class="price">최대 168만원</span>
897                                                        </div>
898                                                    </div>
899                                                </div>
900                                                <!-- 3-2 -->
901                                                <div class="swiper-slide">
902                                                    <div class="card-item">
903                                                        <div class="card-top">
904                                                            <div class="card-badges">
905                                                                <span class="badge-main type-worker">노동자</span>
906                                                                <span class="badge-line"></span>
907                                                                <span class="badge-sub black">전체</span>
908                                                            </div>
909                                                            <h3 class="card-title">부모 맞돌봄 육아휴직 급여</h3>
910                                                            <a href="../wor
910kerSupport/parental_leave.asp" class="btn-more">자세히 알아보기 →</a>
911                                                            <p class="card-desc">육아휴직 기간 중 급여 지급</p>
912                                                        </div>
913                                                        <div class="card-bottom">
914                                                            <span class="price">최대 월 450만원</span>
915                                                        </div>
916                                                    </div>
917                                                </div>
918                                                <!-- 3-3 -->
919                                                <div class="swiper-slide">
920                                                    <div class="card-item">
921                                                        <div class="card-top">
922                                                            <div class="card-badges">
923                                                                <span class="badge-main type-worker">노동자</span>
924                                                                <span class="badge-line"></span>
925                                                                <span class="badge-sub black">전체</span>
926                                                            </div>
927                                                            <h3 class="card-title">육아기 근로시간 단축</h3>
928                                                            <a href="../workerSupport/reduced_hours_childcare_benefit.asp" class="btn-more">자세히 알아보기 →</a>
929                                                            <p class="card-desc">육아기 근로시간 단축 기간 중 급여 지급</p>
930                                                        </div>
931                                                        <div class="card-bottom">
932                                                            <span class="price">월 최대 62.5만원</span>
933                                                        </div>
934                                                    </div>
935                                                </div>
936                                                <!-- 3-4 -->
937                                                <div class="swiper-slide">
938                                                    <div class="card-item">
939                                                        <div class="card-top">
940                                                            <div class="card-badges">
941                                                                <span class="badge-main type-worker">노동자</span>
942                                                                <span class="badge-line"></span>
943                                                                <span class="badge-sub black">전체</span>
944                                                            </div>
945                                                            <h3 class="card-title">100인의 아빠단</h3>
946                                                            <a href="../workerSupport/fathers_corps_100.asp" class="btn-more">자세히 알아보기 →</a>
947                                                            <p class="card-desc">교육·건강·놀이 등 아빠멘토들의 노하우 전수</p>
948                                                        </div>
949                                                        <div class="card-bottom">
950                                                            <span class="price">아빠 멘토링</span>
951                                                        </div>
952                                                    </div>
953                                                </div>
954                                            </div>
955                                            <p class="calc-desc moBlock">
956                                                <span>※</span>
957                                                지급 요건, 지원 금액, 지급 기간 등을 단순화 한것으로,
958                                                실제 지원금액과 차이가 클 수 있음
959                                            </p>                                            
960                                            <div class="moControl">
961                                                <div class="swiper-button-prev custom-nav-btn" role="button" aria-label="이전 슬라이드"></div>
962                                                <div class="swiper-pagination" role="button" aria-label="페이지네이션"></div>
963                                                <div class="swiper-button-next custom-nav-btn" role="button" aria-label="다음 슬라이드"></div>
964                                            </div>
965                                            <a href="javascript:void(0);" class="btn-view-all moBlock btn-open-pop">
966                                                <p class="rect-box">사업주 지원 한눈에 보기</p>
967                                                <div class="circle-box">
968                                                    <img src="../_images/main/down_icon01.png" alt="">
969                                                </div>
970                                            </a>
971                                        </div>
972                                    </div>
973                                </div>
974                                <div class="cont-right cont-right02">
975                                    <a href="https://www.work24.go.kr/cm/c/f/1200/selecSimulateCalc.do?currentPageNo=1&re
975cordCountPerPage=10" target="_blank" title="새 창 열기" class="main_tab_link">
976                                        <img src="../_images/main/main_tab_link_logo.png" alt="고용24 로고" class="link_logo">
977                                        <img src="../_images/main/main_tab_link_arrow01.png" alt="" aria-hidden="true" class="arrow off">
978                                        <img src="../_images/main/main_tab_link_arrow02.png" alt="" aria-hidden="true" class="arrow on">
979                                        지원금 모의 계산<br>바로가기
980                                    </a>
981                                </div>
982                            </div>
983                        </div>
984                        <div id="panel4" class="tab-panel" role="tabpanel" aria-labelledby="tab4">
985                            <div class="panel-inner">
986                                <div class="cont-left">
987                                    <div class="support-slide-wrap">
988                                        <div class="swiper-button-prev custom-nav-btn" role="button" aria-label="이전 슬라이드"></div>
989                                        <div class="swiper-button-next custom-nav-btn" role="button" aria-label="다음 슬라이드"></div>
990                                        <div class="swiper support-slide04">
991                                            <div class="swiper-wrapper">
992                                                <!-- 4-1 -->
993                                                <div class="swiper-slide">
994                                                    <div class="card-item">
995                                                        <div class="card-top">
996                                                            <div class="card-badges">
997                                                                <span class="badge-main type-biz">사업주</span>
998                                                                <span class="badge-line"></span>
999                                                                <span class="badge-sub">20인 이상</span>
1000                                                            </div>
1001                                                            <h3 class="card-title">워라밸+4.5프로젝트</h3>
1002                                                            <a href="../employerSupport/week_4_5_day_support.asp" class="btn-more">자세히 알아보기 →</a>
1003                                                            <p class="card-desc">임금감소 없는 실노동시간 단축과 신규 채용 지원</p>
1004                                                        </div>
1005                                                        <div class="card-bottom">
1006                                                            <span class="price">최대 월 80만원/1인</span>
1007                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" name="p4_item1" class="calc" value="800000"><span class="checkmark"></span></label>
1008                                                        </div>
1009                                                    </div>
1010                                                </div>
1011                                                <!-- 4-2 -->
1012                                                <div class="swiper-slide">
1013                                                    <div class="card-item">
1014                                                        <div class="card-top">
1015                                                            <div class="card-badges">
1016                                                                <span class="badge-main type-biz">사업주</span>
1017                                                                <span class="badge-line"></span>
1018                                                                <span class="badge-sub">중소 · 중견</span>
1019                                                            </div>
1020                                                            <h3 class="card-title">육아기 10시 출근 지원</h3>
1021                                                            <a href="../employerSupport/flexible_work_10am_support.asp" class="btn-more">자세히 알아보기 →</a>
1022                                                            <p class="card-desc">육아사유로 1일 1시간 근로시간 단축 허용한 사업장 지원</p>
1023                                                        </div>
1024                                                        <div class="card-bottom">
1025                                                            <span class="price">최대 월 30만원/1인</span>
1026                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" name="p4_item2" class="calc" value="300000"><span class="checkmark"></span></label>
1027                                                        </div>
1028                                                    </div>
1029                                                </div>
1030                                                <!-- 4-3 -->
1031                                                <div class="swiper-slide">
1032                                                    <div class="card-item">
1033                                                        <div class="card-top">
1034                                                            <div class="card-badges">
1035                                                                <span class="badge-main type-biz">사업주</span>
1036                                                                <span class="badge-line"></span>
1037                                                                <span class="badge-sub">중소 · 중견</span>
1038                                                            </div>
1039                                                            <h3 class="card-title">소정근로시간 단축 장려금</h3>
1040                                                            <a href="../employerSupport/reduced_work_hours_subsidy.asp" class="btn-more">자세히 알아보기 →</a>
1041                                                            <p class="card-desc">가족돌봄, 임신 등 근로시간 단축 허용한 사업장 지원</p>
1042                                                        </div>
1043                                                        <div class="card-bottom">
1044                                                            <span class="price">최대 월 50만원/1인</span>
1045                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" name="p4_item3" class="calc" value="500000"><span class="checkmark"></span></label>
1046                                                        </div>
1047                                                    </div>
1048                                                </div>
1049                                                <!-- 4-4 -->
1050                                                <div class="swiper-slide">
1051                                                    <div class="card-item">
1052                                                        <div class="card-top">
1053                                                            <div class="card-badges">
1054                                                                <span class="badge-main type-worker">노동자</span>
1055                                                                <span class="badge-line"></span>
1056                                                                <span class="badge-sub black">전체</span>
1057                                                            </div>
1058                                                            <h3 class="card-title">가족돌봄 등 근로시간 단축</h3>
1059                                                            <a href="../workerSupport/reduced_hours_family_care.asp" class="btn-more">자세히 알아보기 →</a>
1060                                                            <p class="card-desc">가족돌봄, 본인건강, 은퇴준비, 학업 사유 근로시간 단축</p>
1061                                                        </div>
1062                                                        <div class="card-bottom">
1063                                                            <span class="price">주 10시간 단축</span>
1064                                                        </div>
1065                                                    </div>
1066                                                </div>
1067                                                <!-- 4-5 -->
1068                                                <div class="swiper-slide">
1069                                                    <div class="card-item">
1070                                                        <div class="card-top">
1071                                                            <div class="card-badges">
1072                                                                <sp
1072an class="badge-main type-worker">노동자</span>
1073                                                                <span class="badge-line"></span>
1074                                                                <span class="badge-sub black">전체</span>
1075                                                            </div>
1076                                                            <h3 class="card-title">가족돌봄 휴가</h3>
1077                                                            <a href="../workerSupport/family_care_leave.asp" class="btn-more">자세히 알아보기 →</a>
1078                                                            <p class="card-desc">가족의 질병, 사고, 노령, 자녀양육 사유의 휴가 허용</p>
1079                                                        </div>
1080                                                        <div class="card-bottom">
1081                                                            <span class="price">10일</span>
1082                                                        </div>
1083                                                    </div>
1084                                                </div>
1085                                                <!-- 4-6 -->
1086                                                <div class="swiper-slide">
1087                                                    <div class="card-item">
1088                                                        <div class="card-top">
1089                                                            <div class="card-badges">
1090                                                                <span class="badge-main type-worker">노동자</span>
1091                                                                <span class="badge-line"></span>
1092                                                                <span class="badge-sub black">전체</span>
1093                                                            </div>
1094                                                            <h3 class="card-title">가족돌봄 휴직</h3>
1095                                                            <a href="../workerSupport/family_care_leave_of_absence.asp" class="btn-more">자세히 알아보기 →</a>
1096                                                            <p class="card-desc">가족의 질병, 사고, 노령 사유로 휴직 신청시 허용</p>
1097                                                        </div>
1098                                                        <div class="card-bottom">
1099                                                            <span class="price">90일</span>
1100                                                        </div>
1101                                                    </div>
1102                                                </div>
1103                                            </div>
1104                                            <p class="calc-desc moBlock">
1105                                                <span>※</span>
1106                                                지급 요건, 지원 금액, 지급 기간 등을 단순화 한것으로,
1107                                                실제 지원금액과 차이가 클 수 있음
1108                                            </p>                                            
1109                                            <div class="moControl">
1110                                                <div class="swiper-button-prev custom-nav-btn" role="button" aria-label="이전 슬라이드"></div>
1111                                                <div class="swiper-pagination" role="button" aria-label="페이지네이션"></div>
1112                                                <div class="swiper-button-next custom-nav-btn" role="button" aria-label="다음 슬라이드"></div>
1113                                            </div>
1114                                            <a href="javascript:void(0);" class="btn-view-all moBlock btn-open-pop">
1115                                                <p class="rect-box">사업주 지원 한눈에 보기</p>
1116                                                <div class="circle-box">
1117                                                    <img src="../_images/main/down_icon01.png" alt="">
1118                                                </div>
1119                                            </a>
1120                                        </div>
1121                                    </div>
1122                                </div>
1123                                <div class="cont-right cont-right01">
1124                                    <button type="button" class="closeBtn" aria-label="닫기">
1125                                        <img src="../_images/common/close_img.png" alt="" aria-hidden="true">
1126                                    </button>
1127                                    <div class="calc-container">
1128                                        <div class="calc-header">
1129                                            <div class="header-top">
1130                                                <h3>모의 계산기 <span class="num">(3)</span></h3>
1131                                                <button type="button" class="btn-reset" aria-label="선택한 항목 모두 삭제 및 다시담기">다시담기</button>
1132                                            </div>
1133                                            <p class="sub-text">왼쪽 항목에서 내게 맞는 제도를 담아보세요.</p>
1134                                        </div>                                        
1135                                        <div class="calc-wrap">                                        
1136                                            <div class="calc-body">
1137                                                <ul class="calc-list">
1138                                                    
1139                                                </ul>
1140                                            </div>
1141
1142                                            <div class="calc-footer">
1143                                                <span class="total-label">예상 지원액</span>
1144                                                <strong class="total-price">월 0만원</strong>
1145                                            </div>
1146                                        </div>
1147
1148                                        <p class="calc-desc">
1149                                            <span>※</span>
1150                                            지급 요건, 지원 금액, 지급 기간 등을 단순화 한것으로,<br>
1151                                            실제 지원금액과 차이가 클 수 있음
1152                                        </p>
1153
1154                                        <a href="javascript:void(0);" class="btn-view-all btn-open-pop">
1155                                            <p class="rect-box">사업주 지원 한눈에 보기</p>
1156                                            <div class="circle-box">
1157                                               <img src="../_images/main/down_icon01.png" alt="">
1158                                            </div>
1159                                        </a>
1160                                    </div>
1161                                </div>
1162                            </div>
1163                        </div>
1164                        <div id="panel5" class="tab-panel" role="tabpanel" aria-labelledby="tab5">
1165                            <div class="panel-inner">
1166                                <div class="cont-left">
1167                                    <div class="support-slide-wrap">
1168                                        <div class="swiper-button-prev custom-nav-btn" role="button" aria-label="이전 슬라이드"></div>
1169                                        <div class="swiper-button-next custom-nav-btn" role="button" aria-label="다음 슬라이드"></div>
1170                                        <div class="swiper support-slide05">
1171                                            <div class="swiper-wrapper">
1172                                                <!-- 5-1 -->
1173                                                <div class="swiper-slide">
1174                                                    <div class="card-item">
1175                                                        <div class="card-top">
1176                                                            <div class="card-badges">
1177                                                                <span class="badge-main type-biz">사업주</span>
1178                                                                <span class="badge-line"></span>
1179                                                                <span class="badge-sub">중소 · 중견</span>
1180                                                            </div>
1181                                                            <h3 class="card-title">유연근무 장려금</h3>
1182                                                            <a href="../employerSupport/flexible_work_bonus.asp" class="btn-more">자세히 알아보기 →</a>
1183                                                            <p class="card-desc">시차출퇴근, 재택근무 등 유연근무 지원</p>
1184                                                        </div>
1185                                                        <div class="card-bottom">
1186                                                            <span class="price">최대 월 60만원/1인</span>
1187                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" name="p5_item1" class="calc" value="600000"><span class="checkmark"></span></label>
1188                                                        </div>
1189                                                    </div>
1190                                                </div>
1191                                                <!-- 5-2 -->
1192                                                <div class="swiper-slide">
1193                                                    <div class="card-item">
1194                                                        <div class="card-top">
1195                                                            <div class="card-badges">
1196                                                                <sp
1196an class="badge-main type-biz">사업주</span>
1197                                                                <span class="badge-line"></span>
1198                                                                <span class="badge-sub">중소 · 중견</span>
1199                                                            </div>
1200                                                            <h3 class="card-title">일생활균형 시스템 지원</h3>
1201                                                            <a href="../employerSupport/work_life_balance_system_support.asp" class="btn-more">자세히 알아보기 →</a>
1202                                                            <p class="card-desc">유연근무, 근로시간 단축 등 기반 시스템 비용 지원</p>
1203                                                        </div>
1204                                                        <div class="card-bottom">
1205                                                            <span class="price">최대 1,000만원</span>
1206                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" name="p5_item2" class="calc" value="10000000"><span class="checkmark"></span></label>
1207                                                        </div>
1208                                                    </div>
1209                                                </div>
1210                                            </div>
1211                                            <p class="calc-desc moBlock">
1212                                                <span>※</span>
1213                                                지급 요건, 지원 금액, 지급 기간 등을 단순화 한것으로,
1214                                                실제 지원금액과 차이가 클 수 있음
1215                                            </p>                                            
1216                                            <div class="moControl">
1217                                                <div class="swiper-button-prev custom-nav-btn" role="button" aria-label="이전 슬라이드"></div>
1218                                                <div class="swiper-pagination" role="button" aria-label="페이지네이션"></div>
1219                                                <div class="swiper-button-next custom-nav-btn" role="button" aria-label="다음 슬라이드"></div>
1220                                            </div>
1221                                            <a href="javascript:void(0);" class="btn-view-all moBlock btn-open-pop">
1222                                                <p class="rect-box">사업주 지원 한눈에 보기</p>
1223                                                <div class="circle-box">
1224                                                    <img src="../_images/main/down_icon01.png" alt="">
1225                                                </div>
1226                                            </a>
1227                                        </div>
1228                                    </div>
1229                                </div>
1230                                <div class="cont-right cont-right01">
1231                                    <button type="button" class="closeBtn" aria-label="닫기">
1232                                        <img src="../_images/common/close_img.png" alt="" aria-hidden="true">
1233                                    </button>                                  
1234                                    <div class="calc-container">
1235                                        <div class="calc-header">
1236                                            <div class="header-top">
1237                                                <h3>모의 계산기 <span class="num">(3)</span></h3>
1238                                                <button type="button" class="btn-reset" aria-label="선택한 항목 모두 삭제 및 다시담기">다시담기</button>
1239                                            </div>
1240                                            <p class="sub-text">왼쪽 항목에서 내게 맞는 제도를 담아보세요.</p>
1241                                        </div>                                        
1242                                        <div class="calc-wrap">
1243                                            <div class="calc-body">
1244                                                <ul class="calc-list">
1245                                                    <li style="display:none">
1246                                                            <div class="item-info">
1247                                                                <p class="label">
1248                                                                    
1249                                                                </p>
1250                                                                <button type="button" class="btn-help" aria-label="도움말">
1251                                                                    
1252                                                                </button>
1253                                                            </div>
1254                                                            <div class="item-input-group">
1255                                                               
1256                                                            </div>
1257                                                    </li>                                                                                                     
1258                                                </ul>
1259                                            </div>
1260
1261                                            <div class="calc-footer">
1262                                                <span class="total-label">예상 지원액</span>
1263                                                <strong class="total-price">월 0만원</strong>
1264                                            </div>
1265                                        </div>
1266
1267                                        <p class="calc-desc">
1268                                            <span>※</span>
1269                                            지급 요건, 지원 금액, 지급 기간 등을 단순화 한것으로,<br>
1270                                            실제 지원금액과 차이가 클 수 있음
1271                                        </p>
1272
1273                                        <a href="javascript:void(0);" class="btn-view-all btn-open-pop">
1274                                            <p class="rect-box">사업주 지원 한눈에 보기</p>
1275                                            <div class="circle-box">
1276                                               <img src="../_images/main/down_icon01.png" alt="">
1277                                            </div>
1278                                        </a>
1279                                    </div>
1280                                </div>                                
1281                            </div>
1282                        </div>
1283                        <div id="panel6" class="tab-panel" role="tabpanel" aria-labelledby="tab6">
1284                            <div class="panel-inner">
1285                                <div class="cont-left">
1286                                    <div class="support-slide-wrap">
1287                                        <div class="swiper-button-prev custom-nav-btn" role="button" aria-label="이전 슬라이드"></div>
1288                                        <div class="swiper-button-next custom-nav-btn" role="button" aria-label="다음 슬라이드"></div>
1289                                        <div class="swiper support-slide06">
1290                                            <div class="swiper-wrapper">
1291                                                <!-- 6-1 -->
1292                                                <div class="swiper-slide">
1293                                                    <div class="card-item">
1294                                                        <div class="card-top">
1295                                                            <div class="card-badges">
1296                                                                <span class="badge-main type-biz">사업주</span>
1297                                                                <span class="badge-line"></span>
1298                                                                <span class="badge-sub">20인 이상</span>
1299                                                            </div>
1300                                                            <h3 class="card-title">일터혁신 상생컨설팅</h3>
1301                                                            <a href="../employerSupport/workplace_innovation_consulting.asp" class="btn-more">자세히 알아보기 →</a>
1302                                                            <p class="card-desc">기업 진단 이후 근로시간 관리 방안 등 컨설팅 지원</p>
1303                                                        </div>
1304                                                        <div class="card-bottom">
1305                                                            <span class="price">컨설팅</span>
1306                                                        </div>
1307                                                    </div>
1308                                                </div>
1309                                                <!-- 6-2 -->
1310                                                <div class="swiper-slide">
1311                                                    <div class="card-item">
1312                                                        <div class="card-top">
1313                                                            <div class="card-badges">
1314                                                                <sp
1314an class="badge-main type-biz">사업주</span>
1315                                                                <span class="badge-line"></span>
1316                                                                <span class="badge-sub">중소</span>
1317                                                            </div>
1318                                                            <h3 class="card-title">대체인력지원금</h3>
1319                                                            <a href="../employerSupport/substitute_worker_subsidy.asp" class="btn-more">자세히 알아보기 →</a>
1320                                                            <p class="card-desc">육아휴직, 단축 등에 대한 대체인력 활용 시 지원</p>
1321                                                        </div>
1322                                                        <div class="card-bottom">
1323                                                            <span class="price">최대 월 140만원/1인</span>
1324                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" name="p6_item2" class="calc" value="1400000"><span class="checkmark"></span></label>
1325                                                        </div>
1326                                                    </div>
1327                                                </div>
1328                                                <!-- 6-3 -->
1329                                                <div class="swiper-slide">
1330                                                    <div class="card-item">
1331                                                        <div class="card-top">
1332                                                            <div class="card-badges">
1333                                                                <span class="badge-main type-biz">사업주</span>
1334                                                                <span class="badge-line"></span>
1335                                                                <span class="badge-sub">중소</span>
1336                                                            </div>
1337                                                            <h3 class="card-title">업무분담지원금</h3>
1338                                                            <a href="../employerSupport/work_sharing_subsidy.asp" class="btn-more">자세히 알아보기 →</a>
1339                                                            <p class="card-desc">육아기 직원의 업무공백을 분담하고 보상한 사업장 지원</p>
1340                                                        </div>
1341                                                        <div class="card-bottom">
1342                                                            <span class="price">최대 월 60만원/1인</span>
1343                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" name="p6_item3" class="calc" value="600000"><span class="checkmark"></span></label>
1344                                                        </div>
1345                                                    </div>
1346                                                </div>
1347                                                <!-- 6-4 -->
1348                                                <div class="swiper-slide">
1349                                                    <div class="card-item">
1350                                                        <div class="card-top">
1351                                                            <div class="card-badges">
1352                                                                <span class="badge-main type-biz">사업주</span>
1353                                                                <span class="badge-line"></span>
1354                                                                <span class="badge-sub">중소</span>
1355                                                            </div>
1356                                                            <h3 class="card-title">육아휴직, 육아기근로시간단축 지원금</h3>
1357                                                            <a href="../employerSupport/parental_leave_reduction_subsidy.asp" class="btn-more">자세히 알아보기 →</a>
1358                                                            <p class="card-desc">육아휴직, 단축을 허용한 사업주 지원</p>
1359                                                        </div>
1360                                                        <div class="card-bottom">
1361                                                            <span class="price">최대 월 100만원/1인</span>
1362                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" name="p6_item4" class="calc" value="1000000"><span class="checkmark"></span></label>
1363                                                        </div>
1364                                                    </div>
1365                                                </div>
1366                                                <!-- 6-5 -->
1367                                                <div class="swiper-slide">
1368                                                    <div class="card-item">
1369                                                        <div class="card-top">
1370                                                            <div class="card-badges">
1371                                                                <span class="badge-main type-biz">사업주</span>
1372                                                                <span class="badge-line"></span>
1373                                                                <span class="badge-sub">20인 이상</span>
1374                                                            </div>
1375                                                            <h3 class="card-title">워라밸+4.5프로젝트</h3>
1376                                                            <a href="../employerSupport/week_4_5_day_support.asp" class="btn-more">자세히 알아보기 →</a>
1377                                                            <p class="card-desc">임금감소 없는 실노동시간 단축과 신규 채용 지원</p>
1378                                                        </div>
1379                                                        <div class="card-bottom">
1380                                                            <span class="price">최대 월 80만원/1인</span>
1381                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" class="calc" name="p6_item5" value="800000"><span class="checkmark"></span></label>
1382                                                        </div>
1383                                                    </div>
1384                                                </div>
1385                                                <!-- 6-6 -->
1386                                                <div class="swiper-slide">
1387                                                    <div class="card-item">
1388                                                        <div class="card-top">
1389                                                            <div class="card-badges">
1390                                                                <span class="badge-main type-biz">사업주</span>
1391                                                                <span class="badge-line"></span>
1392                                                                <span class="badge-sub">중소 · 중견</span>
1393                                                            </div>
1394                                                            <h3 class="card-title">육아기 10시 출근 지원</h3>
1395                                                            <a href="../employerSupport/flexible_work_10am_support.asp" class="btn-more">자세히 알아보기 →</a>
1396                                                            <p class="card-desc">하루 한시간 단축으로 자녀 등하교를 함께</p>
1397                                                        </div>
1398                                                        <div class="card-bottom">
1399                                                            <span class="price">최대 월 30만원/1인</span>
1400                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" name="p6_item6" class="calc" value="300000"><span class="checkmark"></span></label>
1401                                                        </div>
1402                                                    </div>
1403                                                </div>
1404                                                <!-- 6-7 -->
1405                                                <div class="swiper-slide">
1406                                                    <div class="card-item">
1407                                                        <div class="card-top">
1408                                                            <div class="card-badges">
1409                                                                <sp
1409an class="badge-main type-biz">사업주</span>
1410                                                                <span class="badge-line"></span>
1411                                                                <span class="badge-sub">중소 · 중견</span>
1412                                                            </div>
1413                                                            <h3 class="card-title">소정근로시간 단축 장려금</h3>
1414                                                            <a href="../employerSupport/reduced_work_hours_subsidy.asp" class="btn-more">자세히 알아보기 →</a>
1415                                                            <p class="card-desc">가족돌봄, 본인건강 등 근로시간 단축 사업장 지원</p>
1416                                                        </div>
1417                                                        <div class="card-bottom">
1418                                                            <span class="price">최대 월 50만원/1인</span>
1419                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" name="p6_item7" class="calc" value="500000"><span class="checkmark"></span></label>
1420                                                        </div>
1421                                                    </div>
1422                                                </div>
1423                                                <!-- 6-8 -->
1424                                                <div class="swiper-slide">
1425                                                    <div class="card-item">
1426                                                        <div class="card-top">
1427                                                            <div class="card-badges">
1428                                                                <span class="badge-main type-biz">사업주</span>
1429                                                                <span class="badge-line"></span>
1430                                                                <span class="badge-sub">중소 · 중견</span>
1431                                                            </div>
1432                                                            <h3 class="card-title">유연근무 장려금</h3>
1433                                                            <a href="../employerSupport/flexible_work_bonus.asp" class="btn-more">자세히 알아보기 →</a>
1434                                                            <p class="card-desc">시차출퇴근, 재택근무 등 유연근무 지원</p>
1435                                                        </div>
1436                                                        <div class="card-bottom">
1437                                                            <span class="price">최대 월 60만원/1인</span>
1438                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" name="p6_item8" class="calc" value="600000"><span class="checkmark"></span></label>
1439                                                        </div>
1440                                                    </div>
1441                                                </div>
1442                                                <!-- 6-9 -->
1443                                                <div class="swiper-slide">
1444                                                    <div class="card-item">
1445                                                        <div class="card-top">
1446                                                            <div class="card-badges">
1447                                                                <span class="badge-main type-biz">사업주</span>
1448                                                                <span class="badge-line"></span>
1449                                                                <span class="badge-sub">중소 · 중견</span>
1450                                                            </div>
1451                                                            <h3 class="card-title">일생활균형 시스템 지원</h3>
1452                                                            <a href="../employerSupport/work_life_balance_system_support.asp" class="btn-more">자세히 알아보기 →</a>
1453                                                            <p class="card-desc">유연근무, 근로시간 단축 등 기반 시스템 비용 지원</p>
1454                                                        </div>
1455                                                        <div class="card-bottom">
1456                                                            <span class="price">최대 1,000만원</span>
1457                                                            <label class="check-box-wrap"><span class="label-text">담기</span><input type="checkbox" name="p6_item9" class="calc" value="10000000"><span class="checkmark"></span></label>
1458                                                        </div>
1459                                                    </div>
1460                                                </div>
1461                                                <!-- 6-10 -->
1462                                                <div class="swiper-slide">
1463                                                    <div class="card-item">
1464                                                        <div class="card-top">
1465                                                            <div class="card-badges">
1466                                                                <span class="badge-main type-biz">사업주</span>
1467                                                                <span class="badge-line"></span>
1468                                                                <span class="badge-sub black">전체</span>
1469                                                            </div>
1470                                                            <h3 class="card-title">일생활균형 캠페인</h3>
1471                                                            <a href="../pr/campaign_about.asp" class="btn-more">자세히 알아보기 →</a>
1472                                                            <p class="card-desc">캠페인 참여로 정부지원사업부터 임직원 할인까지</p>
1473                                                        </div>
1474                                                        <div class="card-bottom">
1475                                                            <span class="price">제휴기업 할인 등</span>
1476                                                        </div>
1477                                                    </div>
1478                                                </div>
1479                                                <!-- 6-11 -->
1480                                                <div class="swiper-slide">
1481                                                    <div class="card-item">
1482                                                        <div class="card-top">
1483                                                            <div class="card-badges">
1484                                                                <span class="badge-main type-biz">사업주</span>
1485                                                                <span class="badge-line"></span>
1486                                                                <span class="badge-sub">중소</span>
1487                                                            </div>
1488                                                            <h3 class="card-title">산단 행복일터 지원</h3>
1489                                                            <a href="../employerSupport/industrial_complex_support.asp" class="btn-more">자세히 알아보기 →</a>
1490                                                            <p class="card-desc">산업단지의 일가정양립을 위해 상담·교육·홍보</p>
1491                                                        </div>
1492                                                        <div class="card-bottom">
1493                                                            <span class="price">상담, 교육 등</span>
1494                                                        </div>
1495                                                    </div>
1496                                                </div>
1497                                                <!-- 6-12 -->
1498                                                <div class="swiper-slide">
1499                                                    <div class="card-item">
1500                                                        <div class="card-top">
1501                                                            <div class="card-badges">
1502                                                                <sp
1502an class="badge-main type-biz">사업주</span>
1503                                                                <span class="badge-line"></span>
1504                                                                <span class="badge-sub black">전체</span>
1505                                                            </div>
1506                                                            <h3 class="card-title">직장어린이집 지원</h3>
1507                                                            <a href="../employerSupport/workplace_daycare_support.asp" class="btn-more">자세히 알아보기 →</a>
1508                                                            <p class="card-desc">직장어린이집 확대를 위해 설치비·인건비·운영비 지원</p>
1509                                                        </div>
1510                                                        <div class="card-bottom">
1511                                                            <span class="price">설치비 20억 등</span>
1512                                                        </div>
1513                                                    </div>
1514                                                </div>
1515                                            </div>
1516                                            <p class="calc-desc moBlock">
1517                                                <span>※</span>
1518                                                지급 요건, 지원 금액, 지급 기간 등을 단순화 한것으로,
1519                                                실제 지원금액과 차이가 클 수 있음
1520                                            </p>                                            
1521                                            <div class="moControl">
1522                                                <div class="swiper-button-prev custom-nav-btn" role="button" aria-label="이전 슬라이드"></div>
1523                                                <div class="swiper-pagination" role="button" aria-label="페이지네이션"></div>
1524                                                <div class="swiper-button-next custom-nav-btn" role="button" aria-label="다음 슬라이드"></div>
1525                                            </div>
1526                                            <a href="javascript:void(0);" class="btn-view-all moBlock btn-open-pop">
1527                                                <p class="rect-box">사업주 지원 한눈에 보기</p>
1528                                                <div class="circle-box">
1529                                                    <img src="../_images/main/down_icon01.png" alt="">
1530                                                </div>
1531                                            </a>
1532                                        </div>
1533                                    </div>
1534                                </div>
1535                                <div class="cont-right cont-right01">
1536                                    <button type="button" class="closeBtn" aria-label="닫기">
1537                                        <img src="../_images/common/close_img.png" alt="" aria-hidden="true">
1538                                    </button>
1539                                    <div class="calc-container">
1540                                        <div class="calc-header">
1541                                            <div class="header-top">
1542                                                <h3>모의 계산기 <span class="num">(3)</span></h3>
1543                                                <button type="button" class="btn-reset" aria-label="선택한 항목 모두 삭제 및 다시담기">다시담기</button>
1544                                            </div>
1545                                            <p class="sub-text">왼쪽 항목에서 내게 맞는 제도를 담아보세요.</p>
1546                                        </div>                                        
1547                                        <div class="calc-wrap">                                        
1548                                            <div class="calc-body">
1549                                                <ul class="calc-list">
1550                                                    
1551                                                </ul>
1552                                            </div>
1553
1554                                            <div class="calc-footer">
1555                                                <span class="total-label">예상 지원액</span>
1556                                                <strong class="total-price">월 320만원</strong>
1557                                            </div>
1558                                        </div>
1559
1560                                        <p class="calc-desc">
1561                                            <span>※</span>
1562                                            지급 요건, 지원 금액, 지급 기간 등을 단순화 한것으로,<br>
1563                                            실제 지원금액과 차이가 클 수 있음
1564                                        </p>
1565
1566                                        <a href="javascript:void(0);" class="btn-view-all btn-open-pop">
1567                                            <p class="rect-box">사업주 지원 한눈에 보기</p>
1568                                            <div class="circle-box">
1569                                               <img src="../_images/main/down_icon01.png" alt="">
1570                                            </div>
1571                                        </a>
1572                                    </div>
1573                                </div>
1574                            </div>
1575                        </div>
1576                    </div>
1577                </div>
1578            </div>   
1579            <div class="noticeWrap">
1580                <div class="lfBox">
1581                    <div class="notice-left">
1582                    <h2 class="tit">알림마당</h2>
1583                    <p class="desc">일·생활균형의 알림, 공지사항과<br><span></span>새로운 소식을 만나보세요.</p>
1584                    <a href="../newsroom/notices.asp" class="btn-custom">
1585                        <span>전체보기</span>
1586                        <img src="../_images/common/icon_arrow_white.png" alt="" class="arrow"> 
1587                    </a>
1588                </div>
1589                <div class="notice-center">
1590                    <ul class="notice-list">
1591                        <li>
1592                            <a href="/website_renew/index/newsroom/notices_view.asp?GUID=2C4BF8BD-02FD-4D5E-880D-8176217EB653">
1593                                <div class="list-head">
1594                                    <span class="badge type-notice">공지사항</span>
1595                                </div>
1596                				
1597                                <div class="list-body">
1598                                    <span class="date">09.17</span>
1599                                    <p class="subject">2026&#45380; 9&#50900; 18&#51068; &#49884;&#54665; &#48176;&#50864;&#51088; &#51648;&#50896; 3&#51333; &#49464;&#53944; &#50504;&#45236; &#48143; Q&amp;A</p>
1600                                </div>
1601                                <div class="moWrap">
1602                                    <span class="date">09.17</span>
1603                                    <div class="list-info">
1604                                        <img src="../_images/main/eyes.png" alt="조회수" class="icon-view">
1605                                        <span class="count">337</span>
1606                                    </div>
1607                                </div>
1608            					
1609                            </a>
1610                        </li>
1611
1612                        <li>
1613                            <a href="/website_renew/index/newsroom/press_releases_view.asp?GUID=DA7F773A-7450-4E5E-BDE7-997A1BA4F701">
1614                                <div class="list-head">
1615                                    <span class="badge type-news">보도자료</span>
1616                                </div>
1617                				
1618                                <div class="list-body">
1619                                    <span class="date">02.11</span>
1620                                    <p class="subject">25&#45380;&#46020; &#45824;&#54620;&#48124;&#44397; &#51068;&#49373;&#54876;&#44512;&#54805; &#50864;&#49688;&#44592;&#50629; &#49324;&#47168;&#51665; &#48156;&#44036;</p>
1621                                </div>
1622                                <div class="moWrap">
1623                                    <span class="date">02.11</span>
1624                                    <div class="list-info">
1625                                        <img src="../_images/main/eyes.png" alt="조회수" class="icon-view">
1626                                        <span class="count">1,407</span>
1627                                    </div>
1628                                </div>
1629            					
1630                            </a>
1631                        </li>
1632
1633                        <li>
1634                            <a href="/website_renew/index/newsroom/events_view.asp?GUID=D860734D-5077-407E-BB84-B7345F6788BD">
1635                                <div class="list-head">
1636                                    <span class="badge type-event">이벤트</span>
1637                                </div>
1638                				
1639                                <div class="list-body">
1640                                    <span class="date">09.23</span>
1641                                    <p class="subject">[EVENT] &lt;&#45208;&#50640;&#44172; &#44845; &#54596;&#50836;&#54620; &#51068;&#183;&#49373;&#54876; &#44512;&#54805; &#51228;&#46020;&#45716;?&gt; &#44256;&#46300;&#47000;&#44260;&#51032; &#50892;&#46972;&#48184; &#44592;&#50629; &#51201;&#51025;&#44592; &#45843;&#44544; &#51060;&#48292;&#53944;</p>
1642                                </div>
1643                                <div class="moWrap">
1644                                    <span class="date">09.23</span>
1645                                    <div class="list-info">
1646                                        <img src="../_images/main/eyes.png" alt="조회수" class="icon-view">
1647                                        <span class="count">133</span>
1648                                    </div>
1649                                </div>
1650            					
1651                            </a>
1652                        </li>
1653                    </ul>
1654                </div>
1655                </div>
1656
1657                <div class="notice-right">
1658                    <a href="https://www.work24.go.kr/cm/c/g/0100/customerCenter.do"  target="_blank" title="새 창 열기"  class="banner-box bg-purple">
1659                        <div class="txt-box">
1660                            <p class="sub-txt">
1661                                지원제도 설명 등은<Br>
1662                                <span class="color02">1350</span>으로 문의하세요
1663                            </p>
1664                            <strong class="tit">고객상담센터</strong>
1665                        </div>
1666                        <div class="obj-img obj-img02">
1667                            <img src="../_images/main/banner_obj_02.png" alt="" aria-hidden="true">
1668                        </div>
1669                    </a>                    
1670                    <a href="https://www.workplus.go.kr" target="_blank" title="새 창 열기" class="banner-box bg-blue">
1671                        <div class="txt-box">
1672                            <p class="sub-txt">
1673                                개별 급여, 장려금 등의 지원과<br>
1674                                신청 관련은 <span class="color01">우리지역 고용센터</span>에<br> 
1675                                문의하세요
1676                            </p>
1677                            <strong class="tit">고용센터</strong>
1678                        </div>
1679                        <span class="btn-mini">
1680                            전체보기 
1681                            <img src="../_images/common/icon_arrow_black.png" alt="" class="arrow off">
1682                            <img src="../_images/common/icon_arrow_white.png" alt="" class="arrow on">
1683                        </span>
1684                        <div class="obj-img">
1685                            <img src="../_images/main/banner_obj_01.png" alt="" aria-hidden="true">
1686                        </div>
1687                    </a>
1688                    
1688<script>
1689                        document.addEventListener("DOMContentLoaded", function() {
1690                            const bannerLink = document.querySelector(".banner-box.bg-purple");
1691                            const originalUrl = "https://www.work24.go.kr/cm/c/g/0100/customerCenter.do";
1692                            
1693                            function updateLinkBehavior() {
1694                                // 현재 화면 너비 확인
1695                                const width = window.innerWidth;
1696
1697                                if (width <= 1200) {
1698                                    // 1200px 이하: 전화걸기
1699                                    bannerLink.setAttribute("href", "tel:1350");
1700                                    bannerLink.removeAttribute("target"); // 전화걸기 시 새창 열기 속성 제거
1701                                    bannerLink.removeAttribute("title");  // 타이틀 제거 (선택사항)
1702                                } else {
1703                                    // 1200px 초과: 원래 링크 복구
1704                                    bannerLink.setAttribute("href", originalUrl);
1705                                    bannerLink.setAttribute("target", "_blank");
1706                                    bannerLink.setAttribute("title", "새 창 열기");
1707                                }
1708                            }
1709
1710                            // 초기 로드 시 실행
1711                            updateLinkBehavior();
1712
1713                            // 화면 크기가 바뀔 때마다 실행
1714                            window.addEventListener("resize", updateLinkBehavior);
1715                        });
1716                    </script>
1716                    
1717                </div>
1718
1719            </div>                   
1720        </section>   
1721        <section class="sec sec02">
1722            <div class="inner">
1723                <div class="notice-header-wrap">
1724                    <ul class="noticeTabBtn" role="tablist">
1725                        <li role="presentation">
1726                            <button type="button" role="tab" aria-selected="true" aria-controls="news-panel1" class="active">카드뉴스</button>
1727                        </li>
1728                        <li role="presentation">
1729                            <button type="button" role="tab" aria-selected="false" aria-controls="news-panel2">영상자료</button>
1730                        </li>
1731                        <li role="presentation">
1732                            <button type="button" role="tab" aria-selected="false" aria-controls="news-panel3">정책자료</button>
1733                        </li>
1734                    </ul>
1735                    <div class="sns-area">
1736                        <span class="sns-txt">SNS에서 만나는 일·생활균형</span>
1737                        <div class="sns-links">
1738                            <a href="https://www.facebook.com/lifenwork" target="_blank" title="새 창 열기" class="sns-icon fb"><img src="../_images/common/ft_sns_list01.svg" alt="페이스북"> </a>
1739                            <a href="https://blog.naver.com/life_n_work" target="_blank" title="새 창 열기" class="sns-icon blog"><img src="../_images/common/ft_sns_list02.svg" alt="블로그"> </a>
1740                            <a href="https://www.instagram.com/life_n_work/" target="_blank" title="새 창 열기" class="sns-icon insta"><img src="../_images/common/ft_sns_list03.svg" alt="인스타그램"> </a>
1741                            <a href="https://www.youtube.com/channel/UCyH_Hb-XberJ7UqzetJpCcw" target="_blank" title="새 창 열기" class="sns-icon youtube"><img src="../_images/common/ft_sns_list04.svg" alt="유튜브"> </a>
1742                        </div>
1743                        <a href="../pr/card_news.asp" class="btn-custom" id="selectBtn">
1744                            <span>전체보기</span>
1745                            <img src="../_images/common/icon_arrow_white.png" alt="" class="arrow"> 
1746                        </a>
1747                    </div>
1748                    
1748<script>
1749                        document.addEventListener("DOMContentLoaded", function() {
1750                            // 1. 링크 주소 배열 정의 (순서대로)
1751                            const links = [
1752                                "../pr/card_news.asp",       // 0번: 카드뉴스
1753                                "../pr/videos.asp",          // 1번: 영상자료
1754                                "../pr/policy_resources.asp" // 2번: 정책자료
1755                            ];
1756
1757                            const tabBtns = document.querySelectorAll(".noticeTabBtn button");
1758                            const targetLink = document.querySelector("#selectBtn");
1759
1760                            tabBtns.forEach((btn, index) => {
1761                                btn.addEventListener("click", function() {
1762                                    // 2. 탭 활성화 UI 처리 (기존 active 제거 후 현재 버튼에 추가)
1763                                    tabBtns.forEach(b => b.classList.remove("active"));
1764                                    this.classList.add("active");
1765                                    this.setAttribute("aria-selected", "true");
1766
1767                                    // 3. 링크 변경 로직 (핵심)
1768                                    if (links[index]) {
1769                                        targetLink.setAttribute("href", links[index]);
1770                                    }
1771                                });
1772                            });
1773                        });
1774                    </script>
1774
1775					
1776                    <div class="noticeTabBox">
1777                        <div id="news-panel1" class="notice-panel active" role="tabpanel">
1778                            <div class="swiper noticeSwiper noticeSwiper01">
1779                                <div class="swiper-wrapper">
1780                                    
1781                                    <div class="swiper-slide">
1782                                        <a href="/website_renew/index/pr/card_news_view.asp?GUID=%7BC71053E7%2D3903%2D455A%2DA7F7%2D0D649E40E5EF%7D" class="news-card">
1783                                            <div class="img-box">
1784                                                <img src="/UploadFiles/Manage/%5B%ED%96%89%EB%B3%B5%EC%9D%BC%ED%84%B0%5D%EC%B5%9C%EC%A0%81%ED%99%94%ED%94%8C%EB%9E%9C%5F1p%281080x1080%29.png" alt="산단 행복일터 프로젝트 : 주요 일가정 양립 제도 지원">
1785                                            </div>
1786                                            <div class="txt-box">
1787                                                <p class="tit">산단 행복일터 프로젝트 : 주요 일가정 양립 제도 지원</p>
1788                                                <span class="date">2026.08.24</span>
1789                                            </div>
1790                                        </a>
1791                                    </div>
1792                                    
1793                                    <div class="swiper-slide">
1794                                        <a href="/website_renew/index/pr/card_news_view.asp?GUID=%7B436C1B2A%2DD7BD%2D4368%2DABE6%2D7186D618E4EB%7D" class="news-card">
1795                                            <div class="img-box">
1796                                                <img src="/UploadFiles/Manage/%EC%83%88%20%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%286%29.png" alt="[워라밸 비밀장부] 임직원의 삶과 가족을 응원하는 &#0039;라온넥스텝&#0039;">
1797                                            </div>
1798                                            <div class="txt-box">
1799                                                <p class="tit">[워라밸 비밀장부] 임직원의 삶과 가족을 응원하는 &#0039;라온넥스텝&#0039;</p>
1800                                                <span class="date">2026.08.14</span>
1801                                            </div>
1802                                        </a>
1803                                    </div>
1804                                    
1805                                    <div class="swiper-slide">
1806                                        <a href="/website_renew/index/pr/card_news_view.asp?GUID=%7B951AB0AB%2D3077%2D4053%2DAF06%2DBC12B89D27F7%7D" class="news-card">
1807                                            <div class="img-box">
1808                                                <img src="/UploadFiles/Manage/%EC%83%88%20%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%285%29.png" alt="[워라밸 비밀장부] 자녀 생애주기에 맞춘 복지를 지원하는 &#0039;라이온코리아&#0039;">
1809                                            </div>
1810                                            <div class="txt-box">
1811                                                <p class="tit">[워라밸 비밀장부] 자녀 생애주기에 맞춘 복지를 지원하는 &#0039;라이온코리아&#0039;</p>
1812                                                <span class="date">2026.07.21</span>
1813                                            </div>
1814                                        </a>
1815                                    </div>
1816                                    
1817                                    <div class="swiper-slide">
1818                                        <a href="/website_renew/index/pr/card_news_view.asp?GUID=%7BFE653729%2D1292%2D43C9%2D8B35%2D4002E184F0CD%7D" class="news-card">
1819                                            <div class="img-box">
1820                                                <img src="/UploadFiles/Manage/KakaoTalk%5F20260630%5F143339412.jpg" alt="보다 사용하기 쉬워진 육아기 10시 출근제 ">
1821                                            </div>
1822                                            <div class="txt-box">
1823                                                <p class="tit">보다 사용하기 쉬워진 육아기 10시 출근제 </p>
1824                                                <span class="date">2026.07.01</span>
1825                                            </div>
1826                                        </a>
1827                                    </div>
1828                                    
1829                                    <div class="swiper-slide">
1830                                        <a href="/website_renew/index/pr/card_news_view.asp?GUID=%7BADA1C199%2D33BE%2D45AE%2DAE91%2DE1ADD1D90DEB%7D" class="news-card">
1831                                            <div class="img-box">
1832                                                <img src="/UploadFiles/Manage/%EC%83%88%20%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%283%29.png" alt="[워라밸 비밀장부] 직원 가족 지원까지 아끼지 않는 &#0039;웹젠&#0039;">
1833                                            </div>
1834                                            <div class="txt-box">
1835                                                <p class="tit">[워라밸 비밀장부] 직원 가족 지원까지 아끼지 않는 &#0039;웹젠&#0039;</p>
1836                                                <span class="date">2026.06.19</span>
1837                                            </div>
1838                                        </a>
1839                                    </div>
1840                                    
1841                                </div>
1842                                <div class="mobileWrap">
1843                                    <div class="swiper-pagination"></div>
1844                                    <a href="../pr/card_news.asp" class="btn-custom">
1845                                        <span>전체보기</span>
1846                                        <img src="../_images/common/icon_arrow_white.png" alt="" class="arrow"> 
1847                                    </a>                                    
1848                                </div>
1849                            </div>
1850                        </div>
1851                        <div id="news-panel2" class="notice-panel" role="tabpanel">
1852                            <div class="swiper noticeSwiper noticeSwiper02">
1853                                <div class="swiper-wrapper">
1854                                    
1855                                    <div class="swiper-slide">
1856                                        <a href="/website_renew/index/pr/videos_view.asp?GUID=%7BC4434571%2D8478%2D4794%2DBFD1%2D1CC82D17A394%7D" class="news-card">
1857                                            <div class="img-box">
1858                                                <img src="http://img.youtube.com/vi/WXBIofnmczk/mqdefault.jpg" alt=" 배우자를 위한 지원 3종세트가 온다!ㅣ고드래곤의 워라밸 기업 적응기">
1859                                            </div>
1860                                            <div class="txt-box">
1861                                                <p class="tit"> 배우자를 위한 지원 3종세트가 온다!ㅣ고드래곤의 워라밸 기업 적응기</p>
1862                                                <span class="date">2026.09.18</span>
1863                                            </div>
1864                                        </a>
1865                                    </div>
1866                                    
1867                                    <div class="swiper-slide">
1868                                        <a href="/website_renew/index/pr/videos_view.asp?GUID=%7BBCB62DC6%2D02C9%2D4359%2DBF62%2DCDDAB06D8A5E%7D" class="news-card">
1869                                            <div class="img-box">
1870                                                <img src="http://img.youtube.com/vi/QjF0rEb-_fw/mqdefault.jpg" alt=" [TVCF] 배우자! 알면 힘이 되는 육아원칙_단기육아휴직 편">
1871                                            </div>
1872                                            <div class="txt-box">
1873                                                <p class="tit"> [TVCF] 배우자! 알면 힘이 되는 육아원칙_단기육아휴직 편</p>
1874                                                <span class="date">2026.09.14</span>
1875                                            </div>
1876                                        </a>
1877                                    </div>
1878                                    
1879                                    <div class="swiper-slide">
1880                                        <a href="/website_renew/index/pr/videos_view.asp?GUID=%7BAAB8459F%2D715D%2D4CD6%2DA251%2DC6EE146B9EAF%7D" class="news-card">
1881                                            <div class="img-box">
1882                                                <img src="http://img.youtube.com/vi/BtWWWKpNTIY/mqdefault.jpg" alt=" [TVCF] 배우자! 알면 힘이 되는 육아원칙_배우자 지원 3종세트 편">
1883                                            </div>
1884                                            <div class="txt-box">
1885                                                <p class="tit"> [TVCF] 배우자! 알면 힘이 되는 육아원칙_배우자 지원 3종세트 편</p>
1886                                                <span class="date">2026.09.14</span>
1887                                            </div>
1888                                        </a>
1889                                    </div>
1890                                    
1891                                    <div class="swiper-slide">
1892                                        <a href="/website_renew/index/pr/videos_view.asp?GUID=%7B10F183DB%2D4869%2D443C%2D9569%2DC8F4CBEC5399%7D" class="news-card">
1893                                            <div class="img-box">
1894                                                <img src="http://img.youtube.com/vi/J8g2cTXEAb4/mqdefault.jpg" alt=" [TVCF] 난 내일을 준비 중임!_난임치료휴가 편">
1895                                            </div>
1896                                            <div class="txt-box">
1897                                                <p class="tit"> [TVCF] 난 내일을 준비 중임!_난임치료휴가 편</p>
1898                                                <span class="date">2026.09.14</span>
1899                                            </div>
1900                                        </a>
1901                                    </div>
1902                                    
1903                                    <div class="swiper-slide">
1904                                        <a href="/website_renew/index/pr/videos_view.asp?GUID=%7BA4E5BC2D%2D7229%2D4C3E%2DAC96%2D8DF580B6334F%7D" class="news-card">
1905                                            <div class="img-box">
1906                                                <img src="http://img.youtube.com/vi/qvAfN9a5dGc/mqdefault.jpg" alt="직원의 건강까지 책임지는 기업문화ㅣ고드래곤 기업 탐방 EP5. ㈜선양소주">
1907                                            </div>
1908                                            <div class="txt-box">
1909                                                <p class="tit">직원의 건강까지 책임지는 기업문화ㅣ고드래곤 기업 탐방 EP5. ㈜선양소주</p>
1910                                                <span class="date">2026.08.27</span>
1911                                            </div>
1912                                        </a>
1913                                    </div>
1914                                    
1915                                </div>
1916                                <div class="mobileWrap">
1917                                    <div class="swiper-pagination"></div>
1918                                    <a href="../pr/videos.asp" class="btn-custom">
1919                                        <span>전체보기</span>
1920                                        <img src="../_images/common/icon_arrow_white.png" alt="" class="arrow"> 
1921                                    </a>                                    
1922                                </div>
1923                            </div>
1924                        </div>
1925                        <div id="news-panel3" class="notice-panel" role="tabpanel">
1926                            <div class="swiper noticeSwiper noticeSwiper03">
1927                                <div class="swiper-wrapper">
1928                                    
1929                                    <div class="swiper-slide">
1930                                        <a href="/website_renew/index/newsroom/press_releases_view.asp?GUID=C508CB86-E65F-41D1-B6B8-7943812AEC82" class="news-card">
1931                                            <div class="txt-box">
1932                                                <dl>
1933                                                    <dt>2025년 일생활 균형 우수기업 사례집 </dt>
1934                                                    <dd>
1935                                                        <hr>
1936                                                        
1937
1938
1939
1940
19412025년 제2회 대한민국 일·생활 균형 우수기업 사례집을 발간하였습니다.
1942
1943유연근무 등 일·생활 균형 제도를 도입·활용하고자 하는 기업에서 참고하시기 바랍니다.&nbsp;
1944                                                    </dd>
1945                                                </dl>
1946                                                <span class="date">2026.02.11</span>
1947                                            </div>
1948                                        </a>
1949                                    </div>
1950                                    
1951                                    <div class="swiper-slide">
1952                                        <a href="/website_renew/index/newsroom/press_releases_view.asp?GUID=6D018B8A-0261-4244-B559-9AE6A9F9350A" class="news-card">
1953                                            <div class="txt-box">
1954                                                <dl>
1955                                                    <dt>2024년 일·생활 균형 우수기업 사례집</dt>
1956                                                    <dd>
1957                                                        <hr>
1958                                                        2024년 제1회 대한민국 일·생활 균형 우수기업 사례집을 발간하였습니다.
1959
1960유연근무 등 일·생활 균형 제도를 도입·활용하고자 하는 기업에서 참고하시기 바랍니다.&nbsp;
1961                                                    </dd>
1962                                                </dl>
1963                                                <span class="date">2025.04.08</span>
1964                                            </div>
1965                                        </a>
1966                                    </div>
1967                                    
1968                                    <div class="swiper-slide">
1969                                        <a href="/website_renew/index/newsroom/press_releases_view.asp?GUID=6E0742D7-39EF-4A15-8F94-CE094AE9798D" class="news-card">
1970                                            <div class="txt-box">
1971                                                <dl>
1972                                                    <dt>유연근무 등 일생활균형의 기업문화 만드는 법</dt>
1973                                                    <dd>
1974                                                        <hr>
1975                                                        고용노동부와 한국고용노동교육원이 기업 인사담당자 교육자료로 "일생활균형 기업문화 만드는 법"을 제작하였습니다.
1976&nbsp;
1977&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;-목 차-
19781. 변화하는 기업환경
19792. 유연근무 개념과 현황
19803. 선도기업 사례
19814. 워라밸 기업문화 만드는 법
19825. 정부지원제도
1983&nb
1984                                                    </dd>
1985                                                </dl>
1986                                                <span class="date">2025.01.03</span>
1987                                            </div>
1988                                        </a>
1989                                    </div>
1990                                    
1991                                    <div class="swiper-slide">
1992                                        <a href="/website_renew/index/newsroom/press_releases_view.asp?GUID=B1C5B341-D745-40C5-9D6B-769F3D75E921" class="news-card">
1993                                            <div class="txt-box">
1994                                                <dl>
1995                                                    <dt>유연근무 활용 매뉴얼</dt>
1996                                                    <dd>
1997                                                        <hr>
1998                                                        기업에서 일생활균형을 위해 유연근무을 도입ㆍ활용하는 경우 참고하기 위해 매뉴얼을 안내드립니다.
1999&nbsp;
2000- 목차 -
20011. 유연근무의 개념 및 유형
20022. 시차출퇴근
20033. 선택근무
20044. 재택·원격근무
20055. 근로시간 단축제도
20066. 사업주 지원제도 안내
2007                                                    </dd>
2008                                                </dl>
2009                                                <span class="date">2024.10.24</span>
2010                                            </div>
2011                                        </a>
2012                                    </div>
2013                                    
2014                                    <div class="swiper-slide">
2015                                        <a href="/website_renew/index/newsroom/press_releases_view.asp?GUID=F8CABD1F-A447-4535-A4F6-E64B9263E1B9" class="news-card">
2016                                            <div class="txt-box">
2017                                                <dl>
2018                                                    <dt>(2024.8.2./조선일보) 한 달 171시간 안에서 자유롭게 일해..아이 하원도 시키고 와요</dt>
2019                                                    <dd>
2020                                                        <hr>
2021                                                        [아이 낳게 하는 일터] 마녀공장
2022
2023
2024열한 살과 일곱 살 두 딸을 둔 김진수(42)씨는 아이들 학원이 일찍 끝나는 날은 빨리 퇴근한다. 아이들과 조금이라도 더 시간을 보내기 위해서다. 회
2024사에 먼저 퇴근한다는 사실을 따로 보고할 필요도, 결재를 받을 필요도 없다. 김씨가 다니는 코스닥 상장 화장품 기업 ‘마녀공장’이 2022년 2월부터 시행 중인 ‘완전 
2025                                                    </dd>
2026                                                </dl>
2027                                                <span class="date">2024.08.02</span>
2028                                            </div>
2029                                        </a>
2030                                    </div>
2031                                    
2032                                </div>
2033                                <div class="mobileWrap">
2034                                    <div class="swiper-pagination"></div>
2035                                    <a href="../pr/policy_resources.asp" class="btn-custom">
2036                                        <span>전체보기</span>
2037                                        <img src="../_images/common/icon_arrow_white.png" alt="" class="arrow"> 
2038                                    </a>                                    
2039                                </div>
2040                            </div>
2041                        </div>
2042                    </div> 
2043                </div> 
2044                <div class="campaignWrap">
2045                    <div class="campaign-header">
2046                        <h2 class="tit">일·생활균형 캠페인</h2>
2047                        <p class="desc">
2048                            일하는 방식과 문화를 개선하여 근로자가 마음껏 능력을 발휘할 수 있도록 하고, 기업의 생산성과 경쟁력을 높이면서 일과 생활의 균형을 찾아가는 캠페인입니다. 
2049                            <!-- 근로자는 더 안정적인 일상을, 기업은 더 높은 경쟁력을 얻을 수 있도록 일생활균형 실천에 함께 참여해 주세요. -->
2050                        </p>
2051                    </div>
2052
2053                    <div class="campaign-btns">
2054                        <a href="../pr/campaign_about.asp" class="btn-stat bg-cyan" title="캠페인 참여기업 현황 자세히 보기">
2055                            <span class="label">전체 참여기업</span>
2056                            <strong class="count">2,291</strong>
2057                        </a>
2058                        
2059                        <a href="../pr/campaign_about.asp" class="btn-custom bg-navy" title="캠페인 알아보기">
2060                            <span>캠페인 알아보기</span>
2061                            <img src="../_images/common/icon_arrow_white.png" alt="" aria-hidden="true" class="arrow">
2062                        </a>
2063
2064                        <a href="../file/campaign_about.hwpx" target="_blank" title="신청서 다운로드 (새창)" download="일·생활 균형 캠페인 참여 신청서.hwpx" class="btn-custom bg-navy">                           
2065                            <span>신청서 다운로드</span>
2066                            <img src="../_images/common/icon_arrow_white.png" alt="" aria-hidden="true" class="arrow">
2067                        </a>
2068                    </div>
2069                    <ul class="campaign-list">
2070                        <li>
2071                            <div class="card-inner">
2072                                <div class="txt-group">
2073                                    <span class="step-tit">핵심1</span>
2074                                    <strong class="main-tit">오래 일하지 않기</strong>
2075                                    <div class="count-box">
2076                                        <strong class="num">1,933</strong>
2077                                        <span class="unit">캠페인 참여기업</span>
2078                                    </div>
2079                                </div>
2080                                <div class="img-group">
2081                                    <img src="../_images/main/campaign_obj_01.png" alt="" aria-hidden="true">
2082                                </div>
2083                                <a href="../pr/campaign_about.asp" class="btn-more">
2084                                    <span>알아보기</span>
2085                                    <img src="../_images/common/icon_arrow_black.png" alt="" class="off" aria-hidden="true">
2086                                    <img src="../_images/common/icon_arrow_white.png" alt="" class="on" aria-hidden="true">
2087                                </a>
2088                            </div>
2089                        </li>
2090
2091                        <li>
2092                            <div class="card-inner">
2093                                <div class="txt-group">
2094                                    <span class="step-tit">핵심2</span>
2095                                    <strong class="main-tit">똑똑하게 일하기</strong>
2096                                    <div class="count-box">
2097                                        <strong class="num">1,969</strong>
2098                                        <span class="unit">캠페인 참여기업</span>
2099                                    </div>
2100                                </div>
2101                                <div class="img-group">
2102                                    <img src="../_images/main/campaign_obj_02.png" alt="" aria-hidden="true">
2103                                </div>
2104                                <a href="../pr/campaign_about.asp" class="btn-more">
2105                                    <span>알아보기</span>
2106                                    <img src="../_images/common/icon_arrow_black.png" alt="" class="off" aria-hidden="true">
2107                                    <img src="../_images/common/icon_arrow_white.png" alt="" class="on" aria-hidden="true">
2108                                </a>
2109                            </div>
2110                        </li>
2111
2112                        <li>
2113                            <div class="card-inner">
2114                                <div class="txt-group">
2115                                    <span class="step-tit">핵심3</span>
2116                                    <strong class="main-tit">제대로 쉬기</strong>
2117                                    <div class="count-box">
2118                                        <strong class="num">2,103</strong>
2119                                        <span class="unit">캠페인 참여기업</span>
2120                                    </div>
2121                                </div>
2122                                <div class="img-group">
2123                                    <img src="../_images/main/campaign_obj_03.png" alt="" aria-hidden="true"> 
2124                                </div>
2125                                <a href="../pr/campaign_about.asp" class="btn-more">
2126                                    <span>알아보기</span>
2127                                    <img src="../_images/common/icon_arrow_black.png" alt="" class="off" aria-hidden="true">
2128                                    <img src="../_images/common/icon_arrow_white.png" alt="" class="on" aria-hidden="true">
2129                                </a>
2130                            </div>
2131                        </li>
2132                    </ul>  
2133                </div>   
2134            </div>
2135        </section>  
2136    </main>
2137            <footer class="footer">
2138            <div class="inner">
2139                <div class="footer-left">
2140                    <div class="f-logo">
2141                        <img src="../_images/common/logo_footer_wlb.png" alt="WLB 일생활균형">
2142                    </div>
2143                    <div class="address-box">
2144                        <p class="addr">30117 세종특별자치시 한누리대로 422<br> 정부세종청사 11동 고용노동부</p>
2145                        <p class="copy">Copyright 2015. Ministry Of Employment Labor. All rights reserved.</p>
2146                    </div>
2147                </div>
2148                <div class="footer-right">
2149                    <!-- <ul class="f-menu">
2150                        <li><a href="#">홈으로</a></li>
2151                        <li><a href="#">저작권 정책</a></li>
2152                    </ul>
2153                    <div class="contact-box">
2154                        <span class="label">이용 문의</span>
2155                        <strong class="phone">044-202-7467</strong>
2156                    </div> -->
2157                    <div class="btntopWrap">
2158                        <a href="../main/main.asp">홈으로</a>
2159                        <button type="button" class="btn-top" onclick="scrollToTop()" aria-label="페이지 최상단으로 이동">
2160                            <i class="xi-arrow-up"></i> 
2161                        </button>
2162                    </div>
2163                </div>
2164            </div>
2165        </footer> 
2166        
2167		
2168		
2169<!-- 네이버 애널리틱스 26.04.20 //-->
2170<script src="//wcs.pstatic.net/wcslog.js"></script>
vendor: 2 bytes, line 2170
2170
2171<script>
2172if(!wcs_add) var wcs_add = {};
2173wcs_add["wa"] = "ce530197a08408";
2174if(window.wcs) {
2175wcs_do();
2176}
2177
2178$.get("/website_renew/count.asp", 
2179		function (res){
2180				//$("#CONNECT_TOTAL").text(res.TOTAL);
2181				//$("#CONNECT_TODAY").text(res.TODAY);
2182},"json")
2183
2184</script>
2184   
2185    <div class="dim" id="mainPop">
2186        <div class="dim-container">
2187            <div class="dim-content">
2188                <div class="dim-inner">
2189                    <img src="../_images/main/main_popup_img.png" alt="일·가정·삶의 공존을 위한 사업주 지원 메뉴: 대체인력지원금, 육아휴직·근로시간 단축 지원, 유연근무 장려금 등 정부 지원 제도 요약">
2190                </div>
2191                <a href="../_images/main/main_pdf_down.pdf" class="couponDown" download="사업주 지원 한눈에보기.pdf" title="다운로드">
2192                    <img src="../_images/sub/dim_coupon_down.png" alt="">
2193                    PDF 파일로 다운받기
2194                </a>
2195            </div>
2196            <button type="button" class="btn-close" aria-label="팝업 닫기"></button>
2197        </div>
2198    </div>     
2199
2200    
2200<script src="../_common/js/common.js"></script>
2200
2201    
2201<script src="../_common/js/swiper-bundle.min.js"></script>
2201
2202    
2202<script src="../_common/js/main.js"></script>
2202 
2203    
2203<script>
2204        document.addEventListener("DOMContentLoaded", function() {
2205            const calcCheckboxes = document.querySelectorAll('input.calc[type="checkbox"]');
2206            const calcLists = document.querySelectorAll('.calc-list');
2207            const totalPriceEls = document.querySelectorAll('.total-price');
2208            const countEls = document.querySelectorAll('.calc-header .num');
2209
2210            const items = new Map();
2211
2212            const updateTotals = () => {
2213                let totalManwon = 0;
2214                items.forEach(item => {
2215                    if (item.amountWon >= 10000000) {
2216                        item.count = 1;
2217                    }
2218                    const count = parseInt(item.count || '0', 10) || 0;
2219                    totalManwon += Math.round(item.amountWon / 10000) * count;
2220                });
2221
2222                totalPriceEls.forEach(el => {
2223                    el.textContent = `월 ${totalManwon.toLocaleString()}만원`;
2224                });
2225
2226                countEls.forEach(el => {
2227                    el.textContent = `(${items.size})`;
2228                });
2229            };
2230
2231            const renderAll = () => {
2232                if (!calcLists.length) return;
2233
2234                calcLists.forEach(list => {
2235                    list.innerHTML = '';
2236                    items.forEach(item => {
2237                        const li = document.createElement('li');
2238                        li.dataset.itemId = item.id;
2239                        li.dataset.amount = item.amountWon;
2240                        li.innerHTML = `
2241                            <div class="item-info">
2242                                <p class="label">${item.title}</p>
2243                                <button type="button" class="btn-help" aria-label="도움말">
2244                                    <span class="tooltip">${item.desc}</span>
2245                                </button>
2246                            </div>
2247                            <div class="item-input-group">
2248                                <span class="unit-x">X</span>
2249                                <input type="text" placeholder="0" class="input-num" inputmode="numeric" aria-label="${item.title} 인원 수 입력" value="${item.count}">
2250                                <span class="unit-person">명</span>
2251                            </div>
2252                        `;
2253
2254                        const input = li.querySelector('.input-num');
2255                        if (input) {
2256                            if (item.amountWon >= 10000000) {
2257                                input.value = '1';
2258                                input.setAttribute('readonly', 'readonly');
2259                            } else {
2260                                input.removeAttribute('readonly');
2261                            }
2262
2263                            input.addEventListener('input', () => {
2264                                input.value = input.value.replace(/[^0-9]/g, '');
2265                                item.count = input.value ? parseInt(input.value, 10) : 0;
2266                                updateTotals();
2267                            });
2268                        }
2269
2270                        list.appendChild(li);
2271                    });
2272                });
2273
2274                updateTotals();
2275            };
2276
2277            const addCalcItem = (checkbox) => {
2278                const card = checkbox.closest('.card-item');
2279                if (!card) return;
2280
2281                const title = (card.querySelector('.card-title')?.textContent || '').trim();
2282                const desc = (card.querySelector('.card-desc')?.textContent || '').trim();
2283                const amountWon = parseInt(checkbox.value || '0', 10) || 0;
2284                const itemId = checkbox.name || title;
2285
2286                if (items.has(itemId)) return;
2287
2288                items.set(itemId, {
2289                    id: itemId,
2290                    title,
2291                    desc,
2292                    amountWon,
2293                    count: 1
2294                });
2295
2296                renderAll();
2297            };
2298
2299            const removeCalcItem = (checkbox) => {
2300                const itemId = checkbox.name || '';
2301                if (items.has(itemId)) {
2302                    items.delete(itemId);
2303                    renderAll();
2304                }
2305            };
2306
2307            calcCheckboxes.forEach(checkbox => {
2308                checkbox.addEventListener('change', () => {
2309                    if (checkbox.checked) {
2310                        addCalcItem(checkbox);
2311                    } else {
2312                        removeCalcItem(checkbox);
2313                    }
2314                });
2315            });
2316
2317            const resetButtons = document.querySelectorAll('.btn-reset');
2318            resetButtons.forEach(btn => {
2319                btn.addEventListener('click', () => {
2320                    calcCheckboxes.forEach(cb => {
2321                        cb.checked = false;
2322                    });
2323                    items.clear();
2324                    renderAll();
2325                });
2326            });
2327
2328            calcCheckboxes.forEach(checkbox => {
2329                if (checkbox.checked) {
2330                    addCalcItem(checkbox);
2331                }
2332            });
2333
2334            renderAll();
2335        });
2336    </script>
2336
2337    
2337<script>
2338        const calcHeaders = document.querySelectorAll('.calc-header');
2339        const closeBtns = document.querySelectorAll('.cont-right01 .closeBtn'); 
2340        const mainHeader = document.querySelector('.header');
2341
2342        calcHeaders.forEach(header => {
2343            header.addEventListener('click', function() { 
2344                if (window.innerWidth > 1200) return;
2345
2346                const currentContRight = this.closest('.cont-right01');
2347                
2348                if (currentContRight) {
2349                    currentContRight.style.transition = 'none'; 
2350                    currentContRight.classList.remove('on', 'active');
2351
2352                    void currentContRight.offsetWidth; 
2353
2354                    currentContRight.style.transition = ''; 
2355                    currentContRight.classList.add('on');
2356
2357                    // [추가] 헤더 z-index 낮추기
2358                    if (mainHeader) mainHeader.style.zIndex = '-1';
2359
2360                    setTimeout(() => {
2361                        currentContRight.classList.add('active');
2362                    }, 50);
2363                }
2364            });
2365        });
2366
2367        closeBtns.forEach(btn => {
2368            btn.addEventListener('click', function(e) {
2369                e.stopPropagation();
2370                const currentContRight = this.closest('.cont-right01');
2371                if (currentContRight) {
2372                    currentContRight.classList.remove('on', 'active');
2373                }
2374                
2375                if (mainHeader) {
2376                    mainHeader.classList.remove('on', 'active');
2377                    // [추가] 헤더 z-index 원상복구 (CSS 값으로 리셋)
2378                    mainHeader.style.zIndex = ''; 
2379                }
2380            });
2381        });
2382
2383        window.addEventListener('resize', function() {
2384            if (window.innerWidth > 1200) {
2385                document.querySelectorAll('.cont-right01').forEach(el => {
2386                    el.classList.remove('on', 'active');
2387                });
2388                
2389                // [추가] 리사이즈 시에도 헤더 z-index 안전하게 초기화
2390                if (mainHeader) mainHeader.style.zIndex = '';
2391            }
2392        });
2393    </script>
2393
2394    
2394<script>
2395        const body = document.querySelector('body');
2396        const openBtns = document.querySelectorAll('.btn-open-pop'); 
2397        const closeBtnsPop = document.querySelectorAll('.btn-close');
2398        const mainPop = document.querySelector('#mainPop');
2399
2400        // 열기 버튼이 여러 개일 때
2401        openBtns.forEach(btn => {
2402            btn.addEventListener('click', () => {
2403                if (mainPop) {
2404                    mainPop.classList.add('active');
2405                    body.classList.add('active'); // 스크롤 방지 추가
2406                }
2407            });
2408        });
2409
2410        // 닫기 버튼이 여러 개일 때
2411        closeBtnsPop.forEach(btn => {
2412            btn.addEventListener('click', () => {
2413                if (mainPop) {
2414                    mainPop.classList.remove('active');
2415                    // 다른 활성화된 팝업이 있는지 확인 후 없으면 body 클래스 제거
2416                    const anyActive = document.querySelector('.dim.active');
2417                    if (!anyActive) body.classList.remove('active');
2418                }
2419            });
2420        });
2421
2422        // 배경 클릭 시 닫기
2423        if (mainPop) {
2424            mainPop.addEventListener('click', (e) => {
2425                if (e.target === mainPop) {
2426                    mainPop.classList.remove('active');
2427                    const anyActive = document.querySelector('.dim.active');
2428                    if (!anyActive) body.classList.remove('active');
2429                }
2430            });
2431        }
2432    </script>
2432     
2433    
2433<script>
2434        document.addEventListener("DOMContentLoaded", function() {
2435            const mainSearchForm = document.querySelector('#mainSearchForm');
2436            const mainSearchText = document.querySelector('#mainSearchText');
2437            if (mainSearchForm && mainSearchText) {
2438                mainSearchForm.addEventListener('submit', function(e) {
2439                    if (!mainSearchText.value.trim()) {
2440                        e.preventDefault();
2441                        alert('검색어를 입력해주셔야 합니다.');
2442                        mainSearchText.focus();
2443                    }
2444                });
2445            }
2446
2447            const counters = document.querySelectorAll('.campaignWrap .count-box .num');
2448            
2449            // 설정값
2450            const duration = 1200; 
2451            const startOffset = 1000;
2452
2453            const observer = new IntersectionObserver((entries) => {
2454                entries.forEach(entry => {
2455                    const target = entry.target;
2456
2457                    if (entry.isIntersecting) {
2458                        if (target.classList.contains('active')) return;
2459                        target.classList.add('active');
2460                        animateCount(target);
2461                    } else {
2462                        target.classList.remove('active');
2463                        const targetNum = +target.dataset.target;
2464                        const startNum = (targetNum > startOffset) ? startOffset : 0;
2465                        target.innerText = startNum.toLocaleString();
2466                        if (target.timerId) clearInterval(target.timerId);
2467                    }
2468                });
2469            }, { threshold: 0.3 });
2470
2471            counters.forEach(counter => {
2472                const targetNum = +counter.innerText.replace(/,/g, '');
2473                counter.dataset.target = targetNum;
2474                const startNum = (targetNum > startOffset) ? startOffset : 0;
2475                counter.innerText = startNum.toLocaleString();
2476                observer.observe(counter);
2477            });
2478
2479            function animateCount(el) {
2480                const targetNum = +el.dataset.target;
2481                const startNum = (targetNum > startOffset) ? startOffset : 0;
2482                
2483                const frameRate = 20; 
2484                const totalFrames = Math.round(duration / frameRate);
2485                const increment = (targetNum - startNum) / totalFrames;
2486
2487                let currentNum = startNum; 
2488
2489                if (el.timerId) clearInterval(el.timerId);
2490
2491                el.timerId = setInterval(() => {
2492                    currentNum += increment;
2493
2494                    if (currentNum >= targetNum) {
2495                        el.innerText = targetNum.toLocaleString();
2496                        clearInterval(el.timerId);
2497                        el.timerId = null;
2498                    } else {
2499                        let viewNum = Math.floor(currentNum / 10) * 10;
2500                        
2501                        el.innerText = viewNum.toLocaleString();
2502                    }
2503                }, frameRate);
2504            }
2505        });   
2506    </script>
vendor: 2 bytes, line 2506
2506
2507<script>
2508/* tab menu 2021-07-13  팝업 레이어 */
2509$(document).ready(function(){
2510
2511
2512});
2513</script>
2513
2514
2515<!-- 레이어 팝업 -->
2516
2517
2518
2519
2520
2521<script>
2522function closeLayer1(idx, guid){
2523	if($("input[name='chkbox"+idx+"']").is(":checked") == true){
2524      //  setCookie("close","Y",1);
2525	  //worklife.localStorage.setItem("", 1, 1);
2526	  worklife.localStorage.setItem(guid, 1, 1);
2527    }
2528    $("#divpop"+idx).hide();
2529
2530}
2531
2532function getCookie(cname) {
2533    var name = cname + "=";
2534    var ca = document.cookie.split(';');
2535    for(var i=0; i<ca.length; i++) {
2536        var c = ca[i];
2537        while (c.charAt(0)==' ') c = c.substring(1);
2538        if (c.indexOf(name) != -1) return c.substring(name.length,c.length);
2539    }
2540    return "";
2541}
2542
2543function setCookie(cname, cvalue, exdays) {
2544    var d = new Date();
2545    d.setTime(d.getTime() + (exdays*24*60*60*1000));
2546    var expires = "expires="+d.toUTCString();
2547    document.cookie = cname + "=" + cvalue + "; " + expires;
2548}
2549
2550//$(document).ready(function(){
2551   // cookiedata = document.cookie;
2552   // if(cookiedata.indexOf("close=Y")<0){
2553   //     $("#divpop1").show();
2554   // }else{
2555   //     $("#divpop1").hide();
2556   // }
2557
2558
2559  // var item = "";
2560  // item = "";
2561
2562  // if(worklife.localStorage.getItem(item) == ""){
2563	//	$("#divpop1").show();
2564  // }else{
2565	//    $("#divpop1").hide();
2566  // }
2567
2568
2569//});
2570
2571
2572/*
2573 * worklife.localStorage.setItem("popup1", "20170917", 1) // key : popup1, value : "20170917"  하루동안
2574 * worklife.localStorage.getItem("popup1")                // 가져오기
2575
2576 * if( $(체크박스).is(":checked") ){
2577 *   worklife.localStorage.setItem("popup1", "20170917", 1)
2578 * }
2579 *
2580 *  if(worklife.localStorage.getItem("popup1") == ""){
2581 *	  팝업띄우기
2582 *  }
2583 */
2584var worklife = [];
2585worklife.localStorage = {
2586	setItem : function (_key, _value, _expireDays){
2587			if (typeof(Storage) !== "undefined") {
2588				var _expireTimeStamp = _expireDays * 24 * 60 * 60 * 1000;
2589				var record = {value: _value, timestamp: new Date().getTime() + _expireTimeStamp}
2590				localStorage.setItem(_key, JSON.stringify(record));
2591			}
2592			// Storage 가 처리가 안되면, cookie로 처리한다.
2593			else{
2594				var d = new Date();
2595				d.setTime(d.getTime() + (_expireDays * 24 * 60 * 60 * 1000));
2596				var expires = "expires="+d.toUTCString();
2597				document.cookie = _key + "=" + _value + ";" + expires + ";path=/" + ";domain=.worklife.kr";
2598			}
2599		} // end if setItem (function)
2600	, getItem : function(_key){
2601		if (typeof(Storage) !== "undefined") {
2602			var record = JSON.parse(localStorage.getItem(_key));
2603			if( record && new Date().getTime() < record.timestamp ) { return JSON.parse(record.value); }
2604			else { return "";}
2605		}
2606		// Storage 가 처리가 안되면, cookie로 처리한다.
2607		else{
2608			var _cookieName = _key + "=";
2609			var ca = document.cookie.split(';');
2610			for(var i = 0; i < ca.length; i++) {
2611				var c = ca[i];
2612				while (c.charAt(0) == ' ') {
2613					c = c.substring(1);
2614				}
2615				if (c.indexOf(_cookieName) == 0) { return c.substring(_cookieName.length, c.length); }
2616			}
2617			return "";
2618		}
2619	} // end if getItem (function)
2620};
2621</script>
vendor: 2 bytes, line 2621
2621
2622<script>
2623function openCity(evt, cityName) {
2624  var i, tabcontent, tablinks;
2625  tabcontent = document.getElementsByClassName("tabcontent1");
2626  for (i = 0; i < tabcontent.length; i++) {
2627    tabcontent[i].style.display = "none";
2628  }
2629  tablinks = document.getElementsByClassName("tablinks1");
2630  for (i = 0; i < tablinks.length; i++) {
2631    tablinks[i].className = tablinks[i].className.replace(" active", "");
2632  }
2633  document.getElementById(cityName).style.display = "block";
2634  evt.currentTarget.className += " active";
2635}
2636
2637// Get the element with id="defaultOpen" and click on it
2638//document.getElementById("defaultOpen1").click();
2639</script>
2639
2640
2641<script>
2642function goodName(evt, cityName) {
2643  var i, tabcontent, tablinks;
2644  tabcontent = document.getElementsByClassName("tabcontent2");
2645  for (i = 0; i < tabcontent.length; i++) {
2646    tabcontent[i].style.display = "none";
2647  }
2648  tablinks = document.getElementsByClassName("tablinks2");
2649  for (i = 0; i < tablinks.length; i++) {
2650    tablinks[i].className = tablinks[i].className.replace(" active", "");
2651  }
2652  document.getElementById(cityName).style.display = "block";
2653  evt.currentTarget.className += " active";
2654}
2655
2656// Get the element with id="defaultOpen" and click on it
2657//document.getElementById("defaultOpen2").click();
2658</script>
2658
2659
2660<script>
2661function pdsName(evt, cityName) {
2662  var i, tabcontent, tablinks;
2663  tabcontent = document.getElementsByClassName("tabcontent3");
2664  for (i = 0; i < tabcontent.length; i++) {
2665    tabcontent[i].style.display = "none";
2666  }
2667  tablinks = document.getElementsByClassName("tablinks3");
2668  for (i = 0; i < tablinks.length; i++) {
2669    tablinks[i].className = tablinks[i].className.replace(" active", "");
2670  }
2671  document.getElementById(cityName).style.display = "block";
2672  evt.currentTarget.className += " active";
2673}
2674
2675// Get the element with id="defaultOpen" and click on it
2676//document.getElementById("defaultOpen3").click();
2677</script>
2677
2678</body>
2679
2680</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.