/*-------------------------------------------------------------------------------*/
/*    $Weblink                                                                                */
/*-------------------------------------------------------------------------------*/
.kf_wlink {
  padding: 0.5rem;
}
@media (min-width: 576px) {
  .kf_wlink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -1rem;
  }
}
.kf_wlink .kf_list {
  background-color: transparent;
  border: 1px solid #e6e3e3;
}
@media (max-width: 575px) {
  .kf_wlink .kf_list {
    margin-top: 1.5rem;
  }
}
@media (min-width: 576px) {
  .kf_wlink .kf_list {
    width: calc(50% - 1rem);
    margin: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .kf_wlink .kf_list {
    width: calc(33.33% - 1rem);
  }
}
.kf_wlink a {
  display: block;
  padding: 1rem;
  color: #222222;
}
.kf_wlink li:hover div {
  color: #005bb5;
}
.kf_wlink li:hover .kf_wlink_img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.kf_wlink_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 250px;
  width: 100%;
  height: 70px;
  margin: 0 auto 1rem;
  overflow: hidden;
  background-size: cover;
}
.kf_wlink_img img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.kf_wlink_txt_group div, .kf_wlink_txt_group p {
  padding: 0.15rem 0 0.15rem 1.5rem;
  color: rgba(0, 0, 0, 0.65);
  background: url("../../images/module/kf_icon_weblink.gif") left no-repeat;
  background-size: 18px 18px;
}

@media print {
  .kf_wlink .kf_list {
    border: 1px solid #e6e3e3 !important;
  }
}