.wcu-section,
.plan-section {
margin: 50px 0;
}
.plan-section h5 {
text-align: center;
}
.wcu-list,
.plan-list {
display: flex;
margin-top: 50px;
flex-wrap: wrap;
}
.wcu-list li,
.plan-list li {
width: 30%;
margin-right: 34px;
margin-bottom: 30px;
padding: 30px;
border-radius: 30px;
background-color: var(--bg-weak-color);
}
.wcu-list li:last-child,
.plan-list li:last-child {
margin-right: 0;
}
.wcu-list li .img-blk img,
.plan-list .img-blk img {
width: 70px;
height: 80px;
}
.wcu-list li .content-blk h6,
.plan-list li .content-blk h6 {
font-size: 20px;
margin: 50px 0 20px;
}
.plan-detail-list li {
width: 100%;
list-style: disc;
margin: 0 20px;
padding: 0;
} @media only screen and (min-width: 768px) and (max-width: 1280px) {
.wcu-section,
.plan-section {
margin: 3.906vw 0;
}
.wcu-list,
.plan-list {
margin-top: 3.906vw;
}
.wcu-list li,
.plan-list li {
margin-right: 2.656vw;
margin-bottom: 2.344vw;
padding: 2.344vw;
border-radius: 2.344vw;
}
.wcu-list li .img-blk img,
.plan-list .img-blk img {
width: 5.469vw;
height: 6.25vw;
}
.wcu-list li .content-blk h6,
.plan-list li .content-blk h6 {
font-size: 1.563vw;
margin: 3.906vw 0 1.563vw;
}
.plan-detail-list li {
margin: 0 1.563vw;
padding: 0;
}
} @media all and (max-width: 767.9px) {
.wcu-section,
.plan-section {
margin: 50px 0;
}
.wcu-list,
.plan-list {
flex-direction: column;
margin-top: 50px;
}
.wcu-list li,
.plan-list li {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
padding: 30px;
border-radius: 30px;
}
.wcu-list li .img-blk img,
.plan-list .img-blk img {
width: 70px;
height: 80px;
}
.wcu-list li .content-blk h6,
.plan-list li .content-blk h6 {
font-size: 20px;
margin: 50px 0 20px;
}
.plan-detail-list li {
margin: 0 20px;
padding: 0;
}
}