@charset "utf-8";

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

/* Category */
.list-category { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* Sort */
.list-sort { margin:15px 0px 20px; letter-spacing:-1px; }
.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 */
.list-wrap { width:100%; position:relative;}
.list-none { margin:0px 0px 15px; padding:80px 0px; }
.list-control { line-height:1px; }
.list-page { margin:30px 0px 0px; }

.list-wrap #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.list-wrap .list-more { text-align:center; margin:20px 0px 0px; }
.list-wrap .list-more a { color:#333; }
.list-wrap .list-more a:hover { color:crimson; }

.list-wrap .list-container { overflow:hidden; }
.list-wrap .list-row { float:left; overflow:hidden; }

.list-item .list-box { position:relative; border:1px solid #ddd; background:rgba(255, 255, 255, 0.5); }
.list-item .list-front { position:relative; }
.list-item .list-box:hover,
.list-item .list-box.active { border:3px solid orangered; overflow:hidden; }
.list-item .list-box:hover .list-front,
.list-item .list-box.active .list-front { margin:-2px; overflow:hidden; }

.list-item .label-tack { padding-left:0px; line-height:12px; }
.list-item .label-dc { color:orangered; text-align:right; font-weight:bold; font-style:italic; width:100%; margin:0px; padding:0px 10px; line-height:40px; height:40px; margin-top:-44px; font-size:32px; letter-spacing:-1px; position:relative; text-shadow: 0px 2px 1px rgba(0,0,0,0.7); }
.list-item .label-dc-cur { color:orangered; text-align:right; font-weight:bold; font-style:italic; width:100%; margin:0px; padding:0px 10px; line-height:35px; height:75px; margin-top:-75px; font-size:32px; letter-spacing:-1px; position:relative; text-shadow: 0px 2px 1px rgba(0,0,0,0.7); }
.list-item .label-dc-cur strike { color:#fff; line-height:20px; height:20px; font-size:20px; }
.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img a img { width:100%; height:auto; }
.list-item .list-content { margin:12px 12px 8px; }
.list-item .list-star { font-size:22px; line-height:22px; margin-bottom:10px; }
.list-item strong { display:block; font-size:16px; line-height:20px; margin-bottom:4px; text-align:center; letter-spacing:-1px; }
.list-item .list-desc { letter-spacing:-1px; }
.list-item .list-details { margin-top:8px; }
.list-item .list-details i { margin-right:2px; }
.list-item .list-info { border-top:1px solid #ddd; padding:7px 12px; line-height:18px; }
.list-item .list-info i { margin-left:10px; margin-right:2px; }
.list-item .list-info i:first-child { margin-left:0px; }

.list-item .list-sns { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; background:rgba(0,0,0,0.7); }
.list-item .list-sns-icon { position:absolute; top:50%; left:0; width:100%; margin-top:-17px; z-index:11; }
.list-item .list-sns-close { position:absolute; top:0; left:0; width:100%; height:100%; }

@media all and (max-width:767px) {
	.responsive .list-control .pull-left,
	.responsive .list-page .pull-left { float:none !important; margin-bottom:10px; }
	.responsive .list-control .pull-right,
	.responsive .list-page .pull-right { float:none !important; }
}