.footer {
  padding: 2rem 1.6rem;
  font-size: 1.1rem;
  font-weight: 300;
  color: var(--color-grey-60); 
  background-color: var(--color-grey-80);

  /* Position */
  position: relative;
  margin-top: -20rem; /* -10rem */ 
  /* negative value of footer height */
  height: 22rem; /* 10rem */
  clear: both;
}

.footer-wrap {
  margin: 0 auto; 
  max-width: calc(var(--max-width) - 2.8rem);
}

.footer-wrap > div:first-child a, 
.footer-wrap > div svg + span {
  font-size: 1.15rem;
  padding-right: 7px;
}

.footer-wrap > div:nth-child(2) a {
  padding-right: 10px;
} 

.footer-wrap > div a, 
.footer-wrap > div a + span,
.footer-wrap > div svg + span {
  color: var(--color-grey-40);
  font-weight: 600; 
  font-size: 1.2rem;
}
.footer-wrap > div a > span {
  vertical-align: text-top;
}

.footer-wrap > div a:not(:first-child) {
  padding-left: 5px;
}
.footer-wrap a.kakao {
  color: #FFDE00;
}
.footer-wrap a.twitter,
.footer-wrap a.youtube {
  color: var(--color-grey-40);
}
.footer-wrap a.naver {
  color: #2cb24a;
}
.footer-wrap a.tistory {
  color: #eb531f;
}

.footer-wrap a img, 
.footer-wrap a svg {
  max-height: 1.3rem;
  padding-right: 5px; 
}

footer > div:first-child {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid var(--color-grey-70); 
}

footer > div:nth-child(2) {
  margin: 1.4rem 0;
}

.contact {
  padding-left: 0 !important;
}

.contact .terms-and-policy * {
  padding-right: 5px;
  color: #9EA4AA; 
}

#commonModal,
#confirmModal,
#alertModalTemplate {
  color: var(--color-grey-80);
}

#commonModal {
  /* font-size: 1.55rem; */
  /* font-weight: 400; */
}

#alertModalTemplate .modal-header,
#confirmModal .modal-header {
  padding-bottom: 0;
  font-size: 1.7rem;
  font-weight: 700;
}

#alertModalTemplate .modal-content, 
#confirmModal .modal-content {
  max-width: 80%;
}