/* 구독 서비스 페이지 */
#vixel .hero { position: relative; padding: 0; }
#vixel .hero .container .content { position: relative; min-height: 800px; height: 100svh; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; z-index: 10; padding-top: 175px; }
#vixel .hero .container .content h1 { color: #000; font-family: 'Pretendard'; font-size: 65px; font-style: normal; font-weight: 800; line-height: 140%; letter-spacing: -1.3px; position: relative; }
#vixel .hero .container .content h1 > span { display: block; }
#vixel .hero .container .content h1 .typing-dummy { visibility: hidden; }
#vixel .hero .container .content h1 #typing-wrap { position: absolute; left: 0; top: 0; width: 100%; }

#vixel .hero .container .content p { color: #333; font-family: 'Pretendard'; font-size: 25px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: 0.25px; margin: 20px 0 0; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7); }
#vixel .hero .container .content a { border-radius: 15px; background: #7F40FF; box-shadow: 2px 2px 25px 2px rgba(0, 0, 0, 0.10); color: #FFF; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.34px; padding: 20px 60px; margin: 70px 0 0;}
#vixel .hero .video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; inset: 0; z-index: 1; display:none; }
#vixel .hero .video video { width: 100%; height: 100%; object-fit: cover; }

#vixel .hero .slide { overflow: hidden; }
#vixel .hero .slide.pc { display: block; position: absolute; left: max(calc(100% - 1185px), 33%); right: 0; z-index: 5; top: 50%; transform: translate(0, -50%); }
#vixel .hero .slide.pc > div { padding: 80px 40px; background-image: url('../img/vixel/visual_dotted.png'); background-repeat: no-repeat; background-size: 300px; background-position: 0 120px; }

#vixel .hero .slide.mobile { display: none; overflow: visible; }
#vixel .hero .slide .swiper { overflow: visible; }
#vixel .hero .slide .swiper .swiper-slide { width: 415px; margin: 0 calc(((415px - 415px * 0.7) / -2) + 30px) 0 calc(((415px - 415px * 0.7) / -2)); }
#vixel .hero .slide .swiper .swiper-slide .item { border-radius: 15px; transform: scale(0.7); transition: all 0.25s ease; filter: blur(2px); transform-origin: center center; box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.08), 0 20px 40px 0 rgba(0, 0, 0, 0.15); background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.00) 50%, rgba(255, 255, 255, 0.20) 75%, #FFF 100%); overflow: hidden; }
#vixel .hero .slide .swiper .swiper-slide-next { margin: 0 30px 0 0; }
#vixel .hero .slide .swiper .swiper-slide-next .item { transform: scale(1); filter: blur(0); }
#vixel .hero .slide .swiper .swiper-slide-prev .item { opacity: 0; }

@media screen and (max-width:1600px) {
    #vixel .hero .container .content { min-height: 750px; padding-top: 160px; }
    #vixel .hero .container .content h1 { font-size: 60px; }
    #vixel .hero .container .content p { font-size: 23.5px; margin: 19px 0 0; }
    #vixel .hero .container .content a { border-radius: 14px; box-shadow: 2px 2px 23px 2px rgba(0, 0, 0, 0.10); font-size: 16.5px; padding: 19px 55px; margin: 65px 0 0; }

    #vixel .hero .slide.pc > div { padding: 72px 36px; background-size: 280px; background-position: 0 110px; }

    #vixel .hero .slide .swiper .swiper-slide { width: 375px; margin: 0 calc(((375px - 375px * 0.7) / -2) + 27px) 0 calc(((375px - 375px * 0.7) / -2)); }
    #vixel .hero .slide .swiper .swiper-slide .item { border-radius: 14px; box-shadow: 0 36px 72px 0 rgba(0, 0, 0, 0.08), 0 18px 36px 0 rgba(0, 0, 0, 0.15); }
    #vixel .hero .slide .swiper .swiper-slide-next { margin: 0 27px 0 0; }
}
@media screen and (max-width:1280px) {
    #vixel .hero .container .content { min-height: 700px; padding-top: 145px; }
    #vixel .hero .container .content h1 { font-size: 55px; }
    #vixel .hero .container .content p { font-size: 22px; margin: 18px 0 0; }
    #vixel .hero .container .content a { border-radius: 13px; box-shadow: 2px 2px 21px 2px rgba(0, 0, 0, 0.10); font-size: 16px; padding: 18px 50px; margin: 60px 0 0; }

    #vixel .hero .slide.pc > div { padding: 64px 32px; background-size: 260px; background-position: 0 100px; }
    #vixel .hero .slide .swiper .swiper-slide { width: 335px; margin: 0 calc(((335px - 335px * 0.7) / -2) + 24px) 0 calc(((335px - 335px * 0.7) / -2)); }
    #vixel .hero .slide .swiper .swiper-slide .item { border-radius: 13px; box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.08), 0 16px 32px 0 rgba(0, 0, 0, 0.15); }
    #vixel .hero .slide .swiper .swiper-slide-next { margin: 0 24px 0 0; }
}
@media screen and (max-width:1024px) {
    #vixel .hero .container { padding: 0; }
    #vixel .hero .container .content { min-height: 650px; height: auto; align-items: center; text-align: center; padding-top: 130px; padding-bottom: 65px; }
    #vixel .hero .container .content h1 { font-size: 50px; }
    #vixel .hero .container .content p { font-size: 20.5px; margin: 17px 0 0; }
    #vixel .hero .container .content a { border-radius: 12px; box-shadow: 2px 2px 19px 2px rgba(0, 0, 0, 0.10); font-size: 15.5px; padding: 17px 45px; margin: 55px 0 0; }

    #vixel .hero .slide.pc { display: none; left: 0; top: auto; bottom: 0; transform: translate(0, 0); }
    #vixel .hero .slide.pc > div { padding: 56px 28px; background-size: 240px; background-position: 340px 25px; }
    #vixel .hero .slide .swiper .swiper-slide { width: 375px; margin: 0 calc(((375px - 375px * 0.7) / -2) + 21px) 0 calc(((375px - 375px * 0.7) / -2)); }
    #vixel .hero .slide .swiper .swiper-slide .item { border-radius: 12px; box-shadow: 0 28px 56px 0 rgba(0, 0, 0, 0.08), 0 14px 28px 0 rgba(0, 0, 0, 0.15); }
    #vixel .hero .slide .swiper .swiper-slide-next { margin: 0 21px 0 0; }
    #vixel .hero .slide.mobile { display: block; margin: 55px 0 0; }
    #vixel .hero .slide.mobile .swiper .swiper-slide { margin: 0 -10.5px; }
    #vixel .hero .slide.mobile .swiper .swiper-slide-active { margin: 0; }
    #vixel .hero .slide.mobile .swiper .swiper-slide-active .item { transform: scale(1); filter: blur(0); }
    #vixel .hero .slide.mobile .swiper .swiper-slide-prev .item { opacity: 1; }
    #vixel .hero .slide.mobile .swiper .swiper-slide-next .item { transform: scale(0.7); filter: blur(2px); }
}
@media screen and (max-width:768px) {
    #vixel .hero .container .content { min-height: 600px; padding-top: 115px; padding-bottom: 55px; }
    #vixel .hero .container .content h1 { font-size: 45px; }
    #vixel .hero .container .content p { font-size: 19px; margin: 16px 0 0; }
    #vixel .hero .container .content a { border-radius: 11px; box-shadow: 2px 2px 17px 2px rgba(0, 0, 0, 0.10); font-size: 15px; padding: 16px 40px; margin: 50px 0 0; }

    #vixel .hero .slide.pc > div { padding: 48px 24px; background-size: 220px; background-position: 275px 20px; }
    #vixel .hero .slide .swiper .swiper-slide { width: 340px; margin: 0 calc(((340px - 340px * 0.7) / -2) + 18px) 0 calc(((340px - 340px * 0.7) / -2)); }
    #vixel .hero .slide .swiper .swiper-slide .item { border-radius: 11px; box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.08), 0 12px 24px 0 rgba(0, 0, 0, 0.15); }
    #vixel .hero .slide .swiper .swiper-slide-next { margin: 0 18px 0 0; }
    #vixel .hero .slide.mobile { margin: 50px 0 0; }
    #vixel .hero .slide.mobile .swiper .swiper-slide { margin: 0 -9px; }
}
@media screen and (max-width:640px) {
    #vixel .hero .container .content { min-height: 550px; padding-top: 100px; padding-bottom: 45px; }
    #vixel .hero .container .content h1 { font-size: 40px; }
    #vixel .hero .container .content p { font-size: 17.5px; margin: 15px 0 0; }
    #vixel .hero .container .content a { border-radius: 10px; box-shadow: 2px 2px 15px 2px rgba(0, 0, 0, 0.10); font-size: 14.5px; padding: 15px 35px; margin: 45px 0 0; }

    #vixel .hero .slide.pc > div { padding: 40px 20px; background-size: 200px; background-position: 225px 15px; }
    #vixel .hero .slide .swiper .swiper-slide { width: 305px; margin: 0 calc(((305px - 305px * 0.7) / -2) + 15px) 0 calc(((305px - 305px * 0.7) / -2)); }
    #vixel .hero .slide .swiper .swiper-slide .item { border-radius: 10px; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.08), 0 10px 20px 0 rgba(0, 0, 0, 0.15); }
    #vixel .hero .slide .swiper .swiper-slide-next { margin: 0 15px 0 0; }
    #vixel .hero .slide.mobile { margin: 45px 0 0; }
    #vixel .hero .slide.mobile .swiper .swiper-slide { margin: 0 -7.5px; }
}





#vixel .problems { background-image: url('../img/vixel/problems_bg.png'); }
#vixel .problems .content { margin: 60px 0 0; padding: 185px 0 0; position: relative; text-align: center; }
#vixel .problems .content .problem-image { text-align: center; }
#vixel .problems .content .problem-image img { width: 557px; }
#vixel .problems .content .problem { position: absolute; }
#vixel .problems .content .problem.problem-1 ,
#vixel .problems .content .problem.problem-2 { top: 0;  }
#vixel .problems .content .problem.problem-3 ,
#vixel .problems .content .problem.problem-4 { top: 267px; }
#vixel .problems .content .problem.problem-1 { left: 22%; }
#vixel .problems .content .problem.problem-2 { right: 22%; }
#vixel .problems .content .problem.problem-3 { left: 0; }
#vixel .problems .content .problem.problem-4 { right: 0; }
#vixel .problems .content .problem .bubble { position: relative; z-index: 3; width: 380px; border-radius: 15px; border: 3px solid transparent; background-image: linear-gradient(#FFF, #FFF), linear-gradient(180deg, rgba(127, 64, 255, 1), rgba(66, 123, 191, 0.75)); background-origin: border-box; background-clip: padding-box, border-box; filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25)); padding: 20px 10px; color: #565656; font-family: 'Pretendard'; font-size: 25px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: 0.25px; }
#vixel .problems .content .problem .bubble strong { color: #000; font-weight: 700; }
#vixel .problems .content .problem .bubble:before { content: ''; position: absolute; bottom: -24px; left: 50%; transform: translate(-50%, 0); z-index: 1; width: 0; height: 0; }
#vixel .problems .content .problem .bubble:after { content: ''; position: absolute; bottom: -20px; transform: translate(-50%, 0); z-index: 2; width: 0; height: 0; }
#vixel .problems .content .problem .bubble.left:before { border-right: 0 solid transparent; border-left: 70px solid transparent; border-top: 24px solid rgba(66, 123, 191, 0.75); border-bottom-right-radius: 5px; }
#vixel .problems .content .problem .bubble.right:before { border-left: 0 solid transparent; border-right: 70px solid transparent; border-top: 24px solid rgba(66, 123, 191, 0.75); border-bottom-left-radius: 5px; }
#vixel .problems .content .problem .bubble.left:after { left: calc(50% - 2px); border-right: 0 solid transparent; border-left: 68px solid transparent; border-top: 22px solid #fff; border-bottom-right-radius: 5px; }
#vixel .problems .content .problem .bubble.right:after { left: calc(50% + 2px); border-left: 0 solid transparent; border-right: 68px solid transparent; border-top: 22px solid #fff; border-bottom-left-radius: 5px; }
#vixel .problems .content .problem .floating-icon { position: absolute; animation-name: floatingY; animation-duration: 3.6s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
#vixel .problems .content .problem.problem-1 .floating-icon { width: 155px; top: -15%; left: -30%; animation-delay: 0s; }
#vixel .problems .content .problem.problem-1 .floating-icon img { transform: rotate(-14.745deg); }
#vixel .problems .content .problem.problem-2 .floating-icon { width: 164px; top: 10%; left: 95%; z-index: 4; animation-delay: 0.6s; }
#vixel .problems .content .problem.problem-2 .floating-icon img { transform: rotate(-15.738deg); }
#vixel .problems .content .problem.problem-3 .floating-icon { width: 148px; top: 70%; left: 85%; z-index: 4; animation-delay: 1.2s; }
#vixel .problems .content .problem.problem-3 .floating-icon img { transform: rotate(29.678deg); }
#vixel .problems .content .problem.problem-4 .floating-icon { width: 141px; top: 55%; left: -25%; animation-delay: 1.8s; }
#vixel .problems .content .problem.problem-4 .floating-icon img { transform: rotate(-20.209deg); }
#vixel .problems .content .message { display: inline-block; position: relative; color: #000; text-align: center; font-family: 'Pretendard'; font-size: 35px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.35px; margin: 60px 0 0; display: inline-block; padding: 0 38px; }
#vixel .problems .content .message:after { content: ''; position: absolute; top: 26px; left: 0; right: 0; width: 100%; height: 30px; background: rgba(127, 64, 255, 0.20); }

@keyframes floatingY {
    0% { transform: translateY(0); }
    25% { transform: translateY(-8px); }
    50% { transform: translateY(-14px); }
    75% { transform: translateY(-7px) ; }
    100% { transform: translateY(0); }
}

@media screen and (max-width:1600px) {
    #vixel .problems .content { margin: 54px 0 0; padding: 170px 0 0; }
    #vixel .problems .content .problem-image img { width: 497px; }
    #vixel .problems .content .problem.problem-1 { left: 20%; }
    #vixel .problems .content .problem.problem-2 { right: 20%; }
    #vixel .problems .content .problem.problem-3 ,
    #vixel .problems .content .problem.problem-4 { top: 247px; }
    #vixel .problems .content .problem .bubble { width: 330px; border-radius: 14px; border: 3px solid transparent; padding: 18px 9px; font-size: 22.5px; }
    #vixel .problems .content .problem .bubble:before { bottom: -22px; }
    #vixel .problems .content .problem .bubble:after { bottom: -18px; }
    #vixel .problems .content .problem .bubble.left:before { border-left: 63px solid transparent; border-top: 22px solid rgba(66, 123, 191, 0.75); border-bottom-right-radius: 4.5px; }
    #vixel .problems .content .problem .bubble.right:before { border-right: 63px solid transparent; border-top: 22px solid rgba(66, 123, 191, 0.75); border-bottom-left-radius: 4.5px; }
    #vixel .problems .content .problem .bubble.left:after { border-left: 61px solid transparent; border-top: 20px solid #fff; border-bottom-right-radius: 4.5px; }
    #vixel .problems .content .problem .bubble.right:after { border-right: 61px solid transparent; border-top: 20px solid #fff; border-bottom-left-radius: 4.5px; }
    #vixel .problems .content .problem.problem-1 .floating-icon { width: 140px; }
    #vixel .problems .content .problem.problem-2 .floating-icon { width: 149px; }
    #vixel .problems .content .problem.problem-3 .floating-icon { width: 133px; }
    #vixel .problems .content .problem.problem-4 .floating-icon { width: 126px; }
    #vixel .problems .content .message { font-size: 31.25px; margin: 54px 0 0; padding: 0 34px; }
    #vixel .problems .content .message:after { top: 23px; height: 26.5px; }
}
@media screen and (max-width:1280px) {
    #vixel .problems .content { margin: 48px 0 0; padding: 155px 0 0; }
    #vixel .problems .content .problem-image img { width: 437px; }
    #vixel .problems .content .problem.problem-1 { left: 18%; }
    #vixel .problems .content .problem.problem-2 { right: 18%; }
    #vixel .problems .content .problem.problem-3 ,
    #vixel .problems .content .problem.problem-4 { top: 227px; }
    #vixel .problems .content .problem .bubble { width: 280px; border-radius: 13px; border: 2.5px solid transparent; padding: 16px 8px; font-size: 20px; }
    #vixel .problems .content .problem .bubble:before { bottom: -20px; }
    #vixel .problems .content .problem .bubble:after { bottom: -16px; }
    #vixel .problems .content .problem .bubble.left:before { border-left: 56px solid transparent; border-top: 20px solid rgba(66, 123, 191, 0.75); border-bottom-right-radius: 4px; }
    #vixel .problems .content .problem .bubble.right:before { border-right: 56px solid transparent; border-top: 20px solid rgba(66, 123, 191, 0.75); border-bottom-left-radius: 4px; }
    #vixel .problems .content .problem .bubble.left:after { border-left: 54px solid transparent; border-top: 18px solid #fff; border-bottom-right-radius: 4px; }
    #vixel .problems .content .problem .bubble.right:after { border-right: 54px solid transparent; border-top: 18px solid #fff; border-bottom-left-radius: 4px; }
    #vixel .problems .content .problem.problem-1 .floating-icon { width: 125px; }
    #vixel .problems .content .problem.problem-2 .floating-icon { width: 134px; }
    #vixel .problems .content .problem.problem-3 .floating-icon { width: 118px; }
    #vixel .problems .content .problem.problem-4 .floating-icon { width: 111px; }
    #vixel .problems .content .message { font-size: 27.5px; margin: 48px 0 0; padding: 0 30px; }
    #vixel .problems .content .message:after { top: 20px; height: 23px; }
}
@media screen and (max-width:1024px) {
    #vixel .problems .content { margin: 42px 0 0; padding: 140px 0 0; }
    #vixel .problems .content .problem-image img { width: 377px; }
    #vixel .problems .content .problem.problem-1 { left: 16%; }
    #vixel .problems .content .problem.problem-2 { right: 16%; }
    #vixel .problems .content .problem.problem-3 ,
    #vixel .problems .content .problem.problem-4 { top: 207px; }
    #vixel .problems .content .problem .bubble { width: 230px; border-radius: 12px; border: 2.5px solid transparent; padding: 14px 7px; font-size: 17.5px; }
    #vixel .problems .content .problem .bubble:before { bottom: -18px; }
    #vixel .problems .content .problem .bubble:after { bottom: -14px; }
    #vixel .problems .content .problem .bubble.left:before { border-left: 49px solid transparent; border-top: 18px solid rgba(66, 123, 191, 0.75); border-bottom-right-radius: 3.5px; }
    #vixel .problems .content .problem .bubble.right:before { border-right: 49px solid transparent; border-top: 18px solid rgba(66, 123, 191, 0.75); border-bottom-left-radius: 3.5px; }
    #vixel .problems .content .problem .bubble.left:after { border-left: 47px solid transparent; border-top: 16px solid #fff; border-bottom-right-radius: 3.5px; }
    #vixel .problems .content .problem .bubble.right:after { border-right: 47px solid transparent; border-top: 16px solid #fff; border-bottom-left-radius: 3.5px; }
    #vixel .problems .content .problem.problem-1 .floating-icon { width: 110px; }
    #vixel .problems .content .problem.problem-2 .floating-icon { width: 119px; }
    #vixel .problems .content .problem.problem-3 .floating-icon { width: 103px; }
    #vixel .problems .content .problem.problem-4 .floating-icon { width: 96px; }
    #vixel .problems .content .message { font-size: 23.75px; margin: 42px 0 0; padding: 0 26px; }
    #vixel .problems .content .message:after { top: 17px; height: 19.5px; }
}
@media screen and (max-width:768px) {
    #vixel .problems .content { margin: 36px 0 0; padding: 125px 0 0; }
    #vixel .problems .content .problem-image img { width: 317px; }
    #vixel .problems .content .problem.problem-1 { left: 14%; }
    #vixel .problems .content .problem.problem-2 { right: 14%; }
    #vixel .problems .content .problem.problem-3 ,
    #vixel .problems .content .problem.problem-4 { top: 187px; }
    #vixel .problems .content .problem .bubble { width: 180px; border-radius: 11px; border: 2px solid transparent; padding: 12px 6px; font-size: 15px; }
    #vixel .problems .content .problem .bubble:before { bottom: -16px; }
    #vixel .problems .content .problem .bubble:after { bottom: -12px; }
    #vixel .problems .content .problem .bubble.left:before { border-left: 42px solid transparent; border-top: 16px solid rgba(66, 123, 191, 0.75); border-bottom-right-radius: 3px; }
    #vixel .problems .content .problem .bubble.right:before { border-right: 42px solid transparent; border-top: 16px solid rgba(66, 123, 191, 0.75); border-bottom-left-radius: 3px; }
    #vixel .problems .content .problem .bubble.left:after { border-left: 40px solid transparent; border-top: 14px solid #fff; border-bottom-right-radius: 3px; }
    #vixel .problems .content .problem .bubble.right:after { border-right: 40px solid transparent; border-top: 14px solid #fff; border-bottom-left-radius: 3px; }
    #vixel .problems .content .problem.problem-1 .floating-icon { width: 95px; }
    #vixel .problems .content .problem.problem-2 .floating-icon { width: 104px; }
    #vixel .problems .content .problem.problem-3 .floating-icon { width: 88px; }
    #vixel .problems .content .problem.problem-4 .floating-icon { width: 81px; }
    #vixel .problems .content .message { font-size: 20px; margin: 36px 0 0; padding: 0 22px; }
    #vixel .problems .content .message:after { top: 14px; height: 16px; }
}
@media screen and (max-width:640px) {
    #vixel .problems .content { margin: 30px 0 0; padding: 110px 0 0; }
    #vixel .problems .content .problem-image img { width: 257px; }
    #vixel .problems .content .problem.problem-1 { left: 12%; }
    #vixel .problems .content .problem.problem-2 { right: 12%; }
    #vixel .problems .content .problem.problem-3 ,
    #vixel .problems .content .problem.problem-4 { top: 167px; }
    #vixel .problems .content .problem .bubble { width: 130px; border-radius: 10px; border: 2px solid transparent; padding: 10px 5px; font-size: 12.5px; }
    #vixel .problems .content .problem .bubble:before { bottom: -14px; }
    #vixel .problems .content .problem .bubble:after { bottom: -10px; }
    #vixel .problems .content .problem .bubble.left:before { border-left: 35px solid transparent; border-top: 14px solid rgba(66, 123, 191, 0.75); border-bottom-right-radius: 2.5px; }
    #vixel .problems .content .problem .bubble.right:before { border-right: 35px solid transparent; border-top: 14px solid rgba(66, 123, 191, 0.75); border-bottom-left-radius: 2.5px; }
    #vixel .problems .content .problem .bubble.left:after { border-left: 33px solid transparent; border-top: 12px solid #fff; border-bottom-right-radius: 2.5px; }
    #vixel .problems .content .problem .bubble.right:after { border-right: 33px solid transparent; border-top: 12px solid #fff; border-bottom-left-radius: 2.5px; }
    #vixel .problems .content .problem.problem-1 .floating-icon { width: 80px; }
    #vixel .problems .content .problem.problem-2 .floating-icon { width: 89px; }
    #vixel .problems .content .problem.problem-3 .floating-icon { width: 73px; }
    #vixel .problems .content .problem.problem-4 .floating-icon { width: 66px; }
    #vixel .problems .content .message { font-size: 16.25px; margin: 30px 0 0; padding: 0 18px; }
    #vixel .problems .content .message:after { top: 11px; height: 12.5px; }
}





#vixel .request { background-image: url('../img/vixel/request_bg.png'); }
#vixel .request .content { margin: 50px 0 0; padding: 50px; border-radius: 15px; border: 3px solid rgba(127, 64, 255, 0.40); background: rgba(255, 255, 255, 0.95); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); text-align: center; }
#vixel .request .content .card_badge { color: #565656; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.17px; }
#vixel .request .content .card_price { margin: 10px 0 0; }
#vixel .request .content .card_price p { display: inline-block; background: linear-gradient(180deg, #7F40FF 0%, #427BBF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#vixel .request .content .card_price p strong { font-family: 'Pretendard'; font-size: 75px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.75px; }
#vixel .request .content .card_price p span { font-family: 'Pretendard'; font-size: 45px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.45px; }
#vixel .request .content .card_price span.card_divider ,
#vixel .request .content .card_price span.card_period { color: #000; font-family: 'Pretendard'; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.24px; }
#vixel .request .content .card_button { margin: 20px 0 0; }
#vixel .request .content .card_button a { display: inline-block; border-radius: 15px; background: #7F40FF; box-shadow: 2px 2px 25px 2px rgba(0, 0, 0, 0.15); color: #FFF; font-family: 'Pretendard'; font-size: 21px; font-style: normal; font-weight: 500; line-height: 142.857%; letter-spacing: -0.42px; padding: 15px 80px; }
#vixel .request .content .card_description { margin: 40px 0 0; }
#vixel .request .content .card_description p { color: #333; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: 0.17px; }

@media screen and (max-width:1600px) {
    #vixel .request .content { margin: 45px 0 0; padding: 45px; border-radius: 14px; border: 3px solid rgba(127, 64, 255, 0.40); box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15); }
    #vixel .request .content .card_badge {font-size: 16.5px; }
    #vixel .request .content .card_price { margin: 9px 0 0; }
    #vixel .request .content .card_price p strong { font-size: 69px; }
    #vixel .request .content .card_price p span { font-size: 42px; }
    #vixel .request .content .card_price span.card_divider ,
    #vixel .request .content .card_price span.card_period { font-size: 22.5px; }
    #vixel .request .content .card_button { margin: 18px 0 0; }
    #vixel .request .content .card_button a { border-radius: 14px; box-shadow: 2px 2px 23px 2px rgba(0, 0, 0, 0.15); font-size: 20px; padding: 14px 72px; }
    #vixel .request .content .card_description { margin: 36px 0 0; }
    #vixel .request .content .card_description p { font-size: 16.5px; }
}
@media screen and (max-width:1280px) {
    #vixel .request .content { margin: 40px 0 0; padding: 40px; border-radius: 13px; border: 3px solid rgba(127, 64, 255, 0.40); box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15); }
    #vixel .request .content .card_badge {font-size: 16px; }
    #vixel .request .content .card_price { margin: 8px 0 0; }
    #vixel .request .content .card_price p strong { font-size: 63px; }
    #vixel .request .content .card_price p span { font-size: 39px; }
    #vixel .request .content .card_price span.card_divider ,
    #vixel .request .content .card_price span.card_period { font-size: 21px; }
    #vixel .request .content .card_button { margin: 16px 0 0; }
    #vixel .request .content .card_button a { border-radius: 13px; box-shadow: 2px 2px 21px 2px rgba(0, 0, 0, 0.15); font-size: 19px; padding: 13px 64px; }
    #vixel .request .content .card_description { margin: 32px 0 0; }
    #vixel .request .content .card_description p { font-size: 16px; }
}
@media screen and (max-width:1024px) {
    #vixel .request .content { margin: 35px 0 0; padding: 35px; border-radius: 12px; border: 3px solid rgba(127, 64, 255, 0.40); box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.15); }
    #vixel .request .content .card_badge {font-size: 15.5px; }
    #vixel .request .content .card_price { margin: 7px 0 0; }
    #vixel .request .content .card_price p strong { font-size: 57px; }
    #vixel .request .content .card_price p span { font-size: 36px; }
    #vixel .request .content .card_price span.card_divider ,
    #vixel .request .content .card_price span.card_period { font-size: 19.5px; }
    #vixel .request .content .card_button { margin: 14px 0 0; }
    #vixel .request .content .card_button a { border-radius: 12px; box-shadow: 2px 2px 19px 2px rgba(0, 0, 0, 0.15); font-size: 18px; padding: 12px 56px; }
    #vixel .request .content .card_description { margin: 28px 0 0; }
    #vixel .request .content .card_description p { font-size: 15.5px; }
}
@media screen and (max-width:768px) {
    #vixel .request .content { margin: 30px 0 0; padding: 30px; border-radius: 11px; border: 3px solid rgba(127, 64, 255, 0.40); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); }
    #vixel .request .content .card_badge {font-size: 15px; }
    #vixel .request .content .card_price { margin: 6px 0 0; }
    #vixel .request .content .card_price p strong { font-size: 51px; }
    #vixel .request .content .card_price p span { font-size: 33px; }
    #vixel .request .content .card_price span.card_divider ,
    #vixel .request .content .card_price span.card_period { font-size: 18px; }
    #vixel .request .content .card_button { margin: 12px 0 0; }
    #vixel .request .content .card_button a { border-radius: 11px; box-shadow: 2px 2px 17px 2px rgba(0, 0, 0, 0.15); font-size: 17px; padding: 11px 48px; }
    #vixel .request .content .card_description { margin: 24px 0 0; }
    #vixel .request .content .card_description p { font-size: 15px; }
}
@media screen and (max-width:640px) {
    #vixel .request .content { margin: 25px 0 0; padding: 25px; border-radius: 10px; border: 3px solid rgba(127, 64, 255, 0.40); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); }
    #vixel .request .content .card_badge {font-size: 14.5px; }
    #vixel .request .content .card_price { margin: 5px 0 0; }
    #vixel .request .content .card_price p strong { font-size: 45px; }
    #vixel .request .content .card_price p span { font-size: 30px; }
    #vixel .request .content .card_price span.card_divider ,
    #vixel .request .content .card_price span.card_period { font-size: 16.5px; }
    #vixel .request .content .card_button { margin: 10px 0 0; }
    #vixel .request .content .card_button a { border-radius: 10px; box-shadow: 2px 2px 15px 2px rgba(0, 0, 0, 0.15); font-size: 16px; padding: 10px 40px; }
    #vixel .request .content .card_description { margin: 20px 0 0; }
    #vixel .request .content .card_description p { font-size: 14.5px; }
}





#vixel .process { background-image: url('../img/vixel/process_bg.png'); }
#vixel .process .content { position: relative; margin: 60px 0 0; padding: 55px 0 0; }
#vixel .process .content .line { position: absolute; top: 0; left: 9.615%; right: 9.615%; height: 25px; z-index: 2; }
#vixel .process .content .line::before { content: ''; position: absolute; top: 11.5px; left: 0; right: 0; border-top: 2px dashed rgba(127, 64, 255, 0.35); }
#vixel .process .content .line .dot { position: absolute; top: 0; width: 25px; height: 25px; margin-left: -12.5px; border-radius: 50%; border: 5px solid #7F40FF; background: #fff; animation: processBlink 6s infinite; }
#vixel .process .content .line .dot.dot-1 { left: 0%; animation-delay: 0s; }
#vixel .process .content .line .dot.dot-2 { left: 33.333%; animation-delay: 1.5s; }
#vixel .process .content .line .dot.dot-3 { left: 66.666%; animation-delay: 3s; }
#vixel .process .content .line .dot.dot-4 { left: 100%; animation-delay: 4.5s; }
#vixel .process .content .list { display: flex; align-items: stretch; gap: 100px; position: relative; z-index: 1; }
#vixel .process .content .list .item { flex: 1 1 0; min-width: 0; }

#vixel .process .content .list .item .card { height: 100%; border-radius: 15px; background: rgba(255, 255, 255, 0.50); box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.15); padding: 40px 0 45px; text-align: center; }
#vixel .process .content .list .item .card .card-top { display: flex; flex-direction: column; align-items: center; }
#vixel .process .content .list .item .card .card-top h3 { color: #000; text-align: center; font-family: 'Pretendard'; font-size: 25px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.25px; }
#vixel .process .content .list .item .card .card-top .icon { display: flex; align-items: center; justify-content: center; margin: 30px 0; }
#vixel .process .content .list .item .card .card-top .icon img { height: 75px; filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.15)); }
#vixel .process .content .list .item .card .card-top p { color: #333; text-align: center; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: 0.17px; }

@keyframes processBlink {
    0% {
        background: #FFF;
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(127, 64, 255, 0);
    }
    15% {
        background: #7F40FF;
        transform: scale(1.25);
        box-shadow: 0 0 0 7px rgba(127, 64, 255, 0.1);
    }
    30% {
        background: #7F40FF;
        transform: scale(1.05);
        box-shadow: 0 0 0 14px rgba(127, 64, 255, 0);
    }
    60% {
        background: #FFF;
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(127, 64, 255, 0);
    }
}

@media screen and (max-width: 1600px) {
    #vixel .process .content { margin: 54px 0 0; padding: 50px 0 0; }
    #vixel .process .content .line { height: 24px; }
    #vixel .process .content .line::before { top: 11px; border-top: 2px dashed rgba(127, 64, 255, 0.35); }
    #vixel .process .content .line .dot { width: 24px; height: 24px; margin-left: -12.5px; border: 5px solid #7F40FF; }
    #vixel .process .content .list { gap: 85px; }
    #vixel .process .content .list .item .card { border-radius: 14px; box-shadow: 2px 2px 24px 0 rgba(0, 0, 0, 0.15); padding: 36px 0 41px; }
    #vixel .process .content .list .item .card .card-top h3 { font-size: 23.5px; }
    #vixel .process .content .list .item .card .card-top .icon { margin: 28px 0; }
    #vixel .process .content .list .item .card .card-top .icon img { height: 70px; filter: drop-shadow(0 0 28px rgba(0, 0, 0, 0.15)); }
    #vixel .process .content .list .item .card .card-top p { font-size: 16.25px; }
}
@media screen and (max-width: 1280px) {
    #vixel .process .content { margin: 48px 0 0; padding: 45px 0 0; }
    #vixel .process .content .line { height: 23px; }
    #vixel .process .content .line::before { top: 10px; border-top: 1.5px dashed rgba(127, 64, 255, 0.35); }
    #vixel .process .content .line .dot { width: 23px; height: 23px; margin-left: -12.5px; border: 4.5px solid #7F40FF; }
    #vixel .process .content .list { gap: 70px; }
    #vixel .process .content .list .item .card { border-radius: 13px; box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.15); padding: 32px 0 37px; }
    #vixel .process .content .list .item .card .card-top h3 { font-size: 22px; }
    #vixel .process .content .list .item .card .card-top .icon { margin: 26px 0; }
    #vixel .process .content .list .item .card .card-top .icon img { height: 65px; filter: drop-shadow(0 0 26px rgba(0, 0, 0, 0.15)); }
    #vixel .process .content .list .item .card .card-top p { font-size: 15.5px; }
}
@media screen and (max-width: 1024px) {
    #vixel .process .content { margin: 42px 0 0; padding: 0 0 0 40px; }
    #vixel .process .content .line { height: auto; width: 22px; top: 63.5px; bottom: 63.5px; left: 0; right: auto; }
    #vixel .process .content .line::before { top: 0; bottom: 0; left: 11px; border-top: 0; border-left: 1.5px dashed rgba(127, 64, 255, 0.35); }
    #vixel .process .content .line .dot { width: 22px; left: 0 !important; height: 22px; margin-top: -11px; margin-left: 0; border: 4.5px solid #7F40FF; }
    #vixel .process .content .line .dot.dot-1 { top: 0; }
    #vixel .process .content .line .dot.dot-2 { top: 33.333%; }
    #vixel .process .content .line .dot.dot-3 { top: 66.666%; }
    #vixel .process .content .line .dot.dot-4 { top: 100%; }

    #vixel .process .content .list { gap: 55px; flex-direction: column; }
    #vixel .process .content .list .item .card { border-radius: 12px; box-shadow: 2px 2px 22px 0 rgba(0, 0, 0, 0.15); padding: 28px 28px 33px; }
    #vixel .process .content .list .item .card .card-top { display: grid; grid-template-columns: 60px minmax(0, 1fr); grid-template-areas: "icon title" "icon desc"; column-gap: 20px; row-gap: 10px; align-items: center; }
    #vixel .process .content .list .item .card .card-top h3 { font-size: 20.5px; grid-area: title; text-align: left; align-self: end;}
    #vixel .process .content .list .item .card .card-top .icon { margin: 0; grid-area: icon; align-self: center; }
    #vixel .process .content .list .item .card .card-top .icon img { height: 60px; filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.15)); }
    #vixel .process .content .list .item .card .card-top p { font-size: 14.75px; grid-area: desc; text-align: left; }
}
@media screen and (max-width: 768px) {
    #vixel .process .content { margin: 36px 0 0; padding: 0 0 0 35px; }
    #vixel .process .content .line { width: 21px; top: 58.75px; bottom: 58.75px; }
    #vixel .process .content .line::before { left: 10px; border-left: 1px dashed rgba(127, 64, 255, 0.35); }
    #vixel .process .content .line .dot { width: 21px; height: 21px; margin-top: -10.5px; border: 4px solid #7F40FF; }
    #vixel .process .content .list { gap: 40px; }
    #vixel .process .content .list .item .card { border-radius: 11px; box-shadow: 2px 2px 21px 0 rgba(0, 0, 0, 0.15); padding: 24px 24px 29px; }
    #vixel .process .content .list .item .card .card-top { grid-template-columns: 55px minmax(0, 1fr); column-gap: 18px; row-gap: 9px; }
    #vixel .process .content .list .item .card .card-top h3 { font-size: 19px; }
    #vixel .process .content .list .item .card .card-top .icon img { height: 55px; filter: drop-shadow(0 0 22px rgba(0, 0, 0, 0.15)); }
    #vixel .process .content .list .item .card .card-top p { font-size: 14px; }
}
@media screen and (max-width:640px) {
    #vixel .process .content { margin: 30px 0 0; padding: 0 0 0 30px; }
    #vixel .process .content .line { width: 20px; top: 54.375px; bottom: 54.375px; }
    #vixel .process .content .line::before { left: 9.5px; border-left: 1px dashed rgba(127, 64, 255, 0.35); }
    #vixel .process .content .line .dot { width: 20px; height: 20px; margin-top: -10px; border: 4px solid #7F40FF; }
    #vixel .process .content .list { gap: 25px; }
    #vixel .process .content .list .item .card { border-radius: 10px; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.15); padding: 20px 20px 25px; }
    #vixel .process .content .list .item .card .card-top { grid-template-columns: 50px minmax(0, 1fr); column-gap: 16px; row-gap: 8px; }
    #vixel .process .content .list .item .card .card-top h3 { font-size: 17.5px; }
    #vixel .process .content .list .item .card .card-top .icon img { height: 50px; filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.15)); }
    #vixel .process .content .list .item .card .card-top p { font-size: 13.25px; }
}





#vixel .worksense { background-image: url('../img/vixel/worksense_bg.png'); }
#vixel .worksense .container { text-align: right; position: relative; }
#vixel .worksense .container .title { position: absolute; z-index: 5; top: 50%; left: 0; transform: translate(0, -50%); text-align: left; }
#vixel .worksense .image { display: inline-block; height: 700px; position: relative; width: 890px; max-width: 100%; }
#vixel .worksense .image .shot { position: absolute; transition: top 1s ease, left 1s ease, width 1s ease, min-width 1s ease, filter 1s ease, transform 1s ease, opacity 0.6s ease, z-index 0s linear 0.25s; }
#vixel .worksense .image .shot img { border-radius: 15px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25); }
#vixel .worksense .image .shot.is-center { top: 11.235%; left: 0; width: 75.28%; z-index: 3; filter: blur(0); }
#vixel .worksense .image .shot.is-back-right { top: 0; left: calc(100% - 53.37%); width: 64.6%; z-index: 2; filter: blur(0.3px); }
#vixel .worksense .image .shot.is-back-bottom { top: 100%; left: calc(100% - 75.28%); width: 75.28%; z-index: 1; filter: blur(0.5px); transform: translateY(-100%); }

@media screen and (max-width:1600px) {
    #vixel .worksense .container .title { left: 30px; }
    #vixel .worksense .image { height: 630px; width: 810px; }
    #vixel .worksense .image .shot img { border-radius: 14px; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.25); }
}
@media screen and (max-width:1280px) {
    #vixel .worksense .container .title { left: 25px; }
    #vixel .worksense .image { height: 560px; width: 730px; }
    #vixel .worksense .image .shot img { border-radius: 13px; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.25); }
}
@media screen and (max-width:1024px) {
    #vixel .worksense .container .title { position: relative; top: auto; left: auto; transform: translate(0, 0); text-align: center; }
    #vixel .worksense .image { height: 490px; display: block; width: 650px; margin: -60px auto 0; }
    #vixel .worksense .image .shot img { border-radius: 12px; box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.25); }
}
@media screen and (max-width:768px) {
    #vixel .worksense .image { height: 420px; width: 570px; margin: -55px auto 0; }
    #vixel .worksense .image .shot img { border-radius: 11px; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.25); }
}
@media screen and (max-width:640px) {
    #vixel .worksense .image { height: 350px; width: 490px; margin: -50px auto 0; }
    #vixel .worksense .image .shot img { border-radius: 10px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); }
    #vixel .worksense .image .shot.is-center { min-width: 310px; }
    #vixel .worksense .image .shot.is-back-right { min-width: 215px; }
    #vixel .worksense .image .shot.is-back-bottom { min-width: 310px; }
}





#vixel .why { background-image: url('../img/vixel/why_bg.png'); }
#vixel .why .content { margin: 70px 0 0; }
#vixel .why .content .list { display: flex; flex-direction: column; gap: 70px;}
#vixel .why .content .list .item { display: flex; align-items: center; justify-content: center; gap: 70px; position: relative; }
#vixel .why .content .list .item .card { width: 100%; flex: 0 0 610px; position: relative; border: 3px solid rgba(66, 123, 191, 0.40); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25); border-radius: 15px; background: #FFF; padding: 43px 0; }
#vixel .why .content .list .item .card:before ,
#vixel .why .content .list .item .card:after { content: ''; position: absolute; top: 50%; transform: translate(0, -50%); width: 0; height: 0; }
#vixel .why .content .list .item .card:before { left: 100%; z-index: 1; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 45px solid rgba(66, 123, 191, 0.40); }
#vixel .why .content .list .item .card:after { left: 100%; z-index: 2; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 39px solid #FFF; }
#vixel .why .content .list .item.item-02 .card:before { left: auto; right: 100%; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 45px solid rgba(66, 123, 191, 0.40); border-left: none; }
#vixel .why .content .list .item.item-02 .card:after { left: auto; right: 100%; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-right: 39px solid #FFF; border-left: none; }
#vixel .why .content .list .item .card .card-text { color: #565656; text-align: center; font-family: 'Pretendard'; font-size: 25px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: 0.25px; }
#vixel .why .content .list .item .card .card-text strong { color: #000; font-weight: 800; }
#vixel .why .content .list .item .card .card-text h3 ,
#vixel .why .content .list .item .card .card-text p { font-weight: inherit; font-size: inherit; }
#vixel .why .content .list .item .figure { flex: 1; text-align: center; }
#vixel .why .content .list .item .figure img { width: 206px; filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25)); }

/* @media screen and (max-width: 768px) {
    #vixel .why .item,
    #vixel .why .item.item-02 {
        flex-direction: column;
    }

    #vixel .why .item.item-02 .figure {
        order: 1;
    }

    #vixel .why .card {
        order: 2;
    }
} */



@media screen and (max-width:1600px) {
    #vixel .why .content { margin: 63px 0 0; }
    #vixel .why .content .list { gap: 63px;}
    #vixel .why .content .list .item { gap: 61px; }
    #vixel .why .content .list .item .card { width: 100%; flex: 0 0 540px; border: 3px solid rgba(66, 123, 191, 0.40); box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.25); border-radius: 14px; padding: 38px 0; }
    #vixel .why .content .list .item .card:before { border-top: 17.5px solid transparent; border-bottom: 17.5px solid transparent; border-left: 40.5px solid rgba(66, 123, 191, 0.40); }
    #vixel .why .content .list .item .card:after { border-top: 14.5px solid transparent; border-bottom: 14.5px solid transparent; border-left: 34.5px solid #FFF; }
    #vixel .why .content .list .item.item-02 .card:before { border-top: 17.5px solid transparent; border-bottom: 17.5px solid transparent; border-right: 40.5px solid rgba(66, 123, 191, 0.40); }
    #vixel .why .content .list .item.item-02 .card:after { border-top: 14.5px solid transparent; border-bottom: 14.5px solid transparent; border-right: 34.5px solid #FFF; }
    #vixel .why .content .list .item .card .card-text { font-size: 22.75px; }
    #vixel .why .content .list .item .figure img { width: 206px; filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.25)); }
}
@media screen and (max-width:1280px) {
    #vixel .why .content { margin: 56px 0 0; }
    #vixel .why .content .list { gap: 56px;}
    #vixel .why .content .list .item { gap: 52px; }
    #vixel .why .content .list .item .card { width: 100%; flex: 0 0 470px; border: 2.5px solid rgba(66, 123, 191, 0.40); box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.25); border-radius: 13px; padding: 33px 0; }
    #vixel .why .content .list .item .card:before { border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 36px solid rgba(66, 123, 191, 0.40); }
    #vixel .why .content .list .item .card:after { border-top: 12.5px solid transparent; border-bottom: 12.5px solid transparent; border-left: 31px solid #FFF; }
    #vixel .why .content .list .item.item-02 .card:before { border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 36px solid rgba(66, 123, 191, 0.40); }
    #vixel .why .content .list .item.item-02 .card:after { border-top: 12.5px solid transparent; border-bottom: 12.5px solid transparent; border-right: 31px solid #FFF; }
    #vixel .why .content .list .item .card .card-text { font-size: 20.5px; }
    #vixel .why .content .list .item .figure img { width: 206px; filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.25)); }
}
@media screen and (max-width:1024px) {
    #vixel .why .content { margin: 49px 0 0; }
    #vixel .why .content .list { gap: 49px;}
    #vixel .why .content .list .item { gap: 43px; }
    #vixel .why .content .list .item .card { width: 100%; flex: 0 0 400px; border: 2.5px solid rgba(66, 123, 191, 0.40); box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.25); border-radius: 12px; padding: 28px 0; }
    #vixel .why .content .list .item .card:before { border-top: 12.5px solid transparent; border-bottom: 12.5px solid transparent; border-left: 31.5px solid rgba(66, 123, 191, 0.40); }
    #vixel .why .content .list .item .card:after { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 26.5px solid #FFF; }
    #vixel .why .content .list .item.item-02 .card:before { border-top: 12.5px solid transparent; border-bottom: 12.5px solid transparent; border-right: 31.5px solid rgba(66, 123, 191, 0.40); }
    #vixel .why .content .list .item.item-02 .card:after { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 26.5px solid #FFF; }
    #vixel .why .content .list .item .card .card-text { font-size: 18.25px; }
    #vixel .why .content .list .item .figure img { width: 206px; filter: drop-shadow(0 0 21px rgba(0, 0, 0, 0.25)); }
}
@media screen and (max-width:768px) {
    #vixel .why .content { margin: 42px 0 0; }
    #vixel .why .content .list { gap: 42px;}
    #vixel .why .content .list .item { gap: 34px; }
    #vixel .why .content .list .item .card { width: 100%; flex: 0 0 330px; border: 2px solid rgba(66, 123, 191, 0.40); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.25); border-radius: 11px; padding: 23px 0; }
    #vixel .why .content .list .item .card:before { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 27px solid rgba(66, 123, 191, 0.40); }
    #vixel .why .content .list .item .card:after { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 23px solid #FFF; }
    #vixel .why .content .list .item.item-02 .card:before { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 27px solid rgba(66, 123, 191, 0.40); }
    #vixel .why .content .list .item.item-02 .card:after { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 23px solid #FFF; }
    #vixel .why .content .list .item .card .card-text { font-size: 16px; }
    #vixel .why .content .list .item .figure img { width: 206px; filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.25)); }
}
@media screen and (max-width:640px) {
    #vixel .why .content { margin: 35px 0 0; }
    #vixel .why .content .list { gap: 35px;}
    #vixel .why .content .list .item { gap: 25px; }
    #vixel .why .content .list .item .card { width: 100%; flex: 0 0 240px; border: 2px solid rgba(66, 123, 191, 0.40); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); border-radius: 10px; padding: 18px 0; }
    #vixel .why .content .list .item .card:before { border-top: 7.5px solid transparent; border-bottom: 7.5px solid transparent; border-left: 22.5px solid rgba(66, 123, 191, 0.40); }
    #vixel .why .content .list .item .card:after { border-top: 5.5px solid transparent; border-bottom: 5.5px solid transparent; border-left: 18.5px solid #FFF; }
    #vixel .why .content .list .item.item-02 .card:before { border-top: 7.5px solid transparent; border-bottom: 7.5px solid transparent; border-right: 22.5px solid rgba(66, 123, 191, 0.40); }
    #vixel .why .content .list .item.item-02 .card:after { border-top: 5.5px solid transparent; border-bottom: 5.5px solid transparent; border-right: 18.5px solid #FFF; }
    #vixel .why .content .list .item .card .card-text { font-size: 13.75px; }
    #vixel .why .content .list .item .figure img { width: 206px; filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.25)); }
}





#vixel .portfolio { background-image: url('../img/vixel/portfolio_bg.png'); }
#vixel .portfolio .tab-scroll { position: relative; overflow: hidden; margin: 30px 0 0; }
#vixel .portfolio .tab-scroll::before,
#vixel .portfolio .tab-scroll::after { content: ''; position: absolute; top: 0; bottom: 0; width: 25%; z-index: 3; pointer-events: none; opacity: 0; transition: opacity 0.25s ease; }
#vixel .portfolio .tab-scroll::before { left: 1px; border-radius: 999px 0 0 999px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }
#vixel .portfolio .tab-scroll::after { right: 1px; border-radius: 0 999px 999px 0; background: linear-gradient(270deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }
#vixel .portfolio .tab-scroll.can-left::before { opacity: 1; }
#vixel .portfolio .tab-scroll.can-right::after { opacity: 1; }
#vixel .portfolio .tab-scroll .tab { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; border: 1px solid #999; border-radius: 999px; }
#vixel .portfolio .tab-scroll .tab { cursor: grab; user-select: none; }
#vixel .portfolio .tab-scroll .tab.is-dragging { cursor: grabbing; }
#vixel .portfolio .tab-scroll .tab::-webkit-scrollbar { display: none; }
#vixel .portfolio .tab-scroll .tab .list { display: flex; align-items: center; width: 100%; min-width: max-content; white-space: nowrap; }
#vixel .portfolio .tab-scroll .tab .list li { flex: 1 1 auto; min-width: 0; }
#vixel .portfolio .tab-scroll .tab .list li button { padding: 17px 29px; color: #565656; text-align: center; font-family: 'Pretendard'; font-size: 21px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.21px; white-space: nowrap; border-radius: 999px; }
#vixel .portfolio .tab-scroll .tab .list li button.active { background: rgba(0, 0, 0, 0.10); font-weight: 800; color: #000; }
#vixel .portfolio #portfolioListResult .swiper { padding: 80px 0 0; }
#vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide { width: 565px; }
#vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide .item { display: block; border-radius: 15px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.30); overflow: hidden; filter: blur(2px); }
#vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide-active .item { filter: blur(0); }

#vixel .portfolio .portfolio_button { margin: 80px 0 0; text-align: center; }
#vixel .portfolio .portfolio_button a { display: inline-block; border-radius: 15px; background: #7F40FF; color: #FFF; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.17px; padding: 20px 60px; }

@media screen and (max-width:1600px) {
    #vixel .portfolio .tab-scroll { margin: 27px 0 0; }
    #vixel .portfolio .tab-scroll .tab .list li button { padding: 16px 27px; font-size: 19.5px; }
    #vixel .portfolio #portfolioListResult .swiper { padding: 72px 0 0; }
    #vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide { width: 505px; }
    #vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide .item { border-radius: 15px; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.30); }
    #vixel .portfolio .portfolio_button { margin: 72px 0 0; }
    #vixel .portfolio .portfolio_button a { border-radius: 14px; font-size: 16.5px; padding: 19px 55px; }
}
@media screen and (max-width:1280px) {
    #vixel .portfolio .tab-scroll { margin: 24px 0 0; }
    #vixel .portfolio .tab-scroll .tab .list li button { padding: 15px 25px; font-size: 18px; }
    #vixel .portfolio #portfolioListResult .swiper { padding: 64px 0 0; }
    #vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide { width: 445px; }
    #vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide .item { border-radius: 15px; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.30); }
    #vixel .portfolio .portfolio_button { margin: 64px 0 0; }
    #vixel .portfolio .portfolio_button a { border-radius: 13px; font-size: 16px; padding: 18px 40px; }
}
@media screen and (max-width:1024px) {
    #vixel .portfolio .tab-scroll { margin: 21px 0 0; }
    #vixel .portfolio .tab-scroll .tab .list li button { padding: 14px 23px; font-size: 16.5px; }
    #vixel .portfolio #portfolioListResult .swiper { padding: 56px 0 0; }
    #vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide { width: 395px; }
    #vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide .item { border-radius: 15px; box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.30); }
    #vixel .portfolio .portfolio_button { margin: 56px 0 0; }
    #vixel .portfolio .portfolio_button a { border-radius: 12px; font-size: 15.5px; padding: 17px 35px; }
}
@media screen and (max-width:768px) {
    #vixel .portfolio .tab-scroll { margin: 18px 0 0; }
    #vixel .portfolio .tab-scroll .tab .list li button { padding: 13px 21px; font-size: 15px; }
    #vixel .portfolio #portfolioListResult .swiper { padding: 48px 0 0; }
    #vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide { width: 325px; }
    #vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide .item { border-radius: 15px; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.30); }
    #vixel .portfolio .portfolio_button { margin: 48px 0 0; }
    #vixel .portfolio .portfolio_button a { border-radius: 11px; font-size: 15px; padding: 16px 30px; }
}
@media screen and (max-width:640px) {
    #vixel .portfolio .tab-scroll { margin: 15px 0 0; }
    #vixel .portfolio .tab-scroll .tab .list li button { padding: 12px 19px; font-size: 13.5px; }
    #vixel .portfolio #portfolioListResult .swiper { padding: 40px 0 0; }
    #vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide { width: 265px; }
    #vixel .portfolio #portfolioListResult .swiper .swiper-wrapper .swiper-slide .item { border-radius: 15px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.30); }
    #vixel .portfolio .portfolio_button { margin: 40px 0 0; }
    #vixel .portfolio .portfolio_button a { border-radius: 10px; font-size: 14.5px; padding: 15px 25px; }
}





#vixel .choice { background-image: url('../img/vixel/choice_bg.png'); }
#vixel .choice .content .text { text-align: center; }
#vixel .choice .content .text .numberBox { display: inline-block; position: relative; margin: 50px 0 0; }
#vixel .choice .content .text .numberBox .number1 { position: relative; z-index: 1; display: inline-block; font-family: 'Pretendard'; font-weight: 900;font-size: 150px; color: #fff; text-shadow: white 0.006em 0.006em 0.007em, #6461C7 1px 1px 1px,#6461C7 1px 2px 1px, #6461C7 1px 3px 1px, #6461C7 1px 4px 1px,#6461C7 1px 5px 1px, #6461C7 1px 6px 1px, #6461C7 1px 7px 1px, #6461C7 1px 8px 1px, #6461C7 1px 9px 1px, #6461C7 1px 10px 1px, #6461C7 1px 11px 1px, #6461C7 1px 12px 1px, rgba(127, 64, 255, 0.4) 1px 18px 6px, rgba(127, 64, 255, 0.2) 1px 22px 10px, rgba(127, 64, 255, 0.2) 1px 26px 35px, rgba(127, 64, 255, 0.4) 1px 30px 65px, white -0.15em -0.1em 100px; }
#vixel .choice .content .text .numberBox .number2 { position: absolute; top: 1px; left: 1px; z-index: 2; background: linear-gradient( 135deg, #FFD8CC,#F4E6FF,#CFCFFF,#A8A7FF); display: inline-block; font-family: 'Pretendard'; font-weight: 900; font-size: 150px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
#vixel .choice .content .text p { display: inline-block; color: #000; font-family: 'Pretendard'; font-size: 25px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.25px; margin: 30px 0 0; padding: 0 17px; position: relative; }
#vixel .choice .content .text p:after { content: ''; position: absolute; top: 16px; left: 0; right: 0; width: 100%; height: 20px; background: rgba(127, 64, 255, 0.20); }
#vixel .choice .content .list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 35px; margin: 65px 0 0; }
#vixel .choice .content .list .item { border-radius: 15px; border: 3px solid #7F40FF; background: rgba(255, 255, 255, 0.80); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); }
#vixel .choice .content .list .item .card { padding: 40px 0; }
#vixel .choice .content .list .item .card .thumb { text-align: center; }
#vixel .choice .content .list .item .card .thumb img { height: 205px; }
#vixel .choice .content .list .item .card div { margin: 32px 0 0; }
#vixel .choice .content .list .item .card div .label { color: #7F40FF; text-align: center; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.17px; }
#vixel .choice .content .list .item .card div h3 { color: #000; text-align: center; font-family: 'Pretendard'; font-size: 25px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.25px; margin: 10px 0 0; }
#vixel .choice .content .list .item .card div p:last-child { color: #565656; text-align: center; font-family: 'Pretendard'; font-size: 19px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: 0.19px; margin: 15px 0 0; }
#vixel .choice .content .list .item .card div p:last-child strong { color: #000; font-weight: 800; }
#vixel .choice .partner { margin: 90px 0 0; }
#vixel .choice .partner .list { margin: 30px 0 0; overflow: hidden; }
#vixel .choice .partner .list:first-child { margin: 0; }
#vixel .choice .partner .list ol { display: flex; width: max-content; animation: partnerMarquee 60s linear infinite; }
#vixel .choice .partner .list.reverse ol { animation: partnerMarqueeReverse 60s linear infinite; }
#vixel .choice .partner .list ol li { width: auto; padding: 0 140px 0 0; flex: 0 0 auto; }
#vixel .choice .partner .list ol li img { display: block; width: auto; height: auto; max-height: 75px; max-width: 100%; }


/* 애니메이션 */
@keyframes partnerMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes partnerMarqueeReverse {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

@media screen and (max-width:1600px) {
    #vixel .choice .content .text .numberBox { margin: 45px 0 0; }
    #vixel .choice .content .text .numberBox .number1 { font-size: 135px; color: #fff; text-shadow: white 0.006em 0.006em 0.007em, #6461C7 1px 1px 1px,#6461C7 1px 2px 1px, #6461C7 1px 3px 1px, #6461C7 1px 4px 1px,#6461C7 1px 5px 1px, #6461C7 1px 6px 1px, #6461C7 1px 7px 1px, #6461C7 1px 8px 1px, #6461C7 1px 9px 1px, #6461C7 1px 10px 1px, #6461C7 1px 11px 1px, #6461C7 1px 12px 1px, rgba(127, 64, 255, 0.4) 1px 18px 6px, rgba(127, 64, 255, 0.2) 1px 22px 10px, rgba(127, 64, 255, 0.2) 1px 24px 32px, rgba(127, 64, 255, 0.4) 1px 27px 59px, white -0.15em -0.1em 90px; }
    #vixel .choice .content .text .numberBox .number2 { font-size: 135px; }
    #vixel .choice .content .text p { font-size: 23.25px; margin: 27px 0 0; padding: 0 16px; }
    #vixel .choice .content .text p:after { top: 14.5px; height: 18.5px; }
    #vixel .choice .content .list { gap: 31.5px; margin: 59px 0 0; }
    #vixel .choice .content .list .item { border-radius: 14px; border: 3px solid #7F40FF; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15); }
    #vixel .choice .content .list .item .card { padding: 36px 0; }
    #vixel .choice .content .list .item .card .thumb img { height: 185px; }
    #vixel .choice .content .list .item .card div { margin: 29px 0 0; }
    #vixel .choice .content .list .item .card div .label { font-size: 16px; }
    #vixel .choice .content .list .item .card div h3 { font-size: 23.25px; margin: 10px 0 0; }
    #vixel .choice .content .list .item .card div p:last-child { font-size: 18px; margin: 14px 0 0; }
    #vixel .choice .partner { margin: 81px 0 0; }
    #vixel .choice .partner .list { margin: 27px 0 0; }
    #vixel .choice .partner .list ol li { padding: 0 120px 0 0; }
    #vixel .choice .partner .list ol li img { max-height: 66px; }
}
@media screen and (max-width:1280px) {
    #vixel .choice .content .text .numberBox { margin: 40px 0 0; }
    #vixel .choice .content .text .numberBox .number1 { font-size: 120px; color: #fff; text-shadow: white 0.006em 0.006em 0.007em, #6461C7 1px 1px 1px,#6461C7 1px 2px 1px, #6461C7 1px 3px 1px, #6461C7 1px 4px 1px,#6461C7 1px 5px 1px, #6461C7 1px 6px 1px, #6461C7 1px 7px 1px, #6461C7 1px 8px 1px, #6461C7 1px 9px 1px, #6461C7 1px 10px 1px, #6461C7 1px 11px 1px, #6461C7 1px 12px 1px, rgba(127, 64, 255, 0.4) 1px 18px 6px, rgba(127, 64, 255, 0.2) 1px 22px 10px, rgba(127, 64, 255, 0.2) 1px 22px 29px, rgba(127, 64, 255, 0.4) 1px 24px 53px, white -0.15em -0.1em 80px; }
    #vixel .choice .content .text .numberBox .number2 { font-size: 120px; }
    #vixel .choice .content .text p { font-size: 21.5px; margin: 24px 0 0; padding: 0 15px; }
    #vixel .choice .content .text p:after { top: 13px; height: 17px; }
    #vixel .choice .content .list { gap: 28px; margin: 53px 0 0; }
    #vixel .choice .content .list .item { border-radius: 13px; border: 3px solid #7F40FF; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15); }
    #vixel .choice .content .list .item .card { padding: 32px 0; }
    #vixel .choice .content .list .item .card .thumb img { height: 165px; }
    #vixel .choice .content .list .item .card div { margin: 26px 0 0; }
    #vixel .choice .content .list .item .card div .label { font-size: 15px; }
    #vixel .choice .content .list .item .card div h3 { font-size: 21.5px; margin: 10px 0 0; }
    #vixel .choice .content .list .item .card div p:last-child { font-size: 17px; margin: 13px 0 0; }
    #vixel .choice .partner { margin: 72px 0 0; }
    #vixel .choice .partner .list { margin: 24px 0 0; }
    #vixel .choice .partner .list ol li { padding: 0 100px 0 0; }
    #vixel .choice .partner .list ol li img { max-height: 57px; }
}
@media screen and (max-width:1024px) {
    #vixel .choice .content .text .numberBox { margin: 35px 0 0; }
    #vixel .choice .content .text .numberBox .number1 { font-size: 105px; color: #fff; text-shadow: white 0.006em 0.006em 0.007em, #6461C7 1px 1px 1px,#6461C7 1px 2px 1px, #6461C7 1px 3px 1px, #6461C7 1px 4px 1px,#6461C7 1px 5px 1px, #6461C7 1px 6px 1px, #6461C7 1px 7px 1px, #6461C7 1px 8px 1px, #6461C7 1px 9px 1px, #6461C7 1px 10px 1px, #6461C7 1px 11px 1px, #6461C7 1px 12px 1px, rgba(127, 64, 255, 0.4) 1px 18px 6px, rgba(127, 64, 255, 0.2) 1px 22px 10px, rgba(127, 64, 255, 0.2) 1px 20px 26px, rgba(127, 64, 255, 0.4) 1px 21px 47px, white -0.15em -0.1em 70px; }
    #vixel .choice .content .text .numberBox .number2 { font-size: 105px; }
    #vixel .choice .content .text p { font-size: 19.75px; margin: 21px 0 0; padding: 0 14px; }
    #vixel .choice .content .text p:after { top: 11.5px; height: 15.5px; }
    #vixel .choice .content .list { gap: 24.5px; margin: 47px 0 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #vixel .choice .content .list .item { border-radius: 12px; border: 3px solid #7F40FF; box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.15); }
    #vixel .choice .content .list .item .card { padding: 28px 0; }
    #vixel .choice .content .list .item .card .thumb img { height: 145px; }
    #vixel .choice .content .list .item .card div { margin: 23px 0 0; }
    #vixel .choice .content .list .item .card div .label { font-size: 14px; }
    #vixel .choice .content .list .item .card div h3 { font-size: 19.75px; margin: 10px 0 0; }
    #vixel .choice .content .list .item .card div p:last-child { font-size: 16px; margin: 12px 0 0; }
    #vixel .choice .partner { margin: 63px 0 0; }
    #vixel .choice .partner .list { margin: 21px 0 0; }
    #vixel .choice .partner .list ol li { padding: 0 80px 0 0; }
    #vixel .choice .partner .list ol li img { max-height: 48px; }
}
@media screen and (max-width:768px) {
    #vixel .choice .content .text .numberBox { margin: 30px 0 0; }
    #vixel .choice .content .text .numberBox .number1 { font-size: 90px; color: #fff; text-shadow: white 0.006em 0.006em 0.007em, #6461C7 1px 1px 1px,#6461C7 1px 2px 1px, #6461C7 1px 3px 1px, #6461C7 1px 4px 1px,#6461C7 1px 5px 1px, #6461C7 1px 6px 1px, #6461C7 1px 7px 1px, #6461C7 1px 8px 1px, #6461C7 1px 9px 1px, #6461C7 1px 10px 1px, #6461C7 1px 11px 1px, #6461C7 1px 12px 1px, rgba(127, 64, 255, 0.4) 1px 18px 6px, rgba(127, 64, 255, 0.2) 1px 22px 10px, rgba(127, 64, 255, 0.2) 1px 18px 23px, rgba(127, 64, 255, 0.4) 1px 18px 41px, white -0.15em -0.1em 60px; }
    #vixel .choice .content .text .numberBox .number2 { font-size: 90px; }
    #vixel .choice .content .text p { font-size: 18px; margin: 18px 0 0; padding: 0 13px; }
    #vixel .choice .content .text p:after { top: 10px; height: 14px; }
    #vixel .choice .content .list { gap: 21px; margin: 41px 0 0; }
    #vixel .choice .content .list .item { border-radius: 11px; border: 3px solid #7F40FF; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); }
    #vixel .choice .content .list .item .card { padding: 24px 0; }
    #vixel .choice .content .list .item .card .thumb img { height: 125px; }
    #vixel .choice .content .list .item .card div { margin: 20px 0 0; }
    #vixel .choice .content .list .item .card div .label { font-size: 13px; }
    #vixel .choice .content .list .item .card div h3 { font-size: 18px; margin: 10px 0 0; }
    #vixel .choice .content .list .item .card div p:last-child { font-size: 15px; margin: 11px 0 0; }
    #vixel .choice .partner { margin: 54px 0 0; }
    #vixel .choice .partner .list { margin: 18px 0 0; }
    #vixel .choice .partner .list ol li { padding: 0 60px 0 0; }
    #vixel .choice .partner .list ol li img { max-height: 39px; }
}
@media screen and (max-width:640px) {
    #vixel .choice .content .text .numberBox { margin: 25px 0 0; }
    #vixel .choice .content .text .numberBox .number1 { font-size: 75px; color: #fff; text-shadow: white 0.006em 0.006em 0.007em, #6461C7 1px 1px 1px,#6461C7 1px 2px 1px, #6461C7 1px 3px 1px, #6461C7 1px 4px 1px,#6461C7 1px 5px 1px, #6461C7 1px 6px 1px, #6461C7 1px 7px 1px, #6461C7 1px 8px 1px, #6461C7 1px 9px 1px, #6461C7 1px 10px 1px, #6461C7 1px 11px 1px, #6461C7 1px 12px 1px, rgba(127, 64, 255, 0.4) 1px 18px 6px, rgba(127, 64, 255, 0.2) 1px 22px 10px, rgba(127, 64, 255, 0.2) 1px 16px 20px, rgba(127, 64, 255, 0.4) 1px 15px 35px, white -0.15em -0.1em 50px; }
    #vixel .choice .content .text .numberBox .number2 { font-size: 75px; }
    #vixel .choice .content .text p { font-size: 16.25px; margin: 15px 0 0; padding: 0 12px; }
    #vixel .choice .content .text p:after { top: 8.5px; height: 12.5px; }
    #vixel .choice .content .list { gap: 17.5px; margin: 35px 0 0; }
    #vixel .choice .content .list .item { border-radius: 10px; border: 3px solid #7F40FF; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); }
    #vixel .choice .content .list .item .card { padding: 20px 0; }
    #vixel .choice .content .list .item .card .thumb img { height: 105px; }
    #vixel .choice .content .list .item .card div { margin: 17px 0 0; }
    #vixel .choice .content .list .item .card div .label { font-size: 12px; }
    #vixel .choice .content .list .item .card div h3 { font-size: 16.25px; margin: 10px 0 0; }
    #vixel .choice .content .list .item .card div p:last-child { font-size: 14px; margin: 10px 0 0; }
    #vixel .choice .partner { margin: 45px 0 0; }
    #vixel .choice .partner .list { margin: 15px 0 0; }
    #vixel .choice .partner .list ol li { padding: 0 40px 0 0; }
    #vixel .choice .partner .list ol li img { max-height: 30px; }
}





/* #vixel .price { overflow: visible; } */
/* #vixel .price .container { position: relative; } */
#vixel .price .layout { display: grid; grid-template-columns: 1fr 1.0779fr; align-items: stretch; margin: 60px 0 0; border-radius: 15px; background: #FFF; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.10); overflow: hidden; }
#vixel .price .layout .intro { padding: 40px; }
#vixel .price .layout .intro .eyebrow { color: #333; font-family: 'Pretendard'; font-size: 21px; font-style: normal; font-weight: 500; letter-spacing: 0.21px; background-image: url('../img/vixel/price_eyebrow.png'); background-repeat: no-repeat; background-size: 35px; line-height: 35px; background-position: left center; padding: 0 0 0 45px; }
#vixel .price .layout .intro h3 { color: #000; font-family: 'Pretendard'; font-size: 31px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.31px; margin: 20px 0 0; }
#vixel .price .layout .intro .text { color: #333; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: 0.17px; margin: 20px 0 0; }
#vixel .price .layout .intro div { margin: 30px 0 0; padding: 0 0 110px; }
#vixel .price .layout .intro div ul { display: grid; grid-template-columns: 0.54656fr 1fr; gap: 25px; }
#vixel .price .layout .intro div ul li { color: #000; font-family: 'Pretendard'; font-size: 21px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.21px; background-image: url('../img/vixel/price_check.png'); background-repeat: no-repeat; background-size: 25.5px;  background-position: left center; padding: 0 0 0 36px; }
#vixel .price .layout .featured { padding: 70px; background-image: url('../img/vixel/price_image.png'); background-repeat: no-repeat; background-size: cover; background-position: left top; }
#vixel .price .layout .featured .badge { color: #7F40FF; text-align: center; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.17px; }
#vixel .price .layout .featured h3 { color: #000; text-align: center; font-family: 'Pretendard'; font-size: 45px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.45px; margin: 10px 0 0; }
#vixel .price .layout .featured .text { color: #333; text-align: center; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.17px; margin: 15px 0 0; }
#vixel .price .layout .featured .value { margin: 10px 0 0; text-align: center; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.5); text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); }
#vixel .price .layout .featured .value p { display: inline-block; color: #7F40FF; }
#vixel .price .layout .featured .value p strong { font-family: 'Pretendard'; font-size: 75px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.75px; }
#vixel .price .layout .featured .value p span { font-family: 'Pretendard'; font-size: 45px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.45px; }
#vixel .price .layout .featured .value span.card_divider ,
#vixel .price .layout .featured .value span.card_period { color: #000; font-family: 'Pretendard'; font-size: 35px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.35px; }
#vixel .price .layout .featured .action { margin: 30px 0 0; text-align: center; }
#vixel .price .layout .featured .action a { border-radius: 15px; background: linear-gradient(180deg, #7F40FF 0%, #427BBF 100%); box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.30); color: #FFF; text-align: center; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.17px; padding: 20px 70px; }

#vixel .price .plans { margin: 20px 0 0; position: relative; padding: 0 0 177px; }
#vixel .price .plans .plan-list { position: absolute; bottom: 0; right: 0; width: 1273px; max-width: 100%; }
#vixel .price .plans .plan-list ul { display: grid; gap: 22px; }
#vixel .price .plans .plan-list ul.card4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#vixel .price .plans .plan-list ul.card3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#vixel .price .plans .plan-list ul li { border-radius: 15px; border: 1px solid #EAE6FF; background: #F7F5FF; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15); padding: 62px 30px 30px; position: relative; }
#vixel .price .plans .plan-list ul.cardText li { transform: translateX(10vw); opacity: 0; }
#vixel .price .plans .plan-list ul li .plan-discount { position: absolute; top: -21px; left: 0; width: 100%; color: #FFF; text-align: center; font-family: 'Pretendard'; font-size: 25px; font-style: normal; font-weight: 600; line-height: 195%; letter-spacing: 0.25px; height: 55px; background-repeat: no-repeat; background-size: contain; background-position: center; }
#vixel .price .plans .plan-list ul li .plan-discount.discount5 { background-image: url('../img/vixel/price_discount5.png'); }
#vixel .price .plans .plan-list ul li .plan-discount.discount10 { background-image: url('../img/vixel/price_discount10.png'); }
#vixel .price .plans .plan-list ul li .plan-discount.discount16 { background-image: url('../img/vixel/price_discount16.png'); }
#vixel .price .plans .plan-list ul li .plan-eng { color: #333; text-align: center; font-family: 'Pretendard'; font-size: 19px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.19px; }
#vixel .price .plans .plan-list ul li h4 { color: #000; text-align: center; font-family: 'Pretendard'; font-size: 25px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.25px; margin: 10px 0 0; }
#vixel .price .plans .plan-list ul li .plan-price { color: #000; font-family: 'Pretendard'; font-size: 33px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.33px; margin: 24px 0 0; text-align: center; } 
#vixel .price .plans .plan-list ul li .plan-price strong { font-size: 55px; font-weight: 600; }
#vixel .price .plans .plan-list ul li .plan-action { position: relative; padding: 55px 0 0; }
#vixel .price .plans .plan-list ul li .plan-action p { position: absolute; top: 5px; left: 0; right: 0; width: 100%; color: #7F40FF; text-align: center; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.17px; }
#vixel .price .plans .plan-list ul li .plan-action a { display: block; border-radius: 15px; border: 1px solid #7F40FF; background: #F7F5FF; box-shadow: 5px 5px 20px 0 rgba(127, 64, 255, 0.15); color: #7F40FF; text-align: center; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.17px; padding: 15px 0; }
#vixel .price .plans .plan-notice { color: #888; font-family: 'Pretendard'; font-size: 15px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 0.15px; padding: 0 1293px 0 0; }

@media screen and (max-width:1600px) {
    #vixel .price .layout { margin: 54px 0 0; border-radius: 14px; box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.10); grid-template-columns: 1fr 0.9779fr; }
    #vixel .price .layout .intro { padding: 36px; }
    #vixel .price .layout .intro .eyebrow { font-size: 19.5px; background-size: 32px; line-height: 32px; padding: 0 0 0 41px; }
    #vixel .price .layout .intro h3 { font-size: 29px; margin: 18px 0 0; }
    #vixel .price .layout .intro .text { font-size: 16.5px; margin: 18px 0 0; }
    #vixel .price .layout .intro div { margin: 27px 0 0; padding: 0 0 100px; }
    #vixel .price .layout .intro div ul { gap: 22.5px; grid-template-columns: 0.64656fr 1fr; }
    #vixel .price .layout .intro div ul li { font-size: 19.5px; background-size: 23.5px; padding: 0 0 0 33px; }
    /* #vixel .price .layout .featured { padding: 63px; } */
    #vixel .price .layout .featured .badge { font-size: 16.5px; }
    #vixel .price .layout .featured h3 { font-size: 41px; margin: 9px 0 0; }
    #vixel .price .layout .featured .text { font-size: 16.5px; margin: 14px 0 0; }
    #vixel .price .layout .featured .value { margin: 9px 0 0; }
    #vixel .price .layout .featured .value p strong { font-size: 68px; }
    #vixel .price .layout .featured .value p span { font-size: 41px; }
    #vixel .price .layout .featured .value span.card_divider ,
    #vixel .price .layout .featured .value span.card_period { font-size: 32px; }
    #vixel .price .layout .featured .action { margin: 27px 0 0; }
    #vixel .price .layout .featured .action a { border-radius: 14px; box-shadow: 10px 10px 27px 0 rgba(0, 0, 0, 0.30); font-size: 16.5px; padding: 18px 63px; }

    #vixel .price .plans { margin: 18px 0 0; padding: 0; }
    #vixel .price .plans .plan-list { position: static; bottom: auto; right: auto; width: auto; padding: 30px 0; margin: -150px 0 0; }
    #vixel .price .plans .plan-list ul { gap: 20px; }
    #vixel .price .plans .plan-list ul li { border-radius: 14px; box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.15); padding: 56px 27px 27px; }
    #vixel .price .plans .plan-list ul li .plan-discount { top: -19px; font-size: 23px; height: 50px; }
    #vixel .price .plans .plan-list ul li .plan-eng { font-size: 18px; }
    #vixel .price .plans .plan-list ul li h4 { font-size: 23px; margin: 9px 0 0; }
    #vixel .price .plans .plan-list ul li .plan-price { font-size: 30px; margin: 22px 0 0; } 
    #vixel .price .plans .plan-list ul li .plan-price strong { font-size: 50px; }
    #vixel .price .plans .plan-list ul li .plan-action { padding: 50px 0 0; }
    #vixel .price .plans .plan-list ul li .plan-action p { top: 4.5px; font-size: 16.5px; }
    #vixel .price .plans .plan-list ul li .plan-action a { border-radius: 14px; box-shadow: 5px 5px 18px 0 rgba(127, 64, 255, 0.15); font-size: 16.5px; padding: 14px 0; }
    #vixel .price .plans .plan-notice { font-size: 14.5px; padding: 0; clear: both;}
}
@media screen and (max-width:1280px) {
    #vixel .price .layout { margin: 48px 0 0; border-radius: 13px; box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.10); grid-template-columns: 1fr 0.8779fr; }
    #vixel .price .layout .intro { padding: 32px; }
    #vixel .price .layout .intro .eyebrow { font-size: 18px; background-size: 29px; line-height: 29px; padding: 0 0 0 37px; }
    #vixel .price .layout .intro h3 { font-size: 27px; margin: 16px 0 0; }
    #vixel .price .layout .intro .text { font-size: 16px; margin: 16px 0 0; }
    #vixel .price .layout .intro div { margin: 24px 0 0; padding: 0 0 90px; }
    #vixel .price .layout .intro div ul { gap: 20px; grid-template-columns: 0.74656fr 1fr; }
    #vixel .price .layout .intro div ul li { font-size: 18px; background-size: 21.5px; padding: 0 0 0 30px; }
    /* #vixel .price .layout .featured { padding: 56px; } */
    #vixel .price .layout .featured .badge { font-size: 16px; }
    #vixel .price .layout .featured h3 { font-size: 37px; margin: 8px 0 0; }
    #vixel .price .layout .featured .text { font-size: 16px; margin: 13px 0 0; }
    #vixel .price .layout .featured .value { margin: 8px 0 0; }
    #vixel .price .layout .featured .value p strong { font-size: 61px; }
    #vixel .price .layout .featured .value p span { font-size: 37px; }
    #vixel .price .layout .featured .value span.card_divider ,
    #vixel .price .layout .featured .value span.card_period { font-size: 29px; }
    #vixel .price .layout .featured .action { margin: 24px 0 0; }
    #vixel .price .layout .featured .action a { border-radius: 13px; box-shadow: 10px 10px 24px 0 rgba(0, 0, 0, 0.30); font-size: 16px; padding: 16px 56px; }

    #vixel .price .plans { margin: 16px 0 0; }
    #vixel .price .plans .plan-list { padding: 27px 0; margin: -135px 0 0; }
    #vixel .price .plans .plan-list ul { gap: 18px; }
    #vixel .price .plans .plan-list ul li { border-radius: 13px; box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.15); padding: 50px 24px 24px; }
    #vixel .price .plans .plan-list ul li .plan-discount { top: -17px; font-size: 21px; height: 45px; }
    #vixel .price .plans .plan-list ul li .plan-eng { font-size: 17px; }
    #vixel .price .plans .plan-list ul li h4 { font-size: 21px; margin: 8px 0 0; }
    #vixel .price .plans .plan-list ul li .plan-price { font-size: 27px; margin: 20px 0 0; } 
    #vixel .price .plans .plan-list ul li .plan-price strong { font-size: 45px; }
    #vixel .price .plans .plan-list ul li .plan-action { padding: 45px 0 0; }
    #vixel .price .plans .plan-list ul li .plan-action p { top: 4px; font-size: 16px; }
    #vixel .price .plans .plan-list ul li .plan-action a { border-radius: 13px; box-shadow: 5px 5px 16px 0 rgba(127, 64, 255, 0.15); font-size: 16px; padding: 13px 0; }
    #vixel .price .plans .plan-notice { font-size: 14px; }
}
@media screen and (max-width:1024px) {
    #vixel .price .layout { margin: 42px 0 0; border-radius: 12px; box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.10); grid-template-columns: 1fr; }
    #vixel .price .layout .intro { padding: 28px; }
    #vixel .price .layout .intro .eyebrow { font-size: 16.5px; background-size: 26px; line-height: 26px; padding: 0 0 0 33px; }
    #vixel .price .layout .intro h3 { font-size: 25px; margin: 14px 0 0; }
    #vixel .price .layout .intro .text { font-size: 15.5px; margin: 14px 0 0; }
    #vixel .price .layout .intro div { margin: 21px 0 0; padding: 0 0 0; }
    #vixel .price .layout .intro div ul { gap: 17.5px; grid-template-columns: 0.84656fr 1fr; }
    #vixel .price .layout .intro div ul li { font-size: 16.5px; background-size: 19.5px; padding: 0 0 0 27px; }
    #vixel .price .layout .featured { padding: 49px; }
    #vixel .price .layout .featured .badge { font-size: 15.5px; }
    #vixel .price .layout .featured h3 { font-size: 33px; margin: 7px 0 0; }
    #vixel .price .layout .featured .text { font-size: 15.5px; margin: 12px 0 0; }
    #vixel .price .layout .featured .value { margin: 7px 0 0; }
    #vixel .price .layout .featured .value p strong { font-size: 56px; }
    #vixel .price .layout .featured .value p span { font-size: 33px; }
    #vixel .price .layout .featured .value span.card_divider ,
    #vixel .price .layout .featured .value span.card_period { font-size: 26px; }
    #vixel .price .layout .featured .action { margin: 21px 0 0; }
    #vixel .price .layout .featured .action a { border-radius: 12px; box-shadow: 10px 10px 21px 0 rgba(0, 0, 0, 0.30); font-size: 15.5px; padding: 14px 49px; }

    #vixel .price .plans { margin: 14px 0 0; }
    #vixel .price .plans .plan-list { padding: 24px 0; margin: -45px 0 0; }
    #vixel .price .plans .plan-list ul { gap: 16px; }
    #vixel .price .plans .plan-list ul.card4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #vixel .price .plans .plan-list ul.card3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #vixel .price .plans .plan-list ul li { border-radius: 12px; box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.15); padding: 44px 21px 21px; }
    #vixel .price .plans .plan-list ul li .plan-discount { top: -15px; font-size: 19px; height: 40px; }
    #vixel .price .plans .plan-list ul li .plan-eng { font-size: 16px; }
    #vixel .price .plans .plan-list ul li h4 { font-size: 19px; margin: 7px 0 0; }
    #vixel .price .plans .plan-list ul li .plan-price { font-size: 24px; margin: 18px 0 0; } 
    #vixel .price .plans .plan-list ul li .plan-price strong { font-size: 40px; }
    #vixel .price .plans .plan-list ul li .plan-action { padding: 40px 0 0; }
    #vixel .price .plans .plan-list ul li .plan-action p { top: 3.5px; font-size: 15.5px; }
    #vixel .price .plans .plan-list ul li .plan-action a { border-radius: 12px; box-shadow: 5px 5px 14px 0 rgba(127, 64, 255, 0.15); font-size: 15.5px; padding: 12px 0; }
    #vixel .price .plans .plan-notice { font-size: 13.5px; }
}
@media screen and (max-width:768px) {
    #vixel .price .layout { margin: 36px 0 0; border-radius: 11px; box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.10); }
    #vixel .price .layout .intro { padding: 24px; }
    #vixel .price .layout .intro .eyebrow { font-size: 15px; background-size: 23px; line-height: 23px; padding: 0 0 0 29px; }
    #vixel .price .layout .intro h3 { font-size: 23px; margin: 12px 0 0; }
    #vixel .price .layout .intro .text { font-size: 15px; margin: 12px 0 0; }
    #vixel .price .layout .intro div { margin: 18px 0 0; padding: 0 0 0; }
    #vixel .price .layout .intro div ul { gap: 15px; grid-template-columns: 0.94656fr 1fr; }
    #vixel .price .layout .intro div ul li { font-size: 15px; background-size: 17.5px; padding: 0 0 0 24px; }
    #vixel .price .layout .featured { padding: 42px; }
    #vixel .price .layout .featured .badge { font-size: 15px; }
    #vixel .price .layout .featured h3 { font-size: 29px; margin: 6px 0 0; }
    #vixel .price .layout .featured .text { font-size: 15px; margin: 11px 0 0; }
    #vixel .price .layout .featured .value { margin: 6px 0 0; }
    #vixel .price .layout .featured .value p strong { font-size: 49px; }
    #vixel .price .layout .featured .value p span { font-size: 29px; }
    #vixel .price .layout .featured .value span.card_divider ,
    #vixel .price .layout .featured .value span.card_period { font-size: 23px; }
    #vixel .price .layout .featured .action { margin: 18px 0 0; }
    #vixel .price .layout .featured .action a { border-radius: 11px; box-shadow: 10px 10px 18px 0 rgba(0, 0, 0, 0.30); font-size: 15px; padding: 12px 42px; }

    #vixel .price .plans { margin: 12px 0 0; }
    #vixel .price .plans .plan-list { padding: 21px 0; margin: -40px 0 0; }
    #vixel .price .plans .plan-list ul { gap: 14px; }
    #vixel .price .plans .plan-list ul li { border-radius: 11px; box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.15); padding: 38px 18px 18px; }
    #vixel .price .plans .plan-list ul li .plan-discount { top: -13px; font-size: 17px; height: 35px; }
    #vixel .price .plans .plan-list ul li .plan-eng { font-size: 15px; }
    #vixel .price .plans .plan-list ul li h4 { font-size: 17px; margin: 6px 0 0; }
    #vixel .price .plans .plan-list ul li .plan-price { font-size: 21px; margin: 16px 0 0; } 
    #vixel .price .plans .plan-list ul li .plan-price strong { font-size: 35px; }
    #vixel .price .plans .plan-list ul li .plan-action { padding: 35px 0 0; }
    #vixel .price .plans .plan-list ul li .plan-action p { top: 3px; font-size: 15px; }
    #vixel .price .plans .plan-list ul li .plan-action a { border-radius: 11px; box-shadow: 5px 5px 12px 0 rgba(127, 64, 255, 0.15); font-size: 15px; padding: 11px 0; }
    #vixel .price .plans .plan-notice { font-size: 13px; }
}
@media screen and (max-width:640px) {
    #vixel .price .layout { margin: 30px 0 0; border-radius: 10px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10); }
    #vixel .price .layout .intro { padding: 20px; }
    #vixel .price .layout .intro .eyebrow { font-size: 13.5px; background-size: 20px; line-height: 20px; padding: 0 0 0 25px; }
    #vixel .price .layout .intro h3 { font-size: 21px; margin: 10px 0 0; }
    #vixel .price .layout .intro .text { font-size: 14.5px; margin: 10px 0 0; }
    #vixel .price .layout .intro div { margin: 15px 0 0; padding: 0 0 0; }
    #vixel .price .layout .intro div ul { gap: 12.5px; }
    #vixel .price .layout .intro div ul li { font-size: 13.5px; background-size: 15.5px; padding: 0 0 0 21px; }
    #vixel .price .layout .featured { padding: 35px; }
    #vixel .price .layout .featured .badge { font-size: 14.5px; }
    #vixel .price .layout .featured h3 { font-size: 25px; margin: 5px 0 0; }
    #vixel .price .layout .featured .text { font-size: 14.5px; margin: 10px 0 0; }
    #vixel .price .layout .featured .value { margin: 5px 0 0; }
    #vixel .price .layout .featured .value p strong { font-size: 42px; }
    #vixel .price .layout .featured .value p span { font-size: 25px; }
    #vixel .price .layout .featured .value span.card_divider ,
    #vixel .price .layout .featured .value span.card_period { font-size: 20px; }
    #vixel .price .layout .featured .action { margin: 15px 0 0; }
    #vixel .price .layout .featured .action a { border-radius: 10px; box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.30); font-size: 14.5px; padding: 10px 35px; }

    #vixel .price .plans { margin: 10px 0 0; }
    #vixel .price .plans .plan-list { padding: 18px 0; margin: -35px 0 0; }
    #vixel .price .plans .plan-list ul { gap: 12px; }
    #vixel .price .plans .plan-list ul li { border-radius: 10px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); padding: 32px 15px 15px; }
    #vixel .price .plans .plan-list ul li .plan-discount { top: -11px; font-size: 15px; height: 30px; }
    #vixel .price .plans .plan-list ul li .plan-eng { font-size: 14px; }
    #vixel .price .plans .plan-list ul li h4 { font-size: 15px; margin: 5px 0 0; }
    #vixel .price .plans .plan-list ul li .plan-price { font-size: 18px; margin: 14px 0 0; } 
    #vixel .price .plans .plan-list ul li .plan-price strong { font-size: 30px; }
    #vixel .price .plans .plan-list ul li .plan-action { padding: 30px 0 0; }
    #vixel .price .plans .plan-list ul li .plan-action p { top: 2.5px; font-size: 14.5px; }
    #vixel .price .plans .plan-list ul li .plan-action a { border-radius: 10px; box-shadow: 5px 5px 10px 0 rgba(127, 64, 255, 0.15); font-size: 14.5px; padding: 10px 0; }
    #vixel .price .plans .plan-notice { font-size: 12.5px; }
}





#vixel .finalCta{ background-image: url('../img/vixel/banner_bg.png');}
#vixel .finalCta .s{ color: #7F40FF;}





#vixel .faq { background-image: url('../img/vixel/faq_bg.png'); }
#vixel .faq .list { display: flex; flex-direction: column; gap: 30px; margin: 60px 0 0; }
#vixel .faq .list .item { border-radius: 15px; border: 1px solid #DDD; background: rgba(255, 255, 255, 0.70); }
#vixel .faq .list .item.is-open { background: #FFF; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25); }
#vixel .faq .list .item .question .button { position: relative; width: 100%; display: flex; align-items: center; gap: 24px; cursor: pointer; color: #222; padding: 35px; }
#vixel .faq .list .item .question .button span { color: #555; font-family: 'Pretendard'; font-size: 25px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.25px; text-align: left; }
#vixel .faq .list .item.is-open .question .button { padding-bottom: 20px; }
#vixel .faq .list .item.is-open .question .button span { color: #000; }
#vixel .faq .list .item .question .button .icon { position: relative; flex: 0 0 27px; width: 27px; height: 27px; }
#vixel .faq .list .item .question .button .icon::before,
#vixel .faq .list .item .question .button .icon::after { content: ''; position: absolute; top: 50%; left: 50%; background: #7F40FF; border-radius: 1.5px; transform: translate(-50%, -50%); transition: all 0.25s ease; }
#vixel .faq .list .item .question .button .icon::before { width: 27px; height: 3px; }
#vixel .faq .list .item .question .button .icon::after { width: 3px; height: 27px; }
#vixel .faq .list .item .question .button[aria-expanded="true"] .icon::before { background: #FF4949; }
#vixel .faq .list .item .question .button[aria-expanded="true"] .icon::after { height: 3px; opacity: 0; }
#vixel .faq .list .item .answer { display: none; }
#vixel .faq .list .item .answer .inner { padding: 0 35px 35px 87px; color: #333; font-family: 'Pretendard'; font-size: 17px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: 0.17px; }

@media screen and (max-width:1600px) {
    #vixel .faq .list { gap: 27px; margin: 54px 0 0; }
    #vixel .faq .list .item { border-radius: 14px; }
    #vixel .faq .list .item.is-open { box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.25); }
    #vixel .faq .list .item .question .button { gap: 22px; padding: 32px; }
    #vixel .faq .list .item.is-open .question .button { padding-bottom: 19px; }
    #vixel .faq .list .item .question .button span { font-size: 23.25px; }
    #vixel .faq .list .item .question .button .icon { flex: 0 0 25px; width: 25px; height: 25px; }
    #vixel .faq .list .item .question .button .icon::before { width: 24.5px; height: 3px; }
    #vixel .faq .list .item .question .button .icon::after { width: 3px; height: 24.5px; }
    #vixel .faq .list .item .question .button[aria-expanded="true"] .icon::after { height: 3px; opacity: 0; }
    #vixel .faq .list .item .answer .inner { padding: 0 32px 32px 80px; font-size: 16.3px; }
}
@media screen and (max-width:1280px) {
    #vixel .faq .list { gap: 24px; margin: 48px 0 0; }
    #vixel .faq .list .item { border-radius: 13px; }
    #vixel .faq .list .item.is-open { box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.25); }
    #vixel .faq .list .item .question .button { gap: 20px; padding: 29px; }
    #vixel .faq .list .item.is-open .question .button { padding-bottom: 18px; }
    #vixel .faq .list .item .question .button span { font-size: 21.5px; }
    #vixel .faq .list .item .question .button .icon { flex: 0 0 23px; width: 23px; height: 23px; }
    #vixel .faq .list .item .question .button .icon::before { width: 22px; height: 2.5px; }
    #vixel .faq .list .item .question .button .icon::after { width: 2.5px; height: 22px; }
    #vixel .faq .list .item .question .button[aria-expanded="true"] .icon::after { height: 2.5px; opacity: 0; }
    #vixel .faq .list .item .answer .inner { padding: 0 29px 29px 73px; font-size: 15.6px; }
}
@media screen and (max-width:1024px) {
    #vixel .faq .list { gap: 21px; margin: 42px 0 0; }
    #vixel .faq .list .item { border-radius: 12px; }
    #vixel .faq .list .item.is-open { box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.25); }
    #vixel .faq .list .item .question .button { gap: 18px; padding: 26px; }
    #vixel .faq .list .item.is-open .question .button { padding-bottom: 17px; }
    #vixel .faq .list .item .question .button span { font-size: 19.75px; }
    #vixel .faq .list .item .question .button .icon { flex: 0 0 21px; width: 21px; height: 21px; }
    #vixel .faq .list .item .question .button .icon::before { width: 19.5px; height: 2.5px; }
    #vixel .faq .list .item .question .button .icon::after { width: 2.5px; height: 19.5px; }
    #vixel .faq .list .item .question .button[aria-expanded="true"] .icon::after { height: 2.5px; opacity: 0; }
    #vixel .faq .list .item .answer .inner { padding: 0 26px 26px 66px; font-size: 14.9px; }
}
@media screen and (max-width:768px) {
    #vixel .faq .list { gap: 18px; margin: 36px 0 0; }
    #vixel .faq .list .item { border-radius: 11px; }
    #vixel .faq .list .item.is-open { box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.25); }
    #vixel .faq .list .item .question .button { gap: 16px; padding: 23px; }
    #vixel .faq .list .item.is-open .question .button { padding-bottom: 16px; }
    #vixel .faq .list .item .question .button span { font-size: 18px; }
    #vixel .faq .list .item .question .button .icon { flex: 0 0 19px; width: 19px; height: 19px; }
    #vixel .faq .list .item .question .button .icon::before { width: 17px; height: 2px; }
    #vixel .faq .list .item .question .button .icon::after { width: 2px; height: 17px; }
    #vixel .faq .list .item .question .button[aria-expanded="true"] .icon::after { height: 2px; opacity: 0; }
    #vixel .faq .list .item .answer .inner { padding: 0 23px 23px 59px; font-size: 14.2px; }
}
@media screen and (max-width:640px) {
    #vixel .faq .list { gap: 15px; margin: 30px 0 0; }
    #vixel .faq .list .item { border-radius: 10px; }
    #vixel .faq .list .item.is-open { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); }
    #vixel .faq .list .item .question .button { gap: 14px; padding: 20px; }
    #vixel .faq .list .item.is-open .question .button { padding-bottom: 15px; }
    #vixel .faq .list .item .question .button span { font-size: 16.25px; }
    #vixel .faq .list .item .question .button .icon { flex: 0 0 17px; width: 17px; height: 17px; }
    #vixel .faq .list .item .question .button .icon::before { width: 14.5px; height: 2px; }
    #vixel .faq .list .item .question .button .icon::after { width: 2px; height: 14.5px; }
    #vixel .faq .list .item .question .button[aria-expanded="true"] .icon::after { height: 2px; opacity: 0; }
    #vixel .faq .list .item .answer .inner { padding: 0 20px 20px 52px; font-size: 13.5px; }
}