#footer{background: var(--color-neutral-1);color: var(--color-neutral-5);padding: 196rem 0 50rem;border-top: 1rem solid var(--color-neutral-2);margin-top: 140rem;}
.footer-inner{}
.footer-inner .top-part{display: flex;align-items: flex-end;justify-content: space-between;padding-bottom: 30rem;border-bottom: 1rem solid var(--color-neutral-2);}
.footer-inner .top-part .footer-logo{}
.footer-inner .top-part .footer-logo img{display: block;width: 370rem;}
.footer-inner .top-part .footer-menu{}
.footer-inner .top-part .footer-menu ul{display: flex;align-items: center;gap: 40rem;}
.footer-inner .top-part .footer-menu ul li{}
.footer-inner .top-part .footer-menu ul li a{font-weight: 500;font-size: 16rem;display: block;line-height: 1.4;color: var(--color-neutral-8);}

.footer-inner .bottom-part{padding-top: 12rem;display: flex;align-items: flex-start;justify-content: space-between;}
.footer-inner .bottom-part .footer-info{}
.footer-inner .bottom-part .footer-info li{display: inline-block;margin-right: 10rem;}
.footer-inner .bottom-part .footer-info li span{display: inline-block;font-size: 14rem;line-height: 1.6;}
.footer-inner .bottom-part p{font-size: 12rem;line-height: 1.6;}

@media all and (max-width:1440px) {
    #footer{padding: 150rem 0 100rem;}
}

@media all and (max-width:1023px) {
    #footer{padding: 140rem 0 45rem;margin-top: 90rem;}
    .footer-inner .top-part{padding-bottom: 20rem;flex-direction: column;align-items: flex-start;gap: 20rem;}

    .footer-inner .bottom-part{flex-direction: column;padding-top: 20rem;}
    .footer-inner .bottom-part .footer-info br{display: none;}
    .footer-inner .bottom-part p{margin-top: 20rem;}
}

@media all and (max-width:767px) {
    .footer-inner .top-part .footer-logo img{width: 220rem;}
    .footer-inner .top-part .footer-menu ul{gap: 24rem;}
    .footer-inner .top-part .footer-menu ul li a{font-size: 14rem;font-weight: 400;}

    .footer-inner .bottom-part .footer-info li{margin-right: 8rem;}
    .footer-inner .bottom-part .footer-info li span{font-size: 12rem;}
}


.fixed-menu { position: fixed; right: 20rem; bottom: 20rem; z-index: 10; display: none; transition: bottom 0.4s; } 
.fixed-menu.up { bottom: 85rem; } 
.fixed-menu > ul { } 
.fixed-menu > ul > li { width: 46rem; height: 46rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0rem 0rem 16rem rgb(50 50 50 / 12%); margin-bottom: 8rem; font-size: 0; } 
.fixed-menu > ul > li:last-child { margin-bottom: 0; } 
.fixed-menu > ul > li.top,
.fixed-menu > ul > li.bottom { background: #fff; }
.fixed-menu > ul > li.top svg { transform: rotate(180deg); } 

@media all and (max-width:767px){
    .fixed-menu { right: 10rem; bottom: 10rem; } 
    .fixed-menu.up { bottom: 55rem; } 
    .fixed-menu > ul { } 
    .fixed-menu > ul > li { width: 35rem; height: 35rem; } 
}