@charset "utf-8";

/* Basic ------------------------------------------------------------ */
body {
	background-image: url(./images/bgs.gif);
	background-color: #F4F4F4;
	margin: 0px;
	font: 0.75em/1.5 frutiger Linotype, Lucida Grande, Trebuchet MS, Gulim, Dotum, Verdana, AppleGothic, sans-serif;
	letter-spacing: 0px;
	color : #666;
}
input, textarea {
	font: 11px/1.5 white Trebuchet MS, Tahoma, Verdana, AppleGothic, Dotum, sans-serif;
	letter-spacing: 0px;
	color : #666;
}
h4 { margin: 0.5em 0 0.5em 0; }
a:link,
a:visited,
a:active		{ text-decoration: none; color : #222; }
a:hover			{ text-decoration: none; color : #ED1264; background: url(./images/link_dotted_underline.gif) repeat-x left bottom; }
img				{ border-width: 0px;}
ul, ol, dl		{ margin: 0.6em; padding: 0; }
li				{ margin: 0 0 0.4em 1.2em; padding-left: 0em; }
.clearboth		{ clear: both; height:0; overflow: hidden; }

#container							{ width: 830px; margin: 20px auto; padding: 10px; background-color: #FFF; }
	#header							{ width: 830px; height: 180px; background-image: url(./images/header.gif); }
		#header h1					{ font: 34px Trebuchet MS, sans-serif; color: #FFF; margin: 0 0 0 23px; padding-top: 10px;}
		#header p					{ color: #FFF; margin: 40px 0 0 30px; }

	#navigation						{ width: 830px; height: 40px; background-color: #99CC00; color: #FFF; margin-top: 1px; }
	.header_spacer					{ height:10px; }
		#navigation ul				{ margin: 0; padding: 10px 20px; text-align: right; }
		#navigation li				{ display: inline; margin-left:30px; font-weight: bold; padding: 0;}
		#navigation a				{ color : #FFF; }
		#navigation a:hover			{ color : #ED1264; }

	#main							{ padding:15px 0; }
		#subMenu					{ float: left; width: 200px; }
			.subMenu-title			{ height: 36px; background-image: url(./images/sub_menu_title.gif);
									font: 1.4em Trebuchet MS, sans-serif; font-weight:bold; color: #3D3D3D; padding:13px 0 0 20px; }
			.subMenu-content		{ background-image: url(./images/sub_menu_bg.gif); padding: 10px 17px; text-align: justify; }
				.subMenu-content p	{ margin: 5px 0 0 0; }
			.subMenu-bottom			{ background-image: url(./images/sub_menu_bottom.gif); height:12px; margin-bottom: 5px; overflow: hidden; }
			.extra-link				{ margin: 0 5px 0 0; text-align: right; }
		#content					{ float: left; width: 585px; padding:10px 20px 15px 25px; text-align: justify; }
		#content a:link,
		#content a:visited,
		#content a:active			{ text-decoration: none; background: transparent url(./images/link_dotted_underline.gif) repeat-x left bottom;}
		#content a:hover			{ text-decoration: none; background: transparent url(./images/link_dotted_underline_hover.gif) repeat-x left bottom;}

	#footer							{ background-image: url(./images/footer.gif); height: 43px; padding: 17px 20px 0 220px; font-size: 10px; }
	#footer p						{ margin-top:0px; margin-bottom:-2px;; }
	#copyright						{ font-size: 11px; font-family: Tahoma, Dotum, Lucida Grande, sans-serif; font-weight: normal; }

/* Page-specific ---------------------------------------------------- */

#roles dt							{ font-weight: bold; }
#roles dt .alt						{ padding-left: 10px; color: #969; }
#roles dd							{ margin: 0 0 0.6em 15px; }

.member-item						{ border:1px solid #E7E7E7; margin-bottom: 8px; width: 560px; }
	.member-box						{ border:6px solid #F7F7F7; padding:7px; width: 546; height: 11.8em;}
		.profile-img-bg				{ float:left; background: url(./images/profile_img_bg.gif) no-repeat; padding:3px; width:101px; height:101px; }
		.profile-content			{ float:left; width:400px; margin:5px 10px;}
			.profile-content h3		{ font:14px Gulim, sans-serif; color:#222; font-weight:bold; margin: 0; }
			.profile-nick			{ font:18px Arial, sans-serif; color:#00A08C; font-weight: normal; }
			.profile-role			{ font:18px Arial, sans-serif; color:#969; font-style:italic; font-weight: normal; }
			.profile-content p		{ margin: 1.1em 0 0 0;}

		.profile-content ul			{ margin: 3px 0 0 10px; padding-left: 0; }
		.profile-content li			{ margin-bottom: 0; }
		
/* vi: set ts=4 noet sw=4 sts=4: */

/* Skin Style ---------------------------------------------------- */
	/* content --------------------------- */
	#content_skin					{ float: left; width: 570px; padding: 0 25px 0 15px; text-align: justify; }
	#sidebar_skin					{ float: left; width: 220px; }
		#content_skin a:link,
		#content_skin a:visited,
		#content_skin a:active		{ /*text-decoration: none; background: transparent url(./images/link_dotted_underline.gif) repeat-x left bottom;*/ }
/*		#content_skin a:hover		{ text-decoration: none; background: transparent url(./images/link_dotted_underline.gif) repeat-x left bottom; } */

		#content_skin h4			{ padding-left:20px; font:15px tahoma; font-weight:bold; margin:0; background: transparent url(./images/bul3.gif) no-repeat left; }
		.tag_box					{  }
		#content_skin hr			{  }
		.dot_line					{ /*border-bottom: 1px dotted #000;*/ height:15px; }

/* article_h4 --- */
	.article_h4						{ border-bottom:1px solid #ddd; border-top:1px solid #ddd; background-color:#f5f5f5 !important; padding-top:7px; padding-bottom:7px; }



	/* sidebar --------------------------- */
		.blog_menu					{ background-image: url(./images/blog_menu_bg.gif); height: 20px; font: 0.9em dotum; color:#fff; padding-top:9px; padding-left:5px; }
			.blog_menu ul			{ margin:0; padding:0; }
			.blog_menu ul li		{ display: inline; text-align:justify; }
			.blog_menu a			{ color:#fff; }
		.sidebar_bg					{ background-image: url(./images/sidebar_mid.gif); padding:11px; }
		.sidebar_bg_top				{ margin-top:10px; background-image: url(./images/sidebar_top.gif); height:53px; }
		.sidebar_bg_mid				{ background-image: url(./images/sidebar_mid.gif); }
		.sidebar_bg_bottom			{ background-image: url(./images/sidebar_bottom.gif); height:13px; }
			.search					{ margin:0 1px; /*background-color: #e1e1e1;*/ padding:23px 11px 0 11px; }
				.search_form		{ width:132px; height:18px; border:1px solid #aaa; }
				.search_submit		{ width:40px; height:20px; border:1px solid #aaa; background-color:#ccc; font: 1em dotum; }
			
			.s_notice				{  }

			.s_notice p,
			.s_category p,
			.s_tag p,
			.s_rct_post	p,
			.s_rct_comment p,
			.s_rct_trackback p,
			.s_archive p,
			.s_calendar p,
			.s_link p				{ margin:10px 0 5px 0; border-bottom:1px solid #c7c7c7; }

			.s_notice ul,
			.s_rct_post ul,
			.s_rct_comment ul,
			.s_rct_trackback ul,
			.s_archive ul,
			.s_link ul				{ margin:0; padding:0; list-style:none; }

			.s_notice ul li,
			.s_rct_post ul li,
			.s_rct_comment ul li,
			.s_rct_trackback ul li,
			.s_archive ul li,
			.s_link ul li			{ margin:0; background:url(./images/bul2.gif) 0 6px no-repeat;  padding-left:7px; color:#333; }

			.s_category ul					{ margin:0; padding:0; }
			.s_category ul li				{ list-style: none; padding-top: 0px; }
			.s_category ul li ul li			{ margin-left: 0; }
			.s_category ul li ul li ul li	{ margin-left: 10px; }
			.s_category ul li ul			{ border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; /*padding-top: 5px; margin-top: 5px; padding-bottom: 5px;*/ }

			.s_tag					{  }
			.s_tag ul				{ margin:0; padding:0; text-align:justify; }
			.s_tag li				{ display: inline; list-style:none; }


		.counter ul				{ margin:0; padding:0; list-style:none; }
		.counter ul li			{ display: inline; }



/* CALENDAR Area ----------------------------------------- */
.s_calendar thead							{ font: bold 12px Dotum, , Arial, sans-serif; }
.s_calendar tbody							{ font: normal 11px Tahoma, Arial, sans-serif; }
	.tt-calendar							{ text-align: center; font-family: Tahoma, Arial, sans-serif; }
	.cal_month a							{ color: #000; }
	.cal_week1								{ color: #000; }
	.cal_week2								{ color: #D93C79; }
	.cal_day1								{ font-size: .1em; }
	.cal_day2								{ font-size: .1em; }
	.cal_day3								{ color: #AAA096; }
	.cal_day4								{ color: #D93C79; font-weight: bold; border:1px solid #666; }
	.cal_click								{ font-weight: bold; color: #000; }
	.cal_day_sunday							{ color: #990101; }

/* CLOUD Style ------------------------------------------ */
/* 1st -------- */
/*.s_tag a             { letter-spacing:-1px;}	
.cloud1 a, cloud2 a, cloud3 a, cloud4 a, cloud5 a { font-family: dotum }*/
.cloud1 { font: 15px dotum !important; font-weight:bold !important; color: #ff6600 !important; }
.cloud2 { font: 14px dotum !important; color: #ff9900 !important; }
.cloud3 { font: 13px dotum !important; color: #669900 !important; }
.cloud4 { font: 12px dotum !important; color: #0099CC !important; }
.cloud5 { font: 12px dotum !important; color: #666666 !important; }

a.cloud1:hover, a.cloud2:hover, a.colud3:hover, a.cloud4:hover, a.cloud5:hover {
	/*font-size :13pt;*/
	background-color: #000 !important;
	color: #FFFFFF !important;
}


/* Tistory skin copy OTL ------------------------------------------ */

.trackback               { border-top:1px solid #ddd;  background-color:#f5f5f5; padding:10px; margin-top:5px; margin-bottom:4px; /*width:490px;*/ overflow:hidden;}
.trackback a             { color:#000;}
.trackback h3            { font:11px Verdana; color:#333;  border-bottom:1px solid #f5f5f5;  margin:5px 5px 10px 5px;}
.trackback h5            { font:12px Verdana; font-weight:normal;  margin:0 0 4px 0;}
.trackback ol            { margin:0;  padding:0;  list-style:none;}
.trackback li            { border-top:1px dotted #ccc;  padding:5px;}
.trackback .date         { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#777;}
.trackback p             { font:0.95em Dotum, Arial, sans-serif;  color:#999;  margin:3px 0 0 0; padding:0;  letter-spacing:-1px}

.trackback a.delete				{ background:url(images/iconDelete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete:hover		{ background:url(images/iconDelete.gif) left top no-repeat;  padding-left:8px; }
.trackback a.delete span		{ display:none; }


.comment                          { border-top:1px solid #ddd;  background-color:#ebeaea; padding:10px; margin-top:5px; margin-bottom:4px; /* width:490px; */ overflow:hidden;} 
.comment p                        { margin:3px 0 0 0; padding:0;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#777;}
.comment .name                    { font-weight:bold;}
.comment ol li                    { padding:10px 5px;}
.comment li ul li                 { padding:5px 10px 5px 25px;  background:url("images/iconIndentArrow_local.gif") no-repeat 12px 6px;}
.comment .control a.address       { background:url(images/iconAddress.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.address span  { display:none;}
.comment .control a.modify        { background:url(images/iconModify.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.modify span   { display:none;}
.comment .control a.write         { background:url(images/iconWrite.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.write span    { display:none;}

.commentWrite                     { padding:5px; margin-top:20px;}
.commentWrite input               { width:150px;}
.commentWrite textarea            { width:525px;  padding:5px; position:relative; top:-16px;}
.commentWrite .homepage           { width:300px;}
.commentWrite .submit             { width:477px;  height:22px;  background-color:#ccc;  font:1.1em Dotum, Arial, sans-serif; padding-top:3px; position:relative; top:-18px;}
.commentWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px;}





.guestbook p                { padding:2px 0; margin:0;}
.guestbook h4				{ padding-left:20px; font:15px tahoma; font-weight:bold; margin:0 0 5px 0 !important; background: transparent url(./images/bul3.gif) no-repeat left; }

.guestWrite                 { padding:10px;  background-color:#ebeaea;  border:1px solid #ddd;}
.guestWrite input           { width:150px;}
.guestWrite textarea        { width:525px;  padding:5px;}
.guestWrite .homepage       { width:300px;}
.guestWrite .secretWrap		{ float:right; position:relative; top:-23px; left:-10px;}
.guestWrite .submit         { width:477px;  height:22px;  background-color:#ccc;  font:1.1em Dotum, Arial, sans-serif; padding-top:3px;}
.guestWrite .checkbox		{ border:none; padding:0; margin:0; width:25px; }

.guestList                  { padding:10px 0 0 0;}
.guestList ol,
.guestList ul               { margin:0; padding:0;  list-style:none;}
.guestList li p             { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;}
.guestList ol li            { border:5px solid #ebeaea;  padding:10px;  margin-bottom:10px; margin-left:0; /*width:490px; 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:440px; overflow:hidden;*/ }
.guestList li .name         { color:#666;  font-weight:bold;}
.guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}

.guestList .control a.modify       { background:url(images/iconModify.gif) no-repeat;  padding:0 0 2px 53px;  text-decoration:none;}
.guestList .control a.modify span  { display:none;}
.guestList .control a.write        { background:url(images/iconWrite.gif) no-repeat;  padding:0 5px 2px 53px;  text-decoration:none;}
.guestList .control a.write span   { display:none;}






.searchList ol, 
.searchRplist ol            { list-style:none;  padding:5px;  margin:0;}
.searchList li, 
.searchRplist li            { border-bottom:1px solid #eee;  padding-bottom:2px;  margin-bottom:4px;}
.searchList .date, 
.searchRplist .date         { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  margin-right:10px; }
.searchList .cnt            { font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#f60;} 
.searchRplist .name         { font:0.95em Dotum, Arial, sans-serif;    color:#999;  padding-left:8px;}

.localog h4					{ padding-left:20px; font:15px tahoma; font-weight:bold; margin:0 0 5px 0 !important; background: transparent url(./images/bul3.gif) no-repeat left; }
.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 a:link             { color:#5a5194;}
.localog a:visited          { color:#5a5194;}
.localog a:hover            { color:#7870ab;  text-decoration:underline;}

.taglog h4					{ padding-left:20px; font:15px tahoma; font-weight:bold; margin:0 0 5px 0 !important; background: transparent url(./images/bul3.gif) no-repeat left; }
.taglog ul                  { padding:5px; margin:0; text-align:justify;}
.taglog li                  { display:inline;}
.taglog a:hover             { background-color:#eee;  color:#000;}
.taglog li .cloud1          { background-color:#eee;  color:#a2348f;  font-weight:bold;  font-size:16px;}
.taglog li .cloud2          { background-color:#eee;  color:#5a5194;  font-weight:bold;  font-size:15px;}
.taglog li .cloud3          { background-color:#eee;  color:#7870ab;  font-weight:bold;  font-size:14px;}
.taglog li .cloud4          { background-color:#eee;  color:#666;     font-size:13px;}
.taglog li .cloud5          { font-size:12px;  color:#999; }



.paging           { padding-top:10px;  text-align:center;  font-size:0.95em;}
.paging .numbox   { border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font:0.95em verdana;}
.paging .num      { border-right:1px solid #ccc; padding-right:8px; margin-right: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; }

/* ÆäÀÌ¡ - ÇöÀç ÆäÀÌÁö */
    .selected               { font-weight:bold;  color:#f30;}
    .no-more-prev,
	.no-more-next { color:#ccc;}

/* Á¾·ùº° ÄÚ¸àÆ® [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { background:url(images/iconAdmin.gif) no-repeat;  padding-left:20px; }
    .rp_secret              { color:#f30;   font-weight:bold;}
/* Á¾·ùº° ÄÚ¸àÆ® [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}
/* ºñ¹Ð ´ñ±Û (·Î±×¾Æ¿ô½Ã ºñ¹Ð±Û Ç¥Çö)    */
    .hiddenComment { background:url(images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}

/* Team Blog Profile CSS Setting */
.teamProfile		{ margin:10px 0px 10px 0px;}
.teamProfile fieldset{ margin:0px; border:1px solid #e3e3e3; padding:0px 0px 6px 0px;}

.teamProfile legend { font-weight:bold; margin:0 0 0 5px;}
.teamProfile legend .title	{padding-left:18px; font:12px tahoma; font-weight:bold; margin:0; background: transparent url(./images/bul3.gif) no-repeat left; }
*html .teamProfile legend { margin:0; padding:0 !important;}
*:first-child+html .teamProfile legend { margin:0; padding:0 !important;}

.teamProfile .teamMain  {margin:0px 6px;} 
.teamProfile .teamImage {margin:5px 0px 0px 0px; float:left; width:86px;}
.teamProfile .teamImage img {padding:2px; border:1px solid #eee; width:80px; background-color:#eee;}
.teamProfile .teamDesc  {margin:5px 0px 0px 0px; float:left; width:460px;}