.elementor-15478 .elementor-element.elementor-element-54f6e36c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15478 .elementor-element.elementor-element-3be25e0{text-align:center;}.elementor-15478 .elementor-element.elementor-element-3be25e0 .elementor-heading-title{font-size:30px;line-height:40px;color:#110D0D;}.elementor-15478 .elementor-element.elementor-element-6911af9{--display:flex;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15478 .elementor-element.elementor-element-228d348{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-15478 .elementor-element.elementor-element-e718fda > .elementor-widget-container{padding:0px 50px 0px 50px;}.elementor-15478 .elementor-element.elementor-element-e718fda{text-align:center;}.elementor-15478 .elementor-element.elementor-element-e718fda img{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-15478 .elementor-element.elementor-element-5fd2e56{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15478 .elementor-element.elementor-element-6207db2{text-align:center;font-size:25px;}.elementor-15478 .elementor-element.elementor-element-72956ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15478 .elementor-element.elementor-element-4477f1f{--display:flex;}.elementor-15478 .elementor-element.elementor-element-8c0aba9{--display:flex;--min-height:596px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15478 .elementor-element.elementor-element-2004099{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15478 .elementor-element.elementor-element-86f0018{--display:grid;--min-height:588px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15478 .elementor-element.elementor-element-2115ec9{--grid-columns:1;}.elementor-15478 .elementor-element.elementor-element-005038c{--grid-columns:1;}.elementor-15478 .elementor-element.elementor-element-e82052a{--grid-columns:1;}.elementor-15478 .elementor-element.elementor-element-1381c31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-15478 .elementor-element.elementor-element-1381c31.e-con{--align-self:center;}.elementor-15478 .elementor-element.elementor-element-5cf80d4c.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-15478 .elementor-element.elementor-element-5cf80d4c .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-15478 .elementor-element.elementor-element-2c58f77f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15478 .elementor-element.elementor-element-652c1d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-15478 .elementor-element.elementor-element-543370e2{text-align:center;}.elementor-15478 .elementor-element.elementor-element-543370e2 img{width:100%;}.elementor-15478 .elementor-element.elementor-element-496dd078{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15478 .elementor-element.elementor-element-3433fcce > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-3433fcce{column-gap:0px;text-align:center;color:#324A6D;}.elementor-15478 .elementor-element.elementor-element-3433fcce p{margin-block-end:0px;}.elementor-15478 .elementor-element.elementor-element-596b2bae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-596b2bae{column-gap:0px;text-align:left;color:#324A6D;}.elementor-15478 .elementor-element.elementor-element-2ad68e80{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15478 .elementor-element.elementor-element-3609e002{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15478 .elementor-element.elementor-element-5fd70d2d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15478 .elementor-element.elementor-element-37d167c4 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-37d167c4{column-gap:0px;text-align:center;color:#324A6D;}.elementor-15478 .elementor-element.elementor-element-37d167c4 p{margin-block-end:0px;}.elementor-15478 .elementor-element.elementor-element-4acbc4c3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-4acbc4c3{column-gap:0px;text-align:left;color:#324A6D;}.elementor-15478 .elementor-element.elementor-element-cb3bcce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-15478 .elementor-element.elementor-element-fedf23b{text-align:center;}.elementor-15478 .elementor-element.elementor-element-fedf23b img{width:100%;}.elementor-15478 .elementor-element.elementor-element-7aad7ee8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15478 .elementor-element.elementor-element-10f69b42{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-15478 .elementor-element.elementor-element-17539fa8{text-align:center;}.elementor-15478 .elementor-element.elementor-element-17539fa8 img{width:100%;}.elementor-15478 .elementor-element.elementor-element-241683fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15478 .elementor-element.elementor-element-3f530d3c > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-3f530d3c{column-gap:0px;text-align:center;color:#324A6D;}.elementor-15478 .elementor-element.elementor-element-3f530d3c p{margin-block-end:0px;}.elementor-15478 .elementor-element.elementor-element-36ca59ad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-36ca59ad{column-gap:0px;text-align:left;color:#324A6D;}.elementor-15478 .elementor-element.elementor-element-6c6b0c37{--display:flex;--min-height:320px;--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:center;--align-items:center;--gap:15% 15%;--row-gap:15%;--column-gap:15%;--margin-top:12%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:12%;--padding-right:12%;}.elementor-15478 .elementor-element.elementor-element-4b037f74{--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:center;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:12%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-15478 .elementor-element.elementor-element-3a15420f{text-align:center;}.elementor-15478 .elementor-element.elementor-element-3a15420f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.6em;letter-spacing:0px;word-spacing:0em;color:#1C244B;}.elementor-15478 .elementor-element.elementor-element-795375c3 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-795375c3{text-align:center;font-family:"Poppins", Sans-serif;font-size:29px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.7em;letter-spacing:0px;word-spacing:0em;color:#324A6D;}.elementor-15478 .elementor-element.elementor-element-57b23ea8 .elementor-button{background-color:#5CBBBC00;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:0.1em;letter-spacing:0px;word-spacing:0em;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#467FF700;padding:16px 55px 16px 55px;}.elementor-15478 .elementor-element.elementor-element-57b23ea8 .elementor-button:hover, .elementor-15478 .elementor-element.elementor-element-57b23ea8 .elementor-button:focus{color:#467FF7;}.elementor-15478 .elementor-element.elementor-element-57b23ea8 .elementor-button:hover svg, .elementor-15478 .elementor-element.elementor-element-57b23ea8 .elementor-button:focus svg{fill:#467FF7;}.elementor-15478 .elementor-element.elementor-element-e52794e .elementor-button{background-color:#5CBBBC00;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:0.1em;letter-spacing:0px;word-spacing:0em;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#467FF700;padding:16px 55px 16px 55px;}.elementor-15478 .elementor-element.elementor-element-e52794e > .elementor-widget-container{margin:-2% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-e52794e .elementor-button:hover, .elementor-15478 .elementor-element.elementor-element-e52794e .elementor-button:focus{color:#467FF7;}.elementor-15478 .elementor-element.elementor-element-e52794e .elementor-button:hover svg, .elementor-15478 .elementor-element.elementor-element-e52794e .elementor-button:focus svg{fill:#467FF7;}.elementor-15478 .elementor-element.elementor-element-602287a .elementor-button{background-color:#5CBBBC00;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:0.1em;letter-spacing:0px;word-spacing:0em;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#467FF700;padding:16px 55px 16px 55px;}.elementor-15478 .elementor-element.elementor-element-602287a > .elementor-widget-container{margin:-2% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-602287a .elementor-button:hover, .elementor-15478 .elementor-element.elementor-element-602287a .elementor-button:focus{color:#467FF7;}.elementor-15478 .elementor-element.elementor-element-602287a .elementor-button:hover svg, .elementor-15478 .elementor-element.elementor-element-602287a .elementor-button:focus svg{fill:#467FF7;}.elementor-15478 .elementor-element.elementor-element-4e0f5c65 .elementor-button{background-color:#5CBBBC00;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:0.1em;letter-spacing:0px;word-spacing:0em;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#467FF700;padding:16px 55px 16px 55px;}.elementor-15478 .elementor-element.elementor-element-4e0f5c65 > .elementor-widget-container{margin:-2% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-4e0f5c65 .elementor-button:hover, .elementor-15478 .elementor-element.elementor-element-4e0f5c65 .elementor-button:focus{color:#467FF7;}.elementor-15478 .elementor-element.elementor-element-4e0f5c65 .elementor-button:hover svg, .elementor-15478 .elementor-element.elementor-element-4e0f5c65 .elementor-button:focus svg{fill:#467FF7;}.elementor-15478 .elementor-element.elementor-element-5c47e9fc{--spacer-size:100px;}body.elementor-page-15478:not(.elementor-motion-effects-element-type-background), body.elementor-page-15478 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-15478 .elementor-element.elementor-element-228d348{--width:50%;}.elementor-15478 .elementor-element.elementor-element-5fd2e56{--width:50%;}.elementor-15478 .elementor-element.elementor-element-2004099{--width:100%;}.elementor-15478 .elementor-element.elementor-element-86f0018{--width:100%;}.elementor-15478 .elementor-element.elementor-element-1381c31{--content-width:1094px;}.elementor-15478 .elementor-element.elementor-element-652c1d5{--width:50%;}.elementor-15478 .elementor-element.elementor-element-496dd078{--width:50%;}.elementor-15478 .elementor-element.elementor-element-5fd70d2d{--width:50%;}.elementor-15478 .elementor-element.elementor-element-cb3bcce{--width:50%;}.elementor-15478 .elementor-element.elementor-element-10f69b42{--width:50%;}.elementor-15478 .elementor-element.elementor-element-241683fb{--width:50%;}.elementor-15478 .elementor-element.elementor-element-4b037f74{--content-width:750px;}}@media(max-width:1024px) and (min-width:768px){.elementor-15478 .elementor-element.elementor-element-4b037f74{--content-width:500px;}}@media(max-width:1024px){.elementor-15478 .elementor-element.elementor-element-86f0018{--grid-auto-flow:row;}.elementor-15478 .elementor-element.elementor-element-2115ec9{--grid-columns:2;}.elementor-15478 .elementor-element.elementor-element-005038c{--grid-columns:2;}.elementor-15478 .elementor-element.elementor-element-e82052a{--grid-columns:2;}.elementor-15478 .elementor-element.elementor-element-3433fcce > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-37d167c4 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-3f530d3c > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-6c6b0c37{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:3% 3%;--row-gap:3%;--column-gap:3%;--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-15478 .elementor-element.elementor-element-4b037f74{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-15478 .elementor-element.elementor-element-3a15420f .elementor-heading-title{font-size:42px;}.elementor-15478 .elementor-element.elementor-element-795375c3 > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-15478 .elementor-element.elementor-element-795375c3{font-size:14px;}.elementor-15478 .elementor-element.elementor-element-57b23ea8 .elementor-button{font-size:14px;}.elementor-15478 .elementor-element.elementor-element-e52794e .elementor-button{font-size:14px;}.elementor-15478 .elementor-element.elementor-element-602287a .elementor-button{font-size:14px;}.elementor-15478 .elementor-element.elementor-element-4e0f5c65 .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-15478 .elementor-element.elementor-element-86f0018{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15478 .elementor-element.elementor-element-2115ec9{--grid-columns:1;}.elementor-15478 .elementor-element.elementor-element-005038c{--grid-columns:1;}.elementor-15478 .elementor-element.elementor-element-e82052a{--grid-columns:1;}.elementor-15478 .elementor-element.elementor-element-6c6b0c37{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:25%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-15478 .elementor-element.elementor-element-4b037f74{--margin-top:25%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-15478 .elementor-element.elementor-element-3a15420f{text-align:center;}.elementor-15478 .elementor-element.elementor-element-3a15420f .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-15478 .elementor-element.elementor-element-795375c3 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-15478 .elementor-element.elementor-element-57b23ea8 .elementor-button{padding:15px 35px 15px 35px;}.elementor-15478 .elementor-element.elementor-element-e52794e .elementor-button{padding:15px 35px 15px 35px;}.elementor-15478 .elementor-element.elementor-element-602287a .elementor-button{padding:15px 35px 15px 35px;}.elementor-15478 .elementor-element.elementor-element-4e0f5c65 .elementor-button{padding:15px 35px 15px 35px;}}/* Start custom CSS for heading, class: .elementor-element-3be25e0 */.elementor-15478 .elementor-element.elementor-element-3be25e0 {
  display: inline-block;
  position: relative;
  font-size: 36px;
  font-weight: 700;
  color: #222;
  letter-spacing: -0.5px;
  padding-bottom: 22px; /* ← 간격 넓힘 */
  overflow: hidden;
}

.elementor-15478 .elementor-element.elementor-element-3be25e0::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #5cbbbc; /* 브랜드 컬러 */
  border-radius: 2px;
  animation: underline-grow 0.9s ease-out forwards;
}

@keyframes underline-grow {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1381c31 *//* ====== 기본 카드 프레임 (축소형) ====== */
.video-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .12);
  border: 1px solid #e6f2f2;
  background: #0b1114;

  /* ===== 크기 조정 핵심 ===== */
  max-width: 720px;           /* 최대 폭 제한 (기존: 100%) */
  margin: 40px auto;           /* 가운데 정렬 + 상하 여백 */
  aspect-ratio: 16 / 9;        /* 비율 유지 */
}

/* 영상(iframe/video) */
.video-card iframe,
.video-card video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform-origin: center;
  transition: transform .6s ease, filter .6s ease;
}

/* hover 시 약한 줌 효과 */
.video-card:hover iframe,
.video-card:hover video {
  transform: scale(1.02);
  filter: contrast(1.03) saturate(1.03);
}

/* 비네트 & 배지 & 캡션 스타일 그대로 유지 */
.video-card.is-vignette::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(80% 80% at 50% 50%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .25) 100%),
    linear-gradient(180deg, rgba(92, 187, 188, .12) 0%, rgba(11, 17, 20, 0) 35%);
  pointer-events: none;
}
.video-card.has-badge::after {
  content: "DEMO";
  position: absolute; top: 14px; left: 14px;
  padding: 6px 10px;
  font-weight: 700; font-size: 12px; letter-spacing: .3px;
  color: #0b3a3d; background: #c7efef;
  border: 1px solid #a7e2e2; border-radius: 999px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
}
.video-card.has-caption .vc-caption {
  position: absolute; left: 16px; right: 16px; bottom: 14px;
  padding: 10px 14px;
  background: rgba(8, 12, 14, .55);
  color: #ecf7f7; font-weight: 600;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 12px; backdrop-filter: blur(6px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
}

/* 플레이 버튼 */
.video-card .vc-play {
  position: absolute; inset: auto auto 50% 50%;
  transform: translate(-50%, -50%);
  width: 64px; height: 64px;
  border-radius: 50%;
  background: #5cbbbc; color: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 10px 24px rgba(92, 187, 188, .45);
  transition: transform .25s ease, box-shadow .25s ease, opacity .25s;
}
.video-card:hover .vc-play {
  transform: translate(-50%, -50%) scale(1.05);
}

/* ===== 반응형 ===== */
@media (max-width: 1024px) {
  .video-card {
    max-width: 600px;
    margin: 32px auto;
  }
}
@media (max-width: 768px) {
  .video-card {
    max-width: 100%;
    border-radius: 12px;
    margin: 24px auto;
  }
  .video-card.has-caption .vc-caption {
    font-size: 14px;
    padding: 8px 12px;
    left: 12px; right: 12px; bottom: 10px;
  }
  .video-card .vc-play {
    width: 54px; height: 54px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c58f77f *//* ===============================
   Product Intro Template CSS
   (왼쪽 이미지 / 오른쪽 텍스트)
   =============================== */

:root{
  --brand:#5cbbbc;
  --ink:#1f3442;
  --line:#e9edf2;
}

/* 레이아웃 */
.pi-block{
  display:flex;
  align-items:stretch;
  gap:48px;
  max-width:1200px;
  margin:60px auto;
  padding:0 20px;
}
.pi-block *{ box-sizing:border-box; }

/* 왼쪽: 이미지 카드 */
.pi-left{
  flex:1 1 0;
  display:flex; align-items:center; justify-content:center;
}
.pi-imgcard{
  width:100%;
  padding:16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 12px 32px rgba(30,41,59,.08);
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  transition:transform .28s ease, box-shadow .28s ease;
  aspect-ratio:16/11;              /* 필요시 16/9로 변경 */
}
.pi-imgcard:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(30,41,59,.12);
}
.pi-imgcard img{
  display:block;
  width:100%;
  height:auto;                      /* 세로 찌그러짐 방지 */
  object-fit:contain;
  border-radius:12px;
}

/* 오른쪽: 제목(상단) + 설명(하단) */
.pi-right{
  flex:1 1 0;
  display:flex; flex-direction:column;
  justify-content:flex-start;       /* space-between 금지 */
  align-items:flex-start;
  row-gap:14px;                     /* 제목-카드 간격 */
  min-height:auto;
  font-size:18px; line-height:1.7;  /* 폰트 축소 방지 기준값 */
}
.pi-right *{ font-size:inherit; line-height:inherit; }

/* 제목 배지 */
.pi-title{
  margin:0 !important;
  padding:14px 20px;
  background:var(--brand);
  color:#0b3a3d;                    /* 가독성 높은 잉크색 */
  border-radius:14px;
  font-weight:800;
  letter-spacing:.2px;
  font-size:28px;                   /* 필요시 clamp로 교체 가능 */
  box-shadow:0 10px 26px rgba(92,187,188,.18);
}

/* 설명 카드(리스트 포함) */
.pi-desc{
  margin:0 !important;
  width:100%;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:22px 24px;
  color:var(--ink);
  box-shadow:0 8px 28px rgba(31,52,66,.06);
}

/* 리스트 타이포 & 커스텀 불릿 */
.pi-desc ul{ margin:0; padding-left:20px; }
.pi-desc li{ margin:.35em 0; position:relative; }
.pi-desc li::marker{ color:#567c86; }          /* 브라우저 기본 불릿 색만 살짝 */
.pi-desc b,strong{ color:#223a4a; }

/* 섹션 간 여백 정돈(필요시) */
.pi-title + .pi-desc{ margin-top:2px; }

/* 반응형 */
@media (max-width:1024px){
  .pi-block{ flex-direction:column; gap:28px; }
  .pi-title{ font-size:24px; }
  .pi-right{ row-gap:12px; }
  .pi-imgcard{ padding:12px; border-radius:14px; }
}
@media (max-width:768px){
  .pi-block{ margin:40px auto; padding:0 16px; }
  .pi-title{ font-size:22px; }
  .pi-desc{ padding:18px 20px; }
}
/* === Fix 1: 이미지가 카드 안에서 전체 보이도록 (비율 고정 해제) === */
.pi-block{
  aspect-ratio: auto !important;   /* 비율 고정 해제 */
  padding: 16px !important;        /* 카드 여백은 유지 */
  height: auto !important;         /* 높이 제한 없음 */
}
.pi-block img{
  width: 100% !important;
  height: auto !important;         /* 세로 자동 */
  object-fit: contain !important;  /* 자르지 않고 전체 표시 */
}

/* === Fix 2: 오른쪽 텍스트 블록이 항상 전체 너비를 채우도록 === */
.pi-right{
  align-items: stretch !important; /* 자식들을 컨테이너 폭으로 늘림 */
  row-gap: 14px !important;
  font-size: 18px !important;      /* 축소 방지 기준값 */
  line-height: 1.7 !important;
}
.pi-title,
.pi-desc{
  width: 100% !important;          /* 내용이 짧아도 전체폭 */
  display: block !important;
  margin: 0 !important;
}

/* (옵션) 설명 카드 안의 리스트 정돈 */
.pi-desc ul{ margin:0 !important; padding-left: 20px; }
.pi-desc li{ margin:.35em 0; }
/* ====== 오른쪽 설명 카드 높이 맞춤 ====== */
.pi-block{ align-items: stretch; }          /* 좌/우 컨테이너 동일 높이 */

.pi-right{
  display: flex;
  flex-direction: column;
  align-items: stretch;                      /* 자식들을 폭/높이 꽉 채우기 */
  row-gap: 14px;
  min-height: 0;                             /* flex 높이 계산 버그 방지 */
}

.pi-title{ flex: 0 0 auto; }                 /* 제목은 내용만큼만 */

.pi-desc{
  flex: 1 1 0;                               /* ⬅️ 남는 높이 전부 채움 */
  display: flex;                             /* 내용은 위쪽부터 */
  align-items: flex-start;
  min-height: 0;                             /* 내부 스크롤/오버플로우 방지 */
}

/* (선택) 내용이 아주 짧아도 카드가 밋밋하지 않게 아래 여백 주기 */
.pi-desc > *{ width:100%; }

/* (선택) 너무 낮아지지 않게 최소 높이 가드 (원하면 조절/삭제) */
@media (min-width:1025px){
  .pi-desc{ min-height: 280px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ad68e80 *//* ======================================
   sep-shadow (중립 톤 내부 그림자 버전)
   ====================================== */

.sep-shadow{
  position: relative;
  height: 28px;                   /* 선 영역 높이 */
  margin: 48px 0 32px;
  overflow: visible;
  z-index: 0;
}
.sep-shadow::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;                   /* 전체 폭 */
  height: 100%;
  transform: translateX(-50%);
  pointer-events: none;
  border-radius: 0;
  background: transparent;

  /* 💡 안쪽으로 들어가는 부드러운 내부 그림자 */
  box-shadow:
    inset 0 12px 24px rgba(0,0,0,0.08),
    inset 0 2px 6px rgba(0,0,0,0.05);

  border-top: 1px solid rgba(0,0,0,0.06); /* 은은한 상단 라인 */
}

/* 다크모드 대응 (밝은 그림자) */
@media (prefers-color-scheme: dark){
  .sep-shadow::before{
    box-shadow:
      inset 0 12px 24px rgba(255,255,255,0.06),
      inset 0 2px 6px rgba(255,255,255,0.04);
    border-top: 1px solid rgba(255,255,255,0.08);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3609e002 *//* ===============================
   Product Intro Template CSS
   (왼쪽 이미지 / 오른쪽 텍스트)
   =============================== */

:root{
  --brand:#5cbbbc;
  --ink:#1f3442;
  --line:#e9edf2;
}

/* 레이아웃 */
.pi-block{
  display:flex;
  align-items:stretch;
  gap:48px;
  max-width:1200px;
  margin:60px auto;
  padding:0 20px;
}
.pi-block *{ box-sizing:border-box; }

/* 왼쪽: 이미지 카드 */
.pi-left{
  flex:1 1 0;
  display:flex; align-items:center; justify-content:center;
}
.pi-imgcard{
  width:100%;
  padding:16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 12px 32px rgba(30,41,59,.08);
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  transition:transform .28s ease, box-shadow .28s ease;
  aspect-ratio:16/11;              /* 필요시 16/9로 변경 */
}
.pi-imgcard:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(30,41,59,.12);
}
.pi-imgcard img{
  display:block;
  width:100%;
  height:auto;                      /* 세로 찌그러짐 방지 */
  object-fit:contain;
  border-radius:12px;
}

/* 오른쪽: 제목(상단) + 설명(하단) */
.pi-right{
  flex:1 1 0;
  display:flex; flex-direction:column;
  justify-content:flex-start;       /* space-between 금지 */
  align-items:flex-start;
  row-gap:14px;                     /* 제목-카드 간격 */
  min-height:auto;
  font-size:18px; line-height:1.7;  /* 폰트 축소 방지 기준값 */
}
.pi-right *{ font-size:inherit; line-height:inherit; }

/* 제목 배지 */
.pi-title{
  margin:0 !important;
  padding:14px 20px;
  background:var(--brand);
  color:#0b3a3d;                    /* 가독성 높은 잉크색 */
  border-radius:14px;
  font-weight:800;
  letter-spacing:.2px;
  font-size:28px;                   /* 필요시 clamp로 교체 가능 */
  box-shadow:0 10px 26px rgba(92,187,188,.18);
}

/* 설명 카드(리스트 포함) */
.pi-desc{
  margin:0 !important;
  width:100%;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:22px 24px;
  color:var(--ink);
  box-shadow:0 8px 28px rgba(31,52,66,.06);
}

/* 리스트 타이포 & 커스텀 불릿 */
.pi-desc ul{ margin:0; padding-left:20px; }
.pi-desc li{ margin:.35em 0; position:relative; }
.pi-desc li::marker{ color:#567c86; }          /* 브라우저 기본 불릿 색만 살짝 */
.pi-desc b,strong{ color:#223a4a; }

/* 섹션 간 여백 정돈(필요시) */
.pi-title + .pi-desc{ margin-top:2px; }

/* 반응형 */
@media (max-width:1024px){
  .pi-block{ flex-direction:column; gap:28px; }
  .pi-title{ font-size:24px; }
  .pi-right{ row-gap:12px; }
  .pi-imgcard{ padding:12px; border-radius:14px; }
}
@media (max-width:768px){
  .pi-block{ margin:40px auto; padding:0 16px; }
  .pi-title{ font-size:22px; }
  .pi-desc{ padding:18px 20px; }
}
/* === Fix 1: 이미지가 카드 안에서 전체 보이도록 (비율 고정 해제) === */
.pi-block{
  aspect-ratio: auto !important;   /* 비율 고정 해제 */
  padding: 16px !important;        /* 카드 여백은 유지 */
  height: auto !important;         /* 높이 제한 없음 */
}
.pi-block img{
  width: 100% !important;
  height: auto !important;         /* 세로 자동 */
  object-fit: contain !important;  /* 자르지 않고 전체 표시 */
}

/* === Fix 2: 오른쪽 텍스트 블록이 항상 전체 너비를 채우도록 === */
.pi-right{
  align-items: stretch !important; /* 자식들을 컨테이너 폭으로 늘림 */
  row-gap: 14px !important;
  font-size: 18px !important;      /* 축소 방지 기준값 */
  line-height: 1.7 !important;
}
.pi-title,
.pi-desc{
  width: 100% !important;          /* 내용이 짧아도 전체폭 */
  display: block !important;
  margin: 0 !important;
}

/* (옵션) 설명 카드 안의 리스트 정돈 */
.pi-desc ul{ margin:0 !important; padding-left: 20px; }
.pi-desc li{ margin:.35em 0; }
/* ====== 오른쪽 설명 카드 높이 맞춤 ====== */
.pi-block{ align-items: stretch; }          /* 좌/우 컨테이너 동일 높이 */

.pi-right{
  display: flex;
  flex-direction: column;
  align-items: stretch;                      /* 자식들을 폭/높이 꽉 채우기 */
  row-gap: 14px;
  min-height: 0;                             /* flex 높이 계산 버그 방지 */
}

.pi-title{ flex: 0 0 auto; }                 /* 제목은 내용만큼만 */

.pi-desc{
  flex: 1 1 0;                               /* ⬅️ 남는 높이 전부 채움 */
  display: flex;                             /* 내용은 위쪽부터 */
  align-items: flex-start;
  min-height: 0;                             /* 내부 스크롤/오버플로우 방지 */
}

/* (선택) 내용이 아주 짧아도 카드가 밋밋하지 않게 아래 여백 주기 */
.pi-desc > *{ width:100%; }

/* (선택) 너무 낮아지지 않게 최소 높이 가드 (원하면 조절/삭제) */
@media (min-width:1025px){
  .pi-desc{ min-height: 280px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7aad7ee8 *//* ===============================
   Product Intro Template CSS
   (왼쪽 이미지 / 오른쪽 텍스트)
   =============================== */

:root{
  --brand:#5cbbbc;
  --ink:#1f3442;
  --line:#e9edf2;
}

/* 레이아웃 */
.pi-block{
  display:flex;
  align-items:stretch;
  gap:48px;
  max-width:1200px;
  margin:60px auto;
  padding:0 20px;
}
.pi-block *{ box-sizing:border-box; }

/* 왼쪽: 이미지 카드 */
.pi-left{
  flex:1 1 0;
  display:flex; align-items:center; justify-content:center;
}
.pi-imgcard{
  width:100%;
  padding:16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 12px 32px rgba(30,41,59,.08);
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  transition:transform .28s ease, box-shadow .28s ease;
  aspect-ratio:16/11;              /* 필요시 16/9로 변경 */
}
.pi-imgcard:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(30,41,59,.12);
}
.pi-imgcard img{
  display:block;
  width:100%;
  height:auto;                      /* 세로 찌그러짐 방지 */
  object-fit:contain;
  border-radius:12px;
}

/* 오른쪽: 제목(상단) + 설명(하단) */
.pi-right{
  flex:1 1 0;
  display:flex; flex-direction:column;
  justify-content:flex-start;       /* space-between 금지 */
  align-items:flex-start;
  row-gap:14px;                     /* 제목-카드 간격 */
  min-height:auto;
  font-size:18px; line-height:1.7;  /* 폰트 축소 방지 기준값 */
}
.pi-right *{ font-size:inherit; line-height:inherit; }

/* 제목 배지 */
.pi-title{
  margin:0 !important;
  padding:14px 20px;
  background:var(--brand);
  color:#0b3a3d;                    /* 가독성 높은 잉크색 */
  border-radius:14px;
  font-weight:800;
  letter-spacing:.2px;
  font-size:28px;                   /* 필요시 clamp로 교체 가능 */
  box-shadow:0 10px 26px rgba(92,187,188,.18);
}

/* 설명 카드(리스트 포함) */
.pi-desc{
  margin:0 !important;
  width:100%;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:22px 24px;
  color:var(--ink);
  box-shadow:0 8px 28px rgba(31,52,66,.06);
}

/* 리스트 타이포 & 커스텀 불릿 */
.pi-desc ul{ margin:0; padding-left:20px; }
.pi-desc li{ margin:.35em 0; position:relative; }
.pi-desc li::marker{ color:#567c86; }          /* 브라우저 기본 불릿 색만 살짝 */
.pi-desc b,strong{ color:#223a4a; }

/* 섹션 간 여백 정돈(필요시) */
.pi-title + .pi-desc{ margin-top:2px; }

/* 반응형 */
@media (max-width:1024px){
  .pi-block{ flex-direction:column; gap:28px; }
  .pi-title{ font-size:24px; }
  .pi-right{ row-gap:12px; }
  .pi-imgcard{ padding:12px; border-radius:14px; }
}
@media (max-width:768px){
  .pi-block{ margin:40px auto; padding:0 16px; }
  .pi-title{ font-size:22px; }
  .pi-desc{ padding:18px 20px; }
}
/* === Fix 1: 이미지가 카드 안에서 전체 보이도록 (비율 고정 해제) === */
.pi-block{
  aspect-ratio: auto !important;   /* 비율 고정 해제 */
  padding: 16px !important;        /* 카드 여백은 유지 */
  height: auto !important;         /* 높이 제한 없음 */
}
.pi-block img{
  width: 100% !important;
  height: auto !important;         /* 세로 자동 */
  object-fit: contain !important;  /* 자르지 않고 전체 표시 */
}

/* === Fix 2: 오른쪽 텍스트 블록이 항상 전체 너비를 채우도록 === */
.pi-right{
  align-items: stretch !important; /* 자식들을 컨테이너 폭으로 늘림 */
  row-gap: 14px !important;
  font-size: 18px !important;      /* 축소 방지 기준값 */
  line-height: 1.7 !important;
}
.pi-title,
.pi-desc{
  width: 100% !important;          /* 내용이 짧아도 전체폭 */
  display: block !important;
  margin: 0 !important;
}

/* (옵션) 설명 카드 안의 리스트 정돈 */
.pi-desc ul{ margin:0 !important; padding-left: 20px; }
.pi-desc li{ margin:.35em 0; }
/* ====== 오른쪽 설명 카드 높이 맞춤 ====== */
.pi-block{ align-items: stretch; }          /* 좌/우 컨테이너 동일 높이 */

.pi-right{
  display: flex;
  flex-direction: column;
  align-items: stretch;                      /* 자식들을 폭/높이 꽉 채우기 */
  row-gap: 14px;
  min-height: 0;                             /* flex 높이 계산 버그 방지 */
}

.pi-title{ flex: 0 0 auto; }                 /* 제목은 내용만큼만 */

.pi-desc{
  flex: 1 1 0;                               /* ⬅️ 남는 높이 전부 채움 */
  display: flex;                             /* 내용은 위쪽부터 */
  align-items: flex-start;
  min-height: 0;                             /* 내부 스크롤/오버플로우 방지 */
}

/* (선택) 내용이 아주 짧아도 카드가 밋밋하지 않게 아래 여백 주기 */
.pi-desc > *{ width:100%; }

/* (선택) 너무 낮아지지 않게 최소 높이 가드 (원하면 조절/삭제) */
@media (min-width:1025px){
  .pi-desc{ min-height: 280px; }
}/* End custom CSS */