@charset "utf-8";

/************************************* 공통 *************************************/
body{
		font:0.75em/1.5 Malgun Gothic, Verdana, AppleGothic, Sans-serif;
		background: url(images/sitebg.png);
		color:#333;
}

hr              { display:none;}
img             { border:0;}
h1              { font-size:18px; font-weight:normal; margin:0;  padding:0; }
h2              { font-size:15px; font-weight:normal; margin:0;  padding:0; }
h3              { font-size:15px; font-weight:normal; margin:0;  padding:0; }
h4              { font-size:12px; font-weight:normal; margin:0;  padding:0; }
input           { border:1px solid #aaa;}
textarea        { border:1px solid #aaa;}
ol, ul, li			{ list-style:none;margin:0;  padding:0;}

.spacer { height:20px; }

a:link		{ color:#b47015;	text-decoration:none;}
a:visited	{ color:#b47015;	text-decoration:none;}
a:hover		{ color:#b47015; 	text-decoration:underline;}


/************************************* 헤더 *************************************/
#siteNav {
	position:relative;
	display:block;
	width:710px;
	height:70px;
	margin-left:auto;
	margin-right:auto;}
#siteNav .rc {position:absolute;top:32px;left:670px; background: url(images/sitenav_recentchanges.png) no-repeat; width:25px; height:25px}
#siteNav .rc a { visibility:hidden; }
#siteNav .searchBox {
	position:relative;
	display:block;
	width:710px;
	height:45px;
	background: url(images/sitenav_searchbox_bg.png) top left no-repeat;}
#siteNav .siteMenu {
	position:relative;
	background: url(images/sitenav_menu_bg.png) top left no-repeat;
	display:block;
	width:710px;
	height:25px;}
#siteNav .siteMenu ul {
	padding:0px 0px 0px 25px;
	margin:0px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:7pt;}
#siteNav .siteMenu li{display: inline;}
#siteNav .siteMenu li.basic a {
	background: url(images/sitenav_menu_basic_bg.png) top left repeat-x;
	padding: 0.3em 1.2em;
	color: #FFFFFF;
	text-decoration: none;
	float: left;}
#siteNav .siteMenu li.basic a:hover {
	background: url(images/sitenav_menu_basic_bg_over.png) top left repeat-x;
	color: yellow;}
#siteNav .siteMenu li.category a {
	padding: 0.3em 1.2em;
	color: #FFFFFF;
	text-decoration: none;
	float: left;}
#siteNav .siteMenu li.category a:hover {color: yellow;}

/*********************************** 컨테이너 ***********************************/
#container { width:710px; padding:0 10px;  margin:0 auto; }

/************************************ 컨텐트 ************************************/
.incontent { margin:0px 25px 0px 25px;}
#content .titleWrap { padding-bottom:25px; }
#content .tagTrail { padding-top:10px; }
#content .top .left {
	float:left;
	width:25px;
	height:25px;
	display:block;
	background: url(images/body_border_5.png) top left no-repeat;}
#content .top {
	width:100%;
	height:25px;
	display:block;
	background: url(images/body_border_1.png) top left repeat-x;}
#content .top .right {
	float:right;
	width:25px;
	height:25px;
	display:block;
	background: url(images/body_border_6.png) top left no-repeat;}
#content .middle {
	clear:both;
	display:block;
	background: url(images/body_border_4.png) top left repeat-y;
	background-color:#FFFFFF}
#content .middle .content {
	width:100%;
	display:block;
	background: url(images/body_border_2.png) top right repeat-y;}
#content .bottom {
	clear:both;
	width:100%;
	height:25px;
	display:block;
	background: url(images/body_border_3.png) top left repeat-x;}
#content .bottom .left {
	float:left;
	width:25px;
	height:25px;
	display:block;
	background: url(images/body_border_8.png) top left no-repeat;}
#content .bottom .right {
	float:right;
	width:25px;
	height:25px;
	display:block;
	background: url(images/body_border_7.png) top left no-repeat;}

#content .article { line-height:180%; text-align:justify; padding-bottom:20px;}
#content .article ol, #content .article ul { margin:10px 0; padding:0 0 0 30px;}
#content .article ol li { list-style:decimal outside; margin:0; padding:0;}
#content .article ul li { list-style:circle outside; margin:0; padding:0;}
#content .article dt { font-weight:bold;}
#content .article dd { margin-left:10px;}
/* #content .article BLOCKQUOTE { margin:10px 0 10px 20px; padding-left:6px; border-left:3px solid #eee;} */
#content .article BLOCKQUOTE {margin: 0; padding:0; padding-left:38px; line-height:1.8em; background:#EFEFEF url(./images/contextBlockquoteBg.gif) no-repeat 14px 4px}

#content .searchList { margin:0px 25px 0px 25px; }
#content .searchIcon { float:right;position:relative; top:-60px; left:-25px; background:url(images/searchIcon.png) no-repeat; height:128px; width:128px; ; z-index:100;}

/* 검색 리스트 */
.searchList ol, 
.searchRplist ol            { list-style:none;}
.searchList li, 
.searchRplist li            { border-bottom:1px solid #eee; line-height:25px;}
.searchList .date, 
.searchRplist .date         { font:0.8em tahoma; }
.searchList .cnt            { font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#f60;} 
.searchRplist .name         { font:0.95em Dotum, Arial, sans-serif; color:#999;}

/* 코멘트 */
.commentWrite { padding:8px 0;}
.commentWrite label { display:none;}
.commentWrite input, .commentWrite textarea { width:302px; border:3px solid #e1e1e1; margin:1px 0; padding-left:60px; padding-top:3px; color:#808080; font:1em gulim; height:15px;}
.commentWrite textarea  { height:70px; background:url(images/bgComment.gif) 0 0 no-repeat #ffffff; padding:22px 9px 9px 9px; }
.commentWrite input.name { background:url(images/bgName.gif) 0 0 no-repeat;}
.commentWrite input.home { background:url(images/bgHome.gif) 0 0 no-repeat; font:0.8em tahoma;}
.commentWrite input.pass { background:url(images/bgPass.gif) 0 0 no-repeat; }
.commentWrite p { border:1px solid white;}
.commentWrite .submit { border:0; padding:0; margin:0; width:325px; height:28px; margin-top:4px;}
.comment .secretWrap .checkbox { border:0; padding:0; margin:0; position:absolute; width:20px; height:20px; margin:124px 0 0 328px;}
.comment .secretWrap label { font:0.8em tahoma; letter-spacing:normal; display:block; position:absolute;  margin:128px 0 0 348px; cursor:pointer;}


.comment {position:relative; clear:both;}
.comment h3 { display:none;}
.commentList {background:#ffffff;}
.commentList li { overflow:hidden; width:100%; margin-top:6px; border-bottom:1px solid #e6e6e6; padding:5px 0 8px 0;}
.commentList li .date { font:0.8em tahoma; letter-spacing:normal; color:#ccc;}
.commentList li .name { float:left; font-weight:bold; margin-right:7px;  color:black;}
.commentList li .name img { vertical-align:middle;}
.commentList li p { clear:left; padding-top:4px; padding-bottom:3px; overflow:hidden;}
.commentList li ul { margin:0; padding:0 !important;}
.commentList li ul li { border-bottom:none; margin-top:15px; border-top:1px solid #e6e6e6; padding-left:30px; width:auto;  background:url(images/bgReply.gif) 4px 3px no-repeat;}

.commentList li .control { float:right;}
.commentList li .control a { display:block; height:0; padding:9px 0 0 0; overflow:hidden; float:left; margin-top:4px; margin-right:3px;}
.commentList li .control .address { background:url(images/iconAdd.gif); width:23px; }
.commentList li .control .modify { background:url(images/iconModify.gif); width:24px;}
.commentList li .control .write { background:url(images/iconReply.gif); width:28px; }

.guestbook .commentWrite { border-bottom:1px solid #e6e6e6; margin-bottom:5px;}

.trackback { border-bottom:1px dashed #ccc; padding-bottom:3px;}
.trackback h3 {margin-top:6px; border:1px solid #e6e6e6 !important; background:#ededed;  padding:8px 10px !important; display:block; font:0.8em tahoma !important; color:#888 !important; letter-spacing:normal;}
.trackback h3 span { border:0 !important; font-weight:normal;}
.trackback li {margin:5px 0; border-top:1px solid #e6e6e6;  padding:10px 0 8px 0; width:100%; overflow:hidden;} 
.trackback li h4 { font:1em gulim; border-bottom:none !important; letter-spacing:normal; font-weight:bold;}
.trackback li p {clear:left; padding-top:7px; margin-top:4px; padding-bottom:3px; font:0.9em dotum; border-top:1px dashed #ccc;}
.trackback li .date { font:0.8em tahoma; letter-spacing:normal; color:#ccc;}
.trackback li .delete {  display:block; height:0; padding:9px 0 0 0; overflow:hidden; float:right; margin-top:-33px;  background:url(images/iconDelete.gif); width:22px;}