/* --------------------------- 푸터 리뉴얼 */
#footer { padding:4.375rem 0 5rem; background: var(--gray-50, #F8F8F8); max-width:100%; margin:auto; overflow: unset; } 
#footer .footer_box { margin-top:1.25rem; display: flex; justify-content: space-between; align-items: flex-end; } 


@media screen and (max-width:798px){
 #footer { padding:3rem 0; } 
 #footer .footer_box { flex-direction: column; gap:3rem; align-items: flex-start; } 
 }

#footer .footer_info h2 { margin-bottom:1.25rem; } 
#footer .footer_info .info { font-weight: 500; line-height: 150%; } 
#footer .footer_info .info .name { font-weight: 600; } 
#footer .footer_info .copyright { margin-top:0.75rem; font-size: 0.875rem; line-height: 150%; } 

@media screen and (max-width:798px){
 #footer .footer_info { width:100%; order:2; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } 

}


#footer .footer_menu { display: flex; align-items: flex-end; flex-direction: column; gap:1rem; } 

#footer .footer_menu .famliy_site { position: relative; } 
#footer .footer_menu .famliy_site button { transition: all 0.3s; display: flex; align-items: center; gap:1rem; color: #9FA0A0; font-weight: 600; line-height: 150%; font-size:1rem; } 
#footer .footer_menu .famliy_site button::after { content: url("/img/Ico_polygon.svg"); display: flex; align-items: center; justify-content: center; width:2.5rem; height:2.5rem; background-color: #d9d9d9; border-radius: 100%; transition: all 0.3s; } 

#footer .footer_menu .famliy_site button.active { color:#000; } 
#footer .footer_menu .famliy_site button.active::after { transform: rotate(180deg); } 

#footer .footer_menu .famliy_site ul { overflow: hidden; width:100%; display: none; position: absolute; bottom:calc(100% + 10px); left:0; z-index: 100; background-color: #fff; border:1px solid #ddd; border-radius: 10px; } 
#footer .footer_menu .famliy_site ul.active { display: block; } 
#footer .footer_menu .famliy_site ul li { border-bottom:1px solid #ddd; text-align: center; font-weight: 500; } 
#footer .footer_menu .famliy_site ul li:last-child { border-bottom:0 none; } 
#footer .footer_menu .famliy_site ul li a { padding:0.625rem; display: block; width:100%; height:100%; font-size:0.9375rem; } 
#footer .footer_menu .famliy_site ul li a:hover { background-color: #f8f8f8; } 

#footer .footer_menu ul.terms_list { display: flex; align-items: center; color: var(--gray-600, #666); font-weight: 500; line-height: 150%; } 
#footer .footer_menu ul.terms_list li { display: flex; align-items: center; } 
#footer .footer_menu ul.terms_list li:after { display: block; margin:0 1.875rem; content: ''; width:1px; height:16px; background: var(--gray-200, #CCC); } 
#footer .footer_menu ul.terms_list li:last-child:after { display: none; } 

@media screen and (max-width:798px){
 #footer .footer_menu { order:1; width:100%; } 
 #footer .footer_menu ul.terms_list { flex-wrap: wrap; gap:0.625rem; width:100%; } 
 #footer .footer_menu ul.terms_list li { padding:0.625rem; width:calc(50% - 0.625rem/2); background-color: #fff; border-radius: 12px; text-align: center; justify-content: center; } 
#footer .footer_menu ul.terms_list li:after { display: none; } 
}

@media screen and (max-width:640px){
#footer .footer_menu { align-items: center; } 
#footer .footer_menu .famliy_site {width:100%;}
#footer .footer_menu .famliy_site button {padding:0.625rem; justify-content: center; width:100%; background-color: #fff; border-radius: 12px;;}
#footer .footer_menu .famliy_site button::after {width:2rem; height:2rem;} 
}