@charset "utf-8";


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

/* 본문 공통 */
*::-moz-selection {background-color:#33cc99; color:#f6f4f4;}
*::selection {background-color:#33cc99; color:#f6f4f4;}
*:lang(ko-kr) { font-family: "Malgun Gothic", Dotum, Sans-serif;}
*:lang(en-us) { font-family: Tahoma, Verdana, Courier New, helvetica, Sans-serif;}

body			{ padding:0; margin:0; font-family:verdana, dotum, Courier New, Sans-serif, Tahoma; font-size:12px; color:#9b8791; background:url(images/bg1.gif) repeat; }
a:link		{ color:#7a6773; text-decoration:none;}
a:visited	{ color:#9b8791; text-decoration:none;}
a:hover		{ color:#33cc99; font-weight:bold;}
a:active	{ color:#9b8791; text-decoration:none;}


/* 페이징 - 현재 페이지 */
.selected					{ font-weight:bold; color:#33cc99;}

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

/* 달력 월 표시 */
.cal_month					{ font:11px verdana; height:18px; font-weight:bold; color:#dcdcdc; }
 /* 달력 요일 표시(th 영역) */
.cal_week1				{ font:12px dotum; height:18px; font-weight:normal; color:#dcdcdc;}
}
/* 달력 일요일 표시(th 영역) */
.cal_week2 				{ font:12px dotum; height:18px; font-weight:bold; color:#fff; }
/* 달력 Week(tr 영역)  */
.cal_week					{ }
.cal_current_week		{ }
/* 달력 Day(td 영역) */
.cal_day					{ font:9px verdana; color:#dcdcdc; text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday		{ color:#c2bbb5; !important;}
.cal_day_sunday a		{ color:#a9ffd8; !important;}
/* 달력 지난 달 날짜 표시(td)   */
.cal_day1					{ color:#dcdcdc;}
/* 달력 다음 달 날짜 표시(td)   */
.cal_day2					{ color:#dcdcdc;}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3					{ color:#dcdcdc;}
/* 달력 오늘 날짜 표시(td) */
.cal_day4					{ color:#dcdcdc; font-weight:bold; text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link			{ color:#a9ffd8; font-weight:bold; }
a.cal_click:visited		{ color:#c2bbb5; font-weight:bold;}
a.cal_click:hover		{ color:#a9ffd8; font-weight:bold text-decoration:underline; }

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general				{ }
.rp_admin					{ }
.rp_secret					{ color:#33cc99;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general			{ }
.guest_admin				{ }

/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment 		{ font-weight:normal;}

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

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

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

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

hr						{ display:none;}
img					        { border:0;}
h1, h2, h3, h4	                                { margin:0;  padding:0; }
h1						{ font-size:18pt;}
h2						{ font-size:14px;}
h3						{ font-size:12px; font-weight:normal; }
h4						{ font-size:9px; font-weight:normal;}
input					{ background-color:#eee; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #fff; border-bottom:1px solid #fff;}
textarea			{ background-color:#eee; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #fff; border-bottom:1px solid #fff;}



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

#container 		{ width:1000px; margin:0 auto;}
#header 			{ width:780px; margin:20px 0 0 0;}

#content 			{ width:780px; float:left;  line-height:180%; overflow:hidden; }
.bg-lt					{ width:100%; height:10px; background:url(images/bg-lt.gif) top left no-repeat; }
.bg-rt				{ width:100%; height:10px; background:url(images/bg-lt.gif) top right no-repeat; }
.bg					{ padding: 0 30px 20px 30px; min-height:500px; background-color:#fff; }
.bg-lb				{ width:100%; height:10px; background:url(images/bg-lb.gif) bottom left no-repeat; }
.bg-rb				{ width:100%; height:10px; background:url(images/bg-rb.gif) bottom right no-repeat; }

#sidebar			{ width:220px; float:left; height:100%;  }
.bg-sidebar-top			{ width:100%; height:10px; background:url(images/bg-rt.gif) top right no-repeat;}
.bg-sidebar-bottom		{ width:100%; height:10px; background:url(images/bg-rb.gif) bottom right no-repeat;}
.bg-sidebar-m			{ width:100%; height:10px; background:url(images/bg-m.gif) top left no-repeat; }

/* ------------------------------------------------------------------- */
/* ***** Header ***** */
/* ------------------------------------------------------------------- */

#header h2					{ font:24px Courier New, dotum; font-weight:bold; margin:30px 0 20px 30px; }
#header h2 a					{ color:#00ffc0;}
#header h2 a:hover		                { color:#00ffc0; opacity:0.2; filter:alpha(opacity=20);text-decoration:underline; }
#header span				{ float:left; margin:0 0 3px 35px; font:10px verdana; color:#dcdcdc; }
#header span a				{ font:11px verdana; color:#dcdcdc; }
#header span a:hover	{ color:#a9ffd8; font-weight:bold; }
#header span.switch		{ float:right; margin-bottom:10px; padding-right:5px;}
#header span.switch a:hover	{ cursor:pointer;}

/* ------------------------------------------------------------------- */
/* ***** sidebar ***** */
/* ------------------------------------------------------------------- */


#sidebar ul { padding:0; margin:0; list-style:none; }
#sidebar li { padding-bottom:2px; list-style:none; }
#sidebar li a { color:#a9ffd8; }
#sidebar h3 { padding-left:20px; padding-top:5px; padding-bottom:5px; font-size:12px; color:#dcdcdc; }
#sidebar h3 a:hover { color:#dcdcdc; }
#sidebar h3.category { background-color:#fff;}
#sidebar h3 span:hover { color::#dcdcdc; cursor:pointer;}
#sidebar .cnt						{ font-size:9px; color:#dcdcdc; font-weight:normal;}
#sidebar h3.rss a					{ padding-bottom:30px; color:#dcdcdc;}
#sidebar h3.rss a:hover { color::#dcdcdc; }


#sidebar .search				{ background-color:#fff; padding:20px 0 10px 20px;}
#sidebar .search input		{ width:125px; height:16px; background:url(images/bg1.gif) no-repeat; color:#c6fff9; font:12px verdana; }
#sidebar .search .submit		{ width:45px; height:20px; font:9px verdana; color:#c6fff9; border0; }

/* Categories */
#category { background-color:#fff; padding-bottom:13px; font-size:11px; font-weight:bold; padding-left:20px;}
#category a:hover { color:#00ffc0; }
#category a:select {}
#category ul				{ list-style:none; }
#category li                            { padding-top:2px; }
#category li a				{ color:#725963; }
/* 1 depth */
#category ul li ul li a			{ }
/* 2 depth */
#category ul li ul li ul li		{ }
#category ul li ul li ul li a		{ padding-left:10px; font:11px verdana, dotum; font-weight:normal;}
/* selected */
#category .selected			{ color:#00ffc0; }
#category .selected ul li a		{ font-weight:bold; }


#recentPost,
#recentComment,
#recentTrackback	{ padding-left:20px; padding-bottom:20px; }
#calendar		{ width:180px; padding-left:20px; padding-bottom:20px; }
#archive		{ font-size:11px; padding-left:20px; padding-bottom:20px;}
#link			{ font:11px verdana, dotum; padding-left:20px; padding-bottom:20px;}


#recentPost a { }
#recentComment a { }
#recentTrackback a { }
#archive a { }
#link a { }
#recentPost a:hover {color:#a9ffd8;}
#link a:hover {color:#a9ffd8;}
#archive a:hover {color:#a9ffd8;}
#calendar a { color:#a9ffd8; }
#calendar a:hover { color:#a9ffd8; text-decoration:underline; }
#calendar th { font:12px dotum; height:18px; font-weight:normal; color:#dcdcdc; }

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

#content .localog, 
#content .taglog, 
#content .medialog,
#content .entryNotice, 
#content .entryProtected, 
#content .entry,
#content .guestbook, 
#content .searchList, 
#content .searchRplist		{padding-top:30px; }


#content .localog h3, 
#content .taglog h3, 
#content .guestbook h3,		
#content .medialog h3,		
#content .searchRplist h3,
#content .searchList h3		{ padding-top:20px; padding-bottom:20px; font:17px Courier New; font-weight:bold; }

.searchList ol, 
.searchRplist ol			{ list-style:none; padding:0px; margin:0;}
.searchList li, 
.searchRplist li			{ line-height:100%; padding-bottom:2px; margin-bottom:4px;}
.searchList .date, 
.searchRplist .date		{ font-size:9px; margin-left:10px; }
.searchList .cnt			{ font-size:9px; color:#33cc99;} 
.searchRplist .name	{ font-size:12px; color:#7a6773; padding-left:8px;}

.taglog					{ padding-bottom:30px;}
.taglog ul				{ padding:0px; margin:0; text-align:justify;}
.taglog li				{ display:inline;}
.taglog li .cloud1		{ color:#7a6773; font-weight:bold; font-size:14px;}
.taglog li .cloud2		{ color:#7a6773; font-weight:bold; font-size:12px;}
.taglog li .cloud3		{ color:#7a6773; font-weight:bold; font-size:12px;}
.taglog li .cloud4		{ color:#9b8791; font-size:12px;}
.taglog li .cloud5		{ color:#9b8791; font-size:12px;  }
.taglog li a:hover	{ color:#a9ffd8; font-weight:normal; background:url(images/bg1.gif); }

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

.guestWrite			{ font:9px verdana; }
.guestWrite input			{ font:12px verdana;  width:150px; color:#b7ffff; }
.guestWrite textarea		{ background:url(images/bg1.gif); color:#b7ffff; font:12px verdana; width:705px; padding:5px;}
.guestWrite .name,
.guestWrite .password { background:url(images/bg1.gif); }
.guestWrite .homepage   { width:300px; color:#b7ffff; background:url(images/bg1.gif); }
.guestWrite .submit			{ width:150px; height:20px; font:9px verdana; background:url(images/bg1.gif); }
.guestWrite .checkbox		{ width:15px; background-color:#fff; border:none; padding:0; margin:0; }

.guestList					{ width:715px; padding:30px 0 0 0;}
.guestList ol				{ padding:30px 0 0 0; margin:0; list-style:none;}
.guestList ol ul			{ margin:0; padding:0; list-style:none;}
.guestList ol li				{ overflow:hidden;}
.guestList ol li p			{ padding-top:5px; border-top:1px solid #ddd; }
.guestList ol li ul li		{ padding:10px 0 0 50px; border:none; overflow:hidden;}
.guestList ol li .name	{ color:#666; font-weight:bold;}
.guestList ol li .date		{ font-size:9px; color:#9b8791; }
.guestList .control				{ font-size:9px; color:#9b8791;}
.guestList .control a			{ color:#9b8791;}
.guestList .control a:hover	{ font-size:9px; color:#33cc99;}


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

.entryNotice h2, 
.entryProtected h2, 
.entry h2 								{ padding-top:5px; margin-bottom:4px; font:18px courier new, "맑은 고딕", "돋움"; font-weight:bold; color:#7a6773; }
.titleWrap								{ font:9px verdana, dotum; color:#7a6773; padding-bottom:30px;}
.titleWrap .category a				{ font:11px verdana, dotum; color:#7a6773;}
.titleWrap .category a:hover	{ font:11px verdana, dotum; color:#33cc99; font-weight:bold;}
.titleWrap .date						{ }
.titleWrap .admin 					{ padding-left:5px;}
.titleWrap .admin a					{ color:#7a6773;}
.titleWrap .admin a:hover		{ color:#33cc99; font-weight:bold;}

.entryProtected				{ margin-bottom:15px;}
.warning						{ background:url(images/imgProtected.gif) no-repeat; padding-left:45px; margin-bottom:10px;}
.entryProtected input		{ width:140px; color:#666; border:1px solid #7a6773;}
.entryProtected .submit	{ font:9px Verdana; width:50px; height:20px; color:#fff;  background-color:#aaa;}

.article						{ width:100%; padding-bottom:30px; } 
.article a:link, 
.article a:visited			{ color:#33cc99; border-bottom:1px dotted #33cc99;}
.article dt					{ text-decoration:underline;}
.article dd					{ margin-left:20px; padding-bottom:10px;}
.article blockquote		{ background:url(images/iconBlockquote.gif) top left no-repeat; padding-left:28px; margin:10px 20px;}
.article img				{ border:none;}
.article object#audioplayer{ opacity:.4; filter:alpha(opacity=40);/* For IE 5-7 */ -ms-filter:'alpha(opacity=40)';/* For IE 8 */}

.tagTrail					{ padding:0px 5px 0px 0px;}
.tagText					{ }

.actionTrail				{ clear:both;}
.actionTrail .cnt		{ color:#33cc99;}

.trackback					{ padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a				{ color:#666;}
.trackback h3				{ font-size:9px; color:#33cc99;  margin:0px 5px 10px 0px;}
.trackback h4				{ font-size:12px; font-weight:normal; margin:0; font-weight:bold;}
.trackback ol				{ margin:0;  padding:0; list-style:none;}
.trackback li				{ padding:5px;}
.trackback .date			{ font:9px Verdana; color:#7a6773;}
.trackback p				{ color:#7a6773; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span	{font:9px Verdana; color:#7a6773;}

.comment				{ border-top:1px dashed #ccc; padding-top:15px; margin-top:25px; width:100%; 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:9px Verdana; color:#7a6773;}
.comment .name	                { font-weight:bold;}
.comment ol li		        { padding:10px 0px;}
.comment li ul li		{ padding:5px 10px 10px 50px; }

.comment .control a	        { font:9px Verdana; color:#7a6773;}
.comment .control a:hover	{ color:#33cc99; font-weight:bold;}

.commentWrite				{ margin-top:20px; font:9px verdana;}
.commentWrite input			{ font:12px verdana; width:150px; color:#b7ffff; }
.commentWrite textarea			{ background:url(images/bg1.gif); font:12px verdana; width:705px; color:#b7ffff; padding:5px; top:5px; }
.commentWrite .homepage		{ width:300px; background:url(images/bg1.gif); }
.commentWrite .submit			{ height:20px; width:150px; font:9px verdana; color:#b7ffff; background:url(images/bg1.gif); border:0; }
.commentWrite .name,
.commentWrite .password { background:url(images/bg1.gif); }
.commentWrite .checkbox		{ width:15px; background-color:#fff; border:none; padding:0; margin:0; }

.paging						{ padding:20px 0px 20px 0px; text-align:center;  font:9px verdana;}
.paging .numbox		{ border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font:9px verdana;}
.paging .num				{ border-right:1px solid #ccc; padding-right:8px; margin-right:5px; font:9px verdana;}
.paging a:visited			{ color:#c0b4af; text-decoration:none;}
.paging a:hover			{ font-weight:bold; color:#33cc99;}




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

#footer, #footer a				{ text-align:center; line-height:130%; padding:20px 0 40px 0; font-size:9px; color:#725963; }
#footer .counter		{ }																	


/* ------------------------------------------------------------------- */
/* ***** etc ***** */
/* ------------------------------------------------------------------- */

.imageblock *			{ border:none !important;}
#mediaLogLimit			{ display:none !important;}
div .box						{ width: 610px; height: auto;	margin: 0; padding: 8px; border:1px dotted #33cc99;}
div .gallery				{ margin: 0; }		
div .gallery a:link, 
div .gallery a:visited	{ border:none !important;}