/* BASIC css start */
#productPlanList .plan-tab      { display:flex; justify-content:space-between; width:100%; padding:40px 0 20px; }
#productPlanList .plan-tab li   { flex-basis:25%; text-align: center; border: 1px solid #e4e4e5; border-bottom:2px solid #231f20;}
#productPlanList .plan-tab li a { display: block; height: 47px; line-height: 49px; font-size:16px; }
#productPlanList .plan-tab li:first-child { margin-left: 0; }
#productPlanList .plan-tab li.now {border: 1px solid #231f20; border-bottom:2px solid #231f20; background:#231f20; color:white;}


.prd-list-wrap2 ul { display:flex; flex-wrap:wrap; gap:4%; width:1300px; margin:0 auto;  }
.prd-list-wrap2 .prd-list       { width:48%; height:230px; margin-bottom:50px; font-weight:400; font-size:16px; line-height:30px; box-sizing:border-box;}
.prd-list-wrap2 .prd-list .thumb { width:100%; min-height:auto; box-sizing:border-box;}
.prd-list-wrap2 .prd-list .thumb img:hover{ border:1px solid var(--main-color); box-sizing:border-box;}

.prd-list-wrap2 .prd-list .line2 > a  { display:flex; margin-top:8px; gap:2%; }
.prd-list-wrap2 .prd-list .line2 .ing { display:flex; width:12%; background-color:#bbb; }
.prd-list-wrap2 .prd-list .line2 .ing > p { display:flex; justify-content:center; align-items:center; width:100%; }
.prd-list-wrap2 .prd-list .line2 .dsc { width:88%; margin-top:8px; font-weight:400; line-height:18px; }
.prd-list-wrap2 .prd-list .line2 .dsc > div { display:flex; gap:2%; margin-top:8px; border:1px solid #dcdcdc;}
.prd-list-wrap2 .prd-list .line2 .dsc > div > * { width:33%; padding:3px 0; text-align:center; }
.prd-list-wrap2 .prd-list .line2 .date{ float: right; width: 1%; }
/* BASIC css end */