.PC-unimate {
  background-color: #ffffff;
  display: block;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.PC-unimate .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 1920px;
  height: 5402px;
  position: relative;
}

.PC-unimate .footer {
  position: absolute;
  width: 1920px;
  height: 238px;
  top: 5164px;
  left: 0;
  background-color: #333333;
}

.PC-unimate .frame {
  display: flex;
  flex-direction: column;
  width: 770px;
  align-items: flex-start;
  gap: 8px;
  position: absolute;
  top: 60px;
  left: 431px;
}

.PC-unimate .frame-2 {
  display: flex;
  align-items: center;
  gap: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.PC-unimate .p {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Pretendard-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 34px;
  white-space: nowrap;
}

.PC-unimate .text-wrapper {
  font-weight: 700;
}

.PC-unimate .span {
  font-family: "Pretendard-SemiBold", Helvetica;
  font-weight: 600;
}

.PC-unimate .text-wrapper-2 {
  font-family: "Pretendard-Regular", Helvetica;
}

.PC-unimate .text-wrapper-3 {
  position: relative;
  width: fit-content;
  font-family: "Pretendard-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff99;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 34px;
  white-space: nowrap;
}

.PC-unimate .logo {
  top: 60px;
  left: 239px;
  position: absolute;
  width: 133px;
  height: 57px;
}

.PC-unimate .contact {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 4084px;
  left: 0;
}

.PC-unimate .overlap {
  position: relative;
  width: 1920px;
  height: 1080px;
  background-color: #f7f7f7;
  background-image: url(https://c.animaapp.com/LSGnuIOD/img/mask-group.png);
  background-size: 100% 100%;
}

.PC-unimate .submit-btn {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  width: 482px;
  height: 74px;
  top: 872px;
  left: 720px;
}

.PC-unimate .overlap-group {
  position: relative;
  width: 480px;
  height: 74px;
  background-color: #000000;
  border-radius: 10px;
}

.PC-unimate .text-wrapper-4 {
  position: absolute;
  top: 20px;
  left: 193px;
  font-family: "Pretendard-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 28px;
  text-align: center;
  letter-spacing: 0;
  line-height: 34px;
  white-space: nowrap;
}

.PC-unimate .content {
  position: absolute;
  width: 1004px;
  height: 250px;
  top: 542px;
  left: 460px;
}

.PC-unimate .div-wrapper {
  position: absolute;
  width: 1000px;
  height: 200px;
  top: 50px;
  left: 0;
  background-color: #ffffff99;
  border-radius: 10px;
  box-shadow: 0px 0px 20px #00000014;
}

.PC-unimate .text-wrapper-5 {
  position: absolute;
  top: 20px;
  left: 24px;
  font-family: "Pretendard-Regular", Helvetica;
  font-weight: 400;
  color: #666666;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 34px;
  white-space: nowrap;
}

.PC-unimate .text-wrapper-6 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Pretendard-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 40px;
  white-space: nowrap;
}

.PC-unimate .addfile {
  position: absolute;
  width: 484px;
  height: 124px;
  top: 378px;
  left: 980px;
}

.PC-unimate .overlap-2 {
  position: absolute;
  width: 480px;
  height: 74px;
  top: 50px;
  left: 0;
  background-color: #ffffff99;
  border-radius: 10px;
  box-shadow: 0px 0px 20px #00000014;
}

.PC-unimate .paperclip {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 23px;
  left: 428px;
}

.PC-unimate .email {
  position: absolute;
  width: 484px;
  height: 124px;
  top: 378px;
  left: 460px;
}

.PC-unimate .contact-2 {
  position: absolute;
  width: 484px;
  height: 124px;
  top: 214px;
  left: 980px;
}

.PC-unimate .name {
  position: absolute;
  width: 484px;
  height: 124px;
  top: 214px;
  left: 460px;
}

.PC-unimate .text-wrapper-7 {
  position: absolute;
  top: 100px;
  left: 460px;
  font-family: "Pretendard-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 42px;
  letter-spacing: 0;
  line-height: 54px;
  white-space: nowrap;
}

.PC-unimate .service {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 3004px;
  left: 0;
}

.PC-unimate .overlap-3 {
  position: relative;
  width: 1920px;
  height: 1080px;
  background-color: #000000;
  background-image: url(https://c.animaapp.com/LSGnuIOD/img/mask-group-1.png);
  background-size: 100% 100%;
}

.PC-unimate .overlap-group-2 {
  position: absolute;
  width: 1210px;
  height: 490px;
  top: 550px;
  left: 80px;
}

.PC-unimate .text-wrapper-8 {
  top: 290px;
  left: 0;
  font-family: "Gmarket Sans-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff0f;
  font-size: 200px;
  line-height: 200px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.PC-unimate .cloud {
  position: absolute;
  width: 350px;
  height: 350px;
  top: 0;
  left: 860px;
}

.PC-unimate .desktop {
  position: absolute;
  width: 350px;
  height: 350px;
  top: 0;
  left: 470px;
}

.PC-unimate .text-wrapper-9 {
  position: absolute;
  top: 270px;
  left: 648px;
  font-family: "Pretendard-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 36px;
  text-align: right;
  letter-spacing: 0;
  line-height: 50px;
  white-space: nowrap;
}

.PC-unimate .maintenance {
  position: absolute;
  width: 350px;
  height: 350px;
  top: 550px;
  left: 1330px;
}

.PC-unimate .app {
  position: absolute;
  width: 350px;
  height: 350px;
  top: 160px;
  left: 1330px;
}

.PC-unimate .web {
  position: absolute;
  width: 350px;
  height: 350px;
  top: 160px;
  left: 940px;
}

.PC-unimate .UNIMATE {
  top: 300px;
  left: 240px;
  font-family: "Pretendard-Medium", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 28px;
  line-height: 40px;
  position: absolute;
  letter-spacing: 0;
}

.PC-unimate .text-wrapper-10 {
  font-weight: 500;
}

.PC-unimate .text-wrapper-11 {
  font-family: "Pretendard-Bold", Helvetica;
  font-weight: 700;
}

.PC-unimate .UNIMATE-2 {
  width: 640px;
  top: 160px;
  left: 240px;
  font-family: "Pretendard-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 42px;
  line-height: 54px;
  position: absolute;
  letter-spacing: 0;
}

.PC-unimate .text-wrapper-12 {
  font-family: "Pretendard-Medium", Helvetica;
  font-weight: 500;
}

.PC-unimate .advantage {
  position: absolute;
  width: 1453px;
  height: 1604px;
  top: 1240px;
  left: 240px;
}

.PC-unimate .div-2 {
  position: absolute;
  width: 640px;
  top: 1242px;
  left: 800px;
  font-family: "Pretendard-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 42px;
  letter-spacing: 0;
  line-height: 54px;
}

.PC-unimate .UNIMATE-3 {
  top: 1382px;
  left: 800px;
  font-family: "Pretendard-Medium", Helvetica;
  font-weight: 500;
  color: #666666;
  font-size: 28px;
  line-height: 40px;
  position: absolute;
  letter-spacing: 0;
}

.PC-unimate .rectangle {
  position: absolute;
  width: 81px;
  height: 10px;
  top: 1216px;
  left: 800px;
}

.PC-unimate .img {
  position: absolute;
  width: 720px;
  height: 468px;
  top: 1136px;
  left: 0;
}

.PC-unimate .div-3 {
  position: absolute;
  width: 640px;
  top: 674px;
  left: 0;
  font-family: "Pretendard-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 42px;
  letter-spacing: 0;
  line-height: 54px;
}

.PC-unimate .text-wrapper-13 {
  position: absolute;
  top: 820px;
  left: 0;
  font-family: "Pretendard-Medium", Helvetica;
  font-weight: 500;
  color: #666666;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 40px;
}

.PC-unimate .rectangle-2 {
  position: absolute;
  width: 81px;
  height: 10px;
  top: 648px;
  left: 0;
}

.PC-unimate .img-2 {
  position: absolute;
  width: 721px;
  height: 468px;
  top: 568px;
  left: 720px;
}

.PC-unimate .div-4 {
  position: absolute;
  width: 640px;
  top: 106px;
  left: 800px;
  font-family: "Pretendard-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 42px;
  letter-spacing: 0;
  line-height: 54px;
}

.PC-unimate .text-wrapper-14 {
  position: absolute;
  top: 246px;
  left: 800px;
  font-family: "Pretendard-Medium", Helvetica;
  font-weight: 500;
  color: #666666;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 40px;
}

.PC-unimate .rectangle-3 {
  position: absolute;
  width: 81px;
  height: 10px;
  top: 80px;
  left: 800px;
}

.PC-unimate .img-3 {
  position: absolute;
  width: 720px;
  height: 468px;
  top: 0;
  left: 0;
}

.PC-unimate .visual {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 0;
  left: 0;
}

.PC-unimate .overlap-4 {
  position: relative;
  width: 1920px;
  height: 1080px;
  background-image: url(https://c.animaapp.com/LSGnuIOD/img/mask-group-2.png);
  background-size: 100% 100%;
}

.PC-unimate .overlap-5 {
  position: absolute;
  width: 846px;
  height: 1080px;
  top: 0;
  left: 0;
}

.PC-unimate .rectangle-4 {
  position: absolute;
  width: 720px;
  height: 1080px;
  top: 0;
  left: 0;
  background-color: #000000;
}

.PC-unimate .div-5 {
  position: absolute;
  width: 180px;
  height: 70px;
  top: 604px;
  left: 484px;
}

.PC-unimate .arrow-wrapper {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  left: 0;
  border-radius: 35px;
  border: 1px solid;
  border-color: #ffffff66;
}

.PC-unimate .arrow {
  left: 21px;
  position: absolute;
  width: 25px;
  height: 15px;
  top: 27px;
}

.PC-unimate .img-wrapper {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  left: 110px;
  border-radius: 35px;
  border: 1px solid;
  border-color: #ffffff;
}

.PC-unimate .arrow-2 {
  left: 22px;
  position: absolute;
  width: 25px;
  height: 15px;
  top: 27px;
}

.PC-unimate .UNIMATE-4 {
  top: 408px;
  left: 240px;
  font-family: "Gmarket Sans-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 52px;
  line-height: 70px;
  position: absolute;
  letter-spacing: 0;
}

.PC-unimate .text-wrapper-15 {
  position: absolute;
  top: 360px;
  left: 240px;
  font-family: "Gmarket Sans-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.PC-unimate .logo-2 {
  top: 24px;
  left: 79px;
  position: absolute;
  width: 133px;
  height: 57px;
}

.PC-unimate .navbar {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 56px;
  position: absolute;
  top: 38px;
  left: 1353px;
}

.PC-unimate .text-wrapper-16 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Pretendard-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.PC-unimate .custom-textarea {
  display: block;

  position: absolute;
  top: 5px;
  left: 5px;
  font-family: "Pretendard-Regular", Helvetica;
  font-weight: 400;
  color: #666666;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 34px;
  white-space: nowrap;
  width: 99%;
  height: 94%;

  box-sizing: border-box; /* 패딩 포함 크기 계산 */
  padding: 10px 12px;

  border: none;                 /* 보더 제거 */
  outline: none;                /* 기본 포커스 테두리 제거 */
  -webkit-appearance: none;     /* iOS 기본 스타일 제거 */
  background-color: #f7f7f8;    /* 보더 없이도 구분되게 배경만 */
  border-radius: 10px;          /* 선택 */
  box-shadow: none;
  resize: none; 

  white-space: pre-wrap;        /* 줄바꿈/개행 유지 + 자동 줄바꿈 */
  overflow-wrap: break-word;    /* 길게 붙은 단어도 줄바꿈 */
  word-break: break-word;       /* 구형 브라우저 보조 */
}


.PC-unimate .custom-input {
  display: block;

  position: absolute;
  top: 5px;
  left: 5px;
  font-family: "Pretendard-Regular", Helvetica;
  font-weight: 400;
  color: #666666;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 34px;
  white-space: nowrap;
  width: 98%;
  height: 86%;

  box-sizing: border-box; /* 패딩 포함 크기 계산 */
  padding: 10px 12px;

  border: none;                 /* 보더 제거 */
  outline: none;                /* 기본 포커스 테두리 제거 */
  -webkit-appearance: none;     /* iOS 기본 스타일 제거 */
  background-color: #f7f7f8;    /* 보더 없이도 구분되게 배경만 */
  border-radius: 10px;          /* 선택 */
  box-shadow: none;
  resize: none; 
}

.PC-unimate .overlap-file {
  position: absolute;
  width: 80px;
  height: 74px;
  top: 50px;
  left: 400px;
  background-color: #ffffff99;
  border-radius: 10px;
  box-shadow: 0px 0px 20px #00000014;
  z-index: 1;
}

.PC-unimate .overlap-none {
  position: absolute;
  width: 80px;
  height: 74px;
  top: 50px;
  left: 0;
  /* background-color: #ffffff99; */
  /* border-radius: 10px; */
  /* box-shadow: 0px 0px 20px #00000014; */
  z-index: 4;
}

.PC-unimate .text-wrapper-ready {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Pretendard-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.PC-unimate .text-wrapper-ready:hover {
  cursor: pointer;
}

.PC-unimate .text-wrapper-16:hover {
  cursor: pointer;
}

.PC-unimate .arrow-wrapper:hover {
  cursor: pointer;
}

.PC-unimate .img-wrapper:hover {
  cursor: pointer;
}

.PC-unimate .submit-btn:hover {
  cursor: pointer;
}


 #back-to-top {
    position: fixed;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom));
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 9999px;
    background: #111827;          /* 다크 그레이 */
    color: #fff;
    font-size: 20px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(0,0,0,.25);
    display: none;                /* 처음엔 숨김 */
    z-index: 9999;
  }
  #back-to-top:hover { filter: brightness(1.1); }
  #back-to-top:focus { outline: none; box-shadow: 0 0 0 3px rgba(59,130,246,.6); }

  /* 모션 민감 사용자 배려 */
  @media (prefers-reduced-motion: reduce) {
    #back-to-top { transition: none; }
    html { scroll-behavior: auto; }
  }
  

  /* 기본: PC 노출, 모바일 숨김 */
.M-unimate { display: none; }

/* ===== 1024px 이하: 모바일 1열 디자인 활성화 ===== */
@media (max-width: 1024px) {
  .PC-unimate { display: none !important; }
  .M-unimate { display: block; color: #0b0b0c; background: #fff; }

  .M-unimate img { max-width: 100%; height: auto; display: block; }

  /* 헤더 */
  .m-header { background: #0b0b0c; color: #fff; }
  .m-header__bar{
    display: flex;
    flex-direction: column;   /* 세로로 쌓기 */
    align-items: center;      /* 수평 가운데 */
    gap: 10px;
    padding: 14px 16px 12px;
  }
  .m-logo{ width: 96px; margin: 0 auto; display: block; }

  .m-nav { 
     display: flex;
    justify-content: center;  /* 가운데 */
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;          /* 줄바꿈 허용 */
    width: 100%;              /* 전체 폭 사용(가운데 정렬 안정화) */
    text-align: center;
   }
  .m-link {
     color: #e5e7eb;
    text-decoration: none;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 9999px;
    background: rgba(255,255,255,.06);
  }

  /* 히어로 */
  .m-hero { padding: 20px 14px 8px; background: #0b0b0c; color: #fff; }
  .m-hero__tag { color: #9ca3af; font-size: 13px; margin: 4px 0 8px; font-family: "Pretendard-Medium", Helvetica;}
  .m-hero__title { font-size: clamp(20px, 6vw, 28px); line-height: 1.35; margin: 0 0 12px; font-weight: 700; font-family: "Pretendard-Medium", Helvetica;}
  .m-hero__controls { display: flex; gap: 10px; margin-bottom: 12px; }
  .m-ctrl {
    width: 36px; height: 36px; border-radius: 9999px; border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.05); color: #fff; font-size: 18px; line-height: 36px; cursor: pointer;
  }
  .m-hero__image { overflow: hidden;  }

  /* 공통 섹션 */
  .m-section { padding: 18px 14px; }

  /* 카드 리스트 */
  .m-advantage { display: grid; grid-template-columns: 1fr; gap: 16px; }
    /* 카드 컨테이너는 배경/테두리/그림자 제거 → 분리된 느낌 */
  .m-card{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important; /* 이전에 hidden이었다면 해제 */
    padding: 0 !important;
  }

  /* 이미지를 독립 카드처럼 */
  .m-card img{
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12); /* 이미지에만 그림자 */
    margin: 0 0 40px; /* 이미지와 텍스트 사이 간격 */
  }

  /* 제목 + 보라색 기울기 장식(내부에 그려서 안 잘리게) */
  .m-card h3{
    position: relative;
    margin: 6px 4px 6px;
    padding: 23px 0px 0;           /* 장식 들어갈 위 여백 */
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    color: #0b0b0c;
    font-family: "Pretendard-Medium", Helvetica;
  }
  .m-card h3 strong { font-weight: 800; }  /* 굵게 강조 */
  .m-card h3::before{
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 55px; height: 8px;
    background: linear-gradient(90deg,#8B5CF6);
    transform: skewX(-30deg);    
  }

  .m-card p{
    font-size: 14px;
    line-height: 1.6;
    color: #4b5563;
    margin: 0 4px 14px;
    font-family: "Pretendard-Medium", Helvetica;
  }

  /* 서비스 */
  .m-h2 { font-size: 30px; line-height: 1.5; font-weight: 700; margin: 4px 0 6px; font-family: "Pretendard-Medium", Helvetica;}
  .m-sub { font-size: 14px; line-height: 1.6; color: #6b7280; margin-bottom: 12px; font-family: "Pretendard-Medium", Helvetica;}
  .m-service { background: #0b0b0c; color: #fff; }
  .m-service__grid {
    list-style: none; padding: 0; margin: 0;
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
  }
  .m-service__item {
    background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px; padding: 14px; text-align: center;
  }
  .m-service__item img { width: 84px; margin: 0 auto 6px; filter: contrast(1.05); }
  .m-service__item span { display: block; font-size: 14px; color: #f3f4f6; }

  /* 문의 */
  .m-contact { background: #f8fafc; }
  .m-field { display: grid; gap: 8px; margin-bottom: 12px; }
  .m-label { font-size: 13px; color: #374151; font-family: "Pretendard-Medium", Helvetica;}
  .m-contact input, .m-contact textarea {
    width: 100%; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 12px;
    font-size: 16px; line-height: 24px; background: #fff; color: #0b0b0c;
  }
  .m-contact textarea { min-height: 140px; resize: vertical; }
  .m-file {
    position: relative; display: flex; align-items: center; gap: 10px;
    border: 1px solid #e5e7eb; border-radius: 12px; padding: 10px 14px; background: #fff;
  }
  .m-file__input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
  .m-file__hint { font-size: 14px; color: #6b7280; }
  .m-file__icon { margin-left: auto; font-size: 18px; color: #111827; }

  .m-submit {
    width: 100%; height: 52px; border: none; border-radius: 12px;
    background: #0b0b0c; color: #fff; font-size: 16px; font-weight: 700; cursor: pointer;
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
  }

  /* 푸터 */
  .m-footer { background: #0b0b0c; color: #e5e7eb; text-align: center; padding: 24px 14px 36px; }
  .m-footer__logo { width: 90px; margin: 0 auto 10px; filter: brightness(1.1); }
  .m-footer__info { font-size: 12px; line-height: 1.7; margin: 6px 0 4px; }
  .m-footer__copy { font-size: 12px; color: #9ca3af; }

}

/* PC 원본 캔버스 크기(실제 값과 일치) */
:root{
  --pc-w: 1920;   /* px */
  --pc-h: 5402;   /* px */
}

@media (max-width: 1919px){
  /* 스케일과 중앙 오프셋 계산(레이아웃 기준으로 이동) */
  :root{
    --pc-scale: calc(100vw / var(--pc-w));
    --pc-offset-x: calc((100vw - (var(--pc-w) * var(--pc-scale))) / 2);
  }

  /* 가로 스크롤 방지 + 축소된 높이만큼 래퍼 높이 확보 */
  .PC-unimate{
    overflow-x: hidden;
    min-height: calc(var(--pc-h) * var(--pc-scale));
    position: relative;
  }

  /* ✔ 좌상단 기준으로 '이동 + 축소' 동시 적용 = 항상 정확히 중앙 */
  .PC-unimate .div{
    width: 1920px;    /* 원본 레이아웃 폭 유지 */
    height: 5402px;
    position: relative;
    transform-origin: top left;
    transform: translateX(var(--pc-offset-x)) scale(var(--pc-scale));
  }

  /* 안전장치: 섹션 폭을 1920으로 고정(초과 방지) */
  .PC-unimate .visual,
  .PC-unimate .service,
  .PC-unimate .contact,
  .PC-unimate .footer{
    width: 1920px !important;
    left: 0 !important;
  }
}