@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes move-top{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes move-right{0%{transform:translate(0%)}to{transform:translate(-100%)}}@keyframes move-bottom{0%{transform:translateY(0%)}to{transform:translateY(100px)}}@keyframes move-left{0%{transform:translate(100%)}to{transform:translate(0%)}}@keyframes moving-right{0%{opacity:0;transform:translate(-25%)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translate(25%)}}@keyframes moving-left{0%{opacity:0;transform:translate(25%)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translate(-25%)}}@keyframes shadow-moving-right{0%{opacity:0;text-shadow:-30px 0 10px #1b1b1b4d}5%{opacity:1}95%{opacity:1;text-shadow:-10px 0 10px #1b1b1b4d}to{opacity:0;text-shadow:10px 0 30px #1b1b1b1a}}@keyframes shadow-moving-left{0%{opacity:0;text-shadow:30px 0 10px #1b1b1b4d}5%{opacity:1}95%{opacity:1;text-shadow:10px 0 10px #1b1b1b4d}to{opacity:0;text-shadow:10px 0 30px #1b1b1b1a}}@keyframes shadow-moving-right-mobile{0%{opacity:0;text-shadow:-15px 0 5px #1b1b1b33}5%{opacity:1}95%{opacity:1;text-shadow:-5px 0 5px #1b1b1b33}to{opacity:0;text-shadow:5px 0 10px #1b1b1b1a}}@keyframes shadow-moving-left-mobile{0%{opacity:0;text-shadow:15px 0 5px #1b1b1b33}5%{opacity:1}95%{opacity:1;text-shadow:5px 0 5px #1b1b1b33}to{opacity:0;text-shadow:5px 0 10px #1b1b1b1a}}@keyframes slide-right{0%{opacity:0;margin-left:-100%}to{opacity:.2;margin-left:30%}}@keyframes screen-cover{0%{border-radius:10%;transform:rotate(-240deg)translate(-40%,-220%)scale(2)}50%{border-radius:0%;transform:rotate(-320deg)translateY(-10%)scale(1.7)}to{border-radius:10%;transform:rotate(-405deg)translate(-40%,-220%)scale(2)}}@keyframes screen-cover-xl{0%{border-radius:10%;transform:rotate(-240deg)translate(-40%,-220%)scale(2)}50%{border-radius:0%;transform:rotate(-320deg)translateY(-10%)scale(1.8)}to{border-radius:10%;transform:rotate(-405deg)translate(-40%,-220%)scale(2)}}@keyframes screen-cover-l{0%{border-radius:10%;transform:rotate(-240deg)translate(-40%,-220%)scale(2)}50%{border-radius:0%;transform:rotate(-320deg)translateY(-10%)scale(2)}to{border-radius:10%;transform:rotate(-405deg)translate(-40%,-220%)scale(2)}}@keyframes screen-cover-m{0%{border-radius:10%;transform:rotate(-240deg)translate(-40%,-250%)scale(2)}50%{border-radius:0%;transform:rotate(-320deg)translateY(-10%)scale(2.3)}to{border-radius:10%;transform:rotate(-405deg)translate(-40%,-250%)scale(2)}}@keyframes screen-cover-s{0%{border-radius:10%;transform:rotate(-240deg)translate(-40%,-300%)scale(1.1)}50%{border-radius:0%;transform:rotate(-320deg)translate(-50%,-70%)scale(2.8)}to{border-radius:10%;transform:rotate(-405deg)translate(-40%,-300%)scale(1.1)}}@keyframes focusing{0%{background-color:#0000}50%{background-color:#1b1b1b33}to{background-color:#0000}}@keyframes neon{0%{text-shadow:0 0 10px #bdbdbd,0 0 20px #bdbdbd}to{text-shadow:0 0 5px #bdbdbd,0 0 10px #bdbdbd}}.footprint-detail{width:100%;position:relative}@media (min-width:985px){.footprint-detail .text-slider-right-area{opacity:1!important}}@media (max-width:984px){.footprint-detail .text-slider-left-area,.footprint-detail .text-slider-right-area{height:100%;position:fixed}.footprint-detail .text-slider-right-area{opacity:0}}.footprint-detail .swiper{height:100%;min-height:calc(100vh - 7.2rem)}.footprint-detail .swiper .swiper-button-prev,.footprint-detail .swiper .swiper-button-next{color:#1b1b1b;cursor:none;width:50%;height:calc(100% - 10rem);transition:opacity .3s cubic-bezier(.4,0,.2,1);top:5rem}.footprint-detail .swiper .swiper-button-prev.swiper-button-disabled,.footprint-detail .swiper .swiper-button-next.swiper-button-disabled{opacity:0}.footprint-detail .swiper .swiper-button-prev:after,.footprint-detail .swiper .swiper-button-next:after{position:absolute}.footprint-detail .swiper .swiper-button-prev .swiper-navigation-icon,.footprint-detail .swiper .swiper-button-next .swiper-navigation-icon{width:4rem;height:auto;position:absolute;top:50%}.footprint-detail .swiper .swiper-button-prev:hover,.footprint-detail .swiper .swiper-button-next:hover{animation:.5s linear focusing}.footprint-detail .swiper .swiper-button-prev,.footprint-detail .swiper .swiper-button-prev:after{left:0}.footprint-detail .swiper .swiper-button-prev .swiper-navigation-icon{left:0;transform:translateY(-50%)rotate(180deg)!important}.footprint-detail .swiper .swiper-button-next,.footprint-detail .swiper .swiper-button-next:after{right:0}.footprint-detail .swiper .swiper-button-next .swiper-navigation-icon{right:0;transform:translateY(-50%)!important}.footprint-detail .swiper .swiper-pagination{z-index:11;padding-top:2rem;padding-bottom:2rem;bottom:1rem}.footprint-detail .swiper .swiper-pagination:hover .swiper-pagination-bullet{width:6rem;height:1rem}.footprint-detail .swiper .swiper-pagination.left-pagination span:before,.footprint-detail .swiper .swiper-pagination.right-pagination span:before{color:#1b1b1b;width:100%;height:100%;font-size:1.4rem;font-weight:400;line-height:inherit;letter-spacing:inherit;position:absolute;top:-2rem;left:0}.footprint-detail .swiper .swiper-pagination.left-pagination:hover span:first-child:before{content:"2019.12"}.footprint-detail .swiper .swiper-pagination.left-pagination:hover span:nth-child(2):before{content:"2016.07"}.footprint-detail .swiper .swiper-pagination.right-pagination:hover span:first-child:before{content:"2020.10"}.footprint-detail .swiper .swiper-pagination.right-pagination:hover span:nth-child(2):before{content:"2019.12"}.footprint-detail .swiper .swiper-pagination.right-pagination:hover span:nth-child(3):before,.footprint-detail .swiper .swiper-pagination.right-pagination:hover span:nth-child(4):before{content:"2019.06"}.footprint-detail .swiper .swiper-pagination.right-pagination:hover span:nth-child(5):before{content:"2019.03"}.footprint-detail .swiper .swiper-pagination.right-pagination:hover span:nth-child(6):before{content:"2017"}.footprint-detail .swiper .swiper-pagination.right-pagination:hover span:nth-child(7):before{content:"2016.02"}.footprint-detail .swiper .swiper-pagination .swiper-pagination-bullet{opacity:1;cursor:none;background-color:#bdbdbd;border-radius:0;width:4rem;height:.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);position:relative}.footprint-detail .swiper .swiper-pagination .swiper-pagination-bullet:hover{transform:scale(1.5)}.footprint-detail .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{z-index:2;background-color:#1b1b1b}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame{box-sizing:border-box;opacity:0;width:100%;height:100%;padding:2.5rem}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active{opacity:1}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content{background-color:#ffffffb3;height:100%;padding:2.5rem}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .keyword{color:#1b1b1b;font-size:1.8rem;font-weight:500;line-height:inherit;letter-spacing:inherit;background-color:#bdbdbd;margin-bottom:2rem;padding:1rem;display:inline-block}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .title{color:#1b1b1b;font-size:3.6rem;font-weight:700;line-height:inherit;letter-spacing:inherit;padding-bottom:1rem}@media (max-width:576px){.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .title{font-size:3.4rem}}@media (max-width:320px){.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .title{font-size:3.2rem}}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .date{color:#424242;font-size:2rem;font-weight:500;line-height:inherit;letter-spacing:inherit;padding-bottom:3.5rem}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys{position:relative}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys .line{background-color:#6d6d6d;width:1px;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys span{vertical-align:top;color:#1b1b1b;font-size:2rem;font-weight:400;line-height:inherit;letter-spacing:inherit;word-break:keep-all;padding-top:1rem;padding-bottom:1rem;display:inline-block}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys.big span{color:#1b1b1b;font-size:2.5rem;font-weight:400;line-height:inherit;letter-spacing:inherit;display:block}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys.division{background-color:#efefef;padding-top:3.5rem;padding-bottom:3.5rem}@media (max-width:984px){.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys.division{padding-top:3rem;padding-bottom:3rem}}@media (max-width:768px){.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys.division{padding-top:2.5rem;padding-bottom:2.5rem}}@media (max-width:576px){.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys.division{padding-top:2rem;padding-bottom:2rem}}@media (max-width:320px){.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys.division{padding-top:1.5rem;padding-bottom:1.5rem}}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys.division span{width:50%;padding-left:3.5rem;padding-right:3.5rem}@media (max-width:984px){.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys.division span{padding-left:3rem;padding-right:3rem}}@media (max-width:768px){.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys.division span{padding-left:2.5rem;padding-right:2.5rem}}@media (max-width:576px){.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys.division span{padding-left:2rem;padding-right:2rem}}@media (max-width:320px){.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content .summarys.division span{padding-left:1.5rem;padding-right:1.5rem}}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content p{color:#1b1b1b;width:100%;letter-spacing:inherit;font-size:1.8rem;font-weight:300;line-height:4rem}.footprint-detail .swiper .swiper-wrapper .swiper-slide .content-frame.active .content p:first-child{padding-top:4rem}.footprint-detail .career-frame,.footprint-detail .project-frame{padding-top:7.2rem}.footprint-detail .mobile-division{z-index:2;color:#1b1b1b;font-size:2rem;font-weight:700;line-height:inherit;letter-spacing:inherit;opacity:0;pointer-events:none;font-family:Syncopate;position:absolute;top:calc(50% - 15rem);right:2rem}.footprint-detail .mobile-division span{border:1rem solid #0000;border-top-color:#1b1b1b;width:0;height:0;display:inline-block;position:absolute;bottom:-3rem;left:50%;transform:translate(-50%)}@media (max-width:984px){.footprint-detail .mobile-division{opacity:1}}.footprint-detail .division-frame{background-color:#1b1b1b}@media (max-width:984px){.footprint-detail .division-frame{display:none}}.footprint-detail .division-frame .division-line{background-color:#fff;width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.footprint-detail .division-frame .point-frame{width:100%;height:100%;position:relative}.footprint-detail .division-frame .point-frame .left-area,.footprint-detail .division-frame .point-frame .right-area{width:50%;height:100%;display:inline-block;position:relative}.footprint-detail .division-frame .point-frame .left-area .left-text,.footprint-detail .division-frame .point-frame .left-area .right-text,.footprint-detail .division-frame .point-frame .right-area .left-text,.footprint-detail .division-frame .point-frame .right-area .right-text{writing-mode:vertical-rl;color:#bdbdbd;font-family:Syncopate;font-size:3.6rem;font-weight:700;line-height:inherit;letter-spacing:inherit;padding-top:3rem;display:inline-block;position:absolute;left:50%}.footprint-detail .division-frame .point-frame .left-area .left-text,.footprint-detail .division-frame .point-frame .right-area .left-text{transform:translate(-50%)}.footprint-detail .division-frame .point-frame .left-area .right-text,.footprint-detail .division-frame .point-frame .right-area .right-text{bottom:0;transform:translate(-50%)rotateX(180deg)rotateY(180deg)}
