footer {
  background-color: #333;
  bottom: -44.44444444444444vh;
  display: flex;
  flex-direction: column;
  height:  44.44444444444444vh;
  padding: 7.22vh 10.9375vw 3.056vh 10.9375vw;
  position: absolute;
  row-gap: 10.741vh;
  width: 100%;
  z-index: 6000;
}

#footer-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#footer-info-wrap {
  display: flex;
  align-items: flex-start;
}

#footer-logo {
  width: 7.70833vw;
  content: url(../img/peoplebomb-logo.svg);
  margin-right: 1.354167vw;
}

#footer-info {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 0.9375vw;
  font-weight: 300;
  row-gap: 0.3125vw;
}
#footer-info strong {font-size: 1.04167vw; margin-bottom: 1.11vh;}
#footer-sns-wrap {display: flex; column-gap: 1.04167vw; align-items: flex-start;}
#footer-sns-wrap img {width: 3.125vw; cursor: pointer;}

#footer-bot {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
  font-size: 0.9375vw;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  footer {height: 42.317708333333336vh; row-gap: 10.741vh; padding: 5.46875vh 8.203125vw 4.9479167vh 10.9375vw;}

  #footer-logo {
    width: 11.23046875vw;
    content: url(../img/notebook/peoplebomb-logo.svg);
    margin-right: 1.46484375vw;
  }

  #footer-info {font-size: 1.3671875vw; row-gap: 0.390625vh;}
  #footer-info strong {font-size: 1.7578125vw; margin-bottom: 0.65104167vh;}
  #footer-sns-wrap {column-gap: 1.171875vw;}
  #footer-sns-wrap img {width: 4.1015625vw;}

  #footer-bot {font-size: 1.5625vw;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  footer {
    height: 22.278056951423785vh;
    row-gap: 4.187604690117253vh;
    padding: 2.847571189279732vh 8.273381294964029vw 2.680067001675042vh 10.79136690647482vw;
  }

  #footer-logo {
    width: 11.27098vw;
    content: url(../img/tablet/peoplebomb-logo.svg);
    margin-right: 1.43884892vw;
  }

  #footer-info {font-size: 1.43884892vw; row-gap: 0.390625vh;}
  #footer-info strong {font-size: 1.678657vw; margin-bottom: 0.65104167vh;}
  #footer-sns-wrap {column-gap: 1.199vw;}
  #footer-sns-wrap img {width: 4.1966vw;}

  #footer-bot {font-size: 1.43885vw;}
}

@media screen and (max-width: 767px) {
  footer {
    bottom: -99.8vh;
    height: 78.125vh;
    flex-direction: column;
    padding: 5.9375vh 0 6.875vh 15.277777777777779vw;
    row-gap: 3.90625vh;
  }

  #footer-top {
    flex-direction: column;
  }

  #footer-info-wrap {
    flex-direction: column;
    row-gap: 3.125vh;
  }

  #footer-logo {
    width: 26.11vw;
    content: url(../img/tablet/peoplebomb-logo.svg);
    margin: 0;
  }

  #footer-info {font-size: 3.611vw; row-gap: 1.875vh; margin-bottom: 12.5vh;}
  #footer-info strong {font-size: 4.44vw; margin-bottom: -0.9375vh;}
  #footer-sns-wrap {column-gap: 4.44vw;}
  #footer-sns-wrap img {width: 13.89vw;}

  #footer-bot {
    flex-direction: column;
    row-gap: 0.625vh;
    font-size: 3.33vw;
  }
}