@charset "utf-8";

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

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

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

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

p	{text-align:justify;}

h3, h4, h5, h6	{font-weight:bold;}
h1	{ font-size:45px; color:#d2d3d5; }  
h2	{ font-size:30px; color:#303951;}
h3	{
	font-size:20px;
	color:#503066;
} 
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:#20568d;}
a:active	{background-color:#d2d3d8;}
a:focus, a:hover {text-decoration:none;background-color:#d2d3d8;}


/*container: 크라프트지 이미지를 부르는 부분-------------------------------------------------------------------------------------------*/
#container	 {width:1007px; margin:0 auto;}


/*blogTitle: 블로그제목--------------------------------------------------------------------------------------------------------------------*/
#blogTitle	{padding:30px 0 0 20px;}
#blogTitle h1 a	 { color:#6b6448;}
#blogTitle .logo {width:112px; height:34px; float:left;position:relative; background:url(images/logo.gif) no-repeat;}
#blogTitle .topline {
	width:1007px;
	height:40px;
	float:left;
	background:url(images/topline.gif) no-repeat;
	margin:-30px 0 0;
}

/*--------------------*/
#menu{
	width:/*@post-width:280*/1118px/*@*/;
	position:absolute;
	top:0;
	left:0;
	background-color:#FFF;
	font:11px Trebuchet MS;
	text-transform:uppercase;
	letter-spacing:1px;
	
}
#menu a{
	display:block;
	float:left;
	padding:8px 8px;
}
#menu a.admin, #menu a.write, #menu a.skip{
	float:right;
}
body#tt-body-page #menu a.blog, body#tt-body-category #menu a.blog, body#tt-body-notice #menu a.notice, body#tt-body-tag #menu a.tag, body#tt-body-location #menu a.localog, body#tt-body-media #menu a.media, body#tt-body-guestbook #menu a.guestbook{
	font-weight:bold;
	background-color:#f7f7f7;
}





/*nav: 상단메뉴-----------------------------------------------------------------------------------------------------------------------------*/
#nav	{height:46px; position:relative; list-style: none; margin:60px 0 0; font-size:0;border-style:none; /*for IE6,IE7*/}
#nav a {
	display: block;
	position: absolute;
	outline-color:#000;
	text-indent: -999%;
	height:36px;
	top: -1px;
}
#nav a:hover, #nav a:focus {	background-position: left bottom; border-style:none;}
#nav .guestbook {width:176px; background:url(images/topM01.gif); left:0px;} 
#nav .about	{width:132px;background:url(images/topM02.gif);left:252px;}
#nav .location{width:59px; background:url(images/topM03.gif); left:471px;}
#nav .keyword	{width:63px; background:url(images/topM04.gif); left:613px;}

#nav .rss	{
	width:15px;
	height:15px;
	background:url(images/rss.gif);
	right:20px;
	top:12px;
	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:#d2d3d5;}


/*wrapper: 본문+사이드바를 감싸는 영역-----------------------------------------------------------------------------------------------*/
#wrapper	 {margin-top:20px; overflow:hidden;  background:url(images/conBG_middle.gif) repeat-y;}
#wrapper .topBG{
	width:1007px;
	height:30px;
	float:left;
	background:url(images/conBG_top.gif) no-repeat;
	z-index: 1;
}


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


/* ####### Search Form ####### */
#searchForm { 
	position: relative;
	top:-40px;
	left: 740px;
	width: 206px;
	height: 33px;
	background: transparent url(images/bg_searchForm.gif) no-repeat 0 0;
}
#searchForm p label { display: none; }
#searchForm p input { 
	float: left;
	padding: 4px;
	display: inline;
	border: medium none;
}
#searchForm p input:hover,
#searchForm p input:focus {
	padding: 2px;
	border: 2px solid #fd6;
}
#searchForm p input.submit:hover {
	padding: 4px;
	border: none;
}
#searchText {
	margin: 4px 30px 0;
	width: 155px;
	background: transparent;
}
#searchSubmit {
	padding:2px;
	margin: 18px 0 0;
}






/* ------------------------------------------------------------------------------------------------


/*searchList: 검색결과----------------------------------------------------------------------------------------------------------------------*/
.searchList	{ margin:0px 0; font-size:12px;}
.searchList ol	{border-top:1px solid #d2d3d8; margin-top:5px; list-style:none;}
.searchList ol li	 {border-bottom:1px dotted #d2d3d8; }
.searchList ol li	a	{display:block; padding:3px 5px; color:#303951;}
.searchList ol li	a:visited	{color:#303951;}
.searchList ol li	a:hover, .searchList ol li a:focus	{background-color:#d2d3d8; border-style:none;}
.searchList .date	{font:12px 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:0px 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:#d7276f;
}
.articleTitle .date	{
	color:#666;
	font:12px verdana, Gulim, 굴림, sans-serif;
	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:#ffffff;}

.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 #b2b9cb; padding:10px;}*/
.article a:hover img, .article a:focus img	{border-color:#202a43;}
.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:#202a43 !important; border-bottom:1px dotted;}
.key1:hover, .key1:focus	{background-color:#d2d3d8;}

/*more/less--------------------------------- */
p.moreless_fold, p.moreless_top, p.moreless_bottom   {
	margin:0.8em 0;
	color:#413d53;
	font-weight:bold;
	font-size:15px;
}
div.moreless_content		{ border:2px solid #d2d3d5; 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 #d2d3d5; border-width:1px 0;}
.articleTag	{margin-bottom:5px;}
.articleTag .tagt,
.categoryIn,
.postedBy	 {font-family: 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:14px NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", AppleGothic, 바탕, dotum, Sans-serif; }

/*trackback, comment 공통부분-----------------------------------------------------------------------------------------------------------------------------*/
.trackback h3, .comment h3	 {font-family: 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/rss.gif) no-repeat; display:block; width:17px; height:18px; position:absolute; top:8px; 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:13px verdana, NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", AppleGothic, 바탕, dotum, Sans-serif;}
.trackback ol li {width:630px;margin:20px 0; list-style:none; padding:10px; border:25px solid #413d53; 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:#413d53; font:12px 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:#20568d; !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:#303951;
	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 #d2d3d8; 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:#d2d3d8; 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:#413d53 !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:#20568d !important;/*!important for IE6--*/ margin-left:10px; font-size:12px;} 

.writeformWrap	{border:1px solid #d2d3d8; border-width:1px 0; }
.writeform	{width:354px; margin:30px auto; }
.writeform .leaveComment	{margin:0 0 1em; font:bold 18px verdana;color:#8c93a5;}
.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 #d2d3d8;}

.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 span	{font-family: verdana, tahoma, dotum; color:#9ca0b1; padding:0px 5px 0 5px;}
.paging .num:hover, .paging .num:focus	{ border:1px solid #202a43; border:1px solid #9ca0b1;  padding:1px 0px; }
.paging .num .selected	 {color:#202a43; font-weight:bold;}
a.no-more-prev,
a.no-more-next	{color:#9ca0b1!important;}
a.next, a.prev {color:#202a43; border-style:none;}


/*right: 사이드바 영역-----------------------------------------------------------------------------------------------------------------------------------------------*/
#right	{width:230px; float:right; margin-right:30px; margin-top:-60px; display:inline; font-size:12px; }
#right ul {list-style:none; margin-top:10px; _margin-top:-5px; border-top:1px solid #d9d8dd;}
#right ul li	{border-bottom:1px dotted #d9d8dd;}

#right h3	{height:25px; text-indent:-999%;}
#right .name, #right .date	{color:#75715D;}
#right li a	 {padding:3px 5px; color:#737b8e; display:block; }
#right li a:hover, #right li a:focus,#right li a:active	{
	background-color:#d2d3d5;
	border-style:none;color:#202a43; font-weight:bold;
}

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

.search	 {margin:10px 17px 0; position:relative;}
.searchInput	{color:#202a43;width:150px; padding:3px; border-color:#d2d3d8; }
.searchInput:hover, .searchInput:focus	{border-color:#202a43;}
.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:#d2d3d8; 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:#d2d3d8;}

.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:#202a43;}
.inlineBox li a:hover, .inlineBox li a:focus	{background-color:#d2d3d8; 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:24px; font-weight:bold;}
.tagCloud li a.cloud2   {  font-size:20px; font-weight:bold;}
.tagCloud li a.cloud3   {  font-size:18px;}
.tagCloud li a.cloud4   {  font-size:15px; color:#303951 !important;}
.tagCloud li a.cloud5   { font-size:12px; color:#303951 !important;}
.tagCloud .more	{float:right;  font-weight:bold;}

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


/*footer: 카운터 및 copyright영역----------------------------------------------------------------------------------------------------------------------------------*/
#footer	{margin:0px 0 0; padding:30px 0 0;  font-family:"Trebuchet MS",verdana; font-weight:bold; color:#000; width:100%; background:url(images/conBG_footer.gif) no-repeat;}
#footer a	{color:#000 !important;/*!important for IE6*/}	
#footer .by	{position:absolute; top:115px; left:32px;}
#footer a.website	{position:absolute; top:115px; right:30px;}#footer .footerLeft	{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;}
}




/* 레이어 팝업 */
#layerPop{width:500px;height:350px;position:absolute;display:none;padding:0px;z-index: 500;background:url(images/contact_bg.gif) no-repeat;}
			#layerPop .st{
position:absolute;
	top:70px;
	left:0px;
	
}
			#layerPop .tel{
position:absolute;
	bottom:12px;
	left:100px;
	
}

		#layerPop .close{
			font-weight:bold;
	position:absolute;
	top:5px;
	right:10px;
	
}