@charset "utf-8";

/*==기본 스타일 ==================================*/
html {font-size: 62.5%}
body{
	margin:0;
	padding:0;
	font:1.2em/1.5em Dotum, Verdana, AppleGothic, Sans-serif;
	color:#808080;
	background:url(./images/bg_bodyPattern.gif) center top repeat #fff;
	}

/* 공통 링크 스타일 (본문X)*/
a {text-decoration:none;}
a:link, a:visited { color:#3d544c;}
a:hover, a:active { color:#5c8376;}

/* 카테고리 (포스트 개수 스타일) */
.c_cnt { display:none;}

/* 이미지 캡션 스타일 */
.cap1 { color:#999;  text-align:center;}

/* 기타 */
button { border:none; cursor:pointer;}
img {border:none;}
br {letter-spacing:0;}
h1,h2,h3,h4 {margin:0; padding:0;}
.clear {clear:both;}
.checkbox {border:0; background:none;}



/*==레이아웃 ===================================*/
#container {background:url(./images/bg_bodyTop.gif) top center repeat-x;
	}
	#wrapper1{width:780px; margin:0 auto;	background:url(./images/bg_content.gif) top center repeat-y; position:relative;
		}
	#wrapper2{width:610px; margin:0 auto; background:url(./images/bg_header.gif) top center no-repeat;
		}
		#contentColumn { width:420px; padding-left:90px;
			}

			#header {height:160px;margin:0;
			}
				.title {float:left; display:inline; margin:0;padding-top:48px; width:310px;
					}
					.desc {padding-left:2px; width:200px;
						}
				.sMenu {float:left; display:inline; margin:0; padding-top:40px; width:110px;
					}
				#blogMenu {clear:left; padding-top:20px; margin:0;
					}

			#contentBody {width:420px; overflow:hidden;
				}
				.titleWrap { margin-bottom:30px;border-bottom:1px dashed #ccc; padding-bottom:8px;
					}
				#footer { margin-top:50px; height:160px;
					}

	.bottomWrapper {width:780px; margin:0 auto;
		}

/*== 버튼 ======================================= */

/*Comment 오픈버튼 */
span.openComment {
	background:url(./images/ico_comment.gif) left 50% no-repeat;
	padding-left:15px;
	font:bold 0.8em arial, tahoma;
}

/* Trackback 오픈버튼 */
span.openTrackback {
	background:url(./images/ico_trackback.gif) left 50% no-repeat;
	padding-left:15px;
	margin-left:10px;
	font:bold 0.8em arial, tahoma;
}

/* RSS 버튼 */
.btn_rss {
	width:56px;
	height:16px;
	background:url(./images/btn_rss.gif) top left no-repeat;
	}

/*태터툴즈 버튼*/
.btn_tt {
	width:31px;
	height:31px;
	background:url(./images/btn_tattertools.gif) top left no-repeat;
	float:left;
	margin:2px 10px 0 0;
	}

/*== 글꼴 ======================================== */
/* 블로그타이틀 */
h1 a{
	font:bold 1.6em dotum;
	letter-spacing:-1px;
	}

h1 a:link {color:#3d544c;}
h1 a:visited {color:#3d544c;}
h1 a:hover {color:#9ac82c;}
h1 a:active {color:#9ac82c;}

/* 본문 제목 */
h2 {
	color:#749a1b;
	font:bold 1.6em dotum;
	letter-spacing:-1px;
	margin:0 0 5px;
	}
h2 a:link {color:#749a1b;}
h2 a:visited {color:#749a1b;}
h2 a:hover {color:#9ac82c;}
h2 a:active {color:#9ac82c;}

/* 검색결과 타이틀 */
h3 {
	font:1.3em 'Franklin Gothic Medium', myriad, tahoma;
	margin:25px 0 5px;
	color:#8e8128;
	}

/*트랙백 타이틀 */
h4 {
	font-size:11px;
	margin:0;
	}

/* 본문 */
.article {
	text-align:justify;
	letter-spacing:normal;
	line-height:19px;
	}
.article a {border-bottom:1px dashed tomato;} /*본문 링크 밑줄*/

/* 기본 메뉴 */
#baseMenu ul li a {
	color:#c03;
	font:0.75em arial, tahoma;
	}

/*작은글꼴1*/
.smallText {
	font:0.8em myriad, arial, sans-serif;
	color:#6b8984;
	letter-spacing:0;
	}
.smallText a {
	color:#6b8984;
	}

/*작은글꼴2*/
.smallText2 {
	font:0.75em 'Franklin Gothic Medium', myriad, tahoma;
	letter-spacing:0;
	}

/* date 부분, 밝은 글씨 */
.light { color:#ccc;}

/*이름 링크*/
.name {display:block;}
.name a:link {color:#768f3f;}
.name a:visited {color:#768f3f;}
.name a:hover {color:#97b458;}
.name a:active {color:#97b458;}

/* 블로그 설명 */
.desc {
	font:0.75em 'Franklin Gothic Medium', myriad, tahoma;
	}

/*==블로그 메뉴 (blog , guestbook...)===============*/

#blogMenu a {
	color: #91915d;
	text-decoration: none;
	}

#blogMenu ul.inline {
	margin:0;
	padding:0;
	list-style: none;
	}

#blogMenu ul.inline li {
	display: inline;
	font: bold 9px arial;
	}

#blogMenu ul.inline a {
	padding: 2px 4px;
	line-height: 20px;
	background: #ddd;
	}

#blogMenu ul.inline a:hover {
	color: #066;
	background: #b5c4c5;
	}

/* 블로그 매뉴 (활성화 상태) */
#tt-body-page #blogMenu a.tab_page,
#tt-body-location #blogMenu a.tab_localog,
#tt-body-tag #blogMenu a.tab_taglog,
#tt-body-guestbook #blogMenu a.tab_guestbook,
#tt-body-search #blogMenu a.tab_page,
#tt-body-archive #blogMenu a.tab_page,
#tt-body-notice #blogMenu a.tab_page,
#tt-body-media #blogMenu a.tab_media,
#tt-body-category #blogMenu a.tab_page
	{
	color: #d8e9ed;
	background: #458293;
	}

/* 블로그 메뉴 (활성화 상태;마우스오버) */
#tt-body-page #blogMenu a:hover.tab_page,
#tt-body-location #blogMenu a:hover.tab_localog,
#tt-body-tag #blogMenu a:hover.tab_taglog,
#tt-body-guestbook #blogMenu a:hover.tab_guestbook,
#tt-body-search #blogMenu a:hover.tab_page,
#tt-body-archive #blogMenu a:hover.tab_page,
#tt-body-notice #blogMenu a:hover.tab_page,
#tt-body-category #blogMenu a:hover.tab_page
	{
	color: #ede7d8;
	background: #5b9eb1;
	}

/*== 검색결과 리스트 ================================ */
.searchList {
	margin-bottom:50px;
	}

.searchList ol {
	list-style:none;
	margin:0;
	padding:0;
	}

.searchList ol li {
	border-bottom:1px solid #eee;
	}

/*== 보호글 스타일 ====================================*/
.entryProtected {
	height:200px;
	}

.entryProtected input.submit {
	width:50px;
	height:19px;
	}
/*== 본문 스타일 ====================================== */

.article {
	margin-bottom:30px;

	}

.imageblock {
	border:none;
	margin:0 0 15px;
	padding:0;
	}
.imageblock * {
	border:none !important;
	}

.imageblock img {
	padding:5px;
	background-color:#e5e5e5;
	vertical-align:middle;
	}


/* 인용구 스타일 */
blockquote {
	margin:0 0 0 10px;
	width:350px;
	padding:11px 20px 20px 30px;
	background:#ddd url(./images/bg_blockquote.gif) left top no-repeat;
	color:#b0b0b0;
	font-size:11px;
	}

/* 게시물 정보의 bullet */
.sqr {
	padding-left:15px;
	background: url(./images/bullet_sqr.gif) 3px 50% no-repeat;
	}

.admin {
	margin-bottom:30px;
	}

/* 본문에 표시될 Tag 스타일 */
.tagTrail {
	margin-bottom:10px;
	padding:0 0 5px 20px;
	background: url(./images/ico_tag.gif) left top no-repeat;
	}

/* comment, trackback 버튼부분 */
.actionTrail {
	font:bold 1.4em arial;
	margin-bottom:20px;
	border-top:1px dashed #ccc;
	}

/* More/Less 버튼 스타일 */
.moreless_fold {
	padding-left:20px;
	background:url(./images/ico_plus.gif) left 50% no-repeat;
	color:#bbb;
	}
.moreless_top, .moreless_bottom {
	padding-left:20px;
	background:url(./images/ico_minus.gif) left 50% no-repeat;
	color:#bbb;
	}
/* 감춰지는 영역 */
.moreless_content {
	background-color:#f7f7f7;
	padding:15px 0;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
	margin:0;
	}

/*== 트랙백 리스트 ==================================== */
/*트랙백 주소 표시*/
.trackbackUrl {
	background-color:#f5f5f5;
	padding:2px 0;
	margin-bottom:15px;
	}

#trackback ol {
	margin:0 0 20px 0;
	padding:0;
	border-bottom:1px solid #eee;
	list-style:none;
	}
#trackback ol li{
	margin-bottom:10px;
	padding:15px 0 0;
	border-top:1px solid #eee;
	}

/*== 댓글, 방명록 리스트 ================================= */
.commentList ol,
.guestList ol{
	margin:0;
	padding:0;
	list-style:none;
	}

.guestList {
	margin-top:20px;
	}

.commentList ol li, .guestList ol li {
	margin:0 0 5px 0;
	}

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

.cListLeft {
	float:left;
	display:inline;
	width:80px;
	text-align:left;
	padding:4px 10px 4px 0;
	min-height:45px;
	}
* html .cListLeft {height:45px;}

.cListRight {
	float:left;
	display:inline;
	width:305px;
	padding:4px 10px;
	min-height:45px;
	letter-spacing:-1px;
	}
* html .cListRight {height:45px;}

.odd {
	background-color:#f7f7f7;
	}

/*== 댓글, 방명록 작성폼=================================== */
.commentWrite{
	margin:20px 0 30px;
	background-color:#eee;
	}

.guestWrite {
	margin-top:30px;
	background-color:#eee;
	}

.submit input{
	background:white;
	height:25px;
	margin:15px 0;
	padding-bottom:5px;
	border:1px solid #666;
	}

label {
	width:85px;
	padding-left:2px;
	font:0.8em tahoma;
	display:block;
	}

input, textarea {
	width:150px;
	height:15px;
	font-size:11px;
	border:1px solid #ddd;
	background:white;
	color:#666;
	padding:2px 5px 0 5px;
	}
.writer {
	margin:5px 0;
	}

.submit input {
	width:80px;
	border:1px solid #aaa;
	}

/*== 카테고리 리스트 ============================ */
.categoryList {
	position:absolute;
	z-index:10;
	width:100px;
	left:500px;
	top:80px;
	}

.categoryList ul {
	margin:0;
	padding:0;
	list-style:none;
	background-color:white;
	}

.categoryList ul li {
	margin:0;
	list-style:none;
	overflow:hidden;
	}

.categoryList ul li ul li{
	margin:0 0 2px 0;
	font:0.9em dotum;
	list-style: none;
	background:#eee url(./images/bullet_target.gif) 5px 6px no-repeat;
	overflow:hidden;
	}
.categoryList ul li ul li ul li{
	font:0.9em dotum;
	list-style: none;
	background:#eee;
	border-top:1px dashed #ccc;
	}

.categoryList ul li ul a {
	display: block;
	font:0.9em verdana;
	padding:2px 4px 2px 14px;
	height: 14px;
	}

.categoryList ul li ul li ul a {
	display: block;
	padding:2px 4px 2px 14px;
	height: 14px;
	color:#939393;
	}

.categoryList ul li ul li a:hover {
	background:#ddd url(./images/bullet_target.gif) 5px 50% no-repeat;
	}
.categoryList ul li ul li ul li a:hover {
	background:#e5e5e5;
	color:#7a7a7a;
	}
.categoryList .selected {border:none;}

/*==페이지 네비게이션=========================== */
#paging {
	margin:0 0 10px;
	color:#ccc;
	font:0.8em tahoma;
	text-align:center;
	}

/* 페이지 네비게이션 (활성화) */
.selected {
	font-weight:bold;
	color:#066;
	border-bottom:1px solid orange;
	}

/*== 검색 폼 =========================================== */
.search {
	height:50px;
	text-align:center;
	}

.searchForm {
	width:100px;
	}

/* 검색 버튼 */
.searchSubmit {
	width:20px;
	height:20px;
	margin-left:3px;
	background:url(./images/btn_search.gif) 50% 50% no-repeat;
	}

/*== 방문자 카운터 ======================================= */
.counter {margin-bottom:20px;}

.counter ul {
	list-style:none;
	margin:0;
	padding:0;
	}

.counter ul li {
	font:0.75em/1.2em 'Franklin Gothic Medium', myriad, tahoma;
	color:#5a5a5a;
	}

/*== 라이센스 =============================================*/
.copyright {

	width:270px;
	margin:20px auto;
	}

.copyright a:link, .copyright a:visited {
	color:#666;
	}
.copyright a:hover, .copyright a:active {
	background-color:#eaeaea;
	color:#000;
	}

/*==하단 라운드박스 마무리 ==========================*/
#underRbox {
	width:610px;
	height:45px;
	margin: 0 auto;
	background:url(./images/underRbox.png) 0 0 no-repeat;
	}

/* 라운드박스 */
/* set millions of background images */
.writeForm { background: url(./images/r_nt.gif) repeat; }
.rTop div { background: url(./images/r_tl.gif) no-repeat top left; }
.rTop { background: url(./images/r_tr.gif) no-repeat top right; }
.rBottom div { background: url(./images/r_bl.gif) no-repeat bottom left; }
.rBottom { background: url(./images/r_br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rTop div, .rTop, .rBottom div, .rBottom {
width: 100%;
height: 7px;
font-size: 1px;
}
.rContent { margin: 0 7px; padding:10px; }