/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/src/css/home/achieve_list.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.page_sec {
  padding: 6.25rem 0 10.625rem;
}
.page_sec .maintitle_row {
  margin-bottom: 1.875rem;
}
.page_sec .pagination {
  margin-top: 6.25rem;
}
.page_sec .pagination_link {
  background: #e1f7fd;
}

.col_list_bg {
  width: 100%;
  height: 100%;
  background: #e1f7fd;
  position: absolute;
  top: 6.25rem;
}
@media screen and (max-width: 480px) {
  .col_list_bg {
    top: 3.125rem;
  }
}

.col_list_bg_img {
  position: absolute;
  bottom: 100%;
  left: 0;
}

a:focus .achieve_title span, a:hover .achieve_title span {
  color: #fff;
  background-color: #2494f8;
  -webkit-box-shadow: 0.625rem 0 0 #2494f8, -0.625rem 0 0 #2494f8;
          box-shadow: 0.625rem 0 0 #2494f8, -0.625rem 0 0 #2494f8;
}
a:focus .achieve_hvr_icon, a:hover .achieve_hvr_icon {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.achieve_pic {
  position: relative;
  border-radius: 18.75rem;
  overflow: hidden;
}

.achieve_caption {
  margin-top: -3.75rem;
  position: relative;
  z-index: 1;
}

.achieve_title {
  margin-bottom: 0.625rem;
  position: relative;
}
.achieve_title span {
  font-size: 1.5rem;
  letter-spacing: 0.09375rem;
  background-color: #fff;
  -webkit-box-shadow: 0.625rem 0 0 #fff, -0.625rem 0 0 #fff;
          box-shadow: 0.625rem 0 0 #fff, -0.625rem 0 0 #fff;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.achieve_hvr_icon {
  width: 4.25rem;
  position: absolute;
  bottom: -0.3125rem;
  right: 100%;
  opacity: 0;
  margin-right: 0.9375rem;
  -webkit-transform: translateX(0.9375rem);
      -ms-transform: translateX(0.9375rem);
          transform: translateX(0.9375rem);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/*# sourceMappingURL=achieve_list.min.css.map*/