@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 본문 공통 */

body{
		font:12px Nanum Gothic, Sans-serif;
		color:#333;
		line-height:25px;
		padding:0px;
		margin:0px;
}
a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:#333;  text-decoration:none;}
a:active        { color:#333;     text-decoration:none;}


/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { }
    .rp_secret              { color:#f30; }
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          {  }
    .guest_admin            {  }
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { color:#c45050;  font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center;}
/* 그림 */
    .imageblock             { }
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .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:#595959; font-size: 12pt; font-family: 'Nanum Gothic', sans-serif;
 }
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#595959; font-size: 12pt; font-family: 'Nanum Gothic', sans-serif;
 }
    .moreless_body          { padding-bottom:15px;}
	.moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#595959; text-align:right; font-size: 12pt; font-family: 'Nanum Gothic', sans-serif;
 }

hr              { display:none; }
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.8em; padding-bottom:14px;}
h2              { font-family: 'Nanum Gothic', sans-serif;font-size:14px; font-color:#ce0063; padding-bottom:14px;}
h3              { font-family: 'Nanum Gothic', sans-serif;font-size:12px; font-color:#193da9; padding-bottom:12px; }
h4              { font-size:11px; padding-bottom:12px;}
input           { border:1px solid #aaa; font-size:12px; }
textarea        { border:1px solid #aaa; font-size:12px; }


/* 카테고리 다른 글 */
.another_category { width: 700px; font-family: 'Nanum Gothic', sans-serif;
 margin-bottom: 0px !important; padding-bottom: 0px !important; }
.another_category th { text-align: left; font-size: 12px !important; font-weight: normal;  word-break: break-all; overflow: hidden; line-height: 1.5; }
.another_category th a { font-family: 'Nanum Gothic', sans-serif;
 font-size: 11px !important; font-weight: normal; text-decoration: none; border: none !important;}
.another_category th a:hover { color:#01A6E0;font-family: 'Nanum Gothic', sans-serif;
 font-size: 11px !important; font-weight: normal; text-decoration: none; border-bottom: 1px dotted #aaa !important; background-color:#ffffff;}
.another_category th a.current{ color:#ce0063;font-family: 'Nanum Gothic', sans-serif;
 font-size: 11px !important; font-weight: normal !important; text-decoration: none !important; border-bottom: 1px dotted #aaa !important; }


/* 블로그 레이아웃 */
/* 본문 글 넓이를 변경 하려면 아래에서 container와 content의 width를 변경하시기 바랍니다. */
/* 이때 index.xml에서 본문 넓이(contentWidth) 변경후 스킨 리셋 (다른 스킨으로 변경후 다시 현재 스킨 선택) 하시기를 권장합니
다. */

#tool      {
		width:100%;
		min-height:10px;
		clear:both;

		   }
#container {		
		width:/*@post-width:200=*/ 1010px /*@*/;
		border:0px ;
		margin:0px auto; 
		padding:0px;  		
}
#header {		
        margin-bottom:5px;
		min-height:10px;
		clear:both;
		overflow:hidden; border:1px solid #ddd;	
		background-color: transparent; 
		/*@title-background-image=background-image:;*/ /* background-image: url("http://cfs.tistory.com/custom/blog/34/347167/skin/images/blog_top.jpg"); */ /*@*/
		/* background-image: url("http://cfs.tistory.com/custom/blog/34/347167/skin/images/blog_top.jpg");*/ 
		background-image: url("http://cfs.tistory.com/custom/blog/34/347167/skin/images/blog_top.jpg");  /* 최상단 탑 이미지 */
		background-position: center top;
		background-repeat: no-repeat;
}
/*  원래 http://cfs.tistory.com/blog/style/template/image/title/12.jpg  */

/* ***** artice_title : h2 hover**** */
#content {width: 770px; float: right; margin-top: 10px;}

#content .notice,
#content .keylog,
#content .localog, 
#content .taglog, 
#content .entryNotice, 
#content .entryProtected,
#content .guestbook, 
#content .searchList, 
#content .searchRplist,
#content .entry { padding:18px 18px 0px 18px;  border-left:1px solid #ddd; border-right:1px solid #ddd; 
	/*background:url("images/bg_entry_top.jpg") repeat-x 0px 0px; */background-color:#ffffff;}

#content .prologue h3,
#content .notice h3,
#content .profile h3,
#content .keylog h3,
#content .localog h3, 
#content .taglog h3, 
#content .guestbook h3, 
#content .searchRplist h3   { border-bottom:1px solid #ccc;  margin-bottom:10px;  color:#01A6E0;}

#content .searchList h3   { border-bottom:1px solid #ccc;  margin-bottom:10px;  color:#222;}

/*
.content {
	float:left;
	width: 800px;
    margin-top:10px;
	overflow:hidden;		
}
*/
#sidebar {
		display:block; 
		float:right;
		width:220px;
                                margin-top:10px;	
		/*margin-right:10px;*/
		margin-left:20px;
		overflow:hidden;	
}


/* ***** Header ***** */

#header .header_wrap   { }
#header .blogTitle     { padding-top:/*@title-height:-35=padding-top:*/ 0px /*@*/; padding-left:2px; }
#header .blogTitle  a  { color:/*@title-color=*/ #000000 /*@*/; font:/*@title-font-size=1.0em*/ 16px /*@*/ /*@title-font-family=*/ 'Nanum Gothic','맑은 고딕',dotum,돋움, Arial /*@*/; font-weight:bold; float:left;  padding-bottom:3px; border-bottom:2px dotted #c45050;}
#header .blogMenu      { text-align:right; padding-right:2px;}

#header .blogMenu ul   { margin:0;  padding-bottom:7px;  list-style:none;}
#header .blogMenu li   {  padding-bottom:3px; display:inline;  background:url(images/bullBar.gif) no-repeat;  margin-left:3px;  padding-left:7px;}
#header .blogMenu li a { color:#000000; font:11px tahoma; }
#header li.tab_blog    { background:none;  }
#header li.tab_blog a  { font-weight:bold; }

/* Head Background Image */
body#tt-body-blog #header .blogMenu li.tab_blog a ,
body#tt-body-page #header .blogMenu li.tab_blog a,
body#tt-body-category #header .blogMenu li.tab_blog a,
body#tt-body-search #header .blogMenu li.tab_blog a,
body#tt-body-archive #header .blogMenu li.tab_blog a,
body#tt-body-entry #header .blogMenu li.tab_blog a,
body#tt-body-notice #header .blogMenu li.tab_blog a			{ color:#c45050;}
body#tt-body-location #header .blogMenu li.tab_loc a		{ color:#c45050;}
body#tt-body-tag #header .blogMenu li.tab_tag a				{ color:#c45050;}
body#tt-body-keylog #header .blogMenu li.tab_key a				{ color:#c45050;}
body#tt-body-media #header .blogMenu li.tab_media a	 		{ color:#c45050;}
body#tt-body-guestbook #header .blogMenu li.tab_guest a	 	{ color:#c45050;}

/*body#tt-body-media #content { background:url(images/bg_mcontent.gif) no-repeat; padding-top:42px; text-align:center;  }*/

/* ***** ROUND BOX *** */
.rtop, .rbottom{display:block; } 
.rtop * {display:block; height:1px; overflow:hidden; /*background: #EEEEEE;*/ }  
.rbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; background: #ffffff; } 

.htop, .hbottom{display:block; } 
.htop * {display:block; height:1px; overflow:hidden; background: #ffffff}  
.hbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; background: #ffffff; } 

.ntop, .nbottom{display:block; } 
.ntop * {display:block; height:1px; overflow:hidden; background: #f9f9f9}  
.nbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; background: #f9f9f9; } 

.r1{margin:0 5px; background:#ddd} 
.r2{margin:0 3px; border-left:2px solid #ddd; border-right:2px solid #ddd;} 
.r3{margin:0 2px; border-left:1px solid #ddd; border-right:1px solid #ddd;} 
.r4{margin:0 1px; height:2px; border-left:1px solid #ddd; border-right:1px solid #ddd;} 

.ftop, .fbottom{display:block; } 
.ftop * {display:block; height:1px; overflow:hidden; }  
.fbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; } 

.f1{margin:0 5px; background:#BBBBBB} 
.f2{margin:0 3px; border-left:2px solid #ddd; border-right:2px solid #ddd;} 
.f3{margin:0 2px; border-left:1px solid #ddd; border-right:1px solid #ddd;} 
.f4{margin:0 1px; height:2px; border-left:1px solid #ddd; border-right:1px solid #ddd;} 
.box_hblank1 { padding:5px; }
.box_hblank2 { padding:10px; }

/* ***** Tool   ***** */
#tool .admin_button   { text-align:right; float: right; padding: 5px 5px 0px 0px; clear:both; margin:0px;}

/* ***** title_wrap **** */
.titleWrap h2 {color: #4569b2 !important;}
.titleWrap a              { margin-bottom: 12px; /*@post-title-color=color:;*/ color: ; /*@*/ /*@post-title-font-family=font-family:;*/ font-family: Nanum Gothic; /*@*/ /*@post-title-font-size=font-size:;*/ font-size: inherit; /*@*/} 


.searchList .kw, 
.searchRplist .kw            { padding-left:3px;color:#01A6E0;}
.searchList ol, 
.searchRplist ol            { list-style:none;  padding:0px;  margin:0;}
.searchList li, 
.searchRplist li            { background:url(images/line_dot_gray2.gif) 0px 19px repeat-x;   padding-bottom:2px;  margin-bottom:5px;}
.searchList .date, 
.searchRplist .date         { font:10px Nanum Gothic;  margin-right:10px; float:left; width:50px; text-align:right}
.keylog .title,
.searchList .title, 
.searchRplist .title        { padding-left:10px; font:11px Nanum Gothic, Tahoma;  margin-right:10px; float:left; }
.searchList .count, 
.searchRplist .count        { padding-left:3px; font-weight:normal; font:8px Nanum Gothic;}
.searchList .cnt            { font:9px Nanum Gothic;  color:#f60;} 
.searchRplist .name         { font:10px Nanum Gothic, Tahoma;    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 a:link             { color:#c45050;}
.localog a:visited          { color:#c45050;}
.localog a:hover            { color:#c45050;  text-decoration:none; }
.localog a:active        { color:#c45050;  text-decoration:none;}

.keylog ul                  { margin:0; text-align:justify; }
.keylog a:hover             { background-color:#eee;  color:#000;}
.key1						{ cursor: pointer; border-bottom: 1px dotted #ccc; }

.taglog ul                  { margin:0; text-align:justify;}
.taglog li                  { display:inline;}
.taglog a:hover             { background-color:#eee;  color:#000;}

/*
.tagbox li a.cloud1		{ color:#f30; font-size:1.4em; font-weight:bold;}
.tagbox li a.cloud2 		{ color:#f60; 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;}
*/
.tagbox li a.cloud1     { font-size:1.1em; font-weight:bold;  color:#0391C7 }
.tagbox li a.cloud2     { font-size:1.1em; font-weight:bold;  color:#C8056A }
.tagbox li a.cloud3    { font-size:1.1em; font-weight:bold;  color:#C45050 }
.tagbox li a.cloud4     { font-size:1.0em; color:#3058D2 }
.tagbox li a.cloud5    { font-size:10px; color:#595959 }	

.guestbook p                { padding:6px 0 0 0; margin:0px;}

.guestWrite                     {  margin:0px; padding:10px;  background-color:#f5f5f5;  border:1px solid #ddd;}
.guestWrite .input_writer		{ float:left; margin-bottom:4px;}
.guestWrite .input_sec		    { float:right; margin-bottom:4px; }
.guestWrite input               { width:80px; }
.guestWrite textarea            { font:11px Nanum Gothic,tahoma; margin-bottom:5px;width:98%;  height:100px;}
.guestWrite .homepage           { width:190px;}
.guestWrite .submit             { border:0px }
.guestWrite .checkbox           {	border:none; padding:0;	margin:0; width:20px;}

.guestList                  { padding:0px;}
.guestList ol				{ padding:0px;}
.guestList ol,
.guestList ul               { list-style:none; font:11px Nanum Gothic, Tahoma; line-height:18px; margin:0px; padding:0px; margin-top:10px;}
.guestList li p             { margin-top:5px; padding-top:5px;}
.guestList ol li            { border:5px solid #eee;  padding:10px;  margin-bottom:10px;  overflow:hidden;}
.guestList li ul li         { margin-left:20px; margin-top:10px; background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px;  

background-color:#f5f5f5;  padding-left:25px; border:none;  overflow:hidden;}
.guestList li .name         { color:#666;  font-weight:bold;}
.guestList li .name   a:hover { color:#3D8EC1;  text-decoration:none;}
.guestList li .date         { font:11px Nanum Gothic;}
.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;}

/* entry */

.entryProtected h1, 

.entry h1 a:link         { color:#D40067;     text-decoration: none; }
.entry h1 a:visited      { color:#D40067;     text-decoration:none;}
.entry h1 a:hover        { color:#D40067;     text-decoration: none; }
.entry h1 a:active       { color:#D40067;     text-decoration: none; }

.entryNotice h2          { background:url(images/icon_notice.gif) 0px 3px no-repeat; border-bottom:1px solid #ccc; padding-left:18px; margin-bottom:10px; color:#4569b2 !important; font-size:14px; font-family: 'Nanum Gothic', 'Sans-serif';}
.entry h3                { color:#4569b2 !important; font-size:14px; font-family: 'Nanum Gothic', 'Sans-serif';}

/*.entryProtected h2, 
.entry h2                { background:url(images/icon_title.gif) 0px 3px no-repeat; border-bottom:1px solid #ccc; padding-left:18px; margin-bottom:10px; color:#ce0063 !important; font-size:14px; font-family: 'Nanum Gothic', 'Sans-serif';}*/

.titleWrap h2 {color: #4569b2;}
.titleWrap .admin        { padding-top:5px; }
.titleWrap .category     { font-size:11px;   margin-right:5px;}
.titleWrap .category_notice		{ font:11px Nanum Gothic;  margin-right:5px;}
.titleWrap .date         { font:8px Nanum Gothic;  color:#888;}
.entryProtected .protected_box	{ background-color:#f9f9f9; padding:10px; }
.entryProtected .text    { background:url(images/imgProtected.gif) 15px 5px no-repeat ; font:10px Nanum Gothic; font-weight:bold; padding-left:42px;  }
.entryProtected .text p  { padding:4px; margin:0px; }
.entryProtected input    { width:100px; height:12px; font:10px Nanum Gothic;}
.entryProtected .submit  { width:50px; height:16px;  font:10px Nanum Gothic;  background-color:#f5f5f5;}
.admin				     { font:10px Nanum Gothic; }
.article                 { 
	color:#404040; 
	text-align:justify; font-size: 11pt; 
	font-family: Nanum Gothic /*@*/; 
	width:100%; margin:15px 0px 22px 0px; overflow:hidden; background-color:#ffffff; clear:both;}

.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { font-size:11px; background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:35px;  margin-left:5px;}

.article  ul { margin: 0 0 0 30pt; }

.button {font-size: 12px; background:#000000; color:#ffffff; padding: 10px; border:double;}
.button a:link {color:#ffffff; text-decoration:none; cursor: pointer;}
.button a:visited {color:#ffffff; text-decoration:none;}

.goup                    { float:right; width:43px; text-align:right; }
.tagTrail                { padding:0px 0px 10px 64px; background:url(images/tag3.gif) 0px 1px no-repeat; }
.tagItem                 { }

.actionTrail             { clear:both;  margin-top:5px; padding:12px 1px 22px 1px; font:11px Nanum Gothic; background-color:#ffffff; 

border-top:1px solid #cccccc  }
.tbcm					 { font:11px Nanum Gothic; float:left; width:auto;padding-top:3px; background-color:#ffffff}
.tbcm_vbar				 { color:#C6C6C6; padding:0px 4px 0px 4px;}
.actionTrail .cnt        { color:#f60; padding-left:4px; font-weight:bold;}

.trackback               { clear:both; padding:10px 0px 0px 0px;  width:100%;  overflow:hidden;}
.taackback ol,ul,li      { margin:0;  padding:0;   }
.trackback_address       { background:url(images/clip_tb.gif) 10px no-repeat; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#F6F4F0;font:10px/1 Nanum Gothic; cursor:pointer; padding:10px 10px 10px 110px; margin:0px;}
.trackback a             { color:#000;}
.trackback .from         { font-weight:normal;  padding:0px; margin:0px;}
.trackback h4            { font-weight:normal;  padding:0px; margin:0px;}
.trackback ol            { padding:0px; margin:0;  padding-top:5px; padding-bottom:5px;  list-style:none;}
.trackback li            { margin-bottom:5px; margin-top:0px; padding-top:5px; padding-bottom:10px; background:url
(images/line_dot_gray2.gif) bottom left repeat-x; }
.trackback .date         { font:10px Nanum Gothic;  color:#777;}
.trackback p             { font:11px Nanum Gothic; line-height:18px; margin:0px; margin-top:5px; padding:0px; padding-top:0px;color:#999;}

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


.comment                          { clear:both; padding:10px 0px 5px 0px; line-height:18px; width:100%; overflow:hidden;} 
.comment_title                    { background:url(images/clip_reply.gif) 10px no-repeat; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#F6F4F0;font:8pt Nanum Gothic; padding:10px 10px 10px 110px; }
.comment p                        { font:11px Nanum Gothic; line-height:18px; margin:0px; padding:0px; margin-top:10px;margin-bottom:10px;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { font:10px Nanum Gothic;  color:#777;}
.comment .name                    { font-weight:bold;}
.comment ol li			          { background:url(images/line_dot_gray2.gif) bottom repeat-x; padding:10px 0px 2px 0px;}
.comment li ul li                 { border:0px; padding:0px 0px 0px 35px;  background:url("images/iconIndentArrow_local.gif") no-repeat 18px 2px;}
.comment .control a.address       { font-size:14px;background:url(images/iconAddress.gif) 0px 0px no-repeat;  padding-left:38px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.address span  { display:none;}
.comment .control a.modify        { font-size:14px;background:url(images/iconModify.gif) no-repeat;  padding-left:55px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.modify span   { display:none;}
.comment .control a.write         { font-size:14px;background:url(images/iconWrite.gif) no-repeat;  padding-left:40px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.write span    { display:none;}

.commentWrite                     { margin:0px; padding:10px;  margin-top:10px; background-color:#f5f5f5;  border:1px solid #ddd;}
.commentWrite .input_writer		  { float:left; margin-bottom:4px;}
.commentWrite .input_sec		  { float:right; margin-right:6px; margin-bottom:5px; font:8px tahoma; }
.commentWrite input               { width:80px; }
.commentWrite textarea            { font:11px Nanum Gothic; margin-bottom:5px;width:99%;  height:100px;}
.commentWrite .homepage           { width:130px;}
.commentWrite .submit             { border:0px }
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:20px;}


/* ***** sidebar ***** */

#sidebar                       { }
#sidebar .side_item		       { padding:10px 10px 10px 10px;  padding-left:8px; border-left:1px solid #ddd; border-right:1px solid #ddd;  background-color:#fefefe; }

#sidebar a:link          { color:#333;  text-decoration:none;}
#sidebar a:visited       { color:#333;  text-decoration:none;}
#sidebar a:hover         { color:#0391C7;  text-decoration:none;}
#sidebar a:active        { color:#333;  text-decoration:none;}
         
#sidebar ul                    { list-style:none;}
#sidebar li                    { padding-left:0px;}
/*#sidebar h3                    { cursor:pointer; font-family:Nanum Gothic; font-size:12px; line-height:160%; font-weight:bold; color:#737170; background:url(images/line_dot_gray.gif) 10px 0px repeat-x; margin-top:5px;}*/
#sidebar h3                    { cursor:pointer; font-family:Nanum Gothic; font-size:12px;font-weight:bold; color:#737170; margin-bottom:0px;}

#sidebar .title                    { cursor:pointer; font-family:Nanum Gothic; font-size:11px;  font-weight:bold; color:#ce0063; background:url

(images/line_dot_gray.gif) 0px 22px repeat-x; margin-bottom:10px; padding-bottom:5px;}
#sidebar .item_title            { font-family:Nanum Gothic; font-size:11px;  font-weight:bold; color:#333; margin-bottom:35px;}
#sidebar .cnt                  { font:0.85em Nanum Gothic;  color:#f60;}
#sidebar .date                 { font:10px Nanum Gothic;  color:#888;}
#sidebar .name                 { font:0.9em Nanum Gothic;  color:#888;}

#sidebar .blogImage img        { width:170px; padding-bottom:0px;}
#sidebar .blogDesc             { margin-top:10px; color:#888;  line-height:16px;  }
#sidebar .userID               { color:#888;  background:url(images/iconBy.gif) 3px 0 no-repeat;  padding-left:22px;  letter-spacing:-1px;}

#sidebar .notice               { margin-top:10px; padding:0;}
#sidebar .notice li            { margin:0px; padding:0px; padding-bottom:1px; background:none;}
#sidebar .notice a:link,
#sidebar .notice a:visited     { background:url(images/iconNotice.gif) 0 0 no-repeat; padding:2px 0 5px 19px;}
#sidebar .notice a:hover       { background:url(images/iconNotice_on.gif) 0 0 no-repeat; padding:2px 0 5px 19px;}


#sidebar .category             { margin-top:10px;  margin-bottom:0px;background:none;}
#sidebar .category h3          { margin-bottom:10px;}
#sidebar .category li          { background:none;}
#sidebar .category li ul li ul li a{ color:#01A6E0;}

/* 카테고리 - 이미지 버튼 */
    .ib                     { font-size:12px Nanum Gothic; cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { padding-left:1px; font-size:12px; cursor:pointer;  }
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:0.75em Nanum Gothic;  color:#0391C7;}

#sidebar .archive              { margin-top:20px; font-family:Nanum Gothic;}
#sidebar .archive select       { font-size:10px;font-family:Nanum Gothic;width:162px;}
#sidebar .archive  input       { margin-top:5px; margin-bottom:5px; font:11px Nanum Gothic; width:145px;  height:13px;}
#sidebar .archive  img         { margin-top:5px; }

#sidebar .archivehd {display:none; }

#sidebar .recentPost           { margin-top:10px; }
#sidebar .recentSc             { margin-top:10px; }

#sidebar .calendar             { margin-top:10px;}
#sidebar #calendar_box		   { }
#sidebar .calendar_box_d       { font:11px Nanum Gothic; padding:0px 5px 0px 0px;}

/* 달력 월 표시 */
	.cal_month { font-size:100%; height:20px; font-family:Nanum Gothic,Arial; text-align:center; color:#e1cdbd; }
/* 달력 요일 표시 */
	.cal_week1 {font-size:100%; font-weight:normal; font-family:Nanum Gothic,Arial; height:15px; text-align:center;}
/* 달력 일요일 표시 */
	.cal_week2 {font-size:100%; font-weight:normal; font-family:Nanum Gothic,Arial; color: #ff845e; text-align:center;}
/* 달력 지난 달 날짜 표시 */
	.cal_day1 {	font-size:100%; font-family:Nanum Gothic,Arial; color:#000; text-align:center;}
/* 달력 다음 달 날짜 표시 */
	.cal_day2 {font-size:100%; font-family:Nanum Gothic,Arial; color: #000; text-align:center;}
/* 달력 이번 달 날짜 표시 */
	.cal_day3 {	font-size:100%; font-family:Nanum Gothic,Arial;   text-align:center;}
/* 달력 오늘 날짜 표시 */
	.cal_day4 {	font-size:100%; font-family:Nanum Gothic,Arial; text-decoration:underline; text-align:center; }
/* 달력 글쓴 날 링크 스타일 */
a.cal_click{ font-weight:bold; color:#B80D0D;}
a.cal_click:link { color:#B80D0D; text-align:center;}
a.cal_click:visited {	color:#B80D0D;	 text-align:center;}
a.cal_click:hover {	color : #fff;	 text-align:center;}


#sidebar .tagbox               { margin-top:10px;}
#sidebar .tagbox ul            { text-align:justify;}
#sidebar .tagbox li            { background:none;  display:inline;}
#sidebar .tagbox a             { letter-spacing:-1px;}	

/* Tag Cloud 퍼센트별 */
#sidebar .tagbox li a.cloud1     { font-size:1.3em; font-weight:bold;  color:#0391C7 }
#sidebar .tagbox li a.cloud2     { font-size:1.2em; font-weight:bold;  color:#C8056A }
#sidebar .tagbox li a.cloud3    { font-size:1.1em; font-weight:bold;  color:#C45050 }
#sidebar .tagbox li a.cloud4     { font-size:1.0em; color:#3058D2 }
#sidebar .tagbox li a.cloud5    { font-size:1em; color:#595959 }	

#sidebar .recentComment        { margin-top:10px;}
#sidebar .recentTrackback      { margin-top:10px;}
#sidebar .link                 { margin-top:10px;}
#sidebar .link  li             { }
#sidebar .yag                  { margin-top:10px;}
#sidebar .counter              { margin-top:10px; font-size:11px; font-family:Nanum Gothic,Arial; }
#sidebar .detail               { font-size:10px; line-height:20px; margin-top:10px;}
#sidebar .counter .detail .total {  font-size:18px;  font-weight:bold; color:#01A6E0;  }
#sidebar .counter .detail .tynum { color:#01A6E0; }

#sidebar .btn               { margin-top:10px;}

/* CCL 저작권 표시 */
#entry-ccl { margin: 10px 100px 0 0; }
.copyright { font-family: Nanum Gothic,Arial; font-size: 8pt; text-align:center; }

/* 페이징  */
.selected						{ font:11px Nanum Gothic,Arial; font-weight:bold;  color:#ce0063;}
.no-more-prev,
.no-more-next					{ font:11px; color:#858585;}
.paging							{ margin-bottom:15px;  text-align:center;  font:11px Nanum Gothic,Arial;}
.paging .numbox					{ border-left:1px solid #B5B5B5; padding-left:6px; margin-left:6px;  

font:11px Nanum Gothic,Arial;}
.paging .num					{ border-right:1px solid #B5B5B5; padding-right:8px; margin-right:5px;}

/* ***** footer ***** */
#footer			{ font:10px/1.8 Nanum Gothic,Arial; margin-top:10px;margin-bottom:20px;color:#A0A0A0}
#footer .copyright				{ text-align:center; }
#footer a:link					{ color:#888888;     text-decoration:none;}
#footer a:visited				{ color:#888888;     text-decoration:none;}
#footer a:hover					{ color:#01A6E0;  text-decoration:none;}
#footer a:active				{ color:#888888;     text-decoration:none;}


/* 태터데스크 */
.td_list2nd { width: 600px; }
#td_list2nd { width: 600px; }

/* 포스트 본문 */
.entry h1 { /*background:url(images/icon_title.gif) 0px 5px no-repeat; */ 
	border-bottom:1px solid #ccc; 
	padding-left:0px; margin-bottom:10px; padding-bottom:10px; color:#D40067 !important; font-size:18px; 
	font-family: 'Nanum Gothic', 'Arial' ;}
.article h2 { color:#10ADE7; font-size:15px; margin: 2px 0 2px 0; padding:3px 0 3px 0;}
.article h3 { color:#3366FF; font-size:14px; margin:0; padding: 3px 0 3px 0;}
.article h4 { color:#FF7721; font-size:13px; margin:0; padding:3px 0 3px 0;}
.article h5 { color:#029797; font-size:12px; margin:0; padding:3px 0 3px 0;}
.article h6 { color:#7BC100; font-size:12px; margin:0; padding:3px 0 3px 0;}

/*.article strong { color:#404040; } */

/* 링크구성 */
.article a:link         { color:#01A6E0;     text-decoration: underline; }
.article a:visited      { color:#810081 ;     text-decoration:underline;}
.article a:hover        { /*color:#01A6E0 ;*/     text-decoration: none; background-color:#01A6E0; color:#FFFFFF;}
.article a:active       { color:#FF0000;     text-decoration: underline; }


/* 링크폰트 */
#link_div ul li {font-size: 0.9em;  /*11px;*/ }

/* 공지사항 폰트 % */
.notice ul li {font-size: 0.9em; }

.footnote { color:#333; }

/* 카테고리 다른 글 */
.another_category a:link         { color:#ce0063;     text-decoration: underline; }
.another_category a:visited      { color:#01A6E0 ;     text-decoration:underline;}
.another_category a:hover        { color:#01A6E0 ;     text-decoration: none; background-color:#01A6E0; color:#FFFFFF;}
.another_category a:active       { color:#FFFFFF;     text-decoration: underline; }

.h3_div { background:url(images/line_dot_gray.gif) repeat-x; margin-top:10px; padding-bottom:5px; height:2px;}

/* 상단메뉴 */ 


.breadcrumb{position:relative; height:30px; width:100%;}
.breadcrumb ul{position:relative; margin:0 0px 0 1px; padding:0; height:30px; 
background:url('http://cfs.tistory.com/custom/blog/34/347167/skin/images/breadcrumbImage.png') 0px -30px repeat-x; }
.breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px display:inline;}
.breadcrumb ul li a{font:bold 12px Nanum Gothic,Arial; color:rgb(255,255,255); text-decoration:none; line-height:30px; display:block;
background:url('http://cfs.tistory.com/custom/blog/34/347167/skin/images/breadcrumbImage.png') 100% -60px no-repeat; padding:0 17px 0 15px; }
.breadcrumb ul li a:hover {text-decoration:none; color: #FFFF00; /*rbg(255,0,255);*/}
.breadcrumb ul li a.active{background:none; color:rgb(255,255,255);}
.breadcrumb ul li a.active:hover {text-decoration:none;}
.breadcrumb .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; 
background:url('http://cfs.tistory.com/custom/blog/34/347167/skin/images/breadcrumbImage.png') 0% 0px no-repeat;}
.breadcrumb .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; 
background:url('http://cfs.tistory.com/custom/blog/34/347167/skin/images/breadcrumbImage.png') 100% -90px no-repeat; }

/* ---------------------- */

.mattblacktabs{ height:38px;
	width: 100%; overflow: hidden; 
	background: #FFFFFF;
	background: url("http://cfs.tistory.com/custom/blog/34/347167/skin/images/menus_bg2.gif") repeat-x 0 0;
	/*border-bottom: 1px solid black; */ /*bottom horizontal line that runs beneath tabs*/ 
	}
.mattblacktabs ul{ margin: 0; padding: 0; padding-left: 0px; /*offset of tabs relative to browser left edge*/ 
	font: bold 12px  /*'Nanum Gothic', 'Arial',*/ Nanum Gothic ; list-style-type: none;
	background:#FFFFFF;
	/* margin-top:5px; */

	}
.mattblacktabs li{  display: inline; margin: 0 ; vertical-align:middle;	}
.mattblacktabs li a{ float: left; display: block; text-decoration: none; margin: 0; padding: 5px 13px; /*padding inside each tab*/ 
	font-size:12px;
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF; 
/*	background: #00B9F2; */
		background: url("http://cfs.tistory.com/custom/blog/34/347167/skin/images/menus_bg2.gif") repeat-x 0 0;
}
.mattblacktabs li a:visited{ color: #FFFFFF; }
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
/*background: #00B9F2; */
color:#ffff00; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */ 

		background: url("http://cfs.tistory.com/custom/blog/34/347167/skin/images/menus_bg2.gif") repeat-x 0 0;
}

/* .counter1_box { width:100px;border-bottom:1px solid #CECECE;} */
.counter1 { float:left; width:100px; margin:10px 0 20px 0; padding:0; 
	border-bottom:1px solid #CECECE;
	/*border-top:1px solid #CECECE;	*/
}

/* SNS */
.sns_text { margin-bottom:5px; }
.sns_pack { font-size: 12px; width:400px; margin: 20px 10px 0px 30px; height:80px;}
.sns_div { height:10px;}
.sns_pack img { margin:0 3px 0 0; vertical-align:bottom;}
.sns_pack_item { float:left; width:80px; }
.sns_pack_item2 { float:left; width:80px; margin: 0 0 10px 0; }
.sns_pack a:link         { color:#888888;     text-decoration: none; width:80px;}
.sns_pack a:visited      { color:#888888 ;     text-decoration:none; width:80px;}
.sns_pack a:hover        { color:#888888 ;     text-decoration: none;  background-color:#FFFFFF; width:80px; }
.sns_pack a:active       { color:#888888;     text-decoration: none; width:80px;}


#social_box {  width:654px; height:110px; margin: 0 37px 10px 38px; height: 100px; border:1px solid #CCCCCC;}
#social_daum_text { width: 100px; height:76px; padding: 3px; margin: 5px 8px 5px 2px; font-size: 12px; font-family: 'Nanum Gothic', sans-serif; }



.list10 ul li{ margin-left:10px; list-style-type: disc; }
.list20 ul li{ margin-left:20px; list-style-type: disc; }