/*@charset "euc-kr";*/
@charset "utf-8";

@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb); 
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=LexiSaebomRWeb); 

@font-face {
    font-family: '나눔고딕 Bold';
    src: url('./images/NanumGothicExtraBold.eot');
    src: url('./images/NanumGothicExtraBold?#iefix') format('embedded-opentype'),
         url('./images/NanumGothicExtraBold.woff') format('woff'),
         url('./images/NanumGothicExtraBold.ttf') format('truetype'),
         url('./images/NanumGothicExtraBold.svg#나눔고딕 Bold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: '나눔고딕';
    src: url('./images/NanumGothic.eot');
    src: url('./images/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('./images/NanumGothic.woff') format('woff'),
         url('./images/NanumGothic.ttf') format('truetype'),
         url('./images/NanumGothic.svg#나눔고딕') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*colorset*/
/*
배경색, 글자색 292929

사이드바h3 배경색 3f3f3f
사이드바about 글자색 6497d2

검색창 배경색 0b1a2a
검색창 글자색 b6bbc0
검색결과 날짜색 adadad

메뉴선택색상 5f5f5f

코멘트수,글수  ff6600
코멘트창 날짜색상 4f4f4f

본문 날짜색상 7f7f7f
본문 제목색상 33345b

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

body{
	margin:0;
	background:#292929 url(./images/bgTop.gif) repeat-x;
	color:#292929;
	font:13px NanumGothicWeb, "나눔고딕", "맑은 고딕","MALGUN","Dotum", "돋움", "Gulim", "굴림", "Verdana", "Arial", "Trebuchet MS";
	text-align:center;
	background:url(./images/bgText.gif);
}

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:11px verdana;}

/*layout =====================================================================*/
#containerWrap{
	background:url(./images/bg.jpg) no-repeat center top;
}
#container{
	margin:0 auto 25px;
	width:1000px;
	text-align:left;
}
	#topMenu{
		padding:10px;
		background:url(./images/bgTop.gif)
}
	#header{
		position:relative;
		padding:15px 0 0 10px;
		height:128px;
	}
	#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 NanumGothicWeb,"나눔고딕 Bold", "맑은 고딕", "돋움";
	color:#FFF;
}
#header .subTitle{
	margin-left:13px;
	margin-top:30px;
        font:12px "Verdana";
	color:#FFF;
}
#header .search{
	position:absolute;
	width:297px;
	top:50px;
	right:40px;
}
#header .search input.searchinput{
	padding:14px 10px 0 10px;
	height:24px;
	width:220px;
	background-color:#d8d8d8;
	font:12px NanumGothicWeb, "나눔고딕", "맑은 고딕","dotum", "돋움";
	color:#474747;
	vertical-align:middle;
}
#header .search input.submit{
	vertical-align:middle;
}



/*menu ===================================================================*/
#menu a{
	display:block;
	padding:18px 15px 0 15px;
	height:32px;
	font:11px "Verdana";
	color:#FFF;
	text-transform:uppercase;
	float:left;
}
#menu a:hover{
	background-color:#5f5f5f;
}
#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:#3f3f3f;
}


/*entry ==================================================================*/
#entry{
	margin-left: 10px;
	background:url(./images/titleHead.gif) no-repeat 0px 0px;
	padding-bottom:25px;
	border-bottom:1px solid #ddd;
}
#entry h2{
	margin-bottom:7px;
	font:bold 19px NanumGothicWeb, "나눔고딕 Bold","맑은 고딕", "돋움", "dotum"; 
        font-weight:bold;
        padding:20px 0px 0px 0px;
        background-color:#fff;
}
#entry h2 a{
	color:#000;
}
.titleWrap{
	margin: 25px 55px 25px;
        padding:0 0 0 0;
	color:#7f7f7f;
	font:11px Verdana;
	/*text-transform:uppercase;*/
}
.titleWrap .category a{
	color:#7f7f7f;
	font:11px NanumGothicWeb, "나눔고딕","맑은 고딕", dotum, "돋움";
}
.titleWrap .date{
	color:#7f7f7f;
}
.titleWrap .admin{
	margin-top:10px;
	padding:5px;
	background-color:#f7f7f7;
	border:1px solid #ddd;
	font-size:11px;
}

.article{
	font:13px NanumGothicWeb, "나눔고딕","맑은 고딕", dotum, "돋움";
	padding:0 25px;
	margin-bottom:25px;
	overflow:hidden;
	line-height:170%;
}

.article a:link	{color:#b1335f; background:url(./images/bgDot02.gif) repeat-x;}
.article a:hover	{color:#b1335f; background:url(./images/bgDot03.gif) repeat-x;}
.article a:active	{color:#b1335f; background:url(./images/bgDot03.gif) repeat-x;}
.article a:visited	{color:#b1335f; background:url(./images/bgDot02.gif) repeat-x;}

.article h1	{margin:10px 0; font:bold 24px "나눔고딕 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:#3f3f3f;
	color:#FFF;
	font:11px 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:11px 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:11px Verdana;
	/*text-transform:uppercase;*/
	color:#4f4f4f;
}

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

.comment{
}

.commentList{
        font: 12px LexiSaebomRWeb, NanumGothicWeb, "나눔고딕","맑은 고딕", "NanumGothic", "돋움", "dotum";
        color : #1d2a63;
	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;
	color :#d47416;
        font: 12px LexiSaebomRWeb, "나눔고딕","맑은 고딕", "NanumGothic", "돋움", "dotum";
}
.commentList .name a{
	color:#1c478e;
}
.commentList ol li .info{
	position:relative;
	padding:5px;
	height:12px;
	margin-left:65px;
	background-color:#e5e5e5;
}
.commentList ol li ul li .info{
	margin-left:0;
}
.commentList .date{
	font:11px LexiSaebomRWeb, Verdana;
	color:#4f4f4f;
}
.commentList .date a{
	color:#4f4f4f;
}
.commentList .control{
	display:block;
	position:absolute;
	right:5px;
	top:5px;
	float:right;
	font:11px LexiSaebomRWeb, 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:11px LexiSaebomRWeb, Verdana;
	text-transform:uppercase;
}
.commentWrite label.secret{
	font:12px LexiSaebomRWeb, NanumGothicWeb, "나눔고딕","맑은 고딕",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:11px 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:bold 24px NanumGothicWeb, "나눔고딕 Bold","맑은 고딕","돋움";
	color:#33345b;
}
#nonEntry h3 .cnt{
	font:24px Georgia;
	color:#ff6600;
}
#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;
	background:url(./images/bgDot01.gif) repeat;
}

#searchList .date, #searchRplist .date{
        font-size:11px;	
        color:#adadad;
}



#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:#3f3f3f;}
#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:bold 24px NanumGothicWeb, "나눔고딕 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:11px Verdana;
	text-transform:uppercase;
	background-color:#e5e5e5;
	cursor:pointer;
}


/*sidebar ==================================================================*/
#sidebar h3{
	padding:8px 10px;
	border-bottom:1px solid #ddd;
	font:12px Verdana;
	text-transform:uppercase;
	color:#000;
        background-color:#F7F7F7;
}
#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:#3f3f3f;
	color:#FFF;
}
#blogImage img{
	margin-right:10px;
	width:100px;
	float:left;
}
#blogImage .about{
	font:11px NanumGothicWeb, "나눔고딕","맑은 고딕", "굴림",Verdana;
	color:#cbcbcb;
	text-transform:uppercase;
}
#blogImage p{
	margin:5px 0;
	padding:0;
	line-height:160%;
}
#blogImage .blogger{
	font:11px NanumGothicWeb, "나눔고딕","맑은 고딕", dotum, "돋움";
	color:#f8ac08;
}

#notice{
}
#notice .noticeText{
	font:11px 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:#3f3f3f; 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:11px Verdana;
	text-transform:uppercase;
}
#counter .totalText{
	color:#ff6600;
}

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

/* 메타 블로그 추천버튼 */


#BlogBtn {
text-align: center;
border : 1px solid #e5e5e5; 
margin : 0 0 5px 0; 
padding : 2px; 
height : 80px; 
}

#BolgBtn .view { 
float:left;
margin-left : 5px;
}

#BolgBtn .mixsh { 
float:left;
margin-left : 5px;
height : 75px; 
padding : 3px 5px 0 0;
width : 70px; 
}

#BolgBtn .blogdoc { 
float:left;
margin-left: 2px;
background-color : #f9f9f9; 
border : 1px solid #d8d8d8; 
height : 75px; 
padding : 3px 5px 0 0;
width : 70px; 
overflow : hidden;
}

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