.inner{max-width:none;margin:180px 25vw}.sort{margin:0 -20px}.sort a{position:relative;display:inline-block;padding-bottom:10px;margin:0 20px;font-size:.875em;color:#000}.sort a:after{content:"";position:absolute;bottom:0;right:0;height:5px;width:0;background:#ccc;transition:width .6s}.sort a:hover:after,.sort a.active:after{width:100%}.sub-title{color:#000;font-size:1.25em;font-weight:normal;margin-bottom:40px}.title,.sub-title,.sort{opacity:0;transition:opacity .6s}.title.show,.sub-title.show,.sort.show{opacity:1}.control{position:fixed;top:0;left:8vw;border-right:#ddd solid 1px;z-index:11;pointer-events:none;opacity:1;transition:opacity .6s}.show-nav .control{opacity:0}.control-btn{margin-top:180px;width:150px;height:calc(100vh - 360px);display:flex;align-items:center;border:#ddd solid 1px;border-right:none;box-sizing:border-box;pointer-events:auto}.control-inner{position:relative;padding-top:140px;margin:auto}.control-inner li{width:4px;height:4px;padding:13px;cursor:pointer;margin:auto}.control-inner li:before{content:"";width:100%;height:100%;background:#999;display:block;border-radius:50%}.control-inner li.active:before,.control-inner li:hover:before{background:#000}.control-inner li.active:before{transform:scale(1.5)}.control-sort{position:absolute;top:-0.5em;right:50%;font-size:1em;color:#ccc;transform-origin:right center;transform:rotate(-90deg)}.press{min-height:calc(100vh - 400px)}.press-title{display:none}.press-container{position:relative;border-bottom:#ddd solid 1px;margin:80px 0;padding-bottom:80px}.press-wrap{margin:-15px;display:flex;flex-wrap:wrap}.press-item{position:relative;margin:15px;opacity:0;transform:translateY(40px);transition:opacity .6s,transform .6s}.press-item.show{opacity:1;transform:translateY(0)}.press-it1{width:calc((100% - 60px)/2)}.press-it2{width:calc((100% - 90px)/3)}.press-img{overflow:hidden}.press-img img{width:100%;transition:transform .6s}.press-date{color:#ccc;margin-top:20px;font-size:.8em;letter-spacing:2px}.press-name{color:#000;margin-bottom:20px;font-size:.875em;letter-spacing:1px}.press-vname{color:#000;margin:20px 0;font-size:.875em;letter-spacing:1px}.press-control{text-align:center}.press-prev,.press-next{position:relative;display:inline-block;vertical-align:middle;width:40px;height:40px;cursor:pointer}.press-prev:before,.press-prev:after,.press-next:before,.press-next:after{position:absolute;top:20px;content:"";width:10px;height:1px;background:#666}.press-prev:hover:before,.press-prev:hover:after,.press-next:hover:before,.press-next:hover:after{background:#000}.press-prev:before,.press-prev:after{left:15px;transform-origin:left center}.press-prev:before{transform:rotate(45deg)}.press-prev:after{transform:rotate(-45deg)}.press-next:before,.press-next:after{right:15px;transform-origin:right center}.press-next:before{transform:rotate(45deg)}.press-next:after{transform:rotate(-45deg)}.press-view{position:absolute;top:0;width:100%;overflow:hidden;opacity:0;transition:opacity .6s}.press-view-icon{font-size:.8em;color:#ccc;position:absolute;top:0;right:0;background:#fff;color:#000;text-align:center;line-height:35px;padding:0 10px;transform:translate(50px, -40px);transition:transform .6s}.press-vi1:before{content:"";padding-bottom:66.6666666667%;display:block;background:#000;opacity:.3}.press-vi2:before{content:"";padding-bottom:137.5%;display:block;background:#000;opacity:.3}.press .press-item a:hover img{transform:scale(1.2)}.press .press-item a:hover .press-view{opacity:1}.press .press-item a:hover .press-view-icon{transform:translate(0, 0)}@media screen and (max-width: 1300px){.press-wrap{margin:0 -2%}.press-item{width:46%;margin:2%}}@media screen and (max-width: 1100px){.inner{margin:150px auto;max-width:600px}.swiper-wrapper{height:auto;flex-wrap:wrap}.press-title{display:block}.press-container{overflow:hidden}.press-list{opacity:1}.press-control{display:none}.coming{display:none}.control{display:none}}@media screen and (max-width: 740px){.inner{margin:150px 8vw;max-width:none}}@media screen and (max-width: 640px){.inner{max-width:400px;margin:100px auto}.sub-title{margin-bottom:20px}.press-container{margin:40px 0;padding-bottom:40px}.press-item{width:100%}.press-item:last-child{margin-bottom:0}.sort{margin:0 -10px}.sort a{margin:0 10px 20px;font-size:.75em}.sort a:after{height:3px}}@media screen and (max-width: 540px){.inner{margin:100px 8vw;max-width:none}}