.mobile-article {
  width: 100%;
  .mobile-article-body {
    .mobile-article-list {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 20px;
      margin: 0 10px 20px 10px;
      .mobile-article-col {
        background-color: #f4f4f5;
        border-radius: 20px;
        width: 100%;
        padding: 20px 20px;

        margin-bottom: 20px;
      }

      .mobile-article-box {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;

        .mobile-article-title {
          font-size: 16px;
          font-weight: 600;

          margin-bottom: 10px;
        }
        .mobile-article-content {
          display: flex;
          justify-content: space-between;

          .mobile-article-summary {
            font-size: 12px;
            font-weight: 400;
            margin-right: 10px;
          }
          .mobile-article-img {
            img {
              width: 120px;
              height: 80px;
            }
          }
        }
      }
    }
  }
}
a {
  text-decoration: none;
}