.faqArea .dataList .question .toggleBtn, .faqArea .dataList .question, .faqArea .tabBox .tabItem::after, .faqArea .tabBox .tabItem, .dataArea .dataItem .tooltipPanel, .warrantyArea .dataIconBox .item .Img::before, .warrantyArea .dataIconBox .item .Img::after, .warrantyArea .dataIconBox .item .Img img, .warrantyArea .dataIconBox .item .Img, .warrantyArea .dataIconBox .item .decoLine, .videoArea .videoBox .videoCover .playBtn .playIcon, .serviceArea .tabContentBox .item, .serviceArea .tabBox .plus .line::before, .serviceArea .tabBox .plus .line, .serviceArea .tabBox .plus::before, .serviceArea .tabBox .plus::after, .serviceArea .tabBox .plus, .serviceArea .tabBox .title, .serviceArea .tabBox .icon, .serviceArea .tabBox .item::before {
  transition: all 0.5s ease-in-out;
}

@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes ping_small {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes runDashLine {
  from {
    stroke-dashoffset: 200;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateCenter {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes logoSettle {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes drawStroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fillColour {
  to {
    fill-opacity: 1;
  }
}
@keyframes svgGlintAnim {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes logoGlowFade {
  0% {
    filter: brightness(1) drop-shadow(0 0 0px #fff);
    opacity: 1;
    transform: scale(1);
  }
  35% {
    filter: brightness(2.5) drop-shadow(0 0 25px rgba(255, 255, 255, 0.8));
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    filter: brightness(15) drop-shadow(0 0 80px #fff) blur(8px);
    opacity: 0;
    transform: scale(1.1);
  }
}
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes glide {
  from {
    transform: translateX(-80px);
  }
  to {
    transform: translateX(260px);
  }
}
.bannerArea {
  position: relative;
}
.bannerArea .bannerList {
  position: relative;
}
.bannerArea .bannerList .item {
  position: relative;
}
.bannerArea .bannerList .item .Img img {
  width: 100%;
  height: auto;
  display: block;
  backface-visibility: hidden;
}
@media (max-width: 1180px) {
  .bannerArea .bannerList .item .Img img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    height: 373px;
  }
}
.bannerArea .bannerList .item .Txt {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1180px) {
  .bannerArea .bannerList .item .Txt {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 768px) {
  .bannerArea .bannerList .item .Txt {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.bannerArea .bannerList .item .Txt {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(25px, 8.3333333333px + 2.1701388889vw, 50px);
  width: auto;
}
.bannerArea .bannerList .item .textBox {
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 5px + 1.3020833333vw, 30px);
  color: #fff;
}
.bannerArea .bannerList .item .textBox .title {
  font-size: clamp(2rem, 0.6666666667rem + 2.7777777778vw, 4rem);
  font-weight: 700;
  line-height: 1;
}
.bannerArea .bannerList .item .textBox .subtitle {
  font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
  font-weight: 600;
  line-height: 1;
}
.bannerArea .bannerList .item .textBox .line {
  display: block;
  width: 110px;
  height: 2px;
  background-color: #fff;
}
@media (max-width: 768px) {
  .bannerArea .bannerList .item .textBox .line {
    height: 1px;
  }
}
.bannerArea .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.bannerArea .controlBox {
  width: 100%;
  max-width: 1685px;
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1180px) {
  .bannerArea .controlBox {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 768px) {
  .bannerArea .controlBox {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.bannerArea .controlBox {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: 0;
  width: auto;
  pointer-events: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 768px) {
  .bannerArea .controlBox {
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 40px;
  }
}

.serviceArea {
  padding: 45px 0;
  overflow-x: clip;
}
@media (max-width: 768px) {
  .serviceArea {
    padding-bottom: 30px;
  }
}
.serviceArea .tabBox {
  margin-top: -20px;
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1080px) {
  .serviceArea .tabBox .tabList {
    width: 80%;
    max-width: 240px;
    margin: 0 auto;
  }
}
.serviceArea .tabBox .slick-list {
  overflow: visible;
}
.serviceArea .tabBox .tabItem {
  pointer-events: auto;
  cursor: pointer;
  padding: 20px;
}
@media (max-width: 1180px) {
  .serviceArea .tabBox .tabItem {
    padding: 10px;
  }
}
.serviceArea .tabBox .tabItem.active .item::before {
  opacity: 1;
  transform: translateY(0);
}
.serviceArea .tabBox .tabItem.active .icon {
  background-color: #fff;
}
.serviceArea .tabBox .tabItem.active .title {
  color: #fff;
}
.serviceArea .tabBox .tabItem.active .plus {
  background-color: #fff;
}
@media (max-width: 1180px) {
  .serviceArea .tabBox .tabItem.active .plus::before, .serviceArea .tabBox .tabItem.active .plus::after {
    background-color: white;
  }
}
.serviceArea .tabBox .tabItem.active .plus .line {
  background-color: #1268FF;
}
@media (min-width: 1181px) {
  .serviceArea .tabBox .tabItem:hover .item::before {
    opacity: 1;
    transform: translateY(0);
  }
  .serviceArea .tabBox .tabItem:hover .icon {
    background-color: #fff;
  }
  .serviceArea .tabBox .tabItem:hover .title {
    color: #fff;
  }
  .serviceArea .tabBox .tabItem:hover .plus {
    background-color: #fff;
  }
  .serviceArea .tabBox .tabItem:hover .plus::before, .serviceArea .tabBox .tabItem:hover .plus::after {
    background-color: white;
  }
  .serviceArea .tabBox .tabItem:hover .plus .line {
    background-color: #1268FF;
  }
}
.serviceArea .tabBox .item {
  overflow: hidden;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 25px 30px;
  gap: 5px;
  box-shadow: 0 0 40px 0 rgba(19, 104, 255, 0.22);
  border-radius: 15px;
  max-width: 315px;
  margin: 0 auto;
}
.serviceArea .tabBox .item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: linear-gradient(85.7deg, #133ED4 1.16%, #1268FF 96.9%);
  border-radius: inherit;
  z-index: 0;
  opacity: 0;
  transform: translateY(100%);
}
.serviceArea .tabBox .icon {
  width: 100%;
  max-width: 80px;
  aspect-ratio: 1/1;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: #1268FF;
  position: relative;
  z-index: 1;
}
.serviceArea .tabBox .title {
  color: #1268FF;
  font-size: clamp(1.125rem, 0.8333333333rem + 0.6076388889vw, 1.5625rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.25px;
  text-align: center;
  max-width: 240px;
  width: 100%;
  position: relative;
  padding: 0 40px;
  z-index: 1;
}
@media (max-width: 1440px) {
  .serviceArea .tabBox .title {
    padding: 0 20px;
    max-width: 180px;
  }
}
.serviceArea .tabBox .plus {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 40px;
  aspect-ratio: 1/1;
  background-color: #1268FF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
@media (max-width: 1440px) {
  .serviceArea .tabBox .plus {
    width: 30px;
  }
}
.serviceArea .tabBox .plus::before, .serviceArea .tabBox .plus::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: rgba(18, 104, 255, 0);
  animation: ping 2s ease-out infinite;
  z-index: -1;
  pointer-events: none;
}
.serviceArea .tabBox .plus::after {
  animation-delay: -1s;
}
.serviceArea .tabBox .plus .line {
  width: 20px;
  height: 2px;
  background-color: #fff;
  position: absolute;
}
@media (max-width: 1440px) {
  .serviceArea .tabBox .plus .line {
    width: 15px;
  }
}
.serviceArea .tabBox .plus .line::before {
  content: "";
  position: absolute;
  inset: 0;
  width: inherit;
  height: inherit;
  background-color: inherit;
  transform: rotate(90deg);
}
.serviceArea .tabContentBox {
  padding-top: 40px;
}
@media (max-width: 768px) {
  .serviceArea .tabContentBox {
    padding-top: 10px;
  }
}
.serviceArea .tabContentBox .tabContentItem {
  display: none;
}
.serviceArea .tabContentBox .tabContentItem.active {
  display: block;
}
.serviceArea .tabContentBox .tabContentItem.active .contentTitleBox .title {
  animation: fadeInUp 0.5s ease 0.5s forwards;
}
.serviceArea .tabContentBox .tabContentItem.active .contentTitleBox .textBox {
  animation: fadeInUp 0.5s ease 0.6s forwards;
}
.serviceArea .tabContentBox .tabContentItem.active .dataBox {
  animation: fadeInUp 0.5s ease 0.8s forwards;
}
.serviceArea .tabContentBox .tabContentItem {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.4s ease-in-out;
}
.serviceArea .tabContentBox .tabContentItem.hide {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.2s ease-in-out;
}
.serviceArea .tabContentBox .tabContentItem .contentTitleBox .title {
  opacity: 0;
}
.serviceArea .tabContentBox .tabContentItem .contentTitleBox .textBox {
  opacity: 0;
}
.serviceArea .tabContentBox .tabContentItem .dataBox {
  opacity: 0;
}
.serviceArea .tabContentBox .contentTitleBox {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(10px, 3.3333333333px + 0.8680555556vw, 20px);
  max-width: 920px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .serviceArea .tabContentBox .contentTitleBox {
    padding-bottom: 0;
  }
}
.serviceArea .tabContentBox .contentTitleBox .title {
  font-size: clamp(1.625rem, 1.375rem + 0.5208333333vw, 2rem);
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.serviceArea .tabContentBox .contentTitleBox .textBox {
  font-size: clamp(1.125rem, 1.0416666667rem + 0.1736111111vw, 1.25rem);
  line-height: 1.5;
  letter-spacing: 0.2px;
}
.serviceArea .tabContentBox .contentTitleBox .textBox .gary {
  color: #999;
}
.serviceArea .tabContentBox .contentTitleBox .textBox .italic {
  font-style: italic;
}
.serviceArea .tabContentBox .dataBox {
  margin: 0 -30px;
  position: relative;
}
@media (max-width: 1180px) {
  .serviceArea .tabContentBox .dataBox {
    margin: 0px;
  }
}
.serviceArea .tabContentBox .dataBox .slick-list {
  overflow: visible;
}
.serviceArea .tabContentBox .dataBox .slick-track {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin: 0 auto;
}
.serviceArea .tabContentBox .dataBox .slick-slide {
  height: auto !important;
}
.serviceArea .tabContentBox .dataBox .slick-slide > div {
  height: 100%;
}
.serviceArea .tabContentBox .dataBox .slick-slide .dataItem {
  height: 100%;
}
.serviceArea .tabContentBox .dataBox .slick-slide .item {
  height: 100%;
}
.serviceArea .tabContentBox .dataBox .slick-slide.slick-active .item {
  opacity: 1;
}
.serviceArea .tabContentBox .dataBox .arrowsBox {
  position: absolute;
  width: calc(100% + 40px);
  height: -moz-fit-content;
  height: fit-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1680px) {
  .serviceArea .tabContentBox .dataBox .arrowsBox {
    width: calc(100% + 10px);
  }
}
.serviceArea .tabContentBox .dataList {
  overflow: hidden;
  padding: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 1180px) {
  .serviceArea .tabContentBox .dataList {
    max-width: 360px;
    width: 85%;
    margin: 0 auto;
    overflow: visible;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 1180px) {
  .serviceArea .tabContentBox .slick-slide.current .item {
    background-color: #fff;
  }
  .serviceArea .tabContentBox .slick-slide.current .btnBox .btn.bgSecond {
    color: #fff;
  }
  .serviceArea .tabContentBox .slick-slide.current .btnBox .btn.bgSecond::before {
    transform: translateX(0);
  }
}
.serviceArea .tabContentBox .dataItem {
  padding: 20px;
}
@media (max-width: 1180px) {
  .serviceArea .tabContentBox .dataItem {
    padding: 10px;
  }
}
@media (max-width: 768px) {
  .serviceArea .tabContentBox .dataItem {
    width: 320px;
  }
}
@media (min-width: 1181px) {
  .serviceArea .tabContentBox .dataItem:hover .item {
    transform: translateY(-20px);
    background-color: #fff;
  }
  .serviceArea .tabContentBox .dataItem:hover .btnBox .btn.bgSecond {
    color: #fff;
  }
  .serviceArea .tabContentBox .dataItem:hover .btnBox .btn.bgSecond::before {
    transform: translateX(0);
  }
}
.serviceArea .tabContentBox .item {
  max-width: 320px;
  margin: 0 auto;
  background: #EBEBEB;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 40px 0 rgba(19, 104, 255, 0.22);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: stretch;
}
@media (min-width: 1181px) {
  .serviceArea .tabContentBox .item {
    opacity: 0;
  }
}
.serviceArea .tabContentBox .item .iconBox {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
  background-color: #fff;
  width: 43px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.serviceArea .tabContentBox .item .iconBox .icon {
  width: 80%;
  aspect-ratio: 1/1;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: #1268FF;
  margin: auto;
}
.serviceArea .tabContentBox .item .Img {
  flex: 0 0 auto;
}
.serviceArea .tabContentBox .item .Img img {
  width: 100%;
  height: auto;
  display: block;
  backface-visibility: hidden;
}
.serviceArea .tabContentBox .item .Txt {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  padding: 20px;
  min-height: 220px;
}
.serviceArea .tabContentBox .item .Txt .title {
  font-size: clamp(1.125rem, 0.9166666667rem + 0.4340277778vw, 1.4375rem);
  font-weight: 600;
  line-height: 1.4;
}
.serviceArea .tabContentBox .item .Txt .text {
  color: #999;
  font-size: 15px;
  line-height: 1.4;
}
.serviceArea .tabContentBox .item .Txt .btnBox {
  margin-top: auto;
}

.videoArea {
  padding: 45px 0;
}
@media (max-width: 768px) {
  .videoArea {
    padding: 30px 0;
  }
}
.videoArea .titleBox {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.videoArea .videoBox {
  position: relative;
  aspect-ratio: 16/9;
  max-width: 1233px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
  overflow: hidden;
}
.videoArea .videoBox .videoCover {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
  transition: opacity 0.4s ease-in-out;
}
.videoArea .videoBox .videoCover.hide {
  opacity: 0;
  pointer-events: none;
}
.videoArea .videoBox .videoCover .Img {
  width: 100%;
  height: 100%;
}
.videoArea .videoBox .videoCover .Img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.videoArea .videoBox .videoCover .playBtn {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.videoArea .videoBox .videoCover .playBtn .playIcon {
  width: clamp(60px, 6vw, 90px);
  height: clamp(60px, 6vw, 90px);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1.5px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.videoArea .videoBox .videoCover .playBtn .playIcon svg {
  width: clamp(18px, 1.8vw, 36px);
  height: auto;
  margin-left: 3px;
}
@media (min-width: 1181px) {
  .videoArea .videoBox .videoCover .playBtn:hover .playIcon {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.03);
  }
}
.videoArea .videoBox #video {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: 0;
}
.videoArea .videoBox #video iframe {
  width: 100%;
  height: 100%;
}

.warrantyArea {
  overflow-x: clip;
  padding: 45px 0 75px;
  position: relative;
}
.warrantyArea .decoBox {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.warrantyArea .decoBox .decoCircle {
  position: absolute;
  width: clamp(300px, 166.6666666667px + 17.3611111111vw, 500px);
  aspect-ratio: 1/1;
  background: radial-gradient(#1268FF 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(50px);
  opacity: 0.1;
  pointer-events: none;
}
@media (max-width: 768px) {
  .warrantyArea .decoBox .decoCircle {
    opacity: 0.05;
  }
}
.warrantyArea .decoBox .decoCircle:nth-of-type(1) {
  top: 0;
  left: 0;
  animation: decoCircle1 20s linear infinite;
}
.warrantyArea .decoBox .decoCircle:nth-of-type(2) {
  right: 0;
  bottom: 0;
  animation: decoCircle2 20s linear infinite;
}
@keyframes decoCircle1 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(20vw, -20vh);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes decoCircle2 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(20vw, -20vh);
  }
  100% {
    transform: translate(0, 0);
  }
}
.warrantyArea .wrapBox {
  display: grid;
  grid-template-columns: 57% 43%;
  grid-template-rows: 45% 55%;
  align-content: stretch;
  justify-content: space-between;
  margin-left: -1%;
}
@media (max-width: 960px) {
  .warrantyArea .wrapBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 0;
  }
}
.warrantyArea .imgWrapBox {
  grid-area: 1/1/3/2;
}
@media (max-width: 960px) {
  .warrantyArea .imgWrapBox {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .warrantyArea .imgWrapBox {
    padding: 30px 0 60px;
  }
}
.warrantyArea .imgMainWrapBox {
  max-width: 700px;
  width: 90%;
  position: relative;
}
@media (max-width: 960px) {
  .warrantyArea .imgMainWrapBox {
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .warrantyArea .imgMainWrapBox {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .warrantyArea .imgMainWrapBox .decoCircle {
    position: absolute;
    width: 140%;
    height: 140%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
}
.warrantyArea .imgMainWrapBox .decoCircle path {
  animation: runDashLine 20s linear infinite;
  will-change: stroke-dashoffset;
}
.warrantyArea .imgMainWrapBox .decoCircle path:nth-of-type(1) {
  animation-duration: 8s;
  animation-delay: -2s;
}
.warrantyArea .imgMainWrapBox .decoCircle path:nth-of-type(2) {
  animation-duration: 11s;
  animation-delay: -10s;
  animation-direction: reverse;
}
.warrantyArea .imgMainWrapBox .decoCircle path:nth-of-type(3) {
  animation-duration: 10s;
  animation-delay: -5s;
}
.warrantyArea .imgMainWrapBox .progressCircle {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
  width: 76%;
}
@media (max-width: 640px) {
  .warrantyArea .imgMainWrapBox .progressCircle {
    display: none;
  }
}
.warrantyArea .imgMainBox {
  overflow: hidden;
  border-radius: 50%;
}
@media (min-width: 641px) {
  .warrantyArea .imgMainBox {
    position: absolute;
    width: 72%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 640px) {
  .warrantyArea .imgMainBox {
    width: calc(100% - 65px);
    margin: 0 auto;
  }
}
.warrantyArea .imgMainBox .slick-slide {
  opacity: 1 !important;
}
.warrantyArea .imgMainBox .slick-slide .Img {
  clip-path: circle(0% at 50% 50%);
  transition: all 0s ease-in-out;
  transition-delay: 1s;
}
.warrantyArea .imgMainBox .slick-slide.current .Img {
  transition: all 800ms ease-in-out;
  clip-path: circle(100% at 50% 50%);
}
.warrantyArea .imgMainBox .item .Img img {
  width: 100%;
  height: auto;
  display: block;
  backface-visibility: hidden;
}
.warrantyArea .dataIconBox {
  position: absolute;
  width: calc(72% + 110px);
  aspect-ratio: 1/1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.warrantyArea .dataIconBox .iconList {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 641px) {
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(1) {
    position: absolute;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(1) .item {
    transform: rotate(-90deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(2) {
    position: absolute;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(135deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(2) .item {
    transform: rotate(-135deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(3) {
    position: absolute;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(3) .item {
    transform: rotate(-180deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(4) {
    position: absolute;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(225deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(4) .item {
    transform: rotate(-225deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(5) {
    position: absolute;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(270deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(5) .item {
    transform: rotate(-270deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(6) {
    position: absolute;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(315deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(6) .item {
    transform: rotate(-315deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(7) {
    position: absolute;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(360deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(7) .item {
    transform: rotate(-360deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(8) {
    position: absolute;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(405deg);
  }
  .warrantyArea .dataIconBox .iconList .iconItem:nth-child(8) .item {
    transform: rotate(-405deg);
  }
}
.warrantyArea .dataIconBox .iconItem {
  pointer-events: none;
}
@media (max-width: 640px) {
  .warrantyArea .dataIconBox .iconItem {
    position: absolute;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(270deg);
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  .warrantyArea .dataIconBox .iconItem .item {
    transform: rotate(-270deg);
  }
}
@media (max-width: 640px) {
  .warrantyArea .dataIconBox .iconItem.active {
    opacity: 1;
  }
}
.warrantyArea .dataIconBox .iconItem.active .Img {
  background-color: #1268FF;
}
.warrantyArea .dataIconBox .iconItem.active .Img img {
  filter: brightness(0) invert(1);
}
.warrantyArea .dataIconBox .iconItem.active .Img::before, .warrantyArea .dataIconBox .iconItem.active .Img::after {
  background-color: #1268ff;
}
.warrantyArea .dataIconBox .iconItem.active .decoLine {
  opacity: 0;
}
@media (min-width: 1181px) {
  .warrantyArea .dataIconBox .iconItem:hover .Img {
    background-color: #1268FF;
  }
  .warrantyArea .dataIconBox .iconItem:hover .Img img {
    filter: brightness(0) invert(1);
  }
  .warrantyArea .dataIconBox .iconItem:hover .Img::before, .warrantyArea .dataIconBox .iconItem:hover .Img::after {
    background-color: #1268ff;
  }
  .warrantyArea .dataIconBox .iconItem:hover .decoLine {
    opacity: 0;
  }
}
.warrantyArea .dataIconBox .item {
  cursor: pointer;
  pointer-events: auto;
  width: 110px;
  aspect-ratio: 1/1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.warrantyArea .dataIconBox .item .decoLine {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: 0;
  animation: rotate 10s linear infinite;
}
@media (max-width: 640px) {
  .warrantyArea .dataIconBox .item .decoLine {
    display: none;
  }
}
.warrantyArea .dataIconBox .item .Img {
  position: relative;
  aspect-ratio: 1/1;
  width: 70%;
  background-color: #fff;
  border-radius: 50%;
  padding: 8px;
}
@media (max-width: 640px) {
  .warrantyArea .dataIconBox .item .Img {
    background-color: #1268FF;
  }
}
.warrantyArea .dataIconBox .item .Img img {
  width: 100%;
  height: auto;
  display: block;
  backface-visibility: hidden;
}
@media (max-width: 640px) {
  .warrantyArea .dataIconBox .item .Img img {
    filter: brightness(0) invert(1);
  }
}
.warrantyArea .dataIconBox .item .Img::before, .warrantyArea .dataIconBox .item .Img::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: rgba(18, 104, 255, 0);
  animation: ping_small 2s ease-out infinite;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 640px) {
  .warrantyArea .dataIconBox .item .Img::before, .warrantyArea .dataIconBox .item .Img::after {
    background-color: #1268ff;
  }
}
.warrantyArea .dataIconBox .item .Img::after {
  animation-delay: -1s;
}
.warrantyArea .titleBox {
  margin-left: auto;
  max-width: 555px;
  grid-area: 1/2/2/3;
  justify-content: flex-end;
}
@media (max-width: 960px) {
  .warrantyArea .titleBox {
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 0;
    order: -1;
  }
}
.warrantyArea .titleBox .textBox {
  font-size: clamp(1rem, 0.9166666667rem + 0.1736111111vw, 1.125rem);
}
.warrantyArea .dataInfoBox {
  margin-left: auto;
  max-width: 555px;
  width: 100%;
  grid-area: 2/2/3/3;
}
@media (max-width: 960px) {
  .warrantyArea .dataInfoBox {
    margin: 0 auto;
    max-width: 375px;
  }
}
.warrantyArea .dataInfoBox .dataInfoList .slick-list {
  overflow: visible;
}
.warrantyArea .dataInfoBox .item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.warrantyArea .dataInfoBox .topBox {
  display: flex;
  align-items: center;
  font-size: clamp(1.125rem, 0.8333333333rem + 0.6076388889vw, 1.5625rem);
  font-weight: 600;
  gap: 10px;
}
.warrantyArea .dataInfoBox .topBox .num {
  flex-shrink: 0;
  color: #1268FF;
}
.warrantyArea .dataInfoBox .line {
  margin-left: -20%;
  position: relative;
  width: clamp(180px, 143.3333333333px + 4.7743055556vw, 235px);
  height: 1px;
  background-color: #1268FF;
}
@media (max-width: 960px) {
  .warrantyArea .dataInfoBox .line {
    margin-left: 0;
  }
}
.warrantyArea .dataInfoBox .line::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #1268FF;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.warrantyArea .dataInfoBox .infoBox {
  max-width: 375px;
}
.warrantyArea .dataInfoBox .infoBox .textBox {
  color: #999;
  font-size: clamp(1rem, 0.9166666667rem + 0.1736111111vw, 1.125rem);
  line-height: 1.5;
}
.warrantyArea .dataInfoBox .funcBox {
  padding-top: 10px;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: clamp(15px, -5px + 2.6041666667vw, 45px);
}
.warrantyArea .dataInfoBox .controlBox .arrowsBox {
  gap: 5px;
}
.warrantyArea .dataInfoBox .controlBox .progressBox {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
.warrantyArea .dataInfoBox .controlBox .progressBox::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 17px;
  transform: translate(-50%, -50%) rotate(25deg);
  background-color: #999;
}
.warrantyArea .dataInfoBox .controlBox .progressBox .num {
  font-size: clamp(1.125rem, 1.0416666667rem + 0.1736111111vw, 1.25rem);
  font-weight: 600;
  color: #999;
}
.warrantyArea .dataInfoBox .controlBox .progressBox .num.current {
  color: #1268FF;
}

.dataArea {
  padding: 130px 0;
  position: relative;
  background: #F2F2F2;
  min-height: 87vh;
  overflow: hidden;
}
@media (max-width: 768px) {
  .dataArea {
    padding: 50px 0;
  }
}
.dataArea .decoBox {
  pointer-events: none;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: 0;
}
.dataArea .decoBox .particlesBox {
  position: absolute;
  aspect-ratio: 1/1;
  width: clamp(200px, 66.6666666667px + 17.3611111111vw, 400px);
}
.dataArea .decoBox .particlesBox .particles {
  width: 100%;
  height: 100%;
}
.dataArea .decoBox .particlesBox:nth-child(1) {
  left: 0%;
  bottom: 0%;
}
.dataArea .decoBox .particlesBox:nth-child(2) {
  right: 0%;
  top: 0%;
}
.dataArea .bg {
  display: block;
  pointer-events: none;
  position: absolute;
  top: 53%;
  left: 48.5%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: calc(100% - 98px);
  max-height: 840px;
  background-image: url(../upload/home/data/map-966x700.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 768px) {
  .dataArea .bg {
    background-size: auto 90%;
    left: 50%;
  }
}
.dataArea .wrap {
  position: relative;
  z-index: 1;
}
.dataArea .dataBox {
  max-width: 1105px;
  margin: 0 auto;
  padding-top: clamp(20px, -13.3333333333px + 4.3402777778vw, 70px);
}
@media (max-width: 768px) {
  .dataArea .dataBox {
    max-width: 270px;
    transition: padding-top 0.3s ease;
  }
  .dataArea .dataBox:has(.tooltipPanel.active) {
    padding-top: 80px;
  }
}
.dataArea .dataList {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 768px) {
  .dataArea .dataList {
    flex-direction: column;
    justify-content: center;
    padding-top: 0px;
  }
}
.dataArea .dataItem {
  position: relative;
  z-index: 3;
}
@media (max-width: 768px) {
  .dataArea .dataItem {
    position: static;
  }
}
.dataArea .dataItem:has(.tooltipPanel) {
  z-index: 11;
}
.dataArea .dataItem .dataNumBox {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #1268FF;
}
@media (max-width: 768px) {
  .dataArea .dataItem .dataNumBox {
    gap: 10px;
  }
}
.dataArea .dataItem .dataNumBox .num {
  font-size: clamp(3.625rem, 2.2083333333rem + 2.9513888889vw, 5.75rem);
  font-weight: 700;
  line-height: 1;
}
.dataArea .dataItem .dataNumBox .num .slot-digit {
  display: inline-block;
  height: 1em;
  overflow: hidden;
  vertical-align: top;
  line-height: 1em;
}
.dataArea .dataItem .dataNumBox .num .slot-strip {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.dataArea .dataItem .dataNumBox .num .slot-item {
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dataArea .dataItem .dataNumBox .slash {
  width: 1px;
  height: 40px;
  background-color: #1268FF;
  transform: rotate(30deg);
  margin: 0 20px;
}
@media (max-width: 1440px) {
  .dataArea .dataItem .dataNumBox .slash {
    height: 30px;
    margin: 0 5px;
  }
}
.dataArea .dataItem .dataNumBox .type {
  font-size: clamp(1.75rem, 1.5rem + 0.5208333333vw, 2.125rem);
  font-weight: 500;
  padding: 5px 0;
}
.dataArea .dataItem .dataNumBox .type.plus {
  width: 25px;
  aspect-ratio: 1/1;
  position: relative;
  top: 15px;
}
@media (max-width: 768px) {
  .dataArea .dataItem .dataNumBox .type.plus {
    width: 18px;
  }
}
.dataArea .dataItem .dataNumBox .type.plus::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #1268FF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dataArea .dataItem .dataNumBox .type.plus::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: #1268FF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dataArea .dataItem .dataNumBox .type.top {
  align-self: flex-start;
}
.dataArea .dataItem .dataNumBox .type.bottom {
  align-self: flex-end;
}
.dataArea .dataItem .dataIconLabel {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 768px) {
  .dataArea .dataItem .dataIconLabel {
    gap: 10px;
    margin-top: 5px;
  }
}
.dataArea .dataItem .dataIconLabel .Img {
  flex-shrink: 0;
  max-width: 55px;
  aspect-ratio: 1/1;
}
@media (max-width: 768px) {
  .dataArea .dataItem .dataIconLabel .Img {
    max-width: 40px;
  }
}
.dataArea .dataItem .dataIconLabel .Img img {
  width: 100%;
  height: auto;
  display: block;
  backface-visibility: hidden;
}
.dataArea .dataItem .dataIconLabel .dataLabel {
  font-size: clamp(1.5rem, 1.1666666667rem + 0.6944444444vw, 2rem);
  font-weight: 700;
  letter-spacing: 0.35px;
  position: relative;
}
.dataArea .dataItem .dataIconLabel .tooltipBtn {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #1268FF;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding: 0;
  transition: background-color 0.2s ease;
}
.dataArea .dataItem .dataIconLabel .tooltipBtn:hover {
  background-color: rgb(0, 80.5569620253, 222);
}
.dataArea .dataItem .tooltipPanel {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  z-index: 10;
}
@media (max-width: 768px) {
  .dataArea .dataItem .tooltipPanel {
    top: auto;
    bottom: calc(100% + 20px);
  }
}
.dataArea .dataItem .tooltipPanel .textBox {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 40px 0 rgba(19, 104, 255, 0.22);
  padding: 15px;
}
.dataArea .dataItem .tooltipPanel p {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}
.dataArea .dataItem .tooltipPanel.active {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}
.dataArea .dataItem .line {
  margin: 30px 0 15px;
  width: 90px;
  height: 1px;
  background-color: #1268FF;
}
@media (max-width: 768px) {
  .dataArea .dataItem .line {
    margin: 20px 0;
  }
}
.dataArea .dataItem .Txt {
  color: #999;
  font-size: clamp(1rem, 0.8333333333rem + 0.3472222222vw, 1.25rem);
  line-height: 1.5;
  max-width: 270px;
}
@media (max-width: 768px) {
  .dataArea .dataItem .Txt {
    max-width: none;
  }
}
@media (min-width: 769px) {
  .dataArea .dataItem:last-child .Txt {
    max-width: 220px;
  }
}

.faqArea {
  padding: 85px 0 40px;
}
@media (max-width: 768px) {
  .faqArea {
    padding: 50px 0;
  }
}
.faqArea .tabBox {
  margin-bottom: 30px;
}
.faqArea .tabBox .tabList {
  display: flex;
  justify-content: center;
}
.faqArea .tabBox .tabItem {
  flex: 1;
  cursor: pointer;
  font-size: clamp(1.25rem, 1.0416666667rem + 0.4340277778vw, 1.5625rem);
  font-weight: 600;
  letter-spacing: 0.25px;
  line-height: 1.4;
  padding: 20px;
  padding-top: 0;
  width: 100%;
  max-width: 290px;
  text-align: center;
  position: relative;
  color: #999;
}
@media (max-width: 768px) {
  .faqArea .tabBox .tabItem {
    padding: 10px;
  }
}
.faqArea .tabBox .tabItem::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #D9D9D9;
  bottom: 0;
  left: 0;
}
.faqArea .tabBox .tabItem::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #1268FF;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}
.faqArea .tabBox .tabItem.active {
  color: #1268FF;
}
.faqArea .tabBox .tabItem.active::after {
  transform: scaleX(1);
}
@media (min-width: 1181px) {
  .faqArea .tabBox .tabItem:hover {
    color: #1268FF;
  }
}
.faqArea .tabContentBox {
  padding: 10px;
  padding-top: 30px;
}
@media (max-width: 768px) {
  .faqArea .tabContentBox {
    padding: 0;
  }
}
.faqArea .tabContentItem {
  display: none;
}
.faqArea .tabContentItem.active {
  display: block;
}
.faqArea .tabContentItem {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.4s ease-in-out;
}
.faqArea .tabContentItem.hide {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.2s ease-in-out;
}
.faqArea .dataList {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}
.faqArea .dataList .dataItem {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 0 40px 0 rgba(19, 104, 255, 0.22);
  padding: 0 20px;
  position: relative;
}
.faqArea .dataList .dataItem:nth-child(n+6) {
  display: none;
}
.faqArea .dataList .dataItem::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: inherit;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.faqArea .dataList .dataItem.show .question .toggleBtn {
  transform: rotate(180deg);
  color: #1268FF;
}
.faqArea .dataList .dataItem.show .answer {
  grid-template-rows: 1fr;
}
.faqArea .dataList .dataItem:nth-child(1) .question .num::after {
  content: "Q1.";
}
.faqArea .dataList .dataItem:nth-child(2) .question .num::after {
  content: "Q2.";
}
.faqArea .dataList .dataItem:nth-child(3) .question .num::after {
  content: "Q3.";
}
.faqArea .dataList .dataItem:nth-child(4) .question .num::after {
  content: "Q4.";
}
.faqArea .dataList .dataItem:nth-child(5) .question .num::after {
  content: "Q5.";
}
.faqArea .dataList .dataItem:nth-child(6) .question .num::after {
  content: "Q6.";
}
.faqArea .dataList .dataItem:nth-child(7) .question .num::after {
  content: "Q7.";
}
.faqArea .dataList .dataItem:nth-child(8) .question .num::after {
  content: "Q8.";
}
.faqArea .dataList .dataItem:nth-child(9) .question .num::after {
  content: "Q9.";
}
.faqArea .dataList .dataItem:nth-child(10) .question .num::after {
  content: "Q10.";
}
.faqArea .dataList .dataItem:nth-child(11) .question .num::after {
  content: "Q11.";
}
.faqArea .dataList .dataItem:nth-child(12) .question .num::after {
  content: "Q12.";
}
.faqArea .dataList .dataItem:nth-child(13) .question .num::after {
  content: "Q13.";
}
.faqArea .dataList .dataItem:nth-child(14) .question .num::after {
  content: "Q14.";
}
.faqArea .dataList .dataItem:nth-child(15) .question .num::after {
  content: "Q15.";
}
.faqArea .dataList .dataItem:nth-child(16) .question .num::after {
  content: "Q16.";
}
.faqArea .dataList .dataItem:nth-child(17) .question .num::after {
  content: "Q17.";
}
.faqArea .dataList .dataItem:nth-child(18) .question .num::after {
  content: "Q18.";
}
.faqArea .dataList .dataItem:nth-child(19) .question .num::after {
  content: "Q19.";
}
.faqArea .dataList .dataItem:nth-child(20) .question .num::after {
  content: "Q20.";
}
.faqArea .dataList .item {
  max-width: 1250px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.faqArea .dataList .question {
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: clamp(1.125rem, 0.8333333333rem + 0.6076388889vw, 1.5625rem);
  letter-spacing: 0.25px;
  line-height: 1.6;
  font-weight: 600;
  padding: 30px 0;
}
@media (max-width: 768px) {
  .faqArea .dataList .question {
    padding: 20px 0;
  }
}
@media (min-width: 1181px) {
  .faqArea .dataList .question:hover {
    color: #1268FF;
  }
  .faqArea .dataList .question:hover .toggleBtn {
    color: #1268FF;
  }
}
.faqArea .dataList .question .num {
  color: #1268FF;
  margin-right: clamp(0px, -16.6666666667px + 2.1701388889vw, 25px);
  flex-shrink: 0;
}
.faqArea .dataList .question .toggleBtn {
  flex-shrink: 0;
  color: #999;
  margin-left: auto;
  cursor: pointer;
}
.faqArea .dataList .question .toggleBtn svg {
  width: 18px;
  aspect-ratio: 21/11;
}
@media (max-width: 768px) {
  .faqArea .dataList .question .toggleBtn svg {
    width: 14px;
  }
}
.faqArea .dataList .answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}
.faqArea .dataList .answer .answerWrap {
  overflow: hidden;
  position: relative;
}
.faqArea .dataList .answer .answerWrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
  top: 0;
  left: 0;
}
.faqArea .dataList .answer .textBox {
  max-width: 1190px;
  padding: 30px 0;
  color: #999;
  font-size: clamp(1rem, 0.8333333333rem + 0.3472222222vw, 1.25rem);
  line-height: 1.6;
  letter-spacing: 0.2px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.faqArea .dataList .answer .textBox a {
  color: #757575;
}
@media (min-width: 1181px) {
  .faqArea .dataList .answer .textBox a:hover {
    color: #1268FF;
  }
  .faqArea .dataList .answer .textBox a:hover strong {
    color: #1268FF;
  }
}
.faqArea .moreBtn {
  margin-top: clamp(30px, 16.6666666667px + 1.7361111111vw, 50px);
}