.sec_tit p {
	font-size: clamp(18px, 1.25vw, 24px);
	color: #222;
	font-weight: 500;
}
#sec1 .cont_wrapper .cont_area .sec_cont .top_img_wrapper .top_img {
	width: clamp(350px, 28.65vw, 550px);
	height: clamp(200px, 15.63vw, 300px);
	overflow: hidden;
	border: 2px solid #ddd;
}
#sec1 .cont_wrapper .cont_area .sec_cont .top_img_wrapper .top_img img {
	height: 100%;
	object-fit: cover;
}
#sec1 .cont_wrapper .cont_area .sec_cont .top_img_wrapper .top_img:not(:last-child) {
	margin-right: clamp(15px, 1.56vw, 30px);
}
#sec1 .cont_wrapper .cont_area .sec_cont .sub_tit {
	font-size: clamp(26px, 2.08vw, 40px);
	font-weight: 700;
	color: #222;
}
#sec1 .cont_wrapper .cont_area .sec_cont .txt {
	font-size: clamp(16px, 1.25vw, 24px);
	color: #222;
	font-weight: 500;
	line-height: 1.5;
}
#sec1 .cont_wrapper .cont_area .sec_cont .cont_txt .point {
	width: fit-content;
	font-size: clamp(22px, 1.56vw, 30px);
	font-weight: 700;
	color: #fff;
	background-color: var(--color-point);
	padding: 3px clamp(20px, 1.04vw, 20px);
}
#sec1 .cont_wrapper .cont_area .sec_cont .bottom_img_wrapper li {
	width: calc((100% - clamp(45px, 4.69vw, 90px)) / 4);
}
#sec1 .cont_wrapper .cont_area .sec_cont .bottom_img_wrapper li .img_wrapper {
	width: 100%;
	height: clamp(180px, 13.02vw, 250px);
	overflow: hidden;
}
#sec1 .cont_wrapper .cont_area .sec_cont .bottom_img_wrapper li .img_wrapper img {
	height: 100%;
	object-fit: cover;
}
#sec1 .cont_wrapper .cont_area .sec_cont .process li {
	width: calc((100% - clamp(172px, 15.21vw, 292px)) / 5);
	aspect-ratio: 1 / 1;
	background-color: #E9E9E9;
	border-radius: 15px;
	position: relative;
	transition: background-color 0.4s;
}
#sec1 .cont_wrapper .cont_area .sec_cont .process li:not(:last-child)::after {
	content: "";
	width: clamp(45px, 3.91vw, 75px);
	height: 2px;
	background-color: #D9D9D9;
	display: block;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
}
#sec1 .cont_wrapper .cont_area .sec_cont .process li .txt {
	transition: all 0.4s;
}
#sec1 .cont_wrapper .cont_area .sec_cont .process li.on {
	background-color: var(--color-point);
}
#sec1 .cont_wrapper .cont_area .sec_cont .process li.on .txt {
	font-size: clamp(16px, 1.56vw, 30px);
	font-weight: 700;
	color: #fff;
}
#sec1 .cont_wrapper .cont_area .sec_cont .process2 li {
	width: calc((100% - clamp(80px, 7.81vw, 150px)) / 6);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect ul {
	gap: clamp(20px, 1.56vw, 30px);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect li {
	width: clamp(320px, 20.83vw, 400px);
	padding: clamp(10.5px, 0.91vw, 17.5px) clamp(20px, 1.56vw, 30px);
	border-radius: 15px;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect li::before {
	content: "";
	width: clamp(30px, 2.34vw, 45px);
	height: clamp(30px, 2.34vw, 45px);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_o {
	background-color: #F6E3C9;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_o::before {
	background-image: url(../img/service_icon1.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_o2 {
	background-color: #FFF0E2;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_o2::before {
	background-image: url(../img/service_icon13.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_o3 {
	background-color: #FFF0E2;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_o3::before {
	background-image: url(../img/service_icon14.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_sk {
	background-color: #D4ECFE;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_sk::before {
	background-image: url(../img/service_icon2.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_sk2 {
	background-color: #DAF5FF;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_sk2::before {
	background-image: url(../img/service_icon7.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_r {
	background-color: #FDDBD6;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_r::before {
	background-image: url(../img/service_icon4.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_r2 {
	background-color: #FFE9EA;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_r2::before {
	background-image: url(../img/service_icon15.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_r3 {
	background-color: #FFE9EA;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_r3::before {
	background-image: url(../img/service_icon18.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_y {
	background-color: #FFF1D0;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_y::before {
	background-image: url(../img/service_icon3.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_y2 {
	background-color: #FFF2DB;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_y2::before {
	background-image: url(../img/service_icon10.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_b {
	background-color: #CCE2FF;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_b::before {
	background-image: url(../img/service_icon5.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_gr {
	background-color: #CBFBF1;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_gr::before {
	background-image: url(../img/service_icon6.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_gr2 {
	background-color: #CAFFE4;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_gr2::before {
	background-image: url(../img/service_icon9.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_gr3 {
	background-color: #D5F4EB;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_gr3::before {
	background-image: url(../img/service_icon12.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_gr4 {
	background-color: #D5F4EB;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_gr4::before {
	background-image: url(../img/service_icon16.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_si {
	background-color: #DBE9F0;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_si::before {
	background-image: url(../img/service_icon8.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_ga {
	background-color: #EBEBEB;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_ga::before {
	background-image: url(../img/service_icon11.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_ga2 {
	background-color: #EBEBEB;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_ga2::before {
	background-image: url(../img/service_icon14.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_ga3 {
	background-color: #EBEBEB;
}
#sec1 .cont_wrapper .cont_area .sec_cont .effect .item_ga3::before {
	background-image: url(../img/service_icon17.svg);
}
#sec1 .cont_wrapper .cont_area .sec_cont .qna ul {
	width: clamp(600px, 43.23vw, 830px);
}
#sec1 .cont_wrapper .cont_area .sec_cont .qna li .question {
	background-color: #E9E9E9;
	border-radius: 15px;
	padding: clamp(14px, 1.15vw, 22px) clamp(20px, 1.56vw, 30px);
	cursor: pointer;
}
#sec1 .cont_wrapper .cont_area .sec_cont .qna li .question::after {
	content: "▲";
	font-size: clamp(16px, 1.25vw, 24px);
	color: #222;
	display: block;
	transition: transform 0.4s;
}
#sec1 .cont_wrapper .cont_area .sec_cont .qna li .answer {
	margin-top: clamp(10px, 0.78vw, 15px);
	background-color: var(--color-point);
	border-radius: 15px;
	padding: clamp(14px, 1.15vw, 22px) clamp(20px, 1.56vw, 30px);
	display: none;
}
#sec1 .cont_wrapper .cont_area .sec_cont .qna li .answer p {
	color: #fff;
	word-break: break-all;
}
#sec1 .cont_wrapper .cont_area .sec_cont .qna li .question.on::after {
	transform: rotate(180deg);
}

@media (max-width: 950px) {
	#sec1 .cont_wrapper .cont_area .sec_cont .bottom_img_wrapper li {
		width: calc((100% - clamp(60px, 6.32vw, 60px)) / 2);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .bottom_img_wrapper li:first-child, #sec1 .cont_wrapper .cont_area .sec_cont .bottom_img_wrapper li:nth-child(2) {
		margin-bottom: 30px;
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .bottom_img_wrapper li .img_wrapper {
		height: clamp(200px, 26.32vw, 250px);
	}
}

@media (max-width: 750px) {
	.sec_tit h2 {
		font-size: clamp(24px, 5.47vw, 41px);
	}
	.sec_tit p {
		font-size: clamp(16px, 4.00vw, 30px);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont {
		text-align: left;
		width: 100%;
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .sub_tit {
		font-size: clamp(24px, 5.33vw, 40px);
		line-height: 1.3;
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .txt {
		font-size: clamp(16px, 4.00vw, 30px);
		line-height: 1.5;
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .cont_txt .point {
		font-size: clamp(16px, 4.00vw, 30px);
		padding: clamp(9px, 2.27vw, 17px);
		line-height: 1.5;
		word-break: break-all;
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .top_img_wrapper .top_img {
		width: calc((100% - clamp(15px, 4.00vw, 30px)) / 2);
		height: clamp(110px, 26.67vw, 200px);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .top_img_wrapper .top_img:not(:last-child) {
		margin-right: clamp(15px, 4.00vw, 30px);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .bottom_img_wrapper li {
		width: calc((100% - clamp(15px, 4.00vw, 30px)) / 2);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .bottom_img_wrapper li:first-child, #sec1 .cont_wrapper .cont_area .sec_cont .bottom_img_wrapper li:nth-child(2) {
		margin-bottom: clamp(15px, 4.00vw, 30px);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .bottom_img_wrapper li .img_wrapper {
		height: clamp(130px, 33.33vw, 250px);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .process ul {
		justify-content: flex-start;
		gap: clamp(15px, 4.00vw, 30px);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .process li {
		width: calc((100% - clamp(30px, 8.00vw, 60px)) / 3);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .process li:nth-child(3)::after {
		display: none;
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .process li.on .txt {
		font-size: clamp(16px, 4.27vw, 32px);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .process2 {
		width: 100%;
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .effect ul {
		gap: clamp(15px, 4.00vw, 30px);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .effect li {
		width: calc((100% - clamp(15px, 4.00vw, 30px)) / 2);
		padding: clamp(12px, 2.00vw, 15px) clamp(10px, 2.67vw, 20px);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .effect li::before {
		width: clamp(15px, 4.00vw, 30px);
		height: clamp(15px, 4.00vw, 30px);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .effect li .txt {
		font-size: clamp(14px, 2.67vw, 20px);
		line-height: 1;
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .qna ul {
		width: 100%;
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .qna li .question::after {
		font-size: clamp(14px, 4.00vw, 30px);
	}
	#sec1 .cont_wrapper .cont_area .sec_cont .qna li .answer {
		margin-top: clamp(10px, 2.67vw, 20px);
	}
}

@media (max-width: 460px) {
	#sec1 .cont_wrapper .cont_area .sec_cont .effect li {
		width: 100%;
	}
}