/* footer */
#footer {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 2.25rem 0;
   background-color: #20242F;
}
.footer-wrap {
   width: 75rem;
}
.footer-wrapper {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}
.footer-container {
   display: flex;
   flex-direction: column;
   row-gap: 1.5rem;
}

/* footer-inner-container */
.footer-inner-container {
   display: flex;
   flex-direction: column;
   row-gap: 0.5rem;
}
.footer-inner-container > .col-gap-20 {
   display: flex;
   align-items: center;
   column-gap: 1.25rem;
}
.footer-inner-container > .col-gap-8 {
   display: flex;
   align-items: center;
   column-gap: 0.5rem;
}
.footer-inner-container hr {
   width: 1px;
   height: 1.1rem;
   margin: 0;
   border: 0;
   background-color: #C8C8C8;
}
.footer-inner-container .text-bold {
   font-size: 1rem;
   font-weight: 500;
   line-height: 140%;
   letter-spacing: -0.03em;
   color: #C8C8C8;
}
.footer-inner-container .text-normal {
   font-size: 1rem;
   line-height: 140%;
   letter-spacing: -0.03em;
   color: #999999;
}

/* footer-top */
.footer-top {
   display: flex;
   align-items: center;
   column-gap: 2.25rem;
}
.footer-top > .logo-image {
   width: auto;
   height: 1.5rem;
   object-fit: contain;
}
.footer-top > .text-bold {
   font-size: 1rem;
   font-weight: bold;
   line-height: 140%;
   letter-spacing: -0.03em;
   color: #C8C8C8;
}
.footer-top > .text-normal {
   font-size: 1rem;
   line-height: 140%;
   letter-spacing: -0.03em;
   color: #C8C8C8;
}

/* footer-box */
.footer-box {
   width: auto;
   height: auto;
   display: flex;
   flex-direction: column;
   row-gap: 1.25rem;
   align-items: center;
   justify-content: center;
   padding: 1.6875rem 1.5625rem;
   border: 1px solid white;
   border-radius: 0.25rem;
}
.footer-box > .wrap {
   display: flex;
   flex-direction: column;
   row-gap: 0.5rem;
}
.footer-box > .wrap > .inner-wrap {
   display: flex;
   align-items: center;
   column-gap: 0.75rem;
}
.footer-box .text-bold {
   font-size: 1.25rem;
   font-weight: bold;
   line-height: 140%;
   letter-spacing: -0.03em;
   color: #C8C8C8;
}
.footer-box .text-normal {
   font-size: 1rem;
   line-height: 140%;
   letter-spacing: -0.03em;
   color: #C8C8C8;
}