/**********************************************************
                         footer
***********************************************************/
footer{
  background: #151515;
  color:#fff;
  height:120px;
}
.footer-wrap{
  max-width: 1280px;
  width: 100%;
  padding:0px 32px;
  padding-top:40px;
  margin:0 auto;
  display: flex;
  gap:63px;
}
.ftr-info > li > ul{
  display: flex;
  font-size: 1.2rem;
  line-height: 1.3;
  gap:40px;
  font-weight: 500;
  letter-spacing: 0px;
}
.ftr-info > li > ul span{
  color:#999999;
}
.ftr-info > li > ul span a{
  color:#999999;
}
.ftr-info > li:nth-of-type(2){
  margin-top:8px;
}
/**********************************************************
                        responsive
***********************************************************/
@media screen and (max-width: 1023px) {
}
@media screen and (max-width: 799px) {
}
@media screen and (max-width: 600px) {
  footer{
    height: 250px;
  }
  .footer-wrap{
    flex-direction: column;
    gap:24px;
  }
}
@media screen and (max-width: 499px) {
  .footer-wrap{
    padding:0px 16px;
    padding-top:40px;
  }
  .ftr-info > li:nth-of-type(2){
    margin-top:0px;
  }
  .ftr-info > li > ul{
    flex-wrap: wrap;
    gap:0px;
  }
  .ftr-info > li:nth-of-type(1) > ul li{
    width:50%;
  }
  .ftr-info > li:nth-of-type(1) > ul li:nth-of-type(3){
    width:100%;
    margin-top:8px;
  }
  .ftr-info > li:nth-of-type(2) > ul li{
    width: 100%;
  }
  .ftr-info > li:nth-of-type(2) > ul li{
    margin-top:8px;
  }
}
@media screen and (max-width: 399px) {
}