@charset "utf-8";
/* CSS Document */

/*colorset*/
/*
배경색, 글자색 292929
카피라이트 배경색 0c0c0c
카피라이트 글자색 b7b7b7

사이드바h3 배경색 06101a
사이드바about 글자색 6497d2
검색창 배경색 0b1a2a
검색창 글자색 b6bbc0

메뉴선택색상 162b61

코멘트창 날짜색상 4f4f4f
본문 날짜색상 7f7f7f
본문 제목색상 33345b

*/

body{
	margin:0;
	background:#292929 url(./images/bgTop.gif) repeat-x;
	font:12px "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Arial", "Trebuchet MS";
	text-align:center;
	color:#292929;
}

a:link	{color:#292929; text-decoration:none;}
a:hover	{color:#292929; text-decoration:none;}
a:visited	{color:#292929; text-decoration:none;}
a:active	{color:#292929; text-decoration:none;}

/*기본*/
ul, ol	{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5	{margin:0; padding:0;}
img	{border:none;}
input, textarea	{border:none; background:none; outline-style:none; font-size:12px;}
.cnt, .c_cnt	{color:#ff6600; font:10px verdana;}

/*layout*/
#containerWrap{
	background:url(./images/bg.gif) no-repeat center top;
}
#container{
	margin:0 auto 25px;
	width:1000px;
	text-align:left;
}
	#topMenu{
		padding:10px;
	}
	#header{
		position:relative;
		padding:15px 0 0 10px;
		height:70px;
	}
	#wrapperR{
		padding-left:9px;
		background:url(./images/bgContentL.gif) no-repeat left 18px;
	}
	#wrapperL{
		padding-right:9px;
		background:url(./images/bgContentR.gif) no-repeat right 18px;
	}
	#wrapper{
		background:#FFF url(./images/bgContent.gif) repeat-y right top;
	}
		#menu{
			padding:18px 20px 0 10px;
			width:952px;
			height:60px;
			background:url(./images/bgMenu.gif) repeat-x left 18px;
		}
		#content{
			width:635px;
			float:left;
		}
		#sidebar{
			width:340px;
			font-size:11px;
			float:right;
		}
#footer{
	background-color:#0c0c0c;
	clear:both;
}
	#copyright{
		margin:0 auto;
		padding:25px 0;
		width:1000px;
		text-align:left;
	}

/*topMenu*/
#topMenu a{
	margin-right:15px;
	color:#FFF;
	font:10px Verdana;
	text-transform:uppercase;
}

/*header*/
#header h1{
}
#header h1 a{
	font:30px "나눔고딕 Bold", "NanumGothic Bold";
	color:#FFF;
}
#header .subTitle{
	font:12px "Verdana";
	color:#FFF;
}
#header .search{
	position:absolute;
	width:297px;
	top:24px;
	right:30px;
}
#header .search input.searchinput{
	padding:14px 10px 0 10px;
	height:24px;
	width:220px;
	background-color:#0b1a2a;
	font:11px "dotum", "돋움";
	color:#b6bbc0;
	vertical-align:middle;
}
#header .search input.submit{
	vertical-align:middle;
}

/*menu*/
#menu a{
	display:block;
	padding:18px 15px 0 15px;
	height:32px;
	font:10px "Verdana";
	color:#FFF;
	text-transform:uppercase;
	float:left;
}
#menu a:hover{
	background-color:#162b61;
}
#menu a.btTwitter, #menu a.btRss{
	margin-top:13px;
	padding:0 0 0 5px;
	float:right;
}
#menu a:hover.btTwitter, #menu a:hover.btRss{
	background:none;
}
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{
	background-color:#06101a;
}


/*entry*/
#entry{
	padding-bottom:25px;
	border-bottom:1px solid #ddd;
}
#entry h2{
	margin-bottom:7px;
	font:24px "나눔고딕 Bold", "NanumGothic Bold";
}
#entry h2 a{
	color:#33345b;
}
.titleWrap{
	margin:15px 25px 25px;
	color:#7f7f7f;
	font:10px Verdana;
	text-transform:uppercase;
}
.titleWrap .category a{
	color:#7f7f7f;
	font:11px dotum, "돋움";
}
.titleWrap .date{
	color:#7f7f7f;
}
.titleWrap .admin{
	margin-top:10px;
	padding:5px;
	background-color:#f7f7f7;
	border:1px solid #ddd;
	font-size:11px;
}

.article{
	padding:0 25px;
	margin-bottom:25px;
	overflow:hidden;
	line-height:160%;
}

.article a:link	{color:#4c62bb;}
.article a:hover	{text-decoration:underline;}
.article a:active	{color:#ff0190;}
.article a:visited	{color:#c700c9;}

.article h1	{margin:10px 0; font:24px NanumGothic Bold;}
.article h2	{margin:10px 0; padding:3px; border-bottom:1px solid #ddd; background-color:#f0f0f0; font-size:18px;}
.article h3	{margin:10px 0; font-size:16px; color:#cc0000;}
.article h4	{margin:10px 0; font-size:16px; border-bottom:2px solid #4c62bb;}


.article ol{
	margin:10px 0 10px 25px;
	list-style:decimal;
}
.article ol li{
	margin:0;
	padding:0;
	list-style:decimal;
}
.article ul.list{
	margin-left:25px;
	margin-bottom:20px;
}
.article ul.list li{
	margin:0;
	padding-left:15px;
	background:url(./images/hd_list.gif) no-repeat 5px 8px;
}

blockquote{
	margin:15px 0;
	padding:10px 0 10px 60px;
	background:url(./images/bgBlock.gif) no-repeat;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.moreless_fold span{
	padding-left:17px;
	padding-bottom:3px;
	background:url(./images/icon_more.gif) no-repeat;
}
.moreless_top span{
	padding-left:17px;
	padding-bottom:3px;
	background:url(./images/icon_less.gif) no-repeat;
}
.moreless_bottom span{
	padding-right:17px;
	padding-bottom:3px;
	background:url(./images/icon_less.gif) no-repeat right 0;
}
.moreless_fold{
}
.moreless_top{
}
.moreless_content{
	padding:15px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.moreless_bottom{
	text-align:right;
}

.cap1{
	margin:5px 0;
	padding:0;
	color:#888;
}

.tagTrail{
	margin:0 25px 10px;
	font-size:11px;
}
.tagTrail .tagText{
	padding:3px;
	background-color:#06101a;
	color:#FFF;
	font:10px Verdana;
	text-transform:uppercase;
}

.trackbackTitle{
	padding:10px;
	margin:0 25px;
	background-color:#e5e5e5;
	text-transform:uppercase;
}
.trackback{
	padding:10px 10px 0;
	margin:0 25px;
	background-color:#f7f7f7;
}
*html .trackback{
	background:none;
}
.trackback .trackbackAdd{
	padding-bottom:10px;
	font:10px Verdana;
	text-transform:uppercase;
}
.trackback ol{
	margin-left:35px;
	list-style:decimal;
}
.trackback ol li{
	padding-bottom:10px;	
}
.trackback ol li .name{
	color:#4f4f4f;
}
.trackback ol li .date{
	font:11px Verdana;
	color:#4f4f4f;
}
.trackback ol li a.del{
	font:10px Verdana;
	text-transform:uppercase;
	color:#4f4f4f;
}

.commentTitle{
	margin-top:25px;
	padding:25px 25px 0;
	border-top:1px solid #ddd;
	font:14px Verdana;
	text-transform:uppercase;
}
.commentTitle .cnt{
	font:14px Verdana;
	color:#292929;
}

.comment{
}

.commentList{
	padding-bottom:25px;
	border-bottom:1px solid #ddd;
}
.commentList ol{
}
.commentList ol li{
	padding-top:15px;
	padding-bottom:1px;
	margin:0 25px;
}
.commentList ol li img{
	position:absolute;
	left:5px;
	top:5px;
	width:36px;
	height:36px;
}
.commentList ol li p img{
	left:auto;
	top:auto;
}
.commentList ol li .cList{
	position:relative;
	background:url(./images/blogIcon.gif) no-repeat;
}
.commentList ol li .rp_secret .cList, .commentList ol li .guest_secret .cList{
	background:url(./images/blogIconSecret.gif) no-repeat;
}
.commentList ol li ul li .rp_secret .cList, .commentList ol li ul li .guest_secret .cList{
	background:url(./images/blogIconSecret2.gif) no-repeat;
}
.commentList ol li .rp_secret .date, .commentList ol li .rp_secret .name, .commentList ol li .guest_secret .date, .commentList ol li .guest_secret .name{
	display:none;
}

.commentList ol li .rp_admin .cList, .commentList ol li .guest_admin .cList{
	background:url(./images/blogIconAdmin.gif) no-repeat;
}
.commentList ol li ul{
}
.commentList ol li ul li{
	margin-right:0;
	padding:20px 0 1px 40px;
}
.commentList ol li ul li .cList{
	margin:0;
}
.commentList .name{
	padding-left:65px;
	font:bold 14px "나눔고딕", "NanumGothic", "돋움", "dotum";
}
.commentList .name a{
	color:#1c478e;
}
.commentList ol li .info{
	position:relative;
	padding:5px;
	height:13px;
	margin-left:65px;
	background-color:#e5e5e5;
}
.commentList ol li ul li .info{
	margin-left:0;
}
.commentList .date{
	font:10px Verdana;
	color:#4f4f4f;
}
.commentList .date a{
	color:#4f4f4f;
}
.commentList .control{
	display:block;
	position:absolute;
	right:5px;
	top:5px;
	float:right;
	font:10px Verdana;
	text-transform:uppercase;
}
.commentList .control a{
	padding-left:5px;
	color:#4f4f4f;
}

.commentList p{
	margin:0 0 10px;
	padding:5px 0 0 65px;
	line-height:160%;
}

.commentWrite{
	padding:25px 25px 15px;
}
.commentWrite p{
	margin:0 0 10px;
	padding:0;
}
.commentWrite label{
	font:10px Verdana;
	text-transform:uppercase;
}
.commentWrite label.secret{
	font:11px dotum, "돋움";
}
.input{
	margin-right:5px;
	padding:5px;
	width:180px;
	border:1px solid #bbb;
	cursor:text;
}
.input_on{
	margin-right:5px;
	padding:5px;
	width:180px;
	border:1px solid #666;
	cursor:text;
}
.textarea{
	padding:10px;
	width:570px;
	height:150px;
	border:1px solid #bbb;
	cursor:text;
}
.textarea_on{
	padding:10px;
	width:570px;
	height:150px;
	border:1px solid #666;
	cursor:text;
}
.commentWrite .secretWrap{
}
.commentWrite a.submit{
	display:block;
	margin-top:-30px;
	width:64px;
	height:44px;
	background:url(./images/btSubmit.gif) no-repeat;
	float:right;
}
.commentWrite a:hover.submit{
	background-position:0 -44px;
}
.commentWrite a.submit span{
	display:none;
}


/*paging*/
#paging{
	margin:25px;
	width:585px;
}
#paging span{
}
#paging a{
	display:block;
	font:10px Verdana;
	text-transform:uppercase;
	padding:5px;
}
#paging a.prev{
	border:1px solid #ddd;
	background-color:#f7f7f7;
	float:left;
}
#paging a.next{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	background-color:#f7f7f7;
	float:left;
}
#paging .selected{
	color:#ff6600;
}
#paging .numbox{
}
#paging a.num, #paging span.interword{
	padding:5px 7px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	display:block;
	float:left;
}
#paging a:hover.num{
	color:#666;
}

/*nonEntry*/
#nonEntry h3{
	font:24px "나눔고딕 Bold", "NanumGothic Bold";
	color:#33345b;
}
#nonEntry h3 .cnt{
	font:24px Georgia;
	color:#33345b;
}
#searchList, #searchRplist, #taglog, #localog{
	margin:15px 25px 25px;
}

#searchList ol, #searchRplist ol{
	list-style:decimal;
	margin:25px 0 0 35px;
}
#searchList ol li, #searchRplist ol li{
	padding-bottom:10px;
}



#taglog ul{
	margin-top:25px;
	padding:10px;
	background-color:#e5e5e5;
	text-align:justify;
	line-height:200%;
}
#taglog li	{background:none;  display:inline;}
#taglog a	{padding:5px; color:#333;}
#taglog a:hover.cloud1, #taglog a:hover.cloud2, #taglog a:hover.cloud3	{color:#FFF; background-color:#06101a;}
#taglog a:visited	{color:#999;}	
#taglog li a.cloud1	{font-weight:bold;  background-color:#ff9900; color:#FFF;}
#taglog li a.cloud2	{font-weight:bold;  background-color:#70c5d4; color:#FFF;}
#taglog li a.cloud3	{font-weight:bold;  background-color:#FFF;}
#taglog li a.cloud4	{font-weight:bold; }
#taglog li a.cloud5	{}


#localog{
}
#localog .localogBody{
	margin:25px 0;
}
#localog .spot{
	padding:5px 0;
}
#localog .info{
	padding:5px 0;
}
#localog .info a{
	color:#4c62bb;
}
#localog .info a:hover{
	text-decoration:underline;
}

#guestbook h3{
	margin:15px 0 0 25px;
}
#guestbook .commentList{
	border-bottom:none;
}
#guestbook .commentWrite{
	padding-bottom:40px;
	border-bottom:1px solid #ddd;
}

#entryNotice h2, #entryProtected h2{
	margin:15px 25px 25px 25px;
	font:24px "나눔고딕 Bold", "NanumGothic Bold";
	text-align:left;
}

#entryProtected{
	text-align:center;
}
#entryProtected .protectedBody{
	margin:0 auto;
	padding:40px 0 25px 90px;
	width:342px;
	height:160px;
	background:url(./images/bgProtectedArticle.gif) no-repeat;
	color:#FFF;
	text-align:left;
}
#entryProtected .protectedBody p{
	line-height:160%;
}
#entryProtected input{
	padding:5px;
	width:180px;
	height:15px;
	background-color:#FFF;
}
#entryProtected input.submit{
	width:60px;
	height:25px;
	font:10px Verdana;
	text-transform:uppercase;
	background-color:#e5e5e5;
	cursor:pointer;
}


/*sidebar*/
#sidebar h3{
	padding:8px 10px;
	border-bottom:1px solid #ddd;
	font:10px Verdana;
	text-transform:uppercase;
	color:#000;
}
#sidebar .module{
	padding:10px;
	border-bottom:1px solid #ddd;
}
#recentPost, #recentComment, #recentTrackback, #blogImage, #sidebarLink, #tagbox, #notice, #archive, #category{
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
#sidebar ul{
	margin:10px 10px 0 10px;
}
#sidebar ul li{
	padding:5px 0;
}

#sidebar ul li a .name{
	color:#4c62bb;
}

#blogImage .blogImageBody{
	margin:15px 20px 10px;
	padding:10px;
	width:280px;
	background-color:#06101a;
	color:#FFF;
}
#blogImage img{
	margin-right:10px;
	width:73px;
	float:left;
}
#blogImage .about{
	font:10px Verdana;
	color:#6497d2;
	text-transform:uppercase;
}
#blogImage p{
	margin:5px 0;
	padding:0;
	line-height:160%;
}
#blogImage .blogger{
	font:11px dotum, "돋움";
}

#notice{
}
#notice .noticeText{
	font:10px Verdana;
	color:#6497d2;
	text-transform:uppercase;
}
#notice a{
}
#notice ul{
	background:none;
}
#category ul li ul{
	margin:0 0 0 10px;
	padding:0;
	background:none;
}
#category ul li ul li{
	padding:10px 0 0;
}
#category ul li ul li{
	padding-left:20px;
	background:url(./images/bgTree.gif) no-repeat;
	border-left:1px solid #ddd;
}

.ib			{cursor:pointer;}
.branch3	{cursor:pointer;}

#tagbox ul					{ text-align:justify; line-height:200%; }
#tagbox ul li 					{ display:inline; border:none; background:none; padding:0;}
#tagbox li a	{padding:3px;}
#tagbox li a:hover.cloud1, #tagbox li a:hover.cloud2, #tagbox li a:hover.cloud3	{background-color:#06101a; color:#FFF;}
#tagbox li a.cloud1		{font-weight:bold;  background-color:#FF9900; color:#FFF}
#tagbox li a.cloud2 	{font-weight:bold;  background-color:#70c5d4; color:#FFF}
#tagbox li a.cloud3		{font-weight:bold;  background-color:#FFF;}
#tagbox li a.cloud4		{font-weight:bold; }
#tagbox li a.cloud5		{}

#sidebarLink ul li a{
	padding-right:17px;
	background:url(./images/bgLink.gif) no-repeat right top;
}

#counter{
	padding:10px;
	background-color:#e5e5e5;
	font:10px Verdana;
	text-transform:uppercase;
}
#counter .totalText{
	color:#ff6600;
}

#copyright{
	font:10px Verdana;
	color:#b7b7b7;
}
#copyright a{
	color:#FFF;
}

/* Float bug */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* */