/*-------------------------------------------------------------
	메인 BEST상품              
-------------------------------------------------------------*/

.mBest {padding:70px 0; background:#f6f7fb;}
.mBest .m_title {display:block;font-size:30px;line-height:1;color:#333;font-weight:400; margin-bottom:70px; text-align: center;}
.mBest .m_title:before {content: ''}
.mBest .m_title .more {float:right; font-size:12px; color:#999;}
.mBest .m_title .more:after {content:"";display:inline-block;background:url("../_img/main/more_arrow.png") no-repeat;width:7px;height:11px;vertical-align:middle;margin-top:-3px;margin-left:7px;}

.mBest ul {display: inline-flex; width:100%; flex-wrap: wrap;}
.mBest ul li {position:relative; float:left; background:#fff; border-radius:3px; overflow: hidden; transition: 0.3s;}
.mBest ul li:last-child {margin-right:0;}
.mBest ul li:hover {box-shadow:2px 2px 3px rgba(0,0,0,0.1);}
.mBest ul li .best_img {display:block; width:100%; padding-bottom:70%; background-size:cover; background-position: center;}
.mBest ul li .best_txt {display:block; padding:30px 15px;}
.mBest ul li .best_txt .ttl {display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:1;color:#333;margin-bottom:20px; font-weight: 300;}
.mBest ul li .best_txt .link {display:block;font-size:12px;line-height:1;color:var(--major-color);font-weight: 300; text-decoration: underline;}

.mBest .best00 {padding:0 30px;}
.mBest .best00 li {width:calc((100% - 60px) / 3); margin-right:30px;}

.mBest .best10 li {width:calc((100% - 80px) / 5); margin-right:20px;}
.mBest .best10 li .best_txt {padding:20px 15px;}

.mBest .best20 li {width:calc((100% - 90px) / 7); margin-right:15px;}
.mBest .best20 li .best_txt {padding:15px;}
.mBest .best20 li .best_txt .ttl {margin-bottom:15px;}

.mBest .best30 {margin-bottom:-20px;}
.mBest .best30 li {width:calc((100% - 80px) / 5); margin-right:20px; margin-bottom:20px;}
.mBest .best30 li:nth-child(5n) {margin-right:0;}

.mBest .best40 {margin-bottom:-15px;}
.mBest .best40 li {width:calc((100% - 90px) / 7); margin-right:15px; margin-bottom:15px;}
.mBest .best40 li:nth-child(7n) {margin-right:0;}
.mBest .best40 li .best_txt {padding:15px;}