@charset "UTF-8";
/* =========================================================
  용인수지노인복지관 : 공통 변수
========================================================= */
/* =========================================================
  용인수지노인복지관 : 공통 믹스인 (미디어쿼리)
========================================================= */
#education_03 .edu3_info {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 30px;
}
#education_03 .edu3_info .list_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}
#education_03 .edu3_info .list_wrap .list_title {
  width: 100%;
  color: #333;
  font-family: "Pretendard";
  font-size: 1.389rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  padding-bottom: 16px;
  position: relative;
}
#education_03 .edu3_info .list_wrap .list_title::after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: -20px;
  right: 30px;
  z-index: -1;
}
#education_03 .edu3_info .list_wrap .list_box {
  padding: 30px 40px;
  border-radius: 30px;
  background: #F2F7FF;
  align-self: stretch;
  flex-grow: 1;
}
#education_03 .edu3_info .list_wrap:nth-child(1) .list_title::after {
  background: url("../img/ico_list_01.svg") center no-repeat;
  background-size: cover;
}
#education_03 .edu3_info .list_wrap:nth-child(2) .list_title::after {
  background: url("../img/ico_list_02.svg") center no-repeat;
  background-size: cover;
}
#education_03 .edu3_info .list_wrap:nth-child(3) .list_title::after {
  background: url("../img/ico_list_03.svg") center no-repeat;
  background-size: cover;
}

@media (max-width: 768px) {
  #education_03 .edu3_info {
    flex-direction: column;
  }
  #education_03 .edu3_info .list_wrap .list_title::after {
    width: 50px;
    height: 50px;
    bottom: -10px;
  }
}