footer {width: 100%; background: #fff;}

.footer_full_border {width: 100%; border-top: 1px solid #eee;}

.footer_link {display: flex; justify-content: center; align-items: center; height: 80px; border-bottom: 1px solid #eee;}
.footer_link img {margin: 0 40px;}

.footer_util_wrapper {border-bottom: 1px solid #eee;}
.footer_util_link {display: flex; justify-content: flex-start; align-items: center; height: 60px; font-size: 15px; color: #666; gap: 10px;}

.footer_util_link li {position: relative; padding: 0 10px; font-size: 14px;}
.footer_util_link li:not(:last-child)::after {content: '·'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #999; font-size: 24px; margin-right: -8px;}

.link_active {font-weight: 600; color: #F8AA5B;}

footer .inner {max-width: 1280px; margin: 0 auto;}

.footer_content {display: flex; gap: 45px; margin: 60px 0 75px; color: #666; font-size: 16px;}

.info_item {position: relative; padding-right: 30px; display: inline-block;}

.info_item:not(:last-child)::after {content: "|"; position: absolute; right: 0; top: 45%; transform: translateY(-50%); color: #999; font-weight: 400; margin-right: 10px;}

.copy {margin-top: 15px; color: #999;}

@media screen and (max-width: 768px) {
  .footer_util_wrapper {padding: 0;}
  .footer_link {justify-content: center;}
  .footer_link a {flex: 1; justify-content: center;}
  .footer_link img {width: 70%; margin: 0 10px;}

  .footer_util_link {margin: 0 auto; }
  .footer_util_link a {font-size: 14px; flex: 1;}

  .footer_content {flex-direction: column; align-items: center; margin: 45px auto;}
  .footer_info p {text-align: center; font-size: 16px;}
  .info_item {padding-right: 0;}
}
@media screen and (max-width: 560px) {
  .info_item::after {display: none;}
}

@media screen and (max-width: 370px) {
  .footer_util_link li {padding: 0 5px;}
}