._subVisual{
	padding-top: 110px; margin-bottom: 150px; position: relative;
	display: flex; align-items: center; justify-content: center;
}
._subVisual .inner{
	margin: 0 auto; background-color: #000824;
	padding: 0 100px; box-sizing: border-box;
	width: 95%; max-width: 1800px; border-radius: 20px; overflow: hidden;
	position: relative; height: 400px; z-index: 3;
	display: flex; align-items: center; justify-content: center;
}
._subVisual .wrap{
	display: flex; align-items: center; justify-content: space-between;
	height: 100%; color: #fff; z-index: 3; position: relative;
}
._subVisual h1{font-family: 'Poppins'; font-size: 100px; font-weight: 500; position: relative; z-index: 2;}
._subVisual h1 p{}
._subVisual .rightTxt{font-size: 24px; font-weight: 600; line-height: calc(34/20); position: relative; z-index: 2;}
._subVisual .rightTxt p{}
._subVisual canvas{position: absolute; z-index: 1;}
._subVisual #circleCenter{position: absolute; z-index: 2;}
._subVisual .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: #020820;}
._subVisual .bg div{background-position: center bottom; background-size: contain; width: 100%; height: 100%; background-repeat: no-repeat;}

/* _ai_cloud 별도 */
._ai_cloud ._subVisual canvas { box-sizing: border-box; }
._ai_cloud ._subVisual .blur {position: absolute; width: 100%; max-width: 1922px;top: 100%; z-index: -1; }
._ai_cloud ._subVisual .blur::before { content:''; display: block; padding-bottom: calc(330/1922*100%); }
._ai_cloud ._subVisual .blur div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center bottom; background-size: cover; }

._ai_cloud ._subVisual .obj{position: absolute; width: 50%; height: 100%; right: 6%;}
._ai_cloud ._subVisual .obj #circleCenter{width: 74%; bottom: 0; left: 23%;}
._ai_cloud ._subVisual .obj .circle{position: absolute; left: 0; bottom: 0; background-position: center bottom; background-size: contain; width: 100%; background-repeat: no-repeat;}
._ai_cloud ._subVisual .obj .circle::before {content:''; display: block; padding-bottom: calc(381/1112*100%);}

/* _ai_infra 별도 */
._ai_infra ._subVisual .bg div{background-size: cover; background-position: 70% bottom;}
._ai_infra ._subVisual #circleCenter { box-sizing: border-box; width: 23%; height: 0; left: 63%; bottom: 0%;}
._ai_infra ._subVisual canvas { box-sizing: border-box; }
._ai_infra ._subVisual .blur {position: absolute; width: 100%; max-width: 1922px;top: 100%; z-index: -1; }
._ai_infra ._subVisual .blur::before { content:''; display: block; padding-bottom: calc(330/1922*100%); }
._ai_infra ._subVisual .blur div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center bottom; background-size: cover; }

/* _ai_platform 별도 */
._ai_platform ._subVisual .bg div{background-size: cover; background-position: center bottom;}
._ai_platform ._subVisual .obj{position: absolute; width: 50%; height: 100%; right: 8%; bottom: 0%; display: flex; align-items: center; justify-content: center;}
._ai_platform ._subVisual .obj #circleCenter{width: 100%; bottom: 0; left: 0;}
._ai_platform ._subVisual .obj .circle{position: absolute; background-position: center center; background-size: contain; background-repeat: no-repeat; width: 100%; transform: translateY(22%);}
._ai_platform ._subVisual .obj .circle::before {content:''; display: block; padding-bottom: calc(1012/974*100%);}
._ai_platform .max-500{ display: none; }


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	._subVisual .inner{padding: 0; height: 300px;}
	._subVisual h1{font-size: 80px; }
	._subVisual .rightTxt{font-size: 20px; }
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._subVisual{margin-bottom: 100px;}
	._subVisual .inner{padding: 0; height: 200px; border-radius: 10px;}
	._subVisual h1{font-size: 60px; }
	._subVisual .rightTxt{font-size: 18px; }
}
@media screen and (max-width:820px) {
	._subVisual{padding-top: 55px;}
	._subVisual .wrap{flex-direction: column; gap: 12px; align-items: flex-start; justify-content: center;}
	._subVisual h1{font-size: 50px; }
	._subVisual .rightTxt{font-size: 16px; font-weight: 500;}

	._ai_cloud ._subVisual .obj{width: 70%; right: -10%;}
	._ai_platform ._subVisual .obj #circleCenter{width: 40%; left: 24%;}
}
@media screen and (max-width:500px) {
	._subVisual{margin-bottom: 80px;}
	._subVisual h1{font-size: 40px; }
	._subVisual .rightTxt{font-size: 14px; font-weight: 400;}

	._ai_cloud ._subVisual .obj{width: 125%;right: -36%;}
	._ai_platform ._subVisual .obj{width: 74%;right: 2%;bottom: 9%;}

    ._ai_platform .max-500{ display: block; }
}
@media screen and (max-width:320px) {}


/* 공통 */
._title { }
._title .blue { color: var(--blue); }
._title .gray{ font-weight: 400; }
._title .font-weight{ font-weight: 300; }
._title h3 { font-family: 'Poppins'; font-size: 62px; font-weight: 600; line-height: calc(83/62);overflow: hidden; }
._title h3 div { overflow: hidden; }
._title .small {font-size: 18px; line-height: 1.3; }
._title ._basicbtn { margin-top: 34px; }

._arrowBx { font-size: 30px; }
._arrowBx i { cursor: pointer; }
._arrowBx .swiper-button-disabled{opacity: 0.2;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	._title h3{font-size: 50px; }
}
@media screen and (max-width:1024px) {
	._title h3{font-size: 40px; }
	._title .small{font-size: 16px; }
}
@media screen and (max-width:820px) {
	._arrowBx { margin-top: 30px; text-align: center;}
}
@media screen and (max-width:500px) {
	._title h3{font-size: 34px; }
	._title .small{font-size: 14px; }
}
@media screen and (max-width:320px) {}






/* s_top */
.s_top { text-align: center; padding-bottom: 100px; }
.s_top .wrap { margin-bottom: 70px; }
.s_top .wrap h2 {font-size: 50px; font-weight: 600; line-height: calc(76/50); }
.s_top .wrap h2 div { overflow: hidden; }
.s_top .wrap h2 div p { }
.s_top .wrap h2 .blue { color: var(--blue); }
.s_top .wrap .small {font-size: 18px; line-height: calc(32/18);margin-top: 38px; margin-bottom: 60px; }
.s_top .wrap .small span { }
.s_top .wrap ._basicbtn { }
.s_top .marquee {font-size: 247px; font-weight: 500; font-family: 'Poppins'; color: #f1f1f1; font-weight: 500;display: flex; align-items: center; justify-content: center; white-space: nowrap; }
.s_top .marquee p { padding: 0 0.2em; animation: marquee forwards infinite 10s linear; }

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.s_top .wrap h2{font-size: 40px; }
	.s_top .marquee{font-size: max(calc(247/1920*100vw),100px); }
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.s_top .wrap h2{font-size: 30px; }

	.s_top .wrap .small{font-size: 16px; max-width: 600px; margin: 0 auto; margin-top: 30px; margin-bottom: 60px;}
	.s_top .wrap .small br{display: none;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	.s_top .wrap{margin-bottom: 30px;}
	.s_top .wrap h2{font-size: calc(30/500*100vw); }
	.s_top .wrap .small{font-size: 14px; margin-top: 20px; margin-bottom: 40px;}
}
@media screen and (max-width:320px) {}



/* s_overview */
.s_overview { padding: 140px 0; }
.s_overview ._title { text-align: center; margin: 0 auto; margin-bottom: 70px; }
.s_overview .swiper{overflow: visible;}
.s_overview .swiper-wrapper { display: flex; align-items: center; justify-content: space-between; --gap:56px; gap: var(--gap); }
.s_overview .swiper-slide { position: relative; }
.s_overview .swiper-slide::before { content:''; display: block; padding-bottom: calc(526/442*100%); }
.s_overview .swiper-slide .inner {position: absolute; left: 0; top: 0; width: 100%; height: 100%;background-color: #00061b;border-radius: 23px; overflow: hidden;padding: 54px 42px; box-sizing: border-box;display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.s_overview .swiper-slide .top { position: relative; z-index: 2; }
.s_overview .swiper-slide .top .num {
    font-size: 24px;
    /* color: #4a5b81; */
    color: rgba(255, 255, 255, 0.3);
    font-weight: 300; margin-bottom: 20px; }
.s_overview .swiper-slide .top h4 {font-size: 40px; color: #fff; font-weight: 600; line-height: calc(60/40); }
.s_overview .swiper-slide .top h4 span { position: relative; }
.s_overview .swiper-slide .top h4 span::after {
    content:'·'; display: block; 
    /* font-size: 2em;  */
    font-size: 1.5em;
    height: 0;
     /* color: var(--blue); */
     color: #fff;
     position: absolute; right: -0.25em; top: 0; line-height: 0; }
.s_overview .swiper-slide .bottom {position: relative; z-index: 2;font-size: 17px; line-height: calc(30/17); color: rgba(255,255,255,0.8); }
.s_overview .swiper-slide .circleBx {position: absolute; z-index: 0;width: 100%; height: 100%; left: 0; top: 0;display: flex; align-items: center; justify-content: center; }
.s_overview .swiper-slide .circleBx div { }
.s_overview .swiper-slide .circleBx .circle {position: absolute; width: 1px; height: 1px;display: flex; align-items: center; justify-content: center; }

.s_overview .swiper-slide .circleBx .scale {animation: scale95 forwards infinite 10s; }
.s_overview .swiper-slide .circleBx .n2 .scale{animation-delay: 1s;}
.s_overview .swiper-slide .circleBx .img {background-image: url(/asset/img/sub/ai_cloud/s_overview_circle.png); display: flex; align-items: center; justify-content: center;background-position: center center; background-size: cover; }

/* 컬러변경 */

.s_overview .swiper-slide .top .num.blue{ color: #4a88bf; }
.s_overview .swiper-slide .top h4 span.blue::after{ color: #4a88bf; }
.s_overview .swiper-slide .top .num.yellow{ color: #f5d625; }
.s_overview .swiper-slide .top h4 span.yellow::after{ color: #f5d625; }
.s_overview .swiper-slide .top .num.red{ color: #d50d0d; }
.s_overview .swiper-slide .top h4 span.red::after{ color: #d50d0d; }


/* .s_overview .swiper-slide .circleBx .circle{opacity: 0.5 !important;}
.s_overview .swiper-slide .inner{overflow: visible;} */

/* 별도 */
._ai_cloud .s_overview .swiper-slide .circleBx .circle{align-items: flex-start; top: 30%;}
._ai_cloud .s_overview .swiper-slide:nth-child(1) .circleBx .circle { left: calc(150% + var(--gap)); }
._ai_cloud .s_overview .swiper-slide:nth-child(3) .circleBx .circle { right: calc(150% + var(--gap)); }
._ai_cloud .s_overview .swiper-slide .circleBx .img {width: 1627px; height: 1627px;}

._ai_infra .s_overview .swiper-slide .circleBx .img {width: 1000px; height: 1000px;}
._ai_infra .s_overview .swiper-slide:nth-child(1) .circleBx .circle.n1{left: calc(50% + var(--gap)); top: -20%;}
._ai_infra .s_overview .swiper-slide:nth-child(1) .circleBx .circle.n2{right: calc(-120% - var(--gap)); bottom: -30%;}
._ai_infra .s_overview .swiper-slide:nth-child(2) .circleBx .circle.n1{left: -50%; top: -20%;}
._ai_infra .s_overview .swiper-slide:nth-child(2) .circleBx .circle.n2{right: -20%; bottom: -30%;}
._ai_infra .s_overview .swiper-slide:nth-child(3) .circleBx .circle.n1{left: calc(-150% - var(--gap)); top: -20%;}
._ai_infra .s_overview .swiper-slide:nth-child(3) .circleBx .circle.n2{right: calc(80% + var(--gap)); bottom: -30%;}

._ai_platform .s_overview .swiper-slide .circleBx .circle.n1 .img {width: 400px;height: 400px;}
._ai_platform .s_overview .swiper-slide .circleBx .circle.n2 .img {width: 900px; height: 900px;}
._ai_platform .s_overview .swiper-slide:nth-child(1) .circleBx .circle.n1{left: calc(85% + var(--gap)); top: -4%;}
._ai_platform .s_overview .swiper-slide:nth-child(1) .circleBx .circle.n2{right: calc(-130% - var(--gap)); bottom: 0%;}
._ai_platform .s_overview .swiper-slide:nth-child(2) .circleBx .circle.n1{left: -15%; top: -4%;}
._ai_platform .s_overview .swiper-slide:nth-child(2) .circleBx .circle.n2{right: -30%; bottom: 0%;}
._ai_platform .s_overview .swiper-slide:nth-child(3) .circleBx .circle.n1{left: calc(-115% - var(--gap)); top: -4%;}
._ai_platform .s_overview .swiper-slide:nth-child(3) .circleBx .circle.n2{right: calc(70% + var(--gap)); bottom: 0%;}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.s_overview .swiper-wrapper{--gap:30px;}

	.s_overview .swiper-slide .inner{padding: 30px 24px;}

	.s_overview .swiper-slide .top .num{font-size: 20px; }
	.s_overview .swiper-slide .top h4{font-size: 34px; }

}
@media screen and (max-width:1280px) {
	.s_overview .swiper-slide .top h4{font-size: 26px; }
	.s_overview .swiper-slide .bottom{font-size: 14px; }
	.s_overview .swiper-slide .bottom br{display: none;}

	/* 별도 */
	._ai_platform .s_overview .swiper-slide .circleBx .circle.n1 .img {width: 250px;height: 250px;}
	._ai_platform .s_overview .swiper-slide .circleBx .circle.n2 .img {width: 700px; height: 700px;}
}
@media screen and (max-width:1024px) {
	.s_overview { padding: 100px 0; }
	.s_overview .swiper-wrapper{--gap:10px;}

	.s_overview .swiper-slide .inner{border-radius: 10px;}

	.s_overview .swiper-slide .top h4{font-size: 22px; }
	.s_overview .swiper-slide .top .num{font-size: 14px; margin-bottom: 10px;}
	.s_overview .swiper-slide::before { padding-bottom: calc(12/9*100%); }

	/* 별도 */
	._ai_cloud .s_overview .swiper-slide .circleBx .img{width: 1000px; height: 1000px;}
	._ai_infra .s_overview .swiper-slide .circleBx .img {width: 800px; height: 800px;}
}
@media screen and (max-width:820px) {
	.s_overview .swiper-wrapper{--gap:20px; gap: 0; justify-content: unset;}

	/* 별도 */
	._ai_platform .s_overview .swiper-slide .circleBx .circle.n1 .img {width: 180px;height: 180px;}
	._ai_platform .s_overview .swiper-slide .circleBx .circle.n2 .img {width: 600px; height: 600px;}
}
@media screen and (max-width:600px) {
	.s_overview { padding: 80px 0; }
	.s_overview ._title{margin-bottom: 40px;}
	.s_overview .swiper{max-width: 380px; margin: 0 auto;}

	/* 별도 */
	._ai_cloud .s_overview .swiper-slide .circleBx .img{width: 800px; height: 800px;}
	._ai_platform .s_overview .swiper-slide .circleBx .circle.n1 .img {width: 250px;height: 250px;}
	._ai_platform .s_overview .swiper-slide .circleBx .circle.n2 .img {width: 700px; height: 700px;}
}
@media screen and (max-width:320px) {
	.s_overview .swiper-slide .top h4{font-size: 20px; }
	.s_overview .swiper-slide .bottom{font-size: 12px; }
}



/* 카드 너비 min-width 로 해야함 */
@media screen and (min-width:821px) {
	.s_overview .swiper-slide{width: calc(33.3% - (10px * 2 / 3)) !important;}
}
@media screen and (min-width:1025px) {
	.s_overview .swiper-slide{width: calc(33.3% - (30px * 2 / 3)) !important;}
}
@media screen and (min-width:1441px) {
	.s_overview .swiper-slide{width: calc(33.3% - (56px * 2 / 3)) !important; }
}





/* s_feature */
.s_feature {
    padding: 110px 0; box-sizing: border-box;
    position: relative;
 }
.s_feature .wrap { clip-path: inset(0 -9999px 0 0); }
.s_feature .wrap > .top {width: 100%; display: flex; align-items: center; justify-content: space-between;margin-bottom: 50px; }
.s_feature .wrap > .top ._title { }
.s_feature .wrap > .top .arrowBx {}
.s_feature .wrap > .top .arrowBx i {}
.s_feature .wrap .swiperBx {  }
.s_feature .wrap .swiper { overflow: visible; }
.s_feature .wrap .swiper-wrapper { align-items: stretch;}
.s_feature .wrap .swiper-slide { width: 640px; max-width: 100%; height: auto;}
.s_feature .wrap .swiper-slide a { 
    cursor: default; border: 1px solid #e1e1e1; box-sizing: border-box; 
    padding: 60px 50px;background-color: #fff; border-radius: 20px; overflow: hidden;
    transition: background-color 0.1s,color 0.1s; min-height: 347px;
    display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 40px; 
    height: 100%; pointer-events: none;
}
.s_feature .bg{
    position: absolute; width: 100%; max-width: 1920px; height: 100%;
    top: 0; z-index: -1;
}
.s_feature .bg::before{
    content: ''; display: block;
    padding-bottom: calc(1040/1920*100%);
}
.s_feature .bg div{
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-position: center;
    background-size: cover;
}
/* .s_feature .wrap .swiper-slide a:hover { background-color: var(--blue); color: #fff; } */
.s_feature .wrap .swiper-slide .top { }
.s_feature .wrap .swiper-slide .top small {display: block; font-size: 14px; margin-bottom: 10px; color: #444444;transition: color 0.1s; }
.s_feature .wrap .swiper-slide a:hover .top small { color: #fff; }
.s_feature .wrap .swiper-slide .top h4 {
	font-size: 35px; font-weight: 600; line-height: 1.3;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.s_feature .wrap .swiper-slide .bottom {font-size: 18px; line-height: 1.4;display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 6px; }
.s_feature .wrap .swiper-slide .bottom p {display: flex; align-items: flex-start; justify-content: flex-start; gap: 0.3em; }
.s_feature .wrap .swiper-slide .bottom p::before { content:'·'; display: block; }

@media screen and (max-width:1600px) {
    .s_feature .bg{ top: 0; }
}
@media screen and (max-width:1440px) {
	.s_feature .wrap .swiper-slide .top h4{font-size: 30px; }
}
@media screen and (max-width:1280px) {
	.s_feature .wrap .swiper-slide a{padding: 40px 30px; min-height: 300px;}
	.s_feature .wrap .swiper-slide .top h4{font-size: 26px; }
	.s_feature .wrap .swiper-slide .bottom{font-size: 16px; }

    .s_feature .bg{ top: 16%; }
}
@media screen and (max-width:1024px) {
	.s_feature{padding: 100px 0;}
	.s_feature .wrap .swiper-slide a{min-height: 270px;}
	.s_feature .wrap .swiper-slide .top h4{font-size: 20px; }

    .s_feature .bg{ top: 10%; }
}
@media screen and (max-width:820px) {
	.s_feature .wrap > .top{margin-bottom: 20px; flex-direction: column; align-items: flex-start;}
	.s_feature .wrap > .top ._arrowBx{margin-left: auto; margin-top: 14px;}
	.s_feature .wrap .swiper-slide a{padding: 40px 26px; border-radius: 10px;}
	.s_feature .wrap .swiper-slide .bottom{font-size: 14px; }

    .s_feature .bg{ top: 0; }

}
@media screen and (max-width:500px) {
	.s_feature{padding: 80px 0;}
	.s_feature .wrap > .top ._arrowBx{margin-top: 0;}
	.s_feature .wrap .swiper{overflow: visible;}
	.s_feature .wrap .swiper-slide a{min-height: 250px; padding: 30px 22px;}
	.s_feature .wrap .swiper-slide .top small{font-size: 12px; }
}
@media screen and (max-width:320px) {}








/* s_product */
.s_product {background-color: #f6f6f7; padding: 110px 0; box-sizing: border-box; }
.s_product .wrap { }
.s_product ._title { margin-bottom: 120px; text-align: center; }
.s_product .cont {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 100px;width: 100%; }
.s_product .row {display: flex; align-items: flex-start; justify-content: center;width: 100%; }
.s_product .row:nth-child(even) {flex-direction: row-reverse; }
.s_product .row .imgBx { width: calc(50% - 20px); position: relative; border-radius: 20px; overflow: hidden; }
.s_product .row .imgBx::before {content:''; display: block; padding-bottom: calc(444/700*100%); }
.s_product .row .imgBx img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.s_product .row .txtBx {width: 50%; padding:0 50px; padding-right: 30px; padding-top: 20px; box-sizing: border-box; }
.s_product .row .txtBx small {display: block; font-size: 14px; font-weight: 500; color: #222223; margin-bottom: 4px; }
.s_product .row .txtBx h4 {font-family: 'Poppins'; font-size: 44px; font-weight: 500; line-height: 1.3;margin-bottom: 22px; }
.s_product .row .txtBx h5 {font-size: 22px; font-weight: 600; line-height: 1.35; margin-bottom: 26px; }
.s_product .row .txtBx .txt {
    font-size: 18px; 
    line-height: 1.3; 
    /* line-height: calc(32/18);  */
    margin-bottom: 40px; }
.s_product .row .txtBx .customer {display: flex; align-items: flex-start; justify-content: flex-start; gap: 13px; margin-bottom: 40px; }
.s_product .row .txtBx .customer .box {border-radius: 6px; color: #fff; background-color: #353537; padding: calc(12/16*1em) calc(15/16*1em);box-sizing: border-box; white-space: nowrap;}
.s_product .row .txtBx .customer p {color: #222223; line-height: 1.4; padding-top: calc(9/16*1em); }
.s_product .row .txtBx .btnWrap{ display: flex; gap: 10px; }
.s_product .row .txtBx ._basicbtn > * {border: 1px solid #292929; box-sizing: border-box; background-color: transparent;color: #000; font-family: 'Poppins'; font-weight: 500; }
.s_product .row .txtBx ._basicbtn > *:hover {
    /* background-color: var(--blue);  */
    background-color: #000;
    /* background-color: #2d2e30; */
    border-color: transparent; color: #fff; }

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.s_product .row .txtBx .txt br{display: none;}
}
@media screen and (max-width:1280px) {
	.s_product .row .txtBx small{font-size: 12px; }
	.s_product .row .txtBx h4{font-size: 40px; }
	.s_product .row .txtBx h5{font-size: 20px; }
	.s_product .row .txtBx .txt{font-size: 16px; }
	.s_product .row .txtBx .customer .box{font-size: 14px; }
	.s_product .row .txtBx .customer p{font-size: 14px; }
}
@media screen and (max-width:1024px) {
	.s_product{padding: 100px 0;}
	.s_product ._title{margin-bottom: 60px;}
	.s_product .cont{max-width: 760px; margin: 0 auto;}
	.s_product .row{flex-direction: column !important;}
	.s_product .row .imgBx{width: 100%;}
	.s_product .row .txtBx{width: 100%; padding: 30px 10px; padding-bottom: 0;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	.s_product{padding: 80px 0;}
	.s_product ._title{margin-bottom: 30px;}
	.s_product .row .imgBx{border-radius: 10px;}

	.s_product .cont{gap: 80px;}
	.s_product .row .txtBx h4{font-size: 32px; margin-bottom: 18px;}
	.s_product .row .txtBx h5{font-size: 18px; margin-bottom: 18px;}
	.s_product .row .txtBx .txt{font-size: 14px; margin-bottom: 30px;}
	.s_product .row .txtBx .customer .box{font-size: 12px; }
	.s_product .row .txtBx .customer p{font-size: 12px; }
}
@media screen and (max-width:320px) {}






/* s_case */
.s_case {padding: 110px 0; box-sizing: border-box; background-color: #f6f6f7; }
.s_case .wrap {display: flex; align-items: center; justify-content: space-between; }
.s_case ._title { }
.s_case ._title ._basicbtn { }
.s_case ul { width: 100%; max-width: 742px; }
.s_case ul li { border-top: 1px solid #e2e2e2; box-sizing: border-box; width: 100%; }
.s_case ul li:first-child{border: 0;}
.s_case ul li:last-child{border-top: 1px solid #e2e2e2;}
html.pc .s_case ul li:hover { border-color: transparent; }
html.pc .s_case ul li:hover + li{border-color: transparent;}
.s_case ul li a {border-radius: 19px; overflow: hidden;padding: 28px 30px; box-sizing: border-box; display: flex; align-items: center; position: relative; }
html.pc .s_case ul li:hover a::before { display: block; content: ''; background-image: url('/asset/img/sub/ai_cloud/hover_gd.png'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
html.pc .s_case ul li:hover a { background-color: #000; color: #fff; }


.s_case ul li a .txtBx { width: calc(100% - 90px); z-index: 2; }
.s_case ul li a .txtBx .tag {display: inline-block;color: #000; font-size: 13px; font-weight: 500; font-family: 'Poppins';background-color: #e2e2e2; border-radius: 100px;padding: 7px 12px; margin-bottom: 12px; }
html.pc .s_case ul li:hover a .txtBx .tag { background-color: #fff; }
.s_case ul li a .txtBx p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 20px; font-weight: 500; line-height: 1.3; }
.s_case ul li a .date {width: 90px; font-size: 14px; font-weight: 300; color: rgba(0,0,0,0.48); text-align: right; }
html.pc .s_case ul li:hover a .date { color: rgba(255,255,255,0.48); }

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.s_case .wrap{flex-direction: column;}
	.s_case ._title{margin-right: auto; margin-bottom: 60px;}
	.s_case ul{max-width: unset;}
	.s_case ul li:first-child{border-top: 1px solid #e2e2e2;}
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.s_case{padding: 100px 0;}

	.s_case ul li a{padding: 20px 0;}
	.s_case ul li a .txtBx p{font-size: 18px; }
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	.s_case{padding: 80px 0;}
	.s_case ._title{margin-bottom: 40px;}

	.s_case ul li a{padding: 14px 0;}
	.s_case ul li a .txtBx {width: calc(100% - 60px);}
	.s_case ul li a .txtBx .tag{font-size: 10px; }
	.s_case ul li a .txtBx p{font-size: 14px; }
	.s_case ul li a .date{font-size: 12px; width: 60px;}
}
@media screen and (max-width:320px) {}







/* s_insights */
.s_insights { padding: 150px 0; background-color: #f6f6f7; }
.s_insights .wrap { }
.s_insights .top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; }
.s_insights .top ._title { }
.s_insights .top .arrowBx {}
.s_insights .top .arrowBx i {}
.s_insights .swiperBx { }
.s_insights .swiper { }
.s_insights .swiper-wrapper { }
.s_insights .swiper-slide { }
.s_insights .swiper-slide .imgBx {position: relative; margin-bottom: 20px; border-radius: 15px; overflow: hidden; }
.s_insights .swiper-slide .imgBx::before {content:''; display: block; padding-bottom: calc(285/450*100%); }
/* .s_insights .swiper-slide .imgBx::before {content:''; display: block; padding-bottom: calc(235/450*100%); } */
.s_insights .swiper-slide .imgBx img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.s_insights .swiper-slide .txtBx { }
.s_insights .swiper-slide .txtBx .tagBx {display: flex; align-items: center; justify-content: flex-start; gap: 10px;margin-bottom: 12px; }
.s_insights .swiper-slide .txtBx .tagBx div {font-size: 13px; font-family: 'Poppins'; font-weight: 500; color: #000; background-color: #e2e2e2;border-radius: 100px; padding: 7px 12px; box-sizing: border-box; }
.s_insights .swiper-slide .txtBx .tagBx small {display: block; color: #777777; font-size: 13px; font-weight: 500; }
.s_insights .swiper-slide .txtBx .txt {
    font-size: 20px; font-weight: 500; line-height: calc(30/20);
    text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 22px; 
    word-break: keep-all;
}
.s_insights .swiper-slide .txtBx .date {font-size: 14px; font-weight: 300; opacity: 0.48; }
.s_insights .btnBx {display: flex; align-items: center; justify-content: center; gap: 10px;margin-top: 60px; }

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_insights .swiper{overflow: visible;}
	.s_insights .swiper-slide .txtBx .txt{font-size: 18px; }
}
@media screen and (max-width:1024px) {
	.s_insights{padding: 100px 0;}
}
@media screen and (max-width:820px) {
	.s_insights .top{flex-direction: column; align-items: flex-start; margin-bottom: 20px;}
	.s_insights ._arrowBx{margin-left: auto;}
	.s_insights .swiper-slide .imgBx{border-radius: 10px;}
}
@media screen and (max-width:500px) {
	.s_insights{padding: 80px 0;}
	.s_insights .swiper-slide .txtBx .tagBx div{font-size: 12px; }
	.s_insights .swiper-slide .txtBx .tagBx small{font-size: 12px; }
	.s_insights .swiper-slide .txtBx .txt{font-size: 16px; }
}
@media screen and (max-width:320px) {}