.custom-image-text-timeline{padding-block-start:64px;background-color:#111}@media screen and (min-width: 600px){.custom-image-text-timeline{padding-block-start:80px}}.custom-image-text-timeline .title-wrap{padding-bottom:24px;display:grid;gap:24px}@media screen and (min-width: 600px){.custom-image-text-timeline .title-wrap{padding-bottom:32px;gap:32px}}.custom-image-text-timeline .title-wrap .tagline{margin:0;color:#3ddcc0;text-align:center;font-family:Pretendard;font-size:16px;font-weight:300;line-height:normal;letter-spacing:1.6px;text-transform:uppercase}@media screen and (min-width: 600px){.custom-image-text-timeline .title-wrap .tagline{font-size:18px;letter-spacing:1.8px}}.custom-image-text-timeline .title-wrap .title{margin:0;color:#ffffff80;text-align:center;font-family:Pretendard;font-size:34px;font-weight:500;line-height:1.294}@media screen and (min-width: 600px){.custom-image-text-timeline .title-wrap .title{font-size:40px;line-height:52px}}.custom-image-text-timeline .title-wrap .title span{color:#e6eaf0}.custom-image-text-timeline .meta-info{padding:32px 16px 64px 14px}@media screen and (min-width: 600px){.custom-image-text-timeline .meta-info{padding:32px 16px 96px 14px}}.custom-image-text-timeline .meta-info .timeline-container{position:relative;display:flex;flex-direction:column;gap:30px}@media screen and (min-width: 600px){.custom-image-text-timeline .meta-info .timeline-container{gap:40px}}.custom-image-text-timeline .meta-info .timeline-container .timeline-line{position:absolute;left:14px;top:30px;width:2px;height:0;background:linear-gradient(to bottom,#00ffdc00,#00ffdc80 10%,#00a1ffcc,#00a1ff80 90%,#00a1ff00);transition:height .5s ease;z-index:0;box-shadow:0 0 8px #00c8ff66}@media screen and (min-width: 600px){.custom-image-text-timeline .meta-info .timeline-container .timeline-line{left:18px}}.custom-image-text-timeline .meta-info .timeline-container .meta-item{position:relative;display:flex;align-items:flex-start;gap:10px;opacity:0;transform:translateY(20px);transition:all .6s ease}.custom-image-text-timeline .meta-info .timeline-container .meta-item.show{opacity:1;transform:translateY(0)}.custom-image-text-timeline .meta-info .timeline-container .meta-item .icon{flex-shrink:0;line-height:0;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;top:0;left:0;z-index:2}@media screen and (min-width: 600px){.custom-image-text-timeline .meta-info .timeline-container .meta-item .icon{width:36px;height:36px}}.custom-image-text-timeline .meta-info .timeline-container .meta-item .icon svg{width:100%;height:100%}.custom-image-text-timeline .meta-info .timeline-container .meta-item .icon .line{width:1px;background:linear-gradient(90deg,#00ffdc00,#00ffdc80 10%,#00a1ff80 90%,#00a1ff00)}.custom-image-text-timeline .meta-info .timeline-container .meta-item .meta-wrap{padding-left:40px}@media screen and (min-width: 600px){.custom-image-text-timeline .meta-info .timeline-container .meta-item .meta-wrap{padding-left:48px}}.custom-image-text-timeline .meta-info .timeline-container .meta-item .meta-wrap .meta-header{width:fit-content;font-family:Pretendard;font-size:16px;font-weight:500;line-height:30px;background:linear-gradient(to right,#00ffdc,#00a1ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (min-width: 600px){.custom-image-text-timeline .meta-info .timeline-container .meta-item .meta-wrap .meta-header{font-size:20px;line-height:36px}}.custom-image-text-timeline .meta-info .timeline-container .meta-item .meta-wrap .meta-body{margin-top:6px;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:400;line-height:1.5;letter-spacing:-.28px;color:#bbb}@media screen and (min-width: 600px){.custom-image-text-timeline .meta-info .timeline-container .meta-item .meta-wrap .meta-body{font-size:16px;line-height:26px;letter-spacing:-.32px}}.custom-image-text-timeline .meta-info .timeline-container.active .timeline-line{transition:none}.custom-image-text-timeline .action-wrap{margin-block-start:48px;display:flex;justify-content:center}.custom-image-text-timeline .action-wrap .link-button{padding-inline:40px;height:48px;line-height:48px;display:flex;align-items:center;gap:8px;text-decoration:none;font-family:Pretendard;font-size:16px;font-weight:600;background:linear-gradient(#111,#111) padding-box,linear-gradient(to right,#00e5bd80,#00a1ff80) border-box;background-clip:padding-box,border-box;-webkit-background-clip:padding-box,border-box;color:transparent;border:1px solid transparent;border-radius:30px}.custom-image-text-timeline .action-wrap .link-button>span{background:linear-gradient(94deg,#00f1c7 -13.42%,#004dff 129.54%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.top-gradient-line{position:relative;width:100%;height:1px;overflow:hidden;background:#111}.top-gradient-line:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(120deg,#00ffdc66,#00a1ff66 30%,#111,#00a1ff66 70%,#00ffdc66);animation:moveGradient 6s cubic-bezier(.4,0,.2,1) infinite alternate;background-size:200% 100%;z-index:1}.top-gradient-line:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(-120deg,#00ffdc33,#00a1ff33 30%,#111,#00a1ff33 70%,#00ffdc33);animation:moveGradientSlow 12s linear infinite alternate;background-size:200% 100%;z-index:0}@keyframes moveGradient{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes moveGradientSlow{0%{background-position:100% 50%}to{background-position:0% 50%}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/custom-image-text-timeline.css.map */