.advancement-box {padding: 60px;border: 1px solid #0000001A;border-radius: 16px;}
.advancement-box > ul > li {display: flex;gap: 30px;padding: 0 0 30px;}
.advancement-box > ul > li:last-child {padding: 0;}
.advancement-box > ul > li .left {max-width:150px;width:100%;padding:20px 10px;display:flex;align-items:center;justify-content:center;border:1px solid #0000001A;border-radius:16px;box-sizing:border-box;}
.advancement-box > ul > li .left p {font-weight:600;font-size:20px;line-height:140%;letter-spacing:0;vertical-align:middle;color:#262626;text-align: center;}
.advancement-box > ul > li .left p span {display: block;font-weight: 500;font-size: 20px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #76767699;}

.advancement-box > ul > li .right {flex: 1;min-width: 0;}
.advancement-box > ul > li .right > p {border-radius: 16px;font-weight: 700;font-size: 24px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #fff;padding: 30px 10px;text-align: center;width: 100%;box-sizing: border-box;background: #003B90;}
.advancement-box > ul > li .right .goal-list {padding: 20px 30px;background: #F4F8FC;border: 1px solid #003B901A;border-radius: 16px;display: flex;flex-wrap: wrap;}
.advancement-box > ul > li .right .goal-list > li{flex: 1;padding: 0 20px;border-right: 1px solid #0000001A;}
.advancement-box > ul > li .right .goal-list > li:first-child {padding-left: 0;}
.advancement-box > ul > li .right .goal-list > li:last-child {padding-right: 0;border: 0;}
.advancement-box > ul > li .right .goal-list > li > p {font-family: Pretendard;font-weight: 500;font-size: 18px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #767676;margin: 0 0 12px;min-height: 66px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.advancement-box > ul > li .right .goal-list > li > span {font-family: Pretendard;font-weight: 700;font-size: 24px;line-height: 120%;letter-spacing: 0;text-align: right;vertical-align: middle;color: #003B90;display: block;text-align: end;}
.advancement-box > ul > li .right .goal-list > li > span > span {font-size: 18px;}

.advancement-box > ul > li .right .goal-list.type02 {background: #009BB414;border: 1px solid #009BB41A}
.advancement-box > ul > li .right .goal-list.type02 > li > span {color: #009BB4;}

.advancement-box > ul > li > .right > .list-item {display: flex;gap: 20px;}
.advancement-box > ul > li > .right > .list-item > .item {flex: 1;border-radius: 16px;padding: 30px 24px;background: #F7F7F7;border: 1px solid #0000001A}
.advancement-box > ul > li > .right > .list-item > .item > .top > .tit {position: relative;display: flex;justify-content: space-between;padding: 0 0 24px;margin: 0 0 24px;gap: 10px;}
.advancement-box > ul > li > .right > .list-item > .item > .top > .tit:before {content: "";position: absolute;bottom: 0;left: 0;width: 40px;height: 1px;background: #262626;}
.advancement-box > ul > li > .right > .list-item > .item > .top > .tit:after {content: "";display: inline-block;width: 40px;height: 40px;}
.advancement-box > ul > li > .right > .list-item > .item > .top > .tit span {font-weight: 700;font-size: 20px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #262626;flex: 1;}

.advancement-box > ul > li > .right > .list-item > .item > .bot > .txt01 {font-weight: 600;font-size: 18px;line-height: 140%;letter-spacing: 0;vertical-align: middle; color: #545454;margin: 0 0 24px;}
.advancement-box > ul > li > .right > .list-item > .item > .bot > ul > li {position: relative;font-weight: 400;font-size: 16px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #545454;padding: 0 0 5px 10px;}
.advancement-box > ul > li > .right > .list-item > .item > .bot > ul > li:before {content: "";position: absolute;top: 9px;left: 0;width: 4px;height: 4px;background: #262626;border-radius: 100%;}

.advancement-box > ul > li > .right > .list-item > .item:nth-child(1) > .top > .tit:after {background: url(../img/content/ico-advancement01.png)no-repeat center center;background-size: cover;}
.advancement-box > ul > li > .right > .list-item > .item:nth-child(2) > .top > .tit:after {background: url(../img/content/ico-advancement02.png)no-repeat center center;background-size: cover;width: 35px;}
.advancement-box > ul > li > .right > .list-item > .item:nth-child(3) > .top > .tit:after {background: url(../img/content/ico-advancement03.png)no-repeat center center;background-size: cover;width: 35px;}

@media (max-width: 1300px) {
	.advancement-box > ul > li .right .goal-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px 0;}
	.advancement-box > ul > li .right .goal-list > li:last-child {border-right: 1px solid #0000001A;padding-right: 20px;}
	
	.advancement-box > ul > li > .right > .list-item {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
}

@media (max-width: 1024px) {
	.advancement-box {padding: 20px;}
}

@media (max-width: 768px) {
	.advancement-box > ul > li {flex-direction: column;}
	.advancement-box > ul > li .left {max-width: unset;}
	.advancement-box > ul > li .right > p {font-size: 20px;}
	
	.advancement-box > ul > li .right .goal-list {grid-template-columns: repeat(1, 1fr);}
	.advancement-box > ul > li .right .goal-list > li {border-right: 0;padding: 0 0 10px;border-bottom: 1px solid #0000001A;}
	.advancement-box > ul > li .right .goal-list > li:last-child {border-right: 0;padding: 0;}
	.advancement-box > ul > li .right .goal-list > li > p {min-height: unset;}
	
	.advancement-box > ul > li > .right > .list-item {grid-template-columns: repeat(1, 1fr);}
}