@charset "utf-8";

/*전체에 적용되는 부분------------------------------------------------------------------------------------------------------------------------*/
*{margin:0;	padding:0;}

img{	border-style:none; clear:both; }

body{background-color:#c9c3ab; color:#362306; font: normal 13px/1.6 NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", AppleGothic, 바탕, verdana, dotum, Gulim, 굴림, Sans-serif; }

input, textarea, select	{background:transparent; font: normal 13px/1.6 NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", AppleGothic, 바탕, verdana, dotum, Gulim, 굴림, Sans-serif; color:#362306;}
input, textarea	 {border:2px solid #b4ae94; }
input	{padding:2px 0;}
input:hover, input:focus,
textarea:hover, textarea:focus	{border-color:#362306;}

p	{text-align:justify;}

h3, h4, h5, h6	{font-weight:bold;}
h1	{ font-size:45px; color:#504d42; }  
h2	{ font-size:30px; color:#a51717;}
h3	{ font-size:23px; color:#136d58;} 
h4	{ font-size:19px; color:#000;}
h5	{ font-size:16px; color:#000;}
h6	{font-size:14px; color:#000;}

a {text-decoration:none;}
a:link, a:visited { color:#a51717;}
a:active	{background-color:#b4ae94;}
a:focus, a:hover {border-bottom:1px solid;}


/*container: 크라프트지 이미지를 부르는 부분-------------------------------------------------------------------------------------------*/
#container	 {width:1007px; margin:0 auto; background:url(images/container.jpg) repeat-y;}


/*blogTitle: 블로그제목--------------------------------------------------------------------------------------------------------------------*/
#blogTitle	{padding:50px 0 0 40px;}
#blogTitle h1 a	 { color:#6b6448;}


/*nav: 상단메뉴-----------------------------------------------------------------------------------------------------------------------------*/
#nav	{height:55px; position:relative; list-style: none; background:url(images/navBottomBar.jpg) no-repeat left bottom; margin:40px 15px 0; font-size:0; /*for IE6,IE7*/}
#nav a {display: block; position: absolute;	outline-color:#000; text-indent: -999%;height:20px; border-top:10px solid #cbc5ad;}
#nav a:hover, #nav a:focus {	background-position: left center; border-style:none; border-top:10px solid #b4ae94;}
#nav .home {width:54px; background:url(images/home.gif); right:474px;} 
#nav .about	{width:65px;background:url(images/about.gif); right:395px;}
#nav .location	{width:98px; background:url(images/location.gif); right:287px;}
#nav .keyword	{width:96px;background:url(images/keyword.gif); right:182px;}
#nav .guestbook	{width:112px; background:url(images/guestbook.gif); right:60px;}
#nav .rss	{width:48px; height:46px; background:url(images/rss.gif); right:0; top:-15px; border-style:none; opacity:0.5; filter:alpha(opacity=50);}
#nav .rss:hover, #nav .rss:focus	 {border-style:none; opacity:1; filter:alpha(opacity=100);}

#tt-body-cover	 #nav .home,
#tt-body-pages #nav .home,
#tt-body-page	 #nav .about,
#tt-body-location #nav .location,
#tt-body-keylog #nav .keyword,
#tt-body-guestbook #nav .guestbook	{background-position: left bottom; border-color:#504d42;}


/*wrapper: 본문+사이드바를 감싸는 영역-----------------------------------------------------------------------------------------------*/
#wrapper	 {margin-top:20px; overflow:hidden;}


/*left: 왼쪽영역(본문)----------------------------------------------------------------------------------------------------------------------*/
#left	 {width:670px; margin:10px 0 0 30px; float:left; display:inline;}


/*searchList: 검색결과----------------------------------------------------------------------------------------------------------------------*/
.searchList	{ margin:30px 0; font-size:12px;}
.searchList ol	{border-top:1px solid #b4ae94; margin-top:5px; list-style:none;}
.searchList ol li	 {border-bottom:1px solid #b4ae94; }
.searchList ol li	a	{display:block; padding:3px 5px; color:#362306;}
.searchList ol li	a:visited	{color:#A29E84;}
.searchList ol li	a:hover, .searchList ol li a:focus	{background-color:#b4ae94; border-style:none;}
.searchList .date	{font:12px georgia, verdana; padding-right:15px;}
.searchList .name	 {font-weight:bold; padding-left:8px;}
.searchList .title	{font-weight:bold;}


/*pages: 각 페이지 영역----------------------------------------------------------------------------------------------------------------------*/
.noticePage,
.protectedEntry,
.entry,
.locationPage, 
.keywordPage,
.tagPage,
.guestbookPage	{margin:30px 0 50px;}
.pageInner	{margin-top:20px;}
.protectedEntry p	{margin:20px 0; text-align:center;}
.protectedEntry input.submit	{padding:0;}


/*article: 실제 포스트 영역----------------------------------------------------------------------------------------------------------------------*/
.article	{margin:40px 0;}
.articleTitle h2 a	{ color:#a51717;}
.articleTitle .date	{color:#908863; font:12px georgia, verdana, Gulim, 굴림, sans-serif; border:1px solid #A8A28A; border-width:1px 0; padding:5px; margin:7px 0 0 0;  text-align:left;}
.controlAdmin	{text-align:right; margin:10px 5px 0 0; font-size:12px;}

.article a	{border-bottom:1px dashed; font-weight:bold;}
.article a:hover, .article a:focus 	{background-color:#b4ae94;}

.article p	{margin:0.5em 0 1.3em;}
.article p.image a	{border-style:none;}
.article p.image a:hover, .article p.image a:focus		{background-color:transparent;}

.article img	{border:1px solid #b4ae94; padding:10px;}
.article a:hover img, .article a:focus img	{border-color:#362306;}
.article .imageblock 	{margin:1em 0;}
.article p.cap1   { margin-top:5px; font-size:12px; text-align:center;}

.article em	{font-weight:bold;}
.article ol, .article ul	{list-style-position:inside; margin:10px;}
blockquote	{background:url(images/blockquote.gif) no-repeat; padding:10px 10px 10px 40px; margin:1em 0;}

.key1 { cursor: pointer; color:#362306 !important; border-bottom:1px dotted;}
.key1:hover, .key1:focus	{background-color:#b4ae94;}

/*more/less--------------------------------- */
p.moreless_fold, p.moreless_top, p.moreless_bottom   { margin:0.8em 0; color:#136d58; font-weight:bold; font-size:15px;}
div.moreless_content		{ border:2px solid #b4ae94; border-width:2px 0; padding:10px;}
p.moreless_bottom        { margin-top:10px; text-align:right;}


/*articleInfo: 태그, 카테고리, 저자----------------------------------------------------------------------------------------------------------------------*/
.articleInfo	{font-size:12px; padding:10px; border:1px solid #b4ae94; border-width:1px 0;}
.articleTag	{margin-bottom:5px;}
.articleTag .tagt,
.categoryIn,
.postedBy	 {font-family: georgia, verdana, NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", AppleGothic, 바탕, dotum, Sans-serif;}
.categoryIn a, 
.postedBy span	{font-weight:bold; font-family:NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", AppleGothic, 바탕, verdana, dotum, Sans-serif; }
	
/*tbrpControl: 댓글,트랙백 여닫는 부분-------------------------------------------------------------------------------------------------------------------*/
.tbrpControl	{text-align:right; margin:15px 0;}
.tbrpControl a	{font:18px georgia, NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", AppleGothic, 바탕, dotum, Sans-serif; }

/*trackback, comment 공통부분-----------------------------------------------------------------------------------------------------------------------------*/
.trackback h3, .comment h3	 {font-family: georgia, verdana, NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", AppleGothic, 바탕, dotum, Sans-serif; letter-spacing:-1px; display:inline; }
.tbTop, .rpTop	{position:relative; vertical-align:text-bottom; }
.tbrpRSS	{background:url(images/tbrpRSS.gif) no-repeat; display:block; width:17px; height:18px; position:absolute; top:10px; left:125px; border-style:none !important; text-indent:-999%; opacity:0.5; filter:alpha(opacity=50);}
.tbrpRSS:hover, .tbrpRSS:focus	{opacity:1; filter:alpha(opacity=100);}
.rpTop .tbrpRSS	{left:120px;}

/*trackback: 트랙백 영역-----------------------------------------------------------------------------------------------------------------------------------*/
.trackback	{margin-bottom:60px;}
.tbAddress span {font:15px georgia, verdana, NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", AppleGothic, 바탕, dotum, Sans-serif;}
.trackback ol li {width:630px;margin:20px 0; list-style:none; padding:10px; border:25px solid #b4ae94; border-width:2px 0 0 20px; position:relative; }
.trackback ol li h4 {margin-bottom:2px; font-size:20px;}
.trackback ol li h4	a {color:#000;}
.trackback .from, 
.trackback .date	{color:#675B24; font:12px georgia, verdana, NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", AppleGothic, 바탕, dotum, Sans-serif;}
.trackback .name	{font:normal 14px NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", AppleGothic, 바탕, verdana, dotum, Sans-serif;}
.trackback .delete	{position:absolute; top:15px; right:10px; color:#136d58 !important;/*!important for IE6*/ font-weight:bold;}
.trackback p	{font-size:12px; padding-top:5px;}

/*comment, guestbook: 댓글 및 방명록 영역-----------------------------------------------------------------------------------------------------------------*/
.comment h3	{margin-right:30px; }
.comment a.ticket		{color:#362306; font-size:15px; font-weight:bold;}
.comment ul, .comment ol,
.guestbookPage ul, .guestbookPage ol {list-style:none;}

.comment ol	 {margin-bottom:60px;}
.comment ul, .guestbookPage ul	{margin:0 0 30px 70px; }
.comment li .descbox, .guestbookPage li .descbox	{padding:7px 0 5px; clear:both; text-align:justify; }

.commentList	{margin-bottom:60px;}
.guestList	 {margin-top:60px;}

.rp_admin, .rp_general, .rp_secret,
.guest_admin, .guest_general, .guest_secret	 {width:610px; margin:10px 0; border:25px solid #b4ae94; border-width:2px 0 0 25px; padding:10px 15px;  }

ul li .rp_admin, ul li .rp_general, ul li .rp_secret,
ul li .guest_admin, ul li .guest_general, ul li .guest_secret	{ border-color:#bfb99d; border-left-width:20px; width:540px;}

.infobox	{float:left;}
.infobox .name	{font-size:20px; color:#000; font-weight:bold;}
.infobox .name img	{vertical-align:bottom;}
.infobox .name a	{color:#000; border-bottom:1px dotted;}
.infobox .name a:hover	{border-bottom:1px solid;}
.infobox .rpAddress {color:#675B24 !important;/*!important for IE6--*/ margin:0 0 0 10px; font:11px georgia,verdana; _vertical-align:text-bottom;/*for IE6*/ }
.controlbox 	{ float:right; margin-top:10px; font-size:10px; font-weight:bold; _vertical-align: bottom;/*for IE6*/ }
.controlbox a {color:#136d58 !important;/*!important for IE6--*/ margin-left:10px; font-size:12px;} 

.writeformWrap	{border:7px solid #b4ae94; border-width:7px 0; }
.writeform	{width:354px; margin:30px auto; }
.writeform .leaveComment	{margin:0 0 1em; font:bold 20px georgia, verdana;}
.writeform p	 {margin-bottom:0.3em;}

.writeform .text	{width:200px;}
.writeform .secret	 {text-align:right; margin:0 5px 5px 0;}
.writeform .secretCheck	{position:relative; top:4px; padding:1px; border-style:none;}
.writeform textarea	{width:350px;}
.writeform .submit	 {width:354px; font-weight:bold; cursor: pointer;}


/*locationPage, keywordPage, tagPage-----------------------------------------------------------------------------------------------------------------*/
.locationPage h3,
.keywordPage h3,
.tagPage h3	 {padding-bottom:5px; border-bottom:1px solid #b4ae94;}

.locationPage	{font-size:12px;}


/*error--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#error	{text-align:center; font-size:30px; margin-top:200px;}


/*paging--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.paging	 {text-align:right; padding:5px 0;}
.paging .num	{border:1px solid #8C866E;  padding:1px 5px; }	
.paging .num span	{font-family: verdana, tahoma, georgia, dotum; color:#8C866E;}
.paging .num:hover, .paging .num:focus	{ border:1px solid #362306;}
.paging .num .selected	 {color:#362306;}
a.no-more-prev,
a.no-more-next	{color:#8C866E !important;}
a.next, a.prev {color:#362306; border-style:none;}


/*right: 사이드바 영역-----------------------------------------------------------------------------------------------------------------------------------------------*/
#right	{width:230px; float:right; margin-right:30px; display:inline; font-size:12px; }
#right ul {list-style:none; margin-top:5px; _margin-top:-5px; border-top:1px solid #b4ae94;}
#right ul li	{border-bottom:1px solid #b4ae94;}
#right h3	{height:25px; text-indent:-999%;}
#right .name, #right .date	{color:#75715D;}
#right li a	 {padding:3px 5px; color:#362306; display:block; }
#right li a:hover, #right li a:focus	{background-color:#b4ae94; border-style:none;}

/*(searchList, category, recent entry) cnt------------*/
.cnt, .c_cnt, .rctps_cnt   { font:normal 10px verdana, georgia, dotum, Sans-serif;}

.search	 {margin:10px 17px 0; position:relative;}
.searchInput	{color:#362306;width:150px; padding:3px; border-color:#938d74; }
.searchInput:hover, .searchInput:focus	{border-color:#362306;}
.searchSubmit	{width:25px; height:25px; position:absolute; top:0; right:0; border-style:none; padding:0; _right:20px;}

.notice, .category, .recentEntry, .recentComment, .recentTrackback, #right .tagCloud, .link, .archive, .author	{margin-top:50px;}
.notice h3		{background:url(images/notice.gif) no-repeat;}

.category h3		{background:url(images/category.gif) no-repeat;}
.category ul ul	{margin-top:0 !important;}
.category ul ul ul li,	
.category ul li.lastChild	 { border-style:none !important;}
.category li ul li a	 {padding-left:20px !important;}
.category li ul li ul li a	{padding-left:35px !important;}

.category li.selected a {background-color:#b4ae94; font-weight:bold;}
.category li.selected ul li a	{background-color:transparent; font-weight:normal;}
.category li.selected ul li a:hover, .category li.selected ul li a:focus	 {background-color:#b4ae94;}

.category .click	{border-style:none;}

.ib, .branch3   { cursor:pointer;} /* 카테고리 이미지 버튼, 트리셀 */

.recentEntry	h3	{background:url(images/rcEntry.gif) no-repeat;}
.recentComment h3 	{background:url(images/rcComment.gif) no-repeat;}
.recentTrackback h3 	{background:url(images/rcTrackback.gif) no-repeat;}
.link h3 	{background:url(images/link.gif) no-repeat;}
.archive h3 	{background:url(images/archive.gif) no-repeat;}
.author h3	{background:url(images/author.gif) no-repeat;}

.inlineBox	{text-align:justify; margin-top:20px; list-style:none;}
.inlineBox	li	{display:inline; border-style:none !important;}
.inlineBox	li a	{padding:3px 5px; color:#362306;}
.inlineBox li a:hover, .inlineBox li a:focus	{background-color:#b4ae94; border-style:none;}

#right .inlineBox	{padding-top:5px;}
.tagCloud h3 	{ background:url(images/tagCloud.gif) no-repeat;}
.tagCloud a:link, .tagCloud a:visited  { display:inline !important;}	
.tagCloud li a.cloud1   {  font-size:28px; font-weight:bold;}
.tagCloud li a.cloud2   {  font-size:22px; font-weight:bold;}
.tagCloud li a.cloud3   {  font-size:18px;}
.tagCloud li a.cloud4   {  font-size:15px; color:#675B24 !important;}
.tagCloud li a.cloud5   { font-size:12px; color:#675B24 !important;}
.tagCloud .more	{float:right;  font-weight:bold;}

.link select#linkSelect	{width:100%; border:1px solid #b4ae94;  margin-top:10px;}


/*footer: 카운터 및 copyright영역----------------------------------------------------------------------------------------------------------------------------------*/
#footer	{background:#cbc5ad url(images/navBottomBar.jpg) repeat-x; margin:50px 0 0; padding:30px 0 0;  font-family:georgia,"Trebuchet MS",verdana; font-weight:bold; color:#000; width:100%;}
#footer a	{color:#000 !important;/*!important for IE6*/}	
#footer .designer	{width:305px; height:145px; float:right; position:relative; background:url(images/babmucza.jpg) no-repeat;}
#footer .by	{position:absolute; top:115px; left:32px;}
#footer a.website	{position:absolute; top:115px; right:30px;}#footer .footerLeft	{float:right; margin-top:75px;}
#footer p	{text-align:right;}
#footer .counter	{font-weight:normal; margin-right:10px;}


/*print영역------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media print {
	body	 {background-color:#fff; color:#000; margin:0; }
	#blogTitle	,
	#nav,	
	#footer, 
	#right,
	.tbrpControl,
	.comment,
	.trackback,
	.paging	 {display:none !important;}

	#container	{background:#fff none; width:100%; margin:0;}
	#wrapper	 {width:100%; margin:0;}
	#left	 {width:100%; margin:0;}
	.article	a:link:after, .article a:visited:after {content: " (" attr(href) ") ";  font-size: 80%; color:#000;}
}