@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
	body {
	   font-family: 맑은 고딕,AppleGothic,sans-serif;
	   font-size:12px;
	   line-height: 1.5;
	   padding:0; margin:0;
	}
	a:link { color:#222; text-decoration:none;}
	a:visited { color:#222; text-decoration:none;}
	a:hover { color:#eee; text-decoration:none; background-color:#50349F;}
	a:active { color:#222; text-decoration:none;}
	img { border: 0; }
.n {font-family:tahoma;font-size:7pt;}
.sm {font-family:Small Fonts;font-size:10px;}
.sub {font-family:Times New Roman;font-size:20pt;font-color:#ffffff;}


/* 왼쪽 배경 */
#left_area {
position:absolute;
left:0pt;
cursor: crosshair; 
background-color:#CCCCCC;
background-image:url(http://cfile7.uf.tistory.com/image/2204593E563890A3080CB0);
height:100%;
width:350px;
z-index:100;
}
#page_view {
width:100%;
position:absolute;
height:100%;
overflow-y:scroll;
}
/* 페이징 - 현재 페이지 */
	.selected               { font-weight:bold; color:#333; }
	.no-more-prev { background:url(./images/icon_left_page.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
	.no-more-next { background:url(./images/icon_right_page.gif) right 1px no-repeat !important; padding-right:6px; color:#999;}
/* 카테고리 - 이미지 버튼 */
	.ib { 	cursor: crosshair; }
/* 5. 입력 텍스트 */
	.text { border:1px solid #999; }
/* 6. 트리 테이블 */
	.branch2 { }
/* 7. 트리 셀 */
	.branch3 { cursor: pointer; height: 10px; }
/* 8. 달력 월 표시 */
	.cal_month { font-family: verdana, san-serif; font-size: 10px; color: #ff000a; width: 170px; padding: 10px 0; margin: 5px auto; font-weight: bold;}
	.cal_month a:link, .cal_month a:visited, .cal_month a:hover { color: #ff000a; font-weight: bold;}
/* 9. 달력 요일 표시 */
	.cal_week1 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #666; font-weight: normal; }
/* 10. 달력 일요일 표시 */
	.cal_week2 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #ff000a; font-weight: normal; }
	.cal_day { font-family: verdana,san-serif; font-size:10px; color: #999; text-align:center; height:18px; }
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {   }
/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 { 	}
/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 { }
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 { background-color: #e5e5e5; }
/* 15. 달력 글쓴 날 링크 스타일 */
	.cal_click a:link, .cal_click a:visited, .cal_click a:hover { color: #999; text-decoration: none; }
/* 16. 이미지 아래 캡션 스타일 */
	.cap1 { color: #876; text-align: center; }
/* 16. 키워드 스타일 */
	.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt { font-size: 11px; color : #999; }
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt { font-size: 11px; color : #999; }

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

	#container { /*@*/ margin: 0 auto; }
	
	/* sidebar */
	#sidebar { clear: both; float: left; width: 280px; margin-left: 30px; display: inline; padding-bottom: 30px; }
#sidebar  a:hover { cursor: crosshair;}
#sidebar  a:visited { color:#fff; text-decoration:none;}
	#blogImage {margin-bottom: 5px; }
	#blogImage img { width: 190px; }
	#blogDesc {  width: 190px; margin-left: 50px; font-size: 11px; color: #ffffff; padding: 5px 0 10px 0; border-bottom: 1px solid #c3c3c3;}
	#blogDesc1 {  width: 190px; margin-left: 50px; font-size: 11px; color: #ffffff; padding: 0px 0 0px 0; border-bottom: 1px solid #bbbbbb;}


  #blogMenu { margin: 0; padding: 0; }
	#blogMenu ul { list-style:none; margin: 0; padding: 0;}
	#blogMenu li {
		border-bottom:1px solid #ececec;
	}

	#blogMenu li a {
		list-style:none;
		text-decoration:none;
		display:block;
		color:#666;
		letter-spacing:-1px;
		font-family:verdana;
		font-size:12px;
		padding:10px 0;
	}

	#blogMenu li a:hover {
		color:#ff000a;
	}

	/* category */
	#category { width: 190px; margin-left: 10px; border-bottom: 0px solid #ececec; margin-top: 15px;  font-family: tahoma; font-size: 10px;  font-color: #eeeeee;}
	#category .wrapAbContent { padding: 0 10px 10px 10px; }
#category ul,li{list-style-type:none;}
	#category a:link { color:#fff; text-decoration:none;}
	

	#guest1 { margin-left: 10px; border-bottom: 0px solid #ececec; margin-top: 15px;  font-family: tahoma; font-size: 10px;  font-color: #eeeeee;}






	/* Links */
	#link { border: 1px solid #ececec; margin-top: 10px; }
	#link ul { padding: 0; list-style: none; margin: 10px;}
	#link li { list-style: none; line-height: 1.4; }
	#link h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}


	/* content */
	#content{ float:left; 780px /*@*/; margin-left: 400px; margin-top: 30px; padding-bottom: 56px; display: inline; }

	/* ***** content ***** */
	#content .nonEntry {  }
	#content .nonEntry h3 {
		  /*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
		  /*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
		  /*@post-title-color=color:*/ color: #333333 /*@*/;
		  margin: 0; padding: 10px 0;
		  font-weight: bold;
		  border-bottom: 1px solid #f6f6f6;
		  margin-bottom: 14px;
		}
	#content .entry          { width:/*@post-width=*/ 780px /*@*/; margin: 0; padding:0 0 15px 0; overflow:hidden; }

	#searchList ol,
	#searchRplist ol            { list-style:none;  padding:5px 0;  margin:0;}
	#searchList li,
	#searchRplist li            { border-bottom:1px solid #f6f6f6;  padding: 6px 0;}
	#searchList .date,
	#searchRplist .date         { color: #999; margin-right:10px; }
	#searchList .cnt            { color: #999; }
	#searchRplist .name         { color:#999;  padding-left:8px;}

	#localog .spot              { background:url(./images/iconIndentArrow_local.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
	#localog .info              { background:url(./images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;  padding-left:15px;  margin-top:2px;}
	#localog                    { color: #666;}
	#localog a:link             { color: #999;}
	#localog a:visited          { color: #999;}
	#localog a:hover            { color: #999;  text-decoration: none;}

	#guestbook p                { padding:2px 0; margin:0;}

	#guestWrite                 { padding:10px;  background-color:#f8f8f8; border:1px solid #f5f5f5; color: #666;}
	#guestWrite input           { width:150px; border:1px solid #f5f5f5; color: #666; }
	#guestWrite textarea        { width:/*@post-width:-38=*/ 685px /*@*/; overflow: hidden;  padding:5px; border:1px solid #f5f5f5;}
	#guestWrite .homepage       { width:300px;}
	#guestWrite .submit         { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:0 auto; margin-top: 10px;}

	#guestList                  { padding:10px 0 0 0; color: #666; }
	#guestList ol,
	#guestList ul               { margin:0; padding:0;  list-style:none;}
	#guestList li p             { border-top:1px solid #ededed; margin-top:5px; padding-top:5px;}
	#guestList ol li            { border:5px solid #f5f5f5;  padding:10px;  margin-bottom:10px;  overflow:hidden;}
	#guestList li ul li         { margin-left:20px;  background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px;  border:none;  width:/*@post-width:-102=*/ 621px /*@*/; overflow:hidden;}
	#guestList li .name         { color:#666; }
	#guestList li .date         { font-family: verdana; font-size: 11px; color: #999; }
	#guestList .control a span { font-size: 11px; color: #999; }


	   /* entry */
	.entryNotice h2,
	.entryProtected h2,
	.entry h2                {
		/*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
		/*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
		/*@post-title-color=color:*/ color: #333333 /*@*/;
		border-bottom: 1px solid #f6f6f6;
	}
	.entryNotice h2 a,
	.entryProtected h2 a,
	.entry h2 a	{
		/*@post-title-font-size=font-size:*/ font-size: 15px /*@*/;
		/*@post-title-font-family=font-family:*/ font-family: 맑은 고딕 /*@*/;
		/*@post-title-color=color:*/ color: #333333 /*@*/;
	}
	.titleWrap { width:/*@post-width=*/ 780px /*@*/; overflow: hidden; color: #999; }
	.titleWrap h2 { margin: 0; padding: 10px 0; /*@post-title-color=color:*/ color: #333333 /*@*/; margin-bottom: 14px; }
	.titleWrap h2 a:link { /*@post-title-color=color:*/ color: #333333 /*@*/; text-decoration:none; }
	.titleWrap h2 a:visited { /*@post-title-color=color:*/ color: #333333 /*@*/; text-decoration:none; }
	.titleWrap h2 a:hover { /*@post-title-color=color:*/ color: #333333 /*@*/; text-decoration:none; }
	.titleWrap h2 a:active { /*@post-title-color=color:*/ color: #333333 /*@*/; text-decoration:none; }

	.entryProtected { color: #666; }
	.entryProtected p.text   { padding:15px; border: 1px solid #f8f8f8; background-color: #f5f5f5; }
	.entryProtected input    { width:200px; border: 1px solid #e1e1e1; background-color: #f3f3f3;}
	.entryProtected .submit { background:url(./images/btn_ok.gif) 0 50% no-repeat; width:50px; height:23px; overflow:hidden; display:inline; text-indent:-1000em; border:0; cursor:pointer; margin-top: 13px;}

	.article                 {  width:/*@post-width:-68=*/ 700px /*@*/; font-size:/*@post-body-font-size=*/ 12px /*@*/; font-family: /*@post-body-font-family=*/ 맑은 고딕 /*@*/; color:/*@post-body-color=*/ #333333 /*@*/; overflow:hidden; padding: 40px 0; margin-left: 34px; }

	.article a:link          { color:#666;  text-decoration:none;}
	.article a:visited       { color:#666;  text-decoration:none;}
	.article a:hover         { color:#666;  text-decoration:underline;}
	.article a:active        { color:#666;  text-decoration:none;}

	.article dt              { text-decoration:underline;}
	.article dd              { margin-left:10px;  padding-bottom:10px;}

	.article blockquote      { background:url(./images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}

	.author                  { text-align:right; color:#888; padding:20px 20px;}
	.author .text            { font:90% Verdana, Arial, Helvetica, sans-serif;}

	.tagTrail                { padding:8px 5px 5px 30px;  background:url(./images/iconTag.gif) center left no-repeat; clear:both;}
	.tagText                 { display:none;}

	#articleBtmWrap { width:/*@post-width:-68=*/ 705px /*@*/; background: #fafafa; border: 1px solid #efefef; padding: 20px; font-family: verdana; font-size: 11px; color: #666; margin: 0 auto; }

	.actionTrail             { width:/*@post-width:-98=*/ 690px /*@*/; overflow: hidden; border-bottom: 1px solid #fff; margin: 0 15px; padding-bottom: 5px; }
	.actionTrail .cnt        { color:#ff000a; font-weight: bold; font-size: 10px;}
	.actionTrail a:hover { text-decoration: none; }

	.comment                          { width:/*@post-width:-98=*/ 625px /*@*/; overflow:hidden;  margin-left: 15px; }
	.comment p                        { margin:3px 0 0 0; padding:0;}
	.comment h3                       { display:none; }
	.comment ol,
	.comment ul                       { padding: 0; margin: 0; }
	.comment ol li                    { padding: 15px 0; border-bottom:0px solid #eeeeee; }
	.comment li ul li                 { padding:5px 10px 5px 35px;  background:url("images/iconReComment.gif") no-repeat 12px 6px; border:none;}
	.commentWrite                     { overflow: hidden; color:#666; }
	.commentWrite input               { width:150px; color:#666; border: 1px solid #f5f5f5; }
	.commentWrite textarea            {  width:/*@post-width:-98=*/ 625px /*@*/; overflow: hidden;  padding: 5px; margin: 5px 0 0 0; color: #666; border: 1px solid #f5f5f5;}
	.commentWrite .homepage           { width:300px;}
	.commentWrite .submit {border:solid 0 #FFB000;font-family:tahoma;font-size:7pt;color:black;background-color:transparent; height:50px;}
	.commentWrite .secretWrap         { clear:both; float:right; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
	.commentWrite .checkbox           {	border:none; padding:0; margin:0; width:25px;}

	#paging            { padding-top:10px;  text-align:center;  font-size:0.95em;}
	#paging .numbox    { border-left:1px solid #ddd; padding-left:6px; margin-left:6px;  font:0.95em verdana;}
	#paging .num       { border-right:1px solid #ddd; padding-right:8px; margin-right:5px;}
	#paging #prevPage { background:url(./images/icon_left_page.gif) left 1px no-repeat; padding-left:12px;}
	#paging #nextPage { background:url(./images/icon_right_page.gif) right 1px no-repeat; padding-right:12px;}
	#paging span .selected { color: #ff000a; }