/*gospel2 css*/

.items-grid{
    margin-top:5.0rem;
    display : grid;
	row-gap: 2.3125rem;
	column-gap: 1.625rem;
	grid-template-columns: 18.75rem 18.75rem 18.75rem 18.75rem;
	margin-bottom:10.0rem;
}

.writing{
    border : 1px solid #99999980;
    height : 16.5rem;
    width : 16.75rem;
    border-radius : 0.5rem;
    display : flex;
    flex-direction : column;
    align-items : center;
    justify-content : center;
    transition: all 0.25s ease;
    background-color : #ffffff;
    padding : 1.0rem;
}

.writing > span{
    color : #999999;

    font-size : 1.5rem;
    font-family: 'Pretendard-Semibold';
    padding-bottom : 0.4rem;
    display : block;
    border-bottom : 2px solid #999999;
    margin-bottom : 1.25rem;
}

.writing > h4{
    font-size: 1.75rem;
    font-family: 'Pretendard-Regular';
    letter-spacing: -.0875rem;
    line-height: 2.45rem;
    color : #999999;
    text-align: center;
}


.writing:hover,
.writing.active{
    color : #ffffff;
    background-color : var(--color-primary);
    border : 1px solid #99999900;
    cursor : pointer;
}

.writing:hover > *,
.writing.active > *{
    color : #ffffff;
    cursor : pointer;
}