.article-grid-wrapper{display:flex;flex-wrap:wrap;margin-left:-10px;margin-bottom:0;padding:0;list-style:none}.article-grid:hover{opacity:.8;background:#f6fafd}.article-grid{flex:1;flex-basis:calc(25% - 10px);max-width:calc(25% - 10px);margin:0 0 10px 10px;box-shadow:0 1px 3px 0 rgb(0 0 0 / 10%),0 1px 2px 0 rgb(0 0 0 / 6%);background-color:#fff;cursor:pointer}.article-grid-detail-wrapper{padding:0 5px 5px 5px}.article-grid-img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.article-grid-cat-num-div{display:flex;align-items:center;gap:5px;font-size:12px;color:#888}.num-view-img{width:15px}.article-grid-category{margin-right:auto;font-style:italic}.article-grid-title{margin:0;font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.article-grid-content{margin:0;font-size:12px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-grid-author-wrapper{display:flex;align-items:center;margin-top:5px;padding-top:5px;font-size:12px;text-align:right}.article-grid-author-img{border-radius:50%;width:22px;height:22px}.article-grid-author-name{text-align:left;margin-left:5px;color:#888;flex:1;display:-webkit-inline-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.article-post-date{color:#888}.article-grid-more-watch-btn{position:relative;padding:10px 100px;font-size:14px;border:solid 1px #333;border-radius:20px;color:inherit;text-decoration-line:none}.arrow-right{position:absolute;right:15px;top:12px;display:inline-block;width:8px;height:8px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg)}.result-page-wrapper{text-align:center}.result-page-ul{display:flex;justify-content:center;padding:0}.result-page-li{list-style:none;margin:3px}.result-page-link{text-decoration:none;color:inherit;padding:10px;border:1px solid #888;border-radius:2px;background-color:#fff}@media(min-width:0) and (max-width:511px){.article-grid{flex-basis:calc(50% - 10px);max-width:calc(50% - 10px)}.article-grid-cat-num-div{font-size:10px}.num-view-img{width:12px}.article-grid-author-img{width:18px;height:18px}.article-grid-author-wrapper{font-size:10px}.article-grid-author-date-wrapper{border:0}.article-grid-content{display:none}}@media(min-width:512px) and (max-width:1023px){.article-grid{flex-basis:calc(50% - 10px);max-width:calc(50% - 10px)}}