body{margin:0;padding:0}.works-list[data-v-acc3f39b]::-webkit-scrollbar-button{opacity:0!important;width:0!important;height:0!important;display:none!important}.works-list[data-v-acc3f39b]::-webkit-scrollbar-button:start{opacity:0!important;width:0!important;height:0!important;display:none!important}.works-list[data-v-acc3f39b]::-webkit-scrollbar-button:end{opacity:0!important;width:0!important;height:0!important;display:none!important}.works-list[data-v-acc3f39b]::-webkit-scrollbar-button:vertical:decrement{opacity:0!important;width:0!important;height:0!important;display:none!important}.works-list[data-v-acc3f39b]::-webkit-scrollbar-button:vertical:increment{opacity:0!important;width:0!important;height:0!important;display:none!important}.main-title[data-v-acc3f39b]{font-size:var(--font-size-hero);font-weight:var(--weight-bold)}.description[data-v-acc3f39b]{font-size:var(--font-size-sub);color:#666}.fullpage-wrapper[data-v-acc3f39b]{width:100%;height:100vh;position:relative;overflow:hidden}@media (width<=768px){.fullpage-wrapper[data-v-acc3f39b]{height:auto!important;overflow-y:auto!important}}.main-container[data-v-acc3f39b]{width:100%;height:100vh}.section[data-v-acc3f39b]{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.premium-test-page[data-v-4d0a41c9]{background-color:#fff;justify-content:center;align-items:center;width:100%;height:100vh;font-family:sans-serif;display:flex;position:relative;overflow:hidden}.high-quality-grain[data-v-4d0a41c9]{opacity:.3;pointer-events:none;z-index:1;mix-blend-mode:screen;background-image:url(https://www.transparenttextures.com/patterns/dark-matter.png);background-repeat:repeat;width:calc(100% + 300px);height:calc(100% + 300px);animation:.25s steps(8,end) infinite cinematic-noise-4d0a41c9;position:absolute;top:-150px;left:-150px}.test-container[data-v-4d0a41c9]{z-index:2;text-align:center;max-width:600px;padding:0 20px;position:relative}.test-container .status-badge[data-v-4d0a41c9]{letter-spacing:.1em;color:#477ffa;background:#477ffa0d;border:1px solid #477ffa4d;border-radius:100px;margin-bottom:24px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-block}.test-container .test-title[data-v-4d0a41c9]{color:#fff;letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(3.2rem,5vw,4.8rem);font-weight:900;line-height:1.2}.test-container .test-description[data-v-4d0a41c9]{color:#8e939e;margin-bottom:40px;font-size:1.1rem;line-height:1.6}.test-container .btn-primary[data-v-4d0a41c9]{color:#fff;background-color:#477ffa;border-radius:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.test-container .btn-primary[data-v-4d0a41c9]:hover{background-color:#3666d6;transform:translateY(-2px)}@keyframes cinematic-noise-4d0a41c9{0%{transform:translate(0)}13%{transform:translate(-10px,15px)rotate(1deg)}25%{transform:translate(20px,-10px)rotate(-1.5deg)}38%{transform:translate(-15px,-20px)rotate(2deg)}50%{transform:translate(20px,10px)rotate(-1deg)}63%{transform:translate(-25px,5px)rotate(1.5deg)}75%{transform:translate(10px,-15px)rotate(-2deg)}88%{transform:translate(-5px,20px)rotate(.5deg)}to{transform:translate(0)}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--font-size-hero:clamp(3.2rem, 6vw, 10rem);--font-size-h1:clamp(2.4rem, 4vw, 3.6rem);--font-size-h2:clamp(2rem, 3vw, 2.8rem);--font-size-body:1.6rem;--font-size-sub:1.4rem;--font-size-caption:1.2rem;--weight-bold:700;--weight-medium:500;--weight-regular:400}html{font-size:62.5%}body{font-family:Pretendard,-apple-system,sans-serif;font-size:var(--font-size-body);color:#333;line-height:1.5}.hero-title{font-size:var(--font-size-hero);font-weight:var(--weight-bold);letter-spacing:-.03em;line-height:1.1}@font-face{font-family:Pretendard-Variable;src:url(/assets/PretendardVariable-CJuje-Rk.woff2)format("woff2");font-style:normal;font-display:swap}*{font-family:Pretendard-Variable,sans-serif}.section-1{box-sizing:border-box;padding:0 200px}.section-1 header{box-sizing:border-box;justify-content:space-between;width:100%;padding:40px 50px;font-weight:600;display:inline-flex;position:absolute;top:0}@media (width<=1024px){.section-1{padding:0 50px}}@media (width<=320px){.section-1{padding:0 10px}}.mainWord{letter-spacing:-.05em;width:100%;font-weight:600;line-height:1}@media (width<=576px){.mainWord{line-height:1.5}}.mainWord .word1{text-align:center;font-size:12rem}@media (width<=1024px){.mainWord .word1{font-size:10rem}}@media (width<=768px){.mainWord .word1{font-size:8rem}}@media (width<=576px){.mainWord .word1{font-size:4rem}}.mainWord .word2{text-align:right;font-size:12rem}@media (width<=1024px){.mainWord .word2{font-size:10rem}}@media (width<=768px){.mainWord .word2{font-size:6rem}}@media (width<=576px){.mainWord .word2{font-size:6rem}}.mainWord .word3{box-sizing:border-box;border:5px solid #477ffa;width:fit-content;padding:0 20px;font-size:20rem;font-weight:900;position:relative}@media (width<=1024px){.mainWord .word3{font-size:12rem}}@media (width<=768px){.mainWord .word3{font-size:8rem}}@media (width<=576px){.mainWord .word3{border:4px solid #477ffa;margin:10px 0;font-size:5rem;line-height:1.2}}@media (width<=320px){.mainWord .word3{width:100%}}.mainWord .word3 .square{z-index:2;background-color:#fff;border:5px solid #477ffa;width:10px;height:10px;display:block;position:absolute}.mainWord .word3 .square.q0{top:-12px;left:-12px}.mainWord .word3 .square.q1{top:-12px;right:-12px}.mainWord .word3 .square.q2{bottom:-12px;left:-12px}.mainWord .word3 .square.q3{bottom:-12px;right:-12px}@media (width<=576px){.mainWord .word3 .square{border:4px solid #477ffa;width:6px;height:6px}.mainWord .word3 .square.q0{top:-9px;left:-9px}.mainWord .word3 .square.q1{top:-9px;right:-9px}.mainWord .word3 .square.q2{bottom:-9px;left:-9px}.mainWord .word3 .square.q3{bottom:-9px;right:-9px}}.mainWord .word4{text-align:right;font-size:11rem}@media (width<=1024px){.mainWord .word4{font-size:10rem}}@media (width<=768px){.mainWord .word4{font-size:8rem}}@media (width<=576px){.mainWord .word4{font-size:4rem}}.section-3{box-sizing:border-box;padding:120px 200px}@media (width<=1024px){.section-3{width:100vw;padding:100px}}@media (width<=576px){.section-3{padding:100px 0}}.section-3 .title{text-align:left;width:100%;font-size:6rem;font-weight:800;line-height:1.2}.section-3 .works-wrapper{border-top:5px solid #222;border-bottom:5px solid #222;width:100%;height:calc(100% - 100px);overflow:hidden}@media (width<=1024px){.section-3 .works-wrapper{width:75vw}}@media (width<=576px){.section-3 .works-wrapper{width:100vw}}.section-3 .works-list{background-color:#fff;background-clip:padding-box;width:100%;height:calc(100% + 40px);position:relative;overflow-y:scroll}.section-3 .works-list::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}.section-3 .works-list::-webkit-scrollbar{width:8px}.section-3 .works-list::-webkit-scrollbar-track{background:#fff}.section-3 .works-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:100px;transition:background-color .3s}.section-3 .works-list::-webkit-scrollbar-thumb:hover{background-color:#0006}.section-3 .works-list{scrollbar-width:thin;scrollbar-color:#0003 transparent}.section-3 .works-list .works-track{width:100%}.section-3 .works-list .work-item{cursor:pointer;background-color:#fff;border-bottom:2px solid #222;justify-content:space-between;align-items:center;padding:30px 40px;display:flex;overflow:hidden}@media (width<=1024px){.section-3 .works-list .work-item{padding:20px}}@media (width<=768px){.section-3 .works-list .work-item{padding:10px}}.section-3 .works-list .work-item{color:#222;transition:color .4s;position:relative}.section-3 .works-list .work-item>div{z-index:2;transition:all .4s;position:relative}.section-3 .works-list .work-item .work-title{font-size:2.4rem;font-weight:800}@media (width<=1024px){.section-3 .works-list .work-item .work-title{width:34%;font-size:2rem}}@media (width<=576px){.section-3 .works-list .work-item .work-title{font-size:1.6rem}}@media (width<=768px){.section-3 .works-list .work-item .work-comp,.section-3 .works-list .work-item .work-empty{display:none}}.section-3 .works-list .work-item .work-bnt{transition:all .4s}.section-3 .works-list .work-item:before{content:"";z-index:1;background-color:#222;width:100%;height:100%;transition:transform .5s cubic-bezier(.77,0,.175,1);position:absolute;top:0;left:0;transform:translate(-100%)}.section-3 .works-list .work-item:hover{color:#fff}.section-3 .works-list .work-item:hover:before{transform:translate(0)}.section-3 .works-list .work-item:hover .work-bnt{border-color:#fff}.portfolio-popup-overlay{transform-origin:50%;z-index:9999;box-sizing:border-box;background-color:#00000018;width:100%;height:100vh;padding:60px 40px;position:fixed;top:0;left:0;overflow-y:auto}@media (width<=768px){.portfolio-popup-overlay{padding:unset}}@media (width<=576px){.portfolio-popup-overlay{padding:unset}}.portfolio-popup-overlay{animation:.3s ease-in-out forwards fadeIn}.portfolio-popup-overlay.is-closing{animation:.3s ease-in-out forwards fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.popup-content{position:relative}.btn-close{cursor:pointer;background:0 0;border:none;padding:10px;font-size:1.5rem;font-weight:700;position:absolute;top:0;right:0}.portfolio-wrap{background-color:#fff;border-radius:10px;width:100%;height:100%;display:flex;overflow:hidden}@media (width<=768px){.portfolio-wrap{box-shadow:unset;border-radius:0;flex-direction:column-reverse}}.portfolio-wrap{box-shadow:0 6px 24px #0000000d,0 0 0 1px #00000014}.portfolio-wrap .left-bottom{box-sizing:border-box;background-color:#4764cc;align-items:flex-end;width:35%;padding:80px;display:flex}@media (width<=576px){.portfolio-wrap .left-bottom{width:unset;padding:20px}}.portfolio-wrap .info-text{color:#fff;flex-direction:column;gap:20px;line-height:1.5;display:flex}.portfolio-wrap .info-text .title{width:230px;font-size:2.4rem;font-weight:800}@media (width<=768px){.portfolio-wrap .info-text .title{width:unset;font-size:2rem}}.portfolio-wrap .info-text p{font-size:1.6rem;font-weight:200}@media (width<=768px){.portfolio-wrap .info-text p{font-size:1.4rem}}.portfolio-wrap .info-text .cont{box-sizing:border-box;background-color:#222;border-radius:8px;padding:10px;font-size:1.4rem;font-weight:300;display:flex}.portfolio-wrap .right-top{background-color:#fff;width:100%}.portfolio-wrap .right-top.gwangju{background-image:url(/assets/p-01-pgT73h4a.png);background-position:-18% 39%;background-repeat:no-repeat;background-size:120%}@media (width<=576px){.portfolio-wrap .right-top{height:100%;width:unset}.portfolio-wrap .right-top.gwangju{background-position:20% 39%;background-size:200%}}.skill{gap:12px;display:flex}.skill div{color:#222;background:#fff;border:1px solid #222;border-radius:20px;padding:1px 10px;font-size:1.2rem;display:inline-block}.acc{font-weight:900;display:inline-block}