@charset "utf-8";

.main-content-box02 .main-mini-wrap{margin:0 auto;padding:0 2rem 5.6rem;max-width:164rem;box-sizing:border-box;}
.main-status-list{display:flex;gap:2.4rem;}
.main-status-list > li{flex:1;}
.main-status-list .main-status-box{display:block;}
.main-status-list .status-inner-box{display:flex;flex-direction:column;align-items:center;padding:2.4rem 1rem 3.2rem;border-radius:2.4rem;text-align:center;}
.main-status-list .status-tit{display:inline-block;padding:0.4rem 1.6rem;border-radius:9.9rem;font-size:1.5rem;font-weight:500;line-height:1.6;}
.main-status-list .status-img-box{margin:1.6rem 0 1.2rem;}
.main-status-list .status-result-box span{font-size:1.6rem;font-weight:400;line-height:1.3;color:#545454;}
.main-status-list .status-result-box .status-bold{margin:0 0.8rem 0 0;font-size:3.2rem;font-weight:500;line-height:1;color:#111;}

.main-status-list .mint .status-inner-box{background:#E3FFE7;}
.main-status-list .mint .status-tit{background:#C8F6CF;color:#04430D;}
.main-status-list .blue .status-inner-box{background:#E4F6FF;}
.main-status-list .blue .status-tit{background:#CBECFD;color:#094867;}
.main-status-list .purple .status-inner-box{background:#EBF2FF;}
.main-status-list .purple .status-tit{background:#D7E5FD;color:#3A5079;}
.main-status-list .green .status-inner-box{background:#ECFED1;}
.main-status-list .green .status-tit{background:#D8F2B1;color:#2E4B04;}

@media screen and (max-width:1640px){	
	.main-content-box02 .main-mini-wrap{padding:0 3.2rem 5.6rem;}
	.main-status-list{gap:1.5%;}
}

@media screen and (max-width:1024.98px){
	.main-content-box02 .main-mini-wrap{padding:0 3.2rem 3.2rem;}
	.main-status-list{flex-wrap:wrap;gap:0.8rem;}
	.main-status-list > li{flex:unset;width:calc((100% - 0.8rem)/2);}
	.main-status-list .status-inner-box{padding:1.6rem 0.2rem 2rem;border-radius:1.6rem;}
	.main-status-list .status-tit{padding:0.2rem 0.8rem;font-size:1.2rem;letter-spacing:-0.5px;}
	.main-status-list .status-img-box{margin:1.2rem auto 0.8rem;width:5.8rem;aspect-ratio:1;}
	.main-status-list .status-img-box img{width:5.8rem;}
	.main-status-list .status-result-box span{font-size:1.3rem;}
	.main-status-list .status-result-box .status-bold{margin:0 0.4rem 0 0;font-size:2.2rem;}
}

@media screen and (max-width:768px){
	.main-content-box02 .main-mini-wrap{padding:0 1.6rem 3.2rem;}
}

@media screen and (max-width:480px){
	.main-status-list .status-tit{padding:0.2rem 0.6rem;}
}