.articles{background-color:#fff}.articles .wrap{padding:5rem 0}.articles .wrap .slider-frame{position:relative}.articles .wrap .slider-frame .articles-header{width:168px;position:absolute;top:-64px;left:0;right:0;margin:auto}@media screen and (max-width:1023px){.articles .wrap .slider-frame .articles-header{width:144px;top:-56px}}.articles .wrap .slider-frame .article-slider{z-index:10;box-shadow:0 10px 10px #f5f5f5;border-radius:10px}.articles .wrap .slider-frame .article-slider .article{border-top:solid 2px #f5f5f5;border-bottom:solid 2px #f5f5f5;border-left:solid 2px #f5f5f5}.articles .wrap .slider-frame .article-slider .article__img img{width:100%;background-size:contain}.articles .wrap .slider-frame .article-slider .article__contents{padding:.5rem 1rem 2rem}.articles .wrap .slider-frame .article-slider .article__contents .pub-date{color:#4c4c4c}.articles .wrap .slider-frame .article-slider .article__contents .excerpt{margin-top:.5rem;padding-top:.5rem;border-top:solid 2px #f5f5f5;max-height:3.8rem;min-height:3.8rem;overflow:hidden;width:100%}.articles .wrap .slider-frame .article-slider .article__contents .excerpt p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3.8rem;min-height:3.8rem;overflow:hidden;color:#4c4c4c}.articles .wrap .slider-frame .article-slider .article__contents .read-more{display:flex;justify-content:center;margin-top:1.5rem}.articles .wrap .slider-frame .article-slider .article__contents .read-more .btn-read-more{border-radius:32px;padding-left:2rem;padding-right:2rem}