/******* 20150716_new_list *********/
table {width:100%; border-spacing:0; border-collapse:collapse;}

/* 검색버튼 */
.new_button {width:68px; height:30px; background:#063d88; margin:0 0 0 -4px; cursor:pointer; display:inline-block; /*border-radius:10px;*/}
.search_button {font-size:13px; line-height:30px;text-align:center; font-weight:normal; color:#fff;}
.search_button img {vertical-align:middle;}

/* search_top */
.search_top {*zoom:1; margin:0 0 20px 0;}
.search_top:after {content:" "; display:block; clear:both;}
.search {float:right;}

/* 검색창 */
.form-control {padding:5px 0 5px 0;}
select {margin:0 5px 0 0;}

/* 페이지목록 */
.paginate {padding:20px 0;text-align:center;line-height:normal; clear:both;}
.paginate a,  
.paginate strong{display:inline-block;position:relative; margin:0 -2px;width:34px; height:34px; font-weight:bold;font-size:12px; font-family:Tahoma, Sans-serif;color:#333;line-height:34px; text-align:center; text-decoration:none;vertical-align:middle}  
.paginate a:hover,  
.paginate a:active,  
.paginate a:focus{background-color:#f8f8f8;}  
.paginate strong{color:#fff; background:#4d7bbe;}  
.paginate a.direction{padding:0;}

/**** list ****/
.bbs_list {margin:0 0 30px 0;}
.bbs_list table {width: 100%;}
.bbs_list th{font-size: 13px; font-weight: bold; color: #444444; padding: 12px 0; text-align: center; background-color: #edf2f8; border-top: 2px solid #063d88;}
.bbs_list td{font-size: 13px; font-weight:500; color: #626262; padding: 14px 0; text-align: center; border-bottom: 1px solid #e7e7e7;}
.bbs_list td.subject {text-align:left;}

/* write */
.bbs_write {
	width:100%;
	margin:0px 0px 30px 0px;
	}
.bbs_write {
	border-top:2px solid #063d88;
}
.bbs_write thead tr {
	border-bottom:1px solid #ccc;
} 
.bbs_write thead th {
	width:120px;
	background-color:#edf2f8;
	text-align:left;
	padding:5px 10px 5px 10px;
	color:#3b3b3b;
} 
.bbs_write thead td {
	padding:5px 10px 5px 10px;
}
.bbs_write tfoot {
	border-bottom:1px solid #ccc;
}
.bbs_write .notify {
	width:80px;
	height:25px;
	line-height:25px;
	background:#edf2f8;
	border:1px solid #ccd7e5;
	border-radius:5px;
	padding:0;
	font-size:12px;
	font-weight:normal; 
	color:#3b3b3b;
}
.bbs_write .input {
	vertical-align:middle;
}
.bbs_write tfoot {
	border-top:1px solid #e1e1e1;
	padding:0px 0px 0px 0px;
}
.bbs_write tfoot th {
	width:120px;
	background-color:#ecf4f8;
	text-align:left;
	padding:5px 10px 5px 10px;
	color:#666666;
} 
.bbs_write tfoot td {
	padding:3px 10px 0px 10px;
	font-weight:500;
}

.attach_btn {
	display:block; 
	width:80px;
	height:25px;
	font-size:13px;
	font-weight:normal;
	color:#3b3b3b; 
	text-align:center;
	line-height:25px;
	border:1px solid #ccd7e5;
	border-radius:5px;
}
.attach_btn:hover {
	background:#edf2f8;
}

.write_cancel {
	float:right;
	margin:0 0 30px 0;
}
.writeOk {
	height:32px;
	line-height:32px;
	text-align:center;
	color:#fff;
	width:85px;
	background:#4d7bbe;
	border-radius:5px;
	border:#4d7bbe;
	cursor:pointer;
}
.writeCancel {
	height:32px;
	line-height:32px;
	text-align:center;
	color:#fff;
	width:85px;
	background:#9b9b9b;
	border-radius:5px;
	border:#9b9b9b;
	cursor:pointer;
	display:inline-block;
}
.write_cancel {
	float:right;
	margin:0 0 30px 0;
}
.prevRead {
	height:32px;
	line-height:32px;
	text-align:center;
	color:#fff;
	width:85px;
	background:#aac9e1;
	border-radius:10px;
	border:#aac9e1;
	display:inline-block;
}
.nextRead {
	height:32px;
	line-height:32px;
	text-align:center;
	color:#fff;
	width:85px;
	background:#aac9e1;
	border-radius:10px;
	border:#aac9e1;
	cursor:pointer;
	display:inline-block;
}

/* view */
.board_view {
	clear:both;
	margin:0 0 20px 0;
}
.board_view table {
	border-top:2px solid #063d88;
}
.board_view thead th {
	border-bottom:1px solid #ccc;
	background:#edf2f8;
	font-weight:600;
	color:#3b3b3b;
	padding:9px 15px;
}
.board_view thead th span {
	display:inline-block;
	float:right;
	font-weight:normal;
}
.board_view thead th.subject {
	text-align:left;
}
.board_view thead td {
	border-bottom:1px solid #ccc;
	padding:9px 15px;
}
.board_view tbody tr {
	border-bottom:1px solid #ccc;
}
.board_view tbody p {
	padding:22px 16px;
	word-break:keep-all;
	color:#666;
	line-height:22px;
}
.write_cancel {
	*zoom:1;
	width:100%;
}
.write_cancel {
	content:" "; 
	display:block;
	clear:both;
}
.write_cancel ul {
	float:right;
}
.write_cancel li {
	float:left;
	margin:0 0 0 10px;
}
.write_cancel2 {
	float:right;
}
.backList {
	height:32px;
	line-height:32px;
	text-align:center;
	color:#fff;
	width:85px;
	background:#4d7bbe;
	border-radius:5px;
	border:#4d7bbe;
	display:inline-block;
	font-weight:500;
}
.deleteView , .modifyView {
	height:32px;
	line-height:32px;
	text-align:center;
	color:#fff;
	width:85px;
	background:#9b9b9b;
	border-radius:5px;
	border:#9b9b9b;
	cursor:pointer;
	display:inline-block;
	font-weight:500;
}
.bbs_view {
	margin:0 0 20px 0;
	clear:both;
}
.bbs_view table {
	border-top:2px solid #063d88;
}
.bbs_view thead th {
	border-bottom:1px solid #ccc;
	background:#edf2f8;
	font-weight:600;
	color:#3b3b3b;
	padding:9px 15px;
	white-space:nowrap;
}
.bbs_view thead td {
	border-bottom:1px solid #ccc;
	padding:9px 15px;
}

#bbs_view_bottom {
	margin:20px 0 0;
	width:100%;
	margin:0px 0px 30px 0px;
	border-top:1px solid #cbcdc9;
	border-bottom:1px solid #063d88;
}
#bbs_view_bottom tr {
	border-bottom:1px solid #cbcdc9;
}
#bbs_view_bottom th {
	width:120px;
	background-color:#edf2f8;
	text-align:left;
	padding:9px 15px;
	color:#333;
				} 
#bbs_view_bottom td {
	padding:5px 0px 5px 10px;
	font-weight:500;
					}
/**** gallery ****/
.bbs_gallery {
	clear:both;
	border-bottom:2px solid #e6e6e6;
	margin:0 0 30px 0;
}
.bbs_gallery ul {
	*zoom:1;
}
.bbs_gallery ul:after {
	content:" "; 
	display:block;
	clear:both;
}
.bbs_gallery ul li {
	width:174px;
	height:165px; 
	border:1px solid #e3e3e3;
	padding:10px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	float:left;
	margin:0 0 40px 47px;
}
.bbs_gallery ul li.first {
	margin-left:0;
}
.bbs_gallery ul li .thumb {
	display:block;
	margin:0 0 9px 0;
	width:174px; 
	height:120px;
}
.bbs_gallery ul li span {
	display:block;
	font-size:13px;
	font-weight:600; 
	color:#3b3b3b;
	width:174px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;

}

/**** member ****/
.bbs_member {
	*zoom:1;
	padding:9px;
	border:1px solid #e3e3e3;
	margin:0 0 50px 0;
}
.bbs_member:after {
	content:" ";
	display:block;
	clear:both;
}
.member_photo {
	float:left;
	width:125px;
	height:154px;
}
.member_detail {
	float:left;
	width:506px;
	margin:0 0 0 32px;
}
.member_detail th {
	font-size:14px;
	font-weight:600;
	color:#3b3b3b;
	font-weight:600;
}
.member_detail td {
	padding:6px 10px 6px 20px;
	background:#eee;
	font-size:14px;
	font-weight:normal;
	color:#3b3b3b;
	text-align:left;
}
.member_modify table {
	border-top:2px solid #063d88;
}

.member_modify table thead th {
	border-bottom:1px solid #ccc;
	background:#edf2f8;
	font-weight:600;
	color:#3b3b3b;
	padding:9px 15px;
	text-align:center;
}
.member_modify table tbody th {
	padding:9px 30px;
	border-bottom:1px solid #ccc;
	background:url('../images/sub/m_dot.gif') 15px 23px no-repeat;
	font-size:13px;
}
.member_modify table tbody td {
	text-align:center;
	padding:9px;
	border-bottom:1px solid #ccc;
}
.member_modify table tbody td input {
	text-align:center;
	border:1px solid #ccd7e5;
	width:40px;
	height:30px;
	border-radius:5px;
}

/* 로그인*/
#login_box {
	border:1px solid #e4e4e4;
	margin:0 auto;
	text-align:center;
	width:75%;
	
	padding:40px 0px 40px 0px;
}
#login_box h2 {
	font-size:27px;
	font-weight:600;
	color:#333;
	padding:0 0 19px 0;
	border-bottom:2px solid #333;
	width:397px;
	text-align:left;
	margin:0 auto 32px;
}
#login_box {
	padding:85px;
}
#login_box table {
	width:390px;
	margin:0 auto;
}

#login_box table > tbody {
	background-image:url(/images/common/dot.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}

#login_box table > tbody > tr > td > dl > dt {
	float:left;
	text-align:center;
	font-weight:bold;
	padding:5px 10px;
}

#login_box table > tbody > tr > td > dl > dd {
	text-align:right;
	padding:5px 10px;
}

#login_box table > tbody > tr > td > dl > dd > input {
	width:180px;
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	height:20px;
	vertical-align:middle;
	padding:0px 5px 2px 5px;
	font-weight:400;
}

#login_box table > tfoot > tr > td > dl > dt {
	float:left;
	text-align:center;
	font-weight:bold;
	padding:5px 10px;
}

#login_box table > tfoot > tr > td > dl > dd {
	padding:5px 10px;
}

#btn_login {
	background-color:#063d88;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	vertical-align:baseline;
	
	width:55px;
	height:55px;
	text-align:center;
	text-shadow:1px 1px 0px #717171;
	cursor:pointer;
}
#btn_login:hover {
	-webkit-transition:background-color 0.5s, -webkit-transform 1s;
	transition:background-color 0.5s, transform 1s;
	
	background-color:#e9e9e9;
	color:#063d88;
}