@charset "utf-8";

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

/* 본문 공통 */
body{
		font:0.75em/1.5 Verdana, Dotum, AppleGothic, Sans-serif;
		background-color:white;
		color:black;
}
a:link { text-decoration: none; color : #369;}
a:visited { text-decoration: none; color : #369;}
a:hover { text-decoration: underline; color : #666;}
a:active { text-decoration: none; color : #666;}

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


/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f30;}

/* 달력 월 표시 */
    .cal_month              { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:0.95em Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:0.95em Dotum, Arial, sans-serif;  color:#f30; }

/* 달력 Week(tr 영역)  */
    .cal_week               { background-color:#fff;}
    .cal_current_week       { background-color:#eee;}

/* 달력 Day(td 영역) */
    .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#f30 !important;}
    .cal_day_sunday a        { color:#f30 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#666;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#000;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#333;  font-weight:bold;}
    a.cal_click:visited     { color:#333;  font-weight:bold;}
    a.cal_click:hover       { color:#f30;  font-weight:bold;}

/* 종류별 코멘트 [##_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;*/}


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center;}
/* 그림 */
    .imageblock             { background-color:#eee; border:1px solid #ddd;  padding:5px;  margin:5px 0; }
/* 왼쪽 */
    .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:#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; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
*			{ margin: 0px; padding: 0px;}
hr			{ display:none;}
img			{ border:0px;}
h1			{ text-align:center;}
h2			{ border-bottom:solid 2px #5775a3; border-top:solid 2px #5775a3; font-size:1.4em;}
#content h3	{ font-size:1.2em;}
#sidebar h3	{ font-size:1em;}
h4			{ font-size:1em; font-weight:normal;}
textarea	{ width:450px; height:100px; border:1px solid #aaa;}
#content input { width:45px; margin-right:5px;}
#content .submit { width: 450px; border:1px solid #aaa;}
/* layout */
#container		{ margin: 10px auto; width:783px;}

#contentsBox,
#paperTop,
#paperSide,
#paperBottom	{ width:560px;}

#contentsBox	{ float:left;}
#paperTop		{ background:url(images/paper_top.jpg) no-repeat top; padding-top:35px;}
#paperSide		{ background:url(images/paper_side.jpg);}
#paperBottom	{ background: url(images/paper_bottom.jpg) no-repeat bottom; padding-bottom:24px;}

#sidebar,
#sideTop,
#sideSide,
#sideBottom		{ width:220px;}

#sidebar		{ margin-left:560px;}
#sideTop		{ background:url(images/side_top.jpg) no-repeat top; padding-top:35px;}
#sideSide		{ background:url(images/side_side.jpg);}
#sideBottom		{ background: url(images/side_bottom.jpg) no-repeat bottom; padding-bottom:24px;}
#sideContents	{ width: 180px; margin: auto;}

/* header */
#header {}

/* content */
#content { width:500px; margin:0px auto;}

/* search list */
#content .searchList	{ margin-bottom:20px;}
#content .searchList li	{ background:url(images/ul_bullet.gif) no-repeat 0px 50%; padding-left:13px;}

/* local log */
#content .localLog dt { height:21px;}

/* tag list */
#content .tagList ul { padding:5px 2px;	text-align:justify;}
#content .tagList li { background:none;  display:inline;}
#content .tagList a  { letter-spacing:-1px;}	
#content .tagList li .cloud1 { background-color:#eee;  font-weight:bold;  font-size:16px;  color:#a2348f;}
#content .tagList li .cloud2 { background-color:#eee;  font-weight:bold;  font-size:15px;  color:#5a5194;}
#content .tagList li .cloud3 { background-color:#eee;  font-weight:bold;  font-size:14px;  color:#7870ab;}
#content .tagList li .cloud4 { background-color:#eee;  font-size:13px;  color:#666;}
#content .tagList li .cloud5 { font-size:12px;  color:#888;}	
#content .tagList a:hover { background-color:#eee;  text-decoration:none;  color:#000;}

/* guestbook and comment common */
#content .commentList li, #content .guestList li { padding-left:20px;}
#content .control a { font-size:10px; padding-right: 10px; margin-right:5px; background:url(images/return.gif) no-repeat right center;}
#content .comment .homepage, #content .guestbook .homepage { width:130px;}

/* guestbook */
#content .guestList li { background:url(images/guestbook.gif) no-repeat left 3px; margin-top:20px;}

/* article */
#content .entryNotice, #content .entryProtected, #content .entry { border-bottom:solid 2px #5775a3; margin-bottom:20px;}
#content .article { background:url(images/underline.gif); padding:20px 0px; text-align:justify;}
#content .entryCategory { border-bottom:solid 1px #5775a3; padding:5px;}
#content .entryDate { padding:5px;}
#content .btnTop { display:block; text-align:right;}
#content .tagTrail { float:left}
#content .actionTrail { text-align:right;}
#content .trackback, #content .comment { border-top:solid 1px #5775a3; background:url(images/underline.gif); padding:20px;}
#content .commentList li { background:url(images/comment.gif) no-repeat left 3px; margin-bottom:20px;}
#content .comment .checkbox { width:auto;}

/* paging */
#content .paging { text-align:center;}

/* content common */
#content .searchList,
#content .localLog,
#content .tagList,
#content .guestbook		{ border-top:solid 2px #5775a3; border-bottom:solid 2px #5775a3; background:url(images/underline.gif); padding:20px; }

#content .searchList ul,
#content .guestbook ol,
#content .comment ol,
#content .replyList { list-style:none;}

#content .searchList li,
#content .localLog dd	{ background:url(images/ul_bullet.gif) no-repeat 0px 50%; padding-left:13px;}

#content .replyList li { background:url(images/reply.gif) no-repeat left 3px; margin:5px 0px 0px 20px;}

/* footer */
#footer .copyright { text-align:center;}

/* sidebar */
/* blog menu, admin menu */
#sidebar #blogMenu, #sidebar #adminMenu { text-align:center;}

/* search */
#sidebar .search { text-align:center;}
#sidebar #search { width:100px;}
#sidebar .notice, #sidebar #category, #sidebar #calendar, #sidebar .tagBox, #sidebar #recentPost, #sidebar #recentComment, #sidebar #recentTrackback, #sidebar #archive, #sidebar #link {
	border-bottom:solid 2px #5775a3; border-top:solid 2px #5775a3; padding:3px 0px;}
#sidebar .tagBox, #sidebar #category { background:url(images/underline.gif);}
#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    { background-color:#eee;  font-weight:bold;  font-size:16px;  color:#a2348f;}
#sidebar .tagBox li .cloud2    { background-color:#eee;  font-weight:bold;  font-size:15px;  color:#5a5194;}
#sidebar .tagBox li .cloud3    { background-color:#eee;  font-weight:bold;  font-size:14px;  color:#7870ab;}
#sidebar .tagBox li .cloud4    { background-color:#eee;  font-size:13px;  color:#666;}
#sidebar .tagBox li .cloud5    { font-size:12px;  color:#888;}	
#sidebar .tagBox a:hover       { background-color:#eee;  text-decoration:none;  color:#000;}
#sidebar .recent, #sidebar #archive, #sidebar #link, #sidebar .notice { list-style:none; background:url(images/underline.gif);}
#sidebar .recent li, #sidebar #archive li, #sidebar #link li, #sidebar .notice li { padding-left:13px;}
#sidebar .recent li { background: url(images/new.gif) no-repeat 0px 50%;}
#sidebar #archive li { background: url(images/archive.gif) no-repeat 0 50%;}
#sidebar .notice li { background: url(images/notice.gif) no-repeat 0 50%;}
#sidebar #link li {	background: url(images/link.gif) no-repeat 0 50%;}
#sidebar .banner { text-align:center; margin:5px 0px;}