.ul-type01 li {color: #767676;}
.c-gray {color: #262626 !important;}
.step {margin: 50px 0 0 0;}
.step ul {display:flex;flex-wrap: wrap;gap: 22px;}
.step ul li {position: relative;flex:1;background:#F4F8FC;border:1px solid rgba(0,0,0,0.1);border-radius:12px;min-height: 155px;padding: 50px 5px 28px 5px;box-sizing: border-box;}
.step ul li p.number{width: 60px;height:60px;border-radius: 50%;background:#0360B4;font-weight: 700;font-size: 12px;text-align: center;text-transform: uppercase;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;position:absolute;top: -30px;left:50%;transform:translatex(-50%);}
.step ul li:first-child p.number {background:#0053CF;}
.step ul li:last-child p.number {background:#003B84;}
.step ul li p.number span{font-size:20px;display:block;}
.step ul li p.text{font-weight: 600;font-size: 20px;text-align: center;color:#003B84}
.step ul li p.text span {display:block;font-weight: 500;font-size: 16px;color: #767676;margin: 10px 0 0 0;}

.ul-type03 > li{padding: 0 0 4px 16px;}
@media (max-width: 1336px) {
	.step ul {gap: 15px;}
	.step ul li p.text {font-size: 16px;}
}
@media (max-width: 1024px) {}
@media (max-width: 768px) {
	.step ul li {flex:none;width:100%;}
	.step ul li p.text {font-size: 20px;}
}