

/* footer */
footer{width:100%;position:relative;bottom:0;height:max-content;background-color: black;}
.footer1{display:flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;width:61.5%;height:100%;}

.footer-form{flex-basis: 50%;color:white;padding:1vw;margin:auto 0;}
#f-line{display:flex; font-size: 0.83vw;font-weight: 400;flex-grow:1;}
.f-line1{justify-content: space-between;margin-bottom: 4rem;}
.f-line1 a{flex-basis: 30%;font-size: 0.94vw;font-weight: 600;text-decoration: none; color:white}
.f-line1 a:nth-child(1),.f-line1 p:nth-child(4){flex-basis: 15%;}
#wall{padding:0 0.5vw;color:#7f7e7e}
.footer-form2{flex-basis: 50%;text-align: end;margin:auto 0;}
.footer-form2 p{font-size: 0.94vw;font-weight: 600;}


/* 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:774px) and (max-width:1023px) { 
  .footer1{width:80%;}
  #f-line{display:flex; font-size: 1.8rem;font-weight: 400;flex-grow:1;}
  .footer-form{flex-basis: 100%;color:white;text-align: center;}
  .footer-form2{flex-basis: 100%;text-align: center;}
  .footer-form2 p{font-size:2rem;font-weight: 600;}
  .f-line2,.f-line3,.f-line4{justify-content: center;}
  .f-line1{justify-content:space-between;}
  .f-line1 a{flex-basis: 30%;font-size: 2rem;font-weight: 600;text-decoration: none; color:white}
}
  
  /* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
  @media all and (min-width:480px) and (max-width:773px) {  
    .footer1{width:80%;}
    #f-line{display:flex; font-size: 1.8rem;font-weight: 400;flex-grow:1;}
    .footer-form{flex-basis: 100%;color:white;text-align: center;}
    .footer-form2{flex-basis: 100%;text-align: center;}
    .footer-form2 p{font-size:2rem;font-weight: 600;}
    .f-line2,.f-line3,.f-line4{justify-content: center;}
    .f-line1{justify-content:space-between;padding-top: 2vh;}
    .f-line1 a{flex-basis: 30%;font-size: 2rem;font-weight: 600;text-decoration: none; color:white}
  } 
  
  /* 모바일 세로 (해상도 ~ 479px)*/ 
  @media all and (max-width:479px) {
    .footer1{width:90%;}
    .footer-form{flex-basis: 100%;color:white;text-align: center;}
  .footer-form2{flex-basis: 100%;text-align: center;}
  .f-line2,.f-line3,.f-line4{justify-content: center;}
 .f-line1{justify-content:space-between;padding-top: 2vh;}

.f-line1 a{flex-basis: 30%;font-size: 11px;font-weight: 600;text-decoration: none; color:white}
.footer-form2 p{font-size:14px;font-weight: 600;}


#f-line{display:flex; font-size: 1rem;font-weight: 400;flex-grow:1;}

  } 