@charset "utf-8";

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

/* 본문 공통 */ 

body {
			background:
			/*@background-image*/url("./images/bg.png")/*@*/
			/*@background-image-position*/center top/*@*/
			/*@background-image-repeat*/repeat/*@*/
			/*@background-color*/#000000/*@*/;		
			margin-top:40px; 
			color:#fff;
			}
#container {
	position:relative;
	}
a:link,
a:visited,
a:active	{ color:#eee; text-decoration:none;}
a:hover	{ color:#f60; text-decoration:none; font-weight:bold;}

/* 페이징 - 현재 페이지 */
.selected	{ color:#ff0; font-weight:bold; text-decoration:under-line;}

/* 카테고리 - 이미지 버튼 */
.ib	{ cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3	{ cursor:pointer; }
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt	{ color:#ff0;}

/* 달력 월 표시 */
.cal_month				{ padding-bottom:5px; font-weight:bold; text-align:center;}
/* 달력 요일 표시("th 영역") */
.cal_week1				{ color:#eee;}
/* 달력 일요일 표시("th 영역") */
.cal_week2				{ color:#f60;}
/* 달력 Week("tr 영역")  */
.cal_week					{ color:#eee;}
.cal_current_week		{ background-color:#222;}
/* 달력 Day("td 영역") */
.cal_day					{ text-align:center;}
/* 달력 Day, 일요일 ("td 영역")  */
.cal_day_sunday,
.cal_day_sunday a		{ color:#f60;}
/* 달력 지난 달 날짜 표시("td")   */
.cal_day1					{ }
/* 달력 다음 달 날짜 표시("td")   */
.cal_day2					{ }
/* 달력 이번 달 날짜 표시("td") */
.cal_day3					{ }
/* 달력 오늘 날짜 표시("td") */
.cal_day4					{ color:#ff0; font-weight:bold;  text-decoration:under-line;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link,          
a.cal_click:visited                  { font-weight:bold;}
a.cal_click:hover                    { color:#f60;}

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

/* 이미지 아래 캡션 스타일 */
.cap1	{ color:#ff0; text-align:center; }
/* 그림 */
.imageblock	{ margin:0; padding:0; border:none; vertical-align:top;}
/* 왼쪽 */
.left	{ }
/* 가운데 */
.center	{ }
/* 오른쪽 */
.right	{ }
/* 그림 2개 배치 */
.dual	{ }
/* 그림 3개 배치 */
.triple	{ }

/* 본문 - more / less */
.moreless_fold	{ padding-left:25px; background:url("images/iconMore.gif") top left no-repeat; color:#eee;}
.moreless_top	{ padding-left:25px; background:url("images/iconLess.gif") top left no-repeat; color:#eee;}
.moreless_body	{ }
.moreless_bottom	{ padding-right:25px; background:url("images/iconLess.gif") top right no-repeat; color:#eee; text-align:right;}


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

img	{ border:none;}
h1,
h2,
h3,
h4	{ margin:0; padding:0; font-size: 13px;}
input,
textarea	{ border-top:1px solid #ccc; border-right:1px solid #eee; border-bottom:1px solid #eee; border-left:1px solid #ccc; background-color:#eee; font:13px Verdana;}


/* ------------------------------------------------------------------- */
/* 블로그 레이아웃 */
/* ------------------------------------------------------------------- */

#container	{ width:732px; margin:auto; padding:0;}
#header	{ }
#content	{ clear:both; float:left; width:488px; margin:0; padding:0; overflow:hidden; line-height:150%;}
#sidebar	{ float:right; width:200px; margin:0; padding:0;}
.clear { clear:both; display:block; width:100%; height:1px;}

/* ------------------------------------------------------------------- */
/* ***** Header ***** */
/* ------------------------------------------------------------------- */
*html 
#header { margin:20px 0 0 0; padding:17px 0 5px 0; border-top:1px solid #eee; }
#header { margin:0px 0 0 0; padding:17px 0 17px 0; border-top:0px solid #eee; }

#header .search { float:right; border:none; background-color:#fff;}
#header .search .input		{ width:152px; height:16px; border:none; background:transparent;  color:#fff; font-size:13px;}
#header .search .submit		{ width:39px; height:16px; border:none; cursor:pointer;}
.blogMenu	 { clear:both; color:#fff;}
.blogMenu	 a { float:left; display:block; width:111px; height:13px; padding:8px 5px; border-right:1px solid #00f; background-color:#00f; color:#eee; font-size:13px; font-weight:bold;}
.blogMenu	 a:link,
.blogMenu	 a:visited,
.blogMenu	 a:active {color:#fff; font-size:13px;}
.blogMenu	 a:hover	{ background-color:#f60; color:#fff;}
.blogMenu	 a.blogMenuEmpty { width:91px;} /* 중간 빈 메뉴 공간 */


/* ------------------------------------------------------------------- */
/* ***** Sidebar ***** */
/* ------------------------------------------------------------------- */

#sidebar ul	{ list-style:none; margin:0; padding:0 0 25px 0;}
#sidebar li	{ list-style:none; padding:1px 0;}
#sidebar h3 { color:#eee; padding:5px 0; cursor:pointer;}
#sidebar h3 a:hover { color:#f60;}
#sidebar .cnt	{ color:#ff0;}
#sidebar .name	{ color:#ff0;}
#sidebar .date	{ color:#ff0;}

#sidebar .blogImage img { width:200px;}
.blogDesc { line-height:150%;}
.userID { font-weight:bold;}

/* Categories */
#category ul,
#category li { line-height:150%; padding:0;}
#category li a { display:block; padding:1px 0;}
#category .selected	{ font-weight:normal;}
#category .selected	ul li{ font-weight:normal;}

#category,
#calendar	{ padding-bottom:25px;}
.blogImage	{ padding-bottom:20px;}
#archive,
#link { }

#rss a { display:block; width:20px; height:20px; background:url("images/rss.gif") top left no-repeat;}
#rss a:hover { background:url("images/rss-on.gif") top left no-repeat;}


/* ------------------------------------------------------------------- */
/* ***** content ***** */
/* ------------------------------------------------------------------- */

#content .keylog,
#content .localog, 
#content .taglog, 
#content .entryNotice, 
#content .entryProtected, 
#content .entry,
#content .guestbook, 
#content .searchList, 
#content .searchRplist		{ padding-bottom:40px;}

#content .keylog h2, 
#content .localog h2, 
#content .taglog h2, 
#content .guestbook h2		{ margin-bottom:30px; padding:5px 0; border-top:1px solid #eee; border-bottom:1px solid #ccc; font-size:13px;}		
#content .medialog h2,
#content .searchRplist h2,
#content .searchList h2		{ margin-bottom:15px; padding:5px 0; border-top:1px solid #eee; border-bottom:1px solid #ccc; font-size:13px;}

.searchList ol, 
.searchRplist ol	{ list-style:none; margin:0; padding:0px;}
.searchList li, 
.searchRplist li	{ color:#eee; line-height:150%;}
.searchList .date, 
.searchRplist .date	{ margin-left:10px; color:#ff0; font-size:13px;}
.searchList .cnt	{ color:#ff0; font-size:13px;} 
.searchRplist .name	{ }
.searchList .tblist	{ margin-bottom:8px;}
.searchList .tblist a	{ color:#ff0;}

.localog a { font-weight:bold;}
.keylog ul,
.taglog ul				{ margin:0px; padding:0px; text-align:justify; line-height:150%;}
.keylog li,
.taglog li				{ display:inline;}
.taglog li .cloud1		{ font-weight:bold; color:#00ff00;}
.taglog li .cloud2		{ color:#00ffff;}
.taglog li .cloud3		{ color:#ff00ff;}
.taglog li .cloud4		{ color:#ffff00;}
.taglog li .cloud5		{ color:#eeeeee;}
.taglog li a:hover	{ color:#f60;}

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

.guestWrite		{ font-size:13px; }
.guestWrite input	{ width:150px; background-color:#eee; color:#222;}
.guestWrite textarea	{ width:478px; padding:5px; color:#222;}
.guestWrite .homepage	{ width:300px;}
.guestWrite .submit	{ width:150px; height:20px; background-color:#f60; color:#f60; font-size:13px;}
.guestWrite input.checkbox	{ width:15px; margin:0; padding:0; border:none; background-color:#fff;}

.guestList	{ width:100%; padding:40px 0 0 0;}
.guestList ol	{ list-style:none; margin:0; padding:30px 0 0 0;}
.guestList ol ul	{ list-style:none; margin:0; padding:0;}
.guestList ol li	{ overflow:hidden;}
.guestList ol li p	{ padding-top:7px;}
.guestList ol li ul li	{ padding:10px 0 0 60px; border:none; overflow:hidden;}
.guestList ol li ul li { text-align:right;}

.guestList ol li .name	{ font-weight:bold;}
.guestList ol li .date,
.guestList .control,
.guestList .control a	{ font-size:13px; color:#ff0;}
.guestList .control a:hover	{ color:#f60;}


/* ------------------------------------------------------------------- */
/* entry */
/* ------------------------------------------------------------------- */

.entryNotice h2, 
.entryProtected h2, 
.entry h2	{ }

.titleWrap	{ margin-bottom:15px;  padding:5px 0; border-top:1px solid #eee; border-bottom:1px solid #ccc; color:#ff0; font-size:13px;}
.titleWrap .category a	{ color:#ff0; font-size:13px;}
.titleWrap .date,	
.titleWrap .admin a	{ color:#ff0;}
.titleWrap .category a:hover,
.titleWrap .admin a:hover		{ color:#f60;}
.titleWrap .admin { padding-left:5px;}

.warning	{ margin-bottom:10px; padding-left:45px; background:url("images/imgProtected.gif") no-repeat;}
.entryProtected input	{ width:140px; color:#eee; background-color:#eee; }
.entryProtected .submit	{ width:50px; height:18px; background-color:#eee; color:#eee; font-size:13px;}

.article	{ width:100%;} 
.article a:link,
.article a:visited,
.article a:active	{ color:#ff0;}
.article a:hover	{ color:#f60; border:none;}
.article dt	{ text-decoration:under-line;}
.article dd	{ margin-left:20px; padding-bottom:10px;}
.article blockquote	{ margin:10px 20px; padding-left:28px; background:url("images/iconBlockquote.gif") top left no-repeat;}
.article a img	{ border:none !important;}

.author                  { text-align:right; color:#ff0; padding:20px 0px 8px 0px;}
.author .text            { color:#ff0;}
.tagTrail	{ clear:both; margin-top:20px; padding:0px 0px 5px 0px; border-bottom:0px solid #ccc; }
.tagText	{ border-bottom:0px solid #ccc;}

.actionTrail	{ color:#ff0; clear:both; border-top:1px solid #ccc; padding:8px 0px;}
.actionTrail .cnt	{ color:#ff0; font-weight:bold;}

.trackback	{ width:100%; overflow:hidden;}
.trackback a	{ color:#ff0;}
.trackback h3	{ color:#ff0; font-size:13px;}
.trackback h3:hover      { color:#f60;}
.trackback h4	{ }
.trackback h4 a	{ color:#ff0;}
.trackback ol	{ list-style:none;}
.trackback li	{ }
.trackback .date	{ color:#ff0; font-size:13px;}
.trackback p	{ color:#eee;}
.trackback a.delete span	{ color:#ff0; font-size:13px;}

.comment	{ width:100%; margin:15px 0 4px 0; padding-top:10px; overflow:hidden;} 
.commentList p	{ margin:3px 0 0 0; padding:0; }
.commentList p a:hover	{ font-weight:normal;}
.comment ol,
.comment ul	{ list-style:none; margin:0; padding:0;}
.comment .date	{ color:#ff0; font-size:13px;}
.comment .name	{ font-weight:bold;}
.comment ol li	{ padding:10px 0;}
.comment li ul li	{ padding:5px 10px 10px 60px; text-align:right;}

.comment .control a.address span,
.comment .control a.modify span,
.comment .control a.write span	{ color:#ff0; font-size:13px;}

.commentWrite	{ margin-top:20px; font-size:13px;}
.commentWrite p	{ margin:3px 0 0 0; padding:0;}
.commentWrite input		{ width:150px; background-color:#eee; color:#222;}
.commentWrite textarea	{ width:478px; padding:5px; top:5px; color:#222;}
.commentWrite .homepage	{ width:300px;}
.commentWrite .submit	{ width:150px; height:20px; background-color:#f60; color:#f60; font-size:13px;}
.commentWrite input.checkbox	{ width:15px; margin:0; padding:0; border:none; background-color:#fff;}

.paging           { text-align:center; margin-top:0px; padding:0;}
.paging .numbox   { margin-left:5px;}
.paging .num      { padding:0 9px 0 6px; border-right:1px solid #eee;}
.paging .numbox a       { color:#eee;}
.paging .numbox a:hover { color:#f60;  text-decoration:under-line;}


/* ------------------------------------------------------------------- */
/* ***** footer ***** */
/* ------------------------------------------------------------------- */

#footer          { color:#eee; text-align:center; line-height:150%; padding-top:20px; padding-bottom:20px;}
#footer a        { color:#eee;}
#footer a:hover  { color:#f60;}


/* ------------------------------------------------------------------- */
/* ***** coverpage ***** */
/* ------------------------------------------------------------------- */

.coverpage .img_preview { float:right; }
.coverpage .img_preview img { width:40px; height:40px; margin:0 0 5px 5px; border-top:1px solid #eee;}
.coverpage .content_box h2 { padding:5px 0 0 0; border-top:1px solid #eee;}
.coverpage .post_info { margin-bottom:15px; color:#ff0; font-size:13px;}
.coverpage .post_info .category a	{ color:#ff0; font-size:13px;}
.coverpage .post_tags	{ clear:both; margin:10px 0 30px 0; color:#ff0; font-size:13px;}
.coverpage .post_tags a	{ color:#ff0; font-size:13px;}

#STATICMENU { padding:0; margin:0; position:absolute; width:40px; z-index:1;}
#STATICMENU .scrolltop {display:block; width:140px; height:340px; background:url("./images/gom.gif") top left no-repeat; }
#STATICMENU .scrolltop:hover {background:url("./images/gom.gif") top left no-repeat; }