@charset "utf-8";

.saleList{padding:40px 0 40px;}
.saleList.bg{background-color:#f5f6f8}
.saleList+.saleList{padding-top:40px;border-top:0px solid #e1e1e1}
.saleList .inner{max-width:1400px;width:100%;margin:0 auto}

/* 타이틀 */
.saleList .tit_txt{font-size:35px;text-align:center;color:#222;font-family:'SCoreDream';font-weight:700; position:relative;}

/* 탭 */
.saleList .tabs.tit_txt{display:flex;justify-content:center}
.saleList .tabs.tit_txt li{position:relative;margin:0 30px;color:#aaa;transition:all .3s;cursor:pointer}
.saleList .tabs.tit_txt li.on{color:#222}
.saleList .tabs.tit_txt li+li:before{position:absolute;left:-30px;top:13px;content:'';width:1px;height:31px;background:#e1e1e1}
.saleList .landTab{display:none;transition:all .3s}


.saleList .more_btn span {display:flex; gap:10px; } 
.saleList.bg .more_btn{border:none;background-color:#fff}


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

.landList .item_list li .tit .price{text-align:right}
.landList .item_list li .kwd{padding-top:20px;color:#888}

/*
.marker-bg{display: inline; background-position: left 0 bottom 0; background-size: 200% 0.6em; background-repeat: repeat-x; background-image: linear-gradient(
    to right,
    rgba(255,255,255,0) 50%,
    var(--action-50) 50%
  );
  font-weight: bold; animation: markerMove 2s ease 0.1s forwards;}

@keyframes markerMove {
  to {
    background-position: left -100% bottom 0;
  }
}
.saleList .tit_txt span span{color:var(--primary);}
*/

/* 타이틀 강조 */
.acc_wrap{position:relative; max-width:800px; margin:0 auto;}

@media(hover:hover){
/*.saleList .more_btn:hover{border-color:#bbb}*/
}

/* 반응형 [s] */
@media(max-width:1430px){
.saleList .inner{max-width:none;padding:0 15px}
}

@media(max-width:1024px){
.saleList{padding:40px 0 20px}
.saleList+.saleList{padding-top:40px}
.saleList .inner{margin:0 auto}
.saleList .tit_txt{font-size:30px}
.saleList .tabs.tit_txt li+li:before{top:10px;height:28px}
.saleList .inner{padding-bottom:0}
/* .saleList .more_btn{margin:40px auto 0} */
}
@media(max-width:768px){
.saleList{padding:20px 0}
.saleList .top_tit{padding:0 0 20px 0}
.saleList .inner{padding:0}
.saleList .btit{margin-bottom:30px}
.saleList .btit p{font-size:34px}
.saleList .tit_txt{font-size:22px}
.saleList .tabs.tit_txt li+li:before{top:9px;height:22px}
.saleList .tabs{padding-top:0}
/* .saleList .more_btn{height:65px;font-size:15px;line-height:68px} */
}
@media(max-width:480px){
.saleList{padding:20px 0}
.saleList+.saleList{padding-top:20px}
.saleList .inner{padding-bottom:0}
/* .saleList .more_btn{width:180px;height:55px;line-height:53px} */
}
/* 반응형 [e] */

.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal; }
.list_item {display:flex; flex-wrap:wrap;}
.list_item>li {width:49.5%; margin-right:1%; margin-top:10px; border:1px dashed #ddd; border-radius:10px; overflow:hidden;}
.list_item>li:hover {box-shadow:5px 5px 10px rgba(0,0,0,0.05); }
.list_item>li:nth-child(2n) {margin-right:0;}
.list_item>li:nth-child(-n+2) {margin-top:0;}
.list_item>li a{display:flex; gap:10px; padding:1.0rem; background:var(--white);}
.list_item>li a .wrap_img{width: 100px; flex-shrink: 0; height: 100px; overflow: hidden; background: #f0f0f0;}
.list_item>li a .wrap_img img{width: 100%;  height: 100%; object-fit: cover; display: block;}
.list_item>li a .wrap_txt {display:flex; justify-content:space-between; align-items:center; width:calc(100% - 100px - 10px); flex-wrap:wrap; }
.list_item>li .wrap1 {display:flex; align-items:center; /*width:calc(100% - 100px - 64px - 10px);  margin-right:10px;*/ width:100%;  flex-wrap:wrap;}
.list_item>li .wrap2 {display:flex; align-items:center; width:100%; justify-content: space-between; margin-top:5px; }
.list_item>li .area {display:inline-block; background:#6737c0; color:#fff; font-size:13px; font-weight:bold; padding:2px 5px 1px 5px; border-radius:3px; margin-right:10px;}
.list_item>li .shop_name {color:#6737c0; font-size:16px; font-weight:500;}
.list_item>li p {width:100%;font-size:16px; color:#111; padding:1px 0;  }
.list_item>li p em {display:block;}
.list_item>li p span::after {content:"::"; margin:0 4px;}
.list_item>li .ev {width:75px; display:flex; flex-wrap:wrap; align-items:center; font-family:'Tahoma'; font-weight:bold; color:#777777; font-size:14px;}
.list_item>li .ev li {margin:2px 1px 2px 0;}
.list_item>li .ev li i {vertical-align:middle; margin-right:3px;}
.list_item>li .ev .star i {color:#ffc41d;}
.list_item>li .ev .heart i {color:#ff385c;}
.list_item>li .ev .commu i {color:#379fe1;}
.list_item>li .ev .location {display:none;}
.list_item>li .ev .location i {color:#90c128;}
.list_item>li .price {width:84px; padding:5px 2px; font-size:14px; color:#ff385c; border:1px solid #ff385c; border-radius:3px; font-weight:500; letter-spacing:-0.5px; text-align:center;}

@media all and (max-width:1023px) {
.list_item>li {width:100%; margin-top:10px; margin-right:0}
.list_item>li:nth-child(-n+2) {margin-top:10px;}
.list_item>li:first-child {margin-top:0;}
}

@media all and (max-width:768px) {
.list_item {padding:0 10px}
.list_item>li a .wrap_txt {flex-wrap:wrap;}
.list_item>li .wrap1 {flex-wrap:wrap; width:100%; margin-right:0}
.list_item>li .wrap2 {width:100%; justify-content:space-between; margin-top:5px; }
.list_item>li .area {font-size:11px; padding:2px 4px 1px 4px}
.list_item>li .shop_name{font-size:15px;}
.list_item>li p {width:100%; margin-top:5px;font-size:15px;}
.list_item>li .ev {width:auto;}
.list_item>li .ev li {font-size:13px;}
.list_item>li .price {width:76px; padding:3px 1px 2px 1px; font-size:13px;}
}