@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);@import url("https://fonts.googleapis.com/css2?family=Rozha+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap");body,html{margin:0}li,ol,ul{list-style-type:none;margin:0;padding:0}.loading article h3,figure,h1,h2,h3,h4,p{margin:0}img{vertical-align:top}a{text-decoration:none}button{cursor:pointer}video{font-size:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-family:Spoqa Han Sans Neo,sans-serif;font-size:18px;font-weight:400}.loading article h1,.loading article h3,.mail div>a p b,.menu>div span a,.project article>span,.project article a,.start figcaption,footer>div .right div span a{font-family:Rozha One,serif;font-weight:400}.contit h2,.detail .left small,.loading article p,.nav p span,.top span{font-family:Montserrat,sans-serif;font-weight:600}.start{height:100vh;opacity:0;position:relative;text-align:center;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:1s;transition:1s;width:100%}.start p{height:95vh;margin:0 auto;overflow-y:hidden;padding-top:12vh;-webkit-transition:.5s;transition:.5s;width:80%}.start p.active{padding-top:0;width:100%}.start p img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.start figcaption{-webkit-text-stroke:2px #fff;color:transparent;cursor:default;font-size:80px;font-weight:400;left:50%;line-height:1;position:absolute;text-shadow:5px 5px 10px rgba(0,0,0,.5);top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.5s;transition:.5s;white-space:pre-line}.start figcaption:hover{-webkit-text-stroke:none;color:#fff;opacity:.8}.detail{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 200px;width:70%}.detail,.detail .left{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.detail .left{-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;width:50%}.detail .left h2{font-size:35px;font-weight:500}.detail .left small{color:#aaa;margin-left:20px}.detail .left ul{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;padding-top:20px;width:100%}.detail .left ul li{font-size:16px;font-weight:300;line-height:1.7;white-space:pre-line}.detail .left ul li:first-of-type{color:#aaa;padding-right:50px;white-space:pre-line}.detail .left ul li:nth-of-type(2) b{color:#333;font-size:16px;font-weight:300}.detail .right{height:200px;white-space:pre-line}.detail .right div:first-of-type{font-size:16px;font-weight:300;line-height:1.7}.detail .right div:first-of-type b{color:#333;font-size:16px;font-weight:300}.detail .right div:nth-of-type(2){-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;text-align:center}.detail .right div:nth-of-type(2) a{border-radius:40px;font-size:15px;font-weight:300;margin-right:30px;padding:12px 0;-webkit-transition:.5s;transition:.5s;width:200px}.detail .right div:nth-of-type(2) a:hover{-webkit-box-shadow:3px 5px 10px rgba(0,0,0,.2);box-shadow:3px 5px 10px rgba(0,0,0,.2);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.detail .right div:nth-of-type(2) a:first-of-type{background:#333;color:#fff}.detail .right div:nth-of-type(2) a:nth-of-type(2){border:1px solid #333}.detail .right div:nth-of-type(2) a:nth-of-type(2):hover{border:1px solid #333;color:#333}.contit{white-space:inherit;width:30%}.contit h2{font-size:24px;font-weight:600}.contit p{font-size:15px;font-weight:300;line-height:1.7}.contit p b{color:#333;font-size:15px;font-weight:500;position:relative}.contit h2,.contit p{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.5s;transition:.5s}.contit p{-webkit-transition-delay:.3s;transition-delay:.3s}body{-ms-overflow-style:none}body::-webkit-scrollbar{display:none}header{height:130px;position:fixed;width:100%;z-index:30}.ttop{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:130px;justify-content:space-between;margin:0 auto;width:90%}.burger{cursor:pointer;width:30px;z-index:30}.burger.active:hover span:first-of-type,.burger.active span:first-of-type{background-color:#737373;-webkit-transform:rotate(-45deg) translateY(2px);transform:rotate(-45deg) translateY(2px);width:100%}.burger.active:hover span:nth-of-type(2),.burger.active span:nth-of-type(2){display:none}.burger.active:hover span:nth-of-type(3),.burger.active span:nth-of-type(3){background-color:#737373;-webkit-transform:rotate(45deg) translateY(-2px);transform:rotate(45deg) translateY(-2px);width:100%}.burger.black span{background-color:#fff}.burger:hover span:first-of-type{width:51%}.burger:hover span:nth-of-type(2){width:90%}.burger:hover span:nth-of-type(3){width:30%}.burger span{background-color:#111;display:block;height:3px;-webkit-transition:.5s;transition:.5s;width:93%}.burger>span:nth-of-type(2){margin:7px 0;width:49%}.burger>span:nth-of-type(3){width:70%}.logo{background-image:url(../img/logo1.png);display:block;height:58px;margin-top:10px;width:45px}.logo,.logo.black{background-position:top;background-repeat:no-repeat;background-size:cover}.logo.black{background-image:url(../img/logo2.png)}.menu{background:#111;height:100vh;left:-100%;-webkit-transition:.5s;transition:.5s;width:60%;z-index:29}.menu,.menu.active{position:absolute;top:0}.menu.active{left:0}.menu>div{margin:0 auto;padding:150px 0 80px;width:80%}.menu>div span{height:110px;margin:25px 0;overflow:hidden;width:50%}.menu>div span,.menu>div span a{display:block;-webkit-transition:.5s;transition:.5s}.menu>div span a{color:#fff;font-size:80px}.menu>div span a:nth-of-type(2){color:#1a73e8}.menu ul{margin-left:10%;max-width:500px;min-width:400px;width:70%}.menu ul:before{border-top:2px solid #1a73e8;content:"";display:block;margin-bottom:40px;width:100%}.menu ul li:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex}.menu ul li:first-of-type>div{margin-bottom:35px}.menu ul li:first-of-type>div span{color:#676767;display:block;font-size:15px;font-weight:600;margin-bottom:5px}.menu ul li:first-of-type>div p{color:#fff;font-size:15px;font-weight:400}.menu ul li:first-of-type>div:first-of-type{margin-right:66px}.menu ul li:nth-of-type(2){-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}.menu ul li:nth-of-type(2) a{display:block;height:22px;margin-right:22px;width:22px}.menu ul li:nth-of-type(2) a:first-of-type{background-image:url(../img/icon_mail1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:first-of-type:hover{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.menu ul li:nth-of-type(2) a:nth-of-type(2){background-image:url(../img/icon_git1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:nth-of-type(2):hover{background-image:url(../img/icon_git2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.menu ul li:nth-of-type(2) a:nth-of-type(3){background-image:url(../img/icon_kakao1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:nth-of-type(3):hover{background-image:url(../img/icon_kakao2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.menu ul li:nth-of-type(2) a:nth-of-type(4){background-image:url(../img/icon_insta1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:nth-of-type(4):hover{background-image:url(../img/icon_insta2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mail{height:auto;position:fixed;right:5%;top:140px;z-index:25}.mail div,.mail div>a{cursor:pointer}.mail div>a{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.mail div>a p{font-size:14px;font-weight:400;letter-spacing:3px;-webkit-transition:.5s;transition:.5s}.mail div>a p b{color:#1a73e8;font-size:19px;font-weight:500}.mail div>a figure{background-image:url(../img/icon_contact1.png);background-position:top;background-repeat:no-repeat;background-size:cover;display:block;height:18px;margin:10px 4px 0 0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.5s;transition:.5s;width:18px}.mail div:hover a p{color:#1a73e8}.mail div:hover>a figure{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mail.black div{opacity:.5;-webkit-transition:.5s;transition:.5s}.mail.black div a p{color:#fff}.mail.black div a figure{background-image:url(../img/icon_contact2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mail.black div:hover{opacity:1}.mail.black div:hover a figure{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}::-moz-selection{background:#111;color:#1a73e8}::selection{background:#111;color:#1a73e8}@media (max-width:1280px){.menu{width:70%}}@media (max-width:1024px){.menu{height:100vh;width:100%}.menu>div{padding:13vh 0 7vh}.menu>div span{height:auto;overflow:visible}.menu>div span a{font-size:90px}.menu>div span a:nth-of-type(2){display:none}.menu ul{max-width:none;min-width:none;width:70%}.menu ul li:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex}.menu ul li:first-of-type>div span{font-size:18px;font-weight:600}.menu ul li:first-of-type>div p{color:#fff;font-size:18px;font-weight:400}.menu ul li:first-of-type>div:first-of-type{margin-right:10%}.menu ul li:nth-of-type(2){-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}.menu ul li:nth-of-type(2) a{height:25px;margin-right:5%;width:25px}}@media (max-width:700px){.menu{height:100vh;width:100%}.menu>div{padding:14vh 0 10vh}.menu>div span{margin:1.5vh 0}.menu>div span a{font-size:2.5em}.menu>div span a:nth-of-type(2){display:none}.menu ul{max-width:none;min-width:none;width:100%}.menu ul:before{width:65%}.menu ul li:first-of-type{display:inherit}.menu ul li:first-of-type>div{margin-bottom:25px}.menu ul li:first-of-type>div span{font-size:10px;font-weight:600}.menu ul li:first-of-type>div p{font-size:10px;font-weight:400}.menu ul li:first-of-type>div:first-of-type{margin-bottom:15px;margin-right:0}.menu ul li:nth-of-type(2) a{height:15px;margin-right:3%;width:15px}.ttop{height:80px;width:85%}.burger{width:22px}.burger.active:hover span:first-of-type,.burger.active span:first-of-type{-webkit-transform:rotate(-45deg) translateY(1px);transform:rotate(-45deg) translateY(1px)}.burger.active:hover span:nth-of-type(3),.burger.active span:nth-of-type(3){-webkit-transform:rotate(45deg) translateY(-1px);transform:rotate(45deg) translateY(-1px)}.burger span{display:block;height:2px;width:93%}.burger>span:nth-of-type(2){margin:4px 0;width:49%}.logo{background-image:url(../img/logo1.png);background-position:top;background-position:top top;background-repeat:no-repeat;background-size:cover;display:block;height:27px;margin-top:0;width:19px}.mail{height:auto;position:fixed;right:5%;top:85px;z-index:20}.mail div>a{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;cursor:pointer;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.mail div>a p{font-size:9px;font-weight:400;letter-spacing:2px}.mail div>a p b{font-size:12px;font-weight:500}.mail div>a figure{height:12px;margin:5px 2px 0 0;width:12px}}@-webkit-keyframes opaci{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}@keyframes opaci{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(3px);transform:translateY(3px)}20%{-webkit-transform:translateY(6px);transform:translateY(6px)}30%{-webkit-transform:translateY(9px);transform:translateY(9px)}40%{-webkit-transform:translateY(12px);transform:translateY(12px)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}60%{-webkit-transform:translateY(18px);transform:translateY(18px)}70%{-webkit-transform:translateY(21px);transform:translateY(21px)}80%{-webkit-transform:translateY(24px);transform:translateY(24px)}90%{-webkit-transform:translateY(27px);transform:translateY(27px)}to{-webkit-transform:translateY(30px);transform:translateY(30px)}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(3px);transform:translateY(3px)}20%{-webkit-transform:translateY(6px);transform:translateY(6px)}30%{-webkit-transform:translateY(9px);transform:translateY(9px)}40%{-webkit-transform:translateY(12px);transform:translateY(12px)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}60%{-webkit-transform:translateY(18px);transform:translateY(18px)}70%{-webkit-transform:translateY(21px);transform:translateY(21px)}80%{-webkit-transform:translateY(24px);transform:translateY(24px)}90%{-webkit-transform:translateY(27px);transform:translateY(27px)}to{-webkit-transform:translateY(30px);transform:translateY(30px)}}@-webkit-keyframes load{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes load{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}body{overflow:hidden;position:relative;width:100%}.loading{background-color:#111;position:fixed;text-align:center;z-index:100}.loading,.loading .loadBg{height:100vh;left:0;top:0;width:100%}.loading .loadBg{background-color:#fff;position:absolute;-webkit-transform:translateY(-100%);transform:translateY(-100%);z-index:102}.loading .loadBg.active{-webkit-animation:load 1s forwards;animation:load 1s forwards}.loading article{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading article h1,.loading article h3{-webkit-text-stroke:1.5px #fff;color:transparent;font-size:120px;font-weight:400;line-height:1;-webkit-transition:.5s;transition:.5s}.loading article h3{height:120px}.loading article h3:first-of-type{display:none}.loading article p{color:#1a73e8;font-size:30px;font-style:italic;font-weight:300;margin-top:30px}.loading .typing{-webkit-animation:cursor .5s infinite;animation:cursor .5s infinite;display:inline-block}@-webkit-keyframes cursor{0%{border-right:1px solid #fff}50%{border-right:1px solid #000}to{border-right:1px solid #fff}}@keyframes cursor{0%{border-right:1px solid #fff}50%{border-right:1px solid #000}to{border-right:1px solid #fff}}.ps{bottom:50px;font-size:14px;font-weight:400;z-index:20}.ps,.ps.fixedOn{left:5%;position:fixed}.ps.fixedOn{bottom:350px}.ps.black{color:hsla(0,0%,100%,.3)}.scroll-prompt{height:100px;top:90vh;width:160px}.scroll-prompt,.scroll-prompt .scroll-prompt-arrow-container{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-prompt .scroll-prompt-arrow-container{-webkit-animation:bounce 1.5s infinite;animation:bounce 1.5s infinite;top:0}.scroll-prompt .scroll-prompt-arrow{-webkit-animation:opaci 1.5s infinite;animation:opaci 1.5s infinite}.scroll-prompt .scroll-prompt-arrow:last-child{animation-direction:reverse;margin-top:-15px}.scroll-prompt .scroll-prompt-arrow>div{border-bottom:2px solid #bebebe;border-right:2px solid #bebebe;height:30px;-webkit-transform:rotate(45deg) translateZ(1px);transform:rotate(45deg) translateZ(1px);width:30px}.top{bottom:240px;position:fixed;right:calc(5% - 4px);z-index:20}.top span{color:hsla(0,0%,100%,.6);cursor:default;font-size:14px;font-weight:400;left:0;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-20px,-50%);transform:translate(-20px,-50%)}.top a,.top span{-webkit-transition:.5s;transition:.5s}.top a{color:hsla(0,0%,100%,.3);cursor:pointer;z-index:25}.top:hover a{color:#fff}.top:hover span{opacity:1;-webkit-transform:translate(-35px,-50%);transform:translate(-35px,-50%)}.top.fixedOn{bottom:540px;position:fixed;right:calc(5% - 4px)}.nav{bottom:50px;z-index:30}.nav,.nav.fixedOn{position:fixed;right:5%}.nav.fixedOn{bottom:350px}.nav p{position:relative}.nav p span{color:hsla(0,0%,100%,.6);cursor:default;font-size:14px;font-weight:400;left:-60px;opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.5s;transition:.5s}.nav p:hover span{opacity:1;-webkit-transform:translate(-15px,-50%);transform:translate(-15px,-50%)}.nav p:hover a{background:#fff}.nav p a{background-color:hsla(0,0%,100%,.3);border-radius:5px;cursor:pointer;display:block;height:10px;margin:23px 0;-webkit-transition:.5s;transition:.5s;width:10px;z-index:10}.nav p a.active{background:#fff;height:17px}.warp{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;width:100%}.main{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;justify-content:center;margin:0 auto;width:90%}.main figure{margin-right:150px;text-align:center;width:30%}.main figure p{margin:0 auto;position:relative;width:90%}.main figure p video{margin-left:-20px;width:100%}.main figure p img{bottom:0;position:absolute;right:30px;width:26%}.main figure figcaption{font-size:68px;font-weight:300;line-height:1.1;margin-top:20px;width:100%}.main figure figcaption b{font-size:68px;font-weight:600}.main h2{padding-top:5vh;position:relative}.main h2 p{font-weight:200;white-space:pre-line}.main h2 p,.main h2 p b{color:#1a73e8;font-size:83px;line-height:1.3}.main h2 p b{font-weight:500}.main h2 p:first-of-type{left:-40px;position:absolute;top:calc(-40px + 5vh)}.main h2 .hello{height:100px;overflow:hidden}.main h2 .hello ul li{color:#1a73e8;display:block;font-size:83px;font-weight:500}.project{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-negative:0;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;justify-content:flex-start;-webkit-transition:.5s;transition:.5s;width:100%}.project .pro3{background-image:url(../img/market_main3.jpg)}.project .pro3,.project .pro5{background-position:top;background-repeat:no-repeat;background-size:cover}.project .pro5{background-image:url(../img/design_main.jpg)}.project .sl{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-negative:0;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;height:100vh;justify-content:center;position:relative;width:100%}.project .sl:before{background-color:rgba(0,0,0,.6);content:"";display:block;left:0;position:absolute;top:0}.project .sl:before,.project .sl>div,.project .sl>div video{height:100vh;width:100%}.project .sl>div video{-o-object-fit:cover;object-fit:cover}.project article{bottom:20%;left:10%;position:absolute}.project article a{color:#fff;font-size:70px;font-weight:400;line-height:1}.project article a:hover{-webkit-text-stroke:1.5px #fff}.project article>span,.project article a:hover{color:transparent;-webkit-transition:.5s;transition:.5s}.project article>span{-webkit-text-stroke:2px #fff;font-size:40px;font-weight:400;line-height:1;opacity:0}.project article .timeBar{background-color:hsla(0,0%,100%,.2);height:3px;margin:20px 0;position:relative;width:500px}.project article .timeBar span{background-color:#fff;display:block;height:3px;width:0}.project article p:first-of-type{color:#aaa;font-size:16px;font-style:italic;font-weight:400}.project article .tool{height:28px;overflow:hidden}.project article .tool small{color:#fff;display:block;margin:5px 0;-webkit-transition:.5s;transition:.5s}footer{background:#111;height:300px;width:100%}footer>div{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;height:100%;justify-content:space-between;margin:0 auto;width:90%}footer>div,footer>div .left{display:-webkit-box;display:-ms-flexbox;display:flex}footer>div .left{-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-end;justify-content:flex-start}footer>div .left p{margin-right:20px;width:62px}footer>div .left p img{width:100%}footer>div .left small{color:#707070;font-size:16px;font-weight:300;margin-bottom:-30px}footer>div .right div{display:-webkit-box;display:-ms-flexbox;display:flex}footer>div .right div,footer>div .right div span{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;justify-content:space-between}footer>div .right div span{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:60px;overflow:hidden}footer>div .right div span a{color:#fff;font-size:42px;font-weight:400;-webkit-transition:.5s;transition:.5s}footer>div .right div span a:nth-of-type(2){color:#1a73e8}footer>div .right div span:nth-of-type(2){margin:0 70px}footer>div .right>p{background:#676767;height:2px;margin:20px 0;width:100%}footer>div .right ul{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}footer>div .right ul li span{color:#676767;display:block;font-size:13px;font-weight:600;margin-bottom:5px}footer>div .right ul li p{color:#fff;font-size:14px;font-weight:300}footer>div .right ul li:nth-of-type(3){-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}footer>div .right ul li:nth-of-type(3) a{display:block;height:20px;margin-right:20px;width:20px}footer>div .right ul li:nth-of-type(3) a:first-of-type{background-image:url(../img/icon_mail1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}footer>div .right ul li:nth-of-type(3) a:first-of-type:hover{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}footer>div .right ul li:nth-of-type(3) a:nth-of-type(2){background-image:url(../img/icon_git1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}footer>div .right ul li:nth-of-type(3) a:nth-of-type(2):hover{background-image:url(../img/icon_git2.png);background-position:top;background-repeat:no-repeat;background-size:cover}footer>div .right ul li:nth-of-type(3) a:nth-of-type(3){background-image:url(../img/icon_kakao1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}footer>div .right ul li:nth-of-type(3) a:nth-of-type(3):hover{background-image:url(../img/icon_kakao2.png);background-position:top;background-repeat:no-repeat;background-size:cover}footer>div .right ul li:nth-of-type(3) a:nth-of-type(4){background-image:url(../img/icon_insta1.png);background-position:top;background-repeat:no-repeat;background-size:cover;margin-right:0;-webkit-transition:.5s;transition:.5s}footer>div .right ul li:nth-of-type(3) a:nth-of-type(4):hover{background-image:url(../img/icon_insta2.png);background-position:top;background-repeat:no-repeat;background-size:cover}@media (max-width:1280px){.main figure figcaption{font-size:55px;font-weight:300}.main figure figcaption b{font-size:55px;font-weight:600}.main h2 p{font-size:75px;font-weight:200}.main h2 .hello ul li,.main h2 p b{font-size:75px;font-weight:500}}@media (max-width:1024px){body{height:100vh;overflow:hidden;width:100%}.loading article h1,.loading article h3{font-size:80px;font-weight:400}.loading article h3{height:80px}.loading article p{font-size:30px;font-weight:300}.main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;width:90%}.main figure{margin-right:0;text-align:center;width:100%}.main figure p{margin:0 auto;width:50%}.main figure figcaption{font-size:40px;font-weight:300;margin-top:3vh;white-space:inherit;width:100%}.main figure figcaption b{font-size:40px;font-weight:600}.main h2{padding-top:5vh;text-align:center}.main h2 p{font-weight:200;white-space:inherit}.main h2 p,.main h2 p b{font-size:65px;line-height:1.3}.main h2 p b{font-weight:500}.main h2 p:first-of-type{display:none}.main h2 .hello{height:80px;line-height:1.3}.main h2 .hello ul li{font-size:65px;font-weight:500}.project,.scroll-prompt,footer{display:none}}@media (max-width:700px){.loading article h1,.loading article h3{-webkit-text-stroke:1px #fff;font-size:40px;font-weight:400}.loading article h3{height:40px}.loading article p{font-size:18px;font-weight:300;margin-top:20px}.main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;width:90%}.main figure p{margin:0 auto;width:70%}.main figure figcaption{font-size:15px;font-weight:300;margin-top:3vh}.main figure figcaption b{font-size:15px;font-weight:600}.main h2{padding-top:3vh}.main h2 p{font-size:35px;font-weight:200}.main h2 p b{font-size:35px;font-weight:500}.main h2 .hello{height:40px}.main h2 .hello ul li{font-size:35px;font-weight:500}.ps{bottom:3%;font-size:8px;font-weight:400;left:5%;line-height:1.2;position:fixed}}@media (max-width:320px){.main h2 p{white-space:pre-line}}