@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
body{
		font:12px gulim,굴림,tahoma;
		
		background:url(./images/bg_top.jpg) center top repeat-x #333c3d;
		color:#555;
		margin:0px;
}
a:link          { color:#ccc;	text-decoration:none;}
a:visited       { color:#ccc;	text-decoration:none;}
a:hover         { color:#0cc !important;	text-decoration:none;}
a:active        { color:#0cc;	text-decoration:none;}

img	{border:none;}
#article	img	{border:none !important; text-decoration:none !important;}

/* 페이징 - 현재 페이지 */
    .selected               { font-weight:bold;  color:#0cc;}
    .no-more-prev,
	.no-more-next { color:#555;}


/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:9px tahoma; color:#666;}

/* 달력 월 표시 */
    .cal_month              { font:11px tahoma; font-weight:bold;  height:18px;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:11px 돋움, dotum; font-weight:bold;  height:18px; text-align:center;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:11px 돋움, dotum; font-weight:bold;  height:18px; color:#f36; text-align:center; }

/* 달력 Week(tr 영역)  */
    .cal_week               { height:20px; }
    .cal_current_week       { }

/* 달력 Day(td 영역) */
    .cal_day                { font:9px tahoma;  color:#bbb;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#f36 !important;}
    .cal_day_sunday a        { color:#f36 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#262c2d;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#262c2d;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#bbb;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#bbb;  font:14px dotum, 돋움; font-weight:bold;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#0cc;  font-weight:bold;}
    a.cal_click:visited     { color:#0cc;  font-weight:bold;}
    a.cal_click:hover       { color:#0cc;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { }
    .rp_secret              { }
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { }
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { }


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#777; text-align:center;}
/* 그림 */
    .imageblock             { }
/* 왼쪽 */
    .left                   { float:left;}
/* 가운데 */
    .center                 { clear:both; }
/* 오른쪽 */
    .right                  { float:right;}
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(./images/iconMore.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           { background:url(./images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(./images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

/* 키워드 */ 
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }

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

/* 준비물 */
#space		{background:url(./images/bg_center.jpg) center top no-repeat; height:100%;}
#univers	{margin:auto; width:1100px;}

/* altair */
#altair		{float:left; width:770px; overflow:hidden;}
#altair		.galaxy		{width:730px; background:#fbfaf9 url(./images/bg_plateTop.jpg) repeat-x top; padding:20px; margin-bottom:20px;}
#altair		.galaxy		a:link		{color:#555; text-decoration:none;}
#altair		.galaxy		a:visited	{color:#555; text-decoration:none;}
#altair		#footer		{margin:0px 0px 50px 0px; text-align:right; clear:both;}
#altair		#footer		img			{margin-left:10px;}

/* vega */
#vega		{float:right; width:300px; padding-left:20px;}
#vega		.line2		{background:#505657; height:1px;}
#vega		.cloud		{width:280px; padding:15px 10px 15px 10px; margin:0px 0px 10px 0px; background-color:#242a2b; color:#bbb; font:11px 돋움,dotum; letter-spacing:-1px; line-height:17px; text-align:justify;}
#vega		.cloud		.subtitle	{font-weight:bold; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #505657;}

			#myp		{padding:10px !important; overflow:hidden;}
			#notice		.f14	{padding:5px 0px 5px 0px;}
			#blogSearch	{height:20px;}
			#blogSearch	input	{width:200px; margin-left:10px; height:12px; border:none; background:none; font-weight:bold; color:#0cc; font:11px dotum,돋움; letter-spacing:-1px;}
			#blogSearch	img		{margin-top:3px;}
			#rctReply	.name, #vega		#rctTrackback	.name	{font-weight:bold; margin-top:15px;}
			#rctReply	.desc	{margin-top:-3px;}
			#rctTrackback	.desc	{margin-top:-3px;}
			#category	{line-height:normal !important; text-align:left;}
			#category	td		{padding-right:3px;}


/* raven */
#raven		{clear:left; width:780px; margin:-10px 0px 0px -10px;}
#raven		.cloud		{width:230px; float:right; margin:0px 0px 10px 10px; padding:15px 10px 15px 10px; background-color:#242a2b; color:#bbb; font:11px 돋움,dotum; letter-spacing:-1px; line-height:17px;}
#raven		.cloud		.subtitle	{font-weight:bold; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #505657;}	


/* 공통 적용 스타일 */
.f14		{font:14px dotum, 돋움; font-weight:bold;}
.f11		{font:11px dotum, 돋움; letter-spacing:-1px;}
.f9			{font:9px tahoma; letter-spacing:0px;}

h1		{font:9px tahoma; font-weight:bold;}
h2		{font:11px 돋움,dotum; font-weight:bold;}
h3		{font:14px 돋움,dotum; font-weight:bold; letter-spacing:-1px;}
h4		{font:14px 돋움,dotum; font-weight:bold; letter-spacing:-1px; color:#f39;}
h5		{font:28px 돋움,dotum; letter-spacing:-3px;}

.line1		{height:1px; background:#ccc; margin:20px 0px 20px 0px;}
.star1	{color:#0cc; font:9px tahoma;}

.article	{line-height:20px; text-align:justify;}


/* 헤더 */
#header		{height:85px;}
#introduce	{}
#blogTitle	{position:absolute; margin:0px 0px 0px 0px; z-index:10; color:#eee; top:45px;}
#blogTitle2	{position:absolute; margin:1px 0px 0px 1px; z-index:9; color:#303332; top:45px;}
#links		{float:right; margin:52px 20px 0px 0px;}
#login		{width:300px; float:right; text-align:left; margin:60px 10px 0px 0px;}
#login	a:link, #login a:visited	{color:#777;} 

#blogTitle	a:link			{ color:#eee;	text-decoration:none;}
#blogTitle	a:hover			{ color:#0cc;	text-decoration:none;}
#blogTitle	a:visited		{ color:#eee;	text-decoration:none;}

/* 태그, 키워드 */
#tag	#tagBody, #keyword	#tagBody	{font:34px dotum,돋움; letter-spacing:-4px; text-align:justify; word-break:break-all; word-wrap:break-word; word-spacing:-2px;}
.cloud1 	{color:#0cc !important; text-decoration:none;}
.cloud2		{color:#ddd !important; text-decoration:none;}
.cloud3		{color:#c2c2c2 !important; text-decoration:none;}
.cloud4		{color:#959595 !important; text-decoration:none;}
.cloud5		{color:#626262 !important; text-decoration:none;}

#tag .cloud1 	{color:#0cc !important; text-decoration:none;}
#tag .cloud2		{color:#555 !important; text-decoration:none;}
#tag .cloud3		{color:#959595 !important; text-decoration:none;}
#tag .cloud4		{color:#c2c2c2 !important; text-decoration:none;}
#tag .cloud5		{color:#ddd !important; text-decoration:none;}
#tag a:hover, #keyword a:hover	{color:#0cc !important; text-decoration:none;}

#keyword	#tagBody	{text-align:center !important;}

/* 글/리플/트랙백 검색결과 */
.searchHeader	{font-weight:bold;}
.searchResult	{margin:20px 0px 0px 0px;}
.searchResult	.date	{float:right; color:#ccc;}

/* 로컬로그 */
#local	.spot	{height:20px;}
#local	.article	{height:20px; margin:-10px 0px 8px 0px;}

/* 쓰기폼 */
.inputItem	{width:220px; float:left; font:11px dotum, 돋움; letter-spacing:-1px;}
.inputItem	input	{width:160px; border:none; background:none;}
.isSecret	{float:right; width:80px;}
#guestbookWrite	textarea, #rpWrite	textarea	{width:700px; background:url(./images/bg_textarea.gif) top left; padding:15px; height:150px; margin:10px 0px 10px 0px; border:none; overflow:auto; line-height:20px; color:#666;}

/* 방명록, 리플 */
.rpHeader	{margin:0px 0px 20px 0px; clear:left;}
.rpHeader2	{margin:20px 0px 20px 0px; padding:20px 0px 0px 0px; border-top:1px dashed #eee; clear:left;}
.replyItem	.article,				.guestItem	.article	{margin-top:40px; color:#888;}
.replyItem	.replyRp	.article,	.guestItem	.guestRp	.article	{margin-top:25px; color:#888;}
.rpName		{float:left;}
.rpDate		{float:left;}
.control	{float:right;}
.control	a:link	{color:#aaa !important;}
.control	a:hover	{color:#0cc !important;}
.control	a:visited	{color:#aaa !important;}

/* 에러 */
#error		{height:600px; text-align:center; padding-top:200px;}

/* 본문 */
.articleHeader	.articleCategory	{text-align:center; color:#0cc; margin-bottom:95px; }
.articleHeader	.desc	{color:#555;}

.admin		{text-align:center; padding:15px; margin:10px; background:#f8f8f8;}
.article	a:link	{border-bottom:1px dashed #0cc !important;}
.article	a:visited	{border-bottom:1px dashed #0cc !important;}

.taglist	{clear:both;}
.adr		{text-align:left; color:#aaa; padding-bottom:20px; padding-top:20px; margin-top:20px; border-top:1px solid #ccc;}
.tnr		{text-align:left; font-weight:bold; padding:20px 20px 20px 20px; background:#efefef; margin:0px 0px -20px -20px; width:730px;}
.trackbackAdr	{margin:20px -20px 0px -20px; padding:20px 20px 0px 20px; border-top:1px solid #ccc; font-weight:bold;}
.subscribe		{margin-bottom:20px; padding:20px 0px 0px 0px; border-top:1px solid #ccc; color:#999;}
.trackbackItem	.from	{float:right; font-weight:bold; color:#ccc;}
.trackbackItem	.from	.f9	{font-weight:normal;}

.subscribeReply		{margin:20px -20px 0px -20px; padding:20px 20px 0px 20px; border-top:1px solid #ccc; color:#999; background:url(./images/pic_dash.gif) top repeat-x;}

/* 페이징 */
#paging		.pages		{float:right; text-align:right;}



/* tistory added */
.taglist		{padding-bottom:20px;}
/* media */
#mediaLogNest	{width:730px !important; background:#fbfaf9 url(./images/bg_plateTop.jpg) repeat-x top; padding:20px; margin-bottom:20px;}

/* Tatter desk */
#TD_content		{width:730px; background:#fbfaf9 url(./images/bg_plateTop.jpg) repeat-x top; padding:20px; margin-bottom:20px;}