/* =========================
   MANUFACTURING SECTION
========================= */
 .real_qna-manufacturing {
   padding: 90px 0;
   background: #fff;
   overflow: hidden;
   margin-bottom: 2%;
 }

 .real_qna-manufacturing__inner {
   width: min(1400px, 92%);
   margin: 0 auto;
 }

 /* ===== Figure ===== */
 .real_qna-manufacturing__figure {
   position: relative;
   width: 100%;
   margin: 0 auto;
 }

 /* ✅ 이미지 확대/오파시티/필터/줌 효과 없음 */
 .real_qna-manufacturing__figure img {
   display: block;
   width: 100%;
   height: auto;
   max-width: 1440px;
   /* 큰 화면에서 과도한 확대 방지(원본보다 크게 늘어나지 않게) */
   margin: 0 auto;
   opacity: 1;
   filter: none;
   transform: none;
   border-radius: 0;
   box-shadow: none;
 }

 /* Labels overlay area (이미지 위에만 올라가야 하니 img의 max-width에 맞춤) */
 .real_qna-manufacturing__labels {
   position: absolute;
   inset: 0;
   max-width: 1100px;
   margin: 0 auto;
   left: 0;
   right: 0;
   pointer-events: none;
 }

 /* 각 텍스트 박스 */
 .real_qna-manufacturing__label {
   position: absolute;
   left: var(--x);
   top: var(--y);
   width: var(--w);
   transform: translate(-50%, 0);
   color: #34445b;
   pointer-events: none;
 }

 .real_qna-manufacturing__label h4 {
   margin: 0 0 6px;
   font-size: 20px;
   font-weight: 600;
   letter-spacing: -.02em;
   line-height: 1.15;
 }

 .real_qna-manufacturing__label p {
   margin: 0;
   font-size: 13px;
   line-height: 1.45;
   opacity: 1;
   /* 텍스트 자체도 오파시티 효과 금지 */
 }

 /* ===== Mobile list (기본은 숨김) ===== */
 .real_qna-manufacturing__list {
   display: none;
   margin-top: 22px;
   gap: 12px;
 }

 .real_qna-manufacturing__item {
   display: flex;
   flex-direction: column;
   gap: 6px;
   padding: 14px 14px;
   border: 1px solid rgba(0, 0, 0, .12);
   border-radius: 12px;
 }

 .real_qna-manufacturing__item strong {
   font-size: 15px;
   font-weight: 800;
 }

 .real_qna-manufacturing__item span {
   font-size: 13px;
   line-height: 1.45;
 }

 /* =========================
   REVEAL ANIMATION (슝 올라오는 페이드인)
========================= */
 .js-reveal {
   opacity: 0;
   transform: translateY(26px);
   transition: opacity .7s ease, transform .7s ease;
   will-change: opacity, transform;
 }

 .js-reveal.is-in {
   opacity: 1;
   transform: translateY(0);
 }

 /* =========================
   RESPONSIVE
========================= */
 @media (max-width: 1024px) {
   .real_qna-manufacturing {
     padding: 70px 0;
   }

   .real_qna-manufacturing__label h4 {
     font-size: 16px;
   }

   .real_qna-manufacturing__label p {
     font-size: 12px;
   }

   .real_qna-manufacturing__label {
     width: min(var(--w), 200px);
   }
 }

 /* 모바일에서는 시안 텍스트가 겹칠 확률 높아서,
   ✅ 이미지 위 포지션 텍스트는 숨기고, 아래 리스트로 깔끔하게 노출 */
 @media (max-width: 768px) {
   .real_qna-manufacturing {
     padding: 56px 0;
   }

   .real_qna-manufacturing__labels {
     display: none;
   }

   .real_qna-manufacturing__list {
     display: grid;
   }
 }