@charset "utf-8";

.footer {
  width: 100%;
  background-color: #1e1e1e;
  color: #fff;
  margin-bottom: 150px;
  padding: 25px 150px;
}
.footerTop {
  display: flex;
  flex-direction: row;
  gap: 50px;
  align-items: center;
  margin-bottom: 25px;
  justify-content: center;
}
.tel {
  display: flex;
  flex-direction: row;
  gap: 10px;
  font-size: 3.2rem;
  align-items: center;
}
.tel span {
  font-size: 2rem;
}
.tel p {
  font-family: "gMarket3";
}



.footerBottom {
  display: flex;
  flex-direction: row;
  gap: 50px;
  justify-content: center;
}
.company {
  display: flex;
  flex-direction: column;
  opacity: .6;
  font-family: 'gMarket1';
  font-size: 0.94rem;
  gap: 5px;
}
.company span {
  display: flex;
  flex-direction: row;
  gap: 5px;

}
.footerBottom .line {
  display: block;
  width: 1px;
  height: 70px;
  background-color: #555555;
  opacity: .3;
}
.soure {
  display: flex;
  flex-direction: column;
  opacity: .6;
  font-family: 'gMarket1';
  font-size: 0.94rem;
  gap: 5px;
}
.soure span {
  display: flex;
  flex-direction: row;
  gap: 5px;

}


@media (max-width: 1400px) {

  .footer {
    padding: 25px 100px;
  }
}

@media (max-width: 900px) {

  .footer {
    padding: 25px 25px;
    margin-bottom: 75px;
  }
  .tel {
    font-size: 2.53rem;
  }
}


@media (max-width: 800px) {

  .footer {
    padding: 25px 20px;
  }
  .tel {
    font-size: 1.23rem;
  }
  .tel span {
    font-size: .8rem;
  }
  .footerTop {
    gap: 0;
    justify-content: space-between;
  }
  .footerTop img {
    width: 80px;
  }
  .footerBottom {
    justify-content: space-between;
    gap: 10px;
  }
  .company, .soure {
    font-size: .4rem;
  }
  .footerBottom .line {
    height: 40px;
  }
}