@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";body{margin:0;padding:0}.works-list[data-v-d1254583]::-webkit-scrollbar-button{opacity:0!important;width:0!important;height:0!important;display:none!important}.works-list[data-v-d1254583]::-webkit-scrollbar-button:start{opacity:0!important;width:0!important;height:0!important;display:none!important}.works-list[data-v-d1254583]::-webkit-scrollbar-button:end{opacity:0!important;width:0!important;height:0!important;display:none!important}.works-list[data-v-d1254583]::-webkit-scrollbar-button:vertical:decrement{opacity:0!important;width:0!important;height:0!important;display:none!important}.works-list[data-v-d1254583]::-webkit-scrollbar-button:vertical:increment{opacity:0!important;width:0!important;height:0!important;display:none!important}.main-title[data-v-d1254583]{font-size:var(--font-size-hero);font-weight:var(--weight-bold)}.description[data-v-d1254583]{font-size:var(--font-size-sub);color:#666}.fullpage-wrapper[data-v-d1254583]{width:100%;height:100vh;position:relative;overflow:hidden}@media (width<=768px){.fullpage-wrapper[data-v-d1254583]{height:auto!important;overflow-y:auto!important}}.main-container[data-v-d1254583]{width:100%;height:100vh}.section[data-v-d1254583]{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}[data-v-d1254583]::-webkit-validation-bubble{display:none!important}[data-v-d1254583]::-webkit-scrollbar-corner{display:none!important}[data-v-d1254583]::-webkit-validation-bubble-message{opacity:0!important;color:#0000!important;background:0 0!important;border:none!important;display:none!important}[data-v-d1254583]::-webkit-validation-bubble-arrow{background:0 0!important;border:none!important;display:none!important}.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}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://example.com/MaterialIcons-Regular.eot);src:local(Material Icons),local(MaterialIcons-Regular),url(https://example.com/MaterialIcons-Regular.woff2)format("woff2"),url(https://example.com/MaterialIcons-Regular.woff)format("woff"),url(https://example.com/MaterialIcons-Regular.ttf)format("truetype")}.material-icons{text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}: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}@media (width<=1200px){.fullpage-wrapper{height:auto!important;overflow-y:auto!important}html,body,#app,.wrapper,[class*=layout]{height:auto!important;min-height:100vh!important;overflow:visible auto!important}.container,#container,ref로지정한컴포넌트클래스{height:auto!important;overflow:visible!important;transform:none!important}section,.section{height:auto!important;min-height:100vh!important}}.section-1{box-sizing:border-box;background-image:url(/assets/main-bg-CU2FLVoz.png);background-position:0 90%;background-repeat:no-repeat;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;animation:4s ease-in-out infinite word3-static-expand;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}}@keyframes line-pulse{0%,to{border-width:1px;border-color:#477ffa}50%{border-width:5px;border-color:#477ffa}}.mainWord .word3 .figma-cusor{height:20px;position:absolute;top:20px;right:-140px}.mainWord .word3 .figma-cusor img{font-size:1.6rem;display:block}.mainWord .word3 .figma-cusor:after{content:"고지영";background-color:#477ffa;margin-left:20px;padding:5px;font-size:1.6rem;display:block}.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-2{box-sizing:border-box;gap:100px;padding:120px 200px;display:flex;flex-direction:row!important}.section-2 .mb-20{margin-bottom:20px}.section-2 .left,.section-2 .right{flex-direction:column;justify-content:space-between;width:50%;height:100%;display:flex}.section-2 .left .top,.section-2 .right .top{flex-direction:column;gap:40px;display:flex}.section-2 .right{box-sizing:border-box;padding-top:130px}.section-2 .content{flex-direction:column;gap:20px;display:flex}.section-2 .content .title{font-size:2.4rem;font-weight:900}.section-2 .content .skill,.section-2 .content .archive{flex-wrap:wrap}.section-2 .content .skill>div,.section-2 .content .archive>div{padding:3px 20px;font-size:1.6rem}.section-2 .content .myintro>div{max-width:280px}.section-2 .content .myintro2{flex-direction:column;gap:5px;margin-top:20px;display:flex}.section-2 .content .myintro2>div{gap:10px}.section-2 .content .edu-cred{flex-direction:column;flex:100%;gap:10px;display:flex}.section-2 .content .edu-cred .title{font-size:2rem}.section-2 .content .edu-cred>div{flex-direction:row;gap:50px;display:flex}.section-2 .content .edu-cred>div>div{align-content:center}.section-2 .content .edu-cred .con-body{gap:100px}.section-2 .content .edu-cred .con-body :first-child{min-width:150px}@media (width<=1200px){.section-2{padding:100px}}@media (width<=1024px){.section-2{gap:40px;height:unset!important;flex-direction:column!important;padding:0 20px 200px!important}.section-2 .left,.section-2 .right{width:80%}.section-2 .right{padding-top:unset;gap:40px}}@media (width<=768px){.section-2,.section-2 .left .top{gap:40px}.section-2 .left,.section-2 .right{width:90%}.section-2 .right{padding-top:unset;gap:40px}.section-2 .content{gap:20px}.section-2 .content .myintro2>div,.section-2 .content .edu-cred .title{font-size:1.6rem}.section-2 .content .edu-cred .con-body{letter-spacing:-.5px;gap:10px}.section-2 .content .edu-cred .con-body :first-child{min-width:100px}.section-2 .content .skill,.section-2 .content .archive{flex-wrap:wrap}.section-2 .content .skill>div,.section-2 .content .archive>div{padding:3px 10px;font-size:1.2rem}}.section-3{box-sizing:border-box;padding:120px 200px}@media (width<=1200px){.section-3{padding:100px}}@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:100%;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:20px 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 .title{font-size:1.6rem}.section-3 .works-list .work-item .detail div{font-size:1.4rem}.section-3 .works-list .work-item .work-title{width:30%;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-cont{display:none}}@media (width<=1024px){.section-3 .works-list .work-item .work-comp{display:none}}@media (width<=768px){.section-3 .works-list .work-item .work-comp{display:none}}.section-3 .works-list .work-item .work-skill{width:5%}.section-3 .works-list .work-item .work-skill .skill{flex-direction:column;gap:5px;display:flex}.section-3 .works-list .work-item .work-btn{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-color:#222;border-radius:40px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .4s;display:flex}.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-btn{background-color:#0000;border-color:#222;animation:.5s cubic-bezier(.25,1,.5,1) .2s forwards rotatePlus}@keyframes rotatePlus{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-4{box-sizing:border-box;background-image:url(/assets/contact-text-CQQiiAKD.png);background-position:20%;background-repeat:no-repeat;background-size:650px;padding:120px 200px;display:flex;flex-direction:row!important}.section-4 .left{width:100%;height:100%}@media (width<=1024px){.section-4{background-position:20%;background-size:500px;width:100vw;padding:100px}}@media (width<=768px){.section-4{padding:unset;background-image:none;flex-direction:column!important}}@media (width<=576px){.section-4{background-image:none}.section-4 .left{background-image:none;display:none}.section-4 .content{width:unset!important}}.section-4 .title{text-align:right;width:100%;font-size:6rem;font-weight:800;line-height:1.2}.section-4 .contact-form{flex-direction:column;gap:20px;padding:20px 0 70px;display:flex}.section-4 .content{width:60%;position:relative}.section-4 .content .form-group{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.section-4 .content .form-group label{box-sizing:border-box;text-align:right;background:#fff;width:25%;font-size:2rem;font-weight:800}@media (width<=768px){.section-4 .content .form-group label{width:fit-content}}.section-4 .content .form-group input{box-sizing:border-box;background:#fff;width:50%;padding:5px 10px;font-size:1.2rem}.section-4 .content .form-group textarea{resize:none;box-sizing:border-box;background:#fff;outline:none;width:80%;min-height:200px;padding:5px 10px;font-size:1.2rem}.section-4 .content .form-group>div{gap:20px}@media (width<=1024px){.section-4 .content .form-group input,.section-4 .content .form-group textarea{width:100%}}@media (width<=768px){.section-4 .content .form-group input,.section-4 .content .form-group textarea{width:100%}}.section-4 .content .btn-submit{background-color:#e9e9e95e;border-radius:20px;align-items:flex-end;width:20%;min-width:200px;padding:5px 20px;transition:background .5s}.section-4 .content .btn-submit:hover{background:linear-gradient(-45deg,#aaa,#fff,#e9e9e9) 0 0/400% 400%;transition:background .5s;animation:2s infinite color-flow}@keyframes color-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (width<=1024px){.section-4 .content{padding:0}}.section-4 .error-style,.section-4 .success-alert{text-align:right;top:unset;box-sizing:border-box;color:#fff;background-color:#222;justify-content:flex-end;width:80%;height:auto;padding:20px;font-size:2rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards bounce-in;display:flex;position:absolute;bottom:31px;right:0}@media (width<=1200px){.section-4 .error-style,.section-4 .success-alert{right:unset;width:100%;font-size:1.6rem;bottom:40px}}@media (width<=1024px){.section-4 .error-style,.section-4 .success-alert{right:unset;width:100%;font-size:1.6rem;bottom:40px}}@media (width<=768px){.section-4 .error-style,.section-4 .success-alert{right:unset;width:100%;font-size:1.6rem;bottom:40px}}@keyframes bounce-in{0%{opacity:0;transform:translateY(40px)scale(.7)}60%{opacity:1;transform:translateY(-10px)scale(1.05)}80%{transform:translateY(3px)scale(.97)}to{transform:translateY(0)scale(1)}}.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:#ffffffc5;border:1px dotted #222;border-radius:20px;padding:2px 10px;font-size:1.5rem;font-weight:700;transition:all .5s;position:absolute;top:20px;right:20px}.btn-close:hover{border:1px soild #222;color:#eee;background-color:#222;transition:all .5s}.portfolio-wrap{background-color:#fff;border-radius:10px;width:100%;height:100%;display:flex;overflow:hidden}@media (width<=768px){.portfolio-wrap{height:100dvh;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%;min-width:520px;padding:80px;display:flex}.portfolio-wrap .left-bottom .title{word-break:keep-all}.portfolio-wrap .left-bottom.busanflood{background-color:#052563}.portfolio-wrap .left-bottom.busanflood .title{word-break:keep-all}.portfolio-wrap .left-bottom.busanfloodad{background-color:#c90e75}.portfolio-wrap .left-bottom.Uiryeong{background-color:#00938e}.portfolio-wrap .left-bottom.yeonje{background-color:#0089d0}.portfolio-wrap .left-bottom.lid{background-color:#1e4d2b}.portfolio-wrap .left-bottom.iotmid{background-color:#95c23d}.portfolio-wrap .left-bottom.xrbusan{background-color:#1f232e}@media (width<=1024px){.portfolio-wrap .left-bottom{min-width:400px;padding:80px 40px}.portfolio-wrap .left-bottom .title{word-break:unset}}@media (width<=768px){.portfolio-wrap .left-bottom{width:100%;padding:40px}}@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}@media (width<=768px){.portfolio-wrap .info-text{gap:10px}}.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:linear-gradient(338deg,#e6f7ff 0%,#f5f5f5 51% 100%);width:100%}.portfolio-wrap .right-top.gwangju{background-image:url(/assets/p-01-DToSr-4R.png);background-position:-18% 39%;background-repeat:no-repeat;background-size:120%}.portfolio-wrap .right-top.busanflood{background-image:url(/assets/p-02-BzBuIDAZ.png);background-position:-18% 39%;background-repeat:no-repeat;background-size:120%}@media (width<=768px){.portfolio-wrap .right-top.busanflood{background-position:-4% 39%;background-repeat:no-repeat;background-size:220%}}.portfolio-wrap .right-top.busanfloodad{background-image:url(/assets/p-03-nfAuQ-As.png);background-position:-18% 39%;background-repeat:no-repeat;background-size:120%}@media (width<=768px){.portfolio-wrap .right-top.busanfloodad{background-position:-4% 39%;background-repeat:no-repeat;background-size:200%}}.portfolio-wrap .right-top.uiryeong{background-image:url(/assets/p-04-B1fCvBNh.png);background-position:-80% 65%;background-repeat:no-repeat;background-size:110%}@media (width<=768px){.portfolio-wrap .right-top.uiryeong{background-position:-4% 39%;background-repeat:no-repeat;background-size:200%}}.portfolio-wrap .right-top.yeonje{background-image:url(/assets/p-05-CUeZGv2Y.png);background-position:-50% 65%;background-repeat:no-repeat;background-size:120%}@media (width<=768px){.portfolio-wrap .right-top.yeonje{background-position:-4% 39%;background-repeat:no-repeat;background-size:200%}}.portfolio-wrap .right-top.lid{background-image:url(/assets/p-06-BU3Qxvou.png);background-position:-18% 39%;background-repeat:no-repeat;background-size:120%}@media (width<=768px){.portfolio-wrap .right-top.lid{background-position:-4% 39%;background-repeat:no-repeat;background-size:180%}}.portfolio-wrap .right-top.iotmid{background-image:url(/assets/p-07-CwCKMBqU.png);background-position:-18% 39%;background-repeat:no-repeat;background-size:120%}@media (width<=768px){.portfolio-wrap .right-top.iotmid{background-position:-4% 39%;background-repeat:no-repeat;background-size:180%}}.portfolio-wrap .right-top.xrbusan{background-image:url(/assets/p-08-BO6sAIRt.png);background-position:50% 65%;background-repeat:no-repeat;background-size:70%}@media (width<=768px){.portfolio-wrap .right-top.xrbusan{background-position:-4% 80%;background-repeat:no-repeat;background-size:100%}.portfolio-wrap .right-top{height:100dvh}}@media (width<=576px){.portfolio-wrap .right-top{height:100%;width:unset}.portfolio-wrap .right-top.gwangju{background-position:20% 39%;background-size:200%}}.word-central{display:flex}bold{font-weight:800}.skill{gap:12px;display:flex}.skill div{color:#222;font-variation-settings:"GRAD" 0;background:#fff;border:1px solid #222;border-radius:20px;padding:1px 15px;font-size:1.2rem;transition:all .4s ease-in-out;display:inline-block}.skill div:hover{color:#fff;font-variation-settings:"GRAD" 150;background:#222;transition:all .4s ease-in-out}.archive{gap:12px;display:flex}.archive div{color:#222;font-variation-settings:"GRAD" 0;background:#f3f3f3;border-radius:20px;padding:1px 15px;font-size:1.2rem;transition:all .4s ease-in-out;display:inline-block}.archive div:hover{color:#fff;font-variation-settings:"GRAD" 150;background:#222;transition:all .4s ease-in-out}.acc{font-weight:900;display:inline-block}