1<!DOCTYPE html> 2<html lang="ko"> 3 4 <!--begin::Head--> 5 <head> 6 7 <title>AIê¸ì°ê¸° | ê°ì í¸AI</title> 8 9 <meta charset="utf-8" /> 10 <meta name="description" content="í ë²ì í´ë¦ì¼ë¡ AI ë¸ë¡ê·¸ ê¸ì°ê¸°, ì´ë¯¸ì§ ìì±, í¤ìë ì¶ì²ê¹ì§! AI ê¸ì°ê¸°ì AI ì´ë¯¸ì§ ìì±ì¼ë¡ ë¹ì ì ìê°ì 10ë°° ìê»´ë립ëë¤." /> 11 <meta name="keywords" content="ê°ì í¸AI,ì¨ë¼ì¸ê´ê³ ,ì¸í루ì¸ì,ì²´íë¨,기ìë¨,ê¸ì¹ì´ê²ì¬,ê¸ì¹ì´ ê²ì¬ê¸°,ë°ì´ë´ë§ì¼í ,ì¨ë¼ì¸ë§ì¼í ,SNSë§ì¼í ,ì¤ìê° ê²ìì´" /> 12 <meta name="viewport" content="width=device-width, initial-scale=1" /> 13 14 <meta property="og:type" content="aiê¸ì°ê¸°" /> 15 <meta property="og:title" content="ê°ì í¸ : ì°¨ìì´ ë¤ë¥¸ ì¸ê³µì§ë¥ ìë¹ì¤" /> 16 <meta property="og:description" content="ë¨, í ë²ì í´ë¦ì¼ë¡ ë¹ì ì ìê°ì 10ë°° ìê»´ë립ëë¤." /> 17 18 <meta property="og:url" content="https://gazet.ai/" /> 19 <meta property="og:site_name" content="ê°ì í¸AI" /> 20 <meta property="og:image" content="https://gazet.ai/img/share-img2.jpg" /> 21 22 <!--íë¹ì½--> 23 <link rel="apple-touch-icon" sizes="57x57" href="/img/apple-icon/apple-icon-57x57.png">
24 <link rel="apple-touch-icon" sizes="60x60" href="/img/apple-icon/apple-icon-60x60.png"> 25 <link rel="apple-touch-icon" sizes="72x72" href="/img/apple-icon/apple-icon-72x72.png"> 26 <link rel="apple-touch-icon" sizes="76x76" href="/img/apple-icon/apple-icon-76x76.png"> 27 <link rel="apple-touch-icon" sizes="114x114" href="/img/apple-icon/apple-icon-114x114.png"> 28 <link rel="apple-touch-icon" sizes="120x120" href="/img/apple-icon/apple-icon-120x120.png"> 29 <link rel="apple-touch-icon" sizes="144x144" href="/img/apple-icon/apple-icon-144x144.png"> 30 <link rel="apple-touch-icon" sizes="152x152" href="/img/apple-icon/apple-icon-152x152.png"> 31 <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-icon/apple-icon-180x180.png"> 32 <link rel="icon" type="image/png" sizes="192x192" href="/img/apple-icon/android-icon-192x192.png"> 33 <link rel="icon" type="image/png" sizes="32x32" href="/img/apple-icon/favicon-32x32.png"> 34 <link rel="icon" type="image/png" sizes="96x96" href="/img/apple-icon/favicon-96x96.png">
35 <link rel="icon" type="image/png" sizes="16x16" href="/img/apple-icon/favicon-16x16.png"> 36 <link rel="manifest" href="/img/apple-icon/manifest.json"> 37 <meta name="msapplication-TileColor" content="#ffffff"> 38 <meta name="msapplication-TileImage" content="/img/apple-icon/ms-icon-144x144.png"> 39 <meta name="theme-color" content="#ffffff"> 40 41 <meta name="naver-site-verification" content="2773903dda6373f91d72328225a9166d73bf285f" /> 42 43 <!--Font Pretendard--> 44 <link rel="stylesheet" as="style" crossorigin href="https://gcore.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.css"/> 45 <!--end::Fonts--> 46 47 48 <!--begin::Global Stylesheets Bundle(mandatory for all pages)--> 49<link href="/assets/plugins/global/plugins.bundle.css?230714" rel="stylesheet" type="text/css" /> 50<link href="/assets/css/style.bundle.css?240109" rel="stylesheet" type="text/css" /> 51<!--end::Global Stylesheets Bundle--> 52 53<!-- new-style --> 54<link rel="stylesheet" href="/css/style.css?260403"> 55<link rel="stylesheet" href="/css/intro_style2.css"> 56<link rel="stylesheet" href="/css/progress.css?2411271"> 57<link rel="stylesheet" href="/css/gazet.css?250128">
57<script type="application/ld+json"> 58{ 59 "@context": "http://schema.org", 60 "@type": "ItemList", 61 "itemListElement": [ 62 { 63 "@type": "ListItem", 64 "position": "1", 65 "name": "ê°ì í¸ AI ìê°", 66 "description": "AI ê¸°ë° ìë¹ì¤ ê°ì í¸ AIì 주ì ê¸°ë¥ ìê°", 67 "image": "https://gazet.ai/img/c1.jpg", 68 "url": "https://gazet.ai/" 69 }, 70 { 71 "@type": "ListItem", 72 "position": "2", 73 "name": "멤ë²ì ìê¸ì ìë´", 74 "description": "ê°ì í¸ AI 멤ë²ì ìê¸ì ë° íí ìë´", 75 "image": "https://gazet.ai/img/c2.jpg", 76 "url": "https://gazet.ai/cs/notice/1119" 77 }, 78 { 79 "@type": "ListItem", 80 "position": "3", 81 "name": "ì´ì©ê°ì´ë", 82 "description": "ê°ì í¸ AI ìë¹ì¤ ì´ì© ë°©ë² ë° ìì¸ ê°ì´ë", 83 "image": "https://gazet.ai/img/c3.jpg", 84 "url": "https://gazetai.notion.site/AI-cea03eb93094498ab0868c5e27b04726" 85 }, 86 { 87 "@type": "ListItem", 88 "position": "4", 89 "name": "ì¤ìê° ê²ìì´", 90 "description": "ì¤ìê° ì¸ê¸° ê²ìì´ ë° í¸ë ë ë¶ì", 91 "image": "https://gazet.ai/img/c4.jpg", 92 "url": "https://gazet.ai/keywords/live" 93 }, 94 { 95 "@type": "ListItem", 96 "position": "5", 97 "name": "íì¬ìê°", 98 "description": "ê°ì í¸ AI를 ì´ìíë ìë ¸ë³´ì¤(주) íì¬ ìê°", 99 "image": "https://gazet.ai/img/c5.jpg", 100 "url": "https://wenoboss.com/" 101 } 102 ] 103} 104</script>
104 105 106<!--begin::Javascript-->
107<script>var hostUrl = "/assets/";</script>
107 108<!--begin::Global Javascript Bundle(mandatory for all pages)-->
109<script src="/assets/plugins/global/plugins.bundle.js"></script>
109 110
110<script src="/assets/js/scripts.bundle.js"></script>
110 111 <!--end::Global Javascript Bundle--> 112 113<!--mainJs-->
114<script src="/js/main.js?v=1790128151"></script>
114<!-- íì¼ ìì ìê° ê¸°ë° ìºìë²ì¤í°: ë°°í¬ ì ìë ê°±ì --> 115 116<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 116-117
116 117<script async src="https://www.googletagmanager.com/gtag/js?id=
117G-S64PPS4PGN
vendor: 12 bytes, line 117
117"></script>
118<script> 119
vendor: 134 bytes, lines 119-123
119window.dataLayer = window.dataLayer || []; 120 function gtag() { dataLayer.push(arguments); } 121 gtag('js', new Date()); 122 123 gtag('config', '
123G-S64PPS4PGN
vendor: 6 bytes, lines 123-125
123'); 124 125
125gtag('config', 'AW-11311398857'); 126 127 gtag('event', 'conversion', { 'send_to': 'AW-11311398857/kIBLCOS309YYEMn_2JEq' }); 128</script>
128 129 130<!-- Meta Pixel Code -->
131<script>
vendor: 474 bytes, lines 131-143
131 132 !function (f, b, e, v, n, t, s) { 133 if (f.fbq) return; n = f.fbq = function () { 134 n.callMethod ? 135 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 136 }; 137 if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; 138 n.queue = []; t = b.createElement(e); t.async = !0; 139 t.src = v; s = b.getElementsByTagName(e)[0]; 140 s.parentNode.insertBefore(t, s) 141 }(window, document, 'script', 142 'https://connect.facebook.net/en_US/fbevents.js'); 143 fbq('init', '
143307866185065250
vendor: 31 bytes, lines 143-144
143'); 144 fbq('track', 'PageView');
145</script>
145 146<noscript><img height="1" width="1" style="display:none" 147 src="https://www.facebook.com/tr?id=307866185065250&ev=PageView&noscript=1" /></noscript> 148<!-- End Meta Pixel Code --> 149 <!--end::Javascript--> 150 151 </head> 152 <!--end::Head--> 153 154 <!--begin::Body--> 155 <body id="kt_app_body" data-kt-app-layout="dark-sidebar" data-kt-app-header-fixed="true" data-kt-app-sidebar-enabled="true" data-kt-app-sidebar-fixed="true" data-kt-app-sidebar-hoverable="true" data-kt-app-sidebar-push-header="true" data-kt-app-sidebar-push-toolbar="true" data-kt-app-sidebar-push-footer="true" data-kt-app-toolbar-enabled="true" class="app-default" > 156 157 <!--begin::Theme mode setup on page load--> 158
158<script>var defaultThemeMode = "light"; var themeMode; if ( document.documentElement ) { if ( document.documentElement.hasAttribute("data-bs-theme-mode")) { themeMode = document.documentElement.getAttribute("data-bs-theme-mode"); } else { if ( localStorage.getItem("data-bs-theme") !== null ) { themeMode = localStorage.getItem("data-bs-theme"); } else { themeMode = defaultThemeMode; } } if (themeMode === "system") { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } document.documentElement.setAttribute("data-bs-theme", themeMode); }</script>
158 159 <!--end::Theme mode setup on page load--> 160 <!--begin::App--> 161 <div class="d-flex flex-column flex-root app-root" id="kt_app_root"> 162 163 <!--begin::Page--> 164 <div id="kt_app_header" class="app-header"> 165 <!--begin::Header container--> 166 <div class="app-container container-fluid d-flex align-items-stretch justify-content-between" id="kt_app_header_container"> 167 168 <!--begin::Sidebar mobile toggle--> 169 <div class="d-flex align-items-center d-lg-none ms-n3 me-1 me-md-2" title="Show sidebar menu"> 170 <div class="btn btn-icon btn-active-color-primary w-35px h-35px" id="kt_app_sidebar_mobile_toggle"> 171 <i class="bi bi-list" style="font-size: 2.2em;color: black;"></i> 172 </div> 173 </div> 174 <!--end::Sidebar mobile toggle--> 175 176 <!--begin::Mobile logo--> 177 <div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0" style="justify-content: center;"> 178 <!-- 179 <a href="/" class="d-lg-none"> 180 <img alt="Logo" src="/img/logo-black.svg" class=" "> 181 </a> 182 --> 183 <h1 class="me-6 page-heading d-flex text-dark fw-ebold fs-1-5hx flex-column justify-content-center my-0" style="font-size: 1.8em;">AIê¸ì°ê¸°</h1> 184 185 </div> 186 <!--end::Mobile logo--> 187 188 </div> 189 <!--end::Header container--> 190 </div> 191 192 <div class="app-page flex-column flex-column-fluid" id="kt_app_page"> 193 <!--begin::Wrapper--> 194 <div class="ct-mt-0 app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper"> 195 196 <!--begin::Sidebar--> 197 <div id="kt_app_sidebar" style="overflow: hidden auto;" class="app-sidebar flex-column" data-kt-drawer="true" 198 data-kt-drawer-name="app-sidebar" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" 199 data-kt-drawer-width="225px" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_app_sidebar_mobile_toggle"> 200 201 <!--begin::Logo--> 202 <div class="app-sidebar-logo px-8 border-0" id="kt_app_sidebar_logo" style=""> 203 <!--begin::Logo image--> 204 <a href="/library"> 205 <img alt="Logo" src="/img/logo-white.svg" class="h-30px app-sidebar-logo-default" style="height:36px;"/> 206 <img alt="Logo" src="/img/logo-white-small.svg" class="h-25px app-sidebar-logo-minimize" /> 207 </a> 208 <!--end::Logo image--> 209 <!--begin::Sidebar toggle--> 210 <div id="kt_app_sidebar_toggle" class="app-sidebar-toggle btn btn-icon btn-shadow btn-sm btn-color-muted btn-active-color-info body-bg h-30px w-30px position-absolute top-50 start-100 translate-middle rotate m-none " data-kt-toggle="true" data-kt-toggle-state="active" data-kt-toggle-target="body" data-kt-toggle-name="app-sidebar-minimize"> 211 <i class="ki-duotone ki-double-left fs-2 rotate-180"> 212 <span class="path1"></span> 213 <span class="path2"></span> 214 </i> 215 </div> 216 <!--end::Sidebar toggle--> 217 </div> <!--end::Logo--> 218 219 <!--begin::sidebar menu--> 220 <div class="app-sidebar-menu overflow-hidden flex-column-fluid"> 221 222 <!--begin::Menu wrapper--> 223 <div id="kt_app_sidebar_menu_wrapper" class="app-sidebar-wrapper hover-scroll-overlay-y my-5" 224 data-kt-scroll="true" data-kt-scroll-activate="false" data-kt-scroll-height="auto" 225 data-kt-scroll-dependencies="#kt_app_sidebar_logo, #kt_app_sidebar_footer" 226 data-kt-scroll-wrappers="#kt_app_sidebar_menu" data-kt-scroll-offset="5px" data-kt-scroll-save-state="true"> 227 228 <!--begin::Menu--> 229 <div class="menu menu-column menu-rounded menu-sub-indention px-3" id="#kt_app_sidebar_menu" 230 data-kt-menu="true" data-kt-menu-expand="false"> 231 232 <!--begin:Menu item--> 233 <div class="menu-item here"> 234 <!--begin:Menu link--> 235 <a class="menu-link" href="/library"> 236 <span class="menu-icon"> 237 <i class="ki-outline ki-pencil fs-4"></i> 238 </span> 239 <span class="menu-title fs-4">AI ê¸ì°ê¸° </span> 240 <span class="badge badge-sm badge-danger">N</span> 241 </a> 242 <!--end:Menu link--> 243 244 <!-- begin:newMenu --> 245 <div data-kt-menu-trigger="click" class="menu-item menu-accordion ps-2 show"> 246 <!--begin:Menu link--> 247 <span class="menu-link fs-6"> 248 <span class="menu-bullet"> 249 <span class="bullet bullet-dot"></span> 250 </span> 251 <span class="menu-title">ë¸ë¡ê·¸</span> 252 <span class="menu-arrow"></span> 253 </span> 254 <!--end:Menu link--> 255 256 <!--begin:Menu sub--> 257 <div class="menu-sub menu-sub-accordion ps-3"> 258 259 <!--begin:Menu item--> 260 <div class="menu-item" style="margin-left: 12px;"> 261 <!--begin:Menu link--> 262 <a class="menu-link px-0 py-2" href="/gz/if?IB"> 263 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 264 alt=""></span> 265 <span class="menu-title text-light ms-3 fs-6" >ì ë³´ì±</span> 266 </a> 267 <!--end:Menu link--> 268 </div> 269 <!--end:Menu item--> 270 271 <!--begin:Menu item--> 272 <div class="menu-item" style="margin-left: 12px;"> 273 <!--begin:Menu link--> 274 <a class="menu-link px-0 py-2" href="/gz/if?IBV2"> 275 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 276 alt=""></span> 277 <span class="menu-title text-light ms-3 fs-6" >ì ë³´ì± v2</span> 278 <span class="badge badge-sm badge-danger me-4">N</span> 279 </a> 280 281 <!--end:Menu link--> 282 </div> 283 <!--end:Menu item--> 284 285 <!--begin:Menu item (Níí ë¸ë¡ê·¸ ì°ê¸°)--> 286 <div class="menu-item" style="margin-left: 12px;"> 287 <!--begin:Menu link--> 288 <a class="menu-link px-0 py-2" href="/gz/if?HW"> 289 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 290 alt=""></span> 291 <span class="menu-title text-light ms-3 fs-6" >Níí ë¸ë¡ê·¸ ì°ê¸°</span> 292 <span class="badge badge-sm badge-danger me-4">N</span> 293 </a> 294 <!--end:Menu link--> 295 296 </div> 297 <!--end:Menu item (Níí ë¸ë¡ê·¸ ì°ê¸°)--> 298 299 300 <!--begin:Menu item--> 301 <div class="menu-item" style="margin-left: 12px;"> 302 <!--begin:Menu link--> 303 <a class="menu-link px-0 py-2" href="/gz/if?TF"> 304 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 305 alt=""></span> 306 <span class="menu-title text-light ms-3 fs-6" >
306ìë¡ì´ ê¸ë¡ ë°ê¾¸ê¸°</span> 307 </a> 308 <!--end:Menu link--> 309 310 </div> 311 <!--end:Menu item--> 312 313 <!--begin:Menu item--> 314 <div class="menu-item" style="margin-left: 12px;"> 315 <!--begin:Menu link--> 316 <a class="menu-link px-0 py-2" href="/gz/if?PR"> 317 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 318 alt=""></span> 319 <span class="menu-title text-light ms-3 fs-6" >ì í ì¬ì©í기</span> 320 </a> 321 <!--end:Menu link--> 322 </div> 323 <!--end:Menu item--> 324 325 326 <!--begin:Menu item--> 327 <div class="menu-item" style="margin-left: 12px;"> 328 <!--begin:Menu link--> 329 <a class="menu-link px-0 py-2" href="/gz/if?VR"> 330 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 331 alt=""></span> 332 <span class="menu-title text-light ms-3 fs-6" >방문í기</span> 333 </a> 334 <!--end:Menu link--> 335 </div> 336 <!--end:Menu item--> 337 338 339 <!--begin:Menu item--> 340 <div class="menu-item" style="margin-left: 12px;"> 341 <!--begin:Menu link--> 342 <a class="menu-link px-0 py-2" href="/gz/if?TR"> 343 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 344 alt=""></span> 345 <span class="menu-title text-light ms-3 fs-6" >ì¬íí기</span> 346 </a> 347 <!--end:Menu link--> 348 </div> 349 <!--end:Menu item--> 350 351 352 <!--begin:Menu item--> 353 <div class="menu-item" style="margin-left: 12px;"> 354 <!--begin:Menu link--> 355 <a class="menu-link px-0 py-2" href="/gz/if?CR"> 356 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 357 alt=""></span> 358 <span class="menu-title text-light ms-3 fs-6" >ì¿ í¡ íí¸ëì¤ íë³´</span> 359 <span class="badge badge-sm badge-danger me-4">N</span> 360 </a> 361 <!--end:Menu link--> 362 </div> 363 <!--end:Menu item--> 364 365 366 <!--begin:Menu item--> 367 <div class="menu-item" style="margin-left: 12px;"> 368 <!--begin:Menu link--> 369 <a class="menu-link px-0 py-2" href="/gz/if?NR"> 370 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 371 alt=""></span> 372 <span class="menu-title text-light ms-3 fs-6" >ì¤ë§í¸ì¤í ì´ íë³´</span> 373 <span class="badge badge-sm badge-danger me-4">N</span> 374 </a> 375 <!--end:Menu link--> 376 </div> 377 <!--end:Menu item--> 378 379 <!--begin:Menu item--> 380 <div class="menu-item" style="margin-left: 12px;"> 381 <!--begin:Menu link--> 382 <a class="menu-link px-0 py-2" href="/gz/if?TVC"> 383 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 384 alt=""></span> 385 <span class="menu-title text-light ms-3 fs-6" >ì¬í커ë¥í¸ íë³´</span> 386 <span class="badge badge-sm badge-danger me-4">N</span> 387 </a> 388 <!--end:Menu link--> 389 </div> 390 <!--end:Menu item--> 391 392 <!--begin:Menu item--> 393 <div class="menu-item" style="margin-left: 12px;"> 394 <!--begin:Menu link--> 395 <a class="menu-link px-0 py-2" href="/gz/if?YLW"> 396 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 397 alt=""></span> 398 <span class="menu-title text-light ms-3 fs-6" >ì íë¸ë¡ ë¸ë¡ê·¸ ì°ê¸°</span> 399 </a> 400 <!--end:Menu link--> 401 402 </div> 403 <!--end:Menu item--> 404 405 <!--begin:Menu item--> 406 <div class="menu-item" style="margin-left: 12px;"> 407 <!--begin:Menu link--> 408 <a class="menu-link px-0 py-2" href="/gz/if?NSW"> 409 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 410 alt=""></span> 411 <span class="menu-title text-light ms-3 fs-6" >ë´ì¤ë¡ ë¸ë¡ê·¸ ì°ê¸°</span> 412 </a> 413 <!--end:Menu link--> 414 415 </div> 416 <!--end:Menu item--> 417 418 <!--begin:Menu item--> 419 <!--end:Menu item--> 420 421 422 423 <!--begin:Menu item--> 424 <!--end:Menu item--> 425 </div> 426 <!--end:Menu sub--> 427 </div> 428 <!-- end:newMenu --> 429 430 <!-- begin:newMenu --> 431 <div data-kt-menu-trigger="click" class="menu-item menu-accordion ps-2 "> 432 <!--begin:Menu link--> 433 <span class="menu-link fs-6"> 434 <span class="menu-bullet"> 435 <span class="bullet bullet-dot"></span> 436 </span> 437 <span class="menu-title">ì ì©í ë구</span> 438 <span class="menu-arrow"></span> 439 </span> 440 <!--end:Menu link--> 441 442 <!--begin:Menu sub--> 443 <div class="menu-sub menu-sub-accordion ps-3"> 444 445 <!--begin:Menu item--> 446 <div class="menu-item" style="margin-left: 12px;"> 447 <!--begin:Menu link--> 448 <a class="menu-link px-0 py-2" href="/gz/if?YSV2"> 449 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 450 alt=""></span> 451 <span class="menu-title text-light ms-3 fs-6" >ì íë¸ ìì½í기</span> 452 </a> 453 <!--end:Menu link--> 454 </div> 455 <!--end:Menu item--> 456 <!--begin:Menu item--> 457 <div class="menu-item" style="margin-left: 12px;"> 458 <!--begin:Menu link--> 459 <a class="menu-link px-0 py-2" href="/gz/if?IC"> 460 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 461 alt=""></span> 462 <span class="menu-title text-light ms-3 fs-6" >ì¸ì¤íê·¸ë¨ ìº¡ì </span> 463 </a> 464 <!--end:Menu link--> 465 </div> 466 <!--end:Menu item--> 467 <!--begin:Menu item--> 468 <div class="menu-item" style="margin-left: 12px;"> 469 <!--begin:Menu link--> 470 <a class="menu-link px-0 py-2" href="/gz/if?AC"> 471 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 472 alt=""></span> 473 <span class="menu-title text-light ms-3 fs-6" >ê´ê³ ì¹´í¼ë¼ì´í </span> 474 </a> 475 <!--end:Menu link--> 476 </div> 477 <!--end:Menu item--> 478 <!--begin:Menu item--> 479 <div class="menu-item" style="margin-left: 12px;"> 480 <!--begin:Menu link--> 481 <a class="menu-link px-0 py-2" href="/gz/if?RA"> 482 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 483 alt=""></span> 484 <span class="menu-title text-light ms-3 fs-6" >리뷰 ëµë³</span> 485 </a> 486 <!--end:Menu link--> 487 </div> 488 <!--end:Menu item--> 489 <!--begin:Menu item--> 490 <div class="menu-item" style="margin-left: 12px;"> 491 <!--begin:Menu link--> 492 <a class="menu-link px-0 py-2" href="/gz/if?RS"> 493 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" 494 alt=""></span> 495 <span class="menu-title text-light ms-3 fs-6" >100ë§ ë¦´ì¤ ìì´ëì´</span> 496 </a> 497 <!--end:Menu link--> 498 </div> 499 <!--end:Menu item--> 500 501 </div> 502 <!--end:Menu sub--> 503 </div> 504 <!-- end:newMenu --> 505 506 507 </div> 508 <!--end:Menu item--> 509 510 511 <!--begin:Menu item--> 512 <div id="target-menu" class="menu-item target-item "> 513 <!--begin:Menu link--> 514 515 <a class="menu-link" href="/gz/if?MSV2"> 516 <span class="menu-icon active"> 517 <i class="ki-outline ki-questionnaire-tablet fs-4"></i> 518 </span> 519 <span class="menu-title fs-4">ëë ê¸ìì±v2</span> 520 </a> 521 <!--end:Menu link--> 522 </div> 523 <!--end:Menu item--> 524 <!-- ë©ë´íì pcë§ ë ¸ì¶ --> 525 <div id="popup-overlay" class="popup-overlay"> 526 <div class="menu-popup"> 527 <button class="close-popup"><i class="ki-solid ki-cross fs-1"></i></button> 528 <div class="cont"> 529 <h5 class="mb-0 fs-6">[ì¤í] ìµë 400ê° ê¸ì íë²ì ìì±!</h5> 530 <p class=" fs-6 pb-0 mb-0">ìë¡ê² ì¶ê°ë ëëìì±V2를 ë§ëë³´ì¸ì.</p> 531 </div> 532 </div> 533 </div> 534 535 536 <!--begin:Menu item--> 537 <div class="menu-item "> 538 <!--begin:Menu link--> 539 <a class="menu-link" href="#" onclick="gzRequireLogin(); return false;"> 540 <span class="menu-icon"> 541 <i class="ki-outline ki-dropbox fs-4"></i> 542 </span> 543 <span class="menu-title fs-4">ë³´ê´í¨</span> 544 545 </a> 546 <!--end:Menu link--> 547 548 </div> 549 <!--end:Menu item--> 550 551 <!--begin:Menu item--> 552 <div class="menu-item "> 553 <!--begin:Menu link--> 554 <a class="menu-link"> 555 <span class="menu-icon active"> 556 <i class="ki-outline ki-key fs-4"></i> 557 </span> 558 <span class="menu-title fs-4">í¤ìë</span> 559 </a> 560 <!--end:Menu link--> 561 </div> 562 <!--end:Menu item--> 563 564 <!-- begin:newMenu --> 565 <div class="menu-item ps-6"> 566 567 <!--begin:Menu link--> 568 <span class="menu-link fs-6" onclick="location.href='/keywords/gold'"> 569 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" alt=""></span> 570 <span class="menu-title ms-3 fs-6 text-white" >í©ê¸ í¤ìë</span> 571 <span class="badge badge-sm badge-danger">N</span> 572 </span> 573 <!--end:Menu link--> 574 575 <!--begin:Menu link--> 576 <span class="menu-link fs-6" onclick="location.href='/keywords/smartblock'"> 577 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" alt=""></span> 578 <span class="menu-title ms-3 fs-6 text-white" >ì¤ë§í¸ë¸ë¡ í¤ìë</span> 579 </span> 580 <!--end:Menu link--> 581 582 <!--begin:Menu link--> 583 <span class="menu-link fs-6" onclick="location.href='/gz/if?MA'"> 584 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" alt=""></span> 585 <span class="menu-title ms-3 fs-6 text-white" >ííì ë¶ì기</span> 586 </span> 587 <!--end:Menu link--> 588 589 <!--begin:Menu link--> 590 <span class="menu-link fs-6" onclick="location.href='/keywords/live'"> 591 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" alt=""></span> 592 <span class="menu-title ms-3 fs-6 text-white" >ì¤ìê° ê²ìì´</span> 593 </span> 594 <!--end:Menu link--> 595 596 <!--begin:Menu item--> 597 <span class="menu-link fs-6" onclick="location.href='/keywords/forbidden_checker'"> 598 <span><img class="w-15px" src="/img/sns-icon/icon-write-sub.svg" alt=""></span> 599 <span class="menu-title ms-3 fs-6 text-white" >ê¸ì¹ì´ ê²ì¬ê¸°</span> 600 </span> 601 602 </div> 603 <!-- end:newMenu --> 604 605 <!--begin:Menu item--> 606 <div id="target-menu" class="menu-item target-item "> 607 <!--begin:Menu link--> 608 <a class="menu-link"> 609 <span class="menu-icon active"> 610 <i class="fa-regular fa-image fs-4"></i> 611 </span> 612 <span class="menu-title fs-4">AI ì´ë¯¸ì§</span> 613 </a> 614 <!--end:Menu link--> 615 </div> 616 <!--end:Menu item--> 617 618 <!-- begin:newMenu --> 619 <div class="menu-item ps-6"> 620 <!--begin:Menu link--> 621 <span class="menu-link fs-6" onclick="location.href='/gz/if?RI'"> 622 <span class="d-flex align-items-center"><i class="fa-regular fa-image text-info"></i></span> 623 <span class="menu-title ms-3 fs-6 text-white" >AI ì´ë¯¸ì§ ìì±</span> 624 </span> 625 <!--end:Menu link--> 626 627 <!--begin:Menu link--> 628 <span class="menu-link fs-6" onclick="location.href='/gz/if?RM'"> 629 <span class="d-flex align-items-center"><i class="fa-regular fa-image text-info"></i></span> 630 <span class="menu-title ms-3 fs-6 text-white" >AI ì´ë¯¸ì§ í¸ì§</span> 631 <span class="badge badge-sm badge-danger">N</span> 632 </span> 633 <!--end:Menu link--> 634 635 <!--begin:Menu link--> 636 <span class="menu-link fs-6" onclick="location.href='/gz/freeimg'"> 637 <span class="d-flex align-items-center"><i class="fa-regular fa-image text-info"></i></span> 638 <span class="menu-title ms-3 fs-6 text-white" >
638ë¬´ë£ ì´ë¯¸ì§</span> 639 <span class="badge badge-sm badge-danger">N</span> 640 </span> 641 <!--end:Menu link--> 642 643 <!--begin:Menu link--> 644 <span class="menu-link fs-6" onclick="location.href='/gz/thumbnail'"> 645 <span class="d-flex align-items-center"><i class="fa-regular fa-image text-info"></i></span> 646 <span class="menu-title ms-3 fs-6 text-white" >ì¸ë¤ì¼ ë§ë¤ê¸°</span> 647 <span class="badge badge-sm badge-danger">N</span> 648 </span> 649 <!--end:Menu link--> 650 651 <!--begin:Menu link--> 652 <span class="menu-link fs-6" onclick="location.href='/gz/sliceimg'"> 653 <span class="d-flex align-items-center"><i class="fa-regular fa-image text-info"></i></span> 654 <span class="menu-title ms-3 fs-6 text-white" >ì´ë¯¸ì§ ë¶í 기</span> 655 <span class="badge badge-sm badge-danger">N</span> 656 </span> 657 <!--end:Menu link--> 658 659 </div> 660 <!-- end:newMenu --> 661 662 663 <!--begin:Menu item AI ì¤íì¤--> 664 <div class="menu-item "> 665 <!--begin:Menu link--> 666 <a class="menu-link" href="/lab"> 667 <span class="menu-icon active"> 668 <i class="ki-outline ki-rocket fs-4"></i> 669 </span> 670 <span class="menu-title fs-4">AI ì¤íì¤</span> 671 <span class="badge badge-sm badge-danger">N</span> 672 </a> 673 <!--end:Menu link--> 674 </div> 675 <!--end:Menu item AI ì¤íì¤--> 676 677 <!--begin:Menu item--> 678 <div class="menu-item "> 679 <!--begin:Menu link--> 680 <a class="menu-link" href="/school/school-list"> 681 <span class="menu-icon active"> 682 <i class="bi bi-play-btn fs-4"></i> 683 </span> 684 <span class="menu-title fs-4">ê°ì í¸ ì¤ì¿¨</span> 685 </a> 686 <!--end:Menu link--> 687 </div> 688 <!--end:Menu item--> 689 690 <!--begin:Menu item--> 691 <!--end:Menu item--> 692 693 </div> 694 <!--end::Menu--> 695 </div> 696 <!--end::Menu wrapper--> 697 </div> 698 <!--end::sidebar menu--> 699 700 <!--begin::Footer--> 701 <div class="app-sidebar-footer flex-column-auto pt-2 pb-6" id="kt_app_sidebar_footer"> 702 703 <!--begin:í¬ë¡¬ íì¥ íë¨ ì¤ì¹ ì¹´ë--> 704 <style> 705 @property --xpang{syntax:'<angle>';inherits:false;initial-value:0deg} 706 @keyframes xpang{to{--xpang:360deg}} 707 .xpm-fcard{position:relative;margin:4px 12px 2px;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#1b1220,#130d15);box-shadow:0 10px 24px -12px rgba(237,53,110,.45)} 708 .xpm-fcard::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--xpang),#6EC7F7,#8E55F7,#ED356E,#FFB27D,#6EC7F7);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:xpang 5s linear infinite;pointer-events:none;z-index:2} 709 .xpm-fcard a{position:relative;z-index:1;display:block;text-decoration:none;padding:13px 14px} 710 .xpm-fcard .fh{display:flex;align-items:center;gap:9px} 711 .xpm-fcard .gt{width:30px;height:30px;border-radius:8px;background:#0d1628;display:grid;place-items:center;flex:none} 712 .xpm-fcard .tt{font-size:13px;font-weight:800;color:#fff} 713 .xpm-fcard .np{font-size:9px;font-weight:800;color:#fff;background:#ED356E;padding:1px 6px;border-radius:999px;margin-left:auto} 714 .xpm-fcard .ds{font-size:11px;color:#b3a0ad;margin:9px 0 10px;line-height:1.4} 715 .xpm-fcard .bt{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(120deg,#F8957C,#ED356E);color:#fff;font-size:12.5px;font-weight:800;padding:8px;border-radius:9px} 716 @media (prefers-reduced-motion:reduce){.xpm-fcard::before{animation:none!important}} 717 </style> 718 <div class="xpm-fcard"> 719 <a href="https://chromewebstore.google.com/detail/gpmfkopoggdgkikeabhmgookpkjebnmo" target="_blank" rel="noopener"> 720 <div class="fh"> 721 <span class="gt"><svg viewBox="0 0 29 30" width="18" height="19" fill="none" style="display:block"><path d="M17.6753 29.5211H25.0991L26.5254 12.9543H14.1522L13.6489 18.7004H18.6404L18.2628 23.0208L17.7595 28.5566L17.6753 29.5211Z" fill="url(#glmF10)"/><path d="M28.8741 0.455444H10.7969C5.26064 0.455444 2.31044 2.86079 1.94686 7.6694L0.730945 22.3077C0.339317 27.1168 2.91191 29.5211 8.44819 29.5211H13.649C15.27 29.5211 16.6412 29.2006 17.7595 28.5566L18.2628 23.0208C18.095 23.5521 17.5491 23.8176 16.6267 23.8176H10.5871C9.02161 23.8176 8.28043 23.0494 8.36457 21.5109L9.49635 8.46719C9.58049 6.92977 10.4048 6.16054 11.9713 6.16054H17.0879C18.6534 6.16054 19.3946 6.92977 19.3109 8.46719L19.2273 9.7257H26.8189L27.0282 7.66992C27.1674 5.82449 26.8599 4.34316 26.1052 3.22437L28.8741 0.455444Z" fill="url(#glmF11)"/><defs><linearGradient id="glmF10" x1="20.84" y1="12.45" x2="18.48" y2="29.52" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD185"/><stop offset=".44" stop-color="#F8957C"/><stop offset="1" stop-color="#ED356E"/></linearGradient><linearGradient id="glmF11" x1="19.39" y1="3.66" x2="5.21" y2="23.44" gradientUnits="userSpaceOnUse"><stop stop-color="#6EC7F7"/><stop offset=".58" stop-color="#7F8CF7"/><stop offset="1" stop-color="#8E55F7"/></linearGradient></defs></svg></span> 722 <span class="tt">í¬ë¡¬ íì¥ ì¶ì</span> 723 <span class="np">NEW</span> 724 </div> 725 <div class="ds">ë¤ì´ë² ë¸ë¡ê·¸ ìëí¬ì¤í ì í¬ë¡¬ìì ìí´ë¦ì¼ë¡.</div> 726 <div class="bt">ì¤ì¹í기 →</div> 727 </a> 728 </div> 729 <!--end:í¬ë¡¬ íì¥ íë¨ ì¹´ë--> 730 731 <!--begin::Footer menu--> 732 733 734 <div class="app-sidebar-footer flex-column-auto pt-2 pb-1" id="kt_app_sidebar_footer"> 735 736 <!--begin::Footer menu--> 737 738 <!--begin::sidebar menu--> 739 <div class="app-sidebar-menu overflow-hidden flex-column-fluid"> 740 <!--begin::Menu wrapper--> 741 <div id="" style="margin-top: 1.25rem !important; " class="app-sidebar-wrapper hover-scroll-overlay-y" 742 data-kt-scroll-activate="true" data-kt-scroll-height="auto" 743 data-kt-scroll-dependencies="#kt_app_sidebar_logo, #kt_app_sidebar_footer" 744 data-kt-scroll-wrappers="#kt_app_sidebar_menu" data-kt-scroll-offset="5px" 745 data-kt-scroll-save-state="true"> 746 <!--begin::Menu--> 747 <div class="menu menu-column menu-rounded menu-sub-indention px-3" id="#kt_app_sidebar_menu" 748 data-kt-menu="true" data-kt-menu-expand="false"> 749 750 <!--begin:Menu item--> 751 <div class="menu-item "> 752 <!--begin:Menu link--> 753 <a class="menu-link" href="/user/membership"> 754 <span class="menu-icon"> 755 <i class="ki-outline ki-credit-cart fs-4 text-info3"></i> 756 </span> 757 <span class="menu-title fs-4 text-info3">멤ë²ì ìë´ </span> 758 <span class="badge badge-sm badge-info">ì¶©ì </span> 759 </a> 760 <!--end:Menu link--> 761 </div> 762 <!--end:Menu item--> 763 764 <!--begin:Menu item--> 765 <div class="menu-item "> 766 <!--begin:Menu link--> 767 <a class="menu-link" href="/cs/notice"> 768 <span class="menu-icon"> 769 <i class="ki-outline ki-notification fs-4"></i> 770 </span> 771 <span class="menu-title fs-4">커뮤ëí°</span> 772 </a> 773 <!--end:Menu link--> 774 </div> 775 <!--end:Menu item--> 776 777 <!--begin:Menu item--> 778 <div class="menu-item"> 779 <!--begin:Menu link--> 780 <a class="menu-link" href="https://gazetai.notion.site/AI-cea03eb93094498ab0868c5e27b04726?pvs=4" target="_blank"> 781 <span class="menu-icon"> 782 <i class="ki-outline ki-question-2 fs-4"></i> 783 </span> 784 <span class="menu-title fs-4">ì´ì©ê°ì´ë</span> 785 <span class="badge badge-sm badge-success">íë </span> 786 </a> 787 <!--end:Menu link--> 788 </div> 789 <!--end:Menu item--> 790 791 792 <!--begin::User--> 793 <!--end::User--> 794 795 <!--begin::ticket--> 796 <div class="menu-title ticket-box px-4" href="#none" style="margin-bottom: 30px;"> 797 <div class="border rounded-3 border-gray-800 p-4"> 798 799 <div class="mt-2"> 800 <a class="btn-gradation" href="/signup">1ì´ë§ì ììí기</a> 801 </div> 802 803 </div> 804 805 </div> 806 <!--end::ticket--> 807 808 </div> 809 <!--end::Menu--> 810 </div> 811 <!--end::Menu wrapper--> 812 </div> 813 <!--end::sidebar menu--> 814 <!--end::Footer menu--> 815 </div> 816 <!--end::Footer menu--> 817 </div> 818 <!--end::Footer--> 819</div> 820 821 822<!--ì´ì©ìë´ ëª¨ë¬--> 823<div class="modal fade" tabindex="-1" id="info_modal"> 824 <div class="modal-dialog modal-dialog-centered"> 825 <div class="modal-content"> 826 <div class="modal-header"> 827 <h3 class="modal-title">ì´ì©ìë´</h3> 828 <!--begin::Close--> 829 <div class="btn btn-icon btn-sm btn-active-light-info ms-2" data-bs-dismiss="modal" aria-label="Close"> 830 <i class="ki-solid ki-cross fs-1"></i> 831 </div> 832 <!--end::Close--> 833 </div> 834 835 <div class="modal-body"> 836 <div class="text-center"> 837 <i class="bi bi-exclamation-circle" style="font-size: 1.5rem;"></i> 838 <h5 class="fs-3">ì´ì© ê°ë¥í G-ì½ì¸ì´ ë¶ì¡±í©ëë¤.</h5> 839 <p class="fs-5 mb-5">ê°ì í¸ AI를 ë´ ì¹êµ¬ìê² ìê°íë©´ ì¶ê° ì´ì©ì´ ê°ë¥í©ëë¤. <br> 840 ì¹êµ¬ ì´ëíë¬ ê°ê¹ì?</p> 841 </div> 842 <div class="bg-light-info border border-info text-center mw-sm-100 mw-xl-75 m-auto"> 843 <ul class="p-5 pb-0 text-center"> 844 <li class="d-flex justify-content-center align-items-center mb-2 fs-6 fw-semibold">· ì¹êµ¬ ê°ì ì G-ì½ì¸ 845 <div class="fw-bold me-2 text-info d-flex align-items-center"><img class="w-20px ms-1 me-1" 846 src="/img/sns-icon/icon-logo-mark.svg" alt=""> 10 coin</div> 847 </li> 848 <li class="d-flex justify-content-center align-items-center mb-2 fs-6 fw-semibold">· ì¹êµ¬ ê²°ì ì G-ì½ì¸ 849 <div class="fw-bold me-2 text-info d-flex align-items-center"><img class="w-20px ms-1 me-1" 850 src="/img/sns-icon/icon-logo-mark.svg" alt=""> 90 coin</div> 851 </li> 852 </ul> 853 </div> 854 </div> 855 856 <div class="modal-footer justify-content-center"> 857 <button type="button" class="btn btn-light btn-outline fs-6" data-bs-dismiss="modal" 858 aria-label="Close">ì·¨ì</button> 859 <a href="/user/invite" target="_blank" class="btn btn-info fs-6">ì¹êµ¬ì´ë í기</a> 860 </div> 861 </div> 862 </div> 863</div> 864
865<script> 866 $(document).ready(function () { 867 function initializePopup() { 868 } 869 870 let timeoutDate = localStorage.getItem('pop-overlay-timeout-date'); 871 872 if (timeoutDate) { 873 let savedTime = new Date(timeoutDate.replace(' ', 'T')); 874 let currentTime = new Date(); 875 let oneMonth = 30 * 24 * 60 * 60 * 1000; //íë¬ 876 877 if (currentTime - savedTime >= oneMonth) { 878 localStorage.removeItem('pop-overlay-timeout-date'); 879 initializePopup(); 880 } 881 } else { 882 initializePopup(); 883 } 884 }); 885</script>
885 <!--end::Sidebar--> 886<!-- ê³µì§ ì¬ë¼ì´ë --> 887<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css">
888<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
888 889 890
891<script> 892 document.addEventListener('DOMContentLoaded', function () { 893 var swiper = new Swiper('.mySwiper', { 894 direction: 'vertical', 895 loop: true, 896 autoplay: { 897 delay: 5000, 898 disableOnInteraction: false, 899 }, 900 slidesPerView: 1, 901 spaceBetween: 0, 902 allowTouchMove: false, // ìë ì¬ë¼ì´ëë§ íì© 903 }); 904 }); 905</script>
905 906 907<!--begin::Main--> 908<div class="app-main flex-column flex-row-fluid" id="kt_app_main"> 909 <!--begin::Content wrapper--> 910 <div class="app-content d-flex flex-column flex-column-fluid"> 911 <!--begin::Toolbar--> 912 <div id="kt_app_toolbar" class="app-toolbar pb-6 pt-10"> 913 <div id="kt_app_toolbar_container" class="app-container container-fluid d-flex flex-stack"> 914 <!--begin::Page title ìì --> 915 <div class="page-title w-100"> 916 917 <!--begin::ê³µì§--> 918 <div class="top-notice"> 919 <div class="topnotice-icon"> 920 <img src="img/sns-icon/icon-notice.svg" alt=""> 921 <span class="notice-new"></span> 922 </div> 923 <div class="topnotice-txt"> 924 <div class="swiper mySwiper"> 925 <div class="swiper-wrapper"> 926 <div class="swiper-slide"> 927 <a class="hover-underline" 928 href="/cs/notice/1176" 929 style="color: #41a4f5;"> 930 ì¬í커ë¥í¸ íë³´ ë¸ë¡ê·¸ ì ê· ê¸°ë¥ ì¤í (9/23) </a> 931 </div> 932 <div class="swiper-slide"> 933 <a class="hover-underline" 934 href="/cs/notice/1175" 935 style="color: #41a4f5;"> 936 ì´ì ë¤ì´ë² íí ë ¸ì¶ì ë ¸ë¦¬ë ë¸ë¡ê·¸ë ê°ì í¸ AIìì ìì±íì¸ì! </a> 937 </div> 938 <div class="swiper-slide"> 939 <a class="hover-underline" 940 href="/cs/notice/1174" 941 style="color: #41a4f5;"> 942 ë¤ì´ë² ë¸ë¡ê·¸ ìëí¬ì¤í í¬ë¡¬ íì¥íë¡ê·¸ë¨ ì¶ì! </a> 943 </div> 944 <div class="swiper-slide"> 945 <a class="hover-underline" 946 href="/cs/notice/1173" 947 style="color: #41a4f5;"> 948 ì¬ì§ì¼ë¡ ì´ëª¨í°ì½ ë§ë¤ê¸° ì ê· ê¸°ë¥ ì¤í </a> 949 </div> 950 <div class="swiper-slide"> 951 <a class="hover-underline" 952 href="/cs/notice/1172" 953 style="color: #41a4f5;"> 954 ì ë³´ì± ë¸ë¡ê·¸ ê¸ ìì± ê¸°ë¥, ì´ë¯¸ì§ ìì± íì§ ëí ì ê·¸ë ì´ë </a> 955 </div> 956 <div class="swiper-slide"> 957 <a class="hover-underline" 958 href="/cs/notice/1170" 959 style="color: #41a4f5;"> 960 G-ì½ì¸ ì ì± ì¼ë¶ ë³ê²½ ìë´ </a> 961 </div> 962 <div class="swiper-slide"> 963 <a class="hover-underline" 964 href="/cs/notice/1169" 965 style="color: #41a4f5;"> 966 G-ì½ì¸ ì í¨ê¸°í ë³ê²½ ìë´ (26/1/1) </a> 967 </div> 968 <div class="swiper-slide"> 969 <a class="hover-underline" 970 href="/cs/notice/1167" 971 style="color: #41a4f5;"> 972 ë¸ë¡ê·¸ ì¸ë¤ì¼ ë§ë¤ê¸° ê¸°ë¥ OPEN! (10/05) </a> 973 </div> 974 <div class="swiper-slide"> 975 <a class="hover-underline" 976 href="/cs/notice/1163" 977 style="color: #41a4f5;"> 978 ê°ì í¸ AI ì´ë¯¸ì§ í¸ì§ ìë¹ì¤ OPEN! (6/23) </a> 979 </div> 980 <div class="swiper-slide"> 981 <a class="hover-underline" 982 href="/cs/notice/1162" 983 style="color: #41a4f5;"> 984 [ì본ê¸ì ìë¡ì´ ê¸ë¡ ë°ê¾¸ê¸°] ëëíê² ì ê·¸ë ì´ë ëìì´ì (6/13) </a> 985 </div> 986 </div> 987 </div> 988 </div> 989 </div> 990 <!--end::ê³µì§--> 991 992 <style> 993 /* ===== ìë¨ ìì´ë ë°°ë (ì) ===== */ 994 #extPromo{margin-top:10px;margin-bottom:20px;font-family:inherit} 995 #extPromo .xp-promo{position:relative;display:flex;align-items:center;gap:18px;border-radius:16px;padding:16px 22px;overflow:hidden;color:#eaf0fb;background:#0a0e18 url('/img/promo/ext-bg-cool.png') center right/cover no-repeat;border:1px solid rgba(120,150,220,.18);box-shadow:0 12px 34px -16px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.06)} 996 #extPromo .xp-promo::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#0a0e18 0%,rgba(10,14,24,.92) 30%,rgba(10,14,24,.5) 60%,rgba(10,14,24,.08) 100%)} 997 #extPromo .xp-promo>*{position:relative;z-index:1} 998 #extPromo .xp-ic{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;position:relative;background:linear-gradient(160deg,#111c30,#0a1120);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 6px 16px -6px rgba(0,0,0,.6)} 999 #extPromo .xp-ic svg{width:30px;height:31px} 1000 #extPromo .xp-ic::after{content:"";position:absolute;inset:-6px;border-radius:18px;z-index:-1;filter:blur(6px);background:radial-gradient(circle,rgba(110,199,247,.5),transparent 70%)} 1001 #extPromo .xp-body{flex:1;min-width:0} 1002 #extPromo .xp-tag{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;letter-spacing:.01em;color:#dbebff;background:rgba(9,16,34,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(150,195,255,.4);padding:7px 14px 7px 11px;border-radius:999px;white-space:nowrap} 1003 #extPromo .xp-tag svg{flex:none} 1004 @media (max-width:720px){#extPromo .xp-tag{display:none}} 1005 #extPromo .xp-title{margin:0 0 3px;font-size:19px;font-weight:800;letter-spacing:-.015em;line-height:1.2;color:#fff} 1006 #extPromo .xp-sub{margin:0;font-size:13px;line-height:1.4;color:#b3bdd4} 1007 #extPromo .xp-cta{flex:none;display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#fff;text-shadow:0 1px 2px rgba(0,20,50,.4);font-size:14.5px;font-weight:800;border-radius:12px;padding:12px 20px;background:linear-gradient(120deg,#6EC7F7,#8E55F7);box-shadow:0 10px 26px -8px rgba(96,140,255,.55), inset 0 1px 0 rgba(255,255,255,.45);transition:transform .2s} 1008 #extPromo .xp-cta:hover{transform:translateY(-1px)} 1009 @media (max-width:720px){#extPromo .xp-promo{flex-wrap:wrap;gap:12px;padding:16px;background-position:center}#extPromo .xp-cta{width:100%;justify-content:center}} 1010 1011 /* ===== ì°ì¸¡ íë¨ ë³´ëë¹ íë¡í ===== */ 1012 #xpFabHost{position:fixed;z-index:1200;font-family:inherit;right:30px;bottom:30px} 1013 @keyframes xpspin{to{rotate:360deg}} 1014 @keyframes xpfloat{50%{transform:translateY(-7px)}} 1015 #xpFabHost .beam{display:inline-block;position:relative;border-radius:16px;overflow:hidden;isolation:isolate;background:#140f18;box-shadow:0 20px 46px -14px rgba(0,0,0,.6),0 6px 18px rgba(237,53,110,.28);animation:xpfloat 4s ease-in-out infinite;will-change:transform} 1016 #xpFabHost .beam::before{content:"";position:absolute;top:50%;left:50%;width:220%;aspect-ratio:1;translate:-50% -50%;z-index:0;background:conic-gradient(from 0deg,transparent 0 72%,#FFC48A 82%,#FF7EA8 90%,#ED356E 95%,transparent 100%);animation:xpspin 3.4s linear infinite} 1017 #xpFabHost .beam .in{position:relative;z-index:1;margin:1.6px;border-radius:14.5px;background:linear-gradient(160deg,#1b1220,#130d15);display:flex;align-items:center;gap:12px;padding:11px 20px 11px 12px;text-decoration:none} 1018 #xpFabHost .beam .gt{width:34px;height:34px;flex:none;border-radius:9px;background:#0d1628;display:grid;place-items:center} 1019 #xpFabHost .beam .gt svg{width:21px;height:22px} 1020 #xpFabHost .beam .tx{color:#fff;font-weight:800;font-size:14.5px;letter-spacing:-.01em;white-space:nowrap} 1021 #xpFabHost .beam .tx small{display:block;font-size:11px;font-weight:600;color:#e79ab4;letter-spacing:.02em;margin-top:1px} 1022 #xpFabHost .beam .arw{margin-left:2px;color:#ff9ab4;font-weight:900;transition:transform .2s} 1023 #xpFabHost .beam:hover .arw{transform:translateX(3px)} 1024 @media (max-width:720px){#xpFabHost{right:16px;bottom:16px}} 1025 @media (prefers-reduced-motion:reduce){#xpFabHost .beam,#xpFabHost .beam::before{animation:none!important}} 1026</style> 1027 1028<!-- ìë¨ ë°°ë --> 1029<div id="extPromo"> 1030 <div class="xp-promo"> 1031 <div class="xp-ic"><svg viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M17.6753 29.5211H25.0991L26.5254 12.9543H14.1522L13.6489 18.7004H18.6404L18.2628 23.0208L17.7595 28.5566L17.6753 29.5211Z" fill="url(#xpg0)"/><path d="M28.8741 0.455444H10.7969C5.26064 0.455444 2.31044 2.86079 1.94686 7.6694L0.730945 22.3077C0.339317 27.1168 2.91191 29.5211 8.44819 29.5211H13.649C15.27 29.5211 16.6412 29.2006 17.7595 28.5566L18.2628 23.0208C18.095 23.5521 17.5491 23.8176 16.6267 23.8176H10.5871C9.02161 23.8176 8.28043 23.0494 8.36457 21.5109L9.49635 8.46719C9.58049 6.92977 10.4048 6.16054 11.9713 6.16054H17.0879C18.6534 6.16054 19.3946 6.92977 19.3109 8.46719L19.2273 9.7257H26.8189L27.0282 7.66992C27.1674 5.82449 26.8599 4.34316 26.1052 3.22437L28.8741 0.455444Z" fill="url(#xpg1)"/><path d="M11.9084 29.5211H13.649C15.27 29.5211 16.6412 29.2006 17.7595 28.5566L18.2628 23.0208C18.1584 23.3517 17.907 23.5792 17.5097 23.7038C1
10317.184 24.9431 16.019 27.6466 11.9084 29.5211Z" fill="url(#xpg2)"/><defs><linearGradient id="xpg0" x1="20.84" y1="12.45" x2="18.48" y2="29.52" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD185"/><stop offset=".15" stop-color="#FDC183"/><stop offset=".44" stop-color="#F8957C"/><stop offset=".85" stop-color="#F05172"/><stop offset="1" stop-color="#ED356E"/></linearGradient><linearGradient id="xpg1" x1="19.39" y1="3.66" x2="5.21" y2="23.44" gradientUnits="userSpaceOnUse"><stop stop-color="#6EC7F7"/><stop offset=".19" stop-color="#73B7F7"/><stop offset=".58" stop-color="#7F8CF7"/><stop offset="1" stop-color="#8E55F7"/></linearGradient><linearGradient id="xpg2" x1="15.59" y1="26.47" x2="17.56" y2="27.23" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-opacity=".1"/><stop offset=".46" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient></defs></svg></div> 1032 <div class="xp-body"> 1033 <h3 class="xp-title">ê°ì í¸ AI ìëí¬ì¤í , í¬ë¡¬ìì ë°ë¡</h3> 1034 <p class="xp-sub">ì¤ì¹ ì¦ì ì¬ì© â ë¡ê·¸ì¸ë§ íë©´ ë¤ì´ë² ë¸ë¡ê·¸ì ìì½Â·ìë ë°íê¹ì§.</p> 1035 </div> 1036 <span class="xp-tag"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 13l4 4L19 7" stroke="#7fd0ff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>ì 19,800ì 멤ë²ì ì´ì ë¬´ë£ ì ê³µ</span> 1037 <a class="xp-cta" href="https://chromewebstore.google.com/detail/gpmfkopoggdgkikeabhmgookpkjebnmo" target="_blank" rel="noopener">í¬ë¡¬ì ì¶ê° →</a> 1038 </div> 1039</div> 1040 1041<!-- ì°ì¸¡ íë¨ ë³´ëë¹ íë¡í --> 1042<div id="xpFabHost"> 1043 <a class="beam" href="https://chromewebstore.google.com/detail/gpmfkopoggdgkikeabhmgookpkjebnmo" target="_blank" rel="noopener"> 1044 <span class="in"> 1045 <span class="gt"><svg viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M17.6753 29.5211H25.0991L26.5254 12.9543H14.1522L13.6489 18.7004H18.6404L18.2628 23.0208L17.7595 28.5566L17.6753 29.5211Z" fill="url(#xpg0)"/><path d="M28.8741 0.455444H10.7969C5.26064 0.455444 2.31044 2.86079 1.94686 7.6694L0.730945 22.3077C0.339317 27.1168 2.91191 29.5211 8.44819 29.5211H13.649C15.27 29.5211 16.6412 29.2006 17.7595 28.5566L18.2628 23.0208C18.095 23.5521 17.5491 23.8176 16.6267 23.8176H10.5871C9.02161 23.8176 8.28043 23.0494 8.36457 21.5109L9.49635 8.46719C9.58049 6.92977 10.4048 6.16054 11.9713 6.16054H17.0879C18.6534 6.16054 19.3946 6.92977 19.3109 8.46719L19.2273 9.7257H26.8189L27.0282 7.66992C27.1674 5.82449 26.8599 4.34316 26.1052 3.22437L28.8741 0.455444Z" fill="url(#xpg1)"/><path d="M11.9084 29.5211H13.649C15.27 29.5211 16.6412 29.2006 17.7595 28.5566L18.2628 23.0208C18.1584 23.3517 17.907 23.5792 17.5097 23.7038C17.184 24.9431 16.019 27.6466 11.9084 29.5211Z" fill="url(#xpg2)"/><defs><linearGradient id="xpg0" x1="20.84" y1="12.45" x2="18.48" y2="29.52" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD185"/><stop offset=".15" stop-color="#FDC183"/><stop offset=".44" stop-color="#F8957C"/><stop offset=".85" stop-color="#F05172"/><stop offset="1" stop-color="#ED356E"/></linearGradient><linearGradient id="xpg1" x1="19.39" y1="3.66" x2="5.21" y2="23.44" gradientUnits="userSpaceOnUse"><stop stop-color="#6EC7F7"/><stop offset=".19" stop-color="#73B7F7"/><stop offset=".58" stop-color="#7F8CF7"/><stop offset="1" stop-color="#8E55F7"/></linearGradient><linearGradient id="xpg2" x1="15.59" y1="26.47" x2="17.56" y2="27.23" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-opacity=".1"/><stop offset=".46" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient></defs></svg></span>
1046 <span class="tx">í¬ë¡¬ íì¥ ì¤ì¹<small>ê°ì í¸ AI ìëí¬ì¤í </small></span> 1047 <span class="arw">→</span> 1048 </span> 1049 </a> 1050</div> 1051
1052<script> 1053(function(){ 1054 var beam = document.querySelector('#xpFabHost .beam'); 1055 if (!beam) return; 1056 if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; 1057 window.addEventListener('mousemove', function(e){ 1058 var r = beam.getBoundingClientRect(); 1059 var dx = e.clientX - (r.left + r.width/2); 1060 var dy = e.clientY - (r.top + r.height/2); 1061 if (Math.hypot(dx, dy) < 200) { 1062 beam.style.transform = 'translate(' + (dx*0.12) + 'px,' + (dy*0.12) + 'px)'; 1063 } else { 1064 beam.style.transform = ''; 1065 } 1066 }); 1067})(); 1068</script>
1068 1069 1070 <!--begin::AIê¸ì°ê¸°íì´í--> 1071 <div class="pt-10 d-flex align-items-center flex-wrap justify-content-between "> 1072 1073 <div class="d-flex align-items-center flex-wrap mb-2"> 1074 <h1 1075 class="me-6 page-heading d-flex text-dark fw-ebold fs-1-5hx flex-column justify-content-center my-0 m-none"> 1076 AI ê¸ì°ê¸°</h1> 1077 1078 <!-- 모ë°ì¼ë²ì 멤ë²ìë²í¼ --> 1079 <div class="membership-btn mb-4 pc-none"> 1080 <a href="/user/membership"> 1081 <span class="">멤ë²ì ìë´</span> 1082 <i class="bi bi-chevron-right fs-7 text-white ms-1"></i> 1083 </a> 1084 </div> 1085 1086 <div class="text-muted fs-5 text-gray-600"> 1087 ë§¤ì¼ ë§¤ì¼ ê¸ì°ê¸° ì ë§ ê³ ë¯¼ì´ì ê°ì? ìì ìê² ë§ë ê¸ì°ê¸°ë¥¼ ì íí´ë³´ì¸ì. 1088 </div> 1089 <!--end::Title--> 1090 </div> 1091 1092 <!-- pcë²ì 멤ë²ìë²í¼ --> 1093 <div class="membership-btn m-none"> 1094 <a href="/user/membership"> 1095 <span class="">멤ë²ì ìë´</span> 1096 <i class="bi bi-chevron-right fs-7 text-white ms-1"></i> 1097 </a> 1098 </div> 1099 </div> 1100 <!--begin::AIê¸ì°ê¸°íì´í--> 1101 1102 </div> 1103 <!--end::Page title ìì --> 1104 1105 </div> 1106 <!--end::Toolbar container--> 1107 </div> 1108 <!--end::Toolbar--> 1109 <!--begin::Content--> 1110 <div id="kt_app_content" class="content d-flex flex-column flex-column-fluid mt-5 "> 1111 1112 <!--begin::Content container--> 1113 <div id="kt_app_content_container" class="app-container container-fluid overflow-x-hidden" 1114 style="padding-right: 0 !important;"> 1115 <!--begin::mainSwiper-wrap--> 1116 1117 <div class="row mainSwiper-wrap pb-7"> 1118 <!--begin::tit--> 1119 <div class="mb-4"> 1120 <h3 class="fs-26 fw-medium"># ê°ì í¸ ì¶ì² BEST</h3> 1121 </div> 1122 <!--end::tit--> 1123 1124 <!-- ê°ì í¸ì¶ì²ë² ì¤í¸--> 1125 <div class="row d-flex"> 1126 1127 <!-- S:review-item --> 1128 <div class="col-lg-3 mb-3 active"> 1129 <div class="library-item slide-box hover-info rounded-4 bg-white border-gray-100"> 1130 1131 1132 <a href="" data-bs-toggle="modal" data-bs-target="#info_modal" 1133 class="d-inline-block w-100"> 1134 1135 <div class="logo-mark slide-box-top rounded-top-4 overflow-hidden"> 1136 <img class="w-100" src="img/best-blog1.jpg?2" alt=""> 1137 <img class="icon-mark" src="img/sns-icon/icon-logo-mark.svg" alt=""> 1138 </div> 1139 <div class="slide-box-btm p-7" style="text-align: left;"> 1140 <h5 class="fs-4 fw-medium hover-text">ì í ì¬ì©í기 ë¸ë¡ê·¸</h5> 1141 <p class="fs-6 mb-0 text-gray-600" style="margin-top: 17px;">ì´ì ì í ì¬ì§ë§ 1142 ì¤ë¹íì¸ì. ì íì í¹ì¥ì ë° ììë ¸ì¶ í¤ìë를 ì íí ë¶ìíì¬ 1,500ì ì´ìì 긴 ì í ì¬ì©í기 ë¸ë¡ê·¸ë¥¼ ìì±í©ëë¤. 1143 </p> 1144 </div> 1145 </a> 1146 </div> 1147 </div> 1148 <!-- E:ireview-item --> 1149 <!-- S:review-item --> 1150 <div class="col-lg-3 mb-3"> 1151 <div class="library-item slide-box hover-info rounded-4 bg-white border-gray-100"> 1152 1153 1154 <a href="" data-bs-toggle="modal" data-bs-target="#info_modal" 1155 class="d-inline-block w-100"> 1156 1157 <div class="logo-mark slide-box-top rounded-top-4 overflow-hidden"> 1158 <img class="w-100" src="img/best-blog2.jpg?2" alt=""> 1159 <img class="icon-mark" src="img/sns-icon/icon-logo-mark.svg" alt=""> 1160 </div> 1161 <div class="slide-box-btm p-7" style="text-align: left;"> 1162 <h5 class="fs-4 fw-medium hover-text">방문í기 ë¸ë¡ê·¸</h5> 1163 <p class="fs-6 mb-0 text-gray-600" style="margin-top: 17px;">ì§ì ì²´íí ë§ì§, 1164 ì¹´í, ì¬íì§, ì°ë¦¬ëë¤ í«íë ì´ì¤ ë± ì êµ ë°©ë°©ê³¡ê³¡ ì´ëë ! 1,500ì ì´ìì ììí í기를 ìì±í©ëë¤. 1165 </p> 1166 </div> 1167 </a> 1168 </div> 1169 </div> 1170 <!-- E:ireview-item --> 1171 1172 1173 <!-- S:review-item --> 1174 <div class="col-lg-3 mb-3"> 1175 <div class="library-item slide-box hover-info rounded-4 bg-white border-gray-100"> 1176 <a href="" data-bs-toggle="modal" data-bs-target="#info_modal" 1177 class="d-inline-block w-100"> 1178 <div class="logo-mark slide-box-top rounded-top-4 overflow-hidden"> 1179 <img class="w-100" src="img/best-blog7.jpg" alt=""> 1180 <img class="icon-mark" src="img/sns-icon/icon-logo-mark.svg" alt=""> 1181 </div> 1182 1183 <div class="slide-box-btm p-7" style="text-align: left;"> 1184 <h5 class="fs-4 fw-medium hover-text">ì¬íí기 ë¸ë¡ê·¸</h5> 1185 <p class="fs-6 mb-0 text-gray-600" style="margin-top: 17px;">ì¬í ì´ì¼ê¸°ë¥¼ ëì± 1186 ììíê²! ì§ì ë¤ë ì¨ êµë´ì¸ ì¬í ê²½íì ë ë§¤ë ¥ì ì¼ë¡ 1,500ì ì´ìì ì¬í í기 ë¸ë¡ê·¸ë¥¼ ìì±í©ëë¤. 1187 </p> 1188 </div> 1189 </a> 1190 </div> 1191 </div> 1192 <!-- E:ireview-item --> 1193 1194 1195 <!-- S:review-item --> 1196 <div class="col-lg-3 mb-3"> 1197 <div class="library-item slide-box hover-info rounded-4 bg-white border-gray-100"> 1198 <a href="" data-bs-toggle="modal" data-bs-target="#info_modal" 1199 class="d-inline-block w-100"> 1200 <div class="logo-mark slide-box-top rounded-top-4 overflow-hidden"> 1201 <img class="w-100" src="img/best-blog4.jpg?2" alt=""> 1202 <img class="icon-mark" src="img/sns-icon/icon-logo-mark.svg" alt=""> 1203 </div> 1204 <div class="slide-box-btm p-7" style="text-align: left;"> 1205 <h5 class="fs-4 fw-medium hover-text">ì¿ í¡ íí¸ëì¤ íë³´ ë¸ë¡ê·¸</h5> 1206 <p class="fs-6 mb-0 text-gray-600" style="margin-top: 17px;">ë³´ë¤ ëì 1207 구매ì íì¨ë¡ ë ë§ì ììµì ìíì ë¤ë©´ ê°ë ¥ì¶ì²! ì¿ í¡ íí¸ëì¤ ë§í¬ê° ì½ì ë 1,000ì ì´ìì ìíì ë³´ ë¸ë¡ê·¸ë¥¼ 1208 ìì±í©ëë¤. 1209 </p> 1210 </div> 1211 </a> 1212 </div> 1213 </div> 1214 <!-- E:ireview-item --> 1215 1216 <!-- S:review-item --> 1217 <div class="col-lg-3 mb-3"> 1218 <div class="library-item slide-box hover-info rounded-4 bg-white border-gray-100"> 1219 <a href="" data-bs-toggle="modal" data-bs-target="#info_modal" 1220 class="d-inline-block w-100"> 1221 <div class="logo-mark slide-box-top rounded-top-4 overflow-hidden"> 1222 <img class="w-100" src="img/best-blog5.jpg?1" alt=""> 1223 <img class="icon-mark" src="img/sns-icon/icon-logo-mark.svg" alt=""> 1224 </div> 1225 <div class="slide-box-btm p-7 d-flex flex-column" style="text-align: left;"> 1226 <h5 class="fs-4 fw-medium hover-text">ì¤ë§í¸ì¤í ì´ íë³´ ë¸ë¡ê·¸</h5> 1227 <p class="fs-6 mb-0 text-gray-600" style="margin-top: 17px;">íë²ì í´ë¦ì¼ë¡ 1228 ë¸ë¡ê·¸ íë³´ë¶í° ì¤ë§í¸ì¤í ì´ ììë£ ì ê°ê¹ì§! ì¤ë§í¸ì¤í ì´ ì í ë§í¬ê° ì½ì ë 1,000ì ì´ìì ìíì ë³´ ë¸ë¡ê·¸ë¥¼ 1229 ìì±í©ëë¤. 1230 </p> 1231 </div> 1232 </a> 1233 </div> 1234 </div> 1235 <!-- E:ireview-item --> 1236 1237 <!-- S:review-item --> 1238 <div class="col-lg-3 mb-3"> 1239 <div class="library-item slide-box hover-info rounded-4 bg-white border-gray-100"> 1240 <a href="" data-bs-toggle="modal" data-bs-target="#info_modal" 1241 class="d-inline-block w-100"> 1242 <div class="logo-mark slide-box-top rounded-top-4 overflow-hidden"> 1243 <img class="w-100" src="img/best-blog5.jpg?1" alt=""> 1244 <img class="icon-mark" src="img/sns-icon/icon-logo-mark.svg" alt=""> 1245 </div> 1246 <div class="slide-box-btm p-7 d-flex flex-column" style="text-align: left;"> 1247 <h5 class="fs-4 fw-medium hover-text">ì¬í커ë¥í¸ íë³´ ë¸ë¡ê·¸</h5> 1248 <p class="fs-6 mb-0 text-gray-600" style="margin-top: 17px;">ì¬íìí ë§í¬ 1249 íëë¡ ë! ì¼ì ·í공·í¸í ·ê°ê²©ê¹ì§ ê·¸ëë¡ ë°ìí 1,800ì ì´ìì í¨í¤ì§ì¬í ìê° ë¸ë¡ê·¸ë¥¼ ìì±í©ëë¤. 1250 </p> 1251 </div> 1252 </a> 1253 </div> 1254 </div> 1255 <!-- E:ireview-item --> 1256 1257 1258 <!-- S:review-item --> 1259 <div class="col-lg-3 mb-3"> 1260 <div class="library-item slide-box hover-info rounded-4 bg-white border-gray-100"> 1261 <a href="" data-bs-toggle="modal" data-bs-target="#info_modal" 1262 class="d-inline-block w-100"> 1263 <div class="logo-mark slide-box-top rounded-top-4 overflow-hidden"> 1264 <img class="w-100" src="img/best-blog3.jpg?2" alt=""> 1265 <img class="icon-mark" src="img/sns-icon/icon-logo-mark.svg" alt=""> 1266 </div> 1267 <div class="slide-box-btm p-7" style="text-align: left;"> 1268 <h5 class="fs-4 fw-medium hover-text">ì ë³´ì± ë¸ë¡ê·¸</h5> 1269 <p class="fs-6 mb-0 text-gray-600" style="margin-top: 17px;">
1269ê±´ê°, ì¡ì, 1270 ITí í¬, ê²½ì , í¬ì¤ ë± í¹ì ë¶ì¼ì 1271 ì 문 ë¸ë¡ê±°ê° ëê³ ì¶ì¼ì ê°ì? 1,500ì ì´ìì SEO 1272 ìµì íë ë¸ë¡ê·¸ë¥¼ ìì±í©ëë¤. 1273 </p> 1274 </div> 1275 </a> 1276 </div> 1277 </div> 1278 <!-- E:ireview-item --> 1279 1280 <!-- S:review-item --> 1281 <div class="col-lg-3 mb-3"> 1282 <div class="library-item slide-box hover-info rounded-4 bg-white border-gray-100"> 1283 <a href="" data-bs-toggle="modal" data-bs-target="#info_modal" 1284 class="d-inline-block w-100"> 1285 <div class="logo-mark slide-box-top rounded-top-4 overflow-hidden"> 1286 <img class="w-100" src="img/best-blog8-2.jpg" alt=""> 1287 <img class="icon-mark" src="img/sns-icon/icon-logo-mark.svg" alt=""> 1288 </div> 1289 1290 <div class="slide-box-btm p-7" style="text-align: left;"> 1291 <h5 class="fs-4 fw-medium hover-text">ì ë³´ì± ë¸ë¡ê·¸ 1292 V2</h5> 1293 <p class="fs-6 mb-0 text-gray-600" style="margin-top: 17px;">ê±´ê°, ì¡ì, 1294 ITí í¬, ê²½ì , í¬ì¤ ë± í¹ì ë¶ì¼ì ì 문 ë¸ë¡ê±°ê° ëê³ ì¶ì¼ì ê°ì? 2,000ì ì´ìì SEO ìµì íë ê³ íì§ì 1295 ë¸ë¡ê·¸ë¥¼ ìì±í©ëë¤. 1296 </p> 1297 </div> 1298 </a> 1299 </div> 1300 </div> 1301 <!-- E:ireview-item --> 1302 1303 <!-- S:review-item --> 1304 <div class="col-lg-3 mb-3"> 1305 <div class="library-item slide-box hover-info rounded-4 bg-white border-gray-100"> 1306 <a href="" data-bs-toggle="modal" data-bs-target="#info_modal" 1307 class="d-inline-block w-100"> 1308 <div class="logo-mark slide-box-top rounded-top-4 overflow-hidden"> 1309 <img class="w-100" src="img/best-blog6_2.jpg" alt=""> 1310 <img class="icon-mark" src="img/sns-icon/icon-logo-mark.svg" alt=""> 1311 </div> 1312 1313 <div class="slide-box-btm p-7" style="text-align: left;"> 1314 <h5 class="fs-4 fw-medium hover-text">ì본ê¸ì ìë¡ì´ ê¸ë¡ ë°ê¾¸ê¸°</h5> 1315 <p class="fs-6 mb-0 text-gray-600" style="margin-top: 17px;">1ê°ì ìê³ ë¡ 1316 ìë°±ê°ì ìê³ ë¥¼ ë¹ ë¥´ê² ìì±! ì ì¬ë¬¸ì íí¼ ë¡ì§ì ì ì©íì¬ ë¨ì ë¨ì´ë³ê²½ ë¿ë§ìëë¼ ë¬¸ë§¥ì ê³ ë ¤íì¬ ìë¡ì´ ê¸ì 1317 ìì±í©ëë¤. 1318 </p> 1319 </div> 1320 </a> 1321 </div> 1322 </div> 1323 <!-- E:ireview-item --> 1324 1325 <!-- S:review-item --> 1326 <div class="col-lg-3 mb-3"> 1327 <div class="library-item slide-box hover-info rounded-4 bg-white border-gray-100"> 1328 <a href="" data-bs-toggle="modal" data-bs-target="#info_modal" 1329 class="d-inline-block w-100"> 1330 <div class="logo-mark slide-box-top rounded-top-4 overflow-hidden"> 1331 <img class="w-100" src="img/youtube-blog-write.jpg?1" alt=""> 1332 <img class="icon-mark" src="img/sns-icon/icon-logo-mark.svg" alt=""> 1333 </div> 1334 <div class="slide-box-btm p-7 d-flex flex-column" style="text-align: left;"> 1335 <h5 class="fs-4 fw-medium hover-text">ì íë¸ë¡ ë¸ë¡ê·¸ ì°ê¸°</h5> 1336 <p class="fs-6 mb-0 text-gray-600" style="margin-top: 17px;">ì ë³´ì±, íê¸°ì± ë¸ë¡ê·¸ 모ë OK! ì íë¸ ìì ë´ì©ì 기ë°ì¼ë¡ SEOì ìµì íë 1,500ì ì´ìì ë ì°½ì ì¸ ë¸ë¡ê·¸ë¥¼ ìì±í©ëë¤. 1337 </p> 1338 </div> 1339 </a> 1340 </div> 1341 </div> 1342 <!-- E:ireview-item --> 1343 1344 <!-- S:review-item --> 1345 <div class="col-lg-3 mb-3"> 1346 <div class="library-item slide-box hover-info rounded-4 bg-white border-gray-100"> 1347 <a href="" data-bs-toggle="modal" data-bs-target="#info_modal" 1348 class="d-inline-block w-100"> 1349 <div class="logo-mark slide-box-top rounded-top-4 overflow-hidden"> 1350 <img class="w-100" src="img/news-blog-write.jpg?1" alt=""> 1351 <img class="icon-mark" src="img/sns-icon/icon-logo-mark.svg" alt=""> 1352 </div> 1353 <div class="slide-box-btm p-7 d-flex flex-column" style="text-align: left;"> 1354 <h5 class="fs-4 fw-medium hover-text">ë´ì¤ë¡ ë¸ë¡ê·¸ ì°ê¸°</h5> 1355 <p class="fs-6 mb-0 text-gray-600" style="margin-top: 17px;">ì´ì í¤ìëë¡ ë°©ë¬¸ í¸ëí½ UP! ë´ì¤ ê¸°ì¬ ë´ì©ì ë°íì¼ë¡ ë ì°½ì ì¸ ëë§ì ì ë³´ì±, íê¸°ì± ë¸ë¡ê·¸ë¥¼ ìì±í©ëë¤. 1356 </p> 1357 </div> 1358 </a> 1359 </div> 1360 </div> 1361 <!-- E:ireview-item --> 1362 1363 1364 <!-- S:review-item --> 1365 <!-- <div class="col-lg-3 mb-3"> 1366 <div class="library-item slide-box hover-info rounded-4 bg-white border-gray-100"> 1367 <a href="#" class="d-inline-block w-100"> 1368 <div class="slide-box-top rounded-top-4 overflow-hidden"> 1369 <img class="w-100" src="img/best-blog-default.jpg?1" alt=""> 1370 </div> 1371 <div class="slide-box-btm p-7 d-flex flex-column" style="text-align: left;"> 1372 <h5 class="fs-4 text-gray-600 fw-bold">COMING SOON</h5> 1373 <p class="fs-6 mb-0 text-gray-600">ê°ì í¸AI ê¸ì°ê¸° ë구 ê°ë°ì¤ 1374 </p> 1375 </div> 1376 </a> 1377 </div> 1378 </div> --> 1379 <!-- E:ireview-item --> 1380 1381 </div> 1382 <!--ê°ì í¸ì¶ì²ë² ì¤í¸ --> 1383 1384 1385 <!-- ê°ì í¸ ì¤ì¿¨ 리ì¤í¸ --> 1386 1387 <div class="row pt-7 mb-5 mp-0"> 1388 <!-- ì 목 --> 1389 <div class="mb-4 row"> 1390 <div class="col-12 d-flex align-items-center justify-content-between"> 1391 <h3 class="fs-26 fw-medium"># ê°ì í¸ ì¤ì¿¨</h3> 1392 <a href="school/school-list" class="text-gray-700 fw-bold fs-6 hover-underline">ë보기 <i 1393 class="bi bi-chevron-right text-gray-700"></i></a> 1394 </div> 1395 </div> 1396 <!-- ì 목 --> 1397 1398 <!-- ì¤ì¿¨ 리ì¤í¸ --> 1399 <div class="row d-flex"> 1400 <div class="col-lg-3 mb-5"> 1401 <div class="hover-info rounded-4 bg-white border-gray-100 overflow-hidden"> 1402 <a href="../school/school-detail.php?id=270" 1403 class="w-100 mainschool-item"> 1404 <div class="mainschool-thum"> 1405 <img class="w-100 thum-img" 1406 src="https://d3egt41we79rcb.cloudfront.net/school/thumb/thumbnail_687faad659086.png" 1407 alt=""> 1408 <img class="play-icon" src="img/sns-icon/icon-play.svg" alt=""> 1409 </div> 1410 <div class="school-badge"> 1411 <img src="img/sns-icon/icon-school-chk.svg" alt=""> 1412 <span>ê°ì í¸ ê³µì ê°ì¬</span> 1413 </div> 1414 <h5>ê²ìê¸ 1ê°ë¡ ì¼ ë°©ë¬¸ì 1000ëª ë§ë¤ê¸° (Part.2) </h5> 1415 </a> 1416 </div> 1417 </div> 1418 <div class="col-lg-3 mb-5"> 1419 <div class="hover-info rounded-4 bg-white border-gray-100 overflow-hidden"> 1420 <a href="../school/school-detail.php?id=267" 1421 class="w-100 mainschool-item"> 1422 <div class="mainschool-thum"> 1423 <img class="w-100 thum-img" 1424 src="https://d3egt41we79rcb.cloudfront.net/school/thumb/thumbnail_67ac3d77cc96f.png" 1425 alt=""> 1426 <img class="play-icon" src="img/sns-icon/icon-play.svg" alt=""> 1427 </div> 1428 <h5>í©ê¸í¤ìë ì´ì© ê°ì´ë </h5> 1429 </a> 1430 </div> 1431 </div> 1432 <div class="col-lg-3 mb-5"> 1433 <div class="hover-info rounded-4 bg-white border-gray-100 overflow-hidden"> 1434 <a href="../school/school-detail.php?id=258" 1435 class="w-100 mainschool-item"> 1436 <div class="mainschool-thum"> 1437 <img class="w-100 thum-img" 1438 src="https://d3egt41we79rcb.cloudfront.net/school/thumb/thumbnail_677cbc72baa8f.png" 1439 alt=""> 1440 <img class="play-icon" src="img/sns-icon/icon-play.svg" alt=""> 1441 </div> 1442 <h5>ì ë³´ì± ë¸ë¡ê·¸ ì´ì© ê°ì´ë </h5> 1443 </a> 1444 </div> 1445 </div> 1446 <div class="col-lg-3 mb-5"> 1447 <div class="hover-info rounded-4 bg-white border-gray-100 overflow-hidden"> 1448 <a href="../school/school-detail.php?id=249" 1449 class="w-100 mainschool-item"> 1450 <div class="mainschool-thum"> 1451 <img class="w-100 thum-img" 1452 src="https://d3egt41we79rcb.cloudfront.net/school/thumb/thumbnail_6768d2ed0eef2.png" 1453 alt=""> 1454 <img class="play-icon" src="img/sns-icon/icon-play.svg" alt=""> 1455 </div> 1456 <div class="school-badge"> 1457 <img src="img/sns-icon/icon-school-chk.svg" alt=""> 1458 <span>ê°ì í¸ ê³µì ê°ì¬</span> 1459 </div> 1460 <h5>ê°ì í¸ë¥¼ íì©í âë¸ë¡ê·¸ë¡ ë¶ììµâ ë§ë¤ê¸° íë¡ì í¸ </h5> 1461 </a> 1462 </div> 1463 </div> 1464 </div> 1465 </div> 1466 1467 <!-- ê°ì í¸ ì¤ì¿¨ 리ì¤í¸ --> 1468 1469 1470 1471 1472 </div> 1473 <!--end::mainSwiper-wrap--> 1474 1475 <!--begin::mainSwiper-wrap--> 1476 <div class="row mainSwiper-wrap pt-7 pb-20"> 1477 <!--begin::tit--> 1478 <div class="mb-4"> 1479 <h3 class="fs-26 fw-medium"># ì¤ìíì ì ì©í ë구</h3> 1480 </div> 1481 <!--end::tit--> 1482 1483 <!--begin::swiper--> 1484 <div class="row d-flex"> 1485 1486 <!-- S:review-item --> 1487 <div class="col-lg-3 mb-3"> 1488 <div class="library-item slide-box2 hover-info rounded-4 bg-white border-gray-100" 1489 style="min-height: 140px;"> 1490 1491 1492 <a href="#" class="d-inline-block p-7 w-100 h-100 expired"> 1493 1494 <div class="slide-box2-top d-flex mb-5" 1495 style="flex-direction: unset;justify-content: start;"> 1496 <span class="d-inline-block me-2"><img class="w-100" 1497 src="img/sns-icon/icon-snsSquare-instagram.svg" alt=""></span> 1498 <h5 class="fs-4 fw-medium mb-0 hover-text" style="padding-top:2px;"> 1499 100ë§ ë¦´ì¤ ìì´ëì´</h5> 1500 </div> 1501 <div class="slide-box2-btm" style="text-align: left;"> 1502 <p class="fs-6 text-gray-600 mb-0" style="margin-top: 10px;"> 1503 100ë§ ë·° ì´ì í°ì§ë ë¦´ì¤ ìë²½ ë¶ì! 10ì´ ë§ì ë¦´ì¤ ì 목ë¶í° ì¤í 리, 캡ì , í´ìíê·¸ê¹ì§ ìì±í´ ë³´ì¸ì. 1504 </p> 1505 </div> 1506 </a> 1507 1508 </div> 1509 </div> 1510 <!-- E:ireview-item --> 1511 1512 <!-- S:review-item --> 1513 <div class="col-lg-3 mb-3"> 1514 <div class="library-item slide-box2 hover-info rounded-4 bg-white border-gray-100" 1515 style="min-height: 140px;"> 1516 1517 1518 <a href="#" class="d-inline-block p-7 w-100 h-100 expired"> 1519 1520 <div class="slide-box2-top d-flex mb-5" 1521 style="flex-direction: unset;justify-content: start;"> 1522 <span class="d-inline-block me-2"><img class="w-100" 1523 src="img/sns-icon/icon-snsSquare-youtube.svg" alt=""></span> 1524 <h5 class="fs-4 fw-medium mb-0 hover-text" style="padding-top:2px;">ì íë¸ 1525 ìì ìì½í기</h5> 1526 </div> 1527 <div class="slide-box2-btm" style="text-align: left;"> 1528 <p class="fs-6 text-gray-600 mb-0" style="margin-top: 10px;"> 1529 í´ë¦ í ë²ì¼ë¡ ìíë Youtube ììì íµì¬ë´ì©ì ìì½í´ ë³´ì¸ì. 1530 </p> 1531 </div> 1532 </a> 1533 1534 </div> 1535 </div> 1536 <!-- E:ireview-item --> 1537 1538 <!-- S:review-item --> 1539 <div class="col-lg-3 mb-3"> 1540 <div class="library-item slide-box2 hover-info rounded-4 bg-white border-gray-100" 1541 style="min-height: 140px;"> 1542 1543 1544 <a href="#" class="d-inline-block p-7 w-100 h-100 expired"> 1545 1546 <div class="slide-box2-top d-flex mb-5" 1547 style="flex-direction: unset;justify-content: start;"> 1548 <span class="d-inline-block me-2"><img class="w-100" 1549 src="img/sns-icon/icon-snsSquare-instagram.svg" alt=""></span> 1550 <h5 class="fs-4 fw-medium mb-0 hover-text" style="padding-top:2px;"> 1551 ì¸ì¤íê·¸ë¨ ìº¡ì </h5> 1552 </div> 1553 <div class="slide-box2-btm" style="text-align: left;"> 1554 <p class="fs-6 text-gray-600 mb-0" style="margin-top: 10px;"> 1555 í´ë¦ í ë²ì¼ë¡ ì ë¡ëí ì¬ì§ì ëì± ë¹ë´ì¤, 1556 ìì ì ì¬ë¡ì¡ë ì¸ê¸° ê²ìê¸ì ìì±í´ ë³´ì¸ì. 1557 </p> 1558 </div> 1559 </a> 1560 </div> 1561 </div> 1562 <!-- E:ireview-item --> 1563 1564 <!-- S:review-item --> 1565 <div class="col-lg-3 mb-3"> 1566 <div class="library-item slide-box2 hover-info rounded-4 bg-white border-gray-100" 1567 style="min-height: 140px;"> 1568 1569 1570 <a href="#" class="d-inline-block p-7 w-100 h-100 expired"> 1571 1572 <div class="slide-box2-top d-flex mb-5" 1573 style="flex-direction: unset;justify-content: start;"> 1574 <span class="d-inline-block me-2"><img class="w-100" 1575 src="img/sns-icon/icon-quotes.svg" alt=""></span> 1576 <h5 class="fs-4 fw-medium mb-0 hover-text" style="padding-top:2px;">ê´ê³ 1577 ì¹´í¼ë¼ì´í </h5> 1578 </div> 1579 <div class="slide-box2-btm" style="text-align: left;"> 1580 <p class="fs-6 text-gray-600 mb-0" style="margin-top: 10px;"> 1581 ê³ ê°ì ë길ì ë± ë©ì¶ê² í ì ì íê³ , ì íì ë ë§ì´ ì ëí ì ìë ê´ê³ ì¹´í¼ë¥¼ ë§ë¤ì´ë³´ì¸ì. 1582 </p> 1583 </div> 1584 </a> 1585 </div> 1586 </div> 1587 <!-- E:ireview-item --> 1588 1589 <!-- S:review-item --> 1590 <div class="col-lg-3 mb-3"> 1591 <div class="library-item slide-box2 hover-info rounded-4 bg-white border-gray-100" 1592 style="min-height: 140px;"> 1593 <a href="#" class="d-inline-block p-7 w-100 h-100 expired"> 1594 <div class="slide-box2-top d-flex mb-5" 1595 style="flex-direction: unset;justify-content: start;"> 1596 <span class="d-inline-block me-2"><img class="w-100" 1597 src="img/sns-icon/icon-bubble.svg" alt=""></span> 1598 <h5 class="fs-4 fw-medium mb-0 hover-text" style="padding-top:2px;">리뷰 1599 ëµë³</h5> 1600 </div> 1601 <div class="slide-box2-btm" style="text-align: left;"> 1602 <p class="fs-6 text-gray-600 mb-0" style="margin-top: 10px;"> 1603 ì´ì í매ìë§ ì§ì¤! ê³ ê°ì´ ë¨ê¸´ 리뷰ì ë¹ ë¥´ê² ëµë³ì ë¬ìë³´ì¸ì. 1604 </p> 1605 </div> 1606 </a> 1607 </div> 1608 </div> 1609 <!-- E:ireview-item --> 1610 1611 </div> 1612 <!--end::swiper--> 1613 </div> 1614 <!--end::mainSwiper-wrap--> 1615 1616 </div> 1617 <!--end::Content container--> 1618 1619 1620 1621 <!--begin::ì´ì©ê¸°ê°ì¢ ë£ëª¨ë¬--> 1622 <div class="modal fade" tabindex="-1" id="expired_modal"> 1623 <div class="modal-dialog modal-dialog-centered"> 1624 <div class="modal-content"> 1625 <div class="modal-header py-3"> 1626 <h3 class="modal-title fw-bold">ìë´</h3> 1627 1628 <!--begin::Close--> 1629 <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" 1630 aria-label="Close"> 1631 <i class="ki-solid ki-cross fsp-25"></i> 1632 </div> 1633 <!--end::Close--> 1634 </div> 1635 1636 <div class="modal-body"> 1637 <h6 class="fs-5" id="modal_alert_sub_title"></h6> 1638 <p class="fs-5 m-0 p-0" id="modal_alert_msg"> 1639 ì´ì©ê¸°ê°ì´ ë§ë£ëììµëë¤.<br> 1640 멤ë²ì ê°ì ì íµí´ ìë¹ì¤ì´ì© ë¶íë립ëë¤. 1641 </p> 1642 </div> 1643 1644 <div class="modal-footer py-3"> 1645 <button type="button" class="btn btn-light btn-sm btn-outline" 1646 data-bs-dismiss="modal">ì·¨ì</button> 1647 <button type="button" id="btn_wdl" class="btn btn-dark btn-sm" 1648 onclick="location.href='/user/membership'">멤ë²ì ê°ì </button> 1649 </div> 1650 </div> 1651 </div> 1652 </div> 1653 <!--end::ì´ì©ê¸°ê°ì¢ ë£ëª¨ë¬--> 1654 1655 <!--beg
1655in::ì íëì¬ì©ì모ë¬--> 1656 <div class="modal fade" tabindex="-1" id="restricted_modal"> 1657 <div class="modal-dialog modal-dialog-centered"> 1658 <div class="modal-content"> 1659 <div class="modal-header py-3"> 1660 <h3 class="modal-title fw-bold">ìë´</h3> 1661 1662 <!--begin::Close--> 1663 <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" 1664 aria-label="Close"> 1665 <i class="ki-solid ki-cross fsp-25"></i> 1666 </div> 1667 <!--end::Close--> 1668 </div> 1669 1670 <div class="modal-body"> 1671 <h6 class="fs-5" id="modal_alert_sub_title"></h6> 1672 <p class="fs-5 m-0 p-0" id="modal_alert_msg"> 1673 ë°ë³µì ì¸ ëë ê¸ìì± ëë ë¹ì ìì ì¸ ì´ë·°ì§ íìë¡ ì¸í´ 1674 <br>ì´ì©ì´ ì¼ì ì íëììµëë¤.<br> 1675 ìë¹ì¤ ì¬ê° ëë ëëìì± ê´ë ¨í´ìë ìë <a href="/user/cs">문ìí기</a>를 íµí´ ì°ë½ë°ëëë¤. 1676 </p> 1677 </div> 1678 1679 <div class="modal-footer py-3"> 1680 <button type="button" id="btn_wdl" class="btn btn-dark btn-sm" 1681 onclick="location.href='/user/cs'">문ìí기</button> 1682 </div> 1683 </div> 1684 </div> 1685 </div> 1686 <!--end::ì íëì¬ì©ì모ë¬--> 1687 1688 </div> 1689 <!--end::Content--> 1690 </div> 1691 <!--end::Content wrapper--> 1692 1693</div> 1694<!--end:::Main--> 1695 1696 1697 <!-- begin::ë ì´ì´íì --> 1698 <div class="layerPopup" id="layer_popup"> 1699 <div class="layerBox" style="width: 400px;"> 1700 <div class="cont"> 1701 <p> 1702 <a href="https://gazet.ai/cs/notice/1158" target="_blank"><img class="layer_img" src="/img/popup/popup-250415.jpg" alt="AI ì´ë¯¸ì§ ìì±"></a> 1703 </p> 1704 1705 </div> 1706 <form name="pop_form" class="d-flex align-items-center justify-content-between"> 1707 <div id="check" class="form-check d-flex align-items-center"> 1708 <input type="checkbox" name="chkbox" value="checkbox" id='chkbox' class="form-check-input"> 1709 <label for="chkbox" class="ms-2 fs-6">ì¤ë í루ëì ë³´ì§ ì기</label> 1710 </div> 1711 <div id="close"><a href="javascript:closePop();">ë«ê¸°</a></div> 1712 </form> 1713 </div> 1714 </div> 1715 <!-- end::ë ì´ì´íì --> 1716 1717 <!-- ë ì´ì´íì ì¤í¬ë¦½í¸ --> 1718
1718<script language="JavaScript"> 1719 //head íê·¸ ìì ì¤í¬ë¦½í¸ ì ì¸ 1720 function setCookie(name, value, expiredays) { 1721 var todayDate = new Date(); 1722 todayDate.setDate(todayDate.getDate() + expiredays); 1723 document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";" 1724 } 1725 1726 function closePop() { 1727 if (document.pop_form.chkbox.checked) { 1728 setCookie("maindiv241205", "done", 1); 1729 } 1730 document.all['layer_popup'].style.visibility = "hidden"; 1731 } 1732 1733 </script>
1733 1734
1734<script language="Javascript"> 1735 cookiedata = document.cookie; 1736 if (cookiedata.indexOf("maindiv241205=done") < 0) { 1737 document.all['layer_popup'].style.visibility = "visible"; 1738 } else { 1739 document.all['layer_popup'].style.visibility = "hidden"; 1740 } 1741 1742 </script>
1742 1743 <!-- end::ë ì´ì´íì ì¤í¬ë¦½í¸ --> 1744 1745
1746<script> 1747 $(document).ready(function () { 1748 $(".library-item").mouseover(function () { 1749 $(this).addClass("rw_border15"); 1750 }).mouseout(function () { 1751 $(this).removeClass("rw_border15"); 1752 }); 1753 1754 $(".expired").click(function () { 1755 $("#expired_modal").modal("show"); 1756 }); 1757 1758 $(".restricted").click(function () { 1759 $("#restricted_modal").modal("show"); 1760 }); 1761 1762 1763 }); 1764 1765 1766</script>
1766 1767 1768<style> 1769 .topnotice-txt { 1770 overflow: hidden; 1771 height: 20px; 1772 } 1773 1774 .swiper { 1775 height: 100%; 1776 } 1777 1778 .swiper-slide { 1779 height: auto; 1780 } 1781 1782 .swiper-slide a { 1783 display: block; 1784 white-space: nowrap; 1785 overflow: hidden; 1786 text-overflow: ellipsis; 1787 } 1788</style> 1789 1790</div> 1791<!--end::Wrapper--> 1792</div> 1793<!--end::Page--> 1794</div> 1795<!--end::App--> 1796<!--begin::Drawers--> 1797 1798<!--begin::Scrolltop--> 1799<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true"> 1800 <i class="ki-duotone ki-arrow-up"> 1801 <span class="path1"></span> 1802 <span class="path2"></span> 1803 </i> 1804</div> 1805<!--end::Scrolltop--> 1806 1807 1808<!--begon::modal_alert--> 1809<div class="modal fade" tabindex="-1" id="modal_alert"> 1810 <div class="modal-dialog modal-dialog-centered"> 1811 <div class="modal-content"> 1812 <div class="modal-header py-3"> 1813 <h3 class="modal-title fw-bold" id="modal_alert_title"></h3> 1814 1815 <!--begin::Close--> 1816 <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" 1817 aria-label="Close"> 1818 <i class="ki-solid ki-cross fsp-25"></i> 1819 </div> 1820 <!--end::Close--> 1821 </div> 1822 1823 <div class="modal-body"> 1824 <h6 class="fs-5" id="modal_alert_sub_title"></h6> 1825 <p class="fs-5 m-0 p-0" id="modal_alert_msg"> 1826 </p> 1827 </div> 1828 1829 <div class="modal-footer py-3"> 1830 <button type="button" class="btn btn-dark btn-sm" data-bs-dismiss="modal">íì¸</button> 1831 </div> 1832 </div> 1833 </div> 1834</div> 1835<!--end::modal_alert--> 1836 1837<!--begin::login_modal (ê³µíµ ë¡ê·¸ì¸ ìë´ â gzRequireLogin() ì¼ë¡ í¸ì¶)--> 1838<div class="modal fade" tabindex="-1" id="login_modal"> 1839 <div class="modal-dialog modal-dialog-centered"> 1840 <div class="modal-content"> 1841 <div class="modal-header py-3 border-0"> 1842 <h3 class="modal-title fw-bold">ìë´</h3> 1843 1844 <!--begin::Close--> 1845 <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" 1846 aria-label="Close"> 1847 <i class="ki-solid ki-cross fsp-25"></i> 1848 </div> 1849 <!--end::Close--> 1850 </div> 1851 1852 <div class="modal-body text-center pt-2 pb-5"> 1853 <div class="mb-6"> 1854 <img src="/img/logo-black.svg" alt="ê°ì í¸AI" class="login-modal-logo"> 1855 </div> 1856 <h4 class="fw-bold mb-3">ë¡ê·¸ì¸ í ì´ì© ê°ë¥í©ëë¤</h4> 1857 <p class="fs-6 text-gray-600 m-0" id="login_modal_msg"> 1858 ê°ì í¸AI íìì´ ëì´ ë¤ìí 기ë¥ì<br>
1859 ì§ê¸ ë°ë¡ 무ë£ë¡ ê²½íí´ë³´ì¸ì. 1860 </p> 1861 </div> 1862 1863 <div class="modal-footer flex-column border-0 pt-0 pb-6 px-6"> 1864 <a href="/signup?redirect=%2Flibrary" 1865 class="btn-gradation login-modal-cta">ë¡ê·¸ì¸íê³ ììí기</a> 1866 <button type="button" class="btn btn-link login-modal-dismiss" 1867 data-bs-dismiss="modal">ë¤ìì í ê²ì</button> 1868 </div> 1869 </div> 1870 </div> 1871</div> 1872<style> 1873 #login_modal .modal-content { border: 0; border-radius: 16px; box-shadow: 0 20px 60px rgba(28, 50, 92, 0.18); } 1874 #login_modal .modal-header { padding-bottom: 0; } 1875 #login_modal .login-modal-logo { height: 30px; width: auto; } 1876 #login_modal .modal-footer { gap: 4px; } 1877 #login_modal .modal-footer > * { margin: 0; width: 100%; } 1878 #login_modal .login-modal-cta { height: 46px; line-height: 46px; border-radius: 10px; font-size: 1.05rem; } 1879 #login_modal .login-modal-dismiss { color: #99a1b7; font-weight: 500; text-decoration: none; } 1880 #login_modal .login-modal-dismiss:hover { color: #5e6278; } 1881</style>
1882<script> 1883 // ê³µíµ ë¡ê·¸ì¸ ìë´ ëª¨ë¬. message ì¸ì를 주면 본문 문구를 êµì²´í ì ìì(미ì§ì ì 기본 문구). 1884 function gzRequireLogin(message) { 1885 if (typeof message === "string" && message) { 1886 document.getElementById("login_modal_msg").textContent = message; 1887 } 1888 $("#login_modal").modal("show"); 1889 } 1890</script>
1890 1891<!--end::login_modal--> 1892 1893<!--begin:loading--> 1894<div id="ai-loading-div" class="position-fixed w-100 h-100 d-flex align-items-center justify-content-center" 1895 style="display: none !important; z-index: 1056;background-color: rgba(255, 255, 255, 0.4);"> 1896 <div class="loading-box" style="background-color: transparent;"> 1897 <div class="loadin-cont"> 1898 <img class="loading-img" src="/img/loading-ani.gif" alt=""> 1899 <ul class="loading-txt"> 1900 <li class="on">ê¸ì ì´ì¬í ìì± ì¤ì´ìì.</li> 1901 <li>AIê° ì¬ë¬ê°ì§ ííì ê³ ë¯¼íê³ ììµëë¤.</li> 1902 <li>ê°ì í¸ë 컨í ì¸ ë¥¼ ìì±íë ì¸ê³µì§ë¥ ìë¹ì¤ìì.</li> 1903 <li>ì¡°ê¸ë§ ë 기ë¤ë ¤ì£¼ì¸ì!</li> 1904 <li>기ë¤ë¦¬ëë¼ íëìì£ ? ìì±ë ëì ê¸ì ìì± ì¤ì ëë¤.</li> 1905 </ul> 1906 </div> 1907 </div> 1908</div> 1909<!--end:loading--> 1910 1911<!--begin::ì ì²´ë¡ë©--> 1912<div id="com_loading_div" class="position-fixed w-100 h-100 d-flex align-items-center justify-content-center" 1913 style="display: none !important; z-index: 1056;background-color: rgba(0, 0, 0, 0.459);"> 1914 <div class=""> 1915 <div class=""> 1916 <div class="d-flex justify-content-center mb-5"> 1917 <div class="spinner-border text-secondary fs-1" role="status"> 1918 <span class="visually-hidden">Loading...</span> 1919 </div> 1920 </div> 1921 <div class="fs-6 lh-2 text-light text-center"> 1922 ìë¹ì¤ ë¡ë©ì¤ì ëë¤ 1923 </div> 1924 </div> 1925 </div> 1926</div> 1927<!--end::ì ì²´ë¡ë©--> 1928 1929<!--begin::toast--> 1930<div class="position-fixed top-50 start-50 translate-middle-x p-3 z-index-3"> 1931 <div id="kt_docs_toast_toggle" class="toast toast-new" role="alert" aria-live="assertive" aria-atomic="true" 1932 data-bs-delay="1000"> 1933 <div class="toast-body"> 1934 <div id="toast_msg" class="text-center fs-7 text-white"></div> 1935 </div> 1936 </div> 1937</div> 1938<!--end::toast--> 1939 1940<!--bottomJs-->
1941<script src="/js/bottom.js?v=1790128701"></script>
1941 1942 1943</body> 1944<!--end::Body--> 1945 1946</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.