.inner {
	max-width: 866px;
	padding: 0 44px;
	gap: 42px;
}

.sec {
	position: relative;
	padding: 100px 0;
	box-sizing: border-box;
}
.sec .tit_box {
	gap: 17px;
}
.sec .tit_box h4 {
	color: var(--key-color);
	font-size: 32px;
}
.sec .tit_box h4 span {
	display: block;
	font-size: 24px;
	font-weight: 400;
	margin-top: 6px;
}
.sec .tit_box p {
	font-size: 16px;
	color: #555;
	line-height: 1.5;
}
.sec .tit_box p strong {
	font-weight: 700;
}
.sec .tag {
	gap: 10px 12px;
	justify-content: center;
}
.sec .tag strong {
	display: inline-block;
	height: 34px;
	line-height: 30px;
	padding: 0 17px;
	border-radius: 100px;
	border: 1px solid #D1D5DB;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Noto Sans KR';
	box-sizing: border-box;
}


.sec01 {
	background: #F7FAFF;
}
.sec01 .img {
	max-width: 500px;
	margin: 0 auto;
}



.sec02 .img {
	max-width: 500px;
	margin: 0 auto;
}
.sec02 .sec02_depth {
	padding-top: 100px;
	gap: 40px;
	box-sizing: border-box;
}
.sec02 .sec02_depth > div {
	gap: 40px;
}
.sec02 .sec02_depth > div h4 {
	font-size: 20px;
}
.sec02 .sec02_depth > div p {
	font-size: 16px;
	color: #555;
	line-height: 1.5;
	margin-top: -35px;
}
.sec02 .sec02_depth > div p span {
	font-size: 15px;
}
.sec02 .sec02_depth .grid {
	gap: 30px;
}
.sec02 .sec02_depth .step {
	gap: 29px;
	justify-content: center;
}
.sec02 .sec02_depth .step > div {
	position: relative;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	font-weight: 700;
	border-radius: 100px;
	background: #F1F5FF;
	color: var(--key-color);
	font-family: "Noto Sans KR";
	padding: 0 20px;
	box-sizing: border-box;
}
.sec02 .sec02_depth .step > .arrow {
	width: 17px;
	height: 29px;
	background: url("../images/step_arrow.svg?v=1")no-repeat 50% 50% / 100%;
}



.sec03 {
	background: #F7FAFF;
}
.sec03 .inner {
	gap: 68px;
	max-width: 1048px;
}
.sec03 .img {
	max-width: 400px;
	margin: 0 auto;
}
.sec03 .menu_list ul {
	gap: 5px;
	padding: 0 12px;
	box-sizing: border-box;
}
.sec03 .menu_list ul h4 {
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Noto Sans KR';
	border-radius: 100px;
	border: 1px solid #D1D5DB;
	padding: 0 17px;
	margin-bottom: 5px;
	box-sizing: border-box;
}
.sec03 .menu_list ul li {
	font-size: 12px;
}


.sec04 .inner {
	gap: 68px;
}




@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
	.section {
		height: auto!important;
		min-height: auto!important;
	}
	.fp-overflow {
		max-height: none!important;
		overflow-y: hidden!important;
	}

	.sec .tit_box h4 {
		font-size: 24px;
	}
	.sec .tit_box h4 span {
		font-size: 20px;
	}
	.sec .tit_box p {
    	font-size: 14px;
	}

	.sec02 .sec02_depth > div p {
    	font-size: 14px;
	}
	.sec02 .sec02_depth .step {
    	gap: 17px;
	}
	.sec02 .sec02_depth .step > .arrow {
        width: 100%;
        background-size: 20px;
        transform: rotate(90deg);
    }

	.sec03 .menu_list {
		justify-content: center;
		gap: 16px 0;
	}
	.sec03 .menu_list ul h4 {
		width: max-content;
		margin: 0 auto 5px;
	}


	.first .slide_up {
		animation: none!important;
		opacity: 1;
    	transform: translateY(0%);
	}
	.first .slide_left {
		animation: none!important;
		opacity: 1;
    	transform: translateX(0%);
	}
}
@media screen and (max-width: 380px) {
	.inner {
		padding: 0 20px;
	}
}