.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade-leave-active{-webkit-transition:all .4s cubic-bezier(1,.5,.8,1);transition:all .4s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}nav{background-color:var(--blue70);float:left;height:var(--app-height);overflow:hidden;padding:0 20px;width:260px}.nav_title h6{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAAABCAYAAAC1+sBwAAAABHNCSVQICAgIfAhkiAAAADFJREFUKJFj/P//PyMDAwMzAwMDjGYa5Q85PiMDA8M/KP6Lh/5PQP4fHc0Zau6lijkAYz9tAEWsLOwAAAAASUVORK5CYII=) bottom no-repeat;padding:90px 0 110px;text-align:center}.nav_gnb,.nav_title h6{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav_gnb{margin-top:30px;padding:0}.nav_gnb li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#c8c8c8;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;height:50px;line-height:1;margin:3px 0;text-align:left;width:100%}.nav_gnb li span{display:inline-block;margin-left:10px}.nav_gnb li div{margin-left:15px}.nav_gnb li.active{background:hsla(0,0%,100%,.2);border-radius:5px;color:#fff}.nav_gnb li.active path{fill-opacity:1;opacity:1}.nav_gnb li .bl_i{background:none;border-radius:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:15px;margin-bottom:-2px;overflow:hidden;position:relative;width:15px}.nav_gnb li .bl_i img{position:absolute;top:0}.nav_gnb li.active .bl_i img{top:-15px}.platform_view_container{min-width:1024px;width:100vw}