@charset "UTF-8";
@media screen and (max-width: 1280px) { /* 작은 PC : 1px = 0.078125vw */
  html {
    font-size: 0.08vw;
  }
  header {
    min-width: 100%;
  }
  header nav {
    width: 100%;
    padding: 0 60rem;
  }
  section {
    min-width: 100%;
  }
  section .content {
    width: 100%;
    padding: 150rem 60rem;
  }
}
@media screen and (max-width: 1024px) { /* 아이패드 가로 : 1px = 0.09vw */
  html {
    font-size: 0.09vw;
  }
  * .head3 {
    font-size: 21rem;
    line-height: 21rem;
  }
  * .para1 {
    font-size: 19.5rem;
    line-height: 30rem;
  }
  * .para2 {
    font-size: 18rem;
    line-height: 27rem;
  }
  * .para3 {
    font-size: 15rem;
    line-height: 21rem;
  }
  section .content .img-group {
    grid-gap: 30rem;
  }
  section .content .img-group .img .text-container p {
    margin-top: 12rem;
  }
  section .content .img-group .img .text-container p br {
    display: none;
  }
  section .content .img-group .img .text-container p br.br-m {
    display: block !important;
  }
  section.chapter .content {
    grid-gap: 30rem;
  }
  section.chapter .content .title p {
    margin-top: 36rem;
  }
  section.chapter .content .dia-group {
    text-align: left;
  }
  section.chapter .content .dia-group .dia-container {
    gap: 30rem;
  }
  footer section .content .info-container {
    font-size: 22.5rem;
    line-height: 22.5rem;
  }
  footer section .content .info-container li .title {
    width: 81rem;
    margin-right: 21rem;
  }
  footer section .content .copyright {
    font-size: 18rem;
  }
}
@media screen and (max-width: 768px) { /* 아이패드 세로, 갤럭시 폴드 펼쳤을때 세로 : 1px = 0.12vw */
  html {
    font-size: 0.12vw;
  }
  header nav {
    padding: 0 45rem;
  }
  section .content {
    padding: 150rem 45rem;
  }
  section .content .img-group.col-2 {
    grid-template-columns: auto;
  }
  section .content .img-group.col-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  section.chapter .content {
    grid-template-columns: auto;
    justify-content: center;
    grid-gap: 90rem;
  }
  section.chapter .content .title {
    text-align: center;
  }
  section.chapter .content .dia-group {
    text-align: left;
  }
  section.chapter .content .dia-group .dia-container .text-container h2 {
    font-size: 24rem !important;
  }
  section.chapter .content .dia-group .dia-container .text-container p {
    font-size: 16.5rem !important;
    line-height: 24rem !important;
  }
}
@media screen and (max-width: 450px) { /* 스마트폰 화면 : 1px = 0.2vw */
  html {
    font-size: 0.18vw;
  }
  header nav {
    padding: 0 30rem;
  }
  section .content {
    padding: 120rem 30rem;
  }
  section .content .title-container p br {
    display: none;
  }
  section.chapter .content .dia-group {
    gap: 105rem;
  }
  section.chapter .content .dia-group .dia-container {
    flex-direction: column;
    text-align: center;
  }
  section .br-m {
    display: block !important;
  }
}/*# sourceMappingURL=media.css.map */