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

/*
컬러셋

배경 5e5c56, da1531
글자색 2f2e2b

포인트 ff6600

코멘트배경 eae6c9
코멘트다크 dfd9ae
코멘트어두운글자색 a19d7d

사이드바배경 f7f7f7
사이드바입체(밝) ffffff
사이드바입체(어) eaeaea
사이드바입체(몸) f0f0f0

파란색 1264ac

*/

body{
	margin:0;
	background:#da1531 url(./images/bg.gif) repeat-x;
	font:12px NanumGothic, 나눔고딕, Malgun Gothic, 맑은 고딕, Dotum, 돋움, Gulim, 굴림, Verdana, Trebuchet MS, arial;
	color:#2f2e2b;
	text-align:center;
}
a:link	{text-decoration:none; color:#2f2e2b;}
a:hover	{text-decoration:none; color:#5e5c56;}
a:active	{text-decoration:none; color:#5e5c56;}
a:visited	{text-decoration:none; color:#5e5c56;}

/*essential*/
hr	{display:none;}
img	{border:none;}
h1, h2, h3, h4, h5	{padding:0; margin:0;}
input	{font:12px NanumGothic, 나눔고딕, Malgun Gothic, 맑은 고딕, Dotum, 돋음, Gulim, 굴림, Verdana;}
textarea	{border:1px solid #dfd9ae;}
ul, ol, ul li, ol li	{margin:0; padding:0; list-style:none;}

.point{
	color:#1264ac;
}
.cnt{
	color:#FF6600;
}

/*layout*/
#container{
	margin:0 auto;
	width:870px;
	text-align:left;
}
#header{
	font:11px Trebuchet MS;
	width:870px;
}
	#rss{
		padding:2px 0 0 18px;
		width:150px;
		height:18px;
		background:url(./images/icon_rss.gif) no-repeat 0 3px;
		float:left;
	}
	#topMenu{
		padding-top:2px;
		height:18px;
		width:600px;
		text-align:right;
		float:right;
	}
#wrapper{
}
	#content{
		width:600px;
		background-color:#FFF;
		float:left;
	}
	#sidebar{
		width:260px;
		background-color:#F7F7F7;
		float:right;
	}
#footer{
	clear:both;
	padding:20px 0;
	color:#E5E5E5;
	text-align:center;
}

/*header*/
#header{
	color:#666;
}
#header a{
	color:#FFF;
}
h1{
	clear:both;
	padding:10px 0 15px;
	font:24px NanumGothic Bold;
}

/*nonEntry*/
#searchList, #taglog, #localog, #entryNotice, #entryProtected{
	padding:10px;
	clear:left;
}
#searchList h3, #taglog h3, #localog h3{
	font-size:18px;
}

#searchList ul{
	padding:10px;
}
#searchList ul li{
	padding:5px 0;
}
#searchList ul li a{
	display:block;
	padding-left:15px;
	background:url(./images/icon_post.gif) no-repeat 0 3px;	
}
#searchList ul li a:visited{
	background:url(./images/icon_postCheck.gif) no-repeat 0 3px;	
}
#searchList .date{
	padding-right:10px;
	color:#777;
}
#searchList .cnt{
	color:#ff6600;
}

#taglog ul			{padding:10px;margin:0;	text-align:justify;  line-height:200%;}
#taglog li			{background:none;  display:inline;}
#taglog a			{padding:3px 5px;}
#taglog a:hover		{text-decoration:underline;}
#taglog li .cloud1	{font-weight:bold;  font-size:18px; background-color:#83cb11; color:#FFF;}
#taglog li .cloud2	{font-weight:bold;  font-size:16px; background-color:#70c5d4; color:#FFF;}
#taglog li .cloud3	{font-weight:bold;  font-size:14px;}
#taglog li .cloud4	{font-weight:bold; font-size:13px;}
#taglog li .cloud5	{}

#localog .localWrap{
	padding:10px 0;
}
#localog .spot{
	padding:3px 0;
}
#localog .info{
	padding:3px 0 3px 20px;
	background:url(./images/icon_list.gif) no-repeat 10px 7px;
}
#localog .info a{
	color:#FF6600;
	text-decoration:underline;
}
#localog .info a:hover{
	text-decoration:none;
}

#entryNotice h2, #entryProtected h2{
	padding:5px 0;
	font:18px NanumGothic Bold;
}

#entryProtected input{
	width:190px;
	height:20px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-right:none;
	vertical-align:middle;
}
#entryProtected input.submit{
	width:50px;
	height:24px;
	background-color:#f7f7f7;
	border:1px solid #e5e5e5;
}

/*entry*/
#entry h2{
	padding:5px 0;
	font:18px NanumGothic Bold;
}
.articleWrap{
	padding:10px;
}
.titleWrap{
}
.underTitle{
	padding:5px 0 5px 23px;
	background:#F7F7F7 url(./images/bg_underTitle.gif) no-repeat 3px 5px;
}
.underTitle .date{
}
.underTitle .category{
	padding-left:30px;
}
.admin{
	padding:3px 0;
}


.article{
	padding:10px 0;
	font-size:13px;
	line-height:180%;
}
.article a:link	{color:#FF6600;}
.article a:hover	{text-decoration:underline;}
.article a:visited	{color:#FFB27F;}

.article h1	{padding:3px 0; font-size:24px; border-bottom:3px solid #2f2e2b;}
.article h2	{padding:3px 0; font-size:18px; border-bottom:1px solid #2f2e2b;}
.article h3	{font-size:15px; color:#1264ac;}
.article h4	{font-size:13px; color:#1264ac;}

blockquote{
	margin:10px 0;
	padding-left:30px;
	font-style:italic;
	background:url(./images/bg_blockquote.gif) no-repeat;
}
.cap1{
	color:#777;
}
.moreless_fold span{
	padding:5px 5px 5px 20px;
	background:url(./images/bg_more.gif) no-repeat;
}
.moreless_top span, .moreless_bottom span{
	padding:5px 5px 5px 20px;
	background:url(./images/bg_less.gif) no-repeat;
}
.moreless_content{
	margin:5px 0;
	padding:10px;
	background-color:#f7f7f7;
}
.moreless_bottom{
	text-align:right;
}


.tagTrail{
	padding:3px 20px;
	background:url(./images/icon_tag.gif) no-repeat 0 5px;
}

.actionTrail{
	padding:3px 20px;
	background:url(./images/icon_actionTrail.gif) no-repeat 0 7px;
}
.actionTrail .cnt{
	color:#ff6600;
}

/*trackback*/
.trackback{
	padding:20px;
	background-color:#eae6c9;
}
.trackback h3{
	padding:5px;
	background-color:#f0eed9;
	font:12px Trebuchet MS;
	text-align:center;
}
.trackback h4{
	padding-top:10px;
	font:normal 28px Microsoft Himalaya, Georgia;
}
.trackback ol li{
	margin-left:10px;
	padding:5px 0 5px 10px;
	background:url(./images/icon_trackbackList.gif) no-repeat 0 9px;
}
.trackback a.del{
	color:#a19d7d;
	text-decoration:underline;
}
.trackback a:hover.del{
	text-decoration:none;
}

/*comment*/
.comment{
	padding:10px 20px;
	background-color:#eae6c9;
	line-height:160%;
}
.comment h4{
	padding:3px 0;
	font:normal 28px Microsoft Himalaya, Georgia;
}
.commentList{
	padding:10px 0;
}
.commentList img{
	float:left;
	margin-right:7px;
	border:3px solid #dfd9ae;
	width:36px;
	height:36px;
}
.commentList .name{
	font-weight:bold;
}
.commentList .date{
	color:#999;
}
.commentList .date a{
	color:#999;
}
.commentList .reply{
	padding:5px 0;
	clear:left;
}
.commentList .control a{
	color:#a19d7d;
	text-decoration:underline;
}
.commentList .control a:hover{
	text-decoration:none;
}
.commentList .reReply{
	float:left;
	padding:10px 20px 10px 10px;
	background:#dfd9ae url(./images/bg_reply.gif) no-repeat right top;
	width:390px;
}
.commentList .reInfo{
	width:65px;
	float:right;
}
.commentList .reInfo img{
	margin-right:10px;
	margin-bottom:5px;
	width:48px;
	height:48px;
}
.commentList ol li{
	clear:left;
	padding-top:0;
	padding-bottom:10px;
}
.commentList ol li ul li{
	padding-top:10px;
	padding-bottom:0;
}

.commentWrite{
	padding:10px 0;
	clear:left;
}
.commentWrite label{
	display:none;
}
.commentWrite input{
	height:18px;
	border:1px solid #dfd9ae;
	background-color:#FFF;
}
.commentWrite input.checkbox{
	height:auto;
	background:none;
	border:none;
}
.commentWrite input.submit{
	margin-left:70px;
	width:430px;
	height:30px;
	color:#716c4a;
}
.commentWrite textarea{
	width:425px;
	overflow:auto;
}
.cName{
	padding:3px 0 3px 70px;
	background:url(./images/head_name.gif) no-repeat 0 6px;
}
.cPassword{
	padding:3px 0 3px 70px;
	background:url(./images/head_password.gif) no-repeat 0 6px;
}
.cLink{
	padding:3px 0 3px 70px;
	background:url(./images/head_link.gif) no-repeat 0 6px;
}
.cMemo{
	padding:3px 0 3px 70px;
	background:url(./images/head_memo.gif) no-repeat 0 6px;
}
.secretWrap{
	padding:3px 0 3px 70px;
	background:url(./images/head_secret.gif) no-repeat 0 6px;
}

/*paging*/
#paging{
	margin:20px 0;
	text-align:center;
}
#paging .selected{
	font-weight:bold;
	color:#1264ac;
}
#paging .numbox{
}
#paging a.num{
	padding:2px 5px;
	border:1px solid #ddd;
}
#paging a:hover.num{
	border:1px solid #1264ac;
	text-decoration:none;
}
#paging a.prev{
}
#paging a:hover.prev{
}

/*sidebar*/
.search{
	padding:10px;
	border-bottom:1px solid #eaeaea;
}
.search input{
	vertical-align:middle;
}
.search .searchInput{
	width:171px;
	height:20px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:none;
	background-color:#FFF;
}
.search .searchSubmit{
	width:50px;
	height:24px;
	border:1px solid #ddd;
	background-color:#f7f7f7;
}

#sidebar h3{
	padding:5px 0 5px 25px;
	background:#F0F0F0 url(./images/icon_sidebarTitle.gif) no-repeat 4px 6px;
	font:12px Trebuchet MS;
	border-bottom:1px solid #eaeaea;
}
#sidebar ul{
	padding:5px 10px;
}
#sidebar ul li{
	padding-top:3px;
	padding-bottom:3px;
}
#sidebar .module{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #eaeaea;
}
#sidebar .cnt{
	color:#ff6600;
}

#blogImage{
	padding:10px;
}
#blogImage img{
	width:230px;
	height:313px;
	border:5px solid #ddd;
}
#blogImage .bloger{
	color:#777;
}

#notice ul li{
	padding-left:33px;
	background:url(./images/icon_notice.gif) no-repeat 0 3px;
}

#category{
}
.ib, .branch3{
	cursor:pointer;
	background:none;
}
.c_cnt{
	color:#FF6600;
}

#recentPost ul li a, #archive ul li a, #link ul li a{
	display:block;
	padding-left:15px;
	background:url(./images/icon_post.gif) no-repeat 0 3px;
}
#recentPost ul li a:visited, #archive ul li a:visited, #link ul li a:visited{
	background:url(./images/icon_postCheck.gif) no-repeat 0 3px;
}

#recentTrackback ul li{
	padding-left:15px;
	background:url(./images/icon_sidebarTrackback.gif) no-repeat 0 8px;
}
#recentComment ul li{
	padding-left:15px;
	background:url(./images/icon_sidebarComment.gif) no-repeat 0 5px;
}
#recentComment .name, #recentTrackback .name{
	text-align:right;
	font-size:11px;
	font-style:italic;
	color:#777;
}
#counter{
	padding:10px;
}
#counter .total{
	padding-bottom:3px;
	font:italic 18px Georgia;
	color:#1264ac;
}
#counter .today{
	font:italic 12px Georgia;
}
#counter .yesterday{
	font:italic 12px Georgia;
	color:#777;
}

/*footer*/
#footer a{
	color:#FFF;
	text-decoration:underline;
}
#footer a:hover{
	text-decoration:none;
}


/* 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%;}
/* */