@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-style:normal}html{font-size:62.5%}body{font-family:Pretendard-Regular,sans-serif;min-width:360px}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:var(--black-color)}li{list-style:none}main{--bg-color: #151515;background-color:var(--bg-color)}:root{--main-tit-font: max(4rem, 4.2vw);--main-tit-font2: max(4rem, 3.5vw);--main-txt-font: max(1rem, 1.25vw);--tit-pink-font: max(1.1rem, 1.04vw);--sub-txt-font: max(1rem, .7vw);--sub-txt-big-font: max(1rem, .8vw);--sec-padding-left: 6.98vw;--txt-gap: max(1.5rem, 1vw);--txt-inner-gap: 1.58vw;--txt-line-height: 1.8vw;--main-color: #FEADB3;--point-color: #FF6585;--black-color: #151515;--white-color: #F8F8F4}@media (max-width: 750px){:root{--main-tit-font2: max(4rem, 8.17vw);--tit-pink-font: max(1.1rem, 2vw);--sub-txt-font: max(1rem, 1.7vw);--sub-txt-big-font: max(1rem, 1.7vw);--sec-padding-left: 8.5vw;--txt-gap: 2.5vw;--txt-inner-gap: 2.9vw;--txt-line-height: 2.5vw}}@media (max-width: 435px){:root{--sec-padding-left: 6.5vw;--txt-line-height: 3.5vw}}main{min-width:360px}section{width:100%}.Title{width:100%;height:100vh}.Tit{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.topTit{font-size:13.49vw}.botTit{letter-spacing:-.4vw;font-size:13.49vw;font-style:italic;transform:translateY(-93.3px);font-family:Playfair Display}.btnWrap{display:flex;gap:10px}.button{background-color:#e1e6e9;overflow:hidden;border:none;text-transform:uppercase;outline:none;position:relative;transition:all .3s;border-radius:50%}.button>a{display:inline-block;transition:all .5s;height:60px;min-width:60px;line-height:58px;font-weight:600}.button div{position:absolute;left:0;top:-100%;height:100%;width:100%;transition:all .5s}.button div>img{width:40%}.button:after{content:"";position:absolute;z-index:-1;transition:all .5s}.button span{font-size:max(.7rem,.45vw)}.button:hover:before{top:0;left:0}.button:hover>a{transform:translateY(115%)}@media (max-width: 1050px){.button>a{min-width:50px;height:50px;line-height:50px}.button:hover>a{transform:translateY(110%)}}header{position:fixed;width:100vw;z-index:10;min-width:360px}nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#7463631a;position:relative;overflow:hidden}.navLogo{width:90px}.navLogo img{width:100%}.navInfo{display:flex;gap:20px}.navInfo a{font-size:max(1rem,.8vw);color:#929292}.navR{cursor:pointer}.navContact{display:flex;gap:5px;align-items:center}.navContact p,.closes{font-size:max(1rem,.8vw);color:#929292;position:relative;white-space:nowrap}.navR .navContact>p:after{content:"CONNECT";display:block;position:absolute;top:0;left:0;color:#eeede9;width:0;overflow:hidden;white-space:nowrap;transition:.3s ease-out width}.navR:hover .navContact>p:after{width:100%}.navContact>div{width:3.5rem;height:3.5rem;position:relative;display:flex;align-items:center;justify-content:center;border-radius:.4rem;background-color:#74636333}.navR .navContact>div:after{content:"";display:block;background-color:#929292;border-radius:.4rem;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;transform-origin:top left;transform:scale(0) rotate(-45deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}.navContact>div>p{color:#929292;transform:translate(0)}.navR:hover .navContact>div>p{color:#eeede9;transition:.8s}.navR:hover .navContact>div:after{transform:scale(1) rotate(0);transform-origin:top right;transition:.8s cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.84,0,.16,1)}.navInfo{position:relative}.navInfo>li:nth-child(1)>a:after{content:"ABOUT"}.navInfo>li:nth-child(2)>a:after{content:"PROJECT"}.navInfo>li:nth-child(3)>a:after{content:"TOY"}.navInfo>li:nth-child(4)>a:after{content:"CLONE"}.navInfo>li>a:after{display:block;position:absolute;top:0;color:#eeede9;width:0%;overflow:hidden;white-space:nowrap;transition:.6s ease-out width}.navInfo>li>a:hover:after{width:30%}.navColor{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent}.subNavWrap{width:100%;height:100%;position:fixed;top:0;right:-100%;display:flex;align-items:center;justify-content:end;z-index:-1;transition:.6s ease-in-out}.subNavWrapOpen{left:0;-webkit-backdrop-filter:blur(2.5rem);backdrop-filter:blur(2.5rem);transition:.6s ease-in-out}.subNav{width:60.73333vw;height:calc(100% - 1rem);background-color:#eeede9;transition:transform 1s cubic-bezier(.22,1,.36,1);border-radius:.4rem;margin-right:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 2rem;position:relative;right:-100%}.subNavOpen{right:0;transition:.6s ease-in-out}.subNav>ul{transition:transform 1s cubic-bezier(.22,1,.36,1);padding-bottom:10px}.subList{font-size:2.6rem;letter-spacing:-.025em;color:#929292;font-weight:700;margin-bottom:.5rem}.subList>a{color:#929292}.subNav>div{border-top:.1rem solid hsla(0,0%,57%,.2);border-bottom:.1rem solid hsla(0,0%,57%,.2);width:100%;font-weight:700;letter-spacing:-.025em;color:#929292;padding:2.63889vw 0 2.77778vw}.subNav>div>p{font-size:max(5vw,3vw)}.subNavContactWrap{display:inline-block}.subNavContact{cursor:pointer;display:flex;font-size:2.2rem;padding-top:.7vw;align-items:center;gap:5px}.subNavContact>div{width:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center;border-radius:.4rem;background-color:#74636333;position:relative}.subNavContact>div:after{content:"";display:block;background-color:#929292;border-radius:.4rem;width:100%;height:100%;position:absolute;top:0;left:0;transform-origin:top left;transform:scale(0) rotate(-45deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}.subNavContact:hover>div:after{transform:scale(1) rotate(0);transform-origin:top right;transition:.8s cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.84,0,.16,1)}.subNavContact>div>p{color:#929292;transform:translate(0);z-index:1}.subNavContact:hover>div>p{color:#eeede9;transition:.8s}.subMyInfo{padding:1.38889vw 0 0}.subMyInfo>li{display:flex;align-items:center;gap:.5vw;margin-bottom:.5vw}.subMyInfo>li:nth-child(1){margin-bottom:1vw}.contactName{font-size:max(1.2rem,1.3vw);font-weight:700;color:#929292}.contactInfo{font-size:max(1rem,.7vw);color:#929292}.subMyInfo img{width:max(2rem,1.1vw);margin-top:1px}@media (max-width: 750px){.navInfo{display:none}.navR{display:flex;gap:3px}.navContact>p{height:4.2rem;padding:0 1.8rem;display:flex;align-items:center;justify-content:center;background-color:#929292;border-radius:.4rem;font-size:1rem;letter-spacing:.04em;color:#eeede9}.navContact>div{display:none}.navR .navContact>p:after{display:none}.navHam{width:4.2rem;height:4.2rem;background-color:#929292;border-radius:.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative}.navHam>span{width:20px;height:2px;background-color:#eeede9;transition:.6s ease-out}.navHam>span:nth-child(2){width:15px;margin-right:5px}.subRotR{transition:.6s ease-out;transform:rotate(45deg);position:absolute;top:50%}.subRotC{opacity:0;transition:.6s ease-out}.subRotL{position:absolute;top:50%;transition:.6s ease-out;transform:rotate(-45deg)}.subNav{width:80.73333vw}}.emailWrap{width:100vw;height:100%;display:flex;align-items:center;justify-content:center}.mailForm{width:50%;height:90vh;background-color:#eeede9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border-radius:.4rem;padding:30px}.mailForm>h1{color:#929292;font-size:max(2rem,3vw)}.mailForm>div{display:flex;flex-direction:column;width:95%;gap:10px}.mailForm>div>label{display:block;color:#929292;font-size:2rem;letter-spacing:-.025em;font-weight:700}.mailForm>div:not(:nth-child(5))>input{display:block;width:100%;border-radius:.4rem;color:var(--black-color);font-size:1.5rem;padding:10px;border:1px solid #929292;background-color:#eeede9}.mailForm>div>textarea{display:block;width:100%;height:200px;border-radius:.4rem;color:var(--black-color);font-size:1.5rem;padding:10px;border:1px solid #929292;background-color:#eeede9}.mailForm>div:nth-child(5){width:95%;display:flex;align-items:end}.mailBtn{width:100px;padding:1rem;font-weight:700}@media (max-width: 750px){.mailForm{width:90%;gap:20px;padding:30px}.mailForm>div>label{font-size:2.3rem}.mailForm>div>input{font-size:1.2rem}}.Portfolio{width:100%;height:100vh;padding-top:10vh;display:flex;justify-content:center;align-items:center;color:#fff}.panel{width:90%;display:flex;position:relative}.panel__content-col{flex-basis:30%}.panel__content{width:100%;position:absolute;bottom:20%;left:0;z-index:1}.panel__text{display:inline-block}.panel__addr{position:relative;display:flex;align-items:center;gap:1vw;margin-top:16px;font-size:var(--main-txt-font)}.panel__addr>span{display:block;width:30px;height:1px;background-color:#fff}.panel__line{width:43%;height:1px;background-color:#fff}.panel__img-col{width:100%;flex-basis:90%}.panel__img{width:100%;height:100%;object-fit:scale-down}@media (max-width: 1288px){.panel{width:100%}.panel__img-col{flex-basis:100%}.panel__content-col{flex-basis:0}.panel__content{display:none}}@media (max-width: 570px){.panel__content-col{flex-basis:0;width:100%}.panel__img-col{flex-basis:70%}.panel{justify-content:center;padding-right:0}.panel__content{bottom:0}.panel__line{width:100%}.panel__addr{gap:1vw;margin-top:16px}}@media (max-width: 460px){.panel__content-col{flex-basis:0;width:100%}.panel__img-col{flex-basis:280px}}.About{margin-top:22vw;display:flex}.AboutLeft{position:sticky;top:0;left:0;width:50%;height:100vh;background-repeat:no-repeat;background-size:cover;background-position:center top}.AboutRight{width:50%}.AboutRight>ul{margin-top:25vw;padding-left:var(--sec-padding-left)}.AboutTit{line-height:4.67vw;margin-bottom:3.27vw}.AboutTit>p{font-size:var(--main-tit-font2);font-family:Playfair Display}.AboutTit>span{font-size:max(4.2rem,4.9vw);letter-spacing:-.15vw;font-style:italic;font-family:Playfair Display}.AboutWrap .pinkTit{font-size:var(--tit-pink-font);line-height:1.46vw;margin-bottom:var(--txt-gap);color:var(--point-color)}.AboutInfo{margin-bottom:4.77vw}.AboutInfo>p{width:90%;display:flex;align-items:center;font-size:var(--sub-txt-big-font);line-height:var(--txt-line-height);margin-bottom:1vw}.AboutInfo p img{width:1.2vw;margin-right:.78vw}.AboutInfo .linkBtn{display:flex;align-items:center;gap:.78vw;font-size:var(--sub-txt-big-font);margin-bottom:var(--txt-inner-gap)}.AboutInfo .linkBtn img{width:1.8vw}.AboutInfo .linkBtn .snsArrow{width:10px}.About3{margin-bottom:10vw}@media (max-width: 750px){.About{flex-direction:column;align-items:center}.AboutLeft{width:100%;background-attachment:fixed;background-position:center}.AboutRight{background-color:var(--white-color);width:100%;z-index:1}.AboutTit{line-height:8.67vw;margin-bottom:2.27vw}.AboutTit>span{font-size:max(4.2rem,8.9vw)}.AboutInfo p img,.AboutInfo .linkBtn img{width:3.03vw}}.AboutInfo4{width:90%}.skillWrap{display:flex;flex-direction:column;gap:20px}.skillWrap>li{width:85%;display:flex;padding:2vw;justify-content:space-between;align-items:center;border:1px solid hsla(0,0%,57%,.2);border-radius:20px}.skillWrap>li>h2{width:15%;text-align:center;font-size:var(--sub-txt-font)}.skillWrap>li>img{height:3vw}.skillWrap>li>img:hover{transform:translateY(-5px);transition:.3s}@media (max-width: 1016px){.skillWrap h2{display:none}}@media (max-width: 750px){.skillWrap>li{width:70%}.skillWrap>li>img{height:5vw}}.Project{font-size:3.65vw}.ProjectTitleWrap{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.proTitWrap{position:sticky;left:0;top:0}.ProjectTitleWrap>div{text-align:center}.ProjectTitle1,.ProjectTitle2{will-change:transform}.ProjectTitle1{width:100%;font-size:max(4.2rem,4.9vw);font-family:Playfair Display}.ProjectTitle2{width:100%;font-size:max(4.2rem,4.9vw);font-family:Playfair Display;margin-top:-10px}.ProjectSite{width:100%;height:100vh;position:sticky;left:0;top:0;background-size:cover;background-position:center center;background-repeat:no-repeat}.ProjectSite:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080}.ProWrap{position:absolute;z-index:1;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--white-color);gap:var(--txt-gap)}.ProTitle{font-size:var(--main-tit-font2);font-family:Playfair Display;text-align:center;width:90%}.ProTeam{font-size:var(--tit-pink-font);color:var(--point-color)}.ProText{width:40%;font-size:var(--sub-txt-big-font);text-align:center;margin-bottom:1vw;line-height:1.5}@media (max-width: 1050px){.ProText{width:50%}}.ProDate{font-size:var(--sub-txt-font);text-align:center;display:flex;flex-direction:column;gap:5px}.Front .btnWrap>button:nth-child(3){display:none}.Front .btnWrap>button:nth-child(4){display:none}.Port .btnWrap>button:nth-child(4){display:none}@media (max-width: 750px){.ProText{width:70%}}.Toy{width:100%;overflow:hidden}.Toy>div{display:flex}.toyTxtWrap{width:calc(100vw - 20px);height:100vh;position:relative;overflow:hidden}@keyframes rotate{0%{transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0)}to{transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-360deg)}}.sta{width:100%;height:100%;position:absolute;background-attachment:fixed;color:var(--white-color)}.stars{transform:perspective(500px);transform-style:preserve-3d;position:absolute;bottom:0;perspective-origin:50% 100%;left:50%;animation:rotate 90s infinite linear}.star{width:2px;height:2px;background:#f7f7b6;position:absolute;top:0;left:0;transform-origin:0 0 -300px;transform:translateZ(-300px);backface-visibility:hidden}.starTit{width:100vw;height:100%;overflow:hidden}.toyTitWrap{position:absolute}.toyTitWrap h1{color:var(--white-color)}.ToyInfo{width:100vw;height:100vh;display:flex;border-left:30px solid var(--point-color)}.ToyInfo>li{flex:1}.ToyImg{z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center}.ToyTitle{z-index:1;display:flex;flex-direction:column;justify-content:center;gap:var(--txt-gap);padding-left:50px}.ToyTitle>p{font-size:var(--main-tit-font);font-family:Playfair Display;color:var(--white-color)}.ToyTitle>span{width:70%;font-size:var(--sub-txt-font);font-family:Playfair Display;color:var(--white-color)}.ToyTitle>span.point{color:var(--point-color)}@media (max-width: 750px){.Toy>div{display:block}.ToyInfo{border-left:none;display:block;position:relative;text-align:center}.ToyInfo>li{width:100%;height:100vh;flex:none;position:absolute}.ToyTitle{top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;padding-left:0;display:flex;align-items:center}.ToyImg{top:0;left:0;filter:brightness(.4)}}.Clone{width:100%;height:400vh}@media (max-width: 1050px){.Clone{height:200vh}}.CloneWrap>div{width:100%;height:100%;position:sticky;left:0;top:0;display:flex;justify-content:center}.CloneInfo{width:100%;display:flex;flex-wrap:wrap;margin-top:10%}.CloneSite{width:38%;background-color:var(--black-color);border:1px solid var(--white-color);border-radius:.4rem;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.CloneNum{width:100%;font-size:var(--main-tit-font2);color:var(--white-color)}.CloneImg{width:100%;background-repeat:no-repeat;background-size:100%;border-radius:.4rem;display:flex;align-items:end;justify-content:end;margin-bottom:var(--txt-gap)}.CloneImg>img{width:100%}.CloneBtn{width:100%;justify-content:end}.CloneTit{width:100%;font-size:var(--main-txt-font);color:var(--white-color)}.CloneWrap{position:absolute;left:50%;width:100%;height:auto;max-width:66.15vw;display:flex;flex-direction:column;align-items:center;margin-left:-33.07vw}.domino{transform:translate(-10%,-40%)}.socar{transform:translate(10%)}.gongju{transform:translate(-10%,-30%)}.bizcar{transform:translate(10%,10%)}.ktg{transform:translate(-60%,-20%);margin-bottom:80vh}@media (max-width: 900px){.Clone{height:150vh}.CloneWrap{position:sticky;padding-top:100%;top:0;max-width:100%;height:100vh;margin-left:0;left:0;display:block}.CloneWrap>div{position:static;justify-content:start;height:auto}.CloneWrap .ProjectTitleWrap{display:block;height:15vh}.CloneWrap .ProjectTitleWrap>div{text-align:start;padding-left:1.5rem;color:var(--white-color)}.CloneNum{display:none}.CloneInfo{margin-top:0}.CloneSite{padding:1rem;border:none;background-color:transparent;transform:unset;width:100%;height:200px;position:relative}.CloneImg{filter:brightness(.7);border-radius:.4rem;overflow:hidden;display:flex;justify-content:center;align-items:center}.CloneTit{font-size:1.5rem}.CloneBtn{position:absolute;top:105px;right:20px;justify-content:end}.ktg{margin-bottom:0}}footer{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;margin-top:90vh}footer>ul{padding-bottom:60px;display:flex;flex-direction:column;align-items:center;gap:1.5vw}.footTit{font-family:Pretendard-Regular;font-size:var(--main-tit-font);font-weight:600;color:var(--main-color)}.footTxt{font-size:var(--main-txt-font);text-align:center;line-height:1.5}.footTxt>span{font-weight:600}.footBgtxt{font-size:18vw;font-weight:700;font-style:italic;color:var(--main-color);opacity:10%;position:absolute;bottom:-10%;left:-2%;pointer-events:none}@media (max-width: 1024px){.footTit{font-size:max(4.2rem,7.5vw)}.footTxt{font-size:max(1rem,2vw)}.footBgtxt{bottom:-2%}}@media (max-width: 450px){footer>ul{padding-bottom:0}}