-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
35 lines (35 loc) · 52.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!doctype html>
<html data-n-head-ssr>
<head>
<title>Mopsy</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta data-n-head="ssr" data-hid="description" name="description" content="mopsy&apos;s design&dev log"><meta data-n-head="ssr" property="og:url" content="mopsiology.firebaseapp.com"><meta data-n-head="ssr" property="og:title" content="Mopsiology"><meta data-n-head="ssr" property="og:description" content="Design X Technology"><meta data-n-head="ssr" property="og:image" content="https://mopsyshin.github.io/images/web-cover.jpg"><meta data-n-head="ssr" property="og:image:type" content="image/jpg"><meta data-n-head="ssr" property="og:image:width" content="400px"><meta data-n-head="ssr" property="og:image:height" content="300px"><meta data-n-head="ssr" name="apple-mobile-web-app-capable" content="yes"><link data-n-head="ssr" rel="icon" type="image/png" href="/logo_m.png"><link rel="preload" href="/_nuxt/cd04ab0.js" as="script"><link rel="preload" href="/_nuxt/36eaa18.js" as="script"><link rel="preload" href="/_nuxt/7cf8df7.js" as="script"><link rel="preload" href="/_nuxt/5767958.js" as="script"><style data-vue-ssr-id="b1f5444e:0 3191d5ad:0 20f4381e:0 58e72a6e:0 4d775594:0 d8696910:0 bac83d3c:0 cbaa4e60:0">@font-face{font-family:"Spoqa Han Sans";font-weight:700;src:local("Spoqa Han Sans Bold"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:400;src:local("Spoqa Han Sans Regular"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:300;src:local("Spoqa Han Sans Light"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:100;src:local("Spoqa Han Sans Thin"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.ttf) format("truetype")}html{font-family:"Spoqa Han Sans","Spoqa Han Sans JP",Sans-serif;font-size:16px}body{margin:0;padding:0}div{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.page-enter{opacity:0;transform:translateY(-40px)}.page-enter-active{transition:all .6s ease}.page-leave-active{opacity:0;transform:translateY(-40px);transition:all .4s}::-moz-selection{background-color:rgba(255,255,163,.5);color:#132cf5}::selection{background-color:rgba(255,255,163,.5);color:#132cf5}::-webkit-scrollbar{display:none}.container-responsive{width:100%;max-width:2268px;margin:0 auto}button:focus{outline:0}.card-list{width:100%;padding:0 4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:32px auto}@media(max-width:2268px){.container-responsive{max-width:1900px}}@media(max-width:2000px){.container-responsive{max-width:1532px}}@media(max-width:1532px){.container-responsive{max-width:1164px}}@media(max-width:1280px){.container-responsive{max-width:768px}.card-list{display:flex;justify-content:space-between;align-items:center;padding:0 20px}}.container-detail{width:100%;max-width:768px;min-height:calc(100vh - 120px);margin:0 auto 60px;padding:64px 28px 128px;font-size:16px}.container-detail .title{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:600;color:#252736;padding-bottom:36px}.container-detail .title .sub-title{font-size:16px;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .bar{background-color:rgba(0,0,0,.08);max-width:400px;width:70%;height:1px}.container-detail .body{word-break:keep-all;font-size:18px;margin-top:24px;line-height:1.8;width:100%;max-width:768px}.container-detail .body p{margin:.6em 0 .6rem;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .body p b{font-weight:700;color:rgba(37,39,54,.8)}.container-detail .body a{font-weight:400;text-decoration:none;border-radius:20px;padding:2px 16px}.container-detail .body a,.container-detail .body a:visited{color:#132cf5;background-color:rgba(0,0,0,.04)}.container-detail .body h1,.container-detail .body h2,.container-detail .body h3,.container-detail .body h4{margin:1.2em 0 .4em;color:#252736}.container-detail .body img{display:block;margin:16px auto;max-width:100%;border-radius:24px;max-height:500px}.container-detail .stack{font-size:14px}@media(max-width:420px){.container-detail{margin:0 auto;padding:32px 24px 128px}.container-detail .title{font-size:28px}.container-detail .body{font-size:15px}.container-detail .stack{font-size:13px}}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#3b8070;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}@font-face{font-family:"Spoqa Han Sans";font-weight:700;src:local("Spoqa Han Sans Bold"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:400;src:local("Spoqa Han Sans Regular"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:300;src:local("Spoqa Han Sans Light"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:100;src:local("Spoqa Han Sans Thin"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.ttf) format("truetype")}html{font-family:"Spoqa Han Sans","Spoqa Han Sans JP",Sans-serif;font-size:16px}body{margin:0;padding:0}div{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.page-enter{opacity:0;transform:translateY(-40px)}.page-enter-active{transition:all .6s ease}.page-leave-active{opacity:0;transform:translateY(-40px);transition:all .4s}::-moz-selection{background-color:rgba(255,255,163,.5);color:#132cf5}::selection{background-color:rgba(255,255,163,.5);color:#132cf5}::-webkit-scrollbar{display:none}.container-responsive{width:100%;max-width:2268px;margin:0 auto}button:focus{outline:0}.card-list{width:100%;padding:0 4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:32px auto}@media(max-width:2268px){.container-responsive{max-width:1900px}}@media(max-width:2000px){.container-responsive{max-width:1532px}}@media(max-width:1532px){.container-responsive{max-width:1164px}}@media(max-width:1280px){.container-responsive{max-width:768px}.card-list{display:flex;justify-content:space-between;align-items:center;padding:0 20px}}.container-detail{width:100%;max-width:768px;min-height:calc(100vh - 120px);margin:0 auto 60px;padding:64px 28px 128px;font-size:16px}.container-detail .title{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:600;color:#252736;padding-bottom:36px}.container-detail .title .sub-title{font-size:16px;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .bar{background-color:rgba(0,0,0,.08);max-width:400px;width:70%;height:1px}.container-detail .body{word-break:keep-all;font-size:18px;margin-top:24px;line-height:1.8;width:100%;max-width:768px}.container-detail .body p{margin:.6em 0 .6rem;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .body p b{font-weight:700;color:rgba(37,39,54,.8)}.container-detail .body a{font-weight:400;text-decoration:none;border-radius:20px;padding:2px 16px}.container-detail .body a,.container-detail .body a:visited{color:#132cf5;background-color:rgba(0,0,0,.04)}.container-detail .body h1,.container-detail .body h2,.container-detail .body h3,.container-detail .body h4{margin:1.2em 0 .4em;color:#252736}.container-detail .body img{display:block;margin:16px auto;max-width:100%;border-radius:24px;max-height:500px}.container-detail .stack{font-size:14px}@media(max-width:420px){.container-detail{margin:0 auto;padding:32px 24px 128px}.container-detail .title{font-size:28px}.container-detail .body{font-size:15px}.container-detail .stack{font-size:13px}}.fade-enter,.fade-enter-active{transition:all .3s}.fade-enter{opacity:0}.frame{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;border:12px solid rgba(0,0,0,.04)}.fixed-container{position:relative;z-index:1}.layout-container{width:100%;margin:0 auto;min-height:100vh}.main-container{padding-top:60px;padding-bottom:120px}@media(max-width:1280px){.layout-container{max-width:768px}}@font-face{font-family:"Spoqa Han Sans";font-weight:700;src:local("Spoqa Han Sans Bold"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:400;src:local("Spoqa Han Sans Regular"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:300;src:local("Spoqa Han Sans Light"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:100;src:local("Spoqa Han Sans Thin"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.ttf) format("truetype")}html[data-v-44ad921c]{font-family:"Spoqa Han Sans","Spoqa Han Sans JP",Sans-serif;font-size:16px}body[data-v-44ad921c]{margin:0;padding:0}div[data-v-44ad921c]{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.page-enter[data-v-44ad921c]{opacity:0;transform:translateY(-40px)}.page-enter-active[data-v-44ad921c]{transition:all .6s ease}.page-leave-active[data-v-44ad921c]{opacity:0;transform:translateY(-40px);transition:all .4s}[data-v-44ad921c]::-moz-selection{background-color:rgba(255,255,163,.5);color:#132cf5}[data-v-44ad921c]::selection{background-color:rgba(255,255,163,.5);color:#132cf5}[data-v-44ad921c]::-webkit-scrollbar{display:none}.container-responsive[data-v-44ad921c]{width:100%;max-width:2268px;margin:0 auto}button[data-v-44ad921c]:focus{outline:0}.card-list[data-v-44ad921c]{width:100%;padding:0 4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:32px auto}@media(max-width:2268px){.container-responsive[data-v-44ad921c]{max-width:1900px}}@media(max-width:2000px){.container-responsive[data-v-44ad921c]{max-width:1532px}}@media(max-width:1532px){.container-responsive[data-v-44ad921c]{max-width:1164px}}@media(max-width:1280px){.container-responsive[data-v-44ad921c]{max-width:768px}.card-list[data-v-44ad921c]{display:flex;justify-content:space-between;align-items:center;padding:0 20px}}.container-detail[data-v-44ad921c]{width:100%;max-width:768px;min-height:calc(100vh - 120px);margin:0 auto 60px;padding:64px 28px 128px;font-size:16px}.container-detail .title[data-v-44ad921c]{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:600;color:#252736;padding-bottom:36px}.container-detail .title .sub-title[data-v-44ad921c]{font-size:16px;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .bar[data-v-44ad921c]{background-color:rgba(0,0,0,.08);max-width:400px;width:70%;height:1px}.container-detail .body[data-v-44ad921c]{word-break:keep-all;font-size:18px;margin-top:24px;line-height:1.8;width:100%;max-width:768px}.container-detail .body p[data-v-44ad921c]{margin:.6em 0 .6rem;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .body p b[data-v-44ad921c]{font-weight:700;color:rgba(37,39,54,.8)}.container-detail .body a[data-v-44ad921c]{font-weight:400;text-decoration:none;border-radius:20px;padding:2px 16px}.container-detail .body a[data-v-44ad921c],.container-detail .body a[data-v-44ad921c]:visited{color:#132cf5;background-color:rgba(0,0,0,.04)}.container-detail .body h1[data-v-44ad921c],.container-detail .body h2[data-v-44ad921c],.container-detail .body h3[data-v-44ad921c],.container-detail .body h4[data-v-44ad921c]{margin:1.2em 0 .4em;color:#252736}.container-detail .body img[data-v-44ad921c]{display:block;margin:16px auto;max-width:100%;border-radius:24px;max-height:500px}.container-detail .stack[data-v-44ad921c]{font-size:14px}@media(max-width:420px){.container-detail[data-v-44ad921c]{margin:0 auto;padding:32px 24px 128px}.container-detail .title[data-v-44ad921c]{font-size:28px}.container-detail .body[data-v-44ad921c]{font-size:15px}.container-detail .stack[data-v-44ad921c]{font-size:13px}}.gnb-menu-enter[data-v-44ad921c]{opacity:0;transform:translateY(-10%)}.gnb-menu-enter-active[data-v-44ad921c]{transition:all .5s}.gnb-menu-leave-active[data-v-44ad921c]{transition:all .5s;opacity:0;transform:translateY(-10%)}.gnb-menu-desktop[data-v-44ad921c]{display:flex;justify-content:flex-start;align-items:center;margin-right:24px}.gnb-menu-desktop .menu-item[data-v-44ad921c]{font-size:15px;font-weight:700;margin-left:48px;cursor:pointer;transition:all .3s}.gnb-menu-desktop .menu-item.active[data-v-44ad921c]{color:#132cf5}.container-gnb[data-v-44ad921c]{height:60px;position:fixed;justify-content:center;top:8px;left:0;z-index:100}.container-gnb .wrapper[data-v-44ad921c],.container-gnb[data-v-44ad921c]{width:100%;display:flex;align-items:center}.container-gnb .wrapper[data-v-44ad921c]{padding:0 16px;margin:0 auto;justify-content:space-between}.container-gnb .wrapper .items .logo-wrapper[data-v-44ad921c],.container-gnb .wrapper .items[data-v-44ad921c]{display:flex;justify-content:center;align-items:center}.container-gnb .wrapper .items .logo-wrapper[data-v-44ad921c]{position:relative;z-index:100;width:48px;height:48px;background-color:hsla(0,0%,100%,.8);border-radius:48px;transition:all .3s;cursor:pointer}.container-gnb .wrapper .items .logo-wrapper[data-v-44ad921c]:hover{background-color:rgba(0,0,0,.04)}.container-gnb .wrapper .items .logo-wrapper img[data-v-44ad921c]{width:24px}@media(max-width:768px){.gnb-menu-desktop[data-v-44ad921c]{display:none}}@font-face{font-family:"Spoqa Han Sans";font-weight:700;src:local("Spoqa Han Sans Bold"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:400;src:local("Spoqa Han Sans Regular"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:300;src:local("Spoqa Han Sans Light"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:100;src:local("Spoqa Han Sans Thin"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.ttf) format("truetype")}html[data-v-32fd1ab6]{font-family:"Spoqa Han Sans","Spoqa Han Sans JP",Sans-serif;font-size:16px}body[data-v-32fd1ab6]{margin:0;padding:0}div[data-v-32fd1ab6]{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.page-enter[data-v-32fd1ab6]{opacity:0;transform:translateY(-40px)}.page-enter-active[data-v-32fd1ab6]{transition:all .6s ease}.page-leave-active[data-v-32fd1ab6]{opacity:0;transform:translateY(-40px);transition:all .4s}[data-v-32fd1ab6]::-moz-selection{background-color:rgba(255,255,163,.5);color:#132cf5}[data-v-32fd1ab6]::selection{background-color:rgba(255,255,163,.5);color:#132cf5}[data-v-32fd1ab6]::-webkit-scrollbar{display:none}.container-responsive[data-v-32fd1ab6]{width:100%;max-width:2268px;margin:0 auto}button[data-v-32fd1ab6]:focus{outline:0}.card-list[data-v-32fd1ab6]{width:100%;padding:0 4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:32px auto}@media(max-width:2268px){.container-responsive[data-v-32fd1ab6]{max-width:1900px}}@media(max-width:2000px){.container-responsive[data-v-32fd1ab6]{max-width:1532px}}@media(max-width:1532px){.container-responsive[data-v-32fd1ab6]{max-width:1164px}}@media(max-width:1280px){.container-responsive[data-v-32fd1ab6]{max-width:768px}.card-list[data-v-32fd1ab6]{display:flex;justify-content:space-between;align-items:center;padding:0 20px}}.container-detail[data-v-32fd1ab6]{width:100%;max-width:768px;min-height:calc(100vh - 120px);margin:0 auto 60px;padding:64px 28px 128px;font-size:16px}.container-detail .title[data-v-32fd1ab6]{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:600;color:#252736;padding-bottom:36px}.container-detail .title .sub-title[data-v-32fd1ab6]{font-size:16px;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .bar[data-v-32fd1ab6]{background-color:rgba(0,0,0,.08);max-width:400px;width:70%;height:1px}.container-detail .body[data-v-32fd1ab6]{word-break:keep-all;font-size:18px;margin-top:24px;line-height:1.8;width:100%;max-width:768px}.container-detail .body p[data-v-32fd1ab6]{margin:.6em 0 .6rem;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .body p b[data-v-32fd1ab6]{font-weight:700;color:rgba(37,39,54,.8)}.container-detail .body a[data-v-32fd1ab6]{font-weight:400;text-decoration:none;border-radius:20px;padding:2px 16px}.container-detail .body a[data-v-32fd1ab6],.container-detail .body a[data-v-32fd1ab6]:visited{color:#132cf5;background-color:rgba(0,0,0,.04)}.container-detail .body h1[data-v-32fd1ab6],.container-detail .body h2[data-v-32fd1ab6],.container-detail .body h3[data-v-32fd1ab6],.container-detail .body h4[data-v-32fd1ab6]{margin:1.2em 0 .4em;color:#252736}.container-detail .body img[data-v-32fd1ab6]{display:block;margin:16px auto;max-width:100%;border-radius:24px;max-height:500px}.container-detail .stack[data-v-32fd1ab6]{font-size:14px}@media(max-width:420px){.container-detail[data-v-32fd1ab6]{margin:0 auto;padding:32px 24px 128px}.container-detail .title[data-v-32fd1ab6]{font-size:28px}.container-detail .body[data-v-32fd1ab6]{font-size:15px}.container-detail .stack[data-v-32fd1ab6]{font-size:13px}}.area-ic-menu[data-v-32fd1ab6]{display:none;width:48px;height:48px;position:relative;z-index:200;justify-content:center;align-items:center;cursor:pointer;border-radius:48px;transition:all .3s;background-color:hsla(0,0%,100%,.8)}.area-ic-menu[data-v-32fd1ab6]:hover{background-color:rgba(0,0,0,.06)}.area-ic-menu .wrapper .bar[data-v-32fd1ab6]{width:18px;height:3px;border-radius:6px;background-color:#333;transition:all .2s}.area-ic-menu .wrapper .top[data-v-32fd1ab6]{margin-bottom:3px}.area-ic-menu .wrapper .mid.first[data-v-32fd1ab6]{position:absolute}.area-ic-menu .wrapper .bottom[data-v-32fd1ab6]{margin-top:3px}.area-ic-menu.active .wrapper .top[data-v-32fd1ab6]{transform:translateY(-10px);opacity:0}.area-ic-menu.active .wrapper .bottom[data-v-32fd1ab6]{transform:translateY(10px);opacity:0}.area-ic-menu.active .wrapper .mid.first[data-v-32fd1ab6]{transform:rotate(135deg)}.area-ic-menu.active .wrapper .mid.second[data-v-32fd1ab6]{transform:rotate(-135deg)}@media(max-width:768px){.area-ic-menu[data-v-32fd1ab6]{display:flex}}@font-face{font-family:"Spoqa Han Sans";font-weight:700;src:local("Spoqa Han Sans Bold"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:400;src:local("Spoqa Han Sans Regular"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:300;src:local("Spoqa Han Sans Light"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:100;src:local("Spoqa Han Sans Thin"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.ttf) format("truetype")}html[data-v-31418670]{font-family:"Spoqa Han Sans","Spoqa Han Sans JP",Sans-serif;font-size:16px}body[data-v-31418670]{margin:0;padding:0}div[data-v-31418670]{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.page-enter[data-v-31418670]{opacity:0;transform:translateY(-40px)}.page-enter-active[data-v-31418670]{transition:all .6s ease}.page-leave-active[data-v-31418670]{opacity:0;transform:translateY(-40px);transition:all .4s}[data-v-31418670]::-moz-selection{background-color:rgba(255,255,163,.5);color:#132cf5}[data-v-31418670]::selection{background-color:rgba(255,255,163,.5);color:#132cf5}[data-v-31418670]::-webkit-scrollbar{display:none}.container-responsive[data-v-31418670]{width:100%;max-width:2268px;margin:0 auto}button[data-v-31418670]:focus{outline:0}.card-list[data-v-31418670]{width:100%;padding:0 4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:32px auto}@media(max-width:2268px){.container-responsive[data-v-31418670]{max-width:1900px}}@media(max-width:2000px){.container-responsive[data-v-31418670]{max-width:1532px}}@media(max-width:1532px){.container-responsive[data-v-31418670]{max-width:1164px}}@media(max-width:1280px){.container-responsive[data-v-31418670]{max-width:768px}.card-list[data-v-31418670]{display:flex;justify-content:space-between;align-items:center;padding:0 20px}}.container-detail[data-v-31418670]{width:100%;max-width:768px;min-height:calc(100vh - 120px);margin:0 auto 60px;padding:64px 28px 128px;font-size:16px}.container-detail .title[data-v-31418670]{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:600;color:#252736;padding-bottom:36px}.container-detail .title .sub-title[data-v-31418670]{font-size:16px;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .bar[data-v-31418670]{background-color:rgba(0,0,0,.08);max-width:400px;width:70%;height:1px}.container-detail .body[data-v-31418670]{word-break:keep-all;font-size:18px;margin-top:24px;line-height:1.8;width:100%;max-width:768px}.container-detail .body p[data-v-31418670]{margin:.6em 0 .6rem;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .body p b[data-v-31418670]{font-weight:700;color:rgba(37,39,54,.8)}.container-detail .body a[data-v-31418670]{font-weight:400;text-decoration:none;border-radius:20px;padding:2px 16px}.container-detail .body a[data-v-31418670],.container-detail .body a[data-v-31418670]:visited{color:#132cf5;background-color:rgba(0,0,0,.04)}.container-detail .body h1[data-v-31418670],.container-detail .body h2[data-v-31418670],.container-detail .body h3[data-v-31418670],.container-detail .body h4[data-v-31418670]{margin:1.2em 0 .4em;color:#252736}.container-detail .body img[data-v-31418670]{display:block;margin:16px auto;max-width:100%;border-radius:24px;max-height:500px}.container-detail .stack[data-v-31418670]{font-size:14px}@media(max-width:420px){.container-detail[data-v-31418670]{margin:0 auto;padding:32px 24px 128px}.container-detail .title[data-v-31418670]{font-size:28px}.container-detail .body[data-v-31418670]{font-size:15px}.container-detail .stack[data-v-31418670]{font-size:13px}}.home-container[data-v-31418670]{position:relative;max-width:1440px;margin:64px auto 128px}.home-container .profile-summery[data-v-31418670],.home-container[data-v-31418670]{width:100%;display:flex;justify-content:center;align-items:center}.home-container .profile-summery[data-v-31418670]{max-width:720px;padding:0 24px;margin-top:24px;align-items:flex-start}.home-container .profile-summery .wrapper-logo[data-v-31418670]{width:calc(50% - 8px);height:50vw;min-height:180px;max-height:300px;border-radius:8px;border:1px solid #f0f0f0;display:flex;justify-content:center;align-items:center;transition:all .3s}.home-container .profile-summery .wrapper-logo[data-v-31418670]:hover{transform:scale(1.05)}.home-container .profile-summery .wrapper-profile-box[data-v-31418670]{position:relative;width:calc(50% - 8px);height:50vw;min-height:180px;max-height:300px;margin-left:16px;margin-top:150px;padding:8px 16px;border-radius:8px;background-color:#132cf5;color:#fff;transition:all .3s}.home-container .profile-summery .wrapper-profile-box[data-v-31418670]:hover{transform:scale(1.05)}.home-container .profile-summery .wrapper-profile-box .title[data-v-31418670]{font-size:24px;font-weight:700}.home-container .profile-summery .wrapper-profile-box .desc[data-v-31418670]{margin-top:6px;font-size:14px;font-weight:300}.home-container .wrapper-main-links[data-v-31418670]{padding:32px 24px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}@media(max-width:1280px){.home-container[data-v-31418670]{top:0;margin:0 auto;flex-direction:column;display:flex;justify-content:flex-start;align-items:center}.home-container .profile-summery[data-v-31418670]{margin-top:16px;flex-direction:column}.home-container .profile-summery .wrapper-logo[data-v-31418670]{display:none}.home-container .profile-summery .wrapper-profile-box[data-v-31418670]{width:100%;margin:0}}.test-link[data-v-31418670]{transition:all .5s;color:rgba(0,0,0,.6);position:absolute;top:30%;cursor:pointer;padding:0 16px 2px;border-radius:24px}.test-link[data-v-31418670]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.8);text-shadow:4px 4px 4px rgba(0,0,0,.1);transform:scale(1.12)}.container-about[data-v-31418670]{width:100%;max-width:768px;margin:0 auto 60px;font-size:16px}.container-about .title[data-v-31418670]{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:600;color:#252736;padding:0 16px}.container-about .body[data-v-31418670]{word-break:keep-all;padding:0 16px;font-size:18px;margin-top:24px;line-height:1.8}.container-about .body .abilities[data-v-31418670]{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.container-about .body .links[data-v-31418670]{margin:24px 0}.container-about .body .links a[data-v-31418670]{font-size:14px;font-weight:400;color:rgba(0,0,0,.4);margin-right:12px;text-decoration:underline}.container-about .body .links a[data-v-31418670]:visited{color:rgba(0,0,0,.4)}.container-about .body .links p[data-v-31418670]{font-size:14px;margin:0}.container-about .body p[data-v-31418670]{margin:.6em 0 .6rem;font-weight:400;color:rgba(37,39,54,.6)}.container-about .body p b[data-v-31418670]{font-weight:700;color:rgba(37,39,54,.8)}.container-about .body h1[data-v-31418670],.container-about .body h2[data-v-31418670],.container-about .body h3[data-v-31418670],.container-about .body h4[data-v-31418670]{margin:1.2em 0 .4em;color:#252736}.container-about .body .name[data-v-31418670]{margin-bottom:0}.container-about .body .name span[data-v-31418670]{font-size:.6em;font-weight:400}.container-about .body img[data-v-31418670]{display:block;margin:16px auto;max-width:100%;border-radius:24px;max-height:500px}@media(max-width:768px){.container-about[data-v-31418670]{margin:0 auto;padding:0}.container-about .title[data-v-31418670]{font-size:28px}.container-about .body[data-v-31418670]{font-size:15px;padding:0 24px}}@font-face{font-family:"Spoqa Han Sans";font-weight:700;src:local("Spoqa Han Sans Bold"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:400;src:local("Spoqa Han Sans Regular"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:300;src:local("Spoqa Han Sans Light"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:100;src:local("Spoqa Han Sans Thin"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.ttf) format("truetype")}html[data-v-58d4ef19]{font-family:"Spoqa Han Sans","Spoqa Han Sans JP",Sans-serif;font-size:16px}body[data-v-58d4ef19]{margin:0;padding:0}div[data-v-58d4ef19]{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.page-enter[data-v-58d4ef19]{opacity:0;transform:translateY(-40px)}.page-enter-active[data-v-58d4ef19]{transition:all .6s ease}.page-leave-active[data-v-58d4ef19]{opacity:0;transform:translateY(-40px);transition:all .4s}[data-v-58d4ef19]::-moz-selection{background-color:rgba(255,255,163,.5);color:#132cf5}[data-v-58d4ef19]::selection{background-color:rgba(255,255,163,.5);color:#132cf5}[data-v-58d4ef19]::-webkit-scrollbar{display:none}.container-responsive[data-v-58d4ef19]{width:100%;max-width:2268px;margin:0 auto}button[data-v-58d4ef19]:focus{outline:0}.card-list[data-v-58d4ef19]{width:100%;padding:0 4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:32px auto}@media(max-width:2268px){.container-responsive[data-v-58d4ef19]{max-width:1900px}}@media(max-width:2000px){.container-responsive[data-v-58d4ef19]{max-width:1532px}}@media(max-width:1532px){.container-responsive[data-v-58d4ef19]{max-width:1164px}}@media(max-width:1280px){.container-responsive[data-v-58d4ef19]{max-width:768px}.card-list[data-v-58d4ef19]{display:flex;justify-content:space-between;align-items:center;padding:0 20px}}.container-detail[data-v-58d4ef19]{width:100%;max-width:768px;min-height:calc(100vh - 120px);margin:0 auto 60px;padding:64px 28px 128px;font-size:16px}.container-detail .title[data-v-58d4ef19]{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:600;color:#252736;padding-bottom:36px}.container-detail .title .sub-title[data-v-58d4ef19]{font-size:16px;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .bar[data-v-58d4ef19]{background-color:rgba(0,0,0,.08);max-width:400px;width:70%;height:1px}.container-detail .body[data-v-58d4ef19]{word-break:keep-all;font-size:18px;margin-top:24px;line-height:1.8;width:100%;max-width:768px}.container-detail .body p[data-v-58d4ef19]{margin:.6em 0 .6rem;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .body p b[data-v-58d4ef19]{font-weight:700;color:rgba(37,39,54,.8)}.container-detail .body a[data-v-58d4ef19]{font-weight:400;text-decoration:none;border-radius:20px;padding:2px 16px}.container-detail .body a[data-v-58d4ef19],.container-detail .body a[data-v-58d4ef19]:visited{color:#132cf5;background-color:rgba(0,0,0,.04)}.container-detail .body h1[data-v-58d4ef19],.container-detail .body h2[data-v-58d4ef19],.container-detail .body h3[data-v-58d4ef19],.container-detail .body h4[data-v-58d4ef19]{margin:1.2em 0 .4em;color:#252736}.container-detail .body img[data-v-58d4ef19]{display:block;margin:16px auto;max-width:100%;border-radius:24px;max-height:500px}.container-detail .stack[data-v-58d4ef19]{font-size:14px}@media(max-width:420px){.container-detail[data-v-58d4ef19]{margin:0 auto;padding:32px 24px 128px}.container-detail .title[data-v-58d4ef19]{font-size:28px}.container-detail .body[data-v-58d4ef19]{font-size:15px}.container-detail .stack[data-v-58d4ef19]{font-size:13px}}.container-main-link[data-v-58d4ef19]{width:100%;max-width:440px;height:68px;border-radius:60px;transition:all .3s;display:flex;justify-content:space-between;align-items:center;padding:8px 24px 8px 32px;background-color:rgba(0,0,0,.04);margin:12px 0;cursor:pointer}.container-main-link.touch[data-v-58d4ef19],.container-main-link[data-v-58d4ef19]:hover{transform:scale(1.05) translateY(-4px)}.container-main-link .title[data-v-58d4ef19]{font-size:36px;font-weight:700;transform:translateY(-4px);color:#252736}.container-main-link .bar[data-v-58d4ef19]{display:inline-block;width:60px;height:48px;border-bottom:4px solid #252736}.container-main-link .wrapper-arrow[data-v-58d4ef19]{width:40px;height:40px;border:1px solid #1822f2;border-radius:30px;display:flex;justify-content:center;align-items:center}@media(max-width:1280px){.container-main-link[data-v-58d4ef19]{max-width:100%}}@font-face{font-family:"Spoqa Han Sans";font-weight:700;src:local("Spoqa Han Sans Bold"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:400;src:local("Spoqa Han Sans Regular"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:300;src:local("Spoqa Han Sans Light"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.ttf) format("truetype")}@font-face{font-family:"Spoqa Han Sans";font-weight:100;src:local("Spoqa Han Sans Thin"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansThin.ttf) format("truetype")}html[data-v-e8619c5c]{font-family:"Spoqa Han Sans","Spoqa Han Sans JP",Sans-serif;font-size:16px}body[data-v-e8619c5c]{margin:0;padding:0}div[data-v-e8619c5c]{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.page-enter[data-v-e8619c5c]{opacity:0;transform:translateY(-40px)}.page-enter-active[data-v-e8619c5c]{transition:all .6s ease}.page-leave-active[data-v-e8619c5c]{opacity:0;transform:translateY(-40px);transition:all .4s}[data-v-e8619c5c]::-moz-selection{background-color:rgba(255,255,163,.5);color:#132cf5}[data-v-e8619c5c]::selection{background-color:rgba(255,255,163,.5);color:#132cf5}[data-v-e8619c5c]::-webkit-scrollbar{display:none}.container-responsive[data-v-e8619c5c]{width:100%;max-width:2268px;margin:0 auto}button[data-v-e8619c5c]:focus{outline:0}.card-list[data-v-e8619c5c]{width:100%;padding:0 4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:32px auto}@media(max-width:2268px){.container-responsive[data-v-e8619c5c]{max-width:1900px}}@media(max-width:2000px){.container-responsive[data-v-e8619c5c]{max-width:1532px}}@media(max-width:1532px){.container-responsive[data-v-e8619c5c]{max-width:1164px}}@media(max-width:1280px){.container-responsive[data-v-e8619c5c]{max-width:768px}.card-list[data-v-e8619c5c]{display:flex;justify-content:space-between;align-items:center;padding:0 20px}}.container-detail[data-v-e8619c5c]{width:100%;max-width:768px;min-height:calc(100vh - 120px);margin:0 auto 60px;padding:64px 28px 128px;font-size:16px}.container-detail .title[data-v-e8619c5c]{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:600;color:#252736;padding-bottom:36px}.container-detail .title .sub-title[data-v-e8619c5c]{font-size:16px;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .bar[data-v-e8619c5c]{background-color:rgba(0,0,0,.08);max-width:400px;width:70%;height:1px}.container-detail .body[data-v-e8619c5c]{word-break:keep-all;font-size:18px;margin-top:24px;line-height:1.8;width:100%;max-width:768px}.container-detail .body p[data-v-e8619c5c]{margin:.6em 0 .6rem;font-weight:400;color:rgba(37,39,54,.6)}.container-detail .body p b[data-v-e8619c5c]{font-weight:700;color:rgba(37,39,54,.8)}.container-detail .body a[data-v-e8619c5c]{font-weight:400;text-decoration:none;border-radius:20px;padding:2px 16px}.container-detail .body a[data-v-e8619c5c],.container-detail .body a[data-v-e8619c5c]:visited{color:#132cf5;background-color:rgba(0,0,0,.04)}.container-detail .body h1[data-v-e8619c5c],.container-detail .body h2[data-v-e8619c5c],.container-detail .body h3[data-v-e8619c5c],.container-detail .body h4[data-v-e8619c5c]{margin:1.2em 0 .4em;color:#252736}.container-detail .body img[data-v-e8619c5c]{display:block;margin:16px auto;max-width:100%;border-radius:24px;max-height:500px}.container-detail .stack[data-v-e8619c5c]{font-size:14px}@media(max-width:420px){.container-detail[data-v-e8619c5c]{margin:0 auto;padding:32px 24px 128px}.container-detail .title[data-v-e8619c5c]{font-size:28px}.container-detail .body[data-v-e8619c5c]{font-size:15px}.container-detail .stack[data-v-e8619c5c]{font-size:13px}}.container-detail-modal[data-v-e8619c5c]{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:300;transition:all .3s}.container-detail-modal.leave-active[data-v-e8619c5c]{opacity:0}.container-detail-modal .box-detail-modal[data-v-e8619c5c]{width:100%;margin:0 24px;padding:24px;max-width:768px;background-color:#fff;box-shadow:0 4px 24px rgba(19,44,245,.1);z-index:310}.container-detail-modal .bg[data-v-e8619c5c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:hsla(0,0%,100%,.9);z-index:305}</style>
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><div class="container-gnb" data-v-44ad921c><div class="wrapper" data-v-44ad921c><div class="items left-side" data-v-44ad921c><div class="logo-wrapper" data-v-44ad921c><img src="/_nuxt/img/logo_m.61a3dc9.svg" data-v-44ad921c></div></div> <div class="items right-side" data-v-44ad921c><div class="area-ic-menu" data-v-32fd1ab6 data-v-44ad921c><div class="wrapper" data-v-32fd1ab6><div class="bar top" data-v-32fd1ab6></div> <div class="bar mid first" data-v-32fd1ab6></div> <div class="bar mid second" data-v-32fd1ab6></div> <div class="bar bottom" data-v-32fd1ab6></div></div></div> <div class="gnb-menu-desktop" data-v-44ad921c><div class="menu-item" data-v-44ad921c>
Career _
</div><div class="menu-item" data-v-44ad921c>
Project _
</div><div class="menu-item" data-v-44ad921c>
Blog _
</div></div></div></div> <!----></div> <div class="frame"></div> <div class="fixed-container"><div class="layout-container"><div class="main-container"><div data-v-31418670><section class="home-container" data-v-31418670><div class="profile-summery" data-v-31418670><div class="wrapper-logo" data-v-31418670><img src="/_nuxt/img/logo_m.61a3dc9.svg" data-v-31418670></div> <div class="wrapper-profile-box" data-v-31418670><div class="title" data-v-31418670>
Mopsy
</div> <div class="desc" data-v-31418670>
Front-end Developer<br data-v-31418670>
UI / UX Designer<br data-v-31418670>
Service Builder
</div></div></div> <div class="wrapper-main-links" data-v-31418670><div class="container-main-link" data-v-58d4ef19 data-v-31418670><div class="title" data-v-58d4ef19>
Career
<div class="bar" data-v-58d4ef19></div></div> <div class="wrapper-arrow" data-v-58d4ef19><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTAgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjMgKDY3Mjk3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYXRoPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InByb2ZpbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjYuMDAwMDAwLCAtNDczLjAwMDAwMCkiIGZpbGw9IiMxODIyRjIiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgNDUyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMzI2LjI5Mjg5MyAzMCAzMTguNjQ2NDQ3IDIyLjM1MzU1MzQgMzE5LjM1MzU1MyAyMS42NDY0NDY2IDMyNy43MDcxMDcgMzAgMzE5LjM1MzU1MyAzOC4zNTM1NTM0IDMxOC42NDY0NDcgMzcuNjQ2NDQ2NiI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" alt data-v-58d4ef19></div></div> <div class="container-main-link" data-v-58d4ef19 data-v-31418670><div class="title" data-v-58d4ef19>
Project
<div class="bar" data-v-58d4ef19></div></div> <div class="wrapper-arrow" data-v-58d4ef19><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTAgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjMgKDY3Mjk3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYXRoPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InByb2ZpbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjYuMDAwMDAwLCAtNDczLjAwMDAwMCkiIGZpbGw9IiMxODIyRjIiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgNDUyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMzI2LjI5Mjg5MyAzMCAzMTguNjQ2NDQ3IDIyLjM1MzU1MzQgMzE5LjM1MzU1MyAyMS42NDY0NDY2IDMyNy43MDcxMDcgMzAgMzE5LjM1MzU1MyAzOC4zNTM1NTM0IDMxOC42NDY0NDcgMzcuNjQ2NDQ2NiI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" alt data-v-58d4ef19></div></div> <div class="container-main-link" data-v-58d4ef19 data-v-31418670><div class="title" data-v-58d4ef19>
Blog
<div class="bar" data-v-58d4ef19></div></div> <div class="wrapper-arrow" data-v-58d4ef19><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTAgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjMgKDY3Mjk3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYXRoPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InByb2ZpbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjYuMDAwMDAwLCAtNDczLjAwMDAwMCkiIGZpbGw9IiMxODIyRjIiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgNDUyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMzI2LjI5Mjg5MyAzMCAzMTguNjQ2NDQ3IDIyLjM1MzU1MzQgMzE5LjM1MzU1MyAyMS42NDY0NDY2IDMyNy43MDcxMDcgMzAgMzE5LjM1MzU1MyAzOC4zNTM1NTM0IDMxOC42NDY0NDcgMzcuNjQ2NDQ2NiI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" alt data-v-58d4ef19></div></div></div></section> <div class="container-about" data-v-31418670><page-title title="About" data-v-31418670></page-title> <div class="body" data-v-31418670><h2 class="name" data-v-31418670>
Mopsy
</h2> <p data-v-31418670>
2014년부터 다양한 규모의 스타트업에서 디자이너로 활동하였으며, 2018년부터는 프론트엔드 개발을 병행하여 서비스 빌더로 활동하고 있습니다.
</p> <p data-v-31418670>
어떤 상황이든 문제를 파악하고 해결하기 위해 단순한 절충이 아닌 최선의 방법을 찾으려 노력하며, 다양한 사람들 간의 신뢰 위에서 이루어지는 활발하고 장벽없는 커뮤니케이션이 그것을 가능하게 해줄 것이라는 믿음을 갖고 있습니다.
</p> <div class="links" data-v-31418670><p data-v-31418670>
mopsyshin@gmail.com
</p> <a href="https://github.com/mopsyshin" target="blank" data-v-31418670>Github</a> <a href="https://www.facebook.com/mopsyshin" target="blank" data-v-31418670>Facebook</a> <a href="https://www.instagram.com/mopsyshin/" target="blank" data-v-31418670>Instagram</a></div></div></div></div></div></div> <!----></div></div></div></div><script>window.__NUXT__={layout:"default",data:[{}],fetch:{},error:null,serverRendered:!0,routePath:"/",config:{_app:{basePath:"/",assetsPath:"/_nuxt/",cdnURL:null}}}</script><script src="/_nuxt/cd04ab0.js" defer></script><script src="/_nuxt/5767958.js" defer></script><script src="/_nuxt/36eaa18.js" defer></script><script src="/_nuxt/7cf8df7.js" defer></script>
</body>
</html>