@charset "utf-8";
/* HelloDodo stylesheet, created by basement23.net
-------------------------------------------------------------------------------------------------*/
* { 
	margin: 0;
	padding: 0;
}
img	{
	border: 0;
}
body {
	font: normal 0.78em/1.6  "나눔고딕", NanumGothic, "맑은 고딕", "Malgun Gothic", "Apple Gothic", Arial, Helvetica, Tahoma, sans-serif;
	color: #333;
	background: #3f3e39 url(./img/bgTop.jpg) top center repeat-x;
}
input, textarea {
	font-size: 1em;
	font-family: "나눔고딕", NanumGothic, "맑은 고딕", "Malgun Gothic", Arial, AppleGothic, Helvetica, Tahoma, sans-serif;
}
a:link, a:visited {
	text-decoration: none;
	color: #000;
}
a:active, a:hover {
	color: #ed1c24;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "맑은 고딕", "Malgun Gothic", "나눔고딕", NanumGothic, "맑은 고딕", "Malgun Gothic", "Apple Gothic", Arial, Helvetica, Tahoma, sans-serif;
	color: #000;
}

/* Structure
-------------------------------------------------------------------------------------------------*/
#header {
	width: 880px;
	height: 137px;
	margin: 0 auto;
}
#container {
	width: 832px;
	padding: 24px 24px 0 24px;
	margin: 0 auto;
	background: #f7f6f1 url(./img/containerTop.jpg) top center no-repeat;
}
#contents {
	width: 832px;
	margin: 0 auto;
}
#footer {
	clear: both;
	width: 100%;
	height: 600px;
	margin: 0 auto;
	background: url(./img/bgBottom.jpg) bottom center repeat-x;
}

/* Header
-------------------------------------------------------------------------------------------------*/
h1 {
	display: none;
}
#navigation {
	height: 100px;
}
#search {
	height: 37px;
}
#search input {
	float: right;
	width: 182px;
	padding: 6px;
	border: 1px dotted #999;
	background: #f7f6f1;
}
#search button {
	float: right;
	width: 24px;
	height: 37px;
	background: none;
	border: none;
	cursor: pointer;
}

/* #contents
-------------------------------------------------------------------------------------------------*/
.postHead {
	width: 832px;
	padding-top: 13px;
	color: #000;
	background: url(./img/articleTop.gif) top no-repeat;
	border-top: 2px solid #000;
	font-family: "맑은 고딕", "Malgun Gothic", "나눔고딕", NanumGothic, "맑은 고딕", "Malgun Gothic", "Apple Gothic", Arial, Helvetica, Tahoma, sans-serif;
}
.postHead .title {
	float: left;
	padding: 6px 6px 15px 0;
	width: 410px;
}
.postHead h2 {
	display: inline;
	letter-spacing: -1px;
}
.postHead .author, .postHead .category, .postHead .date, .postHead .tags {
	float: left;
	width: 92px;
	padding: 6px 6px 15px 6px;
}
.postArea {
	clear: both;
	padding: 15px 0 15px 0;
	line-height: 1.7;
	text-align: justify;
	border-top: 1px solid #999;
}
.postArea ul, .postArea ol {
	width: 600px;
	padding-left: 24px;
	margin-bottom: 9px;
}
.postArea p {
	width: 624px;
	margin-bottom: 9px;
}
.postArea p a, .trackbackWrap p a, .commentsWrap p a {
	border-bottom: 1px dashed #666;
}
.postArea .cap1 {
	float: right;
	width: 94px;
	padding: 6px 0 6px 30px;
	text-align: left;
	background: url(./img/caption.gif) top left no-repeat;
}
.postArea blockquote {
	width: 610px;
	margin-bottom: 9px;
	padding: 6px;
	border: 1px dotted #999;
}
.communication {
	padding-top: 13px;
	border-top: 1px solid #000;
	background: url(./img/communicationTop.gif) top no-repeat;
}
.communication .trackback {
	float: left;
	width: 104px;
	padding: 6px 0 6px 0;
}
.communication .comments {
	float: left;
	width: 98px;
	padding: 6px 0 6px 6px;
}
.trackbackWrap {
	clear: both;
	line-height: 1.7;
	padding: 16px 0 10px 0;
	border-top: 1px solid #333;
	background: url(./img/trackbackTop.gif) top no-repeat;
}
.trackbackWrap .name {
	font-family: "맑은 고딕", "Malgun Gothic", "나눔고딕", NanumGothic, "맑은 고딕", "Malgun Gothic", "Apple Gothic", Arial, Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	padding-right: 9px;
}
.trackbackWrap .date {
	padding-right: 9px;
}
.trackbackWrap ol {
	width: 624px;
	list-style: none;
}
.trackbackWrap ol li {
	text-align: justify;
	margin-top: 10px;
	padding: 10px 0 0 0;
	border-top: 1px solid #666;
}
.commentsWrap {
	clear: both;
	line-height: 1.7;
	border-top: 1px solid #333;
}
.commentsWrap .name {
	font-family: "맑은 고딕", "Malgun Gothic", "나눔고딕", NanumGothic, "맑은 고딕", "Malgun Gothic", "Apple Gothic", Arial, Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	padding-right: 9px;
}
.commentsWrap .date {
	padding-right: 9px;
}
.commentsWrap ol {
	width: 624px;
	list-style: none;
}
.commentsWrap ol li {
	text-align: justify;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #666;
}
.commentsWrap ul {
	list-style: none;
}
.commentsWrap ul li {
	border: none;
	margin-top: 10px;
	padding: 10px 0 0 0;
	border-top: 1px dotted #999;
}
.trackbackWrap h3, .commentsWrap h3 {
	display: none;
}
.writeForm {
	width: 624px;
	padding: 23px 0 10px 0;
	background: url(./img/writeformTop.gif) top left no-repeat;
}
.writeForm input {
	padding: 5px;
}
.writeForm textarea {
	width: 614px;
	padding: 5px;
}
.nameForm, .passwordForm, .urlForm {
	float: left;
	width: 208px;
}
.nameForm input, .passwordForm input, .urlForm input {
	width: 180px;
}
.secretForm {
	clear: both;
	padding: 10px 0 10px 0;
	vertical-align: middle;
}
.submit {
	float: right;
	width: 104px;
	padding: 3px 0 0 30px;
	background: url(./img/caption.gif) top left no-repeat;
}
.paging {
	clear: both;
	padding: 15px 0 15px 0;
}
.paging .num {
	padding: 5px;
}
.no-more-prev, .no-more-next {
	display: none;
}
.selected {
	font-weight: bold;
}

/* contents +searchList
-------------------------------------------------------------------------------------------------*/
.searchList, .searchTblist, .searchRplist {
	margin: 0 auto;
	padding: 10px 0 10px 0;
	border-top: 2px solid #000;
	margin-bottom: 9px;
}
.searchList {
	background: url(./img/searchBar.jpg) top no-repeat;
	padding: 20px 0 10px 0;
}
.searchList ol, .searchTblist ol, .searchRplist ol {
	list-style: none;
}

/* contents +guestBook
-------------------------------------------------------------------------------------------------*/
.guestBook {
	margin: 0 auto;
	border-top: 2px solid #000;
}
.guestBook h3 {
	display: none;
}
.guestBook textarea {
	margin-top: 10px;
}
.guestBook .submit {
	margin-bottom: 10px;
}

/* Footer
-------------------------------------------------------------------------------------------------*/
#aside {
	width: 832px;
	padding: 24px;
	margin: 0 auto;
}
#asideHead {
	border-top: 2px solid #000;
	padding-top: 22px;
	background: url(./img/asideTop.gif) top no-repeat;
}
#footer h4 {
	display: none;
}
#footer ul  {
	float: left;
	width: 196px;
	padding-left: 6px;
	padding-right: 6px;
	list-style: none;
}
#footer ul li {
	padding-bottom: 3px;
}
.rpBox {
	width: 202px;
	padding-left: 0;
}