@import"https://fonts.googleapis.com/css2?family=Gowun+Batang&family=Special+Elite&display=swap";@import"https://fonts.googleapis.com/css2?family=Special+Elite&family=DXTaja&display=swap";@import"https://fonts.googleapis.com/css2?family=Special+Elite&family=Anton&family=DXTaja&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css?family=Dokdo:400";@import"https://fonts.googleapis.com/css2?family=Special+Elite&display=swap";.paper[data-v-ba55c98d]{filter:drop-shadow(0 -10px 10px rgba(2,2,0,.32));height:100%;position:relative;width:clamp(768px,80%,1600px)}.paper .paper-tile[data-v-ba55c98d]{background-blend-mode:overlay;background-color:#f8f4e88d;background-image:url(../assets/textures/brown-paper-texture-background_561246-391.avif);background-repeat:repeat;background-size:50% 50%;height:100%;padding-bottom:132px;position:absolute;width:100%}.paper .paper-content[data-v-ba55c98d]{display:flex;height:100%;position:relative;width:100%;z-index:1}.main-wrapper[data-v-4b282b8e]{color:#000;font-family:Special Elite,DXIlgeupBimil,DXTaja,Gowun Batang,monospace;height:auto;line-height:1.2;position:relative;width:100%;z-index:9}.main-wrapper .text-greatest[data-v-4b282b8e]{font-size:clamp(120px,10vw,200px)}.main-wrapper .text-frontend-frame[data-v-4b282b8e]{margin-bottom:clamp(-128px,-6.4vw,-76.8px);margin-top:clamp(-96px,-4.8vw,-57.6px)}.main-wrapper .text-frontend-frame .text-frontend[data-v-4b282b8e]{font-size:clamp(120px,10vw,200px);position:relative;z-index:1}.main-wrapper .text-frontend-frame .welcome-text[data-v-4b282b8e]{color:#000;font-size:14px;left:-100px;position:absolute;text-decoration:underline;text-decoration-color:#cb4040;top:-20px;transform:rotate(-45deg)}.main-wrapper .text-frontend-frame .crow-stamp[data-v-4b282b8e]{filter:drop-shadow(0 0 10px rgba(2,2,0,.7));height:clamp(144px,12vw,240px);left:40%;position:absolute;top:-10%;width:clamp(144px,12vw,240px)}.main-wrapper .text-engineer[data-v-4b282b8e]{font-size:clamp(120px,10vw,200px)}.main-wrapper .no-other-choice[data-v-4b282b8e]{margin-top:clamp(-168px,-8.4vw,-100.8px);width:clamp(240px,20vw,400px)}.main-wrapper .no-other-choice img[data-v-4b282b8e]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.main-wrapper .description[data-v-4b282b8e]{padding-bottom:20rem}.main-wrapper .description p[data-v-4b282b8e]{font-family:DXIlgeupBimil,DXTaja,Gowun Batang,monospace;font-size:18px;width:max(64%,320px)}.main-wrapper .description .info[data-v-4b282b8e]{box-sizing:border-box;display:flex;font-size:16px;justify-content:space-between;width:max(64%,320px)}.main-wrapper .menu-container[data-v-4b282b8e]{display:flex;justify-content:center;margin-bottom:8rem;margin-top:3rem;pointer-events:auto;width:100%}.main-wrapper .menu-container .menu-box-outer[data-v-4b282b8e]{border:2px solid #000;padding:.25rem;width:100%}.main-wrapper .menu-container .menu-box-inner[data-v-4b282b8e]{align-content:center;border:1px solid #000;display:grid;grid-auto-columns:100px;grid-template-columns:repeat(2,1fr)}@media screen and (min-width:768px){.main-wrapper .menu-container .menu-box-inner[data-v-4b282b8e]{grid-template-columns:repeat(4,1fr)}}.main-wrapper .menu-container .menu-item[data-v-4b282b8e]{align-items:center;border-bottom:1px solid #000;border-right:1px solid #000;cursor:pointer;display:flex;flex-direction:column;font-family:DXTaja,sans-serif;padding:1rem;transition:background-color .15s}.main-wrapper .menu-container .menu-item[data-v-4b282b8e]:hover{background-color:#0000000d}.main-wrapper .menu-container .menu-item.disabled[data-v-4b282b8e]{cursor:default;opacity:.3;pointer-events:none}.main-wrapper .menu-container .menu-item[data-v-4b282b8e]:nth-child(2n){border-right:none}.main-wrapper .menu-container .menu-item[data-v-4b282b8e]:nth-last-child(-n+2){border-bottom:none}@media screen and (min-width:768px){.main-wrapper .menu-container .menu-item[data-v-4b282b8e]:nth-child(2n){border-right:1px solid #000}.main-wrapper .menu-container .menu-item[data-v-4b282b8e]:nth-child(4n){border-right:none}.main-wrapper .menu-container .menu-item[data-v-4b282b8e]{border-bottom:1px solid #000}.main-wrapper .menu-container .menu-item[data-v-4b282b8e]:nth-child(n+5){border-bottom:none}}.main-wrapper .menu-container .menu-item .menu-content[data-v-4b282b8e]{color:#4e463e;font-size:14px;margin-bottom:.25rem;word-break:keep-all}.main-wrapper .menu-container .menu-item .menu-title[data-v-4b282b8e]{font-size:1.2rem;font-weight:700;line-height:1.25;word-break:keep-all}@media screen and (max-width:768px){.main-wrapper .text-greatest[data-v-4b282b8e]{font-size:16vw}.main-wrapper .text-frontend-frame[data-v-4b282b8e]{margin-bottom:-8vw;margin-top:-6.4vw}.main-wrapper .text-frontend-frame .text-frontend[data-v-4b282b8e]{font-size:16vw}.main-wrapper .text-frontend-frame .welcome-text[data-v-4b282b8e]{left:-40px;top:160px}.main-wrapper .text-frontend-frame .crow-stamp[data-v-4b282b8e]{height:24vw;left:unset;right:-10%;top:-30%;width:24vw}.main-wrapper .text-engineer[data-v-4b282b8e]{font-size:16vw}.main-wrapper .no-other-choice[data-v-4b282b8e]{margin-top:-12vw}.main-wrapper .description .info[data-v-4b282b8e]{display:grid;grid-template-columns:repeat(1,1fr);row-gap:8px;width:clamp(320px,80%,600px)}.main-wrapper .menu-container[data-v-4b282b8e]{width:100%}}.work-style-wrapper[data-v-a0651556]{margin-top:-32%;position:relative;width:100%}.work-style-wrapper .work-style-screen[data-v-a0651556]{background-color:transparent;font-family:Special Elite,DXIlgeupBimil,DXTaja,Gowun Batang,monospace;height:100vh;overflow:hidden;position:relative;width:100%;z-index:10}.work-style-paper-tile[data-v-a0651556]{background-blend-mode:overlay;background-color:#ffeee4d5;background-image:url(../assets/textures/brown-paper-texture-background_561246-391.avif);background-repeat:repeat;background-size:400px 400px;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.work-style-description[data-v-a0651556]{bottom:24px;color:#57534e;font-family:Gowun Batang,DXTaja,sans-serif;font-size:16px;left:24px;line-height:1.5;max-width:320px;position:absolute;z-index:15}@media(max-width:768px){.work-style-description[data-v-a0651556]{bottom:16px;font-size:10px;left:16px;max-width:240px}}.horizontal-wrapper[data-v-a0651556]{align-items:center;display:flex;height:100vh;left:100vw;position:relative;width:calc(400vh + 100vw);will-change:transform}.work-style-intro-text[data-v-a0651556]{color:#1d1b1a;font-size:1rem;left:6rem;line-height:1.4;max-width:420px;position:absolute;top:2rem;word-break:keep-all;z-index:10}@media(max-width:768px){.work-style-intro-text[data-v-a0651556]{font-size:.9rem;left:4rem;max-width:250px}}.work-style-vertical-text[data-v-a0651556]{color:#292524;font-family:Special Elite,monospace;font-size:6.4vh;left:3rem;opacity:.9;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap;z-index:10}@media(max-width:768px){.work-style-vertical-text[data-v-a0651556]{font-size:3rem;left:1.5rem}}.work-style-center-text[data-v-a0651556]{bottom:30%;color:#1c1917;display:flex;flex-direction:column;font-family:Special Elite,monospace;font-size:20vh;font-weight:400;left:20vw;letter-spacing:-.02em;position:absolute;z-index:10}.work-style-center-text .center-text-line-1[data-v-a0651556]{line-height:1}.work-style-center-text .center-text-line-2[data-v-a0651556]{line-height:1;margin-right:-32vw;text-align:right}.work-style-center-text .uppercase[data-v-a0651556]{text-transform:uppercase}[data-v-a0651556] .work-style-char{display:inline-block}.horizontal-axis[data-v-a0651556]{background-color:#534a42;height:1px;left:0;position:absolute;width:100%;z-index:5}.horizontal-axis.center[data-v-a0651556]{top:50%}.horizontal-axis.top[data-v-a0651556]{top:25%}.horizontal-axis.bottom[data-v-a0651556]{top:75%}.connector-lines[data-v-a0651556]{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.connector-lines .connector-line[data-v-a0651556]{stroke-width:1.5px;vector-effect:non-scaling-stroke}.work-style-item[data-v-a0651556]{background:transparent;display:flex;position:absolute;width:360px;z-index:10}.work-style-item .work-style-item-title[data-v-a0651556]{color:#44403c;font-size:1.4rem;margin-bottom:.5rem}.work-style-item .work-style-item-desc[data-v-a0651556]{color:#57534e;font-size:1rem;line-height:1.6;word-break:keep-all}.pos-0[data-v-a0651556]{bottom:25%;left:calc(80vh + 20vw)}.pos-1[data-v-a0651556]{left:calc(160vh + 20vw);top:15%}.pos-2[data-v-a0651556]{bottom:15%;left:calc(240vh + 20vw)}.skills-wrapper[data-v-c0370fdd]{color:#242424;font-family:DXTaja,sans-serif;height:100vh;overflow:hidden;position:relative;width:100%}.skills-wrapper .skills-container[data-v-c0370fdd]{display:flex;height:100%;justify-content:center;width:100%}.skills-wrapper .skills-container .face-image[data-v-c0370fdd]{bottom:-5%;height:auto;mix-blend-mode:multiply;position:absolute;width:100%}.skills-wrapper .skills-container .face-image img[data-v-c0370fdd]{height:100%;-o-object-fit:contain;object-fit:contain;width:50%}.skills-wrapper .skills-container .left-panel[data-v-c0370fdd]{height:100%;overflow:hidden;position:relative;width:64%}.skills-wrapper .skills-container .left-panel .bg-overlay[data-v-c0370fdd]{background-color:#312721b8;inset:0;position:absolute}.skills-wrapper .skills-container .left-panel .text-content[data-v-c0370fdd]{color:#ebe3dd;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:flex-start;padding-top:20vh;position:relative;width:100%;z-index:10}.skills-wrapper .skills-container .left-panel .text-content .intro-text[data-v-c0370fdd]{align-items:flex-end;display:flex;font-size:1rem;line-height:1.4;margin:0 1rem;width:72%}.skills-wrapper .skills-container .left-panel .text-content .header-group[data-v-c0370fdd]{align-self:flex-start;margin-bottom:0;margin-left:1rem;margin-top:0}.skills-wrapper .skills-container .left-panel .text-content .header-group .subtitle[data-v-c0370fdd]{font-family:Special Elite,cursive;font-size:1rem;margin-bottom:.5rem}.skills-wrapper .skills-container .left-panel .text-content .header-group .title[data-v-c0370fdd]{font-family:Special Elite,cursive;font-size:clamp(62.4px,5.2vw,104px);line-height:1}.skills-wrapper .skills-container .left-panel .text-content .divider-line[data-v-c0370fdd]{background-color:#ffffffbe;height:1px;margin:1rem 0;width:84%}.skills-wrapper .skills-container .left-panel .text-content .description-text[data-v-c0370fdd]{font-size:1rem;line-height:1.4;margin:0 1rem;width:72%}.skills-wrapper .skills-container .left-panel[data-v-c0370fdd]{font-size:14px;line-height:1.2}.skills-wrapper .icon-carousel-container[data-v-c0370fdd]{height:60vh;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:50}.skills-wrapper .icon-carousel-container .icon-item[data-v-c0370fdd]{align-items:center;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;will-change:transform,top,opacity}.skills-wrapper .icon-carousel-container .icon-item img[data-v-c0370fdd]{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.skills-wrapper .icon-carousel-container .icon-item .icon-placeholder[data-v-c0370fdd]{align-items:center;background-color:#555;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.skills-wrapper .right-panel[data-v-c0370fdd]{height:100%;position:relative;text-align:right;width:50%}.skills-wrapper .right-panel .bg-overlay[data-v-c0370fdd]{background-color:#ffffff73;inset:0;position:absolute;z-index:0}.skills-wrapper .right-panel .dial-viewport[data-v-c0370fdd]{height:100%;overflow:hidden;pointer-events:none;position:relative;width:100%}.skills-wrapper .right-panel .dial-list[data-v-c0370fdd]{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:flex-end;list-style:none;margin:0;padding:0 4vw 8px 0;position:relative;width:100%}.skills-wrapper .right-panel .dial-item[data-v-c0370fdd]{align-items:center;display:flex;gap:6px;height:auto;justify-content:flex-end;margin-top:6px;position:relative}.skills-wrapper .right-panel .dial-item .list-icon[data-v-c0370fdd]{height:4vh;-o-object-fit:contain;object-fit:contain;width:4vh}.skills-wrapper .right-panel .dial-item span[data-v-c0370fdd]{display:block;font-size:4vh;line-height:1;white-space:nowrap;will-change:transform,opacity}@media(max-width:768px){.skills-wrapper .skills-container .face-image img[data-v-c0370fdd]{width:100%}.skills-wrapper .skills-container .left-panel[data-v-c0370fdd]{width:50%}.skills-wrapper .skills-container .left-panel .text-content[data-v-c0370fdd]{padding-top:10vh}.skills-wrapper .skills-container .left-panel .text-content .intro-text[data-v-c0370fdd]{font-size:.8rem}.skills-wrapper .skills-container .left-panel .text-content .header-group .title[data-v-c0370fdd]{font-size:7vw}.skills-wrapper .skills-container .right-panel[data-v-c0370fdd]{width:50%}.skills-wrapper .skills-container .right-panel .bg-overlay[data-v-c0370fdd]{background-color:#e3d7ced9;inset:0;position:absolute;z-index:0}.skills-wrapper .skills-container .right-panel .dial-viewport[data-v-c0370fdd]{height:100%}.skills-wrapper .skills-container .right-panel .dial-list[data-v-c0370fdd]{padding-right:1rem}.skills-wrapper .skills-container .right-panel .dial-item span[data-v-c0370fdd]{font-size:20px;font-weight:700}}.history-wrapper[data-v-745857c7]{color:#242424;font-family:DXTaja,sans-serif;height:auto;overflow:visible;position:relative;width:100%}.history-container[data-v-745857c7]{height:100%;min-height:800px;width:100%}.history-container[data-v-745857c7],.history-container .header[data-v-745857c7]{display:flex;flex-direction:column;position:relative}.history-container .header[data-v-745857c7]{align-items:center;line-height:1;z-index:1}.history-container .header .header-top[data-v-745857c7]{align-items:center;display:flex;gap:2rem;position:relative}.history-container .header .main-title[data-v-745857c7]{font-family:Special Elite,cursive;font-size:4rem;line-height:1}.history-container .header .badge-center[data-v-745857c7]{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:160px}.history-container .header .badge-center .badge-bg[data-v-745857c7]{height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%}.history-container .header .badge-center .badge-content[data-v-745857c7]{position:relative;z-index:10}.history-container .header .badge-center .badge-content .number[data-v-745857c7]{color:#1a1a1a;font-family:Special Elite,cursive;font-size:5rem}.history-container .header .badge-center .badge-label[data-v-745857c7]{bottom:1.5rem;font-size:.875rem;font-weight:700;letter-spacing:.1em;position:absolute;transform:rotate(-6deg)}.history-container .header .sub-desc-container[data-v-745857c7]{margin-top:1rem;text-align:right}.history-container .header .sub-desc-container .sub-desc[data-v-745857c7]{color:#444;font-family:DXTaja,sans-serif;font-size:1.125rem;line-height:1.625}.history-container .illustration-area[data-v-745857c7]{bottom:0;flex-shrink:0;height:100%;opacity:.6;overflow:hidden;position:absolute;width:100%}.history-container .illustration-area .tree-img[data-v-745857c7]{height:auto;left:clamp(-320px,-16vw,-192px);max-width:none;position:relative;top:40%;width:clamp(768px,64vw,1280px)}.text-content-area[data-v-745857c7]{align-items:center;display:flex;flex:1;flex-direction:row;height:1440px;justify-content:center;padding:12vmax 2rem 20vmax 5rem;z-index:1}.text-content-area .log-wrapper[data-v-745857c7]{height:360px;width:360px;z-index:2}.text-content-area .log-wrapper .log-img[data-v-745857c7]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.text-content-area .log-wrapper .lines-container[data-v-745857c7]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.text-content-area .job-list[data-v-745857c7]{display:flex;flex-direction:column;gap:3rem;line-height:1.2}.text-content-area .job-list .job-item[data-v-745857c7]{position:relative}.text-content-area .job-list .job-item .job-title[data-v-745857c7]{font-family:Special Elite,cursive;font-size:clamp(28.8px,2.4vw,48px)}.text-content-area .job-list .job-item .job-meta[data-v-745857c7]{align-items:baseline;display:flex;font-family:Special Elite,cursive;font-size:clamp(21.6px,1.8vw,36px);gap:1rem}.text-content-area .job-list .job-item .job-meta .duration[data-v-745857c7]{font-size:clamp(19.2px,1.6vw,32px);font-weight:700}.text-content-area .job-list .job-item .job-meta .period[data-v-745857c7]{color:#393939;font-family:DXTaja,sans-serif;font-size:clamp(12px,1vw,20px)}.text-content-area .job-list .job-item .job-desc[data-v-745857c7]{font-size:clamp(12px,1vw,20px);line-height:1.2;max-width:50vw;word-break:keep-all}.text-content-area .job-list .reco-item[data-v-745857c7]{margin-left:15%}.text-content-area .job-list .bankbe-item[data-v-745857c7]{margin-left:25%}@media(max-width:768px){.history-container[data-v-745857c7]{flex-direction:column;min-height:auto}.history-container .header .header-top[data-v-745857c7]{height:280px;justify-content:center;width:100%}.history-container .header .header-top .main-title[data-v-745857c7]{font-size:3.5rem;position:absolute;z-index:2}.history-container .header .header-top .left-title[data-v-745857c7]{left:10%;top:0;transform:translate(-20%,20%)}.history-container .header .header-top .right-title[data-v-745857c7]{bottom:0;right:5%;transform:translate(20%,-20%)}.history-container .header .header-top .badge-center[data-v-745857c7]{height:140px;width:140px}.history-container .header .header-top .badge-center .badge-content .number[data-v-745857c7]{font-size:4rem}.history-container .header .sub-desc-container[data-v-745857c7]{margin-bottom:2rem;padding-right:2rem}.illustration-area[data-v-745857c7]{height:100%;pointer-events:none;width:100%;z-index:0}.illustration-area .tree-img[data-v-745857c7]{bottom:0;height:auto;left:-25%;-o-object-fit:cover;object-fit:cover;opacity:.8;position:absolute;top:auto;transform:none;width:150%}.text-content-area[data-v-745857c7]{align-items:flex-start;flex-direction:row;gap:1rem;height:auto;padding:5rem 1rem 10rem}.text-content-area .log-wrapper[data-v-745857c7]{flex-shrink:0;height:40vw;margin-top:5rem;width:40vw;z-index:2}.text-content-area .log-wrapper .lines-container[data-v-745857c7]{display:none}.text-content-area .job-list[data-v-745857c7]{flex:1;gap:4rem}.text-content-area .job-list .bankbe-item[data-v-745857c7],.text-content-area .job-list .reco-item[data-v-745857c7]{margin-left:0}.text-content-area .job-list .job-title[data-v-745857c7]{font-size:1.2rem}.text-content-area .job-list .job-meta[data-v-745857c7]{gap:.5rem}.text-content-area .job-list .job-meta .duration[data-v-745857c7]{font-size:1.5rem}.text-content-area .job-list .job-meta .period[data-v-745857c7]{font-size:.875rem}.text-content-area .job-list .job-desc[data-v-745857c7]{font-size:.875rem;word-break:keep-all}}.scroll-ribbon-container[data-v-745857c7]{height:600px;left:0;overflow:visible;pointer-events:none;position:absolute;top:-240px;width:100%;z-index:5}.scroll-ribbon-container .ribbon-svg[data-v-745857c7]{height:100%;width:100%}.scroll-ribbon-container .ribbon-svg #curvePath[data-v-745857c7]{stroke:#36533b;stroke-linecap:round;stroke-width:clamp(80px,15vw,180px)}.scroll-ribbon-container .ribbon-svg .ribbon-text[data-v-745857c7]{fill:#ebe9d6;font-family:Anton,sans-serif;font-size:clamp(40px,8vw,100px);font-weight:400;letter-spacing:2px}.project-slide[data-v-1bed5e1e]{background-color:#242438dd;font-family:Special Elite,DXIlgeupBimil,"Noto Serif KR",serif;height:100vh;overflow:hidden;position:relative;width:100%}.slide-inner-wrapper[data-v-1bed5e1e]{height:100%;position:relative;width:100%}.parallel-background[data-v-1bed5e1e]{background-color:#1e1e2e;height:150%;opacity:.25;overflow:hidden;position:absolute;right:0;top:0;width:50%;z-index:1}.parallel-background .bg-grid[data-v-1bed5e1e]{display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1rem}.parallel-background .bg-grid .grid-item[data-v-1bed5e1e]{border-radius:8px;max-height:25vh;overflow:hidden;position:relative;width:100%}.parallel-background .bg-grid .grid-item img[data-v-1bed5e1e]{filter:grayscale(30%);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.content-layer[data-v-1bed5e1e]{height:100vh;left:0;position:absolute;top:0;width:100%;z-index:2}.content-layer .content-box[data-v-1bed5e1e]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr;height:100%;width:100%}.content-layer .content-box .content-top[data-v-1bed5e1e]{align-items:center;display:flex;flex-direction:column;grid-column:1/2;grid-row:1/2;justify-content:flex-end}.content-layer .content-box .content-top .abs-img[data-v-1bed5e1e]{height:16vmin;min-width:168px;-o-object-fit:contain;object-fit:contain;position:relative;width:16vmin}.content-layer .content-box .content-top .main-title[data-v-1bed5e1e]{color:transparent;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5));font-size:36px;line-height:1;margin:0}.content-layer .content-box .content-text-group[data-v-1bed5e1e],.content-layer .content-box .content-top .main-title[data-v-1bed5e1e]{-webkit-background-clip:text;background-clip:text;background-image:url(../assets/portfolio/text-noise3.png);background-repeat:repeat;background-size:400px}.content-layer .content-box .content-text-group[data-v-1bed5e1e]{align-items:center;color:#c9c9c9;color:transparent;display:flex;flex-direction:column;grid-column:1/2;grid-row:2/3;padding-top:16px}.content-layer .content-box .content-text-group .date-main[data-v-1bed5e1e]{font-size:16px;margin:0;text-align:left}.content-layer .content-box .content-text-group .description[data-v-1bed5e1e]{font-size:20px;font-weight:300;line-height:1.4;margin-top:16px;min-width:320px;width:72%}.content-layer .content-box .content-text-group .portfolio-link[data-v-1bed5e1e]{display:block;font-size:18px;margin-top:1rem;pointer-events:auto;text-decoration:none;transition:all .3s ease}.content-layer .content-box .content-text-group .portfolio-link[data-v-1bed5e1e]:hover{border-bottom:1px solid #4ade80;color:#4ade80;transform:translate(4px)}@media(max-width:768px){.parallel-background[data-v-1bed5e1e]{filter:brightness(.6);width:100%}.content-layer .content-box .content-top[data-v-1bed5e1e]{grid-column:1/-1}.content-layer .content-box .content-top .abs-img[data-v-1bed5e1e]{height:auto;width:70vw}.content-layer .content-box .content-top .main-title[data-v-1bed5e1e]{font-size:3rem;text-align:center}.content-layer .content-box .content-text-group[data-v-1bed5e1e]{grid-column:1/-1;justify-self:center;padding-left:0;padding-right:0;text-align:center}.content-layer .content-box .content-text-group .date-main[data-v-1bed5e1e]{font-size:1rem;text-align:center}.content-layer .content-box .content-text-group .description[data-v-1bed5e1e]{font-size:.875rem;max-width:80vw;text-align:center;width:auto;word-break:keep-all}}.datadog-slide[data-v-16e58705]{background-color:#2c1c2add;font-family:Special Elite,DXIlgeupBimil,"Noto Serif KR",serif;height:100vh;justify-content:center;overflow:hidden}.datadog-slide[data-v-16e58705],.datadog-slide .slide-inner-wrapper[data-v-16e58705]{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.datadog-slide .slide-inner-wrapper[data-v-16e58705]{height:100%;padding-top:0}.datadog-slide .slide-inner-wrapper .split-top[data-v-16e58705]{align-items:center;display:flex;height:50%;justify-content:center;position:relative;width:100%}.datadog-slide .slide-inner-wrapper .split-top .image-section[data-v-16e58705]{aspect-ratio:722/762;height:100%;margin-bottom:0;max-width:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:10}.datadog-slide .slide-inner-wrapper .split-top .image-frame[data-v-16e58705]{height:100%;position:relative;width:100%}.datadog-slide .slide-inner-wrapper .split-top .image-frame .image-container[data-v-16e58705]{border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.datadog-slide .slide-inner-wrapper .split-top .image-frame .image-container .datadog-img[data-v-16e58705]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.datadog-slide .slide-inner-wrapper .split-top .image-frame .image-container .datadog-img.base-img[data-v-16e58705]{transform:scale(1.3);z-index:1}.datadog-slide .slide-inner-wrapper .split-top .image-frame .image-container .datadog-img.cover-img[data-v-16e58705]{clip-path:inset(0 0 0 0);transform:scale(1.3);z-index:2}.datadog-slide .slide-inner-wrapper .split-top .image-frame .image-stitch[data-v-16e58705]{border:1px dashed hsla(0,0%,100%,.4);border-radius:4px;inset:6px;pointer-events:none;position:absolute;z-index:10}.datadog-slide .slide-inner-wrapper .split-bottom[data-v-16e58705]{align-items:center;display:flex;height:64%;justify-content:center;position:relative;width:100%}.datadog-slide .slide-inner-wrapper .split-bottom .text-group[data-v-16e58705]{align-items:center;-webkit-background-clip:text;background-clip:text;background-image:url(../assets/portfolio/text-noise3.png);background-repeat:repeat;background-size:400px;color:#c9c9c9;color:transparent;display:flex;flex-direction:column;justify-content:center;max-width:600px;padding:0 2rem;text-align:center;width:100%;z-index:10}.datadog-slide .slide-inner-wrapper .split-bottom .text-group .main-title[data-v-16e58705]{font-size:36px;line-height:1.4}.datadog-slide .slide-inner-wrapper .split-bottom .text-group .date-main[data-v-16e58705]{font-size:16px;text-align:left}.datadog-slide .slide-inner-wrapper .split-bottom .text-group .description[data-v-16e58705]{font-size:18px;font-weight:300;line-height:1.6;margin-top:16px;min-width:320px;width:100%}.datadog-slide .slide-inner-wrapper .split-bottom .text-group .links-group[data-v-16e58705]{display:flex;gap:20px;margin-top:24px}.datadog-slide .slide-inner-wrapper .split-bottom .text-group .links-group .portfolio-link[data-v-16e58705]{display:block;font-size:18px;pointer-events:auto;text-decoration:none;transition:all .3s ease}.datadog-slide .slide-inner-wrapper .split-bottom .text-group .links-group .portfolio-link[data-v-16e58705]:hover{border-bottom:1px solid #4ade80;color:#4ade80;transform:translate(4px)}@media(max-width:768px){.datadog-slide .slide-inner-wrapper .split-bottom[data-v-16e58705]{align-items:flex-start;padding-top:4vh}.datadog-slide .slide-inner-wrapper .split-bottom .text-group .main-title[data-v-16e58705]{font-size:2.4rem}.datadog-slide .slide-inner-wrapper .split-bottom .text-group[data-v-16e58705]{font-size:.875rem;margin-bottom:8px}.datadog-slide .slide-inner-wrapper .split-bottom .text-group .description[data-v-16e58705]{font-size:.8rem}}.bankbe-slide[data-v-9fe6fb38]{background-color:#3a3314aa;color:#c9c9c9;font-family:Special Elite,DXIlgeupBimil,"Noto Serif KR",serif;height:100vh;justify-content:center;overflow:hidden}.bankbe-slide[data-v-9fe6fb38],.bankbe-slide .content-container[data-v-9fe6fb38]{align-items:center;display:flex;position:relative;width:100%}.bankbe-slide .content-container[data-v-9fe6fb38]{flex-direction:column;gap:24px;max-width:1100px;z-index:1}.branding-section[data-v-9fe6fb38]{align-items:center;display:flex;flex-direction:column}.branding-section .logo-wrapper[data-v-9fe6fb38]{height:auto;width:168px}.branding-section .logo-wrapper .brand-logo[data-v-9fe6fb38]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.branding-section .brand-title[data-v-9fe6fb38]{font-size:36px;font-weight:400;letter-spacing:2px;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.2)}.projects-grid[data-v-9fe6fb38]{display:grid;gap:36px;grid-template-columns:repeat(3,1fr);width:100%}.projects-grid .project-item[data-v-9fe6fb38]{-webkit-background-clip:text;background-clip:text;background-image:url(../assets/portfolio/text-noise3.png);background-repeat:repeat;background-size:200px;display:flex;flex-direction:column;text-align:left}.projects-grid .project-item .project-title[data-v-9fe6fb38]{font-size:24px}.projects-grid .project-item .project-date[data-v-9fe6fb38]{font-family:inherit;font-size:16px;margin-top:8px}.projects-grid .project-item .project-desc[data-v-9fe6fb38]{font-size:18px;line-height:1.6;margin-top:16px;word-break:keep-all}@media(max-width:768px){.bankbe-slide[data-v-9fe6fb38]{height:auto;padding:80px 0}.content-container[data-v-9fe6fb38]{gap:2rem}.branding-section .logo-wrapper[data-v-9fe6fb38]{height:120px;width:120px}.branding-section .brand-title[data-v-9fe6fb38]{font-size:2.5rem}.projects-grid[data-v-9fe6fb38]{gap:3rem;grid-template-columns:1fr;padding:0 2rem}.project-item[data-v-9fe6fb38]{align-items:center;text-align:center}}.other-works-slide[data-v-1ab7d9d0]{align-items:center;background-color:#462d12;color:#c9c9c9;display:flex;flex-direction:column;font-family:Special Elite,DXIlgeupBimil,"Noto Serif KR",serif;height:100%;justify-content:center;min-height:100vh;overflow:hidden;padding-top:4rem;position:relative;width:100%}.header-section[data-v-1ab7d9d0]{margin-bottom:2rem}.header-section .main-title[data-v-1ab7d9d0]{font-size:36px;font-weight:400;letter-spacing:2px;line-height:1.6;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);text-transform:lowercase}.projects-container[data-v-1ab7d9d0]{display:flex;gap:36px;justify-content:center;max-width:1100px;padding:0 2rem;width:100%}.project-col[data-v-1ab7d9d0]{align-items:center;-webkit-background-clip:text;background-clip:text;background-image:url(../assets/portfolio/text-noise3.png);background-repeat:repeat;background-size:200px;display:flex;flex:1;flex-direction:column}.project-col .logo-wrapper[data-v-1ab7d9d0]{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:1rem}.project-col .logo-wrapper img[data-v-1ab7d9d0]{filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));height:auto;max-width:168px;-o-object-fit:contain;object-fit:contain}.project-col .project-name[data-v-1ab7d9d0]{font-size:24px;margin:0}.project-col .project-date[data-v-1ab7d9d0]{font-family:inherit;font-size:16px;margin-top:8px;opacity:.8}.project-col .project-desc[data-v-1ab7d9d0]{font-size:18px;line-height:1.6;margin-top:16px;max-width:320px;word-break:keep-all}@media(max-width:768px){.projects-container[data-v-1ab7d9d0]{flex-direction:column;gap:3rem}.header-section[data-v-1ab7d9d0]{margin-bottom:1rem}.header-section .main-title[data-v-1ab7d9d0]{font-size:2.5rem}.project-col .project-name[data-v-1ab7d9d0]{font-size:1.6rem}.project-col .project-date[data-v-1ab7d9d0]{font-size:.8rem}.project-col .logo-wrapper[data-v-1ab7d9d0]{height:60px;width:40vw}.project-col .project-desc[data-v-1ab7d9d0]{font-size:1rem}}.portfolio-stack-wrapper[data-v-5c2f0d1d]{color:#fff;font-family:Special Elite,monospace;height:100vh;overflow:hidden;position:relative;width:100%}.stack-background[data-v-5c2f0d1d]{background:transparent;height:100%;inset:0;position:absolute;width:100%}.timeline-nav[data-v-5c2f0d1d]{justify-content:center;left:0;pointer-events:none;position:absolute;top:5rem;width:100%;z-index:100}.timeline-nav[data-v-5c2f0d1d],.timeline-nav .timeline-inner[data-v-5c2f0d1d]{align-items:flex-start;display:flex;gap:.5rem}.timeline-nav .timeline-inner[data-v-5c2f0d1d]{position:relative}.timeline-nav.blend-layer[data-v-5c2f0d1d]{mix-blend-mode:difference}.timeline-nav.blend-layer .timeline-vehicle[data-v-5c2f0d1d]{display:none}.timeline-nav.normal-layer[data-v-5c2f0d1d]{mix-blend-mode:normal}.timeline-nav.normal-layer .nav-item[data-v-5c2f0d1d],.timeline-nav.normal-layer .nav-line[data-v-5c2f0d1d]{visibility:hidden}.timeline-nav .nav-item[data-v-5c2f0d1d]{align-items:center;cursor:pointer;display:flex;flex-direction:column;pointer-events:auto;position:relative}.timeline-nav .nav-item .dot[data-v-5c2f0d1d]{background:#ffffff4d;border-radius:50%;height:10px;margin-bottom:5px;transition:all .3s;width:10px}.timeline-nav .nav-item .label[data-v-5c2f0d1d]{bottom:-100%;color:#fff;font-size:.8rem;opacity:.7;position:absolute;text-align:center}.timeline-nav .nav-item.active .dot[data-v-5c2f0d1d]{background:#d7b5b5;height:16px;width:16px}.timeline-nav .nav-item.active .label[data-v-5c2f0d1d]{opacity:1;white-space:nowrap}.timeline-nav .nav-line[data-v-5c2f0d1d]{background:#ffffff4d;border-top:1px dashed hsla(0,0%,100%,.5);height:1px;margin-top:.5rem;position:relative;width:60px}.timeline-nav .nav-line .line-fill[data-v-5c2f0d1d]{height:1px;left:0;overflow:hidden;position:absolute;top:-1px;width:0}.timeline-nav .nav-line .line-fill .fill-inner[data-v-5c2f0d1d]{background:#fffc;border-top:1px dashed #fff;height:1px;width:60px}.timeline-nav .timeline-vehicle[data-v-5c2f0d1d]{height:auto;left:0;pointer-events:none;position:absolute;top:-60px;transform:translate(-50%);width:120px;z-index:101}.timeline-nav .timeline-vehicle img[data-v-5c2f0d1d]{filter:drop-shadow(0 4px 4px rgba(0,0,0,.3));height:auto;width:100%}.slides-container[data-v-5c2f0d1d]{height:100vh;position:relative;width:100%;z-index:10}.slide-item[data-v-5c2f0d1d]{height:110vh;left:0;overflow:hidden;padding-bottom:10vh;position:absolute;top:0}.slide-content[data-v-5c2f0d1d],.slide-item[data-v-5c2f0d1d]{align-items:center;display:flex;justify-content:center;width:100%}.slide-content[data-v-5c2f0d1d]{color:#242424;flex-direction:column;height:100%;max-width:600px;padding:2rem;text-align:center}.slide-content .slide-title[data-v-5c2f0d1d]{color:#242424;font-size:4rem;margin-bottom:1rem}.slide-content .slide-desc[data-v-5c2f0d1d]{color:#444;font-size:1.5rem;margin-bottom:2rem}.slide-content .slide-indicator[data-v-5c2f0d1d]{border:1px solid #242424;border-radius:50px;color:#242424;display:inline-block;font-size:.8rem;padding:.5rem 1rem;text-transform:uppercase}.lets-work-together[data-v-cfdccfa5]{background-color:transparent;height:100vh;overflow:hidden;position:relative;width:100%}.pin-wrapper[data-v-cfdccfa5]{justify-content:center;position:relative}.layer[data-v-cfdccfa5],.pin-wrapper[data-v-cfdccfa5]{align-items:center;display:flex;height:100%;width:100%}.layer[data-v-cfdccfa5]{flex-direction:column;justify-content:flex-start;pointer-events:none;position:absolute}.envelope-back-layer[data-v-cfdccfa5]{z-index:10}.paper-layer[data-v-cfdccfa5]{z-index:20}.envelope-front-layer[data-v-cfdccfa5]{z-index:30}.envelope-sizer[data-v-cfdccfa5]{display:flex;flex-shrink:0;justify-content:center;margin-bottom:0;margin-top:auto;position:relative;width:clamp(768px,80%,1600px)}.env-img[data-v-cfdccfa5]{display:block;height:auto;width:100%}.envelope-content[data-v-cfdccfa5]{color:#2c1e16;flex-direction:column;font-family:Special Elite,cursive;height:90%;left:clamp(24px,2vw,40px);pointer-events:auto;position:absolute;right:clamp(24px,2vw,40px);top:5%}.envelope-content[data-v-cfdccfa5],.top-text[data-v-cfdccfa5]{display:flex;justify-content:space-between}.top-text[data-v-cfdccfa5]{font-size:clamp(72px,6vw,120px);line-height:1.1}.top-text .thank-for[data-v-cfdccfa5],.top-text .you-watching[data-v-cfdccfa5]{display:flex;flex-direction:column}.top-text .thank-for span[data-v-cfdccfa5],.top-text .you-watching span[data-v-cfdccfa5]{opacity:0;transform:translateY(50px)}.top-text .you-watching[data-v-cfdccfa5]{align-items:flex-end;text-align:right}.bottom-group[data-v-cfdccfa5]{display:flex;flex-direction:column}.info-line[data-v-cfdccfa5]{align-items:flex-end;border-bottom:2px solid #2c1e16;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:.5rem;opacity:0;padding-bottom:1rem;transform:translateY(30px)}.info-line .right[data-v-cfdccfa5]{display:flex;flex-direction:column;text-align:right}.hyunsoo[data-v-cfdccfa5]{font-size:clamp(204px,17vw,340px);letter-spacing:-.02em;line-height:1;margin:0 0 clamp(-120px,-6vw,-72px);opacity:0;text-align:center;transform:translateY(100px)}.composition[data-v-cfdccfa5]{display:grid;height:100%;place-items:center;position:relative;width:100%}.tree-container[data-v-cfdccfa5]{grid-area:1/1;height:495px;position:relative;width:381px;z-index:1}.tree-image[data-v-cfdccfa5]{height:100%;-o-object-fit:contain;object-fit:contain;opacity:.9;width:100%}.text-layer[data-v-cfdccfa5]{align-items:center;gap:200px;grid-area:1/1;height:100%;pointer-events:none;width:100%;z-index:2}.text-group[data-v-cfdccfa5],.text-layer[data-v-cfdccfa5]{display:flex;justify-content:center}.text-group[data-v-cfdccfa5]{flex-direction:column;pointer-events:auto}.text-group.left[data-v-cfdccfa5]{align-items:flex-end;text-align:right}.text-group.right[data-v-cfdccfa5]{align-items:flex-start;text-align:left}.title-main[data-v-cfdccfa5]{color:#eaddd3;font-family:Special Elite,sans-serif;font-size:48px;line-height:normal;opacity:0;white-space:nowrap}.subtitle[data-v-cfdccfa5]{color:#eaddd3;font-family:DXTaja,sans-serif;font-size:12px;font-weight:500;line-height:16px;margin-top:20px;opacity:1;position:relative}.subtitle .word-mask[data-v-cfdccfa5]{display:inline-block;overflow:hidden;vertical-align:top}.subtitle .word[data-v-cfdccfa5]{display:inline-block;opacity:0}.subtitle.left[data-v-cfdccfa5]{text-align:right;white-space:normal;width:182px}.subtitle.right[data-v-cfdccfa5]{white-space:nowrap}[data-v-cfdccfa5] .paper-tile{background-blend-mode:multiply!important;background-color:#58534c!important}@media(max-width:768px){.envelope-sizer[data-v-cfdccfa5]{width:100%}.envelope-content[data-v-cfdccfa5]{left:1rem;right:1rem;top:6%}.top-text[data-v-cfdccfa5]{font-size:48px}.info-line[data-v-cfdccfa5]{font-size:12px;padding-bottom:.5rem}.info-line .contact-note[data-v-cfdccfa5]{font-size:11px}.hyunsoo[data-v-cfdccfa5]{font-size:22vw;margin-bottom:-4vw}.tree-container[data-v-cfdccfa5]{height:182px;width:140px}.text-layer[data-v-cfdccfa5]{gap:40px}.title-main[data-v-cfdccfa5]{font-size:48px}.subtitle[data-v-cfdccfa5]{font-size:12px;margin-top:10px}.subtitle.left[data-v-cfdccfa5]{width:80px}}@media(orientation:landscape){.layer[data-v-cfdccfa5]{justify-content:flex-end}.envelope-sizer[data-v-cfdccfa5]{margin-top:0}}