@charset "utf-8";

/* 기본 설정 */

* {
	margin: 0px;
	padding: 0px;
	border:0px;
}

body {
	background: #FFFFFF url(images/img01.gif) repeat-x;
	background-position: top left;
	font:13px Dotum;
	color:#333333;
}

a {
	text-decoration:none;
	color:#545454;
}

a:hover {
	color:#0F8CE0;
}

/*
a:link, a:visited
{
        color: #accb53;
}       
*/

a:hover, a:active
{
        color: #c36;
}

/* 태그 클라우드 */
.tagCloudItem1 { color:#F28413; font-weight: bold; font-size: 17px;}
.tagCloudItem2 { color:#317EC4; font-weight: bold; font-size: 16px;}
.tagCloudItem3 { color:#b3c987; font-weight: bold; font-size: 15px;}
.tagCloudItem4 { color:#FF8745; font-weight: bold; font-size: 14px; }
.tagCloudItem5 { color:#545454; font-size: 13px; }

/* 달력 */
.cal_month { font:18px Georgia; color:#2A4477; padding:10px; } /* 월 표시 */
.cal_week1 { font-size:12px; height:18px; text-align:center; background-color:#f3f8fc;} /* 요일 표시 */
.cal_week2 { color:#A52B2B; font-size:12px; text-align: center; background-color:#fff0e8; } /* 일요일 표시 */
.cal_day1 {	color: #777; font-size:12px; text-align:center; height:21px; } /* 지난 달 날짜 표시 */
.cal_day2 {	color: #777; font-size:11px; text-align:center; height:21px; } /* 다음 달 날짜 표시 */
.cal_day3 {	color: #777; font-size:11px; text-align:center; height:21px; } /* 이번 달 날짜 표시 */
.cal_day4 { /* 오늘 날짜 표시 */
	text-align: center;
	font-size: 11px;
	font-weight:bold;
	color: #ffffff;
	background-color: #87a7be;
}
.cal_day4 a.cal_click:link, 
.cal_day4 a.cal_click:visited {
	color: #ffffff;
}

a.cal_click:link, 
a.cal_click:visited { /* 글쓴 날 링크 스타일 */
	color:#777;
	font-weight: bold;
	padding-right:4px;
	padding-left: 4px;
}
a.cal_click:hover {
	font-weight: bold;
 }

/* 헤더 : 로고 */

#header {
	width: 990px;
	text-align:left;
	margin:auto;
	margin-top:10px;
	clear:both;
	background: url(images/img03.gif) repeat-x left bottom;
}

#header img {
	vertical-align:middle;
	border:0px;
}

#header #title {
	display:inline;
	float:left;
	margin-top:30px;
	width:600px;
}

#header #title .titleText {
	font:18px Gulim; font-weight:bold; color:#3E5683;
}

#header #title .domain {
	font:11px verdana; letter-spacing:-0.5pt; color:#1E70B8;
}

#header #login
{
	position:relative;
	float:right;
	height:90px;
	width:380px;
}

#header #topMenu {
	position: absolute;
	display:inline;
	float:left;
	top:30px;
	right:0px;
	margin-right:0px;
}

#header #search {
	position: absolute;
	display:inline;
	float:left;
	top:60px;
	right:0px;
	margin-right:0px;
}

#header #keyword {
	border:1px solid #3E5683; 
	background-color:#7F9DB9;
	color:white; 
	font:12px Dotum; 
	letter-spacing:-0.2pt; 
	padding:2px 5px 2px 5px;
	width:200px;
	height:12px; 
}

/*-------------------------------*/

/* hadding */

/*-------------------------------*/

h1
{
        font: normal 1.80em 'Trebuchet MS', Verdana, sans-serif;
}

h1 a:link, h1 a:visited
{
        color: #e23c8e;
}

h1 a:hover, h1 a:active
{
        color: #ff6bb4;
}

h2
{
        padding-bottom: .5em;
        background: #fff url('./images/bg_h2.gif') repeat-x 0 100%;
        border-bottom: 1px solid #fff;
        font-size: 1.5em;
        letter-spacing: -1px;
        color: #000;
}

h2 a:link, h2 a:visited, h2 a:active
{
        color: #accb53;
}

h2 a:hover
{
        color: #c0e900;
}

h3
{
        font: bold 1.17em/1.5 Arial, Helvetica, sans-serif;
        background-color: #faf9f8;
        border-bottom: 1px solid #eee;
        color: #accb53;
}

h3 a:link, h3 a:visited
{
        color: #669818;
}

h3 a:hover, h3 a:active
{
        color: #7ab61a;
}

h4
{
        font-size: 1.08em;
}


/* 중간 : 메뉴 & 내용 */

#menu {
	width: 990px;
	text-align:left;
	margin:auto;
	margin-top:20px;
	clear:both;
	padding:0px;
	border:1px solid #efefef;
	border-right:none;
	border-left:none;
	background-image:url('./images/bg_menu.jpg');
	background-repeat:repeat-x;
}

#menu a { color:#888; }
#menu a:hover { color:#1E70B8; text-decoration:underline; }

#menu ul {
	display:block;
	float:left;
	list-style:none;
}

#menu ul li {
	display:inline;
	float:left;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	color:#888;
	font-weight:bold;
	border-right:1px solid #efefef;
	background-image:url('./images/bg_menuButton.jpg');
	background-repeat:repeat-x;
}

#menu .selected {
	background-image:url('./images/bg_menuSelected.jpg');
}

#submenu {
	width: 990px;
	text-align:left;
	margin:auto;
	clear:both;
	padding:0px;
	border-bottom:1px solid #efefef;
}

#submenu a { color:#888; }
#submenu a:hover { color:#1E70B8; text-decoration:underline; }

#submenu ul {
	display:block;
	float:left;
	list-style:none;
}

#submenu ul li {
	display:inline;
	float:left;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	color:#888;
	border-right:1px dotted #efefef;
}

#submenu .selected {
	font-weight:bold; letter-spacing:-0.5pt;
	color:#000;
}

#desc {
	width: 990px;
	clear:both;
	text-align:left;
	margin:auto;
	margin-top:5px;
}

/* 검색 관련 */
.searchKeywordContainer {
	display:block; border:1px solid #efefef; margin-top:10px; width:720px; overflow:hidden;
}

.poweredByEolin {
	float:right;  position:relative; z-index:999; margin-top:10px; margin-right:10px;
}

.relativeTagsList {
	margin:10px; margin-bottom:0px; display:block; float:left; list-style:none;
}

.relativeTagHead {
	display:inline; float:left; margin-right:10px; font-weight:bold; letter-spacing:-0.5pt; color:#3E5683;
}

.relativeTagItem {
	display:inline; float:left; margin-right:10px; letter-spacing:-0.5pt;
}

.eolinRelativePostsList {
	margin:10px; float:left;
	display:block; width:80%;
	overflow:hidden;
}

.eolinRelativePostsHead {
	display:inline; float:left; margin-right:10px; font-weight:bold; letter-spacing:-0.5pt; color:#689FCA;
}

.eolinRelativePostItem {
	display:inline; float:left; letter-spacing:-0.5pt; width:70%;
}

.eolinRelativePostItemAuthor {
	font:11px Dotum; color:#ccc;
}

.searchKeyword {
	font:14px Dotum;
	font-weight:bold;
	color:#1E70B8;
	letter-spacing:-0.5pt;
}

.search_blog {
	display:block; clear:both;
	margin:10px; margin-top:20px;
}

.search_bloglist {
	list-style:none;
	line-height:180%;
}

.search_blog_title {
	font:13px Dotum;
	font-weight:bold; letter-spacing:-0.5pt;
	margin-bottom:5px;
}

.search_blog_url {
	margin-left:5px;
	font-weight:normal;
}

.search_blog_desc {
}

.search_blog_stat {
	margin-top:10px;
}


/* 글 목록 */
#posts {
	margin-top:5px;
}

.postContainer {
	clear:both;
	border-top:1px solid #ccc; 
	width:730px; 
	margin-top:10px; 
	padding:10px; 
	padding-bottom:0px;
	line-height:170%;
}

.titleContainer {
	clear:both;
	margin-bottom:6px;
	color:#0C4E9C;
}

.searchContainer {
	display:block; clear:both;
	padding:10px; border-top:1px solid #ccc; 
	margin-top:10px;
}

.menuTagsContainer {
	display:block; clear:both;
	padding:10px; margin-top:20px;
	border:1px solid #ccc;
	background-color:#fafafa;
	line-height:180%;
	width:95%;
}

.menuTagName {
	font:12px Dotum;
	font-weight:bold;
	color:#002f62;
	margin-right:5px; padding-right:5px;
	border-right:1px solid #ccc;
}

.menuFeedsContainer {
	display:block; clear:both;
	padding:10px; margin-top:20px;
	border:1px solid #ccc;
	background-color:#fafafa;
	line-height:180%;
	width:95%;
}

.menuFeedName {
	font:12px Dotum;
	color:#002f62;
	margin-right:5px; padding-right:5px;
	border-right:1px solid #ccc;
}

.img_preview {
	float:left; 
	margin:0 7px 7px 0;
	width:80px; 
	height:80px;
	border:1px solid #ccc;
	cursor:pointer;
}

.post_title {
	font:15px Gulim; 
	letter-spacing:-0.5pt; 
	font-weight:bold; 
	color:#1E70B8;
}

.post_category {
	color:#aaa; 
	font-weight:bold;
	letter-spacing:-0.5pt;
}

.post_blogname {
	color:#00567A; 
	font-weight:bold;
	letter-spacing:-0.5pt;
}

.post_date {
	margin:0px 5px 0px 0px; 
	color:#999;
}

.post_comments {
	font:11px Georgia; font-weight:bold; color:#00B300; padding:5px;
}

.post_excerpt {
	font:12px Dotum; 
	letter-spacing:-0.5pt; 
	line-height:180%; 
	padding:10px;
	margin-top:6px;
	color:#888;
	background-color:#efefef;
	overflow:hidden;
	height:80px;
}

.post_thumbnail {
	text-align:center;
	float:left; margin:0 10px 7px 0;
	width:80px; height:80px;
	border:1px solid #bbb;
	overflow:hidden;
}

.post_thumbnail_spacer {
	width:80px; height:80px;
}

.post_tags {
	float:left; display:inline; padding:3px; padding-top:10px;
}

.post_boomRank {
	float:right; 
	position:relative; 
	z-index:999; 
	padding:10px; 
	margin-right:2px;
	font:11px Dotum; letter-spacing:-0.5pt;
}

.post_boomButtons {
	float:right; 
	display:inline; 
	padding:3px; 
	padding-top:10px; 
	margin-right:5px;
	width:99px;
}


/* 피드 목록 페이지 */
.feedContainer {
	clear:both;
	border-top:1px solid #ccc; 
	width:730px; 
	margin-top:10px; 
	padding:10px; 
	padding-bottom:0px;
	line-height:170%;
}

.feedlist_title {
	font:15px Gulim; 
	letter-spacing:-0.5pt; 
	font-weight:bold; 
	color:#1E70B8;
}

.feedlist_blogURL {
	color:#A7A7A7; 
	font:11px Verdana;
	letter-spacing:-0.5pt;
}

.feedlist_logo {
	text-align:center;
	float:left; margin:0 10px 7px 0;
	width:90px; height:90px;
	border:1px solid #bbb;
	overflow:hidden;
}

.feedlist_logo_spacer {
	width:90px; height:90px;
}

.feedlist_desc {
	font:12px Dotum; 
	letter-spacing:-0.5pt; 
	line-height:180%; 
	padding:10px;
	margin-top:6px;
	color:#888;
	background-color:#efefef;
	overflow:hidden;
	height:25px;
}

.feedlist_more {
	clear:both; display:block; margin:5px;
	font:11px Dotum; letter-spacing:-0.5pt;
}

.feedlist_recenttitle {
	font-weight:bold;
}

/* 기타 스타일 */

.bar2 {
	color:#ccc; margin:0px 5px 0px 0px; 
}

.bar3 {
	color:#ccc; font-weight:bold; margin:0px 3px 0px 3px;
}

/* 왼쪽 공간 */

#left {
	width:770px;
	margin-top:5px;
	margin-left:3px;
	display:inline;
	float:left;
}

#logo img {
	border:1px solid #efefef;
	margin:10px;
}

#logo #description {
	width:180px;
	margin:10px;
	margin-top:20px;
}

#booms {
	padding:10px; 
	background-color:#efefef;
}

#booms .boomList {
	list-style:none; line-height:180%;
	border-bottom: 1px solid #eee;
}

.recent ol, .recent ul
{
        margin-top: .3em;
        margin-left: .9em;
        list-style: none;
}

.recent li
{
        font: 0.9em/1.5 AppleGothic, Dotum, '�~O~K�~[~@', sans-serif;
        letter-spacing: -1px;
        border-bottom: 1px solid #eee;
}

.recent li a
{
        display: block;
        padding: .3em 0;
}

.recent li a:link, .recent li a:visited
{
        color: #666;
}

.recent li a:hover, .recent li a:active
{
        background: #faf9f8;
        color: #c36;
}

.recent span
{
        color: #f90;
}

.recent cite
{
        display: block;
        color: #aaa;
}

#tagCloud {
	margin:10px;
}

#tagCloud ul {
	list-style:none;
	margin:0px;
	line-height:180%;
}

#tagCloud ul li {
	display:inline;
	margin-right:5px;
}

#tagCloud li a:hover
{
        background-color: #B57DA9;
	text-decoration: none;
}
#notice {
	padding:10px; 
	background-color:#efefef;
}

#notice ul {
	list-style:none;
	line-height:180%;
}

#feedList {
	padding:3px; margin-top:10px;
}

#feedList ul {
	line-height:120%;
}

#feedList li {
	padding-left:5px; 
	padding-bottom:10px; 
	margin-bottom:10px;
	border-bottom:1px dotted #cdcdcd;
	letter-spacing:-0.5pt;
	cursor:pointer;
}

.more {
	float:right; letter-spacing:-0.5pt;
}

.arrow {
	color:#1E70B8; font:10px Tahoma; font-weight:bold;
}

#banner {
	text-align:center;
	margin-top:50px;
}

/* 오른쪽 공간 */

#right {
	width:200px;
	margin-top:0px;
	margin-left:3px;
	display:inline;
	float:left;
}

#right .sTitle {
	padding-left:5px; margin:10px 0px 5px 0px;
        font: bold 1.17em/1.5 Arial, Helvetica, sans-serif;
        background-color: #faf9f8;
        border-bottom: 1px solid #eee;
        color: #accb53;
}

/* 페이징 */

#paging {
	word-spacing:0.1em; 
	font:11px Verdana; 
	font-weight:bold;
	text-align:center; 
	width:100%; 
	margin-top:15px;
	height:40px; 
	display:inline; 
	float:left;
}

#paging a.num {
	text-decoration:none;
	text-align:center;
	padding:3px 2px 1px 7px; 
	border-left:1px solid #ddd;
}

#paging a.hightlight {
	color:#A1B1C9;
}

/* 하단 : 저작권 표시 등*/

/*
#footer {
	width: 980px;
	display:block;
	clear:both;
	margin:auto;
	margin-top:10px;
	margin-bottom:20px;

	font:11px Tahoma;
	text-align:right;
	line-height:180%;

	padding-right:10px;
}
*/

#footer
{
	clear:both;
        height: 100px;
        min-height: 100px;
        padding: 0 0 0 0;
        background: #003448 url(images/img09.gif) repeat-x;
}

#footer address
{
        position: relative;
        right: -5px;
        padding: 1em 5px 0 0;
        background: url('./images/bg_footerRight.gif') no-repeat 100% 0;
}

address.credit
{
        clear: both;
        color: #333;
        font-family: 'Lucida Grande', 'Myriad Pro', 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
        font-size: 0.9em;
        padding: 20px 70px !important;
        text-align: center;
}

address.credit a
{
        color: #555;
        border-bottom: 1px dashed #b4e7f3;
}

address.credit a:hover
{
        color: #017c99;
}

/* 추가 정의 스타일 */

.rdate {
	font:10px Verdana; 
	letter-spacing:-0.5pt; 
	text-align:center;
}

.rnum {
	font:12px Georgia; 
	font-weight:bold; 
	margin-right:5px;
}

.mini {
	font:11px Dotum; 
	letter-spacing:-0.5pt;
}

.sbold {
	font:15px Dotum; font-weight:bold; color:#1E70B8;
}

.letterT
{
        color: #009bd5;
}

.letterE
{
        color: #0083ae;
}

.letterX
{
        color: #e80478;
}

.letterT2
{
        color: #b71767;
}

.letterC
{
        color: #fdc11f;
}

.letterU
{
        color: #f39424;
}

.letterB
{
        color: #b1d04d;
}

.letterE2
{
        color: #8daa41;
}