{"id":9288,"date":"2025-07-02T10:01:13","date_gmt":"2025-07-02T10:01:13","guid":{"rendered":"https:\/\/metarich-internship.co.kr\/?page_id=9288"},"modified":"2026-04-23T08:23:32","modified_gmt":"2026-04-23T08:23:32","slug":"%ec%a7%80%ec%9b%90%ed%95%98%ea%b8%b0","status":"publish","type":"page","link":"https:\/\/metarich-internship.co.kr\/?page_id=9288","title":{"rendered":"\uc9c0\uc6d0\ud558\uae30"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9288\" class=\"elementor elementor-9288\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bef56fd e-flex e-con-boxed e-con e-parent\" data-id=\"bef56fd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f3a1cb elementor-widget elementor-widget-html\" data-id=\"7f3a1cb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html> <html lang=\"ko\"> <head> <meta charset=\"UTF-8\" \/> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/> <title>MetaRich \uba54\ub274 - \ubaa8\ubc14\uc77c \uc18c\uba54\ub274 \uc544\ucf54\ub514\uc5b8<\/title> <style> .mrh-header-wrap { position: relative; z-index: 2500; } .mrh-header { display: flex; align-items: center; justify-content: space-between; background: white; padding: 1rem 2rem; border-bottom: 1px solid #ddd; } .mrh-logo img { height: 110px; } .mrh-desktop-menu { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; } .mrh-menu-item { position: relative; } .mrh-menu-item > a { text-decoration: none; color: #111; font-weight: 500; padding: 0.4rem 0.6rem; display: inline-block; cursor: pointer; } .mrh-dropdown { display: none; position: absolute; top: 100%; left: 0; background: white; border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0,0,0,0.05); z-index: 100; min-width: 220px; } .mrh-dropdown a { display: block; padding: 0.75rem 1rem; text-decoration: none; color: #333; border-bottom: 1px solid #eee; } .mrh-dropdown a:hover { background: #f4f4f4; } .mrh-menu-item:hover > .mrh-dropdown { display: block; } .mrh-login-area { padding-left: 1.2rem; } .mrh-hamburger { display: none; flex-direction: column; justify-content: center; align-items: center; width: 44px; height: 44px; background: none; border: none; cursor: pointer; z-index: 400; padding: 0; margin-left: 10px; } .mrh-hamburger span { display: block; width: 30px; height: 4px; background: #222; margin: 5px 0; border-radius: 2px; transition: 0.3s; } @media (max-width: 900px) { .mrh-header { padding: 0.7rem 0.8rem; } .mrh-logo img { height: 48px; } .mrh-desktop-menu { display: none !important; } .mrh-hamburger { display: flex; } .mrh-dropdown { display: none !important; position: static; box-shadow: none; border: none; background: none; min-width: 0; padding: 0; } .mrh-menu-item.open > .mrh-dropdown { display: block !important; } .mrh-slide-menu .mrh-login-area { position: sticky; top: 0; z-index: 9999; background: #fff; border-bottom: 1px solid #eee; padding: 16px 0 16px 22px; margin-bottom: 10px; width: 100%; } } .mrh-slide-menu-backdrop { display: none; position: fixed; inset: 0; z-index: 399; background: rgba(0,0,0,0.3); transition: background 0.25s; } .mrh-slide-menu { display: block; position: fixed; top: 0; left: 0; height: 100vh; width: 80vw; max-width: 340px; background: #fff; box-shadow: 3px 0 24px rgba(0,0,0,0.08); z-index: 400; transform: translateX(-100%); transition: transform 0.25s cubic-bezier(0.77,0.2,0.05,1.0); overflow-y: auto; padding-top: 28px; } .mrh-slide-menu.open { transform: translateX(0); } .mrh-slide-menu nav { display: flex; flex-direction: column; gap: 0; align-items: flex-start; padding: 0; width: 100%; box-sizing: border-box; } .mrh-slide-menu .mrh-menu-item { width: 100%; } .mrh-slide-menu .mrh-menu-item > a { padding: 1.1rem 1.3rem; width: 100%; border-bottom: 1px solid #f0f0f0; font-size: 1.07rem; color: #222; background: none; font-weight: 600; } .mrh-slide-menu .mrh-login-area { padding: 20px 0 20px 22px; } <\/style> <\/head> <body> <div class=\"mrh-header-wrap\"> <header class=\"mrh-header\"> <div class=\"mrh-logo\"> <a href=\"\/\"><img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/05\/\ub85c\uace011.png\" alt=\"MetaRich \ub85c\uace0\" \/><\/a> <\/div> <button class=\"mrh-hamburger\" aria-label=\"\ubaa8\ubc14\uc77c \uba54\ub274 \uc5f4\uae30\"> <span><\/span><span><\/span><span><\/span> <\/button> <nav class=\"mrh-desktop-menu\"> <div class=\"mrh-menu-item\"> <a href=\"#\">MZ \ubd80\ud2b8\ucea0\ud504 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=3905\">MZ \ubd80\ud2b8\ucea0\ud504<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2125\">\uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2306\">\uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2307\">\ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">\uc785\uacfc\uc2e0\uccad \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=9288\">\uc9c0\uc6d0\ud558\uae30<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2311\">\uc9c0\uc6d0\uc790\uaca9<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=8851\">\ud569\uaca9\uc870\ud68c<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">\uad50\uc721\uacfc\uc815 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2301\">\uad50\uc721\uc774\ub150<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=16999\">\uac15\uc0ac\uc18c\uac1c<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2321\">AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2322\">\uc5c5\uacc4 \uacbd\uc7c1\ub825<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2326\">\uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840<\/a> <\/div> <\/div> <!-- \ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \uba54\ub274 \ucd94\uac00 --> <div class=\"mrh-menu-item\"> <a href=\"#\">\ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15252\">\uba85\uc608\uc758 \uc804\ub2f9<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15319\">\uc218\ub8cc\uc0dd \uc774\uc57c\uae30<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"><a href=\"https:\/\/metarich-internship.co.kr\/?page_id=20\">\uacf5\uc9c0\uc0ac\ud56d<\/a><\/div> <div class=\"mrh-login-area\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=1412\">\ub85c\uadf8\uc778<\/a> <\/div> <\/nav> <\/header> <div class=\"mrh-slide-menu-backdrop\"><\/div> <aside class=\"mrh-slide-menu\" aria-label=\"\uc804\uccb4 \uba54\ub274\"> <button class=\"mrh-close-btn\" aria-label=\"\uba54\ub274 \ub2eb\uae30\">&times;<\/button> <nav> <div class=\"mrh-menu-item\"> <a href=\"#\">MZ \ubd80\ud2b8\ucea0\ud504 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=3905\">MZ \ubd80\ud2b8\ucea0\ud504<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2125\">\uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2306\">\uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2307\">\ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">\uc785\uacfc\uc2e0\uccad \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=9288\">\uc9c0\uc6d0\ud558\uae30<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2311\">\uc9c0\uc6d0\uc790\uaca9<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=8851\">\ud569\uaca9\uc870\ud68c<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">\uad50\uc721\uacfc\uc815 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2301\">\uad50\uc721\uc774\ub150<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=16999\">\uac15\uc0ac\uc18c\uac1c<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2321\">AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2322\">\uc5c5\uacc4 \uacbd\uc7c1\ub825<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2326\">\uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840<\/a> <\/div> <\/div> <!-- \ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \ubaa8\ubc14\uc77c \uba54\ub274 \ucd94\uac00 --> <div class=\"mrh-menu-item\"> <a href=\"#\">\ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15252\">\uba85\uc608\uc758 \uc804\ub2f9<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15319\">\uc218\ub8cc\uc0dd \uc774\uc57c\uae30<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"><a href=\"https:\/\/metarich-internship.co.kr\/?page_id=20\">\uacf5\uc9c0\uc0ac\ud56d<\/a><\/div> <div class=\"mrh-login-area\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=1412\">\ub85c\uadf8\uc778<\/a> <\/div> <\/nav> <\/aside> <div class=\"mrh-slide-menu-backdrop\"><\/div> <\/div> <script> (function(){ document.querySelectorAll('.mrh-header-wrap').forEach(function(root){ const hamburger = root.querySelector('.mrh-hamburger'); const slideMenu = root.querySelector('.mrh-slide-menu'); const slideBackdrop = root.querySelectorAll('.mrh-slide-menu-backdrop'); const closeBtn = root.querySelector('.mrh-slide-menu .mrh-close-btn'); hamburger.addEventListener('click', function() { slideMenu.classList.add('open'); slideBackdrop.forEach(bd=>bd.style.display='block'); document.body.style.overflow = 'hidden'; }); closeBtn.addEventListener('click', closeMenu); slideBackdrop.forEach(bd=>bd.addEventListener('click', closeMenu)); function closeMenu() { slideMenu.classList.remove('open'); slideBackdrop.forEach(bd=>bd.style.display='none'); document.body.style.overflow = ''; } window.addEventListener('resize', function() { if(window.innerWidth > 900) closeMenu(); }); \/\/ \ubaa8\ubc14\uc77c \uc544\ucf54\ub514\uc5b8 \uc18c\uba54\ub274 function isMobile() { return window.innerWidth <= 900; } [root.querySelector('.mrh-slide-menu nav'), root.querySelector('.mrh-desktop-menu')].forEach(function(menu){ if (!menu) return; menu.querySelectorAll('.mrh-menu-item > a').forEach(function(anchor){ anchor.addEventListener('click', function(e){ if(isMobile()) { const parent = this.parentElement; if(parent.querySelector('.mrh-dropdown')) { e.preventDefault(); parent.classList.toggle('open'); } } }); }); }); \/\/ PC hover root.querySelectorAll('.mrh-desktop-menu .mrh-menu-item').forEach(item=>{ item.addEventListener('mouseenter',()=>{ item.querySelector('.mrh-dropdown') && (item.querySelector('.mrh-dropdown').style.display='block'); }); item.addEventListener('mouseleave',()=>{ item.querySelector('.mrh-dropdown') && (item.querySelector('.mrh-dropdown').style.display='none'); }); }); }); })(); <\/script> <\/body> <\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e33404c e-flex e-con-boxed e-con e-parent\" data-id=\"e33404c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d6247f elementor-widget elementor-widget-html\" data-id=\"3d6247f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* \uacf5\ud1b5(\ud14c\ub9c8) \uc0c9 *\/\r\n  :root{\r\n    --kakao-yellow:#FFEB00;\r\n    --btn-shadow:0 6px 24px rgba(0,0,0,.25);\r\n    --radius:48px;\r\n    --ease:.25s cubic-bezier(.4,0,.2,1);\r\n  }\r\n\r\n  \/* \u25b6 \ub465\uadfc \ud50c\ub85c\ud305 \ubc84\ud2bc *\/\r\n  #kakao-chat-btn{\r\n    position:fixed; bottom:24px; right:24px; z-index:9999;\r\n    display:flex; align-items:center; justify-content:center;\r\n    width:auto; padding:0; border:none; background:transparent;\r\n    font:inherit; cursor:pointer;\r\n  }\r\n  #kakao-chat-btn .main-btn{\r\n    display:flex; align-items:center; justify-content:center;\r\n    background:var(--kakao-yellow); color:#000; font-weight:700;\r\n    padding:14px 22px; border-radius:var(--radius); text-decoration:none;\r\n    box-shadow:var(--btn-shadow); transition:transform var(--ease);\r\n  }\r\n  #kakao-chat-btn:hover .main-btn{ transform:translateY(-2px) }\r\n\r\n  \/* \u25b6 \ud31d\uc5c5(\ud300 \uc120\ud0dd) *\/\r\n  #kakao-popup{\r\n    position:fixed; bottom:84px; right:24px;      \/* \ubc84\ud2bc \uc704\ucabd *\/\r\n    width:200px; background:#fff; border-radius:18px; overflow:hidden;\r\n    box-shadow:0 18px 40px rgba(0,0,0,.18);\r\n    opacity:0; visibility:hidden; transform:translateY(12px);\r\n    transition:opacity var(--ease), transform var(--ease), visibility var(--ease);\r\n    z-index:10000;\r\n  }\r\n  #kakao-popup.show{opacity:1; visibility:visible; transform:none;}\r\n\r\n  #kakao-popup a{\r\n    display:block; padding:14px 18px; color:#00264d; font-weight:600;\r\n    text-decoration:none; border-bottom:1px solid #f0f0f0;\r\n    transition:background .2s ease;\r\n  }\r\n  #kakao-popup a:last-child{border-bottom:none;}\r\n  #kakao-popup a:hover{background:#f9fafb;}\r\n\r\n  \/* \ubaa8\ubc14\uc77c \uc0b4\uc9dd \uac04\uaca9 \uc870\uc815 *\/\r\n  @media(max-width:600px){\r\n    #kakao-chat-btn{bottom:20px; right:20px;}\r\n    #kakao-popup{right:20px;}\r\n  }\r\n<\/style>\r\n\r\n<!-- \ud50c\ub85c\ud305 \ubc84\ud2bc -->\r\n<div id=\"kakao-chat-btn\">\r\n  <span class=\"main-btn\">\ud83d\udcac \uce74\uce74\uc624\ud1a1 \ubb38\uc758\ud558\uae30<\/span>\r\n<\/div>\r\n\r\n<!-- \uc120\ud0dd \ud31d\uc5c5 -->\r\n<div id=\"kakao-popup\">\r\n  <!-- \uc6b4\uc601\ud300 \ucc44\ub110 -->\r\n  <a href=\"https:\/\/pf.kakao.com\/_xcxlGBn\" target=\"_blank\" rel=\"noopener\">\r\n    \ud83d\udcc2  \uc6b4\uc601\ud300\r\n  <\/a>\r\n  <!-- \uad50\uc721\ud300 \ucc44\ub110 -->\r\n  <a href=\"https:\/\/pf.kakao.com\/_xoxjGBn\" target=\"_blank\" rel=\"noopener\">\r\n    \ud83c\udf93  \uad50\uc721\ud300\r\n  <\/a>\r\n<\/div>\r\n\r\n<script>\r\n  (function(){\r\n    const btn   = document.getElementById('kakao-chat-btn');\r\n    const popup = document.getElementById('kakao-popup');\r\n\r\n    \/\/ \ubc84\ud2bc \ud074\ub9ad \u2192 \ud31d\uc5c5 \ud1a0\uae00\r\n    btn.addEventListener('click', ()=> popup.classList.toggle('show'));\r\n\r\n    \/\/ \ud31d\uc5c5 \ubc14\uae65 \ud074\ub9ad \uc2dc \ub2eb\uae30\r\n    document.addEventListener('click', e=>{\r\n      if(!popup.contains(e.target) && !btn.contains(e.target)){\r\n        popup.classList.remove('show');\r\n      }\r\n    });\r\n\r\n    \/\/ ESC \ud0a4 \ub2eb\uae30\r\n    document.addEventListener('keydown', e=>{\r\n      if(e.key==='Escape') popup.classList.remove('show');\r\n    });\r\n  })();\r\n<\/script>\r\n<!-- \u25a0 \ub05d -------------------------------------------------------------------->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e445d7 e-flex e-con-boxed e-con e-parent\" data-id=\"3e445d7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b3b46b elementor-widget elementor-widget-html\" data-id=\"7b3b46b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ko\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>MZ BootCamp 8\uae30 \uc2e0\uccad\ud3fc<\/title>\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jszip\/3.10.1\/jszip.min.js\"><\/script>\r\n\r\n  <style>\r\n    html, body {\r\n      margin: 0;\r\n      padding: 0;\r\n      height: 100%;\r\n      font-family: 'Noto Sans KR', sans-serif;\r\n      background: transparent;\r\n      color: #fff;\r\n      min-height: 100vh;\r\n    }\r\n\r\n    .bg-fade {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100vw;\r\n      height: 100vh;\r\n      background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2026\/03\/\ucc9c\ucc9c.png');\r\n      background-size: contain;\r\n      background-position: center center;\r\n      background-repeat: no-repeat;\r\n      filter: brightness(1);\r\n      opacity: 1;\r\n      z-index: -1;\r\n      animation: bgFadeDim 4s ease-in-out forwards;\r\n      pointer-events: none;\r\n    }\r\n\r\n    @keyframes bgFadeDim {\r\n      0% { opacity: 1; filter: brightness(1); }\r\n      100% { opacity: 0.7; filter: brightness(0.7); }\r\n    }\r\n\r\n    .intro-text {\r\n      max-width: 1200px;\r\n      margin: 60px auto 15px;\r\n      padding: 20px 25px;\r\n      background-color: rgba(0,0,0,0.35);\r\n      border-radius: 8px;\r\n      color: white;\r\n      font-weight: 600;\r\n      font-size: 1.1rem;\r\n      line-height: 1.6;\r\n      white-space: pre-line;\r\n    }\r\n\r\n    .intro-text strong {\r\n      display: inline-block;\r\n      font-weight: 900;\r\n      font-size: 3rem;\r\n      line-height: 1.2;\r\n      word-break: keep-all;\r\n    }\r\n\r\n    .intro-text strong .mz-m { color: #3B82F6; }\r\n    .intro-text strong .mz-z { color: #f4811f; }\r\n    .intro-text strong .bootcamp-text { color: white; }\r\n\r\n    .period-info {\r\n      max-width: 1200px;\r\n      margin: 10px auto 10px;\r\n      background: rgba(0,0,0,0.35);\r\n      border-radius: 10px;\r\n      padding: 14px 24px;\r\n      color: #fff;\r\n      font-weight: 700;\r\n      font-size: 1rem;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .period-info .period-item {\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex: 1;\r\n      min-width: 150px;\r\n    }\r\n\r\n    .period-info .period-item:not(:last-child) {\r\n      border-right: 1px solid #444;\r\n      padding-right: 24px;\r\n      margin-right: 24px;\r\n    }\r\n\r\n    .period-info .label {\r\n      color: #f4811f;\r\n      font-weight: 900;\r\n      font-size: 1.1rem;\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    .period-info .date { font-weight: 600; }\r\n\r\n    .location-info {\r\n      max-width: 1200px;\r\n      margin: 0 auto 20px;\r\n      background: rgba(0,0,0,0.35);\r\n      border-radius: 10px;\r\n      padding: 14px 24px;\r\n      color: #fff;\r\n      font-weight: 700;\r\n      font-size: 1rem;\r\n      box-sizing: border-box;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .location-info .label {\r\n      color: #f4811f;\r\n      font-weight: 900;\r\n      font-size: 1.1rem;\r\n      margin-bottom: 8px;\r\n      display: block;\r\n    }\r\n\r\n    form {\r\n      max-width: 1200px;\r\n      margin: 0 auto 40px;\r\n      padding: 30px 30px 35px;\r\n      background: rgba(24,24,24,0.35);\r\n      border-radius: 12px;\r\n      box-sizing: border-box;\r\n      color: white;\r\n      box-shadow: 0 0 15px #333;\r\n    }\r\n\r\n    .applicant-info {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      grid-template-rows: repeat(4, auto);\r\n      gap: 18px 20px;\r\n      border: 1px solid rgba(255, 68, 68, 0.4);\r\n      padding: 20px 24px;\r\n      border-radius: 10px;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .applicant-info > div { display: flex; flex-direction: column; }\r\n\r\n    .applicant-info label {\r\n      font-weight: 600;\r\n      font-size: 0.95rem;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    .applicant-info label.required::after {\r\n      content: \" *\";\r\n      color: #ff5c5c;\r\n    }\r\n\r\n    .applicant-info input[type=text],\r\n    .applicant-info input[type=date],\r\n    .applicant-info input[type=email] {\r\n      background: #222;\r\n      color: white;\r\n      border: 1.5px solid #f44336;\r\n      border-radius: 6px;\r\n      padding: 10px 14px;\r\n      font-size: 1rem;\r\n      box-sizing: border-box;\r\n      transition: border-color 0.3s ease;\r\n    }\r\n\r\n    .applicant-info input[type=text]:focus,\r\n    .applicant-info input[type=date]:focus,\r\n    .applicant-info input[type=email]:focus {\r\n      border-color: #d23232;\r\n      outline: none;\r\n      background: #2a2a2a;\r\n    }\r\n\r\n    .radio-group-box,\r\n    .checkbox-box {\r\n      border: 1.5px solid #f44336;\r\n      border-radius: 6px;\r\n      padding: 8px 14px;\r\n      margin-top: 6px;\r\n      background: #222;\r\n    }\r\n\r\n    .inline-options {\r\n      display: flex;\r\n      gap: 16px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .inline-options label {\r\n      font-weight: 500;\r\n      font-size: 0.95rem;\r\n      cursor: pointer;\r\n      user-select: none;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n    }\r\n\r\n    .inline-options input[type=\"radio\"],\r\n    .inline-options input[type=\"checkbox\"] {\r\n      margin: 0;\r\n      cursor: pointer;\r\n      transform: scale(1.2);\r\n      vertical-align: middle;\r\n    }\r\n\r\n    .checkbox-box {\r\n      padding: 18px 24px;\r\n      border-radius: 10px;\r\n      margin-top: 15px;\r\n      font-size: 0.95rem;\r\n    }\r\n\r\n    .checkbox-box label {\r\n      font-weight: 500;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .option-title {\r\n      font-weight: 800;\r\n      color: #fff;\r\n      display: block;\r\n    }\r\n\r\n    .option-desc {\r\n      display: block;\r\n      color: #cfcfcf;\r\n      font-size: 0.9rem;\r\n      line-height: 1.5;\r\n      margin-top: 2px;\r\n      letter-spacing: -0.01em;\r\n    }\r\n\r\n    \/* \ube44\ud65c\uc131 \ud76c\ub9dd\ud3ec\uc9c0\uc158 \ud45c\uc2dc\uc6a9 *\/\r\n    .position-disabled {\r\n      opacity: 0.45;\r\n      cursor: not-allowed !important;\r\n    }\r\n\r\n    .position-disabled input[type=\"checkbox\"] {\r\n      cursor: not-allowed !important;\r\n    }\r\n\r\n    .position-disabled .option-title,\r\n    .position-disabled .option-desc {\r\n      color: #9a9a9a;\r\n    }\r\n\r\n    .recommend-section {\r\n      margin-top: 25px;\r\n      border: 1px solid rgba(255, 255, 255, 0.3);\r\n      padding: 20px 25px;\r\n      border-radius: 8px;\r\n    }\r\n\r\n    .recommend-section[aria-disabled=\"true\"] {\r\n      pointer-events: none;\r\n      opacity: 0.5;\r\n    }\r\n\r\n    .recommend-section h3 {\r\n      font-weight: 700;\r\n      font-size: 1.1rem;\r\n      margin-bottom: 12px;\r\n      color: #f4811f;\r\n    }\r\n\r\n    .recommend-grid {\r\n      display: grid;\r\n      grid-template-columns: 2fr 2fr 2fr 2fr;\r\n      gap: 10px 20px;\r\n    }\r\n\r\n    .recommend-grid label {\r\n      font-weight: 600;\r\n      font-size: 0.9rem;\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    .recommend-grid input[type=text] {\r\n      padding: 8px 10px;\r\n      font-size: 0.9rem;\r\n      background: #222;\r\n      border: 1px solid #555;\r\n      border-radius: 6px;\r\n      color: white;\r\n    }\r\n\r\n    .attach-header {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin-top: 25px;\r\n    }\r\n\r\n    .attach-header .download-btn {\r\n      background-color: #0c4a9c;\r\n      color: white;\r\n      font-weight: 700;\r\n      font-size: 1rem;\r\n      padding: 10px 20px;\r\n      border-radius: 8px;\r\n      text-decoration: none;\r\n      user-select: none;\r\n      transition: background-color 0.3s ease;\r\n    }\r\n\r\n    .attach-header .download-btn:hover { background-color: #08346a; }\r\n\r\n    .attach-header .info-text {\r\n      color: white;\r\n      font-size: 0.85rem;\r\n      user-select: none;\r\n    }\r\n\r\n    .attach-section { margin-top: 10px; }\r\n\r\n    .file-input-row {\r\n      display: flex;\r\n      gap: 20px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .file-input-wrapper {\r\n      flex: 1 1 220px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 4px;\r\n    }\r\n\r\n    input[type=file] {\r\n      padding: 6px;\r\n      background: #222;\r\n      border-radius: 6px;\r\n      border: 1px solid #555;\r\n      color: #eee;\r\n    }\r\n\r\n    input[type=file]:invalid {\r\n      border-color: #555 !important;\r\n      box-shadow: none !important;\r\n    }\r\n\r\n    input[type=file]::file-selector-button {\r\n      cursor: pointer;\r\n      background: #f4811f;\r\n      border: none;\r\n      padding: 6px 12px;\r\n      border-radius: 4px;\r\n      color: white;\r\n      font-weight: 600;\r\n      transition: background-color 0.3s ease;\r\n    }\r\n\r\n    input[type=file]::file-selector-button:hover { background: #d46c00; }\r\n\r\n    .file-input-wrapper span {\r\n      font-size: 0.85rem;\r\n      color: #eee;\r\n    }\r\n\r\n    .privacy-text {\r\n      background: rgba(0,0,0,0.75);\r\n      color: #eee;\r\n      padding: 22px 25px;\r\n      margin-top: 30px;\r\n      border-radius: 12px;\r\n      max-height: 260px;\r\n      overflow-y: auto;\r\n      font-size: 0.9rem;\r\n      line-height: 1.6;\r\n      white-space: pre-line;\r\n    }\r\n\r\n    .agree-group { margin-top: 20px; }\r\n\r\n    .agree-group label {\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      font-size: 1rem;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .agree-group input[type=checkbox] {\r\n      transform: scale(1.3);\r\n      cursor: pointer;\r\n    }\r\n\r\n    .submit-btn-wrap {\r\n      text-align: center;\r\n      margin-top: 30px;\r\n    }\r\n\r\n    button[type=submit],\r\n    button[type=button] {\r\n      background-color: #777;\r\n      color: #ccc;\r\n      border: none;\r\n      border-radius: 12px;\r\n      padding: 14px 0;\r\n      font-weight: 700;\r\n      font-size: 1.3rem;\r\n      cursor: not-allowed;\r\n      width: 100%;\r\n      max-width: 350px;\r\n      transition: background-color 0.3s ease;\r\n    }\r\n\r\n    button.enabled {\r\n      background-color: #f4811f;\r\n      color: white;\r\n      cursor: pointer;\r\n    }\r\n\r\n    button.enabled:hover { background-color: #d46c00; }\r\n\r\n    button:disabled:hover {\r\n      background-color: #777;\r\n      cursor: not-allowed;\r\n    }\r\n\r\n    input:invalid,\r\n    textarea:invalid {\r\n      border-color: #d23232 !important;\r\n      box-shadow: 0 0 5px #d23232;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .intro-text strong {\r\n        font-size: 2.4rem;\r\n        line-height: 1.1;\r\n        display: block;\r\n      }\r\n\r\n      .intro-text strong .mz-m,\r\n      .intro-text strong .mz-z,\r\n      .intro-text strong .bootcamp-text {\r\n        display: inline;\r\n      }\r\n\r\n      .intro-text strong .bootcamp-text {\r\n        font-weight: 900;\r\n        font-size: 2.4rem;\r\n      }\r\n\r\n      .period-info {\r\n        flex-direction: column;\r\n        gap: 12px;\r\n      }\r\n\r\n      .period-info .period-item:not(:last-child) {\r\n        border-right: none;\r\n        padding-right: 0;\r\n        margin-right: 0;\r\n        border-bottom: 1px solid #444;\r\n        padding-bottom: 8px;\r\n      }\r\n\r\n      .recommend-grid {\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 15px 15px;\r\n      }\r\n\r\n      .applicant-info {\r\n        grid-template-columns: 1fr !important;\r\n        grid-template-rows: auto !important;\r\n        gap: 15px 0;\r\n      }\r\n    }\r\n\r\n    .modal {\r\n      position: fixed !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      width: 100vw !important;\r\n      height: 100vh !important;\r\n      margin: 0 auto !important;\r\n      box-sizing: border-box !important;\r\n      background: rgba(0,0,0,0.75) !important;\r\n      display: flex !important;\r\n      justify-content: center !important;\r\n      align-items: center !important;\r\n      z-index: 9999 !important;\r\n      visibility: hidden !important;\r\n      opacity: 0 !important;\r\n      transition: visibility 0s linear 0.25s, opacity 0.25s ease-in-out !important;\r\n    }\r\n\r\n    .modal.show {\r\n      visibility: visible !important;\r\n      opacity: 1 !important;\r\n      transition-delay: 0s !important;\r\n    }\r\n\r\n    .modal-content {\r\n      background: #121212;\r\n      padding: 35px 40px 40px 40px;\r\n      border-radius: 14px;\r\n      box-shadow: 0 0 30px #f4811fcc;\r\n      text-align: center;\r\n      color: #eee;\r\n      max-width: 550px;\r\n      width: 90vw;\r\n      font-weight: 500;\r\n      font-size: 1rem;\r\n      line-height: 1.6;\r\n      white-space: normal;\r\n      letter-spacing: -0.02em;\r\n      user-select: none;\r\n      position: relative;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .modal-content h2 {\r\n      color: #f4811f;\r\n      margin-bottom: 20px;\r\n      font-size: 1.7rem;\r\n      font-weight: 900;\r\n      letter-spacing: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .modal-content h2 .pin-emoji {\r\n      font-size: 1.8rem;\r\n      line-height: 1;\r\n    }\r\n\r\n    .modal-content p {\r\n      margin: 0 0 25px;\r\n      font-weight: 600;\r\n      font-size: 1rem;\r\n      line-height: 1.6;\r\n      white-space: normal;\r\n      color: #ddd;\r\n      text-align: left;\r\n    }\r\n\r\n    .modal-content h3 {\r\n      margin: 0 0 15px;\r\n      color: #ffb14e;\r\n      font-weight: 800;\r\n      font-size: 1.1rem;\r\n      text-align: left;\r\n    }\r\n\r\n    .modal-content ul.reason-list {\r\n      list-style: disc inside;\r\n      text-align: left;\r\n      color: #eee;\r\n      font-weight: 600;\r\n      font-size: 0.95rem;\r\n      margin-bottom: 30px;\r\n      padding-left: 20px;\r\n      user-select: text;\r\n    }\r\n\r\n    .modal-content ul.reason-list li {\r\n      padding: 6px 0;\r\n      border-bottom: 1px solid #333;\r\n    }\r\n\r\n    .modal-content ul.reason-list li:last-child { border-bottom: none; }\r\n\r\n    .modal-content label {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      font-weight: 700;\r\n      cursor: pointer;\r\n      font-size: 1.1rem;\r\n      color: #eee;\r\n      text-align: left;\r\n      margin-top: 10px;\r\n      user-select: none;\r\n    }\r\n\r\n    .modal-content label input[type=\"checkbox\"] {\r\n      transform: scale(1.4);\r\n      cursor: pointer;\r\n    }\r\n\r\n    .modal-content button#finalSubmitBtn {\r\n      margin-top: 20px;\r\n      background: #555;\r\n      box-shadow: none;\r\n      cursor: not-allowed;\r\n      color: #ccc;\r\n      border-radius: 10px;\r\n      padding: 14px 28px;\r\n      font-weight: 700;\r\n      font-size: 1.15rem;\r\n      min-width: 160px;\r\n      transition: background-color 0.3s ease;\r\n      letter-spacing: -0.02em;\r\n      user-select: none;\r\n      outline-offset: 4px;\r\n      outline-color: transparent;\r\n    }\r\n\r\n    .modal-content button#finalSubmitBtn.enabled {\r\n      background: #0a3e83;\r\n      box-shadow: 0 0 14px #0a3e83dd;\r\n      cursor: pointer;\r\n      color: white;\r\n      outline-color: #0a3e83;\r\n    }\r\n\r\n    .modal-content button#finalSubmitBtn.enabled:hover {\r\n      background: #062a52;\r\n      box-shadow: 0 0 18px #062a5299;\r\n    }\r\n\r\n    .modal-close-btn {\r\n      position: absolute;\r\n      top: 14px;\r\n      right: 18px;\r\n      background: transparent;\r\n      border: none;\r\n      font-size: 1.8rem;\r\n      color: #f4811f;\r\n      font-weight: 900;\r\n      cursor: pointer;\r\n      line-height: 1;\r\n      padding: 0;\r\n      user-select: none;\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    .modal-close-btn:hover { color: #ffb14e; }\r\n\r\n    #applyRouteBox {\r\n      border-radius: 6px 6px 0 0;\r\n      padding-bottom: 6px;\r\n      background: #222;\r\n      border: 1.5px solid #f44336;\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    #applyRouteBox .inline-options { margin-bottom: 0; }\r\n\r\n    #applyRouteDetails {\r\n      display: none;\r\n      background: #222;\r\n      border: 1.5px solid #f44336;\r\n      border-top: none;\r\n      border-radius: 0 0 6px 6px;\r\n      padding: 12px 16px;\r\n      margin-top: 0;\r\n      color: #fff;\r\n      font-weight: 600;\r\n      user-select: none;\r\n    }\r\n\r\n    #applyRouteDetails .checkbox-group {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 10px;\r\n    }\r\n\r\n    #applyRouteDetails label {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      font-size: 0.95rem;\r\n      cursor: pointer;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n  <div class=\"bg-fade\"><\/div>\r\n\r\n  <div class=\"intro-text\">\r\n    <strong>\r\n      <span class=\"mz-m\">M<\/span><span class=\"mz-z\">Z<\/span>\r\n      <span class=\"bootcamp-text\">BootCamp 8\uae30<\/span>\r\n    <\/strong><br>\r\n    AI\uc2dc\ub300\uc5d0 \ucd5c\uc801\ud654\ub41c \ub514\uc9c0\ud138 \uae08\uc735 \uc804\ubb38\uac00\ub85c \uc131\uc7a5\ud558\ub294<br>\r\n    \ud569\uc219\ud615 \ubab0\uc785 \uad50\uc721 \ud504\ub85c\uadf8\ub7a8\uc785\ub2c8\ub2e4.<br>\r\n    \uc9d1\uc911 \ud559\uc2b5\uacfc \uac15\ub825\ud55c \ub124\ud2b8\uc6cc\ud06c\ub85c<br>\r\n    \uc9c0\uc2dd, \ucee4\ub9ac\uc5b4, \ud0dc\ub3c4\uc758 \uc804\ud658\uc744 \uc774\ub055\ub2c8\ub2e4.\r\n  <\/div>\r\n\r\n  <div class=\"period-info\">\r\n    <div class=\"period-item\">\r\n      <span class=\"label\">\uc811\uc218\uae30\uac04<\/span>\r\n      <span class=\"date\">~ 2026\ub144 04\uc6d4 23\uc77c (\ubaa9) 18:00<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"period-item\">\r\n      <span class=\"label\">\uba74\uc811\uc77c\uc815<\/span>\r\n      <span class=\"date\">2026\ub144 04\uc6d4 25\uc77c(\ud1a0) 09:00 ~<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"period-item\">\r\n      <span class=\"label\">\uad50\uc721\uae30\uac04<\/span>\r\n      <span class=\"date\">2026\ub144 05\uc6d4 06\uc77c(\uc218) ~ 05\uc6d4 27\uc77c(\uc218)<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"location-info\">\r\n    <span class=\"label\">\uc7a5\uc18c (\uba74\uc811 \u00b7 \uad50\uc721)<\/span>\r\n    <ul style=\"margin:0; padding-left:20px; font-weight:600;\">\r\n      <li>\ub9c8\uc2a4\ud130\ub9ac\uc7ac\ub2e8: \uacfc\ucc9c\uc2dc \uacfc\ucc9c\ub300\ub85c7\uae38 33 \ub514\ud14c\ud06c\ud0c0\uc6cc B\ub3d9 5\uce35 508\ud638<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <form\r\n    id=\"applicationForm\"\r\n    action=\"https:\/\/hook.us2.make.com\/f62lqmwssecwk2q1stceiby82mcx0ir6\"\r\n    method=\"POST\"\r\n    enctype=\"multipart\/form-data\"\r\n    novalidate\r\n  >\r\n    <div class=\"applicant-info\">\r\n      <div>\r\n        <label for=\"name\" class=\"required\">\uc131\uba85<\/label>\r\n        <input type=\"text\" id=\"name\" name=\"\uc131\uba85\" placeholder=\"\ud64d\uae38\ub3d9\" required \/>\r\n      <\/div>\r\n\r\n      <div>\r\n        <label for=\"birthdate\" class=\"required\">\uc0dd\ub144\uc6d4\uc77c<\/label>\r\n        <input\r\n          type=\"text\"\r\n          id=\"birthdate\"\r\n          name=\"\uc0dd\ub144\uc6d4\uc77c\"\r\n          inputmode=\"numeric\"\r\n          pattern=\"\\d{4}-\\d{2}-\\d{2}\"\r\n          maxlength=\"10\"\r\n          placeholder=\"yyyy-mm-dd\"\r\n          required\r\n          autocomplete=\"off\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <div>\r\n        <label class=\"required\">\uc131\ubcc4<\/label>\r\n        <div class=\"radio-group-box\" id=\"genderBox\">\r\n          <div class=\"inline-options\">\r\n            <label><input type=\"radio\" name=\"\uc131\ubcc4\" value=\"\ub0a8\uc131\" required \/> \ub0a8\uc131<\/label>\r\n            <label><input type=\"radio\" name=\"\uc131\ubcc4\" value=\"\uc5ec\uc131\" \/> \uc5ec\uc131<\/label>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div>\r\n        <label class=\"required\">\ubcd1\uc5ed\uc0ac\ud56d<\/label>\r\n        <div class=\"radio-group-box\" id=\"militaryBox\">\r\n          <div class=\"inline-options\">\r\n            <label><input type=\"radio\" name=\"\ubcd1\uc5ed\uc0ac\ud56d\" value=\"\ubcd1\uc5ed\ud544\" \/> \ubcd1\uc5ed\ud544<\/label>\r\n            <label><input type=\"radio\" name=\"\ubcd1\uc5ed\uc0ac\ud56d\" value=\"\ubbf8\ud544\" \/> \ubbf8\ud544<\/label>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div>\r\n        <label for=\"phone\" class=\"required\">\uc804\ud654\ubc88\ud638<\/label>\r\n        <input\r\n          type=\"text\"\r\n          id=\"phone\"\r\n          name=\"\uc804\ud654\ubc88\ud638\"\r\n          placeholder=\"010-1234-5678\"\r\n          pattern=\"[\\d-]{10,13}\"\r\n          title=\"\uc22b\uc790\uc640 \ud558\uc774\ud508(-)\ub9cc \uc785\ub825\ud574\uc8fc\uc138\uc694\"\r\n          required\r\n        \/>\r\n      <\/div>\r\n\r\n      <div>\r\n        <label for=\"email\" class=\"required\">\uba54\uc77c\uc8fc\uc18c<\/label>\r\n        <input type=\"email\" id=\"email\" name=\"\uba54\uc77c\uc8fc\uc18c\" placeholder=\"example@email.com\" required \/>\r\n      <\/div>\r\n\r\n      <div>\r\n        <label for=\"region\" class=\"required\">\uac70\uc8fc\uc9c0\uc5ed<\/label>\r\n        <input type=\"text\" id=\"region\" name=\"\uac70\uc8fc\uc9c0\uc5ed\" placeholder=\"\uc11c\uc6b8\uc2dc \uac15\ub0a8\uad6c\" required \/>\r\n\r\n        <label for=\"examStatus\" style=\"margin-top:7px;\">\ubcf4\uc720 \ud569\uaca9\uc99d<\/label>\r\n        <select\r\n          id=\"examStatus\"\r\n          name=\"\ubcf4\uc720 \ud569\uaca9\uc99d\"\r\n          style=\"margin-top:3px; border-radius:6px; padding:9px 14px; background:#222; color:white; border:1.5px solid #f44336; font-size:1rem;\"\r\n        >\r\n          <option value=\"\uc5c6\uc74c\" selected>\uc5c6\uc74c<\/option>\r\n          <option value=\"\uc190\ubcf4\ud569\uaca9\">\uc190\ubcf4\ud569\uaca9<\/option>\r\n          <option value=\"\uc0dd\ubcf4\ud569\uaca9\">\uc0dd\ubcf4\ud569\uaca9<\/option>\r\n          <option value=\"\uc81c3\ud569\uaca9\">\uc81c3\ud569\uaca9<\/option>\r\n          <option value=\"\uc190\ubcf4+\uc0dd\ubcf4\ud569\uaca9\">\uc190\ubcf4+\uc0dd\ubcf4\ud569\uaca9<\/option>\r\n          <option value=\"\uc190\ubcf4+\uc81c3\ud569\uaca9\">\uc190\ubcf4+\uc81c3\ud569\uaca9<\/option>\r\n          <option value=\"\uc0dd\ubcf4+\uc81c3\ud569\uaca9\">\uc0dd\ubcf4+\uc81c3\ud569\uaca9<\/option>\r\n          <option value=\"\uc190\ubcf4+\uc0dd\ubcf4+\uc81c3\ud569\uaca9\">\uc190\ubcf4+\uc0dd\ubcf4+\uc81c3\ud569\uaca9<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div>\r\n        <label class=\"required\">\uc2e0\uccad\uacbd\ub85c<\/label>\r\n        <div class=\"radio-group-box\" id=\"applyRouteBox\">\r\n          <div class=\"inline-options\">\r\n            <label><input type=\"radio\" name=\"\uc2e0\uccad\uacbd\ub85c\" value=\"\ucd94\ucc9c\" required \/> \ucd94\ucc9c<\/label>\r\n            <label><input type=\"radio\" name=\"\uc2e0\uccad\uacbd\ub85c\" value=\"\uc77c\ubc18\" \/> \uc77c\ubc18<\/label>\r\n          <\/div>\r\n        <\/div>\r\n        <div id=\"applyRouteDetails\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \ud76c\ub9dd\ud3ec\uc9c0\uc158 -->\r\n    <div class=\"checkbox-box\" role=\"group\" aria-labelledby=\"positionLabel\" aria-required=\"true\">\r\n      <label id=\"positionLabel\" class=\"required\" style=\"display:block; margin-bottom:10px;\">\ud76c\ub9dd\ud3ec\uc9c0\uc158<\/label>\r\n\r\n      <label>\r\n        <input type=\"checkbox\" name=\"\ud76c\ub9dd\ud3ec\uc9c0\uc158\" value=\"\uae08\uc735\uc804\ubb38\uac00\" required>\r\n        <div>\r\n          <span class=\"option-title\">\uae08\uc735\uc804\ubb38\uac00<\/span>\r\n          <span class=\"option-desc\">\uace0\uac1d\uc758 \uc0dd\uc560\uc8fc\uae30\uc5d0 \ub9de\ucdb0 \uc7ac\uc815\uc801 \ubaa9\ud45c\uc640 \uc704\ud5d8 \uad00\ub9ac \ud544\uc694\ub97c \uc774\ud574\ud558\uace0, \ub9de\ucda4\ud615 \uc124\uacc4\ub97c \uc9c0\uc6d0\ud558\ub294 \ucee8\uc124\ud134\ud2b8<\/span>\r\n        <\/div>\r\n      <\/label>\r\n\r\n      <label class=\"position-disabled\">\r\n        <input type=\"checkbox\" name=\"\ud76c\ub9dd\ud3ec\uc9c0\uc158\" value=\"\uc2a4\uce74\uc6b0\ud130\" disabled>\r\n        <div>\r\n          <span class=\"option-title\">\uc2a4\uce74\uc6b0\ud130<\/span>\r\n          <span class=\"option-desc\">\uae08\uc735\uc804\ubb38\uac00\ub85c \uc131\uc7a5\ud560 \uc778\uc7ac\ub97c \ubc1c\uad74\u00b7\ud3c9\uac00\u00b7\ucd94\ucc9c\ud558\ub294 \ud5e4\ub4dc\ud5cc\ud130<\/span>\r\n        <\/div>\r\n      <\/label>\r\n\r\n      <label class=\"position-disabled\">\r\n        <input type=\"checkbox\" name=\"\ud76c\ub9dd\ud3ec\uc9c0\uc158\" value=\"\uc9c0\uc5ed\uc7a5\" disabled>\r\n        <div>\r\n          <span class=\"option-title\">\uc9c0\uc5ed\uc7a5<\/span>\r\n          <span class=\"option-desc\">\uac01 \uc9c0\uc5ed\uc758 \uae08\uc735\uc804\ubb38\uac00\ub97c \uad00\ub9ac\u00b7\ucf54\uce6d\ud558\uace0 \ubaa9\ud45c \ub2ec\uc131\uc744 \uc9c0\uc6d0\ud558\ub294 \uad00\ub9ac\uc790<\/span>\r\n        <\/div>\r\n      <\/label>\r\n\r\n      <label class=\"position-disabled\">\r\n        <input type=\"checkbox\" name=\"\ud76c\ub9dd\ud3ec\uc9c0\uc158\" value=\"\uad50\uc721\uc790\" disabled>\r\n        <div>\r\n          <span class=\"option-title\">\uad50\uc721\uc790<\/span>\r\n          <span class=\"option-desc\">\uae08\uc735\uc804\ubb38\uac00\uc758 \uc5ed\ub7c9 \ud5a5\uc0c1\uc744 \uc704\ud574 \uad50\uc721\u00b7\ud6c8\ub828\uc744 \uae30\ud68d\ud558\uace0 \uc2e4\ud589\ud558\uba70, \uc9c0\uc18d\uc801\uc778 \uc131\uc7a5\uc744 \uc9c0\uc6d0\ud558\ub294 \uba58\ud1a0<\/span>\r\n        <\/div>\r\n      <\/label>\r\n    <\/div>\r\n\r\n    <!-- \uc790\uaca9\uc694\uac74 -->\r\n    <div class=\"checkbox-box\" aria-required=\"true\" role=\"group\" aria-labelledby=\"qualifyLabel\">\r\n      <label id=\"qualifyLabel\" class=\"required\">\uc790\uaca9\uc694\uac74<\/label>\r\n      <label><input type=\"checkbox\" name=\"\uc790\uaca9\uc694\uac74\" value=\"\ub9cc 19\uc138 ~ 39\uc138 \ubbf8\ub9cc\" required \/> \ub9cc 19\uc138 ~ 39\uc138 \ubbf8\ub9cc<\/label>\r\n      <label><input type=\"checkbox\" name=\"\uc790\uaca9\uc694\uac74\" value=\"\uc2e0\uc6a9\uc5d0 \uacb0\uaca9 \uc0ac\uc720\uac00 \uc5c6\ub294 \uc790\" required \/> \uc2e0\uc6a9\uc5d0 \uacb0\uaca9 \uc0ac\uc720\uac00 \uc5c6\ub294 \uc790<\/label>\r\n    <\/div>\r\n\r\n    <div class=\"recommend-section\" id=\"recommendSection\" aria-disabled=\"true\">\r\n      <h3>\ucd94\ucc9c\uc9c0\uc810 \uc815\ubcf4<\/h3>\r\n      <div class=\"recommend-grid\">\r\n        <div>\r\n          <label for=\"managerName\">\ucd5c\uc0c1\uc704\uad00\ub9ac\uc790 \uc131\ud568<\/label>\r\n          <input type=\"text\" id=\"managerName\" name=\"\ucd5c\uc0c1\uc704\uad00\ub9ac\uc790 \uc131\ud568\" placeholder=\"XX\ubcf8\ubd80 \/ \uae40\u25cb\uc218 \/ \ubcf8\ubd80\uc7a5\" disabled \/>\r\n        <\/div>\r\n        <div>\r\n          <label for=\"managerPhone\">\uc804\ud654\ubc88\ud638<\/label>\r\n          <input type=\"text\" id=\"managerPhone\" name=\"\ucd5c\uc0c1\uc704\uad00\ub9ac\uc790 \uc804\ud654\ubc88\ud638\" placeholder=\"010-1234-5678\" disabled \/>\r\n        <\/div>\r\n        <div>\r\n          <label for=\"referrerName\">\ucd94\ucc9c\uc778<\/label>\r\n          <input type=\"text\" id=\"referrerName\" name=\"\ucd94\ucc9c\uc778\" placeholder=\"\ubc15\u25cb\ubbfc \/ \ud300\uc7a5\" disabled \/>\r\n        <\/div>\r\n        <div>\r\n          <label for=\"referrerPhone\">\uc804\ud654\ubc88\ud638<\/label>\r\n          <input type=\"text\" id=\"referrerPhone\" name=\"\ucd94\ucc9c\uc778 \uc804\ud654\ubc88\ud638\" placeholder=\"010-1234-5678\" disabled \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"attach-header\">\r\n      <a\r\n        id=\"downloadBtn\"\r\n        href=\"https:\/\/drive.google.com\/uc?export=download&id=1Rjtl_031HrS-hVG4PR-C8AE0I7TJKZ7m\"\r\n        class=\"download-btn\"\r\n        aria-label=\"\uc591\uc2dd \ub2e4\uc6b4\ub85c\ub4dc\"\r\n      >\uc591\uc2dd \ub2e4\uc6b4\ub85c\ub4dc<\/a>\r\n      <span class=\"info-text\">\ubaa8\ub4e0 \ucca8\ubd80 \uc11c\ub958\ub294 PDF\ub85c \ubcc0\ud658\ud558\uc5ec \uc81c\ucd9c\ud574 \uc8fc\uc138\uc694.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"attach-section\">\r\n      <div class=\"file-input-row\">\r\n        <div class=\"file-input-wrapper\">\r\n          <label for=\"resume\">\uc774\ub825\uc11c<\/label>\r\n          <input type=\"file\" id=\"resume\" name=\"\uc774\ub825\uc11c\" accept=\"application\/pdf\" \/>\r\n          <span>\uc120\ud0dd\ub41c \ud30c\uc77c \uc5c6\uc74c<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"file-input-wrapper\">\r\n          <label for=\"selfIntro\">\uc790\uae30\uc18c\uac1c\uc11c<\/label>\r\n          <input type=\"file\" id=\"selfIntro\" name=\"\uc790\uae30\uc18c\uac1c\uc11c\" accept=\"application\/pdf\" \/>\r\n          <span>\uc120\ud0dd\ub41c \ud30c\uc77c \uc5c6\uc74c<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"file-input-wrapper\">\r\n          <label for=\"recommendLetter\">\ucd94\ucc9c\uc11c<\/label>\r\n          <input type=\"file\" id=\"recommendLetter\" name=\"\ucd94\ucc9c\uc11c\" accept=\"application\/pdf\" \/>\r\n          <span id=\"recommendSpan\">\uc120\ud0dd\ub41c \ud30c\uc77c \uc5c6\uc74c<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"file-input-wrapper\">\r\n          <label for=\"militaryDoc\">\ubcd1\uc801\uc99d\uba85\uc11c<\/label>\r\n          <input type=\"file\" id=\"militaryDoc\" name=\"\ubcd1\uc801\uc99d\uba85\uc11c\" accept=\"application\/pdf\" \/>\r\n          <span>\uc120\ud0dd\ub41c \ud30c\uc77c \uc5c6\uc74c<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"privacy-text\" tabindex=\"0\">\r\n\uc8fc\uc2dd\ud68c\uc0ac \uba54\ud0c0\ub9ac\uce58(\uc774\ud558 \"\ud68c\uc0ac\")\ub294 \uac1c\uc778\uc815\ubcf4 \ubcf4\ud638 \uad00\ub828 \ubc95\ub839\uc744 \uc900\uc218\ud558\uba70, MZ \ubd80\ud2b8\ucea0\ud504 \uc9c0\uc6d0\uc790\uc758 \uac1c\uc778\uc815\ubcf4\ub97c \uc548\uc804\ud558\uac8c \ucc98\ub9ac\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.\r\n\ud68c\uc0ac\ub294 MZ \ubd80\ud2b8\ucea0\ud504 \uc9c0\uc6d0\uc11c\ub958 \uc811\uc218\ub97c \uc704\ud574 \uc544\ub798\uc640 \uac19\uc774 \uac1c\uc778\uc815\ubcf4\ub97c \uc218\uc9d1\u00b7\uc774\uc6a9\ud558\uba70, \uc218\uc9d1\ud55c \uac1c\uc778\uc815\ubcf4\ub294 \uba85\ud655\ud55c \ubaa9\uc801 \uc678\uc5d0\ub294 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\r\n\uac1c\uc778\uc815\ubcf4 \ucc98\ub9ac \ubc0f \ubcf4\ud638\uc5d0 \uad00\ud55c \uc790\uc138\ud55c \uc0ac\ud56d\uc740 \ud68c\uc0ac\uc758 \uac1c\uc778\uc815\ubcf4\ucc98\ub9ac\ubc29\uce68\uc744 \ub530\ub985\ub2c8\ub2e4.\r\n1. \uc218\uc9d1\ud558\ub294 \uac1c\uc778\uc815\ubcf4 \ud56d\ubaa9\r\n- \uc774\ub984, \uc131\ubcc4, \uc0dd\ub144\uc6d4\uc77c, \uc774\uba54\uc77c \uc8fc\uc18c, \uc5f0\ub77d\ucc98(\ud734\ub300\ud3f0 \ubc88\ud638), \uac70\uc8fc\uc9c0\uc5ed, \uc2e0\uccad\uacbd\ub85c\r\n2. \uac1c\uc778\uc815\ubcf4\uc758 \uc218\uc9d1 \ubc0f \uc774\uc6a9 \ubaa9\uc801\r\n- \uc9c0\uc6d0\uc790 \ubcf8\uc778 \ud655\uc778 \ubc0f \uc5f0\ub77d\r\n- \uc9c0\uc6d0\uc11c \uc811\uc218, \uc2ec\uc0ac \ubc0f \uacb0\uacfc \uc548\ub0b4\r\n- \uba74\uc811 \uc77c\uc815 \uc548\ub0b4 \ubc0f \uc9c4\ud589\r\n- \ubd80\ud2b8\ucea0\ud504 \uc6b4\uc601 \ubc0f \uad50\uc721 \uad00\ub828 \uc548\ub0b4\r\n3. \uac1c\uc778\uc815\ubcf4\uc758 \ubcf4\uc720 \ubc0f \uc774\uc6a9 \uae30\uac04\r\n- \uac1c\uc778\uc815\ubcf4 \uc218\uc9d1\u00b7\uc774\uc6a9 \ubaa9\uc801 \ub2ec\uc131 \ud6c4 \uc989\uc2dc \ud30c\uae30\ud568\uc744 \uc6d0\uce59\uc73c\ub85c \ud569\ub2c8\ub2e4.\r\n- \ub2e8, \uad00\ub828 \ubc95\ub839 \ubc0f \ud68c\uc0ac \ub0b4\ubd80 \ubc29\uce68\uc5d0 \ub530\ub77c \uc544\ub798\uc640 \uac19\uc774 \uc77c\uc815 \uae30\uac04 \ubcf4\uc720\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\r\n  \uac00. \ud68c\uc0ac \ub0b4\ubd80 \ubc29\uce68\uc5d0 \uc758\ud55c \ubcf4\uc720\r\n  - \ubd80\uc815 \uc9c0\uc6d0 \ubc29\uc9c0 \ubc0f \ubd80\ud2b8\ucea0\ud504 \uc6b4\uc601 \uae30\ub85d : 1\ub144\r\n  \ub098. \ubc95\ub839\uc5d0 \uc758\ud55c \ubcf4\uc720\r\n  - \uc18c\ube44\uc790 \ubd84\uc7c1 \ud574\uacb0 \uad00\ub828 \uae30\ub85d : 3\ub144 (\uc804\uc790\uc0c1\uac70\ub798 \ub4f1\uc5d0\uc11c\uc758 \uc18c\ube44\uc790 \ubcf4\ud638\uc5d0 \uad00\ud55c \ubc95\ub960)\r\n  - \ubcf8\uc778 \ud655\uc778 \uae30\ub85d : 6\uac1c\uc6d4 (\uc815\ubcf4\ud1b5\uc2e0\ub9dd \uc774\uc6a9\ucd09\uc9c4 \ubc0f \uc815\ubcf4\ubcf4\ud638\uc5d0 \uad00\ud55c \ubc95\ub960)\r\n  - \ubc29\ubb38 \uae30\ub85d(\ud1b5\uc2e0\uc0ac\uc2e4\ud655\uc778\uc790\ub8cc) : 3\uac1c\uc6d4 (\ud1b5\uc2e0\ube44\ubc00\ubcf4\ud638\ubc95)\r\n4. \uac1c\uc778\uc815\ubcf4\uc758 \uc548\uc804\ud55c \uad00\ub9ac\ub97c \uc704\ud558\uc5ec \uae30\uc220\uc801\u00b7\uad00\ub9ac\uc801 \ubcf4\ud638 \uc870\uce58\ub97c \uc2dc\ud589\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.\r\n\uc0c1\uae30 \ub0b4\uc6a9\uc744 \uc219\uc9c0\ud558\uc600\uc73c\uba70, \uac1c\uc778\uc815\ubcf4 \uc218\uc9d1 \ubc0f \uc774\uc6a9\uc5d0 \ub3d9\uc758\ud569\ub2c8\ub2e4.\r\n    <\/div>\r\n\r\n    <div class=\"agree-group\">\r\n      <label><input type=\"checkbox\" id=\"agree\" required \/> \uac1c\uc778\uc815\ubcf4 \uc218\uc9d1 \ubc0f \uc774\uc6a9\uc5d0 \ub3d9\uc758\ud569\ub2c8\ub2e4.<\/label>\r\n    <\/div>\r\n\r\n    <div class=\"submit-btn-wrap\">\r\n      <button type=\"button\" id=\"submitBtn\" disabled>MZ\ubd80\ud2b8\ucea0\ud504 8\uae30 \uc2e0\uccad<\/button>\r\n    <\/div>\r\n  <\/form>\r\n\r\n  <!-- \ud655\uc778 \ubaa8\ub2ec -->\r\n  <div id=\"confirmModal\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"confirmModalTitle\" aria-hidden=\"true\">\r\n    <div class=\"modal-content\">\r\n      <button class=\"modal-close-btn\" aria-label=\"\ubaa8\ub2ec \ub2eb\uae30\">&times;<\/button>\r\n      <h2 id=\"confirmModalTitle\"><span class=\"pin-emoji\">\ud83d\udccc<\/span> \uc81c\ucd9c \uc804 \ud655\uc778<\/h2>\r\n      <p><br>\r\n        \ubaa8\ub4e0 \uc11c\ub958\ub294 \uc131\uc758\uc788\uac8c \uc791\uc131 \ubd80\ud0c1\ub4dc\ub9ac\uba70, \uc81c\ucd9c\ud558\uc2e0 \uc11c\ub958\uc5d0 <br>\r\n        \ub204\ub77d\ub41c \ub0b4\uc6a9\uc774 \uc5c6\ub294\uc9c0 \ub2e4\uc2dc \ud55c\ubc88 \uaf3c\uaf3c\ud788 \ud655\uc778\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.\r\n      <\/p>\r\n\r\n      <h3>\uc8fc\uc694 \ubc18\ub824\uc0ac\uc720<\/h3>\r\n      <ul class=\"reason-list\">\r\n        <li>\ucd94\ucc9c\uc9c0\uc810 \uc815\ubcf4 \uc624\uae30\uc7ac<\/li>\r\n        <li>\uc774\ub825\uc11c \uc0ac\uc9c4 \ubbf8\ucca8\ubd80<\/li>\r\n        <li>\uc774\ub825\uc11c \ub0b4 \uc8fc\uc694 \ub0b4\uc6a9 \ub204\ub77d<\/li>\r\n        <li>\uc131\uc758\uc5c6\ub294 \uc11c\ub958\uc791\uc131<\/li>\r\n        <li>\uc774\ub825\uc11c \ub0b4 \ub0b4\uc6a9 \ub204\ub77d<\/li>\r\n        <li>\uc81c\ucd9c\ud30c\uc77c \uc11c\uba85 \ub204\ub77d<\/li>\r\n      <\/ul>\r\n\r\n      <p>\r\n        \ub204\ub77d\ub41c \uc11c\ub958\ub098 \uc815\ubcf4\uac00 \uc788\uc744 \uacbd\uc6b0 \ud3c9\uac00\uc5d0 \ubd88\uc774\uc775\uc774 \ubc1c\uc0dd\ud560 \uc218 <br>\r\n        \uc788\uc73c\ub2c8 \uc2e0\uc911\ud788 \uc81c\ucd9c\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.\r\n      <\/p>\r\n\r\n      <label>\r\n        <input type=\"checkbox\" id=\"confirmCheck\" \/>\r\n        \ud655\uc778\ud558\uc600\uc2b5\ub2c8\ub2e4\r\n      <\/label>\r\n\r\n      <button id=\"finalSubmitBtn\" type=\"button\" disabled>\ucd5c\uc885 \uc81c\ucd9c\ud558\uae30<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div id=\"submitModal\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\" aria-hidden=\"true\" style=\"visibility:hidden; opacity:0;\">\r\n    <div class=\"modal-content\">\r\n      <h2 id=\"modalTitle\">\uc81c\ucd9c \uc644\ub8cc<\/h2>\r\n      <p>\uc815\uc0c1\uc801\uc73c\ub85c \uc81c\ucd9c\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\r\n      <button id=\"closeModalBtn\" type=\"button\">\ub2eb\uae30<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ [1] \uc0dd\ub144\uc6d4\uc77c \ud558\uc774\ud508 \uc790\ub3d9\uc785\ub825\r\n    const birthInput = document.getElementById('birthdate');\r\n    birthInput.addEventListener('input', function() {\r\n      let val = this.value.replace(\/[^0-9]\/g, '');\r\n      if (val.length > 8) val = val.slice(0, 8);\r\n      if (val.length > 4) val = val.slice(0, 4) + '-' + val.slice(4);\r\n      if (val.length > 7) val = val.slice(0, 7) + '-' + val.slice(7);\r\n      this.value = val;\r\n    });\r\n\r\n    \/\/ [2] \uc804\ud654\ubc88\ud638 \ud558\uc774\ud508 \uc790\ub3d9\uc785\ub825\r\n    const phoneInput = document.getElementById('phone');\r\n    phoneInput.addEventListener('input', function() {\r\n      let val = this.value.replace(\/[^0-9]\/g, '');\r\n      if (val.length > 11) val = val.slice(0, 11);\r\n      if (val.length > 7) val = val.slice(0, 3) + '-' + val.slice(3, 7) + '-' + val.slice(7);\r\n      else if (val.length > 3) val = val.slice(0, 3) + '-' + val.slice(3);\r\n      this.value = val;\r\n    });\r\n\r\n    phoneInput.addEventListener('blur', function() {\r\n      let val = this.value.replace(\/[^0-9]\/g, '');\r\n      if (val.length === 11) this.value = val.replace(\/(\\d{3})(\\d{4})(\\d{4})\/, \"$1-$2-$3\");\r\n    });\r\n\r\n    \/\/ \ucd94\ucc9c\uc9c0\uc810 \uc804\ud654\ubc88\ud638 \uc790\ub3d9 \ud558\uc774\ud508\r\n    ['managerPhone', 'referrerPhone'].forEach(function(id) {\r\n      var el = document.getElementById(id);\r\n      if (el) {\r\n        el.addEventListener('input', function() {\r\n          let val = this.value.replace(\/[^0-9]\/g, '');\r\n          if (val.length > 11) val = val.slice(0, 11);\r\n          if (val.length > 7) val = val.slice(0, 3) + '-' + val.slice(3, 7) + '-' + val.slice(7);\r\n          else if (val.length > 3) val = val.slice(0, 3) + '-' + val.slice(3);\r\n          this.value = val;\r\n        });\r\n\r\n        el.addEventListener('blur', function() {\r\n          let val = this.value.replace(\/[^0-9]\/g, '');\r\n          if (val.length === 11) this.value = val.replace(\/(\\d{3})(\\d{4})(\\d{4})\/, \"$1-$2-$3\");\r\n        });\r\n      }\r\n    });\r\n\r\n    \/\/ ------------------------ \ud3fc \ub85c\uc9c1 -----------------------\r\n    const EMPTY_PDF_URL = \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/%EC%84%9C%EB%A5%98%EB%A5%BC-%EB%AF%B8%EC%A0%9C%EC%B6%9C.pdf\";\r\n    const form = document.getElementById('applicationForm');\r\n    const submitBtn = document.getElementById('submitBtn');\r\n    const fileInputs = form.querySelectorAll('input[type=\"file\"]');\r\n    const genderRadios = form.elements['\uc131\ubcc4'];\r\n    const militaryRadios = form.elements['\ubcd1\uc5ed\uc0ac\ud56d'];\r\n    const applyRouteRadios = form.elements['\uc2e0\uccad\uacbd\ub85c'];\r\n    const recommendSection = document.getElementById('recommendSection');\r\n    const recommendInputs = recommendSection.querySelectorAll('input[type=text]');\r\n    const recommendLetterInput = document.getElementById('recommendLetter');\r\n    const recommendSpan = document.getElementById('recommendSpan');\r\n    const militaryDocInput = document.getElementById('militaryDoc');\r\n    const confirmModal = document.getElementById('confirmModal');\r\n    const finalSubmitBtn = document.getElementById('finalSubmitBtn');\r\n    const confirmCheck = document.getElementById('confirmCheck');\r\n    const modalCloseBtn = confirmModal.querySelector('.modal-close-btn');\r\n    const submitModal = document.getElementById('submitModal');\r\n    const closeModalBtn = document.getElementById('closeModalBtn');\r\n\r\n    let lastApplyRoute = \"\";\r\n    const HOOK_DEFAULT = form.action;\r\n\r\n    \/\/ \uc2e0\uccad\uacbd\ub85c \uc138\ubd80 \uccb4\ud06c\ubc15\uc2a4 \ub3d9\uc801 \uc0dd\uc131\r\n    function updateApplyRouteDetails() {\r\n      const detailsDiv = document.getElementById('applyRouteDetails');\r\n      const route = getApplyRoute();\r\n      if (route === lastApplyRoute) return;\r\n      lastApplyRoute = route;\r\n      detailsDiv.innerHTML = '';\r\n      if (!route) {\r\n        detailsDiv.style.display = 'none';\r\n        return;\r\n      }\r\n\r\n      detailsDiv.style.display = 'block';\r\n      let options = [];\r\n      let checkboxName = '';\r\n\r\n      if (route === '\ucd94\ucc9c') {\r\n        options = ['\uac00\uc871', '\uc9c0\uc778', '\ubd80\ud2b8\ucea0\ud504 \uc218\ub8cc\uc0dd'];\r\n        checkboxName = '\ucd94\ucc9c_\uc138\ubd80\ud56d\ubaa9';\r\n      } else if (route === '\uc77c\ubc18') {\r\n        options = ['SNS', '\uad11\uace0', '\uae30\uc0ac', '\uac80\uc0c9'];\r\n        checkboxName = '\uc77c\ubc18_\uc138\ubd80\ud56d\ubaa9';\r\n      }\r\n\r\n      const container = document.createElement('div');\r\n      container.classList.add('checkbox-group');\r\n\r\n      options.forEach(opt => {\r\n        const label = document.createElement('label');\r\n        const checkbox = document.createElement('input');\r\n        checkbox.type = 'checkbox';\r\n        checkbox.name = checkboxName;\r\n        checkbox.value = opt;\r\n        label.appendChild(checkbox);\r\n        label.appendChild(document.createTextNode(opt));\r\n        container.appendChild(label);\r\n      });\r\n\r\n      detailsDiv.appendChild(container);\r\n    }\r\n\r\n    function getCheckedRadioValue(nodeList) {\r\n      for (const r of nodeList) if (r.checked) return r.value;\r\n      return '';\r\n    }\r\n\r\n    function updateMilitaryAvailability() {\r\n      const militaryStatus = getCheckedRadioValue(militaryRadios);\r\n      if (militaryStatus === '\ubcd1\uc5ed\ud544') {\r\n        militaryDocInput.disabled = false;\r\n        militaryDocInput.required = true;\r\n      } else {\r\n        militaryDocInput.disabled = true;\r\n        militaryDocInput.required = false;\r\n        militaryDocInput.value = \"\";\r\n        const span = militaryDocInput.nextElementSibling;\r\n        if (span) span.textContent = \"\uc120\ud0dd\ub41c \ud30c\uc77c \uc5c6\uc74c\";\r\n      }\r\n    }\r\n\r\n    function getApplyRoute() {\r\n      return getCheckedRadioValue(applyRouteRadios);\r\n    }\r\n\r\n    \/\/ \uc2e0\uccad\uacbd\ub85c\uc5d0 \ub530\ub77c \ucd94\ucc9c \uc139\uc158 \ud65c\uc131\/\ube44\ud65c\uc131\r\n    function updateRecommendSection(overwrite = false) {\r\n      const selectedRoute = getApplyRoute();\r\n      const enabled = selectedRoute === '\ucd94\ucc9c';\r\n      recommendSection.setAttribute('aria-disabled', enabled ? 'false' : 'true');\r\n      recommendSection.style.pointerEvents = enabled ? 'auto' : 'none';\r\n      recommendSection.style.opacity = enabled ? '1' : '0.5';\r\n\r\n      recommendInputs.forEach(input => {\r\n        input.disabled = !enabled;\r\n        if (overwrite) input.value = '';\r\n      });\r\n\r\n      recommendLetterInput.disabled = !enabled;\r\n      recommendLetterInput.required = enabled;\r\n\r\n      recommendSpan.textContent =\r\n        recommendLetterInput.files.length > 0 && enabled\r\n          ? recommendLetterInput.files[0].name\r\n          : \"\uc120\ud0dd\ub41c \ud30c\uc77c \uc5c6\uc74c\";\r\n    }\r\n\r\n    \/\/ \ucd94\ucc9c \uc120\ud0dd \uc2dc \ucd94\ucc9c\uc9c0\uc810 \uc815\ubcf4 \ubbf8\uc785\ub825 \ub9c9\uae30\r\n    function validateRecommendInfo() {\r\n      const route = getApplyRoute();\r\n      if (route !== '\ucd94\ucc9c') return true;\r\n\r\n      const detailChecked = document.querySelectorAll('input[name=\"\ucd94\ucc9c_\uc138\ubd80\ud56d\ubaa9\"]:checked').length > 0;\r\n      if (!detailChecked) return true;\r\n\r\n      const mName = document.getElementById('managerName').value.trim();\r\n      const mPhone = document.getElementById('managerPhone').value.trim();\r\n      const rName = document.getElementById('referrerName').value.trim();\r\n      const rPhone = document.getElementById('referrerPhone').value.trim();\r\n      const phoneRe = \/^01[0-9]-\\d{3,4}-\\d{4}$\/;\r\n\r\n      if (!mName || !rName || !phoneRe.test(mPhone) || !phoneRe.test(rPhone)) {\r\n        alert(\"\ucd94\ucc9c \uc120\ud0dd \uc2dc \ucd94\ucc9c\uc9c0\uc810 \uc815\ubcf4(\uc131\ud568, \uc804\ud654\ubc88\ud638, \ucd94\ucc9c\uc778 \ub4f1)\ub97c \ubaa8\ub450 \uc785\ub825\ud574\uc57c \ud569\ub2c8\ub2e4.\");\r\n        return false;\r\n      }\r\n\r\n      const fileOk = recommendLetterInput.files.length > 0;\r\n      if (!fileOk) {\r\n        alert(\"\ucd94\ucc9c \uc120\ud0dd \uc2dc \ucd94\ucc9c\uc11c\ub97c \ubc18\ub4dc\uc2dc \ucca8\ubd80\ud574\uc57c \ud569\ub2c8\ub2e4.\");\r\n        return false;\r\n      }\r\n      return true;\r\n    }\r\n\r\n    \/\/ \ud30c\uc77c \uc785\ub825 \ubcc0\uacbd\r\n    fileInputs.forEach(input => {\r\n      const span = input.nextElementSibling;\r\n      input.addEventListener('change', () => {\r\n        span.textContent = input.files.length > 0 ? input.files[0].name : '\uc120\ud0dd\ub41c \ud30c\uc77c \uc5c6\uc74c';\r\n        updateFormState();\r\n      });\r\n    });\r\n\r\n    \/\/ \ub77c\ub514\uc624 \ubcc0\uacbd\r\n    [...genderRadios].forEach(radio => radio.addEventListener('change', updateFormState));\r\n    [...militaryRadios].forEach(radio => radio.addEventListener('change', () => {\r\n      updateMilitaryAvailability();\r\n      updateFormState();\r\n    }));\r\n\r\n    \/\/ \uc2e0\uccad\uacbd\ub85c \ubcc0\uacbd\r\n    [...applyRouteRadios].forEach(radio => radio.addEventListener('change', () => {\r\n      updateRecommendSection(true);\r\n      updateApplyRouteDetails();\r\n\r\n      const route = getApplyRoute();\r\n      const managerPhoneEl = document.getElementById('managerPhone');\r\n      const referrerPhoneEl = document.getElementById('referrerPhone');\r\n\r\n      if (managerPhoneEl && referrerPhoneEl) {\r\n        if (route === '\uc77c\ubc18') {\r\n          managerPhoneEl.value = '010-1234-5678';\r\n          referrerPhoneEl.value = '010-1234-5678';\r\n        } else {\r\n          managerPhoneEl.value = '';\r\n          referrerPhoneEl.value = '';\r\n        }\r\n      }\r\n      updateFormState();\r\n    }));\r\n\r\n    \/\/ \ud14d\uc2a4\ud2b8 \uc785\ub825 \ubcc0\uacbd\r\n    ['\uc131\uba85', '\uc0dd\ub144\uc6d4\uc77c', '\uc804\ud654\ubc88\ud638', '\uba54\uc77c\uc8fc\uc18c', '\uac70\uc8fc\uc9c0\uc5ed', 'managerName', 'managerPhone', 'referrerName', 'referrerPhone'].forEach(name => {\r\n      const el = form.elements[name];\r\n      if (el) el.addEventListener('input', updateFormState);\r\n    });\r\n\r\n    \/\/ \uccb4\ud06c\ubc15\uc2a4 \ubcc0\uacbd\r\n    form.querySelectorAll('input[name=\"\uc790\uaca9\uc694\uac74\"]').forEach(cb => cb.addEventListener('change', updateFormState));\r\n    form.querySelectorAll('input[name=\"\ud76c\ub9dd\ud3ec\uc9c0\uc158\"]').forEach(cb => cb.addEventListener('change', updateFormState));\r\n    document.querySelector('#agree').addEventListener('change', updateFormState);\r\n\r\n    \/\/ \ud544\uc218\ud30c\uc77c \uccb4\ud06c\r\n    function validateFiles() {\r\n      const isResume = form.elements['\uc774\ub825\uc11c'].files.length > 0;\r\n      const isSelfIntro = form.elements['\uc790\uae30\uc18c\uac1c\uc11c'].files.length > 0;\r\n      const route = getApplyRoute();\r\n      const isRecommend = route === '\ucd94\ucc9c';\r\n      const recommendLetter = form.elements['\ucd94\ucc9c\uc11c'].files.length > 0;\r\n      const isMilitary = getCheckedRadioValue(militaryRadios) === '\ubcd1\uc5ed\ud544';\r\n      const militaryDoc = form.elements['\ubcd1\uc801\uc99d\uba85\uc11c'].files.length > 0;\r\n\r\n      if (!isResume || !isSelfIntro) return false;\r\n      if (isRecommend && !recommendLetter) return false;\r\n      if (isMilitary && !militaryDoc) return false;\r\n      return true;\r\n    }\r\n\r\n    \/\/ \ud76c\ub9dd\ud3ec\uc9c0\uc158 \ucd5c\uc18c 1\uac1c \uccb4\ud06c\r\n    function validatePositions() {\r\n      return form.querySelectorAll('input[name=\"\ud76c\ub9dd\ud3ec\uc9c0\uc158\"]:checked').length > 0;\r\n    }\r\n\r\n    function validateForm() {\r\n      const name = form.elements['\uc131\uba85'].value.trim();\r\n      const birthdate = form.elements['\uc0dd\ub144\uc6d4\uc77c'].value;\r\n      const gender = getCheckedRadioValue(genderRadios);\r\n      const phone = form.elements['\uc804\ud654\ubc88\ud638'].value.trim();\r\n      const email = form.elements['\uba54\uc77c\uc8fc\uc18c'].value.trim();\r\n      const region = form.elements['\uac70\uc8fc\uc9c0\uc5ed'].value.trim();\r\n      const applyRoute = getApplyRoute();\r\n      if (!name || !birthdate || !gender || !phone || !email || !region || !applyRoute) return false;\r\n\r\n      const qualifyCheckboxes = form.querySelectorAll('input[name=\"\uc790\uaca9\uc694\uac74\"]');\r\n      for (const cb of qualifyCheckboxes) {\r\n        if (!cb.checked) return false;\r\n      }\r\n\r\n      if (!validatePositions()) return false;\r\n      if (!validateFiles()) return false;\r\n      return true;\r\n    }\r\n\r\n    function updateFormState() {\r\n      updateMilitaryAvailability();\r\n      updateRecommendSection(false);\r\n\r\n      if (validateForm()) {\r\n        submitBtn.disabled = false;\r\n        submitBtn.classList.add('enabled');\r\n        submitBtn.textContent = 'MZ\ubd80\ud2b8\ucea0\ud504 8\uae30 \uc2e0\uccad';\r\n      } else {\r\n        submitBtn.disabled = true;\r\n        submitBtn.classList.remove('enabled');\r\n        submitBtn.textContent = 'MZ\ubd80\ud2b8\ucea0\ud504 8\uae30 \uc2e0\uccad';\r\n      }\r\n    }\r\n\r\n    \/\/ ZIP \uc0dd\uc131\r\n    async function buildFormData() {\r\n      const formData = new FormData();\r\n\r\n      Array.from(form.elements).forEach(el => {\r\n        if (!el.name || el.type === 'file') return;\r\n\r\n        if (el.type === 'radio') {\r\n          if (el.checked) formData.append(el.name, el.value);\r\n        } else if (el.type === 'checkbox' && el.checked && !el.name.startsWith('\ucd94\ucc9c_') && !el.name.startsWith('\uc77c\ubc18_') && el.name !== '\ud76c\ub9dd\ud3ec\uc9c0\uc158') {\r\n          formData.append(el.name, el.value);\r\n        } else if (el.type !== 'checkbox' && el.type !== 'radio') {\r\n          formData.append(el.name, el.value);\r\n        }\r\n      });\r\n\r\n      const positions = [...document.querySelectorAll('input[name=\"\ud76c\ub9dd\ud3ec\uc9c0\uc158\"]:checked')].map(cb => cb.value);\r\n      formData.append('\ud76c\ub9dd\ud3ec\uc9c0\uc158', positions.join(', '));\r\n\r\n      const recommendDetailsChecked = [...document.querySelectorAll('input[name=\"\ucd94\ucc9c_\uc138\ubd80\ud56d\ubaa9\"]:checked')].map(cb => cb.value);\r\n      const generalDetailsChecked = [...document.querySelectorAll('input[name=\"\uc77c\ubc18_\uc138\ubd80\ud56d\ubaa9\"]:checked')].map(cb => cb.value);\r\n      formData.append('\ucd94\ucc9c_\uc138\ubd80\ud56d\ubaa9', recommendDetailsChecked.join(', '));\r\n      formData.append('\uc77c\ubc18_\uc138\ubd80\ud56d\ubaa9', generalDetailsChecked.join(', '));\r\n\r\n      const isRecommend = getApplyRoute() === '\ucd94\ucc9c';\r\n      const isMilitary = getCheckedRadioValue(militaryRadios) === '\ubcd1\uc5ed\ud544';\r\n\r\n      const files = [\r\n        { input: document.getElementById('resume'), name: '\uc774\ub825\uc11c.pdf', always: true },\r\n        { input: document.getElementById('selfIntro'), name: '\uc790\uae30\uc18c\uac1c\uc11c.pdf', always: true },\r\n        { input: document.getElementById('recommendLetter'), name: '\ucd94\ucc9c\uc11c.pdf', always: isRecommend },\r\n        { input: document.getElementById('militaryDoc'), name: '\ubcd1\uc801\uc99d\uba85\uc11c.pdf', always: isMilitary }\r\n      ];\r\n\r\n      const zip = new JSZip();\r\n\r\n      for (const f of files) {\r\n        if (f.input && f.input.files.length > 0) {\r\n          zip.file(f.name, f.input.files[0]);\r\n        } else if (f.always) {\r\n          const res = await fetch(EMPTY_PDF_URL);\r\n          const blob = await res.blob();\r\n          zip.file(f.name, blob);\r\n        }\r\n      }\r\n\r\n      const zipBlob = await zip.generateAsync({ type: 'blob' });\r\n      formData.append('\ucca8\ubd80ZIP', zipBlob, '\uc9c0\uc6d0\uc11c\ub958.zip');\r\n      return formData;\r\n    }\r\n\r\n    \/\/ \uc81c\ucd9c \ud50c\ub85c\uc6b0\r\n    submitBtn.addEventListener('click', () => {\r\n      if (!validateForm() || !validateRecommendInfo()) return;\r\n\r\n      confirmModal.classList.add('show');\r\n      confirmModal.style.visibility = 'visible';\r\n      confirmModal.style.opacity = '1';\r\n      confirmCheck.checked = false;\r\n      finalSubmitBtn.disabled = true;\r\n      finalSubmitBtn.classList.remove('enabled');\r\n    });\r\n\r\n    confirmCheck.addEventListener('change', () => {\r\n      finalSubmitBtn.disabled = !confirmCheck.checked;\r\n      finalSubmitBtn.classList.toggle('enabled', confirmCheck.checked);\r\n    });\r\n\r\n    modalCloseBtn.addEventListener('click', () => {\r\n      confirmModal.classList.remove('show');\r\n      confirmModal.style.visibility = 'hidden';\r\n      confirmModal.style.opacity = '0';\r\n    });\r\n\r\n    finalSubmitBtn.addEventListener('click', async () => {\r\n      if (!validateForm() || !validateRecommendInfo()) return;\r\n\r\n      if (!confirmCheck.checked) {\r\n        alert('\ud655\uc778\ud558\uc600\uc2b5\ub2c8\ub2e4 \uccb4\ud06c\ubc15\uc2a4\ub97c \uccb4\ud06c\ud574\uc8fc\uc138\uc694.');\r\n        return;\r\n      }\r\n\r\n      confirmModal.classList.remove('show');\r\n      confirmModal.style.visibility = 'hidden';\r\n      submitBtn.disabled = true;\r\n      submitBtn.classList.remove('enabled');\r\n      submitBtn.textContent = '\uc81c\ucd9c \uc911...';\r\n\r\n      const formData = await buildFormData();\r\n      const endpoint = HOOK_DEFAULT;\r\n\r\n      fetch(endpoint, { method: 'POST', body: formData })\r\n        .then(response => {\r\n          if (!response.ok) throw new Error('\uc11c\ubc84 \uc751\ub2f5 \uc624\ub958');\r\n          return response.text();\r\n        })\r\n        .then(() => {\r\n          submitModal.style.visibility = 'visible';\r\n          submitModal.style.opacity = '1';\r\n          submitBtn.textContent = 'MZ\ubd80\ud2b8\ucea0\ud504 8\uae30 \uc2e0\uccad\uc644\ub8cc';\r\n          setTimeout(() => location.reload(), 2500);\r\n        })\r\n        .catch(() => {\r\n          alert('\uc81c\ucd9c \uc911 \uc624\ub958\uac00 \ubc1c\uc0dd\ud588\uc2b5\ub2c8\ub2e4. \ub2e4\uc2dc \uc2dc\ub3c4\ud574\uc8fc\uc138\uc694.');\r\n          submitBtn.disabled = false;\r\n          submitBtn.classList.add('enabled');\r\n          submitBtn.textContent = 'MZ\ubd80\ud2b8\ucea0\ud504 8\uae30 \uc2e0\uccad';\r\n        });\r\n    });\r\n\r\n    closeModalBtn.addEventListener('click', () => location.reload());\r\n\r\n    window.addEventListener('DOMContentLoaded', () => {\r\n      updateMilitaryAvailability();\r\n      updateRecommendSection(true);\r\n      updateFormState();\r\n      updateApplyRouteDetails();\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a4bde5 e-flex e-con-boxed e-con e-parent\" data-id=\"9a4bde5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2c3b3d elementor-widget elementor-widget-html\" data-id=\"a2c3b3d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2705 MAP HRIS \uc548\ub0b4 \ud31d\uc5c5 (\ubb34\uc870\uac74 \ud654\uba74 \uc815\uc911\uc559 \uace0\uc815) -->\r\n<style>\r\n  .map-modal{\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.75);\r\n    z-index: 999999;\r\n    visibility: hidden;\r\n    opacity: 0;\r\n    transition: visibility 0s linear .25s, opacity .25s ease-in-out;\r\n  }\r\n  .map-modal.show{\r\n    visibility: visible;\r\n    opacity: 1;\r\n    transition-delay: 0s;\r\n  }\r\n\r\n  \/* \u2705 \uc5ec\uae30! 50%\/50%\ub85c \ud654\uba74 \uc815\uc911\uc559 *\/\r\n  .map-modal-content{\r\n    position: fixed;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n\r\n    background: #121212;\r\n    width: min(420px, 92vw);\r\n    padding: 28px 30px 26px;\r\n    border-radius: 14px;\r\n    box-shadow: 0 0 30px rgba(244,129,31,.8);\r\n    color: #eee;\r\n\r\n    font-weight: 500;\r\n    font-size: 1rem;\r\n    line-height: 1.6;\r\n    letter-spacing: -0.02em;\r\n\r\n    box-sizing: border-box;\r\n    text-align: left;\r\n  }\r\n\r\n  .map-modal-title{\r\n    color: #f4811f;\r\n    margin: 0 0 14px;\r\n    font-size: 1.45rem;\r\n    font-weight: 900;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n  .map-modal-title .pin{ font-size: 1.55rem; line-height: 1; }\r\n\r\n  .map-modal-text{\r\n    margin: 0 0 18px;\r\n    color: #ddd;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .map-modal-actions{\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: 10px;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .map-btn{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 12px 16px;\r\n    border-radius: 10px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    user-select: none;\r\n    font-size: 0.98rem;\r\n  }\r\n\r\n  .map-btn-primary{\r\n    background: #0a3e83;\r\n    color: #fff;\r\n    box-shadow: 0 0 14px rgba(10,62,131,.85);\r\n  }\r\n  .map-btn-primary:hover{\r\n    background: #062a52;\r\n    box-shadow: 0 0 18px rgba(6,42,82,.6);\r\n  }\r\n\r\n  .map-close-btn{\r\n    position: absolute;\r\n    top: 12px;\r\n    right: 14px;\r\n    background: transparent;\r\n    border: none;\r\n    font-size: 1.9rem;\r\n    color: #f4811f;\r\n    font-weight: 900;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    padding: 0;\r\n    transition: color .2s ease;\r\n  }\r\n  .map-close-btn:hover{ color: #ffb14e; }\r\n<\/style>\r\n\r\n<div id=\"mapHrisModal\" class=\"map-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mapHrisTitle\" aria-hidden=\"true\">\r\n  <div class=\"map-modal-content\">\r\n    <button class=\"map-close-btn\" id=\"mapHrisClose\" aria-label=\"\ub2eb\uae30\">&times;<\/button>\r\n\r\n    <h2 class=\"map-modal-title\" id=\"mapHrisTitle\">\r\n      <span class=\"pin\">\ud83d\udccc<\/span> \uc9c0\uc6d0 \uc548\ub0b4\r\n    <\/h2>\r\n\r\n    <p class=\"map-modal-text\">\r\n      MAP\uadf8\ub8f9 \uc9c0\uc6d0\uc790\uaed8\uc11c\ub294 <strong style=\"color:#fff;\">\uc778\uc0ac\uad00\ub9ac\uc2dc\uc2a4\ud15c\uc73c\ub85c<\/strong><br>\r\n      \uc9c0\uc6d0 \ubd80\ud0c1\ub4dc\ub9bd\ub2c8\ub2e4.\r\n    <\/p>\r\n\r\n    <div class=\"map-modal-actions\">\r\n      <a class=\"map-btn map-btn-primary\"\r\n         href=\"https:\/\/map-group.co.kr\/hris\/\"\r\n         target=\"_blank\" rel=\"noopener\">\r\n        \uc778\uc0ac\uad00\ub9ac\uc2dc\uc2a4\ud15c \uc774\ub3d9\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function(){\r\n    const modal = document.getElementById('mapHrisModal');\r\n    const closeBtn = document.getElementById('mapHrisClose');\r\n\r\n    function openModal(){\r\n      modal.classList.add('show');\r\n      modal.setAttribute('aria-hidden', 'false');\r\n    }\r\n    function closeModal(){\r\n      modal.classList.remove('show');\r\n      modal.setAttribute('aria-hidden', 'true');\r\n    }\r\n\r\n    \/\/ \u2705 \uc790\ub3d9 \uc624\ud508\r\n    window.addEventListener('load', openModal);\r\n\r\n    \/\/ \u2705 X\ub85c \ub2eb\uae30\r\n    closeBtn.addEventListener('click', closeModal);\r\n\r\n    \/\/ (\uc120\ud0dd) ESC \ub2eb\uae30\r\n    document.addEventListener('keydown', (e) => {\r\n      if(e.key === 'Escape' && modal.classList.contains('show')) closeModal();\r\n    });\r\n\r\n    \/\/ (\uc120\ud0dd) \ubc14\uae65 \ud074\ub9ad \ub2eb\uae30\r\n    modal.addEventListener('click', (e) => {\r\n      if(e.target === modal) closeModal();\r\n    });\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3139479 e-flex e-con-boxed e-con e-parent\" data-id=\"3139479\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MetaRich \uba54\ub274 &#8211; \ubaa8\ubc14\uc77c \uc18c\uba54\ub274 \uc544\ucf54\ub514\uc5b8 MZ \ubd80\ud2b8\ucea0\ud504 \u25bc MZ \ubd80\ud2b8\ucea0\ud504 \uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4 \uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0 \ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4 \uc785\uacfc\uc2e0\uccad \u25bc \uc9c0\uc6d0\ud558\uae30 \uc9c0\uc6d0\uc790\uaca9 \ud569\uaca9\uc870\ud68c \uad50\uc721\uacfc\uc815 \u25bc \uad50\uc721\uc774\ub150 \uac15\uc0ac\uc18c\uac1c AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780 \uc5c5\uacc4 \uacbd\uc7c1\ub825 \uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840 \ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc \uba85\uc608\uc758 \uc804\ub2f9 \uc218\ub8cc\uc0dd \uc774\uc57c\uae30 \uacf5\uc9c0\uc0ac\ud56d &times; MZ \ubd80\ud2b8\ucea0\ud504 \u25bc MZ \ubd80\ud2b8\ucea0\ud504 \uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4 \uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0 \ubd80\ud2b8\ucea0\ud504 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-9288","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/9288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9288"}],"version-history":[{"count":574,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/9288\/revisions"}],"predecessor-version":[{"id":18800,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/9288\/revisions\/18800"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}