.main {
	position: relative;
}

/* 섹션1 */
.main .section-1 {
	height: 930px;
	position: relative;
	z-index: 2;
	background: url("/asset/img/main/section_1_bg.jpg") no-repeat center/cover;
	overflow: hidden;
}
.main .section-1 .objBx{
	position: absolute; width: 100%; height: 100%;
	left: 0; top: 0;
}
.main .section-1 .bg-01,
.main .section-1 .bg-02,
.main .section-1 .bg-03 {
	position: absolute;
	pointer-events: none;
	display: grid;
}
.main .section-1 .bg-01>div,
.main .section-1 .bg-02>div,
.main .section-1 .bg-03>div {
	grid-area: 1/1;
	transition: opacity 0.6s;
	width: 100%;
}
.main .section-1 .bg-01>div>div{width: 100%;}
.main .section-1 .bg-02>div>div{width: 100%;}
.main .section-1 .bg-03>div>div{width: 100%;}
.main .section-1 .bg-01>div img{width: 100%;}
.main .section-1 .bg-02>div img{width: 100%;}
.main .section-1 .bg-03>div img{width: 100%;}

.main .section-1 .bg-01>div:not(.active),
.main .section-1 .bg-02>div:not(.active),
.main .section-1 .bg-03>div:not(.active) {
	opacity: 0;
}

.main .section-1 .opacity01 {
	opacity: 0.33;
}

.main .section-1 .opacity02 {
	opacity: 0.45;
}

.main .section-1 .bg-01 {
	right: 0;
	top: 0;
	width: calc((949 * 100 / 1920) * 1vw);
}

.main .section-1 .bg-02 {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: calc((339 * 100 / 1920) * 1vw);
}

.main .section-1 .bg-03 {
	left: calc(330 / 1920 * 100%);
	top: 50%;
	width: calc((961 * 100 / 1920) * 1vw);
	transform: translateY(-50%);
}

.main .section-1 .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.main .section-1 .text-grid {
	display: flex;
	flex-direction: column;
	margin-top: auto;
	gap: calc(165 * 100 / 980 * 1vh);
	margin-bottom: calc(130 * 100 / 980 * 1vh);
}

.main .section-1 .text-grid p:first-child {
	font-size: 30px;
	letter-spacing: -0.045em;
	color: #515151;
	font-weight: 300;
	line-height: calc(40 / 30 * 1em);
}

.main .section-1 .text-grid p:first-child span {
	font-weight: bold;
	display: block;
}

.main .section-1 .text-grid p:last-child {
	font-weight: 600;
	font-size: 86px;
	letter-spacing: -0.045em;
	line-height: calc(124 / 86 * 1em);
}

.main .section-1 .btn-list {
	display: none;
	gap: 11px;
	justify-content: center;
	margin-top: 32px;
}

.main .section-1 .btn-list button {
	width: 40px;
	aspect-ratio: 1;
	border-radius: 1000px;
	box-sizing: border-box;
	transition: background 0.4s;
	background: linear-gradient(90deg, #7293f3 0%, #55caf4 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16.74px;
	letter-spacing: -0.045em;
}

.main .section-1 .btn-list button i {
	transition: color 0.4s;
}

.main .section-1 .btn-list button i {
	color: #fff;
}

.main .section-1 .btn-list button.swiper-button-disabled {
	background: linear-gradient(#fff, #fff), linear-gradient(90deg, #7293f3, #55caf4);
	border: 1px solid transparent;
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.main .section-1 .btn-list button.swiper-button-disabled i {
	color: #6b9ff3;
}

.main .section-1 .card-grid {
	display: grid;
	position: relative;
	gap: 35px;
	gap: 20px;
	margin-top: 50px;
}

.main .section-1 .card-grid.mob {
	display: none;
}

.main .section-1 .card-grid .sap {
	background: rgba(255, 255, 255, 0.55);
	border-radius: 26px;
	position: relative;
	padding-bottom: 15px;
	overflow: hidden;
}

.main .section-1 .card-grid .sap .image {
	padding: 35px 30px 50px 30px;
	background: #000;
	border-radius: 26px;
	background: url(/asset/img/main/sap_bg.png) no-repeat center/cover;
}

.main .section-1 .card-grid .sap .image .box {
	display: flex;
	justify-content: space-between;
	gap: 175px;
}

.main .section-1 .card-grid .sap .image .box p {
	font-size: 16px;
	letter-spacing: -0.045em;
	color: #fff;
	line-height: calc(25 / 16 * 1em);
}

.main .section-1 .card-grid .sap .image>p {
	font-size: 37px;
	font-family: var(--poppins);
	font-weight: 600;
	color: #fff;
	margin-top: 30px;
}

.main .section-1 .card-grid .list {
	margin-top: -22px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0 15px;
}
.main .section-1 .card-grid .dx .list {
    margin-top: 20px;
    padding: 0;
}

.main .section-1 .card-grid .list a {
	font-size: 17px;
	letter-spacing: -0.05em;
	line-height: calc(30 / 17 * 1em);
	font-weight: 500;
	font-family: var(--poppins);
	background: #efedf0;
	border-radius: 100px;
	text-align: center;
	height: calc(48 / 17 * 1em);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.4s;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.main .section-1 .card-grid .list a::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(172deg, #54ccf5 0%, #7291f3 100%);
	opacity: 0;
	transition: opacity 0.4s;
	z-index: -1;
}

.main .section-1 .card-grid .list a:hover {
	color: #fff;
}

.main .section-1 .card-grid .list a:hover::before {
	opacity: 1;
}

.main .section-1 .card-grid .dx {
	background: rgba(255, 255, 255, 0.55);
	border-radius: 26px;
	padding: 20px 18px 25px 18px;
}

.main .section-1 .card-grid .dx .text-box {
	align-items: flex-start;
	justify-content: space-between;
	display: flex;
	gap: 85px;
}

.main .section-1 .card-grid .dx .text-box .text {
	display: flex;
	flex-direction: column;
	gap: 35px;
}

.main .section-1 .card-grid .dx .text-box .text dl dt {
	font-size: 37px;
	letter-spacing: -0.05em;
	font-weight: 600;
	font-family: var(--poppins);
}

.main .section-1 .card-grid .dx .text-box .image {
	aspect-ratio: 0.7948717949;
	width: 93px;
	border-radius: 18px;
	background: #000;
	background: url(/asset/img/main/dx_bg.png) no-repeat center/cover;
}

.main .section-1 .card-grid .dx .dd {
	margin-top: 22px;
	font-size: 16px;
	letter-spacing: -0.045em;
	line-height: calc(25 / 16 * 1em);
	color: #525252;
}

.main .section-1 .card-grid .dx .grid {
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.main .section-1 .card-grid .dx .grid a {
	font-size: 17px;
	font-weight: 500;
	font-family: var(--poppins);
	height: calc(48 / 17 * 1em);
	border-radius: 23px;
	background: #efedf0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.4s;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.main .section-1 .card-grid .dx .grid a::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(172deg, #54ccf5 0%, #7291f3 100%);
	opacity: 0;
	transition: opacity 0.4s;
	z-index: -1;
}

.main .section-1 .card-grid .dx .grid a:hover {
	color: #fff;
}

.main .section-1 .card-grid .dx .grid a:hover::before {
	opacity: 1;
}

@media screen and (min-height: 930px) and (min-width: 821px) {
	.main .section-1 {
		height: 100vh;
	}

	.main .section-1 .card-grid {
		gap: 3.5vh;
	}

	.main .section-1 .card-grid .sap {
		border-radius: 2.6vh;
		padding-bottom: 1.5vh;
	}

	.main .section-1 .card-grid .sap .image {
		padding: 3.5vh 3vh 5vh 3vh;
		border-radius: 2.6vh;
	}

	.main .section-1 .card-grid .sap .image .box {
		gap: 17.5vh;
	}

	.main .section-1 .card-grid .sap .image .box p {
		font-size: 1.6vh;
	}

	.main .section-1 .card-grid .sap .image>p {
		font-size: 3.7vh;
		margin-top: 3vh;
	}

	.main .section-1 .card-grid .list {
		margin-top: -2.2vh;
		gap: 1vh;
		padding: 0 1.5vh;
	}

	.main .section-1 .card-grid .list a {
		font-size: 1.7vh;
		border-radius: 2.3vh;
	}

	.main .section-1 .card-grid .dx {
		border-radius: 2.6vh;
		padding: 2vh 1.8vh 2.5vh 1.8vh;
	}

	.main .section-1 .card-grid .dx .text-box {
		gap: 8.5vh;
	}

	.main .section-1 .card-grid .dx .text-box .text {
		gap: 3.5vh;
	}

	.main .section-1 .card-grid .dx .text-box .text dl dt {
		font-size: 3.7vh;
	}

	.main .section-1 .card-grid .dx .text-box .image {
		width: 9.3vh;
		border-radius: 1.8vh;
	}

	.main .section-1 .card-grid .dx .dd {
		margin-top: 2.2vh;
		font-size: 1.6vh;
	}

	.main .section-1 .card-grid .dx .grid {
		margin-top: 3vh;
		gap: 1vh;
	}

	.main .section-1 .card-grid .dx .grid a {
		font-size: 1.7vh;
		border-radius: 2.3vh;
	}
}

@media screen and (max-width: 1280px) {
	.main .section-1 {
		padding: 0;
	}

	.main .section-1 .text-grid p:last-child {
		font-size: 76px;
	}

	.main .section-1 .card-grid .sap .image {
		padding: 35px 30px 50px 30px;
	}

	.main .section-1 .card-grid .sap .image .box {
		gap: 125px;
	}

	.main .section-1 .card-grid .sap .image>p {
		font-size: 30px;
	}

	.main .section-1 .card-grid .sap .list {
		margin-top: -22px;
		gap: 10px;
		padding: 0 15px;
	}

	.main .section-1 .card-grid .dx .text-box {
		gap: 55px;
	}

	.main .section-1 .card-grid .dx .text-box .image {
		width: 83px;
	}
}

@media screen and (max-width: 1024px) {
	.main .section-1 .text-grid {
		gap: calc(105 * 100 / 980 * 1vh);
	}

	.main .section-1 .text-grid p:first-child {
		font-size: 26px;
	}

	.main .section-1 .text-grid p:last-child {
		font-size: 60px;
	}

	.main .section-1 .card-grid .sap .image {
		padding: 30px 30px 45px 30px;
	}

	.main .section-1 .card-grid .sap .image .box {
		gap: 100px;
	}

	.main .section-1 .card-grid .sap .image>p {
		font-size: 26px;
	}

	.main .section-1 .card-grid .sap .list {
		margin-top: -20px;
	}

	.main .section-1 .card-grid .dx .text-box {
		gap: 45px;
	}

	.main .section-1 .card-grid .dx .text-box .text dl dt {
		font-size: 32px;
	}

	.main .section-1 .card-grid .dx .text-box .image {
		width: 73px;
	}

	.main .section-1 .card-grid .dx .dd {
		margin-top: 20px;
	}

	.main .section-1 .card-grid .dx .grid {
		margin-top: 25px;
	}

	.main .section-1 .card-grid .dx .grid a {
		font-size: 14px;
	}
}

@media screen and (max-width: 820px) {
	.main .section-1 {
		height: auto;
		max-height: none;
		padding: 165px 0 95px;
	}

	.main .section-1 .bg-01 {
		width: 50%;
		top: 0%;
		right: -10%;
	}

	.main .section-1 .bg-02 {
		width: 20%;
		top: 5%;
		transform: none;
	}

	.main .section-1 .bg-03 {
		width: 45%;
		left: 30%;
		top: 20%;
	}

	.main .section-1 .wrap {
		flex-direction: column;
		align-items: normal;
		justify-content: stretch;
	}

	.main .section-1 .text-grid {
		gap: 40px;
		gap: 18px;
		margin-bottom: 0;
	}

	.main .section-1 .text-grid p:first-child {
		font-size: 18px;
	}

	.main .section-1 .text-grid p:last-child {
		font-size: calc(41 * 100 / 480 * 1vw);
	}

	.main .section-1 .card-grid {
		max-width: 400px;
		margin: 65px auto 0;
		margin-top: 14px;
		width: 100%;
		display: none;
	}
	.main .section-1 .swiper-slide{height: 382px;}
	.main .section-1 .card-grid .sap{display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding-bottom: 0; gap: 16px; box-sizing: border-box;}
	.main .section-1 .card-grid .sap .image{padding: 16px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
	.main .section-1 .card-grid .sap .image>p{margin-top: 0;}
	.main .section-1 .card-grid .sap .image .box{gap: 0; justify-content: space-between;}
	.main .section-1 .card-grid .sap .list{padding: 16px;}

	.main .section-1 .card-grid .dx{padding: 16px; box-sizing: border-box;}
	.main .section-1 .card-grid.mob {display: block;}

	.main .section-1 .btn-list{display: flex;}
}

@media screen and (max-width: 500px){
	.main .section-1 .bg-01 {
		width: 65%;
		right: -25%;
	}

	.main .section-1 .bg-02 {
		width: 30%;
		top: 0;
		left: -5%;
	}

	.main .section-1 .bg-03 {
		width: 65%;
	}

	.main .section-1 .text-grid{max-width: 400px; width: 100%; margin: 0 auto;}
}





@media screen and (max-width: 320px) {
	.main .section-1 .text-grid p:first-child {
		font-size: 16px;
	}
}

/* 섹션2 */
.main .section-2 {
	padding: 195px 0;
	position: relative;
	overflow: hidden;
}

.main .section-2 .tit {
	text-align: right;
}

.main .section-2 .tit>div {
	position: relative;
	display: inline-block;
}

.main .section-2 .tit>div .cir {
	width: 330px;
	position: absolute;
	opacity: 0.2;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.main .section-2 .tit>div h4 {
	font-size: 100px;
	font-weight: 600;
	letter-spacing: -0.05em;
	font-weight: 600;
	font-family: var(--poppins);
	text-align: right;
	line-height: calc(130 / 100 * 1em);
	word-break: keep-all;
}

.main .section-2 .middle {
	font-size: 54px;
	font-weight: 500;
	color: #444444;
	letter-spacing: -0.045em;
	line-height: calc(74 / 54 * 1em);
	margin-top: 230px;
}

.main .section-2 .middle span {
	font-weight: bold;
	background: linear-gradient(3deg, #6cb9ff, #7293f3);
	background-size: 200% auto;
	background-position: left center;
	-webkit-background-clip: text;
	color: transparent;
	position: relative;
	display: inline-block;
}

.main .section-2 .middle span strong {
	left: 0;
	z-index: 2;
	position: absolute;
	/* color: #000; */
	clip-path: inset(0% 0% 0% 0%);
	top: 0;
	width: 100%;
	height: 100%;
}

.main .section-2 .grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 18px;
	margin-top: 95px;
}

.main .section-2 .grid .card {
	padding: calc((40 * 100 / 1920) * 1vw) calc((35 * 100 / 1920) * 1vw);
	border-radius: calc((30 * 100 / 1920) * 1vw);
	background: #f3f3f3;
	display: flex;
	flex-direction: column;
	gap: calc((80 * 100 / 1920) * 1vw);
	justify-content: space-between;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.main .section-2 .grid .card p {
	word-break: keep-all;
	font-size: calc((24 * 100 / 1920) * 1vw);
	letter-spacing: -0.045em;
	font-weight: 600;
	color: #444444;
	line-height: calc(34 / 24 * 1em);
}

.main .section-2 .grid .card dl {
	display: flex;
	align-items: flex-end;
	gap: calc((15 * 100 / 1920) * 1vw);
	margin-left: auto;
}

.main .section-2 .grid .card dl dt {
	font-size: calc((120 * 100 / 1920) * 1vw);
	font-weight: bold;
	letter-spacing: -0.115em;
	margin-bottom: -0.1em;
}

.main .section-2 .grid .card dl dd {
	font-size: calc((24 * 100 / 1920) * 1vw);
	letter-spacing: -0.03em;
}

.main .section-2 .grid .card::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(118deg, #7998f2 0%, #74e7fa 100%);
	z-index: 2;
	opacity: 0;
	transition: 0.4s;
	pointer-events: none;
	z-index: -1;
	transition: opacity 0.4s;
}

.main .section-2 .grid .card.active {
	color: #fff;
}

.main .section-2 .grid .card.active::after {
	opacity: 1;
}

.main .section-2 .grid .card.active p {
	color: #fff;
}

@media screen and (min-width: 821px) {

	/* 1781 이상이면 기본폼 */
	.main .section-2 .grid .card:hover {
		color: #fff;
		transform: translateY(-60px);
	}

	.main .section-2 .grid .card:hover::after {
		opacity: 1;
	}

	.main .section-2 .grid .card:hover p {
		color: #fff;
	}
}

@media screen and (min-width: 1781px) {
	.main .section-2 .grid {
		gap: 18px;
		margin-top: 95px;
	}

	.main .section-2 .grid .card {
		padding: 40px 35px;
		border-radius: 30px;
		gap: 80px;
	}

	.main .section-2 .grid .card p {
		font-size: 24px;
	}

	.main .section-2 .grid .card dl {
		gap: 15px;
	}

	.main .section-2 .grid .card dl dt {
		font-size: 120px;
	}

	.main .section-2 .grid .card dl dd {
		font-size: 24px;
	}
}

@media screen and (max-width: 1620px) {
	.main .section-2 .tit div h4 {
		font-size: 82px;
	}

	.main .section-2 .middle {
		font-size: 44px;
	}
}

@media screen and (max-width: 1480px) {
	.main .section-2 .tit div h4 {
		font-size: 68px;
	}

	.main .section-2 .middle {
		font-size: 34px;
	}
}

@media screen and (max-width: 1280px) {
	.main .section-2 .tit div h4 {
		font-size: 52px;
	}

	.main .section-2 .middle {
		font-size: 32px;
	}

	.main .section-2 .grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 18px;
		margin-top: 95px;
	}

	.main .section-2 .grid .card {
		aspect-ratio: 1;
		padding: 30px 25px;
		border-radius: 30px;
		gap: 30px;
	}

	.main .section-2 .grid .card p {
		font-size: 22px;
	}

	.main .section-2 .grid .card dl {
		gap: 15px;
	}

	.main .section-2 .grid .card dl dt {
		font-size: calc(100 * 100 / 1000 * 1vw);
	}

	.main .section-2 .grid .card dl dd {
		font-size: 20px;
	}
}

@media screen and (max-width: 820px) {
	.main .section-2 {
		padding: 120px 0 35px;
	}

	.main .section-2 .tit div h4 {
		font-size: 36px;
	}

	.main .section-2 .middle {
		font-size: 24px;
		margin-top: 120px;
	}

	.main .section-2 .grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
		margin-top: 75px;
	}

	.main .section-2 .grid .card {
		padding: 30px 25px;
		border-radius: 25px;
		gap: 20px;
	}

	.main .section-2 .grid .card p {
		font-size: 20px;
	}

	.main .section-2 .grid .card dl dt {
		font-size: calc(80 * 100 / 820 * 1vw);
	}

	.main .section-2 .grid .card dl dd {
		font-size: 20px;
	}
}

@media screen and (max-width: 480px) {
	.main .section-2 .tit div h4 {
		font-size: calc(34 * 100 / 480 * 1vw);
	}

	.main .section-2 .middle {
		font-size: 28px;
		margin-top: 85px;
		word-break: keep-all;
	}

	.main .section-2 .grid {
		gap: calc(25 * 100 / 480 * 1vw);
		margin-top: 70px;
	}

	.main .section-2 .grid .card {
		padding: calc(20 * 100 / 480 * 1vw);
		border-radius: calc(21 * 100 / 480 * 1vw);
		gap: calc(20 * 100 / 480 * 1vw);
	}

	.main .section-2 .grid .card p {
		font-size: calc(16 * 100 / 480 * 1vw);
	}

	.main .section-2 .grid .card dl dt {
		font-size: calc(71 * 100 / 480 * 1vw);
	}

	.main .section-2 .grid .card dl dd {
		font-size: calc(15 * 100 / 480 * 1vw);
	}
}

@media screen and (max-width: 300px) {
	.main .section-2 .middle {
		font-size: 23px;
	}

	.main .section-2 .tit div h4 {
		font-size: calc(30 * 100 / 480 * 1vw);
	}
}

/* 섹션3 */
.main .section-3 {
	overflow: hidden;
}

.main .section-3 .floder-box {
	height: 100vh;
	position: relative;
	z-index: 2;
	display: flex; align-items: center; justify-content: center;
}

.main .section-3 .floder-box .floder-text {
	font-size: calc(80 * 100 / 1920 * 1vw);
	letter-spacing: -0.045em;
	font-weight: 600;
	position: absolute;
	display: flex;
	align-items: center;
	z-index: 555;
	gap: 0.22em;
	white-space: nowrap;
	transform: scale(2);
}

.main .section-3 .floder-box .poa {
	position: absolute;
	z-index: 3;
}

.main .section-3 .floder-box .poa > div{
	display: flex; align-items: center; justify-content: center;
	position: relative; font-size: calc(1/1920*100vw); margin-bottom: -70em;
}
.main .section-3 .floder-box .poa .imgBx {
	position: absolute; z-index: 2;
}
.main .section-3 .floder-box .poa .imgBx img{width: 100%;}
.main .section-3 .floder-box .poa .imgBx img:nth-child(2){
	position: absolute; left: 0; top: 5%; animation: floating forwards 3s infinite;
}
.main .section-3 .floder-box .poa .imgBx:nth-child(2) img:nth-child(2){animation-delay: 0.5s; }
@keyframes floating{
	0%{transform: translateY(0%)}
	50%{transform: translateY(-10%)}
	100%{transform: translateY(0%)}
}

.main .section-3 .floder-box .poa .imgBx:nth-child(1){
	width: 420em;
	top: -53%;
	left: 46%;
	transform: translate(-40%,80%); opacity: 0;
}
.main .section-3 .floder-box .poa .imgBx:nth-child(2){
	width: 340em;
	top: 89%;
	left: 30%;
	transform: translate(0%,-125%); opacity: 0;
	z-index: 3;
}
.main .section-3 .floder-box .poa .imgBx:nth-child(3){
	width: 450em;
	top: -20%;
	left: -44%;
	transform: translate(90%, 48%); opacity: 0;
}
.main .section-3 .floder-box .poa .imgBx:nth-child(4){
	width: 587em;
	top: -12%;
	left: 4%;
	z-index: 1;
}
.main .section-3 .floder-box .poa .imgBx:nth-child(5){
	position: unset;
	width: 613em; top: 0%; left: 0%;
}


.main .section-3 .floder-box .cir {
	z-index: 2;
}

.main .section-3 .floder-box .cir1 {
	position: absolute;
	right: 0;
	bottom: 8%;
	/* transform: translate(100px, -50%); */
	width: calc(544 * 100 / 1920 * 1vw);
	opacity: 0.2;
}

.main .section-3 .floder-box .cir2 {
	position: absolute;
	left: calc(-80 * 100 / 1920 * 1vw);
	top: 12%;
	width: calc(459 * 100 / 1920 * 1vw);
	opacity: 0.2;
}

@media screen and (max-width: 1600px){
	.main .section-3 .floder-box .poa > div{font-size: calc(1/1600*100vw);}
}
@media screen and (max-width: 1280px) {
	.main .section-3 .floder-box .floder-text {font-size: calc(100 * 100 / 1920 * 1vw);}
	.main .section-3 .floder-box .poa > div{font-size: calc(1/1280*100vw); margin-right: -100em;}
}

@media screen and (max-width: 820px) {
	.main .section-3 .floder-box {
		height: auto;
		padding: 150px 0;
	}
	.main .section-3 .floder-box .poa > div{font-size: min(calc(0.8/820*100vw),0.7px); margin-right: 0; margin-bottom: -240em;}

	.main .section-3 .floder-box .poa .imgBx:nth-child(1){width: 93%;left: 35%;top: -107%; transform: translate(-35%,107%);}
	.main .section-3 .floder-box .poa .imgBx:nth-child(2){width: 82%;left: 40%;top: 87%; transform: translate(-39%,-100%);}
	.main .section-3 .floder-box .poa .imgBx:nth-child(3){width: 99%;left: -30%;top: -44%; transform: translate(25%,40%);}
	.main .section-3 .floder-box .floder-text {font-size: 40px;}
}

@media screen and (max-width: 480px) {
	.main .section-3 .floder-box .floder-text {
		font-size: calc(36/480*100vw);
	}
}


.main .section-3 .sap {
	box-sizing: border-box;
	padding: 240px 0 210px;
	background: url(/asset/img/main/section_3_sap_bg.png) no-repeat top/cover;
}

.main .section-3 .sap .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.main .section-3 .sap .text-box {
	flex: 0 0 auto;
    padding-left: 100px;
    box-sizing: border-box;
}

.main .section-3 .sap .text-box dt {
	font-size: calc((77 * 100 / 1920) * 1vw);
	font-weight: 600;
	letter-spacing: -0.045em;
}

.main .section-3 .sap .text-box dd {
	font-size: 22px;
	letter-spacing: -0.045em;
	margin-top: 50px;
}

.main .section-3 .sap .text-box dd span {
	display: block;
	margin-top: 10px;
	font-weight: 500;
}

.main .section-3 .sap .text-box .button_list {
	display: flex;
	gap: 11px;
	margin-top: 50px;
	transition: opacity 0.2s;
}
.main .section-3 .sap .text-box .button_list.hide{
	opacity: 0; pointer-events: none;
}

.main .section-3 .sap .text-box .button_list button {
	width: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1/1;
	background: #0076ff;
	color: #fff;
	border-radius: 1000px;
	font-size: 20px;
	letter-spacing: -0.05em;
	transition: background 0.4s;
}

.main .section-3 .sap .text-box .button_list button[aria-disabled="true"] {
	background: #6c9fda;
}

.main .section-3 .sap .slide-box {
	width: 1084px;
}

.main .section-3 .sap .slide-box .tab {
	display: flex;
	gap: 10px;
}

.main .section-3 .sap .slide-box .tab button {
	background: rgba(255, 255, 255, 0.52);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.05em;
	padding: 0 30px;
	height: calc(43 / 16 * 1em);
	box-sizing: border-box;
	border-radius: 1000px;
	border: 1px solid #c9c9c9;
	transition: background 0.4s, color 0.4s;
}

.main .section-3 .sap .slide-box .tab button.active,
.main .section-3 .sap .slide-box .tab button:hover {
	border: 1px solid transparent;
	background: #0076ff;
	color: #fff;
}

.main .section-3 .sap .slide-box .swiper {
	margin-top: 30px;
}

.main .section-3 .sap .slide-box .swiper .card {
	height: 465px;
    box-sizing: border-box;
	border-radius: 28px;
	padding: 45px 30px;
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
	gap: 50px;
	position: relative;
	overflow: hidden;
}

.main .section-3 .sap .slide-box .swiper .card .icon{ height: 58px; }

.main .section-3 .sap .slide-box .swiper .card .num {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 97px;
	letter-spacing: -0.05em;
	opacity: 0.11;
	font-family: var(--poppins);
	transform: rotate(-90deg) translateX(-35%) translateY(44%);
}

.main .section-3 .sap .slide-box .swiper .card dl {
	color: #fff;
}

.main .section-3 .sap .slide-box .swiper .card dl dt {
	font-weight: 600;
	font-size: 28px;
	letter-spacing: -0.05em;
}

.main .section-3 .sap .slide-box .swiper .card dl dd {
	margin-top: 25px;
	font-weight: 500;
	font-size: 14px;
	line-height: calc(27 / 16);
	letter-spacing: -0.045em;
    word-break: keep-all;
}

.main .section-3 .sap .slide-box .swiper .swiper-slide:nth-child(1) .card .num {
	transform: rotate(-90deg) translateX(-35%) translateY(30%);
}

.main .section-3 .sap .slide-box .swiper .swiper-slide:nth-child(2) .card .num {
	transform: rotate(-90deg) translateX(-35%) translateY(40%);
}

.main .section-3 .sap .slide-box .swiper .swiper-slide:nth-child(4) .card .num {
	transform: rotate(-90deg) translateX(-35%) translateY(40%);
}

.main .section-3 .sap .slide-box .swiper .swiper-slide:nth-child(3n + 1) .card {
	background: rgba(0, 118, 255, 0.84);
}

.main .section-3 .sap .slide-box .swiper .swiper-slide:nth-child(3n + 1) .card .num {
	color: #fff;
}

.main .section-3 .sap .slide-box .swiper .swiper-slide:nth-child(3n + 2) .card {
	background: rgba(39, 37, 39, 0.84);
}

.main .section-3 .sap .slide-box .swiper .swiper-slide:nth-child(3n + 2) .card .num {
	color: #fff;
}

.main .section-3 .sap .slide-box .swiper .swiper-slide:nth-child(3n) .card {
	background: rgba(242, 242, 242, 0.84);
}

.main .section-3 .sap .slide-box .swiper .swiper-slide:nth-child(3n) .card .num {
	color: #222222;
	opacity: 0.07;
}

.main .section-3 .sap .slide-box .swiper .swiper-slide:nth-child(3n) .card dl {
	color: #222222;
}

@media screen and (max-width: 1600px){
	.main .section-3 .sap .slide-box{width: 75%;}
    .main .section-3 .sap .text-box{ padding-left: 0; }
    .main .section-3 .sap .text-box dt{ font-size: calc(61 * 100 / 1920 * 1vw); }
}

@media screen and (max-width: 1024px) {
	.main .section-3 .sap .wrap {
		gap: 50px;
	}

	.main .section-3 .sap .slide-box .tab button {
		padding: 10px 20px;
	}

    .main .section-3 .sap .text-box{ width: 28%; }
    .main .section-3 .sap .text-box dt{ font-size: calc(92 * 100 / 1920 * 1vw); }
}

.main .section-3 .sap .mobdl {
	display: none;
	margin-bottom: 40px;
}

.main .section-3 .sap .mobdl dt {
	font-size: 44px;
	font-weight: 600;
	letter-spacing: -0.045em;
}

.main .section-3 .sap .mobdl dd {
	font-size: 22px;
	font-weight: 300;
	letter-spacing: -0.045em;
	margin-top: 30px;
}

.main .section-3 .sap .mobdl dd span {
	display: block;
	margin-top: 10px;
	font-weight: 500;
}

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

	.main .section-3 .sap {
		padding: 75px 0 100px;
	}

	.main .section-3 .sap .mobdl {
		display: block;
	}

	.main .section-3 .sap .wrap {
		display: flex;
		flex-direction: column;
		align-items: normal;
		padding: 0;
		gap: 20px;
	}

	.main .section-3 .sap .text-box {
        width: 100%;
		padding: 0 15px;
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	.main .section-3 .sap .text-box dl {
		display: none;
	}

	.main .section-3 .sap .text-box dt {
		font-size: 48px;
	}
    .main .section-3 .sap .mobdl dt{ font-size: 32px; }
    .main .section-3 .sap .mobdl dd{ font-size: 16px; }

	.main .section-3 .sap .text-box dd {
		margin-top: 35px;
	}

	.main .section-3 .sap .text-box .button_list {
		justify-content: center;
		order: -1;
		margin-top: 0;
	}

	.main .section-3 .sap .slide-box {
		margin-top: 0;
		order: -1;
		margin-left: 0;
		width: auto;
	}

	.main .section-3 .sap .slide-box .tab {
		flex-wrap: wrap;
	}

	.main .section-3 .sap .slide-box .tab button {
		padding: 0 20px;
		font-size: 14px;
	}

	.main .section-3 .sap .slide-box .swiper {
		margin-top: 50px;
		height: auto;
		max-width: 285px;
		width: 100%;
	}

	.main .section-3 .sap .slide-box .swiper .swiper-slide {
		max-height: 504px;
	}

	.main .section-3 .sap .slide-box .swiper .card {
		aspect-ratio: 0;
	}
}

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

	.main .section-3 .sap .text-box dt {
		font-size: 36px;
	}

	.main .section-3 .sap .text-box dd {
		font-size: 18px;
		margin-top: 30px;
	}

    .main .section-3 .sap .mobdl dt{ font-size: 28px; }
    .main .section-3 .sap .mobdl dd{ font-size: 14px; margin-top: 20px; }
    
}

@media screen and (max-width: 360px){
    .main .section-3 .sap .slide-box .tab{ gap: 5px; }
    .main .section-3 .sap .slide-box .swiper .card{ gap: 20px; padding: 30px 20px; }
    .main .section-3 .sap .slide-box .swiper .card dl dd{ margin-top: 15px; }
    .main .section-3 .sap .slide-box .tab button{ padding: 0 15px; }
    .main .section-3 .sap .slide-box .swiper{ margin-top: 30px; }
}

/* 섹션4 */
.main .section-4 {
	padding-top: 170px; overflow: hidden;
}

.main .section-4 dl {
	text-align: center;
	word-break: keep-all;
}

.main .section-4 dl dt {
	color: #7292f3;
	font-weight: 600;
	letter-spacing: -0.045em;
	font-size: 20px;
}

.main .section-4 dl dd {
	margin-top: 23px;
	font-weight: bold;
	letter-spacing: -0.045em;
	line-height: calc(92 / 66 * 1em);
	font-size: 66px;
}

.main .section-4 .wave-box {
	max-width: 1920px;
	margin: 130px auto 0;
}

.main .section-4 .wave-box .wave {
	display: flex; justify-content: center;
}

.main .section-4 .wave-box .wave .card-group {
	display: flex;
	flex: 0 0 auto;
	gap: 35px;
	animation: wave 20s infinite linear;
	padding: 0 calc(35px / 2);
}

.main .section-4 .wave-box .wave .card-group .card {
	width: 264px;
	aspect-ratio: calc(264 / 136);
	border-radius: 15px;
	background-color: #f4f4f8;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50% auto;
	border: 1px solid #e4e4e7;
	flex: 0 0 auto;
	position: relative;
	overflow: hidden;
	transition: background-color 0.5s,border-color 0.5s;
}
/* .main .section-4 .wave-box .wave .card-group .card:hover{
	background-color: transparent;
	border-color: transparent;
} */
.main .section-4 .wave-box .wave .card-group .card.on{
	background-color: transparent;
	border-color: transparent;
}
.main .section-4 .wave-box .wave .card-group .card::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(118deg, #7998f2 0%, #74e7fa 100%);
	pointer-events: none;
	z-index: -1;
}

.main .section-4 .wave-box .wave+.wave {
	margin-top: 35px;
}

.main .section-4 .wave-box .wave+.wave .card-group {
	animation: wave2 20s infinite linear;
}

@media screen and (max-width: 1280px) {
	.main .section-4 dl dd {
		font-size: 56px;
	}

	.main .section-4 .wave-box .wave .card-group .card {
		width: 234px;
	}
}

@media screen and (max-width: 1024px) {
	.main .section-4 dl dd {
		font-size: 46px;
	}

	.main .section-4 .wave-box {
		margin-top: 100px;
	}

	.main .section-4 .wave-box .wave .card-group {
		gap: 25px;
		padding: 0 calc(25px / 2);
	}

	.main .section-4 .wave-box .wave+.wave {
		margin-top: 25px;
	}
}

@media screen and (max-width: 820px) {
	.main .section-4 {
		padding-top: 100px;
	}

	.main .section-4 dl dt {
		font-size: 18px;
	}

	.main .section-4 dl dd {
		font-size: 36px;
		margin-top: 30px;
	}

	.main .section-4 .wave-box {
		margin-top: 80px;
	}

	.main .section-4 .wave-box .wave .card-group .card {
		width: 184px;
	}
}

@media screen and (max-width: 480px) {
	.main .section-4 dl dt {
		font-size: 16px;
	}

	.main .section-4 dl dd {
		margin-top: 10px;
		font-size: 28px;
	}

	.main .section-4 .wave-box {
		margin-top: 70px;
	}

	.main .section-4 .wave-box .wave .card-group .card {
		width: 164px;
	}
}

/* 섹션5  */
.main .section-5 {
	padding: 215px 0 55px;
}

.main .section-5 .wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
}

.main .section-5 a {
	gap: 20px;
	border: 1px solid #d4d4d4;
	padding: 0 65px;
	height: 245px;
	display: flex;
	font-family: "Poppins", "Pretendard", sans-serif;
	align-items: center;
	justify-content: space-between;
	border-radius: 30px;
	box-sizing: border-box;
}

.main .section-5 a dl {
	word-break: keep-all;
}

.main .section-5 a dl dt {
	font-size: 20px;
	letter-spacing: -0.03em;
	color: rgba(0, 0, 0, 0.4);
	font-weight: 500;
	color: var(--color);
	line-height: 1.4;
}

.main .section-5 a dl dd {
	letter-spacing: -0.03em;
	font-weight: 600;
	font-size: 50px;
	margin-top: 10px;
}

.main .section-5 a div {
	background: linear-gradient(90deg, #7292f3 0%, #54cbf5 100%);
	background-size: 200% auto;
	background-position: 0% center;
	transition: background-position 0.3s;
	height: calc(56/16*1em);
	color: #fff;
	font-size: 16px;
	letter-spacing: -0.05em;
	font-weight: 500;
	width: calc(152/16*1em);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(30/16*1em);
	border-radius: 1000px;
}

.main .section-5 a div:hover i {
	transform: translateX(10%);
}

.main .section-5 a div i {
	font-size: 20px;
	transition: transform 0.4s;
}

@media screen and (max-width:1600px) {
	.main .section-5{padding-top: 120px;}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.main .section-5 .wrap{gap: 20px;}
	.main .section-5 a{padding: 80px 50px; height: auto;}
	.main .section-5 a dl dt{font-size: 18px;}
	.main .section-5 a dl dd{font-size: 40px;}
	.main .section-5 a div{font-size: 15px;}
}
@media screen and (max-width:1024px) {
	.main .section-5{padding-top: 100px;}
	.main .section-5 a{padding: 50px 30px; border-radius: 20px;}
	.main .section-5 a dl dd{font-size: 30px;}
	.main .section-5 a dl dt{font-size: 14px;}
}
@media screen and (max-width:820px) {
	.main .section-5 .wrap {grid-template-columns: repeat(1, 1fr);}
}
@media screen and (max-width:500px) {
	.main .section-5 .wrap{gap: 10px;}
	.main .section-5 a{min-height: 127px; padding: 0 24px;}
	.main .section-5 a div{font-size: 13px; gap: 10px; width: auto; height: auto; padding: 8px 12px; white-space: nowrap;}
	.main .section-5 a dl dd{font-size: 22px;}
	.main .section-5 a dl dt{font-size: 12px;}
}
@media screen and (max-width:320px) {
	.main .section-5 a{display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; min-height: unset; padding: 20px;}
}

.main .cir {
	aspect-ratio: 1/1;
	background: linear-gradient(-39deg, #017dc5 0%, #003fcd 100%);
	border-radius: 1000px;
	filter: blur(50px);
}