1 2 3<!DOCTYPE html> 4<html lang="ko"> 5<head> 6 <meta charset="UTF-8"> 7 8 <meta property="og:url" content="https://www.rixfontcloud.com/"> 9 <title>RixFontí´ë¼ì°ë</title> 10 <meta property="og:title" content="RixFontí´ë¼ì°ë"> 11 <meta property="og:type" content="website"> 12 <meta property="og:image" content="https://www.rixfontcloud.com/rixfont_logo.png"> 13 <meta property="og:description" content="ë¹ëë ëìì¸ì ìì±"> 14 <meta name="description" content="ë¹ëë ëìì¸ì ìì±::RixFontí´ë¼ì°ë"> 15 <meta name="keywords" content="RixFontí´ë¼ì°ë, ë¦ì¤í°í¸, í°í¸ë¦ì¤, Rixí°í¸, Fontrix"> 16 <meta property="og:description" content="RixFontí´ë¼ì°ë, RixFontí´ë¼ì°ë ë§ì¤í°"> 17 <meta name="description" content="RixFontí´ë¼ì°ë, RixFontí´ë¼ì°ë ë§ì¤í°"> 18 <meta name="naver-site-verification" content="fe623403177bac1f8591e2fd10fbe4ec85c79b9a" /> 19
19<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
19 20
20<script src="https://nsp.pay.naver.com/sdk/js/naverpay.min.js"></script>
20 21 <!-- Google Tag Manager --> 22
22<script>
vendor: 527 bytes, lines 22-30
22 23 (function (w, d, s, l, i) { 24 w[l] = w[l] || []; w[l].push({ 25 'gtm.start': 26 new Date().getTime(), event: 'gtm.js' 27 }); var f = d.getElementsByTagName(s)[0], 28 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 29 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 30 })(window, document, 'script', 'dataLayer', '
30GTM-PSK7CDK
vendor: 3 bytes, line 30
30');
30</script>
30 31 <!-- End Google Tag Manager --> 32 <link rel="stylesheet" href="/css/common.css?v=IL8_cvcPrzwVWhY_YOyG6LxyQgVnjnF-mFmI_S6UkW4"> 33 <link rel="stylesheet" href="/css/layout.css?v=wQMPtEJLE2xi_mv7JZK7MbBhtuTjR9jH12RVUZnm8z8"> 34 <!-- GTranslate: https://gtranslate.io/ --> 35 <style type="text/css"> 36 <!-- 37 #goog-gt-tt { 38 display: none !important; 39 } 40 41 .goog-te-banner-frame { 42 display: none !important; 43 } 44 45 .goog-te-menu-value:hover { 46 text-decoration: none !important; 47 } 48 49 #google_translate_element { 50 position: absolute; 51 top: -10px; 52 right: 0; 53 } 54 /*.goog-te-gadget-icon { 55 background-image: url(//gtranslate.net/flags/gt_logo_19x19.gif) !important; 56 background-position: 0 0 !important; 57 }*/ 58 --> 59 </style> 60 <link rel="shortcut icon" href="/favicon.ico"> 61 62 63 <link href="/css/preview-fonts.css" rel="stylesheet" /> 64 <style type="text/css"> 65 /* .quick-content { 66 display: block !important; 67 } */ 68 69 .sub-content { 70 padding-bottom: 40px !important; 71 } 72 </style> 73 <link href="/css/preview-fonts.css" rel="stylesheet" /> 74 75 76 <!-- Global site tag (gtag.js) - Google Ads: 629281727 -->
vendor: 73 bytes, lines 76-77
76 77 <script async src="https://www.googletagmanager.com/gtag/js?id=
77AW-629281727
vendor: 21 bytes, lines 77-78
77"></script> 78
78<script> 79
vendor: 171 bytes, lines 79-83
79window.dataLayer = window.dataLayer || []; 80 function gtag() { dataLayer.push(arguments); } 81 gtag('js', new Date()); 82 83 gtag('config', '
83AW-629281727
vendor: 13 bytes, lines 83-84
83'); 84
84</script>
84 85</head> 86<body> 87 <!-- Google Tag Manager (noscript) -->
vendor: 77 bytes, lines 87-88
87 88 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
88GTM-PSK7CDK
vendor: 92 bytes, lines 88-89
88" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 89
89<!-- End Google Tag Manager (noscript) --> 90
90<script type="text/javascript"> 91 function getBrowserLocales(options = {}) { 92 var defaultOptions = { 93 languageCodeOnly: false, 94 }; 95 96 var opt = { 97 ...defaultOptions, 98 ...options, 99 }; 100 101 var browserLocales = 102 navigator.languages === undefined 103 ? [navigator.language] 104 : navigator.languages; 105 106 if (!browserLocales) { 107 return undefined; 108 } 109 110 return browserLocales.map(locale => { 111 var trimmedLocale = locale.trim(); 112 113 return opt.languageCodeOnly 114 ? trimmedLocale.split(/-|_/)[0] 115 : trimmedLocale; 116 }); 117 } 118 </script>
118 119 120 <div class="wrap"> 121 <!-- header --> 122 <header> 123 <nav style="width:1440px;margin:0 auto;position:relative;"> 124 <h1 class="logo"> 125 <a href="/"> 126 <img src="/images/common/logo.png" alt="RixFontí´ë¼ì°ë"> 127 </a> 128 </h1> 129 <ul class="main-nav"> 130 <li id="liFont"><a href="/Font/Fonts">Fonts</a></li> 131 <li id="liProduct"> 132 <a href="/Product/Products" >Font Service</a> 133 <div class="sub"> 134 <ul> 135 <li><a href="/Product/Products">ë¸ëëí°í¸</a></li> 136 <li><a href="/Product/SelectProduct">ì ë í¸í°í¸</a></li> 137 </ul> 138 </div> 139 </li> 140 <li id="liTuningFont"><a href="/TuningFont/Create">íëí°í¸</a></li> 141 <li id="liCloudSetup"><a href="/Cloud/Setup">RixFontCloud</a></li> 142 <li id="liCorporateFont"><a href="https://www.rixfont.co.kr/CorporateFont/Main" target="_blank">CorporateFont</a></li> 143 <li id="liSupport"> 144 <a href="/Support/Notice">Support</a> 145 <div class="sub"> 146 <ul> 147 <li><a href="/Support/FAQ">FAQ</a></li> 148 <li><a href="/Support/Contact">1:1 inquiry</a></li> 149 <li><a href="/Support/Notice">Notice</a></li> 150 <li><a target="_blank" href="/Support/Estimate">Estimate</a></li> 151 <li><a href="/Support/UseCode">Coupon</a></li> 152 <li><a href="/Support/Question">Partnership</a></li> 153 </ul> 154 </div> 155 </li> 156 </ul> 157 <ul class="util-nav"> 158 <li class="login"><a href="/MyPage/Login?returnurl=%2FProduct%2FProducts"><img/></a></li> 159 </ul> 160 </nav> 161 </header> 162 <!-- //header --> 163 <!-- content --> 164 165<style> 166 #products-section{ 167 font-family:RixSinGo; 168 } 169 #products { 170 grid-template-columns: repeat(auto-fill, minmax(278px, 278px)); 171 justify-content: space-between; 172 } 173 #products li{ 174 width:220px; 175 height:405px; 176 border:1px solid #bfbfbf; 177 display:inline-block; 178 margin:0 0 50px 30px; 179 border-radius:6px; 180 padding:28px; 181 cursor:pointer; 182 } 183 #products li:hover { 184 border: 1px solid #D71A22; 185 background-color: rgba(237, 28, 36, 0.06); 186 } 187 #products li:hover .link-button { 188 background-color: #1B1B1B; 189 -webkit-transition: background-color 50ms linear; 190 -moz-transition: background-color 50ms linear; 191 -o-transition: background-color 50ms linear; 192 -ms-transition: background-color 50ms linear; 193 transition: background-color 50ms linear; 194 } 195 .company-info h2 { 196 margin: 25px 0 40px 0; 197 min-width: 267px; 198 color: #1B1B1B; 199 font-family: "RixSinGo"; 200 font-size: 20px; 201 font-style: normal; 202 font-weight: 800; 203 line-height: 30px; 204 } 205 .company-info p { 206 color: #9D9D9D; 207 font-family: "RixSinGo"; 208 font-size: 16px; 209 font-style: normal; 210 font-weight: 500; 211 line-height: 24px; 212 } 213 214 .product-name { 215 font-size: 32px; 216 line-height: 32px; 217 font-weight: 800; 218 margin: 22px 0 20px; 219 color: #000; 220 } 221 .user-count, .multi-amount, .discount-origin{ 222 color:#333; 223 font-size:18px; 224 line-height:38px; 225 font-weight:500; 226 margin-bottom:-3px; 227 } 228 .discount-origin{ 229 text-decoration:line-through; 230 margin-left:5px; 231 } 232 .amount{ 233 color:#1b1b1b; 234 font-weight:800; 235 font-size:24px; 236 line-height:38px; 237 margin-bottom:25px; 238 } 239 .description{ 240 font-weight:500; 241 font-size:15px; 242 line-height:30px; 243 height:160px; 244 color:#9d9d9d; 245 } 246 .link-button{ 247 width:244px; 248 height:36px; 249 background-color:#bfbfbf; 250 border-radius:6px; 251 position:relative; 252 left:-12px; 253 bottom:-10px; 254 color:#fff; 255 font-weight:700; 256 font-size:15px; 257 text-align:center; 258 padding-top:18px; 259 } 260 261 .description-check{ 262 position:relative; 263 bottom:2px; 264 } 265 .best-mark { 266 width: 44px; 267 height: 22px; 268 border-radius: 12px; 269 font-size: 14px; 270 font-weight: 800; 271 line-height: 22px; 272 background-color: #ED1C24; 273 color: #fff; 274 text-align:center; 275 position:relative; 276 bottom:6px; 277 display:inline-block; 278 } 279 .company-products { 280 display: flex; 281 } 282 .company-products:not(:first-child) { 283 border-top: 1px solid #D9D9D9; 284 } 285 #group-menu { 286 display: flex; 287 align-items: center; 288 justify-content: center; 289 width: 100%; 290 height: 80px; 291 border-bottom: 1px solid #D9D9D9; 292 background-color: #fff; 293 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06); 294 } 295 #group-menu .group-link {
296 padding: 0 30px 27px 30px; 297 color: #888; 298 text-align: center; 299 font-size: 18px; 300 font-style: normal; 301 font-weight: 600; 302 line-height: normal; 303 } 304 .fixed { 305 position: fixed; 306 z-index: 5; 307 } 308 .company-info { 309 max-width: 267px; 310 padding-top: 50px; 311 } 312</style>
313<script> 314 window.onload = function () { 315 var hash = window.location.hash; 316 var vendorIndex = hash.split("-")[1]; 317 318 if (vendorIndex) { 319 scrollToVendor(vendorIndex); 320 } 321 }; 322 323 function scrollToVendor(vendorIndex) { 324 //var element = document.getElementById("vendor-" + vendorIndex); 325 326 //if (element) { 327 // element.scrollIntoView({ behavior: "smooth" }); 328 //} 329 $(".group-link")[vendorIndex].click(); 330 } 331</script>
331 332<section id="products-section"> 333 <div id="top_banner" style="text-align:center;display:block"> 334 <img src="/upload/image/productBanner/pc_eventBn_3.png" alt="promotion banner" style="position:relative; top:185px; width:1194px;height:217px;" /> 335 <p style="font-family:RixSinGo;font-weight:800;font-size:28px;line-height:40px;color:#1b1b1b;position:relative;top:241px;"> 336 í©ë¦¬ì ì¸ ê°ê²©ì¼ë¡ ìíë 기ê°ë§í¼ ê²°ì í´ì ì¬ì©íë<br />RixFontí´ë¼ì°ëë¡ ììíì¸ìð 337 </p> 338 </div> 339 <div style="height:241px;"></div> 340 <div style="height: 116px;display: flex;align-items: end;"> 341 <ul id="group-menu"> 342 <li> 343 <a href="#vendor-0" class="group-link">RixFont</a> 344 </li> 345 <li> 346 <a href="#vendor-1" class="group-link">Rak폰트</a> 347 </li> 348 <li> 349 <a href="#vendor-2" class="group-link">다온폰트</a> 350 </li> 351 <li> 352 <a href="#vendor-3" class="group-link">닥터폰트</a> 353 </li> 354 <li> 355 <a href="#vendor-4" class="group-link">모리사와</a> 356 </li> 357 <li> 358 <a href="#vendor-5" class="group-link">티랩</a> 359 </li> 360 <li> 361 <a href="#vendor-6" class="group-link">TYPETYPE</a> 362 </li> 363 <li> 364 <a href="#vendor-7" class="group-link">타이포디자인연구소</a> 365 </li> 366 </ul> 367 </div> 368 <div style="margin: 46px auto 0; width: 1230px;"> 369 <div id="vendor-0" class="company-products"> 370 <div class="company-info"> 371 <img src="/images/sub/pc_rixfont.png" alt="partner-logo"> 372 <h2>RixFont</h2> 373 <p></p> 374 </div> 375 <div style="margin-top: 50px;"> 376 <ul id="products"> 377 <li id="rixbasic" class="li-product"> 378 <p class="product-name" > 379베이직 </p> 380 <p class="user-count">1인~5인</p> 381 <p class="amount">월 9,900원<span class="discount-origin"></span><span class="multi-amount"> 부터</span></p> 382 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 383 <p class="description"> 384 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 385í°í¸ 100ì¢ <br /> 386 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 387íëí°í¸ <br /> 388 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 389ë¼ì´ì ì¤ Free <br /> 390 </p> 391 <div class="link-button">구독하기</div> 392 </li> 393 <li id="rixmaster" class="li-product"> 394 <p class="product-name" > 395마스터 <span class="best-mark">Best</span> 396 </p> 397 <p class="user-count">1인~50인</p> 398 <p class="amount">월 39,600원<span class="discount-origin"></span><span class="multi-amount"> 부터</span></p> 399 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 400 <p class="description"> 401 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 402í°í¸ 782ì¢ (ì ì¢ ) <br /> 403 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 404ì ìì²´ ì ë°ì´í¸ <br /> 405 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 406ìºë¦¬ê·¸ë¼í¼ 34ì¢ (96ë§ì ìë¹) <br /> 407 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 408íëí°í¸ <br /> 409 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 410ë¼ì´ì ì¤ Free <br /> 411 </p> 412 <div class="link-button">구독하기</div> 413 </li> 414 <li id="rixstudent" class="li-product"> 415 <p class="product-name" > 416스튜던트 </p> 417 <p class="user-count">학생 전용 특별 할인가</p> 418 <p class="amount">연 19,800원<span class="discount-origin"></span><span class="multi-amount"> </span></p> 419 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 420 <p class="description"> 421 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 422í°í¸ 782ì¢ (ì ì¢ ) <br /> 423 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 424ì ìì²´ ì ë°ì´í¸ <br /> 425 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 426íëí°í¸ <br /> 427 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 428íìì© ë¼ì´ì ì¤ (ë¹ìì ì ) <br /> 429 </p> 430 <div class="link-button">구독하기</div> 431 </li> 432 <li id="rixmasterz" class="li-product"> 433 <p class="product-name" > 434마스터Z </p> 435 <p class="user-count">300인 이상 기업 전용</p> 436 <p class="amount">상담 문의<span class="discount-origin"></span><span class="multi-amount"> </span></p> 437 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 438 <p class="description"> 439 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 440í°í¸ 782ì¢ (ì ì¢ ) <br /> 441 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 442ì ìì²´ ì ë°ì´í¸ <br /> 443 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 444ìºë¦¬ê·¸ë¼í¼ 34ì¢ (96ë§ì ìë¹) <br /> 445 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 446íëí°í¸ <br /> 447 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 448ë¼ì´ì ì¤ Free <br /> 449 </p> 450 <div class="link-button">문의하기</div> 451 </li> 452 </ul> 453 </div> 454 </div> 455 <div id="vendor-1" class="company-products"> 456 <div class="company-info"> 457 <img src="/images/sub/pc_rakf.png" alt="partner-logo"> 458 <h2>Rak폰트</h2> 459 <p>Rakfont는 25년간 쌓아온 노하우로 제작한 전문가용 폰트입니다. 높은 완성도의 고딕, 명조와 다양한 디자인의 베리어블폰트로 당신의 디자인을 완성 시켜드립니다.</p> 460 </div> 461 <div style="margin-top: 50px;"> 462 <ul id="products"> 463 <li id="rakfontstudent" class="li-product"> 464 <p class="product-name" > 465스튜던트 </p> 466 <p class="user-count">학생 전용 특별 할인가</p> 467 <p class="amount">월 2,200원<span class="discount-origin"></span><span class="multi-amount"> </span></p> 468 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 469 <p class="description"> 470 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 471í°í¸ 214ì¢ <br /> 472 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 473ì ìì²´ ì ë°ì´í¸ <br /> 474 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 475íëí°í¸ <br /> 476 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 477íìì© ë¼ì´ì ì¤ (ë¹ìì ì ) <br /> 478 </p> 479 <div class="link-button">구독하기</div> 480 </li> 481 <li id="rakfontmaster" class="li-product"> 482 <p class="product-name" > 483마스터 </p> 484 <p class="user-count">1인~50인</p> 485 <p class="amount">월 38,500원<span class="discount-origin"></span><span class="multi-amount"> 부터</span></p> 486 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 487 <p class="description"> 488 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 489í°í¸ 214ì¢ <br /> 490 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 491ì ìì²´ ì ë°ì´í¸ <br /> 492 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 493íëí°í¸ <br /> 494 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 495ë¼ì´ì ì¤ Free <br /> 496 </p> 497 <div class="link-button">구독하기</div> 498 </li> 499 <li id="rakrixmaster" class="li-product"> 500 <p class="product-name" style=font-size:26px;> 501Rak X Rix 마스터 </p> 502 <p class="user-count">1인~50인</p> 503 <p class="amount">월 61,000원<span class="discount-origin"></span><span class="multi-amount"> 부터</span></p> 504 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 505 <p class="description"> 506 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 507í°í¸ 996ì¢ (ë½í°í¸+RixFont) <br /> 508 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 509ì ìì²´ ì ë°ì´í¸ <br /> 510 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 511<span style='font-size:13px;'>ë¦ì¤ ìºë¦¬ê·¸ë¼í¼ 34ì¢ (96ë§ì ìë¹)</span> <br /> 512 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 513íëí°í¸ <br /> 514 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 515ë¼ì´ì ì¤ Free <br /> 516 </p> 517 <div class="link-button">구독하기</div> 518 </li> 519 <li id="rakfontmasterz" class="li-product"> 520 <p class="product-name" > 521마스터Z </p> 522 <p class="user-count">300인 이상 기업 전용</p> 523 <p class="amount">상담 문의<span class="discount-origin"></span><span class="multi-amount"> </span></p> 524 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 525 <p class="description"> 526 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 527í°í¸ 214ì¢ <br /> 528 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 529ì ìì²´ ì ë°ì´í¸ <br /> 530 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 531íëí°í¸ <br /> 532
532 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 533ë¼ì´ì ì¤ Free <br /> 534 </p> 535 <div class="link-button">문의하기</div> 536 </li> 537 <li id="rakrixmasterz" class="li-product"> 538 <p class="product-name" style=font-size:26px;> 539Rak X Rix 마스터Z </p> 540 <p class="user-count">300인 이상 기업 전용</p> 541 <p class="amount">상담 문의<span class="discount-origin"></span><span class="multi-amount"> </span></p> 542 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 543 <p class="description"> 544 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 545í°í¸ 996ì¢ (ë½í°í¸+RixFont) <br /> 546 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 547ì ìì²´ ì ë°ì´í¸ <br /> 548 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 549<span style='font-size:13px;'>ë¦ì¤ ìºë¦¬ê·¸ë¼í¼ 34ì¢ (96ë§ì ìë¹)</span> <br /> 550 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 551íëí°í¸ <br /> 552 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 553ë¼ì´ì ì¤ Free <br /> 554 </p> 555 <div class="link-button">문의하기</div> 556 </li> 557 </ul> 558 </div> 559 </div> 560 <div id="vendor-2" class="company-products"> 561 <div class="company-info"> 562 <img src="/images/sub/pc_daon.png" alt="partner-logo"> 563 <h2>다온폰트</h2> 564 <p>감성한글 다온폰트는 헤드라인 서체 및 캘리그라피 서체를 제작하는 폰트제작사로 글꼴에 감성을 담은 다양한 한글서체를 제작 및 서비스하고 있습니다.</p> 565 </div> 566 <div style="margin-top: 50px;"> 567 <ul id="products"> 568 <li id="daonfontstudent" class="li-product"> 569 <p class="product-name" > 570스튜던트 </p> 571 <p class="user-count">학생 전용 특별 할인가</p> 572 <p class="amount">월 5,000원<span class="discount-origin"></span><span class="multi-amount"> </span></p> 573 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 574 <p class="description"> 575 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 576í°í¸ 100ì¢ <br /> 577 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 578ì ìì²´ ì ë°ì´í¸ <br /> 579 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 580íìì© ë¼ì´ì ì¤ (ë¹ìì ì ) <br /> 581 </p> 582 <div class="link-button">구독하기</div> 583 </li> 584 <li id="daonfontmaster" class="li-product"> 585 <p class="product-name" > 586마스터 </p> 587 <p class="user-count">1인~50인</p> 588 <p class="amount">월
588 25,000원<span class="discount-origin"></span><span class="multi-amount"> 부터</span></p> 589 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 590 <p class="description"> 591 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 592í°í¸ 100ì¢ <br /> 593 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 594ì ìì²´ ì ë°ì´í¸ <br /> 595 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 596ë¼ì´ì ì¤ Free <br /> 597 </p> 598 <div class="link-button">구독하기</div> 599 </li> 600 </ul> 601 </div> 602 </div> 603 <div id="vendor-3" class="company-products"> 604 <div class="company-info"> 605 <img src="/images/sub/pc_doctorfont.png" alt="partner-logo"> 606 <h2>닥터폰트</h2> 607 <p>닥터폰트는 현장에서의 오랜 경험을 바탕으로 충분한 시간을 들여 차별화되고 무게감이 느껴지는 폰트 컬렉션을 발표하고 있습니다.</p> 608 </div> 609 <div style="margin-top: 50px;"> 610 <ul id="products"> 611 <li id="doctorfontstudent" class="li-product"> 612 <p class="product-name" > 613스튜던트 </p> 614 <p class="user-count">학생 전용 특별 할인가</p> 615 <p class="amount">월 3,300원<span class="discount-origin"></span><span class="multi-amount"> </span></p> 616 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 617 <p class="description"> 618 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 619í°í¸ 63ì¢ <br /> 620 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 621ì ìì²´ ì ë°ì´í¸ <br /> 622 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 623íìì© ë¼ì´ì ì¤ (ë¹ìì ì ) <br /> 624 </p> 625 <div class="link-button">구독하기</div> 626 </li> 627 <li id="doctorfontmaster" class="li-product"> 628 <p class="product-name" > 629마스터 </p> 630 <p class="user-count">1인~50인</p> 631 <p class="amount">월 28,000원<span class="discount-origin"></span><span class="multi-amount"> 부터</span></p> 632 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 633 <p class="description"> 634 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 635í°í¸ 63ì¢ <br /> 636 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 637ì ìì²´ ì ë°ì´í¸ <br /> 638 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 639ë¼ì´ì ì¤ Free <br /> 640 </p> 641 <div class="link-button">구독하기</div> 642 </li> 643 </ul> 644 </div> 645 </div> 646 <div id="vendor-4" class="company-products"> 647 <div class="company-info"> 648 <img src="/images/sub/pc_mori.png" alt="partner-logo"> 649 <h2>모리사와</h2> 650 <p>모리사와는 문자의 본질을 탐구하고 미래를 모색하며 새로운 서체를 만들어냅니다. 100년 역사를 통해 세계 사회에 기여하며, 문자를 통하여 사회에 공헌한다, 모리사와의 사명입니다.</p> 651 </div> 652 <div style="margin-top: 50px;"> 653 <ul id="products"> 654 <li id="morisawabasic" class="li-product"> 655 <p class="product-name" > 656베이직 </p> 657 <p class="user-count">1인</p> 658 <p class="amount">월
658 25,000원<span class="discount-origin"></span><span class="multi-amount"> </span></p> 659 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 660 <p class="description"> 661 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 662í°í¸ 50ì¢ <br /> 663 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 664ë¼ì´ì ì¤ Free <br /> 665 </p> 666 <div class="link-button">구독하기</div> 667 </li> 668 <li id="morisawamaster" class="li-product"> 669 <p class="product-name" > 670마스터 </p> 671 <p class="user-count">1인~50인</p> 672 <p class="amount">월 42,000원<span class="discount-origin"></span><span class="multi-amount"> 부터</span></p> 673 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 674 <p class="description"> 675 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 676í°í¸ 100ì¢ <br /> 677 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 678ì ìì²´ ì ë°ì´í¸ <br /> 679 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 680ë¼ì´ì ì¤ Free <br /> 681 </p> 682 <div class="link-button">구독하기</div> 683 </li> 684 </ul> 685 </div> 686 </div> 687 <div id="vendor-5" class="company-products"> 688 <div class="company-info"> 689 <img src="/images/sub/pc_tlab.png" alt="partner-logo"> 690 <h2>티랩</h2> 691 <p>Tlab은 새로운 해석과 끊임없는 연구, 다양한 실험으로 시각 조형 디자인의  새로운 길을 제시하는 글꼴 연구·개발 전문가 집단입니다.</p> 692 </div> 693 <div style="margin-top: 50px;"> 694 <ul id="products"> 695 <li id="tlabbasic" class="li-product"> 696 <p class="product-name" > 697베이직 </p> 698 <p class="user-count">1인</p> 699 <p class="amount">월 29,000원<span class="discount-origin"></span><span class="multi-amount"> </span></p> 700 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 701 <p class="description"> 702 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 703í°í¸ 54ì¢ <br /> 704 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 705ë¼ì´ì ì¤ Free <br /> 706 </p> 707 <div class="link-button">구독하기</div> 708 </li> 709 <li id="tlabmaster" class="li-product"> 710 <p class="product-name" > 711마스터 </p> 712 <p class="user-count">1인~50인</p> 713 <p class="amount">월 50,000원<span class="discount-origin"></span><span class="multi-amount"> 부터</span></p> 714 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 715 <p class="description"> 716 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 717í°í¸ 102ì¢ <br /> 718 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 719ì ìì²´ ì ë°ì´í¸ <br /> 720 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 721ë¼ì´ì ì¤ Free <br /> 722 </p> 723 <div class="link-button">구독하기</div> 724 </li> 725 </ul> 726 </div> 727 </div> 728 <div id="vendor-6" class="company-products"> 729 <div class="company-info"> 730 <img src="/images/sub/pc_tt.png" alt="partner-logo"> 731 <h2>TYPETYPE</h2> 732 <p>TypeType은 안정적인 디자인 역량을 기반으로 가독성 높은 서체와 다수의 배리어블 폰트를 보유하고 있으며, 글로벌 디자인 트랜드를 빠르게 반영하고 있습니다.</p> 733 </div> 734 <div style="margin-top: 50px;"> 735 <ul id="products"> 736 <li id="typetypestudent" class="li-product"> 737 <p class="product-name" > 738스튜던트 </p> 739 <p class="user-count">학생 전용 특별 할인가</p> 740 <p class="amount">월 2,900원<span class="discount-origin"></span><span class="multi-amount"> </span></p> 741 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 742 <p class="description"> 743 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 744í°í¸ 756ì¢ <br /> 745 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 746ì ìì²´ ì ë°ì´í¸ <br /> 747 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 748íìì© ë¼ì´ì ì¤ (ë¹ìì ì ) <br /> 749 </p> 750 <div class="link-button">구독하기</div> 751 </li> 752 <li id="typetypebasic" class="li-product"> 753 <p class="product-name" > 754베이직 </p> 755 <p class="user-count">1인</p> 756 <p class="amount">월 9,900원<span class="discount-origin"></span><span class="multi-amount"> </span></p> 757 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 758 <p class="description"> 759 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 760í°í¸ 94ì¢ <br /> 761 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 762ë¼ì´ì ì¤ Free <br /> 763 </p> 764 <div class="link-button">구독하기</div> 765 </li> 766 <li id="typetypepremiums" class="li-product"> 767 <p class="product-name" > 768프리미엄S </p> 769 <p class="user-count">1인</p> 770 <p class="amount">월 15,400원<span class="discount-origin"></span><span class="multi-amount"> </span></p> 771 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 772 <p class="description"> 773 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 774í°í¸ 210ì¢ <br /> 775 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 776ë¼ì´ì ì¤ Free <br /> 777 </p> 778 <div class="link-button">구독하기</div> 779 </li> 780 <li id="typetypemaster" class="li-product"> 781 <p class="product-name" > 782마스터 </p> 783 <p class="user-count">1인~50인</p> 784 <p class="amount">월 33,000원<span class="discount-origin"></span><span class="multi-amount"> 부터</span></p> 785 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 786 <p class="description"> 787 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 788í°í¸ 756ì¢ <br /> 789 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 790ì ìì²´ ì ë°ì´í¸ <br /> 791 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 792ë¼ì´ì ì¤ Free <br /> 793 </p> 794 <div class="link-button">구독하기</div> 795 </li> 796 </ul> 797 </div> 798 </div> 799 <div id="vendor-7" class="company-products"> 800 <div class="company-info"> 801 <img src="/images/sub/pc_typodesignlab.png" alt="partner-logo"> 802 <h2>타이포디자인연구소</h2> 803 <p>㈜타이포디자인연구소는 20여 년간의 풍부한 경험을 바탕으로, 인쇄용, 모바일용
803, 웹폰트, 전용폰트 등 다양한 환경에서 편리하게 사용할 수 있는 고품질의 폰트를 개발하고 있습니다. </p> 804 </div> 805 <div style="margin-top: 50px;"> 806 <ul id="products"> 807 <li id="typodesignlabstudent" class="li-product"> 808 <p class="product-name" > 809스튜던트 </p> 810 <p class="user-count">학생 전용 특별 할인가</p> 811 <p class="amount">월 4,000원<span class="discount-origin"></span><span class="multi-amount"> </span></p> 812 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 813 <p class="description"> 814 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 815í°í¸ 202ì¢ <br /> 816 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 817ì ìì²´ ì ë°ì´í¸ <br /> 818 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 819íìì© ë¼ì´ì ì¤ (ë¹ìì ì ) <br /> 820 </p> 821 <div class="link-button">구독하기</div> 822 </li> 823 <li id="typodesignlabmaster" class="li-product"> 824 <p class="product-name" > 825마스터 </p> 826 <p class="user-count">1인~50인</p> 827 <p class="amount">월 32,000원<span class="discount-origin"></span><span class="multi-amount"> 부터</span></p> 828 <p style="border-bottom:1px solid #d9d9d9;margin-bottom:20px;"></p> 829 <p class="description"> 830 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 831í°í¸ 202ì¢ <br /> 832 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 833ì ìì²´ ì ë°ì´í¸ <br /> 834 <img class="description-check" src="/images/common/sub_check.svg" /><span> </span> 835ë¼ì´ì ì¤ Free <br /> 836 </p> 837 <div class="link-button">구독하기</div> 838 </li> 839 </ul> 840 </div> 841 </div> 842 </div> 843 <div style="margin-top:20px;"> 844 <p style="text-align:center;color:#9d9d9d;"> 845 모ë ìë¹ì¤ ì¬ì© ë²ìë ë¼ì´ì ì¤ Free(ìì ì ì¬ì© í¬í¨)<br /> 846 ìì ë ê²°ì ì¼ ì ìë ìê¸ì´ ì²êµ¬ëì§ ìì¼ë©°, ìíìë©´ ì¸ì ë í´ì§íì¤ ì ììµëë¤. 847 </p> 848 </div> 849 <div style="padding-bottom:150px;"></div> 850</section> 851 852 853 854 855 856 <!-- //content --> 857 <section class="quick-content" style="display:none;"> 858 <article class="quick" > 859 <div class="inner"> 860 <h2 class="blind">ë°ë¡ê°ê¸°</h2> 861 <ul> 862 <li class="faq"><a href="/Support/FAQ">FAQ</a></li> 863 <li class="cloud"><a href="/Cloud/Setup">Cloud installation</a></li> 864 <li class="license"><a target="_blank" href="/Cloud/FileDownload?type=PDF&platform=License_eng">Licensing</a></li> 865 <li class="font"><a target="_blank" a href="/Cloud/FileDownload?type=PDF&platform=Font">Font List</a></li> 866 <li class="remote"><a href="https://113366.com/fontrix" target="_blank">Remote Assistance</a></li> 867 </ul> 868 </div> 869 </article> 870 </section> 871 872 <!-- footer --> 873 <footer> 874 <div class="inner main-container main-footer navLinks section5"> 875 <h2 class="blind">ì¬ì´í¸ ì ë³´</h2> 876 <div class="site-info"> 877 <ul class="footer-nav"> 878 <li><a href="http://www.rixfont.co.kr/" target="_blank">About Us</a></li> 879 <li><a href="/Support/Question">Business Contact</a></li> 880 <li><a href="/Home/Terms">Terms of Use</a></li> 881 <li><a href="/Home/Privacy">Privacy Policy</a></li> 882 </ul> 883 <div style="position:relative;"> 884 <p style="display:inline-block;">ëíì í : 1566-6351 (íì¼ 10:00~17:00 / 주ë§, ê³µí´ì¼ í´ë¬´)     <a href="mailto:[email protected]">[email protected]</a>     (주)í°í¸ë¦ì¤     ëí ê¹ìì¤     <address style="display:inline-block;">ìì¸í¹ë³ì ìë±í¬êµ¬ ë¹ì°ë¡16길 9-7, 3,4층(ë¹ì°ë1ê°)</address></p> 885 <p>ì¬ì ìë±ë¡ë²í¸ 104-86-09632     íµì í매ì ì ê³ ë²í¸ 2023-ìì¸ìë±í¬-0008     Copyright © í°í¸ë¦ì¤. All rights reserved.</p> 886 </div> 887 </div> 888 <ul class="footer-quick-menu"> 889 <li><a href="/Support/FAQ">
889ì주 묻ë ì§ë¬¸<img src="/images/main/new/arrow-up-right.png" style="width:18px;height:18px;" /></a></li> 890 <li><a target="_blank" href="/Cloud/FileDownload?type=PDF&platform=License">ë¼ì´ì ì¤ ë³´ê¸°<img src="/images/main/new/arrow-up-right.png" style="width:18px;height:18px;" /></a></li> 891 <li><a target="_blank" a href="/Cloud/FileDownload?type=PDF&platform=Font">í°í¸ë¦¬ì¤í¸<img src="/images/main/new/arrow-up-right.png" style="width:18px;height:18px;" /></a></li> 892 <li><a href="https://113366.com/fontrix" target="_blank">ì격ì§ì<img src="/images/main/new/arrow-up-right.png" style="width:18px;height:18px;" /></a></li> 893 </ul> 894 <ul class="sns-nav"> 895 <li class="btn-facebook"><a href="https://www.facebook.com/Fontrix/" target="_blank"><img src="/images/main/new/sns_fb_hover.png" style="width:35px;height:34px;" alt="FACEBOOK"></a></li> 896 <li class="btn-insta"><a href="https://www.instagram.com/fontrix_rix/" target="_blank"><img src="/images/main/new/sns_ig_hover.png" style="width:35px;height:34px;" alt="INSTAGRAM"></a></li> 897 <li class="btn-youtube"><a href="https://www.youtube.com/channel/UCKQIZ7CNqPWpaz6R7bxpghA" target="_blank"><img src="/images/main/new/sns_yt_hover.png" style="width:35px;height:34px;" alt="YOUTUBE"></a></li> 898 <li class="btn-blog"><a href="https://rixfont.tistory.com" target="_blank"><img src="/images/main/new/sns_ts-hover.png" style="width:35px;height:34px;" alt="BLOG"></a></li> 899 </ul> 900 </div> 901 </footer> 902 <!-- //footer --> 903 </div> 904 <input type="hidden" id="isMobile" name="isMobile" value="false" /> 905 <input type="hidden" id="isMode" name="isMode" value="service" /> 906 <input type="hidden" id="isCurrentUrl" name="isCurrentUrl" value="/Product/Products" /> 907 <input type="hidden" id="isTasteFactory" name="isTasteFactory" value="false" /> 908 <input type="hidden" id="isClient" name="isClient" value="false" /> 909 910 <input type="hidden" id="isLogin" name="isLogin" value="false" /> 911 <input type="hidden" id="memberName" name="memberName" value="" /> 912 <input type="hidden" id="email" name="email" value="" /> 913 <input type="hidden" id="phone" name="phone" value="" /> 914 <input type="hidden" id="mmsSendFlag" name="mmsSendFlag" value="" /> 915 <input type="hidden" id="emailSendFlag" name="emailSendFlag" value="" /> 916 917 <input type="hidden" id="isHanComCoupon" name="isHanComCoupon" value="" /> 918 <input type="hidden" id="isHanComCouponCode" name="isHanComCouponCode" value="" /> 919 <input type="hidden" id="isHanComCouponExpireDate" name="isHanComCouponExpireDate" value="10/3/2026 12:15:03 AM" /> 920 921 <input type="hidden" id="isHanComCouponRegDate" name="isHanComCouponRegDate" value="10/3/2026 12:15:03 AM" /> 922 923 924 925 <style type="text/css"> 926 #progressLoading { 927 position: absolute; 928 /*left: 50%; 929 top: 50%;*/ 930 left: 35%; 931 top: 40%; 932 z-index: 999; 933 } 934 935 #progressPaypal { 936 background-color: black; 937 opacity: 0.4; 938 width: 100%; 939 height: 100%; 940 position: absolute; 941 top: 0; 942 z-index: 800; 943 display: none; 944 } 945 946 #progressPaypal div { 947 color: white; 948 padding: 10px; 949 border: 2px white solid; 950 border-radius: 5px; 951 width: 200px; 952 text-align: center; 953 margin: 0 auto; 954 position: relative; 955 top: 50%; 956 } 957 </style> 958 <div id="progressLoading"> 959 <img src="/images/common/loading.gif" alt="loading" /> 960 </div> 961 <div id="progressPaypal"> 962 <div> 963 [PayPal Processing]<br /> 964 Please wait a moment. 965 </div> 966 </div> 967 968 <!-- alert íì --> 969 <div class="popup alert_popup"> 970 <div class="pop_header"></div> 971 <div class="pop_container"> 972 <div class="txt_dialog message"></div> 973 <div class="foot_btn"> 974 <a href="#" class="btn_n modal_alert_confirm btn_alert"></a> 975 </div> 976 </div> 977 <a href="#" class="popup_close modal_alert_close">ë«ê¸°</a> 978 </div> 979 980 <!-- confirm íì --> 981 <div class="popup confirm_popup"> 982 <div class="pop_header"></div> 983 <div class="pop_container"> 984 <div class="txt_dialog message"></div> 985 <div class="foot_btn"> 986 <a href="#" class="btn_n modal_alert_confirm btn_conf"></a> 987 <a href="#" class="btn_n modal_alert_close btn_can"></a> 988 </div> 989 </div> 990 <a href="#" class="popup_close modal_alert_close">ë«ê¸°</a> 991 </div> 992 993 <!-- ìí ì§íì¤ íì --> 994 <!--<div class="popup status_progress_popup"> 995 <div class="pop_header">ì림</div> 996 <div class="pop_container"> 997 <div class="txt_dialog"> 998 <div class="ajax_loader"><div id="circularG_1" class="circularG"></div><div id="circularG_2" class="circularG"></div><div id="circularG_3" class="circularG"></div><div id="circularG_4" class="circularG"></div><div id="circularG_5" class="circularG"></div><div id="circularG_6" class="circularG"></div><div id="circularG_7" class="circularG"></div><div id="circularG_8" class="circularG"></div></div> 999 <p class="txt_dialog3 message"></p> 1000 </div> 1001 </div> 1002 <a href="#" class="popup_close modal_progress_close">ë«ê¸°</a> 1003 </div>--> 1004 1005 1006
1006<script src="/js/jquery-1.12.4.min.js"></script>
1006 1007
1007<script src="/js/jquery.cookie.js"></script>
1007 1008
1008<script src="/js/site.js?ver=20200922"></script>
1008 1009
1009<script src="/js/he.js"></script>
1009 1010 <link href="/css/slick.css" rel="stylesheet" /> 1011 <link href="/css/slick-theme.css" rel="stylesheet" /> 1012
1012<script src="/js/slick.js"></script>
1012 1013
1013<script src="/js/slick.min.js"></script>
1013 1014 1015
1015<script type="text/javascript"> 1016 $(document).ready(function () { 1017 $(".li-product").on('click', function () { 1018 var id = this.id; 1019 //var productCode = id.replace("li-", ""); 1020 var url = '/Product/List'; 1021 1022 if (id == "masterz" || id == "rixmasterz" || id == "rakrixmasterz") { 1023 ShowChannelIO() 1024 } else { 1025 window.location.href = url + "?code=" + id; 1026 } 1027 }) 1028 }) 1029 1030 function ShowChannelIO() { 1031 ChannelIO('openSupportBot', '89901'); 1032 } 1033 1034 document.addEventListener("DOMContentLoaded", function () { 1035 var groupLinks = document.getElementsByClassName("group-link"); 1036 var productSections = document.getElementsByClassName("company-products"); 1037 1038 function changeGroupLinkColor() { 1039 var currentPosition = window.scrollY; 1040 1041 for (var i = 0; i < groupLinks.length; i++) { 1042 var targetId = groupLinks[i].getAttribute("href").substring(1); 1043 var targetElement = document.getElementById(targetId); 1044 1045 if (targetElement) { 1046 var targetOffsetTop = targetElement.offsetTop - 260; 1047 var nextTargetOffsetTop = i < groupLinks.length - 1 1048 ? productSections[i + 1].offsetTop - 260 1049 : Number.POSITIVE_INFINITY; 1050 1051 if (currentPosition >= targetOffsetTop && currentPosition < nextTargetOffsetTop) { 1052 groupLinks[i].style.color = "#ED1C24"; 1053 groupLinks[i].style.borderBottom = "4px solid #ED1C24"; 1054 } else { 1055 groupLinks[i].style.color = "#888"; 1056 groupLinks[i].style.borderBottom = "none"; 1057 } 1058 } 1059 } 1060 } 1061 1062 for (var i = 0; i < groupLinks.length; i++) { 1063 groupLinks[i].addEventListener("click", function (event) { 1064 event.preventDefault(); 1065 1066 var targetId = this.getAttribute("href").substring(1); 1067 var targetElement = document.getElementById(targetId); 1068 1069 if (targetElement) { 1070 var offset = 260; 1071 var targetOffsetTop = targetElement.offsetTop - offset; 1072 1073 window.scrollTo({ 1074 top: targetOffsetTop, 1075 behavior: "smooth" 1076 }); 1077 } 1078 }); 1079 } 1080 1081 changeGroupLinkColor(); 1082 1083 window.addEventListener("scroll", function () { 1084 changeGroupLinkColor(); 1085 }); 1086 }); 1087 1088 $(document).ready(function () { 1089 var groupMenu = $("#group-menu"); 1090 var menuOffset = groupMenu.offset().top; 1091 1092 groupMenu.css("top", "80px"); 1093 1094 $(window).scroll(function () { 1095 var scrollPos = $(window).scrollTop(); 1096 1097 if (scrollPos >= menuOffset - 80) { 1098 groupMenu.addClass("fixed"); 1099 } else { 1100 groupMenu.removeClass("fixed"); 1101 } 1102 }); 1103 1104 function getCookie(name) { 1105 var value = "; " + document.cookie; 1106 var parts = value.split("; " + name + "="); 1107 if (parts.length == 2) return parts.pop().split(";").shift(); 1108 } 1109 }); 1110 </script>
1110 1111 1112 1113
1113<script src="/js/plugin.js"></script>
1113 1114
1114<script src="/js/ui.js?ver=20241022"></script>
1114 1115 1116 <!-- Channel Plugin Scripts --> 1117
1117<script type="text/javascript"> 1118 var userAgent = navigator.userAgent.toLowerCase(); 1119 var referrer = document.referrer.toLowerCase(); 1120 1121 if (!(userAgent.indexOf("iphone") > 0 && userAgent.indexOf("version") == -1 && userAgent.indexOf("safari") == -1 && referrer.length == 0)) { 1122 (function () { 1123 var w = window; 1124 if (w.ChannelIO) { 1125 return (window.console.error || window.console.log || function () { })('ChannelIO script included twice.'); 1126 } 1127 var d = window.document; 1128 var ch = function () { 1129 ch.c(arguments); 1130 }; 1131 ch.q = []; 1132 ch.c = function (args) { 1133 ch.q.push(args); 1134 }; 1135 w.ChannelIO = ch; 1136 function l() { 1137 if (w.ChannelIOInitialized) { 1138 return; 1139 } 1140 w.ChannelIOInitialized = true; 1141 var s = document.createElement('script'); 1142 s.type = 'text/javascript'; 1143 s.async = true; 1144 s.src = 'https://cdn.channel.io/plugin/ch-plugin-web.js'; 1145 s.charset = 'UTF-8'; 1146 var x = document.getElementsByTagName('script')[0]; 1147 x.parentNode.insertBefore(s, x); 1148 } 1149 if (document.readyState === 'complete') { 1150 l(); 1151 } else if (window.attachEvent) { 1152 window.attachEvent('onload', l); 1153 } else { 1154 window.addEventListener('DOMContentLoaded', l, false); 1155 window.addEventListener('load', l, false); 1156 } 1157 })(); 1158 1159 /* 1160 var email = $("#email").val(); 1161 var memberName = $("#memberName").val(); 1162 var phone = $("#phone").val(); 1163 var mmsSendFlag = $("#mmsSendFlag").val(); 1164 mmsSendFlag = Boolean(mmsSendFlag); 1165 var emailSendFlag = $("#emailSendFlag").val(); 1166 emailSendFlag = Boolean(emailSendFlag); 1167 1168 var isHancomCoupon = $("#isHanComCoupon").val(); 1169 isHancomCoupon = Boolean(isHancomCoupon); 1170 var isHanComCouponCode = $("#isHanComCouponCode").val(); 1171 var isHanComCouponExpireDate = $("#isHanComCouponExpireDate").val(); 1172 //console.log("í ë³í ì / isHanComCouponExpireDate : " + isHanComCouponExpireDate); 1173 isHanComCouponExpireDate = new Date(isHanComCouponExpireDate); 1174 1175 var isHanComCouponRegDate = $("#isHanComCouponRegDate").val(); 1176 isHanComCouponRegDate = new Date(isHanComCouponRegDate); 1177 1178 //console.log("emailSendFlag : " + emailSendFlag); 1179 //console.log("mmsSendFlag : " + mmsSendFlag); 1180 //console.log("isHancomCoupon : " + isHancomCoupon); 1181 //console.log("isHanComCouponCode : " + isHanComCouponCode); 1182 //console.log("isHanComCouponExpireDate : " + isHanComCouponExpireDate); 1183 1184 //console.log("isHanComCouponExpireMonth : " + isHanComCouponExpireMonth); 1185 //alert(isHanComCouponExpireMonth); 1186 1187 1188 // B. ì±ëí¡ ê³ ê° ì°ë 1189 // ì´ì모ëì¼ëë§, 1190 // ë¡ê·¸ì¸ íìëë§ ëì. 1191 //var isMode = $("#isMode").val(); 1192 //if (isMode == "service") { 1193 if ($("#isLogin").val() == "true") { 1194 ChannelIO('boot', { 1195 "pluginKey": "ecb33a85-aa03-4e2a-bf39-9db81df28640", 1196 "memberId": email, 1197 "profile": { 1198 "name": memberName, 1199 "mobileNumber": phone, 1200 "mmsSendFlag": mmsSendFlag, 1201 "emailSendFlag": emailSendFlag, 1202 "isHancomCoupon": isHancomCoupon, 1203 "isHanComCouponCode": isHanComCouponCode, 1204 "isHanComCouponExpireDate":isHanComCouponExpireDate, 1205 "isHanComCouponRegDate": isHanComCouponRegDate 1206 } 1207 }, function onBoot() { 1208 popupTaste(); 1209 }); 1210 1211 //console.log("íì»´ ì¿ í° ì í¨ê¸°ê° : " + isHanComCouponExpireDate); 1212 1213 } else { 1214 ChannelIO('boot', { 1215 "pluginKey": "ecb33a85-aa03-4e2a-bf39-9db81df28640" 1216 }, function onBoot() { 1217 popupTaste(); 1218 }); 1219 } 1220 //} 1221 */ 1222 1223
1224 var isClient = $("#isClient").val(); 1225 if (isClient.toString().toLocaleLowerCase() == "false") { 1226 1227 // # A. ì±ëí¡ - 기존 1228 ChannelIO('boot', { 1229 "pluginKey": "ecb33a85-aa03-4e2a-bf39-9db81df28640" 1230 }, function onBoot() { 1231 popupTaste(); 1232 }); 1233 } 1234 1235 1236 } 1237 </script>
1237 1238 <!-- End Channel Plugin --> 1239 1240
1240<script type="text/javascript"> 1241 1242 var didScroll; 1243 var lastScrollTop = 0; 1244 var delta = 1; 1245 var navbarHeight = $('header').outerHeight(); 1246 1247 $(document).ready(function () { 1248 1249 if ($("#isMobile").val() == "true" && innerWidth < 340) { 1250 $("#top-text").css("height", "35"); 1251 } 1252 1253 $('#progressLoading').hide(); 1254 1255 $(".main-nav > li").removeClass("active"); 1256 1257 var url = window.location.href.toLowerCase(); 1258 1259 var replaceUrl = url.replace("/font/", ""); 1260 1261 if (url.length > replaceUrl.length > 0) { 1262 replaceUrl = url.replace("/selectfont","") 1263 if (url.length > replaceUrl.length > 0) { 1264 $("#liProduct").addClass("active"); 1265 } else { 1266 $("#liFont").addClass("active"); 1267 } 1268 } 1269 1270 replaceUrl = url.replace("/product/", ""); 1271 1272 if (url.length > replaceUrl.length > 0) { 1273 $("#liProduct").addClass("active"); 1274 } 1275 1276 replaceUrl = url.replace("/order/", ""); 1277 1278 if (url.length > replaceUrl.length > 0) { 1279 $("#liProduct").addClass("active"); 1280 } 1281 1282 replaceUrl = url.replace("/cloud/", ""); 1283 1284 if (url.length > replaceUrl.length > 0) { 1285 $("#liCloudSetup").addClass("active"); 1286 } 1287 1288 replaceUrl = url.replace("/support/", ""); 1289 1290 if (url.length > replaceUrl.length > 0) { 1291 $("#liSupport").addClass("active"); 1292 } 1293 1294 replaceUrl = url.replace("/mixfont/", ""); 1295 1296 if (url.length > replaceUrl.length > 0) { 1297 $("#liMixFont").addClass("active"); 1298 } 1299 1300 replaceUrl = url.replace("/tuningfont/", ""); 1301 1302 if (url.length > replaceUrl.length > 0) { 1303 $("#liTuningFont").addClass("active"); 1304 } 1305 1306 var isMobile = $("#isMobile").val(); 1307 var isTasteFactory = $("#isTasteFactory").val(); 1308 1309 if (isMobile == "false") { 1310 // TopNoticeShow(); 1311 } else { 1312 1313 var userAgent = navigator.userAgent.toLowerCase(); 1314 var referrer = document.referrer.toLowerCase(); 1315 1316 if (userAgent.indexOf("iphone") > 0 && userAgent.indexOf("version") == -1 && userAgent.indexOf("safari") == -1 && referrer.length == 0) { 1317 $(".topNotice").css("display", "none"); 1318 $("nav").css("margin-top", "0"); 1319 $("header").css("top", "0"); 1320 $("header").css("display", "none"); 1321 $(".sub-content").css("padding-top", "0"); 1322 } else { 1323 var st = $(this).scrollTop(); 1324 1325 // if (!$('.main-container').hasClass('mo')) { 1326 // if (st == 0 || st < 70) { 1327 // $("header").css("top", 70 - st); 1328 // $("nav").css("margin-top", 70 - st); 1329 // } 1330 // } else { 1331 // $("nav").css("margin-top", 45 - st); 1332 // } 1333 1334 1335 $(window).scroll(function (event) { 1336 didScroll = true; 1337 }); 1338 setInterval(function () { 1339 if (didScroll) { 1340 // hasScrolled(); 1341 didScroll = false; 1342 } 1343 }, 25); 1344 } 1345 } 1346 }).ajaxStart(function () { 1347 $('#progressLoading').show(); 1348 }).ajaxStop(function () { 1349 $('#progressLoading').hide(); 1350 }); 1351 1352 document.addEventListener("DOMContentLoaded", function () { 1353 1354 if ($("#isTasteFactory").val() == "true") { 1355 1356 TastFactoryTopNoticeHide(); 1357 $("header").css("background", "none"); 1358 if ($("#isMobile").val() == 'true') { 1359 $("header").css("margin-bottom", "33vw"); 1360 } 1361 } 1362 1363 if ($("#isMobile").val() == "false") { 1364 if (window.innerWidth < 1500) { 1365 var minus = 1500 - window.innerWidth; 1366 var width = 1130 - (minus / 2); 1367 $(".taste-nav").css("width", width); 1368 } 1369 } 1370 1371 }) 1372 1373 window.addEventListener("resize", function () { 1374 if ($("#isMobile").val() == 'false') { 1375 if (this.innerWidth < 1500) { 1376 var minus = 1500 - this.innerWidth; 1377 var width = 1130 - (minus / 2); 1378 $(".taste-nav").css("width", width); 1379 } 1380 } 1381 }) 1382 1383 function popupTaste() { 1384 $("#taste-shortcut").css("opacity", "1").css("transform", "scale(1)"); 1385 } 1386 1387 // function hasScrolled() { 1388 1389 1390 // if ($("#isTasteFactory").val() == "false") { 1391 1392 // var st = $(this).scrollTop(); 1393 1394 // if (Math.abs(lastScrollTop - st) <= delta) 1395 // return; 1396 1397 // if (st > lastScrollTop && st > navbarHeight) { // Scroll Down 1398 1399 // if (!$('.main-container').hasClass('mo')) { 1400 // if (st == 0 || st < 70) { 1401 // $("header").css("top", 70 - st); 1402 // $("nav").css("margin-top", 70 - st); 1403 1404 // } else { 1405 // $("nav").css("margin-top", "0"); 1406 // $("header").css("top", "0"); 1407 // } 1408 // } 1409 // } else { // Scroll Up 1410 // if (!$('.main-container').hasClass('mo')) { 1411 // if (st == 0 || st < 70) { 1412 // $("header").css("top", 70 - st); 1413 // $("nav").css("margin-top", 70 - st); 1414 1415 // } else { 1416 // $("nav").css("margin-top", "0"); 1417 // $("header").css("top", "0"); 1418 // } 1419 // } 1420 // } 1421 // lastScrollTop = st; 1422 // } 1423 1424 // } 1425 1426 function TopNoticeLink() { 1427 1428 var isMode = $("#isMode").val(); 1429 1430 var link = ""; 1431 if (isMode == "test") { 1432 link = "https://www.rixfontcloud.com/Product/Products"; 1433 } else { 1434 link = "https://www.rixfontcloud.com/Product/Products"; 1435 } 1436 1437 location.href = link; 1438 } 1439 1440 function TopNoticeLinkMo() { 1441 1442 var isMode = $("#isMode").val(); 1443 1444 var link = ""; 1445 if (isMode == "test") { 1446 link = "https://www.rixfontcloud.com/Product/Products"; 1447 } else { 1448 link = "https://www.rixfontcloud.com/Product/Products"; 1449 } 1450 1451 location.href = link; 1452 } 1453
1454 function AppDownloadLink() { 1455 1456 var link = "https://apps.apple.com/kr/app/id1541104147"; 1457 1458 window.open(link); 1459 } 1460 1461 function ToggleGlobalSub() { 1462 $(".global-sub").slideToggle(100, 'linear') 1463 } 1464 1465 function TopNoticeShow() { 1466 var isShowNotice = true; 1467 1468 if ($.cookie('TopNoticeHide') != undefined) { 1469 var topNoticeHide = $.cookie('TopNoticeHide'); 1470 1471 if (topNoticeHide.toLowerCase() == "y") { 1472 isShowNotice = false; 1473 } else { 1474 isShowNotice = true; 1475 } 1476 } 1477 1478 if (isShowNotice) { 1479 $(".topNotice").css("display", "block"); 1480 $("header").css("top", "50px"); 1481 $(".wrap").css("margin-top", "50px"); 1482 } 1483 else { 1484 $(".topNotice").css("display", "none"); 1485 $("header").css("top", "0"); 1486 $(".wrap").css("margin-top", "0"); 1487 $("#layerbox2").css("top", "80px"); 1488 } 1489 } 1490 1491 function TopNoticeHide(isCookie) { 1492 $(".topNotice").css("display", "none"); 1493 $("header").css("top", "0"); 1494 $(".wrap").css("margin-top", "0"); 1495 $("#layerbox2").css("top", "80px"); 1496 $("#font-list-search-bar").css("top", "80px"); 1497 $("#opened-filter").css("top", "80px"); 1498 $("#group-menu").css("top", "80px"); 1499 //resizeOpenFilter(); 1500 1501 if (isCookie.toLowerCase() == "true") { 1502 if ($.cookie('TopNoticeHide') == undefined) { 1503 $.cookie('TopNoticeHide', 'Y', { expires: 1, path: '/' }); 1504 } 1505 } 1506 event.stopPropagation(); 1507 } 1508 1509 function LanguageSelectedFlag() { 1510 sessionStorage.setItem("languageSelect", 1); 1511 } 1512 1513 function TastFactoryTopNoticeHide() { 1514 TopNoticeHide(""); 1515 $("header").css("position", "relative"); 1516 } 1517 1518 function ShoppingMallHeaderFixed() { 1519 TopNoticeShow(); 1520 $("header").css("position", "fixed"); 1521 } 1522 1523 </script>
1523 1524 1525 1526 1527</body> 1528</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.