@charset "utf-8";
@media all and (max-width: 1220px) {
  #mainVisual {
    height: 70rem;
  }

  .sec01_arrow {
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
  }
  .sec01_text h3 {
    margin-bottom: 3rem;
  }
  .sec01_text h4 {
    margin-bottom: 2rem;
  }
  .sec02_btns {
    margin-top: 2rem;
  }
  .sec02_btns p a {
    padding: 3rem 1rem;
  }
  .sec02_btns p em {
    width: 4rem;
  }
  .sec01_text h4.Myeongjo {
    font-size: 4rem;
  }
}
@media all and (max-width: 1024px) {
  #mainVisual h2 {
    font-size: 3rem;
    margin-bottom: 4.5rem;
  }
  #mainVisual .main-visual-item .main-visual-txt-con p img {
    width: 40rem;
  }
  #section1,
  .section4 {
    padding: 7rem 2%;
  }
  .section3 {
    padding: 7rem 2% 0;
  }
  .section3 h3 {
    font-size: 3.5rem;
    margin-bottom: 3rem;
  }
  .progress {
    height: 1rem;
    margin-top: 5rem;
  }
  .section4 {
    margin: 7rem 0;
  }
  .section4 h3 {
    font-size: 3.5rem;
  }
}
@media all and (max-width: 950px) {
  #mainVisual {
    height: 60rem;
  }
}
@media all and (max-width: 800px) {
  #mainVisual {
    height: 50rem;
  }
  #mainVisual h3 {
    font-size: 2rem;
  }
  #section1,
  .section4 {
    padding: 5rem 2%;
  }
  .section3 {
    padding: 5rem 2% 0;
  }
  .section4 {
    margin: 5rem 0;
  }
  .sec01_arrow p img {
    height: 1rem;
  }
  .sec02_btns p em {
    width: 3rem;
  }
}
@media all and (max-width: 480px) {
  #mainVisual .main-visual-item .main-visual-txt-con p img {
    width: 30rem;
  }
  .sec01_flex {
    flex-wrap: wrap;
  }
  .sec01_flex > * {
    width: 50%;
  }
  .sec01_text {
    padding: 6rem 1.5rem;
    order: 2;
    width: 100%;
  }
  .sec01_flex .img {
    order: 1;
  }
  .sec01_arrow {
    top: 2rem;
    bottom: auto;
  }

  .sec02_flex {
    flex-direction: column;
  }
  .sec02_flex > * {
    width: 100%;
  }
}