.elementor-10571 .elementor-element.elementor-element-7d502c09{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:170px;--padding-bottom:100px;--padding-left:200px;--padding-right:200px;--z-index:0;}.elementor-10571 .elementor-element.elementor-element-7d502c09:not(.elementor-motion-effects-element-type-background), .elementor-10571 .elementor-element.elementor-element-7d502c09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10571 .elementor-element.elementor-element-2e8dd537{--display:flex;--min-height:678px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overflow:hidden;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-10571 .elementor-element.elementor-element-8fd5e97{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-10571 .elementor-element.elementor-element-8fd5e97.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10571 .elementor-element.elementor-element-5de6a9f9{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:0;text-align:center;}.elementor-10571 .elementor-element.elementor-element-5de6a9f9 .elementor-heading-title{font-family:"Pretendard", Sans-serif;font-size:50px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:-0.025em;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10571 .elementor-element.elementor-element-5e8232c1 .elementor-button{background-color:#FFFFFF;font-family:"Pretendard", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:normal;letter-spacing:0em;fill:#000000;color:#000000;border-radius:10px 10px 10px 10px;padding:18px 22px 18px 22px;}.elementor-10571 .elementor-element.elementor-element-5e8232c1 .elementor-button:hover, .elementor-10571 .elementor-element.elementor-element-5e8232c1 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-10571 .elementor-element.elementor-element-5e8232c1{z-index:1;}.elementor-10571 .elementor-element.elementor-element-5e8232c1 .elementor-button:hover svg, .elementor-10571 .elementor-element.elementor-element-5e8232c1 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-10571 .elementor-element.elementor-element-3192c859{--display:flex;}.elementor-10571 .elementor-element.elementor-element-74c11e1c{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-10571 .elementor-element.elementor-element-7d502c09{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:20px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;}.elementor-10571 .elementor-element.elementor-element-2e8dd537{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:wrap;}.elementor-10571 .elementor-element.elementor-element-8fd5e97{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-10571 .elementor-element.elementor-element-5de6a9f9{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-10571 .elementor-element.elementor-element-5de6a9f9 .elementor-heading-title{font-size:28px;line-height:1.3em;}.elementor-10571 .elementor-element.elementor-element-5e8232c1 .elementor-button{font-size:16px;padding:14px 18px 14px 18px;}}@media(min-width:768px){.elementor-10571 .elementor-element.elementor-element-7d502c09{--width:100%;}.elementor-10571 .elementor-element.elementor-element-2e8dd537{--width:100%;}.elementor-10571 .elementor-element.elementor-element-8fd5e97{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10571 .elementor-element.elementor-element-7d502c09{--width:100%;}.elementor-10571 .elementor-element.elementor-element-2e8dd537{--width:100%;}.elementor-10571 .elementor-element.elementor-element-8fd5e97{--width:100%;}}@media(max-width:767px){.elementor-10571 .elementor-element.elementor-element-7d502c09{--width:100%;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10571 .elementor-element.elementor-element-2e8dd537{--width:100%;--flex-wrap:wrap;}.elementor-10571 .elementor-element.elementor-element-8fd5e97{--width:100%;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-10571 .elementor-element.elementor-element-5de6a9f9 .elementor-heading-title{font-size:26px;line-height:1.2em;}.elementor-10571 .elementor-element.elementor-element-5e8232c1 .elementor-button{font-size:17px;padding:11px 15px 11px 15px;}}/* Start custom CSS for html, class: .elementor-element-74c11e1c */.section-floating {
  background: #fff;
  padding: 120px 200px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.product {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex: 1 1 350px;
  max-width: 420px;
  position: relative;
}

/* ✅ 이미지 박스 */
.img-box {
  width: 100%;
  height: 560px;
  position: relative;
  overflow: visible;
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.5s ease;
}

/* ✅ 그림자 */
.img-box .shadow {
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
  pointer-events: none;
  width: 42%;
  height: auto;
  opacity: 0.8;
}

/* ✅ 둥둥 애니메이션 */
@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-24px); }
  100% { transform: translateY(0px); }
}

.float1 { animation: float 3.5s ease-in-out infinite; }
.float2 { animation: float 4.2s ease-in-out infinite; animation-delay: 0.4s; }
.float3 { animation: float 3.8s ease-in-out infinite; animation-delay: 0.8s; }

/* ✅ 텍스트 스타일 */
.title {
  text-align: center;
  font-family: "Pretendard", sans-serif;
  line-height: 1.5;
  margin: 0;
}
.title strong {
  font-weight: 600;
  color: #222;
  font-size: 22px;
  letter-spacing: -0.4px;
}
.title span {
  display: block;
  margin-top: 6px;
  color: #777;
  font-weight: 400;
  font-size: 17px;
}

/* ✅ 반응형 */
@media (max-width: 1280px) {
  .section-floating { padding: 100px 100px; gap: 40px; }
  .img-box { height: 400px; }
}

@media (max-width: 1024px) {
  .section-floating { padding: 80px 60px; gap: 40px; }
  .product { flex: 1 1 45%; }
  .img-box { height: 360px; }
  .title strong { font-size: 20px; }
  .title span { font-size: 16px; }
}

/* 모바일 완전 수정 */
@media (max-width: 600px) {
  .section-floating {
    padding: 60px 20px;
    gap: 48px;
    flex-direction: column;
    align-items: center;
  }
  .product {
    max-width: 100%;
    flex: 1 1 auto;
  }

  /* 모바일에서는 이미지 크기 자동 계산 */
  .img-box {
    height: auto;
    overflow: visible;
  }
  .img-box img {
    height: auto;
    width: 100%;
    object-fit: contain;
  }

  /* 애니메이션 비활성화 (겹침 방지) */
  .float1,
  .float2,
  .float3 {
    animation: none;
    transform: none;
  }

  .title strong { font-size: 18px; }
  .title span { font-size: 15px; }
}/* End custom CSS */