@charset "utf-8";

.saleList{opacity:0;transform:translateY(40px)}
.saleList .inner{max-width:1230px;width:100%;margin:-70px auto 0;padding-bottom:80px;transition:all .2s}

/* 타이틀 */
.saleList .top_tit{padding:120px 0;background:var(--primary) url(/sh_img/make24/salelist/bg.png) right no-repeat}
.saleList .btit{color:#fff;text-align:center}
.saleList .btit p{font-size:38px;line-height:1.2;font-family:'GongGothicMedium'}
.saleList .btit span{opacity:.6}

/* 더보기  */
.saleList .more_btn{display:none;width:200px;height:60px;margin:50px auto 0;border:none;border-radius:30px;font-size:16px;color:#222;line-height:62px;text-align:center;background-color:#f5f6f8;;transition:all .2s;font-family:'GongGothicLight'}
.saleList .more_btn svg{vertical-align:middle;width:20px;margin-left:10px}

/* 메인에서 찜 알람 위치 */
#favorite_alarm {top:50%!important}

/*탭*/
.saleList .tabs{display:flex;padding-top:35px;justify-content:center}
.saleList .tabs li{width:133px;height:53px;border-radius:30px;font-size:20px;line-height:53px;text-align:center;color:#fff;cursor:pointer;background:rgba(0,0,0,.3);transition:all .3s}
.saleList .tabs li.on{color:var(--primary);background:#fff}
.saleList .tabs li+li{margin-left:10px}
.saleList .landList{display:none;transition:all .3s}

@media(hover:hover){
.saleList .more_btn:hover{border-color:#bbb}
}
/* 반응형 [s] */
@media(max-width:1024px){
.saleList{padding:60px 0}
.saleList .inner{margin:0 auto}
.saleList .top_tit{margin-top:0;padding:0;background:none}
.saleList .btit{color:#222}
.saleList .tabs li{background:rgba(0,0,0,.1)}
.saleList .tabs li.on{color:#fff;background:var(--primary)}
.saleList .inner{padding-bottom:0}
.saleList .more_btn{margin:20px auto 0}
}
@media(max-width:768px){
.saleList .top_tit{padding:0 0 40px 0}
.saleList .btit{margin-bottom:30px}
.saleList .btit p{font-size:34px}
.saleList .tabs{padding-top:0}
.saleList .tabs li{width:110px;font-size:17px}
}
@media(max-width:480px){
.saleList{padding:40px 0} 
.saleList .btit{margin-bottom:15px}	
.saleList .btit p{font-size:28px}
.saleList .tabs li{width:95px;font-size:16px}
.saleList .inner{padding-bottom:0}
.saleList .more_btn{width:180px;height:55px;line-height:53px}
}
/* 반응형 [e] */