@charset "UTF-8";

/* ========== Header ========================= */
#header {position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 8rem;border-bottom: 1px solid var(--gray_6, #F7F7F7);background: rgba(255, 255, 255, 0.88);backdrop-filter: blur(4px);z-index: 100;}
.header-inner {width: 100%;max-width: 126rem;height: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0 3rem;margin: 0 auto;}
.header-inner .logo {flex-shrink: 0;}
.header-inner .logo > a {width: 13.3rem;display: flex;align-items: center;}
.header-inner .main-menu {display: flex;column-gap: 6.4rem;}
.header-inner .main-menu > li {position: relative;}
.header-inner .main-menu > li.on .sub-menu {opacity: 1;visibility: visible;}
.header-inner .main-menu .depth-1 {display: flex;justify-content: space-between;align-items: center;width: 13.2rem;color: var(--navy, #02176A);font-size: 1.6rem;font-weight: 700;text-align:left}
.header-inner .main-menu .depth-1 svg {width: 1.3rem;}
.header-inner .main-menu .depth-1:hover, .header-inner .main-menu > li.on .depth-1 {background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: var(--ai_purple, #7748F4);}
.header-inner .sub-menu {transition: 0.2s;opacity: 0;visibility: hidden;position: absolute;top: calc(100% + 2rem);left: -0.8rem;width: 14.8rem;padding: 0.6rem 1.6rem;border-radius: 0.8rem;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));box-shadow: 0 12px 14px 0 rgb(0 0 0 / 20%);}
.header-inner .sub-menu > li {border-bottom: 1px solid rgba(249, 246, 255, 0.20);padding: 0.6rem 0;}
.header-inner .sub-menu > li:last-child {border-bottom: none;}
.header-inner .sub-menu .depth-2 {display: block;padding: 0.6rem;color: var(--white, #FFF);text-align: center;font-size: 1.4rem;font-weight: 500;}
/* 모바일 전용 nav head */
.header-inner .nav .nav-head {padding-bottom: 1px}
.header-inner .nav .nav-head .inner {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--gray_5, #E7E7E7);background: var(--white, #FFF);padding: 1.9rem 2rem;}


/* ========== Footer ========================= */
#footer {width: 100%;background: var(--hover_gray, #F9F9F9);}
.footer-inner {width: 100%;max-width: 126rem;height: 100%;padding: 0 3rem; margin: 0 auto;}
.footer-inner .footer-top {display: flex;row-gap: 1.2rem;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 6rem 0 4.6rem;}
.footer-inner .footer-top .logo {flex: 0 0 100%;}
.footer-inner .footer-top .logo > a {display: block;width: 13rem;height: 4.3rem;background: url(../images/logo.svg) no-repeat center / contain;}
.footer-inner .footer-top .text {color: var(--navy, #02176A);font-size: 2rem;font-weight: 400;line-height: 100%;}
.footer-inner .footer-top .link {transition: 0.2s;display: inline-flex;align-items: center;column-gap: 1.8rem;padding: 1.3rem 2.6rem;color: var(--gray_0, #333);font-size: 1.4rem;font-weight: 500;border-radius: 10rem;border: 1px solid transparent;margin-left: 2.4rem;}
.footer-inner .footer-top .link svg {width: 1.8rem;}
.footer-inner .footer-top .link:hover {background: var(--ai_purple, #7748F4);color: var(--white, #FFF);font-weight: 700;border: 1px solid var(--ai_purple, #7748F4);}
.footer-inner .footer-top .link-outline {border: 1px solid var(--gray_4, #D7D7D7);}
.footer-inner .footer-top .link-gray {background: var(--gray_5, #E7E7E7);}
.footer-inner .footer-bottom {border-top: 1px solid #E7E7E7;padding: 2.8rem 0 3.2rem;}
.footer-inner .footer-bottom .copyright {color: var(--gray_3, #BEBEBE);font-size: 1.3rem;font-weight: 500;line-height: 100%;}


/* ========== fixed-btns ========================= */
.fixed-btns {position: fixed;right: 5.4rem;bottom: 5rem;display: flex;flex-direction: column;align-items: center;gap: 4.5rem;z-index: 60;}
.fixed-btns .scrolltop-btn {color: var(--gray_3, #BEBEBE);transition: 0.2s;}
.fixed-btns .scrolltop-btn:hover {color: #7748F4;}
.fixed-btns .chat-btn {width: 12rem;height: 12rem;border-radius: 20rem;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));}
.fixed-btns .chat-btn:hover {background: var(--navy, #02176A);}
.fixed-btns .chat-btn .icon {position: relative;width: 100%;height: 100%;background: url(../images/chat_icon.svg) no-repeat center;padding: 0;}
.fixed-btns .chat-btn .icon::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/chat_txt.png) no-repeat center;
 animation: rotateAni 9s linear infinite;}
@keyframes rotateAni {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}


/* ========== Component ========================= */
/* 공통 Ani */
@keyframes titleAni {
  0% {transform: translateY(-3rem); opacity: 0;}
  100% {transform: translateY(-0); opacity: 1;}
} 
@keyframes contentAni {
  0% {transform: translateY(3rem); opacity: 0;}
  100% {transform: translateY(-0); opacity: 1;}
} 
@keyframes leftAni {
  0% {opacity: 0;transform: translateX(-10%);}
  100% {opacity: 1;transform: translateX(0%);}
} 
@keyframes rightAni {
  0% {opacity: 0;transform: translateX(10%);}
  100% {opacity: 1;transform: translateX(0%);}
}
@keyframes spreadAni {
  from {margin: 0 -2rem;}
  to {margin: 0 0; }
}
/* required */
.required {color: var(--point, #F6345F);}
/* btn */
.btn {padding: 1.1rem 2.4rem;font-size: 1.4rem;font-weight: 700;line-height: normal;;border-radius: 10rem;cursor: pointer;}
.btn-primary {background: var(--navy, #02176A);color: var(--white, #FFF);}
.btn-primary:hover {background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));}
.btn-outline {box-shadow: inset 0 0 0 2px var(--navy, #02176A);background: var(--white, #FFF);color: var(--navy, #02176A);}
.btn-outline:hover {box-shadow: inset 0 0 0 2px var(--ai_purple, #7748F4);color: var(--ai_purple, #7748F4);}

/* indicator */
.indicator .dots {display: flex;column-gap: 1.2rem;justify-content: center;align-items: center;}
.indicator .dot {width: 1rem;height: 1rem;border-radius: 1rem;background: var(--bg_purple, #F8F7FD);border: 1px solid var(--ai_purple, #7748F4);}
.indicator .dot.active {background: var(--ai_purple, #7748F4);}

/* breadcrumb */
.breadcrumb {height: 6.4rem;background: var(--hover_gray, #F9F9F9);}
.breadcrumb .inner {height: 100%;display: flex;align-items: center;max-width: 126rem;padding-left: 3rem;padding-right: 3rem;margin: 0 auto;}
.breadcrumb .link-home {width: 1.8rem;color: var(--gray_3, #BEBEBE);margin-right: 2.4rem;}
.breadcrumb .link-home:hover {color: var(--ai_purple, #7748F4);}
.breadcrumb .parent {color: var(--gray_2, #898989);font-size: 1.5rem;font-weight: 500;line-height: 100%;border-left: 1px solid var(--gray_5, #E7E7E7);padding: 0 2.4rem;}
.breadcrumb .current {color: var(--navy, #02176A);font-size: 1.5rem;font-weight: 500;line-height: 100%;padding: 0 2.4rem;border-left: 1px solid var(--gray_5, #E7E7E7);}

/* tabs */
.sticky-tabs {position: sticky;top: 8rem;max-width: 120rem;z-index: 50;transition: 0.2s;margin: 0 auto;
  border-radius: 0.8rem;border: 1px solid #7748F4;background: rgba(111, 63, 239, 0.90);box-shadow: 0 3px 1px 0 rgb(0 0 0 / 20%);backdrop-filter: blur(2px);}
.sticky-tabs.is-sticky {max-width: 100%;width: 100%;border-radius: 0;}
.sticky-tabs ul {max-width: 120rem;height: 7.6rem;display: flex;column-gap: 1rem;justify-content: center;align-items: center;padding: 1.3rem;margin: 0 auto;}
.sticky-tabs ul li {flex: 1;height: 100%;}
.sticky-tabs ul li a {display: flex;justify-content: center;align-items: center;height: 100%;border-radius: 0.8rem;background: #7143ED;text-align: center;padding: 1rem;}
.sticky-tabs ul li a > span {color: var(--bg_purple, #F8F7FD);text-align: center;font-size: 1.5rem;font-weight: 700;}
.sticky-tabs ul li.active a {background: var(--white, #FFF);box-shadow: 0 2px 4px 0 rgba(99, 99, 99, 0.50);}
.sticky-tabs ul li.active a > span {background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tab-contents .tab-panel {display: none;}
.tab-contents .tab-panel.active {display: block;}

/* privacy */
#contents.privacy-page {padding: 0;min-height: 100%}
.privacy-area {position: relative;max-width: 140rem;padding: 1.5rem 3rem;margin: 0 auto;}
.privacy-area .close-btn {display: none;position: absolute;right: 2rem;top: 2rem;color: var(--navy_txt, #333F54);padding: 1rem;}
.privacy-area .close-btn svg {width: 2rem;height: 2rem;}
.privacy-area h2 {color: var(--ai_purple, #7748F4);font-size: 6rem;font-weight: 800;line-height: 140%;padding: 5.1rem 0 10.6rem;}
.privacy-area .desc {color: var(--navy_txt, #333F54);font-size: 1.8rem;font-weight: 400;line-height: 160%;margin-bottom: 1.6rem;}
.privacy-area .content h3 {color: var(--navy_txt, #333F54);font-size: 3.2rem;font-weight: 700;margin: 6rem 0 3rem;word-break: keep-all;}
.privacy-area .content ol {padding-left: 2.8rem;}
.privacy-area .content ol li {color: var(--navy_txt, #333F54);font-size: 1.8rem;font-weight: 400;line-height: 160%;margin-bottom: 1.6rem;}
.privacy-area .content a {text-decoration: underline;}
.privacy-area .content a:hover {color: var(--ai_purple, #7748F4);}

/* ========== Contents ========================= */
#contents {padding-top: 8rem;min-height: calc(100vh - 28.8rem);}
[class*="-section"] > .inner {max-width: 120rem;margin: 0 auto;}

/* intro-section */
.intro-section {padding: 6.4rem 0 0;}
.intro-section .title-area {min-height: 21.4rem;}
.intro-section .title-area .tit {color: var(--navy, #02176A);font-size: 4.8rem;font-weight: 900;line-height: 6.5rem;}
.intro-section .title-area .sub-tit {color: var(--navy_txt, #333F54);font-size: 2.4rem;font-weight: 700;line-height: 4.4rem;}
.intro-section .title-area .desc {color: var(--navy_txt, #333F54);font-size: 1.8rem;font-weight: 500;line-height: 3.7rem;}
.intro-section .title-area .desc b {color: var(--ai_purple, #7748F4);font-weight: 500;}
.intro-section .title-area .dot {display: block;width: 0.8rem;height: 0.8rem;border-radius: 0.8rem;background: var(--ai_purple, #7748F4);margin: 2rem auto 1.8rem;}
.intro-section .title-area p {position: relative;text-align: center;line-height: normal;}
/* ani */
.intro-section .intro-ani p {overflow: hidden;}
.intro-section .intro-ani p > span {display: block;transform: translateY(100%);}
.intro-section .intro-ani .tit span {animation: introAni 0.7s linear forwards;}
.intro-section .intro-ani .sub-tit span {animation: introAni 0.7s linear forwards;}
.intro-section .intro-ani .desc span {animation: introAni 0.7s linear 0.3s forwards;}
.intro-section .intro-ani .dot {animation: introDotAni 0.7s linear forwards;}
@keyframes introAni {
  0% {transform: translateY(100%);}
  100% {transform: translateY(0%);}
}
@keyframes introDotAni {
  0% {transform: translateY(2rem);opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}
}
.intro-section .content-area {padding: 5.5rem 0 10.6rem;}

/* infographic */
.suite-infographic {max-width: 96.8rem;width: 100%;height: 33.6rem;border-radius: 50rem;background: url(../images/suite_info_pc.png) no-repeat center / cover;padding: 4.4rem 5.5rem; margin: 0 auto;overflow: hidden;}
.suite-infographic .infographic {position: relative;width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;padding: 2.4rem;}
.suite-infographic .infographic::before {content: '';position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;border-radius: 80rem;background: rgba(151, 71, 255, 0.54);mix-blend-mode: multiply;}
.suite-infographic .group {position: relative;display: flex;z-index: 3;}
.suite-infographic .group::before {content: '';position: absolute;top: 50%;left: 100%;transform: translateY(-50%);display: block;width: 23.2rem;height: 0.2rem;background: var(--white, #FFF);}
.suite-infographic .group::after {content: '';position: absolute;top: 50%;left: calc(100% + 22.8rem);transform: translateY(-50%);display: block;width: 1rem;height: 1rem;border-radius: 1rem;background: var(--white, #FFF);}
.suite-infographic .group .plus {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;}
.suite-infographic .circle {display: inline-flex;justify-content: center;align-items: center;width: 20rem;height: 20rem;border-radius: 20rem;z-index: 1;}
.suite-infographic .circle:first-child {margin-right: -2.2rem;}
.suite-infographic .bg-white {background: var(--white, #FFF);}
.suite-infographic .bg-white p {font-size: 2rem;font-weight: 900;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.suite-infographic .bg-gradient {position: relative;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));}
.suite-infographic .bg-gradient p {color: var(--white, #FFF);font-size: 2.4rem;font-weight: 900;}

/* introduce-section ========================= */
.introduce-section {position: relative;}
.introduce-section::before {content: '';opacity: 0;transition: 1s;display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 1rem;background: url(../images/introduce_bg_pc.png) no-repeat center top / cover;}
.introduce-section::after {content: '';opacity: 0;transition: 1s;display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 1rem;background: url(../images/introduce_XpilotAI_bg.png) no-repeat center top 6rem / auto;mix-blend-mode: multiply;}
.introduce-section .title-area {position: relative;z-index: 1;padding: 10.1rem 0 6.8rem;}
.introduce-section .title-area .tit {display: flex;align-items: center;color: var(--white, #FFF);font-size: 5.6rem;font-weight: 900;line-height: 100%;}
.introduce-section .title-area .point {display: inline-block;color: var(--white, #FFF);font-size: 3.6rem;font-weight: 900;line-height: 100%;border-radius: 20rem;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));padding: 1.6rem 2.3rem;margin: 0 0.8rem;}
.introduce-section .content-area .introduce-list {position: relative;display: flex;justify-content: center;gap: 1.6rem;z-index: 1;padding-bottom: 10.1rem;}
.introduce-section .content-area .introduce-list li {flex: 1;display: flex;max-width: 28.8rem;border-radius: 3.2rem;background: var(--white, #FFF);padding: 3.2rem 1rem 4.5rem 3.2rem;flex-direction: column;align-items: flex-start;}
.introduce-section .content-area .introduce-list li .icon {width: 9.6rem;height: auto;display: inline-flex;justify-content: center;align-items: center;margin-bottom: 1.2rem;}
.introduce-section .content-area .introduce-list li .tit {color: var(--navy, #02176A);font-size: 2rem;font-weight: 700;}
.introduce-section .content-area .introduce-list li .desc {color: var(--navy_txt, #333F54);font-size: 1.6rem;font-weight: 500;line-height: 150%;margin-top: 1.4rem;}

.introduce-section.play::before {opacity: 1;top: 0;}
.introduce-section.play::after {opacity: 1;top: 0;}
.introduce-section.play .content-area .introduce-list li {animation: spreadAni 0.5s ease-out 0.8s forwards;}


/* architecture-section ========================= */
.architecture-section .inner {max-width: 126rem;padding: 10.6rem 3rem 15.4rem;margin: 0 auto;}
.architecture-section .architecture-box-item {display: flex;flex-wrap: wrap;gap: 6rem;width: 100%;border-radius: 2.4rem;border: 4px solid var(--gray_0, #333);background: var(--white, #FFF);box-shadow: 0 16px 48px 0 rgba(148, 148, 148, 0.25);padding: 8.5rem 8.8rem 8rem;margin-top: 8rem;}
.architecture-section .architecture-box-item:first-child {margin-top: 0;}
.architecture-section .item-tit {width: 42.3rem;flex-shrink: 0;;display: flex;flex-direction: column;}
.architecture-section .item-tit .label {font-size: 2.2rem;font-weight: 400;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 1.5rem;}
.architecture-section .item-tit .label b {background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 900;}
.architecture-section .item-tit .tit {color: var(--black, #111);font-size: 4.8rem;font-weight: 400;}
.architecture-section .item-tit .desc {color: var(--gray_0, #333);font-size: 1.6rem;font-weight: 500;line-height: 200%;margin-top: 4.6rem;}
.architecture-section .item-tit .tag-wrap {display: flex;flex-wrap: wrap;gap: 1.6rem;margin-top: auto;}
.architecture-section .item-tit .tag {border-radius: 0.8rem;background: var(--bg_purple, #F8F7FD);padding: 0.7rem 1.6rem;}
.architecture-section .item-tit .tag span {font-size: 1.6rem;font-weight: 500;line-height: 100%;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.architecture-section .item-cont {flex: auto;display: flex;flex-direction: column;gap: 4.8rem;}
.architecture-section .item-cont .group .tit {display: flex;justify-content: flex-start;align-items: center;font-size: 1.8rem;font-weight: 700;line-height: 100%;margin-bottom: 1.8rem;}
.architecture-section .item-cont .group .tit span {flex-shrink: 0;margin-right: 1rem;}
.architecture-section .item-cont .group .tit::after {content: '';display: inline-block;width: 100%;height: 1px;background: #E7E7E7;}
.architecture-section .item-cont .group .label-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 0.8rem;}
.architecture-section .item-cont .group .label-list li {display: inline-flex;justify-content: center;align-items: center;height: 6.8rem;font-size: 1.6rem;font-weight: 700;text-align: center;border-radius: 10rem;}
.architecture-section .item-cont .group.blue .tit {color: var(--navy, #02176A);}
.architecture-section .item-cont .group.blue .label-list {grid-template-rows: repeat(3, 1fr);}
.architecture-section .item-cont .group.blue .label-list li {color: var(--navy, #02176A);background: var(--bg_blue, #F0F7FF);}
.architecture-section .item-cont .group.purple .tit {color: var(--ai_purple, #7748F4);}
.architecture-section .item-cont .group.purple .label-list li {color: var(--ai_purple, #7748F4);background: var(--bg_purple, #F8F7FD);}
.architecture-section .item-cont .group.gray .tit {color: var(--gray_0, #333);}
.architecture-section .item-cont .group.gray .label-list li {color: var(--white, #FFF);background: var(--gray_3, #BEBEBE);}


/* info-section ========================= */
.info-section {padding-top: 1.8rem;padding-bottom: 11rem;}
.info-section .tab-contents {padding: 3.8rem 0 0;}
.info-section .info-box-item {width: 100%;max-width: 120rem;border-radius: 2.4rem;border: 4px solid var(--gray_0, #333);background: var(--white, #FFF);box-shadow: 0 16px 48px 0 rgba(148, 148, 148, 0.25);padding-bottom: 3.6rem; margin: 0 auto;overflow: hidden;}
.info-section .info-box-item .item-tit {display: flex;flex-direction: column;align-items: center;gap: 2.4rem;padding: 5rem 0;background: var(--hover_gray, #F9F9F9);}
.info-section .info-box-item .item-tit .label {font-size: 2.2rem;font-weight: 400;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.info-section .info-box-item .item-tit .label b {background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 900;}
.info-section .info-box-item .item-tit .tit {color: var(--black, #111);font-size: 4rem;font-weight: 700;line-height: 100%;}
.info-section .info-box-item .item-tit .desc {color: var(--gray_0, #333);text-align: center;font-size: 1.8rem;font-weight: 500;}
.info-section .info-box-item .item-cont {display: flex;align-items: flex-end;padding: 4.4rem 0 2.3rem;}
.info-section .info-box-item .item-cont .group {flex: 1;padding: 0 1rem 9rem 6.4rem;}
.info-section .info-box-item .item-cont .point {font-size: 4rem;font-weight: 900;line-height: 100%;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 3.4rem;}
.info-section .info-box-item .item-cont .desc-list li {position: relative;color: var(--gray_0, #333);font-size: 1.8rem;font-weight: 500;word-break: keep-all;padding: 1.6rem 0 1.6rem 1.3rem;border-bottom: 1px solid #E7E7E7;}
.info-section .info-box-item .item-cont .desc-list li:last-child {border-bottom: none;}
.info-section .info-box-item .item-cont .desc-list li::before {content: '';position: absolute;left: 0;top: 2.8rem;display: block;width: 0.5rem;height: 0.5rem;border-radius: 0.5rem; background-color: var(--ai_purple, #7748F4);}
.info-section .info-box-item .item-cont .img {flex: 1;margin-left: auto;margin-right: -8rem;}

/* point-section ========================= */
.point-section {background: var(--bg_purple, #F8F7FD);}
.point-section .inner {display: flex;gap: 2.4rem;max-width: 118.4rem;padding-top: 10.6rem;padding-bottom: 10.6rem;margin: 0 auto;}
.point-section .title-area {flex-shrink: 0;display: flex;flex-direction: column;justify-content: space-between;position: relative;
  width: 42.5rem;height: 46.4rem;border-radius: 2.4rem;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));padding: 6.4rem 0 4.2rem 5.8rem; overflow: hidden;}
.point-section .title-area::before {content: '';position: absolute;right: 3.6rem;bottom: 10.7rem;display: block;width: 61.6rem;height: 61.6rem;border-radius: 61.6rem;opacity: 0.6;background: linear-gradient(135deg, #17056B 53.95%, rgba(155, 23, 243, 0.00) 87.65%);}
.point-section .title-area .tit {color: #FFF;font-size: 4.8rem;font-weight: 300;line-height: 150%;z-index: 1;}
.point-section .title-area .tit b {font-weight: 900;}
.point-section .title-area .desc {color: #FFF;font-size: 1.6rem;font-weight: 400;line-height: 175%;z-index: 1;}
.point-section .title-area .desc b {font-weight: 700;}
.point-section .content-area {flex: auto;}
.point-section .content-area .point-list {height: 100%;display: flex;flex-direction: column;gap: 1.6rem;}
.point-section .content-area .point-list li {display: flex;align-items: center;flex: 1;border-radius: 2.4rem;background: var(--white, #FFF);box-shadow: 0 2px 4px 0 rgba(205, 205, 205, 0.30);padding-left: 4.8rem;padding-right: 3.4rem;}
.point-section .content-area .point-list li .num {position: relative;font-size: 1.8rem;font-weight: 900;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding-right: 6.4rem;}
.point-section .content-area .point-list li .num::after {content: '';position: absolute;top: calc(50% - 1rem);right: 3.2rem;display: block;width: 0.2rem;height: 2rem;background: #E7E7E7;}
.point-section .content-area .point-list li .tit {flex: 1;color: var(--navy_txt, #333F54);font-size: 2.4rem;font-weight: 700;white-space: nowrap;}
.point-section .content-area .point-list li .tit b {color: var(--ai_purple, #7748F4);font-weight: 700;}
.point-section .content-area .point-list li .desc {flex: 1;color: var(--gray_0, #333);font-size: 1.6rem;font-weight: 500;white-space: nowrap;}

/* result-section ========================= */
.result-section {overflow: hidden;}
.result-section .title-area {padding: 10.8rem 0 6rem;}
.result-section .title-area .tit {color: var(--navy_txt, #333F54);text-align: center;font-size: 4rem;font-weight: 400;}
.result-section .title-area .tit b {background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 4rem;font-weight: 900;}
.result-section .content-area {position: relative;padding-bottom: 14.7rem;}
.result-section .content-area::before {content: '';position: absolute;width: 100vw;top: calc(50% - 7.3rem);left: 50%;transform: translateX(-50%);height: 1px;background: rgba(119, 72, 244, 0.32);z-index: -1;}
.result-section .content-area .result-list {width: fit-content;position: relative;display: flex;justify-content: center;background: #FFF;margin: 0 auto;}
.result-section .content-area .result-list li {flex-shrink: 0;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;border: 1px solid rgba(119, 72, 244, 0.40);background-blend-mode: multiply;box-shadow: 0 8px 16px 0 rgba(204, 204, 204, 0.25);z-index: 5;}
.result-section .content-area .result-list li .img {display: flex;justify-content: center;align-items: center;}
.result-section .content-area .result-list li .tit {text-align: center;font-weight: 900;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.result-section .content-area .result-list li .desc {color: var(--navy_txt, #333F54);text-align: center;font-size: 1.6rem;font-weight: 500;}
.result-section .content-area .result-list li .desc b {color: var(--ai_purple, #7748F4);font-weight: 500;}
  /* grid-3 */
  .result-list.grid-3 {padding: 0 1.5rem;}
  .result-list.grid-3 li {width: 38.4rem;height: 38.4rem;border-radius: 20rem;margin: 0 -1.5rem;padding: 0 1.5rem;}
  .result-list.grid-3 li .img {height: 16.3rem;padding-top: 3rem;}
  .result-list.grid-3 li .tit {font-size: 2.4rem;line-height: 150%;}
  .result-list.grid-3 li .desc {margin-top: 2.4rem;}

  .result-list.grid-3 li:nth-child(1) {transform: translateX(-2rem);transition: 0.5s;transition-delay: 0.5s;}
  .result-list.grid-3 li:nth-child(3) {transform: translateX(2rem);transition: 0.5s;transition-delay: 0.5s;}
  .result-list.grid-3.aos-animate li:nth-child(1) {transform: translateX(0);}
  .result-list.grid-3.aos-animate li:nth-child(3) {transform: translateX(0);}

  /* grid-4 */
  .result-list.grid-4 {padding: 0 2rem;}
  .result-list.grid-4 li {width: 32rem;height: 32rem;border-radius: 20rem;margin: 0 -2rem;padding: 0 2rem;}
  .result-list.grid-4 li .img {height: 16.7rem;padding-top: 6rem;}
  .result-list.grid-4 li .tit {font-size: 3.2rem;line-height: 100%;}
  .result-list.grid-4 li .desc {margin-top: 2rem;}

  .result-list.grid-4 li:nth-child(1) {transform: translateX(-3rem);transition: 0.5s;transition-delay: 0.5s;}
  .result-list.grid-4 li:nth-child(2) {transform: translateX(-1.5rem);transition: 0.5s;transition-delay: 0.5s;}
  .result-list.grid-4 li:nth-child(3) {transform: translateX(1.5rem);transition: 0.5s;transition-delay: 0.5s;}
  .result-list.grid-4 li:nth-child(4) {transform: translateX(3rem);transition: 0.5s;transition-delay: 0.5s;}
  .result-list.grid-4.aos-animate li:nth-child(1) {transform: translateX(0);}
  .result-list.grid-4.aos-animate li:nth-child(2) {transform: translateX(0);}
  .result-list.grid-4.aos-animate li:nth-child(3) {transform: translateX(0);}
  .result-list.grid-4.aos-animate li:nth-child(4) {transform: translateX(0);}




/* function-section ========================= */
.function-section .inner {background: url(../images/AIPortal_bg.png) no-repeat center top 4rem / contain;}
.function-section .title-area {padding-bottom: 9.5rem;}
.function-section .title-area .label {text-align: center;font-size: 1.6rem;font-weight: 400;line-height: normal;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 1.6rem;}
.function-section .title-area .tit {color: var(--navy, #02176A);text-align: center;font-size: 4.8rem;font-weight: 900;}
.function-section .content-area {display: flex;padding-bottom: 10.6rem;}
.function-section .content-area .img {margin-left: -13rem;}
.function-list {padding: 1.8rem 0;}
.function-list li {display: flex;align-items: center;gap: 2rem;margin-bottom: 4.2rem;}
.function-list li:last-child {margin-bottom: 0;}
.function-list li .icon {flex-shrink: 0;display: inline-flex;justify-content: center;align-items: center;width: 6.4rem;height: 6.4rem;border-radius: 6.4rem;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));}
.function-list li .tit {color: var(--navy_txt, #333F54);font-size: 2rem;font-weight: 700;}
.function-list li .desc {color: var(--navy_txt, #333F54);font-size: 1.6rem;font-weight: 400;}

/* overview-section ========================= */
.overview-section .title-area {width: 100%;display: flex;align-items: center;justify-content: space-between;border-top: 1px solid var(--gray_5, #E7E7E7);border-bottom: 1px solid var(--gray_5, #E7E7E7);padding: 4.8rem 0;}
.overview-section .title-area .tit {font-size: 2.6rem;font-weight: 900;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.overview-section .title-area .desc {width: 66%;color: var(--navy_txt, #333F54);font-size: 1.6rem;font-weight: 500;line-height: 200%;}
.overview-section .content-area {position: relative;display: flex;justify-content: center;padding: 5.6rem 0 10.5rem;}
/* overview-section - circle-item  */
.overview-section .circle-item {position: relative;display: flex;flex-direction: column;align-items: center;padding-top: 3.2rem;}
.overview-section .circle-item::before {content: '';position: absolute;left: 50%;top: 0;transform: translateX(-50%);display: block;width: 32.8rem;height: 32.8rem;border-radius: 32.8rem;border: 0.2rem solid transparent;background:linear-gradient(var(--white, #fff), var(--white, #fff)) padding-box,linear-gradient(135deg,#266AFD -10.29%,#9B17F3 77.96%) border-box;opacity: 0.1;z-index: -1;}
.overview-section .circle-item .item-tit {display: flex;flex-direction: column;align-items: center;position: relative;width: 26.4rem;height: 26.4rem;border-radius: 26.4rem;z-index: 1;}
.overview-section .circle-item .item-tit .num {font-size: 1.6rem;font-weight: 900;padding: 3rem 0 3.5rem;z-index: 3;}
.overview-section .circle-item .item-tit .tit {font-size: 2.6rem;font-weight: 700;z-index: 3;}
.overview-section .circle-item .item-tit .desc {font-size: 1.8rem;font-weight: 400;line-height: 100%;margin-top: 1.4rem;z-index: 3;}
.overview-section .circle-item .item-cont {position: relative;z-index: 4;}
.overview-section .circle-item .item-cont .group {flex: 1;width: 40rem;border-radius: 1.6rem;border: 0.1rem solid var(--gray_4, #D7D7D7);background: var(--white, #FFF);margin-top: 1.8rem;overflow: hidden;}
.overview-section .circle-item .item-cont .group .tit {height: 5.8rem;background: var(--bg_purple, #F8F7FD);color: var(--navy_txt, #333F54);text-align: center;font-size: 1.8rem;font-weight: 700;padding: 1.5rem 0;}
.overview-section .circle-item .item-cont .group .desc {color: var(--navy_txt, #333F54);text-align: center;font-size: 1.6rem;font-weight: 500;padding: 1.7rem 0;}
.overview-section .circle-item.left .item-tit {background: url(../images/circle_bg_1.png) no-repeat center / contain;}
.overview-section .circle-item.left .item-tit .num {background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.overview-section .circle-item.left .item-tit .tit {background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.overview-section .circle-item.left .item-tit .desc {color: var(--ai_purple, #7748F4);}
.overview-section .circle-item.right .item-tit {color: var(--white, #FFF);background: url(../images/circle_bg_2.png) no-repeat center / contain;}
.overview-section .line-ani {flex-shrink: 0;position: relative;width: 43.5rem;height: 32.8rem;margin: 0 -6.8rem;}
.overview-section .line-ani::before {content: '';position: absolute;top: 16.4rem;left: 50%;transform: translateX(-50%);display: block;width: 100%;height: 0.1rem;border-top: 0.1rem dashed #266AFD;}
.overview-section .line-ani svg {position: absolute;top: 15.4rem;left: 0;transform: rotate(270deg);width: 1.7rem;animation: lineAni ease 2.5s infinite;}
@keyframes lineAni {
  0% {left: 0%;opacity: 0;}
  50% {opacity: 1;}
  100% {left: 100%;}
} 
/* overview-section - box-item  */
.overview-section .box-item {width: 50.4rem;margin-left: 6.4rem;}
.overview-section .box-item:first-child {margin-left: 0;}
.overview-section .box-item .item-tit {display: flex;flex-direction: column;align-items: center;text-align: center;font-size: 4rem;font-weight: 900;padding-bottom: 3rem;}
.overview-section .box-item .item-tit svg {width: 2rem;margin-top: 3rem;}
.overview-section .box-item.left .item-tit {color: var(--navy_txt, #333F54);}
.overview-section .box-item.left .item-tit svg {color: var(--gray_0, #333);}
.overview-section .box-item.left .item-cont .box-label {background: var(--navy_txt, #333F54);}
.overview-section .box-item.left .item-cont .box-label .polygon {color: var(--navy_txt, #333F54);}
.overview-section .box-item.right .item-tit {background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.overview-section .box-item.right .item-tit svg {color: var(--ai_purple, #7748F4);}
.overview-section .box-item.right .item-cont .box-label {background: var(--ai_purple, #7748F4);}
.overview-section .box-item.right .item-cont .box-label .polygon {color: var(--ai_purple, #7748F4);}
.overview-section .box-item .item-cont .box-label {position: relative;width: 50.4rem;height: 14.5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.overview-section .box-item .item-cont .box-label p {color: var(--gray_3, #BEBEBE);text-align: center;font-size: 1.4rem;font-weight: 500;line-height: 2.6rem;z-index: 1;}
.overview-section .box-item .item-cont .box-label p b {display: block;color: #FFF;text-align: center;font-size: 2.4rem;font-weight: 700;line-height: 2.6rem;}
.overview-section .box-item .item-cont .box-label .polygon {position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}
.overview-section .box-item .item-list {border-bottom: 0.2rem solid var(--gray_1, #717171);padding: 0 0.8rem;}
.overview-section .box-item .item-list > li {position: relative;display: flex;flex-direction: column;justify-content: center;gap: 1.6rem;height: 18.8rem;border-bottom: 1px dashed #D7D7D7;padding: 3.2rem 0;}
.overview-section .box-item .item-list > li:last-child {border-bottom: 0;}
.overview-section .box-item .item-list > li::after {content: '';position: absolute;bottom: -1.7rem;left: calc(50% - 1.4rem);display: block;width: 2.8rem;height: 3.3rem;}
.overview-section .box-item .item-list > li:last-child::after {content: none;}
.overview-section .box-item .item-list > li .tit {text-align: center;font-size: 1.8rem;font-weight: 700;line-height: 2.4rem;}
.overview-section .box-item .item-list > li .desc {color: var(--gray_0, #333);font-size: 1.6rem;font-weight: 400;line-height: 2.8rem;}
.overview-section .box-item .item-list > li .desc-list li {position: relative;color: var(--gray_0, #333);font-size: 1.6rem;font-weight: 400;line-height: 2.8rem;padding-left: 2rem;}
.overview-section .box-item .item-list > li .desc-list li::before {content: '';position: absolute;left: 1rem;top: 1.3rem;;display: block;width: 0.4rem;height: 0.4rem;border-radius: 0.4rem;background-color: var(--gray_0, #333);}
.overview-section .box-item.left .item-list {background: var(--hover_gray, #F9F9F9);}
.overview-section .box-item.left .item-list li::after {background: url(../images/list_line_1.png) no-repeat center;}
.overview-section .box-item.left .item-list li .tit {color: var(--gray_0, #333);}
.overview-section .box-item.left .item-list li .desc {text-align: center;}
.overview-section .box-item.right .item-list {background: var(--bg_purple, #F8F7FD);}
.overview-section .box-item.right .item-list > li::after {background: url(../images/list_line_2.png) no-repeat center;}
.overview-section .box-item.right .item-list > li .tit {background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/* cases-section ========================= */
.cases-section {padding-bottom: 20rem;}
.cases-section .title-area {display: flex;flex-direction: column;align-items: center;padding: 10.6rem 0 6.4rem;}
.cases-section .title-area h3.tit {display: inline-block;font-size: 4rem;font-weight: 900;line-height: 100%;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.cases-section .title-area h4.tit {color: var(--navy, #02176A);font-size: 3.2rem;font-weight: 900;margin-top: 1.2rem;}
.cases-section .title-area .thin {font-weight: 400;}
.cases-section .title-area .desc {color: var(--navy_txt, #333F54);text-align: center;font-size: 1.8rem;font-weight: 500;margin-top: 3rem;}
.cases-section .title-area .label {display: inline-block;font-size: 1.5rem;font-weight: 500;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/* cases-section - case-area */
.case-area .content-area {position: relative;width: 100%;height: 42.4rem;padding: 8rem 0;overflow: hidden;}
.case-area .content-area .group {max-width: 120rem;height: 100%;display: flex;gap: 5.6rem;justify-content: center;align-items: center;padding: 0 1.2rem;margin: 0 auto;}
.case-area .case-item {flex: 1;height: 100%;border-radius: 24px;backdrop-filter: blur(8px);padding: 5rem 1rem 0 4.8rem;}
.case-area .case-item .item-tit {color: var(--white, #FFF);font-size: 2.6rem;font-weight: 900;}
.case-area .case-item .desc {color: var(--white, #FFF);font-size: 1.6rem;font-weight: 500;margin-top: 2rem;}
.case-area .case-item.left {background: rgba(30, 73, 216, 0.70);box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.25);opacity: 0;}
.case-area .case-item.right {background: rgba(111, 28, 175, 0.70);box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.25);opacity: 0;}
.case-area .case-bg {position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;object-fit: cover;z-index: -1;opacity: 0;transform: translate(-50%, -50%);}
/* ani */
.case-area .title-area {opacity: 0;}
.case-area .content-area .tit {opacity: 0;}
.case-area.play .title-area {animation: titleAni 0.5s ease-out forwards;}
.case-area.play .case-item.left {animation: leftAni 0.5s ease-out 1s forwards;}
.case-area.play .case-item.right {animation: rightAni 0.5s ease-out 1s forwards;}
.case-area.play .case-bg {animation: caseBgAni 1s ease-out 0.5s forwards;}
.process-area .title-area {opacity: 0;}
.process-area .content-area {opacity: 0;}
.process-area.play .title-area {animation: titleAni 0.5s ease-out forwards;}
.process-area.play .content-area {animation: contentAni 0.5s ease-out 0.5s forwards;}
.workflow-area .title-area {opacity: 0;}
.workflow-area .content-area {opacity: 0;}
.workflow-area.play .title-area {animation: titleAni 0.5s ease-out forwards;}
.workflow-area.play .content-area {animation: contentAni 0.5s ease-out 0.5s forwards;}
.benefits-area .title-area {opacity: 0;}
.benefits-area .content-area {opacity: 0;}
.benefits-area.play .title-area {animation: titleAni 0.5s ease-out forwards;}
.benefits-area.play .content-area {animation: contentAni 0.5s ease-out 0.5s forwards;}
.benefits-area.play .benefits-list li {animation: spreadAni 0.5s ease-out 0.5s forwards;}
@keyframes caseBgAni {
  0% {opacity: 0;transform: translate(-50%, -30%);}
  100% {opacity: 1;transform: translate(-50%, -50%);}
}
/* cases-section - process-area */
.process-area {max-width: 120rem;margin: 0 auto;}
.process-area .process-exp {width: 100%;display: grid;grid-template-columns: 2fr 1fr;padding-top: 2.4rem;}
.process-area .exp-txt {position: relative;display: flex;align-items: center;gap: 0.8rem;color: var(--navy_sub, #7082A3);text-align: center;font-size: 1.4rem;font-weight: 700;line-height: 2.4rem; /* 171.429% */white-space: nowrap;}
.process-area .process-exp .exp-txt:first-child {padding-right: 0.8rem;}
.process-area .process-exp .exp-txt:last-child {padding-left: 1.6rem;}
.process-area .exp-txt::before {content: '';display: block;height: 2.4rem;width: 100%;background: url(../images/exp_left.png) no-repeat left center / auto;}
.process-area .exp-txt::after {content: '';display: block;height: 2.4rem;width: 100%;background: url(../images/exp_right.png) no-repeat right center / auto;}
.process-area .process-list {display: grid;}
.process-area .process-list > li {border-radius: 8px;border: 1px solid var(--gray_4, #D7D7D7);background: var(--white, #FFF);padding: 0.8rem;}
.process-area .process-list > li .tit {color: var(--white, #FFF);text-align: center;font-size: 1.5rem;font-weight: 700;border-radius: 3px;padding: 0.8rem 0;background: #071755;}
.process-area .process-list > li:nth-child(1) .tit {background: #A07DDE;}
.process-area .process-list > li:nth-child(2) .tit {background: #8458D2;}
.process-area .process-list > li:nth-child(3) .tit {background: #6B36C7;}
.process-area .process-list > li:nth-child(4) .tit {background: #422EAF;}
.process-area .process-list > li:nth-child(5) .tit {background: #1C3493;}
.process-area .process-list > li:nth-child(6) .tit {background: #02176A;}
.process-area .process-list > li:nth-child(7) .tit {background: #02176A;}
.process-area .process-list > li:nth-child(8) .tit {background: #071755;}
.process-area .process-list > li {display: flex;flex-direction: column;gap: 0.9rem;word-break: keep-all;}
.process-area .process-list > li .human {flex: 1;position: relative;border-radius: 0.6rem;background: var(--hover_gray, #F9F9F9);}
.process-area .process-list > li .human::after {content: 'Human';position: absolute;right: 1.2rem;bottom: 0.2rem;color: #EDEDED;font-size: 5.6rem;font-weight: 900;line-height: 120%;}
.process-area .process-list > li .human .label {color: var(--navy_sub, #7082A3);font-size: 1.5rem;font-weight: 500;line-height: normal;margin-bottom: 0.7rem;}
.process-area .process-list > li .human .desc-list {color: var(--navy_txt, #333F54);font-size: 1.4rem;font-weight: 500;}
.process-area .process-list > li .human .desc-list li {position: relative;padding-left: 2rem;z-index: 1;}
.process-area .process-list > li .human .desc-list li::before {content: '';position: absolute;left: 0.8rem;top: 1.2rem;;display: block;width: 0.4rem;height: 0.4rem;border-radius: 0.4rem;background-color: var(--navy_txt, #333F54);}
.process-area .process-list > li .ai {flex: 1;position: relative;border-radius: 6px;border: 1px solid rgba(119, 72, 244, 0.60);background: var(--bg_purple, #F8F7FD);}
.process-area .process-list > li .ai::after {content: 'AI직원';position: absolute;right: 1.2rem;bottom: 0.6rem;color: rgba(211, 196, 250, 0.46);font-size: 5.6rem;font-weight: 900;line-height: 120%;}
.process-area .process-list > li .ai .desc-list {color: var(--ai_purple, #7748F4);font-size: 1.4rem;font-weight: 700;}
.process-area .process-list > li .ai .desc-list li {position: relative;padding-left: 2rem;z-index: 1;}
.process-area .process-list > li .ai .desc-list li::before {content: '';position: absolute;left: 0.8rem;top: 1.2rem;display: block;width: 0.4rem;height: 0.4rem;border-radius: 0.4rem;background-color: var(--ai_purple, #7748F4);}
  /* grid-3 */
  .process-list.grid-3 {grid-template-columns: repeat(3, 1fr);gap: 2.4rem;}
  .process-list.grid-3 > li {height: 33.4rem;}
  .process-list.grid-3 > li .human {padding: 1.6rem 2.2rem;}
  .process-list.grid-3 > li .ai {padding: 1.6rem 2.2rem;}
  /* grid-4 */
  .process-list.grid-4 {grid-template-columns: repeat(4, 1fr);row-gap: 2.4rem;column-gap: 0.8rem;}
  .process-list.grid-4 > li {height: 40.2rem;}
  .process-list.grid-4 > li .human {padding: 1.6rem 0.8rem;}
  .process-list.grid-4 > li .ai {flex: 2;padding: 1.6rem 0.8rem;}
/* cases-section - workflow-area */
.workflow-area {max-width: 120rem;margin: 0 auto;}
.workflow-area .content-area .tit {display: flex;justify-content: center;align-items: center;width: 100%;text-align: center;color: var(--navy, #02176A);text-align: center;font-size: 2.4rem;font-weight: 400;white-space: nowrap;}
.workflow-area .content-area .tit b {background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 2.4rem;font-weight: 700;}
.workflow-area .content-area .tit::before {content: '';display: block;height: 0.6rem;width: 38%;background: url(../images/line_left.png) no-repeat right center / auto;margin-right: 3.6rem;}
.workflow-area .content-area .tit::after {content: '';display: block;height: 0.6rem;width: 38%;background: url(../images/line_right.png) no-repeat left center / auto;margin-left: 3.6rem;}
.workflow-area .content-area .infographic {padding-top: 2.3rem;display: flex;justify-content: center;align-items: center;}
/* cases-section - benefits-area */
.benefits-area {max-width: 120rem;margin: 0 auto;}
.benefits-area .benefits-list {display: flex;justify-content: center;gap: 2.4rem;}
.benefits-area .benefits-list li {flex: 1;position: relative;max-width: 28rem;height: 28rem;border-radius: 1.6rem;background: var(--hover_gray, #F9F9F9);padding: 5.4rem 3.6rem 4rem;}
.benefits-area .benefits-list li .tit {color: var(--navy, #02176A);font-size: 2rem;font-weight: 700;}
.benefits-area .benefits-list li .tit b {color: var(--ai_purple, #7748F4);}
.benefits-area .benefits-list li .icon {position: absolute;right: 4rem;bottom: 4rem;}


/* pricing-section ========================= */
.pricing-section .sticky-tabs ul li {max-width: 28.6rem;}
/* pricing-section - price-area */
.price-area {padding: 8.8rem 0 10.6rem;}
.price-area .content-area {max-width: 120rem;margin: 0 auto;}
.price-area .price-list {display: grid;gap: 2.4rem;}
.price-area .price-list > li {display: flex;flex-direction: column;justify-content: space-between;border-radius: 1.6rem;background: var(--hover_gray, #F9F9F9);border: 1px solid transparent;padding: 4rem 2.5rem;}
.price-area .price-list > li .group {flex: 1;}
.price-area .price-list > li .label {color: var(--ai_purple, #7748F4);font-size: 1.6rem;font-weight: 500;line-height: normal;margin-bottom: 3rem;}
.price-area .price-list > li .label b {font-size: 2.4rem;font-weight: 900;line-height: normal;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-right: 1rem;}
.price-area .price-list > li .price {display: inline-block;height: 4rem;color: var(--navy_sub, #7082A3);font-size: 1.6rem;font-weight: 700;margin-bottom: 3rem;}
.price-area .price-list > li .price b {transition: 0.2s;color: var(--navy_txt, #333F54);font-size: 3.6rem;font-weight: 700;line-height: 4rem;margin-right: 0.7rem;}
.price-area .price-list > li .option {color: var(--navy, #02176A);text-align: center;font-size: 1.6rem;font-weight: 500;border-top: 1px solid var(--gray_4, #D7D7D7);border-bottom: 1px solid var(--gray_4, #D7D7D7);padding: 1.6rem 0;margin-bottom: 1.8rem;}
.price-area .price-list > li .key-list {margin-bottom: 2rem;}
.price-area .price-list > li .key-list > li {color: var(--navy_txt, #333F54);font-size: 1.5rem;font-weight: 500;background: url(../images/check.png) no-repeat left top 0.6rem;padding-left: 2rem;}
.price-area .price-list > li .key-list > li:first-child {margin-top: 0;}
.price-area .price-list > li .key-list > li b {color: var(--ai_purple, #7748F4);font-weight: 700;}
.price-area .price-list > li:hover {border: 1px solid #DDD9F3;background: var(--bg_purple, #F8F7FD);}
.price-area .price-list > li:hover .price b {font-size: 4rem;}
.price-area .price-list > li:hover .btn-primary {background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));}
.price-area .note {color: var(--navy_txt, #333F54);font-size: 1.3rem;margin-top: 1.2rem;}
.price-area .note .required {font-size: 1.5rem;}
.price-area .note b {font-weight: 700;}
.price-area .note span {font-weight: 400;}
.price-area .content-area {opacity: 0;}
.price-area.play .content-area {animation: contentAni 0.5s ease-out 0.5s forwards;}
  /* grid-3 */
  .price-list.grid-3 {grid-template-columns: repeat(3, 1fr);}
  .price-list.grid-3 > li {height: 76.8rem;}
  .price-list.grid-3 > li .key-list > li {margin-top: 1.2rem;}
  /* grid-4 */
  .price-list.grid-4 {grid-template-columns: repeat(4, 1fr);}
  .price-list.grid-4 > li {height: 45.6rem;}
  .price-list.grid-4 > li .key-list > li {margin-top: 0.6rem;}
/* pricing-section - scenario-area */
.scenario-area {position: relative;padding: 10.6rem 0;}
.scenario-area::before {content: '';display: block;position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);object-fit: cover;opacity: 0;clip-path: inset(0 10% 0 10%);transition: 1s;z-index: -1;background: linear-gradient(180deg, #F3F0FF 25.24%, #FFF 100%);}
.scenario-area .title-area {margin-bottom: 5rem;}
.scenario-area .title-area .label {text-align: center;font-size: 1.5rem;font-weight: 500;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 1.3rem;}
.scenario-area .title-area .tit {color: var(--navy, #02176A);text-align: center;font-size: 3.2rem;font-weight: 900;}
.scenario-area .content-area {max-width: 120rem;margin: 0 auto;}
.scenario-list {display: flex;justify-content: center;gap: 2.4rem;}
.scenario-list li {flex: 1;max-width: 28rem;border-radius: 16px;background: var(--white, #FFF);box-shadow: 0 8px 16px 0 rgba(204, 206, 215, 0.20);padding: 4rem 3rem;}
.scenario-list li .img {height: 9rem;}
.scenario-list li .tit {height: 5.2rem;color: var(--ai_purple, #7748F4);font-size: 1.8rem;font-weight: 700;line-height: 140%;margin-bottom: 1.2rem;}
.scenario-list li .desc {color: var(--navy_txt, #333F54);font-size: 1.4rem;font-weight: 500;line-height: 170%;}

.scenario-area .title-area {opacity: 0;}
.scenario-area .content-area {opacity: 0;}
.scenario-area.play::before {clip-path: inset(0 0 0 0);opacity: 1;}
.scenario-area.play .title-area {animation: titleAni 0.5s ease-out forwards;}
.scenario-area.play .content-area {animation: contentAni 0.5s ease-out 0.5s forwards;}
.scenario-area.play .scenario-list li {animation: spreadAni 0.5s ease-out 0.5s forwards;}


/* pricing-section - token-area */
.token-area {position: relative;padding: 10.6rem 0;}
.token-area::before {content: '';display: block;position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);object-fit: cover;opacity: 0;clip-path: inset(0 10% 0 10%);transition: 1s;z-index: -1;background: linear-gradient(180deg, #F3F0FF 25.24%, #FFF 100%);}
.token-area .group {display: flex;gap: 2.4rem;max-width: 120rem;margin: 0 auto;}
.token-area .title-area {display: flex;flex-direction: column;width: 42.5rem;}
.token-area .title-area .label {font-size: 1.5rem;font-weight: 500;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 1.2rem;}
.token-area .title-area .tit {color: var(--navy, #02176A);font-size: 3.2rem;font-weight: 900;line-height: 100%; /* 32px */}
.token-area .title-area .desc-list {margin-top: auto;padding-bottom: 1.4rem;}
.token-area .title-area .desc-list li {color: var(--navy_txt, #333F54);font-size: 1.6rem;font-weight: 500;background: url(../images/check.png) no-repeat left top 0.7rem;padding-left: 2.2rem;margin-top: 1.6rem;}
.token-area .title-area .desc-list li:first-child {margin-top: 0;}
.token-area .content-area {flex: auto;}
.token-area .content-area .token-list {height: 100%;display: flex;flex-direction: column;gap: 0.8rem;}
.token-area .content-area .token-list li {display: flex;align-items: center;flex: 1;border-radius: 16px;background: var(--white, #FFF);box-shadow: 0 2px 4px 0 rgba(205, 205, 205, 0.30);padding: 1.8rem 4.8rem;}
.token-area .content-area .token-list li .num {position: relative;font-size: 1.6rem;font-weight: 900;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding-right: 6.4rem;}
.token-area .content-area .token-list li .num::after {content: '';position: absolute;top: calc(50% - 1rem);right: 3.2rem;display: block;width: 0.2rem;height: 2rem;background: #E7E7E7;}
.token-area .content-area .token-list li .tit {flex: 1;color: var(--navy_txt, #333F54);font-size: 1.8rem;font-weight: 700;white-space: nowrap;}
.token-area .content-area .token-list li .tit b {color: var(--ai_purple, #7748F4);font-weight: 700;}
.token-area .content-area .token-list li .desc {flex: 2;color: var(--gray_0, #333);font-size: 1.6rem;font-weight: 500;white-space: nowrap;}

.token-area.play::before {clip-path: inset(0 0 0 0);opacity: 1;}
.token-area .title-area {opacity: 0;}
.token-area .content-area {opacity: 0;}
.token-area.play .title-area {animation: leftAni 1s ease-out 1s forwards;}
.token-area.play .content-area {animation: rightAni 1s ease-out 1s forwards;}

/* pricing-section - case-area */
.pricing-section .case-area .content-area {padding: 10.2rem 0 9.8rem;}
.pricing-section .case-area .content-area {height: 59.5rem;display: flex;flex-direction: column;}
.pricing-section .case-area .content-area .group {width: 100%;}
.pricing-section .case-area .content-area .tit {color: var(--white, #FFF);text-align: center;font-size: 3.2rem;font-weight: 900;margin-bottom: 6rem;}
.pricing-section .case-area .case-item {display: flex;flex-direction: column;padding: 5rem 3.4rem 2.6rem;}
.pricing-section .case-area .case-item .item-tit {text-align: center;line-height: 100%;margin-bottom: 4rem;}
.pricing-section .case-area .case-item .desc-list {flex: 1;display: flex;gap: 0.8rem;}
.pricing-section .case-area .case-item .desc-list li {flex: 1;border-radius: 0.8rem;border: 1px solid rgba(255, 255, 255, 0.30);padding: 0.8rem 1.6rem;}
.pricing-section .case-area .case-item .desc-list li .top {display: flex;justify-content: center;align-items: center;height: 50%;color: #FFF;text-align: center;font-size: 1.6rem;font-weight: 500;border-bottom: 1px solid rgba(255, 255, 255, 0.30);}
.pricing-section .case-area .case-item .desc-list li .bottom {  display: flex;justify-content: center;align-items: center;height: 50%;color: #FFF;text-align: center;font-size: 2rem;font-weight: 700;}
.pricing-section .case-area .content-area .tit {opacity: 0;}
.pricing-section .case-area.play  .content-area .tit {animation: titleAni 0.5s ease-out 0.5s forwards;}

/* faq-section ========================= */
.faq-section .title-area {padding: 10.6rem 0 6.4rem;}
.faq-section .title-area .label {text-align: center;font-size: 1.5rem;font-weight: 500;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 1.6rem;}
.faq-section .title-area .tit {color: var(--navy, #02176A);text-align: center;font-size: 4rem;font-weight: 900;}
.faq-section .content-area {border-top: 2px solid var(--navy, #02176A);padding-bottom: 20rem;}
.faq-list > li {border-bottom: 1px solid var(--gray_5, #E7E7E7);}
.faq-list > li .question {width: 100%;display: flex;align-items: center;padding: 2rem 3.2rem;}
.faq-list > li .question::before {flex-shrink: 0;content: 'Q';color: var(--navy, #02176A);font-size: 2rem;font-weight: 700;margin-right: 3.2rem;}
.faq-list > li .question span {color: var(--navy_txt, #333F54);text-align: left;font-size: 1.8rem;font-weight: 400;padding-right: 3.2rem;}
.faq-list > li .question .icon {flex-shrink: 0;color: var(--gray_2, #898989);margin-left: auto;margin-top: 1rem;}
.faq-list > li .answer {display: none;padding: 2.4rem 3.2rem;background: var(--hover_gray, #F9F9F9);}
.faq-list > li .answer::before {flex-shrink: 0;content: 'A';color: var(--navy, #02176A);font-size: 2rem;font-weight: 700;margin-right: 3.2rem;}
.faq-list > li .answer .answer-cont {flex: auto;color: var(--navy_txt, #333F54);font-size: 1.6rem;font-weight: 400;line-height: 200%;}
.faq-list > li.active {border-bottom: none;}
.faq-list > li.active .question {background: var(--navy, #02176A);}
.faq-list > li.active .question::before {color: var(--white, #FFF);}
.faq-list > li.active .question span {color: var(--white, #FFF);}
.faq-list > li.active .question .icon {color: var(--white, #FFF);transform: rotate(180deg);}
.faq-list > li.active .answer {display: flex;}
.faq-section .summary-list {display: flex;flex-wrap: wrap;gap: 0.8rem;padding-top: 2rem;}
.faq-section .summary-list > li {width: 24rem;height: 10.4rem;border-radius: 1.6rem;background: var(--white, #FFF);padding: 2.7rem 2.3rem 2rem;}
.faq-section .summary-list > li .tit {color: var(--ai_purple, #7748F4);font-size: 1.8rem;font-weight: 700;line-height: 130%;}
.faq-section .summary-list > li .txt {color: var(--navy_txt, #333F54);font-size: 1.6rem;font-weight: 400;line-height: 100%;margin-top: 1rem;}
.faq-section .summary-list > li .desc {color: var(--navy_txt, #333F54);font-size: 1.6rem;font-weight: 400;line-height: 160%;border-top: 1px solid #E7E7E7;padding-top: 2rem;}
.faq-section .summary-list.large {gap: 3.5rem;}
.faq-section .summary-list.large > li {width: 35.7rem;height: 21.6rem;}
.faq-section .summary-list.large > li .tit {font-size: 1.4rem;font-weight: 400;padding-bottom: 2rem;}
.faq-section .summary-list.large > li .tit b {font-size: 2rem;}


@media screen and (max-width: 1024px) {
  /* ::-webkit-scrollbar {display: none;} */

  /* ========== Header ========================= */
  #header {height: 6.4rem;border-bottom: 1px solid var(--gray_5, #E7E7E7);}
  .header-inner {padding: 0 2rem;}
  .header-inner .logo > a .txt {display: none;}
  .header-inner .nav {position: fixed;top: 0;left: 0;display: none;width: 100vw;height: 100vh;background: var(--white, #FFF);}
  .header-inner .main-menu {max-height: calc(100vh - 8.1rem);flex-direction: column;row-gap: 0.8rem;padding-top: 2.1rem;padding-right: 58vw;overflow: auto;}
  .header-inner .main-menu .depth-1 {width: 42vw;min-height: 5rem;color: var(--gray_3, #BEBEBE);font-size: 1.8rem;padding-left: 2.4rem;}
  .header-inner .main-menu .depth-1 svg {display: none;}
  .header-inner .main-menu .depth-1:hover, .header-inner .main-menu > li.on .depth-1 {background: none; /* 그라데이션 제거 */-webkit-background-clip: unset;background-clip: unset;-webkit-text-fill-color: unset; /* 기본값 복원 */}
  .header-inner .sub-menu {display: none;left: auto;width: 58vw;height: calc(100vh - 8.1rem);border-radius: 0;box-shadow: none;transition: none;top: 8.1rem;background: var(--white, #FFF);flex-direction: column;gap: 0;position: fixed;bottom: 0;right: 0;padding: 2.1rem 0 0;border-left: 1px solid #E5E5E5;overflow-y: auto;overflow-x: hidden;}
  .header-inner .sub-menu > li, .header-inner .sub-menu > li:last-child {border-bottom: 1px solid var(--gray_5, #E7E7E7);padding: 0.4rem 2.4rem;}
  .header-inner .sub-menu .depth-2 {min-height: 4.8rem;color: var(--gray_0, #333);font-size: 1.6rem;font-weight: 600;text-align: left;padding: 1.1rem 0;word-break: break-word;}
  .header-inner .main-menu > li.on .sub-menu {display: flex;}

  /* ========== Footer ========================= */
  .footer-inner {padding: 0 2rem;}
  .footer-inner .footer-top {padding: 3.6rem 0 3.2rem;}
  .footer-inner .footer-top .logo > a {width: 11.6rem;}
  .footer-inner .footer-top .text {font-size: 1.5rem;}
  .footer-inner .footer-top .links {width: 100%;display: flex;flex-wrap: wrap;row-gap: 0.8rem;column-gap: 0.8rem;justify-content: flex-start;align-items: center;padding-top: 2rem;}
  .footer-inner .footer-top .link {width: 16.5rem;justify-content: space-between;column-gap: 1.2rem;font-size: 1.3rem;padding: 1.1rem 1.8rem;margin: 0;}
  .footer-inner .footer-top .link svg {width: 1.6rem;}
  .footer-inner .footer-bottom {padding: 2.8rem 0 4rem;}

  /* ========== fixed-btns ========================= */
  .fixed-btns {right: 2.1rem;bottom: 2.4rem;gap: 1.6rem;}
  .fixed-btns .scrolltop-btn svg {width: 4rem;}
  .fixed-btns .chat-btn {width: 7.2rem;height: 7.2rem;}
  .fixed-btns .chat-btn .icon::before {width: 6rem;height: 6rem;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.2);box-sizing: border-box;background: none;animation: none;margin: 0.6rem;}
  .fixed-btns .chat-btn .icon {background-size: 3rem;}

  /* ========== Component ========================= */
  /* breadcrumb */
  .breadcrumb {height: 4.8rem;}
  .breadcrumb .link-home {margin-right: 1.6rem;}
  .breadcrumb .parent, .breadcrumb .current {font-size: 1.3rem;padding: 0 1.6rem;}
  /* tabs */
  .sticky-tabs {top: 6.4rem;border-radius: 0;width: 100%;}
  .sticky-tabs ul {height: auto;justify-content: flex-start;gap: 1.2rem;padding: 1.6rem 2rem;overflow-x: auto;}
  .sticky-tabs ul li {min-width: 15rem;}
  .sticky-tabs ul li a {padding: 0.9rem 1.6rem;white-space: nowrap;}
  .sticky-tabs ul li a > span {font-size: 1.4rem;}
  .info-section .tab-contents {padding: 3rem 2rem 0;}
  /* privacy */
  .privacy-area {padding: 5rem 2rem;}
  .privacy-area .close-btn {display: block;}
  .privacy-area h2 {font-size: 3rem;padding: 0 0 4.4rem;}
  .privacy-area .desc {font-size: 1.4rem;}
  .privacy-area .content h3 {font-size: 2rem;margin: 3rem 0 1.5rem;}
  .privacy-area .content ol li {font-size: 1.4rem;} 


  /* ========== contents ========================= */
    /* 위 → 아래 */
  [data-aos="fade-right"] {
    transform: translate3d(0, -10%, 0);
  }

  /* 아래 → 위 */
  [data-aos="fade-left"] {
    transform: translate3d(0, 10%, 0);
  }

  @keyframes leftAni {
    0% {opacity: 0;transform: translateY(-10%);}
    100% {opacity: 1;transform: translateY(0%);}
  } 
  @keyframes rightAni {
    0% {opacity: 0;transform: translateY(10%);}
    100% {opacity: 1;transform: translateY(0%);}
  }

  #contents {padding-top: 6.4rem;min-height: calc(100vh - 29.6rem);}
  [class*="-section"] .inner {padding-left: 2rem;padding-right: 2rem;}
  /* intro-section */
  .intro-section {padding-top: 4rem;}
  .intro-section .title-area {min-height: auto;padding-bottom: 2rem;}
  .intro-section .title-area .tit {font-size: 2.4rem;line-height: 130%;}
  .intro-section .title-area .dot {width: 0.6rem;height: 0.6rem;margin: 1.2rem auto;}
  .intro-section .title-area .sub-tit {font-size: 1.6rem;line-height: 150%;}
  .intro-section .title-area .desc {font-size: 1.4rem;line-height: 170%;margin-top: 1.2rem;}
  .intro-section .content-area {padding: 2.2rem 0 7.2rem;}
    .suite-infographic {height: auto;border-radius: 8.8rem;padding: 1.6rem;}
    .suite-infographic .infographic {flex-direction: column-reverse;gap: 2rem;padding: 3.2rem 1.7rem 2.5rem;}
    .suite-infographic .infographic::before {border-radius: 8rem;}
    .suite-infographic .group::before {width: 0.2rem;height: 6rem;top: 1rem;left: calc(50% - 0.1rem);}
    .suite-infographic .group::after {top: -2.5rem;left: 50%;transform: translateX(-50%);}
    .suite-infographic .group .plus {width: 1.5rem;}
    .suite-infographic .circle {width: 15.2rem;height: 15.2rem;}
    .suite-infographic .bg-white p {font-size: 1.6rem;}
    .suite-infographic .bg-gradient {width: 16rem;height: 16rem;}
    .suite-infographic .bg-gradient p {font-size: 1.8rem;}
    .suite-infographic .bg-gradient::before {left: calc(50% - 0.5rem);top: calc(100% - 0.4rem);transform: none;}

  /* introduce-section */
  .introduce-section::after {content: none;}
  .introduce-section .title-area {padding: 6.4rem 0 2.8rem;}
  .introduce-section .title-area .tit {font-size: 3.2rem;text-align: center;justify-content: center;}
  .introduce-section .title-area .point {font-size: 2.4rem;padding: 1.2rem 1.4rem;}
  .introduce-section .content-area .introduce-list {display: grid;grid-template-columns: repeat(2, 1fr);padding-bottom: 6.4rem;}
  .introduce-section .content-area .introduce-list li {max-width: 100%;align-items: center;padding: 3.6rem 1rem 4.7rem;}
  .introduce-section .content-area .introduce-list li .icon {width: 8.2rem;margin-bottom: 0.8rem;}
  .introduce-section .content-area .introduce-list li .tit {font-size: 1.8rem;line-height: 140%;text-align: center;}
  .introduce-section .content-area .introduce-list li .desc {font-size: 1.5rem;line-height: 160%;text-align: center;}
  .introduce-section.play .content-area .introduce-list li {animation: none;}


  /* architecture-section */
  .architecture-section .inner {padding-top: 7.2rem;padding-bottom: 6.2rem;}
  .architecture-section .architecture-box-item {flex-direction: column;gap: 0;padding: 5.4rem 4rem 4rem;margin-top: 1.2rem;}
  .architecture-section .item-tit {width: 100%;padding-bottom: 3rem;}
  .architecture-section .item-tit .label {font-size: 1.4rem;line-height: normal;margin-bottom: 1.3rem;}
  .architecture-section .item-tit .tit {font-size: 3rem;line-height: normal;}
  .architecture-section .item-tit .desc {font-size: 1.5rem;line-height: 160%;}
  .architecture-section .item-tit .tag-wrap {margin-top: 1.6rem;gap: 0.8rem;}
  .architecture-section .item-tit .tag {border-radius: 0.6rem;padding: 0.3rem 1.4rem;}
  .architecture-section .item-tit .tag span {font-size: 1.4rem;}
  .architecture-section .item-cont {width: 100%;flex-direction: row;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;}
  .architecture-section .item-cont::-webkit-scrollbar {display: none;}
  .architecture-section .item-cont .group {width: 100%;flex-shrink: 0;scroll-snap-align: start;}
  .architecture-section .item-cont .group .tit {font-size: 1.6rem;}
  .architecture-section .item-cont .group .label-list {padding-bottom: 3.2rem;}
  .architecture-section .item-cont .group .label-list li {height: 4.8rem; font-size: 1.4rem;}
  .architecture-section .item-cont .group .label-list {grid-template-columns: repeat(1, 1fr);}
  .architecture-section .item-cont .group.blue .label-list {grid-template-columns: repeat(2, 1fr);}

  /* info-section */
  .info-section {padding-bottom: 7.2rem;}
  .info-section .info-box-item .item-tit {gap: 1.6rem;padding: 3rem 2rem 2.5rem;}
  .info-section .info-box-item .item-tit .label {font-size: 1.4rem;}
  .info-section .info-box-item .item-tit .tit {text-align: center;font-size: 2.4rem;line-height: 130%;}
  .info-section .info-box-item .item-tit .desc {font-size: 1.4rem;}
  .info-section .info-box-item .item-cont {flex-direction: column;padding: 2.5rem 0 3rem;}
  .info-section .info-box-item .item-cont .group {width: 100%;padding: 0 3rem 2rem;}
  .info-section .info-box-item .item-cont .point {font-size: 2.4rem;margin-bottom: 0.8rem;}
  .info-section .info-box-item .item-cont .desc-list li {font-size: 1.5rem;padding: 1.2rem;word-break: break-word;}
  .info-section .info-box-item .item-cont .desc-list li::before {top: 2.2rem;}
  .info-section .info-box-item .item-cont .img {width: 100%;padding: 0 1.5rem;margin: 0;}
  .info-section .info-box-item .item-cont .img img {margin: auto;}

  /* point-section */
  .point-section .inner {flex-direction: column;gap: 3.5rem;padding-top: 5.6rem;padding-bottom: 5.6rem;}
  .point-section .title-area {width: 100%;height: auto;background: none;padding: 0;border-radius: 0;}
  .point-section .title-area::before {content: none;}
  .point-section .title-area .tit {text-align: center;font-size: 3.2rem;background: var(--ai_bg, linear-gradient(135deg, #266AFD -10.29%, #9B17F3 77.96%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
  .point-section .content-area .point-list {gap: 1rem;}
  .point-section .content-area .point-list li {flex-wrap: wrap;padding: 1.9rem 2.3rem;border-radius: 1.6rem;}
  .point-section .content-area .point-list li .num {font-size: 1.6rem;padding-right: 3.2rem;}
  .point-section .content-area .point-list li .num::after {top: calc(50% - 0.7rem);right: 1.6rem;height: 1.4rem;}
  .point-section .content-area .point-list li .tit {font-size: 1.6rem;}
  .point-section .content-area .point-list li .desc {min-width: 100%;font-size: 1.4rem;margin-top: 0.4rem;}

  /* result-section */
  .result-section .title-area {padding: 7.2rem 0 4rem;}
  .result-section .title-area .tit {font-size: 3.2rem;}
  .result-section .title-area .tit b {font-size: 3.2rem;}
  .result-section .content-area {padding-bottom: 7.8rem;}
  .result-section .content-area::before {content: none;}
  .result-section .content-area .result-list {flex-direction: column;align-items: center;width: 100%;padding: 2.8rem 0;}
  .result-section .content-area .result-list::before {content: none;}
  .result-section .content-area .result-list li {justify-content: center;}
  .result-section .content-area .result-list li .desc {font-size: 1.5rem;line-height: 150%;margin-top: 0.8rem;}
  /* grid-3 */
  /* .result-list.grid-3 li {width: 28.8rem;height: 28.8rem;;margin: -2.8rem 0;padding: 2.8rem 0;}
  .result-list.grid-3 li .img {height: 11.5rem;padding-top: 3.7rem;padding-bottom: 1rem;} */
  .result-list.grid-3 li {width: 28.8rem;height: 28.8rem;margin: -2.8rem 0;padding: 5.6rem 0;}
  .result-list.grid-3 li:first-child {padding-top: 2.8rem;}
  .result-list.grid-3 li .img {height: 9rem;padding-top: 1rem;padding-bottom: 1rem;}
  .result-list.grid-3 li .img img {max-height: 100%;}
  .result-list.grid-3 li .tit {font-size: 1.8rem;}
  /* grid-4 */
  .result-list.grid-4 li {width: 28.8rem;height: 28.8rem;margin: -2.8rem 0;padding: 5.6rem 0;}
  .result-list.grid-4 li:first-child {padding-top: 2.8rem;}
  .result-list.grid-4 li .img {height: 9rem;padding-top: 1rem;padding-bottom: 1rem;}
  .result-list.grid-4 li .img img {max-height: 100%;}
  .result-list.grid-4 li .tit {font-size: 2.4rem;}

  /* function-section */
  .function-section .title-area {padding-bottom: 3.5rem;}
  .function-section .title-area .label {font-size: 1.4rem;}
  .function-section .title-area .tit {font-size: 3.2rem;}
  .function-section .content-area {flex-direction: column;padding-bottom: 7.2rem;}
  .function-section .content-area .img {margin: 0;}
  .function-list {padding: 2.4rem 0 0;}
  .function-list li {align-items: flex-start;gap: 1.6rem;margin-bottom: 2.4rem;}
  .function-list li .tit {font-size: 1.6rem;}
  .function-list li .desc {font-size: 1.4rem;line-height: 180%;margin-top: 0.5rem;}

  /* overview-section */
  .overview-section .title-area {flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 2.4rem;padding: 3.2rem 0;}
  .overview-section .title-area .tit {font-size: 2.4rem;}
  .overview-section .title-area .desc {width: 100%;font-size: 1.5rem;line-height: 160%;}
  .overview-section .content-area {flex-direction: column;align-items: center;gap: 1.5rem;padding: 4rem 0 7.2rem;}
  .overview-section .circle-item {padding-top: 3.6rem;}
  .overview-section .circle-item::before {width: 31.2rem;height: 31.2rem;border-radius: 31.2rem;background: var(--bg_purple, #F8F7FD);opacity: 1;}
  .overview-section .circle-item .item-tit {width: 24rem;height: 24rem;}
  .overview-section .circle-item .item-tit .tit {font-size: 2.4rem;}
  .overview-section .circle-item .item-tit .desc {font-size: 1.5rem;}
  .overview-section .circle-item .item-cont {display: flex;gap: 1rem;}
  .overview-section .circle-item .item-cont .group {width: auto;margin-top: 0.5rem;}
  .overview-section .circle-item .item-cont .group .tit {height: 5.6rem;font-size: 1.7rem;}
  .overview-section .circle-item .item-cont .group .desc {font-size: 1.4rem;padding: 1.5rem 2rem 2.5rem;}
  .overview-section .box-item {width: 100%;margin: 0;}
  .overview-section .box-item.right {padding-top: 4rem;}
  .overview-section .box-item .item-tit {font-size: 2.8rem;padding-bottom: 1.5rem;}
  .overview-section .box-item .item-tit svg {margin-top: 1.5rem;}
  .overview-section .box-item .item-cont .box-label {width: 100%;height: 9.7rem;}
  .overview-section .box-item .item-cont .box-label .polygon {width: 2.2rem;height: 1rem;}
  .overview-section .box-item .item-list > li {min-height: 12.8rem;height: auto;gap: 0.8rem;padding: 2.4rem 0;}
  .overview-section .box-item .item-list > li .desc, .overview-section .box-item .item-list > li .desc-list li {font-size: 1.5rem;}

  /* cases-section */
  .cases-section {padding-bottom: 5rem;}
  .cases-section .sticky-tabs ul li {min-width: 11.2rem;}
  .cases-section .title-area {padding: 7.2rem 2rem 3rem;}
  .cases-section .title-area .label {font-size: 1.4rem;}
  .cases-section .title-area h3.tit {font-size: 2.4rem;}
  .cases-section .title-area h4.tit {font-size: 2.8rem;}
  .cases-section .title-area .desc {font-size: 1.4rem;margin-top: 1.5rem;}
  .case-area .title-area {padding: 4rem 2rem;}
  .case-area .content-area {height: auto;padding: 3.4rem 2rem;}
  .case-area .content-area .group {width: 100%;flex-direction: column;gap: 1.6rem;}
  .case-area .case-item {padding: 3.2rem;}
  .case-area .case-item .item-tit {font-size: 2rem;}
  .case-area .case-item .desc {font-size: 1.4rem;margin-top: 1.2rem;}
  .process-area {padding: 0 2rem;}
  .process-list.grid-3 {grid-template-columns: repeat(1, 1fr);gap: 1.2rem;}
  .process-list.grid-3 > li {min-height: 29.4rem;height: auto;;}
  .process-list.grid-3 > li.exp-txt {display: flex !important;border: none;padding: 0;min-height: auto;flex-direction: row;}
  .process-list.grid-4 {grid-template-columns: repeat(1, 1fr);gap: 1.2rem;}
  .process-list.grid-4 > li {height: auto;}
  .process-list.grid-4 > li .human {flex:  0 0 auto;min-height: 10rem;}
  .process-list.grid-4 > li .ai {flex:  0 0 auto;min-height: 10rem;}


  .workflow-area .content-area .tit, .workflow-area .content-area .tit b {font-size: 1.6rem;}
  .workflow-area .content-area .tit::before {margin-right: 2.7rem;}
  .workflow-area .content-area .tit::after {margin-left: 2.7rem;}
  .workflow-area .content-area .infographic {padding-left: 2rem;padding-right: 2rem;}

  .benefits-area .content-area {padding: 0 2rem;}
  .benefits-area .benefits-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;}
  .benefits-area .benefits-list li {max-width: 100%;height: 23.3rem;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding: 4rem 2rem 3.8rem;}
  .benefits-area .benefits-list li .tit {font-size: 1.8rem;text-align: center;}
  .benefits-area .benefits-list li .tit b {display: block;font-weight: 700;}
  .benefits-area .benefits-list li .icon {position: initial;transform: scale(0.8)}

  .price-area {padding: 4rem 2rem 5rem;}
  .price-area .price-list > li {background: var(--bg_purple, #F8F7FD);}
  .price-area .price-list > li .label {font-size: 1.4rem;margin-bottom: 1.2rem;}
  .price-area .price-list > li .label b {font-size: 2.4rem;}
  .price-area .price-list > li .price {height: auto;}
  .price-area .price-list > li .price b {font-size: 3.2rem;font-weight: 700;}
  .price-area .price-list > li .option {padding: 1.2rem 0;}
  .price-area .price-list > li .key-list {min-height: 9rem;}
  .price-area .price-list > li .btn {font-size: 1.6rem;padding: 1.3rem 2.4rem;}
  .price-area .note > b {display: block;}
  .price-area .note > span {display: block;padding-left: 1rem;}
  .price-list.grid-3 {grid-template-columns: repeat(1, 1fr);gap: 1.6rem;}
  .price-list.grid-3 > li {height: auto;padding: 4.5rem 2.5rem;}
  .price-list.grid-4 {grid-template-columns: repeat(1, 1fr);gap: 1.6rem;}
  .price-list.grid-4 > li {height: auto;min-height: 35rem;padding: 4.5rem 3.2rem;}
  
  .scenario-area {padding: 6.4rem 2rem;}
  .scenario-area .title-area {margin-bottom: 3.2rem;}
  .scenario-area .title-area .label {font-size: 1.4rem;}
  .scenario-area .title-area .tit {font-size: 2.8rem;}
  .scenario-list {display: grid;grid-template-columns: repeat(1, 1fr);gap: 1.6rem;}
  .scenario-list li {max-width: 100%;min-height: 15.2rem;display: flex;flex-wrap: wrap;align-items: center;gap: 1.8rem;padding: 3rem 3rem 2.4rem;}
  .scenario-list li .img {height: auto;}
  .scenario-list li .tit {height: auto;margin: 0;}
  .scenario-list li .desc {width: 100%;padding-top: 1.5rem;border-top: 1px solid #E7E7E7;}

  .pricing-section .sticky-tabs ul {justify-content: center;}
  .pricing-section .sticky-tabs ul li {max-width: 15rem;}
  .pricing-section .case-area .content-area {height: auto;padding: 6.6rem 2rem;}
  .pricing-section .case-area .content-area .tit {font-size: 2.8rem;margin-bottom: 3rem;}
  .pricing-section .case-area .content-area .group {gap: 2.4rem;padding: 0;}
  .pricing-section .case-area .case-item {width: 100%;padding: 3.8rem 2.5rem;}
  .pricing-section .case-area .case-item .desc-list {flex-direction: column;}
  .pricing-section .case-area .case-item .desc-list li {display: flex;align-items: center;padding: 1.8rem 1.6rem;}
  .pricing-section .case-area .case-item .desc-list li .top {order: 1;flex: auto;display: block;border-bottom: none;text-align: left;font-size: 1.4rem;padding-right: 1.8rem;}
  .pricing-section .case-area .case-item .desc-list li .bottom {order: 3;min-width: 9rem;flex: 0 0 auto;text-align: center;font-size: 1.6rem;padding-left: 1.8rem;}
  .pricing-section .case-area .case-item .desc-list li .bottom .mo-thin {font-size: 1.4rem;font-weight: 500;}
  .pricing-section .case-area .case-item .desc-list li::before {order: 2;content: '';display: block;width: 1px;height: 16px;background: rgba(255, 255, 255, 0.30);}

  .token-area {padding: 6.4rem 2rem;}
  .token-area .group {flex-direction: column;gap: 2.5rem;}
  .token-area .title-area {width: 100%;}
  .token-area .title-area .label {text-align: center;font-size: 1.4rem;}
  .token-area .title-area .tit {text-align: center;font-size: 2.8rem;}
  .token-area .title-area .desc-list {padding: 2.3rem 0 0;}
  .token-area .title-area .desc-list li {padding-left: 2rem;margin-top: 0.8rem;}
  .token-area .title-area .desc-list li .mo-thin {font-size: 1.4rem;font-weight: 400;}
  .token-area .content-area .token-list li {min-height: 10rem;display: grid;grid-template-columns: auto 1fr;column-gap: 12px;padding: 2rem 2.4rem;}
  .token-area .content-area .token-list li .num {grid-row: 1 / 3;align-self: stretch;display: flex;align-items: center;padding-right: 4.8rem;}
  .token-area .content-area .token-list li .num::after {height: 100%;top: 0;right: 2.4rem;}
  .token-area .content-area .token-list li .tit {grid-column: 2;font-size: 1.8rem;}
  .token-area .content-area .token-list li .desc {grid-column: 2;font-size: 1.4rem;white-space: normal;margin-top: 0.8rem;}

  .faq-section .title-area {padding: 7.2rem 0 3.2rem;}
  .faq-section .title-area .tit {font-size: 3.2rem;}
  .faq-list > li .question {align-items: flex-start;padding: 1.6rem;}
  .faq-list > li .question::before {font-size: 1.8rem;margin-right: 1.6rem;}
  .faq-list > li .question span {font-size: 1.5rem;padding-right: 1.6rem;}
  .faq-list > li .answer {padding: 1.6rem;}
  .faq-list > li .answer::before {margin-right: 1.6rem;}
  .faq-list > li .answer .answer-cont {font-size: 1.5rem;line-height: 160%;}
  .faq-section .summary-list.large > li {width: 100%;height: auto;}
  .faq-section .summary-list > li {width: 100%;height: auto;}
  .faq-section .summary-list > li .desc, .faq-section .summary-list > li .txt {font-size: 1.4rem;}


}