.notice-page{display:flex;flex-flow:column wrap;align-items:center}.notice-page .tab-menu{background:rgba(54,60,77,.1);width:500px;height:50px;display:flex}.notice-page .tab-menu>*{flex:1}.notice-page .tab-menu:after{background:var(--main);border-radius:10px;width:33.3333333333%}.notice-page .tab-menu.active-0>:first-child{color:#fff}.notice-page .tab-menu.active-0:after{left:0}.notice-page .tab-menu.active-1>:nth-child(2){color:#fff}.notice-page .tab-menu.active-1:after{left:33.3333333333%}.notice-page .tab-menu.active-2>:nth-child(3){color:#fff}.notice-page .tab-menu.active-2:after{left:66.6666666667%}.notice-page .post-list{border-top:2px solid var(--dark);width:1024px}.notice-page .post-list .item{border-bottom:1px solid rgba(54,60,77,.5);padding:1em;display:flex;justify-content:space-between;align-items:center;transition:.3s;cursor:pointer}.notice-page .post-list .item:hover{background:var(--gray1)}.notice-page .post-list .item .img{background:var(--gray2);border-radius:5px;width:80px;height:80px;overflow:hidden}.notice-page .post-list .item .title{width:75%;font-family:SUITB;font-size:20px}.notice-page .post-list .item .date{color:rgba(54,60,77,.5);font-family:SUITL;font-size:20px}@media(max-width:1280px){.notice-page{padding:3em}.notice-page .post-list{width:100%}.notice-page .post-list .item .title{width:50%}}@media(max-width:800px){.notice-page{padding:2em}.notice-page .tab-menu{width:100%;height:40px}.notice-page .tab-menu button{font-size:14px}.notice-page .post-list .item{padding:10px}.notice-page .post-list .item .no{display:none}.notice-page .post-list .item .img{width:50px;height:50px;margin-right:1em}.notice-page .post-list .item .title{width:calc(100% - 110px - 1em);font-size:14px}.notice-page .post-list .item .date{width:60px;font-size:10px}}