@charset "utf-8";

.saleList{transform:translateY(150px);opacity:0}
.saleList .inner{width:100%;margin:-125px auto 0;padding-bottom:50px;transition:all .2s}

/* 타이틀 */
.saleList .top_tit{padding:90px 0 195px;background:url(/sh_img/make24/salelist/bg.jpg) center no-repeat;background-size:cover;text-align:center}
.saleList .btit{color:var(--white);font-size:38px;line-height:38px;font-family:'SBAggroM'}

/* 더보기  */
.saleList .more_btn{display:none;width:200px;height:60px;margin:70px auto 0;border:1px solid #d7d7d7;border-radius:30px;background-color:transparent;font-size:16px;color:#222;line-height:62px;text-align:center;transition:all .2s;font-family:'SBAggroL'}
.saleList .more_btn i{margin-left:10px}

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

/*탭*/
.saleList .tab_area{display:inline-block}
.saleList .tabs{display:flex;margin-top:60px;justify-content:center;background-color:rgba(255,255,255,.15);border-radius:150px}
.saleList .tabs li{width:140px;height:50px;border-radius:30px;font-size:20px;line-height:54px;text-align:center;color:var(--white);cursor:pointer;transition:all .3s;font-family:'SBAggroM'}
.saleList .tabs li.on{color:var(--primary);background:var(--white)}
.saleList .tabs li+li{margin-left:5px}
.saleList .landList{display:none;transition:all .3s;max-width:1400px}
.saleList .landList .item_list li{border-radius:20px;border:0;box-shadow:0 0 20px rgb(0 0 0 / 10%)}
.saleList .landList .item_list li .tip{margin-bottom:20px}
.saleList .landList .item_list li .tip .wish_btn{top:auto;width:40px;height:40px;background-color:#eee;line-height:44px;font-size:20px}
.saleList .landList .item_list li .tip .wish_btn .fa-heart{color:#fff}
.saleList .landList .item_list li .tip .wish_btn .fa-heart.point{color:var(--action)}
.saleList .landList .item_list li .tip p{height:28px;margin:0;padding:0 10px;border-radius:3px;border:1px solid #ddd;line-height:30px;font-size:14px}
.saleList .landList .item_list li .img{height:250px}
.saleList .landList .item_list li .info{padding:25px 20px 10px}
.saleList .landList .item_list li .tit .price{margin:0 0 14px}
.saleList .landList .item_list li .tit .price span{width:40px;height:40px;margin-right:10px;font-size:18px;line-height:42px;}
.saleList .landList .item_list li .tit .desc{margin-bottom:10px;line-height:16px}
.saleList .landList .item_list li .tit .loca{margin-bottom:30px;line-height:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.saleList .landList .item_list li .kwd{margin-top:0;padding:15px 0 0;border-top:1px dotted #d7d7d7}
.saleList .landList .item_list li .kwd span{color:#999}
.saleList .landList .item_list li .kwd span+span{margin-left:10px}
.saleList .landList .item_list li .kwd span+span:before{display:none}

/* 애니메이션 */
.saleList.active{transition:all 1s;transform:translateY(0);opacity:1}

/* 반응형 [s] */
@media(hover:hover){
.saleList .more_btn:hover{background-color:var(--primary);color:var(--white)}
.saleList .tabs li:hover{background-color:var(--white);color:var(--primary1)}
}
@media (max-width:950px){
.saleList .btit{font-size:32px;line-height:42px}
}
@media(max-width:1200px){
.saleList .top_tit{padding:80px 0 150px}
.saleList .tabs{margin-top:30px}
}
@media(max-width:1040px){
.saleList.active{transition:all .8s}
}
@media(max-width:768px){
.saleList .inner{margin-top:0}
.saleList .top_tit{padding:45px 0}
.saleList .btit p{font-size:34px}
.saleList .tabs{margin-top:20px}
.saleList .tabs li{width:110px;font-size:17px}
.saleList .landList .item_list li{position:relative;border-radius:0;box-shadow:none}
.saleList .landList .item_list li+li{border-top:1px solid #eee}
.saleList .landList .item_list li .img{height:136px}
.saleList .landList .item_list li .info{padding:0 0 0 15px}
.saleList .landList .item_list li .info>a{margin-top: -35px;}
.saleList .landList .item_list li .tip .badge_wrap>span{margin-right:5px}
.saleList .landList .item_list li .tip .wish_btn{height:30px;width:30px;margin-left:0;border-radius:50%;line-height:32px;font-size:15px}
.saleList .landList .item_list li .tip{margin-bottom:5px;justify-content:flex-end}
.saleList .landList .item_list li .tip p{height:22px;padding:0 5px;font-size:13px;line-height:24px}
.saleList .landList .item_list li .tit .price span{height:30px;width:30px;margin-right:5px;font-size:15px;line-height:32px}
.saleList .landList .item_list li .tit .desc{margin-bottom:5px}
.saleList .landList .item_list li .tit .loca{margin-bottom:10px}
}
@media(max-width:500px){
.saleList .landList .item_list li .info>a{margin-top:0}
}
@media(max-width:480px){
.saleList .btit{font-size:28px;line-height:28px}
.saleList .btit p{font-size:28px}
.saleList .tabs li{width:95px;height:40px;font-size:16px;line-height:44px}
.saleList .inner{padding-bottom:60px}
.saleList .more_btn{width:180px;height:55px;margin-top:40px;line-height:53px}
}
/* 반응형 [e] */