@charset "utf-8";

.footer{
  background-color: #fff;
  padding: 80px 0 1.5rem;
  font-weight: 600;
}

.footer a{
  font-weight: 600;
}

.footer-bg{
  width:80%;
  margin:0 auto;
  max-width:1345px;
}

.footer-wrap{
  display:flex;
  margin:0 0 100px;
  justify-content: space-between;
}

.footer-left{
  width:260px;
}

.footer-logo{
  margin-bottom:1.5rem;
  font-size:clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
}

.footer-logo img{
  width:5rem;
  margin-bottom:1rem;
}

.footer-logo:hover{
  opacity:0.7;
}

.footer-left a{
  display:inline-block;
}

.footer-address{
  margin-top:20px;
}

.footer-address p:first-child{
  font-size:1rem;
}

.footer-address p:last-child{
  font-size:14px;
}

.footer-right{
  max-width:790px;
  display:flex;
  width: calc(100% - 300px);
  justify-content: space-between;
}

.footer-right > div{
  width:20%;
  max-width: 140px;
}

.footer-right > div > a:first-child{
  font-size:clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  margin-bottom:3rem;
  font-weight: 600;
}

.footer-right > div > a:first-child p:last-child{
  font-size:clamp(1.375rem, 1.193rem + 0.61vw, 1.875rem);
  margin-top:4px;
  font-weight: 900;
}

.footer-right a{
  width:100%;
}

.footer-right a:nth-child(n + 2){
  margin-bottom:1rem;
}

.footer-right a p{
  position:relative;
  padding:2px;
  z-index: 1;
  width:fit-content;
}

.footer-right a p::before{
  content: "";
  position: absolute;
  width: 0px;
  left: 0px;
  top: 0px;
  height: 100%;
  z-index: -1;
  background: rgb(0, 67, 240);
  transition: 0.3s;
}

.footer-right a:hover{
  color:#fff !important;
}

.footer-right a:hover p::before{
  width:100%;
}

.copyright{
  text-align:center;
  font-size:14px;
  line-height:1;
  padding-top:1.5rem;
  border-top:10px solid #040080;
}

@media screen and (max-width: 1279px) {
  .footer-bg {
    width: 90%;
  }
}

@media screen and (max-width: 1024px) {
  .footer-right > div > a:first-child{
    margin-bottom: 2rem;
  }
  .footer-wrap {
    flex-direction: column;
    gap: 4rem;
    margin: 0 0 3.5rem;
  }
  .footer-right{
    width:100%;
    text-align:center;
  }
  .footer-address {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .footer{
    padding: 0 0 1rem;
  }
  .footer-right a{
    width:100%;
  }
  .footer-right{
    gap:2.5rem;
    flex-direction: column;
  }
  .footer-left {
    width: 270px;
  }
  .footer-right > div{
    width: 100%;
  }
  .footer-bg{
    width:100%;
  }
  .footer-right a:nth-child(n + 2){
    margin-bottom:8px;
  }
  .copyright{
    font-size: 12px;
    border-top: 8px solid #040080;
    padding-top:1rem;
  }
  .footer-wrap{
    width:80%;
    margin:0 auto 5rem;
  }
  .footer-left a.footer-logo{
    display:flex;
    align-items: center;
    gap: 1rem;
  }
  .footer-logo img {
    margin-bottom: 0rem;
  }
}