@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face { font-family: 쿠키스카이; src:url(http://nanha.com/tpl/cookie_ai_star.eot);}
body {
	border: 0px none;
	background:transparent url(http://nanha.com/images/v4/bg.gif) repeat-y fixed center top;
	color: #C4577E;
	font-family: '나눔고딕', 쿠키스카이, dotum;
	font-size: 12px;
	text-align:center;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
/*-----------------------------------------------
link
------------------------------------------------*/
a:link {text-decoration:none ; font-family: dotum; font-size:8pt ; color:#696D69; }
a:visited {text-decoration:none ; font-family: dotum; font-size:8pt ; color:#696D69 }
a:active {text-decoration:none ; font-family: dotum; font-size:8pt ; color:#8EA5D1 }
a:hover {text-decoration:none ; font-family: dotum; font-size:8pt ; color:red }

/*-------------------------------------------------
header
--------------------------------------------------*/
h1, h2, h3, h4 {
  border-bottom: 1px solid #919699;
  color: #D30703;
  text-shadow: #CCC 1px 1px 1px;
  border-bottom: 1px solid #D9D9D9;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px 0;
}
h1 {
  color: #D30703;
  font-size: 1.8em;
}
h2 {
  color: #D30703;
  font-size: 1.3em;
}

/*------------------------------------------------------------------------------------------
custom
-------------------------------------------------------------------------------------------*/
@font-face { font-family: 쿠키스카이; src:url(http://nanha.com/tpl/cookie_ai_star.eot);}
body {
	border: 0px none;
	background:transparent url(http://nanha.com/images/v4/bg.gif) repeat-y fixed center top;
	color: #C4577E;
	font-family: '나눔고딕', 쿠키스카이, dotum;
	font-size: 12px;
	text-align:center;
}
#container {
	margin-left:auto;
	margin-right:auto;
	padding:10px 0px 0px;


	position:relative;
	text-align:left;
	width:528px;
}
#pageHeader {
/*background:url("http://nanha.com/images/v5/header_sub.jpg") no-repeat scroll -1px -66px transparent;
border:1px solid #F7C6DC;
height:227px;
margin-bottom:12px;
margin-top:0;
width:514px;
*/
}

.about-homepage {
background: #FEF5F9;
border-color:#F6E1EA;
border-style:solid;
border-width:1px;
margin-left:0;
margin-top:0;
margin-bottom: 5px;
overflow:hidden;
width:514px;

color:#D30703;
font-size:1.0em;
letter-spacing: -1px;
padding: 1px;
}
#supportingText {
background: #FEF5F9;
border-bottom:medium none;
border-left:1px solid #F6E1EA;
border-right:1px solid #F6E1EA;
border-top:1px solid #F6E1EA;
margin-left:0px;
margin-top:0px;
width:514px;
overflow: auto;
}

#bodyContents {
	margin-left: 3px;
	margin-top: 5px;
}
#bodyContents h3.title {
	font-family: '나눔고딕', gulim, 쿠키스카이;
	font-size: 2em;
	*font-size: 1.5em;
}
div.article-text {
	margin-top: 5px;
	margin-bottom: 20px;
	width: 505px;
	overflow-x: auto;
	color: #000;
	white-space: normal;
        font-size: 1.3em;
        line-height: 120%;
        letter-spacing: -1px;
}
	div.article-text ol {
		margin-left: 20px;
	}
	div.article-text li { margin-bottom: 10px }
#divCategory {
	float: left;
}
#divPage {
	float: left;
	margin-left: 5px;
}

#toolsBoard #divBasic {
	clear: both;
}
#divBasic ul {
	margin: 0;
}
	#divBasic li {
		margin: 0;
	}
#toolsBoard li {
	list-style-type: none;
	float: left;
}

#toolsSearch {
	clear: both;
}
#toolsSearch #contents {
	float: right;
}

#contentsBoard {
}
#contentsBoard dl {
	float:left;
	height:100px;
	margin-bottom:15px;
	margin-right:9px;
	text-align:center;
	width:70px;
}

#contentsBoard dd {
	border: 1px solid #FEEAF2;
	height:70px;
	width:70px;
	margin-bottom: 2px;
}
#contentsBoard dl dt {
	overflow: hidden;
	height: 26px;
	*height: 32px;
}
#contentsBoard dl dt div {
	overflow: hidden;
	height: 13px;
	*height: 14px;
	letter-spacing: -0.1em;
}



/* top */
#linkTop {
	position: absolute;
	top: -5px;
	left: 0px;
}
#linkTop #log {
	float: left;
	margin-right: 2px;
	}
#linkTop #log ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}
#linkTop #log li {
	font-family: '나눔고딕', 쿠키스카이, dotum;
	font-size: 9pt;
	list-style-type: none;
	float: left;
	margin-right: 5px;
}

#imgPopContainer #small {
	display:block;
	left:0px;
	position:absolute;
	text-align:left;
	top:0px;
	z-index:100;
}

/* menu */
#linkList {
	font-family: '나눔고딕', 쿠키스카이, dotum;
	font-size: 9pt;
	left:-197px;
	position:absolute;
	top:140px;
	width:182px;
}
#lselect, #lsite, #lfuture {
	margin-bottom:12px;
}
#lselect h3 {
	background: url(http://nanha.com/images/v2/sub_select_menu.gif) no-repeat top left;
	height: 26px;
}
#lselect .msg {
	font-family: '나눔고딕', 쿠키스카이, dotum;
	font-size: 9pt;
	margin-bottom:7px;
	margin-right: 8px;
	margin-top:5px;
	text-align: right;
}
#lfuture h3 {
	background: url(http://nanha.com/images/v2/sub_resources.gif) no-repeat top left;
	height: 26px;
}
#lfuture .msg {
	font-family: '나눔고딕', 쿠키스카이, dotum;
	font-size: 9pt;
	margin-top:5px;
	margin-bottom:7px;
	margin-right: 8px;
	text-align: right;
}
#lfuture li {
	list-style-type: none;
}

.line {
	background: url(http://nanha.com/images/v2/dot.gif) repeat-x top left;
	height: 1px;
	margin: 2px 0px 2px 0px;
}

.d_sms {
	background: transparent;
	overflow:hidden;
	border:0px;
	width: 100px;
	height:83px;
	text-align:left;
	font-family:소야영수9;
	font-size: 10pt;
	color:#000000;
	line-height:110%;
}

/* main image */
#mainImage {
	margin: 30px 0px 0px 30px;
}

/* xhtml */
#xhtml p {
	margin-top:5px;
	margin-bottom:7px;
	margin-right: 8px;
	text-align: right;
}

/* comment */
#comments-list {
	border-top:3px solid #CCCCCC;
	margin-top:20px;
	padding:10px;
}
#comments h3 {
	color:#1155AA;
	margin:0pt !important;
}
#comments .cauthor {
	border-bottom:1px dotted #CCCCCC;
	color:#1155AA;
	padding-left:2px;
}
#comments li {
	list-style-type: none;
	background:#F8F8EC none repeat scroll 0%;
	border:1px solid #EEEEC7;
	margin-bottom:10px;
	padding:10px;
	position:relative;
}
#comments .cbody {
	color:#444411;
	margin:10px 0pt;
	padding-left:20px;
}
#comments .cdate {
	color:#BB6622;
	font-weight:normal;
	padding:5px;
	text-align:right;
}
#comment-form {
	border-top:3px solid #CCCCCC;
	margin-top:20px;
	padding:10px;
}
#comment-form label {
	display: block;
}
#comment-form h3 {
	color:#1155AA;
	margin:0pt !important;
}
.comment-num {
	color: blue;
}

#move-top, #comment-add {
    text-align: left;
}


/* none */
#pageHeader h1, #pageHeader h2, #bodyContents h3 span, #linkList #logo
, #preamble h3, #toolsBoard h3, #toolsSearch h3 span, #contentsBoard h3 span, #toolsSearch h3
, #lselect h3 span, #lsite h3 span, #lfuture h3 span, #log h3, #footer h3 span, #mainImage h3, #mainImage p.p1 {
	display: none;
}

/* footer */
#footer {
	position: relative;
	background: #FEF5F9;
	margin: 5px 0px 0px 0px;
	border-bottom:1px solid #F6E1EA;
	border-right:1px solid #F6E1EA;
	border-top:1px solid #F6E1EA;
	clear: both;
	width: 515px;
}
#footer div {
	/*background: url(http://nanha.com/images/v2/copyright.gif) no-repeat top right;*/
	margin: 10px 0px;
}

.title-hidden {
	text-indent: -9999px;
	display: none;
}

.clear { clear: both }

/*-----------------------------------------------
paging
------------------------------------------------*/
#paging {
	clear: both;
	display: block;
	margin: 0pt 0pt 0px 0px;
	padding: 15px 0pt;
	position: relative;
	text-align: center;
}

#paging .selected {
        font-weight: bolder;
        color: red;
}
#paging a {
	border:1px solid #D4D0C8;
	color:#1155BB;
	font-family: Georgia, Verdana;
	font-size: 13px;
	margin-right: 8px;
	padding: 5px;
	position: relative;
	text-decoration: none;
}
#paging a:hover {
	background-color:#2266BB;
	border: 1px solid #2266BB !important;
	color: #FFFFFF !important;
}


/*------------------------------------------------
extra div
-------------------------------------------------*/
#extraDiv_social {
	height:100%;
	margin:0pt;
	position:absolute;
	left:-320px;
	top:-0px;
	width:250px;
	z-index: 2;
}
* html #extraDiv1 {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://nanha.com/images/ph-flower2.png', sizingMethod='crop');
	background-repeat: no-repeat;
	height:330px;
	margin:0pt;
	position:absolute;
	right:-179px;
	top:-0px;
	width:250px;
	z-index: 10;
}
#extraDiv1 {
	background-image:url(http://nanha.com/images/ph-flower2.png);
	background-repeat: no-repeat;
	height:330px;
	margin:0pt;
	position:absolute;
	right:-179px;
	top:-0px;
	width:250px;
	z-index: 20;
}


/*---------------------------
tweet
----------------------------*/
#extraDiv_tweetWrapper {
	position:absolute;
	right:-370px;
	top:300px;
	width:350px;
	z-index: 20;

	background: #fff;
	padding: 5px;
	text-align: left;
	color: #000 !important;
	-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); -moz-border-radius: 10px;
	-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); -webkit-border-radius: 10px;
}
#extraDiv_tweetWrapper h1 {
  border-bottom: 1px solid #919699;
  color: #D30703;
  font-size: 1.8em;
  text-shadow: #CCC 1px 1px 1px;
  border-bottom: 1px solid #D9D9D9;
  letter-spacing: -1px;
}
#extraDiv_tweetWrapper li {
    overflow: hidden;
    white-space: wrap;
}






















/* 페이징 - 현재 페이지 */
/*#paging span.selected {
	color:#97212F;
}

#paging .no-more-prev {
	padding-left:6px;
	color:#999;
}

#paging .no-more-next {
	padding-right:6px;
	color:#999;
}*/


/* 카테고리 - 이미지 버튼 */
.ib {
	cursor:pointer;
}

/* 카테고리 - 트리 셀 */
.branch3 {
	cursor:pointer;
}

/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt {
	color:#97212F;
}


/* 달력 월 표시 */
.cal_month {
	font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;
	height:18px;
}

/* 달력 요일 표시(th 영역) */
.cal_week1 {
	font:0.95em Dotum, Arial, sans-serif;
	height:18px;
	font-weight:normal;
}

/* 달력 일요일 표시(th 영역) */
.cal_week2 {
	font:0.95em Dotum, Arial, sans-serif;
}

/* 달력 Week(tr 영역) */
.cal_week {}

.cal_current_week {}

/* 달력 Day(td 영역) */
#calendar .cal_day {
	color:#B4B4B4;
	font:10px/15px verdana;
	text-align:left;
}

/* 달력 Day, 일요일 (td 영역) */
#calendar .cal_day_sunday {
	color:#D3BB91;
	font-weight:bold;
}

#calendar .cal_day_sunday a {
	color:#D3BB91;
	font-weight:bold;
	text-decoration:underline;
}

/* 달력 지난 달 날짜 표시(td)  */
.cal_day1 {
	display:none;
	color:#ccc;
}

/* 달력 다음 달 날짜 표시(td)  */
.cal_day2 {
	color:#ccc;
}

/* 달력 이번 달 날짜 표시(td) */
.cal_day3 {
	color:#666;
}

/* 달력 오늘 날짜 표시(td) */
#calendar .tt-calendar td.cal_day4 {
	color:#97212F;
	font-weight:bold;
}

#calendar .tt-calendar td.cal_day4	a {}

/* 달력 글쓴 날 링크 스타일 */
	a.cal_click {
	text-decoration:underline;
}

	a.cal_click:visited {
	text-decoration:underline;
}

	a.cal_click:hover {
	text-decoration:underline;
}


/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general {}

.rp_secret {
	color:#f30;
}

/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_general {}


/* 비밀 댓글 */
.hiddenComment {
	background:url(images/iconSecret.gif) no-repeat;
	padding-left:20px;
	font-weight:normal;
}


/* 이미지 아래 캡션 스타일 */
.cap1 {
	color:#999;
	text-align:center;
	padding:4px 0;
	margin:0;
}

/* 그림 */
.imageblock {
	margin:5px 0;
}

/* 왼쪽 */
.left {}

/* 가운데 */
.center {}

/* 오른쪽 */
.right {}

/* 그림 2개 배치 */
.dual {
	margin-bottom:5px;
}

/* 그림 3개 배치 */
.triple {
	margin-bottom:5px;
}


/* 본문 - more / less */
.moreless_fold,
.moreless_top,
.moreless_bottom {
	width:/*@post-width=*/350px/*@*/;
	color:#404040;
	font:11px dotum;
}

.moreless_fold {
	height:22px;
	padding-top:5px;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconMore.png', sizingMethod='crop');
}

.moreless_fold span {
	padding:4px 0 0 90px;
	background:url(images/iconMore.png) no-repeat left top;
	display:block;
	height:27px;
}

.moreless_top {
	height:18px;
	padding-top:5px;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconLess.png', sizingMethod='crop');
}

.moreless_top span {
	background:url(images/iconLess.png) no-repeat left top;
	padding:4px 0 0 58px;
	display:block;
	height:23px;
}

.moreless_content {
	margin:10px 0;
}

.moreless_bottom {
	height:20px;
	padding-top:3px;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconLess2.png', sizingMethod='crop');
}

.moreless_bottom span {
	background:url(images/iconLess.png) no-repeat left top;
	padding:4px 0 0 58px;
	display:block;
	height:23px;
}


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

hr {
	display:none;
}

img {
	border:0;
}

/* 태그 */
#taglog ul,
#tagbox ul {
	text-align:justify;
}

#counter li,
#blogMenu li,
#tagbox li,
#taglog li {
	display:inline;
}

#blogMenu li,
#sidebar li,
#searchList li,
#searchRplist li,
#guestList li,
.trackback li,
.keylog li,
.commentList li {
	list-style-type:none;
}


/* 포스트 본문 마크업 */
.article ol,
.article ul,
.article il {
	padding-left:25px;
}

.article dt {
	padding-top:5px;
	text-decoration:underline;
}

.article dd {
	padding-left:25px;
	padding-bottom:5px;
}

.dual table td,
.triple table td {
	background-color:transparent;
}

.author {
	clear:both;
}


/* PNG24 관련 링크 버그 */
#blogMenu a,
#localog .info a,
.control a,
.actionTrail a,
.moreless_fold span,
.moreless_top span,
.moreless_bottom span {
	position:relative;
	cursor:pointer;
}


/* 블로그 레이아웃 */
/*#container {
	width:/*@post-width:330=*/980px/*@*/;
	margin:0 auto;
}*/

#content {
	float:left;
	width:/*@post-width=*/350px/*@*/;
	overflow:hidden;
	word-break:break-all;
}

#sidebar {
	float:right;
	width:290px;
	margin-top:10px;
	overflow:hidden;
	word-break:break-all;
}


/* 해더 */
#header {
	height:/*@title-height=*/50px/*@*/;
	padding-top:13px;
	background-color:/*@title-background-color=*/#3E3E3E/*@*/;
	background-image:/*@title-background-image=*/none/*@*/;
	background-repeat:/*@title-background-image-repeat=*/no-repeat/*@*/;
	background-position:/*@title-background-image-position=*/left top/*@*/;
}

#header h1 a {
	background-color:/*@title-background-color=*/#3E3E3E/*@*/;
	color:/*@title-color=*/#060606/*@*/;
	font-weight:normal;
	font-size:/*@title-font-size=*/25px/*@*/;
	font-family:/*@title-font-family=*/Times New Roman/*@*/;
	letter-spacing:-1px;
}


/* 메뉴 */
#blogMenu {
	height:32px;
	margin-bottom:29px;
	background-repeat:no-repeat;
}

#blogMenu ul li {
	float:left;
}

#blogMenu a {
	height:32px;
	margin-right:22px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	cursor:pointer;
	position:relative;
}

.tab_home a {
	width:60px;
	background-image:url(images/tab_home.png);
}

.tab_tag a {
	width:45px;
	background-image:url(images/tab_tag.png);
}

.tab_media a {
	width:74px;
	background-image:url(images/tab_media.png);
}

.tab_key a {
	width:70px;
	background-image:url(images/tab_key.png);
}

.tab_location a {
	width:87px;
	background-image:url(images/tab_location.png);
}

.tab_guestbook a {
	width:67px;
	background-image:url(images/tab_guestbook.png);
}

.tab_admin a {
	width:58px;
	margin-left:28px;
	background-image:url(images/tab_admin.png);
}

.tab_write a {
	width:48px;
	margin-left:28px;
	background-image:url(images/tab_write.png);
}

*html .tab_home a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_home.png', sizingMethod='crop');
}

*html .tab_tag a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_tag.png', sizingMethod='crop');
}

*html .tab_media a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_media.png', sizingMethod='crop');
}

*html .tab_key a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_key.png', sizingMethod='crop');
}

*html .tab_location a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_location.png', sizingMethod='crop');
}

*html .tab_guestbook a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_guestbook.png', sizingMethod='crop');
}

*html .tab_admin a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_admin.png', sizingMethod='crop');
}

*html .tab_write a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_write.png', sizingMethod='crop');
}

#tt-body-page .tab_home a {
	background-image:url(images/tab_home_on.png);
}

#tt-body-tag .tab_tag a {
	background-image:url(images/tab_tag_on.png);
}

#tt-body-media .tab_media a {
	background-image:url(images/tab_media_on.png);
}

#tt-body-keylog .tab_key a {
	background-image:url(images/tab_key_on.png);
}

#tt-body-location .tab_location a {
	background-image:url(images/tab_location_on.png);
}

#tt-body-guestbook .tab_guestbook a {
	background-image:url(images/tab_guestbook_on.png);
}


*html #tt-body-page .tab_home a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_home_on.png', sizingMethod='crop');
}

*html #tt-body-tag .tab_tag a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_tag_on.png', sizingMethod='crop');
}

*html #tt-body-media .tab_media a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_media_on.png', sizingMethod='crop');
}

*html #tt-body-keylog .tab_key a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_key_on.png', sizingMethod='crop');
}

*html #tt-body-location .tab_location a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_location_on.png', sizingMethod='crop');
}

*html #tt-body-guestbook .tab_guestbook a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tab_guestbook_on.png', sizingMethod='crop');
}



/* 컨텐츠 */
/* 지역로그 */
#localog h3 {
	padding-top:19px;
	padding-bottom:25px;
	background:url(images/line.gif) no-repeat 0 0;
}

#localog h3 span {
	display:block;
	width:122px;
	height:23px;
	background:url(images/title_location.png) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

*html #localog h3 span {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/title_location.png', sizingMethod='crop');
}


#localog .spot {
	height:20px;
	padding-left:17px;
	background:url(images/iconIndentArrow_local.png) no-repeat;
	color:#636363;
	font:12px/20px dotum, sans-serif;
}

#localog .info {
	height:20px;
	padding-left:12px;
	background:url(images/iconIndentArrow_localinfo.png) no-repeat;
}

#localog .info a {
	color:#97212F;
	font:12px/20px dotum, sans-serif;
}


*html #localog .spot {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconIndentArrow_local.png', sizingMethod='crop');
}

*html #localog .info {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconIndentArrow_localinfo.png', sizingMethod='crop');
}

/* 태그로그 */
#taglog h3 {
	padding-top:19px;
	padding-bottom:14px;
	background:url(images/line.gif) no-repeat 0 0;
}

#taglog h3 span {
	display:block;
	width:52px;
	height:31px;
	background:url(images/title_tag.png) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

*html #taglog h3 span {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/title_tag.png', sizingMethod='crop');
}


#taglog li {
	font:12px/25px dotum;
	vertical-align:middle;
}

#taglog li .cloud1 {
	background-color:#97212F;
	color:#FAF9F9 !important;
	font-weight:bold;
	font-size:15px;
}

#taglog li .cloud2 {
	color:#97212F;
	font-weight:bold;
	font-size:15px;
}

#taglog li .cloud3 {
	background-color:#636363;
	color:#F4F4F5;
	font-weight:bold;
	 
}

#taglog li .cloud4 {
	color:#636363;
	font-weight:bold;
}

#taglog li .cloud5 {
	color:#999;
}


/* 방명록&댓글 */
#guestbook h3 {
	padding-top:19px;
	padding-bottom:21px;
	background:url(images/line.gif) no-repeat 0 0;
}

#guestbook h3 span {
	display:block;
	width:90px;
	height:31px;
	background:url(images/title_guestbook.png) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

*html #guestbook h3 span {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/title_guestbook.png', sizingMethod='crop');
}

.comment h3 {
	display:none;
}

/* 방명록&댓글 쓰기 */
.commentWrite {
	padding-bottom:20px;
}

#guestWrite .write-wrap,
.commentWrite .write-wrap {
	padding:7px 10px 9px 10px;
	border:1px solid #D5D5D5;
	background-color:#FAFAFA;
}

#guestWrite input,
#guestWrite label {
	vertical-align:middle;
}


input.text {
	height:18px;
	background-color:#fff;
	color:#222;
	line-height:14px;
                border: 1px solid #eaeaea;
}

textarea {
	width:100%;
	height:76px;
	padding:5px;
	background-color:#fff;
	color:#222;
	font-size:11px;
}

p.button {
	margin-top:4px;
	text-align:right;
}

p.button input.submit {
	width:89px;
	height:30px;
	vertical-align:top;
	overflow:hidden;
	cursor:pointer;
}

/* 방명록&댓글 읽기 */
#guestList {
	padding-top:20px;
}

#guestList .floatWrapper,
.commentList .floatWrapper {
	width:/*@post-width=*/350px/*@*/;
}

#guestList li,
.commentList li {
	padding-top:8px;
	border-top:1px solid #B1B3A6;
}

#guestList li,
.commentList li,
#guestList li a,
.commentList li a {
	font-family:dotum;
	font-size:11px;
	line-height:19px;
}

#guestList .name,
.commentList .name,
#guestList .name a,
.commentList .name a {
	color:#222;
	font-weight:bold;
	font-size:12px;
}

#guestList .date,
.commentList .date {
	color:#989898;
}

#guestList p,
.commentList p {
	padding-bottom:10px;
	color:#636363;
}

#guestList ul li .floatWrapper,
.commentList ul li .floatWrapper {
	width:/*@post-width:-22=*/628px/*@*/;
}

#guestList ul li,
.commentList ul li {
	width:/*@post-width:-22=*/628px/*@*/;
	padding-left:22px;
	background:url(images/iconIndentArrow_re.png) no-repeat;
}

*html #guestList ul li, *html .commentList ul li {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconIndentArrow_re.png', sizingMethod='crop');
}

.control {
	float:right;
}

.control a {
	display:block;
	float:right;
	height:14px;
	font-size:14px;
	line-height:14px;
	text-decoration:none;
	text-indent:-5000px;
	overflow:hidden;
}

.control a.address {
	width:61px;
	background:url(images/iconAddress.png) no-repeat;
}

.control a.modify {
	width:71px;
	background:url(images/iconModify.png) no-repeat;
}

.control a.write {
	width:61px;
	background:url(images/iconWrite.png) no-repeat;
}

*html .control a.address {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconAddress.png', sizingMethod='crop');
}

*html .control a.modify {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconModify.png', sizingMethod='crop');
}

*html .control a.write {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconWrite.png', sizingMethod='crop');
}


/* 검색결과 */
#searchList,
#searchRplist {
	background:url(images/line.gif) repeat-x left top;
	padding-top:6px;
	padding-bottom:3px;
}

#searchList h3,
#searchRplist h3 {
	width:/*@post-width:-10=*/640px/*@*/;
	height:17px;
	margin-bottom:7px;
	padding-top:4px;
	padding-left:10px;
	background:url(images/bg_actionTrail.png) no-repeat right top;
	color:#97212F;
	font:12px dotum;
}

*html #searchList h3, *html #searchRplist h3 {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/bg_actionTrail.png', sizingMethod='scale');
}

#searchList li,
#searchRplist li {
	clear:both;
	width:/*@post-width=*/350px/*@*/;
	padding-top:2px;
}

#searchList li,
#searchRplist li,
#searchList li a ,
#searchRplist li a {
	color:#636363;
	font:12px/16px dotum;
}

#searchList li a ,
#searchRplist li a {
	display:block;
	height:16px;
	padding-top:2px;
	padding-left:23px;
	background:url(images/iconList.png) no-repeat;
}

#searchList li a:visited ,
#searchRplist li a:visited {
	background:url(images/iconChecked.png) no-repeat;
}

#searchList li a ,
#searchRplist li a,
#searchList .cnt,
#searchRplist .cnt,
#searchList .name,
#searchRplist .name {
	float:left;
}

#searchList .date,
#searchRplist .date {
	float:right;
}

*html #searchList li a, *html #searchRplist li a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconList.png', sizingMethod='crop');
}

*html #searchList li a:visited, *html #searchRplist li a:visited {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconChecked.png', sizingMethod='crop');
}


/* 보호글 */
.entryProtected p.floatWrapper {
	padding-top:10px;
	padding-bottom:24px;
}

.entryProtected label,
.entryProtected input {
	float:left;
	vertical-align:middle;
}

.entryProtected label {
	display:block;
	width:60px;
	height:18px;
	background:url(images/txt_protected.png) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
}

.entryProtected input.text {
	height:18px;
	margin-right:5px;
	border:1px solid #DFE0E0;
	background-color:#fff;
	color:#222;
}

.entryProtected input.submit {
	width:67px;
	height:25px;
	background:url(images/btn_confirm.png) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
}

*html .entryProtected label {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/txt_protected.png', sizingMethod='crop');
}

*html .entryProtected input.submit {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/btn_confirm.png', sizingMethod='crop');
}


/* 포스트 타이틀영역 */
.month-01,
.month-02,
.month-03,
.month-04,
.month-05,
.month-06,
.month-07,
.month-08,
.month-09,
.month-10,
.month-11,
.month-12 {
	width:43px;
	height:15px;
	background-repeat:no-repeat;
}

.month-01 {
	background-image:url(./images/month01.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/month01.png', sizingMethod='crop');
}

.month-02 {
	background-image:url(./images/month02.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/month02.png', sizingMethod='crop');

}

.month-03 {
	background-image:url(./images/month03.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/month03.png', sizingMethod='crop');

}

.month-04 {
	background-image:url(./images/month04.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/month04.png', sizingMethod='crop');

}

.month-05 {
	background-image:url(./images/month05.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/month05.png', sizingMethod='crop');

}

.month-06 {
	background-image:url(./images/month06.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/month06.png', sizingMethod='crop');

}

.month-07 {
	background-image:url(./images/month07.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/month07.png', sizingMethod='crop');
}

.month-08 {
	background-image:url(./images/month08.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/month08.png', sizingMethod='crop');
}

.month-09 {
	background-image:url(./images/month09.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/month09.png', sizingMethod='crop');
}

.month-10 {
	background-image:url(./images/month10.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/month10.png', sizingMethod='crop');
}

.month-11 {
	background-image:url(./images/month11.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/month11.png', sizingMethod='crop');
}

.month-12 {
	background-image:url(./images/month12.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/month12.png', sizingMethod='crop');
}


/* 포스트 */
.titleWrap h2 a {
	color:/*@post-title-color=*/#222/*@*/;
	font-size:/*@post-title-font-size=*/20px/*@*/;
	font-family:/*@post-title-font-family=*/dotum/*@*/;
	line-height:26px;
}

.article {
	width:/*@post-width=*/350px/*@*/;
	padding-top:27px;
	color:/*@post-body-color=*/#636363/*@*/;
	font-size:/*@post-body-font-size=*/12px/*@*/;
	font-family:/*@post-body-font-family=*/dotum/*@*/;
	word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;
}

.article a {
	color:#404040;
}

.author {
	padding:8px 0 4px 0;
	color:#B1B3A6;
	font:12px dotum;
	text-align:right;
}


/* 포스트 타이틀영역 */
.titleWrap {
	width:/*@post-width=*/350px/*@*/;
	padding-top:35px;
	background:url(./images/line.gif) repeat-x left top;
}

.titleWrap .dateImg {
	float:left;
	width:66px;
	height:68px;
	margin-right:12px;
	background:url(./images/bg_date.png) no-repeat;
	color:#222;
	font:bold 23px/23px verdana;
	text-align:center;
}

.titleWrap .dateImg img {
	margin-top:11px;
}

.titleWrap .imgdate {
	display:none;	
}

.titleWrap .title-right {
	float:left;
	width:/*@post-width:-83=*/567px/*@*/;
	padding-top:10px;
}

.titleWrap .category,
.titleWrap .category a {
	color:#636363;
	font:12px/18px dotum;
}

.titleWrap .admin,
.titleWrap .admin a {
	color:#999;
	font:11px/14px verdana;
}

.titleWrap .admin span,
.titleWrap .admin  span a {
	font:11px/14px dotum;
}


*html .titleWrap .dateImg {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/bg_date.png', sizingMethod='crop');
}


/* 이미지 */
.imageblock img {
	border:1px solid #000;
}


/* 인용문 */
.article blockquote {
	width:/*@post-width=*/350px/*@*/;
	min-height:46px;
	_height:46px;
	margin:5px 0;
	padding-left:50px;
	background:url(images/iconBlockquote.png) no-repeat;
}

*html .article blockquote {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconBlockquote.png', sizingMethod='crop');
}


/* 태그 트레일 */
.tagTrail {
	width:/*@post-width=*/350px/*@*/;
}

.tagHead {
	display:block;
	float:left;
	width:62px;
	margin-right:4px;
	height:30px;
	background:url(images/txt_tag.png) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
}

.tagText {
	float:left;
	width:/*@post-width:-69=*/581px/*@*/;
	padding-top:8px;
}

.tagText,
.tagText a {
	color:#222;
	font:12px dotum;
}

*html .tagHead {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/txt_tag.png', sizingMethod='crop');
}


/* 액션 트레일 */
.actionTrail {
	margin-top:5px;
}

.actionTrail,
.actionTrail a,
.actionTrail a span {/* 폰트 지정시 필수 */
	color:#97212F;
	/*font:bold 15px/20px dotum;*/
}

.actionTrail {
	width:/*@post-width=*/350px/*@*/;
	height:21px;
}

.actionTrail .tb,
.actionTrail .rp {
	float:left;
	display:block;
	height:20px;
	background-repeat:no-repeat;
}

.actionTrail .tb {
	margin-left:8px;
	padding-left:45px;
}

.actionTrail .rp {
	margin-left:25px;
	padding-left:30px;
}

.actionTrail .txt {
	display:inline;
}

/* 트랙백 */
.trackback h3 {
	padding-top:7px;
	padding-bottom:6px;
	border-bottom:1px solid #B1B3A6;
}

.trackback h3 span {
	color:#636363;
	font:11px/11px dotum;
}

.trackback h3 span.txt {
	display:none;
}


.trackback ol {
	margin-top:-1px;
}

.trackback ol li {
	width:/*@post-width=*/350px/*@*/;
	padding-top:8px;
	border-top:1px solid #B1B3A6;
}

.trackback h4 {
	margin-right:40px;
}

.trackback h4 a {
	color:#222;
	font:bold 12px/19px dotum;
}

.trackback .date,
.trackback .from {
	color:#989898;
	font:11px/19px verdana;
}

.trackback .name {
	font-family:dotum;
}

.trackback p {
	padding-bottom:10px;
	color:#636363;
	font:11px/19px dotum;
}

.trackback a.delete {
	float:right;
	display:block;
	width:37px;
	height:11px;
	background:url(images/iconDelete.png) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
}

*html .trackback a.delete {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconDelete.png', sizingMethod='crop');
}


/* 페이지 */
/*
#paging {
	margin-top:22px;
}

#paging a,
#paging a img {
	vertical-align:middle;
}

#paging .numbox a {
	padding-left:2px;
	padding-right:3px;
}

#paging {
	text-align:center;
}

#paging span,
#paging span a {
	color:#636363;
	font:bold 11px verdana;
}
*/
/* 사이드바 */
#searchBox {
	width:285px;
	height:19px;
	padding-left:5px;
	background-color:#636363;
}

#searchBox label,
#searchBox input {
	vertical-align:middle;
}

#searchBox label {
	padding-left:48px;
	height:17px;
	background:url(images/txt_search.gif) no-repeat;
}

#searchBox label span {
	display:none;
}

#searchBox input.text {
	width:185px;
	height:14px;
	padding-top:2px;
	color:#fff;
	font:12px/17px;
}

#searchBox input.submit {
	width:40px;
	height:17px;
	background:url(images/btn_search.gif) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	cursor:pointer;
}

#counter {
	padding-top:7px;
	padding-bottom:8px;
}

#counter li {
	margin-right:8px;
	color:#636363;
	font:11px verdana;
	text-transform:lowercase;
}

#counter li span {
	color:#97212F;
}

.bloger-top,
.bloger-mid,
.bloger-btm {
	width:290px;
}

.bloger-top,
.bloger-btm {
	height:3px;
	font-size:0;
	background-repeat:no-repeat;
}

.bloger-top {
	background-image:url(images/bloger_top.gif);
}

.bloger-mid {
	padding:10px 0;
	background:url(images/bloger_mid.gif) repeat-y;
}

.bloger-btm {
	background-image:url(images/bloger_btm.gif);
}

.bloger-left {
	float:left;
	width:128px;
	padding-left:15px;
}

#blogImage {
	float:right;
	padding-right:15px;
}

#blogImage img {
	width:120px;
}

#blogDesc {
	padding-bottom:15px;
	color:#636363;
	font:12px/18px dotum;
}

#userID {
	width:128px;
	padding-top:16px;
	background:url(images/iconBy.png) no-repeat;
	color:#999;
	font:12px/18px dotum;
}

*html #userID {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconBy.png', sizingMethod='crop');
}


/* 사이드바 타이틀 */
#sidebar .module_widget h3,
#sidebar .module_plugin h3 {
	margin:30px 0 5px;
	color:#222;
	font:bold 14px dotum;
}

h3.stit {
	text-indent:-5000px;
	overflow:hidden;
}

#category h3 {
	width:73px;
	height:25px;
	margin-top:30px;
	background:url(images/stit_category.png) no-repeat;
}

#notice h3 {
	width:72px;
	height:35px;
	background:url(images/stit_notice.png) no-repeat;
}

#recentPost h3 {
	width:94px;
	height:35px;
	background:url(images/stit_recentpost.png) no-repeat;
}

#recentComment h3 {
	width:77px;
	height:35px;
	margin-bottom:3px;
	background:url(images/stit_recentcomment.png) no-repeat;
}

#recentTrackback h3 {
	width:97px;
	height:35px;
	margin-bottom:3px;
	background:url(images/stit_recenttrackback.png) no-repeat;
}

#link h3 {
	width:36px;
	height:35px;
	background:url(images/stit_link.png) no-repeat;
}

#archive h3 {
	width:74px;
	height:35px;
	background:url(images/stit_archive.png) no-repeat;
}


*html #category h3 {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/stit_category.png', sizingMethod='crop');
}

*html #notice h3 {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/stit_notice.png', sizingMethod='crop');
}

*html #recentPost h3 {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/stit_recentpost.png', sizingMethod='crop');
}

*html #recentComment h3 {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/stit_recentcomment.png', sizingMethod='crop');
}

*html #recentTrackback h3 {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/stit_recenttrackback.png', sizingMethod='crop');
}

*html #link h3 {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/stit_link.png', sizingMethod='crop');
}

*html #archive h3 {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/stit_archive.png', sizingMethod='crop');
}


/* 사이드바 리스트 */
.sbar-list {
	padding-bottom:28px;
}

.sbar-list li,
.sbar-list li a,
#archive li,
#archive li a,
#sidebar .module_widget li,
#sidebar .module_widget li a,
#sidebar .module_plugin li,
#sidebar .module_plugin li a {
	color:#636363;
	font:12px/18px dotum;
}

.sbar-list li {
	width:282px;
	padding-left:8px;
	padding-bottom:2px;
	background:url(images/bull.png) no-repeat;
}

.sbar-list li .cnt,
#archive li .cnt {
	color:#97212F;
}

*html .sbar-list li {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/bull.png', sizingMethod='crop');
}

#archive li {
	float:left;
	display:block;
	width:96px;
	padding-bottom:2px;
}

.line-dot {
	width:290px;
	height:3px;
	background:url(images/line_dot.png) no-repeat;
	font-size:0;
}

*html .line-dot {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/line_dot.png', sizingMethod='crop');
}


/* 카테고리 */
/*1depth*/
#category ul {
	border-bottom:1px solid #888983;
}

#category ul li {
	padding:1px 0 1px 0;
	border-top:1px solid #888983;
}

#category ul li a {
	color:#636363;
	font:12px/18px dotum;
}

#category ul li a:hover {
	color:#97212F;
	text-decoration:none;
}

/*2depth*/
#category ul li ul {
	margin:0;
	border-bottom:0;
}

/*3depth*/
#category ul li ul li ul {
	margin:0;
	border-bottom:0;
}

#category ul li ul li ul li {
	border-top:0;
}

#category ul li ul li ul li a {
	display:block;
	width:162px;
	padding-left:28px;
	background:url(images/iconDepth3.png) no-repeat;
}

#category ul li ul li ul li a:hover {
	background:url(images/iconDepth3on.png) no-repeat;
}

*html #category ul li ul li ul li a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconDepth3.png', sizingMethod='crop');
}

*html #category ul li ul li ul li a:hover {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/iconDepth3on.png', sizingMethod='crop');
}


/*태그박스*/
#tagbox {
	padding-top:27px;
	padding-bottom:13px;
}

#tagbox h3 {
	display:none;
}

#tagbox li,
#tagbox li a {
	color:#636363;
	font:12px/20px dotum, sans-serif;
}

#taglog li .cloud1,
#taglog li .cloud2 {
	color:#97212F;
}

#taglog li .cloud3,
#taglog li .cloud4 {
	font-weight:bold;
}


#tagbox li .cloud1,
#tagbox li .cloud2 {
	color:#97212F;
}

#tagbox li .cloud3,
#tagbox li .cloud4 {
	font-weight:bold;
}


/* 공지사항 */
#notice {
	padding-top:30px;
}


/* 글보관함 */
#archive {
	padding-bottom:24px;
}


/* 달력 */
#calendar {
	width:288px;
	margin-top:20px;
	padding:12px 0;
	border:1px solid #D0D0D0;
	background-color:#FAFAFA;
}

#calendar .caption {
	float:left;
	width:102px;
	margin-right:10px;
	background-color:#ECECEC;
}

#calendar .caption .this {
	display:block;
	height:43px;
	padding-top:24px;
	color:#2F2F2F;
	font:bold 20px/20px dotum;
	text-align:center;
}

#calendar .caption .prev {
	background:url(images/btn_prev.gif) no-repeat;
	padding:0 0 0 47px;
	font-size:15px;
	line-height:15px;
	text-decoration:none;
}

#calendar .caption .next {
	background:url(images/btn_next.gif) no-repeat;
	padding:0 0 0 45px;
	font-size:15px;
	line-height:15px;
	text-decoration:none;
}

#calendar .caption span {
	display:none;
}

#calendar .tt-calendar {
	float:left;
	width:170px;
}

#calendar .tt-calendar th,
#calendar .tt-calendar td,
#calendar .tt-calendar td a {
	color:#999;
	font:11px/13px dotum;
	text-align:center;
}


/* 배너 */
.banner {
	padding:17px 0;
}

#adTistory,
#btnRSS {
	display:block;
	float:left;
	text-indent:-5000px;
	overflow:hidden;
}

#adTistory {
	width:120px;
	height:17px;
	margin-left:1px;
	background:url(images/tistory.png) no-repeat 0 0;
}

#btnRSS {
	width:70px;
	height:13px;
	margin-top:5px;
	margin-left:15px;
	background:url(images/rss.png) no-repeat 0 0;
}

*html #adTistory {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/tistory.png', sizingMethod='crop');
}

*html #btnRSS {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Transparent_White/images/rss.png', sizingMethod='crop');
}

.floatWrapper {
	display: inline-block;
}


/* PNG24 IE6 hack */
.png24 {
	tmp:expression(setPng24(this));
}



/*-------------------------------------------------------------
daum view ad box
--------------------------------------------------------------*/
div.blogger-news-widget {
    background: url(http://cfile4.uf.tistory.com/image/12588C0E4AB8E0715E1AEE) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}



/*---------------------------------
 * webkit scrollbar
 * ---------------------------------*/

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-thumb {
    width: 10px!important;
    border: 1px solid #7C8EA3;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#bbc6d2),color-stop(1,#8ca3ba));
    -webkit-border-radius: 15px;
    -moz-box-shadow: inset 0 0 2px rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.5);
    box-shadow: inset 0 0 2px rgba(255,255,255,0.5);
}

::-webkit-scrollbar-track-piece {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#8c9196),color-stop(0.1,#e7e7e7),color-stop(1,#fff));
    -webkit-border-radius: 0;
}


/* css list with numeber circle background -------------- */
.recommend-article{}
.recommend-article ol{
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
  font: 15px 'trebuchet MS', 'lucida sans';
  padding: 0;
  margin-left: 15px !important;
}
.recommend-article ol a{
  position: relative;
  display: block;
  padding: .4em .4em .4em 2em;
  *padding: .4em;
  margin: .5em 0;
  background: #FFF;
  color: #444;
  text-decoration: none;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border-radius: .3em;
}
.recommend-article ol a:hover{
  background: #cbe7f8;
  text-decoration:underline;
}
.recommend-article ol a:before{
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -1.3em;
  top: 50%;
  margin-top: -1.3em;
  background: #87ceeb;
  height: 2em;
  width: 2em;
  line-height: 2em;
  border: .3em solid #fff;
  text-align: center;
  font-weight: bold;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  border-radius: 2em;
  color:#FFF;
}
/* End css list with numeber circle background -------------- */