/**
 * Sticky footer styles
 */
html {
  position: relative;
  min-height: 100%;
}

@media only screen and (min-width : 320px) { /*extra small*/
  body {
    margin-bottom: 179.35px; /* footer의 세로길이 */
  }
}

@media only screen and (min-width : 480px) { /*small*/
  body {
    margin-bottom: 179.35px; /* footer의 세로길이 */
  }
}

@media only screen and (min-width : 768px) { /*medium*/
  body {
    margin-bottom: 179.35px; /* footer의 세로길이 */
  }
}

@media only screen and (min-width : 992px) { /*large*/
  body {
    margin-bottom: 179.35px; /* footer의 세로길이 */
  }
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}