@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}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}.list .con article h2,.mail div>a p b,.menu>div span a,.start figcaption,footer a article h2{font-family:Rozha One,serif;font-weight:400}.contit h2,.detail .left small,.list .con article span small,footer a article small{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;position:relative;width:100%}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)}}header .h>div:first-of-type .burger span{background-color:#fff!important}header .h>div:first-of-type .logo{background-image:url(../img/logo2.png)!important}.mail div{opacity:.5;-webkit-transition:.5s;transition:.5s}.mail div a p{color:#fff!important}.mail div a figure{background-image:url(../img/icon_contact2.png)!important;-webkit-transition:.5s;transition:.5s}.mail div:hover{opacity:1}.mail div:hover a figure{background-image:url(../img/icon_mail2.png)!important}.con1{background-image:url(../img/pixar_main.jpg);background-position:top;background-repeat:no-repeat;background-size:cover}.con1:before{background-color:rgba(0,0,0,.5);content:"";display:block;height:90vh;left:0;position:absolute;top:0;width:100%}.con2{background-image:url(../img/pizza_main.jpg);background-position:top;background-repeat:no-repeat;background-size:cover}.con2:before{background-color:rgba(0,0,0,.5);content:"";display:block;height:45vh;left:0;position:absolute;top:0;width:100%}.con3{background-image:url(../img/market_main.jpg);background-position:top;background-repeat:no-repeat;background-size:cover}.con3:before{background-color:rgba(0,0,0,.5);content:"";display:block;height:45vh;left:0;position:absolute;top:0;width:100%}.con4{background-image:url(../img/star_main.jpg);background-position:top;background-repeat:no-repeat;background-size:cover}.con4:before{background-color:rgba(0,0,0,.5);content:"";display:block;height:50vh;left:0;position:absolute;top:0;width:100%}.con5{background-image:url(../img/design_main.jpg);background-position:top;background-repeat:no-repeat;background-size:cover}.con5:before{background-color:rgba(0,0,0,.5);content:"";display:block;height:50vh;left:0;position:absolute;top:0;width:100%}.list{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background:#000;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.list .con{cursor:pointer;display:block;position:relative}.list .con:before{-webkit-transition:.5s;transition:.5s}.list .con:hover:before{background-color:rgba(0,0,0,.8);content:"";display:block}.list .con:hover article{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.list .con article{bottom:27%;left:5%;position:absolute;-webkit-transition:1s;transition:1s}.list .con article h2{color:#fff;font-size:50px;line-height:1;margin-bottom:10px;white-space:pre-line}.list .con article h2,.list .con article p{font-weight:400;opacity:0;text-shadow:5px 5px 10px rgba(0,0,0,.5);-webkit-transition:.5s;transition:.5s}.list .con article p{color:#9a9a9a;font-size:13px;font-style:italic;padding-bottom:3px}.list .con article span{display:block;height:20px;opacity:0;overflow:hidden;padding-right:30%;-webkit-transition:.5s;transition:.5s;width:100%}.list .con article span small{color:#fff;display:block;font-size:15px;font-weight:400;text-shadow:5px 5px 10px rgba(0,0,0,.5);-webkit-transition:.5s;transition:.5s;white-space:nowrap}.list1{min-height:90vh}.list1 .con1.active{height:90vh;width:40%}.list1 .con1.active article h2{font-size:70px!important}.list1 div{width:60%}.list1 div .con2.active,.list1 div .con3.active{height:45vh;width:100%}.list2{min-height:50vh}.list2 .con4.active{height:50vh;width:55%}.list2 .con5.active{height:50vh;width:45%}.con{-webkit-transition:.5s;transition:.5s;width:0}footer{height:400px;height:200px}footer,footer a{background-attachment:fixed;position:relative;width:100%}footer a{background-image:url(../img/pizza_main.jpg);background-position:top;background-position:bottom;background-repeat:no-repeat;background-size:cover;display:block;height:100%}footer a .spanBg{background-color:rgba(0,0,0,.8);display:block;height:100%;left:0;position:absolute;top:0;width:100%}footer a article{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}footer a article small{font-size:18px;font-weight:300}footer a article h2,footer a article small{color:#fff;text-shadow:5px 5px 10px rgba(0,0,0,.5)}footer a article h2{font-size:50px;font-weight:400;padding-bottom:20px}footer a article .timebar{background-color:hsla(0,0%,100%,.4);height:2px;margin:0 auto;min-width:300px;width:100%}footer a article .timebar span{background-color:#fff;display:block;height:100%;width:0}footer a article .timebar span.active{width:100%}footer>a{background-color:#111;background-image:none}footer>a article small{font-size:15px;font-weight:300;text-shadow:none}footer>a article h2{font-size:40px;font-weight:400;text-shadow:none}@media (max-width:1024px){.con1:before{background-color:rgba(0,0,0,.5);content:"";display:block;height:70vh;left:0;position:absolute;top:0;width:100%}.con2{background-position:50%}.con2:before,.con3:before{background-color:rgba(0,0,0,.5);content:"";display:block;height:35vh;left:0;position:absolute;top:0;width:100%}.con4:before,.con5:before{background-color:rgba(0,0,0,.5);content:"";display:block;height:30vh;left:0;position:absolute;top:0;width:100%}.list .con article{bottom:20%;left:0;position:absolute}.list .con article h2{font-size:37px;font-weight:400}.list .con article p{font-size:11px;font-weight:400}.list .con article span{height:15px}.list .con article span small{font-size:13px;font-weight:400}.list1{min-height:70vh}.list1 .con1.active{height:70vh;width:45%}.list1 .con1.active article h2{font-size:40px!important}.list1 div{width:55%}.list1 div .con2.active,.list1 div .con3.active{height:35vh}.list2{min-height:30vh}.list2 .con4.active,.list2 .con5.active{height:30vh}footer{height:150px}footer>a article{padding-top:10px}footer>a article small{font-size:10px;font-weight:300}footer>a article h2{font-size:25px;font-weight:400}footer>a article .timebar{display:none}}@media (max-width:700px){.con1:before{background-color:rgba(0,0,0,.5);content:"";display:block;height:28vh;left:0;position:absolute;top:0;width:100%}.con2:before,.con3:before,.con4:before,.con5:before{background-color:rgba(0,0,0,.5);content:"";display:block;height:18vh;left:0;position:absolute;top:0;width:100%}.list{display:block}.list .con:hover article,.list .con article{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.list .con article{bottom:auto;left:50%;position:absolute;text-align:center;top:50%}.list .con article h2{font-size:22px;font-weight:400;margin-bottom:5px;opacity:1;white-space:nowrap}.list .con article p{display:none}.list .con article span{height:15px;opacity:1;padding-right:0}.list .con article span small{color:#cacaca;font-size:8px;font-weight:400}.list .con article span small:nth-of-type(2){display:none}.list1{min-height:28vh}.list1 .con1.active{height:28vh;width:100%}.list1 .con1.active article{top:65%}.list1 .con1.active article h2{font-size:25px!important}.list1 div{width:100%}.list1 div .con2.active,.list1 div .con3.active{height:18vh}.list2{min-height:18vh}.list2 .con4.active,.list2 .con5.active{height:18vh;width:100%}footer{height:150px}footer>a article{padding-top:10px}footer>a article small{font-size:10px;font-weight:300}footer>a article h2{font-size:25px}footer>a article .timebar{display:none}footer{height:80px}footer>a article h2{font-size:20px;font-weight:400}}