1<!DOCTYPE html> 2<html lang="ko"> 3 4 5 6 7<head> 8 9 <!-- Google Tag Manager --> 10
10<script>
vendor: 331 bytes, lines 10-14
10(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 11 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 12 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 13 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 14 })(window,document,'script','dataLayer','
14GTM-WC7QTBBD
vendor: 3 bytes, line 14
14');
14</script>
14 15 <!-- End Google Tag Manager --> 16 17 <meta charset="UTF-8"> 18 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 19 <meta name="format-detection" content="telephone=no"> 20 <title>ë¹ì¥¬ì¼ì¤í 리 ë¸ëëë© | ë¸ëë ì ëµÂ·BX·ëì§í¸ ë¸ëë©</title> 21 22 <meta property="og:type" content="website"> 23 <meta name="title" content="ë¹ì¥¬ì¼ì¤í 리 | ë¸ëë ê²½í · ëì§í¸ ê²½í · ì¬ì©ì ê²½í ëìì¸ íì¬" /> 24 <meta name="author" content="Visual Story"> 25 <meta name="description" content="ë¹ì¥¬ì¼ì¤í 리ë ì¹ì ëì´ ë¸ëë ê²½í, ëì§í¸ ê²½í, ì¬ì©ì ê²½íì ì¤ì¬ì¼ë¡ ì ëµì ì¸ ê¸°íê³¼ ê°ê°ì ì¸ ëìì¸, 기ì 기ë°ì 구ì¶ì íµí´ ë¸ëëì ê°ì¹ë¥¼ ìì±ë ëì ëì§í¸ ê²½íì¼ë¡ íì¥í©ëë¤."> 26 <meta name="keywords" content="ë¹ì¥¬ì¼ì¤í 리, Visual Story, ê²½í ëìì¸ íì¬, ë¸ëë ê²½í, ëì§í¸ ê²½í, ì¬ì©ì ê²½í, BX, UX/UI, ë¸ëë ì ëµ, ëì§í¸ íë«í¼, ê²½í ì¤ê³"> 27 <meta property="og:title" content="ë¹ì¥¬ì¼ì¤í 리 | ì¬ì©ì ê²½í · ë¸ëë ê²½í · ëì§í¸ ê²½í ëìì¸ íì¬"> 28 <meta property="og:image" content="/uploads/seo/1b5e8dfe5a1d1570_20260423023307.png"> 29 30 <!-- íë¹ì½ --> 31 <link rel="shortcut icon" href="/img/com/favicon/favicon.ico" type="image/x-icon"> 32 <link rel="apple-touch-icon" sizes="57x57" href="/img/com/favicon/apple-icon-57x57.png"> 33 <link rel="apple-touch-icon" sizes="60x60" href="/img/com/favicon/apple-icon-60x60.png"> 34 <link rel="apple-touch-icon" sizes="72x72" href="/img/com/favicon/apple-icon-72x72.png"> 35 <link rel="apple-touch-icon" sizes="76x76" href="/img/com/favicon/apple-icon-76x76.png"> 36 <link rel="apple-touch-icon" sizes="114x114" href="/img/com/favicon/apple-icon-114x114.png"> 37 <link rel="apple-touch-icon" sizes="120x120" href="/img/com/favicon/apple-icon-120x120.png"> 38 <link rel="apple-touch-icon" sizes="144x144" href="/img/com/favicon/apple-icon-144x144.png"> 39 <link rel="apple-touch-icon" sizes="152x152" href="/img/com/favicon/apple-icon-152x152.png"> 40 <link rel="apple-touch-icon" sizes="180x180" href="/img/com/favicon/apple-icon-180x180.png"> 41 <link rel="icon" type="image/png" sizes="192x192" href="/img/com/favicon/android-icon-192x192.png"> 42 <link rel="icon" type="image/png" sizes="32x32" href="/img/com/favicon/favicon-32x32.png"> 43 <link rel="icon" type="image/png" sizes="96x96" href="/img/com/favicon/favicon-96x96.png"> 44 <link rel="icon" type="image/png" sizes="16x16" href="/img/com/favicon/favicon-16x16.png"> 45 46 47 <!-- ë¼ì´ë¸ë¬ë¦¬ --> 48 <link rel="stylesheet" href="/_common/css/swiper-bundle.min.css"> 49 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/lenis.css"> 50 51 52
52<script src="/_common/js/jquery.min.js"></script>
52 53
53<script src="/_common/js/swiper-bundle.min.js"></script>
53 54
54<script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
54 55
55<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
55 56
56<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
56 57
57<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/SplitText.min.js"></script>
57 58
58<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
58 59 60 61 <!-- ìì --> 62 <link rel="stylesheet" href="/_common/css/reset.css"> 63 <link rel="stylesheet" href="/_common/css/common.css?var=20261006153601"> 64 <link rel="stylesheet" href="/_common/css/style.css?var=20261006153601"> 65 66
66<script src="/_common/js/script.js?var=20261006153601"></script>
66 67 68 69 70 71</head> 72 73<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 73-74
73 74<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
74GTM-WC7QTBBD
vendor: 83 bytes, lines 74-75
74" 75height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
76<!-- End Google Tag Manager (noscript) --> 77 78<body> 79 <!-- s:visualstory --> 80 <div id="wrap"> 81 82 <div id="cursor"><span></span></div> 83 84<header id="header"> 85 <div class="inner"> 86 <div class="logo"><a href="/main/"><img src="/img/com/logo.svg" alt="visualstory"></a></div> 87 <div class="gnb-box active"> 88 <div class="gnb-pc-box"> 89 <!-- <div><a href="/_common/inc/download.php?file=brochure.pdf" target="_blank" class="btn-point size-s"><div class="text-wrap"><span>brochure</span></div></a></div> --> 90 <div class="gnb-nav"> 91 <nav> 92 <ul> 93 <li><a href="/about/about.php" class="btn-textbg"><span>about</span></a></li> 94 <li><a href="/portfolio/list.php" class="btn-textbg"><span>portfolio</span></a></li> 95 <li><a href="/board/list.php" class="btn-textbg"><span>board</span></a></li> 96 <li><a href="/contact/contact.php" class="btn-textbg"><span>contact</span></a></li> 97 </ul> 98 </nav> 99 </div> 100 </div> 101 <div class="gnb-mo-box"></div> 102 <div class="gnb-btn"><span></span></div> 103 </div> 104 </div> 105</header> 106 107<!--³×À̹ö ¾Ö³Î¸®Æ½½º-->
108<script type="text/javascript" src="//wcs.pstatic.net/wcslog.js"></script>
vendor: 1 bytes, line 108
108
109<script type="text/javascript"> 110if(!wcs_add) var wcs_add = {}; 111wcs_add["wa"] = "c8311bf421b9d8"; 112if(window.wcs) { 113 wcs_do(); 114} 115</script>
115 116<!--³×À̹ö ¾Ö³Î¸®Æ½½º--> 117<link rel="stylesheet" href="/_common/css/index.css?var=20261006153601">
118<script src="/_common/js/index.js?var=20261006153601"></script>
118 119 120<main id="contents" class="main"> 121 122 <div class="panel-box"> 123 <section class="hero"> 124 <div class="tb-text-container"> 125 <div class="tb-container-bg"></div> 126 <div class="tb-text-box"> 127 <svg viewBox="0 0 1920 125" fill="none" xmlns="http://www.w3.org/2000/svg"> 128 <path d="M1804.9 122.697V72.6549L1810.98 92.7554L1756.18 2.30317H1791.25L1831.56 68.6767H1813.29L1853.61 2.30317H1887L1831.98 92.7554L1838.07 72.6549V122.697H1804.9Z" fill="white"/> 129 <path d="M1641.57 122.697V2.30317H1696.58C1707.78 2.30317 1717.37 4.1178 1725.35 7.74706C1733.47 11.2367 1739.77 16.2619 1744.25 22.8224C1748.73 29.383 1750.97 37.3395 1750.97 46.6918C1750.97 55.7649 1748.73 63.5818 1744.25 70.1424C1739.77 76.703 1733.47 81.7281 1725.35 85.2178C1717.37 88.7074 1707.78 90.4523 1696.58 90.4523H1659.84L1674.75 76.4238V122.697H1641.57ZM1717.58 122.697L1687.13 78.9363H1722.41L1753.28 122.697H1717.58ZM1674.75 80.1926L1662.57 65.3266H1694.27C1701.97 65.3266 1707.78 63.7214 1711.7 60.5109C1715.62 57.1608 1717.58 52.5544 1717.58 46.6918C1717.58 40.6895 1715.62 36.0832 1711.7 32.8727C1707.78 29.6622 1701.97 28.0569 1694.27 28.0569H1662.57L1674.75 13.191V80.1926Z" fill="white"/> 130 <path d="M1550.26 125C1537.24 125 1525.62 122.348 1515.4 117.044C1505.18 111.6 1497.13 104.132 1491.25 94.6399C1485.37 85.148 1482.43 74.3998 1482.43 62.3953C1482.43 50.3908 1485.37 39.7125 1491.25 30.3601C1497.13 21.0078 1505.18 13.6097 1515.4 8.16582C1525.62 2.72194 1537.24 0 1550.26 0C1563.28 0 1574.9 2.72194 1585.12 8.16582C1595.34 13.6097 1603.39 21.0078 1609.27 30.3601C1615.15 39.7125 1618.09 50.3908 1618.09 62.3953C1618.09 74.3998 1615.15 85.148 1609.27 94.6399C1603.39 104.132 1595.34 111.6 1585.12 117.044C1574.9 122.348 1563.28 125 1550.26 125ZM1550.26 97.99C1556.98 97.99 1562.86 96.5243 1567.9 93.593C1573.08 90.5221 1577.14 86.2647 1580.08 80.8208C1583.02 75.3769 1584.49 69.3049 1584.49 62.6047C1584.49 55.6254 1583.02 49.4835 1580.08 44.1792C1577.14 38.8749 1573.08 34.6873 1567.9 31.6164C1562.86 28.5455 1556.98 27.0101 1550.26 27.0101C1543.68 27.0101 1537.8 28.5455 1532.62 31.6164C1527.44 34.6873 1523.31 38.8749 1520.23 44.1792C1517.29 49.4835 1515.82 55.5556 1515.82 62.3953C1515.82 69.2351 1517.29 75.3769 1520.23 80.8208C1523.31 86.2647 1527.44 90.5221 1532.62 93.593C1537.8 96.5243 1543.68 97.99 1550.26 97.99Z" fill="white"/> 131 <path d="M1405.04 122.697V28.0569H1367.03V2.30317H1476.23V28.0569H1438.22V122.697H1405.04Z" fill="white"/> 132 <path d="M1363.46 86.0553C1363.46 93.593 1361.29 100.293 1356.95 106.156C1352.75 112.018 1346.59 116.625 1338.47 119.975C1330.49 123.325 1320.62 125 1308.86 125C1299.2 125 1289.69 123.814 1280.31 121.441C1271.07 119.068 1263.58 115.927 1257.84 112.018L1269.39 87.5209C1274.85 91.1502 1281.22 94.0117 1288.5 96.1055C1295.78 98.1993 1303.19 99.2462 1310.75 99.2462C1318.17 99.2462 1323.35 98.1993 1326.29 96.1055C1329.23 94.0117 133
1320.7 91.569 1330.7 88.7772C1330.7 85.9855 1329.37 83.7521 1326.71 82.0771C1324.19 80.402 1320.83 79.0759 1316.63 78.0988C1312.57 76.9821 1308.02 75.9352 1302.98 74.9581C1298.08 73.981 1293.12 72.7247 1288.08 71.1893C1283.18 69.6538 1278.63 67.6298 1274.43 65.1173C1270.37 62.4651 1267.01 59.0452 1264.35 54.8576C1261.83 50.5304 1260.57 45.1563 1260.57 38.7353C1260.57 31.1977 1262.74 24.5673 1267.08 18.8442C1271.56 12.9816 1277.86 8.3752 1285.98 5.02512C1294.1 1.67504 1303.75 0 1314.95 0C1322.51 0 1330.21 0.837522 1338.05 2.51257C1345.89 4.1876 1352.75 6.83975 1358.63 10.469L1347.92 34.9665C1342.46 31.6164 1336.79 29.2434 1330.91 27.8476C1325.17 26.4517 1319.43 25.7538 1313.69 25.7538C1306.69 25.7538 1301.58 26.8007 1298.36 28.8945C1295.15 30.9883 1293.54 33.6404 1293.54 36.8509C1293.54 39.6427 1294.8 41.876 1297.31 43.5511C1299.83 45.2261 1303.12 46.622 1307.18 47.7387C1311.38 48.7158 1316 49.6929 1321.04 50.67C1326.08 51.6471 1331.05 52.9034 1335.95 54.4389C1340.85 55.8347 1345.4 57.7889 1349.6 60.3015C1353.8 62.8141 1357.16 66.1642 1359.68 70.3518C1362.2 74.3998 1363.46 79.6343 1363.46 86.0553Z" fill="white"/> 133 <path d="M1117.29 49.6231H1175.66V73.7018H1117.29V49.6231ZM1120.65 97.3618H1185.11V122.697H1087.89V2.30317H1182.8V27.6382H1120.65V97.3618Z" fill="white"/> 134 <path d="M940.035 122.697V2.30317H973.213V48.3668H1022.35V2.30317H1055.53V122.697H1022.35V74.9581H973.213V122.697H940.035Z" fill="white"/> 135 <path d="M851.772 122.697V28.0569H813.765V2.30317H922.958V28.0569H884.951V122.697H851.772Z" fill="white"/> 136 <path d="M621.771 122.697V2.30317H649.07L717.106 83.7521H704.717V2.30317H737.265V122.697H709.967L641.72 41.2479H654.32V122.697H621.771Z" fill="white"/> 137 <path d="M592.965 109.715C588.485 112.926 583.445 115.717 577.845 118.09C572.386 120.324 566.646 121.999 560.626 123.116C554.747 124.372 548.937 125 543.197 125C529.758 125 517.859 122.348 507.499 117.044C497.14 111.6 489.02 104.132 483.141 94.6399C477.401 85.148 474.531 74.4696 474.531 62.6047C474.531 50.4606 477.471 39.7125 483.351 30.3601C489.23 21.0078 497.35 13.6097 507.709 8.16582C518.069 2.72194 529.828 0 542.987 0C554.747 0 564.966 1.81463 573.646 5.44389C582.465 8.93356 589.815 14.3077 595.694 21.5662L573.856 41.0385C569.796 36.2926 565.176 32.8029 559.996 30.5695C554.957 28.1965 549.427 27.0101 543.407 27.0101C536.548 27.0101 530.458 28.5455 525.138 31.6164C519.819 34.5477 515.619 38.6655 512.539 43.9698C509.459 49.2741 507.919 55.4858 507.919 62.6047C507.919 69.4445 509.459 75.5863 512.539 81.0301C515.619 86.3344 519.819 90.5221 525.138 93.593C530.458 96.5243 536.688 97.99 543.827 97.99C549.707 97.99 555.027 97.0826 559.786 95.268C564.686 93.4534 569.516 90.7314 574.276 87.1022L592.965 109.715ZM562.726 110.134V60.9296H592.965V109.715L562.726 110.134Z" fill="white"/> 138 <path d="M418.141 122.697V2.30317H451.319V122.697H418.141Z" fill="white"/> 139 <path d="M397.188 86.0553C397.188 93.593 395.018 100.293 390.678 106.156C386.478 112.018 380.319 116.625 372.199 119.975C364.219 123.325 354.35 125 342.591 125C332.931 125 323.412 123.814 314.032 121.441C304.793 119.068 297.303 115.927 291.564 112.018L303.113 87.5209C308.573 91.1502 314.942 94.0117 322.222 96.1055C329.501 98.1993 336.921 99.2462 344.481 99.2462C351.9 99.2462 357.08 98.1993 360.02 96.1055C362.959 94.0117 364.429 91.569 364.429 88.7772C364.429 85.9855 363.099 83.7521 360.44 82.0771C357.92 80.402 354.56 79.0759 350.36 78.0988C346.3 76.9821 341.751 75.9352 336.711 74.9581C331.811 73.981 326.842 72.7247 321.802 71.1893C316.902 69.6538 312.352 67.6298 308.153 65.1173C304.093 62.4651 300.733 59.0452 298.073 54.8576C295.553 50.5304 294.293 45.1563 294.293 38.7353C294.293 31.1977 296.463 24.5673 300.803 18.8442C305.283 12.9816 311.582 8.3752 319.702 5.02512C327.821 1.67504 337.481 0 348.68 0C356.24 0 363.939 0.837522 371.779 2.51257C379.619 4.1876 386.478 6.83975 392.358 10.469L381.648 34.9665C376.189 31.6164 370.519 29.2434 364.639 27.8476C358.9 26.4517 353.16 25.7538 347.42 25.7538C340.421 25.7538 335.311 26.8007 332.091 28.8945C328.871 30.9883 327.262 33.6404 327.262 36.8509C327.262 39.6427 328.521 41.876 331.041 43.5511C333.561 45.2261 336.851 46.622 340.911 47.7387C345.11 48.7158 349.73 49.6929 354.77 50.67C359.81 51.6471 364.779 52.9034 369.679 54.4389C374.579 55.8347 379.129 57.7889 383.328 60.3015C387.528 62.8141 390.888 66.1642 393.408 70.3518C395.928 74.3998 397.188 79.6343 397.188 86.0553Z" fill="white"/> 140 <path d="M210.481 49.6231H268.858V73.7018H210.481V49.6231ZM213.841 97.3618H278.308V122.697H181.083V2.30317H275.998V27.6382H213.841V97.3618Z" fill="white"/> 141 <path d="M32 122.697V2.30317H88.9068C102.766 2.30317 114.805 4.74594
141125.025 9.63148C135.384 14.517 143.364 21.4964 148.963 30.5695C154.703 39.5031 157.573 50.1815 157.573 62.6047C157.573 74.8883 154.703 85.5667 148.963 94.6399C143.364 103.573 135.384 110.483 125.025 115.368C114.805 120.254 102.766 122.697 88.9068 122.697H32ZM65.1781 96.7337H87.8569C95.2764 96.7337 101.646 95.4076 106.966 92.7554C112.425 90.1033 116.625 86.2647 119.565 81.2395C122.505 76.0748 123.975 69.8632 123.975 62.6047C123.975 55.2066 122.505 48.995 119.565 43.9698C116.625 38.8051 112.425 34.8967 106.966 32.2446C101.646 29.5924 95.2764 28.2663 87.8569 28.2663H65.1781V96.7337Z" fill="white"/> 142 </svg> 143 <svg viewBox="0 0 1920 125" fill="none" xmlns="http://www.w3.org/2000/svg"> 144 <path d="M1828.37 49.5085H1884V72.6655H1828.37V49.5085ZM1831.57 95.4198H1893V119.785H1800.35V4H1890.8V28.3652H1831.57V95.4198Z" fill="white"/> 145 <path d="M1716.4 122C1705.06 122 1695.33 119.919 1687.19 115.758C1679.05 111.596 1672.78 105.622 1668.38 97.8362C1664.11 89.9158 1661.98 80.5859 1661.98 69.8464V4H1693.59V68.8396C1693.59 77.8339 1695.59 84.6132 1699.6 89.1775C1703.6 93.7417 1709.33 96.0239 1716.8 96.0239C1724.27 96.0239 1729.94 93.7417 1733.81 89.1775C1737.68 84.6132 1739.62 77.8339 1739.62 68.8396V4H1770.83V69.8464C1770.83 80.5859 1768.7 89.9158 1764.43 97.8362C1760.16 105.622 1753.96 111.596 1745.82 115.758C1737.68 119.919 1727.88 122 1716.4 122Z" fill="white"/> 146 <path d="M1560 119.785V4H1591.62V95.0171H1647.85V119.785H1560Z" fill="white"/> 147 <path d="M1411.67 119.785L1463.3 4H1494.52L1546.34 119.785H1515.13L1473.7 19.3038H1484.31L1442.29 119.785H1411.67ZM1439.89 96.8294L1448.09 73.8737H1504.92L1513.12 96.8294H1439.89Z" fill="white"/> 148 <path d="M1340.57 119.785L1290.54 4H1324.16L1366.58 105.689H1347.17L1390.39 4H1421.81L1371.78 119.785H1340.57Z" fill="white"/> 149 <path d="M1162.42 49.5085H1218.04V72.6655H1162.42V49.5085ZM1165.62 95.4198H1227.05V119.785H1134.4V4H1224.85V28.3652H1165.62V95.4198Z" fill="white"/> 150 <path d="M993.513 119.785V4H1025.13V48.3003H1071.95V4H1103.57V119.785H1071.95V73.8737H1025.13V119.785H993.513Z" fill="white"/> 151 <path d="M909.407 119.785V28.7679H873.189V4H977.24V28.7679H941.023V119.785H909.407Z" fill="white"/> 152 <path d="M743.461 49.5085H799.088V72.6655H743.461V49.5085ZM746.662 95.4198H808.092V119.785H715.447V4H805.891V28.3652H746.662V95.4198Z" fill="white"/> 153 <path d="M631.341 119.785V28.7679H595.123V4H699.174V28.7679H662.956V119.785H631.341Z" fill="white"/> 154 <path d="M468.438 119.785L520.063 4H551.279L603.104 119.785H571.889L530.468 19.3038H541.074L499.053 119.785H468.438ZM496.652 96.8294L504.856 73.8737H561.684L569.888 96.8294H496.652Z" fill="white"/> 155 <path d="M397.333 119.785L347.308 4H380.925L423.345 105.689H403.936L447.157 4H478.573L428.548 119.785H397.333Z" fill="white"/> 156 <path d="M276.63 49.5085H332.257V72.6655H276.63V49.5085ZM279.831 95.4198H341.262V119.785H248.616V4H339.061V28.3652H279.831V95.4198Z" fill="white"/> 157 <path d="M143.682 119.785V4H175.297V95.0171H231.525V119.785H143.682Z" fill="white"/> 158 <path d="M56.0138 49.5085H111.641V72.6655H56.0138V49.5085ZM59.2153 95.4198H120.645V119.785H28V4H118.444V28.3652H59.2153V95.4198Z" fill="white"/> 159 </svg> 160 </div> 161 </div> 162 <div class="center-text-container"> 163 <h1 class="center-text-box"> 164 <svg viewBox="0 0 1515 160" fill="none" aria-label="visualstory" xmlns="http://www.w3.org/2000/svg"> 165 <path fill-rule="evenodd" clip-rule="evenodd" d="M1147.17 0C1160.85 0.000134286 1173.19 3.09264 1184.19 9.27632C1195.23 15.4612 1204 24.5092 1210.46 36.4227C1216.93 48.3365 1220.16 62.8644 1220.16 80C1220.16 97.1356 1216.93 111.663 1210.46 123.577C1204 135.491 1195.23 144.539 1184.19 150.724C1173.19 156.907 1160.85 160 1147.
16517 160C1133.44 160 1121.07 156.885 1110.08 150.65C1099.08 144.414 1090.35 135.358 1083.88 123.495C1077.47 111.582 1074.26 97.0833 1074.26 80C1074.26 62.8644 1077.47 48.3365 1083.88 36.4227C1090.35 24.51 1099.08 15.4611 1110.08 9.27632C1121.07 3.09127 1133.44 0 1147.17 0ZM1147.17 33.0016C1139.86 33.0016 1133.57 34.8055 1128.29 38.4046C1123.02 42.0034 1118.96 47.2986 1116.13 54.2928C1113.34 61.289 1111.95 69.8606 1111.95 80C1111.95 90.1394 1113.34 98.711 1116.13 105.707C1118.96 112.701 1123.02 117.997 1128.29 121.595C1133.57 125.195 1139.86 126.998 1147.17 126.998C1154.54 126.998 1160.83 125.195 1166.05 121.595C1171.33 117.996 1175.36 112.702 1178.14 105.707C1180.98 98.711 1182.4 90.1394 1182.4 80C1182.4 69.8606 1180.98 61.289 1178.14 54.2928C1175.36 47.2983 1171.33 42.0035 1166.05 38.4046C1160.83 34.8053 1154.54 33.0018 1147.17 33.0016Z" fill="#FF5635"/> 166 <path d="M288.304 0C300.145 0 310.42 2.05331 319.126 6.15954C327.883 10.2153 334.676 15.9219 339.502 23.273C344.327 30.6235 346.792 39.142 346.892 48.824H311.515C311.018 43.2473 308.805 38.9067 304.874 35.8141C300.993 32.6715 295.443 31.102 288.23 31.102C283.454 31.102 279.471 31.7343 276.287 33.0016C273.105 34.2685 270.72 36.0195 269.128 38.2484C267.536 40.4283 266.712 42.9422 266.662 45.7812C266.563 48.1124 267.007 50.167 268.002 51.9408C2
16669.046 53.7146 270.542 55.2845 272.481 56.653C274.471 57.971 276.863 59.1341 279.649 60.148C282.435 61.162 285.569 62.052 289.052 62.8125L302.186 65.8553C309.748 67.5281 316.413 69.7614 322.184 72.5493C328.005 75.3375 332.884 78.6555 336.815 82.5082C340.794 86.3607 343.808 90.7959 345.848 95.8141C347.887 100.833 348.929 106.463 348.979 112.697C348.93 122.533 346.49 130.979 341.664 138.026C336.838 145.071 329.898 150.468 320.844 154.219C311.839 157.97 300.967 159.852 288.23 159.852C275.443 159.852 264.296 157.892 254.793 153.988C245.294 150.085 237.907 144.157 232.634 136.201C227.36 128.242 224.646 118.177 224.497 106.012H259.873C260.172 111.028 261.489 115.208 263.826 118.553C266.164 121.898 269.373 124.436 273.451 126.16C277.581 127.883 282.363 128.742 287.786 128.742C292.759 128.741 296.987 128.062 300.468 126.694C304.001 125.325 306.715 123.42 308.606 120.987C310.495 118.554 311.466 115.766 311.515 112.623C311.466 109.684 310.568 107.177 308.828 105.099C307.086 102.969 304.396 101.143 300.764 99.6217C297.183 98.0507 292.608 96.6055 287.038 95.2878L271.068 91.4803C257.833 88.3877 247.405 83.3997 239.793 76.5049C232.181 69.5594 228.4 60.1759 228.45 48.3635C228.401 38.7326 230.938 30.2916 236.061 23.0428C241.186 15.7934 248.279 10.1412 257.333 6.08553C266.388 2.02992 276.712 0.000165611 288.304 0Z" fill="#FF5635"/> 167 <path d="M404.584 99.3174C404.584 104.689 405.732 109.478 408.019 113.684C410.358 117.892 413.621 121.195 417.8 123.577C421.979 125.958 426.828 127.146 432.349 127.146C437.871 127.146 442.702 125.96 446.831 123.577C451.01 121.195 454.266 117.892 456.604 113.684C458.941 109.478 460.114 104.689 460.114 99.3174V2.12993H496.978V102.582C496.978 114.192 494.264 124.309 488.841 132.928C483.418 141.495 475.856 148.139 466.155 152.854C456.454 157.517 445.184 159.852 432.349 159.852C419.365 159.852 408.022 157.517 398.32 152.854C388.619 148.139 381.082 141.495 375.709 132.928C370.335 124.309 367.646 114.192 367.646 102.582V2.12993H404.584V99.3174Z" fill="#FF5635"/> 168 <path d="M861.319 0C873.16 0 883.435 2.05331 892.142 6.15954C900.899 10.2153 907.692 15.9219 912.518 23.273C917.343 30.6235 919.808 39.142 919.907 48.824H884.531C884.033 43.2473 881.82 38.9067 877.89 35.8141C874.009 32.6715 868.459 31.102 861.245 31.102C856.469 31.102 852.487 31.7343 849.303 33.0016C846.121 34.2685 843.735 36.0195 842.143 38.2484C840.551 40.4283 839.727 42.9422 839.678 45.7812C839.578 48.1124 840.023 50.167 841.017 51.9408C842.062 53.7146 843.557 55.2845 845.497 56.653C847.487 57.971 849.878 59.1341 852.664 60.148C855.45 61.162 858.585 62.052 862.067 62.8125L875.202 65.8553C882.764 67.5281 889.429 69.7614 895.2 72.5493C901.021 75.3375 905.9 78.6555 909.83 82.5082C913.81 86.3607 916.823 90.7959 918.863 95.8141C920.903 100.833 921.945 106.463 921.995 112.697C921.945 122.533 919.506 130.979 914.68 138.026C909.854 145.071 902.913 150.468 893.86 154.219C884.855 157.97 873.982 159.852 861.245 159.852C848.459 159.852 837.311 157.892 827.809 153.988C818.309 150.085 810.922 144.157 805.649 136.201C800.376 128.242 797.662 118.177 797.512 106.012H832.888C833.187 111.028 834.505 115.208 836.842 118.553C839.18 121.898 842.388 124.436 846.467 126.16C850.596 127.883 855.378 128.742 860.801 128.742C865.775 128.741 870.002 128.062 873.484 126.694C877.016 125.325 879.731 123.42 881.621 120.987C883.511 118.554 884.481 115.766 884.531 112.623C884.481 109.684 883.583 107.177 881.843 105.099C880.102 102.969 877.412 101.143 873.78 99.6217C870.198 98.0508 865.624 96.6055 860.054 95.2878L844.083 91.4803C830.849 88.3877 820.421 83.3997 812.808 76.5049C805.196 69.5594 801.416 60.1759 801.466 48.3635C801.416 38.7326 803.953 30.2916 809.077 23.0428C814.201 15.7934 821.294 10.1412 830.349 6.08553C839.403 2.02992 849.727 0.000161872 861.319 0Z" fill="#FF5635"/> 169 <path d="M75.5281 116.201H76.7939L110.978 2.12993H152.322L100.753 157.87H51.5685L0 2.12993H41.3436L75.5281 116.201Z" fill="#FF5635"/> 170 <path d="M205.715 157.87H168.777V2.12993H205.715V157.87Z" fill="#FF5635"/> 171 <path fill-rule="evenodd" clip-rule="evenodd" d="M665.813 157.87H626.105L616.028 125.173H563.243L553.19 157.87H513.491L565.059 2.12993H614.244L665.813 157.87ZM572.037 96.5789H607.225L590.211 41.3651H589.019L572.037 96.5789Z" fill="#FF5635"/>
172 <path d="M719.206 127.303H782.791V157.87H682.268V2.12993H719.206V127.303Z" fill="#FF5635"/> 173 <path d="M1064.83 32.6974H1018.48V157.87H982.07V32.6974H935.647V2.12993H1064.83V32.6974Z" fill="#FF5635"/> 174 <path fill-rule="evenodd" clip-rule="evenodd" d="M1304.86 2.12993C1316.31 2.12993 1326.19 4.23036 1334.49 8.4375C1342.85 12.5947 1349.3 18.5825 1353.83 26.3898C1358.35 34.145 1360.61 43.3448 1360.61 53.9885C1360.61 64.7864 1358.3 73.9677 1353.68 81.5214C1349.08 88.971 1342.57 94.6589 1334.15 98.6102L1365.84 157.87H1325.54L1297.6 104.564H1278.67V157.87H1241.73V2.12993H1304.86ZM1278.67 74.9013H1296.88C1302.45 74.9013 1307.11 74.1675 1310.84 72.6974C1314.62 71.1765 1317.48 68.8965 1319.42 65.8553C1321.36 62.7628 1322.33 58.8046 1322.33 53.9885C1322.33 49.175 1321.36 45.198 1319.42 42.0559C1317.48 38.862 1314.62 36.4729 1310.84 34.9013C1307.06 33.2791 1302.4 32.4754 1296.88 32.4753H1278.67V74.9013Z" fill="#FF5635"/> 175 <path d="M1440.07 67.3026H1441.41L1473.73 2.12993H1515L1459.1 105.855V157.87H1422.38V105.855L1366.48 2.12993H1407.75L1440.07 67.3026Z" fill="#FF5635"/> 176 </svg> 177 </h1> 178 </div> 179 </section> 180 181 <section class="portfolio" > 182 <div class="pin-box"> 183 <div class="grid-layout-box"> 184 <ul class="pf-list"></ul> 185 </div> 186 <div class="center-text-box"> 187 <div class="inner-box"> 188 <h2 class="title ani-text-raise"> 189 <div class="line"><span class="text-over">WE DESIGN</span></div> 190 <div class="line"><span class="text-over">EXPERIENCES</span></div> 191 </h2> 192 <p class="desc gsap-split font-ko ani-text-raise" data-split="lines, words"> 193 ë¹ ë¥´ê² ë³íë ëì§í¸ íê²½ìì ë¸ëëê° ì ì§í´ì¼ í <br> ê²½í 구조를 ì ìíê³ ì§ì ê°ë¥í ë°©ìì¼ë¡ ì¤ê³í©ëë¤. 194 </p> 195 <div class="btn-box"><a href="/portfolio/list.php" class="btn-point size-m"><div class="text-wrap"><span>view full portfolio</span></div></a></div> 196 </div> 197 </div> 198 </div> 199 200 <div class="fixed-layer"> 201<div class="portfolio-list-box"> 202 <div class="wrapper"> 203 <ul class="portfolio-list"> 204 <li class="portfoli-item" > 205 <a href="/portfolio/view.php?id=3" 206 class="pf-img-box " 207 data-locked="false" 208 data-cursor="hover1" 209 data-text="VIEW MORE"> 210 211 <img src="/uploads/portfolio/e963ce8fb812553f_20260414020549.jpg" alt="Skylife"> 212 </a> 213 <div class="text-box"> 214 <div class="en line"><span class="text-over">Experience Design</span></div> 215 <div class="ko line"><span class="text-over">Skylife</span></div> 216 </div> 217 </li> 218 <li class="portfoli-item" > 219 <a href="/portfolio/view.php?id=18" 220 class="pf-img-box " 221 data-locked="false" 222 data-cursor="hover1" 223 data-text="VIEW MORE"> 224 225 <img src="/uploads/portfolio/6b15f343cedeb3a2_20260420072645.jpg" alt="FRUITTE"> 226 </a> 227 <div class="text-box"> 228 <div class="en line"><span class="text-over">Brand Strategy & Identity</span></div> 229 <div class="ko line"><span class="text-over">FRUITTE</span></div> 230 </div> 231 </li> 232 <li class="portfoli-item" > 233 <a href="/portfolio/view.php?id=9" 234 class="pf-img-box " 235 data-locked="false" 236 data-cursor="hover1" 237 data-text="VIEW MORE"> 238 239 <img src="/uploads/portfolio/97ec37f5e318a1e7_20260413062826.jpg" alt="BHNBIO"> 240 </a> 241 <div class="text-box"> 242 <div class="en line"><span class="text-over">Experience Design</span></div> 243 <div class="ko line"><span class="text-over">BHNBIO</span></div> 244 </div> 245 </li> 246 <li class="portfoli-item" > 247 <a href="/portfolio/view.php?id=12" 248 class="pf-img-box " 249 data-locked="false" 250 data-cursor="hover1" 251 data-text="VIEW MORE"> 252 253 <img src="/uploads/portfolio/e30d6ee8c96c4f1a_20260420062112.png" alt="ì¤íì½ x IVE"> 254 </a> 255 <div class="text-box"> 256 <div class="en line"><span class="text-over">Experience Design</span></div> 257 <div class="ko line"><span class="text-over">ì¤íì½ x IVE</span></div> 258 </div> 259 </li> 260 <li class="portfoli-item" > 261 <a href="/portfolio/view.php?id=7" 262 class="pf-img-box " 263 data-locked="false" 264 data-cursor="hover1" 265 data-text="VIEW MORE"> 266 267 <img src="/uploads/portfolio/b285e1535784757d_20260416065511.jpg" alt="íìí¸ë"> 268 </a> 269 <div class="text-box"> 270 <div class="en line"><span class="text-over">Brand Strategy & Identity</span></div> 271 <div class="ko line"><span class="text-over">íìí¸ë</span></div> 272 </div> 273 </li> 274 <li class="portfoli-item" > 275 <a href="/portfolio/view.php?id=17" 276 class="pf-img-box " 277 data-locked="false" 278 data-cursor="hover1" 279 data-text="VIEW MORE"> 280 281 <img src="/uploads/portfolio/26569791d4aac2a6_20260420062446.jpg" alt="ì¤íì½ x MONSTA X"> 282 </a> 283 <div class="text-box"> 284 <div class="en line"><span class="text-over">Experience Design</span></div> 285 <div class="ko line"><span class="text-over">ì¤íì½ x MONSTA X</span></div> 286 </div> 287 </li> 288 <li class="portfoli-item" > 289 <a href="/portfolio/view.php?id=8" 290 class="pf-img-box " 291 data-locked="false" 292 data-cursor="hover1" 293 data-text="VIEW MORE"> 294 295 <img src="/uploads/portfolio/bae807e997664dfb_20260413062930.jpg" alt="ì¼ì±ì°ì¤í 리"> 296 </a> 297 <div class="text-box"> 298 <div class="en line"><span class="text-over">Experience Design</span></div> 299 <div class="ko line"><span class="text-over">ì¼ì±ì°ì¤í 리</span></div> 300 </div> 301 </li> 302 <li class="portfoli-item" > 303 <a href="/portfolio/view.php?id=11" 304 class="pf-img-box " 305 data-locked="false" 306 data-cursor="hover1" 307 data-text="VIEW MORE"> 308 309 <img src="/uploads/portfolio/48f7cf6f9e0df3e2_20260424013848.jpg" alt="EDISON"> 310 </a> 311 <div class="text-box"> 312 <div class="en line"><span class="text-over">Platforms & Growth</span></div> 313 <div class="ko line"><span class="text-over">EDISON</span></div> 314 </div> 315 </li> 316 <li class="portfoli-item" > 317 <a href="/portfolio/view.php?id=10" 318 class="pf-img-box " 319 data-locked="false" 320 data-cursor="hover1" 321 data-text="VIEW MORE"> 322 323 <img src="/uploads/portfolio/b25e9f945c0da679_20260424014058.jpg" alt="ë¹ íëëë©ì´ë"> 324 </a> 325 <div class="text-box"> 326 <div class="en line"><span class="text-over">Experience Design</span></div> 327 <div class="ko line"><span class="text-over">ë¹ íëëë©ì´ë</span></div> 328 </div> 329 </li> 330 </ul> 331 <div class="text-list-box"></div> 332 </div> 333</div> 334</div> 335 </section> 336 337 338 339 <section class="keyword" > 340 <div class="keywords-wrap"> 341 342 <div class="pin-box"> 343 344 <div class="words-box lr" data-dir="vert"> 345 <div class="words-pin"> 346 <h3 class="title">
347 <span class="left"><img src="/img/main/words_01_left.svg" alt="CREATORS"></span> 348 <span class="right"><img src="/img/main/words_01_right.svg" alt=""></span> 349 </h3> 350 <p>í¬ë¦¬ìì´í°ë¸ 기ë°ì¼ë¡ <span class="mobr"></span> 문ì 를 í´ê²°íë One Team</p> 351 </div> 352 </div> 353 354 <div class="words-box td" data-dir="hor"> 355 <div class="words-pin"> 356 <h3 class="title"> 357 <span class="top"><img src="/img/main/words_02.svg" alt="MOMENTUM"></span> 358 <span class="btm"><img src="/img/main/words_02.svg" alt=""></span> 359 </h3> 360 <p>ë¹ì¦ëì¤ ì±ì¥ì ì¶ì§íë <span class="mobr"></span> ë¸ëë íë«í¼ 구ì¶</p> 361 </div> 362 </div> 363 364 <div class="words-box lr" data-dir="vert"> 365 <div class="words-pin"> 366 <h3 class="title"> 367 <span class="left"><img src="/img/main/words_03_left.svg" alt="CO-GROWTH"></span> 368 <span class="right"><img src="/img/main/words_03_right.svg" alt=""></span> 369 </h3> 370 <p>ì 뢰를 ë°íì¼ë¡ í¨ê» <span class="mobr"></span> ì±ì¥íë ì¥ê¸°ì íí¸ëì</p> 371 </div> 372 </div> 373 374 <div class="words-box td" data-dir="hor"> 375 <div class="words-pin"> 376 <h3 class="title"> 377 <span class="top"><img src="/img/main/words_04.svg" alt="AUGMENTATION"></span> 378 <span class="btm"><img src="/img/main/words_04.svg" alt=""></span> 379 </h3> 380 <p>기ì ê³¼ AI를 íì©í <span class="mobr"></span> íì¥ì± ì¤ì¬ ìì¤í ì¤ê³</p> 381 </div> 382 </div> 383 384 </div> 385 386 </div> 387 </section> 388 </div> 389 390 <div class="rb-section panel-box"> 391 <section class="business"> 392 <div class="inner"> 393 394 <div class="block-box"> 395 <div class="block-line"> 396 <div class="block size-s bx"> 397 <div class="box "> 398 <div class="front"><span>BX</span></div> 399 <div class="side"> 400 <div class="side-inner"> 401 <div class="line">BX design</div> 402 <div class="line">brand strategy</div> 403 <div class="line">Brand evaluation</div> 404 </div> 405 </div> 406 </div> 407 </div> 408 <div class="block size-s ux"> 409 <div class="box "> 410 <div class="front"><span>UX</span></div> 411 <div class="side"> 412 <div class="side-inner"> 413 <div class="line">UX Design</div> 414 <div class="line">UI Design</div> 415 <div class="line">Motion Design</div> 416 <div class="line">Product Design</div> 417 </div> 418 </div> 419 </div> 420 </div> 421 </div> 422 <div class="block-line"> 423 <div class="block size-m com"> 424 <div class="box "> 425 <div class="front"><span>Communication</span></div> 426 <div class="side"> 427 <div class="side-inner"> 428 <div class="line"> 429 <span>advertisement</span> 430 <span>sns marketing</span> 431 </div> 432 <div class="line"> 433 <span>pr communication</span> 434 <span>video production</span> 435 </div> 436 </div> 437 </div> 438 </div> 439 </div> 440 </div> 441 <div class="block-line"> 442 <div class="block size-m dev"> 443 <div class="box "> 444 <div class="front"><span>Development</span></div> 445 <div class="side"> 446 <div class="side-inner"> 447 <div class="line">
448 <span>ai application</span> 449 </div> 450 <div class="line"> 451 <span>ui development</span> 452 <span>system development</span> 453 </div> 454 </div> 455 </div> 456 </div> 457 </div> 458 </div> 459 </div> 460 </div> 461 </section> 462 463 <section class="question" gsap-scrolltarget="true"> 464 <div class="inner"> 465 466 <div class="frame"> 467 <canvas id="particleBox"></canvas> 468 <div class="text-cont"> 469 <div> 470 <h2 class="title ani-text-raise"> 471 <div class="line"><span class="text-over">QUESTIONS</span></div> 472 <div class="line"><span class="text-over">LEAD DESIGN</span></div> 473 </h2> 474 <div class="desc ani-text-raise gsap-split"> 475 ì°ë¦¬ë ì§ë¬¸ìì ì¶ë°í´ ë¸ëëì ì¬ì©ìì ë§¥ë½ì í´ìíê³ ê·¸ ê³¼ì ìì ë ëì ê²½íì 기ì¤ì ì¸ìëë¤. 476 </div> 477 </div> 478 </div> 479 </div> 480 481 </div> 482 </section> 483 484 <section class="board" gsap-scrolltarget="true"> 485 486 <div class="board-wrap"> 487 <div class="top-title"> 488 <div class="inner"> 489 <h2 class="ani-text-raise"> 490 <div class="line"><span class="text-over">OUR STORY</span></div> 491 <div class="line"><span class="text-over">NOTES</span></div> 492 </h2> 493 </div> 494 </div> 495 496 <div class="carousel-box"> 497 <div class="carousel-wrapper"> 498 <div class="carousel"> 499 500 501 <article class="carousel-item"> 502 <a href="/board/view.php?id=13" 503 target="_self" 504 class="carousel-box " 505 data-locked="false" 506 data-text="VIEW MORE"> 507 508 <div class="thumb-box"><span><img src="/uploads/board/07685f320e1e235c_20260825090621.png" alt=""></span></div> 509 <div class="text-box"> 510 <h3 class="title">[ê³µì§] ë¹ì¥¬ì¼ì¤í 리 ìì¶ë°ì°ì² ìíê¸°ê´ ì ì </h3> 511 <div class="desc">í´ì¸ì§ì¶ì© ííì´ì§, ì문·ë¤êµì´ ì¹ì¬ì´í¸, ê¸ë¡ë² ëë©íì´ì§, ì¨ë¼ì¸ ì¼í몰 êµ¬ì¶ ë± ìì¶ê¸°ì ì ëì§í¸ ì±ë 구ì¶ì ì§ìí©ëë¤.</div> 512 <div class="date">2026·08·25</div> 513 </div> 514 </a> 515</article> 516<article class="carousel-item"> 517 <a href="/board/view.php?id=12" 518 target="_self" 519 class="carousel-box " 520 data-locked="false" 521 data-text="VIEW MORE"> 522 523 <div class="thumb-box"><span><img src="/uploads/board/72864de8cfb21445_20260702034337.png" alt=""></span></div> 524 <div class="text-box"> 525 <h3 class="title">AI ìë, ê²½í ëìì¸ ìì´ì ìì ìí </h3> 526 <div class="desc">ê²½í ëìì¸ íì¬, ëì§í¸ ìì´ì ì, 컨ì¤í´ì. AIê° ì ìì ìë를 ë°ê¾¸ë ìëì ìì´ì ìê° ì¬ì í íìí ì´ì ì ìì¼ë¡ì ìí ì ì´ì¼ê¸°í©ëë¤.</div> 527 <div class="date">2026·07·02</div> 528 </div> 529 </a> 530</article> 531<article class="carousel-item"> 532 <a href="/board/view.php?id=4" 533 target="_self" 534 class="carousel-box " 535 data-locked="false" 536 data-text="VIEW MORE"> 537 538 <div class="thumb-box"><span><img src="/uploads/board/0a2c4479848ede45_20260410095048.png" alt=""></span></div> 539 <div class="text-box"> 540 <h3 class="title">[ë¸ëë© íë¡ì í¸] ëì¬ì ë ë, ì¤ëë í룻í´</h3> 541 <div class="desc">íí¸íë ëì´ ì²´íì íëë¡ ë¬¶ì íë£¨ë¼ ë¸ëë© ì¤í 리</div> 542 <div class="date">2026·05·27</div> 543 </div> 544 </a> 545</article> 546<article class="carousel-item"> 547 <a href="/board/view.php?id=9" 548 target="_self" 549 class="carousel-box " 550 data-locked="false" 551 data-text="VIEW MORE"> 552 553 <div class="thumb-box"><span><img src="/uploads/board/096e9586cd7e2a6d_20260526101231.png" alt=""></span></div> 554 <div class="text-box"> 555 <h3 class="title">[ë¸ëë© íë¡ì í¸] ê¸ìì ì²´ìì 기ì ìì ì´ì íí¸ëë¡</h3> 556 <div class="desc">ê¸ìì ì²´ìì 기ì ìì ì´ì íí¸ëë¡. íìí¸ëì ì±ì¥ ê³¼ì ìì í¬ì§ì ëì´ ì´ë»ê² ê³ ê°ì ì í 기ì¤ì ë°ê¿¨ëì§ ì 리í ë¸ëë ì ëµ ì¬ë¡ì ëë¤.</div> 557 <div class="date">2026·05·26</div> 558 </div> 559 </a> 560</article> 561<article class="carousel-item"> 562 <a href="/board/view.php?id=5" 563 target="_self" 564 class="carousel-box " 565 data-locked="false" 566 data-text="VIEW MORE"> 567 568 <div class="thumb-box"><span><img src="/uploads/board/c62a8e4e9ed8ae61_20260422023210.png" alt=""></span></div> 569 <div class="text-box"> 570 <h3 class="title">[ëì§í¸ íë¡ì í¸] Skylifeì¼í+ 리모컨 ì¤ì¬ì ì¼íê²½í 구ì¶</h3> 571 <div class="desc">리모컨ì íê³ë¥¼ ëë TV-to-Mobile ì»¤ë¨¸ì¤ ì ëµ</div> 572 <div class="date">2026·05·09</div> 573 </div> 574 </a> 575</article> 576 577 578 </div> 579 </div> 580 </div> 581 582 <div class="btn-box"> 583 <div class="inner"> 584 <a href="/board/list.php" data-cursor="hover1" data-text="VIEW MORE">
585 <span>VIEW <br>FULL BOARD </span> 586 <i> 587 <svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"> 588 <line y1="40" x2="70" y2="40" stroke="#010101" stroke-width="10"/> 589 <path d="M41.2842 12L69.5685 40.2843L41.2842 68.5685" stroke="#010101" stroke-width="10"/> 590 </svg> 591 </i> 592 </a> 593 </div> 594 </div> 595 596 </div> 597 598 </section> 599 </div> 600</main> 601 602<!-- íì --> 603
604<script> 605 function setCookie(name, value, days) { 606 var expires = ""; 607 if (days) { 608 var date = new Date(); 609 date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 610 expires = "; expires=" + date.toUTCString(); 611 } 612 document.cookie = name + "=" + (value || "") + expires + "; path=/"; 613 } 614 615 function getCookie(name) { 616 var nameEQ = name + "="; 617 var ca = document.cookie.split(';'); 618 for (var i = 0; i < ca.length; i++) { 619 var c = ca[i]; 620 while (c.charAt(0) == ' ') c = c.substring(1, c.length); 621 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); 622 } 623 return null; 624 } 625 626 function popupClose(id) { 627 let popup = $(`#vspopup-${id}`); 628 if(popup.find('input[type="checkbox"]').is(':checked')){ 629 setCookie('vspopup-' + id, '1', 1); 630 } 631 $(`#vspopup-${id}`).fadeOut(); 632 } 633 634 $(function() { 635 636 $('.main-popup').each(function() { 637 var popupId = $(this).attr('id').split('-')[1]; 638 if (!getCookie('vspopup-' + popupId)) { 639 $(this).show(); 640 } 641 642 $(this).find('button').on('click',function(){ 643 popupClose(popupId) 644 }) 645 }); 646 }) 647</script>
647 648 649<div class="floating-wrap"> 650 <div class="floating-box"> 651 <ul> 652 <li><a href="javascript:void(0);" class="top"> 653 <i class="icon"> 654 <svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 655 <path d="M14.092 3.96725C14.4495 3.19266 15.5505 3.19266 15.908 3.96725L25.5823 24.9283C25.9998 25.8328 24.9823 26.7249 24.1401 26.1927L15.5342 20.7543C15.208 20.5481 14.7921 20.5481 14.4658 20.7543L5.85987 26.1927C5.0177 26.7249 4.00022 25.8329 4.4177 24.9283L14.092 3.96725Z" fill="#010101"/> 656 </svg> 657 </i> 658 </a></li> 659 <li><a href="/contact/faq.php" class="faq" > 660 <p>FAQ</p> 661 </a></li> 662 <li><a href="https://blog.naver.com/visualstory_" target="_blank" title="ë¤ì´ë² ë¸ë¡ê·¸ - ìì°½ì¼ë¡ ì´ê¸°"> 663 <i class="icon"> 664 <svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" > 665 <path d="M26.9998 2H25.4795V27H26.9998V2Z" fill="#FF5635"/> 666 <path d="M12.6518 9.03418C10.8901 9.03418 9.272 9.66966 7.97357 10.7244V3.77344H4V25.2095H7.97357V23.9123C9.272 24.9671 10.8901 25.6026 12.6518 25.6026C16.932 25.6026 20.4032 21.8945 20.4032 17.3151C20.4032 12.7357 16.932 9.02763 12.6518 9.02763V9.03418ZM12.1559 22.0255C9.68958 22.0255 7.69301 19.9225 7.69301 17.3282C7.69301 14.7339 9.68958 12.6309 12.1559 12.6309C14.6223 12.6309 16.6189 14.7339 16.6189 17.3282C16.6189 19.9225 14.6223 22.0255 12.1559 22.0255Z" fill="#FF5635"/> 667 </svg> 668 </i> 669 </a></li> 670 <li><a href="https://brunch.co.kr/@830bfa34e0894d6" target="_blank" title="ë¸ë°ì¹ - ìì°½ì¼ë¡ ì´ê¸°"> 671 <i class="icon"> 672 <svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 673 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.38709 25.7138L14.0319 12.1595C16.1612 8.13262 21.2368 0.0631659 24.5042 0C24.9754 0.0175466 25.3908 0.734916 24.3611 2.94954C22.9323 6.02274 20.6965 7.63219 19.1895 8.18526C19.4164 8.50986 19.6781 9.51531 18.987 10.3154C18.7481 10.5919 18.3867 10.969 17.9545 11.4201C16.8231 12.6009 15.2064 14.2881 14.0319 16.002C12.4087 18.3708 11.5709 19.6078 11.44 20.2921C13.4908 17.9497 18.3307 13.7333 21.2839 15.6073C22.1566 16.3354 23.0485 18.6761 19.6345 22.2134C17.9677 23.775 13.0646 26.7612 7.77831 26.8174C7.37014 26.8218 6.95457 27.3722 6.87459 28.0314C6.79462 28.6907 6.67342 28.9439 5.83149 29.2694L4.46681 29.9089C4.20082 30.029 3.76598 30.1251 4.15456 29.5485L6.01653 26.3745C5.61176 26.173 4.80914 25.7235 4.8369 25.5374L5.16072 25.0491C5.37306 25.1977 5.91562 25.5387 6.38709 25.7138ZM23.4658 1.40667C23.1281 2.63726 21.5719 5.69252 18.0487 8.06883L18.2391 8.78651C18.2873 8.95517 18.2755 9.39478 17.8429 9.80389L15.5505 12.15C16.3699 10.6843 18.2665 7.44763 19.2979 6.22661C19.6442 5.81671 20.0711 5.29601 20.5195 4.74912C21.7406 3.25964 23.1211 1.57584 23.4658 1.40667ZM7.9365 26.0232C10.288 22.6434 15.8523 15.9897 19.2979 16.4136C19.6555 16.4778 20.2268 17.006 19.6519 18.6052C18.9331 20.6042 15.5072 25.397 7.9365 26.0232Z" fill="#FF5635"/> 674 </svg> 675 </i> 676 </a></li> 677 <li class="quick-mo-btn"> 678 <a href="javascript:void(0);"> 679 <i class="icon"> 680 <svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 681 <path d="M14.7279 2.27208L14.7279 27.7279M27.4558 15L2 15" stroke="#FF5635" stroke-width="2"/> 682 </svg> 683 </i> 684 </a> 685 </li> 686 </ul> 687 </div> 688</div> 689 690<footer id="footer"> 691 <div class="footer"> 692 <div class="inner"> 693 <div class="top"> 694 <a href="/contact/contact.php" data-cursor="hover2" data-text="CONTACT US"> 695 <div class="text"> 696 <span>START YOUR <br>NEXT <span class="mo-br"></span> EXPERIENCE <br>WITH US</span> 697 </div> 698 <div class="arrow"> 699 <svg viewBox="0 0 130 130" fill="none" xmlns="http://www.w3.org/2000/svg"> 700 <path d="M130 0V126.683H120.616V9.3839H3.31738V0H130Z" fill="#FF5635"/> 701 <path d="M128.625 8.00971L6.63471 130L0 123.366L121.991 1.375L128.625 8.00971Z" fill="#FF5635"/> 702 </svg> 703 </div> 704 </a> 705 </div> 706 <div class="btm"> 707 <div class="left"> 708 <address> 709 <ul class="add"> 710 <li> 711 <div class="tit">TEL</div> 712 <div class="desc">02-3141-9207</div> 713 </li> 714 <li> 715 <div class="tit">MAIL</div> 716 <div class="desc">[email protected]</div> 717 </li> 718 <li> 719 <div class="tit">ADDRESS</div> 720 <div class="desc">ìì¸ ë§í¬êµ¬ ì±ë¯¸ì°ë¡ 85 íì±ë¹ë© 3층</div> 721 </li> 722 </ul> 723 </address> 724 <p class="copyright">
724COPYRIGHT ⸠VISUALSTORY All Rights Reserveds.</p> 725 <a href="/main/index.php" class="f-logo"><img src="/img/com/logo_grayA.svg" alt="visualstory"></a> 726 </div> 727 <div class="right"> 728 <nav> 729 <ul class="fnb"> 730 <li><a href="/about/about.php" class="btn-textbg"><span>ABOUT</span></a></li> 731 <li><a href="/portfolio/list.php" class="btn-textbg"><span>PORTFOLIO</span></a></li> 732 <li><a href="/board/list.php" class="btn-textbg"><span>BOARD</span></a></li> 733 </ul> 734 </nav> 735 </div> 736 </div> 737 </div> 738 </div> 739</footer> 740 741 742 743 </div> 744 <!-- e:visualstory --> 745</body> 746</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.