#footer{background: var(--color-neutral-7);color: var(--color-neutral-3);font-weight: 300;padding: 55rem 50rem 35rem;margin-top: 200rem;}
.footer-inner{position: relative;}
.footer-inner .footer-logo{margin-bottom: 20rem;height: 25rem;}
.footer-inner .footer-logo img{display: block;height: 100%;}
.footer-inner .top-part{font-size: 14rem;}
.footer-inner .top-part > p{font-size: 12rem;}

.footer-inner .bottom-part{position: absolute;top: 45rem;right: 0;}
.footer-inner .bottom-part > ul{display: flex;align-items: center;gap: 20rem;}
.footer-inner .bottom-part > ul > li{border: 1px solid var(--color-neutral-4);width: 165rem;height: 45rem;}
.footer-inner .bottom-part > ul > li > a{display: flex;align-items: center;justify-content: center;height: 100%;font-size: 14rem;color: #fff;}

.footer-info{line-height: 1.67;margin-bottom: 15rem;}
.footer-info > li{position: relative;display: inline-block;padding-right: 20rem;}
.footer-info > li::after{content: "";width: 1px;height: 10rem;background: var(--color-neutral-3);display: block;position: absolute;top: 50%;right: 8rem;transform: translateY(-50%);}
.footer-info > li:nth-of-type(3n):after{display: none;}
.footer-info > li > p{word-break: break-all;}
.footer-link{display: flex;align-items: center;gap: 20rem;margin-bottom: 35rem;}
.footer-link > li{}
.footer-logo-list{display: flex;align-items: center; gap: 53rem;margin-bottom: 20rem;}
.footer-logo-list img{display: block;height: 28rem;}

@media all and (max-width:1300px) {
    #footer{margin-top: 150rem;}
    .footer-inner .bottom-part{position: static;margin-top: 20rem;}
}

@media all and (max-width:1023px) {
    #footer{padding: 75rem 16rem 35rem;margin-top: 120rem;}
}

@media all and (max-width:660px) {
    .footer-inner .footer-logo{height: 20rem;}
    .footer-inner .top-part{font-size: 13rem;}
    .footer-info{margin-bottom: 25rem;}
    .footer-info > li:nth-of-type(1),
    .footer-info > li:nth-of-type(4){padding-right: 0;}
    .footer-info > li:nth-of-type(1):after,
    .footer-info > li:nth-of-type(4):after{display: none;}
    .footer-logo-list{margin-bottom: 25rem;}
    .footer-logo-list{flex-wrap: wrap;gap: 20rem 50rem;}

    .footer-inner .bottom-part > ul > li{width: 135rem;height: 35rem;}
    .footer-inner .bottom-part > ul > li > a{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; } 
}