@charset "utf-8";
.footer { padding: 72px 0 150px; background: #171717; color: #fff; text-align: left; }
.footer > .center { width: calc(100% - clamp(48px, 8.88889vw, 192px)); max-width: 1728px; margin: auto; }
.footer__heading { display: flex; justify-content: space-between; align-items: center; gap: 28px; }
.footer .footer__logo { display: inline-block; color: #fff; font-size: clamp(48px, 5.55556vw, 100px); line-height: 1.1; letter-spacing: -.035em; }
.footer .footer__download { display: inline-flex; align-items: center; justify-content: space-between; gap: 54px; min-height: 56px; padding: 0 24px; border: 1px solid #ffffff70; border-radius: 40px; background: #c90000; color: #fff; font-size: 15px; }
.footer__download span { font: 400 26px/1 sans-serif; }
.footer__download:hover { background: #a70000; }
.footer__line { display: block; width: 100%; height: 1px; background: #434343; margin: 40px 0 36px; }
.footer__info { display: grid; grid-template-columns: 1.8fr 1.1fr .6fr; gap: 40px; text-align: left; }
.footer__col-title { margin-bottom: 16px; font-size: 15px; color: #ededed; }
.footer .footer__text { display: block; color: #8a8a85; font: 400 13px/1.8 'Pretendard-Regular', sans-serif; }
.footer__links { display: grid; grid-template-columns: repeat(2, max-content); column-gap: 12px; }
.footer__bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-top: 90px; }
.footer__copy p { font-size: 11px; color: #757570; line-height: 1.8; }
.footer__sns { display: flex; flex-wrap: wrap; gap: 8px; }
.footer__sns a { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; }
.footer__sns img { display: block; width: 100%; height: 100%; object-fit: contain; }
.footer a:focus-visible, .quick button:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.quick { position: fixed; right: clamp(24px, 4.16667vw, 80px); bottom: 64px; display: flex; flex-direction: column; gap: 17.5px; z-index: 999; }
.quick__btn { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.quick__btn img { width: 90px; height: 90px; object-fit: contain; }
@media (max-width: 1024px) {
    .footer { padding-block: 60px 90px; }
    .footer__info { grid-template-columns: 1.6fr 1fr .7fr; gap: 24px; }
    .footer__bottom { gap: 32px; margin-top: 64px; }
}
@media (max-width: 768px) {
    .footer { padding: 48px 0 72px; }
    .footer__heading { align-items: flex-start; flex-direction: column; gap: 24px; }
    .footer .footer__logo { font-size: 48px; }
    .footer .footer__download { min-height: 48px; font-size: 14px; }
    .footer__line { margin: 32px 0; }
    .footer__info { grid-template-columns: minmax(0, 1fr) auto; gap: 28px; }
    .footer__col:first-child { grid-column: 1 / -1; }
    .footer__col-title { margin-bottom: 10px; font-size: 14px; }
    .footer .footer__text { font-size: 12px; }
    .footer__bottom { flex-direction: column; align-items: flex-start; margin-top: 40px; gap: 28px; }
    .footer__copy { order: 2; }
    .footer__copy p { font-size: 10px; }
    .footer__sns { gap: 7px; }
    .footer__sns a { width: 28px; height: 28px; }
    .quick { right: 16px; bottom: 24px; gap: 12px; }
    .quick__btn { width: 40px; height: 40px; }
    .quick__btn img { width: 62px; height: 62px; }
}