@charset "utf-8";

/* 리뷰 스타일 */
.popular_list { overflow: hidden; padding: 30px 0 30px 60px;}

/* 헤더 영역 */
.popular_header { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; padding-right: 60px; }
.intro_box strong { display: block; font-size: 38px; font-weight: 600; color: var(--primary); margin-bottom: 20px; ;font-family:'SBAggroM'}
.intro_box h2 { font-size: 17px; font-weight: 500; line-height: 1.65; color: #333; letter-spacing: -2px }
.intro_box h2 strong { font-weight: 700; }

/* 네비게이션 */
.arrows_wrap { display: flex; gap: 10px; }
.arrows_wrap div { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 1px solid #e1e1e1; border-radius: 100%; cursor: pointer; color: #e1e1e1; transition: 0.2s; }
.arrows_wrap div:hover { border: none; color: #fff; background: var(--primary); }

/* 슬라이더 */
.popular_slider { position: relative; margin-top: 30px; }
.popular_slider ul li { position: relative; transition: 0.2s; list-style: none; }
.popular_slider ul li:nth-child(2n) { margin-top: 40px; }

/* 카드 내용 */
.popular_slider ul li a { display: block; color: #555; text-decoration: none; font-size: 18px; font-weight: 500; line-height: 1.8; transition: 0.2s; }

/* 더보기 버튼 */
.view_more { text-align: center; margin-top: 60px; }
.view_more a { display: inline-block; padding: 15px 40px; background: var(--primary); color: #fff; font-size: 16px; font-weight: 600; border-radius: 50px; text-decoration: none; transition: 0.3s; }
.view_more a:hover { background: var(--primary); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); }

/* 게시물 없을 때 */
.no_content { opacity: 0.7; }

/* 반응형 스타일 */
@media screen and (max-width: 1200px) {
    .popular_list { padding: 30px 20px 0 20px; }
    .popular_header { padding-right: 0px; }
}

@media screen and (max-width: 768px) {
	.intro_box strong { font-size: 22px; }
    .intro_box h2 { font-size: 16px; }
	.popular_slider ul li:nth-child(2n) { margin-top: 0; }
	.arrows_wrap div { width: 40px; height: 40px;}
}
/* =============================================================== 리스트 시작 [s] */


.item_list li{overflow:hidden;position:relative;border:1px solid #e1e1e1;border-radius:10px;background:#fff;transition:all .3s}
.item_list li.empty{width:100%;display:block;padding:30px 0;font-size:15px;text-align:center}
.item_list li .img{overflow:hidden;position:relative;height:235px;background:center no-repeat;background-image:url("./img/no_img.jpg");background-size:cover}
.item_list li .sold{position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;background:url("./img/sold.png") center no-repeat rgba(0,0,0,.6);background-size:65%}
.item_list li .info{padding:15px 20px 20px}
.item_list li .tip{display:flex;align-items:center} 
.item_list li .tip .badge_wrap_mo{display:none}
.item_list li .tip .badge_wrap{position:absolute;left:15px;top:15px}
.item_list li .tip .badge_wrap>div{display:inline-block}
.item_list li .tip .badge{display:inline-block;min-width:48px;height:28px;padding:0 10px;border-radius:20px;font-size:13px;text-align:center;color:#fff;line-height:24px;background-color:var(--action)}
.item_list li .tip .badge.black{background:var(--dark-light)}
.item_list li .tip .badge.premium{background:var(--premium)}
.item_list li .tip .badge.special{background:var(--primary)}
.item_list li .tip .badge.hot{background:var(--action)}

.item_list li .tip .badge_item_wrap{position:absolute;right:15px;top:180px}
.item_list li .tip .badge_item_wrap>div{display:inline-block}
.item_list li .tip .badge_item{display:inline-block;padding:4px 7px 7px 7px;border-radius:5px;font-size:13px;text-align:center;color:#fff;line-height:15px;background-color:var(--action)}

.item_list li .tip .badge_sale_wrap{position:absolute;left:44%;top:180px}
.item_list li .tip .badge_sale_wrap>div{display:inline-block}
.item_list li .tip .badge_sale{display:inline-block;padding:4px 7px 7px 7px;border-radius:5px;font-size:13px;text-align:center;color:#fff;line-height:15px;background-color:var(--dark-light)}

.item_list li .tip .badge_new_wrap{position:absolute;left:15px;top:180px}
.item_list li .tip .badge_new_wrap>div{display:inline-block}
.item_list li .tip .badge_new{display:inline-block;padding:4px 7px 7px 7px;border-radius:5px;font-size:13px;text-align:center;color:#fff;line-height:15px;background-color:#14A7D0}

.item_list li .tip .wish_btn{position:absolute;right:15px;top:15px;z-index:4;border:none;width:35px;height:35px;border-radius:50%;font-size:16px;color:#fff;background:rgba(0,0,0,.15);transition:all .2s}
.item_list li .tip .wish_btn i{margin-top:5px}
.item_list li .tip .wish_btn .fa-heart{color:var(--action)}
.item_list li .tip p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;padding:0 8px;margin-left:auto;border-radius:30px;border:1px solid #e1e1e1;font-size:13px;line-height:20px}
/*.item_list li .tip .star {display: block;float: left;padding-left:20px;background: url("./img/icon/star_s.png") no-repeat left center;font-size:14px;line-height:22px}*/
.item_list li .tip .star {font-size:13px;line-height:13px}
.item_list li .tit{font-size:16px;color:#222}
.item_list li .tit .price{margin:5px 0 10px;font-size:20px;line-height:1;font-family:'GmarketSansMedium';font-weight:700}
.item_list li .tit .price span{display:inline-block;vertical-align:middle;min-width:68px;height:35px;margin-right:5px;border-radius:20px;border:1px solid var(--action);font-size:15px;text-align:center;line-height:37px;color:var(--action);font-family:'GmarketSansMedium';font-weight:500}
.item_list li .tit .price{text-align:right}
.item_list li .tit .desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item_list li .tit .loca{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#999}
.item_list li .tit .loca svg{vertical-align:middle;width:15px;height:15px}
.item_list li .kwd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin-top:10px;padding:12px 15px 0 0;border-top:1px solid #e1e1e1;font-size:14px;line-height:1.2}
.item_list li .kwd span{display:inline-block;vertical-align:middle}
/*.item_list li .kwd span+span:before{display:inline-block;vertical-align:middle;content:"";width:1px;height:11px;margin:0 6px 0 2px;background-color:#ccc}*/
.item_list li .kwd svg{position:absolute;right:0;top:7px;width:14px;height:18px;color:#aaa}
.btn_area{display:flex}
.btn_area .w_btn{margin:0 0 0 auto}