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&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년 9월 18일 시행 배우자 지원 3종 세트 안내 및 Q&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년도 대한민국 일생활균형 우수기업 사례집 발간</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] <나에게 꼭 필요한 일·생활 균형 제도는?> 고드래곤의 워라밸 기업 적응기 댓글 이벤트</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="[ìë¼ë°¸ ë¹ë°ì¥ë¶] ìì§ìì ì¶ê³¼ ê°ì¡±ì ììíë 'ë¼ì¨ë¥ì¤í '"> 1797 </div> 1798 <div class="txt-box"> 1799 <p class="tit">[ìë¼ë°¸ ë¹ë°ì¥ë¶] ìì§ìì ì¶ê³¼ ê°ì¡±ì ììíë 'ë¼ì¨ë¥ì¤í '</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="[ìë¼ë°¸ ë¹ë°ì¥ë¶] ìë ìì 주기ì ë§ì¶ ë³µì§ë¥¼ ì§ìíë 'ë¼ì´ì¨ì½ë¦¬ì'"> 1809 </div> 1810 <div class="txt-box"> 1811 <p class="tit">[ìë¼ë°¸ ë¹ë°ì¥ë¶] ìë ìì 주기ì ë§ì¶ ë³µì§ë¥¼ ì§ìíë 'ë¼ì´ì¨ì½ë¦¬ì'</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="[ìë¼ë°¸ ë¹ë°ì¥ë¶] ì§ì ê°ì¡± ì§ìê¹ì§ ìë¼ì§ ìë 'ì¹ì '"> 1833 </div> 1834 <div class="txt-box"> 1835 <p class="tit">[ìë¼ë°¸ ë¹ë°ì¥ë¶] ì§ì ê°ì¡± ì§ìê¹ì§ ìë¼ì§ ìë 'ì¹ì '</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ì ì°ê·¼ë¬´ ë± ì¼Â·ìí ê· í ì ë를 ëì ·íì©íê³ ì íë 기ì ìì ì°¸ê³ íì기 ë°ëëë¤. 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ì ì°ê·¼ë¬´ ë± ì¼Â·ìí ê· í ì ë를 ëì ·íì©íê³ ì íë 기ì ìì ì°¸ê³ íì기 ë°ëëë¤. 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 1977 -목 ì°¨- 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 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.