@media (min-width: 1024px) {
    /*헤더 스타일*/
    .header-container{
      background: black;
    }
    /*인사말*/
    .aboutUs-container{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100px;
      border-bottom: 1px solid #ddd;
      font-size: 30px;
      font-weight: 800;
    }

    .aboutUs-box2{
      height: 100px;
      width: 800px;
      display: flex;
      align-items: center;
    }

    .aboutUs-content-container{
      display: flex;
      flex-direction: column;
      justify-content:center;
      align-items: center;
      width: 100%;
      height: 575px;
      margin-top: 50px;
    }
    .aboutUs-box2-content{
      width: 800px;
      height: auto;
      font-size: large;
      color: #222;
    }
    .aboutUs-box3-content{
      display: flex;
      align-items: center;
      width: 800px;
      height: 100px;
    }

    .aboutUs-box3-content-sign{
      width: 800px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: end;
      font-size: large;
    }

    /*메인 사진 스타일*/
    .photo-container{
      position: relative;
      width: 100%;
      height: 200px;
      overflow:hidden;
      margin:0 auto;
      z-index: -1;
      display: flex;
      justify-content: center;
    }
    /*메인 사진*/
    .photo-main{
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .aboutUs-box1{
      width: 100%;
      height: 100px;
      color: white;
      position: absolute;
      top: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .aboutUs-box1-content{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 900px;
      height: 100%;
    }

    .aboutUs-box1-content-h1{
      font-size: 40px;
    }

    .aboutUs-box1-content-div{
      font-size: 20px;
    }
  }

@media (max-width: 1023px){
  /*인사말*/
  .aboutUs-container{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 20px;
    font-weight: 800;
  }

  .aboutUs-box2{
    height: 50px;
    width: 100%;
    display: flex;
  }

  .aboutUs-box2-title{
    height: 50px;
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .aboutUs-content-container{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 50px;
  }
  .aboutUs-box2-content{
    width: 75%;
    height: auto;
    font-size: large;
    color: #222;
  }
  .aboutUs-box3-content{
    display: flex;
    align-items: center;
    width: 75%;
    height: 100px;
  }

  .aboutUs-box3-content-sign{
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: large;
  }

  /*메인 사진 스타일*/
  .photo-container{
    position: relative;
    width: 100%;
    height: 100px;
    overflow:hidden;
    margin:0 auto;
    z-index: -1;
    display: flex;
    justify-content: center;
  }
  /*메인 사진*/
  .photo-main{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  .aboutUs-box1{
    width: 100%;
    height: 50px;
    color: white;
    position: absolute;
    top: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .aboutUs-box1-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 75%;
    height: 50px;
  }

  .aboutUs-box1-content-h1{
    font-size: 40px;
  }

  .aboutUs-box1-content-div{
    font-size: 14px;
  }

}
