.card_work{display: grid; text-align: center; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr;}
.card_work > div{width: 100%;}
.card_work .cwItem > div:first-child{padding-bottom: 150%; border-radius: 10px; background-color: var(--bg_silvercalm);}
.card_work .cwItem > div:nth-child(2){margin-top: 10px;}
.card_work .cwItem > div:nth-child(2) > div:first-child{font-weight: bold; display: grid; width: 100%;}
.card_work .cwItem .ciProgress{margin-top: 5px; border: 1px solid var(--bg_silver); border-radius: 5px; padding: 5px; font-size: 12px; text-align: left;}
.card_work .cwItem .ciProgress > div:first-child{font-weight: bold;}
.card_work .cwItem .ciProgress .cpBar{height: 13px; margin: 5px 0px; position: relative; border-radius: 20px; background: var(--bg_silver); overflow: hidden;}
.card_work .cwItem .ciProgress .cpBar > div:first-child{width: 0%; height: 13px; position: absolute; top: 0px; left: 0px; background: var(--bg_green);}
.card_work .cwItem .ciProgress .cpBar > div:nth-child(2){position: absolute; top: 0px; left: 0px; font-size: 9.5px; font-weight: bold; width: 100%; text-align: center;}
.card_work .cwItem .ciBtn{display: grid; margin-top: 10px; grid-gap: 10px; grid-template-columns: 1fr 1fr; align-items: center;}
.card_work .cwItem .ciBtn > div{width: 100%;}
.card_work .cwItem .ciBtn button{width: 100%; padding: 10px 0px 11px 0px;}

.card_work_ranking{max-width: 500px; border-radius: 10px; overflow: hidden; border: 1.5px solid var(--bg_silvercalm);}
.card_work_ranking > div:not(:last-child){border-bottom: 1.5px solid var(--bg_silvercalm);}
.card_work_ranking > div:nth-child(-n+6){background: var(--bg_greencalm);}
.card_work_ranking .cwItem{display: grid; grid-template-columns: 35px 50px 1fr; grid-gap: 15px; align-items: center; padding: 10px 10px 10px 15px; box-sizing: border-box;}
.card_work_ranking.mini .cwItem{grid-template-columns: 35px 1fr;}
.card_work_ranking.mini .cwItem > div:nth-child(2){display: none;}
.card_work_ranking .cwItem > div{width: 100%;}
.card_work_ranking .cwItem > div:first-child{text-align: center; font-weight: bold; font-size: 17px; display: grid; width: 100%;}
.card_work_ranking .cwItem > div:nth-child(2) div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_work_ranking .cwItem .ciVote{margin-top: 5px;}
.card_work_ranking .cwItem .ciVote span{padding: 3px 15px; border-radius: 25px; background: var(--bg_green); font-size: 11px; font-weight: bold; color: var(--text_white);}