1<!DOCTYPE html> 2<html lang="ko"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>ì íìí¥ë ¥ê°ê²</title> 8 <link rel="icon" type="image/x-icon" href="/assets/images/title_before.png"/> 9 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> 10 <link href="/assets/admin/css/bootstrap.min.css" rel="stylesheet"> 11 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 12 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css"> 13 <link rel="preconnect" href="https://fonts.googleapis.com"> 14 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 15 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet"> 16 <link href="/assets/css/style.css" rel="stylesheet"> 17 <link href="/assets/admin/css/plugins/summernote/summernote-bs4.css" rel="stylesheet"> 18 19
19<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
19 20
20<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
20 21
21<script src="//dapi.kakao.com/v2/maps/sdk.js?appkey=e6dc082591e28d0f64e87bd487e58471&libraries=services">></script>
21 22
22<script src="/assets/admin/js/popper.min.js"></script>
22 23
23<script src="/assets/admin/js/bootstrap.js"></script>
23 24
24<script src="/assets/js/common.js?v=2025070801"></script>
24 25
25<script src="/assets/js/ajax.js"></script>
25 26
26<script src="/assets/admin/js/plugins/summernote/summernote-bs4.js"></script>
26 27</head> 28<body class="bg-gray-50"> 29<!-- ê°ì ë ë¤ë¹ê²ì´ì --> 30<header class="header bg-white shadow-sm" style="z-index: 1002;"> 31 <div class="container mx-auto px-4 py-3"> 32 <div class="flex justify-between items-center"> 33 <div class="flex items-center"> 34 <a href="/" class="block"> 35 <img src="/assets/images/header_logo.png" alt="ì íìí¥ë ¥ ë¡ê³ " class="logo"> 36 </a> 37 </div> 38 <!-- ë°ì¤í¬í ë©ë´ --> 39 <nav class="hidden md:flex items-center space-x-2"> 40 <div class="dropdown"> <a href="/about" class="nav-link div_header_a_about">ìê°</a> </div> 41 <div class="dropdown"> <a href="/info" class="nav-link div_header_a_info">ì¬ì ìê°</a> </div> 42 <div class="dropdown"> <a href="/crew/introduce" class="nav-link div_header_a_becrew">ëíì ì²</a> </div> 43 <div class="dropdown"> <a href="/support" class="nav-link div_header_a_support">íìí기</a> </div> 44 <div class="dropdown"> <a href="/community/notice" class="nav-link div_header_a_community">커뮤ëí°</a> </div> 45 <div class="dropdown"> <a href="/login" class="nav-link">ë¡ê·¸ì¸</a> </div> 46 </nav> 47 <!-- 모ë°ì¼ ë©ë´ ë²í¼ --> 48 <div class="md:hidden"> 49 <button class="text-gray-500 focus:outline-none" id="mobile-menu-button"> 50 <i class="bi bi-list text-2xl"></i> 51 </button> 52 </div> 53 </div> 54 </div> 55</header> 56<!-- 모ë°ì¼ ë©ë´ ì¤ë²ë ì´ --> 57<div class="overlay" id="overlay"></div> 58<!-- 모ë°ì¼ ì¬ì´ë ë©ë´ --> 59<div class="mobile-menu" id="mobile-menu"> 60 <div class="flex justify-between items-center p-4 border-b"> 61 <div> 62 <img src="/assets/images/header_logo.png" alt="ì íìí¥ë ¥ ë¡ê³ " class="h-8"> 63 </div> 64 <button class="text-gray-500 focus:outline-none" id="close-menu-button"> 65 <i class="fas fa-times text-xl"></i> 66 </button> 67 </div> 68 <div class="py-2"> 69 <div class="dropdown-mobile"> <a href="/about" class="mobile-nav-link">ìê°</a> </div> 70 <div class="dropdown-mobile"> <a href="/info" class="mobile-nav-link">ì¬ì ìê°</a> </div> 71 <div class="dropdown-mobile"> <a href="/crew/introduce" class="mobile-nav-link">ëíì ì²</a> </div> 72 <div class="dropdown-mobile"> <a href="/support" class="mobile-nav-link">íìí기</a> </div> 73 <div class="dropdown-mobile"> <a href="/community/notice" class="mobile-nav-link">커뮤ëí°</a> </div> 74 <div class="dropdown-mobile"> <a href="/login" class="mobile-nav-link">ë¡ê·¸ì¸</a> </div> 75 </div> 76</div>
77<script> 78 // 모ë°ì¼ ë©ë´ í ê¸ 79 const mobileMenuButton = document.getElementById('mobile-menu-button'); 80 const closeMenuButton = document.getElementById('close-menu-button'); 81 const mobileMenu = document.getElementById('mobile-menu'); 82 const overlay = document.getElementById('overlay'); 83 84 mobileMenuButton.addEventListener('click', function() { 85 mobileMenu.classList.add('active'); 86 overlay.classList.add('active'); 87 document.body.style.overflow = 'hidden'; 88 }); 89 90 closeMenuButton.addEventListener('click', function() { 91 mobileMenu.classList.remove('active'); 92 overlay.classList.remove('active'); 93 document.body.style.overflow = ''; 94 }); 95 96 overlay.addEventListener('click', function() { 97 mobileMenu.classList.remove('active'); 98 overlay.classList.remove('active'); 99 document.body.style.overflow = ''; 100 }); 101 102 // 모ë°ì¼ ëë¡ë¤ì´ ë©ë´ 103 const dropdownToggles = document.querySelectorAll('.dropdown-toggle'); 104 105 dropdownToggles.forEach(toggle => { 106 toggle.addEventListener('click', function(e) { 107 e.preventDefault(); 108 109 // íì¬ í´ë¦ë í ê¸ì ìí를 ë³ê²½ 110 this.classList.toggle('active'); 111 112 // ë¤ì ìì(ëë¡ë¤ì´ ì½í ì¸ )ì íì ìí ì í 113 const dropdownContent = this.nextElementSibling; 114 dropdownContent.classList.toggle('show'); 115 }); 116 }); 117 118 // ì¤í¬ë¡¤ ì í¤ë ì¤íì¼ ë³ê²½ 119 window.addEventListener('scroll', function() { 120 const header = document.querySelector('.header'); 121 if (window.scrollY > 10) { 122 header.classList.add('scrolled'); 123 } else { 124 header.classList.remove('scrolled'); 125 } 126 }); 127 128 // ì ì ë©ë´ ëë¡ë¤ì´ (PC) 129 $(document).on('click', '#user-menu-btn', function(e) { 130 e.preventDefault(); 131 $('#user-menu-dropdown').toggleClass('hidden'); 132 }); 133 $(document).on('click', function(e) { 134 if (!$(e.target).closest('#user-menu-btn, #user-menu-dropdown').length) { 135 $('#user-menu-dropdown').addClass('hidden'); 136 } 137 }); 138 // ì ì ë©ë´ ëë¡ë¤ì´ (모ë°ì¼) 139 $(document).on('click', '#mobile-user-menu-btn', function(e) { 140 e.preventDefault(); 141 $('#mobile-user-menu-dropdown').toggleClass('hidden'); 142 }); 143 $(document).on('click', function(e) { 144 if (!$(e.target).closest('#mobile-user-menu-btn, #mobile-user-menu-dropdown').length) { 145 $('#mobile-user-menu-dropdown').addClass('hidden'); 146 } 147 }); 148</script>
148<!-- ë©ì¸ ë¹ì£¼ì¼ --> 149<section class="py-6 bg-white"> 150 <div class="container mx-auto px-4"> 151 <div class="max-w-5xl mx-auto"> 152 <img src="/assets/images/intro_banner.png" alt="ì íìí¥ë ¥ê°ê² ë©ì¸ ì´ë¯¸ì§" class="w-full h-auto rounded-lg"> 153 </div> 154 </div> 155</section> 156 157<!-- ë©ì¸ ì½í ì¸ --> 158<section class="py-12 bg-white"> 159 <div class="container mx-auto px-4"> 160 <div class="max-w-4xl mx-auto"> 161 <h1 class="text-2xl md:text-3xl font-bold text-blue-900 mb-6 text-center"> 162 ì¸ìì ìí ì¢ì ë³í를 ìí´ í¨ê»íì¤ ë¶ë¤ì ì ì²í´ì£¼ì¸ì! 163 </h1> 164 <div class="text-gray-700 leading-relaxed mb-8"> 165 <p class="mb-4"> 166 ì¬ë¨ë²ì¸ ì íìí¥ë ¥ê°ê²ë ê²°ìì°ë ¤ìëê¸ìì¹´ë ìì§ ìëëìê³¼ ë¨ì²´ë¤ì<br /> 167 ë¬´ë£ ëë í ì¸ê°ê²©ì¼ë¡ ê¸ì ëë ë§¤ì¥ ì ì¢ ìë¹ì¤ë¡ íìí¨ì 목ì ì¼ë¡ ì´ìë©ëë¤. 168 </p> 169 </div> 170 <div class="flex flex-col md:flex-row justify-center items-center gap-4"> 171 <button class="bg-blue-800 text-white px-10 py-3 rounded-full hover:bg-blue-900 transition duration-300 flex items-center justify-center space-x-2 w-full md:w-auto" onclick="location.href = '/crew/regist'"> 172 <span>ì íìí¥ë ¥ê°ê² ëíì ì²</span> 173 <i class="bi bi-arrow-right"></i> 174 </button> 175 <button class="bg-blue-800 text-white px-10 py-3 rounded-full hover:bg-blue-900 transition duration-300 flex items-center justify-center space-x-2 w-full md:w-auto" onclick="javascript:fnPassword(); return false;"> 176 <span>ëíì ì² ê°ê²ì ë³´ íì¸</span> 177 <i class="bi bi-arrow-right"></i> 178 </button> 179 </div> 180 </div> 181 </div> 182</section> 183 184<!-- íì ìê° --> 185<section class="py-10"> 186 <div class="container mx-auto px-4"> 187 <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-8"> 188 <div class="donation-card bg-white p-6 rounded-lg"> 189 <h2 class="text-2xl font-bold mb-4">ì ì¢ </h2> 190 <div style="min-height: 250px;"> 191 <p class="font-bold text-grey mb-4">ê°ë¥ì ì¢ </p> 192 <p class="text-gray-700 mb-4"> 193 ìì, ì¹´í, ìê²½ì, í¤ì´ìµ, ì¤í°ëì¹´í, ê½ì§, ì¸í 리ì´,<br> 194 í¸ìì , ë³ì, ì½êµ ë± ê¸°í ìì´ë¤ìê² ëìëë ìë¹ì¤ ì ì¢ 195 </p> 196 <p class="font-bold text-grey mb-4">ë¶ê°ë¥ì ì¢ </p> 197 <p class="text-gray-700 mb-4"> 198 êµê°ìì ì§ì íë ìëëì ë¶ê° ì ì¢ 199 </p> 200 </div> 201 <div class="flex justify-center"> 202 <img src="/assets/images/apply_img_1.png" alt="" class="h-24"> 203 </div> 204 </div> 205 <div class="donation-card bg-white p-6"> 206 <h2 class="text-2xl font-bold mb-4">'ê²°ìì°ë ¤ìëê¸ìì¹´ë'ë?</h2> 207 <div style="min-height: 250px;"> 208 <p class="text-gray-700 mb-4"> 209 ì§ìì²´ìì ì°¨ììê³ì¸µ ë° ê²°ìì´ ì°ë ¤ëì´ ì§ì í 18ì¸ ë¯¸ë§ <br /> 210 미취í, ì·¨í ìëìê² ì§ê¸íë 충ì ì ì ë¶ì¹´ëì ëë¤. (ì¼ë¶ ì§ìì²´ ì ì¸) 211 </p> 212 <div class="mt-4"> 213 <a href="/assets/pdf/2024ë ë_ê²°ììë_ê¸ì_ì 무_íì¤ë§¤ë´ì¼.pdf" target="_blank" class="download-btn"> 214 <span>íì¤ ë©ë´ì¼ ë¤ì´ë¡ë</span> 215 <i class="fas fa-download ml-2"></i> 216 </a> 217 </div> 218 </div> 219 <div class="flex justify-center"> 220 <img src="/assets/images/apply_img_2.png" alt="" class="h-24"> 221 </div> 222 </div> 223 </div> 224 </div> 225</section> 226 227<!-- ì¬ì ìë±ë¡ë²í¸/ë¹ë°ë²í¸ íì¸ ëª¨ë¬ --> 228<div id="passwordModal" class="fixed inset-0 z-9999 flex items-center justify-center bg-black bg-opacity-40 hidden"> 229 <div class="bg-white rounded-xl shadow-lg p-8 w-full max-w-md relative"> 230 <button onclick="closePasswordModal()" class="absolute top-3 right-3 text-gray-400 hover:text-gray-700 text-2xl">×</button> 231 <div class="mb-8 text-center"> 232 <h2 class="text-2xl font-bold text-blue-900 mb-2">ëíì ë³´ íì¸</h2> 233 <p class="text-gray-600">ì¬ì ìë±ë¡ë²í¸ì ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ ì£¼ì¸ì.</p> 234 </div> 235 <form id="frmPasswordCheck" autocomplete="off" onsubmit="event.preventDefault(); submitPasswordCheck();"> 236 <div class="space-y-6"> 237 <div> 238 <label for="modal_biz_no" class="block text-sm font-medium text-gray-700 mb-1">ì¬ì ìë±ë¡ë²í¸ <span class="text-red-500">*</span></label> 239 <input type="text" id="modal_biz_no" name="biz_no" class="bizNumber w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-400 focus:border-blue-400 transition" placeholder="ì¬ì ìë±ë¡ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì."> 240 </div> 241 <div class="relative"> 242 <label for="modal_password" class="block text-sm font-medium text-gray-700 mb-1">ë¹ë°ë²í¸ <span class="text-red-500">*</span></label> 243 <input type="password" id="modal_password" name="password" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-400 focus:border-blue-400 transition pr-10" placeholder="ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì." onkeyup="if(event.keyCode == 13) { checkPassword(); }"> 244 <button type="button" id="toggleModalPassword" tabindex="-1" class="absolute right-2 top-8 text-gray-400 hover:text-blue-500 focus:outline-none" style="top: 2.5rem;"> 245 <svg id="modalEyeIcon" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" /></svg> 246 </button> 247 </div> 248 </div> 249 <div class="flex justify-between mt-8 space-x-3"> 250 <button type="button" class="w-1/2 px-6 py-2.5 rounded-md border border-gray-300 text-gray-700 bg-white hover:bg-gray-100 transition" onclick="closePasswordModal()">ì·¨ì</button> 251 <button type="button" class="w-1/2 px-6 py-2.5 rounded-md bg-blue-600 text-white font-semibold hover:bg-blue-700 transition" onclick="checkPassword()">íì¸</button> 252 </div> 253 </form> 254 </div> 255</div> 256
257<script> 258function fnPassword() { 259 $('#passwordModal').removeClass('hidden'); 260} 261 262function closePasswordModal() { 263 $('#passwordModal').addClass('hidden'); 264} 265 266function checkPassword() { 267 ajaxRequest('/api/crew/password', $('#frmPasswordCheck').serialize(), function(data) { 268 if(data.status == 'succ') { 269 closePasswordModal(); 270 location.href = '/crew/view'; 271 } 272 else { 273 alert(data.msg); 274 } 275 }); 276} 277</script>
277<footer class="footer"> 278 <div class="container mx-auto px-4"> 279 <div class="footer-links flex flex-wrap"> 280 <a href="/agree/terms" class="hover:text-yellow-500 transition">ì´ì©ì½ê´</a> 281 <a href="/agree/privacy" class="hover:text-yellow-500 transition">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a> 282 <a href="/agree/email" class="hover:text-yellow-500 transition">ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a> 283 <a href="https://www.acrc.go.kr/" target="_blank" class="hover:text-yellow-500 transition">êµë¯¼ê¶ìµììí</a> 284 <a href="https://www.nts.go.kr/" target="_blank" class="hover:text-yellow-500 transition">êµì¸ì²</a> 285 <a href="https://www.mohw.go.kr/" target="_blank" class="hover:text-yellow-500 transition">주무ê´ì²</a> 286 </div> 287 <div class="mt-4 text-right"> 288 <img src="/assets/images/header_logo.png" alt="ì íìí¥ë ¥ ë¡ê³ " class="inline-block h-10" /> 289 </div> 290 <div class="footer-company-info mt-4 grid md:grid-cols-2"> 291 <div> 292 <p>⢠íë¹ ì ê¸ : ì°ë¦¬ìí 1005-604-451456 (ì¬ë¨ë²ì¸ ì íìí¥ë ¥ê°ê²)</p> 293 <p>⢠íìê¸ : ì°ë¦¬ìí 1005-404-677800 (ì¬ë¨ë²ì¸ ì íìí¥ë ¥ê°ê²)</p> 294 </div> 295 <div class="mt-2 md:mt-0 md:text-right"> 296 <p>ì¬ë¨ë²ì¸ ì íìí¥ë ¥ê°ê² | ëíì ê¹ì±ë ¹ | ì¬ì ìë±ë¡ë²í¸ 104-82-71462</p> 297 <p>ìì¸ ê°ë¨êµ¬ ëì°ëë¡ 446 ê²½ìì¤í¼ì¤í 506í¸ | ì í 010-2375-0133 | ì´ë©ì¼ [email protected]</p> 298 <p>©ì íìí¥ë ¥ê°ê² All Rights Reserved</p> 299 </div> 300 </div> 301 </div> 302</footer>
303<script> 304$(document).ready(function() { 305 $('.custom-checkbox input[type="checkbox"]').on('change', function() { 306 const $label = $(this).closest('.custom-checkbox'); 307 if ($(this).is(':checked')) { 308 $label.find('.unchecked').hide(); 309 $label.find('.checked').show(); 310 } else { 311 $label.find('.unchecked').show(); 312 $label.find('.checked').hide(); 313 } 314 }); 315 316 $('.custom-checkbox input[type="radio"]').on('click', function() { 317 let name = $(this).attr('name'); 318 let $radio = $('input[name="' + name + '"]'); 319 $radio.each(function() { 320 if ($(this).is(':checked')) { 321 $(this).closest('.custom-checkbox').find('.unchecked').hide(); 322 $(this).closest('.custom-checkbox').find('.checked').show(); 323 } else { 324 $(this).closest('.custom-checkbox').find('.unchecked').show(); 325 $(this).closest('.custom-checkbox').find('.checked').hide(); 326 } 327 }); 328 }); 329}); 330 331</script>
331 332 <input style="display: none;" type="file" id="input_upload_img" onchange="readURLFile(this, listener_after_upload)" accept="image/*"/> 333<input style="display: none;" type="file" id="input_upload_file" onchange="readURLFile(this, listener_after_upload)" /> 334</body> 335</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.