@charset "UTF-8";*,:after,:before{box-sizing:border-box}body,button,dd,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,table,textarea{font-family:Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,helvetica,sans-serif}a,a:focus,a:hover{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{list-style:none}address,em{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-size:16px;border:0}#skip a{position:absolute;left:10px;top:-92px;z-index:100000;font-size:1rem;padding:10px 30px;color:var(--white);background:var(--black)}#skip a:active,#skip a:focus{top:10px}.blind{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.blind,.ir{overflow:hidden;white-space:nowrap}.ir{display:block;font-size:0;line-height:0;text-indent:-9999px}@font-face{font-family:AritaBuri;font-weight:100;font-style:normal;src:url(/aseets/fonts/AritaBuriKR-HairLine.ttf) format("ttf");font-display:swap}@font-face{font-family:AritaBuri;font-weight:200;font-style:normal;src:url(/aseets/fonts/AritaBuriKR-Light.ttf) format("ttf");font-display:swap}@font-face{font-family:AritaBuri;font-weight:400;font-style:normal;src:url(/aseets/fonts/AritaBuriKR-Medium.ttf) format("ttf");font-display:swap}@font-face{font-family:AritaBuri;font-weight:500;font-style:normal;src:url(/aseets/fonts/AritaBuriKR-SemiBold.ttf) format("ttf");font-display:swap}@font-face{font-family:AritaBuri;font-weight:700;font-style:normal;src:url(/aseets/fonts/AritaBuriKR-Bold) format("ttf");font-display:swap}@font-face{font-family:Gmarket Sans;font-weight:100;font-style:normal;src:url(/aseets/fonts/GmarketSansTTFLight.ttf) format("ttf");font-display:swap}@font-face{font-family:Gmarket Sans;font-weight:400;font-style:normal;src:url(/aseets/fonts/GmarketSansTTFMedium.ttf) format("ttf");font-display:swap}@font-face{font-family:Gmarket Sans;font-weight:700;font-style:normal;src:url(/aseets/fonts/GmarketSansTTFBold.ttf) format("ttf");font-display:swap}@font-face{font-family:PartizenoRegular;src:url(/assets/fonts/PartizenoRegular.woff2) format("woff2"),url(/assets/fonts/PartizenoRegular.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:D2Coding;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/D2Coding.woff) format("woff");font-weight:400;font-style:normal}:root{--font-noto:"PartizenoRegular";--font-gmarket:"Gmarket Sans";--font-arita:"AritaBuri";--font-mono:"Roboto Mono";--font-d2:"D2Coding";--font-mr:"Manrope";--black:#000;--black500:#cfcfcf;--white:#fff;--white100:#dbdcd8;font-family:var(--font-arita),var(--font-noto),var(--font-gmarket);font-size:16px;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media screen and (max-width:800px){:root{font-size:14px;line-height:1.4}}#wrap{width:100%;position:relative}.container{width:1280px;margin:0 auto;height:auto}body::-webkit-scrollbar{width:0}body::-webkit-scrollbar-thumb{height:0;background:transparent;border-radius:0}body::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar{width:0;height:0}.burger{cursor:pointer}.about{font-family:var(--font-gmarket);font-size:18px;position:fixed;top:35px;right:40px;z-index:1000}.about,.about:hover{color:var(--white)}.underline-dark:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--black);transform-origin:bottom right;transform:scaleX(0);transition:transform .5s ease-in-out}.underline-dark:hover:after{transform-origin:bottom left;transform:scaleX(1)}.transitionOverlay{position:absolute;top:0;right:0;width:100%;height:100vh;background-color:var(--black);z-index:1;opacity:.8}.transitionOverlay.main{height:800vh;z-index:1}.subTransitionOverlay,.transitionOverlay.main{position:absolute;top:0;right:0;width:100%;background-color:var(--black);opacity:0;display:none}.subTransitionOverlay{height:100vh;z-index:9999}.transitionOverlay.about{height:100%;background-color:var(--white);z-index:9999;opacity:0;display:none}.close{position:fixed;top:35px;left:40px;z-index:1000}.close,.close:hover{color:var(--white)}.close>svg{width:27px;height:27px}.intro__popup{position:absolute;top:0;left:0;width:100%;height:100vh;cursor:wait;z-index:9999}.intro__popup .centerSlider.intro{width:100%;height:100%;background-size:1920px 1080px;background-position:50%;background-repeat:no-repeat}.intro__popup .mainSlider__center>.center__img>.centerSliderWrap>.centerSlider.s1.intro{transform:translateX(0);background-image:url(https://images.unsplash.com/photo-1659469378420-e68c6ee21a28?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:0 0}.intro__popup .mainSlider__center>.center__img>.centerSliderWrap>.centerSlider.s2.intro{transform:translateX(0);background-image:url(https://images.unsplash.com/photo-1698191373970-228c25ee6fd0?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:0 0}.intro__popup .mainSlider__center>.center__img>.centerSliderWrap>.centerSlider.s3.intro{transform:translateX(0);background-image:url(https://images.unsplash.com/photo-1658409009905-00a0f737bdf3?q=80&w=1925&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:0 0}.intro__popup .mainSlider__center>.center__img>.centerSliderWrap>.centerSlider.s4.intro{transform:translateX(0);background-image:url(https://images.unsplash.com/photo-1695883701435-7bd88f796e05?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:top}.intro__popup .mainSlider__center>.center__img>.centerSliderWrap>.centerSlider.s5.intro{transform:translateX(0);background-image:url(https://images.unsplash.com/photo-1629948618343-0d33f97a3091?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:0 0}.mainSlider__center>.center__text>.descSlider{display:none}#main{width:100%;height:100vh;position:relative}.mouse__cursor{position:fixed;right:0;bottom:0;color:var(--white);transform:scale(0);opacity:0;z-index:1001}.mouse__cursor.active{transform:scale(1);opacity:1}.bgSlider{width:100%;height:100vh;overflow:hidden}.bgSliderWrap{width:500%;height:100vh;display:flex}.bgSliderWrap>a{width:100%;height:100vh;overflow:hidden;display:inline-block;cursor:pointer}.bgSliderWrap .slider{width:100%;height:100vh;transform:scale(1.5);background-size:cover;background-position:50%;background-repeat:no-repeat}.bgSliderWrap.sub .slider{transform:scale(1)}.bgSliderWrap .slider.s1{background-image:url(https://images.unsplash.com/photo-1659469378420-e68c6ee21a28?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.bgSliderWrap .slider.s2{background-image:url(https://images.unsplash.com/photo-1698191373970-228c25ee6fd0?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.bgSliderWrap .slider.s3{background-image:url(https://images.unsplash.com/photo-1658409009905-00a0f737bdf3?q=80&w=1925&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.bgSliderWrap .slider.s4{background-image:url(https://images.unsplash.com/photo-1695883701435-7bd88f796e05?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.bgSliderWrap .slider.s5{background-image:url(https://images.unsplash.com/photo-1629948618343-0d33f97a3091?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.mainSlider{position:fixed;top:0;left:0;width:80%;height:100%;padding:35px 40px 45px;background-color:var(--white);box-sizing:border-box;z-index:1000}.mainSlider__menu{width:calc(100% - 80px);top:67px;z-index:2}.mainSlider__menu,.menu__background{background-color:var(--white);position:absolute}.menu__background{height:100%;width:100%;left:0;top:100%}.mainSlider__menu .nav{overflow:hidden}.mainSlider__menu .wrapper{display:flex;gap:50px;margin-bottom:80px}.mainSlider__menu .container{display:flex;flex-direction:column;justify-content:space-between}.mainSlider__menu .body{display:flex;flex-wrap:wrap;margin-top:40px}.mainSlider__menu a{color:var(--black);text-decoration:none;text-transform:uppercase}.mainSlider__menu a[href="/design"]{color:#3182f6}.mainSlider__menu p{margin:0;display:flex;overflow:hidden;font-size:5vw;font-family:var(--font-mr);padding-right:30px;padding-top:10px;font-weight:300}.mainSlider__menu .footer{display:flex;align-items:flex-end;flex-wrap:wrap;font-size:12px;text-transform:uppercase;margin-top:40px}.mainSlider__menu ul{width:50%;margin-top:10px;overflow:hidden;list-style-type:none;padding:0}.mainSlider__menu li span{color:#9f9689}@media screen and (min-width:1000px){.wrapper{margin-bottom:0;justify-content:space-between}}.burger{position:relative;width:16px;height:16px}.burger .menu-line{position:absolute;width:100%;height:2px;border-radius:2px;background:var(--black);left:0}.burger .menu-line:first-child{top:0;transform-origin:50% 50%;transition:all .3s ease-in-out}.burger .menu-line:nth-child(2){top:50%;transform:translateY(-50%);transform-origin:50% 50%;transition:all .3s ease-in-out}.burger .menu-line:last-child{bottom:0;transform-origin:50% 50%;transition:all .3s ease-in-out}.burger.menuOpen .menu-line:first-child{animation:menuOpneTopLine .5s ease-in-out forwards}@keyframes menuOpneTopLine{0%{top:0;transform:rotate(0)}50%{top:calc(50% - 1px);transform:rotate(0);@include mobile{top:50%}}to{top:calc(50% - 1px);transform:rotate(45deg);@include mobile{top:50%}}}.burger.menuOpen .menu-line:nth-child(2){animation:menuOpenCenterLine .25s ease-in-out forwards}@keyframes menuOpenCenterLine{0%{opacity:1}99%{opacity:1}to{opacity:0}}.burger.menuOpen .menu-line:last-child{animation:menuOpneBottomLine .5s ease-in-out forwards}@keyframes menuOpneBottomLine{0%{bottom:0;transform:rotate(0)}50%{bottom:calc(50% - 1px);transform:rotate(0)}to{bottom:calc(50% - 1px);transform:rotate(-45deg)}}.burger.menuClose .menu-line:first-child{animation:menuCloseTopLine .5s ease-in-out forwards}@keyframes menuCloseTopLine{0%{top:calc(50% - 1px);transform:rotate(45deg)}50%{top:calc(50% - 1px);transform:rotate(0)}to{top:0;transform:rotate(0)}}.burger.menuClose .menu-line:nth-child(2){animation:menuCloseCenterLine .25s ease-in-out forwards}@keyframes menuCloseCenterLine{0%{opacity:0}99%{opacity:0}to{opacity:1}}.burger.menuClose .menu-line:last-child{animation:menuCloseBottomLine .5s ease-in-out forwards}@keyframes menuCloseBottomLine{0%{bottom:calc(50% - 1px);transform:rotate(-45deg)}50%{bottom:calc(50% - 1px);transform:rotate(0)}to{bottom:0;transform:rotate(0)}}.mainSlider__top{height:20%;display:flex;justify-content:space-between;align-items:flex-start}.mainSlider__top>.logo{overflow:hidden}.mainSlider__top>.logo>a{display:block}.mainSlider__top>.logo>a,.mainSlider__top>.pause{font-size:18px;font-family:var(--font-gmarket)}.mainSlider__top>.burger>svg{width:18px;height:18px}.mainSlider__top>.burger:after{top:8px}.mainSlider__top>.burger:before{top:0}.mainSlider__center{width:100%;height:60%;display:flex;align-items:center}.mainSlider__center>.center__text{z-index:1}.mainSlider__center>.center__text>.titleSlider{height:55px;overflow:hidden}.mainSlider__center>.center__text>.titleSlider>.titleWrap>.title,.mainSlider__center>.center__text>.titleSlider>.titleWrap>.title a{font-size:48px;font-family:var(--font-noto);font-weight:700}.mainSlider__center>.center__text>.titleSlider>.titleWrap>.title a span{font-family:var(--font-noto)}.mainSlider__center>.center__text>.descSlider{height:24px;overflow:hidden}.mainSlider__center>.center__text>.descSlider>.descWrap>.desc{font-size:16px;font-family:var(--font-gmarket)}.mainSlider__center>.center__img{position:absolute;width:250px;height:410px;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.mainSlider__center>.center__img>.centerSliderWrap{width:100%;height:500%}.mainSlider__center>.center__img>.centerSliderWrap>.centerSlider>a{display:block;cursor:pointer}.mainSlider__center>.center__img>.centerSliderWrap>.centerSlider.s4>a>img{transform:translateX(-50%)}.mainSlider__center>.center__img>.centerSliderWrap>.centerSlider>a>img{width:1920px;height:1080px}.mainSlider__bottom{height:20%;display:flex;justify-content:space-between;align-items:flex-end}.mainSlider__bottom>.page{display:flex;font-size:16px;font-family:var(--font-gmarket);height:24px;overflow:hidden}.mainSlider__bottom>.page>.current{display:flex;flex-direction:column}.mainSlider__bottom>.page>.current>span,.mainSlider__bottom>.page>span{display:inline-block}.pageLine{margin:0 8px}.mainSlider__bottom>.scroll__text{font-family:var(--font-gmarket);font-size:16px;overflow:hidden}.mainSlider__bottom>.scroll__arrow{transform:translate(90deg);transform:translateX(40%)}.mainSlider__bottom>.scroll__arrow>div>svg{height:12px}@media screen and (max-width:800px){.mainSlider{width:100%;padding:15px 20px 25px}.mainSlider__top>.burger>svg{width:18px;height:18px}.mainSlider__center{width:100%;text-align:center;justify-content:center}.mainSlider__center>.center__text>.titleSlider{height:50px}.mainSlider__center>.center__text>.titleSlider>.titleWrap>.title a{font-size:32px;color:var(--white)}.mainSlider__center>.center__text>.descSlider{display:none}.mainSlider__menu{width:calc(100% - 40px)}.mainSlider__menu .footer{font-size:10px}.mainSlider__menu .body{flex-direction:column}}.bgSliderWrap.sub .split,.close.sub,.current.sub,.scrollBar,.subBgSlider .split,.sub__center>.subTitle{opacity:0}.scrollBar{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);background-color:transparent;width:200px;height:1px;z-index:1000}.scrollBar progress{position:absolute;left:0;top:0;width:100%;height:1px;border:none;background:rgba(255,255,255,.5)}.scrollBar progress::-webkit-progress-bar{background:transparent}.scrollBar progress::-webkit-progress-value{background:linear-gradient(270deg,#fff,#fff);background-attachment:fixed}.scrollBar progress::-moz-progress-bar{background:linear-gradient(270deg,#fff,#fff);background-attachment:fixed}#subMainSlider{display:none;transform:translateX(-100%)}.subPage{position:fixed;bottom:45px;left:40px;color:var(--white);z-index:1000;height:24px;overflow:hidden}.subPage .current{display:block;font-size:1rem;font-family:var(--font-gmarket)}.sub__center{position:relative;width:100%;height:100%;color:var(--white);display:flex;align-items:center;z-index:2}.sub__center .text{position:absolute;left:0;padding-left:40px}.sub__center .titleWrap{height:72px;overflow:hidden;margin-bottom:20px}.sub__center .subTitle{font-size:48px;font-family:var(--font-noto);font-weight:700;opacity:0}.sub__center .subDesc{font-size:16px;line-height:1.5;font-family:var(--font-arita)}.sub__center .subDesc span{opacity:0}.sub__bottom{height:20%}.subBgSlider{width:100%;height:100vh;background-size:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden;position:relative}.subBgSlider.s1{background-image:url(https://images.unsplash.com/photo-1659469378420-e68c6ee21a28?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)!important;transition:background-image 3s ease}.subBgSlider.s2{background-image:url(https://images.unsplash.com/photo-1698191373970-228c25ee6fd0?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.subBgSlider.s3{background-image:url(https://images.unsplash.com/photo-1658409009905-00a0f737bdf3?q=80&w=1925&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.subBgSlider.s4{background-image:url(https://images.unsplash.com/photo-1695883701435-7bd88f796e05?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.subBgSlider.s5{background-image:url(https://images.unsplash.com/photo-1629948618343-0d33f97a3091?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.subBgSlider.next2{background-image:url(https://images.unsplash.com/photo-1698191373970-228c25ee6fd0?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)!important;transition:background-image 3s ease}.subBgSlider.next3{background-image:url(https://images.unsplash.com/photo-1658409009905-00a0f737bdf3?q=80&w=1925&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)!important;transition:background-image 3s ease}.subBgSlider.next4{background-image:url(https://images.unsplash.com/photo-1695883701435-7bd88f796e05?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)!important;transition:background-image 3s ease}.subBgSlider.next5{background-image:url(https://images.unsplash.com/photo-1629948618343-0d33f97a3091?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)!important;transition:background-image 3s ease}.subBgSliderWrap{width:500vw;height:100vh;display:flex}.subBgSliderWrap section{width:100vw;height:100vh;padding:0 40px;box-sizing:border-box}.subBgSliderWrap section.s1{background-color:transparent}.subBgSliderWrap section.s3{width:300vw;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(75px);backdrop-filter:blur(75px);display:flex}.pageSection{font-size:200px;color:var(--white);text-align:left}.info,.pageSection{width:30vw;height:100%;font-family:var(--font-gmarket);border-right:1px solid rgba(255,255,255,.15)}.info{font-size:1rem;padding:0 5vw 12vh;display:flex;flex-direction:column;align-items:left;justify-content:flex-end;box-sizing:border-box}.info__inner h2{font-size:14px;font-family:var(--font-gmarket);text-transform:uppercase;color:rgba(255,255,255,.5)}.info__inner h3,.info__inner p{color:var(--white);font-size:16px;font-weight:200;font-family:var(--font-mono)}.info__inner .coding,.info__inner .workTime,.info__inner h2{margin-bottom:40px}.info__inner h2.mPageSection{display:none}.info a{position:relative;color:var(--white)}.info a i{font-size:16px;font-weight:200;font-family:var(--font-mono);margin-right:.5vw}.info a svg{width:.8rem;height:.8rem}.section.s3 .desc{width:50vw;height:100%;font-family:var(--font-arita);font-size:1.1rem;border-right:1px solid rgba(255,255,255,.15);display:flex;align-items:flex-end;padding:0 5vw 12vh;box-sizing:border-box}.section.s3 .desc .desc__inner h2{font-size:14px;font-family:var(--font-gmarket);text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:5vh}.section.s3 .desc .desc__inner p,.section.s3 .desc .desc__inner span{color:var(--white);font-size:1rem;font-family:var(--font-arita);font-weight:500}.section.s3 .desc .desc__inner span{display:block;text-decoration:underline;text-underline-position:under;margin-bottom:5px}.section.s3 .desc .desc__inner p{margin-bottom:2vh}.section.s3 .desc .desc__inner p:last-child{margin-bottom:0}.section.s3 .trouble{width:60vw;height:100%;display:flex;align-items:flex-end;border-right:1px solid rgba(255,255,255,.15);font-size:1rem;padding:0 5vw 12vh;box-sizing:border-box}.section.s3 .trouble .trouble__inner h2{font-family:var(--font-gmarket);font-size:14px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:4vh}.section.s3 .trouble .trouble__inner h3{text-decoration:underline;text-underline-position:under}.section.s3 .trouble .trouble__inner h3,.section.s3 .trouble .trouble__inner p{font-family:var(--font-arita);font-size:1rem;font-weight:500;color:var(--white)}.section.s3 .trouble .trouble__inner p{margin-bottom:2vh}.section.s3 .trouble .trouble__inner p:last-child{margin-bottom:0}.section.s3 .hljs{font-family:var(--font-d2);padding:0}.section.s3 .comment{width:40vw;height:100%;display:flex;align-items:flex-end;border-right:1px solid rgba(255,255,255,.15);font-size:1rem;padding:0 5vw 12vh;box-sizing:border-box}.section.s3 .comment>div{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.section.s3 .comment>div>.repleList,.section.s3 .comment>div>.repleWrite{width:100%}.section.s3 .comment>div>.repleList{overflow-y:scroll;position:relative}.section.s3 .repleList li{width:100%}.section.s3 .repleList li .modifyForm{display:flex;flex-wrap:wrap;justify-content:space-between}.section.s3 .repleList li .cont,.section.s3 .repleList li .modifyForm input[name=modifyCont]{width:100%;background-color:rgba(0,0,0,.5);color:var(--white);font-family:var(--font-arita);padding:1rem;border-radius:10px;line-height:1.6;margin:5px 0;border:2px solid transparent}.section.s3 .repleList li .modifyForm input[name=modifyCont]{outline:0;border:2px solid rgba(255,255,255,.15)}.section.s3 .repleList li .modifyForm .modfiyBottom{width:100%;display:flex;margin-bottom:1rem;position:relative}.section.s3 .repleList li .modifyForm .modfiyBottom input[name=modifyPass]{width:100%;padding:5px;color:var(--white);font-size:1rem;border-radius:3px;border-bottom:1px solid rgba(255,255,255,.15);background-color:transparent}.section.s3 .repleList li .modifyForm .modfiyBottom input[name=modifyPass]:focus{outline:0;border-color:rgba(255,255,255,.5)}.section.s3 .repleList li .modifyForm .modfiyBottom .modifyForm__btn{display:flex;width:30%;position:absolute;right:0}.section.s3 .repleList li .modifyForm .modfiyBottom .modifyForm__btn button{width:49.5%;padding:5px;background-color:transparent;color:rgba(255,255,255,.15);font-size:1rem;font-family:var(--font-gmarket);font-weight:300;cursor:pointer;transition:color .3s}.section.s3 .repleList li .modifyForm .modfiyBottom .modifyForm__btn button:hover{color:rgba(255,255,255,.5)}.section.s3 .repleList li .author{text-align:right;font-size:.8rem;color:var(--black500);font-family:var(--font-gmarket);font-weight:300;position:relative}.section.s3 .repleList li .author .date{display:inline-block;padding:0 5px}.section.s3 .repleList li .author .edit{display:inline-block;cursor:pointer}.section.s3 .repleList li .author .modal{display:flex;flex-direction:column;position:absolute;top:-50px;right:0;background-color:rgba(255,255,255,.15);padding:5px 10px;border-radius:2px}.section.s3 .repleList li .author .modal>p{cursor:pointer}.section.s3 .repleWriteHeader{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section.s3 .repleWriteHeader .author,.section.s3 .repleWriteHeader .password{width:49.5%}.section.s3 .repleWriteBottom input,.section.s3 .repleWriteHeader .author input,.section.s3 .repleWriteHeader .password input{width:100%;padding:10px;background-color:transparent;color:var(--white);font-size:1rem;font-family:var(--font-gmarket);font-weight:300;border-bottom:1px solid rgba(255,255,255,.15)}.section.s3 .repleWriteBottom input:focus,.section.s3 .repleWriteHeader .author input:focus,.section.s3 .repleWriteHeader .password input:focus{outline:0;border-color:rgba(255,255,255,.5)}.section.s3 .repleWriteBottom{position:relative}.section.s3 .repleWriteBottom input{padding-right:40px}.section.s3 .repleWriteBottom button{position:absolute;top:50%;right:0;transform:translateY(-50%);background-color:transparent;font-size:1rem;color:rgba(255,255,255,.15);font-family:var(--font-gmarket);cursor:pointer;transition:color .3s}.section.s3 .repleWriteBottom button:hover{color:rgba(255,255,255,.5)}.section.s3 .subNext{width:60vw;height:100%;display:flex;align-items:center;padding-left:5vw;box-sizing:border-box}.section.s3 .subNext .subNext__inner{width:100%}.section.s3 .subNext .subNext__inner a{position:relative;color:var(--white);font-size:16px;font-family:var(--font-mono)}.section.s3 .subNext .subNext__inner h2{display:flex;justify-content:space-between}.section.s3 .subNext .subNext__inner h2 a{font-family:var(--font-noto);font-size:60px}.section.s3 .subNext .subNext__inner h2 svg{width:2vw;fill:var(--white)}@media screen and(max-width:800px){.close{top:15px;left:20px}.about{top:15px;right:20px}.center__text{width:100%}.mainSlider__center>.center__text>.titleSlider>.titleWrap>.title{color:var(--white);font-size:32px}.subBgSliderWrap section{padding:0 20px}.sub__center .subDesc{font-size:.9rem}.sub__center .text{padding-left:20px}.subBgSliderWrap{width:600vw}.subBgSliderWrap section.s3{width:400vw}.pageSection{display:none}.section.s3 .info{font-size:1rem;width:50vw}.info__inner h2.mPageSection{display:inline-block;color:var(--white);font-size:25vw}.section.s3 .desc{width:100vw;font-size:1rem;padding-right:2vw}.section.s3 .desc .desc__inner p{font-size:1rem}.section.s3 .trouble{width:100vw;padding-left:5vw}.section.s3 .trouble pre{width:90vw}.section.s3 .trouble .trouble__inner h3,.section.s3 .trouble .trouble__inner p{font-size:1rem}.sub__center .trouble .trouble__inner p{font-size:.8rem}.section.s3 .subNext{display:none}.section.s3 .comment{width:90vw;border-right:0}}#about{width:100%;position:relative}#about #header{position:fixed;width:100%;height:100px;padding:30px 40px 0;display:flex;justify-content:space-between;z-index:1}#about #header .aboutClose,#about #header .logo{color:var(--white);font-family:var(--font-gmarket);font-size:18px}#about #header .aboutClose,#about #header .logo,#about #header .logo span{opacity:0}#about #header .logo{height:25px;overflow:hidden}#about #header .aboutClose a{display:block;position:relative}#main{box-sizing:border-box}.underline:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--white);transform-origin:bottom right;transform:scaleX(0);transition:transform .5s ease-in-out}.underline:hover:after{transform-origin:bottom left;transform:scaleX(1)}.aboutSlideWrap{width:100%;height:auto;background-color:var(--black)}.aboutSlider{width:100%;height:100vh}.aboutCenter{position:fixed;top:50%;left:40px;transform:translateY(-50%);color:var(--white);z-index:1}.aboutCenter h2{font-size:72px;font-family:var(--font-noto);height:100px;overflow:hidden;opacity:0}.aboutCenter p{font-family:var(--font-gmarket);font-size:12px;text-align:right;transform:translateX(25%);opacity:0}.aboutDesc{text-align:right;font-size:1rem}.aboutDesc,.aboutText{padding:35px 40px 45px;width:100%;height:100vh;color:var(--white)}.aboutService{padding-right:80px;margin-bottom:10%;width:100%;height:10%;display:flex;justify-content:right}.aboutService__inner{width:55%;display:flex;justify-content:space-between}.aboutSkill{display:flex}.aboutService__inner .markup{margin-right:90px}.aboutService__inner .aboutTitle,.aboutService__inner .markup h2,.aboutService__inner .markup p,.aboutService__inner .tool h2,.aboutService__inner .tool p{font-size:16px;font-family:var(--font-gmarket)}.aboutService__inner .markup h2,.aboutService__inner .tool h2{margin-bottom:10px}.aboutService__inner .markup p,.aboutService__inner .tool p{color:var(--black500);line-height:1.1;opacity:.5}.aboutContact{width:100%;padding-top:40px;border-top:1px solid rgba(255,255,255,.15)}.aboutContact__social{margin-bottom:40px}.aboutContact__email,.aboutContact__social{display:flex}.aboutContact__email>div,.aboutContact__social>div{width:33.333%}.aboutContact__email>.title,.aboutContact__email>.title2,.aboutContact__social>.title,.aboutContact__social>.title2{font-size:16px;font-family:var(--font-gmarket)}.email>span,.social>span{margin-bottom:5px}.email,.social{display:flex;flex-direction:column;font-size:16px;font-family:var(--font-gmarket)}.email a:hover,.social a:hover{text-decoration:underline;text-underline-position:under}.aboutImg{width:130px;height:350px;overflow:hidden;background-image:url(/assets/images/about-contact.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.aboutImg>img{width:100%;vertical-align:top}.aboutEmail{display:flex;justify-content:flex-end}.aboutEmail>.emailLink{font-family:var(--font-gmarket);font-size:50px;font-weight:500;position:relative;color:var(--white);display:flex;align-items:center;z-index:9999}.aboutEmail>.emailLink>.text{margin-right:10vw;height:75px;overflow:hidden}.svg{width:45px;height:45px;position:relative}.svg>svg{position:absolute;left:0;bottom:0}.svg>.svg2{opacity:0;scale:0}.aboutContact__bottom{height:450px;display:flex;align-items:flex-end;justify-content:flex-end;position:relative}.aboutInfor{width:100%;height:100vh;display:flex;padding:35px 0 45px 40px}.aboutInfor__left{width:40%;height:100%;border-right:1px solid rgba(255,255,255,.15)}.aboutInfor__left h2{width:90%;font-size:1.5rem;font-weight:500;font-family:var(--font-gmarket);color:var(--white)}.aboutInfor__left .aboutInfor__img{margin-top:1rem;width:90%;height:70%;overflow:hidden;background-image:url(/assets/images/profile.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.aboutInfor__left .birth{font-size:1.2rem}.aboutInfor__left .birth,.aboutInfor__left .desc{font-family:var(--font-gmarket);color:var(--white);font-weight:300;margin-top:1rem}.aboutInfor__left .desc{width:90%;font-size:1rem}.aboutInfor__right{width:60%;height:100%}.aboutInfor__right li{padding:20px;font-size:1rem;font-family:var(--font-gmarket);font-weight:300;color:var(--white);border-top:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:space-between}.aboutInfor__right li:last-child{border-bottom:1px solid rgba(255,255,255,.15)}@media screen and (max-width:800px){#about #header{padding:15px 20px 0!important}.aboutSlider{height:25vh}.aboutCenter{position:relative;display:flex;align-items:center;justify-content:center;top:0;left:0;transform:translate(0);background-color:var(--black);z-index:0}.aboutCenter p{position:absolute;right:50%;bottom:-20%;transform:translateX(50%)}.aboutDesc{height:50vh;padding:15px 20px 25px}.aboutDesc p{margin-top:10vh;font-size:.9rem}.aboutInfor{display:inline-block;padding:15px 20px 25px;height:auto}.aboutInfor__left{width:100%;height:auto;border:0}.aboutInfor__left .aboutInfor__img{width:100%;height:50vh;background-position:50%}.aboutInfor__left .desc{margin-bottom:1rem}.aboutInfor__right{width:100%}.aboutInfor__right li{flex-direction:column-reverse;align-items:flex-start;padding:5px 0;border:0}.aboutInfor__right li:last-child{padding-bottom:20px}.aboutInfor__right li span{margin-bottom:5px;font-size:.8rem;color:var(--black500);opacity:.5}.aboutText{height:auto;padding:15px 20px 25px}.aboutService{height:auto;padding:0;justify-content:left}.aboutService__inner{width:100%;display:inline-block}.aboutSkill{flex-direction:column}.aboutService__inner .aboutTitle{margin-bottom:1.5rem}.aboutService__inner .markup{margin:0 0 1rem}.aboutService__inner .markup h2,.aboutService__inner .tool h2{margin-bottom:.5rem}.aboutService__inner .markup p,.aboutService__inner .tool p{line-height:1.5}.aboutService__inner .aboutTitle,.aboutService__inner .markup h2,.aboutService__inner .markup p,.aboutService__inner .tool h2,.aboutService__inner .tool p{font-size:.9rem}.aboutContact__social{flex-wrap:wrap;margin-bottom:1.8rem}.aboutContact__social>.title{width:100%;margin-bottom:10vh}.email,.social{font-size:.9rem}.aboutContact__email>.title{display:none}.aboutContact__email>.title,.aboutContact__email>.title2,.aboutContact__social>.title,.aboutContact__social>.title2{font-size:.9rem}.aboutContact__bottom{width:100%;height:auto;display:flex;flex-direction:column;align-items:stretch;margin-top:10vh}.aboutImg{height:260px;position:static;transform:translate(0)}.aboutEmail{margin-top:20vh}.aboutEmail>.emailLink{font-size:2.5rem}.aboutEmail>.emailLink>.text{height:49px}.svg>svg{width:2.5rem}}#design{position:relative;font-family:var(--font-arita);color:var(--white)}.designTitle{display:flex;align-items:center;width:100%;height:100vh;padding:30px 40px;font-size:2rem;background-image:url(/assets/images/star.webp);background-size:contain;background-position:0;background-repeat:no-repeat;animation:backgroundAni 5s ease-in-out forwards}@keyframes backgroundAni{0%{opacity:0}50%{opacity:0}to{opacity:1}}.designTitle-item{position:relative;color:var(--white)}.designTitle-item h2{font-family:var(--font-noto);font-size:72px;text-align:center;overflow:hidden}.designTitle-item p{transform:translateX(10%);font-family:var(--font-gmarket);font-size:12px;text-align:right}.designContainer{width:100%;height:100%}.designWork{display:flex;flex-direction:column;min-height:100vh}.designWork>li{padding:30px 40px;border:1px solid rgba(255,255,255,.15);border-right:none;border-left:none}.designWork-title{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-arita);font-size:3rem;color:var(--white);outline:none;background-color:transparent;cursor:pointer}.designWork-title>span{transform:rotate(0);transition:all .3s ease-in-out}.designWork-title.active>span{transform:rotate(180deg)}.workList{display:flex;flex-direction:column;gap:8px;max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.workList.workOpen{max-height:500px}.workList>li:first-child{margin-top:20px}.workList>li>a{position:relative;display:inline-block;font-size:1.5rem;color:rgba(255,255,255,.5);transition:all .3s ease-in-out}.workList>li>a:hover{color:var(--white)}.workList>li>a svg{width:1rem;height:1rem;margin-left:.75rem}#detail #header{position:fixed;width:100%;height:100px;padding:30px 40px 0;display:flex;justify-content:space-between;z-index:1}#detail #header .detailClose,#detail #header .logo{color:var(--black);font-family:var(--font-gmarket);font-size:18px}#detail #header .detailClose,#detail #header .logo,#detail #header .logo span{opacity:0}#detail #header .logo{height:25px;overflow:hidden}#detail #header .detailClose a{display:block;position:relative}#designDetail{height:100%;min-height:100vh;background-color:var(--black)}.detailSlideWrap img{position:relative!important;opacity:0}.scrollBar-blue{position:fixed;top:0;left:0;background-color:transparent;width:100%;height:5px;z-index:1000}.scrollBar-blue progress{position:absolute;left:0;top:0;width:100%;height:5px;border:none;background:rgba(255,255,255,.5)}.scrollBar-blue progress::-webkit-progress-bar{background:transparent}.scrollBar-blue progress::-webkit-progress-value{background:linear-gradient(270deg,#3182f6,#3182f6);background-attachment:fixed}.scrollBar-blue progress::-moz-progress-bar{background:linear-gradient(270deg,#3182f6,#3182f6);background-attachment:fixed}@media screen and (max-width:800px){#detail #header{padding:15px 20px 0!important}.designTitle{padding:15px 20px;justify-content:center}.designTitle-item p{position:absolute;right:50%;bottom:-20%;transform:translateX(50%)}.designWork{min-height:50vh}.designWork-title{font-size:2rem}.designWork>li{padding:15px 20px}.workList>li>a{font-size:1.5rem}}@media screen and (max-width:500px){.designWork-title{font-size:1.25rem}.workList>li>a{font-size:1rem}}