footer {background: #213D5E; padding: 50px 0;}
footer .inner {width: 100%; max-width: 1280px; margin-inline: auto; color: #b0c9dc; flex-wrap: wrap;}

footer .footer_top {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px;}
footer .footer_logo {width: 15%; height: 200px;}

footer .footer_util_links {width: 100%; padding-right: 0; font-size: 14px; display: flex; gap: 20px; border-bottom: 1px solid #6A8BB1; padding-bottom: 15px;}
footer .footer_util_links li a {color: #b0c9dc; transition: .1s ease-in-out;}
footer .footer_util_links li a:hover {color: #C4DFFF; font-weight: 600;}

footer .footer_content {flex: 1; min-width: 0; display: flex; flex-wrap: wrap;}

footer .footer_bottom {margin-top: 20px; width: 100%; display: flex; justify-content: space-between;}
footer .footer_info .company_name {color: #C4DFFF; padding-bottom: 5px; font-weight: 600;}

footer .footer_info p {margin: 0; font-size: 14px; color: #95B5D9; line-height: 1.7;}

.footer_info .copy {font-weight: 600;}

.footer_sns {display: flex; justify-content: right; gap: 10px; align-items: flex-start;}

.footer_sns a {width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: rgba(255, 255, 255, .3); padding: 8px; transition: all .3s ease-in-out;}
.footer_sns a:hover {background: rgba(255, 255, 255, 1)}
.footer_sns a:hover img {filter: invert(51%) sepia(62%) saturate(4421%) hue-rotate(189deg) brightness(99%) contrast(99%);}

@media screen and (max-width: 768px){
  footer {display: flex; justify-content: center;}
  footer .footer_logo {height: 80px;}
  footer .footer_logo img {max-width: 150px;}
  
  footer .footer_bottom {flex-wrap: wrap;}
  footer .footer_content {flex: 0 0 100%;}
  footer .footer_util_links {flex-wrap: wrap;}
  footer .footer_top, footer .footer_content, footer .footer_bottom .footer_info, footer .footer_bottom .footer_sns {width: 100%;}
  footer .footer_util_links {gap: 10px;}
  footer .footer_util_links li a {font-size: 14px;}
  footer .footer_info {font-size: 14px;}
  footer .footer_sns {justify-content: left; margin-top: 20px;}
}

@media screen and (max-width: 370px){
  
}