@font-face{font-family:Pretendard;font-weight:900;font-display:swap;src:local("Pretendard Black"),url(/_next/static/media/Pretendard-Black.3e9e226c.woff2) format("woff2"),url(/_next/static/media/Pretendard-Black.41d1cdf7.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:800;font-display:swap;src:local("Pretendard ExtraBold"),url(/_next/static/media/Pretendard-ExtraBold.c4b428d9.woff2) format("woff2"),url(/_next/static/media/Pretendard-ExtraBold.57d5ee45.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:700;font-display:swap;src:local("Pretendard Bold"),url(/_next/static/media/Pretendard-Bold.dbef295d.woff2) format("woff2"),url(/_next/static/media/Pretendard-Bold.07c486c5.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:600;font-display:swap;src:local("Pretendard SemiBold"),url(/_next/static/media/Pretendard-SemiBold.ce18f4c4.woff2) format("woff2"),url(/_next/static/media/Pretendard-SemiBold.db2f9c80.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:500;font-display:swap;src:local("Pretendard Medium"),url(/_next/static/media/Pretendard-Medium.594abaeb.woff2) format("woff2"),url(/_next/static/media/Pretendard-Medium.177096cf.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:400;font-display:swap;src:local("Pretendard Regular"),url(/_next/static/media/Pretendard-Regular.45abdda6.woff2) format("woff2"),url(/_next/static/media/Pretendard-Regular.cdf673f5.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:300;font-display:swap;src:local("Pretendard Light"),url(/_next/static/media/Pretendard-Light.8c9b882f.woff2) format("woff2"),url(/_next/static/media/Pretendard-Light.8a703ed1.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:200;font-display:swap;src:local("Pretendard ExtraLight"),url(/_next/static/media/Pretendard-ExtraLight.8d7fbdb7.woff2) format("woff2"),url(/_next/static/media/Pretendard-ExtraLight.884ece7b.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:100;font-display:swap;src:local("Pretendard Thin"),url(/_next/static/media/Pretendard-Thin.9335fa2f.woff2) format("woff2"),url(/_next/static/media/Pretendard-Thin.fa086059.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-weight:100;font-style:normal;src:url(/_next/static/media/NotoSans-Thin.3c42942e.woff2) format("woff2"),url(/_next/static/media/NotoSans-Thin.1da046bb.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-weight:200;font-style:normal;src:url(/_next/static/media/NotoSans-Light.c0ef6f47.woff2) format("woff2"),url(/_next/static/media/NotoSans-Light.c2d3f8b8.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-weight:300;font-style:normal;src:url(/_next/static/media/NotoSans-DemiLight.88ca4622.woff2) format("woff2"),url(/_next/static/media/NotoSans-DemiLight.bd8f3bfd.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-weight:400;font-style:normal;src:url(/_next/static/media/NotoSans-Regular.572b6acd.woff2) format("woff2"),url(/_next/static/media/NotoSans-Regular.2328c0c0.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-weight:500;font-style:normal;src:url(/_next/static/media/NotoSans-Medium.93b310ce.woff2) format("woff2"),url(/_next/static/media/NotoSans-Medium.bb516945.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-weight:700;font-style:normal;src:url(/_next/static/media/NotoSans-Bold.59a0c265.woff2) format("woff2"),url(/_next/static/media/NotoSans-Bold.5a27efe0.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-weight:900;font-style:normal;src:url(/_next/static/media/NotoSans-Black.b9913726.woff2) format("woff2"),url(/_next/static/media/NotoSans-Black.c00f8c04.woff) format("woff")}*{margin:0;padding:0;font:inherit;color:inherit}*,:after,:before{box-sizing:border-box;flex-shrink:0}:root{-webkit-tap-highlight-color:transparent;text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;word-break:break-word;-moz-tab-size:4;tab-size:4}*,body{cursor:none!important}::-webkit-scrollbar-thumb{cursor:n-resize!important}::-webkit-scrollbar-thumb:horizontal{cursor:w-resize!important}body,html{height:100%;overflow-x:hidden}canvas,img,picture,svg,video{display:block;max-width:100%}button{background:none;border:0;cursor:pointer}a{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}:root{--main:#f2d556;--black:#252525;--BG:#e7e4de}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background-color:#585e8a4c;border-radius:10px;background-clip:padding-box;border:2px solid transparent}@font-face{font-family:"Source Serif Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasasatSGqxLUv.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:"Source Serif Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasasatSiqxLUv.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:"Source Serif Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasasatS-qxLUv.woff2) format("woff2");unicode-range:U+0370-03ff}@font-face{font-family:"Source Serif Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasasatSOqxLUv.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:"Source Serif Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasasatSKqxLUv.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:"Source Serif Pro";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasasatSyqxA.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}body{background:var(--BG,#e7e4de);font-family:Pretendard,Helvetica Neue,Helvetica,Arial,sans-serif}header{border-bottom:1px solid var(--black);padding-left:50px;display:grid;grid-template-columns:1fr 1fr}header.active-on{grid-template-columns:7fr 4fr}.header__left{border-right:1px solid var(--black)}.header__left,.header__right{display:flex;align-items:center}.header__right{justify-content:space-between;padding:8px 24px}.header__left a{border-radius:4px;padding:8px}.header__right a{display:inline-block;font-family:Source Serif Pro;font-size:14px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:1.4px;text-transform:uppercase;padding:14px 16px;border-radius:4px}.s__container{margin-left:49px;border-left:1px solid var(--black);min-height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:space-between}.s__contents{min-height:calc(100vh - 118px);overflow:auto}footer{border-top:1px solid var(--black)}footer p{color:#74726f;padding:16px;text-align:center}.swiper-button-next,.swiper-button-prev{cursor:none!important}.portfolio-title{font-size:32px;font-weight:700;margin-bottom:8px}.portfolio-skill{display:flex;flex-wrap:wrap;margin-bottom:40px}.portfolio-skill p{display:flex;align-items:center}.portfolio-skill p+p:before{content:"";display:block;position:relative;width:16px;height:16px;background:url(/icon_slash.svg) no-repeat}.portfolio-data{font-size:14px;margin-bottom:40px}.portfolio-data li{display:flex;align-items:center}.portfolio-data li+li{margin-top:8px}.portfolio-data span{display:block;margin-right:24px;font-weight:400}.portfolio-data p{font-weight:700}.portfolio-step-wrap{width:100%;max-width:300px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.portfolio-step-wrap .circle{width:6px;height:6px;background-color:#fff;border-radius:100%;margin-bottom:8px}.portfolio-step-wrap .step-bar{position:absolute;top:2px;margin:0 4px 0 12px;height:1px;width:calc(100% - 16px);background-color:hsla(0,0%,100%,.3)}.portfolio-step{display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}.contents-title{font-size:14px;font-style:normal;font-weight:400;line-height:16px;margin-bottom:40px}.btn-bk{padding:8px 42px;background-color:var(--black);color:#fff;display:inline-flex;align-items:center}.btn-bk img{margin-left:4px}.contact-bar{top:0;left:0;z-index:9;position:absolute;width:100%;height:100%;padding-left:50px;background-color:rgba(37,37,37,.3);display:grid;grid-template-columns:1fr 1fr}.active-on .contact-bar{grid-template-columns:7fr 4fr}.contact-wrap>div{background-color:var(--black)}.contact-title-wrap{height:61px;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;position:relative;z-index:2}.contact-title-wrap h3{font-family:Source Serif Pro;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.6px;color:#fff}.contact-title-wrap a{border-radius:4px;padding:0}.contact-body{height:calc(100vh - 61px);padding:0 32px 32px;position:relative;z-index:0}.contact-body form{display:flex;flex-direction:column;height:calc(100% - 120px);justify-content:center;border-top:1px solid #fff}.contact-body p{color:var(--WHITE,#fff);font-family:Pretendard Variable;font-size:14px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:1.4px;margin-bottom:16px}.contact-body input{padding:16px 0;font-size:16px;color:#fff;border:none;border-bottom:1px solid #fff;background-color:var(--black);margin-bottom:1px;border-radius:0;-webkit-appearance:none;-webkit-border-radius:0}.contact-body input:-webkit-autofill,.contact-body input:-webkit-autofill:active,.contact-body input:-webkit-autofill:focus,.contact-body input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px var(--black) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.contact-body input:autofill,.contact-body input:autofill:active,.contact-body input:autofill:focus,.contact-body input:autofill:hover{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px var(--black) inset;transition:background-color 5000s ease-in-out 0s}.contact-body input::placeholder{color:var(--GRAY,#74726f)}.contact-bottom-btn{height:120px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end}.contact-body .contact-bottom-btn a{padding:11px 42px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;color:#fff;border-radius:0}.contact-body .contact-bottom-btn a img{margin-left:4px}.contact-body .send-btn{padding:16px 42px;background-color:var(--main);font-size:16px;font-style:normal;font-weight:700;line-height:16px;color:var(--black);margin-top:48px}@keyframes contact-open-title{0%{transform:translateY(-65px)}to{transform:translateY(0)}}.contact-bar.active-on .contact-title-wrap{animation-name:contact-open-title;animation-duration:.5s;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}@keyframes contact-open-body{0%{transform:translateY(-120%)}50%{transform:translateY(-120%)}to{transform:translateY(0)}}.contact-bar.active-on .contact-body{animation-name:contact-open-body;animation-duration:1s;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}@keyframes contact-close-title{0%{transform:translateY(0)}50%{transform:translateY(0)}to{transform:translateY(-65px)}}.contact-bar.active-off .contact-title-wrap{animation-name:contact-close-title;animation-duration:1s;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}@keyframes contact-close-body{0%{transform:translateY(0)}to{transform:translateY(-120%)}}.contact-bar.active-off .contact-body{animation-name:contact-close-body;animation-duration:.5s;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}.contact-bar.active-off{background-color:rgba(37,37,37,0)}.contact-bar.active-on{background-color:rgba(37,37,37,.3)}.mobile-only{display:none}@media (max-width:767px){.pc-only{display:none}.mobile-only{display:block}header{padding-left:0;grid-template-columns:1fr;position:fixed;left:0;top:0;width:100%;background:var(--BG,#e7e4de);z-index:10}.header__left{justify-content:center;padding-top:8px;border-right:none}.header__right{padding:0 8px}.s__container{margin-top:85px;margin-left:0}.header__right>div>a{padding:14px 8px;display:inline-block}.header__right>img{width:14px}.header__right>div{display:flex;align-items:center;justify-content:space-around;width:calc(100% - 40px)}.contact-bar{grid-template-columns:1fr;padding-left:0}.header__right .contact-wrap{display:block}footer{border-top:0;border-right:1px solid var(--black)}.portfolio-title{font-size:28px}}