@charset "utf-8";

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

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

/* Icon */
.list-board .wr-text { font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:11px; font-weight:normal; }
.list-board .wr-icon { display:inline-block; padding:0px; margin:0px; 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'); }
.list-board .wr-file { width:12px; height:12px; background-image: url('../../img/icon_file.gif'); }
.list-board .wr-vicon { position:absolute; left:4px; bottom:3px; color: rgba(255,255,255,1); font-size:16px; z-index:1; }

/* Width */
.list-board .wr-chk { width:40px; }
.list-board .wr-num { width:60px; }
.list-board .wr-thumb { width:60px; }
.list-board .wr-category { width:80px; }
.list-board .wr-name { width:120px; }
.list-board .wr-date { width:90px; }
.list-board .wr-hit { width:60px; }
.list-board .wr-down { width:50px; }
.list-board .wr-visit { width:50px; }
.list-board .wr-good { width:50px; }
.list-board .wr-nogood { width:50px; }
.list-board .wr-none { padding:50px 0px; text-align:center; color:#888; }
.list-board .wr-comment { margin:0px 10px; }
.list-board .wr-hidden { display:none; }

/* List */
.list-board .list-body { list-style:none; padding:0px; margin:0px; }
.list-board .list-body li { border-bottom:1px solid #ddd; display:table; width:100%; table-layout:fixed; }
.list-board .list-body li:hover { color:#000; background-color:#F8F8F8; }
.list-board .list-body li > div { display:table-cell; height:34px; line-height:22px; padding:6px 0px; text-align:center; color:#666; vertical-align:middle; }
.list-board .list-body .wr-subject { padding-left:10px; text-align:left; }
.list-board .list-body .wr-subject .item-subject { display:block; word-break:break-all; }
.list-board .list-body .wr-name { text-align:left; padding-left:10px; font-weight:bold; }
.list-board .list-body .wr-name a { display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;  }
.list-board .list-body .thumb-img { position:relative; width:46px; height:46px; margin:0px auto; }
.list-board .list-body .thumb-icon { position:relative; width:46px; height:46px; display:table; margin:0px auto; }
.list-board .list-body .thumb-icon a { display:table-cell; width:1%; background:#eee; color:#fff; vertical-align:middle; font-size:30px; }
.list-board .list-body .thumb-icon img { width:46px; height:46px; margin:0px auto; }

/*history*/
.checkbox{margin-bottom:20px; padding:0 0 10px 0; border-bottom:1px solid #efefef;}
.list_year:after {display:block;visibility:hidden;clear:both;content:""}

.mc_con{}
.mc_con:after {display:block;visibility:hidden;clear:both;content:""}

.m_btn{display:inline-block; color:#808080 !important; font-weight:bold; margin:0 10px;}
.m_btn:hover{color:blue !important;}

@media all and (max-width:768px) {
	.responsive .list-board .wr-hidden { display:inline-block !important; }
	.responsive .list-board .item-subject { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
	.responsive .list-board .item-details { margin-right:-15px }
	.responsive .list-board .item-details > span { margin-right:15px; font-weight:normal; }
	.responsive .list-board .item-details > span:last-child { margin-right:0px; }
}
#bo_list {
	position: relative;
	padding: 40px 0 20px;
}
#bo_list::after {
	content: "";
	width: 4px;
	height: 100%;
	background: #eee;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.list_year {
	font-size: 16px;
	color: #222;
	margin-bottom: 60px;
	position: relative;
}
.list_year:last-child {margin-bottom: 0;}
.list_year > strong {
	width: 50%;
	color: #01c2ba;
	font-size: 40px;
	font-family: "Cafe24 Dangdanghae";
	position: relative;
	font-weight: normal;
	z-index: 2;
}
.list_year .mc_con_wrap {width: 50%;}

.list_year:nth-child(odd) > strong {
	float: left;
	text-align: right;
	padding-right: 120px;
}
.list_year:nth-child(odd) > strong::before {
	content: "";
	border-top: 1px solid #ddd;
	width: 100px;
	height: 1px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
}
.list_year:nth-child(odd) > strong::after {
	content: "";
	background: url("/img/custom/history_ico.svg") no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	right: -11px;
	top: 1px;
}
.list_year:nth-child(odd) .mc_con_wrap {
	float: right;
	padding-left: 40px;
}

.list_year:nth-child(2n) > strong {
	float: right;
	text-align: left;
	padding-left: 120px;
}
.list_year:nth-child(2n) > strong::before {
	content: "";
	border-top: 1px solid #ddd;
	width: 100px;
	height: 1px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
}
.list_year:nth-child(2n) > strong::after {
	content: "";
	background: url("/img/custom/history_ico.svg") no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	left: -11px;
	top: 1px;
}
.list_year:nth-child(2n) .mc_con_wrap {
	float: left;
	padding-right: 40px;
}

.mc_con {
	margin-bottom: 18px;
	line-height: 1.6;
}
.mc_con table {width: 100%;}
.mc_con .list_month{
	width: 80px;
	font-weight: bold;
	vertical-align: top;
}
.mc_con .list_content{width: calc(100% - 80px);}

.list_year:nth-child(2n) .mc_con .list_month,
.list_year:nth-child(2n) .mc_con .list_content {
	float: right;
	text-align: right;
}

@media all and (max-width: 767px) {
	#bo_list::after,
	.list_year:nth-child(odd) > strong::after,
	.list_year:nth-child(2n) > strong::after {content: none;}

	.list_year:nth-child(odd) > strong::before,
	.list_year:nth-child(2n) > strong::before {
		content: "";
		border-top: 4px solid #eee;
		width: 77%;
		height: 1px;
		display: inline-block;
		position: relative;
		float: right;
		top: 9px;
	}
	#bo_list {padding: 30px 0 0;}
	.list_year {
		font-size: 14px;
		margin-bottom: 50px;
	}
	.list_year > strong {
		float: none !important;
		width: 100% !important;
		font-size: 30px;
		margin-bottom: 30px;
		display: block;
		text-align: left !important;
		padding: 0 !important;
	}
	.list_year .mc_con_wrap {
		float: none !important;
		padding: 0 !important;
		width: 100% !important;
	}
	.mc_con .list_month {width: 70px;}
	.mc_con .list_content {width: calc(100% - 70px);}
	.list_year:nth-child(2n) .mc_con .list_month, .list_year:nth-child(2n) .mc_con .list_content {
		float: none;
		text-align: left;
	}
	.list_year:nth-child(2n) .mc_con .list_month::after {content: none;}
}