@charset "utf-8";

.value_contents {}
.value_contents ul {
    display: flex;
    justify-content: space-between;
}
.value_contents li {
    width: 32%;
    border: 1px solid #ddd;
    border-radius: 1rem;
    padding: 1.5rem 1.5rem 2rem;
    overflow: hidden;
    position: relative;
}
.value_contents li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	width: 0;
	height: 0;
	background-color: rgb(0 161 255 / 5%);
	border-radius: 50%;
	transition: .5s;
	transform: translate(-50%, -50%)
}
.value_contents li:hover::before {width: 300%;
    height: 300%}

.value_contents li p {word-break:keep-all}
.value_contents li .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.value_contents li .top p {font-size:20px;font-weight:500;color:var(--color-main);}


/* PC */ 
@media only screen and (min-width:1280px) and (max-width: 1600px)  {

}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .value_contents ul {flex-wrap:wrap;display: flex;justify-content: center;gap: 1rem;}
	.value_contents ul li {width:48%}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .value_contents ul li {width:100%}
}