.library-wrap {display: flex;gap: 10px;flex-wrap: wrap;}
.library-wrap .item {padding: 30px 10px 30px 30px;border: 1px solid #D6DCE8;background: #FFFFFF;border-radius: 5px;display: flex;gap: 20px;align-items: center;flex: 1;}
.library-wrap .item .left {width: 100px;height: 100px;border-radius: 100%;background: #F6F9FF;display: flex;align-items: center;justify-content: center;}
.library-wrap .item .right {flex: 1;}
.library-wrap .item .right .tit {font-weight: 600;font-size: 16px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #2D2C91;margin: 0 0 16px;}
.library-wrap .item .right > ul > li {display: flex;align-items: center;gap: 10px;padding: 0 0 8px;}
.library-wrap .item .right > ul > li:last-child {padding-bottom: 0;}
.library-wrap .item .right > ul > li > p {font-family: El Messiri;font-weight: 700;font-size: 12px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #fff;background: #2D2C91;border-radius: 11px;padding: 7px 8px;max-height: 22px;box-sizing: border-box;}
.library-wrap .item .right > ul > li > span {font-weight: 500;font-size: 15px;line-height: 100%;letter-spacing: -0.2px;vertical-align: bottom;color: #333333;}

@media (max-width: 1200px) {
	.library-wrap .item {flex: 0 0 calc(50% - 5px);}
}

@media (max-width: 1024px) {
	.library-wrap {flex-direction: column;}
	.library-wrap .item {flex: 1;}
}

@media (max-width: 768px) {
	.library-wrap .item {padding: 15px;}
}

@media (max-width: 500px) {
	.library-wrap .item {flex-direction :column;align-items: flex-start;}
	.library-wrap .item .left {margin: 0 auto;}
	.library-wrap .item .right {width: 100%;}
}