﻿/* *******************************************************************
	board list style
******************************************************************* */
/* article list */
#plist {
	width: 670px;
	font-size: 100%;
}
.theme_area #plist .article_list tr:first-child th,
.theme_area #plist .article_list tr:first-child td {
	border-top: 0;
}

.article_list_area {
	margin-bottom: 25px;
	border-bottom: 1px solid #eee;
	background-color: #fff;
}
	.article_list {
		width: 670px;
	}
		.article_list caption {
			display: none;
		}
		.article_list th.title {
			padding: 4px 0;
			font-size: 12px;
			color: #333;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			background: url(../images/bg/bg-table-th02.gif) left top repeat-x;
		}
		.article_list th {
			padding: 5px 0;
			text-align: center;
			border-top: 1px solid #eee;
		}
			.article_list th .num {
				font-family: arial,dotum, sans-serif;
				font-size: 20px;
				font-weight: bold;
				color: #aaa;
			}
		.article_list td {
			padding: 3px 7px;
			text-align: left;
			border-top: 1px solid #eee;
		}
		.article_list td.bd_t0 {
			border-top: none;
		}
			.article_list td .section_title {
				width: 130px;
				margin: 0 0 2px;
				padding: 2px 0 3px;
				text-align: center;
				font-size: 12px;
				border-radius: 2px;
				background-color: #fff;
			}
			.w320 .article_list td .section_title {
				width: 140px;
			}
				.article_list td .section_title.con1 {
					color: #bf7188;
					border: 1px solid #bf7188;
				}
				.article_list td .section_title.con2 {
					color: #4baf62;
					border: 1px solid #4baf62;
				}
				.article_list td .section_title.con3 {
					color: #1f95c6;
					border: 1px solid #1f95c6;
				}
			
			.article_list td .post_thm {
				float: left;
				margin: 3px 0;
			}
			.article_list td .article_title_area {
				
			}
			.article_list td .article_title_area .article_title {
				width: 480px;
				display: block;
				margin: 3px 0;
				text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
			}
			.article_list td .article_title_area .article_title.w586 {
				width: 586px;	
			}
				
				.article_list td .article_title_area .article_title a {
					font-size: 15px;
					font-weight: bold;
					color: #2f3743;
				}
				.article_list td .article_title_area .article_title a:focus,
				.article_list td .article_title_area .article_title a:hover {
					text-decoration: underline;
				}
				
			.article_list td p.article_txt {
				clear: both;
				padding: 5px 0;
				font-size: 13px;
				color: #6d6d6d;
				line-height: 1.4;
			}
			.article_list td .date {
				display: block;
				margin: 3px 0;
				padding: 0;
				font-size: 12px;
				color: #aaa;
			}
			.article_list td em {
				margin: 0 7px;
				font-size: 9pt;
				color: #ccc;
			}
			
			.article_list td.hit_area {
				
			}
			.article_list td .hit {
				display: block;
				margin: 0;
				text-align: center;
				font-size: 18px;
				color: #ccc;
			}
			.article_list td .hit_num {
				display: block;
				margin: 0;
				text-align: center;
				font-family: arial, 'Nanum Gothic','맑은 고딕', 'Malgun Gothic', Dotum, Gulim, sans-serif;
				font-size: 15px;
                line-height: 1;
				color: #9e9e9e;
			}
			.article_list td.file_link {
				color: #999;
			}
				.article_list td.file_link a {
					font-size: 16px;
					color: #999;
					
					transition: all 0.25s;
					-webkit-transition: all 0.25s; /* safari */
				}
				.article_list td.file_link a:hover {
					color: #bf7188;
				}
			.article_list td .url_link {
				display: block;
				margin-top: -5px;
			}
			
			/* thumnail article margin fix */
			.article_list td.thm_title {
				padding-top: 6px;
				padding-bottom: 10px;
			}
			.article_list td.thm_title .post_thm {
				float: left;
				margin: 5px 0 0;
				border: 1px solid #eee;
			}
			.article_list td.thm_title .article_title_area .article_title {
				margin-top: 13px;
			}

/* paging */
.paging {
	max-width: 670px;
	height: 20px;
	margin: 30px auto 5px;
	text-align: center;
	font-size: 16px;
}
	.paging a.pnum {
		margin: 0 5px;
		font-size: 12px;
		color: #9d9d9d;
	}
	.paging a.pnum:focus,
	.paging a.pnum:hover {
		color: #bf7188;
	}
	.paging .currentPage {
		margin: 0 5px;
		font-size: 16px;
		color: #bf7188;
	}
	
	.paging a.arrow {
		margin: 0 2px;
		opacity: 0.75;
		
		transition: all 0.25s;
		-webkit-transition: all 0.25s; /* Safari */
	}
	.paging a.arrow:focus,
	.paging a.arrow:hover {
		opacity: 1;
	}

/* list search */
.search_sub {
	width: 365px;
	margin: 0 auto;
	font-size: 13px;
}
	.search_sub .selectbox_area {
		width: 100px;
	}
		.search_sub .selectbox_area select {
			float: left;
			width: 95px;
			height: 32px;
			padding-right: 5px;
			line-height: 30px;
			font-size: 13px;
			border-radius: 0;
			border: 1px solid #dfdfdf;
			box-shadow: none;
		}
		
	.search_sub .search_area {
			float: left;
		width: 210px;
		text-align: right;
	}
		.search_sub .search_area .search_sub {
			position: relative;
			display: block;
			width: 210px;
			height: 32px;
			padding: 0 40px 0 5px;
			line-height: 24px;
			border: 1px solid #dfdfdf;
		}
			.search_sub .search_area .search_sub .search_input {
				width: 160px;
				height: 25px;
				margin: 3px 0 0;
				padding-right: 10px;
				border: 0;
				background-color: transparent;
			}
			.search_sub .search_area .search_sub .btn_submit {
				position: absolute;
				right: 0;
				top: -1px;
				width: 40px;
				height: 32px;
				line-height: 30px;
				color: #eee;
				font-size: 0;
				text-indent: -9999px;
				border: 0;
				background: #bf7188 url(/Images/search/btn_search_bottom.png) 50% 50% no-repeat;
				opacity: 0.85;
				
				transition: opacity 0.5s;
				-webkit-transition: opacity 0.5s; /* Safari */
			}
			.search_sub .search_area .search_sub:focus .btn_submit {
				opacity: 1;
			}

/* link style */
a.pdf .btn-xs {
	padding: 3px 5px;
	font-size: 12px !important;
	color: #767676;
}
a.pdf:hover .btn-xs,
a.pdf:focus .btn-xs {
	background-color: #fff;
	border-color: #bf7188;
}
a.pdf.auric:hover .btn-xs,
a.pdf.auric:focus .btn-xs {
	border-color: #1f95c6;
}
a.pdf span {
	margin-top: 2px;
	color: #767676;
}
a.pdf:hover,
a.pdf:focus,
a.pdf:hover span,
a.pdf:focus span {
	color: #bf7188 !important;
}
a.pdf.auric:hover,
a.pdf.auric:focus,
a.pdf.auric:hover span,
a.pdf.auric:focus span {
	color: #1f95c6 !important;
}

/* *******************************************************************
	board view style
******************************************************************* */
/* board view style */
.board_view {
	font-size: 15px;
	line-height: 1.5;
}
	.board_view * {
		vertical-align: baseline;
	}
	.board_view h4 {
		font-size: 15px;
		font-weight: bold;
		color: #222;
		margin: 30px 0 5px;
		
	}
	
	.more_info_area {
		position: relative;
		margin: 0 0 10px;
		padding: 0;
		border-top: 0px solid #dfdfdf;
	}
		.more_info_area a.url_link {
			color: #767676
		}
		.more_info_area a.url_link:hover {
			color: #bf7188;
			text-decoration: underline;
		}
	.board_view_con .pcontents {
		padding-bottom: 30px;	
	}
	.board_view_con .file_list {
		position: absolute;
		right: 0;
		bottom: 10px;
	}
	.board_view_con .file_list li {
		float: left;
		margin-right: 5px;
	}
		.board_view_con .file_list li:last-child {
			margin-right: 0;
		}
	.board_view_con .file_list .file_btn {
		display: block;
		margin: 0;
		padding: 0;
		color: #fff !important;
		background-color: #bf7188;
		
		transition: all 0.25s;
		-webkit-transition: all 0.25s; /* safari */
	}
		.board_view_con .file_list .file_btn span {
			float: left;
			height: 26px;
			display: block;
			text-align: center;
		}
		.board_view_con .file_list .file_btn .glyphicon {
			width: 32px;
			line-height: 26px;
		}
		.board_view_con .file_list .file_btn .download {
			width: 60px;
			line-height: 24px;
			font-size: 13px;
			font-weight: bold;
			color: #bf7188;
			border: 1px solid #bf7188;
			border-left: 0;
			background-color: #fff;
		}
		.board_view_con .file_list .file_btn:hover {
			color: #fff;
			background-color: #bf7188;
		}
		.board_view_con .file_list .file_btn:hover .download {
			color: #bf7188;
			border-color: #bf7188;
			background-color: #fff;
		}
		
	.more_info_area .more_info {
		
	}
		.more_info_area .date {
			font-size: 9pt;
			color: #767676;
		}
			.more_info_area .date em {
				margin: 0 7px;
				font-size: 9pt;
				color: #ccc;
			}
			
	.board_view .board_view_con {
		position: relative;
		margin: 10px 0;
		padding: 0 0 20px;
		
		font-size: 13px;
		
		word-wrap: break-word;
		border-top: 0px solid #dfdfdf;
		border-bottom: 0px solid #ccc;
	}
		.board_view .board_view_con p {
			margin: 0;
		}
		.board_view .board_view_con img {
			max-width: 670px;
		}
	
	.board_view .page_nav {
		
	}
		.board_view .page_nav a .btn_paging{
			margin: 0 3px;
			font-weight: bold;
			color: #4d4d4d;
		}
		.board_view .page_nav .glyphicon {
			font-size: 12px;
		}
		.board_view .page_nav a:focus .btn_paging,
		.board_view .page_nav a:hover .btn_paging,
		.board_view .page_nav a:active .btn_paging {
			color: #bf7188;
			border-color: #bf7188;
			background-color: #fff;
		}
		.board_view .page_nav .disable{
			color: #999 !important;
			cursor: default;
		}
		
		.board_view .page_nav a.list {
			color: #eee;
		}
		
		.board_view .page_nav .prev_area {
			width: 300px;
			float: left;
			text-align: left;
		}
			.board_view .page_nav .prev_area .btn {
				float: left;
			}
			.board_view .page_nav .prev_area .prev_title {
				float: left;
				width: 200px;
				height: 32px;
				padding: 2px 0 0 7px;
				line-height: 1.4;
				font-size: 12px;
				color: #5d5d5d;
				display: block;
			}
				.board_view .page_nav .prev_area a .prev_title {
					color: #5d5d5d;
				}
				.board_view .page_nav .prev_area a:hover .prev_title {
					color: #bf7188;
					text-decoration: underline;
				}
			
		.board_view .page_nav .next_area {
			width: 300px;
			float: left;
			text-align: right;
		}
			.board_view .page_nav .next_area .btn {
				float: right;
			}
			.board_view .page_nav .next_area .next_title {
				float: right;
				width: 200px;
				height: 32px;
				padding: 2px 7px 0 0;
				line-height: 1.4;
				font-size: 12px;
				color: #5d5d5d;
				display: block;
			}
				.board_view .page_nav .next_area a .next_title {
					color: #5d5d5d;
				}
				.board_view .page_nav .next_area a:hover .next_title {
					color: #bf7188;
					text-decoration: underline;
				}
			
		.board_view .page_nav .list_area {
			width: 130px;
			float: left;
			text-align: center;
		}
		.sns {
			
		}
		.addthis_toolbox {
			float: right;
			width:245px;
			margin-top: -35px
		}
		
		/* board view page_nav vol.2 */
		.page_nav2 {
			overflow: hidden;
			font-size: 15px;
		}
			.page_nav2 .btn_list {
				width: 120px;
				height: 80px;
				float: left;
				margin-right: 10px;
				text-align: center;
			}
				.page_nav2 .btn_list a {
					display: block;
					width: 120px;
					height: 78px;
					line-height: 78px;
					color: #4d4d4d;
					border: 1px solid #bbb;
					border-radius: 2px;
					background-color: #f8f8f8;
					text-decoration: none;
					
					-webkit-transition: all 0.25s;
					-moz-transition: all 0.25s;
					transition: all 0.25s;
				}
				.page_nav2 .btn_list a:hover {
					color: #bf7188;
					border-color: #bf7188;
					background-color: #fff;
					text-decoration: none;
				}
			.page_nav2 .board_list_area {
				width: 540px;
				height: 78px;
				float: left;
				border: 1px solid #bbb;
				border-radius: 2px;
			}
				.page_nav2 .board_list_area span {
					display: block;
					float: left;
					width: 60px;
					height: 38px;
					line-height: 40px;
					font-size: 13px;
					color: #767676;
					border-right: 1px solid #dfdfdf;
					background-color: #f7f7f7;
				}
				.page_nav2 .next_list span {
					height: 36px;
					line-height: 36px;
				}
				.page_nav2 .board_list_area p {
					width: 480px;
					float: left;
					padding-left: 10px;
					padding-right: 10px;
					line-height: 40px;
					font-size: 13px;
					text-align: left;
					text-overflow:ellipsis;
					-o-text-overflow:ellipsis;
					overflow:hidden;
					white-space:nowrap
				}
					.page_nav2 .board_list_area p a {
						color: #4d4d4d;
					}
					.page_nav2 .board_list_area p a:hover {
						color: #bf7188;
					}
				.page_nav2 .prev_list {
					position: relative;
					width: 540px;
					height: 39px;
					border-bottom: 1px solid #ccc;
				}
				.page_nav2 .next_list {
					position: relative;
					width: 540px;
				}
					.page_nav2 .next_list p {
						line-height: 36px;
					}
				
.btn_top {
	display: none;
	position: absolute;
	right: -70px;
	width: 38px;
	height: 38px;
	opacity: 0;
}
.btn_top a {
	display: block;
	width: 38px;
	height: 38px;
	background: url(/Images/btn/btn_top_arrow.png) left top no-repeat;
	transition: all 0.25s;
	cursor: pointer;
	text-decoration: none;
	font-size: 0;
	text-indent: -9999px;
	opacity: 0.75;
}
.btn_top a:hover {
	display: block;
	width: 38px;
	height: 38px;
	opacity: 1;
	background: url(/Images/btn/btn_top_arrow_hover.png) left top no-repeat;
}

/* *******************************************************************
	calender view style
******************************************************************* */
#ContentPlaceHolder1_EvenCalendar_Calendar1 {
	width: 670px;
	border-collapse: collapse;
}

.event_cal_title {
	width: 670px;
	border-collapse: collapse;
}
	.event_cal_title td {
		padding: 10px 0 15px;
		font-family: 'Nanum Gothic','맑은 고딕', 'Malgun Gothic', Dotum, Gulim, sans-serif;
		font-size: 15px;
		color: #333;
	}
	
	.event_cal_header {
		text-align: center;
		border: 1px solid #ccc;
		background-color: #f0f0f0;
	}
	
	.calendar_default {
		padding: 2px;
	}
		.calendar_default a.eventTitle {
			display: block;
			width: 90px;
			margin: 3px auto;
			font-size: 11px;
			color: #214392;
			text-decoration: none;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			border: 1px solid #214392;
			border-radius: 2px;
			background-color: #fff;
			
			-moz-transition: all 0.25s;
			-webkit-transition: all 0.25s;
			transition: all 0.25s;
		}
		.calendar_default a.eventTitle:hover {
			color: #fff;
			border: 1px solid #214392;
			border-radius: 2px;
			background-color: #214392;
		}