/* >> Footer Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
footer{
  width: 100%; 
  max-width: 100%; 
  margin: 0 auto; 
  background-color: $color-title; 
}

/* >> Footer > Pc Footer Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.pcFooter{ 
  @extend %flexBox; 
  justify-content: space-between; 
  align-items: flex-start; 
  width: 98%; 
  max-width: 1600px; 
  margin: 0 auto; 
  padding: 2rem; 
  font-family: $baseFont; 
  color: $color-footer-text;
  @media #{$mq-iPad_land}{padding: 4rem 0;}
  .pcFooter-upper{
    text-align: center;
    margin-bottom: 2rem;
    @media #{$mq-iPad_land}{
      text-align: left;
      display: flex;
      justify-content: space-between;
    }
    .footer-text{
      font-size: 12px;
      line-height: 1.5;
      color: $color-gray;
      width: 100%;
      margin-bottom: 2rem;
      @media #{$mq-iPad_land}{
        width: 30%;
        margin-bottom: 0;
      }
    }
    .pcFooter-container{
      width: 100%;
      @media #{$mq-iPad_port}{
        display: flex;
        justify-content: space-between;
      }
      @media #{$mq-iPad_land}{width: 50%;}
      .pcFooter-contact{
        a:last-child{color: $color-primary;}
      }
      .pcFooter-contact, .pcFooter-social, .pcFooter-menu{
        display: flex;
        flex-direction: column;
        text-align: center;
        line-height: 1.75;
        color: $color-light;
        padding: 0 1rem;
        margin-bottom: 2rem;
        &:last-child{margin-bottom: 0;}
        @media #{$mq-iPad_land}{margin-bottom: 0;}
        @media #{$mq-iPad_land}{text-align: left;}
        a{
          color: #fff;
          &:hover{text-decoration: underline;}
        }
      }
      .social-icons{
        display: flex;
        justify-content: center;
        @media #{$mq-iPad_port}{justify-content: flex-start;}
        img{
          width: 16px;
          margin-right: 10px;
        }
        .social-youtube img{width: 24px;}
      }
    }
  }
  .pcFooter-logo img{
    width: 1600px;
    max-width: 100%;
  }
}


.madeBy-IntroWeb{
  background-color: #000;
  color: $color-footer-text; 
  font-family: $titleFont; 
  font-weight: 500; 
  padding: 12px 0;
  font-size: 12px; 
  line-height: 15px;
  @media #{$mq-iPad_land}{text-align: left;}
  .contentWrapper{text-align: center;}
  a{color: $color-footer-text; text-decoration: underline;
    &:hover{@include transition; color: $color-active;}
  }
  .iw-logo{display: inline-block; vertical-align: middle; width: 24px;}
}