/* PC에서만 사용 */
@media (min-width: 1181px) {}

/* 1600*900 */
@media (max-width: 1600px) {
  .big-text-box .ver-en svg {
    height: 100px;
  }

  .hide-menu-wrap svg {
    height: 75px;
  }

  .about-svg-box svg {
    height: 78px;
  }

  .about-info-box .info-big-txt-box {
    font-size: 5.2rem;
  }

  .project-info-box .context a {
    font-size: 4.333rem;
  }

  .pj-wrap {
    letter-spacing: -1px;
  }

  .pj-sub-main-title li:first-child {
    font-size: 1.2rem;
  }

  .pj-sub-main-title li:last-child {
    font-size: 4.666rem;
  }

  .pj-svg svg {
    height: 28px;
  }

  .key-keyword-box .key-txt li {
    font-size: 1.07rem;
  }

  .explain-txt {
    font-size: 1.2rem;
  }

  .pj-link-btn-box,
  hr.line-gray {
    margin: 80px 0;
  }

  .pj-link-btn-box button {
    width: 250px;
    height: 76px;
  }

  .pj-link-btn-box button svg {
    height: 28px;
  }

  .to-top-btn {
    width: 85px;
    height: 85px;
  }
}

/* 1366*768 */
@media (max-width: 1366px) {
  .big-text-box .ver-en svg {
    height: 80px;
    margin-bottom: 15px;
  }
}

/* 1280px 미만 */
@media (max-width: 1280px) {
  .about-info-box .info-big-txt-box {
    font-size: 4.2rem;
  }
}

/* 1024px 이하 태블릿 */
@media (max-width: 1024px) {
  .big-text-box .ver-en svg {
    height: 70px;
    margin-bottom: 25px;
  }

  .hide-menu-wrap svg {
    height: 60px;
  }

  .about-svg-box svg {
    height: 55px;
  }

  .project-info-box {
    padding: 30px;
  }

  .project-info-box .context a {
    font-size: 3.666rem;
  }

  .project-info-box .context p:first-child a::after {
    width: 24px;
    height: 24px;
  }

  .pj-wrap {
    padding: 30px;
  }

  .to-back-box {
    margin-bottom: 70px;
  }

  .pj-sub-main-title li:last-child {
    font-size: 3.666rem;
  }

  .pj-svg svg {
    height: 20px;
  }

  .pj-wrap .mgb70 {
    margin-bottom: 50px;
  }

  .key-keyword-box .key-txt li {
    padding: 12px 18px;
    font-size: 1rem;
  }

  .pj-link-btn-box,
  hr.line-gray {
    margin: 50px 0;
  }

  .pj-link-btn-box button {
    width: 180px;
    height: 60px;
  }

  .pj-link-btn-box button svg {
    height: 20px;
  }

  .explain-txt {
    font-size: 1.07rem;
    line-height: 1.5;
  }

  .to-top-btn {
    width: 70px;
    height: 70px;
  }

  .to-top-btn::after {
    background-size: 24px;
  }
}

/* 768px 이하 모바일 */
@media (max-width: 768px) {
  header>div {
    gap: 15px;
  }

  header .menu {
    gap: 15px;
  }

  header .menu svg {
    height: 22px;
  }

  .big-text-box .ver-en svg {
    height: 55px;
  }

  .interpretation {
    font-size: 1rem;
  }

  .small-text-box svg {
    height: 20px;
  }

  .hide-menu-wrap {
    width: 80%;
  }

  .hide-close-btn {
    width: 20%;
  }

  .about-info-box .info-big-txt-box {
    font-size: 3.333rem;
  }

  .project-info-box>div>div {
    gap: 20px;
    padding: 50px 0;
  }

  .project-info-box .context a {
    font-size: 3rem;
  }

  .project-info-box .context p:first-child a {
    gap: 20px;
  }

  .pj-wrap {
    padding: 20px;
  }

  .to-back-box {
    gap: 20px;
    margin-bottom: 50px;
  }

  .to-back-box button {
    width: 40px;
    height: 40px;
    background-size: 15px;
  }

  .to-back-box svg {
    height: 20px;
  }

  .pj-sub-main-title li:last-child {
    font-size: 2.666rem;
  }

  .to-top-btn {
    width: 60px;
    height: 60px;
    right: 20px;
    bottom: 20px;
  }

  .to-top-btn::after {
    background-size: 20px;
  }

  .pj-link-btn-box button {
    width: 150px;
    height: 55px;
  }

  .pj-link-btn-box>div {
    gap: 10px;
  }

  .pj-name {
    font-size: 1.6rem;
  }

  .etc-history-box ul>li {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

/* 480px 이하 모바일 */
@media (max-width: 480px) {
  header>div {
    gap: 10px;
  }

  header .menu {
    gap: 10px;
  }

  header .menu svg {
    height: 18px;
  }

  .big-text-box .ver-en {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .big-text-box .ver-en svg {
    height: 32px;
    margin-bottom: 18px;
  }

  .small-text-box>div {
    gap: 10px;
  }

  .small-text-box svg {
    height: 15px;
  }

  .interpretation {
    font-size: .9333rem;
  }

  .hide-menu-wrap svg {
    height: 40px;
  }

  .hide-close-btn button {
    width: 40px;
    height: 40px;
  }

  .about-info-box {
    padding: 25px;
  }

  .about-svg-box {
    margin-left: -30px;
  }

  .about-svg-box svg {
    height: 35px;
  }

  .about-info-box .info-big-txt-box {
    font-size: 2.4rem;
  }

  .about-info-box svg {
    height: 16px;
    margin-bottom: 30px;
  }

  .about-info-box .info-big-txt-box p:first-child {
    margin-bottom: 8px;
  }

  .about-info-box .info-big-txt-box li {
    margin-bottom: 18px;
  }

  .project-info-box .context a {
    font-size: 2.133rem;
  }

  .pj-link-btn-box button {
    width: 120px;
  }

  .pj-link-btn-box button svg {
    height: 18px;
  }
}

/* 360px 이하 모바일 */
@media (max-width: 360px) {
  header .menu svg {
    height: 17px;
  }

  .big-text-box .ver-en svg {
    height: 28px;
  }

  .interpretation {
    font-size: .8rem;
  }

  .hide-menu-wrap svg {
    height: 30px;
  }

  .about-info-box {
    padding: 15px;
  }

  .about-info-box .info-big-txt-box {
    font-size: 1.6rem;
  }
}

/* 화면 높이 기준 */

/* 1600*900 */
@media (max-height: 850px) {}

@media (max-height: 757px) {}

/* 1366*768 */
@media (max-height: 625px) {}

/* 332px 이하 모바일 (가로모드) */
@media (max-height: 360px) {}