@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:15px "NanumGothic", "나눔고딕", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "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:1px; background:#ffffff; outline-style:solid; outline-width:thin;
 font-size:13px;}
.cnt, .c_cnt	{color:#ff6600; font:13px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";}

/*layout*/
#containerWrap{
	background:url(./images/bg.jpg) 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:13px;                        
			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", "Dotum", "돋움", "Gulim", "굴림", Arial, "Arial", "Trebuchet MS";
        text-transform:uppercase;
}

/*header*/
#header h1{
}
#header h1 a{
	font:30px Arial, "Arial", "Verdana", "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Trebuchet MS";
	color:#fff;
}
#header .subTitle{
	font:13px "NanumGothic", "나눔고딕", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
	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:12px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
	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:16px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
	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:21px "나눔명조 Bold", "NanumMyeongjo Bold", "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
}
#entry h2 a{
	color:#1E3269;
}
.titleWrap{
	margin:15px 25px 25px;
	color:#7f7f7f;
	font:11px Arial, "Arial", "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Trebuchet MS";
	text-transform:uppercase;
}
.titleWrap .category a{
	color:#323C73;
	font:13px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
}
.titleWrap .date{
	color:#7f7f7f;
}
.titleWrap .admin{
	margin-top:10px;
	padding:5px;
	background-color:#f7f7f7;
	border:1px solid #ddd;
	font-size:11px;
}


/*구글 상단 광고*/
.google_ad{
float:left;
margin:5px 15px 33px 10px;
}


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

.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", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";}
.article h2	{margin:10px 0; padding:3px; border-bottom:1px solid #ddd; background-color:#f0f0f0; font-size:18px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";}
.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:12px;
}
.tagTrail .tagText{
	padding:3px;
	background-color:#06101a;
	color:#FFF;
	font:10px Arial, "Arial", "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Trebuchet MS";
	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:12px Arial, "Arial", "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Trebuchet MS";
	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:12px Arial, "Arial", "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Trebuchet MS";
	color:#4f4f4f;
}
.trackback ol li a.del{
	font:11px Arial, "Arial", "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Trebuchet MS";
	text-transform:uppercase;
	color:#4f4f4f;
}

.commentTitle{
	margin-top:25px;
	padding:25px 25px 0;
	border-top:1px solid #ddd;
	font:14px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";	
}
.commentTitle .cnt{
	font:14px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
	color:#ff0000;
}

.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 bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
}
.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:12px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Arial, "Arial", "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Trebuchet MS";
	color:#4f4f4f;
}
.commentList .date a{
	color:#4f4f4f;
}
.commentList .control{
	display:block;
	position:absolute;
	right:5px;
	top:5px;
	float:right;
	font:12px Arial, "Arial", "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Trebuchet MS";
	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:13px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
	text-transform:uppercase;
}
.commentWrite label.secret{
	font:13px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
}
.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:13px Arial, "Arial", "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Trebuchet MS";
	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 "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
	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 "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
	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:12px Arial, "Arial", "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Trebuchet MS";
	text-transform:uppercase;
	background-color:#e5e5e5;
	cursor:pointer;
}


/*sidebar*/
#sidebar h3{
	padding:8px 10px;
	border-bottom:1px solid #ddd;
	font:16px "나눔명조 Bold", "NanumMyeongjo Bold", "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
	text-transform:uppercase;
	color:#1E3269;
}
#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:13px "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
	color:#6497d2;
	text-transform:uppercase;
}
#blogImage p{
	margin:5px 0;
	padding:0;
	line-height:160%;
}
#blogImage .blogger{
	font:13px "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
}

#notice{
}
#notice .noticeText{
	font:13px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
	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;
        font:13px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
}
#category ul li ul li{
	padding-left:20px;
	background:url(./images/bgTree_02.png) 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:12px Arial, "Arial", "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Trebuchet MS";
	text-transform:uppercase;
}
#counter .totalText{
	color:#ff6600;
}

#copyright{
	font:12px  Arial, "Arial", "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Trebuchet MS";
	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%;}
/* */

/*다음뷰버튼꾸미기*/
div.blogger-news-widget {
    background: url(./images/daumviewonbg4_02.jpg) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*카테고리다른글*/
.another_category_color_gray {
        font:13px "NanumGothic bold", "나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", Arial, "Arial", "Trebuchet MS";
	color:#292929;
}