ul,li,p{margin:0;padding:0;list-style:none}.rec-ul{width:100%;display:flex}.rec-li{width:100%;display:none;position:relative}.rec-link,.rec-image{width:100%;height:200px;display:block}.rec-link:hover{opacity:.7}.rec-image{object-fit:cover}.rec-li:first-child{display:block}.rec-title{color:#fff;text-shadow:1px 1px 10px #000;font-size:20px;position:absolute;inset:auto 10px 30px}.blog-list-title{border-bottom:1px solid #000;margin:20px 10px 0}.blog-li{border-bottom:1px solid;padding:30px 10px}.blog-link{display:flex}.blog-image{object-fit:cover;width:80px;height:80px}.blog-right{padding-left:15px;font-size:12px}.blog-title{font-size:15px;font-weight:700}.blog-date{margin-right:5px}.blog-li:last-child{border:none}.pageing{justify-content:center;margin-bottom:15px;font-size:18px;display:flex}.pageing>li{margin:0 15px}.pageing>li>a{color:#00f;text-decoration:underline}@media (min-width:768px){.rec-li{width:33.33%;display:block}.rec-title{font-size:18px;top:160px;bottom:auto}.rec-link,.rec-image{height:270px}.blog-section{max-width:750px;margin:50px auto 20px}.blog-image{width:100px;height:100px}.blog-title{font-size:17px}.blog-right{font-size:14px}}@media (max-width:370px){.blog-right,.rec-title{transform:scaleX(.93)}.rec-title{margin-left:-5px;margin-right:-5px}.blog-right{margin-right:-10px;padding-left:0}.blog-image{width:21vw;height:21vw}.blog-right{width:70vw}}