/* extracted-inline-styles */
/* layouts/partials/page-knowledge.html */
#kl_box {
                      background-size: cover;
                      padding-bottom: 100px;
                    }
                    #kl_box .container {
                      max-width: 1360px;
                      padding: 0;
                    }
                    .kl-top {
                      text-align: center;
                      padding: 50px 0;
                    }
                    .kl-top h3 {
                      color: #141e31;
                      font-size: 48px;
                      font-weight: normal;
                      margin: 0;
                      line-height: 1.2;
                    }
                    .kl-top p {
                      color: #595959;
                      font-size: 16px;
                      margin: 20px 0 0 0;
                      line-height: 1.5;
                    }
                    .kl-title {
                      font-size: 18px;
                      color: #141e31;
                      position: relative;
                      line-height: 1.5;
                      padding: 0 0 0 10px;
                      margin: 0 0 15px 1%;
                    }
                    .kl-title:before {
                      content: "";
                      display: inline-block;
                      position: relative;
                      width: 4px;
                      height: 18px;
                      background: #00DC8C;
                      border-radius: 10px;
                      left: -10px;
                      top: 3px;
                    }
                    .kl-content {
                      display: flex;
                      flex-wrap: wrap;
                    }
                    #kl_box .kl-con {
                      display: block;
                      width: 23%;
                      overflow: hidden;
                      border-radius: 15px;
                      border: 1px solid #fff;
                      box-shadow: 0 0 20px rgba(0,0,0,0.05);
                      margin: 0 1%;
                      margin-bottom: 30px;
                    }
                    #kl-imgbox {
                      display: flex;
                      font-size: 12px;
                      color: #171a1d;
                      position: relative;
                      text-decoration: none;
                    }
                    .kl-imgbox-img {
                      display: flex;
                      width: 100%;
                      background: #f8fbff;
                    }
                    .kl-imgbox-img img {
                      width: 100%;
                      height: auto;
                    }
                    .kl-imgbox-time {
                      position: absolute;
                      bottom: 10px;
                      right: 15px;
                      background: rgba(0,0,0,0.6);
                      border-radius: 3px;
                      display: flex;
                      align-items: center;
                      padding: 5px 10px;
                    }
                    .kl-imgbox-time div {
                      display: flex;
                    }
                    .kl-imgbox-time span {
                      display: flex;
                      font-size: 12px;
                      line-height: 1;
                      color: #fff;
                      padding-left: 5px;
                    }
                    .kl-txtbox {
                      padding: 15px;
                    }
                    #kl-txtbox-title {
                      display: -webkit-box !important;
                      text-decoration: none;
                      color: #171a1d;
                      font-size: 16px;
                      line-height: 1.2;
                      min-height: 2.4em;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      -webkit-line-clamp: 2;
                      -webkit-box-orient: vertical;
                    }
                    #kl-txtbox-title:hover {
                      color: #00DC8C;
                    }
                    .kl-txtbox-tab {
                      display: flex;
                      margin: 20px 0 10px;
                      flex-wrap: wrap;
                    }
                    .kl-txtbox-tab span {
                      display: inline-block;
                      background: #eef0f7;
                      border-radius: 3px;
                      margin: 0 5px 5px 0;
                      font-size: 12px;
                      color: #60717f;
                      padding: 3px 8px;
                    }
                    .kl-txtbox-time {
                      display: flex;
                      align-items: center;
                      justify-content: space-between;
                    }
                    .kl-txtbox-time div {
                      color: #60717f;
                      font-size: 14px;
                      line-height: 28px;
                    }
                    #kl-txtbox-btn {
                      display: none;
                      align-items: center;
                      text-decoration: none;
                      color: #00dc8c;
                      font-size: 14px;
                      height: 28px;
                      padding: 0 5%;
                      border: 1px solid #00dc8c;
                      border-radius: 5px;
                    }
                    #kl_box .kl-con:hover {
                      box-shadow: 0 0 20px rgba(0,0,0,0.1);
                    }
                    .kl-con:hover #kl-txtbox-btn {
                      display: flex;
                    }
                    @media only screen and (max-width: 768px) {
                      #kl_box {
                        background-size: 150%;
                      }
                      .kl-top {
                        padding: 30px 0 20px;
                      }
                      .kl-top h3 {
                        font-size: 28px;
                      }
                      .kl-top p {
                        font-size: 14px;
                      }
                      .kl-title {
                        font-size: 16px;
                      }
                      .kl-content {
                        flex-direction: column;
                      }
                      #kl_box .kl-con {
                        width: 100%;
                        margin-bottom: 20px;
                      }
                    }