/*-------------------------------------------------------------
	메인 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 .m_title {font-size: 34px; color: #514a47; font-weight: normal; margin-bottom: 40px; position: relative; text-align: center; text-transform: uppercase; font-family: 'Roboto', sans-serif; padding-bottom: 20px;}
.mBest .m_title:after {content: ''; display: block; width: 60px; height: 3px; background-color: #9bcbd1; position: absolute; left: 50%; bottom: 0; margin-left: -30px;}*/

.mBest .best-swiper {overflow: hidden;}

.mBest .swiper-slide {display: inline-flex; flex-wrap: wrap; grid-gap: 15px;}
.mBest .swiper-slide a {width:calc((100% - (15px * 4))/5);}

.mBest .swiper-button-next {margin-right:-60px; color:#000;}
.mBest .swiper-button-prev {margin-left:-60px; color:#000;}

.mBest ul {/*display: inline-flex; width:100%; flex-wrap: wrap;*/height:581px !important;}
.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:100%; background-size:cover; background-position: center; border-radius: 20px;}
.mBest ul li .best_txt {display:block; padding:20px 0px;}
.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; margin-bottom:0; text-align: left; font-size:15px; font-weight: bold;}
.mBest ul li .best_txt .link {display:block;font-size:12px;line-height:1;color:var(--major-color);font-weight: 300; text-decoration: underline; display: none; display: none;}

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

.mBest .best10 {}
.mBest .best10 li {}
.mBest .best10 li .best_txt {}

.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;}