.board {width:980px; margin:30px auto;}

.board h1 a,
.board h1 a:visited,
.board h1 a:hover {color:inherit; text-decoration:none;}

.board input[type=text],
.board input[type=password],
.board input[type=tel],
.board input[type=number] {
	border:1px #bbb solid;
	height:20px;
}

.board .header {}

.board .headwords {
	padding:10px 0;
	border-bottom:1px #ccc solid;
}

.board .headwords span {
	display:inline-block;
	min-width:60px;
	padding:4px 7px;
	text-align:center;
}
.board .headwords span:first-child {
	border-right:0;
}
.board .headwords span.active,
.board .headwords span:hover {
	background-color:#eee;
}

.board .summary {
	padding-top:14px;
}
.board .summary .buttonwrap-on-list {float:right;}
.board .summary .buttonwrap-on-list input[type=button] {
	padding:3px 10px;
	border:1px #777 solid;
	background-color:#ccc;
	color:#000;
}

.board .fright {
	float:right;
}
.board .fleft {
	float:left;
}

.board .list-title {
	width:100%;
	margin-top:3px;
	border:1px #999 solid;
	border-spacing:0;
	background-color:#eee;
	border-left:none;
	border-right:none;
}
.board .list-title th {
	height:26px;
	border-left:1px #fff solid;
}
.board .list-title th:first-child {
	border-left:none;
}

/* 목록형 페이지 */

.board .list {
	width:100%;
	border-collapse:collapse;
	border-top:1px #d7d7d7 solid;
}
.board .list tr {height:35px; vertical-align:middle;}
.board .list td {
	text-align:center;
	padding:0 3px;
	border-bottom:1px #d7d7d7 solid;
}
.board .list .subject {
	text-align:left;
}
.board .list td img {
	vertical-align:middle;
}
.board .list .headword {
	display:inline-block;
	margin-right:4px;
}
.board .list .subject {
	vertical-align:middle;
}
.board .list-comment {
	display:inline-block;
	line-height:10px;
	font-size:10px;
	color:#f60;
	padding:1px 3px;
	border:1px #fa0 solid;
	border-radius:2px;
	vertical-align:middle;
}

/* 앨범형 페이지 */

.board .photolist {
	padding:10px;
	text-align:left;
}
.board .photolist .article-wrap {
	width:150px;
	height:250px;
	float:left;
	margin:5px 15px;
}
.board .photolist .photo-wrap {
	width:150px;
	height:85px;
	border:1px #999 solid;
}
.board .photolist .photo-wrap:hover {
	border:1px #f80 solid;
}
.board .photolist .photo-wrap td {
	vertical-align:middle;
	text-align:center;
	line-height:0;
}
.board .photolist .photo-wrap img {
	max-width:146px;
	max-height:80px;
	margin:0;
}

.board .photolist .subject {
	padding:3px 0;
	text-align:center;
}
.board .photolist .info {
	color:#777;
	font-size:12px;
	text-align:left;
}

/* 웹진형 */
.board .webzine {
	padding:10px;
	text-align:left;
	border-top:1px #d7d7d7 solid;
}
.board .webzine .article-wrap {
	padding:15px 0;
}
.board .webzine .photo-wrap {
	width:180px;
	height:100px;
	border:1px #999 solid;
	text-align:center;
	padding:2px;
	margin-right:10px;
	vertical-align:top;
	float:left;
}
.board .webzine .photo-wrap img {
	max-width:100%;
	max-height:100%;
	margin:0;
}
.board .webzine .article-wrap p {margin:0;}
.board .webzine .number {color:#777;}
.board .webzine .subject {
	font-weight:bold;
}






/* 검색박스 */
.board .searchbox {
	padding:15px 0;
	text-align:center;
}
.board .searchbox input {vertical-align:middle;}
.board .searchbox select {height:24px;}



/* 글쓰기, 수정, 응답글 페이지 */
.board .write {}

.board .write .board-items {
	boarder-spacing:0;
	border-collapse:collapse;
	border:0;
	border-top:1px #d0d0d0 solid;
}
.board .write .board-items tr {
	height:35px;
}
.board .write .board-items th,
.board .write .board-items td {
	font-weight:normal;
	border-bottom:1px #d0d0d0 solid;
	padding:auto 0;
}

.board .write .captcha {
	padding:3px 0;
	text-align:left;
}
.board .write .captcha .captchaimg {
	height:50px;
	width:160px;
	vertical-align:middle;
}
.board .write .captcha .refreshimg {
	width:20px; height:auto;
	vertical-align:middle;
	cursor:pointer;
}
.board .write .captcha input {
	vertical-align:middle;
	height:48px;
	text-align:center;
	font-size:22px;
}

.uploadwrap .uploadbtns {padding:3px 0;}
.uploadwrap .uploadbtns .upload {
	float:right;
}
.uploadwrap .uploadbtns input[type=button] {
	min-width:0; min-height:0;
	padding:2px 4px;
	font-size:12px;
	border:1px #555 solid;
	border-radius:2px;
	background-color:#555;
	color:#fff;
}
.uploadwrap .filelist {
	height:80px;
	min-height:50px;
	border:1px #999 solid;
}
.uploadwrap .filelist .filebox {
	display:inline-block;
	padding:2px 5px 2px 0;
}
.uploadwrap .filelist .filebox .imgbox {
	display:inline-block;
	width:30px; height:30px;
	margin: 0 3px;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
}
.uploadwrap .filelist .filebox .imgbox img {
	max-width:28px;
	max-height:28px;
	vertical-align:middle;
}


/* 글보기 페이지 */
.board .view .subjectwrap {
	padding:7px 0;
	font-size:16px;
	font-weight:bold;
}
.board .view .info {
	padding:3px 0;
	border-top:1px #ccc solid;
	text-align:right;
	color:#777;
}
.board .view .info img {
	vertical-align:middle;
}
.board .view .content {
	padding:5px 0;
	line-height:150%;
	border-bottom:1px #ccc solid;
}
.board .view .content img {
	max-width:100%;
	height:auto;
}

.board .view .filelist {
	padding:5px 0;
	border-bottom:1px #ccc solid;
}
.board .view .filelist .title {
	font-weight:bold;
}
.board .view .filelist span {
	display:inline-block;
	white-space:nowrap;
	margin-right:10px;
}
.board .view .filelist span * {
	vertical-align:middle;
}

.board .view .sibling {
	padding:3px 0;
}
.board .view .sibling .sibling-label {
	display:inline-block;
	padding:4px 0;
	margin-right:5px;
	width:80px;
	text-align:center;
	border:1px #ccc solid;
	background-color:#eee;
}
.board .view .sibling .sibling-subject {
	overflow:hidden;
}
.board .view .comments {
	margin-top:10px;
}
.board .view .comments-wrap {
	padding:10px;
	background-color:#eee;
	border:1px #bbb solid;
}
.board .view .comments .write,
.board-dlg .comments .write {
	border:1px #ccc solid;
	padding:5px;
	background-color:#fff;
}
.board .view .comments .write .writer,
.board-dlg .comments .write .writer {
	padding:3px 0;
}
.board .view .comments .write .writer .captchaimg,
.board-dlg .comments .write .writer .captchaimg {
	height:24px;
	width:70px;
	vertical-align:middle;
}
.board .view .comments .write .writer .refreshimg,
.board-dlg .comments .write .writer .refreshimg {
	width:20px; height:auto;
	cursor:pointer;
	vertical-align:middle;
}
.board .view .comments .write textarea,
.board-dlg .comments .write textarea {
	width:99%;
	height:150px;
	border:1px #ccc solid;
}

.board .view .comments-wrap .summary {
	font-weight:bold;
	padding:15px 0 3px;
	border-bottom:1px #ccc solid;
}
.board .view .comments-wrap .comment {
	padding:10px;
	border-bottom:1px #ccc solid;
}
.board .view .comments-wrap .comment .cmt-info {
	text-align:left;
	padding:3px 0;
	border-bottom:1px #d7d7d7 dashed;
}
.board .view .comments-wrap .comment .cmt-info .cmd {
	float:right;
}
.board .view .comments-wrap .comment .cmt-info .cmd span {
	cursor:pointer;
}
.board .view .comments-wrap .comment .cmt-info .writer {
	color:#000;
}
.board .view .comments-wrap .comment .cmt-content {
	padding:10px;
}

/* nogrant */
.board .nogrant {
	margin:30px auto;
	width:500px;
	padding:50px 0;
	text-align:center;
	background-color:#eee;
	border:1px #ccc solid;
}


/* 공통 버튼 */

.board .buttons {padding:5px 0; text-align:right;}
.board .buttons button,
.board .buttons input[type=button],
.board .buttons input[type=submit] {
	padding:5px 20px;
	border:1px #777 solid;
	border-radius:3px;
	background-color:#ccc;
	color:#000;
	font-size:14px;
}
.board .buttons button {padding:3px 15px;}
.board .buttons button img {height:14px; width:auto; vertical-align:middle;}
.board .buttons input.emp {
	background-color:#777;
	color:#fff;
}

/* 다이얼로그 */

.board-dlg {
	position:absolute;
	background-color:#eee;
	display:none;
	border:1px #555 solid;
	box-shadow: 3px 3px 3px #999;
}

.board-dlg .dlg-title {
	padding:7px;
	text-align:center;
	font-weight:bold;
}
.board-dlg .inner {
	padding:5px;
	background-color:#fff;
}
.board-dlg .buttons {
	padding:5px 0;
	text-align:center;
}