/* ---- 메인비주얼 ---- */
#visual{width:100%; height:auto; overflow:hidden; position:relative;}
#visual .vslider{position: relative; /* cursor: pointer; */}
#visual .vimg{width: 100%; height: auto;}
#visual .vimg img{width: 100%; height: auto;}
#visual .vimg::after{content: ''; width: 100%; height: 100%; background: linear-gradient(to right, rgba(51, 51, 51, .9) 0%, rgba(51, 51, 51, 0) 100%); position: absolute; top:0; left: 0; display: block; z-index: 10;}
.vtit{
    position: absolute;
    top:50%; left: 20px;
    transform: translateY(-50%);
    color: #fff;
    z-index: 20;
}
.vtit h2{    
    font-size: 20px;
}
.vtit p{
    margin-bottom: 5px;
}
.vtit .vbtn{display: inline-block; padding: 5px 15px; border: 1px solid #62B22F; color: #62B22F; margin-top: 20px; border-radius: 5px;}
.vtit .vbtn::after{content: ''; width: 12px; height: 10px; background: url(../../img/design/main/vbtn_arrow.png) center/12px 10px; display: inline-block; margin-left: 5px;}

.vpager{padding: 5px 15px; background: rgba(0,0,0,0.5); border-radius: 20px; position: absolute; bottom:20px; right:20px; color: #fff; font-size: 13px;}

/* ---- 메인 상품리스트 ---- */
#today_list, #product_list{width: 100%; height:auto; overflow: hidden; position:relative;}
#today_list h3, #product_list h3{font-weight: 700; font-size: 18px; margin-bottom: 15px;}

.tlist{width: 100%;}
.tlist li.tlist_cont{border: 1px solid #ddd; border-radius: 5px; overflow: hidden; margin-bottom: 20px; cursor: pointer;}

.tlist_img{width: 100%; height: 145px; overflow: hidden; position: relative; background:#aaa;}
.tlist_img img{width: 100%; height: auto; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.tlist_img.finished img{opacity: .5;}
.tlist_img.finished::after{content: '마감된 딜입니다'; width: 100%; height: 20px; color: #fff; position: absolute; top:50%; transform: translateY(-50%); text-align: center; font-size: 15px;}

.tlist_info{padding: 10px 15px; overflow: hidden;}
.tlist_info .ttit{font-size: 14px; margin-bottom: 5px;}
.tlist_info .tprice{font-size: 15px; font-weight: 700; margin-bottom: 10px;}

.tlist_info ul{border-top: 1px solid #ddd; padding-top: 10px;}
.tlist_info .tpercent{color: #62B22F; font-weight: 700; float: left;}
.tlist_info .tpercent span{color: #4C9020;}
.tlist_info .tperiod{color: #888; float: right; font-size: 13px;}
.tlist_info .tperiod::before{content: ''; background: url(../../img/design/content/icon_clock.png) center/10px 10px; width: 10px; height: 10px; display: inline-block; margin-right: 5px;}
.tlist_info .tperiod span{font-weight: 700;}
.tlist_info .tresult {float: right; font-size: 13px; color: #888; font-weight: 700;}
.tlist_info .tresult span{color: #62B22F;}