.img-wrap {display: flex;gap: 64px;}
.img-wrap .img-boxs {flex: none;width: 593px;height: 460px;border-radius: 12px;overflow: hidden;}
.img-wrap .img-boxs img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s;transform: scale(1.05);} 
.img-wrap:hover .img-boxs img{transform: scale(1);}

.con-p {letter-spacing: -0.02em;}

.step-lists {background: #F2F6FB;border-radius: 12px;padding: 28px 24px;}
.step-lists > ol{display: flex;flex-direction: column;gap: 20px;}
.step-lists > ol > li {display: flex;align-items: flex-start;gap: 8px;}
.step-lists > ol > li .num {font-weight: 600;font-size: 14px;line-height: 1.4;letter-spacing: -0.02em;width: 28px;height: 28px;border-radius: 50%;background: #1174FF;color: #fff;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.step-lists > ol > li .text {padding-top: 2px;}
.step-lists > ol > li .text strong {display: block;font-size: 16px;font-weight: 600;color: #111;margin-bottom: 9px;line-height: 1.5;letter-spacing: -0.02em;}
.step-lists > ol > li .text p {letter-spacing: -0.02em;font-size: 16px;font-weight: 400;color: #111;line-height: 1.5;}
.step-lists > ol > li .ul-type-dot {margin-top: 8px;}
.step-lists > ol > li .ul-type-dot > li {padding: 0 0 8px 12px;line-height: 150%;font-size: 14px;font-weight: 400;color: #111;letter-spacing: -0.02em;}
.step-lists > ol > li .ul-type-dot > li:before {top: 9px;width: 3px;height: 3px;}


@media (max-width: 1024px) {
	.img-wrap {gap: 30px;}
	.img-wrap .img-boxs {width: 393px;height: 300px;}
}

 
@media (max-width: 768px) {
	.img-wrap {gap: 25px;flex-direction: column;}
	.img-wrap .img-boxs {width: 100%;height: 360px;}  
	
	.step-lists {padding: 20px 20px;}
	.step-lists > ol {display: flex;flex-direction: column;gap: 16px;}
	.step-lists > ol > li .text p {font-size: 15px;}
	.step-lists > ol > li .text strong {font-size: 15px;margin-bottom: 7px;}
	.step-lists > ol > li .num {font-size: 13px;width: 24px;height: 24px;}
	
}

@media (max-width: 500px) {
	.img-wrap .img-boxs {height: 280px;}

}