PageSourceSearch

https://www.iwinv.kr/

html iwinv.kr collected 2026-10-09 17:49:08 UTC 281,425 bytes, 4,032 lines download raw bytes

1<!DOCTYPE html>
2<html sm-theme="light" style="min-height: 100dvh;" lang="ko">
3    <head>
4        <meta charset="UTF-8" />
5
6        <!-- 웹사이트 정보 -->
7        <title>서버비용 허리 휠 때 반값서버 iwinv!</title>
8        <meta name="author" content="iwinv" />
9        <meta name="keywords" content="클라우드, 클라우드컴퓨팅, 서버, cloud, server, Docker, 도커, 리눅스, 윈도우, 가상화, 하이퍼바이저, 오픈스택, IaaS" />
10        <meta name="description" content="iwinv 서버는 클라우드 환경 안에서 필요한 자원을 쉽고 빠르게 신청 가능하고 사용한 만큼만 지불하는 서비스입니다. 효율적인 비용과 강력한 클라우드 컴퓨팅 성능은 다양한 산업 환경에서 무한한 확장성을 제공합니다." />
11        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
12        <meta name="csrf-token" content="HxyssrONywpthJmYSAhhRKs2GrMEYUDa6gaQFDuz">
13
14        <meta property="og:title" content="서버비용 허리 휠 때 반값서버 iwinv!" />
15        <meta property="og:description" content="iwinv 서버는 클라우드 환경 안에서 필요한 자원을 쉽고 빠르게 신청 가능하고 사용한 만큼만 지불하는 서비스입니다. 효율적인 비용과 강력한 클라우드 컴퓨팅 성능은 다양한 산업 환경에서 무한한 확장성을 제공합니다." />
16        <meta property="og:url" content="www.iwinv.kr /">
17        <meta property="og:site_name" content="iwinv">
18        <meta property="og:image" content="www.iwinv.kr/images/www/og/og_index.png">
19        <meta property="og:type" content="website">
20        <meta property="fb:app_id" content="239993083070933">
21
22        <!-- HTML5 비표준이나 대부분의 브라우저는 여전히 참조하고 있다 -->
23        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
24        <meta http-equiv="Cache-Control" content="no-cache" />
25        <meta http-equiv="pragma" content="no-cache" />
26        <meta http-equiv="expires" content="Oct, 10 Sat 2026 02:49:06 GMT" />
27        <meta http-equiv="imagetoolbar" content="no" />
28
29        <!-- 네이버 검색 -->
30        <meta name="naver-site-verification" content="f7a5823114d521e74c78f160784de30b5f43fd21"/>
31
32        <!-- 구글 검색 -->
33        <meta name="google-site-verification" content="z_CAHx27IiS6PPzZ1O-GNjh2vkCOnkFTeRIZ8mrfJlk" />
34
35        <!-- Favicon -->
36        <link rel="shortcut icon" href="https://www.iwinv.kr/images/www/favicon.png?v=1">
37
38         <!-- CSS -->
39         <link rel="preload" as="style" href="https://www.iwinv.kr/build/assets/common-CgfEjXFn.css" /><link rel="stylesheet" href="https://www.iwinv.kr/build/assets/common-CgfEjXFn.css" /><link rel="preload" as="style" href="https://www.iwinv.kr/build/assets/menu-DULVTAQi.css" /><link rel="stylesheet" href="https://www.iwinv.kr/build/assets/menu-DULVTAQi.css" /><link rel="preload" as="style" href="https://www.iwinv.kr/build/assets/iwinv_origin-Mpkz1VCR.css" /><link rel="stylesheet" href="https://www.iwinv.kr/build/assets/iwinv_origin-Mpkz1VCR.css" />
40<link rel="stylesheet" href="https://www.iwinv.kr/script/www.jquery.one.css?v=1770595233" />
41<link rel="stylesheet" href="https://www.iwinv.kr/script/tinymce/tinymce.css?v=1739952748" />  
42
43  <link rel="stylesheet" href="https://www.iwinv.kr/css/www/app.css?v=1791440165" />  
44  <link rel="stylesheet" href="https://www.iwinv.kr/images/www/icon/iconfont/iconfont.css?v=1773812657" />  
45
46 <link rel="preload" as="style" href="https://www.iwinv.kr/build/assets/index-DojFDYel.css" /><link rel="stylesheet" href="https://www.iwinv.kr/build/assets/index-DojFDYel.css" />
47        			<!-- 구글 태그 gtm.js-->
48			
48<script>
vendor: 436 bytes, lines 48-58
48
49				(function(w, d, s, l, i) {
50					w[l] = w[l] || [];
51					w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
52					var f = d.getElementsByTagName(s)[0],  
53						j = d.createElement(s),  
54						dl = l != 'dataLayer' ? '&l=' + l : '';  
55					j.async = true;  
56					j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;  
57					f.parentNode.insertBefore(j, f);  
58				})(window, document, 'script', 'dataLayer', '
58GTM-NFBHJ8V9
vendor: 7 bytes, lines 58-59
58');
59			
59</script>
59
60
61            <!-- Google Tag Manager (noscript) -->
vendor: 75 bytes, lines 61-63
61
62		<noscript>	
63			<iframe src="https://www.googletagmanager.com/ns.html?id=
63GTM-NFBHJ8V9
vendor: 97 bytes, lines 63-66
63" height="0" width="0" style="display:none;visibility:hidden"></iframe>
64		</noscript>
65		
66        
66<!-- Meta Pixel Code -->
67        
67<script>
vendor: 494 bytes, lines 67-75
67
68            !function(f,b,e,v,n,t,s)
69            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
70            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
71            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
72            n.queue=[];t=b.createElement(e);t.async=!0;
73            t.src=v;s=b.getElementsByTagName(e)[0];
74            s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');
75            fbq('init', '
75879369850839086
vendor: 50 bytes, lines 75-77
75');
76            fbq('track', 'PageView');
77        
77</script>
77
78        <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=879369850839086&ev=PageView&noscript=1"/></noscript>
79        <!-- End Meta Pixel Code -->
80
81        <!-- tailwindplus/elements -->
82        <link rel="modulepreload" href="https://www.iwinv.kr/build/assets/tailwind-DwpjS_NT.js" />
82<script type="module" src="https://www.iwinv.kr/build/assets/tailwind-DwpjS_NT.js"></script>
82    </head>
83    <body id="app" style="min-height: 100dvh; display: flex; flex-direction: column;">
84      <!-- TOP - TOOLTIP -->
85      <el-dialog id="common-modal">
86  <dialog class=" fixed inset-0 size-auto max-h-none max-w-none overflow-y-auto bg-transparent backdrop:bg-transparent">
87    <el-dialog-backdrop class="fixed inset-0 bg-gray-500/75 transition-opacity data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in backdrop-modal"></el-dialog-backdrop>
88
89    <div tabindex="0" class="flex min-h-full items-end justify-center p-4 text-center focus:outline-none sm:items-center sm:p-0 ">
90      
91      <el-dialog-panel class="panel-container relative transform overflow-hidden rounded-lg bg-sm-bg px-4 pt-5 pb-4 text-left shadow-xl transition-all data-closed:translate-y-4 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in sm:my-8 w-full sm:max-w-lg sm:p-6 data-closed:sm:translate-y-0 data-closed:sm:scale-95">
92        <div class="sm:flex sm:items-start relative">
93          <button aria-label="button"     type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-outline-info sm-btn-mini modal-close absolute sm:-top-2 sm:-right-2 top-0 right-0 size-8 z-10 border-0 font-light" data-dismiss="modal"    >
94  <i class="iconfont icon-baseline-close-px"></i>
95</button>
96          <div class="icon-container mx-auto flex size-12 shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:size-10 sm:mr-4 sm:mb-0 mb-3">
97            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 text-red-600">
98              <path d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" stroke-linecap="round" stroke-linejoin="round" />
99            </svg>
100          </div>
101         
102          <div class="text-center sm:text-left flex-1 overflow-hidden">
103            <h1 class="text-base font-semibold text-sm-text-primary modal-title"></h1>
104            <div class="mt-2 modal-body w-full overflow-auto custom-scrollbar text-sm-text-secondary text-sm">
105            </div>
106          </div>
107        </div>
108        <div class="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse">
109          <button type="button" command="close" commandfor="dialog" class="inline-flex w-full justify-center rounded-md bg-red-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-red-500 sm:ml-3 sm:w-auto modal-ok cursor-pointer">확인</button>
110          <button type="button" command="close" commandfor="dialog" class="mt-3 inline-flex w-full justify-center rounded-md dark:bg-sm-bg bg-white px-3 py-2 text-sm font-semibold dark:text-white text-gray-900 shadow-xs inset-ring-1 inset-ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto modal-cancel cursor-pointer">취소</button>
111        </div>
112      </el-dialog-panel>
113    </div>
114  </dialog>
115</el-dialog>
116
117
118 <!-- 퀵 메뉴 p-0! overflow-hidden h-0 -->
119 <div id="quick-menu" class="fixed bottom-[160px] lg:-right-[120px] lg:hover:-right-2 right-2 text-xs bg-blue-8 lg:w-[175px] w-11  transition-[right] duration-600 lg:rounded-none rounded-full z-[9999] print:hidden">
120  <ul class="tab-menu text-sm flex flex-col gap-5 pl-2 lg:pr-5 py-2 lg:pt-2 pt-5 text-white   transition-[max-height, opacity] duration-300 max-h-[500px] z-1 overflow-hidden">
121      <li>
122          <a class="flex items-center gap-2" href="https://www.iwinv.kr/board/notice?branch=NOTICE">
123              <img class="lg:size-10 size-6.5" src="https://www.iwinv.kr/images/www/quickmenu/notice_icon.png" alt="바 아이콘">
124              <span class="RWB flex-1 text-center hidden lg:block">공지사항</span>
125          </a>
126      </li>
127      <li>
128          <a class="flex items-center gap-2" href="https://docs.iwinv.kr" target="_blank">
129              <img class="lg:size-10 size-6.5" src="https://www.iwinv.kr/images/www/quickmenu/menu_bar_icon.png" alt="바 아이콘">
130              <span class="RWB flex-1 text-center hidden lg:block">Docs</span>
131          </a>
132      </li>
133      <li class="pop-site">
134          <ul id="service-content" class="tel-email hidden pr-10 text-sm-primary">
135              <li>
136                  <a class="flex items-center gap-2">
137                      <img class="size-4" src="https://www.iwinv.kr/images/www/quickmenu/icon/icon_tel.png"alt="바 아이콘">
138                      1688-4879
139                  </a>
140                  <a class="flex items-center gap-2 whitespace-nowrap" href="mailto:[email protected]">
141                      <img class="size-4" src="https://www.iwinv.kr/images/www/quickmenu/icon/icon_email.png" alt="바 아이콘">
142                      [email protected]
143                  </a>
144              </li>
145          </ul>
146          <a id="service-tippy" class="flex items-center gap-2" data-href="https://www.iwinv.kr/board">
147              <img class="lg:size-10 size-6.5" src="https://www.iwinv.kr/images/www/quickmenu/tell_icon_new.png" alt="바 아이콘">
148              <span class="flex-1 text-center hidden lg:block">문의</span>
149          </a>
150      </li>
151      <li>
152        <a class="flex items-center gap-2" href="https://www.iwinv.kr/calculator" target="_blank">
153          <img class="lg:size-10 size-6.5" src="https://www.iwinv.kr/images/www/quickmenu/calculator_icon.png" alt="바 아이콘">
154          <span class="RWB flex-1 text-center hidden lg:block">요금 계산기</span>
155        </a>
156    </li>
157      <li>
158          <ul id="site-content" class="flex flex-col gap-1 hidden px-2 py-2 w-75  overflow-hidden">
159              <li class="bg-white rounded-full px-5 sm-shadow-sm-always w-full">
160                  <a class="flex items-center gap-2 whitespace-nowrap hover:text-sm-primary transition-[color] duration-300" href="https://www.cloudv.kr/" target="_blank">
161                    <div class="w-20 h-8 flex items-center">
162                      <img src="https://www.iwinv.kr/images/www/quickmenu/smile/logo_1_v1.png" alt="바 아이콘">
163                    </div>
164                      <span class="whitespace-nowrap ellipsis overflow-hidden">
165                        클라우드 컴퓨팅
166                      </span>
167                  </a>
168              </li>
169              <li class="bg-white rounded-full px-5 sm-shadow-sm-always w-full">
170                  <a class="flex items-center gap-2 whitespace-nowrap hover:text-sm-primary transition-[color] duration-300" href="https://gov.iwinv.kr/" target="_blank">
171                    <div class="w-20 h-8 flex items-center">
172                      <img  src="https://www.iwinv.kr/images/www/quickmenu/smile/logo_2_v1.png" alt="바 아이콘">
173                    </div>
174                      <span class="whitespace-nowrap ellipsis overflow-hidden">
175                      공공부문 클라우드 컴퓨팅
176                      </span>
177                  </a>
178              </li>
179              <li class="bg-white rounded-full px-5 sm-shadow-sm-always w-full">
180                  <a class="flex items-center gap-2 hover:text-sm-primary transition-[color] duration-300" href="https://www.ivyro.net/" target="_blank">
181                    <div class="w-20 h-8 flex items-center">
182                      <img src="https://www.iwinv.kr/images/www/quickmenu/smile/logo_3_v2.png" alt="바 아이콘">
183                    </div>
184                      <span class="whitespace-nowrap ellipsis overflow-hidden">
185                        웹호스팅, 도메인
186                      </span>
187                  </a>
188              </li>
189          </ul>
190          <a id="site-tippy" href="javascript:;" class=" flex items-center gap-2">
191              <img class="lg:size-10 size-6.5" src="https://www.iwinv.kr/images/www/quickmenu/iwinv_smile_icon.png" alt="바 아이콘">
192              <span class="RWB flex-1 text-center hidden lg:block">패밀리사이트</span>
193          </a>
194      </li>
195  </ul>
196  <div id="quick-menu-expand" class="lg:hidden block rounded-full p-2 h-11 flex items-center justify-center relative z-2 bg-blue-8">
197      <a href="#none" class="expand-click text-xs block scale-80 text-white ">
198        QUICK
199      </a>
200  </div>
201</div>
202<div class="fixed right-0 bottom-18 z-[99999] print:hidden">
203    <button type="button" id="top-scroll-btn" aria-label="맨 위로" class="w-[50px] h-[50px] rounded-full cursor-pointer bg-[#004A93] border-0 opacity-0 pointer-events-none transition-opacity duration-300 bg-no-repeat text-white" style="background-image: url(https://www.iwinv.kr/images/www/quickmenu/top_icon_new.png); background-size: 45px; background-position: 2px 0"></button>
204</div>
205
206        <header>
207  
208      <div id="header-container" class="header-container w-[100%] fixed -top-[100%] left-0 right-0 z-20  group/outer transition-all duration-300 bg-transparent text-white  max-lg:hover:bg-sm-bg">
209        
210      <nav id="menu-container" class="max-w-desktop mx-auto text-smile-red-1 text-3xl justify-between items-center lg:flex px-10 xl-2:px-0 hidden transition-all duration-300">
211            <div class="header-logo w-[180px] ">
212    <a href="/" aria-label="iwinv logo" class="lg:w-25 lg:h-[28px] w-20 h-[26px] block bg-[url('/images/www/iwinv_logo_white.png')] group-hover/outer:bg-[url('/images/www/iwinv_logo_black.png')] group-[.home-header-bghover]/outer:bg-[url('/images/www/iwinv_logo_black.png')] dark:group-hover/outer:bg-[url('/images/www/iwinv_logo_white.png')] bg-no-repeat bg-contain bg-center transition-all duration-300">
213  </a>
214  </div>            <ul class="text-base h-[var(--menu-bar-height)] items-center lg:flex hidden ">               
215                <li class="h-full group">
216                    <div class="relative h-full flex items-center menu-btn xl-2:px-8 px-4 font-bold group-[.active]:text-sm-primary ">
217                        <a href="#">
218                          <span>서비스</span>
219                      </a>
220                    </div>
221                    <div class="absolute top-[var(--menu-bar-height)] left-0 w-full menu-detail bg-sm-bg h-0 overflow-hidden transition-all duration-300 z-11">
222                      <div class="menu-child-container border-sm-border-light dark:border-sm-border border-b-[1px] border-t-[1px] w-full bg-[#F7F6FA] dark:bg-gray-9 box-border">
223                        <div class="max-w-desktop mx-auto py-10">
224                          <div class="flex gap-10 px-10 xl-2:px-0" id="nav-server">
225  <!-- Left sidebar -->
226  <aside class="w-65 shrink-0 border-r-[1px] border-sm-border-light dark:border-gray-7 pr-10">
227    <nav class="space-y-1 text-[15px] ">
228            <a href="#" class="server-side-bar-item server-active ">
229        <span>컴퓨트</span>
230        <i class="iconfont icon-arrow_right_2 text-xs"></i>
231      </a>
232            <a href="#" class="server-side-bar-item  ">
233        <span>AI&amp;GPU</span>
234        <i class="iconfont icon-arrow_right_2 text-xs"></i>
235      </a>
236            <a href="#" class="server-side-bar-item  ">
237        <span>네트워크</span>
238        <i class="iconfont icon-arrow_right_2 text-xs"></i>
239      </a>
240            <a href="#" class="server-side-bar-item  ">
241        <span>스토리지</span>
242        <i class="iconfont icon-arrow_right_2 text-xs"></i>
243      </a>
244            <a href="#" class="server-side-bar-item  ">
245        <span>컨테이너</span>
246        <i class="iconfont icon-arrow_right_2 text-xs"></i>
247      </a>
248            <a href="#" class="server-side-bar-item  ">
249        <span>이미지</span>
250        <i class="iconfont icon-arrow_right_2 text-xs"></i>
251      </a>
252            <a href="#" class="server-side-bar-item  ">
253        <span>데이터베이스</span>
254        <i class="iconfont icon-arrow_right_2 text-xs"></i>
255      </a>
256            <a href="#" class="server-side-bar-item  ">
257        <span>백업</span>
258        <i class="iconfont icon-arrow_right_2 text-xs"></i>
259      </a>
260            <a href="#" class="server-side-bar-item  ">
261        <span>보안</span>
262        <i class="iconfont icon-arrow_right_2 text-xs"></i>
263      </a>
264            <a href="#" class="server-side-bar-item  ">
265        <span>컨텐츠 CDN</span>
266        <i class="iconfont icon-arrow_right_2 text-xs"></i>
267      </a>
268            <a href="#" class="server-side-bar-item  ">
269        <span>웹호스팅</span>
270        <i class="iconfont icon-arrow_right_2 text-xs"></i>
271      </a>
272            <a href="#" class="server-side-bar-item  ">
273        <span>모니터링</span>
274        <i class="iconfont icon-arrow_right_2 text-xs"></i>
275      </a>
276            <a href="#" class="server-side-bar-item  ">
277        <span>매니지먼트</span>
278        <i class="iconfont icon-arrow_right_2 text-xs"></i>
279      </a>
280            <a href="#" class="server-side-bar-item  ">
281        <span>메시지</span>
282        <i class="iconfont icon-arrow_right_2 text-xs"></i>
283      </a>
284            <a href="#" class="server-side-bar-item  ">
285        <span>메일/그룹웨어</span>
286        <i class="iconfont icon-arrow_right_2 text-xs"></i>
287      </a>
288            <a href="#" class="server-side-bar-item  ">
289        <span>
289도메인</span>
290        <i class="iconfont icon-arrow_right_2 text-xs"></i>
291      </a>
292            <a href="#" class="server-side-bar-item  ">
293        <span>공공 전용 클라우드</span>
294        <i class="iconfont icon-arrow_right_2 text-xs"></i>
295      </a>
296            <a href="#" class="server-side-bar-item  ">
297        <span>비즈니스 솔루션</span>
298        <i class="iconfont icon-arrow_right_2 text-xs"></i>
299      </a>
300           
301    </nav>
302  </aside>
303
304  <!-- Main content hidden -->
305  <div class="flex-1 relative" id="server-content">
306        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
307              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
308  <div class="flex flex-col gap-4 justify-end">
309        <a href="https://www.iwinv.kr/server/server" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
310        <div class="flex items-center justify-between">
311        <div class="flex items-center gap-2">
312          <h3 class="text-lg font-semibold text-sm-text-title-medium">가상 서버</h3>
313          </h3>
314                              <span class="rounded-full bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">NEW</span>
315                                                </div>
316        <div class="flex items-end gap-1">
317          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
318        </div>
319      </div>
320      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">원하는 때에 필요한 만큼 즉시 생성, 삭제할 수<br> 있는 가상 클라우드 서비스</p>
321    </a>
322</div>                      <div class="flex flex-col gap-4 justify-end">
323        <a href="https://www.iwinv.kr/server/vdi" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
324        <div class="flex items-center justify-between">
325        <div class="flex items-center gap-2">
326          <h3 class="text-lg font-semibold text-sm-text-title-medium">원격 데스크톱</h3>
327          </h3>
328                                                          </div>
329        <div class="flex items-end gap-1">
330          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
331        </div>
332      </div>
333      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">다양한 디바이스로 연결 가능한<br> 가상 원격 데스크톱 PC(VDI)</p>
334    </a>
335</div>                      <div class="flex flex-col gap-4 justify-end">
336      <div class="group block rounded-20  menu-server-disabled dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] use-tippy" data-tippy-content="&lt;span class=&#039;whitespace-nowrap text-sm-text-secondary&#039;&gt;오토스케일링 서비스는 현재 준비 중입니다.&lt;/span&gt;">
337        <div class="flex items-center justify-between">
338        <div class="flex items-center gap-2">
339          <h3 class="text-lg font-semibold text-sm-text-title-medium">오토스케일링</h3>
340          </h3>
341                                                          </div>
342        <div class="flex items-end gap-1">
343          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
344        </div>
345      </div>
346      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">가상 서버를 자동으로 확장, 축소할 수 있는  <br>서버 스케줄링 서비스</p>
347    </div>
348</div>                      <div class="flex flex-col gap-4 justify-end">
349        <a href="https://www.iwinv.kr/server/baremetal" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
350        <div class="flex items-center justify-between">
351        <div class="flex items-center gap-2">
352          <h3 class="text-lg font-semibold text-sm-text-title-medium">베어메탈_v2</h3>
353          </h3>
354                              <span class="rounded-full bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">NEW</span>
355                                                </div>
356        <div class="flex items-end gap-1">
357          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
358        </div>
359      </div>
360      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">하드웨어 자원을 모두 사용하는 <br> 단독 클라우드 서비스</p>
361    </a>
362</div>                      <div class="flex flex-col gap-4 justify-end">
363        <a href="https://halfprice.event.iwinv.kr/" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
364        <div class="flex items-center justify-between">
365        <div class="flex items-center gap-2">
366          <h3 class="text-lg font-semibold text-sm-text-title-medium">3개월 무료 <br> 이용 이벤트</h3>
367          </h3>
368                                        <span class="rounded-full bg-[#f2387b] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">EVENT</span>
369                                      </div>
370        <div class="flex items-end gap-1">
371          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
372        </div>
373      </div>
374      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">신규 고객 대상<br>3개월 무료 이벤트 진행 중</p>
375    </a>
376</div>                      <div class="flex flex-col gap-4 justify-end">
377        <a href="https://www.iwinv.kr/server/private_cloud" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
378        <div class="flex items-center justify-between">
379        <div class="flex items-center gap-2">
380          <h3 class="text-lg font-semibold text-sm-text-title-medium">PRIVATE CLOUD</h3>
381          </h3>
382                              <span class="rounded-full bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">NEW</span>
383                                                </div>
384        <div class="flex items-end gap-1">
385          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
386        </div>
387      </div>
388      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">독립적인 클라우드 환경을 위한<br>PROXMOX 구축서비스</p>
389    </a>
390</div>
391</div>          </div>
392        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
393              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
394  <div class="flex flex-col gap-4 justify-end">
395        <a href="https://www.iwinv.kr/llm-gpu/ollama" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
396        <div class="flex items-center justify-between">
397        <div class="flex items-center gap-2">
398          <h3 class="text-lg font-semibold text-sm-text-title-medium">Ollama</h3>
399          </h3>
400                              <span class="rounded-full bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">NEW</span>
401                                                </div>
402        <div class="flex items-end gap-1">
403          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
404        </div>
405      </div>
406      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">CPU + 1GPU 혼합에 특화된 가성비 서버에서 LLM 실행</p>
407    </a>
408</div>                      <div class="flex flex-col gap-4 justify-end">
409        <a href="https://www.iwinv.kr/llm-gpu/vllm" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
410        <div class="flex items-center justify-between">
411        <div class="flex items-center gap-2">
412          <h3 class="text-lg font-semibold text-sm-text-title-medium">vLLM</h3>
413          </h3>
414                                                          </div>
415        <div class="flex items-end gap-1">
416          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
417        </div>
418      </div>
419      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">Multi-GPU 기반의 고속 LLM 실행</p>
420    </a>
421</div>                      <div class="flex flex-col gap-4 justify-end">
422        <a href="https://www.iwinv.kr/llm-gpu/gpu" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
423        <div class="flex items-center justify-between">
424        <div class="flex items-center gap-2">
425          <h3 class="text-lg font-semibold text-sm-text-title-medium">GPU</h3>
426          </h3>
427                                                          </div>
428        <div class="flex items-end gap-1">
429          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
430        </div>
431      </div>
432      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">AI, 딥러닝, 렌더링 등<br>고속 연산을 위한 서비스</p>
433    </a>
434</div>                      <div class="flex flex-col gap-4 justify-end">
435        <a href="https://www.iwinv.kr/llm-gpu/custom-gpu" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
436        <div class="flex items-center justify-between">
437        <div class="flex items-center gap-2">
438          <h3 class="text-lg font-semibold text-sm-text-title-medium">맞춤형 GPU 서버</h3>
439          </h3>
440                                                          </div>
441        <div class="flex items-end gap-1">
442          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
443        </div>
444      </div>
445      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">원하는 성능, 원하는 사양으로 구축할 수 있는<br> 맞춤형 플랜</p>
446    </a>
447</div>                      <div class="flex flex-col gap-4 justify-end">
448        <a href="https://www.iwinv.kr/AI-gpu/AIAPI" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
449        <div class="flex items-center justify-between">
450        <div class="flex items-center gap-2">
451          <h3 class="text-lg font-semibold text-sm-text-title-medium">AI API</h3>
452          </h3>
453                              <span class="rounded-full bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">NEW</span>
454                                                </div>
455        <div class="flex items-end gap-1">
456          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
457        </div>
458      </div>
459      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">단 하나의 API Key로 모든 LLM을 통합 관리</p>
460    </a>
461</div>                      <div class="flex flex-col gap-4 justify-end">
462        <a href="https://www.iwinv.kr/AI-gpu/openclaw" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
463        <div class="flex items-center justify-between">
464        <div class="flex items-center gap-2">
465          <h3 class="text-lg font-semibold text-sm-text-title-medium">OpenClaw</h3>
466          </h3>
467                              <span class="rounded-full bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">NEW</span>
468                                                </div>
469        <div class="flex items-end gap-1">
470          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
471        </div>
472      </div>
473      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">24시간 실행되는 나만의 AI 에이전트</p>
474    </a>
475</div>                      <div class="flex flex-col gap-4 justify-end">
476        <a href="https://www.iwinv.kr/llm-gpu/web-partner" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
477        <div class="flex items-center justify-between">
478        <div class="flex items-center gap-2">
479          <h3 class="text-lg font-semibold text-sm-text-title-medium">배너 제휴 프로그램</h3>
480          </h3>
481                                                          </div>
482        <div class="flex items-end gap-1">
483          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
484        </div>
485      </div>
486      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">iwinv와 함께 성장할 수 있는 웹 배너 파트너<br> 프로그램</p>
487    </a>
488</div>
489</div>          </div>
490        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
491              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
492  <div class="flex flex-col gap-4 justify-end">
493        <a href="https://www.iwinv.kr/network/load" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
494        <div class="flex items-center justify-between">
495        <div class="flex items-center gap-2">
496          <h3 class="text-lg font-semibold text-sm-text-title-medium">로드밸런서</h3>
497          </h3>
498                                                          </div>
499        <div class="flex items-end gap-1">
500          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
501        </div>
502      </div>
503      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">특정 서버에 집중되는 트래픽을<br> 분산할 수 있는 부하 분산 전문 서비스</p>
504    </a>
505</div>                      <div class="flex flex-col gap-4 justify-end">
506        <a href="https://www.iwinv.kr/network/natgateway" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
507        <div class="flex items-center justify-between">
508        <div class="flex items-center gap-2">
509          <h3 class="text-lg font-semibold text-sm-text-title-medium">NAT Gateway</h3>
510          </h3>
511                                                          </div>
512        <div class="flex items-end gap-1">
513          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
514        </div>
515      </div>
516      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">다수의 IP를 하나의 IP로<br> 변환하는데 필요한 서비스</p>
517    </a>
518</div>                      <div class="flex flex-col gap-4 justify-end">
519        <a href="https://www.iwinv.kr/server/server#ip" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
520        <div class="flex items-center justify-between">
521        <div class="flex items-center gap-2">
522          <h3 class="text-lg font-semibold text-sm-text-title-medium">IP 추가</h3>
523          </h3>
524                                                          </div>
525        <div class="flex items-end gap-1">
526          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
527        </div>
528      </div>
529      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">서버에 공인 IP를 추가할 수 있는 서비스</p>
530    </a>
531</div>
532</div>          </div>
533        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
534              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
535  <div class="flex flex-col gap-4 justify-end">
536        <a href="https://www.iwinv.kr/storage/block" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
537        <div class="flex items-center justify-between">
538        <div class="flex items-center gap-2">
539          <h3 class="text-lg font-semibold text-sm-text-title-medium">블록 스토리지</h3>
540          </h3>
541                                                          </div>
542        <div class="flex items-end gap-1">
543          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
544        </div>
545      </div>
546      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">iwinv 서버에 연결하고 사용 가능한 <br>네트워크 스토리지 서비스</p>
547    </a>
548</div>                      <div class="flex flex-col gap-4 justify-end">
549        <a href="https://www.iwinv.kr/storage/obj" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
550        <div class="flex items-center justify-between">
551        <div class="flex items-center gap-2">
552          <h3 class="text-lg font-semibold text-sm-text-title-medium">오브젝트 스토리지</h3>
553          </h3>
554                                                          </div>
555        <div class="flex items-end gap-1">
556          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
557        </div>
558      </div>
559      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">데이터를 저장하고 그대로<br> 사용 가능한 객체 스토리지 서비스</p>
560    </a>
561</div>                      <div class="flex flex-col gap-4 justify-end">
562        <a href="https://www.iwinv.kr/storage/public" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
563        <div class="flex items-center justify-between">
564        <div class="flex items-center gap-2">
565          <h3 class="text-lg font-semibold text-sm-text-title-medium">공유 스토리지</h3>
566          </h3>
567                                                          </div>
568        <div class="flex items-end gap-1">
569          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
570        </div>
571      </div>
572      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">
572Upload API로 배포와 공유를 빠르게 처리할 수 있는 고가용성 스토리지 서비스</p>
573    </a>
574</div>                      <div class="flex flex-col gap-4 justify-end">
575        <a href="https://www.iwinv.kr/storage/synology" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
576        <div class="flex items-center justify-between">
577        <div class="flex items-center gap-2">
578          <h3 class="text-lg font-semibold text-sm-text-title-medium">Synology NAS</h3>
579          </h3>
580                                                          </div>
581        <div class="flex items-end gap-1">
582          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
583        </div>
584      </div>
585      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">데이터를 안전하고 자유롭게 백업, 공유할 수 있는 단독 장치형 스토리지 서비스</p>
586    </a>
587</div>                      <div class="flex flex-col gap-4 justify-end">
588        <a href="https://www.iwinv.kr/storage/block#snapshot" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
589        <div class="flex items-center justify-between">
590        <div class="flex items-center gap-2">
591          <h3 class="text-lg font-semibold text-sm-text-title-medium">블록 스토리지 스냅샷</h3>
592          </h3>
593                                                  <span class="rounded-full bg-[#FFC540] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">PLUS</span>
594                            </div>
595        <div class="flex items-end gap-1">
596          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
597        </div>
598      </div>
599      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">블록 스토리지의 특정 시점 상태를 제한없이<br>저장하고, 저장한 만큼만 비용을 지불하는<br>스냅샷 서비스</p>
600    </a>
601</div>
602</div>          </div>
603        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
604              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
605  <div class="flex flex-col gap-4 justify-end">
606    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">쿠버네티스</h2>
607        <a href="https://www.iwinv.kr/container/kubernetes" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
608        <div class="flex items-center justify-between">
609        <div class="flex items-center gap-2">
610          <h3 class="text-lg font-semibold text-sm-text-title-medium">SKS</h3>
611          </h3>
612                              <span class="rounded-full bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">NEW</span>
613                                                </div>
614        <div class="flex items-end gap-1">
615          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
616        </div>
617      </div>
618      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">원터치로 생성하는 쿠버네티스 엔진<br> 컨테이너 앱을 즉시 배포하고 확장</p>
619    </a>
620</div>
621</div>              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
622  <div class="flex flex-col gap-4 justify-end">
623    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">웹호스팅</h2>
624        <a href="https://www.iwinv.kr/account/dedicatedwebhosting#container" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
625        <div class="flex items-center justify-between">
626        <div class="flex items-center gap-2">
627          <h3 class="text-lg font-semibold text-sm-text-title-medium">웹호스팅 컨테이너형</h3>
628          </h3>
629                              <span class="rounded-full bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">NEW</span>
630                                                </div>
631        <div class="flex items-end gap-1">
632          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
633        </div>
634      </div>
635      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">고가용성 쿠버네티스 웹호스팅 <br>높은 안정성과 비용 효율성</p>
636    </a>
637</div>
638</div>          </div>
639        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
640              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
641  <div class="flex flex-col gap-4 justify-end">
642        <a href="https://www.iwinv.kr/image/image" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
643        <div class="flex items-center justify-between">
644        <div class="flex items-center gap-2">
645          <h3 class="text-lg font-semibold text-sm-text-title-medium">이미지</h3>
646          </h3>
647                              <span class="rounded-full bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">NEW</span>
648                                                </div>
649        <div class="flex items-end gap-1">
650          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
651        </div>
652      </div>
653      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">클라우드 인프라 안에서 서버를 원하는 때에 필요한 만큼 즉시 생성, 삭제할 수 있는 서비스</p>
654    </a>
655</div>
656</div>          </div>
657        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
658              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
659  <div class="flex flex-col gap-4 justify-end">
660    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">클러스터 DBMS</h2>
661        <a href="https://www.iwinv.kr/database/cld/mysql" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
662        <div class="flex items-center justify-between">
663        <div class="flex items-center gap-2">
664          <h3 class="text-lg font-semibold text-sm-text-title-medium">MySQL 클러스터</h3>
665          </h3>
666                              <span class="rounded-full bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">NEW</span>
667                                                </div>
668        <div class="flex items-end gap-1">
669          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
670        </div>
671      </div>
672      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">멀티마스터 DB 클러스터 고가용성 db 서비스</p>
673    </a>
674</div>
675</div>              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
676  <div class="flex flex-col gap-4 justify-end">
677    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">클라우드 DBMS</h2>
678        <a href="https://www.iwinv.kr/database/dbms/mssql" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
679        <div class="flex items-center justify-between">
680        <div class="flex items-center gap-2">
681          <h3 class="text-lg font-semibold text-sm-text-title-medium">MS-SQL</h3>
682          </h3>
683                                                          </div>
684        <div class="flex items-end gap-1">
685          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
686        </div>
687      </div>
688      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">MS-SQL 데이터베이스를 간편하게 구축, <br>관리하는 클라우드 서비스</p>
689    </a>
690</div>                      <div class="flex flex-col gap-4 justify-end">
691        <a href="https://www.iwinv.kr/database/dbms/mysql" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
692        <div class="flex items-center justify-between">
693        <div class="flex items-center gap-2">
694          <h3 class="text-lg font-semibold text-sm-text-title-medium">MySQL</h3>
695          </h3>
696                                                          </div>
697        <div class="flex items-end gap-1">
698          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
699        </div>
700      </div>
701      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">MySQL 데이터베이스를 간편하게 구축, <br>관리하는 클라우드 서비스</p>
702    </a>
703</div>                      <div class="flex flex-col gap-4 justify-end">
704        <a href="https://www.iwinv.kr/database/dbms/mariadb" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
705        <div class="flex items-center justify-between">
706        <div class="flex items-center gap-2">
707          <h3 class="text-lg font-semibold text-sm-text-title-medium">MariaDB</h3>
708          </h3>
709                                                          </div>
710        <div class="flex items-end gap-1">
711          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
712        </div>
713      </div>
714      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">MariaDB를 간편하게 구축, 관리하는 클라우드<br> 서비스</p>
715    </a>
716</div>                      <div class="flex flex-col gap-4 justify-end">
717        <a href="https://www.iwinv.kr/database/dbms/postgresql" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
718        <div class="flex items-center justify-between">
719        <div class="flex items-center gap-2">
720          <h3 class="text-lg font-semibold text-sm-text-title-medium">PostgreSQL</h3>
721          </h3>
722                                                          </div>
723        <div class="flex items-end gap-1">
724          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
725        </div>
726      </div>
727      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">PostgreSQL 데이터베이스를 간편하게 구축, <br>관리하는 클라우드 서비스</p>
728    </a>
729</div>                      <div class="flex flex-col gap-4 justify-end">
730        <a href="https://www.iwinv.kr/database/dbms/redis" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
731        <div class="flex items-center justify-between">
732        <div class="flex items-center gap-2">
733          <h3 class="text-lg font-semibold text-sm-text-title-medium">Redis</h3>
734          </h3>
735                                                          </div>
736        <div class="flex items-end gap-1">
737          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
738        </div>
739      </div>
740      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">Redis 캐시를 간편하게 구축, 관리하는 <br>클라우드 서비스</p>
741    </a>
742</div>                      <div class="flex flex-col gap-4 justify-end">
743        <a href="https://www.iwinv.kr/database/dbms/memcached" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
744        <div class="flex items-center justify-between">
745        <div class="flex items-center gap-2">
746          <h3 class="text-lg font-semibold text-sm-text-title-medium">Memcached</h3>
747          </h3>
748                                                          </div>
749        <div class="flex items-end gap-1">
750          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
751        </div>
752      </div>
753      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">Memcached 캐시를 간편하게 구축, 관리하는 <br>클라우드 서비스</p>
754    </a>
755</div>                      <div class="flex flex-col gap-4 justify-end">
756        <a href="https://www.iwinv.kr/database/dbms/mongodb" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
757        <div class="flex items-center justify-between">
758        <div class="flex items-center gap-2">
759          <h3 class="text-lg font-semibold text-sm-text-title-medium">MongoDB</h3>
760          </h3>
761                                                          </div>
762        <div class="flex items-end gap-1">
763          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
764        </div>
765      </div>
766      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">MongoDB를 간편하게 구축, 관리하는 클라우드 서비스</p>
767    </a>
768</div>
769</div>              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
770  <div class="flex flex-col gap-4 justify-end">
771    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">SQL 호스팅</h2>
772        <a href="https://www.iwinv.kr/database/sql/host" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
773        <div class="flex items-center justify-between">
774        <div class="flex items-center gap-2">
775          <h3 class="text-lg font-semibold text-sm-text-title-medium">SQL 호스팅</h3>
776          </h3>
777                                                          </div>
778        <div class="flex items-end gap-1">
779          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
780        </div>
781      </div>
782      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">DB 운영, 비용 부담을 없앤 공유형 DB서비스</p>
783    </a>
784</div>
785</div>          </div>
786        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
787              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
788  <div class="flex flex-col gap-4 justify-end">
789        <a href="https://www.iwinv.kr/backup/cdp" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
790        <div class="flex items-center justify-between">
791        <div class="flex items-center gap-2">
792          <h3 class="text-lg font-semibold text-sm-text-title-medium">CDP 백업</h3>
793          </h3>
794                                                          </div>
795        <div class="flex items-end gap-1">
796          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
797        </div>
798      </div>
799      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">데이터를 분리된 저장소에<br> 지속적으로 보호할 수 있는 백업 서비스</p>
800    </a>
801</div>                      <div class="flex flex-col gap-4 justify-end">
802        <a href="https://www.iwinv.kr/backup/dr" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
803        <div class="flex items-center justify-between">
804        <div class="flex items-center gap-2">
805          <h3 class="text-lg font-semibold text-sm-text-title-medium">DR 백업</h3>
806          </h3>
807                                                          </div>
808        <div class="flex items-end gap-1">
809          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
810        </div>
811      </div>
812      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">지리적으로 분리된 저장소를 <br>이용할 수 있는 백업 서비스</p>
813    </a>
814</div>
815</div>          </div>
816        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
817              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
818  <div class="flex flex-col gap-4 justify-end">
819    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">웹 애플리케이션 방화벽 (WAF)</h2>
820        <a href="https://www.iwinv.kr/security/deepfinder" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
821        <div class="flex items-center justify-between">
822        <div class="flex items-center gap-2">
823          <h3 class="text-lg font-semibold text-sm-text-title-medium">DeepFinder</h3>
824          </h3>
825                                                          </div>
826        <div class="flex items-end gap-1">
827          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
828        </div>
829      </div>
830      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">어플리케이션 방식으로 웹 서버 속도 및<br> 성능 저하 없이 보안을 유지하는 웹 방화벽 서비스</p>
831    </a>
832</div>                      <div class="flex flex-col gap-4 justify-end">
833        <a href="https://www.iwinv.kr/security/wapples" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
834        <div class="flex items-center justify-between">
835        <div class="flex items-center gap-2">
836          <h3 class="text-lg font-semibold text-sm-text-title-medium">WAPPLES</h3>
837          </h3>
838                                                          </div>
839        <div class="flex items-end gap-1">
840          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
841        </div>
842      </div>
843      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">유형별 웹공격을 분석하여 탐지하는 로직 분석 <br> 기반 지능형 웹 방화벽 서비스</p>
844    </a>
845</div>                      <div class="flex flex-col gap-4 justify-end">
846    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">네트워크 방화벽</h2>
847        <a href="https://docs.iwinv.kr/service/security/firewalld/elcap/elcap-overview" target="_blank" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
848        <div class="flex items-center justify-between">
849        <div class="flex items-center gap-2">
850          <h3 class="text-lg font-semibold text-sm-text-title-medium">ELCAP</h3>
851          </h3>
852                      <span class="rounded-full bg-[#5D90DC] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">FREE</span>
853                                                          </div>
854        <div class="flex items-end gap-1">
855          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
856        </div>
857      </div>
858      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">클라우드 및 베어메탈 서비스에 적용할 수 있는 <br> 스마일서브 자체 개발 방화벽 서비스.</p>
859    </a>
860</div>                      <div class="flex flex-col gap-4 justify-end">
861    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">랜섬웨어 방지</h2>
862        <a href="https://www.iwinv.kr/security/whitedefender" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
863        <div class="flex items-center justify-between">
864        <div class="flex items-center gap-2">
865          <h3 class="text-lg font-semibold text-sm-text-title-medium">WhiteDefender</h3>
866          </h3>
867                                                          </div>
868        <div class="flex items-end gap-1">
869          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
870        </div>
871      </div>
872      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">서버에 최적화된 랜섬웨어 방어 전용 보안 서비스</p>
873    </a>
874</div>                      <div class="flex flex-col gap-4 justify-end">
875    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">통합 보안</h2>
876        <a href="https://www.iwinv.kr/security/ahnlab_cpp" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
877        <div class="flex items-center justify-between">
878        <div class="flex items-center gap-2">
879          <h3 class="text-lg font-semibold text-sm-text-title-medium">AhnLab CPP</h3>
880          </h3>
881                                                          </div>
882        <div class="flex items-end gap-1">
883          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
884        </div>
885      </div>
886      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">유형별 웹공격을 분석하여 탐지하는 로직 분석 <br>기반 지능형 웹 방화벽 서비스</p>
887    </a>
888</div>                      <div class="flex flex-col gap-4 justify-end">
889    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">바이러스 백신</h2>
890        <a href="https://www.iwinv.kr/security/vaccine" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
891        <div class="flex items-center justify-between">
892        <div class="flex items-center gap-2">
893          <h3 class="text-lg font-semibold text-sm-text-title-medium">Turbovaccine</h3>
894          </h3>
895                                                          </div>
896        <div class="flex items-end gap-1">
897          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
898        </div>
899      </div>
900      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">유형별 웹공격을 분석하여 탐지하는 로직 분석<br> 기반 지능형 웹 방화벽 서비스</p>
901    </a>
902</div>                      <div class="flex flex-col gap-4 justify-end">
903    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">SSL</h2>
904        <a href="https://www.iwinv.kr/ssl/ssl" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
905        <div class="flex items-center justify-between">
906        <div class="flex items-center gap-2">
907          <h3 class="text-lg font-semibold text-sm-text-title-medium">Setigo SSL</h3>
908          </h3>
909                                                          </div>
910        <div class="flex items-end gap-1">
911          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
912        </div>
913      </div>
914      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">브라우저와 웹사이트 간의 암호화 통신으로 <br>
915        개인정보를 안전하게 보호하는 서비스</p>
916    </a>
917</div>                      <div class="flex flex-col gap-4 justify-end">
918    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">VPN</h2>
919        <a href="https://www.iwinv.kr/security/vpn" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
920        <div class="flex items-center justify-between">
921        <div class="flex items-center gap-2">
922          <h3 class="text-lg font-semibold text-sm-text-title-medium">클라우드 VPN</h3>
923          </h3>
924                      <span class="rounded-full bg-[#5D90DC] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">FREE</span>
925                                                          </div>
926        <div class="flex items-end gap-1">
927          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
928        </div>
929      </div>
930      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">통신을 암호화하여 정보를 더욱 안전하게 보호할 <br> 수 있는 네트워크 보안 서비스 <br> (가상서버 솔루션 제공)</p>
931    </a>
932</div>                      <div class="flex flex-col gap-4 justify-end">
933    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">보안 점검</h2>
934        <a href="https://docs.iwinv.kr/service/compute/common-console-feature-guide/check-for-vulnerabilities" target="_blank" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
935        <div class="flex items-center justify-between">
936        <div class="flex items-center gap-2">
937          <h3 class="text-lg font-semibold text-sm-text-title-medium">취약점 점검</h3>
938          </h3>
939                      <span class="rounded-full bg-[#5D90DC] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">FREE</span>
940                                                          </div>
941        <div class="flex items-end gap-1">
942          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
943        </div>
944      </div>
945      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">서버, 웹을 스캐닝하여 침입과 악용을 사전에<br> 방지할 수 있도록 취약 정보를 제공하는 서비스</p>
946    </a>
947</div>
948</div>          </div>
949        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
950              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
951  <div class="flex flex-col gap-4 justify-end">
952    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">캐싱 서비스</h2>
953        <a href="https://www.iwinv.kr/contents/cache" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
954        <div class="flex items-center justify-between">
955        <div class="flex items-center gap-2">
956          <h3 class="text-lg font-semibold text-sm-text-title-medium">컨텐츠 캐시</h3>
957          </h3>
958                                                          </div>
959        <div class="flex items-end gap-1">
960          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
961        </div>
962      </div>
963      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">MS-SQL 메모리에 이미지 저장 기술을 이용하여 빠르게 캐싱할 수 있는 컨텐츠 전송 서비스</p>
964    </a>
965</div>                      <div class="flex flex-col gap-4 justify-end">
966        <a href="https://www.iwinv.kr/contents/cachefront" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
967        <div class="flex items-center justify-between">
968        <div class="flex items-center gap-2">
969          <h3 class="text-lg font-semibold text-sm-text-title-medium">캐시 프론트</h3>
970          </h3>
971                                                          </div>
972        <div class="flex items-end gap-1">
973          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
974        </div>
975      </div>
976      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">사이트 내 이미지를 자동 맵핑하고 <br>캐시프론트로 트래픽을 우회할 수 있는 컨텐츠 <br>전송 서비스</p>
977    </a>
978</div>
979</div>              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
980  <div class="flex flex-col gap-4 justify-end">
981    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">Media</h2>
982        <a href="https://www.iwinv.kr/contents/livestreaming" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
983        <div class="flex items-center justify-between">
984        <div class="flex items-center gap-2">
985          <h3 class="text-lg font-semibold text-sm-text-title-medium">라이브스트림</h3>
986          </h3>
987                                                          </div>
988        <div class="flex items-end gap-1">
989          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
990        </div>
991      </div>
992      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">클라우드 기반의 다용도 실시간 스트리밍 솔루션</p>
993    </a>
994</div>
995</div>          </div>
996        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
997              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
998  <div class="flex flex-col gap-4 justify-end">
999        <a href="https://www.iwinv.kr/account/sharedwebhosting" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1000        <div class="flex items-center justify-between">
1001        <div class="flex items-center gap-2">
1002          <h3 class="text-lg font-semibold text-sm-text-title-medium">
1002웹호스팅_공유형</h3>
1003          </h3>
1004                                                          </div>
1005        <div class="flex items-end gap-1">
1006          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1007        </div>
1008      </div>
1009      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">홈페이지 운영에 필요한 자원과 기술을 <br> 제공하는 공유형 호스팅 서비스</p>
1010    </a>
1011</div>                      <div class="flex flex-col gap-4 justify-end">
1012        <a href="https://www.iwinv.kr/account/dedicatedwebhosting" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1013        <div class="flex items-center justify-between">
1014        <div class="flex items-center gap-2">
1015          <h3 class="text-lg font-semibold text-sm-text-title-medium">웹호스팅_단독형</h3>
1016          </h3>
1017                                                          </div>
1018        <div class="flex items-end gap-1">
1019          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1020        </div>
1021      </div>
1022      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">독립 서버로 자원 간섭을 받지 않는 <br>단독형 웹호스팅 서비스</p>
1023    </a>
1024</div>                      <div class="flex flex-col gap-4 justify-end">
1025        <a href="https://www.iwinv.kr/account/dedicatedwebhosting#container" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1026        <div class="flex items-center justify-between">
1027        <div class="flex items-center gap-2">
1028          <h3 class="text-lg font-semibold text-sm-text-title-medium">웹호스팅_컨테이너형</h3>
1029          </h3>
1030                              <span class="rounded-full bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">NEW</span>
1031                                                </div>
1032        <div class="flex items-end gap-1">
1033          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1034        </div>
1035      </div>
1036      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">고가용성 쿠버네티스 웹호스팅 <br>높은 안정성과 비용 효율성</p>
1037    </a>
1038</div>
1039</div>          </div>
1040        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
1041              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
1042  <div class="flex flex-col gap-4 justify-end">
1043        <a href="https://www.iwinv.kr/management/monitoring/zabbix" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1044        <div class="flex items-center justify-between">
1045        <div class="flex items-center gap-2">
1046          <h3 class="text-lg font-semibold text-sm-text-title-medium">Zabbix 모니터링</h3>
1047          </h3>
1048                                                          </div>
1049        <div class="flex items-end gap-1">
1050          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1051        </div>
1052      </div>
1053      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">모든 소스에서 서버 상태를 수집하고 <br> 알림 받을 수 있는 모니터링 서비스</p>
1054    </a>
1055</div>                      <div class="flex flex-col gap-4 justify-end">
1056        <a href="https://docs.iwinv.kr/service/monitoring/resource-port-monitoring/info-resource-port-monitoring" target="_blank" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1057        <div class="flex items-center justify-between">
1058        <div class="flex items-center gap-2">
1059          <h3 class="text-lg font-semibold text-sm-text-title-medium">포트/리소스 모니터링</h3>
1060          </h3>
1061                      <span class="rounded-full bg-[#5D90DC] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">FREE</span>
1062                                                          </div>
1063        <div class="flex items-end gap-1">
1064          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1065        </div>
1066      </div>
1067      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">서버 포트, 리소스 HealthCheck하여 장애 발생 시 알람 발송하는 iwinv 기본 제공 서비스</p>
1068    </a>
1069</div>
1070</div>          </div>
1071        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
1072              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
1073  <div class="flex flex-col gap-4 justify-end">
1074        <a href="https://www.iwinv.kr/management/fullcare" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1075        <div class="flex items-center justify-between">
1076        <div class="flex items-center gap-2">
1077          <h3 class="text-lg font-semibold text-sm-text-title-medium">클라우드 풀케어</h3>
1078          </h3>
1079                                                          </div>
1080        <div class="flex items-end gap-1">
1081          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1082        </div>
1083      </div>
1084      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">클라우드 서버 전문가가 1:1로 <br>관리를 대행하는 매니지먼트 서비스</p>
1085    </a>
1086</div>                      <div class="flex flex-col gap-4 justify-end">
1087        <a href="https://www.iwinv.kr/management/nonstop" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1088        <div class="flex items-center justify-between">
1089        <div class="flex items-center gap-2">
1090          <h3 class="text-lg font-semibold text-sm-text-title-medium">무중단 안심 이사</h3>
1091          </h3>
1092                                                          </div>
1093        <div class="flex items-end gap-1">
1094          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1095        </div>
1096      </div>
1097      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">iwinv 클라우드로 이전을 도와드리는 <br>맞춤 컨설팅 & 기술적 지원 서비스</p>
1098    </a>
1099</div>
1100</div>          </div>
1101        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
1102              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
1103  <div class="flex flex-col gap-4 justify-end">
1104        <a href="https://www.iwinv.kr/account/message" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1105        <div class="flex items-center justify-between">
1106        <div class="flex items-center gap-2">
1107          <h3 class="text-lg font-semibold text-sm-text-title-medium">메시지</h3>
1108          </h3>
1109                                                            <span class="rounded-full bg-[#22C55E] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">UPDATE</span>
1110                  </div>
1111        <div class="flex items-end gap-1">
1112          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1113        </div>
1114      </div>
1115      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">카카오 알림톡, 문자메시지를 카드 자동 충전으로 간편하게 이용할 수 있는 서비스</p>
1116    </a>
1117</div>
1118</div>          </div>
1119        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
1120              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
1121  <div class="flex flex-col gap-4 justify-end">
1122    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">메일</h2>
1123        <a href="https://www.iwinv.kr/account/mail" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1124        <div class="flex items-center justify-between">
1125        <div class="flex items-center gap-2">
1126          <h3 class="text-lg font-semibold text-sm-text-title-medium">테라 웹 메일</h3>
1127          </h3>
1128                                                          </div>
1129        <div class="flex items-end gap-1">
1130          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1131        </div>
1132      </div>
1133      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">모바일 웹 앱과 아웃룩 연결로 손쉬운 이용,<br>
1134                      스팸 필터 솔루션을 탑재한 웹메일 서비스</p>
1135    </a>
1136</div>
1137</div>              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
1138  <div class="flex flex-col gap-4 justify-end">
1139    <h2 class="text-2xl font-semibold text-sm-text-title-medium whitespace-nowrap">HR</h2>
1140        <a href="https://www.iwinv.kr/account/hanbiro" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1141        <div class="flex items-center justify-between">
1142        <div class="flex items-center gap-2">
1143          <h3 class="text-lg font-semibold text-sm-text-title-medium">그룹웨어</h3>
1144          </h3>
1145                                                          </div>
1146        <div class="flex items-end gap-1">
1147          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1148        </div>
1149      </div>
1150      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">업무 통합 관리 및 협업에 특화된<br>
1151                      그룹웨어 서비스</p>
1152    </a>
1153</div>
1154</div>          </div>
1155        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
1156              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
1157  <div class="flex flex-col gap-4 justify-end">
1158        <a href="https://www.iwinv.kr/account/domain" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1159        <div class="flex items-center justify-between">
1160        <div class="flex items-center gap-2">
1161          <h3 class="text-lg font-semibold text-sm-text-title-medium">도메인</h3>
1162          </h3>
1163                                                          </div>
1164        <div class="flex items-end gap-1">
1165          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1166        </div>
1167      </div>
1168      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">간편하게 구입, 관리 가능한 도메인 서비스</p>
1169    </a>
1170</div>                      <div class="flex flex-col gap-4 justify-end">
1171        <a href="https://docs.iwinv.kr/service/domain/dns/dns_overview" target="_blank" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1172        <div class="flex items-center justify-between">
1173        <div class="flex items-center gap-2">
1174          <h3 class="text-lg font-semibold text-sm-text-title-medium">DNS</h3>
1175          </h3>
1176                      <span class="rounded-full bg-[#5D90DC] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">FREE</span>
1177                                                          </div>
1178        <div class="flex items-end gap-1">
1179          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1180        </div>
1181      </div>
1182      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">관리 콘솔로 손쉽게 관리할 수 있는 DNS<br>
1183        (도메인 네임서버 서비스)</p>
1184    </a>
1185</div>
1186</div>          </div>
1187        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
1188              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
1189  <div class="flex flex-col gap-4 justify-end">
1190        <a href="https://gov.iwinv.kr/gov-cloud" target="_blank" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1191        <div class="flex items-center justify-between">
1192        <div class="flex items-center gap-2">
1193          <h3 class="text-lg font-semibold text-sm-text-title-medium">공공 전용 클라우드 서비스</h3>
1194          </h3>
1195                                                          </div>
1196        <div class="flex items-end gap-1">
1197          <i class="iconfont icon-share2 text-xs text-sm-text-secondary"></i>
1198        </div>
1199      </div>
1200      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">CSAP 인증을 보유한 공공전용 클라우드 서비스<br> - NHN Cloud(공공기관용)</p>
1201    </a>
1202</div>                      <div class="flex flex-col gap-4 justify-end">
1203        <a href="https://gov.iwinv.kr/x86-servers" target="_blank" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1204        <div class="flex items-center justify-between">
1205        <div class="flex items-center gap-2">
1206          <h3 class="text-lg font-semibold text-sm-text-title-medium">국산 x86 서버</h3>
1207          </h3>
1208                                                          </div>
1209        <div class="flex items-end gap-1">
1210          <i class="iconfont icon-share2 text-xs text-sm-text-secondary"></i>
1211        </div>
1212      </div>
1213      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">조달청 나라장터 종합 쇼핑몰 등록 제품 <br>스마일서브 직접 생산 서버</p>
1214    </a>
1215</div>
1216</div>          </div>
1217        <div class="server-content-item transition-[margin-left,opacity] duration-300 ease-in-out max-h-[calc(100vh-170px)] overflow-y-auto space-y-9 pr-6 hidden">
1218              <div class="grid grid-cols-1 gap-9 lg:grid-cols-2 xl-2:grid-cols-3 p-1">
1219  <div class="flex flex-col gap-4 justify-end">
1220        <a href="https://www.iwinv.kr/business/pg" target="" class="group block rounded-20 bg-sm-bg dark:border-sm-border dark:border p-4.5 h-fit min-h-[148px] transition-shadow duration-300 ease-in-out hover:shadow-[0px_0px_5px_rgba(59,130,246,0.2)]">
1221        <div class="flex items-center justify-between">
1222        <div class="flex items-center gap-2">
1223          <h3 class="text-lg font-semibold text-sm-text-title-medium">전자결제(PG)</h3>
1224          </h3>
1225                              <span class="rounded-full bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.8]">NEW</span>
1226                                                </div>
1227        <div class="flex items-end gap-1">
1228          <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-secondary"></i>
1229        </div>
1230      </div>
1231      <p class="mt-3 text-xs leading-6 text-sm-text-secondary">API를 제공하여 자유롭게 연동 가능한 전자결제 서비스</p>
1232    </a>
1233</div>
1234</div>          </div>
1235    
1236  </div>
1237</div>                        </div>
1238                      </div>
1239                    </div>
1240                </li>
1241              <li class="h-full group">
1242                  <div class="relative h-full flex items-center menu-btn xl-2:px-8 px-4 font-bold group-[.active]:text-sm-primary ">
1243                      <a href="https://docs.iwinv.kr" target="_blank">
1244                        <span>Docs</span>
1245                    </a>
1246                  </div>
1247                  <div class="absolute top-[var(--menu-bar-height)] left-0 w-full  menu-detail bg-sm-bg h-0 overflow-hidden transition-all duration-300 z-12">
1248                    <div class="menu-child-container border-sm-border-light dark:border-sm-border border-b-[1px] border-t-[1px] box-border">
1249                      <section class="w-full relative overflow-hidden nav-support px-10 xl-2:px-0 box-border">
1250  <div class="max-w-desktop mx-auto relative z-1 box-border">
1251    <div class="flex">
1252      <!-- Left feature card -->
1253      <div class="relative w-65">
1254        <div class="absolute top-0 w-[50vw] h-full bg-sm-fill-blank z-0 right-0" >
1255        <img src="https://www.iwinv.kr/images/www/v2_menu_mask.jpg" alt="고객 지원" class="w-full h-full object-cover dark:filter dark:invert-100 dark:saturate-200 dark:hue-rotate-[180deg]">
1256        </div>
1257        <div class="relative overflow-hidden rounded-xl bg-gradient-to-r ">
1258          <div class="pr-8 text-right py-10">
1259            <h3 class="text-2xl font-semibold text-[#181A45] dark:text-white mb-3">Docs</h3>
1260            <p class="text-[#595a83]/80 leading-relaxed mb-6 dark:text-sm-text-regular text-sm! whitespace-nowrap">서비스를 편리하게 이용할 수 있는 <br> 각 솔루션에 맞는 기술문서 제공합니다.</p>
1261           <div class="flex justify-end">
1262            <a aria-label="a" href="https://docs.iwinv.kr"    type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-primary sm-btn-mini rounded-full border-none ml-0 font-normal mt-6 w-fit text-sm"     >
1263  사이트 바로가기
1264</a>
1265           </div>
1266          </div>
1267        </div>
1268      </div>
1269      <div class="flex-1 grid grid-cols-12 gap-6 items-start z-1 h-full ml-28">
1270        <!-- Column: iwinv 시작하기 -->
1271  <div class="col-span-12 md:col-span-3 md:pl-3 custom-border py-10 relative h-full" >
1272  <h4 class="text-sm-text-title-medium font-semibold mb-4">iwinv 시작하기</h4>
1273  <ul class="space-y-3 text-sm-text-secondary">
1274   <li>
1275    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://docs.iwinv.kr/docs/iwinv-cloud/" target="_blank">
1276  iwinv 클라우드
1277    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1278    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1279  </svg>
1280    </a>
1281  </li>        <li>
1282    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://docs.iwinv.kr/docs/quick-start/" target="_blank">
1283  빠른 시작 가이드
1284    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1285    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1286  </svg>
1287    </a>
1288  </li>        <li>
1289    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://docs.iwinv.kr/docs/console-user-guide/" target="_blank">
1290  콘솔 사용 가이드
1291    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1292    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1293  </svg>
1294    </a>
1295  </li>
1296  </ul>
1297</div>  <div class="col-span-12 md:col-span-3 md:pl-3 custom-border py-10 relative h-full" >
1298  <h4 class="text-sm-text-title-medium font-semibold mb-4">이용 가이드</h4>
1299  <ul class="space-y-3 text-sm-text-secondary">
1300   <li>
1301    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://docs.iwinv.kr/service/" target="_blank">
1302  Service
1303    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1304    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1305  </svg>
1306    </a>
1307  </li>        <li>
1308    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://docs.iwinv.kr/reference/" target="_blank">
1309  Reference
1310    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1311    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1312  </svg>
1313    </a>
1314  </li>
1315  </ul>
1316</div>  <div class="col-span-12 md:col-span-3 md:pl-3 custom-border py-10 relative h-full" >
1317  <h4 class="text-sm-text-title-medium font-semibold mb-4">iwinv API</h4>
1318  <ul class="space-y-3 text-sm-text-secondary">
1319   <li>
1320    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://docs.iwinv.kr/api/" target="_blank">
1321  API
1322    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1323    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1324  </svg>
1325    </a>
1326  </li>        <li>
1327    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://docs.iwinv.kr/cli/" target="_blank">
1328  CLI
1329    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1330    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1331  </svg>
1332    </a>
1333  </li>
1334  </ul>
1335</div>   <!-- Column: 이용 가이드 -->
1336   
1337
1338
1339   <!-- Column: iwinv API -->
1340    </div>
1341  </div>
1342  </div>
1343</section>
1344
1345
1346                    </div>
1347                  </div>
1348              </li>
1349              <li class="h-full group">
1350                  <div class="relative h-full flex items-center menu-btn xl:px-8 px-4 font-bold group-[.active]:text-sm-primary">
1351                      <a href="https://www.iwinv.kr/board">
1352                        <span>고객지원</span>
1353                    </a>
1354                  </div>
1355                  <div class="absolute top-[var(--menu-bar-height)] left-0 w-full menu-detail bg-sm-bg h-0 overflow-hidden transition-all duration-300 z-10">
1356                    <div class="menu-child-container border-sm-border-light dark:border-sm-border border-b-[1px] border-t-[1px] box-border">
1357                      <section class="w-full relative overflow-hidden nav-support px-10 xl-2:px-0 box-border">
1358  <div class="max-w-desktop mx-auto relative z-1 box-border">
1359    <div class="flex">
1360      <!-- Left feature card -->
1361      <div class="relative w-65">
1362        <div class="absolute top-0 w-[50vw] h-full bg-sm-fill-blank z-0 right-0" >
1363        <img src="https://www.iwinv.kr/images/www/v2_menu_mask.jpg" alt="고객 지원" class="w-full h-full object-cover dark:filter dark:invert-100 dark:saturate-200 dark:hue-rotate-[180deg]">
1364        </div>
1365        <div class="relative overflow-hidden rounded-xl bg-gradient-to-r ">
1366          <div class="pr-8 text-right py-10">
1367            <h3 class="text-2xl font-semibold text-[#181A45] dark:text-white mb-3">고객 지원</h3>
1368            <p class="text-[#595a83]/80 leading-relaxed mb-6 dark:text-sm-text-regular text-sm! whitespace-nowrap">다양한 컨텐츠를 통한 <br> 고품질 고객 지원 서비스</p>
1369           <div class="flex justify-end">
1370            <a aria-label="a" href="https://www.iwinv.kr/board"    type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-primary sm-btn-mini rounded-full border-none ml-0 font-normal mt-6 w-fit text-sm"     >
1371  서비스 바로가기
1372</a>
1373           </div>
1374          </div>
1375        </div>
1376      </div>
1377      <div class="flex-1 grid grid-cols-12 gap-6 items-start z-1 h-full ml-28">
1378        <!-- Column: 소식 안내 -->
1379  <div class="col-span-12 md:col-span-3 md:pl-3 custom-border py-10 relative h-full" >
1380  <h4 class="text-sm-text-title-medium font-semibold mb-4">소식 안내</h4>
1381  <ul class="space-y-3 text-sm-text-secondary">
1382   <li>
1383    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://www.iwinv.kr/board/notice?branch=NOTICE" target="">
1384  공지사항
1385    </a>
1386  </li>    <li>
1387    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://www.iwinv.kr/board/notice?branch=SECURITY" target="">
1388  보안센터
1389    </a>
1390  </li>    <li>
1391    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://www.iwinv.kr/event" target="">
1392  이벤트
1393    </a>
1394  </li>    <li>
1395    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://www.iwinv.kr/board/notice?branch=NEWS" target="">
1396  보도자료
1397    </a>
1398  </li>
1399  </ul>
1400</div>
1401
1402   <!-- Column: 문의 창구 -->
1403   <div class="col-span-12 md:col-span-3 md:pl-3 custom-border py-10 relative h-full" >
1404  <h4 class="text-sm-text-title-medium font-semibold mb-4">문의창구</h4>
1405  <ul class="space-y-3 text-sm-text-secondary">
1406   <li>
1407    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://console.iwinv.kr/support" target="">
1408  기술지원
1409    </a>
1410  </li>    <li>
1411    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://www.iwinv.kr/board/qna" target="">
1412  1:1 문의
1413    </a>
1414  </li>
1415  </ul>
1416</div>
1417
1418   <!-- Column: 간편 서비스 -->
1419   <div class="col-span-12 md:col-span-3 md:pl-3 custom-border py-10 relative h-full" >
1420  <h4 class="text-sm-text-title-medium font-semibold mb-4">간편 서비스</h4>
1421  <ul class="space-y-3 text-sm-text-secondary">
1422   <li>
1423    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://www.iwinv.kr/calculator" target="">
1424  클라우드 요금계산기
1425    </a>
1426  </li>
1427  </ul>
1428</div>
1429
1430   <!-- Column: iwinv Story -->
1431   <div class="col-span-12 md:col-span-3 md:pl-3 custom-border py-10 relative h-full" >
1432  <h4 class="text-sm-text-title-medium font-semibold mb-4">iwinv Story</h4>
1433  <ul class="space-y-3 text-sm-text-secondary">
1434   <li>
1435    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://docs.iwinv.kr/blog" target="_blank">
1436  Blog
1437    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1438    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1439  </svg>
1440    </a>
1441  </li>    <li>
1442    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://www.iwinv.kr/story?branch=CUSTOMER" target="">
1443  고객 사례
1444    </a>
1445  </li>
1446  </ul>
1447</div>
1448    </div>
1449  </div>
1450  </div>
1451</section>
1452
1453
1454                    </div>
1455                  </div>
1456              </li>
1457              <li class="h-full group">
1458                    <div class="relative h-full flex items-center menu-btn xl-2:px-8 px-4 font-bold group-[.active]:text-sm-primary">
1459                        <a href="#">
1460                          <span>회사소개</span>
1461                      </a>
1462                    </div>
1463                    <div class="absolute top-[var(--menu-bar-height)] left-0 w-full menu-detail bg-sm-bg h-0 overflow-hidden transition-all duration-300 z-10">
1464                      <div class="menu-child-container border-sm-border-light dark:border-sm-border border-b-[1px] border-t-[1px] box-border">
1465                        <section class="w-full relative overflow-hidden nav-support px-10 xl-2:px-0 box-border">
1466  <div class="max-w-desktop mx-auto relative z-1 box-border">
1467    <div class="flex">
1468      <!-- Left feature card -->
1469      <div class="relative w-65">
1470        <div class="absolute top-0 w-[50vw] h-full bg-sm-fill-blank z-0 right-0" >
1471        <img src="https://www.iwinv.kr/images/www/v2_menu_mask.jpg" alt="고객 지원" class="w-full h-full object-cover dark:filter dark:invert-100 dark:saturate-200 dark:hue-rotate-[180deg]">
1472        </div>
1473        <div class="relative overflow-hidden rounded-xl bg-gradient-to-r ">
1474          <div class="pr-8 text-right py-10">
1475            <h3 class="text-2xl font-semibold text-[#181A45] dark:text-white mb-3">회사소개</h3>
1476            <p class="text-[#595a83]/80 leading-relaxed mb-6 dark:text-sm-text-regular text-sm! whitespace-nowrap">서버 직접 생산 및 공급, <br> 자체 IDC를 운영하며 20년간 한국 IT 시장 <br> 발전에 함께한 기업입니다.</p>
1477           <div class="flex justify-end">
1478            <a aria-label="a" href="https://www.iwinv.kr/iwinv/company/info01"    type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-primary sm-btn-mini rounded-full border-none ml-0 font-normal mt-6 w-fit text-sm"     >
1479  사이트 바로가기
1480</a>
1481           </div>
1482          </div>
1483        </div>
1484      </div>
1485      <div class="flex-1 grid grid-cols-12 gap-6 items-start z-1 h-full ml-28">
1486        <!-- Column: iwinv 시작하기 -->
1487  <div class="col-span-12 md:col-span-3 md:pl-3 custom-border py-10 relative h-full" >
1488  <h4 class="text-sm-text-title-medium font-semibold mb-4">회사 소개</h4>
1489  <ul class="space-y-3 text-sm-text-secondary">
1490   <li>
1491    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="//smileserv.com" target="_blank">
1492  smileserv
1493    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1494    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1495  </svg>
1496    </a>
1497  </li>
1498  </ul>
1499</div>  <div class="col-span-12 md:col-span-3 md:pl-3 custom-border py-10 relative h-full" >
1500  <h4 class="text-sm-text-title-medium font-semibold mb-4">패밀리 사이트</h4>
1501  <ul class="space-y-3 text-sm-text-secondary">
1502   <li>
1503    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://cloudv.kr/" target="_blank">
1504  cloudv.kr
1505    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1506    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1507  </svg>
1508    </a>
1509  </li>        <li>
1510    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://www.ivyro.net/" target="_blank">
1511  ivryo.net
1512    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1513    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1514  </svg>
1515    </a>
1516  </li>        <li>
1517    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://gov.iwinv.kr/gov-cloud" target="_blank">
1518  공공전용 클라우드
1519    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1520    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1521  </svg>
1522    </a>
1523  </li>
1524  </ul>
1525</div>  <div class="col-span-12 md:col-span-3 md:pl-3 custom-border py-10 relative h-full" >
1526  <h4 class="text-sm-text-title-medium font-semibold mb-4">기술 블로그</h4>
1527  <ul class="space-y-3 text-sm-text-secondary">
1528   <li>
1529    <a class="hover:text-sm-primary inline-flex items-center gap-2 whitespace-nowrap" href="https://idchowto.com/" target="_blank">
1530  idchowto
1531    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 text-gray-500">
1532    <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd" />
1533  </svg>
1534    </a>
1535  </li>
1536  </ul>
1537</div>   <!-- Column: 이용 가이드 -->
1538   
1539
1540
1541   <!-- Column: iwinv API -->
1542    </div>
1543  </div>
1544  </div>
1545</section>
1546
1547
1548                      </div>
1549                    </div>
1550                </li>
1551                            </ul>
1552            <div class="text-title-color-3 text-sm flex justify-end items-center text-sm-text-secondary leading-none min-w-[200px]">
1553<div class="divide-sm-border divide-x leading-none mr-2 lg:flex hidden">
1554  <a href="https://www.iwinv.kr/member" class="hover:text-sm-primary-light-3 px-3">로그인</a>
1555  <a href="https://www.iwinv.kr/member/join/join" class=" hover:text-sm-primary-light-3 px-3">회원가입</a>
1556</div>
1557<div class="lg:hidden flex">
1558  <a aria-label="a" href="https://www.iwinv.kr/member"    type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-outline-info sm-btn-medium max-lg:px-2 rounded-full border-none ml-0"     >
1559  <i class="iconfont icon-user font-light header-user-icon transition-all duration-300"></i>
1560</a>
1561</div>
1562
1563<!-- <el-dropdown class="relative inline-block " id="">
1564  <button aria-label="button"     type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-outline-info sm-btn-medium w-full rounded-full border-none ml-0 p-0 size-5!"     >
1565  <i class="iconfont icon-global_light text-sm-text-secondary hover:text-sm-primary transition-all duration-300"></i>
1566</button>
1567  <el-menu anchor="top center" popover class="p-5 origin-top-right rounded-md bg-sm-bg shadow-lg dark:border-sm-border dark:border outline outline-black/5 transition transition-discrete [--anchor-gap:--spacing(2)] data-closed:scale-95 data-closed:transform data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in px-0 py-1">
1568    <div class="text-sm-text-secondary w-50">
1569      <a href="https://www.iwinv.kr/switch-language/kr" class="flex text-sm text-sm-text-regular focus:bg-gray-2 dark:focus:bg-gray-7 focus:text-sm-primary focus:outline-hidden justify-between gap-3 py-2 px-4">
1570        <div class="flex items-center gap-2">
1571          <img src="https://www.iwinv.kr/images/www/icon/flags/KR-Korea.svg" alt="KR-Korea" class="h-4"> Korean
1572        </div> <i class="iconfont icon-check text-sm-primary "></i>
1573      </a>
1574      <a href="https://www.iwinv.kr/switch-language/zh" class="flex text-sm text-sm-text-regular focus:bg-gray-2 dark:focus:bg-gray-7 focus:text-sm-primary focus:outline-hidden justify-between gap-3 py-2 px-4">
1575        <div class="flex items-center gap-2">
1576          <img src="https://www.iwinv.kr/images/www/icon/flags/CN-China.svg" alt="CN-China" class="h-4"> Chinese
1577        </div> <i class="iconfont icon-check text-sm-primary hidden"></i>
1578      </a>
1579      <a href="https://www.iwinv.kr/switch-language/en" class="flex text-sm text-sm-text-regular focus:bg-gray-2 dark:focus:bg-gray-7 focus:text-sm-primary focus:outline-hidden justify-between gap-3 py-2 px-4">
1580        <div class="flex items-center gap-2">
1581          <img src="https://www.iwinv.kr/images/www/icon/flags/US-United.svg" alt="US-United" class="h-4"> English
1582        </div>
1583        <i class="iconfont icon-check text-sm-primary hidden"></i>
1584      </a>
1585    </div>
1586  </el-menu>
1587</el-dropdown> -->
1588
1589<!-- <button aria-label="button"   id=theme-toggle  type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-outline-info sm-btn-medium w-full rounded-full border-none ml-4 p-0 size-5!"     >
1590  <i class="iconfont icon-dark text-sm-text-secondary hover:text-sm-primary transition-all duration-300"></i>
1591</button>
1592 -->
1593</div>
1594        </nav>
1595        
1596        <nav class="lg:hidden relative">
1597          <div class="flex justify-between items-center h-[55px] px-4">
1598            <div class="header-logo w-[180px] ">
1599    <a href="/" aria-label="iwinv logo" class="lg:w-25 lg:h-[28px] w-20 h-[26px] block bg-[url('/images/www/iwinv_logo_white.png')] group-hover/outer:bg-[url('/images/www/iwinv_logo_black.png')] group-[.home-header-bghover]/outer:bg-[url('/images/www/iwinv_logo_black.png')] dark:group-hover/outer:bg-[url('/images/www/iwinv_logo_white.png')] bg-no-repeat bg-contain bg-center transition-all duration-300">
1600  </a>
1601  </div>          
1602          <div class="flex items-center ">
1603            <div class="text-title-color-3 text-sm flex justify-end items-center text-sm-text-secondary leading-none min-w-[200px]">
1604<div class="divide-sm-border divide-x leading-none mr-2 lg:flex hidden">
1605  <a href="https://www.iwinv.kr/member" class="hover:text-sm-primary-light-3 px-3">로그인</a>
1606  <a href="https://www.iwinv.kr/member/join/join" class=" hover:text-sm-primary-light-3 px-3">회원가입</a>
1607</div>
1608<div class="lg:hidden flex">
1609  <a aria-label="a" href="https://www.iwinv.kr/member"    type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-outline-info sm-btn-medium max-lg:px-2 rounded-full border-none ml-0"     >
1610  <i class="iconfont icon-user font-light header-user-icon transition-all duration-300"></i>
1611</a>
1612</div>
1613
1614<!-- <el-dropdown class="relative inline-block " id="">
1615  <button aria-label="button"     type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-outline-info sm-btn-medium w-full rounded-full border-none ml-0 p-0 size-5!"     >
1616  <i class="iconfont icon-global_light text-sm-text-secondary hover:text-sm-primary transition-all duration-300"></i>
1617</button>
1618  <el-menu anchor="top center" popover class="p-5 origin-top-right rounded-md bg-sm-bg shadow-lg dark:border-sm-border dark:border outline outline-black/5 transition transition-discrete [--anchor-gap:--spacing(2)] data-closed:scale-95 data-closed:transform data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in px-0 py-1">
1619    <div class="text-sm-text-secondary w-50">
1620      <a href="https://www.iwinv.kr/switch-language/kr" class="flex text-sm text-sm-text-regular focus:bg-gray-2 dark:focus:bg-gray-7 focus:text-sm-primary focus:outline-hidden justify-between gap-3 py-2 px-4">
1621        <div class="flex items-center gap-2">
1622          <img src="https://www.iwinv.kr/images/www/icon/flags/KR-Korea.svg" alt="KR-Korea" class="h-4"> Korean
1623        </div> <i class="iconfont icon-check text-sm-primary "></i>
1624      </a>
1625      <a href="https://www.iwinv.kr/switch-language/zh" class="flex text-sm text-sm-text-regular focus:bg-gray-2 dark:focus:bg-gray-7 focus:text-sm-primary focus:outline-hidden justify-between gap-3 py-2 px-4">
1626        <div class="flex items-center gap-2">
1627          <img src="https://www.iwinv.kr/images/www/icon/flags/CN-China.svg" alt="CN-China" class="h-4"> Chinese
1628        </div> <i class="iconfont icon-check text-sm-primary hidden"></i>
1629      </a>
1630      <a href="https://www.iwinv.kr/switch-language/en" class="flex text-sm text-sm-text-regular focus:bg-gray-2 dark:focus:bg-gray-7 focus:text-sm-primary focus:outline-hidden justify-between gap-3 py-2 px-4">
1631        <div class="flex items-center gap-2">
1632          <img src="https://www.iwinv.kr/images/www/icon/flags/US-United.svg" alt="US-United" class="h-4"> English
1633        </div>
1634        <i class="iconfont icon-check text-sm-primary hidden"></i>
1635      </a>
1636    </div>
1637  </el-menu>
1638</el-dropdown> -->
1639
1640<!-- <button aria-label="button"   id=theme-toggle  type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-outline-info sm-btn-medium w-full rounded-full border-none ml-4 p-0 size-5!"     >
1641  <i class="iconfont icon-dark text-sm-text-secondary hover:text-sm-primary transition-all duration-300"></i>
1642</button>
1643 -->
1644</div>
1645            <button id="mobile-open-btn" type="button"  command="show-modal" commandfor="sidebar" class="relative flex items-center justify-center rounded-full size-10 overflow-hidden text-sm-text-secondary hover:bg-sm-fill-lighter hover:text-sm-primary curs
1645or-pointer transition-all duration-300 ml-2">
1646              <span class="absolute -inset-0.5"></span>
1647              <span class="sr-only">Open main menu</span>
1648              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 ">
1649                <path d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" stroke-linecap="round" stroke-linejoin="round" />
1650              </svg>
1651            </button>
1652          </div>
1653          </div>
1654          <el-dialog id="mobile-dialog">
1655            <dialog id="sidebar" class="m-0 p-0 backdrop:bg-transparent lg:hidden ">
1656              <el-dialog-backdrop class="fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-[closed]:opacity-0"></el-dialog-backdrop>
1657          
1658              <div tabindex="0" class="fixed inset-0 flex focus:outline focus:outline-0">
1659                <el-dialog-panel class="group/dialog-panel relative  flex w-full   flex-1 transform transition duration-300 ease-in-out data-[closed]:-translate-x-full">
1660                  <!-- Sidebar component, swap this element with another sidebar if you like -->
1661                  <aside class="w-full">
1662<div class="h-full bg-sm-bg shadow-xl flex flex-col">
1663  <div class="px-4 py-3 border-b border-sm-border-lighter dark:border-sm-border flex items-center justify-between">
1664    <div class="header-logo">
1665      <div class="header-logo w-[180px] w-[80px]">
1666    <a href="/" aria-label="iwinv logo" class="lg:w-25 lg:h-[28px] w-20 h-[26px] block bg-[url('/images/www/iwinv_logo_black.png')] dark:bg-[url('/images/www/iwinv_logo_white.png')] bg-no-repeat bg-contain bg-center transition-all duration-300">
1667  </a>
1668  </div>  </div>
1669    <button command="close" commandfor="sidebar"
1670      class="size-9 flex items-center justify-center rounded-full hover:bg-sm-fill-lighter active:scale-95 hover:text-sm-primary  cursor-pointer text-sm-text-secondary transition-all duration-300">
1671      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1672        class="size-5">
1673        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
1674      </svg>
1675    </button>
1676  </div>
1677
1678  <div class="flex-1 flex overflow-hidden" id="twoPaneRoot">
1679    <!-- Left: Secondary menu (scrollable) -->
1680    <nav id="leftPane" class="w-[140px] border-r border-sm-border-lighter dark:border-sm-border overflow-y-auto custom-scrollbar text-sm-text-primary">
1681      <ul class="divide-y divide-sm-border-lighter dark:divide-sm-border dark:divide-sm-border pb-8">
1682       
1683        <!-- level1:서비스 -->
1684        <li class="group" data-level="1">
1685          <button class="w-full px-4 py-3 flex items-center justify-between text-left text-sm">
1686            <span class="flex-1">서비스</span>
1687            <svg class="size-4 ms-2 shrink-0 transition-transform rotate-0" viewBox="0 0 24 24" fill="none"
1688              stroke="currentColor" stroke-width="2">
1689              <path stroke-linecap="round" stroke-linejoin="round" d="m6 9 6 6 6-6" />
1690            </svg>
1691          </button>
1692          <div class="max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out">
1693            <ul class="bg-sm-fill-lighter/20 group">
1694                            <li>
1695                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1696                  data-target="content-computer">컴퓨트</a>
1697              </li>
1698                            <li>
1699                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1700                  data-target="content-llm_gpu">AI&amp;GPU</a>
1701              </li>
1702                            <li>
1703                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1704                  data-target="content-network">네트워크</a>
1705              </li>
1706                            <li>
1707                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1708                  data-target="content-storage">스토리지</a>
1709              </li>
1710                            <li>
1711                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1712                  data-target="content-container">컨테이너</a>
1713              </li>
1714                            <li>
1715                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1716                  data-target="content-image">
1716이미지</a>
1717              </li>
1718                            <li>
1719                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1720                  data-target="content-database">데이터베이스</a>
1721              </li>
1722                            <li>
1723                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1724                  data-target="content-backup">백업</a>
1725              </li>
1726                            <li>
1727                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1728                  data-target="content-security">보안</a>
1729              </li>
1730                            <li>
1731                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1732                  data-target="content-cdn">컨텐츠 CDN</a>
1733              </li>
1734                            <li>
1735                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1736                  data-target="content-web_hosting">웹호스팅</a>
1737              </li>
1738                            <li>
1739                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1740                  data-target="content-monitoring">모니터링</a>
1741              </li>
1742                            <li>
1743                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1744                  data-target="content-management">매니지먼트</a>
1745              </li>
1746                            <li>
1747                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1748                  data-target="content-message">메시지</a>
1749              </li>
1750                            <li>
1751                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1752                  data-target="content-mail_groupware">메일/그룹웨어</a>
1753              </li>
1754                            <li>
1755                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1756                  data-target="content-domain">도메인</a>
1757              </li>
1758                            <li>
1759                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1760                  data-target="content-public_cloud">공공 전용 클라우드</a>
1761              </li>
1762                            <li>
1763                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1764                  data-target="content-hansolpay">비즈니스 솔루션</a>
1765              </li>
1766                          </ul>
1767          </div>
1768        </li>
1769
1770        <!-- level1:Docs -->
1771        <li class="group" data-level="1">
1772          <button class="w-full px-4 py-3 flex items-center justify-between text-left text-sm">
1773            <span class="flex-1">Docs</span>
1774            <svg class="size-4 ms-2 shrink-0 transition-transform rotate-0" viewBox="0 0 24 24" fill="none"
1775              stroke="currentColor" stroke-width="2">
1776              <path stroke-linecap="round" stroke-linejoin="round" d="m6 9 6 6 6-6" />
1777            </svg>
1778          </button>
1779          <div class="max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out">
1780            <ul class="bg-sm-fill-lighter/20 group">
1781                            <li>
1782                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1783                  data-target="content-docs-cloud">iwinv 시작하기</a>
1784              </li>
1785                            <li>
1786                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1787                  data-target="content-docs-guide">이용 가이드</a>
1788              </li>
1789                            <li>
1790                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1791                  data-target="content-docs-api">iwinv API</a>
1792              </li>
1793                          </ul>
1794          </div>
1795        </li>        
1796
1797        <!-- level1:고객지원 -->
1798        <li class="group" data-level="1">
1799          <button class="w-full px-4 py-3 flex items-center justify-between text-left text-sm">
1800            <span class="flex-1">고객지원</span>
1801            <svg class="size-4 ms-2 shrink-0 transition-transform rotate-0" viewBox="0 0 24 24" fill="none"
1802              stroke="currentColor" stroke-width="2">
1803              <path stroke-linecap="round" stroke-linejoin="round" d="m6 9 6 6 6-6" />
1804            </svg>
1805          </button>
1806          <div class="max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out">
1807            <ul class="bg-sm-fill-lighter/20 group">
1808                            <li>
1809                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1810                  data-target="content-support-board">소식 안내</a>
1811              </li>
1812                            <li>
1813                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1814                  data-target="content-support-qna">문의창구</a>
1815              </li>
1816                            <li>
1817                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1818                  data-target="content-support-service">간편 서비스</a>
1819              </li>
1820                            <li>
1821                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1822                  data-target="content-support-story">iwinv Story</a>
1823              </li>
1824                          </ul>
1825          </div>
1826        </li>
1827
1828        <!-- level1:회사소개 -->
1829        <li class="group" data-level="1">
1830          <button class="w-full px-4 py-3 flex items-center justify-between text-left text-sm">
1831            <span class="flex-1">회사소개</span>
1832            <svg class="size-4 ms-2 shrink-0 transition-transform rotate-0" viewBox="0 0 24 24" fill="none"
1833              stroke="currentColor" stroke-width="2">
1834              <path stroke-linecap="round" stroke-linejoin="round" d="m6 9 6 6 6-6" />
1835            </svg>
1836          </button>
1837          <div class="max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out">
1838            <ul class="bg-sm-fill-lighter/20 group">
1839                            <li>
1840                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1841                  data-target="content-introduce-company">회사 소개</a>
1842              </li>
1843                            <li>
1844                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1845                  data-target="content-introduce-family">패밀리 사이트</a>
1846              </li>
1847                            <li>
1848                <a href="#" class="block px-5 py-3 text-xs text-sm-text-regular hover:bg-sm-fill-lighter"
1849                  data-target="content-introduce-technicalBlog">기술 블로그</a>
1850              </li>
1851                          </ul>
1852          </div>
1853        </li>
1854
1855        <!-- level1:마켓플레이스 -->
1856        
1857      </ul>
1858    </nav>
1859
1860    <!-- Right: content (scrollable) -->
1861    <section id="contentPane" class="flex-1 overflow-y-auto custom-scrollbar bg-sm-fill-lighter">
1862
1863      <!-- 서비스 -->
1864            <div id="content-computer" data-content class="hidden text-sm text-sm-text-regular pb-8">
1865        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
1866                                                       <a href="https://www.iwinv.kr/server/server" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1867                <span>가상 서버</span>
1868              <div class="flex items-center gap-1">
1869                                    <span class="rounded-full block bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">NEW</span>
1870                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1871              </div>
1872            </a>
1873                                                          <a href="https://www.iwinv.kr/server/vdi" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1874                <span>원격 데스크톱</span>
1875              <div class="flex items-center gap-1">
1876                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1877              </div>
1878            </a>
1879                                                            <div class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300 mobile-menu-disabled">
1880                <span>오토스케일링</span>
1881                  <div class="flex items-center gap-1">
1882                                                                              </div>
1883              </div>
1884                                                          <a href="https://www.iwinv.kr/server/baremetal" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1885                <span>베어메탈_v2</span>
1886              <div class="flex items-center gap-1">
1887                                    <span class="rounded-full block bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">NEW</span>
1888                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1889              </div>
1890            </a>
1891                                                          <a href="https://halfprice.event.iwinv.kr/" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1892                <span>3개월 무료 &lt;br&gt; 이용 이벤트</span>
1893              <div class="flex items-center gap-1">
1894                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1895              </div>
1896            </a>
1897                                                          <a href="https://www.iwinv.kr/server/private_cloud" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1898                <span>PRIVATE CLOUD</span>
1899              <div class="flex items-center gap-1">
1900                                    <span class="rounded-full block bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">NEW</span>
1901                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1902              </div>
1903            </a>
1904                                          </div>
1905      </div>
1906            <div id="content-llm_gpu" data-content class="hidden text-sm text-sm-text-regular pb-8">
1907        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
1908                                                       <a href="https://www.iwinv.kr/llm-gpu/ollama" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1909                <span>Ollama</span>
1910              <div class="flex items-center gap-1">
1911                                    <span class="rounded-full block bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">NEW</span>
1912                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1913              </div>
1914            </a>
1915                                                          <a href="https://www.iwinv.kr/llm-gpu/vllm" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1916                <span>vLLM</span>
1917              <div class="flex items-center gap-1">
1918                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1919              </div>
1920            </a>
1921                                                          <a href="https://www.iwinv.kr/llm-gpu/gpu" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1922                <span>GPU</span>
1923              <div class="flex items-center gap-1">
1924                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1925              </div>
1926            </a>
1927                                                          <a href="https://www.iwinv.kr/llm-gpu/custom-gpu" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1928                <span>맞춤형 GPU 서버</span>
1929              <div class="flex items-center gap-1">
1930                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1931              </div>
1932            </a>
1933                                                          <a href="https://www.iwinv.kr/AI-gpu/AIAPI" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1934                <span>AI API</span>
1935              <div class="flex items-center gap-1">
1936                                    <span class="rounded-full block bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">NEW</span>
1937                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1938              </div>
1939            </a>
1940                                                          <a href="https://www.iwinv.kr/AI-gpu/openclaw" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1941                <span>OpenClaw</span>
1942              <div class="flex items-center gap-1">
1943                                    <span class="rounded-full block bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">NEW</span>
1944                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1945              </div>
1946            </a>
1947                                                          <a href="https://www.iwinv.kr/llm-gpu/web-partner" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1948                <span>배너 제휴 프로그램</span>
1949              <div class="flex items-center gap-1">
1950                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1951              </div>
1952            </a>
1953                                          </div>
1954      </div>
1955            <div id="content-network" data-content class="hidden text-sm text-sm-text-regular pb-8">
1956        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
1957                                                       <a href="https://www.iwinv.kr/network/load" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1958                <span>로드밸런서</span>
1959              <div class="flex items-center gap-1">
1960                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1961              </div>
1962            </a>
1963                                                          <a href="https://www.iwinv.kr/network/natgateway" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1964                <span>NAT Gateway</span>
1965              <div class="flex items-center gap-1">
1966                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1967              </div>
1968            </a>
1969                                                          <a href="https://www.iwinv.kr/server/server#ip" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1970                <span>IP 추가</span>
1971              <div class="flex items-center gap-1">
1972                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1973              </div>
1974            </a>
1975                                          </div>
1976      </div>
1977            <div id="content-storage" data-content class="hidden text-sm text-sm-text-regular pb-8">
1978        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
1979                                                       <a href="https://www.iwinv.kr/storage/block" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1980                <span>블록 스토리지</span>
1981              <div class="flex items-center gap-1">
1982                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1983              </div>
1984            </a>
1985                                                          <a href="https://www.iwinv.kr/storage/obj" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1986                <span>오브젝트 스토리지</span>
1987              <div class="flex items-center gap-1">
1988                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1989              </div>
1990            </a>
1991                                                          <a href="https://www.iwinv.kr/storage/public" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1992                <span>공유 스토리지</span>
1993              <div class="flex items-center gap-1">
1994                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
1995              </div>
1996            </a>
1997                                                          <a href="https://www.iwinv.kr/storage/synology" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
1998                <span>Synology NAS</span>
1999              <div class="flex items-center gap-1">
2000                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2001              </div>
2002            </a>
2003                                                          <a href="https://www.iwinv.kr/storage/block#snapshot" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2004                <span>블록 스토리지 스냅샷</span>
2005              <div class="flex items-center gap-1">
2006                                                                        <span class="rounded-full block bg-[#FFC44E] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">PLUS</span>
2007                                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2008              </div>
2009            </a>
2010                                          </div>
2011      </div>
2012            <div id="content-container" data-content class="hidden text-sm text-sm-text-regular pb-8">
2013        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2014                                             <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">쿠버네티스</h2>
2015                                  <a href="https://www.iwinv.kr/container/kubernetes" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2016                <span>SKS</span>
2017              <div class="flex items-center gap-1">
2018                                    <span class="rounded-full block bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">NEW</span>
2019                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2020              </div>
2021            </a>
2022                                                                     <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">웹호스팅</h2>
2023                                  <a href="https://www.iwinv.kr/account/dedicatedwebhosting#container" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2024                <span>웹호스팅 컨테이너형</span>
2025              <div class="flex items-center gap-1">
2026                                    <span class="rounded-full block bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">NEW</span>
2027                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2028              </div>
2029            </a>
2030                                          </div>
2031      </div>
2032            <div id="content-image" data-content class="hidden text-sm text-sm-text-regular pb-8">
2033        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2034                                                       <a href="https://www.iwinv.kr/image/image" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2035                <span>이미지</span>
2036              <div class="flex items-center gap-1">
2037                                    <span class="rounded-full block bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">NEW</span>
2038                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2039              </div>
2040            </a>
2041                                          </div>
2042      </div>
2043            <div id="content-database" data-content class="hidden text-sm text-sm-text-regular pb-8">
2044        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2045                                             <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">클러스터 DBMS</h2>
2046                                  <a href="https://www.iwinv.kr/database/cld/mysql" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2047                <span>MySQL 클러스터</span>
2048              <div class="flex items-center gap-1">
2049                                    <span class="rounded-full block bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">NEW</span>
2050                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2051              </div>
2052            </a>
2053                                                                     <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">클라우드 DBMS</h2>
2054                                  <a href="https://www.iwinv.kr/database/dbms/mssql" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2055                <span>MS-SQL</span>
2056              <div class="flex items-center gap-1">
2057                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2058              </div>
2059            </a>
2060                                                          <a href="https://www.iwinv.kr/database/dbms/mysql" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2061                <span>MySQL</span>
2062              <div class="flex items-center gap-1">
2063                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2064              </div>
2065            </a>
2066                                                          <a href="https://www.iwinv.kr/database/dbms/mariadb" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2067                <span>MariaDB</span>
2068              <div class="flex items-center gap-1">
2069                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2070              </div>
2071            </a>
2072                                                          <a href="https://www.iwinv.kr/database/dbms/postgresql" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2073                <span>PostgreSQL</span>
2074              <div class="flex items-center gap-1">
2075                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2076              </div>
2077            </a>
2078                                                          <a href="https://www.iwinv.kr/database/dbms/redis" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2079                <span>Redis</span>
2080              <div class="flex items-center gap-1">
2081                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2082              </div>
2083            </a>
2084                                                          <a href="https://www.iwinv.kr/database/dbms/memcached" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2085                <span>Memcached</span>
2086              <div class="flex items-center gap-1">
2087                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2088              </div>
2089            </a>
2090                                                          <a href="https://www.iwinv.kr/database/dbms/mongodb" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2091                <span>MongoDB</span>
2092              <div class="flex items-center gap-1">
2093                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2094              </div>
2095            </a>
2096                                                                     <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">SQL 호스팅</h2>
2097                                  <a href="https://www.iwinv.kr/database/sql/host" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2098                <span>SQL 호스팅</span>
2099              <div class="flex items-center gap-1">
2100                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2101              </div>
2102            </a>
2103                                          </div>
2104      </div>
2105            <div id="content-backup" data-content class="hidden text-sm text-sm-text-regular pb-8">
2106        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2107                                                       <a href="https://www.iwinv.kr/backup/cdp" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2108                <span>CDP 백업</span>
2109              <div class="flex items-center gap-1">
2110                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2111              </div>
2112            </a>
2113                                                          <a href="https://www.iwinv.kr/backup/dr" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2114                <span>DR 백업</span>
2115              <div class="flex items-center gap-1">
2116                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2117              </div>
2118            </a>
2119                                          </div>
2120      </div>
2121            <div id="content-security" data-content class="hidden text-sm text-sm-text-regular pb-8">
2122        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2123                                             <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">웹 애플리케이션 방화벽 (WAF)</h2>
2124                                  <a href="https://www.iwinv.kr/security/deepfinder" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2125                <span>DeepFinder</span>
2126              <div class="flex items-center gap-1">
2127                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2128              </div>
2129            </a>
2130                                                          <a href="https://www.iwinv.kr/security/wapples" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2131                <span>WAPPLES</span>
2132              <div class="flex items-center gap-1">
2133                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2134              </div>
2135            </a>
2136                                                <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">네트워크 방화벽</h2>
2137                                  <a href="https://docs.iwinv.kr/service/security/firewalld/elcap/elcap-overview" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2138                <span>ELCAP</span>
2139              <div class="flex items-center gap-1">
2140                                                      <span class="rounded-full block bg-[#5D90DC] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">FREE</span>
2141                                                    <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2142              </div>
2143            </a>
2144                                                <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">랜섬웨어 방지</h2>
2145                                  <a href="https://www.iwinv.kr/security/whitedefender" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2146                <span>WhiteDefender</span>
2147              <div class="flex items-center gap-1">
2148                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2149              </div>
2150            </a>
2151                                                <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">통합 보안</h2>
2152                                  <a href="https://www.iwinv.kr/security/ahnlab_cpp" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2153                <span>AhnLab CPP</span>
2154              <div class="flex items-center gap-1">
2155                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2156              </div>
2157            </a>
2158                                                <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">바이러스 백신</h2>
2159                                  <a href="https://www.iwinv.kr/security/vaccine" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2160                <span>Turbovaccine</span>
2161              <div class="flex items-center gap-1">
2162                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2163              </div>
2164            </a>
2165                                                <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">SSL</h2>
2166                                  <a href="https://www.iwinv.kr/ssl/ssl" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2167                <span>Setigo SSL</span>
2168              <div class="flex items-center gap-1">
2169                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2170              </div>
2171            </a>
2172                                                <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">VPN</h2>
2173                                  <a href="https://www.iwinv.kr/security/vpn" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2174                <span>클라우드 VPN</span>
2175              <div class="flex items-center gap-1">
2176                                                      <span class="rounded-full block bg-[#5D90DC] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">FREE</span>
2177                                                    <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2178              </div>
2179            </a>
2180                                                <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">보안 점검</h2>
2181                                  <a href="https://docs.iwinv.kr/service/compute/common-console-feature-guide/check-for-vulnerabilities" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2182                <span>취약점 점검</span>
2183              <div class="flex items-center gap-1">
2184                                                      <span class="rounded-full block bg-[#5D90DC] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">FREE</span>
2185                                                    <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2186              </div>
2187            </a>
2188                                          </div>
2189      </div>
2190            <div id="content-cdn" data-content class="hidden text-sm text-sm-text-regular pb-8">
2191        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2192                                             <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">캐싱 서비스</h2>
2193                                  <a href="https://www.iwinv.kr/contents/cache" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2194                <span>컨텐츠 캐시</span>
2195              <div class="flex items-center gap-1">
2196                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2197              </div>
2198            </a>
2199                                                          <a href="https://www.iwinv.kr/contents/cachefront" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2200                <span>캐시 프론트</span>
2201              <div class="flex items-center gap-1">
2202                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2203              </div>
2204            </a>
2205                                                                     <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">Media</h2>
2206                                  <a href="https://www.iwinv.kr/contents/livestreaming" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2207                <span>라이브스트림</span>
2208              <div class="flex items-center gap-1">
2209                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2210              </div>
2211            </a>
2212                                          </div>
2213      </div>
2214            <div id="content-web_hosting" data-content class="hidden text-sm text-sm-text-regular pb-8">
2215        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2216                                                       <a href="https://www.iwinv.kr/account/sharedwebhosting" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2217                <span>웹호스팅_공유형</span>
2218              <div class="flex items-center gap-1">
2219                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2220              </div>
2221            </a>
2222                                                          <a href="https://www.iwinv.kr/account/dedicatedwebhosting" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2223                <span>웹호스팅_단독형</span>
2224              <div class="flex items-center gap-1">
2225                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2226              </div>
2227            </a>
2228                                                          <a href="https://www.iwinv.kr/account/dedicatedwebhosting#container" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2229                <span>웹호스팅_컨테이너형</span>
2230              <div class="flex items-center gap-1">
2231                                    <span class="rounded-full block bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">NEW</span>
2232                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2233              </div>
2234            </a>
2235                                          </div>
2236      </div>
2237            <div id="content-monitoring" data-content class="hidden text-sm text-sm-text-regular pb-8">
2238        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2239                                                       <a href="https://www.iwinv.kr/management/monitoring/zabbix" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2240                <span>Zabbix 모니터링</span>
2241              <div class="flex items-center gap-1">
2242                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2243              </div>
2244            </a>
2245                                                          <a href="https://docs.iwinv.kr/service/monitoring/resource-port-monitoring/info-resource-port-monitoring" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2246                <span>포트/리소스 모니터링</span>
2247              <div class="flex items-center gap-1">
2248                                                      <span class="rounded-full block bg-[#5D90DC] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">FREE</span>
2249                                                    <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2250              </div>
2251            </a>
2252                                          </div>
2253      </div>
2254            <div id="content-management" data-content class="hidden text-sm text-sm-text-regular pb-8">
2255        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2256                                                       <a href="https://www.iwinv.kr/management/fullcare" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2257                <span>클라우드 풀케어</span>
2258              <div class="flex items-center gap-1">
2259                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2260              </div>
2261            </a>
2262                                                          <a href="https://www.iwinv.kr/management/nonstop" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2263                <span>무중단 안심 이사</span>
2264              <div class="flex items-center gap-1">
2265                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2266              </div>
2267            </a>
2268                                          </div>
2269      </div>
2270            <div id="content-message" data-content class="hidden text-sm text-sm-text-regular pb-8">
2271        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2272                                                       <a href="https://www.iwinv.kr/account/message" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2273                <span>메시지</span>
2274              <div class="flex items-center gap-1">
2275                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2276              </div>
2277            </a>
2278                                          </div>
2279      </div>
2280            <div id="content-mail_groupware" data-content class="hidden text-sm text-sm-text-regular pb-8">
2281        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2282                                             <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">메일</h2>
2283                                  <a href="https://www.iwinv.kr/account/mail" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2284                <span>테라 웹 메일</span>
2285              <div class="flex items-center gap-1">
2286                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2287              </div>
2288            </a>
2289                                                                     <h2 class="text-sm-text-primary font-bold px-4 py-3 mt-4">HR</h2>
2290                                  <a href="https://www.iwinv.kr/account/hanbiro" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2291                <span>그룹웨어</span>
2292              <div class="flex items-center gap-1">
2293                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2294              </div>
2295            </a>
2296                                          </div>
2297      </div>
2298            <div id="content-domain" data-content class="hidden text-sm text-sm-text-regular pb-8">
2299        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2300                                                       <a href="https://www.iwinv.kr/account/domain" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2301                <span>
2301도메인</span>
2302              <div class="flex items-center gap-1">
2303                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2304              </div>
2305            </a>
2306                                                          <a href="https://docs.iwinv.kr/service/domain/dns/dns_overview" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2307                <span>DNS</span>
2308              <div class="flex items-center gap-1">
2309                                                      <span class="rounded-full block bg-[#5D90DC] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">FREE</span>
2310                                                    <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2311              </div>
2312            </a>
2313                                          </div>
2314      </div>
2315            <div id="content-public_cloud" data-content class="hidden text-sm text-sm-text-regular pb-8">
2316        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2317                                                       <a href="https://gov.iwinv.kr/gov-cloud" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2318                <span>공공 전용 클라우드 서비스</span>
2319              <div class="flex items-center gap-1">
2320                                                                      <i class="iconfont icon-share2 text-xs text-sm-text-tertiary/50"></i>
2321              </div>
2322            </a>
2323                                                          <a href="https://gov.iwinv.kr/x86-servers" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2324                <span>국산 x86 서버</span>
2325              <div class="flex items-center gap-1">
2326                                                                      <i class="iconfont icon-share2 text-xs text-sm-text-tertiary/50"></i>
2327              </div>
2328            </a>
2329                                          </div>
2330      </div>
2331            <div id="content-hansolpay" data-content class="hidden text-sm text-sm-text-regular pb-8">
2332        <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2333                                                       <a href="https://www.iwinv.kr/business/pg" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300">
2334                <span>전자결제(PG)</span>
2335              <div class="flex items-center gap-1">
2336                                    <span class="rounded-full block bg-[#DC5D5D] px-2 py-0.5 text-xs font-semibold text-white scale-[0.6]">NEW</span>
2337                                                                      <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2338              </div>
2339            </a>
2340                                          </div>
2341      </div>
2342      
2343
2344      
2345      
2346                <div id="content-docs-cloud" data-content class="hidden text-sm text-sm-text-regular pb-8">
2347          <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2348            <div class="bg-white dark:bg-black bg-[url('/images/www/v2_menu_mask.png')] bg-cover bg-center pr-4 pl-6 py-4 flex flex-col items-start justify-center">
2349              <h2 class="text-sm-text-title-medium text-lg font-semibold">Docs</h2>
2350              <div class="text-sm-text-secondary text-xs font-light">서비스를 편리하게 이용할 수 있는 <br> 각 솔루션에 맞는 기술문서 제공합니다.</div>
2351              <a href="https://docs.iwinv.kr" class="inline-flex items-center justify-center rounded-full bg-sm-primary text-white px-5 py-2 mt-4 text-sm hover:bg-sm-primary-light-3 transition-colors">서비스 바로가기</a>
2352            </div>
2353                              <a href="https://docs.iwinv.kr/docs/iwinv-cloud/" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>iwinv 클라우드</span>
2354                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2355                </a>
2356                              <a href="https://docs.iwinv.kr/docs/quick-start/" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>빠른 시작 가이드</span>
2357                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2358                </a>
2359                              <a href="https://docs.iwinv.kr/docs/console-user-guide/" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>콘솔 사용 가이드</span>
2360                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2361                </a>
2362                        </div>
2363        </div>
2364                <div id="content-docs-guide" data-content class="hidden text-sm text-sm-text-regular pb-8">
2365          <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2366            <div class="bg-white dark:bg-black bg-[url('/images/www/v2_menu_mask.png')] bg-cover bg-center pr-4 pl-6 py-4 flex flex-col items-start justify-center">
2367              <h2 class="text-sm-text-title-medium text-lg font-semibold">Docs</h2>
2368              <div class="text-sm-text-secondary text-xs font-light">서비스를 편리하게 이용할 수 있는 <br> 각 솔루션에 맞는 기술문서 제공합니다.</div>
2369              <a href="https://docs.iwinv.kr" class="inline-flex items-center justify-center rounded-full bg-sm-primary text-white px-5 py-2 mt-4 text-sm hover:bg-sm-primary-light-3 transition-colors">서비스 바로가기</a>
2370            </div>
2371                              <a href="https://docs.iwinv.kr/service/" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>Service</span>
2372                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2373                </a>
2374                              <a href="https://docs.iwinv.kr/reference/" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>Reference</span>
2375                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2376                </a>
2377                        </div>
2378        </div>
2379                <div id="content-docs-api" data-content class="hidden text-sm text-sm-text-regular pb-8">
2380          <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2381            <div class="bg-white dark:bg-black bg-[url('/images/www/v2_menu_mask.png')] bg-cover bg-center pr-4 pl-6 py-4 flex flex-col items-start justify-center">
2382              <h2 class="text-sm-text-title-medium text-lg font-semibold">Docs</h2>
2383              <div class="text-sm-text-secondary text-xs font-light">서비스를 편리하게 이용할 수 있는 <br> 각 솔루션에 맞는 기술문서 제공합니다.</div>
2384              <a href="https://docs.iwinv.kr" class="inline-flex items-center justify-center rounded-full bg-sm-primary text-white px-5 py-2 mt-4 text-sm hover:bg-sm-primary-light-3 transition-colors">서비스 바로가기</a>
2385            </div>
2386                              <a href="https://docs.iwinv.kr/api/" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>API</span>
2387                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2388                </a>
2389                              <a href="https://docs.iwinv.kr/cli/" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>CLI</span>
2390                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2391                </a>
2392                        </div>
2393        </div>
2394        
2395      
2396                <div id="content-introduce-company" data-content class="hidden text-sm text-sm-text-regular pb-8">
2397          <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2398            <div class="bg-white dark:bg-black bg-[url('/images/www/v2_menu_mask.png')] bg-cover bg-center pr-4 pl-6 py-4 flex flex-col items-start justify-center">
2399              <h2 class="text-sm-text-title-medium text-lg font-semibold">회사소개</h2>
2400              <div class="text-sm-text-secondary text-xs font-light">서버 직접 생산 및 공급, <br> 자체 IDC를 운영하며 20년간 한국 IT 시장 <br> 발전에 함께한 기업입니다.</div>
2401              <a href="https://www.iwinv.kr/iwinv/company/info01" class="inline-flex items-center justify-center rounded-full bg-sm-primary text-white px-5 py-2 mt-4 text-sm hover:bg-sm-primary-light-3 transition-colors">서비스 바로가기</a>
2402            </div>
2403                              <a href="//smileserv.com" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>smileserv</span>
2404                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2405                </a>
2406                        </div>
2407        </div>
2408                <div id="content-introduce-family" data-content class="hidden text-sm text-sm-text-regular pb-8">
2409          <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2410            <div class="bg-white dark:bg-black bg-[url('/images/www/v2_menu_mask.png')] bg-cover bg-center pr-4 pl-6 py-4 flex flex-col items-start justify-center">
2411              <h2 class="text-sm-text-title-medium text-lg font-semibold">회사소개</h2>
2412              <div class="text-sm-text-secondary text-xs font-light">서버 직접 생산 및 공급, <br> 자체 IDC를 운영하며 20년간 한국 IT 시장 <br> 발전에 함께한 기업입니다.</div>
2413              <a href="https://www.iwinv.kr/iwinv/company/info01" class="inline-flex items-center justify-center rounded-full bg-sm-primary text-white px-5 py-2 mt-4 text-sm hover:bg-sm-primary-light-3 transition-colors">서비스 바로가기</a>
2414            </div>
2415                              <a href="https://cloudv.kr/" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>cloudv.kr</span>
2416                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2417                </a>
2418                              <a href="https://www.ivyro.net/" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>ivryo.net</span>
2419                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2420                </a>
2421                              <a href="https://gov.iwinv.kr/gov-cloud" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>공공전용 클라우드</span>
2422                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2423                </a>
2424                        </div>
2425        </div>
2426                <div id="content-introduce-technicalBlog" data-content class="hidden text-sm text-sm-text-regular pb-8">
2427          <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2428            <div class="bg-white dark:bg-black bg-[url('/images/www/v2_menu_mask.png')] bg-cover bg-center pr-4 pl-6 py-4 flex flex-col items-start justify-center">
2429              <h2 class="text-sm-text-title-medium text-lg font-semibold">회사소개</h2>
2430              <div class="text-sm-text-secondary text-xs font-light">서버 직접 생산 및 공급, <br> 자체 IDC를 운영하며 20년간 한국 IT 시장 <br> 발전에 함께한 기업입니다.</div>
2431              <a href="https://www.iwinv.kr/iwinv/company/info01" class="inline-flex items-center justify-center rounded-full bg-sm-primary text-white px-5 py-2 mt-4 text-sm hover:bg-sm-primary-light-3 transition-colors">서비스 바로가기</a>
2432            </div>
2433                              <a href="https://idchowto.com/" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>idchowto</span>
2434                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2435                </a>
2436                        </div>
2437        </div>
2438        
2439      
2440                <div id="content-support-board" data-content class="hidden text-sm text-sm-text-regular pb-8">
2441          <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2442            <div class="bg-white dark:bg-black bg-[url('/images/www/v2_menu_mask.png')] bg-cover bg-center pr-4 pl-6 py-4 flex flex-col items-start justify-center">
2443              <h2 class="text-sm-text-title-medium text-lg font-semibold">고객 지원</h2>
2444              <div class="text-sm-text-secondary text-xs font-light">다양한 컨텐츠를 통한 <br> 고품질 고객 지원 서비스</div>
2445              <a href="https://www.iwinv.kr/board" class="inline-flex items-center justify-center rounded-full bg-sm-primary text-white px-5 py-2 mt-4 text-sm hover:bg-sm-primary-light-3 transition-colors">서비스 바로가기</a>
2446            </div>
2447                              <a href="https://www.iwinv.kr/board/notice?branch=NOTICE" target="_self" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>공지사항</span>
2448                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2449                </a>
2450                              <a href="https://www.iwinv.kr/board/notice?branch=SECURITY" target="_self" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>보안센터</span>
2451                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2452                </a>
2453                              <a href="https://www.iwinv.kr/event" target="_self" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>이벤트</span>
2454                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2455                </a>
2456                              <a href="https://www.iwinv.kr/board/notice?branch=NEWS" target="_self" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>보도자료</span>
2457                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2458                </a>
2459                        </div>
2460        </div>
2461                <div id="content-support-qna" data-content class="hidden text-sm text-sm-text-regular pb-8">
2462          <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2463            <div class="bg-white dark:bg-black bg-[url('/images/www/v2_menu_mask.png')] bg-cover bg-center pr-4 pl-6 py-4 flex flex-col items-start justify-center">
2464              <h2 class="text-sm-text-title-medium text-lg font-semibold">고객 지원</h2>
2465              <div class="text-sm-text-secondary text-xs font-light">다양한 컨텐츠를 í†
2465µí•œ <br> 고품질 고객 지원 서비스</div>
2466              <a href="https://www.iwinv.kr/board" class="inline-flex items-center justify-center rounded-full bg-sm-primary text-white px-5 py-2 mt-4 text-sm hover:bg-sm-primary-light-3 transition-colors">서비스 바로가기</a>
2467            </div>
2468                              <a href="https://console.iwinv.kr/support" target="_self" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>기술지원</span>
2469                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2470                </a>
2471                              <a href="https://www.iwinv.kr/board/qna" target="_self" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>1:1 문의</span>
2472                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2473                </a>
2474                        </div>
2475        </div>
2476                <div id="content-support-service" data-content class="hidden text-sm text-sm-text-regular pb-8">
2477          <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2478            <div class="bg-white dark:bg-black bg-[url('/images/www/v2_menu_mask.png')] bg-cover bg-center pr-4 pl-6 py-4 flex flex-col items-start justify-center">
2479              <h2 class="text-sm-text-title-medium text-lg font-semibold">고객 지원</h2>
2480              <div class="text-sm-text-secondary text-xs font-light">다양한 컨텐츠를 통한 <br> 고품질 고객 지원 서비스</div>
2481              <a href="https://www.iwinv.kr/board" class="inline-flex items-center justify-center rounded-full bg-sm-primary text-white px-5 py-2 mt-4 text-sm hover:bg-sm-primary-light-3 transition-colors">서비스 바로가기</a>
2482            </div>
2483                              <a href="https://www.iwinv.kr/calculator" target="_self" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>클라우드 요금계산기</span>
2484                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2485                </a>
2486                        </div>
2487        </div>
2488                <div id="content-support-story" data-content class="hidden text-sm text-sm-text-regular pb-8">
2489          <div class="divide-y divide-sm-border-lighter dark:divide-sm-border">
2490            <div class="bg-white dark:bg-black bg-[url('/images/www/v2_menu_mask.png')] bg-cover bg-center pr-4 pl-6 py-4 flex flex-col items-start justify-center">
2491              <h2 class="text-sm-text-title-medium text-lg font-semibold">고객 지원</h2>
2492              <div class="text-sm-text-secondary text-xs font-light">다양한 컨텐츠를 통한 <br> 고품질 고객 지원 서비스</div>
2493              <a href="https://www.iwinv.kr/board" class="inline-flex items-center justify-center rounded-full bg-sm-primary text-white px-5 py-2 mt-4 text-sm hover:bg-sm-primary-light-3 transition-colors">서비스 바로가기</a>
2494            </div>
2495                              <a href="https://docs.iwinv.kr/blog" target="_blank" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>Blog</span>
2496                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2497                </a>
2498                              <a href="https://www.iwinv.kr/story?branch=CUSTOMER" target="_self" class="px-4 py-3 hover:bg-white dark:hover:bg-sm-fill-light hover:text-sm-primary flex justify-between items-center transition-all duration-300"><span>고객 사례</span>
2499                  <i class="iconfont icon-arrow_right_2 text-xs text-sm-text-tertiary/50"></i>
2500                </a>
2501                        </div>
2502        </div>
2503        
2504      
2505      <!-- 마켓플레이스 -->
2506      
2507    </section>
2508  </div>
2509</div>
2510</aside>                  </div>
2511                </el-dialog-panel>
2512              </div>
2513            </dialog>
2514          </el-dialog>
2515        </nav>
2516    </div>
2517    <link rel="modulepreload" href="https://www.iwinv.kr/build/assets/menu-EIhuoB68.js" />
2517<script type="module" src="https://www.iwinv.kr/build/assets/menu-EIhuoB68.js"></script>
2517</header>      <!-- 공통 모달 -->
2518        <main class="bg-sm-bg">
2519  
2520  <section class="bg-blue-9 xl:h-[590px] lg:h-[400px] h-[300px] w-full flex flex-col justify-center items-center gap-1 page-px relative overflow-hidden">
2521    <h1 class="text-white xl:text-6xl lg:text-5xl sm:text-4xl text-3xl font-bold z-1">세계 최고의 가성비 클라우드</h1>
2522    <h2 class="text-white xl:text-3xl lg:text-xl text-lg font-bold z-1">클라우드 서비스에 가성비를 더하다.</h2>
2523    <img src="https://www.iwinv.kr/images/www/banner/v2_cloud_banner.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover filter brightness-50 pointer-events-none" fetchpriority="high">
2524  </section>
2525
2526  
2527  <section class="bg-sm-bg-page py-15 overflow-hidden">
2528    <div class="page-px flex flex-col justify-center items-center max-w-desktop mx-auto ">
2529      <h2 class="xl:text-4xl lg:text-3xl md:text-2xl text-sm-text-title-medium mb-2">
2530         <strong class="text-sm-text-title-large">가성비 클라우드</strong>를 바로 확인해 보세요.
2531      </h2>
2532      <div class="text-sm
2533       text-sm-text-secondary px-4">효율적이고 저렴한 비용과 강력한 클라우드 컴퓨팅 성능은 다양한 산업 환경에서 무한한 확장성을 제공합니다.</div>
2534      <div class="mt-14 gap-14 flex flex-col justify-center items-center w-full">
2535        <div id="product-tabs" class="nav-product text-base text-sm-text-secondary font-bold relative">
2536          <button class="nav-product-item active whitespace-nowrap lg:min-w-[120px] min-w-0 lg:px-10 sm:px-5 px-3.5 py-1.5 relative z-1" data-target="https://www.iwinv.kr/server/server">서버</button>
2537          <button class="nav-product-item whitespace-nowrap lg:min-w-[120px] min-w-0 lg:px-10 sm:px-5 px-3.5 py-1.5 relative z-1" data-target="https://www.iwinv.kr/llm-gpu/gpu">LLM&GPU</button>
2538          <button class="nav-product-item whitespace-nowrap lg:min-w-[120px] min-w-0 lg:px-10 sm:px-5 px-3.5 py-1.5 relative z-1" data-target="https://www.iwinv.kr/database/dbms/mysql">데이터베이스</button>
2539          <button class="nav-product-item whitespace-nowrap lg:min-w-[120px] min-w-0 lg:px-10 sm:px-5 px-3.5 py-1.5 relative z-1" data-target="https://www.iwinv.kr/security/wapples">보안</button>
2540          <button class="nav-product-item whitespace-nowrap lg:min-w-[120px] min-w-0 lg:px-10 sm:px-5 px-3.5 py-1.5 relative z-1" data-target="https://www.iwinv.kr/management/fullcare">매니지먼트</button>
2541          <div class="bar absolute bottom-0 h-full bg-[rgba(var(--blue-8))] rounded-full transition-all duration-300 ease-out shadow-[0_0px_6px_rgba(0,0,0,0.25)]" style="width: 0px; left: 0px;"></div>
2542        </div>
2543        <div id="product-list-container" class="w-full relative flex flex-col justify-center items-center">
2544          
2545          <ul class="product-item flex xl:flex-row xl-2:gap-16 gap-10 relative flex-col w-full flex-1 transition-all duration-300">
2546            <li class="relative group box-border flex-1">
2547                <div class="card rounded-30 h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
2548                  <div class="flex items-center justify-between mb-2">
2549                    <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
2550                      General Purpose
2551                    </span>
2552                  </div>
2553            
2554                  <div class="mb-6">
2555                    <div class="text-sm-text-secondary text-lg mb-1">
2556                    vgna_1_n
2557                    </div>
2558                    <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
2559                      <span class="text-3xl ">5,600</span>
2560                      <span class=" ml-1">원/월</span>
2561                    </div>
2562                    <p class="text-sm-text-secondary text-xs">단위: 원 / 부가세 별도</p>
2563                  </div>
2564                  <hr class="border-sm-border-light mb-4">
2565                  <div class="space-y-5 mb-6 text-sm-text-title-medium">
2566                    <!-- vCPU -->
2567                    <div>
2568                      <p class="text-sm-text-secondary text-xs">vCPU</p>
2569                      <p class="text-sm-text-primary font-semibold text-sm">1vCPU</p>
2570                    </div>
2571            
2572                    <!-- Memory -->
2573                    <div>
2574                      <p class="text-sm-text-secondary text-xs">Memory</p>
2575                      <p class="text-sm-text-primary font-semibold text-sm">1 GB</p>
2576                    </div>
2577            
2578                    <!-- Storage -->
2579                    <div>
2580                      <p class="text-sm-text-secondary text-xs">Storage</p>
2581                      <p class="text-sm-text-primary font-semibold text-sm">NVMe 25GB</p>
2582                    </div>
2583                  </div>
2584            
2585                  <!-- footer opration -->
2586                  <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
2587                    <a href="https://www.iwinv.kr/server/server#general" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
2588                      서비스 바로가기
2589                      <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
2590                    </a>
2591                  </div>
2592                </div>
2593            </li>
2594            <li class=" relative  group box-border flex-1">
2595              <div class="card rounded-30  h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
2596                <div class="flex items-center justify-between mb-2">
2597                  <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
2598                    High Performance
2599                  </span>
2600                </div>
2601          
2602                <div class="mb-6">
2603                  <div class="text-sm-text-secondary text-lg mb-1">
2604                  hpa_1.2_n
2605                    </div>
2606                  <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
2607                    <span class="text-3xl ">17,500</span>
2608                    <span class=" ml-1">원/월</span>
2609                  </div>
2610                  <p class="text-sm-text-secondary text-xs">단위: 원 / 부가세 별도</p>
2611                </div>
2612          
2613                <hr class="border-sm-border-light mb-4">
2614          
2615                <div class="space-y-5 mb-6">
2616                  <!-- vCPU -->
2617                  <div>
2618                    <p class="text-sm-text-secondary text-xs">vCPU</p>
2619                    <p class="text-sm-text-primary font-semibold text-sm">1vCPU</p>
2620                  </div>
2621          
2622                  <!-- Memory -->
2623                  <div>
2624                    <p class="text-sm-text-secondary text-xs">Memory</p>
2625                    <p class="text-sm-text-primary font-semibold text-sm">2 GB</p>
2626                  </div>
2627          
2628                  <!-- Storage -->
2629                  <div>
2630                    <p class="text-sm-text-secondary text-xs">Storage</p>
2631                    <p class="text-sm-text-primary font-semibold text-sm">NVMe 50GB</p>
2632                  </div>
2633                </div>
2634          
2635                 <!-- footer opration -->
2636                 <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
2637                  <a href="https://www.iwinv.kr/server/server#hihePer" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
2638                    서비스 바로가기
2639                    <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
2640                  </a>
2641                </div>
2642              </div>
2643            </li>
2644              <li class=" relative  group box-border flex-1">
2645                <div class="card rounded-30  h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
2646                  <div class="flex items-center justify-between mb-2">
2647                    <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
2648                      Storage Optimized
2649                    </span>
2650                  </div>
2651            
2652                  <div class="mb-6">
2653                    <div class="text-sm-text-secondary text-lg mb-1">
2654                    soi_2.8_s
2655                    </div>
2656                    <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
2657                      <span class="text-3xl ">45,100</span>
2658                      <span class=" ml-1">원/월</span>
2659                    </div>
2660                      <p class="text-sm-text-secondary text-xs">단위: 원 / 부가세 별도</p>
2661                  </div>
2662            
2663                  <hr class="border-sm-border-light mb-4">
2664            
2665                  <div class="space-y-5 mb-6">
2666                    <!-- vCPU -->
2667                    <div>
2668                      <p class="text-sm-text-secondary text-xs">vCPU</p>
2669                      <p class="text-sm-text-primary font-semibold text-sm">2vCPU</p>
2670                    </div>
2671            
2672                    <!-- Memory -->
2673                    <div>
2674                      <p class="text-sm-text-secondary text-xs">Memory</p>
2675                      <p class="text-sm-text-primary font-semibold text-sm">8 GB</p>
2676                    </div>
2677            
2678                    <!-- Storage -->
2679                    <div>
2680                      <p class="text-sm-text-secondary text-xs">Storage</p>
2681                      <p class="text-sm-text-primary font-semibold text-sm">SSD 200 GB</p>
2682                    </div>
2683                  </div>
2684            
2685                  <!-- footer opration -->
2686                  <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
2687                    <a href="https://www.iwinv.kr/server/server#StorageOpt" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
2688                      서비스 바로가기
2689                      <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
2690                    </a>
2691                  </div>
2692                </div>
2693            </li>
2694          </ul>
2695          <!-- llm&gpu -->
2696          <ul class="product-item flex xl:flex-row xl-2:gap-16 gap-10 relative flex-col w-full flex-1 transition-all duration-300">
2697            <li class="relative group box-border flex-1">
2698                <div class="card rounded-30 h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
2699                  <div class="flex items-center justify-between mb-2">
2700                    <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
2701                    LLM&GPU
2702                    </span>
2703                  </div>
2704            
2705                  <div class="mb-6">
2706                    <div class="text-sm-text-secondary text-lg mb-1">
2707                    V100.G1
2708                    </div>
2709                    <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
2710                      <span class="text-3xl ">349,000</span>
2711                      <span class=" ml-1">원/월</span>
2712                    </div>
2713                    <p class="text-sm-text-secondary text-xs">단위: 원 / 부가세 별도</p>
2714                  </div>
2715                  <hr class="border-sm-border-light mb-4">
2716                  <div class="space-y-5 mb-6 text-sm-text-title-medium">
2717                    <!-- vCPU -->
2718                    <div>
2719                      <p class="text-sm-text-secondary text-xs">vCPU</p>
2720                      <p class="text-sm-text-primary font-semibold text-sm">8vCPU</p>
2721                    </div>
2722            
2723                    <!-- Memory -->
2724                    <div>
2725                      <p class="text-sm-text-secondary text-xs">Memory</p>
2726                      <p class="text-sm-text-primary font-semibold text-sm">
2727                      92 GB
2728                      <br>
2729                      (DRAM 60GB + VRAM 32GB)
2730                    </p>
2731                    </div>
2732            
2733                    <!-- Storage -->
2734                    <div>
2735                      <p class="text-sm-text-secondary text-xs">Storage</p>
2736                      <p class="text-sm-text-primary font-semibold text-sm">SSD 100 GB</p>
2737                    </div>
2738                  </div>
2739            
2740                  <!-- footer opration -->
2741                  <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
2742                    <a href="https://www.iwinv.kr/llm-gpu/gpu" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
2743                      서비스 바로가기
2744                      <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
2745                    </a>
2746                  </div>
2747                </div>
2748            </li>
2749            <li class=" relative  group box-border flex-1">
2750              <div class="card rounded-30  h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
2751                <div class="flex items-center justify-between mb-2">
2752                  <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
2753                  LLM&GPU
2754                  </span>
2755                </div>
2756          
2757                <div class="mb-6">
2758                  <div class="text-sm-text-secondary text-lg mb-1">
2759                  4090.G1
2760                    </div>
2761                  <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
2762                    <span class="text-3xl ">495,000</span>
2763                    <span class=" ml-1">원/월</span>
2764                  </div>
2765                  <p class="text-sm-text-secondary text-xs">단위: 원 / 부가세 별도</p>
2766                </div>
2767          
2768                <hr class="border-sm-border-light mb-4">
2769          
2770                <div class="space-y-5 mb-6">
2771                  <!-- vCPU -->
2772                  <div>
2773                    <p class="text-sm-text-secondary text-xs">vCPU</p>
2774                    <p class="text-sm-text-primary font-semibold text-sm">8vCPU</p>
2775                  </div>
2776          
2777                  <!-- Memory -->
2778                  <div>
2779                    <p class="text-sm-text-secondary text-xs">Memory</p>
2780                    <p class="text-sm-text-primary font-semibold text-sm">
2781                      84 GB
2782                        <br>
2783                        (DRAM 60GB + VRAM 24GB)
2784                      </p>
2785                  </div>
2786          
2787                  <!-- Storage -->
2788                  <div>
2789                    <p class="text-sm-text-secondary text-xs">Storage</p>
2790                    <p class="text-sm-text-primary font-semibold text-sm">SSD 100 GB</p>
2791                  </div>
2792                </div>
2793          
2794                 <!-- footer opration -->
2795                 <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
2796                  <a href="https://www.iwinv.kr/llm-gpu/gpu" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
2797                    서비스 바로가기
2798                    <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
2799                  </a>
2800                </div>
2801              </div>
2802            </li>
2803              <li class=" relative  group box-border flex-1">
2804                <div class="card rounded-30  h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
2805                  <div class="flex items-center justify-between mb-2">
2806                    <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
2807                    LLM&GPU
2808                    </span>
2809                  </div>
2810            
2811                  <div class="mb-6">
2812                    <div class="text-sm-text-secondary text-lg mb-1">
2813                    PRO6000.G1-M16
2814                    </div>
2815                    <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
2816                      <span class="text-3xl ">2,375,000</span>
2817                      <span class=" ml-1">원/월</span>
2818                    </div>
2819                      <p class="text-sm-text-secondary text-xs">단위: 원 / 부가세 별도</p>
2820                  </div>
2821            
2822                  <hr class="border-sm-border-light mb-4">
2823            
2824                  <div class="space-y-5 mb-6">
2825                    <!-- vCPU -->
2826                    <div>
2827                      <p class="text-sm-text-secondary text-xs">vCPU</p>
2828                      <p class="text-sm-text-primary font-semibold text-sm">8vCPU</p>
2829                    </div>
2830            
2831                    <!-- Memory -->
2832                    <div>
2833                      <p class="text-sm-text-secondary text-xs">Memory</p>
2834                      <p class="text-sm-text-primary font-semibold text-sm">
2835                      112 GB
2836                        <br>
2837                        (DRAM 16GB + VRAM 96GB)
2838                      </p>
2839                    </div>
2840            
2841                    <!-- Storage -->
2842                    <div>
2843                      <p class="text-sm-text-secondary text-xs">Storage</p>
2844                      <p class="text-sm-text-primary font-semibold text-sm">SSD 100 GB</p>
2845                    </div>
2846                  </div>
2847            
2848                  <!-- footer opration -->
2849                  <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
2850                    <a href="https://www.iwinv.kr/llm-gpu/gpu" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
2851                      서비스 바로가기
2852                      <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
2853                    </a>
2854                  </div>
2855                </div>
2856            </li>
2857          </ul>
2858          
2859          <ul class="product-item flex xl:flex-row xl-2:gap-16 gap-10 relative flex-col w-full flex-1 transition-all duration-300 hidden ">
2860            <li class="relative group box-border flex-1">
2861                <div class="card rounded-30 h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
2862                  <div class="flex items-center justify-between mb-2">
2863                    <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
2864                      MySQL
2865                    </span>
2866                  </div>
2867            
2868                  <div class="mb-6">
2869                    <div class="text-sm-text-secondary text-lg mb-1">
2870                    stdmy_1.2_s
2871                    </div>
2872                    <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
2873                      <span class="text-3xl ">14,100</span>
2874                      <span class=" ml-1">원/월</span>
2875                    </div>
2876                    <p class="text-sm-text-secondary text-xs">단위: 원 / 부가세 별도</p>
2877                  </div>
2878            
2879                  <hr class="border-sm-border-light mb-4">
2880            
2881                  <div class="space-y-5 mb-6">
2882                    <!-- vCPU -->
2883                    <div>
2884                      <p class="text-sm-text-secondary text-xs">vCPU</p>
2885                      <p class="text-sm-text-primary font-semibold text-sm">1vCPU</p>
2886                    </div>
2887            
2888                    <!-- Memory -->
2889                    <div>
2890                      <p class="text-sm-text-secondary text-xs">Memory</p>
2891                      <p class="text-sm-text-primary font-semibold text-sm">2 GB</p>
2892                    </div>
2893            
2894                    <!-- Storage -->
2895                    <div>
2896                      <p class="text-sm-text-secondary text-xs">Storage</p>
2897                      <p class="text-sm-text-primary font-semibold text-sm">SSD 100 GB</p>
2898                    </div>
2899                  </div>
2900            
2901                  <!-- footer opration -->
2902                  <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
2903                    <a href="https://www.iwinv.kr/database/dbms/mysql#mssql" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
2904                      서비스 바로가기
2905                      <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
2906                    </a>
2907                  </div>
2908                </div>
2909            </li>
2910            <li class="relative group box-border flex-1">
2911              <div class="card rounded-30 h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
2912                <div class="flex items-center justify-between mb-2">
2913                  <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
2914                    MariaDB
2915                  </span>
2916                </div>
2917          
2918                <div class="mb-6">
2919                  <div class="text-sm-text-secondary text-lg mb-1">
2920                  hmmar_2.8_s
2921                    </div>
2922                  <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
2923                    <span class="text-3xl ">49,990</span>
2924                    <span class=" ml-1">원/월</span>
2925                  </div>
2926                  <p class="text-sm-text-secondary text-xs">단위: 원 / 부가세 별도</p>
2927                </div>
2928          
2929                <hr class="border-sm-border-light mb-4">
2930          
2931                <div class="space-y-5 mb-6">
2932                  <!-- vCPU -->
2933                  <div>
2934                    <p class="text-sm-text-regular text-xs">vCPU</p>
2935                    <p class="text-sm-text-primary font-semibold text-sm">2vCPU</p>
2936                  </div>
2937          
2938                  <!-- Memory -->
2939                  <div>
2940                    <p class="text-sm-text-secondary text-xs">Memory</p>
2941                    <p class="text-sm-text-primary font-semibold text-sm">8 GB</p>
2942                  </div>
2943          
2944                  <!-- Storage -->
2945                  <div>
2946                    <p class="text-sm-text-secondary text-xs">Storage</p>
2947                    <p class="text-sm-text-primary font-semibold text-sm">SSD 100 GB</p>
2948                  </div>
2949                </div>
2950          
2951                 <!-- footer opration -->
2952                 <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
2953                  <a href="https://www.iwinv.kr/database/dbms/mariadb#mariadb" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
2954                    서비스 바로가기
2955                    <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
2956                  </a>
2957                </div>
2958              </div>
2959            </li>
2960              <li class=" relative  group box-border flex-1">
2961                <div class="card rounded-30 h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
2962                  <div class="flex items-center justify-between mb-2">
2963                    <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
2964                      MS-SQL
2965                    </span>
2966                  </div>
2967            
2968                  <div class="mb-6">
2969                    <div class="text-sm-text-secondary text-lg mb-1">
2970                    stdms_1.5_4_s
2971                    </div>
2972                    <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
2973                      <span class="text-3xl ">125,840</span>
2974                      <span class=" ml-1">원/월</span>
2975                    </div>
2976                    <p class="text-sm-text-secondary text-xs">단위: 원 / 부가세 별도</p>
2977                  </div>
2978            
2979                  <hr class="border-sm-border-light mb-4">
2980            
2981                  <div class="space-y-5 mb-4">
2982                    <!-- vCPU -->
2983                    <div>
2984                      <p class="text-sm-text-secondary text-xs">vCPU</p>
2985                      <p class="text-sm-text-primary font-semibold text-sm">2vCPU</p>
2986                    </div>
2987                    <div>
2988                      <p class="text-sm-text-secondary text-xs">Storage</p>
2989                      <p class="text-sm-text-primary font-semibold text-sm">
2990                        <ul class="flex flex-col text-sm gap-1">
2991                          <li class="flex gap-5">
2992                            <div class="w-[120px] text-left font-semibold">Data</div>
2993                            <div class="w-[60px] text-center">100 GB</div>
2994                          </li>
2995                          <li class="flex gap-5">
2996                            <div class="w-[120px] text-left font-semibold">Backup</div>
2997                            <div class="w-[60px] text-center">100 GB</div>
2998                          </li>
2999                          <li class="flex gap-5">
3000                            <div class="w-[120px] text-left font-semibold">Master</div>
3001                            <div class="w-[60px] text-center">10 GB</div>
3002                          </li>
3003                          <li class="flex gap-5">
3004                            <div class="w-[120px] text-left font-semibold">Transaction log</div>
3005                            <div class="w-[60px] text-center">10 GB</div>
3006                          </li>
3007                        </ul>
3008                      </p>
3009                    </div>
3010                  </div>
3011            
3012                  <!-- footer opration -->
3013                  <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
3014                    <a href="https://www.iwinv.kr/database/dbms/mssql#mssql" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
3015                      서비스 바로가기
3016                      <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
3017                    </a>
3018                  </div>
3019                </div>
3020            </li>
3021          </ul>
3022          
3023          <ul class="product-item flex xl:flex-row xl-2:gap-16 gap-10 relative flex-col w-full flex-1 transition-all duration-300 hidden ">
3024            <li class=" relative group box-border flex-1">
3025                <div class="card rounded-30 h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
3026                  <div class="flex items-center justify-between mb-2">
3027                    <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
3028                      SSL
3029                    </span>
3030                  </div>
3031            
3032                  <div class="mb-6">
3033                    <div class="text-sm-text-secondary text-lg mb-1">
3034                    Sectigo 베이직
3035                    </div>
3036                    <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
3037                      <span class="text-3xl ">16,500</span>
3038                      <span class=" ml-1">원</span>
3039                    </div>
3040                    <p class="text-sm-text-regular text-sm mt-1">단위: 원 / 부가세 별도</p>
3041                  </div>
3042            
3043                  <hr class="border-sm-border-lighter mb-4">
3044            
3045                  <div class="space-y-5 mb-6">
3046                    <div>
3047                      <p class="text-sm-text-secondary text-xs">지원도메인 수</p>
3048                      <p class="text-sm-text-primary font-semibold text-sm">1개 도메인</p>
3049                    </div>
3050            
3051                    <div>
3052                      <p class="text-sm-text-secondary text-xs">유효기간</p>
3053                      <p class="text-sm-text-primary font-semibold text-sm">1년</p>
3054                    </div>
3055            
3056                    <div>
3057                      <p class="text-sm-text-secondary text-xs">등급</p>
3058                      <p class="text-sm-text-primary font-semibold text-sm">DV 등급 </p>
3059                    </div>
3060                  </div>
3061            
3062                  <!-- footer opration -->
3063                  <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
3064                    <a href="https://www.iwinv.kr/ssl/ssl#fee" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
3065                      서비스 바로가기
3066                      <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
3067                    </a>
3068                  </div>
3069                </div>
3070            </li>
3071            <li class="relative group box-border flex-1">
3072              <div class="card rounded-30 h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
3073                <div class="flex items-center justify-between mb-2">
3074                  <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
3075                    Turbovaccine
3076                  </span>
3077                </div>
3078          
3079                <div class="mb-6">
3080                  <div class="text-sm-text-secondary text-lg mb-1">
3081                    Windows
3082                    </div>
3083                  <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
3084                    <span class="text-3xl ">7,300</span>
3085                    <span class=" ml-1">원</span>
3086                  </div>
3087                  <p class="text-sm-text-secondary text-xs">단위: 원 / 부가세 별도</p>
3088                </div>
3089          
3090                <hr class="border-sm-border-light mb-4">
3091          
3092                <div class="space-y-5 mb-6">
3093                  <div>
3094                    <div class="text-sm-text-secondary text-xs flex justify-between">
3095                      <span>Memory</span>
3096                      <span>(요구사양)</span>
3097                    </div>
3098                    <p class="text-sm-text-primary font-semibold text-sm">1GB</p>
3099                  </div>
3100                  <div>
3101                    <div class="text-sm-text-secondary text-xs flex justify-between">
3102                      <span>Disk</span>
3103                      <span>(요구사양)</span>
3104                    </div>
3105                    <p class="text-sm-text-primary font-semibold text-sm">2 GB</p>
3106                  </div>
3107                  <div>
3108                    <p class="text-sm-text-secondary text-xs">Storage</p>
3109                    <p class="text-sm-text-primary font-semibold text-sm">SSD 25 GB</p>
3110                  </div>
3111                </div>
3112          
3113                 <!-- footer opration -->
3114                 <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
3115                  <a href="https://www.iwinv.kr/security/vaccine#fee" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
3116                    서비스 바로가기
3117                    <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
3118                  </a>
3119                </div>
3120              </div>
3121            </li>
3122            <li class=" relative  group box-border flex-1">
3123                <div class="card rounded-30 h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
3124                  <div class="flex items-center justify-between mb-2">
3125                    <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
3126                      WAF
3127                    </span>
3128                  </div>
3129            
3130                  <div class="mb-6">
3131                    <div class="text-sm-text-secondary text-lg mb-1">
3132                    Deepfinder
3133                    </div>
3134                    <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
3135                      <span class="text-3xl ">110,000</span>
3136                      <span class=" ml-1">원/월</span>
3137                    </div>
3138                    <p class="text-sm-text-secondary text-xs">단위: 원 / 부가세 별도</p>
3139                  </div>
3140            
3141                  <hr class="border-sm-border-lighter mb-4">
3142            
3143                  <div class="space-y-5 mb-6">
3144                    <div>
3145                      <div class="text-sm-text-secondary text-xs flex justify-between">
3146                        <span>Memory</span>
3147                        <span>(요구사양)</span>
3148                      </div>
3149                      <p class="text-sm-text-primary font-semibold text-sm">4GB</p>
3150                    </div>
3151                    <div>
3152                      <div class="text-sm-text-secondary text-xs flex justify-between">
3153                        <span>Disk</span>
3154                        <span>(요구사양)</span>
3155                      </div>
3156                      <p class="text-sm-text-primary font-semibold text-sm">100 MB</p>
3157                    </div>
3158                  </div>
3159                  <!-- footer opration -->
3160                  <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
3161                    <a href="https://www.iwinv.kr/security/deepfinder#deepfinder" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
3162                      서비스 바로가기
3163                      <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
3164                    </a>
3165                  </div>
3166                </div>
3167            </li>
3168          </ul>
3169          
3170          <ul class="product-item flex xl:flex-row xl-2:gap-16 gap-10 relative flex-col w-full flex-1 transition-all duration-300 hidden ">
3171            <li class=" relative group box-border flex-1">
3172                <div class="card rounded-30 h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
3173                  <div class="flex items-center justify-between mb-2">
3174                    <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
3175                      MSP
3176                    </span>
3177                  </div>
3178            
3179                  <div class="mb-6">
3180                    <div class="text-sm-text-secondary text-lg mb-1">
3181                    Full Care
3182                    </div>
3183                    <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
3184                      <span class="text-3xl ">220,000</span>
3185                      <span class=" ml-1">원/월</span>
3186                    </div>
3187                    <p class="text-sm-text-secondary text-xs">단위 : 원 / 부가세 & 설치비 별도</p>
3188                  </div>
3189            
3190                  <hr class="border-sm-border-light mb-4">
3191            
3192                  <div class="space-y-5 mb-4">
3193                    <div class="mb-3">
3194                      <p class="text-sm-text-secondary text-xs">기본 혜택</p>
3195                      <ul class="text-sm-text-primary font-semibold text-sm  list-disc pl-3.5 mt-1">
3196                        <li class="">컨설팅</li>
3197                        <li>운영관리 및 마이그레이션</li>
3198                        <li>모니터링</li>
3199                      </ul>
3200                    </div>
3201                    <div>
3202                      <p class="text-sm-text-secondary text-xs">추가 혜택</p>
3203                      <ul class="text-sm-text-primary font-semibold text-sm  list-disc pl-3.5 mt-1">
3204                        <li>운영보고서</li>
3205                      </ul>
3206                    </div>
3207                  </div>
3208            
3209                  <!-- footer opration -->
3210                  <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
3211                    <a href="https://www.iwinv.kr/management/fullcare#fee" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
3212                      서비스 바로가기
3213                      <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
3214                    </a>
3215                  </div>
3216                </div>
3217            </li>
3218            <li class="relative group box-border flex-1">
3219              <div class="card rounded-30 h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
3220                <div class="flex items-center justify-between mb-2">
3221                  <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
3222                    MSP
3223                  </span>
3224                </div>
3225          
3226                <div class="mb-6">
3227                  <div class="text-sm-text-secondary text-lg mb-1">
3228                    Data Care
3229                    </div>
3230                  <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
3231                    <span class="text-3xl ">275,000</span>
3232                    <span class=" ml-1">원/월</span>
3233                  </div>
3234                  <p class="text-sm-text-secondary text-xs">단위 : 원 / 부가세 & 설치비 별도</p>
3235                </div>
3236          
3237                <hr class="border-sm-border-light mb-4">
3238          
3239                <div class="space-y-5 mb-4">
3240                  <div class="mb-3">
3241                    <p class="text-sm-text-secondary text-xs">기본 혜택</p>
3242                    <ul class="text-sm-text-primary font-semibold text-sm list-disc pl-3.5 mt-1">
3243                      <li>Full Care 서비스 포함</li>
3244                      <li>파일 백업 추가 지원</li>
3245                    </ul>
3246                  </div>
3247          
3248                  <div>
3249                    <p class="text-sm-text-secondary text-xs">추가 혜택</p>
3250                    <ul class="text-sm-text-primary font-semibold text-sm list-disc pl-3.5 mt-1">
3251                      <li>운영보고서</li>
3252                      <li>서버용 백신 추가 제공</li>
3253                    </ul>
3254                  </div>
3255                </div>
3256          
3257                 <!-- footer opration -->
3258                 <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
3259                  <a href="https://www.iwinv.kr/management/fullcare#fee" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
3260                    서비스 바로가기
3261                    <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
3262                  </a>
3263                </div>
3264              </div>
3265            </li>
3266            <li class="relative  group box-border flex-1">
3267                <div class="card rounded-30 h-[420px] overflow-hidden w-full px-8 py-9 box-border bg-sm-fill relative transition-all duration-300 ease-out top-0 group-hover:top-[-10px]">
3268                  <div class="flex items-center justify-between mb-2">
3269                    <span class="border border-solid border-sm-primary px-2 py-1 text-sm-primary rounded-full text-xs font-bold">
3270                      MSP
3271                    </span>
3272                  </div>
3273            
3274                  <div class="mb-6">
3275                    <div class="text-sm-text-secondary text-lg mb-1">
3276                    Security Care
3277                    </div>
3278                    <div class="flex items-baseline text-sm-text-title-medium font-bold gap-2 mb-2">
3279                      <span class="text-3xl">330,000</span>
3280                      <span class=" ml-1">원/월</span>
3281                    </div>
3282                    <p class="text-sm-text-secondary text-xs">단위 : 원 / 부가세 & 설치비 별도</p>
3283                  </div>
3284            
3285                  <hr class="border-sm-border-light mb-4">
3286            
3287                  <div class="space-y-5 mb-4">
3288                    <!-- vCPU -->
3289                    <div class="mb-3">
3290                      <p class="text-sm-text-secondary text-xs">기본 혜택</p>
3291                      <ul class="text-sm-text-primary font-semibold text-sm list-disc pl-3.5 mt-1">
3292                        <li>컨설팅</li>
3293                        <li>운영관리 및 마이그레이션</li>
3294                        <li>모니터링</li>
3295                      </ul>
3296                    </div>
3297                    <div>
3298                      <p class="text-sm-text-secondary text-xs">추가 혜택</p>
3299                      <ul class="text-sm-text-primary font-semibold text-sm list-disc pl-3.5 mt-1">
3300                        <li>운영보고서</li>
3301                        <li>백신 + VPN + OTP 지원</li>
3302                        <li>WAF 또는 안랩CPP등 1종 추가 제공</li>
3303                      </ul>
3304                    </div>
3305                  </div>
3306            
3307                  <!-- footer opration -->
3308                  <div class="flex justify-end absolute bottom-[25px] left-0 right-[32px]">
3309                    <a href="https://www.iwinv.kr/management/fullcare#fee" class="text-sm-text-secondary group-hover:text-sm-primary font-bold  text-sm flex items-center">
3310                      서비스 바로가기
3311                      <i class="iconfont icon-arrow_right_2 ml-1 text-xs"></i>
3312                    </a>
3313                  </div>
3314                </div>
3315            </li>
3316          </ul>
3317        </div>
3318        <div class="flex w-full justify-center items-center">
3319          <a href="https://www.iwinv.kr/server/server" class="product-more-btn bg-[rgba(var(--blue-6))] py-2 px-5 rounded-full text-white font-bold text-lg">          
3320            상세 페이지 바로가기
3321          </a>
3322        </div>
3323      </div>
3324    </div>
3325  </section>
3326  
3327  <section class="relative overflow-hidden">
3328    <div id="layout3-swiper" class="swiper">
3329      <div class="swiper-wrapper">
3330        <div class="swiper-slide">
3331          <img src="https://www.iwinv.kr/images/www/banner/layout3_1.png" alt="" class="w-full h-full object-cover">
3332        </div>
3333        <div class="swiper-slide">
3334          <img src="https://www.iwinv.kr/images/www/banner/layout3_2.png" alt="" class="w-full h-full object-cover">
3335        </div>
3336        <div class="swiper-slide">
3337          <img src="https://www.iwinv.kr/images/www/banner/layout3_3.png" alt="" class="w-full h-full object-cover">
3338        </div>
3339      </div>
3340    </div>
3341  </section>
3342  
3343  <section class="relative page-px py-20 bg-sm-bg-page">
3344    <div class="max-w-desktop mx-auto">
3345
3346      <div class=" max-w-desktop mx-auto flex justify-center">
3347        <h1 class="text-4xl font-bold text-sm-text-primary">iwinv 클라우드의 새로운 소식을 확인해 보세요.</h1>
3348      </div>
3349      <div class="text-sm-text-regular gap-5 ml-8 flex justify-end mt-10 mb-10">
3350        <a href="https://docs.iwinv.kr/blog" target="_blank" class="bg-[rgba(var(--blue-6))] py-2 px-7 rounded-full text-white font-bold text-lg">          
3351          바로가기
3352        </a>
3353        <button aria-label="button"   id=new_notice_swiper_prev  type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-info sm-btn-medium rounded-full w-[44px] h-[44px] p-0 bg-gray-3 border-gray-3 hover:bg-gray-4/80 hover:border-gray-4/80 active:bg-gray-5/80 active:border-gray-5/80"     >
3354  <i class="iconfont icon-arrow_left_2 text-lg text-sm-text-regular"></i>
3355</button>
3356        <button aria-label="button"   id=new_notice_swiper_next  type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-info sm-btn-medium rounded-full w-[44px] h-[44px] p-0 bg-gray-3 border-gray-3 hover:bg-gray-4/80 hover:border-gray-4/80 active:bg-gray-5/80 active:border-gray-5/80"     >
3357  <i class="iconfont icon-arrow_right_2 text-lg text-sm-text-regular"></i>
3358</button>
3359      </div>
3360    </div>
3361    <div class="flex justify-end">
3362
3363      <div id="new_notice_swiper" class="swiper w-[calc(100vw-(100vw-var(--max-width-desktop))/2)] relative h-auto box-border py-2!" style="margin-left: 0px; margin-right: 0px">
3364        <div class="swiper-wrapper ">
3365                        <div class="swiper-slide rounded-20 overflow-hidden w-[284px]! min-h-[210px]! bg-sm-bg flex! flex-col! p-5 h-auto!
3366              ">
3367                <div class="flex justify-between items-center">
3368                  <span class="text-sm text-sm-primary font-semibold">NEW</span>
3369                  <a aria-label="a" href="https://docs.iwinv.kr/blog/2026/08/07/pg-service-release" target="_blank"   type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-info sm-btn-medium rounded-full w-[44px] h-[44px] p-0 bg-gray-3 border-gray-3 hover:bg-gray-4/80 hover:border-gray-4/80 active:bg-gray-5/80 active:border-gray-5/80 text-sm-text-regular"     >
3370  <i class="iconfont icon-arrow_up_3 text-lg rotate-45"></i>
3371</a>
3372                </div>
3373                <div class="flex-1 flex flex-col justify-end">
3374                  <h3 class="text-3xl font-bold mt-1 text-sm-text-primary overflow-hidden break-words">iwinv 전자결제(PG) 서비스 출시</h3>
3375                  <div class="text-sm text-sm-text-secondary mt-2 line-clamp-2 whitespace-normal break-words overflow-hidden">iwinv에서 가맹 신청부터 API 연동까지 빠르고 손쉽게 시작할 수 있는 전자결제(PG) 서비스를 출시했습니다.</div>
3376                </div>
3377              </div>
3378                        <div class="swiper-slide rounded-20 overflow-hidden w-[284px]! min-h-[210px]! bg-sm-bg flex! flex-col! p-5 h-auto!
3379              ">
3380                <div class="flex justify-between items-center">
3381                  <span class="text-sm text-sm-primary font-semibold">NEW</span>
3382                  <a aria-label="a" href="https://docs.iwinv.kr/blog/2026/07/08/iwinv-ai-api-release" target="_blank"   type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-info sm-btn-medium rounded-full w-[44px] h-[44px] p-0 bg-gray-3 border-gray-3 hover:bg-gray-4/80 hover:border-gray-4/80 active:bg-gray-5/80 active:border-gray-5/80 text-sm-text-regular"     >
3383  <i class="iconfont icon-arrow_up_3 text-lg rotate-45"></i>
3384</a>
3385                </div>
3386                <div class="flex-1 flex flex-col justify-end">
3387                  <h3 class="text-3xl font-bold mt-1 text-sm-text-primary overflow-hidden break-words">AI API 정식 출시</h3>
3388                  <div class="text-sm text-sm-text-secondary mt-2 line-clamp-2 whitespace-normal break-words overflow-hidden">GPT, Gemini, Claude 등을 API Key 하나로 사용할 수 있는 통합 AI API 서비스, AI API를 출시했습니다.</div>
3389                </div>
3390              </div>
3391                        <div class="swiper-slide rounded-20 overflow-hidden w-[284px]! min-h-[210px]! bg-sm-bg flex! flex-col! p-5 h-auto!
3392              ">
3393                <div class="flex justify-between items-center">
3394                  <span class="text-sm text-sm-primary font-semibold">NEW</span>
3395                  <a aria-label="a" href="https://docs.iwinv.kr/blog/2026/06/15/release-cluster-dbms" target="_blank"   type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-info sm-btn-medium rounded-full w-[44px] h-[44px] p-0 bg-gray-3 border-gray-3 hover:bg-gray-4/80 hover:border-gray-4/80 active:bg-gray-5/80 active:border-gray-5/80 text-sm-text-regular"     >
3396  <i class="iconfont icon-arrow_up_3 text-lg rotate-45"></i>
3397</a>
3398                </div>
3399                <div class="flex-1 flex flex-col justify-end">
3400                  <h3 class="text-3xl font-bold mt-1 text-sm-text-primary overflow-hidden break-words">클러스터 DBMS   출시</h3>
3401                  <div class="text-sm text-sm-text-secondary mt-2 line-clamp-2 whitespace-normal break-words overflow-hidden">iwinv에서 Kubernetes 기반 고가용성 &#039;클러스터 DBMS&#039; 서비스를 출시했습니다.</div>
3402                </div>
3403              </div>
3404                        <div class="swiper-slide rounded-20 overflow-hidden w-[284px]! min-h-[210px]! bg-sm-bg flex! flex-col! p-5 h-auto!
3405              ">
3406                <div class="flex justify-between items-center">
3407                  <span class="text-sm text-sm-primary font-semibold">NEW</span>
3408                  <a aria-label="a" href="https://docs.iwinv.kr/blog/2026/06/15/release-rcs" target="_blank"   type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-info sm-btn-medium rounded-full w-[44px] h-[44px] p-0 bg-gray-3 border-gray-3 hover:bg-gray-4/80 hover:border-gray-4/80 active:bg-gray-5/80 active:border-gray-5/80 text-sm-text-regular"     >
3409  <i class="iconfont icon-arrow_up_3 text-lg rotate-45"></i>
3410</a>
3411                </div>
3412                <div class="flex-1 flex flex-col justify-end">
3413                  <h3 class="text-3xl font-bold mt-1 text-sm-text-primary overflow-hidden break-words">RCS 메시지 서비스   출시</h3>
3414                  <div class="text-sm text-sm-text-secondary mt-2 line-clamp-2 whitespace-normal break-words overflow-hidden">iwinv에서 메시지 서비스 중 RCS 메시지를 새로 출시했습니다.</div>
3415                </div>
3416              </div>
3417                        <div class="swiper-slide rounded-20 overflow-hidden w-[284px]! min-h-[210px]! bg-sm-bg flex! flex-col! p-5 h-auto!
3418              ">
3419                <div class="flex justify-between items-center">
3420                  <span class="text-sm text-sm-primary font-semibold">EVENT</span>
3421                  <a aria-label="a" href="https://docs.iwinv.kr/blog/2026/05/15/cloud-service-event" target="_blank"   type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-info sm-btn-medium rounded-full w-[44px] h-[44px] p-0 bg-gray-3 border-gray-3 hover:bg-gray-4/80 hover:border-gray-4/80 active:bg-gray-5/80 active:border-gray-5/80 text-sm-text-regular"     >
3422  <i class="iconfont icon-arrow_up_3 text-lg rotate-45"></i>
3423</a>
3424                </div>
3425                <div class="flex-1 flex flex-col justify-end">
3426                  <h3 class="text-3xl font-bold mt-1 text-sm-text-primary overflow-hidden break-words">클라우드 보급·확산 사업 이벤트</h3>
3427                  <div class="text-sm text-sm-text-secondary mt-2 line-clamp-2 whitespace-normal break-words overflow-hidden">iwinv가 2026년 중소기업 클라우드 서비스 보급·확산 사업 참여 고객을 대상으로 특별 프로모션을 제공합니다.</div>
3428                </div>
3429              </div>
3430                        <div class="swiper-slide rounded-20 overflow-hidden w-[284px]! min-h-[210px]! bg-sm-bg flex! flex-col! p-5 h-auto!
3431              ">
3432                <div class="flex justify-between items-center">
3433                  <span class="text-sm text-sm-primary font-semibold">UPDATE</span>
3434                  <a aria-label="a" href="https://docs.iwinv.kr/blog/2026/05/04/ubuntu26-04" target="_blank"   type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-info sm-btn-medium rounded-full w-[44px] h-[44px] p-0 bg-gray-3 border-gray-3 hover:bg-gray-4/80 hover:border-gray-4/80 active:bg-gray-5/80 active:border-gray-5/80 text-sm-text-regular"     >
3435  <i class="iconfont icon-arrow_up_3 text-lg rotate-45"></i>
3436</a>
3437                </div>
3438                <div class="flex-1 flex flex-col justify-end">
3439                  <h3 class="text-3xl font-bold mt-1 text-sm-text-primary overflow-hidden break-words">Ubuntu 26.04 LTS 업데이트</h3>
3440                  <div class="text-sm text-sm-text-secondary mt-2 line-clamp-2 whitespace-normal break-words overflow-hidden">Ubuntu 26.04 LTS는 장기 지원 기반의 최신 Ubuntu 버전으로, 안정적인 서버 운영과 보안 업데이트를 중요하게 생각하는 고객님께 적합한 운영체제입니다.</div>
3441                </div>
3442              </div>
3443                        <div class="swiper-slide rounded-20 overflow-hidden w-[284px]! min-h-[210px]! bg-sm-bg flex! flex-col! p-5 h-auto!
3444              ">
3445                <div class="flex justify-between items-center">
3446                  <span class="text-sm text-sm-primary font-semibold">NEW</span>
3447                  <a aria-label="a" href="https://docs.iwinv.kr/blog/2026/02/25/new-gpu-v100-release" target="_blank"   type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-info sm-btn-medium rounded-full w-[44px] h-[44px] p-0 bg-gray-3 border-gray-3 hover:bg-gray-4/80 hover:border-gray-4/80 active:bg-gray-5/80 active:border-gray-5/80 text-sm-text-regular"     >
3448  <i class="iconfont icon-arrow_up_3 text-lg rotate-45"></i>
3449</a>
3450                </div>
3451                <div class="flex-1 flex flex-col justify-end">
3452                  <h3 class="text-3xl font-bold mt-1 text-sm-text-primary overflow-hidden break-words">A100&amp;V100 GPU 서버 라인업 추가</h3>
3453                  <div class="text-sm text-sm-text-secondary mt-2 line-clamp-2 whitespace-normal break-words overflow-hidden">iwinv GPU 서버 라인업에 A100&amp;V100이 새롭게 추가되었습니다. 고성능 AI 모델 학습부터 실시간 추론까지 최상의 환경을 iwinv에서 경험해 보세요.</div>
3454                </div>
3455              </div>
3456                        <div class="swiper-slide rounded-20 overflow-hidden w-[284px]! min-h-[210px]! bg-sm-bg flex! flex-col! p-5 h-auto!
3457              ">
3458                <div class="flex justify-between items-center">
3459                  <span class="text-sm text-sm-primary font-semibold">NEW</span>
3460                  <a aria-label="a" href="https://docs.iwinv.kr/blog/2025/11/17/new-baremetal-release" target="_blank"   type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-info sm-btn-medium rounded-full w-[44px] h-[44px] p-0 bg-gray-3 border-gray-3 hover:bg-gray-4/80 hover:border-gray-4/80 active:bg-gray-5/80 active:border-gray-5/80 text-sm-text-regular"     >
3461  <i class="iconfont icon-arrow_up_3 text-lg rotate-45"></i>
3462</a>
3463                </div>
3464                <div class="flex-1 flex flex-col justify-end">
3465                  <h3 class="text-3xl font-bold mt-1 text-sm-text-primary overflow-hidden break-words">
3465서비스 용도에 맞게, NEW 베어메탈 서버</h3>
3466                  <div class="text-sm text-sm-text-secondary mt-2 line-clamp-2 whitespace-normal break-words overflow-hidden">최적화된 두 가지 핵심 모델을 중심으로, 안정적인 서비스를 제공합니다.</div>
3467                </div>
3468              </div>
3469                        <div class="swiper-slide rounded-20 overflow-hidden w-[284px]! min-h-[210px]! bg-sm-bg flex! flex-col! p-5 h-auto!
3470              ">
3471                <div class="flex justify-between items-center">
3472                  <span class="text-sm text-sm-primary font-semibold">EVENT</span>
3473                  <a aria-label="a" href="https://docs.iwinv.kr/blog/2025/09/17/gpu" target="_blank"   type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-info sm-btn-medium rounded-full w-[44px] h-[44px] p-0 bg-gray-3 border-gray-3 hover:bg-gray-4/80 hover:border-gray-4/80 active:bg-gray-5/80 active:border-gray-5/80 text-sm-text-regular"     >
3474  <i class="iconfont icon-arrow_up_3 text-lg rotate-45"></i>
3475</a>
3476                </div>
3477                <div class="flex-1 flex flex-col justify-end">
3478                  <h3 class="text-3xl font-bold mt-1 text-sm-text-primary overflow-hidden break-words">GPU 50% 할인 프로모션</h3>
3479                  <div class="text-sm text-sm-text-secondary mt-2 line-clamp-2 whitespace-normal break-words overflow-hidden">iwinv GPU 클라우드를 1년 이상 사용한 고객, 반값GPU 클라우드를 이용하실...</div>
3480                </div>
3481              </div>
3482                        <div class="swiper-slide rounded-20 overflow-hidden w-[284px]! min-h-[210px]! bg-sm-bg flex! flex-col! p-5 h-auto!
3483              ">
3484                <div class="flex justify-between items-center">
3485                  <span class="text-sm text-sm-primary font-semibold">NEW</span>
3486                  <a aria-label="a" href="https://docs.iwinv.kr/blog/2025/09/01/llm-gpu-launch" target="_blank"   type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-info sm-btn-medium rounded-full w-[44px] h-[44px] p-0 bg-gray-3 border-gray-3 hover:bg-gray-4/80 hover:border-gray-4/80 active:bg-gray-5/80 active:border-gray-5/80 text-sm-text-regular"     >
3487  <i class="iconfont icon-arrow_up_3 text-lg rotate-45"></i>
3488</a>
3489                </div>
3490                <div class="flex-1 flex flex-col justify-end">
3491                  <h3 class="text-3xl font-bold mt-1 text-sm-text-primary overflow-hidden break-words">LLM 최적화, GPU서버 출시</h3>
3492                  <div class="text-sm text-sm-text-secondary mt-2 line-clamp-2 whitespace-normal break-words overflow-hidden">비싼 HBM GPU 없어도 OK! 보급형 GPU의 수평 확장을 통해 합리적 비용으로 많은 VRAM을 확보하세요!</div>
3493                </div>
3494              </div>
3495            
3496      </div>
3497    </div>
3498    </div>
3499  </section>
3500
3501
3502  
3503    <section
3504      class="relative overflow-hidden text-white bg-[url('/images/www/banner/v2_welcome_use_bg_banner.jpg')] bg-no-repeat sm:bg-center bg-right bg-cover bg-blue-9 py-20 flex min-h-[600px]">
3505      <div class="max-w-desktop w-full mx-auto flex flex-row xl:gap-0 gap-5">
3506        <div class="xl:w-[600px] xl-2:pl-0  pl-15 w-full lg:block hidden">
3507          <ul id="welcome-use-picture" class="relative mt-15">
3508            <li class="absolute top-0 left-0 active group">
3509              <div class="group-[.active]:opacity-100 opacity-0 transition-all duration-300">
3510                <img src="https://www.iwinv.kr/images/www/banner/v2_welcome_use_example_banner.jpg" alt="" class="w-full h-full object-cover rounded-[5px] overflow-clip">
3511                <div class="bg-[url('/images/www/banner/v2_welcome_use_icon.svg')] bg-no-repeat bg-center absolute -bottom-10 -left-10 w-35 h-25 pl-5.5 pt-5.5">
3512                  <i class="iconfont icon-user_1 text-5xl!"></i>
3513                </div>
3514              </div>
3515            </li>
3516            <li class="absolute top-0 left-0 group">
3517              <div class="group-[.active]:opacity-100 opacity-0 transition-all duration-300">
3518                <img src="https://www.iwinv.kr/images/www/banner/v2_welcome_use_example_banner2.jpg" alt="" class="w-full h-full object-cover rounded-[5px] overflow-clip">
3519                <div class="bg-[url('/images/www/banner/v2_welcome_use_icon.svg')] bg-no-repeat bg-center absolute -bottom-10 -left-10 w-35 h-25 pl-6.5 pt-6.5">
3520                  <i class="iconfont icon-find text-5xl!"></i>
3521                </div>
3522            </li>
3523            <li class="absolute top-0 left-0 group">
3524              <div class="group-[.active]:opacity-100 opacity-0 transition-all duration-300">
3525                <img src="https://www.iwinv.kr/images/www/banner/v2_welcome_use_example_banner3.jpg" alt="" class="w-full h-full object-cover rounded-[5px] overflow-clip">
3526                <div class="bg-[url('/images/www/banner/v2_welcome_use_icon.svg')] bg-no-repeat bg-center absolute -bottom-10 -left-10 w-35 h-25 pl-6.5 pt-6.5">
3527                  <i class="iconfont icon-clac text-5xl!"></i>
3528                </div>
3529            </li>
3530          </ul>
3531        </div>
3532        <div class="flex-2 flex flex-col justify-start items-end">
3533          <h1 class="mt-2 text-4xl leading-tight text-right pr-10">
3534            <p>전문 지식 없어도,</p>
3535            <p class="font-bold">클라우드를 쉽게</p>
3536          </h1>
3537          <!-- Main copy -->
3538          <div class="xl:w-[480px] w-[400px] relative">
3539            <ul class="mt-10" id="welcome-use">
3540              <li class="group relative active cursor-pointer">
3541                <div class="absolute right-[49px] top-4 bottom-0 w-px bg-[#9AA2BC]"></div>
3542                <h2 class="text-[25px] font-bold text-right relative  group-[.active]:text-white text-white/60 transition-all duration-300 flex items-center justify-end gap-8 pr-10">
3543                  <span>365 기술지원 서비스 운영</span>
3544                  <div class="flex items-center justify-center w-5 h-5">
3545                    <div class="group-[.active]:h-5 group-[.active]:w-5 h-[10px] w-[10px] rounded-full bg-[#9AA2BC] group-[.active]:bg-white group-[.active]:ring-6 group-[.active]:ring-white/25 transition-all duration-300"></div>
3546                  </div>
3547                </h2>
3548                <p class="pt-0 group-[.active]:pt-3 text-right text-base  pr-23 h-0 overflow-hidden transition-all duration-300 group-[.active]:h-auto">
3549                  20년간 서버호스팅, 클라우드 서비스를 제공한 경험을 바탕으로 고객에게 필요한 맞춤형 컨설팅과 기술지원을 365일 24시간 제공합니다.
3550                </p>
3551              </li>
3552              <li class="group relative cursor-pointer">
3553                <div class="absolute right-[49px] top-0 bottom-0 w-px bg-[#9AA2BC]"></div>
3554                <h2 class="text-[25px] font-bold text-right relative  group-[.active]:text-white text-white/60 transition-all duration-300 flex items-center justify-end gap-8 pr-10 pt-6">
3555                  <span>가이드 문서 지원</span>
3556                  <div class="flex items-center justify-center w-5 h-5">
3557                    <div class="group-[.active]:h-5 group-[.active]:w-5 h-[10px] w-[10px] rounded-full bg-[#9AA2BC] group-[.active]:bg-white group-[.active]:ring-6 group-[.active]:ring-white/25 transition-all duration-300"></div>
3558                  </div>
3559                </h2>
3560                <p class="pt-0 group-[.active]:pt-3 text-right text-base pr-23 h-0 overflow-hidden transition-all duration-300 group-[.active]:h-auto">
3561                  신규 사용자부터 숙련자까지 쉽게 이해할 수 있는 단계별 가이드, 튜토리얼을 제공합니다.
3562
3563              </li>
3564              <li class="group relative cursor-pointer">
3565                <h2 class="text-[25px] font-bold text-right relative  group-[.active]:text-white text-white/60 transition-all duration-300 flex items-center justify-end gap-8 pr-10 pt-6">
3566                  <div class="absolute right-[49px] top-0 h-[calc(100%-20px)] w-px bg-[#9AA2BC]"></div>
3567                  <span>계산기로 간편한 요금 확인</span>
3568                  <div class="flex items-center justify-center w-5 h-5 relative">
3569                    <div class="group-[.active]:h-5 group-[.active]:w-5 h-[10px] w-[10px] rounded-full bg-[#9AA2BC] group-[.active]:bg-white group-[.active]:ring-6 group-[.active]:ring-white/25 transition-all duration-300"></div>
3570                  </div>
3571                </h2>
3572                <p class="pt-0 group-[.active]:pt-3 text-right text-base pr-23 h-0 overflow-hidden transition-all duration-300 group-[.active]:h-auto">
3573                  서비스 신청 전 원하는 구성과 조건을 입력하면 실시간으로 예상 요금을 확인하실 수 있습니다. 견적서가 생성되며 영업 상담까지 지원합니다.
3574                </p>
3575              </li>
3576            </ul>
3577          </div>
3578        </div>
3579      </div>
3580    </section>
3581
3582    
3583    <section class="relative">
3584      <div class="py-20 max-w-desktop mx-auto flex xl:flex-row flex-col">
3585       <div class="xl:w-[320px] xl:h-[274px] w-full flex flex-col justify-center xl:items-start items-center lg:text-4xl text-3xl mb-10 xl:mb-0">
3586          <ul class="flex xl:flex-col md:flex-row flex-col text-sm-text-title-medium leading-12">
3587            <li>iwinv 클라우드는 </li>
3588            <li class="font-bold">20,000+ 기업과 </li>
3589            <li>함께 성장 중입니다.</li>
3590          </ul>
3591          <p class="text-sm text-sm-text-secondary mt-2">iwinv 서버를 사용중인 고객 사례를 확인해보세요.</p>
3592          <div class="mt-7 flex justify-start">
3593            <a aria-label="a" href="https://www.iwinv.kr/story?branch=CUSTOMER"    type="button" class="sm-btn flex items-center justify-center gap-2 sm-btn-primary sm-btn-medium text-sm rounded-full px-6 h-[45px]"     >
3594  고객 사례
3595              <i class="iconfont icon-plus"></i>
3596</a>
3597            <div class="text-sm-text-regular flex gap-5 ml-8">
3598              <button id="customer-example-prev" aria-label="customer example previous" class="rounded-full shadow-[0_0_5px_rgba(0,0,0,0.2)] w-[43px] h-[43px] flex items-center justify-center cursor-pointer hover:text-sm-text-secondary dark:border-sm-border-light dark:border-1 transition-all duration-300">
3599                  <i class="iconfont icon-arrow_left_2 text-lg"></i>
3600              </button>
3601              <button id="customer-example-next" aria-label="customer example next" class="rounded-full shadow-[0_0_5px_rgba(0,0,0,0.2)] w-[43px] h-[43px] flex items-center justify-center cursor-pointer hover:text-sm-text-secondary dark:border-sm-border-light dark:border-1 transition-all duration-300">
3602                <i class="iconfont icon-arrow_right_2 text-lg"></i>
3603              </button>
3604            </div>
3605          </div>
3606       </div>
3607        <!-- Swiper -->
3608        <div id="customer-example" class="swiper  xl:example-normal w-full relative h-[274px] min-h-[270px] box-border py-2!">
3609         <div class="swiper-wrapper">
3610            <div class="swiper-slide rounded-20 overflow-hidden ml-10 xl:w-[375px]! w-[300px]! shadow-[0_0_10px_rgba(0,0,0,0.1)] dark:shadow-[0_0_5px_1px_rgba(180,180,180,0.2)] bg-sm-bg flex flex-col gap-5">
3611              <a href="#" target="_blank" class="flex-1 px-5 pt-8 w-full flex justify-center items-center">
3612                <img src="https://www.iwinv.kr/images/www/story/daekyoeduvation.png" alt="daekyoeduvation" class="max-w-full max-h-22  object-cover">
3613              </a>
3614              <div class="flex-2 px-5 text-sm text-sm-text-regular text-left">
3615                (주)대교에듀베이션은 iwinv 서버와 함께 매니지드 서비스를 이용 중입니다. 
3616                <br>
3617                대표 서비스인 학원강사 채용 솔루션인 ‘훈장마을’을 네트워크 이슈를 최소화하며 안정적으로 운영하고 있습니다.
3618              </div>
3619            </div>
3620            <div class="swiper-slide rounded-20 xl:w-[375px]! w-[300px]! shadow-[0_0_10px_rgba(0,0,0,0.1)] dark:shadow-[0_0_5px_1px_rgba(180,180,180,0.2)] bg-sm-bg flex flex-col gap-5">
3621              <a href="#" target="_blank" class="flex-1 px-5 pt-8 w-full flex justify-center items-center">
3622                <img src="https://www.iwinv.kr/images/www/story/dometopia.png" alt="dometopia" class="max-w-full max-h-22  object-cover">
3623              </a>
3624              <div class="flex-2 px-5 text-sm text-sm-text-regular text-left">
3625                (주)트리는 대표 서비스인 도매토피아를 통해 각종 상품을 도매로 공급하는 B2B 전문 유통 플랫폼을 운영 중입니다. 
3626                <br>
3627                iwinv의 방대한 스토리지와 빠른 웹 캐시 서비스 등을 통해 원활한 서비스를 이어가고 있습니다.
3628              </div>
3629            </div>
3630            <div class="swiper-slide rounded-20 xl:w-[375px]! w-[300px]! shadow-[0_0_10px_rgba(0,0,0,0.1)] dark:shadow-[0_0_5px_1px_rgba(180,180,180,0.2)] bg-sm-bg flex flex-col gap-5">
3631              <a href="#" target="_blank" class="flex-1 px-5 pt-8 w-full flex justify-center items-center">
3632                <img src="https://www.iwinv.kr/images/www/story/tarasoft.png" alt="tarasoft" class="max-w-full max-h-22  object-cover">
3633              </a>
3634              <div class="flex-2 px-5 text-sm text-sm-text-regular text-left">
3635                타라소프트는 자체 플랫폼인 타라 체인을 중심으로 블록 체인 생태계 구축, 웹/앱 개발, 간편결제 시스템 구축 등 폭넓은 서비스를 제공하는 기업입니다. iwinv의 대규모 서버와 스토리지를 사용하며 안정적 블록 체인 생태계를 구축해 나가고 있습니다.
3636              </div>
3637            </div>
3638            <div class="swiper-slide rounded-20 xl:w-[375px]! w-[300px]! shadow-[0_0_10px_rgba(0,0,0,0.1)] dark:shadow-[0_0_5px_1px_rgba(180,180,180,0.2)] bg-sm-bg flex flex-col gap-5">
3639              <a href="#" target="_blank" class="flex-1 px-5 pt-8 w-full flex justify-center items-center">
3640                <img src="https://www.iwinv.kr/images/www/story/matrixcloud.png" alt="matrixcloud" class="max-w-full max-h-22  object-cover">
3641              </a>
3642              <div class="flex-2 px-5 text-sm text-sm-text-regular text-left">
3643                매트릭스 클라우드는 자체 개발한 컨택 센터 솔루션을 토대로 다양한 서비스를 구축하고 있으며, iwinv의 서버를 통해 기존 콜센터를 생성형 AI 기반으로 전환하는 서비스를 성공적으로 이어가고 있습니다.
3644              </div>
3645            </div>
3646            <div class="swiper-slide rounded-20 xl:w-[375px]! w-[300px]! shadow-[0_0_10px_rgba(0,0,0,0.1)] dark:shadow-[0_0_5px_1px_rgba(180,180,180,0.2)] bg-sm-bg flex flex-col gap-5">
3647              <a href="#" target="_blank" class="flex-1 px-5 pt-8 w-full flex justify-center items-center">
3648                <img src="https://www.iwinv.kr/images/www/story/mssee.png" alt="mssee" class="max-w-full max-h-22  object-cover">
3649              </a>
3650              <div class="flex-2 px-5 text-sm text-sm-text-regular text-left">
3651                엠에스시는 iwinv 인프라를 통해 LANZAM을 운영하고 있습니다. LANZAM은 방송 현장에서 송출된 신호를 실시간 인코딩하여 온라인 생방송 스트리밍이 가능하도록 변환하는 미디어 솔루션이며, iwinv 인프라를 통해 사업을 성공적으로 확장해 나가고 있습니다.
3652              </div>
3653            </div>
3654            <div class="swiper-slide rounded-20 xl:w-[375px]! w-[300px]! shadow-[0_0_10px_rgba(0,0,0,0.1)] dark:shadow-[0_0_5px_1px_rgba(180,180,180,0.2)] bg-sm-bg flex flex-col gap-5 ">
3655              <a href="#" target="_blank" class="flex-1 px-5 pt-8 w-full flex justify-center items-center">
3656                <img src="https://www.iwinv.kr/images/www/story/amuz.png" alt="amuz" class="max-w-full max-h-22">
3657              </a>
3658              <div class="flex-2 px-5 text-sm text-sm-text-regular text-left">
3659                (주)아뮤즈는 고객사의 니즈에 맞춰 웹사이트와 앱을 설계하는 것은 물론, 비즈니스별 경영 계획 및 전략 수립을 전문으로 하는 기업입니다. 다양한 업무 분야에 iwinv 인프라를 적극 활용하며 사업을 확장해 나가고 있습니다.
3660              </div>
3661            </div>
3662            <div class="swiper-slide rounded-20 xl:w-[375px]! w-[300px]! shadow-[0_0_10px_rgba(0,0,0,0.1)] dark:shadow-[0_0_5px_1px_rgba(180,180,180,0.2)] bg-sm-bg flex flex-col gap-5">
3663              <a href="#" target="_blank" class="flex-1 px-5 pt-8 w-full flex justify-center items-center">
3664                <img src="https://www.iwinv.kr/images/www/story/egis.png" alt="egis" class="max-w-full max-h-22  object-cover">
3665              </a>
3666              <div class="flex-2 px-5 text-sm text-sm-text-regular text-left">
3667                이지스 클라우드는 공간 정보 기반 디지털 트윈 플랫폼을 제공하는 기업입니다. iwinv의 고성능 인프라를 활용해 시뮬레이션 도구를 통한 공간 분석과 데이터 시각화 등을 안정적이고 확장성 있게 서비스하고 있습니다.
3668              </div>
3669            </div>
3670            <div class="swiper-slide rounded-20 xl:w-[375px]! w-[300px]! shadow-[0_0_10px_rgba(0,0,0,0.1)] dark:shadow-[0_0_5px_1px_rgba(180,180,180,0.2)] bg-sm-bg flex flex-col gap-5">
3671              <a href="#" target="_blank" class="flex-1 px-5 pt-8 w-full flex justify-center items-center">
3672                <img src="https://www.iwinv.kr/images/www/story/clip_path_group.png" alt="clip_path_group" class="max-w-full max-h-22  object-cover">
3673              </a>
3674              <div class="flex-2 px-5 text-sm text-sm-text-regular text-left">
3675                (주)문학동네는 문학 출판과 콘텐츠 기획을 선도하는 종합 출판사입니다. 다양한 분야의 도서를 기획·출간하고 있으며, iwinv의 고성능 인프라를 통해 안정적으로 서비스를 운영하고 있습니다.
3676              </div>
3677            </div>
3678            <div class="swiper-slide rounded-20 mr-10 xl:w-[375px]! w-[300px]! shadow-[0_0_10px_rgba(0,0,0,0.1)] dark:shadow-[0_0_5px_1px_rgba(180,180,180,0.2)] bg-sm-bg flex flex-col gap-5">
3679              <a href="#" target="_blank" class="flex-1 px-5 pt-8 w-full flex justify-center items-center">
3680                <img src="https://www.iwinv.kr/images/www/story/only1.png" alt="only1" class="max-w-full max-h-22  object-cover">
3681              </a>
3682              <div class="flex-2 px-5 text-sm text-sm-text-regular text-left">
3683                온리원은 온라인 셀러를 위한 정산 및 매출 데이터 통합 관리 플랫폼 ‘셀러봇캐시’를 운영하는 핀테크 기업으로, 자동화된 데이터 분석과 연계를 통해 금융 서비스 이용을 효과적으로 지원하고 있습니다. 또한 iwinv의 안정적인 IDC 인프라를 기반으로 비즈니스를 안정적으로 이어가고 있습니다.
3684              </div>
3685            </div> 
3686            <div class="swiper-slide rounded-20 mr-10 xl:w-[375px]! w-[300px]! shadow-[0_0_10px_rgba(0,0,0,0.1)] dark:shadow-[0_0_5px_1px_rgba(180,180,180,0.2)] bg-sm-bg flex flex-col gap-5">
3687              <a href="#" target="_blank" class="flex-1 px-5 pt-8 w-full flex justify-center items-center">
3688                <img src="https://www.iwinv.kr/images/www/story/tideflo.png" alt="tideflo" class="max-w-full max-h-22  object-cover">
3689              </a>
3690              <div class="flex-2 px-5 text-sm text-sm-text-regular text-left">
3691                타이드플로는 자체 연구·개발한 LMS를 비롯한 다양한 시스템을 고객사들이 효과적으로 활용할 수 있도록 토탈 IT 서비스를 제공하고 있습니다. iwinv의 유연하고 확장 가능한 클라우드 환경을 통해 높은 성능의 서비스를 안정적으로 공급하고 있습니다.
3692              </div>
3693            </div>      
3694         </div>
3695         <div class="swiper-pagination"></div>
3696       </div>
3697      </div>
3698    </section>
3699    
3700    <section class="w-full bg-sm-bg-page">
3701      <div class="max-w-desktop grid lg:grid-cols-2 grid-cols-1 gap-12 md:gap-20 mx-auto py-20">
3702     
3703        <!-- 공지사항 -->
3704        <div class="w-full page-px transition-all duration-300">
3705          <!-- Header -->
3706          <div class="flex items-end justify-between">
3707            <h2 class="text-4xl  font-bold tracking-tight text-sm-text-title-large">공지사항</h2>
3708            <a href="https://www.iwinv.kr/board/notice?branch=NOTICE" class="group inline-flex items-center text-sm-primary hover:text-sm-primary-light-3 text-xs">
3709              <span class="mr-2">전체 글 보기</span>
3710              <i class="iconfont icon-plus"></i>
3711            </a>
3712          </div>
3713
3714          <!-- List -->
3715          <ul class="mt-8 divide-y divide-slate-200">
3716            <!-- Item -->
3717                        <li class="py-3">
3718              <a href="https://www.iwinv.kr/board/notice/517?branch=NOTICE" aria-label="notice" class="block">
3719                <div class="flex items-start justify-between gap-4">
3720                  <p
3721                    class="font-semibold text-[17px] md:text-base leading-6 overflow-hidden text-ellipsis whitespace-nowrap text-sm-text-title-large hover:text-sm-primary active:text-blue-7 transition-all duration-300">
3722                    <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold mr-3" style="background-color: #2563EB20; color: #2563EB;">출시</span>
3723                    V100(NVIDIA) 8GPU 서버 추가 안내
3724                  </p>
3725                  <span class="text-sm text-sm-text-regular w-[100px] text-right">2026-10-07</span>
3726                </div>
3727                <p class="mt-1 text-sm-text-secondary text-xs  overflow-hidden text-ellipsis whitespace-nowrap font-light">
3728                  안녕하세요. 스마일서브 iwinv입니다. iwinv GPU 가상서버 NVIDIA V100 라인에 G8 상품이 추가 되었습니다....
3729                </p>
3730              </a>
3731            </li>
3732                        <li class="py-3">
3733              <a href="https://www.iwinv.kr/board/notice/509?branch=NOTICE" aria-label="notice" class="block">
3734                <div class="flex items-start justify-between gap-4">
3735                  <p
3736                    class="font-semibold text-[17px] md:text-base leading-6 overflow-hidden text-ellipsis whitespace-nowrap text-sm-text-title-large hover:text-sm-primary active:text-blue-7 transition-all duration-300">
3737                    <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold mr-3" style="background-color: #4B556320; color: #4B5563;">공지</span>
3738                    [공지] 발신번호 무효번호 차단 전면 시행 및 고객 사전조치 안내
3739                  </p>
3740                  <span class="text-sm text-sm-text-regular w-[100px] text-right">2026-09-16</span>
3741                </div>
3742                <p class="mt-1 text-sm-text-secondary text-xs  overflow-hidden text-ellipsis whitespace-nowrap font-light">
3743                  안녕하세요. 스마일서브 iwinv입니다. 과학기술정보통신부가 주관하고 한국통신사업자연합회(KTOA)가 운영하는 스팸번호차단시스...
3744                </p>
3745              </a>
3746            </li>
3747                        <li class="py-3">
3748              <a href="https://www.iwinv.kr/board/notice/503?branch=NOTICE" aria-label="notice" class="block">
3749                <div class="flex items-start justify-between gap-4">
3750                  <p
3751                    class="font-semibold text-[17px] md:text-base leading-6 overflow-hidden text-ellipsis whitespace-nowrap text-sm-text-title-large hover:text-sm-primary active:text-blue-7 transition-all duration-300">
3752                    <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold mr-3" style="background-color: #2563EB20; color: #2563EB;">출시</span>
3753                    iwinv AI API Qwen3.8-Flash-Next 모델 추가 안내
3754                  </p>
3755                  <span class="text-sm text-sm-text-regular w-[100px] text-right">2026-09-11</span>
3756                </div>
3757                <p class="mt-1 text-sm-text-secondary text-xs  overflow-hidden text-ellipsis whitespace-nowrap font-light">
3758                  안녕하세요. 스마일서브 iwinv입니다. 오픈소스 기반 최저가 iwinv AI와 유료 AI(Claude 등)를 하나의 API ...
3759                </p>
3760              </a>
3761            </li>
3762                      </ul>
3763        </div>
3764
3765        <!-- 보안센터 -->
3766        <div class="w-full page-px transition-all duration-300">
3767          <!-- Header -->
3768          <div class="flex items-end justify-between">
3769            <h2 class="text-4xl  font-bold tracking-tight text-sm-text-title-large">보안센터</h2>
3770            <a href="https://www.iwinv.kr/board/notice?branch=SECURITY" class="group inline-flex items-center text-sm-primary hover:text-sm-primary-light-3 text-xs ">
3771              <span class="mr-2">전체 글 보기</span>
3772              <i class="iconfont icon-plus"></i>
3773            </a>
3774          </div>
3775
3776          <!-- List -->
3777          <ul class="mt-8 divide-y divide-slate-200">
3778                        <li class="py-3">
3779              <a href="https://www.iwinv.kr/board/notice/516?branch=SECURITY" aria-label="security notice" class="block">
3780                <div class="flex items-start justify-between gap-4">
3781                  <p
3782                    class="font-semibold text-[17px] md:text-base leading-6 overflow-hidden text-ellipsis whitespace-nowrap text-sm-text-title-large hover:text-sm-primary active:text-blue-7 transition-all duration-300">
3783                    <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold mr-3" style="background-color: #7C3AED20; color: #7C3AED;">권고</span>
3784                    [ 보안 안내 ] Apache 제품 보안 업데이트 권고
3785                  </p>
3786                  <span class="text-sm text-sm-text-regular w-[100px] text-right">2026-10-07</span>
3787                </div>
3788                <p class="mt-1 text-sm-text-secondary text-xs  overflow-hidden text-ellipsis whitespace-nowrap font-light">
3789                  안녕하세요. 스마일서브입니다. 최근 보안 이슈 관련 내용을 알려 드립니다. 자세한 사항은 아래 내용을 확인하시기 바라며,만약 ...
3790                </p>
3791              </a>
3792            </li>
3793                        <li class="py-3">
3794              <a href="https://www.iwinv.kr/board/notice/515?branch=SECURITY" aria-label="security notice" class="block">
3795                <div class="flex items-start justify-between gap-4">
3796                  <p
3797                    class="font-semibold text-[17px] md:text-base leading-6 overflow-hidden text-ellipsis whitespace-nowrap text-sm-text-title-large hover:text-sm-primary active:text-blue-7 transition-all duration-300">
3798                    <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold mr-3" style="background-color: #7C3AED20; color: #7C3AED;">권고</span>
3799                    [ 보안 안내 ] 최근 사이버공격 대비 기업 보안강화 권고
3800                  </p>
3801                  <span class="text-sm text-sm-text-regular w-[100px] text-right">2026-10-07</span>
3802                </div>
3803                <p class="mt-1 text-sm-text-secondary text-xs  overflow-hidden text-ellipsis whitespace-nowrap font-light">
3804                  안녕하세요. 스마일서브입니다. 최근 보안 이슈 관련 내용을 알려 드립니다. 자세한 사항은 아래 내용을 확인하시기 바라며,만약 ...
3805                </p>
3806              </a>
3807            </li>
3808                        <li class="py-3">
3809              <a href="https://www.iwinv.kr/board/notice/514?branch=SECURITY" aria-label="security notice" class="block">
3810                <div class="flex items-start justify-between gap-4">
3811                  <p
3812                    class="font-semibold text-[17px] md:text-base leading-6 overflow-hidden text-ellipsis whitespace-nowrap text-sm-text-title-large hover:text-sm-primary active:text-blue-7 transition-all duration-300">
3813                    <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold mr-3" style="background-color: #7C3AED20; color: #7C3AED;">권고</span>
3814                    [ 보안 안내 ] Apache 제품 보안 업데이트 권고
3815                  </p>
3816                  <span class="text-sm text-sm-text-regular w-[100px] text-right">2026-10-07</span>
3817                </div>
3818                <p class="mt-1 text-sm-text-secondary text-xs  overflow-hidden text-ellipsis whitespace-nowrap font-light">
3819                  안녕하세요. 스마일서브입니다. 최근 보안 이슈 관련 내용을 알려 드립니다. 자세한 사항은 아래 내용을 확인하시기 바라며,만약 ...
3820                </p>
3821              </a>
3822            </li>
3823                      
3824          </ul>
3825        </div>
3826    </div>
3827    </section>
3828</main>
3829        <footer class="bg-[#1e1e1e] text-white">
3830  <!-- ISMS 인증서 모달 -->
3831  <div class="modal fade active hidden" id="isms" tabindex="-1">
3832    <div class="modal-dialog modal-getid">
3833        <div class="modal-content">
3834            <div class="modal-header border-b pb-4  border-sm-border" data-header="modal">
3835                <h1 class="flex items-center gap-2 text-xl">
3836                    <img src="https://www.iwinv.kr/images/www/mail/logo_top.png">
3837                    &nbsp;&nbsp;&nbsp;&nbsp;기술인증 및 자격현황
3838                </h1>
3839            </div>
3840            <div class="modal-body px-10 py-5" data-content="modal">
3841                <table class="tbl-memberinfo text-base text-sm-text-primary">
3842                    <tr>
3843                        <th><img class="center-block" width="130" src="https://www.cloudv.kr/bootstrap/images/certification/20211126_cer_isms.jpg" alt="정보보호 관리체계 인증"></th>
3844                        <td class="px-4">
3845                            <div class="mb-2">&#183;
3845 인증범위: 집적정보통신시설(IDC) 인프라 운영</div>
3846                            <div>&#183; 유효기간: 2024.02.17 ~ 2027.02.16</div>
3847                        </td>
3848                    </tr>
3849                </table>
3850            </div>
3851        </div>
3852    </div>
3853  </div>
3854    <div class="max-w-desktop mx-auto page-px transition-all duration-300">
3855        <!-- Top CTA & Contacts -->
3856        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 py-10 md:pt-12 md:pb-8 border-b border-white/10">
3857            <div class="md:col-span-2 flex flex-col xl:flex-col xl:items-start gap-8">
3858                <h2 class="text-2xl md:text-3xl leading-snug">
3859                    가성비 클라우드 서비스를 경험해 보세요
3860                </h2>
3861                <a href="https://www.iwinv.kr/board" class="inline-flex items-center justify-center rounded-full bg-white active:bg-gray-5 dark:bg-gray-6 dark:active:bg-gray-5 dark:border-sm-border border-1 text-sm-text-primary text-sm md:text-base font-semibold px-6 py-3 md:px-7 md:py-3 shadow transition-all duration-300">
3862                    1:1 상담 바로가기
3863                </a>
3864            </div>
3865
3866            <div class="flex flex-row gap-6">
3867                <div class="text-xl">
3868                    <h3 class="font-semibold">전화상담</h3>
3869                    <p class="mt-1 tracking-wide">1688-4879<span class="block text-base">ARS 2번 iwinv</span></p>
3870                    <ul class="mt-2 text-sm text-sm-text-secondary space-y-1">
3871                        <li><span class="mr-2">평일</span>08:00~17:00</li>
3872                        <li><span class="mr-2">점심시간</span>12:00~13:00</li>
3873                        <li>*주말, 공휴일 휴무</li>
3874                    </ul>
3875                </div>
3876                <div class="text-xl">
3877                    <h3 class="font-semibold">견적문의</h3>
3878                    <p class="mt-7">[email protected]</p>
3879                </div>
3880            </div>
3881        </div>
3882
3883        <!-- Bottom Infos -->
3884        <div class="py-8 md:pt-8 md:pb-10 grid grid-cols-1 lg:grid-cols-10 gap-8">
3885            <!-- Company & sitemap -->
3886            <div class="text-xs lg:col-span-7">
3887                <div class="flex items-end gap-6">
3888                    <div>
3889                        <img class="h-6 md:h-7" src="/images/www/footer/smileserv_english_since2002.png" alt="하단로고">
3890                    </div>
3891                        <ul class="flex flex-wrap items-center text-sm-text-secondary divide-x leading-none">
3892                            <li class="px-3"><a class="hover:text-white transition-all duration-300" href="http://smileserv.com"  target="_blank">회사소개</a></li>
3893                            <li class="px-3"><a class="hover:text-white transition-all duration-300" href="https://www.iwinv.kr/treaty/treaty/all">회원약관&SLA</a></li>
3894                            <li class="px-3"><a class="hover:text-white text-white font-bold hover:font-semibold transition-all duration-300" href="https://www.iwinv.kr/treaty/treaty/person">개인정보처리방침</a></li>
3895                            <li class="px-3"><a class="hover:text-white transition-all duration-300" href="https://www.iwinv.kr/treaty/treaty/domain">도메인약관</a></li>
3896                        </ul>
3897                </div>
3898
3899                <div class="mt-5 space-y-3 text-sm-text-secondary">
3900                    <p>(주) 스마일서브 ㅣ 대표이사 : 김병철 ㅣ 사업자등록번호 : 119-81-57510</p>
3901                    <p>통신판매업신고 : 제 2005-경기성남-0826 호 [<a class=" hover:text-white transition-all duration-300 underline underline-offset-2" onclick="(function(){window.open('http://www.ftc.go.kr/info/bizinfo/communicationViewPopup.jsp?wrkr_no=1198157510','_blank','width=750, height=700, toolbar=no, menubar=no, scrollbars=no, resizable=no');return false; })()" style="cursor: pointer;">사업자정보확인</a>]</p>
3902                    <p>본사 : 경기도 성남시 분당구 대왕판교로 644번길 86, KT동판교빌딩 3층</p>
3903                    <p>서버소재지 : IDC SMILE [가산센터] 서울특별시 금천구 가산디지털1로 33-33, 대륭테크노타운 2차 2층</p>
3904                    <p>Copyright © SMILESERV Co., Ltd. All Rights Reserved.</p>
3905                </div>
3906            </div>
3907
3908            <!-- Family site, socials, certifications -->
3909            <div class="md:pl-8 lg:col-span-3">
3910                <div class="flex flex-col md:items-end gap-6">
3911                <!-- family site dropdown -->
3912                <el-dropdown class="relative inline-block inline-block md:w-auto w-full transition-all duration-300" id="">
3913  <button class="list-none cursor-pointer inline-flex items-center justify-between gap-3 bg-sm-bg-mid hover:bg-white dark:hover:bg-gray-7 transition text-sm rounded-full px-5 py-2 w-full md:w-auto text-sm-text-primary">
3914                    Family site
3915                    <i class="iconfont icon-arrow_left_2 ml-1 text-xs! rotate-90"></i>
3916                </button>
3917  <el-menu anchor="top end" popover class="p-5 origin-top-right rounded-md bg-sm-bg shadow-lg dark:border-sm-border dark:border outline outline-black/5 transition transition-discrete [--anchor-gap:--spacing(2)] data-closed:scale-95 data-closed:transform data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in px-0 py-1 md:w-56 sm:w-[calc(100vw-90px)] w-[calc(100vw-50px)]">
3918    <div class="px-4 py-2 text-sm text-sm-text-regular hover:bg-gray-2 dark:hover:bg-gray-7 hover:text-sm-primary hover:outline-hidden transition-all duration-300 ">
3919 <a href="#" class="block text-sm-text-regular">CLOUDV</a>
3920</div>                  <div class="px-4 py-2 text-sm text-sm-text-regular hover:bg-gray-2 dark:hover:bg-gray-7 hover:text-sm-primary hover:outline-hidden transition-all duration-300 ">
3921 <a href="#" class="block text-sm-text-regular">ivyro</a>
3922</div>
3923  </el-menu>
3924</el-dropdown>                    
3925
3926                    <!-- socials -->
3927                    <div class="flex lg:flex-col justify-center items-end  gap-4">
3928                        <ul class="flex items-center gap-4">
3929                            <li class="hover:opacity-90 active:opacity-70 transition-all duration-300">
3930                                <a href="https://idchowto.com/" target="_blank">
3931                                    <img class="h-7" src="/images/www/footer/wordpress.png" alt="wordpress">
3932                                </a>
3933                            </li>
3934                            <li class="hover:opacity-90 active:opacity-70 transition-all duration-300">
3935                                <a href="https://blog.naver.com/smileserv" target="_blank">
3936                                    <img class="h-7" src="/images/www/footer/naver.png" alt="naver">
3937                                </a>
3938                            </li>
3939                            <li class="hover:opacity-90 active:opacity-70 transition-all duration-300">
3940                                <a href="https://www.youtube.com/@smileserv" target="_blank">
3941                                    <img class="h-7" src="/images/www/footer/youtube.png" alt="youtube">
3942                                </a>
3943                            </li>
3944                            <li class="hover:opacity-90 active:opacity-70 transition-all duration-300">
3945                                <a href="https://www.facebook.com/iwinv.kr?locale=ko_KR" target="_blank">
3946                                    <img class="h-7" src="/images/www/footer/facebook.png" alt="facebook">
3947                                </a>
3948                            </li>
3949                        </ul>
3950
3951                        <!-- certifications -->
3952                        <ul class="flex items-center gap-4 opacity-90">
3953                            <li class="hover:opacity-90 active:opacity-70 transition-all duration-300">
3954                                <div  data-toggle="modal" data-target="#isms" data-max-width="2xl" >
3955                                    <img class="h-6 xl:h-9 cursor-pointer" src="/images/www/footer/ISMS.png" title="정보보호관리체계 인증" alt="ISMS">
3956                                </div>
3957                            </li>
3958                            <li class="hover:opacity-90 active:opacity-70 transition-all duration-300">
3959                                <a href="https://www.iwinv.kr/story/40">
3960                                    <img class="h-6 xl:h-9" src="/images/www/footer/nipa.png" title="클라우드품질성능 검증" alt="nipa">
3961                                </a>
3962                            </li>
3963                            <li class="hover:opacity-90 active:opacity-70 transition-all duration-300">
3964                                <a onclick="(function(){window.open('https://cleanspam.or.kr/ci/80','_blank','width=800, height=1151, toolbar=no, menubar=no, scrollbars=no, resizable=no');return false; })()">
3965                                    <img class="h-6 xl:h-9 cursor-pointer" src="/images/www/footer/icon.png" title="대량문자 전송자격" alt="cleanspam" />
3966                                </a>
3967                            </li>
3968                        </ul>
3969                    </div>
3970                </div>
3971            </div>
3972        </div>
3973    </div>
3974    
3975</footer>
3976        <link rel="preload" as="style" href="https://www.iwinv.kr/build/assets/modules-0ZMgWSyM.css" /><link rel="modulepreload" href="https://www.iwinv.kr/build/assets/app-BnLCZBiC.js" /><link rel="modulepreload" href="https://www.iwinv.kr/build/assets/modules-5cOOOR-Z.js" /><link rel="stylesheet" href="https://www.iwinv.kr/build/assets/modules-0ZMgWSyM.css" />
3976<script type="module" src="https://www.iwinv.kr/build/assets/app-BnLCZBiC.js"></script>
3976<link rel="preload" as="style" href="https://www.iwinv.kr/build/assets/modules-0ZMgWSyM.css" /><link rel="modulepreload" href="https://www.iwinv.kr/build/assets/quickmenu-BP-5whu5.js" /><link rel="modulepreload" href="https://www.iwinv.kr/build/assets/modules-5cOOOR-Z.js" /><link rel="stylesheet" href="https://www.iwinv.kr/build/assets/modules-0ZMgWSyM.css" />
3976<script type="module" src="https://www.iwinv.kr/build/assets/quickmenu-BP-5whu5.js"></script>
3976<script src="https://www.iwinv.kr/script/jquery.min.js?v=1739952748" type="text/javascript"></script>
vendor: 1 bytes, line 3976
3976
3977<script src="https://www.iwinv.kr/script/www.jquery.one.js?v=1773808735" type="text/javascript"></script>
vendor: 1 bytes, line 3977
3977
3978<script src="https://www.iwinv.kr/script/sof/www.form.js?v=1783554133" type="text/javascript"></script>
vendor: 1 bytes, line 3978
3978
3979<script src="https://www.iwinv.kr/images/www/icon/iconfont/iconfont.js?v=1770966377" type="text/javascript"></script>
vendor: 1 bytes, line 3979
3979
3980<script src="https://www.iwinv.kr/js/www/default.js?v=1773809764" type="text/javascript"></script>
vendor: 1 bytes, line 3980
3980
3981<script src="https://chatbot.iwinv.kr/chatbot-widget.js"></script>
3981
3982
3983
3984<!-- Ace Counter -->
3985<script src="https://www.iwinv.kr/js/www/ace.js?ver=1" type="text/javascript"></script>
3985
3986
3987<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 3987-3988
3987
3988<script async src="https://www.googletagmanager.com/gtag/js?id=
3988G-0CL5Y8V379
vendor: 12 bytes, line 3988
3988"></script>
3989<script>
3990    
vendor: 139 bytes, lines 3990-3993
3990window.dataLayer = window.dataLayer || [];
3991    function gtag(){dataLayer.push(arguments);}
3992    gtag('js', new Date());
3993    gtag('config', '
3993G-0CL5Y8V379
vendor: 4 bytes, line 3993
3993');
3994</script>
3994
3995
3996<!-- Naver 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 -->
3997<script type="text/javascript" src="https://www.iwinv.kr/js/www/naver.js"> </script>
vendor: 1 bytes, line 3997
3997
3998<script type="text/javascript">
3999    if (!wcs_add) var wcs_add={};
4000    wcs_add["wa"] = "s_49d3717db1ec";
4001    if (!_nasa) var _nasa={};
4002    if(window.wcs){
4003    wcs.inflow();
4004    wcs_do();
4005    }
4006</script>
4006
4007
4008<script type="text/javascript">
4009function sendConversionEvent(eventType) {
4010	if (window.wcs) {
4011		var _conv = {};
4012		_conv.type = eventType;
4013		wcs.trans(_conv);
4014	}
4015}
4016</script>
4016
4017
4018
4019<link rel="preload" as="style" href="https://www.iwinv.kr/build/assets/modules-0ZMgWSyM.css" /><link rel="modulepreload" href="https://www.iwinv.kr/build/assets/index-rhfm7Pj9.js" /><link rel="modulepreload" href="https://www.iwinv.kr/build/assets/modules-5cOOOR-Z.js" /><link rel="stylesheet" href="https://www.iwinv.kr/build/assets/modules-0ZMgWSyM.css" />
4019<script type="module" src="https://www.iwinv.kr/build/assets/index-rhfm7Pj9.js"></script>
4019<script>
4020</script>
4020
4021
4022
4023
4024<!-- Smartlog -->
4025<script type="text/javascript">
4026  var hpt_info={'_account':'UHPT-30306', '_server': 'a29'};
4027</script>
vendor: 1 bytes, line 4027
4027
4028<script async language="javascript" src="//cdn.smlog.co.kr/core/smart.js" charset="utf-8"></script>
4028
4029<noscript><img src="//a29.smlog.co.kr/smart_bda.php?_account=30306" style="display:none;width:0;height:0;" border="0"/></noscript>
4030
4031    </body>
4032</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.