.list-step {display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px;}
.list-step li .box-regis {padding:30px 30px;min-height:196px;background-color:#ffe779;border-radius:18px;box-sizing:border-box;}
.list-step li .box-regis .regi-tit {display: flex;gap: 20px;padding: 0 0 24px;border-bottom: 1px solid rgba(0 0 0 / 10%);}
.list-step li .box-regis .regi-tit .num {display:block;margin-bottom:3px;font-style:normal;line-height:1em;font-size:12px;text-transform:uppercase;font-weight: bold;}
.list-step li .box-regis .regi-tit .title{position:relative;line-height:1.25em;font-size:20px;font-weight:700;color:#0f0e07;}
.list-step li .box-regis .regi-txt {padding:20px 0 0;line-height:1.53em;font-size:15px;color:#0f0e07;}

.list-step li .top a{padding: 20px 30px;background: #0f285d;display: flex;flex-direction: row;border-radius: 18px;color: #fff;position: relative;align-items: center;gap: 20px;min-height: 91px;box-sizing: border-box;}
.list-step li .top a:before {content: "";display: inline-block;background: url(/_res/unist/novatus/img/content/icon_class03.png)no-repeat center center;width: 46px;height: 33px;}
.list-step li .top a p span {display: block;}
.list-step li .top a p .txt01{display:block;margin-bottom:3px;line-height:1em;font-size:12px;font-style:normal;text-transform:uppercase;font-weight: bold;}
.list-step li .top a p .txt02 {position:relative;font-size:20px;font-weight:700;color:#fff;}

.list-step li .bot {margin-top: 14px;padding: 20px 30px;background: #ececec;border-radius: 18px;min-height: 91px;box-sizing: border-box;position: relative;display: flex;gap: 20px;align-items: center;}
.list-step li .bot:before {content: "";display: inline-block;background: url(/_res/unist/novatus/img/content/icon_class04.png)no-repeat center center;max-width: 44px;height: 46px;width: 100%;}
.list-step li .bot p {font-size: 15px;color: #0f0e07;line-height: 130%;}

@media (max-width: 1024px) {
	.list-step {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 768px) {
	.list-step {grid-template-columns: repeat(1, 1fr);}
	.list-step li .box-regis {min-height: unset;padding: 20px;}
	.list-step li .top a {min-height: unset;}
	.list-step li .bot {min-height: unset;padding: 20px;}
	.list-step li .box-regis .regi-tit {padding: 0 0 15px;align-items: center;}
	.list-step li .box-regis .regi-txt {padding: 15px 0 0;}
	.list-step li .box-regis .regi-tit .title {font-size: 18px;}
	.list-step li .top a p .txt02 {font-size: 18px;}
}