@charset "UTF-8";@import"setting/fonts.css";:root{--mainEng-font: "gmarket";--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;font-family:var(--mainEng-font),var(--mainKor-font);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 (max-width: 800px){:root{font-size:14px;line-height:1.4}}body{color:var(--white);background-color:var(--black100)}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul,figure,figcaption{margin:0;padding:0}body,button,input,select,table,textarea{font-family:var(--mainEng-font),var(--mainKor-font),"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif}a,a:hover,a:focus{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{list-style:none}em,address{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}#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:focus,#skip a:active{top:10px}#header{position:fixed;left:0;top:0;width:100%;z-index:10000}.header__inner{display:flex;align-items:center;justify-content:space-between;background-color:#fff;color:#000;padding:1rem}.header__logo{width:2.5rem;position:relative;margin-top:2px;margin-left:10px}.header__sub h1{font-size:1.1rem;font-weight:600;text-align:center;position:relative;word-spacing:1px;margin:1vw}.header__nav li{display:inline}.header__nav li a{text-transform:uppercase;font-size:14px;padding:14px;position:relative}.header__nav li a:before{width:calc(100% - 28px);height:1px;background-color:var(--black);position:absolute;left:14px;bottom:10px;transform:scaleX(0);transition:all .3s}.header__nav li a:hover:before{transform:scaleX(1)}.header__nav__mobile{display:none;width:40px;height:40px;cursor:pointer}.header__nav__mobile span{display:block;width:40px;height:2px;background-color:var(--black);margin-top:19px;position:relative}.header__nav__mobile span:before{content:"";width:40px;height:2px;background-color:var(--black);position:absolute;right:0;top:6px;transition:width .3s}.header__nav__mobile span:after{content:"";width:40px;height:2px;background-color:var(--black);position:absolute;left:0;bottom:6px;transition:width .3s}@media (max-width: 800px){.header__nav{display:none}.header__nav.show{display:block}.header__nav.show ul{display:block;position:absolute;right:0;top:68px;background-color:transparent;color:#000;z-index:10000;min-width:150px;padding:20px 0}.header__nav.show li{display:block;text-align:right;color:#000}.header__nav.show li a{display:inline-block;padding:10px;color:#000}.header__nav.show+.header__nav__mobile span:before{width:20px;color:#000}.header__nav.show+.header__nav__mobile span:after{width:20px;color:#000}.header__nav__mobile{display:block}}#header02{position:fixed;left:0;top:0;width:100%;z-index:10000}.header02__inner{display:flex;align-items:center;justify-content:space-between;background-color:#fff;color:#fff;padding:1rem}.header02__logo{font-size:.6rem;font-weight:700;text-align:center;text-transform:lowercase;line-height:1;position:relative;word-spacing:1px}.header02__logo h1{font-size:1.1rem;font-weight:600;text-align:center;position:relative;word-spacing:1px;margin:.6vw}.header02__logo em{font-size:10px;display:block;color:var(--white200)}.header02__nav li{display:inline}.header02__nav li a{text-transform:uppercase;font-size:14px;padding:14px;position:relative}.header02__nav li a:before{width:calc(10% - 28px);height:1px;background-color:var(--white);position:absolute;left:14px;bottom:10px;transform:scaleX(0);transition:all .3s}.header02__nav li a:hover:before{transform:scaleX(1)}.header02__nav__mobile{display:none;width:40px;height:40px;cursor:pointer}.header02__nav__mobile span{display:block;width:40px;height:2px;background-color:var(--white);margin-top:19px;position:relative}.header02__nav__mobile span:before{content:"";width:40px;height:2px;background-color:var(--white);position:absolute;right:0;top:6px;transition:width .3s}.header02__nav__mobile span:after{content:"";width:40px;height:2px;background-color:var(--white);position:absolute;left:0;bottom:6px;transition:width .3s}@media (max-width: 800px){.header02__nav{display:none}.header02__nav.show{display:block}.header02__nav.show ul{display:block;position:absolute;right:0;top:68px;background-color:transparent;color:#fff;z-index:10000;min-width:150px;padding:20px 0}.header02__nav.show li{display:block;text-align:right;color:#fff}.header02__nav.show li a{display:inline-block;padding:10px;color:#fff}.header02__nav.show+.header02__nav__mobile span:before{width:20px;color:#fff}.header02__nav.show+.header02__nav__mobile span:after{width:20px;color:#fff}.header02__nav__mobile{display:block}}#intro{height:100vh}.intro__inner{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:16px}.animated__title{font-size:7vw;margin-top:5vw;line-height:1;font-weight:800;white-space:nowrap;text-indent:-.5vw;letter-spacing:-.3vw}.animated__title span{position:relative}.animated__title span:before{content:"Marketer";color:#81c628;animation:words 20s infinite}.animated__title span:after{content:"";position:absolute;width:calc(100% + 8px);height:80%;background-color:#292c33;border-left:2px solid #81c628;right:-8px;animation:cursor .8s infinite,typing 20s steps(14) infinite}.intro__text{width:100%;height:40vh;background-color:var(--black);color:var(--white);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.intro__text .text{font-size:3vw;line-height:1;font-weight:900;text-transform:uppercase;text-decoration:underline;text-align:center;position:relative;z-index:100;transition:all .3s;cursor:all-scroll}.intro__text .img{position:absolute;left:50%;top:80%;transform:translate(-50%,-50%);width:70vh;max-width:375px;height:30vh;border-radius:5%;overflow:hidden;filter:grayscale(100%);transition:all .3s}.intro__text:hover .text{opacity:0}.intro__text:hover .img{filter:grayscale(0)}.intro__lines{width:100%}.intro__lines .line{display:block;width:100%;height:1px;background-color:var(--black);margin-bottom:.5vw}.intro__lines.bottom .line{margin-top:.5vw;margin-bottom:0;display:none}.intro__lines .line:nth-child(1){height:1px}.intro__lines .line:nth-child(2){height:2px}.intro__lines .line:nth-child(3){height:5px}.intro__lines .line:nth-child(4){height:9px}.intro__lines .line:nth-child(5){height:13px}.intro__lines .line:nth-child(6){height:17px}.intro__lines .line:nth-child(7){height:25px}.intro__lines.bottom .line:nth-child(1){height:25px}.intro__lines.bottom .line:nth-child(2){height:17px}.intro__lines.bottom .line:nth-child(3){height:13px}.intro__lines.bottom .line:nth-child(4){height:9px}.intro__lines.bottom .line:nth-child(5){height:5px}.intro__lines.bottom .line:nth-child(6){height:2px}.intro__lines.bottom .line:nth-child(7){height:1px}@media (max-width: 800px){.intro__inner{justify-content:center}.intro__text .img{width:50vh;height:30vh}.intro__lines.bottom .line{display:block}.intro__text .text{font-size:20px}.animated__title{font-size:7vw;margin-top:5vw;line-height:1;font-weight:800;white-space:nowrap;text-indent:-.5vw;letter-spacing:-.3vw}}@media (max-width: 320px){.animated__title{display:none}}@keyframes cursor{to{border-left:2px solid #81c628}}@keyframes words{0%,20%{content:"Marketer"}21%,40%{content:"Planner"}41%,60%{content:"Creator"}61%,80%{content:"Analyst"}81%,to{content:"Writer"}}@keyframes typing{10%,15%,30%,35%,50%,55%,70%,75%,90%,95%{width:0}5%,20%,25%,40%,45%,60%,65%,80%,85%{width:calc(100% + 8px)}}.about__inner{padding:16px;display:flex;justify-content:space-between}.about__title{position:sticky;top:70px;left:0;width:48%;height:5vw;font-size:2.1vw;font-weight:900;line-height:2.5;color:var(--white);border-bottom:.4vw solid var(--white)}.about__desc{width:50%}.about__desc em{font-size:1.6vw;font-weight:300}.about__desc span{font-size:1.7vw;line-height:1;font-weight:700;line-height:1.3}.about__desc h3{font-size:.9rem;font-weight:300;margin-bottom:.3vw}.about__desc p{margin-bottom:5vh;font-weight:300;font-size:.9rem}@media (max-width: 800px){.about__inner{flex-direction:column}.about__title{width:100%;margin-bottom:5vw;font-size:20px;height:auto;top:68px;background-color:#292c33}.about__desc{width:100%}.about__desc em{font-size:2.1vw;font-weight:300}.about__desc span{font-size:1rem}}#port{height:700px;width:100%;margin-top:15vh;overflow:hidden}.port__inner{padding:16px}.port__title{width:100%;height:5vw;font-size:2.1vw;font-weight:700;line-height:2.5;color:var(--white);border-bottom:.4vw solid var(--white);margin-bottom:16px;text-indent:-.26vw}.port__title em{font-size:.9rem;font-weight:400;line-height:2}.port__wrap{display:flex;flex-wrap:wrap;width:6000px}.port__item{width:500px;height:65vh;padding:2.5rem;border:.1px solid var(--white);margin-right:20px}.port__item .img{display:block;margin-top:-10px;transition:margin-top .3s}.port__item:hover .img{margin-top:0}.port__item .img img{border-radius:5px;filter:saturate(0%);transition:all .3s}.port__item .img:hover img{filter:saturate(100%)}.port__item .title{font-size:1.1rem;text-align:left;padding:.8rem 0;font-weight:800;color:var(--white)}.port__item .desc{font-size:.9rem;color:var(--white)}.port__item .site{border:1px solid var(--white);display:block;text-align:center;padding:.625rem 1.5rem;margin-top:1.5rem}@media (max-width: 800px){.port__title{width:100%;margin-bottom:16px;font-size:20px;height:auto;top:68px;z-index:1000;background-color:#292c33}.port__item{width:400px;padding:40px 30px;height:auto}}#port01{display:flex;justify-content:space-between}.port01__text{font-size:12px;text-transform:uppercase;border-top:1px solid var(--black);border-bottom:1px solid var(--black);display:flex;justify-content:space-between}.port01__info{display:flex;justify-content:space-between;margin:100px 0}.port01__info .left{position:sticky;top:70px;left:0;width:40%;height:30vw}.port01__info .left .title{font-size:20px;padding:20px 0;text-transform:uppercase;text-align:left;margin-left:10%;font-weight:900}.port01__info .left .desc{font-size:14px;padding-top:20px;text-align:left;margin-left:10%;color:#ffffff80}.port01__container{border:.2px solid rgba(255,255,255,.5);padding:30px;width:80%;margin-top:10px}.port01__container h3{width:80%;text-align:left;margin-bottom:10px}.port01__container .img{width:100%}.port01__container .about{width:80%;padding-top:15px;font-weight:500;font-size:1.1rem;margin-bottom:1vh}.port01__container .desc{font-size:.8rem;font-weight:350}.port01__container02{border:.2px solid rgba(255,255,255,.5);padding:30px;width:80%;margin-top:10vh}.port01__container02 h3{width:100%;text-align:left;margin-bottom:10px}.port01__container02 .img{width:100%}.port01__container02 .video{position:relative;height:0;padding-bottom:56.25%}.port01__container02 .about{width:80%;padding-top:15px;font-weight:700;font-size:1rem;margin-bottom:1vh}.port01__container02 .desc{font-size:.8rem;font-weight:350;padding:1px}.port01__info .right{width:55%}.port01__info .right h3{padding:10px 1;text-transform:uppercase;font-weight:700;font-size:14px}.port01__info .right h3 em{font-size:12px;padding-left:10px;opacity:0;transition:all .3s}.port01__info .right h3:hover em{opacity:1}.port01__info .right h4{padding:10px 1;text-transform:uppercase;font-weight:700;font-size:14px}.port01__info .right h4 em{font-size:12px;opacity:0;transition:all .3s}.port01__info .right h4:hover em{opacity:1}.port01__info .right ul{margin-top:10px}.port01__info .right li{width:70vh;height:30vh}.port01__info .right li a{padding:14px 0;font-size:14px;display:inline-block}.port01__info .right li em{font-size:12px;padding-left:10px;opacity:0;transition:all .3s}.port01__info .right li:hover em{opacity:1}.port01__container02 .about em{font-size:12px;padding-left:10px;opacity:0;transition:all .3s}.port01__container02 .about:hover em{opacity:1}.port01__right{text-align:center;text-transform:uppercase;font-size:12px;margin-bottom:20px}@media (max-width: 1000px){.port01__info{flex-direction:column;text-align:left;overflow:hidden}.port01__info .left{width:100%;margin-bottom:5vw;font-size:20px;height:auto;top:20px;background-color:var(--black)}.port01__info .left .desc{margin-bottom:40px}.port01__container{flex-direction:column;width:140%;margin-left:18%;margin-top:10px}.port01__container .img{width:100%}.port01__container .desc{margin-right:auto}.port01__container02{flex-direction:column;width:140%;margin-left:18%}.port01__container02 .about{width:100%;padding-top:15px;font-weight:700;font-size:.9rem;margin-bottom:1vh}.port01__container02 .img{width:100%}.port01__container02 .desc{margin-right:auto}}.footer__inner{padding:16px}.footer__text{font-size:12px;text-transform:uppercase;border-top:1px solid var(--black);border-bottom:1px solid var(--black);display:flex;justify-content:space-between}.footer__info{display:flex;justify-content:space-between;margin:100px 0}.footer__info .left{width:40%}.footer__info .left .title{border-top:2px solid var(--black);border-bottom:2px solid var(--black);padding:20px 0;text-transform:uppercase;font-weight:700;background:url(../../img/arrow.svg) no-repeat right 20px;transition:all .3s}.footer__info .left .title:hover{background-color:var(--black400);padding-left:10px;border-color:transparent}.footer__info .left .desc{font-size:12px;padding-top:20px}.footer__info .right{width:50%}.footer__info .right h3{border-top:2px solid var(--black);border-bottom:1px solid var(--black);padding:20px 0;text-transform:uppercase;font-weight:700;font-size:14px}.footer__info .right ul{border-top:1px solid var(--black)}.footer__info .right li{border-bottom:1px solid var(--black)}.footer__info .right li a{padding:14px 0;font-size:14px;display:inline-block}.footer__info .right li em{font-size:12px;padding-left:10px;opacity:0;transition:all .3s}.footer__info .right li:hover em{opacity:1}.footer__right{text-align:center;text-transform:uppercase;font-size:12px;margin-bottom:20px}@media (max-width: 800px){.footer__info{flex-direction:column}.footer__info .left{width:100%}.footer__info .left .desc{margin-bottom:40px}.footer__info .right{width:100%}}.portfolio__inner{margin-top:10vh;padding:16px;display:flex;justify-content:space-between}.portfolio__title{top:70px;left:0;width:48%;height:4vw;font-size:5vw;font-weight:900;line-height:2.5;color:var(--white)}.portfolio__title img{width:80%;display:flex;margin-left:10%}.portfolio__desc{width:50%;color:var(--black);margin-top:7%}.portfolio__desc h4{font-size:1.1rem;margin-bottom:1vh}.portfolio__desc h4 em{font-size:.8rem;padding-left:10px;opacity:0;transition:all .3s}.portfolio__desc h4:hover em{opacity:1}.portfolio__desc span{font-size:2.1vw;font-weight:500;line-height:1.3}.portfolio__desc h3{font-size:1.4rem;font-weight:900;margin-right:10%}.portfolio__desc h3 p{font-weight:400;font-size:1rem}.portfolio__content{width:100%;color:var(--black);margin-top:3%;padding:5%}.portfolio__content .img{width:100%}.portfolio__content .video{position:relative;height:0;padding-bottom:56.25%;width:100%;margin-top:2%}.portfolio__content .name{margin-top:1vh;font-weight:400;font-size:.8rem;margin-bottom:2vh}.portfolio__performance{width:50%;color:var(--black);padding-left:5%;left:0}.portfolio__performance span,.portfolio__performance p{font-weight:400;font-size:1rem}.portfolio__performance em{font-weight:700;font-size:1.1rem;text-transform:uppercase}.footer__portfolio{margin-top:50px;display:flex;justify-content:space-between}.footer__portfolio .left{width:50%}.footer__portfolio .left p{text-align:right;padding:15px;margin-top:10%;text-transform:uppercase;font-weight:600;font-size:11px;transition:all .3s;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2028.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%2024%2024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23E1E1E1;}%20%3c/style%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M12.5,12.6L12.5,12.6c-0.3,0.3-0.8,0.3-0.8,0l-2.4-2.5c-0.2-0.2-0.2-0.3,0-0.4l2.5-2.4%20c0.3-0.3,0.8-0.3,0.8,0l0,0c0.3,0.3,0.3,0.8,0,0.8L11,9.9c-0.2,0.2-0.2,0.3,0,0.4l1.6,1.6C12.6,11.8,12.6,12.3,12.5,12.6z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat left 1px;color:#e1e1e1;background-color:#000}.footer__portfolio .right h5:hover,.footer__portfolio .left p:hover{background-color:var(--black100)}.footer__portfolio .right{width:50%}.footer__portfolio .right h5{text-align:left;padding:15px;margin-top:10%;text-transform:uppercase;font-weight:600;font-size:11px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2028.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%2024%2024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23E1E1E1;}%20%3c/style%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M9.5,7.4L9.5,7.4c0.3-0.3,0.8-0.3,0.8,0l2.4,2.5c0.2,0.2,0.2,0.3,0,0.4l-2.5,2.4c-0.3,0.3-0.8,0.3-0.8,0%20l0,0c-0.3-0.3-0.3-0.8,0-0.8l1.6-1.6c0.2-0.2,0.2-0.3,0-0.4L9.4,8.2C9.4,8.2,9.4,7.7,9.5,7.4z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat right 1px;color:#e1e1e1;background-color:#000;transition:all .3s}.footer__portfolio .right h5:hover{background-color:var(--black100)}#footer__port{color:#fff}.footer__port__inner{padding:16px;background-color:var(--black)}.footer__port__text{font-size:12px;text-transform:uppercase;border-top:1px solid var(--white);border-bottom:1px solid var(--white);display:flex;justify-content:space-between}.footer__port__info{display:flex;justify-content:space-between;margin:100px 0}.footer__port__info .left{width:40%}.footer__port__info .left .title{border-top:2px solid var(--white);border-bottom:1px solid var(--white);padding:20px 0;text-transform:uppercase;font-weight:700;background:url(../../img/arrow.svg) no-repeat right 20px;transition:all .3s}.footer__port__info .left .title:hover{background-color:var(--white400);padding-left:10px;border-color:transparent}.footer__port__info .left .desc{font-size:12px;padding-top:20px}.footer__port__info .right{width:50%}.footer__port__info .right h3{border-top:2px solid var(--white);border-bottom:1px solid var(--white);padding:20px 0;text-transform:uppercase;font-weight:700;font-size:14px}.footer__port__info .right ul{border-top:1px solid var(--white)}.footer__port__info .right li{border-bottom:1px solid var(--white)}.footer__port__info .right li a{padding:14px 0;font-size:14px;display:inline-block}.footer__port__info .right li em{font-size:12px;padding-left:10px;opacity:0;transition:all .3s}.footer__port__info .right li:hover em{opacity:1}.footer__port__right{text-align:center;text-transform:uppercase;font-size:12px;margin-bottom:20px}@media (max-width: 800px){.portfolio__inner{flex-direction:column}.portfolio__title{display:none}.portfolio__desc{width:100%;padding:3%}.portfolio__desc em{font-size:2.1vw;font-weight:500}.portfolio__desc span{font-size:2rem;font-weight:600}.portfolio__desc h3{margin-top:2px;width:100%;font-size:1.2rem}.portfolio__desc h3 p{width:100%;font-size:1rem}.portfolio__desc .img{width:100%}.portfolio__desc .video{position:relative;height:0;padding-bottom:56.25%;width:100%;margin-top:4%}.portfolio__performance{width:100%;padding-right:5%}.footer__port__info{display:none}}