@media screen and (max-width:1720px) {
  /* home */
  .main_info img {
    margin-bottom: 3%;
    transform: scale(0.8);
  }
  .main_info h1 {
    font-size: 1.8rem;
  }

  /* service */
  .service_box {
    width: 33%;
  }
  .service_wrap p {
    font-size: 0.9rem;
    line-height: 175%;
  }
}

@media screen and (max-width:1440px) {
  /* header */
  .nav-menu ul li a {
    padding: 0 7px;
    font-weight: 200;
  }

  #up {
      width: 55px;
      height: 55px;
  }

  /* home */
  .main_info img {
    transform: scale(0.7);
  }
  .main_info h2 {
    margin: 0 0 1% 0;
  }
  .nav-menu {
    width: 50%;
  }

  /* service */
  .service_box {
    width: 40%;
  }

  /* solution */
  .solution_content {
    padding: 20px;
  }
  .solution_content h2 {
    top: 63%;
  }
  .solution_content p {
    font-size: 0.9rem;
    top: 65%;
  }

  /* history */
  .cd-horizontal-timeline .events-content {
    padding: 0 27%;
  }

  /* portfolio */
  .project .text {
    padding: 1.5em;
  }
  .project:hover img, .project:focus img {
    transform: scale(1);
  }
  .project .icon {
    left: 1.5em;
  }
  .project:hover .icon, .project:focus .icon {
    bottom: -10%;
  }

  /* footer */
  .footer_left img {
    transform: scale(1.5);
  }
  .footer_right {
    width: 45%;
  }
}

@media screen and (max-width:1024px) {
  /* header */
  .header-area {
    padding: 15px 5%;
  }
  .pc_nav {
    width: 70%;
    float: right;
  }
  .pc_nav ul li a {
    font-weight: 200;
  }
  .pc_nav ul li a:hover:after {
    width: 55px;
  }
  .nav-menu {
    width: 100%;
  }
  .nav-menu {
    justify-content: flex-end;
  }
  .nav-menu ul li a {
    padding: 0 5px;
  }
  .contact {
    margin-left: 3%;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, 0.25);
  }

  /* home */
  .scroll {
    margin-top: 25%;
    cursor: pointer;
    background: none;
    opacity: 0.6;
    transition: all 0.3s ease-in-out;
  }
  .main_info span::after {
    top: 11%;
  }
  .main_info h1 {
    font-size: 1.5rem;
  }

  /* service */
  #service {
    height: 100%;
  }
  .company_letter {
    padding: 10px;
  }
  .service_box {
    width: 50%;
  }
  .service_box {
    height: 190px;
  }

  /* solution */
  #solution {
    height: 100%;
  }
  .solution_info {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .solution_factory, .solution_hybrid, .solution_chatting, .solution_company{
    height: 150px;
    width: 100%;
    margin-bottom: 2%;
  }
  .solution_content {
    padding: 30px 25px;
  }
  .solution_content h2 {
    top: 0;
  }
  .solution_content p {
    position: relative;
    margin-top: 1%;
    top: 0;
  }

  /* history */
  #history {
    padding: 13% 8%;
  }

  /* portfolio */
  #portfolio {
    padding: 8% 12.5%;
    height: 100%;
  }
  .row {
    justify-content: center;
  }
  .col-lg-3 {
    width: 45%;
    margin: 1%;
  }

  /* partner */
  .logo-item {
    max-height: 50px;
    min-width: 100px;
  }

  /* footer */
  .footer_left img {
    transform: scale(1.3);
    margin-bottom: 2%;
  }
  .footer_left h1 {
    font-size: 1.3rem;
  }
  .footer_right {
    width: 60%;
    font-size: 0.9rem;
    line-height: 165%;
    font-weight: 300;
    justify-content: space-around;
  }
  .ft_info1 {
    font-size: 0.95rem;
    text-align: right;
  }
}

  /* 아이패드 */
  @media screen and (max-width:767px) {
    /* home */
  .main_info {
    top: 65%;
  }
  .scroll {
    margin-top: 45%;
  }
  .main_info span::after {
    top: 10%;
  }

  /* service */
  .service_box {
    height: 160px;
  }
  .service_box {
    width: 100%;
  }

  /* history */
  #history {
    height: 100%;
  }

  #partner {
    padding: 5% 3%;
  }

  /* footer */
  .footer_wrap {
    flex-direction: column;
  }
  .ft_info1 {
    text-align: left;
    margin-right: 7%;
  }
  .footer_left {
    margin-bottom: 7%;
  }
  .footer_right {
    width: 90%;
    line-height: 165%;
    font-weight: 300;
    justify-content: space-evenly;
  }
  }
  
  /*모바일1*/
  @media screen and (max-width:576px) {
    /* 포폴 줄내리기 */
    .pt_enter {
      display: block;
      width: 0;
      height: 0;
    }

    /* header */
    .header-area {
      padding: 15px 5%;
    }
    .pc_nav {
      display: none;
    }
  
    .mob_btn {
      display: block;
    }

    /* home */
    .main_info {
      width: 80%;
      bottom: 20%;
      text-align: left;
    }

    .main_info h1 {
      font-size: 1.2rem;
    }
    .main_info p {
      font-size: 0.9rem;
    }
    .main_info img {
      transform: translateX(-20%) scale(0.6);
    }
    .main_info span::after {
      width: 40%;
      left: 20%;
      top: 35%;
    }
    .scroll img {
      transform: scale(0.7);
    }
    .scroll {
      text-align: center;
      margin-top: 15%;
    }

    /* service */
    .service_title span::after {
      width: 50%;
      left: 25%;
    }
    .service_box:nth-child(2) {
      height: 25%;
    }

    /* solution */
    .solution_title span::after {
      width: 30%;
      left: 15%;
    }

    /* portfolio */
    #portfolio {
      padding: 25% 2% 10%;
    }
    .project .text {
      padding: 1em;
    }
    .project .text span {
      font-size: 0.8rem;
      font-weight: 200;
      letter-spacing: 1px;
    }
    .project .icon {
      width: 25px;
      height: 25px;
    }
    .project:hover .icon, .project:focus .icon {
      bottom: 3%;
    }
    .pt_project_text h2 {
      font-size: 2rem;
    }

    /* partner */
    .logo-cont {
      gap: 5px;
    }

    /* footer */
    .footer_left {
      margin-bottom: 7%;
    }
    .footer_left img {
      transform: scale(1);
      margin-bottom: 2%;
    }
    .footer_left h1 {
      font-size: 1.1rem;
    }
    .footer_right {
      width: 100%;
      font-size: 0.9rem;
    }

  }
  /*모바일3 갤럭시*/
  @media screen and (max-width:425px) {
    /* 줄내리기 */
    .enter {
      display: block;
      width: 0;
      height: 0;
    }
    
    /* up */
    #up {
      bottom: 30px;
      right: 30px;
    }

    /* service */
    .service_box {
      height: 200px;
    }
    .service_title {
      margin-bottom: 8%;
    }

    /* solution */
    .solution_factory, .solution_hybrid, .solution_chatting, .solution_company {
      height: 170px;;
    }
    .solution_content {
      padding: 15px 20px;
    }

    /* portfolio */
    #portfolio {
      height: 70vh;
    }
    .project .text {
      padding: 0.5em;
    }
    .project .text h3 {
      font-size: 0.8rem;
      color: #fff;
    }
    .project .text span {
      font-size: 0.7rem;
    }
    .project .icon {
      width: 20px;
      height: 20px;
      left: 80%;
      bottom: 0;
    }

        /* partner */
        .logo-cont {
          gap: 5px;
        }
        .logo-item {
          max-height: 50px;
          min-width: 90px;
        }
  }
  /*모바일4 아이폰*/
  @media screen and (max-width:375px) {

  }