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

/* 본문 공통 */
body			{ font:13px/20px; font-family:'Malgun Gothic'; background-color:#ffffff; color:#333; line-height:20px; padding:0px; margin:0px;}
a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:#c45050;  text-decoration:none;}
a:active        { color:#333;     text-decoration:none;}

/* 페이징 - 현재 페이지 */
.selected       { font:13px tahoma, dotum; font-weight:bold;  color:#f30;}
.no-more-prev,
.no-more-next	{ font:13px; color:#858585;}
.paging           { padding-top:13px;  text-align:center;  font-size:13px;}
.paging .numbox   { border-left:1px solid #B5B5B5; padding-left:6px; margin-left:6px;  font:13px verdana;}
.paging .num      { border-right:1px solid #B5B5B5; padding-right:8px; margin-right:5px;}

/* 카테고리 - 이미지 버튼 */
    .ib                     { font:13px; cursor:pointer; /*display:none;*/ font-family:'Malgun Gothic';}
/* 카테고리 - 트리 셀 */
    .branch3                { font:13px; cursor:pointer; padding-left:5px; font-family:'Malgun Gothic';}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:11px; font-family:'Malgun Gothic';}

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


/* 종류별 코멘트 [##_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          { padding-left:5px; color:#000;}
    .moreless_top           { padding-left:5px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { display:none; }

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


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

.admin,
control         { font-size:13px; }

hr              { display:none; }
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.8em;}
h2              { font-size:20px; padding-bottom:5px;}
h3              { font-size:15px; padding-bottom:5px;}
h4              { font-size:13px; padding-bottom:5px;}
input           { border:1px solid #aaa; font-size:13px; }
textarea        { border:1px solid #aaa; font-size:13px; }

.dot_line        { width:100%; height:1px; border-bottom:1px dotted #ccc; }

/* 블로그 레이아웃 */
#tool      {
		width:100%;
		min-height:10px;
		clear:both;

		   }
#container {		
		width:100%;
		border:0px ;
		margin:0px auto; 
		padding:0px;  		
}
#header {
		width:980px;
		clear:both;
		overflow:hidden;		
}
#sidebar {
		padding-left:10px;
		width:auto;		
}

#content {
		padding-top:10px;
		width:auto;
		overflow:hidden;
}



#footer {
		clear:both;		
		width:80%;
		overflow:hidden;
}


/* ***** Header ***** */
#header .blogTitle     { font:15px; font-weight:bold; float:left; text-align:left;  padding: 32px 0px 0px 10px;}
#header .blogTitle a { font:15px; font-family:'Malgun Gothic';}
#header .blogTitle  a:hover { background-color:#ffffff; color:#000000;}

#header .blogMenu      { float:left;text-align:right; padding: 32px 5px 0px 150px;font-family:'Malgun Gothic';font:13px;}
#header .blogMenu  a:hover { background-color:#ffffff; color:#c45050;font-family:'Malgun Gothic';font:13px;}
#header .blogMenu ul   { margin:0;  padding:0;  list-style:none;font-family:'Malgun Gothic';font:13px;}
#header .blogMenu li   { display:inline; margin-left:3px;  padding-left:7px;font-family:'Malgun Gothic';font:13px;}
#header .blogMenu li a { color:#000000; font:13px;font-family:'Malgun Gothic';}
#header li.tab_blog    { background:none; }
#header li.tab_blog a  { font-weight:bold; }
#header li.tab_photo a  { font-weight:bold;color:red; }
#header li.tab_photo a:hover { background-color:#ffffff; color:red;font-family:'Malgun Gothic';font:15px;}



/* ***** content *****  */

/* ***** title_wrap **** */
.titleWrap               { padding-bottom:5px;  margin-bottom:10px;}

#content .taglog, 
#content .entryNotice, 
#content .entryProtected, 
#content .main_box, 
#content .entry             { padding:18px;background-color:#ffffff;}
#content .guestbook, 
#content .searchList, 
#content .searchRplist      { padding:18px;background-color:#ffffff;  }

#content .taglog h3, 
#content .guestbook h3, 
#content .searchList h3, 
#content .searchRplist h3   { border-bottom:1px dotted #ccc;  margin-bottom:8px;  color:#222;}

.searchList ol, 
.searchRplist ol            { list-style:none;  padding:0px;  margin:0;}
.searchList li, 
.searchRplist li            { border-bottom:1px dotted #DCDCDC;  padding-bottom:2px;  margin-bottom:4px;}
.searchList .date, 
.searchRplist .date         { font:13px; font-family:'Malgun Gothic';  margin-right:10px; }
.searchList .cnt            { font:13px; font-family:'Malgun Gothic'; color:#f60;} 
.searchRplist .name         { font:13px; font-family:'Malgun Gothic';   color:#999;  padding-left:8px;}

.taglog ul                  { margin:0; text-align:justify;}
.taglog li                  { display:inline;}
.taglog a:hover             { background-color:#eee;  color:#000;}
.taglog li .cloud1          { font-weight:bold;  font-size:19px; line-height:25px;}
.taglog li .cloud2          { font-weight:bold;  font-size:18px; line-height:25px;}
.taglog li .cloud3          { font-weight:bold;  font-size:16px; line-height:25px;}
.taglog li .cloud4          { font-weight:normal;  font-size:14px; line-height:25px;}
.taglog li .cloud5          { font-weight:normal;  font-size:12px; line-height:25px;}



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

.guestWrite                 { width:719px; padding:10px;  background-color:#ffffff;  border:1px solid #ddd;}
.guestWrite input           { width:120px;}
.guestWrite textarea        { width:707px;  height:100px;}
.guestWrite .homepage       { width:200px;}
.guestWrite .submit         { width:704px;  height:22px;  background-color:#ffffff;  font:13px; font-family:'Malgun Gothic'; padding-top:3px; }

.guestList                  { padding:10px 0 0 0; }
.guestList h4				{ font-weight:normal; line-height:20px;}
.guestList ol,
.guestList ul               { list-style:none; font:13px; font-family:'Malgun Gothic'; line-height:20px; margin:0px; padding:0px; margin-top:10px;margin-bottom:0px;}
.guestList li p             { padding-top:5px;  line-height:20px;}
.guestList ol li            { padding:10px;  margin-bottom:10px; overflow:hidden;}
.guestList li ul li         { margin-left:20px; padding-left:25px; padding-bottom:10px; 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:13px; font-family:'Malgun Gothic';}
.guestList .control a.modify       {  text-decoration:none;}
.guestList .control a.write        {  text-decoration:none;}


/* entry */
.entryNotice h2, 
.entryProtected h2, 
.entry h2                { }
.titleWrap .admin        { padding-top:5px; }
.titleWrap .category     { font:13px; font-family:'Malgun Gothic';  color:#888;  margin-right:10px;}
.titleWrap .date         { font:13px; font-family:'Malgun Gothic';  color:#888;}
.entryProtected p.text   { padding-left:50px;}
.entryProtected input    { width:200px;}
.entryProtected .submit  { width:50px; padding-top:2px; height:20px; background-color:#ccc;}

.article                 { font-size:13px; font-family:'Malgun Gothic'; width:100%; margin:0px 0px 20px 0px; overflow:hidden; background-color:#ffffff; clear:both}
.article  a:link         { color:#c45050;     text-decoration:none;}
.article  a:visited      { color:#c45050;     text-decoration:none;}
.article  a:hover        { color:#c45050;     text-decoration:none;}
.article  a:active       { color:#c45050;     text-decoration:none;}

.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { font-size:13px;  padding-left:25px;  margin-left:5px;}
.notice_article          { font-size:13px;   padding-left:25px;  margin-left:5px; margin-bottom:15px;}
.notice_article  a:link         { color:#3D8EC1;     text-decoration:none;}
.notice_article  a:visited      { color:#3D8EC1;     text-decoration:none;}
.notice_article  a:hover        { color:#053C5E;	 text-decoration:none;}
.notice_article  a:active       { color:#3D8EC1;     text-decoration:none;}

.tagTrail                { padding:5px 5px 10px 5px; }
.tagText                 { }
.tagItem                 { font:13px; font-family:'Malgun Gothic'; }

.trackback               { padding:0px; padding-top:5px; margin-bottom:5px;  width:100%;  overflow:hidden;}
.taackback ol,ul,li      { margin:0;  padding:0;   }
.trackback_address       { border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; background-color:#F6F4F0;font:13px; font-family:'Malgun Gothic'; padding:10px 10px 10px 10px; 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; border-bottom:1px dotted #ccc;}
.trackback .date         { font:13px; font-family:'Malgun Gothic';  color:#777;}
.trackback p             { font:13px; font-family:'Malgun Gothic'; line-height:20px; margin:0px; margin-top:5px; padding:0px; padding-top:0px;color:#999;}

.trackback a.delete      {  padding-left:3px;  text-decoration:none;}
.trackback a.delete span { }
.trackback .trackback_address { font-size:13px; line-height:20px; font-family:'Malgun Gothic';}


.comment                          { padding-top:5px; margin-bottom:5px;  line-height:20px; width:100%; overflow:hidden;} 
.comment_title                    { border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; background-color:#F6F4F0;font:12px; font-family:'Malgun Gothic'; padding:10px 10px 10px 10px; }
.comment p                        { font:12px; font-family:'Malgun Gothic'; line-height:20px; margin:0px; padding:0px; margin-top:10px;margin-bottom:10px;}

.comment h3                       { }
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { font:13px;  font-family:'Malgun Gothic'; color:#777; line-height:20px;}
.comment .name                    { font-weight:bold;}
.comment ol li			          { border-bottom:1px dotted #ddd; padding-top:10px;}
.comment li ul li                 { border:0px; padding:0px 0px 0px 10px; }
.comment .control a.modify        { font-size:13px; padding-left:2px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.write         { font-size:13px;  padding-left:2px;  padding-bottom:2px;  text-decoration:none;}
.comment .comment_title			  { font-size:13px; line-height:20px; font-family:'Malgun Gothic';}
.comment .commentList			  { font-size:13px; line-height:20px; font-family:'Malgun Gothic';}


.commentWrite                     { width:720px; margin:0px; padding:10px;  margin-top:10px; background-color:#FFFFFF;  border:1px solid #ddd;font:11px; font-family:'Malgun Gothic';}
.commentWrite input               { width:120px; }
.commentWrite textarea            { width:710px;  height:100px;}
.commentWrite .homepage           { width:200px;}
.commentWrite .submit             { width:710px;  height:22px;  background-color:#ffffff;  font:13px; font-family:'Malgun Gothic'; padding-top:3px; }
.commentWrite .secretWrap         {  }
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px;}



/* ***** sidebar ***** */
#sidebar                       { }
#sidebar .side_item		       { padding:9px; background-color:#ffffff;}

#sidebar a:link          { color:#333;  text-decoration:none;}
#sidebar a:visited       { color:#333;  text-decoration:none;}
#sidebar a:hover         { color:#C45050;  text-decoration:none;}
#sidebar a:active        { color:#333;  text-decoration:none;}
         
#sidebar ul                    { list-style:none;}
#sidebar li                    { padding-left:0px;}
#sidebar h3                    { font-family:'Malgun Gothic'; font-size:12px;  font-weight:bold; color:#333; border-bottom:1px dotted #ccc; margin-bottom:5px;}
#sidebar h4				       { font-weight:normal;  padding:0px; margin:0px;}
#sidebar .cnt                  { font:0.85em; font-family:'Malgun Gothic';  color:#333;}
#sidebar .date                 { font:13px; font-family:'Malgun Gothic';  color:#888;}
#sidebar .name                 { font:0.9em; font-family:'Malgun Gothic';  color:#888;}

#sidebar .blogImage            { }
#sidebar .blogImage img        { width:160px;  padding-bottom:0px;}
#sidebar .userID               { color:#888; padding-left:22px;  letter-spacing:-1px;}

#sidebar .notice               { margin-top:10px; padding:0;}
#sidebar .notice li            { margin:0px; padding:0px; background:none;}
#sidebar .notice a:link,
#sidebar .notice a:visited     { padding:2px 0 5px 2px;}
#sidebar .notice a:hover       { padding:2px 0 5px 2px;}

#sidebar .search               { margin-top:10px; padding-top:5px;padding-bottom:2px;}
#sidebar .search input         { margin-bottom:4px; font:11px; font-family:'Malgun Gothic'; width:90px;  height:15px;}
#sidebar .search .search_btn   { width:30px; height:20px; background:none;}

#sidebar .category             { font-size:11px;font-family:'Malgun Gothic'; margin-top:10px;background:none;}
#sidebar .category h3          { margin-bottom:10px;}
#sidebar .category li          { background:none;}
#sidebar .category li ul li    {  padding-left:10px;}
#sidebar .category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
#sidebar .category li ul li ul li a{ color:#999;}

#sidebar .tagbox               { margin-top:10px; background:none;}
#sidebar .tagbox ul            { padding:5px 2px;	text-align:justify;}
#sidebar .tagbox li            { background:none;  display:inline;}
#sidebar .tagbox a             { letter-spacing:-1px;}	
#sidebar .tagbox li .cloud1    { font-weight:bold;  font-size:16px;}
#sidebar .tagbox li .cloud2    { font-weight:bold;  font-size:15px;}
#sidebar .tagbox li .cloud3    { font-weight:bold;  font-size:14px;}
#sidebar .tagbox li .cloud4    { font-weight:bold;  font-size:13px;}
#sidebar .tagbox li .cloud5    { font-weight:bold;  font-size:12px;}	

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

#sidebar .recentComment        { margin-top:10px;background:none; overflow:hidden; }
#sidebar .recentComment        { font:8px; font-family:'Malgun Gothic';}
#sidebar .recentComment ul     { font:8px; font-family:'Malgun Gothic';}
#sidebar .recentComment li     { font:8px; font-family:'Malgun Gothic';}
#sidebar .recentComment li a   { font:8px; font-family:'Malgun Gothic';}
#sidebar .recentTrackback      { margin-top:10px;overflow:hidden;}

#sidebar .counter              { font-size:12px; margin-top:10px;  font-family:'Malgun Gothic';}
#sidebar .detail               { margin-top:5px;  line-height:20px; }
#sidebar .counter .detail .total {  font-size:18px;  font-weight:bold; color:#333; }
#sidebar .counter .detail .tynum { color:#333 }

#sidebar .botton               { margin-top:15px; padding-left:0px;}

/* ***** footer ***** */
#footer          { margin-bottom:20px;margin-top:15px; text-align:center;  	color:#666; }
#footer .copyright { padding:13px; padding-top:5px; padding-left:50px;padding-bottom:5px;   }
#footer .license {  font:13px; font-family:'Malgun Gothic'; color:#666; line-height:15px;  }
#footer .copystr {  font:11px; font-family:'Malgun Gothic'; color:#666; line-height:15px;  }
#footer .copyright .copystr { font-size:13px; line-height:20px; font-family:'Malgun Gothic';}

#keywords ul
{
	list-type-style: none;
	text-align: left;
}

#keywords ul li
{
	display: inline;
	line-height: 2.2em
	list-type-style: none;
	padding-right: 10px;
}