/*************** footer ******************/
footer{
  background: #001E45;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans KR Medium";
}
ul.copy_menu{
  padding: 20px 0;
  display: flex;
  justify-content: center;
  gap: 50px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
footer .container{
  padding: 5rem 0;
  font-size: 14px;
}
.f_logo{
  max-width: 300px;
  margin:  auto;
}
.f_wrap{
    font-family: "Noto Sans KR Light";
}
.f_right{
  /* line-height: 2; */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px 35px;
  max-width: 650px;
  margin: 30px auto ;
  font-size: 18px;
}
.f_right b{margin-right: 10px;font-family: "Noto Sans KR Bold";}
footer hr{margin: 2rem 0;}

@media (min-width: 0px) and (max-width: 1280px) {
    footer .container{
    flex-direction: column;
    gap: 3rem;
  }
  .f_right{flex-direction: row-reverse;align-items: end;}
  .f_right ul{display: flex; gap: 2rem;}
}
@media (min-width: 0px) and (max-width: 900px) {
    ul.copy_menu {
    padding: 15px 0;
  }
  footer .container{
    padding: 5rem 0 5rem;
  }
  .f_left p{font-size: 1.6rem;}
  .f_right {
    text-align: left;
    flex-direction: row;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
    ul.copy_menu {
    gap: 20px;
    font-size: 4vw;
  }
  .f_logo {
    max-width: 250px;
    margin: auto;
  }
  .f_right{
    font-size:3vw ;
    gap:   5px 20px ;
  }
  footer .container {
    padding: 3rem 0;
    font-size: 2.8vw;
  }
}