@charset "utf-8";

.footer{
    padding: 2rem 0 1.5rem;
    position: relative;
    font-size: 14px;
  	background-color: #D1DFCC;
}

.footer-wrap{
    width: 90%;
    max-width: 1200px;
    margin: 3rem auto 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
  align-items: center;
    gap: 2rem;
    overflow: hidden;
  text-align: center;
  font-size: 12px;
  color: #464646;
}

.footer-logo{
  width:  380px;
  height: auto;
  margin: 0 auto;
}

.footer_link{
   display: flex;
   gap: 2rem;
   justify-content: center;
  font-size: 16px;
  color: #000;
}

.footer-wrap-telimg{
  width: 200px;
  height: auto;
}

.footer__copy{
  text-align: center;
  margin: 2rem auto 1rem;
  font-size: 10px;
}
  .footer__menu-wrap{
     display: flex;
     gap: 2rem;
  }

.footer__menu{
   display: flex;
  flex-wrap: wrap;
  justify-content: center;
   gap: 1rem;
  margin-bottom: 2rem;
}

.footer__menu a{
  	position: relative;
  	margin: 0 0 1rem 0;
  	width: fit-content;
  	height: fit-content;
  	font-size: 1rem;
    border-right: .5px solid #3D6873;
    padding: 0rem 1rem 0 0;
}

.footer__menu a:last-child{
  	margin: 0 0 1rem 0;
  	width: fit-content;
  	height: fit-content;
  	font-size: 1rem;
    border-right: none;
    padding: 0rem 1rem 0 0;
}

.footer__menu a p{
  font-size: 1rem;
  font-weight: 500;
}

.footer-btn{
  width: 100px;
  height: fit-content;
  cursor: pointer;
}

.footer__menu a:hover{
  opacity: .5;
}

@media (max-width: 1200px) {
   .footer__menu{
     width: 600px;
  }
}


@media (max-width: 960px) {
  .footer{
    padding: 1rem 0;
    position: relative;
    font-size: 14px;
  	background-color: #D1DFCC;
  }
  .footer-wrap{
    width: 90%;
    margin: 2rem auto 1rem;
  }
  .footer-logo{
    width:  280px;
  }
  .footer_link{
     display: flex;
     gap: 1.5rem;
     font-size: 14px;
  }
  .footer__copy{
    margin: 1rem auto;
  }
  .footer__menu-wrap{
     gap: 1rem;
  }
  .footer__menu{
     display: grid;
     gap: 1rem;
    width: auto;
     margin-bottom: 0;
     grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .footer__menu a{
      font-size: 14px;
      border-right: none;
  }
  .footer__menu a:last-child{
      font-size: 14px;
  }
  .footer__menu a p{
    font-size: 14px;
    font-weight: 500;
  }
}

@media (max-width: 600px) {
.footer__menu{
     display: grid;
     gap: 1rem;
    width: auto;
     margin-bottom: 0;
     grid-template-columns: 1fr 1fr;
  }