.card_work{margin-bottom: 25px;}
.card_work > div{padding: 15px 10px; display: grid; grid-template-columns: 70px 1fr; grid-gap: 15px; cursor: pointer; border: 1.5px solid var(--bg_silvercalm); border-radius: 5px; transition: var(--transition);}
.card_work .cwUnpublish{opacity: 0.4;}
.card_work > div:hover{border: 1.5px solid var(--bg_blue);}
.card_work > div:not(:last-child){margin-bottom: 10px;}
.card_work > div > div{width: 100%;}
.card_work .cwCover{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silver);}
.card_work .cwContent > div:first-child{font-size: 15px; font-family: 'bold'; padding-top: 10px;}
.card_work .cwContent > div:nth-child(2){margin-top: 3px;}
.card_work .cwContent > div:nth-child(2) > span{padding: 2px 7px 3px 7px; border-radius: 5px; font-size: 11px; color: var(--text_white);}
.card_work .cwContent > div:nth-child(2) > span.novel{background: var(--bg_novel);}
.card_work .cwContent > div:nth-child(2) > span.comic{background: var(--bg_comic);}
.card_work .cwContent > div:nth-child(2) > span.scrpt{background: var(--bg_script);}
.card_work .cwContent > div:nth-child(2) > span.flash{background: var(--bg_flash);}
.card_work .cwContent > div:nth-child(2) > span.art{background: var(--bg_artwork);}
.card_work .cwContent > div:nth-child(3){margin-top: 15px;}

.card_timeline{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
.card_timeline > div{width: 100%;}
.card_timeline > div > div{display: grid; grid-template-columns: 40px 1fr; grid-gap: 15px;}
.card_timeline > div > div:not(:last-child){margin-bottom: 20px;}
.card_timeline > div > div > div{width: 100%;}
.card_timeline .ctIcon > div{width: 40px; height: 40px; background: var(--bg_pink); text-align: center; border-radius: 50%; color: var(--text_white); font-size: 20px; font-weight: bold;}
.card_timeline .ctIcon > div > div{position: relative; top: 5px;}
.card_timeline .ctBody > div:first-child{font-family: 'bold';}