@charset "utf-8";

/* =========================================================
   PPABAM PLAYER - CLEAN LIST.CSS
   - list.skin.phpÀÇ PLAYER Å׸¶¿Í Áߺ¹µÇ´Â »ö»ó/¹è°æ/´ÙÅ©¸ðµå Á¦°Å
   - ±¸Á¶ / Ä÷³ / ±âº» ¸®½ºÆ® µ¿ÀÛ¸¸ ´ã´ç
   ========================================================= */

/* ---------------------------------------------------------
   Base
   --------------------------------------------------------- */
.list-top {
	line-height:1;
}

.list-category .div-tab.tabs {
	margin-bottom:0;
}

.list-board {
	margin-bottom:15px;
	box-sizing:border-box;
}

.list-board *,
.list-board *::before,
.list-board *::after {
	box-sizing:border-box;
}

.list-board .list-top {
	line-height:1;
}

/* ---------------------------------------------------------
   Infinite scroll / More
   --------------------------------------------------------- */
.list-board #infscr-loading {
	position:fixed;
	left:50%;
	bottom:50px;
	z-index:100;
	width:200px;
	margin:0 0 0 -100px;
	padding:10px 12px;
	border-radius:10px;
	background:rgba(0,0,0,.82);
	color:#fff;
	font-size:11px;
	line-height:1.4;
	text-align:center;
}

.list-board .list-more {
	margin-top:0;
	text-align:center;
}

/* ½ÇÁ¦ ¹öÆ° µðÀÚÀÎÀº list.skin.php¿¡¼­ ó¸® */
.list-board .list-more a {
	text-decoration:none;
}

/* ---------------------------------------------------------
   List layout
   --------------------------------------------------------- */
.list-board .list-head,
.list-board .list-body > .list-item {
	display:flex;
	align-items:center;
	width:100%;
	min-width:0;
}

.list-board .list-body {
	margin:0;
	padding:0;
	list-style:none;
}

.list-board .list-body > .list-item {
	position:relative;
}

.list-board .wr-subject {
	flex:1 1 auto;
	min-width:0;
}

.list-board .wr-subject .item-subject {
	display:block;
	min-width:0;
	text-decoration:none;
}

.list-board .wr-hidden {
	display:none;
}

.list-board .wr-none {
	padding:50px 12px;
	text-align:center;
}

.list-board .wr-comment {
	margin:0 10px;
}

/* ---------------------------------------------------------
   Column widths - Desktop
   --------------------------------------------------------- */
.list-board .wr-chk {
	flex:0 0 40px;
	width:40px;
}

.list-board .wr-num {
	flex:0 0 60px;
	width:60px;
}

.list-board .wr-thumb {
	flex:0 0 60px;
	width:60px;
}

.list-board .wr-category {
	flex:0 0 80px;
	width:80px;
}

.list-board .wr-name {
	flex:0 0 110px;
	width:110px;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.list-board .wr-date {
	flex:0 0 80px;
	width:80px;
}

.list-board .wr-hit {
	flex:0 0 60px;
	width:60px;
}

.list-board .wr-down,
.list-board .wr-visit,
.list-board .wr-good,
.list-board .wr-nogood {
	flex:0 0 50px;
	width:50px;
}

.list-board .wr-star {
	flex:0 0 80px;
	width:80px;
}

.list-board .wr-reply {
	flex:0 0 60px;
	width:60px;
}

/* ---------------------------------------------------------
   Icons
   --------------------------------------------------------- */
.list-board .wr-text {
	font-family:Dotum, sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:11px;
	letter-spacing:-1px;
}

.list-board .wr-icon {
	display:inline-block;
	margin:0;
	padding:0;
	overflow:hidden;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:left top;
}

.list-board .wr-notice {
	width:37px;
	height:19px;
	background-image:url('../../img/icon_notice.gif');
}

.list-board .wr-new {
	width:12px;
	height:12px;
	background-image:url('../../img/icon_new.gif');
}

.list-board .wr-secret {
	width:12px;
	height:12px;
	background-image:url('../../img/icon_secret.gif');
}

.list-board .wr-hot {
	width:12px;
	height:12px;
	background-image:url('../../img/icon_hot.gif');
}

.list-board .wr-video {
	width:12px;
	height:12px;
	background-image:url('../../img/icon_video.gif');
}

.list-board .wr-image {
	width:12px;
	height:12px;
	background-image:url('../../img/icon_image.gif');
}

/* PPABAM Playlist¿¡¼­´Â ÷ºÎÆÄÀÏ ¾ÆÀÌÄÜ »ç¿ë ¾È ÇÔ */
.list-board .wr-file {
	display:none !important;
}

.list-board .wr-vicon {
	position:absolute;
	left:4px;
	bottom:3px;
	z-index:1;
	color:#fff;
	font-size:16px;
}

.list-board .reply-wait {
	width:44px;
	height:15px;
	background-image:url('../../img/reply_wait.gif');
}

.list-board .reply-end {
	width:44px;
	height:15px;
	background-image:url('../../img/reply_end.gif');
}

/* ---------------------------------------------------------
   Mobile
   ½ÇÁ¦ PPABAM ¸ð¹ÙÀÏ Ä«µåÇü ·¹À̾ƿôÀº list.skin.php°¡ ¿ì¼± ó¸®
   ¿©±â¼­´Â Æø ±úÁü ¹æÁö¿ë ÃÖ¼Ò ±ÔÄ¢¸¸ À¯Áö
   --------------------------------------------------------- */
@media (max-width:767px) {

	.responsive .list-board,
	.responsive .list-board .list-body,
	.responsive .list-board .list-body > .list-item {
		width:100%;
		max-width:100%;
		min-width:0;
	}

	.responsive .list-board .wr-hidden {
		display:inline-block !important;
	}

	.responsive .list-board .wr-subject {
		min-width:0;
	}

	.responsive .list-board .item-subject {
		max-width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.responsive .list-board .item-details {
		margin-right:0;
	}

	.responsive .list-board .item-details > span {
		margin-right:10px;
		font-weight:400;
	}

	.responsive .list-board .item-details > span:last-child {
		margin-right:0;
	}
}