/************************************
	css/community.css
*************************************/

#communityTitle {
	width						: calc(100% - 235px);
	margin-left					: 235px;
	text-align					: center;
	font-size					: 60px;
	color						: #7b7b7b;
	font-family					: 'Times New Roman', Times, serif;
	padding						: 15vh 0 8vh;
}

#communityWrap {
	width						: calc(100% - 235px);
	margin-left					: 235px;
}	

#communityTab {
	width						: 75%;
	margin						: 0 auto 10px;
	display						: flex;
}

#communityTab li {
	text-align					: center;
	position					: relative;
	padding						: 0 15px;
}

/*#communityTab li:first-child:after {*/
/*	content						: '';*/
/*	position					: absolute;*/
/*	top							: 50%;*/
/*	right						: 0;*/
/*	transform					: translateY(-50%);*/
/*	height						: 80%;*/
/*	width						: 1px;*/
/*	background-color			: #000;*/
/*}*/

#communityTab a {
	font-size					: 16px;
	color						: #000;
	display						: block;
	width						: 100%;
	text-align					: center;
}

.communityTabOn {
	font-weight					: bold;
}

#communityContent {
	width						: 75%;
	margin						: 0 auto;
}

#communityContent:after {
	content						: '';
	clear						: both;
	display						: block;
}

#communityContent > table {
	width						: 100%;
	font-size					: 16px;
	text-align					: center;
	border-spacing				: 0;
	border-collapse				: collapse;
	border						: 1px solid #d1dee2;
}

#communityContent > table thead {
	background-color			: #e5ecef;
}

#communityContent > table tr {
	border-bottom				: 1px solid #d1dee2;
}

#communityContent > table td {
	height						: 55px;
	line-height					: 55px;
}

#communityContent > table td a {
	color						: #000;
}

#communityContent > table td a:hover {
	text-decoration				: underline;
}

/* 상세 */
#communityContentBox {
	width						: 100%;
	height						: 57px;
    line-height					: 55px;
	border						: 1px solid #d1dee2;
	background-color			: #e5ecef;
	font-size					: 16px;
	color						: #000;
	box-sizing					: border-box;
	padding-left				: 30px;
}

#communityContentBox02 {
	width						: 100%;
	height						: 35px;
	line-height					: 35px;
	font-size					: 14px;
	color						: #505050;
	border						: 1px solid #d1dee2;
	border-top					: 0;
	display						: flex;
	box-sizing					: border-box;
}

#communityContentBox02 > p {
	padding						: 0 10px;
	position					: relative;
}

/*#communityContentBox02 > p:first-child:after {*/
/*	content						: '';*/
/*	position					: absolute;*/
/*	top							: 50%;*/
/*	right						: 0;*/
/*	transform					: translateY(-50%);*/
/*	height						: 40%;*/
/*	width						: 1px;*/
/*	background-color			: #505050;*/
/*}*/

#communityContentBoxDetail {
	width						: 100%;
	height						: 45vh;
	box-sizing					: border-box;
	border						: 1px solid #d1dee2;
	border-top					: 0;
	overflow-y					: auto;
	font-size					: 16px;
	padding						: 1.5vw;
}

button {
	width						: 65px;
	height						: 35px;
	background-color			: #283650;
	text-align					: center;
	outline						: none;
	border						: none;
	margin-top					: 1.5vh;
	float						: right;
}

button a{
	display						: block;
	width						: 100%;
	height						: 100%;
	color						: #fff;
	line-height					: 35px;
}