@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 .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-top:10px; margin:0px 4px; text-align:center; }
.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 { overflow:hidden; letter-spacing:-1px; padding-right:1px; text-align:center; font-size:1.125rem; }
.list-wrap .item-text { font-size:12px; color:#888; }
.list-wrap .item-price { margin-top:4px; line-height:22px; }
.list-wrap .item-price b { font-size:16px; display:inline-block; margin:0px 4px; }
.list-wrap .item-price b i { font-size:12px; }
.list-wrap .item-price strike { color:#888; margin:0px 4px; font-size:14px; display:inline-block; }
.list-wrap .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center; }
.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; }

.list-front {display: flex; flex-wrap: wrap;}
.list-front .img_box {width: 49%;}
.list-front .img_box img {max-width: 100%;}
.list-front .table_box {width: 49%; margin-left: auto;}
.list-front .table_box table {width: 100%; border-collapse: collapse;}
.list-front .table_box table th, .list-front .table_box table td {border:1px solid #e6e6e6; text-align: center; padding:8px; font-size: 0.9375rem;}
.list-front .table_box table td .go_item {display: block; width: 100%; font-weight: 500; color:#fff; padding:4px 0; background: crimson; border-radius: 5px;}
.list-front .table_box table td:nth-child(1) {width: 40px;}
.list-front .table_box table td:nth-child(2) {width: calc(25% - 130px);}
.list-front .table_box table td:nth-child(3) {width: calc(50% - 130px);}
.list-front .table_box table td:nth-child(4) {width: calc(25% - 130px);}
.list-front .table_box table td:nth-child(5) {width: 90px;}

@media all and (max-width:1024px){
    .list-front .img_box {width: 100%; margin-bottom: 30px;}
    .list-front .table_box {width: 100%;}
    .list-front .table_box table th, .list-front .table_box table td {font-size: 14px;}
    .list-front .table_box table td:nth-child(1) {width: 30px;}
    .list-front .table_box table td:nth-child(2) {width: calc(25% - 100px);}
    .list-front .table_box table td:nth-child(3) {width: calc(50% - 100px);}
    .list-front .table_box table td:nth-child(4) {width: calc(25% - 100px);}
    .list-front .table_box table td:nth-child(5) {width: 70px;}
}

@media all and (max-width:780px){
    .list-front .table_box table th, .list-front .table_box table td {font-size: 12px;}
}