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 <title>ì¤ë´ê±´ì¶ê³µì¬ - 주ìíì¬ íì¼ì루ì </title> 7
7<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
7 8 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Montserrat:wght@400;600;700;800;900&display=swap" rel="stylesheet"> 9 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> 10
10<script src="https://cdn.tailwindcss.com"></script>
10 11 <link rel="stylesheet" href="../assets/css/common.css"> 12 <style> 13 :root { 14 --max-width: 1200px; 15 --primary: #4B429A; 16 --accent: #FF6B6B; 17 } 18 19 /* ============ SUB TITLE SECTION ============ */ 20 .sub-visual { 21 position: relative; height: 350px; background-image: url('../img/about/ceo_industry.png'); 22 background-size: cover; background-position: center bottom; 23 display: flex; align-items: center; justify-content: center; color: #fff; margin-top: 80px; 24 } 25 .sub-visual::before { 26 content: ''; position: absolute; inset: 0; 27 background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 100%); 28 } 29 .sub-visual-content { position: relative; z-index: 1; text-align: center; } 30 .sub-title { font-size: 64px; font-weight: 900; line-height: 1.1; margin-bottom: 15px; color: #fff; } 31 .sub-desc { font-size: 20px; opacity: 0.9; font-weight: 400; color: #fff; } 32 33 .breadcrumb { padding: 20px 0; border-bottom: 1px solid #eee; margin-bottom: 80px; } 34 .breadcrumb-inner { display: flex; gap: 15px; font-size: 14px; color: #888; align-items: center; } 35 .breadcrumb-inner a { color: #888; text-decoration: none; transition: 0.3s; } 36 .breadcrumb-inner i { font-size: 10px; } 37 .breadcrumb-inner .current { color: var(--primary); font-weight: 700; } 38 39 /* ============ PRODUCT SECTIONS ============ */ 40 .section-tag { color: var(--primary); font-weight: 900; font-size: 14px; margin-bottom: 15px; display: block; text-transform: uppercase; letter-spacing: 2px; } 41 .section-title { font-size: 44px; font-weight: 900; color: #111; line-height: 1.2; margin-bottom: 30px; } 42 .section-desc { font-size: 18px; color: #666; line-height: 1.8; word-break: keep-all; } 43 44 .biz-card { 45 background: #fff; border-radius: 30px; overflow: hidden; 46 box-shadow: 0 10px 40px rgba(0,0,0,0.05); transition: 0.4s; height: 100%; 47 border: 1px solid #f1f3f6; 48 } 49 .biz-card:hover { transform: translateY(-15px); box-shadow: 0 30px 60px rgba(75, 66, 154, 0.1); } 50 .biz-img { width: 100%; height: 240px; object-fit: cover; } 51 .biz-body { padding: 40px; } 52 .biz-label { font-size: 13px; font-weight: 800; color: var(--primary); background: #f4f3ff; padding: 5px 15px; border-radius: 20px; margin-bottom: 20px; display: inline-block; } 53 .biz-name { font-size: 24px; font-weight: 900; color: #111; margin-bottom: 15px; } 54 .biz-text { font-size: 15px; color: #777; line-height: 1.6; } 55 56 .strength-item { display: flex; gap: 20px; align-items: flex-start; margin-bottom: 40px; } 57 .strength-icon { width: 60px; height: 60px; background: #fff; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--primary); box-shadow: 0 10px 20px rgba(0,0,0,0.05); flex-shrink: 0; } 58 .strength-info h5 { font-size: 20px; font-weight: 800; color: #111; margin-bottom: 10px; } 59 .strength-info p { font-size: 15px; color: #666; line-height: 1.6; } 60 61 @media (max-width: 768px) { 62 .sub-title { font-size: 40px; } 63 .section-title { font-size: 32px; } 64 } 65 </style> 66</head> 67<body> 68 69<style> 70/* ============================================================ 71 2ë¨ í¤ë (PC ì ì©) - header.php (2026-09-11 ì í, ì´ì 본: header_20260911_v1.php) 72 모ë°ì¼(1024px ì´í)ì 기존 1ë¨ í¤ë ëì ê·¸ëë¡ ì ì§ 73 ============================================================ */ 74/* ------------------------------------------------------------ 75 ì¸ë¡ ì¤í¬ë¡¤ë° ì리 íì íë³´ 76 íì´ì§ ë¡ë ì§íìë ì½í ì¸ ê° ì§§ì ì¤í¬ë¡¤ë°ê° ìë¤ê°, ì´ë¯¸ì§Â·ë³¸ë¬¸ì´ 77 ì±ìì§ë©´ì ì¤í¬ë¡¤ë°ê° ì긴ë¤. ì´ë ë·°í¬í¸ íì´ ì½ 17px ì¤ì´ë¤ì´ 78 ê°ì´ë° ì ë ¬ë í¤ëÂ·ë³¸ë¬¸ì´ 8px ì¼ìª½ì¼ë¡ ì´ë â "ë©ë´ê° ì¤ë¥¸ìª½ì¼ë¡ 79 ê°ë¤ê° ëëìì¤ë" ê²ì²ë¼ ë³´ì¸ë¤. ì¤í¬ë¡¤ë° ì리를 미리 ì¡ì ë°©ì§íë¤. 80 ------------------------------------------------------------ */
81html { overflow-y: scroll; } 82 83#header.header-2row { height: auto; justify-content: flex-start; } 84 85/* --- 1ë¨ : ì¸ì¦ ì í¸ ë° --- */ 86.top-util-bar { 87 background: linear-gradient(90deg, #4B429A 0%, #6257c0 100%); 88 border-bottom: 1px solid rgba(255,255,255,0.15); 89} 90.top-util-inner { 91 position: relative; 92 width: 100%; max-width: 1540px; margin: 0 auto; padding: 0 50px; 93 height: 94px; display: flex; align-items: center; justify-content: center; 94} 95/* ì¬ë¡ê±´ + ì¸ì¦ë¡ê³ 를 í ë©ì´ë¦¬ë¡ ë¬¶ì´ íë©´ ê°ë¡ ì¤ìì ë°°ì¹ */ 96.util-center { display: flex; align-items: center; gap: 90px; } 97.util-slogan { display: flex; flex-direction: column; align-items: center; gap: 8px; flex-shrink: 0; text-align: center; } 98.slogan-sub { font-size: 15px; font-weight: 600; color: rgba(255,255,255,0.85); letter-spacing: -0.3px; line-height: 1; } 99.slogan-main { 100 display: inline-block; align-self: center; 101 background: none; border: none; border-radius: 0; padding: 0; 102 font-size: 20px; font-weight: 800; color: #fff; letter-spacing: -0.5px; line-height: 1.2; 103} 104 105/* ì¸ì¦ ë¡ê³ : 기존 26px -> 46px ë¡ íë */ 106.header-2row .cert-badges { display: flex; align-items: center; justify-content: center; gap: 26px; margin-left: 0; } 107.header-2row .cert-item { 108 display: flex; flex-direction: column; align-items: center; gap: 7px; 109 min-width: 56px; 110} 111.header-2row .cert-badge { 112 height: 46px; width: auto; display: block; 113 background: #fff; border-radius: 50%; padding: 4px; 114 box-shadow: 0 3px 10px rgba(0,0,0,0.18); 115 transition: transform 0.25s; 116} 117.header-2row .cert-item:hover .cert-badge { transform: translateY(-3px); } 118.header-2row .cert-item span { 119 font-size: 11px; font-weight: 700; color: #fff; letter-spacing: -0.5px; 120 line-height: 1; white-space: nowrap; 121} 122 123.util-sns { 124 position: absolute; right: 50px; top: 50%; transform: translateY(-50%); 125 display: flex; align-items: center; flex-shrink: 0; 126} 127.util-sns .sns-blog { 128 display: inline-flex; align-items: center; gap: 7px; 129 height: 34px; padding: 0 14px; border-radius: 8px; 130 background: #03C75A; color: #fff; font-size: 13px; font-weight: 800; letter-spacing: -0.3px; 131 text-decoration: none; transition: filter 0.25s, transform 0.25s; 132} 133.util-sns .sns-blog i { font-size: 14px; } 134.util-sns .sns-blog:hover { filter: brightness(1.08); transform: translateY(-2px); } 135 136/* --- 2ë¨ : ë¡ê³ + GNB + ê³ ê°ì¼í° --- */ 137/* GNB 첫 ë©ë´ë¥¼ ì¬ë¡ê±´ ìì ìì¹ì ë§ì¶ê¸° ìí´ ì¢ì¸¡ ì ë ¬ 기ì¤ì¼ë¡ ë³ê²½ */ 138.header-2row .header-inner { height: 86px; flex: 0 0 auto; padding: 0 50px; justify-content: flex-start; } 139.header-2row .pc-nav { flex: 0 0 auto; } 140.header-2row .header-etc { margin-left: auto; } 141.header-2row .logo-area { gap: 0; } 142.header-2row .logo img { height: 44px; width: 246px; } /* 52pxì 85% / í ëª ì: ì´ë¯¸ì§ ë¡ë ì ë ì´ìì íë¤ë¦¼ ë°©ì§ (ì본 341x61) */ 143.header-2row .gnb-item > a { height: 86px; padding: 0 42px; } 144 145/* GNB ë©ë´ ì¬ì´ 구ë¶ì (ì°¸ê³ ëìì¸) */ 146.header-2row .gnb-item + .gnb-item > a::before { 147 content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); 148 width: 1px; height: 14px; background: #ddd; 149} 150 151@media (max-width: 1440px) { 152 .top-util-inner { padding: 0 34px; } 153 .header-2row .header-inner { padding: 0 34px; } 154 .util-sns { right: 34px; } 155 .util-center { gap: 60px; } 156 .header-2row .cert-badges { gap: 18px; } 157 .header-2row .gnb-item > a { padding: 0 30px; font-size: 16px; } 158} 159@media (max-width: 1240px) { 160 .slogan-sub { display: none; } 161 .slogan-main { font-size: 16px; } 162 .util-center { gap: 36px; } 163 .header-2row .cert-badge { height: 40px; } 164 .header-2row .gnb-item > a { padding: 0 22px; font-size: 15px; } 165 .util-sns .sns-blog { height: 30px; padding: 0 10px; font-size: 12px; } 166} 167 168/* --- 모ë°ì¼ GNB ì¸ì¦ ë¡ê³ (PCì ëì¼í 5ì¢ ) --- */ 169.m-cert-badges { display: flex; flex-wrap: wrap; gap: 14px 12px; } 170.m-cert-item { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 52px; } 171.m-cert-item img { height: 42px; width: auto; display: block; } 172.m-cert-item span { 173 font-size: 11px; font-weight: 800; color: #2b2b2b; letter-spacing: -0.5px; 174 line-height: 1; text-align: center; white-space: nowrap; 175} 176 177/* 모ë°ì¼ ëë¡ì´ : ë´ì©ì´ 길ì´ì ¸ë íë¨ê¹ì§ ë³¼ ì ìëë¡ ì¤í¬ë¡¤ íì© */ 178.mobile-gnb-new { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 100px 28px 40px; } 179.mobile-gnb-new .m-nav { margin-bottom: 30px; } 180.mobile-gnb-new .m-cs { padding-top: 26px; flex-shrink: 0; } 181.mobile-gnb-new .m-cs .mb-6 { margin-bottom: 20px; } 182.mobile-gnb-new .m-cs-num { font-size: 28px; } 183 184/* 모ë°ì¼ GNB íë¨ SNS : ë¤ì´ë² ë¸ë¡ê·¸ ë²í¼ */ 185.m-sns { margin-top: 20px; } 186.m-sns .m-sns-blog { 187 display: inline-flex; align-items: center; gap: 7px; 188 height: 34px; padding: 0 16px; border-radius: 8px; 189 background: #03C75A; color: #fff; font-size: 13px; font-weight: 800; letter-spacing: -0.3px; 190 text-decoration: none; transition: filter 0.25s; 191} 192.m-sns .m-sns-blog i { font-size: 14px; } 193.m-sns .m-sns-blog:hover { color: #fff; filter: brightness(1.08); } 194 195/* ------------------------------------------------------------ 196 ìë¸íì´ì§ ìë¨ ì¬ë°± ë³´ì 197 ê° ìë¸íì´ì§ê° .sub-visual { margin-top: 80px } ì íëì½ë©íê³ ìì´ 198 2ë¨ í¤ë(ì í¸ë° 94+1 + ë´ë¹ë° 86 + í¤ë ë³´ë 1 = 182px) ëì´ì ë§ì¶° ë®ì´ì´ë¤. 199 ìë¸íì´ì§ íì¼ì ìì íì§ ìëë¤. (모ë°ì¼ì í¤ë 80px ì´ë¯ë¡ ë³´ì ë¶íì) 200 ------------------------------------------------------------ */ 201@media (min-width: 1025px) { 202 .sub-visual { margin-top: 182px !important; } 203} 204 205/* 모ë°ì¼ : 기존 í¤ëì ëì¼íê² ì ì§ (ì í¸ ë° ì¨ê¹) */ 206@media (max-width: 1024px) { 207 .top-util-bar { display: none; } 208 #header.header-2row { height: 80px; justify-content: center; } 209 .header-2row .header-inner { height: 100%; flex: 1; justify-content: space-between; } 210 .header-2row .logo img { height: 36px; width: 201px; } 211} 212@media (max-width: 768px) { 213 #header.header-2row { height: 72px; } 214 .header-2row .logo img { height: 36px; width: 201px; } 215} 216</style> 217 218<!-- GNB OVERLAY --> 219<div class="gnb-overlay" id="overlay"></div> 220 221<!-- MOBILE GNB (기존과 ëì¼) --> 222<aside id="mobile-gnb" class="mobile-gnb-new"> 223 <button class="mobile-close" id="mobile-close-btn"><i class="fas fa-times"></i></button> 224 <nav class="m-nav"> 225 <div class="m-gnb-item"> 226 <a href="javascript:void(0)">íì¬ìê° <i class="fas fa-chevron-down"></i></a> 227 <div class="m-sub-nav"> 228 <a href="../about/about.php">íì¬ê°ì</a> 229 <a href="../about/license.php">ì¸ì¦íí©</a> 230 <a href="../about/history.php">íì¬ì°í</a> 231 <a href="../about/map.php">ì¬ì ì¥ìì¹</a> 232 </div> 233 </div> 234 <div class="m-gnb-item"> 235 <a href="javascript:void(0)">ì¬ì ìì <i class="fas fa-chevron-down"></i></a> 236 <div class="m-sub-nav"> 237 <a href="../products/products01.php">ì¤ë´ê±´ì¶ê³µì¬</a> 238 <a href="../products/products02.php">ì ë³´íµì </a> 239 <a href="../products/products03.php">ê³µê³µê¸°ê´ ë¬¼í구매/íì´ë¬¼</a> 240 <a href="../products/products04.php">ìíë´ì</a> 241 </div> 242 </div> 243 <div class="m-gnb-item"> 244 <a href="javascript:void(0)">ê³µê³µê¸°ê´ ì°ì 구매 <i class="fas fa-chevron-down"></i></a> 245 <div class="m-sub-nav"> 246 <a href="../public/public01.php">ê³µê³µê¸°ê´ ì°ì 구매 ì ë</a> 247 <a href="../public/public02.php">주ì ê³ ê°ì¬</a> 248 </div> 249 </div> 250 <div class="m-gnb-item"> 251 <a href="javascript:void(0)">Our Story <i class="fas fa-chevron-down"></i></a> 252 <div class="m-sub-nav"> 253 <a href="../social/social04.php">ì림ë§ë¹</a> 254 </div> 255 </div> 256 <div class="m-gnb-item"> 257 <a href="javascript:void(0)">Contact Us <i class="fas fa-chevron-down"></i></a> 258 <div class="m-sub-nav"> 259 <a href="#" class="inquiry-trigger">ìë´ë¬¸ì</a> 260 </div> 261 </div> 262 </nav> 263 <div class="m-cs"> 264 <div class="mb-6"> 265 <h4 style="margin-bottom: 12px; font-size: 14px; color: #999; font-weight: 700;">공공구매 ì°ì 구매기ì </h4> 266 <!-- PC ì í¸ë°ì ëì¼í ì¸ì¦ 목ë¡/ìì ì¬ì© (ì¬íì 기ì ì°ì , ë¼ë²¨ ì ì ) --> 267 <div class="m-cert-badges"> 268 <div class="m-cert-item"> 269 <img src="../img/l_icon05.png" alt="ì¬íì 기ì ì¸ì¦">
270 <span>ì¬íì 기ì </span> 271 </div> 272 <div class="m-cert-item"> 273 <img src="../img/icon002.png" alt="ì¬ì±ê¸°ì ì¸ì¦"> 274 <span>ì¬ì±ê¸°ì </span> 275 </div> 276 <div class="m-cert-item"> 277 <img src="../img/icon003.png" alt="ì¤ì기ì ì¸ì¦"> 278 <span>ì¤ì기ì </span> 279 </div> 280 <div class="m-cert-item"> 281 <img src="../img/icon004.png" alt="ì ì§ìì¸ ì¸ì¦"> 282 <span>ì ì§ìì¸</span> 283 </div> 284 <div class="m-cert-item"> 285 <img src="../img/icon005.png" alt="ISO45001 ì¸ì¦"> 286 <span>ISO45001</span> 287 </div> 288 </div> 289 </div> 290 <h4>ê³ ê°ì¼í°</h4> 291 <span class="m-cs-num">1833-6459</span> 292 <!-- PC ì í¸ë°ì ëì¼íê² ë¤ì´ë² ë¸ë¡ê·¸ë§ ë ¸ì¶ --> 293 <div class="m-sns"> 294 <a href="https://blog.naver.com/taeilsolution" class="m-sns-blog" target="_blank" rel="noopener noreferrer" title="ë¤ì´ë² ë¸ë¡ê·¸"> 295 <i class="fas fa-blog"></i> BLOG 296 </a> 297 </div> 298 </div> 299</aside> 300 301<!-- HEADER (2ë¨ êµ¬ì±) --> 302<header id="header" class="header-2row"> 303 304 <!-- 1ë¨ : ì¸ì¦ ì í¸ ë° --> 305 <div class="top-util-bar"> 306 <div class="top-util-inner"> 307 <div class="util-center"> 308 <div class="util-slogan"> 309 <span class="slogan-sub">ì¬íì 기ì - 주ìíì¬ íì¼ì루ì </span> 310 <span class="slogan-main">공공구매 ì°ì 구매ëì기ì </span> 311 </div> 312 313 <div class="cert-badges"> 314 <div class="cert-item"> 315 <img src="../img/l_icon05.png" alt="ì¬íì 기ì ì¸ì¦" class="cert-badge"> 316 <span>ì¬íì 기ì </span> 317 </div> 318 <div class="cert-item"> 319 <img src="../img/icon002.png" alt="ì¬ì±ê¸°ì ì¸ì¦" class="cert-badge"> 320 <span>ì¬ì±ê¸°ì </span> 321 </div> 322 <div class="cert-item"> 323 <img src="../img/icon003.png" alt="ì¤ì기ì ì¸ì¦" class="cert-badge"> 324 <span>ì¤ì기ì </span> 325 </div> 326 <div class="cert-item"> 327 <img src="../img/icon004.png" alt="ì ì§ìì¸ ì¸ì¦" class="cert-badge"> 328 <span>ì ì§ìì¸</span> 329 </div> 330 <div class="cert-item"> 331 <img src="../img/icon005.png" alt="ISO45001 ì¸ì¦" class="cert-badge"> 332 <span>ISO45001</span> 333 </div> 334 </div> 335 </div> 336 337 <div class="util-sns"> 338 <a href="https://blog.naver.com/taeilsolution" class="sns-blog" target="_blank" rel="noopener noreferrer" title="ë¤ì´ë² ë¸ë¡ê·¸"> 339 <i class="fas fa-blog"></i> BLOG 340 </a> 341 </div> 342 </div> 343 </div> 344 345 <!-- 2ë¨ : ë¡ê³ + GNB + ê³ ê°ì¼í° --> 346 <div class="header-inner"> 347 <div class="logo-area"> 348 <a href="../index.php" class="logo"> 349 <img src="../img/logo.png" alt="íì¼ì루ì "> 350 </a> 351 </div> 352 353 <nav class="pc-nav" id="pc-nav"> 354 <div class="gnb-item"> 355 <a href="#">íì¬ìê°</a> 356 <div class="sub-nav"> 357 <div class="sub-nav-inner flex flex-col items-center"> 358 <a href="../about/about.php">íì¬ê°ì</a> 359 <a href="../about/license.php">ì¸ì¦íí©</a> 360 <a href="../about/history.php">íì¬ì°í</a> 361 <a href="../about/map.php">ì¬ì ì¥ìì¹</a> 362 </div> 363 </div> 364 </div> 365 <div class="gnb-item"> 366 <a href="#">ì¬ì ìì</a> 367 <div class="sub-nav"> 368 <div class="sub-nav-inner flex flex-col items-center"> 369 <a href="../products/products01.php">ì¤ë´ê±´ì¶ê³µì¬</a> 370 <a href="../products/products02.php">ì ë³´íµì </a> 371 <a href="../products/products03.php">ê³µê³µê¸°ê´ ë¬¼í구매/íì´ë¬¼</a> 372 <a href="../products/products04.php">ìíë´ì</a> 373 </div> 374 </div> 375 </div> 376 <div class="gnb-item"> 377 <a href="#">ê³µê³µê¸°ê´ ì°ì 구매</a> 378 <div class="sub-nav"> 379 <div class="sub-nav-inner flex flex-col items-center"> 380 <a href="../public/public01.php">ê³µê³µê¸°ê´ ì°ì 구매 ì ë</a> 381 <a href="../public/public02.php">주ì ê³ ê°ì¬</a> 382 </div> 383 </div> 384 </div> 385 <div class="gnb-item"> 386 <a href="#">Our Story</a> 387 <div class="sub-nav"> 388 <div class="sub-nav-inner flex flex-col items-center"> 389 <a href="../social/social04.php">ì림ë§ë¹</a> 390 </div> 391 </div> 392 </div> 393 <div class="gnb-item"> 394 <a href="#">Contact Us</a> 395 <div class="sub-nav"> 396 <div class="sub-nav-inner flex flex-col items-center"> 397 <a href="#" class="inquiry-trigger">ìë´ë¬¸ì</a> 398 </div> 399 </div> 400 </div> 401 </nav> 402 403 <div class="header-etc"> 404 <div class="cs-info header-info-pc"> 405 <p class="cs-info-label">ê³ ê°ì¼í°</p> 406 <p class="cs-info-num">1833-6459</p> 407 </div> 408 <button class="hamburger" id="menu-btn"> 409 <i class="fas fa-bars"></i> 410 </button> 411 </div> 412 </div> 413 414 <div class="header-bg"></div> 415</header> 416
417<script> 418/* GNB 첫 ë©ë´(íì¬ìê°)를 ìë¨ ì¬ë¡ê±´ ìì ìì¹ì ë§ì¶ê³ , 419 ë°ë ¤ë ë§í¼ì ë©ë´ ì¬ì´ ì¬ë°±ì¼ë¡ ë¶ë°°íë¤. (PC ì ì©) */ 420(function () { 421 var MIN_GAP_TO_CS = 40; // ê³ ê°ì¼í° ììê³¼ ìµì ê°ê²© 422 var MAX_EXTRA_GAP = 70; // ë©ë´ ì¬ì´ ì¶ê° ì¬ë°± ìí 423 var EXTRA_SHIFT = 20; // ì¬ë¡ê±´ 기ì¤ìì ì¶ê°ë¡ ì°ì¸¡ ì´ëíë ê° 424 425 function alignGnbToSlogan() { 426 var nav = document.getElementById('pc-nav'); 427 var slogan = document.querySelector('.slogan-main'); 428 var etc = document.querySelector('.header-2row .header-etc'); 429 if (!nav || !slogan || !etc) return; 430 431 nav.style.paddingLeft = ''; 432 nav.style.gap = ''; 433 434 if (window.innerWidth <= 1024) return; 435 436 var firstLink = nav.querySelector('.gnb-item > a'); 437 if (!firstLink) return; 438 439 var linkPad = parseFloat(window.getComputedStyle(firstLink).paddingLeft) || 0; 440 var shift = slogan.getBoundingClientRect().left 441 - (nav.getBoundingClientRect().left + linkPad) 442 + EXTRA_SHIFT; 443 if (shift < 0) shift = 0; 444 nav.style.paddingLeft = shift + 'px'; 445 446 var items = nav.querySelectorAll('.gnb-item'); 447 if (items.length > 1) { 448 var room = etc.getBoundingClientRect().left 449 - (nav.getBoundingClientRect().left + nav.offsetWidth) 450 - MIN_GAP_TO_CS; 451 var gap = room > 0 ? room / (items.length - 1) : 0; 452 if (gap > MAX_EXTRA_GAP) gap = MAX_EXTRA_GAP; 453 nav.style.gap = Math.max(0, gap) + 'px'; 454 } 455 } 456 457 window.addEventListener('load', alignGnbToSlogan);
458 window.addEventListener('resize', alignGnbToSlogan); 459 /* ì¹í°í¸ê° ë¦ê² ì ì©ëë©´ ë©ë´ íì´ ë³í´ ìì¹ê° íì´ì§ë¯ë¡ í°í¸ ë¡ë í ì¬ì ë ¬ */ 460 if (document.fonts && document.fonts.ready) { 461 document.fonts.ready.then(alignGnbToSlogan); 462 } 463 /* í¤ë ë§í¬ì ì ì´ ì¤í¬ë¦½í¸ë³´ë¤ ììì ì´ë¯¸ íì±ëë¯ë¡ ì¬ê¸°ì ì¦ì 1ì°¨ ì ë ¬íë¤. 464 DOMContentLoaded 를 기ë¤ë¦¬ë©´ 'ì ë ¬ ì ' ë©ë´(ë¡ê³ ì ë¶ì ìí)ê° ë¨¼ì ê·¸ë ¤ì¡ë¤ê° 465 ë¤ë¦ê² ì ìë¦¬ë¡ ì´ëí´ ë©ë´ê° íì´ ë³´ì¸ë¤. */ 466 alignGnbToSlogan(); 467 document.addEventListener('DOMContentLoaded', alignGnbToSlogan); 468})(); 469</script>
469 470 471<!-- SUB VISUAL --> 472<section class="sub-visual"> 473 <div class="container-custom sub-visual-content"> 474 <h2 class="sub-title">ì¤ë´ê±´ì¶ê³µì¬</h2> 475 <p class="sub-desc">ê³µê°ì ê°ì¹ë¥¼ ëìì¸íê³ , ë¹ì¦ëì¤ì í격ì ìì±í©ëë¤.</p> 476 </div> 477</section> 478 479<!-- BREADCRUMB --> 480<div class="breadcrumb"> 481 <div class="container-custom"> 482 <div class="breadcrumb-inner"> 483 <a href="../index_main.php">Home</a> 484 <i class="fas fa-chevron-right"></i> 485 <span>ì¬ì ìì</span> 486 <i class="fas fa-chevron-right"></i> 487 <span class="current">ì¤ë´ê±´ì¶ê³µì¬</span> 488 </div> 489 </div> 490</div> 491 492<!-- INTRODUCTION --> 493<section class="pt-12 pb-24"> 494 <div class="container-custom"> 495 <div class="flex flex-col lg:flex-row gap-20 items-center"> 496 <div class="lg:w-1/2"> 497 <span class="section-tag">SPATIAL INNOVATION</span> 498 <h3 class="section-title">ë¨ìí ê³µê°ì ëì´<br><span class="text-indigo-700">ê³ ê°ì ê¿ì´ ì¤íëë</span><br>ë ëì ì°¨ìì íì§ ê´ë¦¬</h3> 499 <p class="section-desc mb-10"> 500 (주)íì¼ ì루ì ì 1999ë ì¤ë¦½ ì´ë ì¤ë´ê±´ì¶ ì 문 ì¤ì기ì ì¼ë¡ ì±ì¥í´ ììµëë¤. 501 ì¬ì±ê¸°ì í¹ì ì ì¬ì¸í¨ê³¼ ì êµí 기íë ¥ì ë°íì¼ë¡ ê³ ê°ì ë¹ì¦ëì¤ ëª©ì ì ìµì íë ìµìì ê³µê° ì루ì ì ì ê³µí©ëë¤. 502 </p> 503 <div class="space-y-6"> 504 <div class="flex items-center gap-4 text-slate-700 font-bold"> 505 <div class="w-12 h-12 rounded-full bg-indigo-50 flex items-center justify-center text-indigo-600"> 506 <i class="fas fa-check"></i> 507 </div> 508 <span>ì ì§í¨ê³¼ ì´ì ì ë°íì¼ë¡ í ì± ì ìê³µ</span> 509 </div> 510 <div class="flex items-center gap-4 text-slate-700 font-bold"> 511 <div class="w-12 h-12 rounded-full bg-indigo-50 flex items-center justify-center text-indigo-600"> 512 <i class="fas fa-check"></i> 513 </div> 514 <span>ì§ìê°ë¥í ì¬íì ê°ì¹ ì¤í ë° ì½ì ê³ ì© ì¶êµ¬</span> 515 </div> 516 </div> 517 </div> 518 <div class="lg:w-1/2 relative"> 519 <div class="rounded-3xl overflow-hidden shadow-2xl"> 520 <img src="../img/products/products01_main.png" alt="Office Interior" class="w-full h-full object-cover"> 521 </div> 522 <div class="absolute -bottom-10 -left-10 bg-white p-8 rounded-2xl shadow-xl hidden lg:block"> 523 <div class="text-4xl font-black text-indigo-700 mb-2">Taeil Solution 524 <div class="text-slate-500 font-bold uppercase tracking-wider text-xs">Total Service Experience</div> 525 </div> 526 </div> 527 </div> 528 </div> 529</section> 530 531<!-- BUSINESS FIELDS --> 532<section class="pt-12 pb-24 bg-slate-50"> 533 <div class="container-custom"> 534 <div class="text-center max-w-3xl mx-auto mb-16"> 535 <span class="section-tag">BUSINESS FIELDS</span> 536 <h3 class="section-title">ë¤ìí ë¼ì´íì¤íì¼ì ìí<br>ë§ì¶¤í ì 문 ê³µì¬ ìë¹ì¤</h3> 537 </div> 538 539 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10"> 540 <!-- Office --> 541 <div class="biz-card"> 542 <img src="../img/products/products01_biz1.png" alt="Office Interior" class="biz-img"> 543 <div class="biz-body"> 544 <span class="biz-label">Corporate Office</span> 545 <h4 class="biz-name">ì¬ë¬´/ì 무 ê³µê°</h4> 546 <p class="biz-text">ë¹ì¦ëì¤ì í¨ì¨ì±ì ê·¹ëííë ì¤ë§í¸ ì¤í¼ì¤ 기í ë° êµ¬ì¶. ìíµê³¼ ì§ì¤ì´ 공존íë ìµì ì íê²½ì ì ìí©ëë¤.</p> 547 </div> 548 </div> 549 550 <!-- Retail --> 551 <div class="biz-card"> 552 <img src="../img/products/products01_biz2.png" alt="Retail Design" class="biz-img"> 553 <div class="biz-body">
554 <span class="biz-label">Commercial Retail</span> 555 <h4 class="biz-name">ìì /ì ì ê³µê°</h4> 556 <p class="biz-text">ë¸ëëì ê°ì¹ë¥¼ ìê°ííë ê°ê°ì ì¸ ì¸í ë¦¬ì´ ìê³µ. ê³ ê°ì ìì ì ì¬ë¡ì¡ë ë§ì¼ íë ì´ì¤ë¥¼ ìì±í©ëë¤.</p> 557 </div> 558 </div> 559 560 <!-- Education/Public --> 561 <div class="biz-card"> 562 <img src="../img/products/products01_biz3.png" alt="Educational Facility" class="biz-img"> 563 <div class="biz-body"> 564 <span class="biz-label">Educational / Public</span> 565 <h4 class="biz-name">êµì¡/공공 ìì¤</h4> 566 <p class="biz-text">ë¤ìí 목ì ì ë¶í©íë ìì íê³ ì 뢰í ì ìë 공공 ì¸íë¼ ìê³µ. ì¬ëê³¼ ë°°ì°ë ê³µê°ì ì¡°í를 ì¶êµ¬í©ëë¤.</p> 567 </div> 568 </div> 569 </div> 570 </div> 571</section> 572 573<!-- COMPETENCIES --> 574<section class="pt-12 pb-24"> 575 <div class="container-custom"> 576 <div class="flex flex-col lg:flex-row gap-20"> 577 <div class="lg:w-1/3"> 578 <h3 class="text-3xl font-black text-slate-900 mb-8 mt-2">íì¼ì루ì ë§ì<br><span class="text-indigo-700">ì°¨ë³íë ê²½ìë ¥</span></h3> 579 <p class="text-slate-600 leading-relaxed font-medium">ë¨ìí íëì¨ì´ ìê³µì ëì´ ìíí¸ì¨ì´ë¥¼ ì´í´íë ìê³µì¬ë¡ì, ìë²½í ë§ì¡±ì ì½ìí©ëë¤.</p> 580 </div> 581 <div class="lg:w-2/3 grid grid-cols-1 md:grid-cols-2 gap-x-12"> 582 <!-- 1 --> 583 <div class="strength-item"> 584 <div class="strength-icon"><i class="fas fa-pencil-ruler"></i></div> 585 <div class="strength-info"> 586 <h5>ì ë°í 기í ë° ì¤ê³</h5> 587 <p>ê³ ê°ì ì구를 ë¶ìíì¬ íì¥ì ìµì íë ëë©´ ì¤ê³(3D ì´ë¯¸ì§ ë¬´ë£ ì ê³µ) ë° ê³µê° í¨ì¨ì± ê²í 를 ì íí©ëë¤.</p> 588 </div> 589 </div> 590 <!-- 2 --> 591 <div class="strength-item"> 592 <div class="strength-icon"><i class="fas fa-hard-hat"></i></div> 593 <div class="strength-info"> 594 <h5>ì²´ê³ì ì¸ íì§ ê´ë¦¬</h5> 595 <p>ìê³µíê³¼ ê´ë¦¬íì ì 기ì ì¸ íë ¥ì íµí´ ê³µì ë³ ì¤ì°¨ ìë ì ë° ìê³µì ë³´ì¥í©ëë¤.</p> 596 </div> 597 </div> 598 <!-- 3 --> 599 <div class="strength-item"> 600 <div class="strength-icon"><i class="fas fa-leaf"></i></div> 601 <div class="strength-info"> 602 <h5>ì¸ì¦ ìì¬ ì¬ì©</h5> 603 <p>ì¬ì©ìì ê±´ê°ê³¼ ì§ìê°ë¥ì±ì ê³ ë ¤íì¬ ì¸ì¦ë ìì¬ë¥¼ ì°ì ì ì¼ë¡ ì¬ì©í©ëë¤.</p> 604 </div> 605 </div> 606 <!-- 4 --> 607 <div class="strength-item"> 608 <div class="strength-icon"><i class="fas fa-headset"></i></div> 609 <div class="strength-info"> 610 <h5>ìë²½í ì¬í ê´ë¦¬</h5> 611 <p>íì ë³´ì ë° ì ì§ ê´ë¦¬ë¥¼ ìí 24ìê° í¼ëë°± ìì¤í ì¼ë¡ ê³ ê°ì ì 뢰ì ë³´ëµí©ëë¤.</p> 612 </div> 613 </div> 614 </div> 615 </div> 616 </div> 617</section> 618 619 620<!-- CALL TO ACTION --> 621<section class="py-12" style="background: linear-gradient(135deg, #4B429A 0%, #372F7D 100%);"> 622 <div class="container-custom"> 623 <div class="flex flex-col lg:flex-row justify-between items-center gap-10"> 624 <div> 625 <h3 class="text-3xl lg:text-4xl font-black text-white mb-4">ì¤ë´ê±´ì¶ íë¡ì í¸ë¥¼ í¨ê» ììí´ ë³´ì¸ì</h3> 626 <p class="text-indigo-200 text-lg">íì¼ì루ì ì 문ê°ê° íì¥ ë°©ë¬¸ë¶í° 견ì ê¹ì§ ë¹ ë¥´ê² ëìë립ëë¤.</p> 627 </div> 628 <button onclick="openInquiry()" class="px-10 py-5 bg-white text-indigo-900 font-black rounded-full hover:bg-indigo-100 transition shadow-xl whitespace-nowrap"> 629 ìë´ ë¬¸ìí기 <i class="fas fa-paper-plane ml-2"></i> 630 </button> 631 </div> 632 </div> 633</section> 634 635<!-- FOOTER -->
636<script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script>
636
637<script type="text/javascript"> 638if (!wcs_add) var wcs_add={}; 639wcs_add["wa"] = "s_3cce99f6492"; 640if (!_nasa) var _nasa={}; 641if(window.wcs){ 642wcs.inflow(); 643wcs_do(); 644} 645</script>
645 646<footer id="footer"> 647 <div class="container-custom"> 648 <div class="f-top-row"> 649 <a href="../index.php" class="f-logo"> 650 <img src="../img/footer_logo.png" alt="íì¼ì루ì "> 651 </a> 652 <div class="f-info-inline"> 653 <p>(주)íì¼ì루ì | ëíì´ì¬ ìµìí¬ | 경기ë 구리ì ê°ë§¤ì¤ìë¡ 190, í´ë°¸ëì¸ ì§ìì°ì ì¼í° Aë 8층 8001í¸</p> 654 <p>ì¬ì ìë±ë¡ë²í¸ 215-87-68281 | íµì í매ì ì ê³ ì 06-경기구리-0430í¸</p> 655 <p>ì í 1833-6459 | í©ì¤ 02-3273-1223 | ì´ë©ì¼ [email protected]</p> 656 <p>ê°ì¸ì ë³´ì± ìì ììì¬ ë¶ì¥ | [email protected]</p> 657 </div> 658 <div class="f-cs-block"> 659 <p class="f-cs-label">ê³ ê°ì¼í°</p> 660 <p class="f-cs-num">1833-6459</p> 661 <p class="f-cs-hours">íì¼ 09:00 - 18:00<br>ì ì¬ 12:00 - 13:00 | 주ë§Â·ê³µí´ì¼ í´ë¬´</p> 662 </div> 663 </div> 664 665 <div class="f-bottom"> 666 <p class="f-copy">© 2026 íì¼ì루ì . All rights reserved.</p> 667 <div class="f-policy-links"> 668 <button type="button" class="f-policy-link" id="footer-terms-open">ì´ì©ì½ê´</button> 669 <button type="button" class="f-policy-link" id="footer-privacy-open">ê°ì¸ì ë³´ì·¨ê¸ë°©ì¹¨</button> 670 </div> 671 </div> 672 </div> 673</footer> 674<!-- ì°ì¸¡ íë¨ íµë©ë´ --> 675<aside class="quick-menu"> 676 <a href="javascript:void(0)" class="quick-item" onclick="openInquiry(); return false;"> 677 <i class="fas fa-headset"></i>ìë´ë¬¸ì 678 </a> 679 <a href="https://order.taeilsolution.com" class="quick-item" target="_blank" rel="noopener noreferrer"> 680 <i class="fas fa-file-alt"></i>공공기ê´<br>물í구매 681 </a> 682 <a href="http://www.taeilgift.com" class="quick-item" target="_blank" rel="noopener noreferrer"> 683 <i class="fas fa-gift"></i>íì´ë¬¼ 684 </a> 685 <a href="/products/products01.php" class="quick-item"> 686 <i class="fas fa-hard-hat"></i>ì¤ë´ê±´ì¶ê³µì¬ 687 </a> 688 <a href="/products/products02.php" class="quick-item"> 689 <i class="fas fa-bolt"></i>ì ë³´íµì 690 </a> 691 <a href="#" class="quick-item top-btn" onclick="window.scrollTo({top:0, behavior:'smooth'}); return false;"> 692 <i class="fas fa-arrow-up"></i>TOP 693 </a> 694</aside><div class="modal-overlay" id="modal-overlay"> 695 <div class="port-modal" id="port-modal"> 696 <button class="port-modal-close" onclick="closeModals()"><i class="fas fa-times"></i></button> 697 <div class="port-modal-img" id="pm-img"></div> 698 <div class="port-modal-body"> 699 <span class="port-modal-badge" id="pm-badge">ìíë¶ì¼</span> 700 <h3 class="port-modal-title" id="pm-title">ìíë¶ì¼ ìì¸</h3> 701 <p class="port-modal-desc" id="pm-desc">íë¡ì í¸ ê°ìì 주ì ë´ì©ì ì´ ìììì íì¸íì¤ ì ììµëë¤.</p> 702 <div class="port-modal-actions"> 703 <button class="btn-inquiry" onclick="openInquiry()"><i class="fas fa-paper-plane"></i> ìë´ë¬¸ì</button> 704 <button class="btn-outline" onclick="closeModals()">ë«ê¸°</button> 705 </div> 706 </div> 707 </div> 708 709 <div class="inquiry-modal" id="inquiry-modal"> 710 <div class="inquiry-header"> 711 <h3><i class="fas fa-paper-plane"></i> ìë´ë¬¸ì</h3> 712 <p>ê¸°ê´ ì ë³´ì 문ì ë´ì©ì ë¨ê²¨ì£¼ìë©´ íì¸ í ìë´í´ ëë¦¬ê² ìµëë¤.</p> 713 <button class="inquiry-close" onclick="closeModals()"><i class="fas fa-times"></i></button> 714 </div> 715 <div class="inquiry-body"> 716 <form id="inquiry-form" action="../master/api/inquiry_submit.php" method="post" enctype="multipart/form-data" data-captcha-url="../master/api/captcha.php"> 717 <input type="hidden" name="form_token" value="17909049
71768.4dd6c5972034c22c.0e82b856ad81bd337ffcbbd437a69672"> 718 <div class="hp-field" aria-hidden="true"> 719 <label>ííì´ì§ 주ì<input type="text" name="website_url" tabindex="-1" autocomplete="off"></label> 720 <label>í©ì¤ë²í¸<input type="text" name="company_fax" tabindex="-1" autocomplete="off"></label> 721 </div> 722 <div class="form-row"> 723 <div class="form-col"> 724 <label class="form-label">기ê´ëª <span class="req">*</span></label> 725 <input type="text" name="company_name" class="form-input" placeholder="기ê´ëª ëë íì¬ëª ì ì ë ¥í´ ì£¼ì¸ì." required="required"> 726 </div> 727 <div class="form-col"> 728 <label class="form-label">ë¶ìëª <span class="req">*</span></label> 729 <input type="text" name="department_name" class="form-input" placeholder="ë¶ìëª ì ì ë ¥í´ ì£¼ì¸ì." required="required"> 730 </div> 731 </div> 732 <div class="form-row"> 733 <div class="form-col"> 734 <label class="form-label">ë´ë¹ìëª <span class="req">*</span></label> 735 <input type="text" name="contact_name" class="form-input" placeholder="ë´ë¹ìëª ì ì ë ¥í´ ì£¼ì¸ì." required="required"> 736 </div> 737 <div class="form-col"> 738 <label class="form-label">ì°ë½ì²<span class="req">*</span></label> 739 <input type="text" name="phone" class="form-input" placeholder="010-0000-0000" required="required"> 740 </div> 741 </div> 742 <div class="form-row form-row-block"> 743 <label class="form-label">ì´ë©ì¼<span class="req">*</span></label> 744 <input type="email" name="email" class="form-input" placeholder="ì´ë©ì¼ 주ì를 ì ë ¥í´ ì£¼ì¸ì." required="required"> 745 </div> 746 <div class="form-row form-row-block"> 747 <label class="form-label">문ìì í<span class="req">*</span></label> 748 <select name="inquiry_type" class="form-select" required="required"> 749 <option value="">문ìì íì ì íí´ ì£¼ì¸ì.</option> 750 <option value="ì¤ë´ê±´ì¶ê³µì¬">ì¤ë´ê±´ì¶ê³µì¬</option> 751 <option value="ì ë³´íµì /ì 기">ì ë³´íµì /ì 기</option> 752 <option value="구매ëí">구매ëí</option> 753 <option value="기í">기í</option> 754 </select> 755 </div> 756 <div class="form-row form-row-block"> 757 <label class="form-label">문ìë´ì©<span class="req">*</span></label> 758 <textarea name="content" class="form-textarea" placeholder="문ìíì¤ ë´ì©ì ì ë ¥í´ ì£¼ì¸ì." required="required"></textarea> 759 </div> 760 <div class="form-row form-row-block form-row-compact"> 761 <label class="form-label">íì¼ì²¨ë¶</label> 762 <input type="file" name="attachment_file" class="form-input"> 763 </div> 764 <div class="form-row form-row-block form-row-compact"> 765 <label class="form-label" for="captcha-code">ìëì ë ¥ ë°©ì§ë¬¸ì<span class="req">*</span></label> 766 <div class="captcha-box"> 767 <div class="captcha-image-wrap"> 768 <img src="../master/api/captcha.php?t=1790904968" alt="ìëì ë ¥ ë°©ì§ë¬¸ì ì´ë¯¸ì§" id="captcha-image" class="captcha-image"> 769 <button type="button" class="captcha-refresh" id="captcha-refresh" title="ì´ë¯¸ì§ ìë¡ê³ 침"><i class="fas fa-redo"></i></button> 770 </div> 771 <input type="text" name="captcha_code" id="captcha-code" class="form-input captcha-input" maxlength="8" placeholder="ì¼ìª½ ì´ë¯¸ì§ì 문ì를 ì ë ¥í´ ì£¼ì¸ì." autocomplete="off" required="required"> 772 </div> 773 <p class="captcha-help">ì¤í¸ ë°©ì§ë¥¼ ìí´ ì´ë¯¸ì§ì 문ì를 ì íí ì ë ¥í´ì¼ ìë´ë¬¸ìê° ì ìë©ëë¤.</p> 774 </div> 775 <div class="privacy-consent"> 776 <label class="privacy-check"> 777 <input type="checkbox" name="privacy_agree" value="1" required="required">
778 <span>ê°ì¸ì ë³´ì·¨ê¸ë°©ì¹¨ì ëìí©ëë¤.</span> 779 </label> 780 <button type="button" class="privacy-detail" id="privacy-policy-open">ìì¸í보기</button> 781 </div> 782 <button type="submit" class="btn-submit"><i class="fas fa-paper-plane"></i> ìë´ë¬¸ì ì ì</button> 783 </form> 784 </div> 785 </div> 786 787 <div class="policy-modal" id="privacy-policy-modal"> 788 <div class="policy-modal-header"> 789 <h3>ê°ì¸ì ë³´ì·¨ê¸ë°©ì¹¨</h3> 790 <button type="button" class="policy-modal-close" id="privacy-policy-close"><i class="fas fa-times"></i></button> 791 </div> 792 <div class="policy-modal-body"> 793 <div class="policy-section"> 794 <h4>1. ìì§ í목</h4> 795 <p>기ê´ëª , ë¶ìëª , ë´ë¹ìëª , ì°ë½ì², ì´ë©ì¼, 문ìì í, 문ìë´ì©, 첨ë¶íì¼</p> 796 </div> 797 <div class="policy-section"> 798 <h4>2. ìì§ ëª©ì </h4> 799 <p>ìë´ë¬¸ì ì ì, 문ì ë´ì© íì¸, íì ë° ìë´ ì´ë ¥ ê´ë¦¬</p> 800 </div> 801 <div class="policy-section"> 802 <h4>3. ë³´ì ë° ì´ì© 기ê°</h4> 803 <p>문ì ìë ë° ì¬í ê´ë¦¬ 목ì ë¬ì± í ê´ë ¨ ë²ë ¹ ëë ë´ë¶ 기ì¤ì ë°ë¼ ë³´ê´ í í기í©ëë¤.</p> 804 </div> 805 <div class="policy-section"> 806 <h4>4. ëì ê±°ë¶ ê¶ë¦¬</h4> 807 <p>ê°ì¸ì ë³´ ì ê³µì ëí ëì를 ê±°ë¶í ì ìì¼ë, íì í목 미ëì ì ìë´ë¬¸ì ì ìê° ì íë ì ììµëë¤.</p> 808 </div> 809 <div class="policy-section"> 810 <h4>5. ê°ì¸ì ë³´ ë³´í¸ ë´ë¹ì</h4> 811 <p>ë´ë¹ì : ììì¬ ë¶ì¥ | ë´ë¹ì ì´ë©ì¼ : [email protected] | ë´ë¹ì ì íë²í¸ : 1833-6459</p> 812 </div> 813 </div> 814 </div> 815 816 <div class="policy-modal" id="terms-policy-modal"> 817 <div class="policy-modal-header"> 818 <h3>ì´ì©ì½ê´</h3> 819 <button type="button" class="policy-modal-close" id="terms-policy-close"><i class="fas fa-times"></i></button> 820 </div> 821 <div class="policy-modal-body"> 822 <div class="policy-section"> 823 <h4>1. 목ì </h4> 824 <p>ì´ ì½ê´ì íì¼ì루ì ì¹ì¬ì´í¸ìì ì ê³µíë ì ë³´ ìë´, ìë´ë¬¸ì ì ì ë° ê´ë ¨ ìë¹ì¤ ì´ì©ì ê´í 기본 ì¬íì ê·ì í©ëë¤.</p> 825 </div> 826 <div class="policy-section"> 827 <h4>2. ìë¹ì¤ ë²ì</h4> 828 <p>íì¬ë íì¬ìê°, ì¬ì ìì, 공공구매ì ë ìë´, ìíë´ì, ê°ì¢ ê²ìí, ìë´ë¬¸ì ì ì ê¸°ë¥ ë±ì ì ê³µí©ëë¤.</p> 829 </div> 830 <div class="policy-section"> 831 <h4>3. ì´ì©ìì ì± ì</h4> 832 <p>ì´ì©ìë ìë´ë¬¸ì ëë ê²ìí ì´ì© ì ì¬ì¤ì 근거í ì 보를 ì ë ¥í´ì¼ íë©°, íì¸ì ê¶ë¦¬ë¥¼ 침í´íê±°ë ê´ë ¨ ë²ë ¹ì ìë°ëë ë´ì©ì ë±ë¡í´ìë ì ë©ëë¤.</p> 833 </div> 834 <div class="policy-section"> 835 <h4>4. ìë¹ì¤ ë³ê²½ ë° ì¤ë¨</h4> 836 <p>íì¬ë ìì¤í ì ê², ì´ìì íì, 기ì ì ì¬ì ë±ì ë°ë¼ ìë¹ì¤ ì¼ë¶ë¥¼ ë³ê²½íê±°ë ì¤ë¨í ì ììµëë¤.</p> 837 </div> 838 <div class="policy-section"> 839 <h4>5. ì ìê¶ ë° ê¶ë¦¬</h4> 840 <p>ì¹ì¬ì´í¸ ë´ í ì¤í¸, ì´ë¯¸ì§, ëìì¸, ê²ì물 ë± ëª¨ë ì½í ì¸ ì ê¶ë¦¬ë íì¼ì루ì ëë ì ë¹í ê¶ë¦¬ììê² ìì¼ë©°, ì¬ì ëì ìì´ ë¬´ë¨ ë³µì ·배í¬í ì ììµëë¤.</p> 841 </div> 842 <div class="policy-section"> 843 <h4>6. 문ì</h4> 844 <p>ìë¹ì¤ ì´ì© ì¤ ë¬¸ìì¬íì´ ìì ê²½ì° ìë´ë¬¸ì ëë ê³ ê°ì¼í°ë¥¼ íµí´ 문ìí ì ììµëë¤.</p> 845 </div> 846 </div> 847 </div> 848</div>
849<script src="../assets/js/common.js"></script>
849 850 851</body> 852</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.