@charset "utf-8";

/* 공통 스타일 */
body	{
	background-color:#246dad;
	background-image:url(./images/bg.jpg);
	background-repeat:repeat-x;
	color:#333333;
	font:0.75em/1.5 "맑은 고딕", "Malgun Gothic", "Segoe UI", Verdana, AppleGothic, sans-serif;
	margin:0;
	padding:0;
	height: 100%;
}

/* 페이징 - 현재 페이지 */
    .selected               { color:#8b8b8b;}
    .no-more-prev,
	.no-more-next { color:#ccc;}


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

/* 달력 */
	.calender		{ background:#FFFFFF;}

/* 달력 월 표시 */
    .cal_month              { font-size:0.95em;  height:18px; font-weight:bold; text-align:center;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font-size:0.95em;  height:18px;  font-weight:normal; color:#333; background-color:#fff; text-align:center;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font-size:0.95em;  color:#f30; background-color:#fff; text-align:center; }

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

/* 달력 Day(td 영역) */
    .cal_day                { font-size:0.95em;  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;}


/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { background:url(./images/iconAdmin.gif) no-repeat right center; }
    .rp_secret              { color:#06c;   font-weight:bold;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background:url(./images/iconAdmin.gif) no-repeat right center;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { background:url(./images/iconSecret.gif) no-repeat right center;  padding-left:20px;  font-weight:normal;}


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

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

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

hr			{ display:none;}
img			{ border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.8em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
input, textarea	{ border-top:1px solid #abadb3; border-right:1px solid #dbdfe6; border-bottom:1px solid #e3e9ef; border-left:1px solid #e2e3ea; font:1em/1.5 "맑은 고딕", "Malgun Gothic", "Segoe UI", Verdana, AppleGothic, sans-serif;}

a:link		{ color:#666666; text-decoration:none;}
a:visited	{ color:#666666; text-decoration:none;}
a:hover		{ color:#999999; text-decoration:none;}
a:active	{ color:#666666; text-decoration:none;}

/* 메뉴(탭) */
#header #aero_title #menu		{ padding:29px 0px 0px 20px; float:left;}
#header #aero_title #menu ul	{ width:auto; margin:0; padding:0; list-style:none; float:left;}
#header #aero_title #menu li	{ display:inline; float:left; margin-left:0px; padding-left:0px;}
#header #aero_title #menu li a	{ margin:0; padding:0; display:block; height:27px; text-indent:-10000px; text-decoration:none; overflow:hidden;}

#tab_blog	{ background:url(./images/tab_blog.gif); width:53px;}
#tab_blog:hover	{ background-position:0 -27px;}

#tab_local	{ background:url(./images/tab_local.gif); width:81px;}
#tab_local:hover	{ background-position:0 -27px;}

#tab_tag	{ background:url(./images/tab_tag.gif); width:85px;}
#tab_tag:hover	{ background-position:0 -27px;}

#tab_key	{ background:url(./images/tab_key.gif); width:72px;}
#tab_key:hover	{ background-position:0 -27px;}

#tab_media	{ background:url(./images/tab_media.gif); width:87px;}
#tab_media:hover	{ background-position:0 -27px;}

#tab_guest	{ background:url(./images/tab_guest.gif); width:90px;}
#tab_guest:hover	{ background-position:0 -27px;}

/* 메뉴(우측 상단) */
#admin				{ padding:35px 37px 0px 0px; height:16px; float:right;}
#admin ul			{ width:auto; margin:0; padding:0; list-style:none; float:left;}
#admin li			{ display:inline; float:left; margin-left:0px; padding-left:0px;}
#admin li a			{ margin-left:10px; padding-left : 21px; font-size:1.02em; color:#000000;}
#admin li a:hover	{ color:#666666;}

#admin li a.rss		{ background:url(./images/rss.gif) no-repeat center left;}
#admin li a.admin_write	{ background:url(./images/write.gif) no-repeat center left;}
#admin li a.admin	{ background:url(./images/admin.gif) no-repeat center left;}

/* Aero box */
#title { 
	background:url(./images/wow.png);
	height:107px; 
	padding:137px 0px 0px 75px; 
}
* html #title { background:url(./images/wow.gif);}
#title h1 {	font-size:2.5em; font-weight:normal;}
#title a				{ color:#FFF;}
#title a:hover			{ text-decoration:underline;}
#aero_title		{ background:url(./images/aero_title.png) no-repeat; height:56px;}
* html #aero_title	{ background:url(images/basic_title.gif) no-repeat; height:56px;}

#arLeft {
	background:url(./images/aero_left_10000.png) no-repeat left top;
	float:left;
}
* html #arLeft { background:url(./images/basic_left_10000.gif) no-repeat left top;}

#arRight {
	background:url(./images/aero_right_10000.png) no-repeat right top;
	height:auto;
	float:right;
}
* html #arRight { background:url(./images/basic_right_10000.gif) no-repeat right top;}

#aero_body { 
	background:#f8f8f8 url(./images/sidebar_pattern.gif) right top repeat-y; 
	width:952px; vertical-align:top; margin:0px 27px 0px 21px;
	float:left; display:inline;
}

.aero_footer	{ background:url(./images/aero_footer.png) no-repeat; height:25px;}
* html .aero_footer	{ background:url(./images/basic_footer.gif) no-repeat;}

/* 저작권 표시 */
#footer a		{ color:#FFF;}
#footer a:hover		{ color:#92b6d6;}

#copyright	{ 
	height:100px; 
	margin-top:8px; 
	text-align:center; 
	font-size:12px; 
	color:#FFF;
}

#copyright #cpy_tt .tt	{ margin-left:10px; vertical-align:middle;}
#copyright #cpy_tt .ver	{ margin-left:10px; font-size:2.5em; vertical-align:middle;}

#copyright #cpy_nk		{ padding:10px 0px 10px 0px;}
#copyright #cpy_nk .NK	{ margin-left:10px; vertical-align:middle;}

/* 레이아웃 */

#container	{ 
	margin:auto;
	width:1000px;
	height:100%;
}

#header	{
	height:300px;
	clear:both;
}

#body {
	text-align:center;
	width:100%;
}

#sidebar_head { 
	background:url(./images/sidebar_head.gif) right top no-repeat;
	float:left;
}

#sidebar_foot { 
	background:url(./images/sidebar_foot.gif) right bottom no-repeat; 
	vertical-align:top;
	float:right;
}

#content { 
	width:734px;
	float:left;
	text-align:left; 
	padding:10px;
}

#sidebar { 
	width:178px; 
	float:right; 
	text-align:left;
	color:#FFF;
	padding:10px;
}

#footer			{ height:133px; clear:both;}

#skAlert {
	color:#FFF;
	background-color:#0066cc;
	font-size:0.9em;
}

#skAlert a:link,
#skAlert a:visited,
#skAlert a:active {
	color:#FFF;
}

#skAlert a:hover {
	color:#92b6d6;
}

/* 검색 결과 */
.searchRplist h1,
.searchList	h1 { 
	font-size:2em; 
	font-weight:normal; 
	color:#003399; 
	padding-left:42px; 
	background:transparent url(./images/search.gif) left center no-repeat;
}

.searchList ol, .searchRplist ol { list-style:none;  padding:0;  margin:0;}
.searchList a, .searchRplist a { color:#0066cc;}
.searchList a:hover, .searchRplist a:hover { color:#92b6d6;}

.searchList .date,
.searchRplist .date {
	font-size:0.8em; color:#8b8b8b; padding-right:5px;
}
.searchList .cnt,
.searchRplist .cnt {
	font-size:0.8em;
}

.searchRplist .name { color:#8b8b8b;}

/* 지역 로그 */
.localog h1 { 
	font-size:2em; 
	font-weight:normal; 
	color:#003399; 
	padding-left:42px; 
	background:transparent url(./images/local.gif) left center no-repeat;
}

.localog .spot {
	background:url(./images/local_arrow_spot.gif) no-repeat 0% 100%;
	margin-bottom:5px;
	padding-left:16px;
}

.localog .info {
	background:url(./images/local_arrow_info.gif) no-repeat 0% 100%;
	margin-bottom:5px;
	padding-left:16px;
}

/* 태그 클라우드 */
.taglog h1 { 
	font-size:2em; 
	font-weight:normal; 
	color:#003399; 
	padding-left:42px; 
	background:transparent url(./images/tagcloud.gif) left center no-repeat;
}

.taglog .tcloud_top {
	background:#0074b9 url(./images/tagcloud_top.gif) no-repeat top;
	margin-top:10px;
}

.taglog .tcloud_btm {
	background:url(./images/tagcloud_bottom.gif) no-repeat bottom;
	min-height:300px;
}

.taglog ul			{ padding:20px; margin:0; text-align:justify;}
.taglog li			{ display:inline;}
.taglog li a:hover	{ color:#FFF;}

.taglog li .cloud1          { color:#fff;  font-size:24px;}
.taglog li .cloud2          { color:#e6f0fa;  font-size:18px;}
.taglog li .cloud3          { color:#cce0f5;  font-size:14px;}
.taglog li .cloud4          { color:#b3d1f0;  font-size:12px;}
.taglog li .cloud5          { color:#99c2eb;  font-size:10px;}

/* 키 로그 */
.keylog h1 { 
	font-size:2em; 
	font-weight:normal; 
	color:#003399; 
	padding-left:42px; 
	background:transparent url(./images/keylog.gif) left center no-repeat;
}

.keylog ul			{ padding:0; margin:0; list-style:none;}
.keylog li			{ background:url(./images/keylog_bullet.gif) no-repeat 0% 50%; padding-left:19px;}

/* 미디어 로그(Only for Tistory) */
.medialog h1 { 
	font-size:2em; 
	font-weight:normal; 
	color:#003399; 
	padding-left:42px; 
	background:transparent url(./images/media.gif) left center no-repeat;
}

/* 방명록 */
.guestbook h1 { 
	font-size:2em; 
	font-weight:normal; 
	color:#003399; 
	padding-left:42px; 
	background:transparent url(./images/guestbook.gif) left center no-repeat;
}
.guestbook p                { padding:2px 0; margin:0;}

.guestWrite {
	margin-top:10px;
	padding:10px;
	text-align:right;
	background-color:#F5F5F5;
	border:1px solid #EEE;
}
.guestWrite input           { width:150px;}
.guestWrite textarea        { width:465px;  padding:5px;}
.guestWrite .homepage       { width:300px;}
.guestWrite .submit         { width:477px;  height:21px; background:#d9d9d9 url(./images/guestbook_submit.gif) no-repeat; font:1.1em; border:0;}

.guestList                  { padding:10px 0 0 0;}
.guestList ol,
.guestList ul               { margin:0; padding:0;  list-style:none;}
.guestList li p             { margin-top:5px; padding-top:5px;}
.guestList ol li            { padding:10px;  margin-bottom:10px; overflow:hidden;}
.guestList li ul li         { margin-left:20px;) no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px;  border:none; overflow:hidden;}
.guestList li .name         { color:#000;  font-weight:bold;}
.guestList li .date         { font-size:0.8em;}

.guestList .control a.modify       { padding:0 0 2px 0; font-size:0.8em; color:#06c;}
.guestList .control a.write        { padding:0 5px 2px 0; font-size:0.8em; color:#06c;}
.guestList .control a:hover        { color:#7cafe2;}

/* entry */
.titleWrap { clear:both;}

.entryNotice .titleWrap h2 { 
	background:transparent url(./images/notice.gif) left center no-repeat;
}
.entryProtected .titleWrap h2,
.entry .titleWrap h2 { 
	background:transparent url(./images/article.gif) left center no-repeat;
}

.titleWrap h2 {
	font-size:2em; 
	font-weight:normal; 
	padding-left:42px; 
}

.titleWrap a {
	color:#003399;
}

.titleWrap .category	{ font-size:0.8em; color:#8b8b8b; display:inline;}
.titleWrap .category a	{ color:#8b8b8b;}
.titleWrap .category a:hover	{ text-decoration:underline;}
.titleWrap .date		{ font-size:0.8em; color:#8b8b8b; display:inline;}

.entryProtected p.text	{ background:url(./images/imgProtected.gif) no-repeat; padding-left:138px; height:128px; font-size:1.5em; color:#06c;}
.entryProtected input	{ width:200px;}
.entryProtected .submit	{ width:50px; height:21px; background:#ccc url(./images/protected_submit.gif) center; border:0;}

.article				{ width:100%; margin:10px 0 10px 0; overflow:hidden; clear:both;}
.article dt				{ text-decoration:underline;}
.article dd				{ margin-left:20px;  padding-bottom:10px;}
.article blockquote		{ background:#f5f5f5 url(./images/blockquote_bg.gif) bottom right no-repeat;  margin:10px 20px; padding:20px;}

.admin					{ font-size:0.8em; color:#8b8b8b; display:inline; margin:0; clear:both;}
.admin a				{ color:#06c; padding:2px; height:20px;}
.admin a:hover			{ color:#7cafe2;}
.admin span				{ padding-left:21px; margin:0; height:16px;}
.admin .modify			{ background:url(./images/toolbar_modify.gif) no-repeat 0% 50%;}
.admin .change			{ background:url(./images/toolbar_change.gif) no-repeat 0% 50%;}
.admin .admin_trackback	{ background:url(./images/toolbar_trackback.gif) no-repeat 0% 50%;}
.admin .admin_delete	{ background:url(./images/toolbar_delete.gif) no-repeat 0% 50%;}

.tagTrail				{ background:url(./images/article_tag.gif) no-repeat 0% 100%; height:16px; padding-left:21px; margin-bottom:10px; vertical-align:middle; clear:both;}
.tagTrail a				{ color:#06c;}
.tagText				{ display:none;}

.actionTrail			{ float:right; color:#8b8b8b; padding:0 0 5px 10px; margin-bottom:5px; border-bottom:#8b8b8b 1px solid;}
.actionTrail a			{ color:#8b8b8b;}
.actionTrail a:hover	{ color:#ccc;}
.actionTrail .cnt		{ color:#06c;}

.trackback				{ clear:both; float:right; width:100%; margin-bottom:5px; border-bottom:#8b8b8b 1px solid;}
.trackback h3			{ text-align:right; font-size:1em; color:#000; margin:0; padding:0;}
.trackback .tbAdress	{ padding:0 0 5px 10px; border-bottom:#8b8b8b 1px solid;}
.trackback ol			{ margin:0; padding:0; list-style:none; text-align:right;}
.trackback li			{ margin:0 0 5px 0; padding-top:5px; color:#8b8b8b;}
.trackback li a			{ color:#000;}
.trackback p			{ font-size:0.8em; margin:3px 0 0 0; padding:0;}
.trackback .from,
.trackback .date		{ color:#8b8b8b; font-size:0.8em;}
.trackback a.delete		{ background:url(./images/toolbar_delete.gif) left top no-repeat;  padding-left:16px;  text-decoration:none;}
.trackback a.delete span{ display:none;}

.comment				{ clear:both; float:right; width:100%;}
.comment p				{ margin:5px 0 0 0; padding:0;}
.comment ol				{ margin:0; padding:0; list-style:none; text-align:right;}
.comment ol li ul		{ list-style:none; margin:0; margin-bottom:5px; padding:10px; background:url(./images/comment_reply_bg.gif) no-repeat bottom;}
.comment .name			{ color:#8b8b8b;}
.comment .name a		{ color:#000; font-weight:bold;}
.comment .date			{ font-size:0.8em; color:#8b8b8b;}
.comment .control a.address			{ background:url(./images/comment_permalink.png) no-repeat;  padding-left:16px;  padding-bottom:2px;  text-decoration:none;}
* html .comment .control a.address	{ background:url(./images/comment_permalink.gif) no-repeat;}
.comment .control a.address span	{ display:none;}
.comment .control a.modify			{ background:url(./images/comment_delete.png) no-repeat;  padding-left:16px;  padding-bottom:2px;  text-decoration:none;}
* html .comment .control a.modify	{ background:url(./images/comment_delete.gif) no-repeat; }
.comment .control a.modify span		{ display:none;}
.comment .control a.write			{ background:url(./images/comment_reply.png) no-repeat;  padding-left:16px;  padding-bottom:2px;  text-decoration:none;}
* html .comment .control a.write	{ background:url(./images/comment_reply.gif) no-repeat;}
.comment .control a.write span		{ display:none;}

.commentWrite						{ text-align:right;}
.commentWrite h3					{ font-size:1.5em; color:#06c; font-weight:normal;}
.commentWrite label					{ color:#8b8b8b;}
.commentWrite textarea				{ width:30em; height:8.2em;  padding:5px;}
.commentWrite .checkbox				{ border:none; padding-left:0; margin:0;}
.commentWrite .button				{ width:121px; height:21px; background:#ccc url(./images/comment_submit.gif) no-repeat; border:0;}

.paging           { padding-top:10px;  text-align:center;  clear:both;}
.paging img		  { vertical-align:middle;}
.paging .numbox   { margin-left:6px; }
.paging .num      { margin-right:5px;  color:#06c;}

/* ***** sidebar ***** */
#sidebar ul                    { padding:0;  margin:0;  list-style:none;}
#sidebar li                    { background:url(./images/bul.png) 0 3px no-repeat;  padding-left:10px;}
* html #sidebar li             { background:url(./images/bul.gif) 0 3px no-repeat;}
#sidebar h3                    { font-size:1em;  font-weight:bold; color:#fff; padding-top:5px; margin-bottom:5px;}
#sidebar a:link,
#sidebar a:visited,
#sidebar a:active	{ color:#fff; text-decoration:none;}
#sidebar a:hover	{ color:#a9c7c7;}

/* 달력 글쓴 날 링크 스타일 */
#sidebar a.cal_click:link        { color:#333;  font-weight:bold;}
#sidebar a.cal_click:visited     { color:#333;  font-weight:bold;}
#sidebar a.cal_click:hover       { color:#f30;  font-weight:bold;}

#sidebar .cnt                  { font:0.85em "Segoe UI", "맑은 고딕", "Malgun Gothic", Tahoma;  color:#bdd6ce;}
#sidebar .date                 { font:0.9em "Segoe UI", "맑은 고딕", "Malgun Gothic", Tahoma;  color:#bdd6ce;}
#sidebar .name                 { font:0.9em "맑은 고딕", "Segoe UI", "Malgun Gothic", Tahoma;  color:#bdd6ce;}

#sidebar .blogImage img        { width:178px; padding-bottom:6px;}
#sidebar .blogDesc             { color:#fff;  font-size:1em;  line-height:1.2em;  letter-spacing:-1px; margin-bottom:10px;}
#sidebar .userID               { color:#fff;  padding-left:10px;  letter-spacing:-1px; font-weight:bold;}

#sidebar .notice               { margin:10px 0;  padding:0;}
#sidebar .notice li            { margin:0 0 3px 0; padding:0 0 1px 0; background:none;}
#sidebar .notice a:link,
#sidebar .notice a:visited     { background:url(./images/iconNotice.png) 0 0 no-repeat; padding:0 0 5px 20px;}
#sidebar .notice a:hover       { background:url(./images/iconNotice_on.png) 0 0 no-repeat;  padding:0 0 5px 20px; text-decoration:none;}
* html #sidebar .notice a:link,
* html #sidebar .notice a:visited,	{ background:url(./images/iconNotice.gif) 0 0 no-repeat;}
* html #sidebar .notice a:hover     { background:url(./images/iconNotice_on.gif) 0 0 no-repeat;}

#sidebar .search               { vertical-align:middle; background:url(./images/search_bg.png) no-repeat 50% 50%;}
* html #sidebar .search        { background:url(./images/search_bg.gif) no-repeat 50% 50%;}
#sidebar .search input         { width:144px;  height:18px; background:transparent; border:0; color:#333; padding:4px; margin:0; vertical-align:middle;}
#sidebar .search .submit       { width:26px;  height:26px; background:transparent; border:0; margin:0; vertical-align:middle; display:none;}


#sidebar .category .c_cnt      { color:#bdd6ce;}
#sidebar .category li          { background:none;}
#sidebar .category li ul li    { background:url(./images/bul.png) 0 6px no-repeat;  padding-left:10px;}
* html #sidebar .category li ul li    { background:url(./images/bul.gif) 0 6px no-repeat;}
#sidebar .category li ul li .selected a { color:#a9c7c7; font-weight:bold;}
#sidebar .category li ul li ul li { background:none; padding-left:6px; margin-left:2px;}
#sidebar .category li ul li ul li a{ }

#sidebar .tagbox ul            { 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;  color:#fff;}
#sidebar .tagbox li .cloud2    { font-weight:bold;  font-size:15px;  color:#eff5f3;}
#sidebar .tagbox li .cloud3    { font-weight:bold;  font-size:14px;  color:#deebe7;}
#sidebar .tagbox li .cloud4    { font-size:13px;  color:#cee1db;}
#sidebar .tagbox li .cloud5    { font-size:12px;  color:#bdd6ce;}	
#sidebar .tagbox a:hover       { text-decoration:none; font-weight:bold; color:#fff;}

#sidebar .recentComment        {width:178px; overflow:hidden;}
#sidebar .recentTrackback      {width:178px; overflow:hidden;}

#sidebar .counter              { font:0.85em "Segoe UI", "맑은 고딕", "Malgun Gothic", Tahoma, sans-serif;  padding:5px 0;  margin:10px 0;  text-align:center;  background-color:#a9c7c7;  letter-spacing:0;}
#sidebar .counter li           { background:none;  display:inline;  padding:0 5px;}
#sidebar .counter li.total     { display:block;  color:#000;}

#sidebar .botton          { text-align:center;  padding:5px;}