@charset "utf-8";

/* Nav */
.list-nav { line-height:22px; margin-bottom:15px; }
.list-nav .page-nav { margin-top:4px; }
@media all and (max-width:460px) {
	.responsive .list-nav .page-nav { display:none; }
}

/* Ä«Å×°í¸® */
.list-category { margin-bottom:20px; }
.list-category ul { list-style:none; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* Sort */
.list-sort { margin:15px 0px 20px; }
.list-sort ul { list-style:none; }
.list-sort .on { font-weight:bold; color:crimson !important;}
.list-sort .pull-left a, .list-sort .pull-right a { display:inline-block; margin:0px 10px; }

/* ¸ñ·Ï */
.list-wrap { overflow:hidden; line-height:20px; }
.list-wrap .item-list {
--font-size-pc: 10;
--font-size-mob: 10;
font-size: min( calc( var(--font-size-mob) / 500 * 100vw ), calc(var(--font-size-pc) * 1px) );
border-radius: 15px; overflow: hidden;

}
.list-wrap .txt-normal { letter-spacing:0; }
.list-wrap .txt-short { letter-spacing:-1px; padding-right:1px; }
.list-wrap .item-row { float:left; }
.list-wrap .item-image { position:relative; overflow:hidden; }
.list-wrap .item-content {padding: 2em 1.5em; height: auto !important;}
.list-wrap .item-content a {color: #333;}
.list-wrap .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
.list-wrap .item-name {margin-bottom: 1em;}
.list-wrap .item-name b {font-size: max(16px, 2.5em); line-height: 1.2;
display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  text-overflow: ellipsis;
height: 100%; overflow: hidden;}
.list-wrap .item-tag {font-size: max(12px, 1.4em); color: var(--main-color); font-weight: bold; margin-bottom: 10px;
display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  text-overflow: ellipsis;
height: fit-content; overflow: hidden;
}
.list-wrap .item-text { font-size: max(14px, 1.6em); line-height: 1.4; color:#888; margin-bottom: 1.2em;
display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  text-overflow: ellipsis;
height: fit-content; overflow: hidden;
}
.list-wrap .item_credit {display: flex; flex-direction: column; align-items: end;}
.list-wrap .item_credit .item-price { margin-top:4px; line-height:22px; text-align: right;}
.list-wrap .item_credit .item-price b { font-size: 3em; display:inline-block; margin:0px 4px; }
.list-wrap .item_credit .item-price b i { font-size:12px; }
.list-wrap .item_credit .item-price strike { color:#888; margin:0px 4px; font-size:1.8em; display:inline-block; }
.list-wrap .item_credit .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size: 1.4em; height: 1.2em; width: 100%; text-align: right;}
.list-wrap .item-sp { margin:0px 4px; white-space:nowrap; }
.list-wrap .item-sp i { margin-right:2px; color:#888; }
.list-wrap .item-sns { margin-top:15px; text-align:center; }
.list-wrap .item-sns img { width:15%; max-width:34px; border-radius:50%; }
.list-none { margin:0px 0px 15px; padding:80px 0px; text-align:center; color:#888; }
.list-btn { margin:30px 0px; }
.list-page { margin-bottom:15px; }
.list-page .pagination { margin:0; }


.img-wrap .img-item {border-radius: 15px;}
.bg-red {background: var(--main-color);}