﻿@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	반드시 들어가야 하는 스타일 시작 
    +++++++++++++++++++++++++++++++++++++++++++++++++ */

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

/* 카테고리 - 이미지 버튼 */
    .ib                     	{ }
	
/* 카테고리 - 트리 셀 */
    .branch3                	{ }

/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  	{ font:0.75em Tahoma; letter-spacing:0; color:#616;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             	{ }
    .rp_admin               	{ } /* 클래스명이 제대로 사용되고 있지 않은것 같음 */
    .rp_secret              	{ }

/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { } /* 클래스명이 제대로 사용되고 있지 않은것 같음 

/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment 			{ }

/* 이미지 아래 캡션 스타일 */
    .cap1                  	{ color:#333; text-align:center; }

/* 그림 */
    .imageblock             { }

/* 왼쪽 */
    .left                   {}

/* 가운데 */
    .center                 {}

/* 오른쪽 */
    .right                  {}

/* 그림 2개 배치 */
    .dual                   {}

/* 그림 3개 배치 */
    .triple                 {}

/* 본문 - more / less */
    .moreless_fold          { color:#60C; font-weight:bold;}
    .moreless_top           { color:#60C; font-weight:bold;}
    .moreless_body          { background-color:#60C;}   /*  클래스명이 moreless-content로 바뀐듯 */
    .moreless_bottom        { color:#60C; font-weight:bold; text-align:right; }

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


/* +++++++++++++++++++++++++++++++++++++++++++++++++
	반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
	
*:lang(ko-kr) 				{ font-family: gulim, dotum, applegothic, sans-serif;}
*:lang(en-us) 				{ font-family: verdana, helvetica, sans-serif;}

body						{ font: 0.75em gulim, "Malgun Gothic"; line-height:1.5; color:#3E003E; background-color:#EAE1FF; padding:0px; }

a:link						{ color:#60C; text-decoration:none; }
a:visited					{ color:#60C; text-decoration:none; }
a:hover						{ color:#60C; text-decoration:none; } 
a:active					{ color:#60C; }	

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

hr 							{ display:none;}
	
h1 							{ font-size:1.6em;}	
h2 							{ font-size:1.4em;}	
h3 							{ font-size:1.4em; text-align:center;}	
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:#D7BBFF;}		


/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Layout
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#p_container			{ margin:0 auto; width:1020px; background-color:#ffffff;}
	#high_menu				{ height:20px; background-color:#B089D8; padding:5px 10px; font-family:"Lucida Console", Monaco, monospace; text-align:right; }
		#owner_write		{ float:left; margin:5px 5px 5px 10px; width:16px; height:16px; background-image:url(images/write.png); }
		#owner_admin		{ float:left; margin:5px; width:16px; height:16px; background-image:url(images/admin.png); }
		#owner_logout		{ float:left; margin:5px; width:16px; height:16px; background-image:url(images/logout.png); }
	#main_title				{ height:120px; background:url(images/main_title.gif) 0 0 no-repeat white; }
		#search_box 		{ float:right; margin:65px 50px 0px 0px; }
			.searchbox		{ width:150px; color:#000000; border:1px dashed #60F; padding:5px 2px; }
			.searchbutton   { background-color:#FFF; width:16px; height:16px; background-image:url("images/color_wheel.png"); margin-left:5px; }
	#main_container			{ float:left; width:700px; margin:30px 0px 0px 50px;}
	#container 				{ clear:both; width:700px; padding:0px; margin:auto;}
		#content 			{ width:680px; padding:8px; background-color:#ffffff; border:solid #B089D8 1px;}
  #sidebar 				{ float:right; width:180px;	padding:0px 50px 0px 0px;}
#footer					{ width:1020px; clear:both; padding-top:10px;}

/* ***** Header **************************************** */ 
#header h1					{ font:2.2em "Verdana"; padding:0 0 5px; letter-spacing:0.1em;}
#header h1 a 				{ color:#ddd; text-decoration:none;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Content Part
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#content .group 						{ padding:0 0 50px 0;}
#content .group h3 						{ padding-bottom : 5px; border-bottom:1px solid #dddddd; margin-bottom:10px;}

#content .result h3 strong 				{ color:#606; }
#content .result h3 .cnt 				{ font-weight:bold;}	
#content .result ol 					{ padding-left:25px;}
#content .result li 					{ padding:3px 0;}	
#content .result .date					{ margin-right:5px; color:#606;}
#content .result .name					{ margin-right:5px;}
#content .result p 						{ color:#999;}

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

#content .entry .titleWrap 					{ color:#ccc; }
#content .entry .titleWrap h2 				{ clear:both; padding-top:25px; text-align:center; letter-spacing:-1pt; font:14pt HYgothic-medium; font-weight:bold;}
#content .entry .titleWrap h2 a				{ color:#606;}
#content .entry .titleWrap title			{ }
#content .entry .titleWrap .admin			{ float:left; color:#ddd; }
#content .entry .titleWrap .titleInfo		{ float:right; }
#content .entry .titleWrap .category a		{ color:#606;}
#content .entry .titleWrap .date 			{ font:10pt georgia; color:#606;}
#content .entry .titleWrap .name 			{ color:#606;}

#content .writeForm dl						{ border-bottom:1px solid #eee; }
#content .writeForm dt						{ float:left; padding:5px;}
#content .writeForm .textField_name			{ background:url(images/bgInput.gif) 0 0 no-repeat white; width:110px; color:#333; border:1px solid #999; padding:3px 2px;}
#content .writeForm .textField_pw			{ background:url(images/bgInput.gif) 0 0 no-repeat white; width:150px; color:#333; border:1px solid #999; padding:3px 2px;}
#content .writeForm .textField_website		{ background:url(images/bgInput.gif) 0 0 no-repeat white; width:350px; color:#333; border:1px solid #999; padding:3px 2px;}

#content .writeForm label 					{ font-size:0.9em;}
#content .writeForm .checkbox				{ margin-left:5px; vertical-align:middle;}
#content .writeForm .comment_content		{ background:url(images/bgInput.gif) 0 0 no-repeat white; border:1px solid #999; width:600px; padding:3px 2px; margin-top:5px; }

/* 방명록 */
/* noEntry - Guestbook */	
.guestbook .writeForm						{ margin:20px;}
.guestbook .writeForm .guestbook_content	{ background:url(images/bgInput.gif) 0 0 no-repeat white; margin:10px 0px; width:628px; height:50px; border:1px solid #999; overflow:visible;}
.guestbook .writeForm .guestbook_submit		{ width:635px; height:40px; font:7pt verdana; color:#111; border:1px solid #999; background-color:#eee; margin:0px; }

.guestbook .								{ }
.guestbook .commentList						{ margin:20 10px;}

.comment 									{ margin-top:5px; }
.comment h3 								{ background-color:#eee; padding:10px; color:#333; font-size:1em; border:0 !important; }		
.comment .commentList						{ padding:0 10px;}
.comment .writeForm							{ margin-top:15px; padding-left:10px;}

#content .commentList						{ margin:20px;}
#content .commentList ol 					{ list-style:none;}
#content .commentList li 					{ list-style:none; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #f3f3f3;}	
#content .commentList li ul li 				{ border:none; padding-top:12px; padding-left:45px; background:url(images/ico_reply.gif) 15px 10px no-repeat;}
#content .commentList .name 				{ color:#606; font-weight:bold; margin-right:15px; }
#content .commentList .name a				{ color:#D7BBFF;}
#content .commentList .comment_desc			{ }
#content .commentList .date a				{ color:#999; margin-left:3px;}
#content .commentList .control			 	{ }


#content .commentList .reply				{ font:9pt dotum; background-color:#fff; color:#333; }
#content .commentList .modify				{ font:9pt dotum; background-color:#fff; color:#333; padding:1px 0 0 1px; margin-right:1px;}

/* noEntry - Localog */
.localog .spot 								{
	background:url(images/ico_indent.gif) 0 5px no-repeat;
	padding:5px 0  5px 17px;
	color:#3E003E;
}
.localog .info 								{ background:url(images/ico_list.gif) 0 5px no-repeat; padding-left:12px; border-bottom:1px solid #eee;}	

/* noEntry - Taglog */
.taglog ul									{ text-align:justify; }
.taglog li 									{ display:inline; font-weight:bold; }
.taglog li .cloud1							{ color:#333366; font-size:1.6em;}
.taglog li .cloud2							{ color:#666699; font-size:1.5em;}
.taglog li .cloud3							{ color:#333; font-size:1.4em;}
.taglog li .cloud4							{ color:#666; font-size:1.3em;}
.taglog li .cloud5							{ color:#999; font-size:1.2em;}

/* noEntry - Keyword */	
.keywords li 								{ padding-top:5px;}

/* entry - protected */
.entryProtected dl 						{ }
.entryProtected dt 						{ }
.entryProtected dd 						{ }
.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;}
.entryProtected .textField_secret			{ background:url(images/bgInput.gif) 0 0 no-repeat white; width:140px; color:#333; border:1px solid #999; padding:3px 2px;}

/* entry - post */
.tagTrail 									{ background:url(images/ico_tag.gif) 0 5px no-repeat;  padding-left:20px; margin-bottom:5px;}
.tagTrail span		 						{ display:none;}

.communication							{ padding-bottom:10px; border-top:1px solid #f1f1f1; padding: 3px 0; font:7pt verdana; color:#666;}
.communication .cnt						{ font:7pt verdana;}
.communication .cnt a					{ color:#666; }

.trackback h3 							{ display:none;}
.trackback .trackbackAdd 				{ text-align:center; font:7pt verdana; color:#639; border:1px solid #f1f1f1; 	margin-top:5px;	padding:5px; }	
.trackback ol 								{ list-style:none;}	
.trackback li 								{ list-style:none;	border-bottom:1px dashed #ccc; margin:5px;	padding:5px;}
.trackback p 								{ line-height:1.2em; color:#999; font-size:9pt; padding-top:3px;}	
.trackback h4 								{ font-size:1em; font-weight:normal; }
.trackback h4 a 							{ color:#D7BBFF;}	
.trackback .delete 						{ background-color:#fff; font:9pt dotum; padding:2px 0 0 1px; color:#999; margin-left:4px;}

.paging 									{ text-align:center;}
.paging a									{ padding:5px;}
.paging a:hover								{ }

.footMenu						{ text-align:right; font:7pt verdana; color:#777; font-weight:bold; margin-top:10px; padding:3px 0;}
.footMenu .rss					{ vertical-align:middle;}
.footMenu .rss img				{}
/* Article Basic Style */
.article     									{ width:660px; overflow:hidden; padding-top:10px; padding-bottom:20px; font:9pt/140% dotum; }
.article p  									{ margin:5px 0 10px 0;}
.article a:link          						{ color:#D7BBFF;  text-decoration:none;}
.article a:visited       					{ color:#D7BBFF; text-decoration:none;}
.article a:hover         					{ color:#D7BBFF; text-decoration:underline;}
.article a:active        					{ color:#D7BBFF; text-decoration:none;}

/* .article blockquote      					{ background:url(images/ico_blockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}*/
.article blockquote								{ margin: 10px 20px 10px; display:block;	border-left: solid 5px #ECF2DB; padding:10px; background:#FBFBF4;}
.article blockquote cite						{ color:#D7BBFF;}
.article blockquote p							{}
.article li              						{ margin-left:25px;}
.article h1              						{ font-size:1.5em;}
.article h2              						{ font-size:1.4em;}
.article h3              						{ font-size:1.3em; margin-top:30px; border:none !important;}
.article h4              						{ font-size:1.2em;}
.article h5              						{ font-size:1.1em;}
.article h6              						{ font-size:1em;}

.article dl 									{ padding:10px;}
.article dt              						{ }
.article dd              						{ margin-left:20px;  padding-bottom:10px;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Sidebar Part
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar h3 			{ font:7pt verdana;	font-weight:bold; background-color:#AE94E4; color:#3E003E; padding:5px 10px; margin-bottom:6px;}	

#sidebar .box 			{ background-color:#D5CAFD; padding:10px;}
#sidebar .swfbox 		{ background-color:#D5CAFD; padding:0px; }
#sidebar .box a			{ color:#3E003E; }
#sidebar li 			{ list-style:none;}	
#sidebar .module 		{ padding-top:30px; }
#sidebar .date			{ color:#3E003E; }
#sidebar .name			{ color:#3E003E; }
#sidebar .cnt			{ color:#3E003E; }

#sidebar a:link, a:visited, a:hover, a:active	{ color:#3E003E;}

/* Sidebar module */
.blogImage img			{ border:4px solid #333; width:220px; padding:1px;}

.blogDesc 				{ padding:10px;}

.notice.module 		{ margin-top:0 !important;}
.notice h3 				{}
.notice li 				{ }

.category ul				{ list-style: none; }
.category ul li ul li a		{ color: #666; }
.category li a				{ display: block; border-bottom: 1px solid #eee; }
.category li ul li 			{ padding-top:5px; }
.category li ul li a 		{ color:#000;}
.category li ul li ul 		{ padding:0 0 5px 0;}
.category li ul li ul li 	{ background:url(images/bull_paper.gif) 2px 8px no-repeat; padding-left:18px; }
.category li ul li ul li a 	{ color:#3E003E;}

.recentComment li,
.recentTrackback li 	{ padding-bottom:3px;}

.tagbox ul				{ text-align:justify; }
.tagbox li 				{ display:inline;}
.tagbox li a.cloud1		{ color:#003366; font-size:1.4em; font-weight:bold;}
.tagbox li a.cloud2 		{ color:#336699; font-size:1.3em; font-weight:bold;}
.tagbox li a.cloud3		{ color:#333; font-size:1.2em; font-weight:bold;}
.tagbox li a.cloud4		{ color:#666; font-size:1.1em;}
.tagbox li a.cloud5		{ color:#999; font-size:1em;}

.counter 				{ }
.counter li				{ font:8pt verdana; color:#3E003E; }