@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : lhj
Create date : 2023-05
-------------------------------------------------*/
@media (max-width: 1921px) {
  #visual .desc.type2 {
    -webkit-transform: translate(-50%, -30%);
            transform: translate(-50%, -30%);
  }
}
@media (max-width: 1570px) {
  #visual .item.type1 {
    left: -9rem;
    top: 10%;
  }
  #visual .item.type2 {
    right: -7rem;
  }
  #visual .item.type3 {
    left: 5%;
    bottom: 0;
  }
  #visual .item.type4 {
    bottom: 3%;
    right: 1rem;
    left: inherit;
  }
  #visual .desc.type1 {
    -webkit-transform: translate(-42%, -50%);
            transform: translate(-42%, -50%);
  }
  #visual .desc.type2 {
    -webkit-transform: translate(-63%, -30%);
            transform: translate(-63%, -30%);
  }
}
@media (max-width: 1440px) {
  #visual .title p {
    font-size: 4.8rem;
  }
}
@media (max-height: 1280px) {
  #visual .item.type2 {
    top: -12.6rem;
  }
  #visual .item.type3 {
    bottom: -7.5rem;
  }
  #visual .item.type4 {
    bottom: -4rem;
  }
}
@media (max-height: 1260px) {
  #visual {
    min-height: 116.4rem;
  }
}
@media (max-width: 1260px) {
  #visual .item.type1 {
    left: -15rem;
    top: 8%;
  }
  #visual .item.type2 {
    top: -10rem;
  }
  #visual .desc.type1 {
    -webkit-transform: translate(-37%, -50%);
            transform: translate(-37%, -50%);
  }
}
@media (max-width: 1180px) {
  #visual .title {
    top: 37%;
    -webkit-transform: translate(-46%, -50%);
            transform: translate(-46%, -50%);
  }
  #visual .title p {
    font-size: 4.5rem;
  }
  #visual .item.type2 .img, #visual .item.type3 .img, #visual .item.type4 .img {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  #visual .desc.type2 {
    -webkit-transform: translate(-56%, -50%);
            transform: translate(-56%, -50%);
  }
}
@media (max-width: 1090px) {
  #visual .title {
    top: 40%;
    -webkit-transform: translate(-43%, -50%);
            transform: translate(-43%, -50%);
  }
  #visual .item.type1 {
    left: -16rem;
    top: 7%;
  }
  #visual .item.type2 {
    right: -13rem;
    top: -7rem;
  }
  #visual .item.type3 {
    left: -5rem;
    bottom: -7rem;
  }
  #visual .item.type4 {
    right: -2rem;
    left: inherit;
  }
  #visual .desc.type1 {
    -webkit-transform: translate(-39%, -50%);
            transform: translate(-39%, -50%);
  }
  #visual .desc.type2 {
    -webkit-transform: translate(-74%, -50%);
            transform: translate(-74%, -50%);
  }
  #visual .desc.type2 strong {
    margin-bottom: 3rem;
  }
}
@media (max-width: 991px) {
  #visual {
    min-height: 184rem;
  }
  #visual .title {
    top: 15.5rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
  }
  #visual .item .img {
    display: block;
    height: 100%;
  }
  #visual .item img {
    width: 100%;
    height: 100%;
  }
  #visual .item.type1 {
    width: 43.7rem;
    height: 43.7rem;
    left: -5rem;
    top: 20%;
  }
  #visual .item.type2 {
    width: 45rem;
    height: 50rem;
    top: 59.4rem;
    right: -12rem;
  }
  #visual .item.type2 .img {
    -webkit-transform: rotate(11deg);
            transform: rotate(11deg);
  }
  #visual .item.type3 {
    width: 50rem;
    height: 47rem;
    top: 95.9rem;
    left: -2.2rem;
    bottom: inherit;
  }
  #visual .item.type4 {
    width: 45rem;
    height: 45rem;
    bottom: 9.7rem;
    right: -3.5rem;
  }
  #visual .item.type3 .img, #visual .item.type4 .img {
    -webkit-transform: none;
            transform: none;
  }
  #visual .item .space.c2 {
    bottom: -6.5rem;
    right: -10rem;
  }
  #visual .desc.type1 {
    -webkit-transform: translate(-47%, -50%);
            transform: translate(-47%, -50%);
  }
  #visual .desc.type3 {
    -webkit-transform: translate();
            transform: translate();
  }
}
@media (max-width: 680px) {
  #visual .item.type4 {
    bottom: 2rem;
  }
}
@media (max-width: 570px) {
  #visual .desc.type2 {
    -webkit-transform: translate(-74%, -59%);
            transform: translate(-74%, -59%);
  }
}
@media (max-width: 560px) {
  #visual .item {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  #visual .item.type1 {
    top: 16%;
  }
  #visual .item.type2 {
    height: 44rem;
    top: 67rem;
  }
  #visual .item.type3 {
    left: -5rem;
    top: 106rem;
  }
  #visual .item.type4 {
    bottom: -6rem;
  }
}
@media (max-width: 500px) {
  #visual .title span {
    margin-bottom: 1.5rem;
  }
  #visual .title p {
    font-size: 3rem;
    padding: 0 1rem;
  }
}