@charset "utf-8";

/* ===============[ 일렁's 월드 TextCube Version CSS 스킨 ]=============== */

/* 	★ CSS RESET ★
	http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 | License: none (public domain) */     
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}

/* ===============[ Textcube Default Set ]=============== */
/* [페이징] */
.paging .selected 				{font-weight: bold; color: #000;}/* 현재 선택된 카테고리 메뉴 스타일 변경 */
.no-more-prev, .no-more-next	{color: #666;}

/* [본문] */
.moreless_fold       {color: #666; font-weight: bold;}	/* more */
.moreless_top        {color: #666; font-weight: bold;}	/* less */
.moreless_body       {background-color: #f5f5f5;}		/* 클래스명이 moreless-content로 바뀐 듯. 확인 필요 */
.moreless_bottom     {color: #666; font-weight: bold; text-align: right; }	/* 본문 하단에 있는 less */

/* [카테고리] */
.ib			{} /* 카테고리 - 폴더 이미지를 포함하는 셀(td) */	
.branch3	{cursor: pointer;} /* 카테고리 - 텍스트를 포함하고 있는 셀(td) */
.c_cnt		{font: 0.75em Tahoma; letter-spacing: 0; color: #666;} /* 카테고리 - 카테고리 옆 개수 숫자 스타일 */

/* [카테고리 셀렉트] */
.category .box .selected	{font-weight: bold;}
.category .box ul li 		{font-weight: normal;}

/* [코멘트]-[##_rp_rep_class_##] */
.rp_general		{} /* 일반댓글 */
.rp_admin		{} /* 관리자가 올린 댓글. 클래스명이 제대로 사용되고 있지 않은것 같음 */
.rp_secret		{} /* 비밀댓글 */
.hiddenComment	{} /* 비밀댓글 (로그인 하지 않았을 때 비밀글 표현) */

/* [이미지 표시] */
.cap1			{} /* 이미지 하단 캡션 스타일 */
.imageblock		{} /* 이미지 블럭 */
.left			{} /* 왼쪽정렬 */
.center			{} /* 가운데정렬 */
.right			{} /* 오른쪽정렬 */
.dual			{} /* 이미지 2개 배치 */
.triple			{} /* 이미지 3개 배치 */

/* ===============[ Ilungsworld Default Set ]=============== */
*:lang(ko-kr) 				{font-family: "Malgun Gothic", NanumGothic, dotum, applegothic, sans-serif;}
*:lang(en-us) 				{font-family: verdana, helvetica, sans-serif;}

body						{font: 0.75em "Malgun Gothic", NanumGothic; line-height: 1.5; color: #666;}
	a:link					{color: #666; text-decoration: none;}
	a:visited				{color: #666; text-decoration: none;}
	a:hover					{color: #000; text-decoration: none; border-bottom: 1px dotted #000;} 
	a:active				{color: #666;}

button						{cursor: pointer; font-family: "Lucida Sans", "Lucida Sans Unicode"; padding: 1px 2px 0 2px;}
textarea 					{font: 1em "Malgun Gothic", dotum; border: 1px solid #bbb; background-color: #fff; padding: 3px;}
input 						{font: 1em "Malgun Gothic", dotum; }	
.textField					{border: 1px solid #bbb; background-color: #fff; padding: 3px 2px 1px 2px;}

hr 							{display: none;}
	
h1 							{font-size: 1.6em; font-weight: bold;}	
h2 							{font-size: 1.4em; font-weight: normal; font-family: "Malgun Gothic", dotum;}	
h3 							{font-size: 1.4em; font-weight: bold;}	
h4 							{font-size: 1.2em;}	
h5 							{font-size: 1.1em;}	
h6 							{font-size: 1em;}	

.date 						{font: 0.9em Tahoma;}	
.name 						{font-size: 1em;}
.cnt 						{font: 0.9em Tahoma; color: #666;}

/* ===============[ Layout ]=============== */
#container 			{width: 900px; padding: 20px; margin: 0 auto; background-color: #fff;}
	#menu			{background-color: #eee; height: 35px; border-radius: 6px;}
	#header 		{} 
	#sidebar 		{width: 230px; padding: 0 0 0 0; float: left;}
	#body			{padding-top: 10px;}
		#content 	{width: 600px; padding: 0 0 0 0; float: right;}
	#footer			{clear: both; padding: 20px; }

/* ===============[ Blog Menu ]=============== */
#menu .blogMenu ul 		{float: left; padding: 10px 0 0 5px;}
#menu .blogMenu li 		{display: inline; padding: 0 20px;}
#menu .blogMenu a		{font-weight: bold;}

#menu .search 			  {float: right; padding: 6px 10px 0 0;}
#menu .search input 	  {width: 150px; vertical-align: middle; margin-right: 2px;}
#menu .search button 	  {vertical-align: middle;}
#menu .search button span {display: inline;}

/* ===============[ Header Menu ]=============== */
#header	.headerMenu ul				{float: right; padding: 0 140px;}
#header	.headerMenu li				{display: inline; padding: 0 10px;}
#header	.headerMenu li:first-child	{display: inline; padding: 0 40px;}
#header	.headerMenu li a:hover		{text-decoration: none; border-bottom: 0px dotted #000;}
#header h1							{float: left; padding: 10px 20px; letter-spacing: -0.1em;}

/* CSS3를 이용해서 헤더메뉴의 아이콘(img)에 마우스 오버 했을 때 투명도 전환효과 삽입 */
#header	.headerMenu img			{	opacity: 1;					/* 처음의 기본 투명도는 100% */
									transition: 200ms ease;		/* 전화효과의 적용시간은 2초 */
									-moz-transition: 200ms ease;/* 브라우저별 스타일 적용 */
									-webkit-transition: 200ms ease;
									-ms-transition: 200ms ease;
									-o-transition: 200ms ease;}
#header	.headerMenu img:hover	{	opacity: 0.4;}

/* [##_body_id_##]를 이용해서 현재 메뉴의 아이콘을 변경함 */
body#tt-body-diary	 .headerMenu a.diary	img	{opacity: 1;}
body#tt-body-conti	 .headerMenu a.conti	img	{opacity: 1;}
body#tt-body-illust	 .headerMenu a.illust	img	{opacity: 1;}
body#tt-body-etc	 .headerMenu a.etc		img	{opacity: 1;}


/* ===============[ Side Bar ]=============== */
#sidebar h3 			{font-size: 1.2em; padding: 0 0 3px 3px; margin-bottom: 7px; border-bottom: 1px dashed #ccc; color: #666;}	
#sidebar .box 			{padding-left: 3px;}
#sidebar li 			{list-style: none;}	
#sidebar .module 		{padding-top: 20px;}
#sidebar .date			{color: #666;}
#sidebar .name			{color: #666;}


/* [Sidebar Module] */
#sidebar .blogImage .box img		{	border: 1px solid #eee;
										transform: 1;
										opacity: 1;					/* 처음의 기본 투명도는 100% */
										transition: 200ms ease;		/* 전화효과의 적용시간은 2초 */
										-moz-transition: 200ms ease;/* 브라우저별 스타일 적용 */
										-webkit-transition: 200ms ease;
										-ms-transition: 200ms ease;
										-o-transition: 200ms ease;}
#sidebar .blogImage .box img:hover	{	opacity: 0.4;}
#sidebar .blogImage .box a:hover	{	text-decoration: none; border-bottom: 0px dotted #000;}

.naverlink				{float: right;}
.naverlink img			{	opacity: 1;					/* 처음의 기본 투명도는 100% */
							transition: 200ms ease;		/* 전화효과의 적용시간은 2초 */
							-moz-transition: 200ms ease;/* 브라우저별 스타일 적용 */
							-webkit-transition: 200ms ease;
							-ms-transition: 200ms ease;
							-o-transition: 200ms ease;}
.naverlink img:hover	{	opacity: 0.4;}
.naverlink a:hover		{text-decoration: none; border-bottom: 0px dotted #000;}

.category					{margin-top: 70px;} /* 공지사항과 카테고리 상단 사이의 간격 */
.category li ul li 			{padding-top: 2px;} /* 각 메뉴의 상하 간격 */
.category li ul li a 		{margin-left: 15px; color: #666;} /* 메뉴 폰트 컬러, 아이콘 */
.category li ul li a:hover	{text-decoration: none; border-bottom: 1px dotted #000;} 

/* ===============[ Content ]=============== */
#content .group 						{padding: 0 0 50px 0;}
#content .group h3 						{padding-bottom: 5px; border-bottom: 1px solid #eee; margin-bottom: 10px;}

#content .noEntry ol,
#content .noEntry ul,
#content .noEntry li					{ list-style:none;}

#content .entry .titleWrap 				{ color:#666; margin-bottom:10px;}
#content .entry .titleWrap h2 			{ letter-spacing:-0.1em; font-size: 1.2em;}
#content .entry .titleWrap h2 a			{ color:#666;}
#content .entry .titleWrap .category a	{ color:#666;}
#content .entry .titleWrap .date 		{ color:#666;}
#content .entry .titleWrap .name 		{ color:#666;}
#content .entry .article .author		{font-size: 0.8em;}
#content .entry .article strong 		{font-weight: bold;}

/* 포스트 - 보호글 */
.entryProtected dl 						{}
.entryProtected dt 						{float: left; padding: 2px 5px 0 0;}
.entryProtected dd 						{float: left;}
.entryProtected input 					{vertical-align: middle; margin-right: 4px;}
.entryProtected button	 				{vertical-align: middle; background-color: #fff; border: 1px solid #ccc; font: 0.85em Tahoma; padding: 2px; font-weight: bold;}

/* 페이지 표시 */
.paging 								{text-align: center; padding:0 0 10px 0; margin: 0 0 10px;}
.paging a								{padding: 5px;}

/* Article Basic Style */
.article     							{width:600px; overflow:hidden; padding-bottom:20px;}
.article  p  							{margin:5px 0 10px 0;}

/* ===============[ Footer ]=============== */
#footer				{width: 100%; margin-top: 30px; padding: 20px 0; border-top: 1px dotted #ddd; text-align: center;}
#footer .copyright	{font: 0.9em Verdana;}