@charset "utf-8";

/*****************************************
공통
*****************************************/
@media screen {
	#skipToContent,
	.reader { position: absolute; left: -1000%; top: 0px; width: 1px; heght: 1px; font-size: 0px; line-height: 0px; overflow: hidden; }
	legend,
	caption { display: none; }
}
section{
	display: block;
	margin: 0;
	padding: 0;
}

/* 타이틀 링크 */
#board_list a{color:#222;}
#board_list a:hover{color:#0c79ce;}

/* 목록 */
#board_list{clear: both;}
#board_list .list_cont{width:100%; border-top: 2px solid #111;}
#board_list .list_cont > li{width: 100%; padding: 20px 0; border-bottom:1px solid #ebebeb; overflow:hidden;}
	#board_list .list_cont > li.no-data{text-align:center;}
	#board_list .list_cont > li:hover{background:#f5f5f5;}
#board_list .list_cont > li > div > .col_box{padding:8px 20px; vertical-align:middle;}


/* list section A */
#board_list .list_cont .cola{
	width:10%;
	text-align:center;
	float:left;
}
	/* 공지 아이콘 */
	#board_list .list_cont .row_notice > .col_box > .col_notice{
		width: 40px;
		height: 40px;
		color: #fff;
		line-height: 40px !important;
		vertical-align: top;
		text-align: center;
		font-size: 11px;
		background-color: #333;
		border-radius: 40px;
		-webkit-border-radius: 50%;
		display:inline-block;
		margin-top:25%;
	}

	#board_list .list_cont .cola .col_date{
		color:#999;
		margin-top:25%;
		display:block;
		line-height:120%;
	}
	#board_list .list_cont .cola .col_date span{
		color:#333;
		font-size:18px;
		display:block;
	}

/* list section B */
#board_list .list_cont .colb{
	width:90%;
	float:left;
}
	#board_list .list_cont .colb .col_box{border-left: 1px solid #ebebeb;}
	#board_list .list_cont .colb .col_title{width:100%; color:#222; font-weight:500;text-overflow: ellipsis; /*white-space: nowrap;*/ overflow: hidden; display: inline-block;}
		#board_list .list_cont .colb .col_title .reply{
			color:#fff;
			line-height: 15px;
			font-weight:normal;
			font-size:12px;
			background:#ff6600;
			border-radius: 2px;
			padding:2px 10px;
			margin-right:10px;
			display:inline-block;
			height:15px;
		}
		#board_list .list_cont .colb .col_title .secret{
			color:#fff;
			font-weight:normal;
			text-indent:-20000px;
			background:#ccc url("/pages/board/images/icon_secret.gif") no-repeat 50% 50%;
			border-radius: 20px;
			padding:2px 0px;
			width:22px;
			height:16px;
			display:inline-block;
			line-height: 12px;
		}
		#board_list .list_cont .colb .col_title .secret img{vertical-align:top ; padding-top:2px;}
		#board_list .list_cont .colb .col_title .comment{
			color:#fff;
			font-weight:normal;
			font-size:12px;
			background:#ccc url("/pages/board/images/bg_comment.gif") no-repeat left 50%;
			padding:3px 10px 3px 13px;
			margin-left:5px;
			display:inline-block;
		}
	#board_list .list_cont .colb .col_cont{width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block;}
	#board_list .list_cont .colb .col_name{}
	#board_list .list_cont .colb .col_date{display:none;}



/* 푸터 */
#border_footer{text-align:center; margin:30px 0;}
.btnBox{margin:0 0 15px; text-align:right;}




/*****************************************
최대 767
*****************************************/
@media (max-width:768px) {
	/* 목록 */
	#board_list .list_cont > li.no-data{padding:20px 0;}

	/* list section A */
	#board_list .list_cont .cola{display:none;}

	/* list section B */
	#board_list .list_cont .colb{width:80%;}
		#board_list .list_cont .colb > .col_box > .col_title > .col_notice{
			width: 40px;
			height: 17px;
			color: #fff;
			line-height: 17px !important;
			vertical-align: top;
			text-align: center;
			font-size: 11px;
			margin-right:5px;
			margin-top:5px;
			background-color: #333;
			border-radius: 40px;
			-webkit-border-radius: 50%;
			display:inline-block;
		}
	#board_list .list_cont .colb .col_box{border-left: none;padding: 0px; }

	#board_list .list_cont .colb .col_cont{display:none;}
	#board_list .list_cont .colb .col_name{display:none;}

	/* list section C */
	#board_list .list_cont .colc{width:19%; float:right;}
		#board_list .list_cont .colc .col_box{padding:0px !important;}
		#board_list .list_cont .colc .col_name{text-align:center;}

}



/*****************************************
최소 768 ~ 1023
*****************************************/
@media (min-width:769px) and (max-width:1199px) {

	/* 목록 */
	#board_list .list_cont > li.no-data{padding:30px 0;}

	/* list section A */
		#board_list .list_cont .cola > .col_box > .col_notice{display:none;}
		#board_list .list_cont .row_notice > .col_box > .col_date{display:none;}
		#board_list .list_cont .row_notice > .col_box > .col_notice{display:inline-block;}


	/* list section B */
		#board_list .list_cont .colb .col_notice{display:none;}
		#board_list .list_cont .colb .col_title{font-size:16px;}

		#board_list .list_cont .colb .col_cont{display:none;}
		#board_list .list_cont .colb .col_name{}
		#board_list .list_cont .colb .col_date{display:none;}

	/* list section C */
	#board_list .list_cont .colc{display:none;}

}


/*****************************************
최소 1024 ~ 최대
*****************************************/
@media (min-width:1200px) {

	/* 목록 */
	#board_list .list_cont > li.no-data{padding:30px 0;}

	/* list section A */
		#board_list .list_cont .cola > .col_box > .col_notice{display:none;}
		#board_list .list_cont .row_notice > .col_box > .col_date{display:none;}
		#board_list .list_cont .row_notice > .col_box > .col_notice{display:inline-block;}

	/* list section B */
		#board_list .list_cont .colb .col_notice{display:none;}
		#board_list .list_cont .colb .col_title{font-size:18px;}
		#board_list .list_cont .colb .col_title img{vertical-align: middle;}

		#board_list .list_cont .colb .col_cont{width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block;}
		#board_list .list_cont .colb .col_name{}
		#board_list .list_cont .colb .col_date{display:none;}

	/* list section C */
	#board_list .list_cont .colc{display:none;}

}