@charset "utf-8";

.sitemap{
  background:#01A0EA;
  color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  font-size: clamp(1.25rem, 1.114rem + 0.45vw, 1.625rem);
}

.sitemap img{
  width:36px;
}

.footer{
  background-color: #CAEAF1;
  padding: 3rem 5% 0.5rem;
  position:relative;
}

.footer a p{
  line-height:1.5;
}

.footer-wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width:1152px;
  margin:0 auto;
}

.footer-left{
  width:35%;
}

.footer-left .logo{
  width:275px;
}

.footer-left .btn{
  margin:2rem 0 0;
}

.footer-list{
  display: flex;
  gap: 1rem;
}

.footer-list p:first-child{
  width:40px;
}

.footer-list p:last-child{
  width:calc(100% - 56px);
}

.footer-list:first-of-type{
  margin-top:2rem;
}

.footer-right{
  width:60%;
}

.footer-right iframe{
  border:none;
  width:100%;
}

.copyright{
  color:#5D5D5D;
  margin-top:5rem;
  text-align:center;
}


@media screen and (max-width: 1023px) {
  .footer-wrap {
    flex-direction:column;
    align-items: center;
    gap:2rem;
  }
  .footer-right {
    width: 100%;
    gap: 2.5rem 1rem;
    padding:0;
  }
}

@media (max-width: 767px) {
  .footer{
    padding: 20px 5% 1rem;
  }
  .footer-left {
    width: 100%;
  }
  .footer-left a:has(.logo) {
    display:block;
    margin:0 auto;
    width: fit-content;
  }
  .footer-left .btn{
    margin:2rem auto 0;
  }
  .footer-wrap {
    gap: 2rem;
  }
  .footer-right{
    gap: 2rem 2%;
    justify-content: space-between;
  }
  .copyright {
    margin-top: 2.5rem;
  }
  .sitemap{
    width: 100%;
    height: 4rem;
  }
}