@charset "utf-8";

* {
	margin: 0; padding: 0;
	color: #666; font-family: "맑은 고딕", "돋움"; font-size: 14px; letter-spacing: -1px;
}
body { background-color: #fff; }
img { border: 0; }
img, input, select, textarea{ vertical-align: middle; }
a { color:#7a22ff; text-decoration: none; }
a:hover { color:#2c00bd; text-decoration: underline; }
div.clear { clear: both; height: 1px; }
div.clear2 { clear: both; height: 40px; }
#container { margin: 0; padding: 50px; width: 780px; }

#nav { float: left; width: 100px; }
#nav h1 { margin-bottom: 50px; }
#nav ul.menu { list-style-type: none; }
#nav ul.menu img { cursor: pointer; }
#nav ul.menu ul { list-style-type: none; margin-bottom: 20px; }
#nav ul.menu ul li { line-height: 20px; }
#nav ul.menu ul * { font-size: 11px; }
#nav ul.menu ul a { color: #444; }
#nav ul.menu ul a:hover { color: #000; text-decoration: none; font-weight: bold; }

#nav .recentList { display: none; margin-top: 40px; padding-bottom: 15px; border: 1px solid #ccc; border-width: 1px 0; width: 120px; }
#nav .search input { width: 100px; font-size: 12px; }
#nav .recentList h4 { margin-top: 15px; color: #666; font-size: 11px; }
#nav .recentList ol { list-style-type: none; }
#nav .recentList ol li * { color: #888; font-size: 12px; line-height: 18px; }

#content { float: right; width: 620px; }
#content h3 { border-bottom: 1px solid #aaa; }
#content h3 p, #content h3 p a {
	display: inline; padding: 0 10px; background-color: #aaa;
	color: #fff; font-size: 14px; font-weight: bold; text-decoration: none;
}

#content dl dt { padding: 10px; padding-top: 15px; overflow: hidden; }
#content dl dt a { color: #249370; font-size: 18px; font-weight: bold; }
#content dl dt p.date { float: right; color: #666; font-size: 14px; font-family: tahoma; font-weight: normal; line-height: 14px; }
#content dl dd { padding: 0 10px 15px 10px; border-bottom: 1px solid #ccc; overflow: hidden; }
#content dl dd * { color: #888; font-size: 12px; line-height: 18px; }
#content dl dd a:hover { text-decoration: none; }
#content dl dd img { float: right; margin-left: 10px; height: 60px; }
#content dl dd p.category { margin: 5px 0 0 5px; }
#content dl dd p.category * { color: #444; }
#content dl dd p.category a:hover { color: #000; text-decoration: underline; }

#content h2 { padding: 10px; }
#content h2 a { color: #249370; font-size: 22px; font-weight: bold; }
#content p.date { float: right; padding: 10px; text-align: right; color: #666; font-size: 14px; font-family: tahoma; }
#content p.date a { color: #aaa; font-size: 11px; letter-spacing: 0; }
.article { padding: 10px; padding-bottom: 20px; line-height: 190%; text-align: justify; }
.article h5 {
	margin: 20px 0 5px 0; padding-left: 7px; border-left: 3px solid #000;
	color: #000; font-weight: bold; font-size: 12px; line-height: 15px;
}
.article a { text-decoration: underline; }
.article strong, .article u { color: #222; }

#content .admin { margin-bottom: 10px; }
#content .admin * { color: #444; font-size: 12px; }
#content .actionTrail {
	display: inline; padding: 2px 10px; background-color: #aaa;
	color: #fff; font-size: 12px; font-weight: bold;
}
#content .actionTrail * { color: #fff; font-size: 12px; }
.trackback .address { margin: 10px 0 0 0; padding: 10px; background-color: #eee; }
.comment, .trackback { border-top: 1px solid #aaa; overflow: hidden; }
.commentList, .trackback { padding: 0 10px; padding-left: 25px; }
.commentList ol li, .trackback ol li { padding: 10px 0; border-bottom: 1px solid #ccc; }
.commentList ol li *, .trackback ol li * { font-size: 12px; line-height: 18px; }
.commentList .name, .trackback h4 { color: #444; font-size: 12px; font-weight: bold; }
.commentList .date, .trackback date { margin-left: 10px; font-family: tahoma; }
.commentList .date, .commentList .control *, .trackback .date, .trackback .from { color: #888; font-size: 11px; }
.commentList ul { list-style-type: none; margin: 10px 0 -10px 50px; }
.commentList ul li { border-bottom: 0; border-top: 1px solid #ccc; }

#content .commentWrite { margin: 10px 10px 10px 25px; }
#content .commentWrite .writerinfo { margin-bottom: 10px; }
#content .commentWrite .writerinfo * { color: #444; font-size: 12px; }
#content .commentWrite .name, #content .commentWrite .password, #content .commentWrite .homepage { margin-right: 10px; width: 100px; border: 1px solid #ccc; color: #444; font-size: 12px; }
#content .commentWrite .submit { border: 0; padding: 2px 10px; background-color: #ccc; color: #fff; font-size: 12px; font-weight: bold; }
#content .commentWrite textarea {
	border: 1px solid #ccc; width: 100%; height: 130px;
	font-size: 12px; line-height: 18px;
}

.paging { text-align: center; }
.paging a { text-decoration: none; }
.paging a span { padding: 0 2px; color: #666; font-size: 16px; }
.paging a span.no-more-prev, .paging a span.no-more-next { color: #aaa; }
.paging a span.selected { font-weight: bold; }
.paging a:hover span { background-color: #aaa; color: #fff; }
.paging a:hover span.no-more-prev, .paging a:hover span.no-more-next { background-color: transparent; color: #aaa; }

#footer .counter{ float: right; color: #888; font-size: 11px; }
#footer .copyright * { color: #000; font-size: 12px; text-decoration: none; }

/* gallery */
img.gallery { cursor: pointer; height: auto; border: 1px solid #ccc; }
img.g600 { width: 600px; }
img.g300 { margin-right: 5px; width: 290px; }
span.gallerypreview {
	position: absolute; cursor: pointer;
	padding: 5px; background-color: #000;
	color: #fff; font-size: 11px; font-weight: bold;
}
#gallery {
	display: none; position: absolute; left: 0; top: 0; z-index: 100; overflow: hidden;
	width: 100%; background-color: #fff;
}
#gallery img { cursor: pointer; }
#gallery .iframeurl { cursor: pointer; padding: 10px; height: 20px; line-height: 20px; background-color: #000; }
#gallery .iframeurl a { color: #fff; font-weight: bold; }
#gallery iframe { width: 100%; height: 100%; border: 0; }
.galleryclose {
	display: none; position: fixed; right:0; top: 10px; z-index: 101; cursor: pointer;
	padding: 5px; border: 5px solid #fff; border-right: 0; background-color: #000;
	color: #fff; font-size: 11px; font-weight: bold; 
}