#auct_sample{padding:30px 0}#auct_sample .sample_list{display:grid;grid-template-columns:repeat(4,1fr);gap:50px 20px}#auct_sample .sample_box{border-radius:4px;overflow:hidden;background:#fff;border:1px solid #e8e8e8;transition:transform .2s,border-color .2s}#auct_sample .sample_box:hover{transform:translateY(-1px);border-color:#433cd5}#auct_sample .sample_unit{cursor:pointer}#auct_sample .sample_unit .img{height:160px;overflow:hidden;background:#f5f5f5}#auct_sample .sample_unit .img img.box_size{width:100%;height:100%;object-fit:cover;transition:transform .3s}#auct_sample .sample_box:hover .img img.box_size{transform:scale(1.04)}#auct_sample .sample_unit .sample_ment{padding:12px 14px}#auct_sample .sample_unit .s_title{font-size:14px;font-weight:700;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;text-align:center}#auct_sample .sample_unit .sample_row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:13px}#auct_sample .sample_unit .sample_label{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border-radius:3px;font-size:10px;font-weight:700;color:#fff}#auct_sample .sample_label.ico-gam{background:#295e80}#auct_sample .sample_label.ico-jeo{background:#3dafc7}#auct_sample .sample_label.ico-date{width:auto;padding:0 5px;background:#666;font-size:10px}#auct_sample .sample_unit .sample_value{font-weight:700;text-align:right}#auct_sample .sample_unit .sample_value.jprice{color:#295e80}#auct_sample .sample_unit .sample_value.bprice{color:#3dafc7}#auct_sample .sample_unit .sample_value.date{color:#333;font-weight:400}#auct_sample .sample_unit .no-image{display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;font-weight:600;color:#bbb}@media all and (max-width:900px){#auct_sample .sample_list{grid-template-columns:repeat(3,1fr)}}@media all and (max-width:600px){#auct_sample .sample_list{grid-template-columns:repeat(2,1fr);gap:12px}}