#footer{background: url(../images/common/pc_footer.png) no-repeat center center / cover;color: var(--color-neutral-1);font-weight: 300;padding: 100rem 0 125rem;margin-top: 135rem;}

.footer-inner{position: relative;}
.footer-inner .top-part{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));margin-bottom: 35rem;}
.footer-inner .top-part .footer-logo{width: 385rem;margin-bottom: 55rem;grid-column: 1/10;}
.footer-inner .top-part .footer-desc{grid-column: 1/10;display: flex;padding-right: 20rem;}
.footer-inner .top-part .footer-desc > div{line-height: 1.4;padding: 40rem 0 45rem 43rem;border: 1px solid var(--color-neutral-1);border-right: none;flex: 1;}
.footer-inner .top-part .footer-desc > div:first-child{padding-left: 0;border-left: none;}
.footer-inner .top-part .footer-desc > div > h3{font-weight: 600;font-size: 20rem;display: flex;align-items: center;gap: 10rem;margin-bottom: 15rem;}
.footer-inner .top-part .footer-desc > div > h3 > svg{width: 20rem;height: 20rem;}
.footer-inner .top-part .footer-desc > div > p{font-weight: 600;font-size: 24rem;}
.footer-inner .top-part .footer-desc > div > span{font-size: 16rem;display: block;margin-bottom: 8rem;}
.footer-inner .top-part .footer-map{grid-column: 10/13;grid-row: 1/3;position: relative;}
.footer-inner .top-part .footer-map .root_daum_roughmap{position: absolute;bottom: 0;left: 0;width: 100%;aspect-ratio: 1/1;}
.footer-inner .top-part .footer-map .root_daum_roughmap .wrap_map{width: 100%;height: 100%;border-radius: 10rem;overflow: hidden;}
.footer-inner .top-part .footer-map .root_daum_roughmap .map_border,
.footer-inner .top-part .footer-map .root_daum_roughmap .wrap_controllers,
.footer-inner .top-part .footer-map .root_daum_roughmap .wrap_btn_zoom,
.footer-inner .top-part .footer-map .root_daum_roughmap .cont{display: none;}

.footer-inner .bottom-part{}
.footer-inner .bottom-part > div{display: flex;align-items: center;justify-content: space-between;}
.footer-inner .bottom-part ul{line-height: 1.67;margin-bottom: 35rem;}
.footer-inner .bottom-part ul > li{display: inline-block;margin-right: 20rem;position: relative;}
.footer-inner .bottom-part ul > li::after{content: '';width: 1px;height: 11rem;background: var(--color-neutral-2);display: inline-block;position: absolute;right: -10rem;top: 50%;transform: translateY(-50%);}
.footer-inner .bottom-part ul > li:last-child::after{display: none;}
.footer-inner .bottom-part p{font-size: 12rem;}

@media all and (max-width:1023px) {
    #footer{padding: 60rem 0;}
    .footer-inner .top-part{display: block;}
    .footer-inner .top-part .footer-logo{width: 250rem;margin-bottom: 35rem;}
    .footer-inner .top-part .footer-desc{padding-right: 0;margin-bottom: 20rem;}
    .footer-inner .top-part .footer-desc > div > h3{font-size: 16rem;margin-bottom: 10rem;}
    .footer-inner .top-part .footer-desc > div > p{font-size: 20rem;}
    .footer-inner .top-part .footer-desc > div > span{font-size: 14rem;margin-bottom: 5rem;}
    .footer-inner .top-part .footer-desc > div > h3 > svg{width: 16rem;height: 16rem;}
    .footer-inner .top-part .footer-desc > div{padding: 30rem 0 35rem 30rem;}
    .footer-inner .top-part .footer-map .root_daum_roughmap{position: static;height: 250rem;}
    .footer-inner .bottom-part > div{flex-direction: column;align-items: flex-start;gap: 20rem;margin-bottom: 25rem;}
    .footer-inner .bottom-part ul{margin-bottom: 0;font-size: 14rem;}
}

@media all and (max-width:767px) {
    #footer{padding: 60rem 0 90rem;background: url(../images/common/mo_footer.png) no-repeat center center / cover;margin-top: 85rem;}
    .footer-inner .top-part{margin-bottom: 25rem;}
    .footer-inner .top-part .footer-logo{width: 168rem;}
    .footer-inner .top-part .footer-desc{flex-direction: column;margin-bottom: 0;}
    .footer-inner .top-part .footer-desc > div{border-left: none;border-bottom: none;padding: 25rem 0;}
    .footer-inner .top-part .footer-desc > div > span br{display: none;}
    .footer-inner .top-part .footer-map .root_daum_roughmap{height: 200rem;}
    .footer-inner .bottom-part ul{font-size: 12rem;}
}



.fixed-menu { position: fixed; /* right: 20rem; bottom: 20rem; */ right: 55rem; bottom: 90rem; z-index: 10; transition: bottom 0.4s; } 
.fixed-menu.up { bottom: 85rem; } 
.fixed-menu > ul { display: flex; flex-direction: column; gap: 10rem;} 
.fixed-menu > ul > li { border-radius: 10rem; font-size: 16rem; color: var(--color-neutral-1); box-shadow: -4px -4px 10px 0px #00000026 inset;} 
.fixed-menu > ul > li a{display: flex; flex-direction: column; gap: 5rem; align-items: center; justify-content: center; cursor: pointer; width: 100rem; height: 100rem; line-height: 1.4;} 
.fixed-menu > ul > li:nth-child(2n-1){background: var(--color-sub-1);} 
.fixed-menu > ul > li:nth-child(2n){background: var(--color-sub-2);} 
.fixed-menu > ul > li svg{width: 35rem;height: 35rem;}
.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:1440px) {
    .fixed-menu{right: 25rem;bottom: 50rem;}
    .fixed-menu > ul > li a{font-size: 12rem;width: 70rem;height: 70rem;}
    .fixed-menu > ul > li svg{width: 22rem;height: 22rem;}
}

@media all and (max-width:767px){
    .fixed-menu { right: 0; bottom: 0; width: 100%;box-shadow: 0px 0px 9.4px 0px #00000026;} 
    .fixed-menu.up { bottom: 55rem; } 
    .fixed-menu > ul { display: grid;grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; } 
    .fixed-menu > ul > li { border-radius: 0; box-shadow: none; } 
    .fixed-menu > ul > li a{height: 65rem;width: 100%;}
    .fixed-menu > ul > li svg{width: 20rem;height: 20rem;}
    .fixed-menu > ul > li svg path{stroke-width: 3;}
}