._business{color: #fff;}

._business .s1{
	font-size: 1px; height: 100vh; padding-top: var(--headerH); box-sizing: border-box;
	display: flex; align-items: center; justify-content: center;
    /* margin-bottom: 180px; */
}
._business .s1 .swiper{
	width: 344em; overflow: visible;
}
._business .s1 .swiper-wrapper{justify-content: center; gap: 80em;}
._business .s1 .swiper-slide{
	position: relative;
    display: flex; align-items: center; justify-content: center;
}
._business .s1 .swiper-slide.n2{z-index: 3;}
._business .s1 .swiper-slide::before {
	content:''; display: block; padding-bottom: calc(714/344*100%);
}
._business .s1 .swiper-slide .frame{
    position: absolute; width: 100%; height: 100%;
    background-image: url(/asset/img/sub/phone.png); background-size: cover;
}
._business .s1 .swiper-slide .cont{
	position: absolute; width: 93%; height: 96.8%; border-radius: 46em;
	display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden;
}
._business .s1 .swiper-slide .bg{
	position: absolute; width: 100%; height: 100%;  border: 1px solid dodgerblue;
	display: flex; align-items: center; justify-content: center;
}
._business .s1 .swiper-slide .bg > div > div{
	border: 1px solid tomato; box-sizing: border-box;
	/* animation: scale120 forwards infinite 5s; */
}
._business .s1 .swiper-slide .bg img{
	max-width: unset; width: 1500em;
	animation: rotate forwards infinite 3s linear;
}
/* 핸드폰 별로 배경 위치 맞추기 + 애니메이션 핸드폰 가로,사이 간격이 변하면 틀어질수 있음 */
._business .s1 .swiper-slide.n1 .bg > div{transform: translateX(calc(344em + 80em));}
._business .s1 .swiper-slide.n3 .bg > div{transform: translateX(calc(-344em - 80em));}


._business .s1 .swiper-slide .txt{position: absolute; top: 60em; height: 97em; z-index: 2; overflow: hidden;}
._business .s1 .swiper-slide.n2 .txt{z-index: 0;}
._business .s1 .swiper-slide .txt img{max-width: unset; height: 100%;}
._business .s1 .swiper-slide .human{
	width: 100%; box-sizing: border-box;
	position: absolute; bottom: 0; z-index: 2;
}
._business .s1 .swiper-slide .logo{
	width: 90em; position: absolute; bottom: 33em; overflow: hidden; z-index: 2;
	display: none;
}
._business .s1 .swiper-slide .logo img{}
._business .s1 .swiper-slide .objArea{
	position: absolute; z-index: 3;
	width: 100%; height: 100%; left: 0; top: 0;
}
._business .s1 .swiper-slide .objArea .obj{position: absolute;}
._business .s1 .swiper-slide .objArea .obj > div{}
._business .s1 .swiper-slide .objArea .obj img{max-width: unset; width: 100%;}

._business .s1 .swiper-slide .objArea .obj.message > div{animation: floating20 forwards infinite 3s;}
._business .s1 .swiper-slide .objArea .obj.message > div img{ animation: scale90 forwards infinite 4.5s;}

._business .s1 .swiper-slide.n2 .objArea .obj.message > div{animation-delay: 1s;}
._business .s1 .swiper-slide.n2 .objArea .obj.message > div img{animation-delay: 1s;}
._business .s1 .swiper-slide.n3 .objArea .obj.message > div{animation-delay: 2s;}
._business .s1 .swiper-slide.n3 .objArea .obj.message > div img{animation-delay: 2s;}


/* 오브젝트 크기,위치 설정 */
._business .s1 .obj.message{height: max(40em,30px);}
._business .s1 .obj.message div{height: 100%;}
._business .s1 .obj.message img{width: unset !important; height: 100%;}

/* 1번 */
._business .s1 .objArea.n1 .obj.n1{width: 70em;transform: rotate(-15deg);left: -6%;top: 1%;}
._business .s1 .objArea.n1 .obj.n2{ right: 60%; top: 60%; }
._business .s1 .objArea.n1 .obj.n3{display: flex;align-items: flex-end;transform: rotate(15deg);left: 73%;bottom: 6%;}
._business .s1 .objArea.n1 .obj.n3 div:nth-child(1){width: 110em;}
._business .s1 .objArea.n1 .obj.n3 div:nth-child(2){width: 70em; margin-bottom: -40em; margin-left: -30em;}


/* 2번 */
._business .s1 .objArea.n2 .obj.n1{width: 70em;right: 83%;top: 27%;}
._business .s1 .objArea.n2 .obj.n2{left: 71%;top: 28%;}
._business .s1 .objArea.n2 .obj.n3{width: 110em;left: 74%;top: 75%;}

/* 3번 */
._business .s1 .objArea.n3 .obj.n1{width: 67em;right: 85%;top: 9%;transform: rotate(-23deg);}
._business .s1 .objArea.n3 .obj.n2{width: 39em;right: 77%;top: 30%;transform: rotate(-19deg);}
._business .s1 .objArea.n3 .obj.n3{width: 120em;left: 74%;top: 58%;transform: rotate(15deg);}
._business .s1 .objArea.n3 .obj.n4{left: -9%;top: 76%;}

/* 딜레이 주기 */
/* ._business .s1 .objArea.n1 .obj.n1 div{}
._business .s1 .objArea.n1 .obj.n2 div{animation-delay: 1s;}
._business .s1 .objArea.n1 .obj.n3 div:nth-child(1){}
._business .s1 .objArea.n1 .obj.n3 div:nth-child(2){animation-delay: 0.5s;}
._business .s1 .objArea.n1 .obj.n1 img{}
._business .s1 .objArea.n1 .obj.n2 img{}
._business .s1 .objArea.n1 .obj.n3 div:nth-child(1) img{}
._business .s1 .objArea.n1 .obj.n3 div:nth-child(2) img{}

._business .s1 .objArea.n2 .obj.n1 div{animation-delay: 1s;}
._business .s1 .objArea.n2 .obj.n2 div{}
._business .s1 .objArea.n2 .obj.n3 div{animation-delay: 1.5s;}
._business .s1 .objArea.n2 .obj.n1 img{}
._business .s1 .objArea.n2 .obj.n2 img{}
._business .s1 .objArea.n2 .obj.n3 img{}

._business .s1 .objArea.n3 .obj.n1 div{}
._business .s1 .objArea.n3 .obj.n2 div{animation-delay: 1s;}
._business .s1 .objArea.n3 .obj.n3 div{animation-delay: 1.5s;}
._business .s1 .objArea.n4 .obj.n4 div{animation-delay: 2s;}
._business .s1 .objArea.n3 .obj.n1 img{}
._business .s1 .objArea.n3 .obj.n2 img{}
._business .s1 .objArea.n3 .obj.n3 img{}
._business .s1 .objArea.n4 .obj.n4 img{} */



/* 진입시 모션 셋팅 */
._business .s1 .swiper-slide:not(._clone) .frame{opacity: 0; transform: translateY(80px);}
._business .s1 .swiper-slide:not(._clone) .cont{opacity: 0; transform: translateY(80px);}
._business .s1 .swiper-slide:not(._clone) .human{opacity: 0; transform: translateY(80px);}
._business .s1 .swiper-slide:not(._clone) .txt img{opacity:0; transform: translateY(110%);}
._business .s1 .swiper-slide:not(._clone) .logo img{opacity:0; transform: translateY(110%);}
._business .s1 .swiper-slide:not(._clone) .objArea{transform: scale(0.6); opacity: 0;}




@media screen and (max-width:1600px) {
    ._business .s1{font-size: calc(1/1600*100vw);}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
    ._business .s1{font-size: calc(1/820*100vw); height: auto; padding-top: calc(var(--headerH) * 1.5);}
    ._business .s1 .swiper{}
    ._business .s1 .swiper-wrapper{gap: unset; justify-content: unset;}

	._business .s1 .swiper-slide.n1 .bg > div{transform: unset;}
	._business .s1 .swiper-slide.n3 .bg > div{transform: unset;}

    ._business .s1 .objArea.n3 .obj.n3{width: 130em;}
}
@media screen and (max-width:500px) {
    ._business .s1{font-size: calc(0.85/500*100vw); padding-top: calc(var(--headerH) * 2);}

    ._business .s1 .swiper-slide{opacity: 0; transition: opacity 0.8s;}
    ._business .s1 .swiper-slide-active{opacity: 1;}

	._business .s1 .swiper-slide .logo{display: none;}
}
@media screen and (max-width:320px) {}









._business .s3{
	/* margin-bottom: 240px; */
}
._business .s3 .wrap{max-width: 1080px;}
._business .s3 .wrap ._tit{text-align: center; margin-bottom: 50px;}
._business .s3 .wrap ._tit div{}
._business .s3 .wrap ._tit div p{}
._business .s3 .wrap .boxArea{
	display: flex; justify-content: space-between; gap: 30px;
}
._business .s3 .wrap .box{
    background-color: #0f0f0f; border-radius: var(--borderRadius); flex: 1; overflow: hidden;
    padding: 60px; padding-bottom: 40px; padding: 40px; box-sizing: border-box; position: relative;
	display: flex; flex-direction: column; align-items: center; justify-content: space-between;
}
._business .s3 .wrap .box h4{
    font-size: 26px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.4615;
	margin-bottom: 20px; width: 100%; transform: translateY(-0.2em);
}
._business .s3 .wrap .box h4 small{
    color: #7c7c7c; letter-spacing: -0.02em; font-size: 16px; font-weight: 400; margin-top: 12px;
}
._business .s3 .wrap .chart{
    display: flex; align-items: flex-end; justify-content: space-between; text-align: center;
	margin: 0 auto; width: 100%;
}
._business .s3 .wrap .box.n1 .chart{max-width: 250px;}
._business .s3 .wrap .box.n2 .chart{max-width: 380px;}
._business .s3 .wrap .chart .graph{font-size: 18px; position: relative;}
._business .s3 .wrap .chart .graph .top{
    font-weight: 500; letter-spacing: -0.025em;  color: rgba(255,255,255,0.6);
    width: 0; display: flex; align-items: center; justify-content: center; margin: 0 auto; white-space: nowrap;
}
._business .s3 .wrap .chart .graph:last-child .top{
    color: #fff; font-size: 1.444em; font-weight: 700;
}
._business .s3 .wrap .chart .graph .bar{
    width: 90px; margin: 18px 0; position: relative;
}
/* 높이 */
/* ._business .s3 .wrap .box.n1 .chart .graph.n1 .bar{height: 60px;}
._business .s3 .wrap .box.n1 .chart .graph.n2 .bar{height: 282px;}
._business .s3 .wrap .box.n2 .chart .graph.n1 .bar{height: 66px;}
._business .s3 .wrap .box.n2 .chart .graph.n2 .bar{height: 141px;}
._business .s3 .wrap .box.n2 .chart .graph.n3 .bar{height: 315px;} */


._business .s3 .wrap .box.n1 .chart .graph.n1 .bar{height: 44px;}
._business .s3 .wrap .box.n1 .chart .graph.n2 .bar{height: 250px;}
._business .s3 .wrap .box.n2 .chart .graph.n1 .bar{height: 44px;}
._business .s3 .wrap .box.n2 .chart .graph.n2 .bar{height: 110px;}
._business .s3 .wrap .box.n2 .chart .graph.n3 .bar{height: 270px;}
._business .s3 .wrap .chart .graph .bar div{
    height: 100%; width: 100%; border-radius: 9px; background-color: #575757;
    position: absolute; left: 0; bottom: 0;
}

._business .s3 .wrap .chart .graph:last-child .bar div{ background: linear-gradient(0deg,rgba(75, 233, 68, 1) 0%, rgba(209, 227, 207, 1) 100%);}
._business .s3 .wrap .chart .graph .year{letter-spacing: -0.025em; color: rgba(255,255,255,0.6);}
._business .s3 .wrap .chart .graph:last-child .year{color: #fff;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
    ._business .s3 .wrap .chart .graph .bar{width: 42px;}
    ._business .s3 .wrap .chart .graph .bar div{border-radius: 4px;}

    ._business .s3 .wrap .box .txtBx p{font-size: 16px;}
}
@media screen and (max-width:1024px) {
    ._business .s3 .wrap .box h4 small br{display: none;}
    ._business .s3 .wrap .chart{gap: 30px;}
    ._business .s3 .wrap .chart .graph .bar{width: 60px;}
}
@media screen and (max-width:820px) {
    ._business .s3 .wrap .box{padding: 0; background-color: transparent; max-width: 540px; margin: 0 auto; border-radius: 0;}
    ._business .s3 .wrap .box h4{font-size: 20px;}
    ._business .s3 .wrap .box h4 small{font-size: 14px; max-width: 200px;}

    ._business .s3 .wrap .chart{width: 100%; justify-content: center;}
    ._business .s3 .wrap .chart .graph{width: 50px;}
    ._business .s3 .wrap .chart .graph .bar{width: 100%;}
    ._business .s3 .wrap .chart .graph:last-child .top{margin: unset; margin-left: auto; justify-content: flex-end;}
}
@media screen and (max-width:500px) {


    ._business .s3 .wrap .boxArea{flex-direction: column; gap: 70px;}
    ._business .s3 .wrap .box{gap: 0; width: 100%;}
    ._business .s3 .wrap .box h4{font-size: 18px; margin-bottom: 40px; text-align: center;}
    ._business .s3 .wrap .box h4 small{font-size: 14px; margin: 0 auto; margin-top: 12px;}

    ._business .s3 .wrap .box.n1 .chart{max-width: unset;}
    ._business .s3 .wrap .box.n1 .chart .graph .top{margin: 0 auto; justify-content: center;}
    ._business .s3 .wrap .chart .graph:last-child .top{font-size: 1.2em;}
    ._business .s3 .wrap .chart .graph .top{font-size: 14px;}
    ._business .s3 .wrap .chart .graph .bar{margin: 14px 0;}
    ._business .s3 .wrap .chart .graph .year{font-size: 14px;}


    ._business .s3 .wrap .box.n1 .chart .graph.n1 .bar{height: calc(44px * 0.7);}
    ._business .s3 .wrap .box.n1 .chart .graph.n2 .bar{height: calc(250px * 0.7);}
    ._business .s3 .wrap .box.n2 .chart .graph.n1 .bar{height: calc(44px * 0.7);}
    ._business .s3 .wrap .box.n2 .chart .graph.n2 .bar{height: calc(110px * 0.7);}
    ._business .s3 .wrap .box.n2 .chart .graph.n3 .bar{height: calc(270px * 0.7);}

}
@media screen and (max-width:320px) {}








/* s3 */
._business .s4{
	/* margin-bottom: 220px; */
}
._business .s4 .wrap{padding-bottom: 120px;}
._business .s4 ._tit.top{margin-bottom: 22px;}
._business .s4 ._tit.bottom{
    position: absolute; right: 0; bottom: 0; text-align: right;
}

._business .s4 .cont{
	font-size: 1px; position: relative;
	width: 708em; margin: 0 auto;
	display: flex; align-items: center; justify-content: center;
}
._business .s4 .cont .svgBx{width: 100%;}
._business .s4 .cont .svgBx svg{}

._business .s4 .cont .svgBx svg.n1{position: relative; z-index: 2;}
/* 그라데이션 상자 */
._business .s4 .cont .svgBx svg.n2{
	position: absolute; width: 100%; height: 100%;
	left: 0; top: 0;
}
._business .s4 .clipingBx{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
}
._business .s4 .clipingBx > div{
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	overflow: hidden;
	display: flex; justify-content: center;
}
._business .s4 .clipingBx > div.n1{clip-path: url(#clip1);}
._business .s4 .clipingBx > div.n2{clip-path: url(#clip2);}
._business .s4 .clipingBx > div.n3{clip-path: url(#clip3);}
._business .s4 .clipingBx > div.n4{clip-path: url(#clip4);}
._business .s4 .clipingBx > div > div{
	width: 100%; height: 25%;
	position: absolute;
	background: linear-gradient(90deg,rgba(0, 0, 0, 1) 10%, rgba(0, 222, 0, 1) 100%);
	transform-origin: left center;
	/* background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 222, 0, 1) 80%, rgba(0, 0, 0, 0) 100%); */
}
._business .s4 .clipingBx > div.n1 > div{top: 0%; }
._business .s4 .clipingBx > div.n2 > div{top: 25%;width: 82%;}
._business .s4 .clipingBx > div.n3 > div{top: 50%;width: 64%;}
._business .s4 .clipingBx > div.n4 > div{top: 75%;width: 45%;}

/* 텍스트 */
._business .s4 .cont .txtBx{
	position: absolute; text-align: center;
	color: #fff; width: 100%; height: 100%;
	display: flex; justify-content: center; line-height: 1.2;
}
._business .s4 .cont .txtBx > div{position: absolute; transform: translateY(-50%);}
._business .s4 .cont .txtBx > div.n1{top: 11%;}
._business .s4 .cont .txtBx > div.n2{top: 37%;}
._business .s4 .cont .txtBx > div.n3{top: 62%;}
._business .s4 .cont .txtBx > div.n4{top: 88%;}
._business .s4 .cont .txtBx > div > div{overflow: hidden;}
._business .s4 .cont .txtBx > div > div:nth-child(1){font-size: max(22em,12px); font-weight: 700; letter-spacing: -0.02em;margin-bottom: calc(10/22*1em);}
._business .s4 .cont .txtBx > div > div:nth-child(2){font-family: 'Roboto'; font-size: max(18em,10px); font-weight: 300; letter-spacing: -0.02em;}






@media screen and (max-height:900px) {}
@media screen and (max-height:800px) {}
@media screen and (max-height:700px) {}
@media screen and (max-height:600px) {}
@media screen and (max-height:500px) {}
@media screen and (max-height:400px) {}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	._business .s4 .cont{font-size: calc(1/1440*100vw);}
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	._business .s4 .cont{font-size: calc(0.6/820*100vw);}
}
@media screen and (max-width:500px) {
	._business .s4 .wrap{padding-bottom: max(calc(170/500*100vw),120px);}
	._business .s4 ._tit.top{margin-bottom: 30px;}
	._business .s4 .cont{font-size: calc(0.6/500*100vw);}
}
@media screen and (max-width:320px) {}











/* s4 */
._business .s5{
	/* margin-bottom: 220px; */
}
._business .s5 .wrap{max-width: 1080px;}
._business .s5 .wrap ._tit{text-align: center; margin-bottom: 50px;}
._business .s5 .wrap .cont{
    display: flex; gap: 10px 20px; flex-wrap: wrap; max-width: 900px; margin: 0 auto;
    box-sizing: border-box;
}
._business .s5 .wrap .cont .box{
    width: calc(100% / 3 - (20px * 2 / 3)); position: relative;
}
._business .s5 .wrap .cont .box::before {
    content:''; display: block; padding-bottom: 100%;
}
._business .s5 .wrap .cont .box .front{
	background-color: #0f0f0f; border-radius: var(--borderRadius);
    text-align: center; width: 100%; height: 100%;
    position: absolute; left: 0; top: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    cursor: pointer;
}
/* html.pc ._business .s5 .wrap .cont .box .front:hover{background-color: #fff; color: #0f0f0f;}
html.pc ._business .s5 .wrap .cont .box .front:hover .ico{background-color: #d5d5d5;} */
._business .s5 .wrap .cont .box .front .imgBx{min-height: 120px; margin: 0 auto;}
._business .s5 .wrap .cont .box.n1 .front .imgBx{width: calc(107/346 * 100%);}
._business .s5 .wrap .cont .box.n2 .front .imgBx{width: calc(107/346 * 100%);}
._business .s5 .wrap .cont .box.n3 .front .imgBx{width: calc(32/346 * 100%); transform: rotate(18deg);}
._business .s5 .wrap .cont .box.n4 .front .imgBx{width: calc(87/346 * 100%);}
._business .s5 .wrap .cont .box.n5 .front .imgBx{width: calc(133/346 * 100%);}
._business .s5 .wrap .cont .box.n6 .front .imgBx{width: calc(107/346 * 100%);}


._business .s5 .wrap .cont .box .front .imgBx img{}
._business .s5 .wrap .cont .box .front h4{
    font-size: 20px; font-weight: 700; letter-spacing: -0.025em;
}
._business .s5 .wrap .cont .box .front .ico{
    width: calc(36/16*1em); height: calc(36/16*1em); background-color: #282828; font-weight: 500;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    position: absolute; right: 20px; bottom: 20px; transition: backgrond-color 0.2s;
}
._business .s5 .wrap .cont .box .front .ico::before,
._business .s5 .wrap .cont .box .front .ico::after {
    content:''; display: block; width: 1em; height: 2px; background-color: #fff;
    position: absolute; transition: transform 0.5s;
}
._business .s5 .wrap .cont .box .front .ico::after{transform: rotate(90deg);}
._business .s5 .wrap .cont .box.on .front .ico::after{transform: rotate(180deg);}


/* hover */
html.pc ._business .s5 .wrap .cont .box .front{transition: background-color 0.3s,color 0.3s;}
html.pc ._business .s5 .wrap .cont .box:hover .front{background-color: #fff; color: #000;}

/* on */
._business .s5 .wrap .cont .box.on .front{background-color: #fff; color: #000;}


._business .s5 .wrap .cont .box .back{
	background-color: #0f0f0f; display: none; box-sizing: border-box;
}
._business .s5 .wrap .cont .box .back h4{
    font-weight: 700; letter-spacing: -0.025em; line-height: 1.4;
}
._business .s5 .wrap .cont .box .back p{
    font-size: 19px; letter-spacing: -0.025em; line-height: 1.666; color: rgba(255,255,255,0.6);
}


/* 가운데 */
._business .s5 .wrap .cont .center{
    width: 100%; border-radius: var(--borderRadius);
    position: relative; transition: height 0.8s,margin 0.4s; height: 0; overflow: hidden;
    background-color: #0F0F0F; margin: 0 0;

}
._business .s5 .wrap .cont .center.on{margin: 10px 0;}
._business .s5 .wrap .cont .center .txt{
    position: absolute;
    padding: 40px 30px; box-sizing: border-box; left: 0; top: 0;
    opacity: 0; transition: opacity 1s;
}
._business .s5 .wrap .cont .center .txt.on{
    opacity: 1; z-index: 2;
}
._business .s5 .wrap .cont .center h4{
    font-size: 24px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.4; margin-bottom: calc(20/24*1em);
}
._business .s5 .wrap .cont .center p{
    font-size: 19px; letter-spacing: -0.025em; line-height: 1.666; color: rgba(255,255,255,0.6);
	max-width: 780px;
}



@media screen and (max-width:1600px) {
    ._business .s5 .wrap .cont{max-width: 700px; gap: 5px 10px;}
    ._business .s5 .wrap .cont .box{width: calc(100% / 3 - (10px * 2 / 3));}
    ._business .s5 .wrap .cont .box .front .imgBx{min-height: 100px;}
    ._business .s5 .wrap .cont .box.n6 .front .imgBx{width: calc(107/346 * 100%);}
    ._business .s5 .wrap .cont .box .front .ico{right: 10px; bottom: 10px; font-size: 12px;}
    ._business .s5 .wrap .cont .box .front h4{font-size: 17px;}

    ._business .s5 .wrap .cont .center.on{margin: 5px 0;}
    ._business .s5 .wrap .cont .center .txt{padding: 30px 20px;}
    ._business .s5 .wrap .cont .center h4{font-size: 18px;}
    ._business .s5 .wrap .cont .center p{font-size: 16px;}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
    ._business .s5 .wrap .cont{gap: 10px; max-width: unset;}
    ._business .s5 .wrap .cont .box{width: 100%; display: flex; gap: 10px;}
    ._business .s5 .wrap .cont .box::before {display: none;}
    ._business .s5 .wrap .cont .box .front{position: unset; min-width: 140px; width: 140px; border-radius: 10px;}
    ._business .s5 .wrap .cont .box .front .imgBx{min-height: unset;}
    ._business .s5 .wrap .cont .box .front h4{font-size: 14px; margin-top: 20px;}
    ._business .s5 .wrap .cont .box .back{display: block; padding: 40px 30px; border-radius: 10px;}
    ._business .s5 .wrap .cont .box .back h4{font-size: 18px; margin-bottom: 14px;}
    ._business .s5 .wrap .cont .box .back p{font-size: 16px; max-width: 90%;}
	._business .s5 .wrap .cont .box .back p br{display: none;}

    ._business .s5 .wrap .cont .center{display: none;}
}
@media screen and (max-width:820px) {
    ._business .s5 .wrap .cont .box .front h4{display: none;}
    ._business .s5 .wrap .cont .box .front .imgBx{width: 40% !important;}
    ._business .s5 .wrap .cont .box.n3 .front .imgBx{width: 17% !important;}


}
@media screen and (max-width:500px) {
    ._business .s5 .wrap .cont .box .front{display: none;}
    ._business .s5 .wrap .cont .box .back{padding: 30px 20px;}
    ._business .s5 .wrap .cont .box .back p{font-size: 13px; max-width: unset;}
}
@media screen and (max-width:320px) {}




/* s5 */
._business .s2{
    display: block !important;
    /* margin-bottom: 170px; */
}
._business .s2 .wrap{
    max-width: 1210px; margin: 0 auto;
}
._business .s2 ._tit{
    text-align: center; margin-bottom: 50px; position: relative; z-index: 2;
}
._business .s2 .swiper{
    overflow: visible;
}
._business .s2 .swiper-wrapper{
    justify-content: space-between; gap: 50px;
}
._business .s2 .swiper-slide{
    flex: 1; position: relative;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}
._business .s2 .swiper-slide .imgBx{
    border-radius: 40px; overflow: hidden; width: 100%; position: relative;
}
._business .s2 .swiper-slide .imgBx::before {
    content:''; display: block; padding-bottom: calc(480/370*100%);
}
._business .s2 .swiper-slide .imgBx img{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
}
._business .s2 .swiper-slide .txtBx{
    border-radius: 40px;
    background-color: #fff; overflow: hidden;
    padding: 20px 34px; padding-bottom: 40px; box-sizing: border-box;
    width: 100%; color: #000;
    position: absolute; left: 0; bottom: -20px;
}
._business .s2 .swiper-slide .txtBx em{
    display: inline-block;
    font-weight: 500; letter-spacing: -0.025em; padding: calc(9/16*1em) calc(12/16*1em); border-radius: 100px;
    border: 1px solid rgba(0,0,0,0.2); box-sizing: border-box;
    margin-bottom: 20px;
}
._business .s2 .swiper-slide .txtBx p{
    font-size: 22px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.4;
}
._business .s2 .swiper .obj{position: absolute;}
._business .s2 .swiper .obj div{animation: floating30 forwards infinite 3s;}
._business .s2 .swiper .obj img{animation: scale90 forwards infinite 3s;}

._business .s2 .swiper .obj.n2 div{animation-delay: 1s;}
._business .s2 .swiper .obj.n2 img{animation-delay: 0.5s;}

/* 오브젝트 */
._business .s2 .swiper .obj.n1{width: 170px;z-index: 2;transform: rotate(10deg);left: -13%;top: 37%;}
._business .s2 .swiper .obj.n2{width: 166px;z-index: -1;right: -9%;top: -16%;}


/* 호버시 */

._business .s2 .swiper-slide .imgBx{transition: transform 0.5s;}
._business .s2 .swiper-slide .txtBx{transition: transform 0.5s;}
._business .s2 .swiper-slide .txtBx em{transition: background-color 0.3s,color 0.3s,border-color 0.3s}

._business .s2 .swiper-slide:hover{}
html.pc ._business .s2 .swiper-slide:hover .imgBx{transform: translateY(-20px);}
html.pc ._business .s2 .swiper-slide:hover .txtBx{transform: translateY(20px);}
html.pc ._business .s2 .swiper-slide:hover .txtBx em{background-color: var(--green); color: #fff; border-color: transparent;}



@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
    ._business .s2 .swiper .obj{filter: blur(2px) brightness(0.5); z-index: -2 !important;}
    ._business .s2 .swiper .obj.n1{width: 120px; left: -3%;top: -30%;}
    ._business .s2 .swiper .obj.n2{top: -30%; right: 0;}

}
@media screen and (max-width:1280px) {
    ._business .s2 .swiper-wrapper{gap: 10px;}
    ._business .s2 .swiper-slide .imgBx{border-radius: 20px;}
    ._business .s2 .swiper-slide .txtBx{border-radius: 20px;}
}
@media screen and (max-width:1024px) {
    ._business .s2 .swiper-slide .txtBx{padding: 20px; padding-bottom: 30px;}
    ._business .s2 .swiper-slide .txtBx p{font-size: 18px;}
}
@media screen and (max-width:820px) {
    ._business .s2 .swiper{width: 90%; max-width: 500px;}
    ._business .s2 .swiper-wrapper{gap: unset; justify-content: unset;}
    ._business .s2 .swiper-slide{flex: unset; flex-shrink: 0;}

    ._business .s2 .swiper .obj.n1{left: -8%; width: 100px;}
    ._business .s2 .swiper .obj.n2{right: -10%; width: 100px;}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}







/* 섹션 간격 */
.s1{margin-bottom: 180px;}
section{margin-bottom: 200px;}
section:last-child{margin-bottom: 180px;}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.s1{margin-bottom: 120px;}
	section{margin-bottom: 160px;}
	section:last-child{margin-bottom: 120px;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	.s1{margin-bottom: 100px;}
	section{margin-bottom: 120px;}
	section:last-child{margin-bottom: 100px;}
}
@media screen and (max-width:320px) {}