﻿/*////////////////////////////////////////////*/
/* Swan's blog - http://swandream.tistory.com */
/*////////////////////////////////////////////*/

@charset "utf-8";



/* reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, blockquote, th, td, input, select, textarea, button, p { margin: 0; padding: 0; }
header, section, article, aside, nav { display: block; padding: 0; margin: 0; }
img { border: 0 none; }
hr { display: none; }
dl, ul, ol, menu, li { list-style: none; }
h2 { font-size: 19px; font-weight: 700; color: #666; }
h3 { font-size: 16px; font-weight: 700; color: #666; }
h6 { font-size: 10px; font-weight: normal; color: #999; }
a:link { color: #666; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }
a:active { color: #666; text-decoration: none; }
.moreless_fold { padding: 3px 0 0 26px; margin: 3px 0; background: transparent url(images/more_show.png) no-repeat; font-size: 0.8em; color: #333; }
.moreless_top { padding: 3px 0 0 26px; margin: 3px 0; background: transparent url(images/more_hide.png) no-repeat; font-size: 0.8em; color: #333; }
.moreless_bottom { padding: 3px 26px 0 0; margin: 3px 0; background: transparent url(images/more_hide.png) no-repeat right; text-align: right; font-size: 0.8em; color: #333; }
.radius { position: relative; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.clear { clear: both; height: 0; }



/***** fundamental layout *****/

body {	font: 12px/1.6 '나눔고딕', NanumGothic, '맑은 고딕', MalgunGothic, dotum, Verdana, AppleGothic, Sans-serif;
	color: #000;
background: #fff url(images/bg.ani.jpg) no-repeat center top fixed;
/*background: #fff no-repeat fixed center top;*/

}
/***
.background0 { background: url(images/bg.ani.jpg)no-repeat center top fixed; }
.background1 { background: url(images/bg.ani.jpg)no-repeat center top fixed;  }
.background2 { background: url(images/bg0.jpg)no-repeat center top fixed;  }
.background3 { background: url(images/bg.ani.jpg)no-repeat center top fixed;  } ****/




#wrapper {
	position: relative;
	width: 1141px;
	margin: 0 auto 10px auto;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-radius: 0 0 20px 20px;
	background-color: #efefef;
	overflow: hidden;
	z-index: 1;
}
#notification {

	position: absolute;
	top: 0;
	width: 1141px;
	color: #fff;
	z-index: 10;
}
#contentHeader {
	height: 130px;
	padding-top: 30px;
	background: url(images/blank_check.png) repeat,
		    url(images/bg_deco1.png) no-repeat right top,
		    url(images/bg_deco2.png) no-repeat left top;
}
#content section {
	border-top: 1px solid #bbb;
	overflow: hidden;
}
#blogInfo {
	height: 40px;
	padding: 15px 20px;
	border-radius: 0 0 20px 20px;
	background-color: #000;
}
.articleContent {
	font-size: 1.1em;
	float: right;
	width: 707px;
	padding: 15px 8px 20px 15px;
	border-left: 1px solid #bbb;
	background-color: #f8f8f8;
}
.articleSide {
	float: left;
	width: 387px;
	padding: 15px 15px 20px 8px;
}




/***** 스크롤 *****/

#sbScrollBox {
	position: relative;
	height: 450px;
	overflow: hidden;
}
#sbScrollBox .scrollBar {
	height: 430px;
}
.scrollBox {
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.articleContent .scrollBox {
	padding-right: 7px;
}
.articleSide .scrollBox {
	padding-left: 7px;
}
.contentScroll {
	position: relative;
	top: 0;
	overflow: hidden;
	z-index: 3;
}
.scrollBar {
	position: absolute !important;
	right: 0;
	top: 10px;
	width: 6px;
	background-color: #999;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	z-index: 4;
}
.articleSide .scrollBar {
	left: 0;
}
.scrollBar .dragger {
	position: absolute;
	top: 0;
	width: 6px;
	background-color: #fb6810;
	cursor: pointer;
	z-index: 5;
}
.scrollBar .scrolling {
	cursor: n-resize;
}
#sidebar .scrollBox {
	z-index: 12;
}
#sidebar .contentScroll {
	z-index: 13;
}
#sidebar .scrollBar {
	z-index: 14;
}
#sidebar .drgger {
	z-index: 15;
}




/***** 헤더 *****/

#tistorytoolbarid {
	display: none;
}
#contentHeader nav {
	position: relative;
	height: 130px;
	z-index: 2;
}
#contentHeader .title {
	float: left;
	width: 500px;
	height: 100px;
	padding-top: 25px;
	text-align: center;
	overflow: hidden;
}
#contentHeader .title img {
	height: 110px;
}
#contentHeader .headerContent1 {
	float: left;
	width: 320px;
}
#contentHeader .headerContent1 div {
	position: absolute;
	left: 15px;
	bottom: 12px;
	z-index: 3;
}
#contentHeader .headerContent1 a {
	margin-right: 2px;
}
#contentHeader .headerContent1 span {
	display: inline-block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
#contentHeader .entry {
	background: transparent url(images/entry_btn.png) no-repeat;
}
#contentHeader .layoutExtend {
	background: transparent url(images/extend_btn.png) no-repeat;
}
#contentHeader .layoutReduce {
	background: transparent url(images/reduce_btn.png) no-repeat !important;
}
#contentHeader .rss {
	background: transparent url(images/rss_btn.png) no-repeat;
}
#contentHeader .headerContent2 {
	float: right;
}
#contentHeader .searchBox {
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index: 3;
}
#searchBar {
	width: 180px;
	padding: 4px 5px;
	border: 2px solid #a4b2c1;
	background-color: transparent;
	background: url(images/search_icon.gif) no-repeat right top,
		    url(images/blank_white.png);
	font-size: 1.2em;
}
#searchBar:focus {
	border-color: #98bc48;
}




/***** 글 목록(검색 목록, 태그 목록) *****/

#searchList .articleInfo span {
	margin: 0;
}
#searchList .articleInfo .cnt {
	color: #9cb7d3;
}
#searchList .searchContent {
	margin-top: 18px;
}
#searchList ol {
	border-top: 1px solid #ccc;
}
#searchList .articleContent li {
	border-bottom: 1px solid #ccc;
}
#searchList .articleContent li:hover {
	background-color: #e9eef3;
}
#searchList .articleContent li .cnt {
	margin-left: 5px;
	color: #9cb7d3;
	font-family: arial;
	font-size: 0.9em;
}
#searchList .date {
	display: inline-block;
	float: left;
	width: 100px;
	height: 34px;
	margin-top: 5px;
	border-right: 1px solid #ccc;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.2;
	color: #9cb7d3;
	text-align: center;
	overflow: hidden;
}
#searchList .monthDate {
	font-size: 1.2em;
	color: #666;
}
#searchList .articleIndex {
	display: inline-block;
	float: left;
	width: 559px;
	padding: 10px 10px;
}
#searchList .articleIndex:hover {
	background-color: #e9eef3;
	color: #0c79e9;
	text-decoration: none;
}
#searchList .articleItem {
	font-size: 1.2em;
}
#searchList .articleSide h3 {
	padding-left: 8px;
	border-left: 4px solid #666;
	color: #333;
}
#searchList .categoryList {
	padding-top: 20px;
	font-size: 1.8em;
}
#searchList .categoryList ul ul {
	margin-left: -10px;
}
#searchList .categoryList li {
	padding-left: 6px;
	border-left: 4px solid #ccc;
}
#searchList .categoryList li li li {
	border-color: transparent;
}
#searchList .categoryList li:hover {
	border-color: #98bc48;
}
#searchList .categoryList li li li:hover {
	border-color: #f0369f;
}
#searchList .categoryList a {
	color: #333;
}
#searchList .categoryList a:hover {
	color: #f0369f;
}
#tagLog .logContent {
	padding-bottom: 10px;
	margin-top: 25px;
}
#tagLog ul {
	padding: 10px;
	border: 1px solid #999;
}
#tagLog li {
	display: inline;
	margin-right: 4px;
}
#tagLog li a:hover {
	color: #f22188;
	text-decoration: none;
}





/***** 게시글(공지사항, 보호글, 일반 포스트) *****/

.articleInfo {
	position: relative;
	padding-left: 8px;
	border-left: 4px solid #666;
	z-index: 3;
}
.articleInfo span {
	margin-right: 8px;
}
.articleInfo span a {
	color: #999;
}
.articleInfo span a:hover {
	color: #f22188;
}
.articleEdit {
	position: absolute;
	right: 5px;
	bottom: -5px;
	z-index: 4;
}
.articleEdit a {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.articleEdit .modify {
	background: transparent url(images/modify_btn.png) no-repeat;
}
.articleEdit .del {
	background: transparent url(images/del_btn.png) no-repeat;
}
.articleNotice .articleDesc {
	margin-top: 18px;
	font-size: 1.1em;
	overflow: hidden;
}
.articleNotice .articleSide h3 {
	padding-left: 8px;
	border-left: 4px solid #666;
	color: #333;
}
#noticeList {
	padding-top: 20px;
}
#noticeList li {
	padding: 2px 0 2px 6px;
	border-left: 4px solid #ccc;
}
#noticeList li:hover {
	border-color: #98bc48;
}
#noticeList a {
	color: #333;
}
#noticeList a:hover {
	color: #98bc48;
}
.articleProtected .articleDesc {
	margin-top: 40px;
	padding: 80px 0 30px 0;
	overflow: hidden;
}
.articleProtected .insertBox {
	width: 300px;
	padding: 10px 0;
	margin: 0 auto;
	border: 1px solid #999;
	background: transparent url(images/blank_slash.gif);
}
.articleProtected p {
	padding: 5px 0;
	text-align: center;
}
.articleProtected input {
	padding: 2px 5px;
	margin-right: 10px;
	border: 1px solid #999;
}
.articleProtected .articleSubmit {
	padding: 2px 5px;
}
.articleEntry .articleDesc {
	padding-bottom: 5px;
	margin-top: 18px;
	font-size: 1.1em;
	overflow: hidden;
}
.articleTags {
	border: 3px solid #ddd;
	padding: 2px 5px 3px 25px;
	background: transparent url(images/icon_tag.gif) no-repeat 5px 8px;
}
.articleTags a {
	color: #999;
}
.articleTags a:hover {
	color: #f22188;
	text-decoration: none;
}




/***** 트랙백, 댓글, 방명록 *****/

.feedbackSwitch {
	padding-bottom: 5px;
}
.feedbackSwitch a {
	margin-right: 5px;
	color: #333;
}
.feedbackSwitch a:first-child {
	padding-right: 8px;
	border-right: 3px solid #666;
}
.feedbackSwitch .toggleTb,
.feedbackSwitch .toggleComment {
	margin-right: 3px;
}
.feedbackSwitch .nocnt {
	color: #bbb;
}
.feedbackSwitch .cnt {
	font-family: arial;
	color: #98bc48;
}
.trackback li {
	position: relative;
	border: 1px solid #ccc;
	padding: 3px 5px 5px 5px;
	margin-bottom: 10px;
	z-index: 4;
}
.trackback h4 a {
	color: #98bc48;
}
.trackback .del {
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 16px;
	height: 16px;
	background: transparent url(images/del_btn.png) no-repeat;
	z-index: 5;
}
.tbUrl {
	padding: 2px 5px;
	margin-bottom: 5px;
	border: 1px solid #999;
	background: transparent url(images/blank_slash.gif);
}
.tbInfo {
	padding-top: 2px;
	margin-top: 2px;
	border-top: 1px dotted #999;
}
.tbInfo .tbFrom {
	margin-right: 5px;
}
.tbInfo .date {
	font-family: arial;
	font-size: 0.8em;
	color: #999;
}
.commentWrite textarea {
	width: 368px;
	height: 30px;
	padding: 5px;
	border: 1px solid #999;
	font-family: '나눔고딕', NanumGothic, '맑은 고딕', MalgunGothic, dotum, Verdana, AppleGothic, Sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
}
.commentWrite textarea:focus {
	height: 100px;
	border-color: #98bc48;
}
.commentSettings {
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #999;
	background: transparent url(images/blank_slash.gif);
}
.commentSettings .blankForm {
	padding: 2px 0;
}
.commentSettings .blankForm input {
	width: 160px;
	padding: 2px 5px;
	border: 1px solid #999;
}
.commentSettings .blankForm input:focus {
	border-color: #98bc48;
}
.commentSettings .formName {
	margin-right: 5px;
}
.commentSettings .formHp {
	width: 340px !important;
}
.commentSettings .secretNav {
	position: absolute;
	bottom: 12px;
	right: 110px;
}
.commentSettings .submitNav {
	padding-top: 5px;
	text-align: right;
}
.commentSubmit input {
	width: 80px;
	height: 25px;
	margin-right: 5px;
	border: 1px solid #999;
	cursor: pointer;
}
.commentSubmit input:hover {
	border-color: #f22188;
	color: #f22188;
}
.commentEntry {
	padding-top: 8px;
	margin-top: 8px;
	border-top: 3px solid #d3e1ef;
}
.commentReply {
	margin-top: 10px;
}
.commentBox .iconBlock {
	position: relative;
	width: 35px;
	height: 35px;
	padding: 5px;
	z-index: 5;
}
.commentBox .iconBlock img {
	width: 32px;
	height: 32px;
	border: 1px solid #bbb;
	background-color: #fff;
}
.commentContent {
	position: relative;
	width: 322px;
	padding: 5px;
	border: 1px solid #ccc;
	z-index: 4;
}
.commentInfo {
	position: relative;
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px dotted #999;
}
.commentInfo span {
	margin-right: 3px;
}
.commentInfo .name a {
	color: #71afee;
}
.commentInfo .name a:hover {
	color: #f22188;
}
.commentInfo .name img {
	display: none;
}
.commentInfo .date {
	font-family: arial;
	font-size: 0.8em;
	color: #999;
}
.commentNav {
	position: absolute;
	top: 0px;
	right: 0px;
}
.commentNav a {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.commentNav .modify {
	background: transparent url(images/modify_btn.png) no-repeat;
}
.commentNav .reply {
	background: transparent url(images/reply_btn.png) no-repeat;
}
.commentDesc {
	word-wrap: break-word;
}
#guestbook .articleSide h3 {
	padding-left: 8px;
	border-left: 4px solid #666;
	color: #333;
}
#guestbook .guestWrite {
	padding-top: 15px;
}
#guestbook textarea {
	width: 368px;
	height: 200px;
	padding: 5px;
	border: 1px solid #999;
	font-family: '나눔고딕', NanumGothic, '맑은 고딕', MalgunGothic, dotum, Verdana, AppleGothic, Sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
}
#guestbook textarea:focus {
	border-color: #98bc48;
}
#guestbookList {
	margin-top: 18px;
}
#guestbookList ul li {
	padding-left: 60px;
	background: transparent url(images/reply_icon.png) no-repeat 10px 10px;
}
#guestbookList .commentEntry {
	padding: 8px;
	margin: 0 0 10px 0;
	border: 3px solid #ddd;
}
#guestbookList .commentContent {
	width: 620px;
}
#guestbookList .commentReply .commentContent {
	width: 560px;
}
.tbType1 {
	background-color: #fff;
}
.tbType2 {
	background-color: #fcf7c5;
}
.iconType1 {
	left: 1px;
	float: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 5px 0 0 5px;
	background-color: #fff;
}
.iconType2 {
	float: right;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 0 5px 5px 0;
	background-color: #fcf7c5;
}
.commentType1 {
	float: right;
	border-radius: 0 5px 5px 5px;
	background-color: #fff;
}
.commentType2 {
	left: 1px;
	float: left;
	border-radius: 5px 0 5px 5px;
	background-color: #fcf7c5;
}




/***** 페이징 *****/

#paging {
	padding: 10px 0;
	border-top: 1px solid #999;
	font-size: 1.2em;
	text-align: center;
}
#paging .pagingIndex {
	margin-right: 20px;
}
#paging a {
	color: #000;
}
#paging a:hover {
	color: #f0369f;
}
#paging .pageAlign {
	font-size: 1.2em;
	font-family: arial;
}
#paging .pageAlign a {
	margin: 0 3px;
}
#paging .selected {
	font-wieght: bold;
	font-size: 1.3em;
	color:#f0369f;
}




/***** 노티피케이션(토글 바) *****/

#toggleBar {
	height: 20px;
	padding: 5px 10px;
	border-radius: 0 0 10px 10px;
	background: #000;
}
#toggleBar span {
	display: inline-block;
}
#toggleBar .menu {
	float: left;
	width: 390px;
	padding-left: 10px;
}
#toggleBar .menu li {
	display: inline;
	margin-right: 5px;
}
#toggleBar .menu a {
	color: #fff;
}
#toggleBar #toggleBtn {
	float: left;
	width: 320px;
	height: 20px;
	background: transparent url(images/notification_navOpen.png) no-repeat center -35px;
	cursor: pointer;
}
#toggleBar #toggleBtn:hover {
	background-position: center -5px;
}
#toggleBar .opened {
	background: transparent url(images/notification_navClose.png) no-repeat center -5px !important;
}
#toggleBar .opened:hover {
	background-position: center -35px !important;
}
#toggleBar .counter {
	float: right;
	font-family: arial;
}
#toggleBar .counter .total {
	color: #a9cf54;
}




/***** 노티피케이션(사이드바 내용) *****/

#sidebar {
	display: none;
	position: relative;
	padding: 0 15px;
	background-color: transparent;
	background: url(images/sb_deco.png) no-repeat left top,
		    url(images/blank_black.png);
	z-index: 11;
}
#sidebar a {
	color: #fff;
}
#sidebar .sbHeader {
	height: 50px;
	border-bottom: 3px solid #ccc;
	background:  url(images/sb_area.png) no-repeat 0 5px;
}
#sidebar .sbContent {
	padding: 15px 5px;
	border-bottom: 3px solid #ccc;
}
#sidebar .sbContent a:hover {
	color: #dec124;
}
#sbSide {
	float: left;
	width: 280px;
	height: 450px;
	padding-right: 20px;
}
#sbSide #profileImg {
	padding: 10px 0;
	text-align: center;
}
#sbSide #profileImg img {
	z-index: 12;
}
#sbSide #profileDesc {
	padding: 5px 20px;
}
#sbSide #tistorySidebarProfileLayer {
	padding: 10px 15px;
	margin: 0 !important;
}
#sbElement {
	float: left;
	width: 780px;
	padding-left: 20px;
	border-left: 1px solid #ccc;
}
#sbSection2,
#sbSection3,
#sbSection4 {
	display: none;
}
.entry .rss {
	float: left;
	padding-right: 20px;
	background: transparent url(images/sb_rss.png) no-repeat;
}
.entry #linkList {
	height: 28px;
	padding-left: 200px;
}
.entry #linkList select {
	width: 240px;
	font-family: dotum;
}
.entry #feedList {
	width: 440px;
	min-height: 160px;
	padding: 5px 3px 0 3px;
	border-top: 1px solid #ccc;
}
.entry .loading {
	background: transparent url(images/loading.png) no-repeat center 60px;
}
.entry .feedInfo {
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #999;
}
.entry .feedInfo img {
	width: 40px;
	height: 40px;
	border: 1px solid #999;
	background: #fff;
}
.entry .feedInfo td {
	padding-right: 5px;
	vertical-align: top;
}
.entry .feedInfo .author {
	font-weight: bold;
	color: #fb6810 !important;
}
.entry .feedInfo a {
	margin-right: 10px;
}
.entry .feedContent {
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #999;
}
.entry .feedContent .title {
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px dotted #999;
}
.entry .feedContent a {
	color: #95cffc !important;
}
.entry .feedContent .date {
	margin-left: 6px;
	font-size: 0.8em !important;
	color: #666 !important;
}
.articleList article {
	float: left;
	width: 340px;
	padding: 28px 40px 0 0;
}
.articleList article ul {
	min-height: 160px;
	padding: 5px 3px 0 3px;
	border-top: 1px solid #ccc;
}
.articleList article span {
	margin-left: 3px;
	font-size: 0.85em;
	color: #fb6810;
}
.articleList .clear {
	height: 10px;
}
.notice {
	background: transparent url(images/sb_notice.png) no-repeat;
}
.recentArticle {
	background: transparent url(images/sb_rp.png) no-repeat;
}
.recentComment {
	background: transparent url(images/sb_rc.png) no-repeat;
}
.recentTb {
	background: transparent url(images/sb_tb.png) no-repeat;
}
.calender {
	background: transparent url(images/sb_calender.png) no-repeat;
	font-family: dotum;
	text-align: center;
}
.calender div {
	min-height: 160px;
	padding: 5px 3px 0 3px;
	border-top: 1px solid #ccc;
}
.calender .cal_month {
	padding-bottom: 10px;
}
.calender .cal_week1 {
	font-weight: normal;
}
.calender .cal_week2 {
	font-weight: normal !important;
	color: #f52f3d;
}
.calender .cal_day_sunday {
	color: #f52f3d;
}
.calender .cal_day4 {
	color:#58b53f;
}
.calender a.cal_click {
	color: #fb6810 !important;
	text-decoration: underline;
}
.archive {
	background: transparent url(images/sb_archive.png) no-repeat;
}
.tagCloud {
	background: transparent url(images/sb_tag.png) no-repeat;
}
.tagCloud li {
	display: inline;
	margin-right: 4px;
}
#sbNav {
	padding: 12px 0 10px 0;
	font-family: arial;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
}
#sbNav li {
	display: inline;
	padding: 0 10px;
}
#sbNav li a {
	color: #aaa;
}
#sbNav li a:hover {
	color: #fb6810;
}
#sbNav .selected a {
	color: #fb6810;
}




/***** 카테고리 *****/

#category {
	float: left;
	width: 260px;
	padding: 28px 30px 0 0;
	background: transparent url(images/sb_category.png) no-repeat;
}
#category .categoryList {
	padding: 10px 3px 0 3px;
	border-top: 1px solid #ccc;
}
#category a:hover {
	text-decoration: none;
}
#category ul {
	position: relative;
	padding: 0;
	overflow: hidden;
}
#category ul li a {
	margin-left: 16px;
}
#category ul li ul {
	padding: 0;
	margin: 0;
}
#category ul li ul li {
	position: relative;
	padding: 2px 0 0 0;
}
#category ul li ul li a {
	margin-left: 38px;
}
#category ul li ul li ul {
	padding: 0;
	margin: 0;
}
#category ul li ul li ul li {
	padding: 0;
}
#category ul span {
	position: absolute;
	display: inline-block;
}
#category .top_tree {
	left: -2px;
	width: 16px;
	height: 22px;
	background: transparent url(images/top_tree.gif) no-repeat;
	cursor: pointer;
}
#category .mid_tree {
	left: -2px;
	width: 39px;
	height: 17px;
	background: transparent url(images/tree_default.gif) no-repeat;
}
#category .closed_tree {
	background: transparent url(images/tree_closed.gif) no-repeat !important;
	cursor: pointer;
}
#category .opened_tree {
	background: transparent url(images/tree_opened.gif) no-repeat !important;
	cursor: pointer;
}
#category .last_mid_tree {
	left: -2px;
	width: 17px;
	background: transparent url(images/mid_tree.gif) repeat-y;
}
#category .last_tree {
	left: 15px;
	width: 22px;
	height: 18px;
	background: transparent url(images/last_tree.gif) no-repeat;
}
#category .bottom_tree {
	left: 15px;
	width: 22px;
	height: 18px;
	background: transparent url(images/bottom_tree.gif) no-repeat;
}
#category .bottom_node .last_mid_tree {
	display: none;
}
#category .c_cnt {
	position: static;
	margin-left: 2px;
	font-family: arial;
	font-size: 0.9em;
	color: #fb6810;
}




/***** 풋터 *****/

#blogInfo {
	color: #fff;
}
#blogInfo a {
	color: #fb6810;
}
#blogInfo .copyright {
	float: left;
}
#blogInfo .support {
	float: right;
}
#blogInfo .support span {
	display: inline-block;
	width: 40px; height: 40px;
	cursor: pointer;
}
#blogInfo .support span:hover {
	background-position: 0 -40px;
}
#blogInfo .ie {
	background: transparent url(images/browser_icon1.png) no-repeat;
}
#blogInfo .cr {
	background: transparent url(images/browser_icon2.png) no-repeat;
}
#blogInfo .ff {
	background: transparent url(images/browser_icon3.png) no-repeat;
}
#blogInfo .op {
	background: transparent url(images/browser_icon4.png) no-repeat;
}
#blogInfo .sf {
	background: transparent url(images/browser_icon5.png) no-repeat;
}
