body{position:relative}.noscroll{overflow:hidden}.grid-wrap{margin:0 auto;max-width:1024px;width:100%;padding:0;-webkit-perspective:1500px;perspective:1500px;perspective-origin:50% 506px!important}.grid{position:relative;-webkit-transition:all .5s cubic-bezier(0,0,0.25,1);transition:all .5s cubic-bezier(0,0,0.25,1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;opacity:1;transition:.5s}.view-full .grid{opacity:0;transition:.5s}.grid figure,.grid .placeholder{width:240px;height:200px}.grid figure{margin:0;display:block;float:left;overflow:hidden;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:1;transition:.3s;position:relative;box-sizing:border-box}.grid figure.active{opacity:0;transition:.3s}.grid figure.active>figcaption{opacity:0;transition:.3s}.grid .placeholder{pointer-events:none;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}.placeholder>div{display:block;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.placeholder .front figcaption{opacity:0}.placeholder .front img{width:100%;height:100%;opacity:0;transition:.3s}.placeholder .back{background:transparent;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.view-full .placeholder{-webkit-transition:all .5s .1s cubic-bezier(0,0,0.25,1);transition:all .5s .1s cubic-bezier(0,0,0.25,1)}.vertical .view-full .placeholder{-webkit-transform:translateZ(1500px) rotateX(-179.9deg);transform:translateZ(1500px) rotateX(-179.9deg)}.horizontal .view-full .placeholder{-webkit-transform:translateZ(1500px) rotateY(-179.9deg);transform:translateZ(1500px) rotateY(-179.9deg)}.grid figure img{display:block;width:100%}.content,.loading{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}.content{overflow-y:scroll;height:0;background:transparent;visibility:hidden;z-index:400;-webkit-overflow-scrolling:touch;transition:.3s}.loading{opacity:0;z-index:1;background:transparent url(../images/portfolio/ripple.svg) no-repeat center center;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s}.loading.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.content.show{height:auto;pointer-events:auto;visibility:visible;z-index:3500;background:rgba(0,0,0,0.9);transition:.3s;padding:70px 0 0 0;box-sizing:border-box}.content>div{z-index:10;position:absolute;top:0;width:100%;overflow:hidden;height:0;opacity:0;background:transparent}.content>div.show{height:auto;opacity:1;-webkit-transition:opacity .6s;transition:opacity .6s;top:100px}.icon:before{font-family:'Noto Sans KR','Nanum Gothic','맑은 고딕','굴림',Arial,sans-serif;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.close-content{position:fixed;z-index:1000;right:1em;font-size:1.6em;color:#aaa;cursor:pointer;pointer-events:none;padding:1em;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;transition:.25s}.close-content:hover{color:#fff;transition:.3s}.content>div.show ~ .close-content{opacity:1;pointer-events:auto}.close-content:before{content:"\274c"}.dummy-img,.dummy-text{max-width:740px;width:90%;opacity:0;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s}.vertical .dummy-img,.vertical .dummy-text{-webkit-transform:translateY(100px);transform:translateY(100px)}.horizontal .dummy-img,.horizontal .dummy-text{-webkit-transform:translateX(-100px);transform:translateX(-100px)}.content>div.show .dummy-img,.content>div.show .dummy-text{opacity:1}.vertical .content>div.show .dummy-img,.vertical .content>div.show .dummy-text{-webkit-transform:translateY(0);transform:translateY(0)}.horizontal .content>div.show .dummy-img,.horizontal .content>div.show .dummy-text{-webkit-transform:translateX(0);transform:translateX(0)}p.dummy-text:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}p.dummy-text:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s}.dummy-img{height:600px;background-color:#ddd;margin:30px auto;overflow:hidden}.dummy-img img{width:100%}.dummy-text{text-align:left;margin:0 auto;padding:10px 0;color:#ddd;font-size:1em;font-family:'Noto Sans KR','Nanum Gothic','맑은 고딕','굴림',Arial,sans-serif;letter-spacing:-0.5px;line-height:140%}.dummy-text:last-child{padding-bottom:100px}.no-pointerevents .content,.no-csstransforms3d .content,.no-csstransitions .content,.no-pointerevents .content>div,.no-csstransforms3d .content>div,.no-csstransitions .content>div,.no-pointerevents .close-content,.no-csstransforms3d .close-content,.no-csstransitions .close-content{opacity:1;visibility:visible;display:none;height:auto}.no-pointerevents .show .close-content,.no-csstransforms3d .show .close-content,.no-csstransition .show .close-content,.no-pointerevents div.show,.no-csstransforms3d div.show,.no-csstransitions div.show,.no-csstransitions .dummy-img,.no-csstransitions .dummy-text,.no-csstransforms3d .dummy-img,.no-csstransforms3d .dummy-text,.no-pointerevents .dummy-img,.no-pointerevents .dummy-text{display:block!important;opacity:1}@media screen and (max-width:1000px){.grid figure,.grid .placeholder{width:240px;height:212px}}