@charset "utf-8";

* {
	margin:0; 
	padding:0;
	}

html {
	font-size: 62.5%;
	background: url(./images/bg_body.gif) 50% 0;
	}

body{
	font:1.2em/1.8em 'Trebuchet MS', Gulim, 굴림, Tahoma, AppleGothic, Sans-serif;
	background: url(./images/bg_bodyTop.gif) repeat-x 50% 0;
	color:#666;
	}

a {text-decoration:none;}
a:link, a:visited { color:#09c;}
a:hover, a:active { color:#3cf;}

/* misc */
a img {border:none;}
br {letter-spacing:0;}
hr {display:none;}
p { margin:0 0 1.5em;}

/* Float bug */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-------------------------------*/
/* Hadding */
/*-------------------------------*/
h1 {
	display:inline;
	font-weight:normal;
	font-size:3em;
	line-height:normal;
	padding-left:40px;
	vertical-align:middle;
	}
h1 a:link, h1 a:visited {color:#000;}
h1 a:hover, h1 a:active {color:#09c;}

h2 { 
	margin-bottom:.2em;
	font:bold 1.6em Dotum, 돋움, AppleGothic, Sans-Serif;
	letter-spacing:-1px;
	color:#09c;
	}

h3 { 
	font:1.3em 'Trebuchet MS', Helvetica, Sans-Serif;
	color:#09c;
	}

h4 {
	font:bold 1.1em Dotum, 돋움, AppleGothic, Sans-Serif;
	}
	h4 a:link, h4 a:visited {color:#666;}
	h4 a:hover, h4 a:active {color:#7ab61a;}

/*-------------------------------*/
/* layout */
/*-------------------------------*/
#wrapper {
	width:850px;
	margin:0 auto;
	}

#header {
	padding-top:1.8em;
	}

#mBody{
	margin:0 auto;
	width:770px;
	text-align:left;
	padding:4em 40px 0;
	background:#fff url(./images/bg_contentBody.gif) repeat-y 50% 0; 
	}

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

#contentColumn {
	float:left;
	width:520px; 
	margin-right:30px;
	overflow:hidden;
	}

#rightColumn { 
	float:right; 
	display:inline; 
	width:200px; 
	overflow:hidden;
	}
	
#footer {
	clear:both; 
	height:6em;
	padding-top:2em;
	background:url(./images/bg_contentBottom.gif) no-repeat 50% 0; 
	text-align:center;
	}

/*-------------------------------*/
/* Header */
/*-------------------------------*/
#title {
	margin-bottom:3em;
	}
#title span {
	font:.9em Dotum, 돋움, AppleGothic, Sans-Serif;
	padding-left:10px;
	color:#8c8c7c;
	vertical-align:middle;
	}

/* tab navigation */
#tabNav {
	padding-bottom:8px;
	width:100%;
	background:url(./images/bg_contentTop.gif) no-repeat 50% 100%; 
	font-size:.9em;
	line-height:normal;
	}

#tabNav ul {
	padding:0 10px 0 40px;
	list-style:none;
	}
#tabNav li {
	display:inline;
	}
#tabNav a {
	float:left;
	background:url(./images/bg_tabL.gif) no-repeat left top;
	margin-right:5px;
	padding:0 0 0 4px;
	text-decoration:none;
	}
#tabNav a span {
	float:left;
	display:block;
	background:url(./images/bg_tabR.gif) no-repeat right top;
	padding:.2em 1em .2em .8em;
	color:#787870;
	}
/* IE5-Mac hack \*/
#tabNav a span {float:none;}
/* end */
/* safari only \*/
html:\66irst-child #tabNav a span {padding:.3em 1em .3em .8em;}
/* end */

#tabNav a:hover span {
	color:#222;
	}

#tabNav a:hover {
	background-position:0% -42px;
	}
#tabNav a:hover span {
	background-position:100% -42px;
	}

/* Selected */
#tt-body-page .tab_page a,
#tt-body-search .tab_page a,
#tt-body-archive .tab_page a,
#tt-body-category .tab_page a,
#tt-body-entry .tab_page a,
#tt-body-location .tab_location a,
#tt-body-tag .tab_tag a,
#tt-body-notice .tab_notice a,
#tt-body-guestbook .tab_guestbook a {
	background-position:0% -42px;
}

#tt-body-page .tab_page a span,
#tt-body-search .tab_page a span,
#tt-body-archive .tab_page a span,
#tt-body-category .tab_page a span,
#tt-body-entry .tab_page a span,
#tt-body-location .tab_location a span,
#tt-body-tag .tab_tag a span,
#tt-body-notice .tab_notice a span,
#tt-body-guestbook .tab_guestbook a span {
	background-position:100% -42px;
	color:#575757;
	}

/*-------------------------------*/
/* Content column */
/*-------------------------------*/
/* Search list */
.searchList {
	margin-bottom:3em;
	font:1em/1.5em Dotum, 돋움, AppleGothic, Sans-Serif;
	letter-spacing:-1px;
	}
.searchList h2 {
	margin-bottom:1.2em;
	}
.searchList h3 {
	padding-left:12px;
	}

.searchList ol {
	list-style:none;
	background-color:#f8f8f4;
	border:1px solid #f0f0e6;
	padding:.5em 1em;
	}
.searchList li {
	padding:.3em 0;
	}
.searchList li * { vertical-align:middle; }

.searchList span, .searchList cite {
	font:.9em Dotum, 돋움, AppleGothic, sans-serif;
	margin-right:.5em;
	color:#999;
	}

/* Protected */
.protectedBody {
	padding:0 0 2em;
	margin-bottom:2em;
	border-bottom:1px solid #f0f0e6;
	}

.protectedBody em {
	display:block;
	margin-bottom:1em;
	background:none;
	color:#666;
	font-style:normal;
	}

.protectedBody input.submitBtn {
	width:5em;
	font-size:.9em;
	}

/* Administer */
.admin {
	margin-bottom:1em;
	background-color:#f8f8f4;
	border:1px dashed #ddd;
	padding:.5em;
	font:.9em Dotum, 돋움, AppleGothic, Sans-Serif;
	}

/* Subject */
.subject {
	border-left:1px solid #ccccc3;
	padding-left:10px;
	margin-bottom:2.2em;
	line-height:0;
	}

/* Post info */
.subject span {
	font:.9em 'Franklin Gothic Medium', tahoma, Helvetica, Sans-Serif;
	color:#999;
	}
.subject span a {
	font-family:Dotum, 돋움, AppleGothic, Helvetica, Sans-Serif;
	}
/* Entry */
.entry {
	margin-bottom:2.5em;
	}
.article {
	margin-bottom:1.5em;
	width:100%;
	overflow:hidden;
	text-align:justify;
	letter-spacing:-1px;
	font:1em/1.8em Gulim, 굴림, Tahoma, AppleGothic, Sans-serif;
	}
	.article a:link, .article a:visited {border-bottom:1px dashed #c39;}
	.article a:hover, .article a:active {
		border-bottom:1px dashed #c39;
		color:#3cf;
		}

blockquote {
	margin:2em auto;
	padding:0 10px;
	width:90%;
	color:#50b4ca;
	letter-spacing:-1px;
	border-left:2px solid #ddd;
	}

.article em {
	font-style:normal;
	color:#000;
	background-color:#f1f1e8;
	}

.article ol {
	margin:1em 0 1.5em 30px;
	}

.article ul {
	list-style:none;
	margin:1em 0 1.5em 10px;
	}
.article ul li {
	background:url(./images/bullet_ul.gif) no-repeat 0 50%;
	padding-left:20px;
	}

del {
	color:#999;
	}
ins {
	color:#5a5a5a;
	}

.imageblock {
	margin:0 0 1.5em;
	border:none;
	}
.imageblock * {
	border:none !important;
	}
.imageblock img {
	background-color:#fff;
	border:5px solid #e0e0d1 !important;
	vertical-align:middle;
	}

.cap1 {
	color:#999;
	font-size:.9em;
	text-align:center;
	}

.moreless_fold {
	padding-left:20px; 
	background:url(./images/bullet_plus.gif) no-repeat 0 50%;
	} 
.moreless_top  {
	padding-left:20px; 
	background:url(./images/bullet_minus.gif) no-repeat 0 50%;
	margin-bottom:.5em;
	}
.moreless_bottom {
	display:none;
	}
.moreless_fold span, .moreless_top span, .moreless_bottom span{
	background:#f5f5f5;
	color:#333;
	}

.moreless_content {
	background-color:#f8f8f4;
	padding:1.2em 1em;
	margin-bottom:2em;
	border:solid 1px #f0f0e6;
	}

.pInfo {
	background-color:#f8f8f4;
	padding:.4em 8px;
	margin-bottom:1em;
	border:1px solid #f0f0e6;
	}

.postTag {
	clear:both;
	font:.9em Dotum, 돋움, AppleGothic, Sans-Serif;
	padding-left:20px;
	background: url(./images/bullet_tag.gif) no-repeat 0 50%;
	}
.postTag a {
	padding:0 .2em;
	}

/* Comment, Trackback toggle */
.ctBtn { 
	clear:both;
	font-size:.9em;
	padding-left:20px;
	background: url(./images/bullet_comment.gif) no-repeat 0 50%;
	}

/*-------------------------------*/
/* Trackback */
/*-------------------------------*/
.trackback .url {
	margin-bottom:2em;
	padding:.5em 0 .5em 28px;
	background:#f8f8f4 url(./images/bullet_url.gif) no-repeat 10px 50%;
	border:1px solid #f0f0e6;
	font: .9em 'Trebuchet MS', Verdana, Sans-Serif;
	letter-spacing:0;
	}

/* Trackback list */
.trackback {
	padding-bottom:.5em;
	font-family:Gulim, 굴림, AppleGothic, Sans-Serif;
	letter-spacing:-1px;
	}
.trackback ol {
	list-style:none;
	}
.trackback ol li{
	margin-bottom:1em;
	padding:.5em 1em;
	background-color:#f8f8f4;
	border:1px solid #f0f0e6;
	}
.trackback cite {
	font-style:normal;
	font-family:Dotum, 돋움, AppleGothic, Helvetica, Sans-Serif;
	}
.trackback li span {
	font:.9em 'Franklin Gothic Medium', Helvetica, Sans-Serif;
	letter-spacing:0;
	color:#999;
	}
	.trackback span a:link, .trackback span a:visited {color:#999;}
	.trackback span a:hover, .trackback span a:active {color:#333;}

.trackback li p {
	margin:1em 0 .5em;
	text-align:justify;
	}

/*-------------------------------*/
/* Comment, Guestbook */
/*-------------------------------*/
.entry .list {
	margin:.5em 0 2em;
	font-family:Gulim, 굴림, AppleGothic, Sans-Serif;
	letter-spacing:-1px;
	}
#guestBook .list {
	margin-top:2em;
	font-family:Gulim, 굴림, AppleGothic, Sans-Serif;
	letter-spacing:-1px;
	}

.list ol {
	list-style:none;
	margin-bottom:2em;
	}
.list li {
	margin-bottom:1em;
	border:1px solid #f0f0e6;
	}
.list li p {
	padding:0 1em;
	}
.list p.author {
	padding:.4em 1em 0;
	font:1em Dotum, 돋움, AppleGothic, Sans-Serif;
	letter-spacing:0;
	margin-bottom:1em;
	}

.list span {
	font:.9em 'Franklin Gothic Medium', myriad, tahoma, Sans-Serif;
	letter-spacing:0;
	color:#999;
	}
.list span a {
	text-decoration:underline;
	}
	.list span a:link, .list span a:visited {color:#999;}
	.list span a:hover, .list span a:active {color:#333;}

/* Reply */
.list ol li ol {
	margin:0;
	}
.list ol li ol li {
	margin:.2em 0 0;
	padding:.3em 0;
	background-color:#f8f8f4;
	border:0 none;
	}

.list img {
	vertical-align:middle;
	margin-right:.2em;
	padding:2px;
	width:20px;
	height:20px;
	background-color:#fff;
	border:1px solid #ddd;
	}

/* Write area */
fieldset {
	padding:1em;
	border:1px solid #f0f0e6;
	letter-spacing:0;
	}
* html fieldset {
	/* \ Not Mac */
	position:relative;
	clear:both;
	margin-top:1.8em;
	padding:2em 1em 1em;
	/* */
	}

legend {
	font:1.2em 'Franklin Gothic Medium', Helvetica, Sans-Serif;
	color:#999;
	}
* html fieldset legend {
	/* \ Not Mac */
	position:absolute;
	top:-.8em;left:.4em;
	/* */
	}

fieldset div {
	margin:.3em 0;
	}

label {
	padding-left:.2em;
	font:.9em 'Franklin Gothic Medium', Helvetica, Sans-Serif;
	vertical-align:middle;
	}
label span {
	color:#999;
	}

input{
	padding:2px .5em;
	background:#fafaf8 url(./images/bg_form.gif) repeat-x 0 0;
	width: 180px;
	font:1em Gulim, 굴림, AppleGothic,Sans-Serif;
	vertical-align:middle;
	color:#666;
	border:1px solid #ddd;
	}

textarea {
	padding:2px .5em;
	width:360px;
	height:100px;
	background:#fafaf8 url(./images/bg_form.gif) repeat-x 0 0;
	border:1px solid #ddd;
	font:1em Gulim, 굴림, AppleGothic, Sans-Serif;
	color:#666;
	}

.checkbox {
	background:none;
	padding:0;
	width:12px;
	border:0 none;
	}

.submit input {
	margin-top:1em;
	padding:.3em;
	width:80px;
	height:25px;
	font-size:.9em;
	color:#666;
	cursor:pointer;
	}

/*-------------------------------*/
/* Location log */
/*-------------------------------*/
#location {
	margin-bottom:3em;
	font-family:Gulim, 굴림, AppleGothic, Sans-Serif;
	}
#location .place, #location .pTitle {
	border-bottom:solid 1px #eee;
	}

.place span {
	padding-left:10px;
	background:url(./images/bullet_indent.gif) 0 3px no-repeat;
	}

.place .dent0 {
	padding:0;
	background:none !important;
	}

/*-------------------------------*/
/* Tag cloud */
/*-------------------------------*/
#taglog {
	margin-bottom:3em;
	}
#taglog ul { 
	text-align:justify;
	list-style:none;
	}
#taglog li { 
	display:inline;
	font-family: Dotum, 돋움, AppleGothic, Helvetica, Sans-Serif; 
	line-height:2.4em
	}

#taglog li a.cloud1 { font-weight:bold; font-size: 2.2em; color:#09c;}
#taglog li a.cloud2 { font-weight:bold; font-size: 1.8em; color:#25a2cc;}
#taglog li a.cloud3 { font-weight:bold; font-size: 1.4em; color:#42aacc;}
#taglog li a.cloud4 { font-size: 1.1em; color:#61aac2;}
#taglog li a.cloud5 { font-size: .9em; color:#aaa;}
#taglog li a:hover { color:#069; background-color:#e9e9de;}

/*-------------------------------*/
/* Page navigation */
/*-------------------------------*/
#paging {
	margin:4.5em 0 6em;
	font:.9em 'Trebuchet MS', Helvetica, Sans-Serif;
	color:#999;
	text-align:center;
	}
	#paging a:link, #paging a:visited { color:#09c;}
	#paging a:hover, #paging a:active { color:#3cf;}

/* Selected */
#paging .selected {
	font-weight:bold;
	color:#f60;
	border-bottom:1px solid #999;
	}

/*-------------------------------*/
/* Side bar */
/*-------------------------------*/
#rightColumn {
	margin-bottom:4em;
	}

#rightColumn div {
	margin-bottom:2.2em;
	}

/* Tag cloud (sidebar) */
#tagbox ul { 
	list-style:none;
	margin-top:1em;
	}
#tagbox li { 
	display:inline;
	font:1em/1.6em Dotum, 돋움, AppleGothic, Sans-Serif;
	}

#tagbox li a.cloud1 {font-weight:bold; font-size:1.8em; color:#09c;}
#tagbox li a.cloud2 {font-weight:bold; font-size:1.5em; color:#5fabd1;}
#tagbox li a.cloud3 {font-size:1.2em; color:#8ab8cf;}
#tagbox li a.cloud4 {font-size:1em; color:#9db3bf;}
#tagbox li a.cloud5 {font-size:.9em; color:#bbb;}
#tagbox a:hover { text-decoration:none; color:#066;}

/* Categories */
#category h3 {
	margin-bottom:.3em;
	}
#category {
	font:1em/1.5em Dotum, 돋움, AppleGothic, Sans-Serif;
	}
#category div {
	margin:0 !important;
	}
#category ul {
	list-style:none;
	}
#category li a {
	font-size:.9em;
	display:block;
	border-bottom:1px solid #ddd;
	}
#category li a:link, #category ul a:visited {color:#808080;}
#category li a:hover, #category li a:active {color:#09c;}

/* 1 depth */
#category ul li ul li a {
	padding-left:22px;
	background:url(./images/bullet_category.gif) no-repeat 0 50%; 
	border-bottom:1px solid #e6e5df;
	}
#category ul li ul li a:link, #category ul li ul li a:visited {color:#666;}
#category ul li ul li a:hover, #category ul li ul li a:active{color: #09c; background-color:#f8f8f4;}

/* 2 depth */
#category ul li ul li ul li {
	border-bottom:1px solid #e6e5df;
	}
#category ul li ul li ul li a {
	border:0 none;
	padding-left:22px;
	background:url(./images/bg_tree.gif) no-repeat 3px 45%;
	}

/* selected */
#category .selected {
	font-weight:bold;
	}
#category .selected ul li {
	font-weight:normal;
	}

/* count  */
.c_cnt {
	font:.9em 'Trebuchet MS', Helvetica, Sans-Serif;
	/*color:#e793bc;*/
	}

/* Recently */
#rightColumn ol {
	margin-top:10px;
	list-style:none;
	}

#rightColumn ol li {
	font:.9em/1.5em Dotum, 돋움, AppleGothic, Sans-Serif;
	letter-spacing:-1px;
	border-bottom:1px solid #ddd;
	}
#rightColumn ol li a {
	display:block;
	padding:.2em 0;
	}
	#rightColumn ol li a:link, #rightColumn ol li a:visited {
		color:#666;
		}
	#rightColumn ol li a:hover, #rightColumn ol li a:active {
		background-color:#f8f8f4;
		color:#09c;
		}

	#rightColumn ol li a:link cite, #rightColumn ol li a:visited cite {
		color:#ababab;
		}
	#rightColumn ol li a:hover cite, #rightColumn ol li a:active cite {
		color:#666;
		}

#rightColumn li cite {
	display:block;
	font-style:normal;
	}


/* Calendar */
#calendar table {
	border-bottom:1px solid #eee;
	}
#calendar td  {
	text-align:center;
	}

#calendar caption { 
	margin-top:.8em;
	text-align:left;
	font:.8em 'Franklin Gothic Medium', Tahoma, Helvetica, Sans-Serif;
	}

#calendar th {
	height:1.2em;
	font: normal .9em 돋움, Dotum, tahoma, Sans-Serif !important;
	}

#calendar tr.cal_week { 
	height: 1.2em;
	background-color:#fafaf8; 
	font: normal .8em 'Trebuchet MS', Helvetica, Sans-Serif !important;
	}

/* Today */
#calendar td.cal_day4 {
	background-color:#fff; 
	font-weight:bold;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	}

#calendar td a {
	text-decoration:underline; 
	display:block;
	width:100%; 
	}
	#calendar td a:link, #calendar td a:visited { 
		color:#099;
		}
	#calendar td a:hover, #calendar td a:active {
		color:#099; 
		font-weight:bold; 
		background-color:#e9e9de;
	}

/* Stats */
#stats dl {
	margin-top:1em;
	}
#stats dt {
	font-size:.9em;
	color:#666;
	}
#stats dd {
	font:.9em 'Franklin Gothic Medium', Helvetica, Sans-Serif;
	color:#bbb;
	}

/* Administer */
#administer {
	}
#administer li {
	border-bottom:1px solid #ddd;
	font:.9em Dotum, 돋움, AppleGothic, Sans-Serif;
	}
#administer li a {
	display:block;
	}
	#administer li a:link, #administer li a:visited {
		color:#666;
		}
	#administer li a:hover, #administer li a:active {
		background-color:#f8f8f4;
		color:#09c;
	}

/* Search */
#searchForm .sInput {
	width:120px;
	padding:.3em 5px;
	}

#searchForm .searchSubmit {
	width: 5em;
	font-size:.9em;
	padding:.3em 0;
	cursor:pointer;
	}

/*-------------------------------*/
/* Footer */
/*-------------------------------*/
/* license */
#footer p {
	font-size:.9em;
	margin:0 .5em 0;
	display:inline;
	}
	#footer p a:hover, #footer p a:active {
		background-color:#c2c1ac;
		color:#069;
		}

/* RSS button */
.btn_rss {
	background: url(./images/bullet_rss.gif) left 50% no-repeat;
	padding-left:15px;
	}