@charset "UTF-8";
/* =========================================================
  용인수지노인복지관 : 공통 변수
========================================================= */
/* =========================================================
  용인수지노인복지관 : 공통 믹스인 (미디어쿼리)
========================================================= */
#greeting .greeting_box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
  align-self: stretch;
}
#greeting .greeting_box p {
  width: 100%;
  font-family: "NEXON Lv2 Gothic";
  font-style: normal;
  word-break: keep-all;
}
#greeting .gr_le {
  flex: 4;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 45px;
}
#greeting .gr_le .titlebox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
#greeting .gr_le .titlebox .title {
  color: #223769;
  font-size: 3.556rem;
  font-weight: 700;
  line-height: 100%;
}
#greeting .gr_le .titlebox .subtit {
  color: #333333;
  font-size: 1.444rem;
  font-weight: 500;
  line-height: 161.538%;
}
#greeting .gr_le .img_wrap img {
  max-width: 100%;
}
#greeting .gr_ri {
  flex: 6;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
#greeting .gr_ri .textbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
#greeting .gr_ri .textbox p {
  color: #333;
  font-size: 1.111rem;
  font-weight: 400;
  line-height: 210%;
}
#greeting .gr_ri .from {
  color: #333;
  text-align: right;
  font-size: 1.222rem;
  font-weight: 500;
  line-height: 163.636%;
}

@media (max-width: 1280px) {
  #greeting .greeting_box {
    flex-direction: column;
  }
  #greeting .greeting_box p {
    text-align: center;
  }
  #greeting .gr_le {
    align-items: center;
  }
  #greeting .gr_ri .from {
    text-align: center;
  }
}
@media (max-width: 640px) {
  #greeting br {
    display: none;
  }
}
@media (max-width: 480px) {
  #greeting .gr_le .titlebox .title {
    font-size: 3rem;
  }
  #greeting .gr_le .titlebox .subtit {
    font-size: 1.286rem;
  }
}