@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://websfont.github.io/nanumSquareNeo/nanumSquareNeo.css);@import url(https://websfont.github.io/gmarket/gmarket.css);.mont{font-family:Montserrat}.nanum{font-family:nanumSquareNeo}.gmarket{font-family:gmarket}:root{--mainEng-font:"Montserrat";--mainKor-font:"nanumSquareNeo";--mainNum-font:"gmarket";--mainBg-color:#f3ede8;--subBg100:#cdc0b1;--subBg200:#afa395;--subBg300:#81887c;--subBg400:#afa7a2;--subBg500:#a6afa2;--white:#fff;--black:#000;--black100:#2b2b2b;--black200:#434343;--black300:#686868;--black400:#e0e0e0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Montserrat,nanumSquareNeo;font-family:var(--mainEng-font),var(--mainKor-font);font-size:16px;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}@media(max-width:768px){:root{font-size:14px;line-height:1.4}}body{background-color:#f3ede8;background-color:var(--mainBg-color)}*,: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:Montserrat,nanumSquareNeo,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,helvetica,sans-serif;font-family:var(--mainEng-font),var(--mainKor-font),"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%}#skip a{background:#000;background:var(--black);color:#fff;color:var(--white);font-size:1rem;left:10px;padding:10px 30px;position:absolute;top:-92px;z-index:100000}#skip a:active,#skip a:focus{top:10px}#header{left:0;position:fixed;top:0;width:100%;z-index:10000}.header__inner{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:hsla(0,8%,42%,.1);display:flex;justify-content:space-between;padding:1rem}.header__inner .header__logo{font-size:.9rem;line-height:1;text-align:center}.header__inner .header__logo em{color:#434343;color:var(--black200);display:block;font-size:10px}@media(max-width:768px){.header__inner .header__nav{display:none}.header__inner .header__nav.show{display:block}.header__inner .header__nav.show ul{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:hsla(0,8%,42%,.1);display:block;min-width:150px;padding:20px 0;position:absolute;right:0;top:68px;z-index:10000}.header__inner .header__nav.show ul li{display:block;text-align:right}.header__inner .header__nav.show ul li a{display:inline-block;padding:10px}.header__inner .header__nav.show+.header__nav__mobile span:after,.header__inner .header__nav.show+.header__nav__mobile span:before{width:20px}}.header__inner .header__nav li{display:inline}.header__inner .header__nav li a{font-size:14px;padding:14px;position:relative}.header__inner .header__nav li a:before{background-color:#000;background-color:var(--black);bottom:10px;content:"";height:1px;left:14px;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all .3s;width:calc(100% - 28px)}.header__inner .header__nav li a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.header__inner .header__nav__mobile{cursor:pointer;display:none;height:40px;width:40px}@media(max-width:768px){.header__inner .header__nav__mobile{display:block}}.header__inner .header__nav__mobile span{background-color:#000;background-color:var(--black);display:block;height:2px;margin-top:19px;position:relative;width:40px}.header__inner .header__nav__mobile span:before{right:0;top:6px}.header__inner .header__nav__mobile span:after,.header__inner .header__nav__mobile span:before{background-color:#000;background-color:var(--black);content:"";height:2px;position:absolute;transition:width .3s;width:40px}.header__inner .header__nav__mobile span:after{bottom:6px;left:0}#intro{height:100vh}.intro__inner{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:16px;width:100%}@media(max-width:768px){.intro__inner{justify-content:center}}.intro__inner .intro__title{font-size:8.5vw;font-weight:800;letter-spacing:-.3vw;line-height:1;text-indent:-.5vw;white-space:nowrap}@media(max-width:320px){.intro__inner .intro__title{display:none}}.intro__inner .intro__text{align-items:center;background-color:#000;background-color:var(--black);color:#fff;color:var(--white);display:flex;flex-direction:column;height:40vh;justify-content:center;position:relative;width:100%}.intro__inner .intro__text .text{cursor:all-scroll;font-size:3vw;font-weight:900;line-height:1;position:relative;text-align:center;text-decoration:underline;transition:all .3s;z-index:100}@media(max-width:768px){.intro__inner .intro__text .text{font-size:24px}}.intro__inner .intro__text .img{border-radius:50%;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:30vh;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s;width:30vh}@media(max-width:320px){.intro__inner .intro__text .img{height:20vh;width:20vh}}.intro__inner .intro__text:hover .text{opacity:0}.intro__inner .intro__text:hover .img{-webkit-filter:grayscale(0);filter:grayscale(0)}.intro__inner .intro__lines{width:100%}.intro__inner .intro__lines .line{background-color:#000;background-color:var(--black);display:block;height:1px;margin-bottom:.5vw;width:100%}.intro__inner .intro__lines .line:first-child{height:1px}.intro__inner .intro__lines .line:nth-child(2){height:2px}.intro__inner .intro__lines .line:nth-child(3){height:5px}.intro__inner .intro__lines .line:nth-child(4){height:9px}.intro__inner .intro__lines .line:nth-child(5){height:13px}.intro__inner .intro__lines .line:nth-child(6){height:17px}.intro__inner .intro__lines .line:nth-child(7){height:25px}.intro__inner .intro__lines.bottom .line{display:none;margin-bottom:0;margin-top:.5vw}@media(max-width:768px){.intro__inner .intro__lines.bottom .line{display:block}}.intro__inner .intro__lines.bottom .line:first-child{height:25px}.intro__inner .intro__lines.bottom .line:nth-child(2){height:17px}.intro__inner .intro__lines.bottom .line:nth-child(3){height:13px}.intro__inner .intro__lines.bottom .line:nth-child(4){height:9px}.intro__inner .intro__lines.bottom .line:nth-child(5){height:5px}.intro__inner .intro__lines.bottom .line:nth-child(6){height:2px}.intro__inner .intro__lines.bottom .line:nth-child(7){height:1px}.skill__inner{display:flex;justify-content:space-between;padding:16px}@media(max-width:768px){.skill__inner{flex-direction:column}}.skill__inner .skill__title{border-bottom:.4vw solid #2b2b2b;border-bottom:.4vw solid var(--black100);color:#2b2b2b;color:var(--black100);font-family:nanumSquareNeo;font-family:var(--mainKor-font);font-size:4vw;font-weight:900;height:5vw;left:0;line-height:1.6;position:-webkit-sticky;position:sticky;top:70px;width:48%}@media(max-width:768px){.skill__inner .skill__title{background-color:#f3ede8;background-color:var(--mainBg-color);font-size:30px;height:auto;margin-bottom:10vw;top:68px;width:100%}}.skill__inner .skill__title em{font-size:1.25rem;font-weight:400;line-height:2}.skill__inner .skill__desc{width:50%}@media(max-width:768px){.skill__inner .skill__desc{width:100%}}.skill__inner .skill__desc span{font-family:gmarket;font-family:var(--mainNum-font);font-size:5vw;font-weight:900;line-height:1.3}@media(max-width:768px){.skill__inner .skill__desc span{font-size:20vw}}.skill__inner .skill__desc h3{font-size:1.5rem;margin-bottom:1vw;text-decoration:underline;text-underline-position:under}.skill__inner .skill__desc p{font-size:1.1rem;margin-bottom:30vh}.site__inner{padding:16px}.site__inner .site__title{border-bottom:.4vw solid #2b2b2b;border-bottom:.4vw solid var(--black100);color:#2b2b2b;color:var(--black100);font-family:nanumSquareNeo;font-family:var(--mainKor-font);font-size:4vw;font-weight:900;height:5vw;left:0;line-height:1.6;margin-bottom:100px;position:-webkit-sticky;position:sticky;top:70px;width:70%}@media(max-width:768px){.site__inner .site__title{background-color:#f3ede8;background-color:var(--mainBg-color);font-size:30px;height:auto;margin-bottom:10vw;top:68px;width:100%;z-index:1000}}.site__inner .site__title em{font-size:1.25rem;font-weight:400;line-height:2}.site__inner .site__wrap .site__item{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;left:0;position:-webkit-sticky;position:sticky}.site__inner .site__wrap .site__item.s1{background-color:#cdc0b1;background-color:var(--subBg100);top:180px}@media(max-width:768px){.site__inner .site__wrap .site__item.s1{top:140px}}.site__inner .site__wrap .site__item.s2{background-color:#afa395;background-color:var(--subBg200);top:200px}@media(max-width:768px){.site__inner .site__wrap .site__item.s2{top:160px}}.site__inner .site__wrap .site__item.s3{background-color:#81887c;background-color:var(--subBg300);top:220px}@media(max-width:768px){.site__inner .site__wrap .site__item.s3{top:180px}}.site__inner .site__wrap .site__item.s4{background-color:#afa7a2;background-color:var(--subBg400);top:240px}@media(max-width:768px){.site__inner .site__wrap .site__item.s4{top:200px}}.site__inner .site__wrap .site__item .num{font-family:gmarket;font-family:var(--mainNum-font);font-size:5vw;font-weight:900;left:1vw;line-height:1;position:absolute;top:1vw}@media(max-width:768px){.site__inner .site__wrap .site__item .num{font-size:80px;left:20px;top:20px}}.site__inner .site__wrap .site__item .text{margin-bottom:1rem;text-align:center}.site__inner .site__wrap .site__item .text>div{font-family:Montserrat;font-family:var(--mainEng-font);font-size:3vw;font-weight:900;line-height:1;text-decoration:underline}@media(max-width:768px){.site__inner .site__wrap .site__item .text>div{font-size:26px}}.site__inner .site__wrap .site__item .title{font-family:nanumSquareNeo;font-family:var(--mainKor-font);margin-bottom:1rem}.site__inner .site__wrap .site__item .btn a{color:#434343;color:var(--black200);font-size:1rem;margin:0 2px;text-decoration:underline;transition:all .3s}.site__inner .site__wrap .site__item .btn a:hover{color:#000;color:var(--black)}.site__inner .site__wrap .site__item .info{border-bottom:1px solid #000;border-bottom:1px solid var(--black);border-top:1px solid #000;border-top:1px solid var(--black);bottom:3%;display:flex;justify-content:space-between;left:0;margin-left:1%;position:absolute;width:98%}@media(max-width:768px){.site__inner .site__wrap .site__item .info{flex-direction:column;margin-left:5%;padding:5px 0;width:90%}}.site__inner .site__wrap .site__item .info span{font-family:nanumSquareNeo;font-family:var(--mainKor-font);font-size:12px;padding:3px 0}#portfolio{margin-top:30vh;overflow:hidden;width:100%}.portfolio__inner{padding:16px}.portfolio__inner .portfolio__title{border-bottom:.4vw solid #2b2b2b;border-bottom:.4vw solid var(--black100);color:#2b2b2b;color:var(--black100);font-family:nanumSquareNeo;font-family:var(--mainKor-font);font-size:4vw;font-weight:900;height:5vw;line-height:1.6;margin-bottom:16px;text-indent:-.26vw;width:100%}.portfolio__inner .portfolio__title em{font-size:1.25rem;font-weight:400;line-height:2}.portfolio__inner .portfolio__wrap{display:flex;flex-wrap:wrap;width:7000px}.portfolio__inner .portfolio__wrap .portfolio__item{height:75vh;margin-right:20px;padding:2.5rem;width:500px}.portfolio__inner .portfolio__wrap .portfolio__item,.portfolio__inner .portfolio__wrap .portfolio__item.p1{background-color:#cdc0b1;background-color:var(--subBg100)}.portfolio__inner .portfolio__wrap .portfolio__item.p2{background-color:#afa395;background-color:var(--subBg200)}.portfolio__inner .portfolio__wrap .portfolio__item.p3{background-color:#81887c;background-color:var(--subBg300)}.portfolio__inner .portfolio__wrap .portfolio__item.p4{background-color:#afa7a2;background-color:var(--subBg400)}.portfolio__inner .portfolio__wrap .portfolio__item.p5{background-color:#a6afa2;background-color:var(--subBg500)}.portfolio__inner .portfolio__wrap .portfolio__item.p6{background-color:#cdc0b1;background-color:var(--subBg100)}.portfolio__inner .portfolio__wrap .portfolio__item.p7{background-color:#afa395;background-color:var(--subBg200)}.portfolio__inner .portfolio__wrap .portfolio__item.p8{background-color:#81887c;background-color:var(--subBg300)}.portfolio__inner .portfolio__wrap .portfolio__item.p9{background-color:#afa7a2;background-color:var(--subBg400)}.portfolio__inner .portfolio__wrap .portfolio__item.p10{background-color:#a6afa2;background-color:var(--subBg500)}.portfolio__inner .portfolio__wrap .portfolio__item .num{font-family:gmarket;font-family:var(--mainNum-font);font-size:2rem}.portfolio__inner .portfolio__wrap .portfolio__item .img{display:block;margin-top:-20px;transition:margin-top .3s}.portfolio__inner .portfolio__wrap .portfolio__item .img img{border-radius:5px;-webkit-filter:saturate(0);filter:saturate(0);transition:all .3s}.portfolio__inner .portfolio__wrap .portfolio__item .img:hover{margin-top:0}.portfolio__inner .portfolio__wrap .portfolio__item .img:hover img{-webkit-filter:saturate(100%);filter:saturate(100%)}.portfolio__inner .portfolio__wrap .portfolio__item .title{border-bottom:2px solid #2b2b2b;border-bottom:2px solid var(--black100);color:#2b2b2b;color:var(--black100);font-size:1.5rem;font-weight:700;margin-bottom:1rem;padding:.8rem 0;text-align:center}.portfolio__inner .portfolio__wrap .portfolio__item .desc{font-size:1rem}.portfolio__inner .portfolio__wrap .portfolio__item .site{border:1px solid #2b2b2b;border:1px solid var(--black100);display:block;margin-top:1.5rem;padding:.625rem 1.5rem;text-align:center;transition:all .2s}.portfolio__inner .portfolio__wrap .portfolio__item .site:hover{background-color:#2b2b2b;background-color:var(--black100);color:#fff;color:var(--white)}#contact{height:100vh}.contact__inner{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:16px;width:100%}@media(max-width:768px){.contact__inner{justify-content:center}}.contact__inner .contact__title{font-size:8.5vw;font-weight:800;letter-spacing:-.3vw;line-height:1;text-indent:-.5vw;white-space:nowrap}@media(max-width:768px){.contact__inner .contact__title{display:none}}.contact__inner .contact__text{align-items:center;background-color:#000;background-color:var(--black);color:#fff;color:var(--white);display:flex;flex-direction:column;height:40vh;justify-content:center;position:relative;width:100%}.contact__inner .contact__text .text{cursor:all-scroll;font-size:3vw;font-weight:900;line-height:1;position:relative;text-align:center;text-decoration:underline;transition:all .3s;z-index:100}@media(max-width:768px){.contact__inner .contact__text .text{font-size:24px;padding:0 16px;word-break:break-all}}.contact__inner .contact__lines{width:100%}.contact__inner .contact__lines .line{background-color:#000;background-color:var(--black);display:block;height:1px;margin-bottom:.5vw;width:100%}.contact__inner .contact__lines .line:first-child{height:25px}.contact__inner .contact__lines .line:nth-child(2){height:17px}.contact__inner .contact__lines .line:nth-child(3){height:13px}.contact__inner .contact__lines .line:nth-child(4){height:9px}.contact__inner .contact__lines .line:nth-child(5){height:5px}.contact__inner .contact__lines .line:nth-child(6){height:2px}.contact__inner .contact__lines .line:nth-child(7){height:1px}.contact__inner .contact__lines.top .line{display:none;margin-bottom:0;margin-top:.5vw}@media(max-width:768px){.contact__inner .contact__lines.top .line{display:block}}.contact__inner .contact__lines.top .line:first-child{height:1px}.contact__inner .contact__lines.top .line:nth-child(2){height:2px}.contact__inner .contact__lines.top .line:nth-child(3){height:5px}.contact__inner .contact__lines.top .line:nth-child(4){height:9px}.contact__inner .contact__lines.top .line:nth-child(5){height:13px}.contact__inner .contact__lines.top .line:nth-child(6){height:17px}.contact__inner .contact__lines.top .line:nth-child(7){height:25px}#footer{font-family:nanumSquareNeo;font-family:var(--mainKor-font)}.footer__inner{padding:16px}.footer__inner .footer__text{border-bottom:1px solid #000;border-bottom:1px solid var(--black);border-top:1px solid #000;border-top:1px solid var(--black);display:flex;font-size:12px;justify-content:space-between}.footer__inner .footer__info{display:flex;justify-content:space-between;margin:100px 0}@media(max-width:768px){.footer__inner .footer__info{flex-direction:column}}.footer__inner .footer__info .left{width:40%}@media(max-width:768px){.footer__inner .footer__info .left{width:100%}}.footer__inner .footer__info .left .title{background:url(/static/media/arrow.5484000f7088bc4fd412.svg) no-repeat right 20px;border-bottom:1px solid #000;border-bottom:1px solid var(--black);border-top:2px solid #000;border-top:2px solid var(--black);font-weight:700;padding:20px 0;transition:all .3s}.footer__inner .footer__info .left .title:hover{background-color:#e0e0e0;background-color:var(--black400);border-color:transparent;padding-left:10px}.footer__inner .footer__info .left .desc{font-size:12px;padding-top:20px}@media(max-width:768px){.footer__inner .footer__info .left .desc{margin-bottom:40px}}.footer__inner .footer__info .right{width:50%}@media(max-width:768px){.footer__inner .footer__info .right{width:100%}}.footer__inner .footer__info .right h3{border-top:2px solid #000;border-top:2px solid var(--black);font-size:10px;margin-bottom:40px;padding-top:10px}.footer__inner .footer__info .right ul{border-top:1px solid #000;border-top:1px solid var(--black)}.footer__inner .footer__info .right ul li{border-bottom:1px solid #000;border-bottom:1px solid var(--black)}.footer__inner .footer__info .right ul li a{display:inline-block;font-size:14px;padding:14px 0}.footer__inner .footer__info .right ul li em{font-size:12px;opacity:0;padding-left:10px;transition:all .3s}.footer__inner .footer__info .right ul li:hover em{opacity:1}.footer__inner .footer__right{font-size:12px;margin-bottom:20px;text-align:center}
/*# sourceMappingURL=main.01371cf6.css.map*/