@charset "utf-8";
/* 공통 --------------------------------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


body 					{ color:#333; font:12px/1.0 nanumgothic, lucida Grande, lucida Sans Unicode, malgun gothic, dotum, gulim, appleGothic, sans-serif; }
* 						{ margin:0; padding:0; }
hr 						{ display:none; }
img						{ border:0; }
h1 						{ font-size:2.4em; }
h2 						{ font-size:1.4em; }
h3 						{ font-size:1.2em; }
h4 						{ font-size:1em; }
ol,ul,li				{ list-style:none; }
fieldset				{ border:1px solid #ddd; }
legend 					{ color:#333; }
a						{ outline:none; selector-dummy:expression(this.hideFocus=true); }
a:link,
a:visited				{ color:#111; text-decoration:none; }
a:hover,
a:active				{ color:#8b0a07; text-decoration:none; }
/* 추가 */
.cb						{ clear:both; }
.cnt,
.c_cnt					{ color:#999; } /* 갯수 */
.date 					{ color:#999; font-size:12px; } /* 날짜 */

/* 레이아웃 ----------------------------------------------------------------------------------------------------*/

@font-face {font-family:Nanum Gothic; src:url(images/Nanum Gothic.eot)};
body{font-family:Nanum Gothic; 나눔고딕; font-size: 11px;}
div{font-family:Nanum Gothic; 나눔고딕; font-size: 13px;}


body 					{ background-color:/*@background-color=*/#0a50a1/*@*/; background-image:/*@background-image=*/url("http://i1.daumcdn.net/cfs.tistory/v/0/blog/style/template/image/pattern/10.gif")/*@*/; background-position:/*@background-image-position=*/left top/*@*/; background-repeat:/*@background-image-repeat=*/repeat/*@*/; }
#header					{ background-color:/*@title-background-color=*/transparent/*@*/; background-image:/*@title-background-image=*/url("images/top1.png")/*@*/; background-position:/*@title-background-image-position=*/center top/*@*/; background-repeat:/*@title-background-image-repeat=*/no-repeat/*@*/; height:/*@title-height=*/120px/*@*/; line-height:/*@title-height=*/120px/*@*/; margin:0 auto;  width:/*@post-width:380=*/1100px/*@*/; }
#container 				{ clear:both; margin:0 auto; width:/*@post-width:380=*/1100px/*@*/; }
#content				{ background:#fff; display:inline;  float:left; padding:20px 25px; width:/*@post-width=*/720px/*@*/; }
#sidebar				{ background:#FFF; display:inline; border:1px solid #d9d9d9; float:right; padding:8px 15px; width:298px; }
#footer 				{ margin:0 auto; }

/* header ------------------------------------------------------------------------------------------------------*/
#logo			{ float:left;} 
#logo 			{ }
#logo  a,
#logo  a:visited	{  }

/* menu --------------------------------------------------------------------------------------------------------*/
#menu					{float:right;}
#menu ul				{ }
#menu li 				{ float:left; }
#menu li:hover			{ }
#menu li a,
#menu li a:visited		{ color:#fff; display:block; font-size:14px; font-weight:bold; height:/*@title-height=*/10px/*@*/; line-height:/*@title-height=*/10px/*@*/; margin:0 0 0 0px; text-shadow:1px 1px 1px #111; }
#menu li a:hover		{ }

/* content -----------------------------------------------------------------------------------------------------*/
#content				{ }
#content h2				{ border-bottom:1px solid #ddd; font-family:/*@post-title-font-family=*/Nanum Gothic, nanumgothic, malgun gothic, lucida Grande, lucida Sans Unicode, dotum, gulim, appleGothic, sans-serif/*@*/; font-size:/*@post-title-font-size=*/22px/*@*/; font-weight:normal; letter-spacing:-1px; padding:0 0 20px; } 
#content .module		{ margin:0 0 50px; }
/* 검색 결과 리스트 */
.search_list  			{ }
.search_list h2 span	{ color:#8b0a07; }
.search_list ol			{ }
.search_list li			{ border-bottom:1px solid #eee; padding:10px 0; }
.search_list li:hover	{ background:#f5f5f5; color:#8b0a07; }
.search_list li	a		{ display:block; }
.search_list .date		{ float:right; }
.search_list .cnt		{ }
.search_list .name		{ color:#999; font:11px verdana, dotum; padding:0 0 0 5px; }
/* 태그로그 */
.taglog	ul				{ margin:7px 0 0; }
.tagbox	ul				{ }
.taglog	li,
.tagbox	li				{ display:inline!important; }
.taglog	li a,
.tagbox	li a			{ border-bottom:none!important; color:#666; display:inline!important; margin:3px 3px 3x 0!important; padding:3px!important;  }
.taglog	li a:hover,
.tagbox	li a:hover		{ color:#8b0a07; } 
.cloud1					{ font-size:18px; font-weight:bold; letter-spacing:-1px; }
.cloud2					{ font-size:16px; font-weight:bold; letter-spacing:-1px; }
.cloud3					{ font-size:14px; font-weight:bold; } 
.cloud4					{ font-size:13px; font-weight:bold; }
.cloud5					{ font-size:12px; }	
/* 지역로그 */
.localog dl				{ } 
.localog dt,dd 			{ border-bottom:1px solid #eee; padding:10px 0; }
.localog dt:hover,dd:hover	{ background:#f5f5f5; }
.localog dt span 		{ background:url(images/local.gif) 1px center no-repeat; padding:5px 0 5px 15px; }
.localog dd span 		{ background:url(images/local_info.gif) 1px center no-repeat; padding:5px 0 5px 15px; }
/* 비밀글 */
.protected				{ border:5px solid #eee; margin:50px auto; padding:10px; text-align:center; width:210px; }
.protected p			{ margin:5px; }
.protected .submit		{ display:none; }
.protected .password	{ border:1px solid #ddd; padding:5px 5px 5px 50px; width:145px; }
/* 타이틀 */
.title					{ position:relative; }
.title .info			{ border-bottom:0px solid #ddd; color:#ddd; padding:0 0 00px; }
.title h2				{ border-bottom:0!important; line-height:1.5; padding:0!important; }
.title h2 a				{ color:/*@post-body-color=*/#333/*@*/; }
.title h2 a:hover		{ color:/*@post-title-color=*/#8b0a07/*@*/; }
.title .date			{ background:#8b0a07; color:#fff; font:11px tahoma; left:-95px; letter-spacing:1px; line-height:1.25; padding:7px; position:absolute; text-align:right; top:5px; width:70px; }
.title .category		{ color:/*@post-body-color=*/#333/*@*/; }
.title .category a		{ color:/*@post-body-color=*/#333/*@*/; }
.title .category a:hover{ color:/*@post-title-color=*/#8b0a07/*@*/; }
/* 관리자 */
.admin 					{ color:#999; font-size:11px; letter-spacing:-1px; margin:20px 0 0; text-align:right; }
.admin a,
.admin a:visited		{ color:#999; }
.admin a:hover			{ color:#8b0a07; }
/* 본문 */
.article				{ color:/*@post-body-color=*/#333/*@*/; font-family:/*@post-body-font-family=*/Nanum Gothic, 나눔고딕, nanumgothic, 맑은고딕, malgun gothic, lucida Grande, lucida Sans Unicode, dotum, gulim, appleGothic, sans-serif/*@*/; font-size:/*@post-body-font-size=*/13px/*@*/; line-height:1.8; margin:10px 0; overflow:hidden; text-align:justify; width:/*@post-width=*/720px/*@*/; }
.article a				{ text-decoration:underline; }
.article a:hover		{ color:/*@post-body-color=*/#333/*@*/; text-decoration:underline; }
.article ol,
.article ul 			{ padding:0 0 0 15px; }
.article ol li 			{ list-style:decimal inside; line-height:1.8; }
.article ul li 			{ list-style:square inside; line-height:1.8; }
.article dt 			{ }
.article dd 			{ } 
.article blockquote		{ border-left:5px solid #ddd; margin:0 20px; padding:0 20px; }
.article p				{ margin-bottom:10px; }
.tnm_banner				{ margin:5px 0; text-align:center; }
/* 키워드 */
.key1					{ cursor:pointer; font-style:italic; text-decoration:underline; }
/* 이미지 */
.imageblock             { margin:0 0 12px; }
.left                   { } /* 이미지 왼쪽 배치 */
.center                 { } /* 이미지 가운데 배치 */
.right                  { } /* 이미지 오른쪽 배치 */
.dual                   { margin:0 0 5px; } /* 이미지 2개 배치 */
.triple                 { margin:0 0 5px; } /* 이미지 3개 배치 */
.cap1                   { color:#666; text-align:center; } /* 이미지 아래 캡션 스타일 */
/* 본문 more & less */
.moreless_fold 			{ background:url(images/icon_more.gif) center left no-repeat; color:#000; padding:0 0 0 20px; }
.moreless_top           { background:url(images/icon_less.gif) center left no-repeat; color:#000; padding:0 0 0 20px; }
.moreless_body          { }
.moreless_bottom        { background:url(images/icon_less.gif) center right no-repeat; color:#666; padding:0 20px 0 0; text-align:right; }
/* 태그 */
.tags	 				{ background:url(images/icon_tags.gif) 0 2px no-repeat; display:block; color:#666; height:auto; line-height:1.5; padding:0 0 20px; }
.tags span				{ padding:0 0 0 22px; }
.tags a		 			{ }
.tags a:hover			{ color:/*@post-body-color=*/#333/*@*/; }
/* 트랙백, 댓글 보이기 & 감추기 */
.action_trail 			{ border-top:1px solid #ddd; padding:20px 0; text-align:right; }
/*.action_trail .tb 		{ background:url(images/icon_trackback.gif) 0 center no-repeat; padding:0 0 0 20px; }
.action_trail .rp		{ background:url(images/icon_comment.gif) 0 center no-repeat; padding:0 0 0 20px; }*/
.action_trail a,
.action_trail a:visited	{ background:#222; color:#fff; padding:5px 7px; }
.action_trail a:hover	{ background:#8b0a07; color:#fff; }
.action_trail .cnt 		{ color:#fff!important; font-weight:bold; }
/* 트랙백 */
.trackback 				{ border-top:1px solid #ddd; padding:20px 0 0; } 
.trackback:hover		{ }
.trackback h3			{ color:#8b0a07; font-size:13px; font-weight:normal; margin:0 0 20px; }
.trackback h3 strong	{ color:#666; }
.trackback ol 			{ height:1%; overflow:auto; }
.trackback li 			{ border-top:1px solid #ddd; height:1%; line-height:1.5; overflow:hidden; padding:20px 0; text-align:justify; } 
.trackback li h4		{ color:#333; font-size:14px; }
.trackback li .info		{ display:inline; }
.trackback li p			{ clear:both; color:#999; font-size:11px; line-height:1.8; margin:20px 0 0; overflow:hidden; }
.trackback .delete		{ }
/* 댓글 보기 */
.comment 				{  } 
.guest_list ol,	
.comment_list ol		{ border-top:1px solid #ddd; overflow:hidden; }
.guest_list li,
.comment_list li 		{ border-bottom:1px solid #ddd; display:block; overflow:hidden; padding:20px 0; }
/* 댓글 이름, 날짜 */
.guest_list li .info,
.comment_list li .info	{ display:inline; line-height:1.5; }
.guest_list li .name,
.comment_list li .name 	{ color:#333; font-size:14px; }
.guest_list li .name a,
.comment_list li .name a{ color:#8b0a07; }
.guest_list li .name img,
.comment_list li .name img { border:1px solid #ddd; float:left; margin:0 10px 0 0; } 
/* 댓글 주소, 수정, 삭제 */
.control 				{ display:inline; float:right; } 
.control a 				{ background:#eee; color:#333; font-size:11px; padding:5px 7px; }
.control a:hover		{ background:#8b0a07; color:#fff; }
.control .address		{ }
.control .modify		{ }
.control .write 		{ } 
/* 댓글 본문 */
.guest_list li p, 
.comment_list li p 		{ line-height:1.8; margin:20px 0 0; overflow:hidden; text-align:justify; }
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment 			{ }
/* 종류별 댓글 [##_rp_rep_class_##] */
.rp_general             { }
.rp_admin               { }
.rp_secret              { }
/* 종류별 댓글 [##_guest_rep_class_##] */
.guest_general			{ }
.guest_admin            { }
/* 답글 */
.guest_list li ul, 
.comment_list li ul 	{ }
.guest_list li li, 
.comment_list li li 	{ background:url(images/local.gif) 0 22px no-repeat; border-bottom:0; border-top:1px solid #ddd; margin:20px 0 0; overflow:hidden; padding:20px 0 0 20px; }

/* 댓글 입력 */
.guest_write			{ border-bottom:1px solid #ddd; }
.comment_write			{ border-bottom:1px solid #ddd; margin:0 0 10px; padding:5px 0 0; }
.guest_write p,
.comment_write p 		{ margin:10px 0 0; }
.guest_write label,						
.comment_write label 	{ display:none; }
/* 댓글 이름, 비밀번호, 홈페이지 입력 */
.name input, 				
.password input,			
.homepage input			{ border:1px solid #ddd; font-family:/*@post-body-font-family=*/나눔고딕, nanumgothic, 맑은고딕, malgun gothic, lucida Grande, lucida Sans Unicode, dotum, gulim, appleGothic, sans-serif/*@*/; margin:0 5px 0 0; padding:5px 0 5px 60px; width:238px; }
input.name				{ background:url(images/input_name.gif) 5px center no-repeat; }
input.password 			{ background:url(images/input_password.gif) 5px center no-repeat; }
input.homepage 			{ background:url(images/input_homepage.gif) 5px center no-repeat; }
input.name:hover,
input.name:focus		{ background:url(images/input_name.gif) #f5f5f5 5px center no-repeat; border:1px solid #bbb; }
input.password:hover,
input.password:focus	{ background:url(images/input_password.gif) #f5f5f5 5px center no-repeat; border:1px solid #bbb; }
input.homepage:hover,
input.homepage:focus	{ background:url(images/input_homepage.gif) #f5f5f5 5px center no-repeat; border:1px solid #bbb; }
/* 비밀 댓글 */
.secret 				{ }
.secret .checkbox 		{ position:relative; top:2px; }
.secret label 			{ color:#666; display:inline; font-size:12px; }
/* 댓글 입력 */
textarea				{ border:1px solid #ddd; font-family:/*@post-body-font-family=*/나눔고딕, nanumgothic, 맑은고딕, malgun gothic, lucida Grande, lucida Sans Unicode, dotum, gulim, appleGothic, sans-serif/*@*/; font-size:/*@post-body-font-size=*/13px/*@*/; height:100px; padding:5px; width:/*@post-width:-12=*/708px/*@*/; }
textarea:hover			{ border:1px solid #bbb; }	
/* 댓글 입력 버튼 */
.submit					{ background:url(images/btn_submit.gif) 0 bottom repeat-x; border:1px solid #ddd; color:#666; cursor:pointer; font:bold 13px trebuchet MS; height:30px; letter-spacing:1px; margin:0 0 10px; width:300px; }
.submit:hover			{ color:#333; }
/* 페이징 */
.paging					{ margin:10px 0; text-align:center; }
.paging	a,
.paging	a:visited		{ background:#8b0a07; color:#fff; margin:1px; padding:2px 6px; }
.paging	a:hover			{ color:#000; text-decoration:none!important; }
.paging .selected		{ color:#8b0a07; font-weight:bold; }
.no-more-prev,
.no-more-next 			{ display:none; }
#tt-body-notice .paging	{ border-top:1px solid #ddd; padding:10px 0 0; }

/* sidebar -----------------------------------------------------------------------------------------------------*/
#sidebar 				{ color:#fff; }
#sidebar .module		{ border-bottom:1px solid #222; margin:0 0 20px; padding:0 0 20px; }
#sidebar h3 			{ color:#8b0a07; font-size:14px; letter-spacing:-1px; margin:0 0 10px; }
#sidebar ul				{ } 
#sidebar li				{ display:inline; line-height:1.5; overflow:hidden; }
#sidebar li a			{ color:#111111; line-height:1.5; display:block; }
#sidebar li a:hover, 
#sidebar li a:focus		{ color:#8b0a07; }
#sidebar p				{ }
#sidebar .date			{ color:#999; font-size:11px; }
#sidebar .name			{ color:#999; font-size:11px; }
/* 소셜미디어 */
.social					{ height:32px; line-height:32px; padding:15px 14px!important; }
.social	li				{ float:left; }
.social	li a			{ height:0; overflow:hidden; margin:0 15px 0 0; padding:32px 0 0!important; width:32px; }
.social	li.email a		{ background:url(images/icon_email.gif) no-repeat!important; }
.social	li.rss a		{ background:url(images/icon_rss.gif) no-repeat!important;  }
.social	li.twitter a	{ background:url(images/icon_twitter.gif) no-repeat!important; }
.social	li.facebook a	{ background:url(images/icon_facebook.gif) no-repeat!important; }
.social	li.flickr a		{ background:url(images/icon_flickr.gif) no-repeat!important; }
.social	li.youtube a	{ background:url(images/icon_youtube.gif) no-repeat!important; margin:0!important;}
/* 프로필 */
.profile				{ *zoom:1; min-height:120px; }
.profile img			{ background:#111; border:5px solid #222; display:inline; float:right; margin:0 0 0 5px; overflow:hidden; width:100px; height:100px; }
.profile span			{ color:#666; }
.profile .title			{ font-family:nanumgothic; font-size:14px; font-weight:bold; line-height:1.2; margin:0 0 10px; }
.profile .desc			{ color:#999; margin:20px 0 0; text-align:justify; }
/* 검색 */
.search					{ }
.search	.input			{ background:#fff; border:2px solid #666; color:#333; cursor:pointer; font:13px 나눔고딕, nanumgothic, 맑은고딕, malgun gothic, lucida Grande, lucida Sans Unicode, dotum, gulim, appleGothic, sans-serif; margin:1px 0; padding:7px; width:276px; }
.search	.input:hover	{ border:5px solid #8b0a07; padding:2px; width:276px; }
.search .submit 		{ display:none; }
/* 공지사항 */
.notice h3				{ }
/* 카테고리 */
.category				{ }
.category li li ul		{ }
.category h3			{ } 
.category li li li a	{ border:none!important; color:#666!important; margin:0 0 0 15px; }
.category li li li a:hover { color:#8b0a07!important; }
.category li li li:hover{ background:#f5f5f5; }
/* 최신 글 */
.recent_post h3			{ }
/* 최신 댓글 */
.recent_comment h3		{ } 
/* 최신 엮인 글 */
.recent_trackback h3	{ } 
/* 태그 */
.tagbox ul				{ padding:5px 0 0; }
.tagbox li a			{ background:none!important; }
/* 링크 */
.link h3				{ } 
/* 방문자 */
.counter				{ font-size:11px; line-height:1.5; }
.counter span	 		{ color:#999; font-weight:bold; padding:0 3px; }
.counter .total			{ color:#8b0a07; font-size:14px; }
/* 배너 */
.square,
.vertical				{ clear:both; text-align:center; }

/* footer ----------------------------------------------------------------------------------------------------*/
#footer					{ background: #111; clear:both; margin:0 auto 40px; width:/*@post-width:380=*/1100px/*@*/; }
.copyright				{ color:#666; font-size:12px; line-height:1.75; margin:0 auto; /*position:relative;*/ text-align:left; padding:30px;  }
.copyright p			{ }
.copyright a,
.copyright a:visited	{ color:#fff; font-weight:bold;  }
.copyright a:hover		{ color:#8b0a07; }

#menu_example a{	
	display:block; /* a태그의 display속성을 block으로 설정 */	
	padding:12px 12px 8px 12px; /* 내부여백 padding값 순서대로 top right bottom left */	
	margin-right:1px; /* 오른쪽 외부여백 1px */	
	background-color:#ed3524; /* 바탕색 */	
	color:#fff; /* 글자색 */	
	font:12px Verdana; /* 폰트 속성 순서대로 크기 글꼴 */
	text-transform:uppercase; /* 폰트를 대문자로 바꿔준다. */
	float:left; /* 메뉴 요소를 왼쪽으로 띄워(floating)준다. */
        border-radius : 12px 12px 0px 0px;

#menu_example a:hover{
	padding-bottom:0px; /* 왼쪽 여백을 기존 15px에서 10px으로 줄여준다. */
	border-bottom:3px solid #8b0a07; /* 줄어든 여백만큼 border로 5px을 지정해 준다. */
	color:#FFF; /* 폰트 색상 */
}