@charset "utf-8";

* { 
	margin:0; 
	padding:0;
	}

html {
	height:100%;
	font-size: 62.5%;
	}

body{
	background:#5fc1d7 url(./images/bg_bodyTop.gif) 50% top repeat-x;
	font:1.2em/1.7em Gulim, 굴림, Tahoma, AppleGothic, Sans-serif;
	color:#666;
	}

/* 공통 링크 */
a {text-decoration:none;}
a:link, a:visited { color:#cb89b3;}
a:hover, a:active { color:#c2889f;}

/* Common */
button { border:none; cursor:pointer;}
a img {border:none;}
br {letter-spacing:0;}
.clear {clear:both;}
hr {display:none;}
p {margin-bottom:20px;}

/* 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%;}
/* End hide from IE-mac */

/* layout */
#mainTab { margin: 0 auto; padding:30px 30px 0; width:800px; height:30px; background:url(./images/bg_mainTab.gif) 50% bottom no-repeat;
	}
	.mainTabL { float:left; display:inline; width:540px; background:url(./images/bullet_star.gif) 0 50% no-repeat; padding-left:15px; }
	.mainTabR { float:right; display:inline; width:220px; text-align:right; padding-right:10px;}
#wrapper {width:800px; padding:0 30px; margin:0 auto; background:#fff url(./images/bg_wrapperTop.gif) 0 0 repeat-x;
	}
	#header {height:120px; padding-top:20px; 
		}
		.headerLeft { float:left; display:inline; width:350px; padding-top:10px;
			}
		.headerRight {float:left; display:inline; width:450px; text-align:right; padding-top:25px;
			}
	#mBody{ width:100%; clear:both;
		}
		#contentColumn {float:left; width:540px; overflow:hidden;
			}
		#rightColumn { float:right; display:inline; width:220px; padding:0 0 0 40px; overflow:hidden;
			}
	#footer {clear:both; background:url(./images/bg_footer.gif) 50% top no-repeat; height:74px;	padding-top:25px;
		}

/*-------------------------------*/
/* 글꼴 */
/*-------------------------------*/
/* 본문제목 */
h1 { 
	height:38px;
	font:bold 1.3em gulim, 굴림, 'Trebuchet MS', Verdana, Sans-Serif;
	letter-spacing:-1px;
	color:#accb53;
	background:#fff url(./images/bg_h1.gif) 0 bottom repeat-x;
	}
	h1 a:link, h1 a:visited {color:#accb53;}
	h1 a:hover, h1 a:active {color:#c0e900;}


/* 검색결과 타이틀, 사이트바 타이틀 */
h2 { 
	margin:0;
	font:bold 1.3em arial, Verdana, Sans-Serif;
	color:#accb53;
	}

/*트랙백 타이틀 */
h3 { 
	margin:0;
	font-size:1.2em;
	}
	h3 a:link, h3 a:visited {color:#669818;}
	h3 a:hover, h3 a:active {color:#7ab61a;}

/*작은글꼴1*/
.smallText {
	font:0.75em 'Franklin Gothic Medium', myriad, tahoma, Sans-Serif;
	color:#999;
	letter-spacing:0;
	}
	.smallText a:link, .smallText a:visited  {color:#999;}
	.smallText a:hover, .smallText a:active {background-color:#f5f5f5;color:#333;}

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

/* === [ Main Tab ] ================================================ */
#mainTab {
	color:#e7e7e7;
	font-size:0.9em;
	}
	#mainTab a:link, #mainTab a:visited {color:#ccc;}
	#mainTab a:hover, #mainTab a:active {color:#f2f2f2;}

#mainTab .mainTabR ul {
	list-style:none;
	}
#mainTab .mainTabR ul li {
	display:inline;
	margin-left:12px;
	}

/* === [ Header ] ================================================ */

/* 타이틀 */

h1.blogTitle  {
	background:none;
	font:36px arial, 'Trebuchet MS', Verdana, Sans-Serif;
	}
	h1.blogTitle a:link, h1.blogTitle a:visited {	color:#e23c8e; }
	h1.blogTitle a:hover, h1.blogTitle a:active {	color:#ff6bb4; }


/* 검색 폼 */
.searchForm .sInput {
	padding:.3em;
	background-color:#e0e6e7;
	width:140px;
	height:14px;
	border:none;
	font: 1em Dotum, 돋움, AppleGothic, Sans-Serif;
	vertical-align:top;
	color:#333;
	}
	
/* 검색 버튼 */
.searchForm .searchSubmit {
	background-color:#eee;
	margin:2px 6px 0 8px;
	padding:1px 0 4px;
	width:50px;
	height:20px;
	border:1px solid #ddd;
	vertical-align:top;
	}

/* 블로그 메뉴 (Home, Notice, guest book...) */
.blogMenu {
	font-family:'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
	height:30px;
	}

.blogMenu ul {
	text-align:right;
	}

.blogMenu ul li {
	display:inline;
	}

.blogMenu ul li a {
	padding:2px 8px 2px 8px;
	font: 12px 'Franklin Gothic Medium', myriad, tahoma, Sans-Serif;
	text-decoration:none;
	}
	.blogMenu ul li a:link, .blogMenu ul li a:visited {	color:#333;	}
	.blogMenu ul li a:hover, .blogMenu ul li a:active {	color:#333; background:#aed340;	}

/* 활성화 메뉴 글꼴 */
#tt-body-page .tab_page a, #tt-body-page .tab_page a:hover,
#tt-body-search .tab_page a, #tt-body-search .tab_page a:hover,
#tt-body-archive .tab_page a, #tt-body-archive .tab_page a:hover,
#tt-body-category .tab_page a, #tt-body-category .tab_page a:hover,
#tt-body-entry .tab_page a, #tt-body-entry .tab_page a:hover,
#tt-body-location .tab_location a, #tt-body-location .tab_location a:hover,
#tt-body-tag .tab_tag a, #tt-body-tag .tab_tag a:hover,
#tt-body-notice .tab_notice a, #tt-body-notice .tab_notice a:hover,
#tt-body-guestbook .tab_talk a, #tt-body-guestbook .tab_talk a:hover
	{
	color:#dd568c;
	text-decoration:underline;
	}

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

.searchList ol {
	list-style:none;
	}

.searchList ol li {
	background-color:#f5f5f5;
	padding:4px 0 2px;
	}
	.searchList ol li * {	vertical-align:middle;	}

.searchList .odd {
	background-color:#fff;
	}

.searchList ol li .slDate, .searchList ol li .slcNumber {
	font:0.9em 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
	margin-right:5px;
	}
.searchList ol li .slTitle {
	font:1em Gulim, 굴림, AppleGothic, Sans-Serif;
	margin-right:5px;
	}
.searchList ol li .slName {
	font:0.9em Dotum, 돋움, AppleGothic, Sans-Serif;
	}

/* 보호글 */
.protectedBody {
	padding:40px 0 60px;
	text-align:center;
	}

.protectedBody .warn {
	margin-bottom:10px;
	font-family:'Trebuchet MS', Verdana, Sans-Serif;
	}

.protectedBody input.submitBtn {
	width:50px;
	height:19px;
	padding:0 0 2px;
	}

/* 관리자 메뉴 */
.admin {
	margin-bottom:30px;
	}
.adminMenu {
	padding:5px;
	font-size:0.9em;
	}

/* 포스트 제목 영역 */
.subject {
	margin-bottom:20px;
	height:62px;
	border-bottom:1px solid #e8e8e8;
	}

/* 포스트 정보 */
.subject p.entryInfo {
	padding:4px 0 0;
	height:22px;
	margin:0;
	}
.subject span {
	padding: 7px 10px 4px 20px;
	}
.subject span span { margin:0; padding:0; background:none; }

	.subject .pDate {
		background:url(./images/bullet_clock.gif) 0 50% no-repeat;
		}
	.subject .pCategory {
		background:url(./images/bullet_folder.gif) 0 50% no-repeat;
		}
	.subject .pAuthor {
		background:url(./images/bullet_author.gif) 0 50% no-repeat;
		}
	.subject .pInfo {
		background:url(./images/bullet_info.gif) 0 50% no-repeat;
		}

/* 본문 영역 */
.article {
	margin:10px 0 20px;
	width:540px;
	overflow:hidden;
	line-height:1.7em;
	text-align:justify;
	letter-spacing:-1px;
	}
	.article a:link, .article a:visited {border-bottom:1px dashed #c39;} /*본문 링크 밑줄*/
	.article a:hover, .article a:active {background-color:#f5f5f5; border-bottom:1px dashed #c39; color:#c39;}

/* 인용구 스타일 */
blockquote {
	margin:20px auto;
	padding:0 10px;
	width:480px;
	color:#50b4ca;
	letter-spacing:-1px;
	border-left:2px solid #ddd;
	}

/* 이미지 블럭 */
.imageblock {
	margin:0 0 15px;
	border:none;
	}
.imageblock * {
	border:none !important;
	}
.imageblock img {
	background-color:#fff;
	border:5px solid #e5e5e5 !important;
	vertical-align:middle;
	}

/* 이미지 캡션 */
.cap1 {
	color:#999;
	font-size:0.9em;
	text-align:center;
	margin-top:.5em;
	}

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

/* 본문 리스트 스타일 */
.article ul, .article ol {
	margin:10px 0 10px 30px;
	}

/* 포스트 태그 */
.postTag {
	background:#f7f7f7 url(./images/bullet_tag.gif) 3px 50% no-repeat;
	padding:5px 0 3px 25px;
	height:15px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:0.9em;
	}
.postTag a {
	padding:2px 0;
	}
	.postTag a:link, .postTag a:visited { color:#6a6a6a; }
	.postTag a:hover, .postTag a:active { color:#333; border-bottom:1px dashed #333; background-color:#ddd;}

/* 댓글 버튼 */
.cntBtn { 
	margin:10px 0 30px;
	padding-left:20px;
	background:url(./images/bullet_comment.gif) 0 50% no-repeat;
	font-size:0.9em;
	}

.cntBtn a:link, .cntBtn a:visited {
	color:#666;
	border:none;
	}
.cntBtn a:hover, .cntBtn a:active {
	color:#333;
	background-color:#eee;
	border-bottom:1px solid #ddd;
	}

/* /// 트랙백 /////////////////////// */
/* 트랙백 주소 표시 */
.trackbackUrl {
	background:url(./images/bullet_uri.gif) 5px 50% no-repeat;
	padding-left:20px;
	font: 0.9em 'Trebuchet MS', Verdana, Sans-Serif;
	}
.trackbackUrl span.url {
	text-decoration:underline;
	}

/* 트랙백 리스트 */
.trackback {
	margin-bottom:20px;
	}
.trackback ol {
	margin:10px 0;
	padding:0;
	list-style:none;
	}
.trackback ol li{
	border:1px solid #eee;
	padding:10px 10px 5px;
	margin-bottom:10px;
	}
.trackback ol li p {
	margin: 18px 0 8px;
	}

/* 댓글, 방명록 리스트 */
.commentList ol, .guestList ol {
	margin-top:20px;
	list-style:none;
	}
.commentList ul, .guestList ul {
	list-style:none;
	}

.commentList li, .guestList li {
	position:relative;
	background: url(./images/bg_blogIcon.gif) 10px 7px no-repeat;
	width:100%;
	overflow:hidden;
	border:1px solid #eee;
	}
.commentList ol li, .guestList ol li {
	margin-bottom:10px;
	}
.commentList ul li, .guestList ul li {
	margin:10px 0 0;
	border:0 none;
	border-top:1px solid #eee;
	background-color:#f7f7f7;
	}
.commentList div, .guestList div {
	margin-top:10px;
	padding:5px 10px 5px 60px;
	}

.commentList img, .guestList img {
	position:absolute;
	top:7px;
	left:10px;
	width:24px !important;
	height:24px !important;
	background-color:#fff;
	padding:3px;
	border:1px solid #ddd;
	}

/* 댓글 작성자 이름 */
p.name { 
	margin:0 !important;
	font:bold 1.2em/.7em Dotum, 돋움, AppleGothic, Sans-Serif;
	letter-spacing:-1px;
	color:#acb7b6;
	}
	p.name a:link, p.name a:visited {color:#accb53;}
	p.name a:hover, p.name a:active {color:#b6447c;}

.trackback ol li p, .commentList ol li p, .guestList ol li p {
	margin: 18px 0 8px;
	padding:0;
	}

/* 댓글, 방명록 작성폼 */
.writeForm {
	background-color:#f5f5f5;
	margin:20px 0 30px;
	padding:10px 20px;
	}
.writeForm p.message {
	background:url(./images/bullet_message.gif) left 50% no-repeat;
	padding-left:15px;
	color:#808080;
	}

.writeForm .writer {
	margin:5px 0;
	}

/* 입력 칸 라벨 */
label {
	padding-left:2px;
	font:0.8em Tahoma, Helvetica, Sans-Serif;
	}
/* Require*/
abbr {
	color:#f3c;
	border:0 none;
	}

/* 등록자 정보 입력 폼 */
input{
	background-color:#fff;
	padding:2px 5px 0 5px;
	width: 150px;
	height:15px;
	font-size:11px;
	color:#666;
	border:1px solid #ddd;
	}
/* 글 입력상자 */
textarea {
	margin-top:10px;
	padding:5px;

	border:1px solid #ddd;
	background:#fff;
	font-size:12px;
	color:#666;
	}
/* 비밀글 체크박스 */
.checkbox {
	background:none; 
	margin:0 0 0 2px; 
	padding:0;
	width:15px;
	border:0; 
	}

/* Submit 버튼 */
.submit input {
	background-color:#fff;
	margin:15px 0;
	padding-bottom:5px;
	width:80px;
	height:25px;
	color:#808080;
	}

/* 위치 로그 */
.location .place, .location .pTitle {
	width:540px;
	padding:4px 0 2px;
	overflow:hidden;
	color:#808080;
	border-bottom:solid 1px #eee;
	}

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

/* 위치에 따른 스타일 */
.place .dent0 {background:url(./images/bullet_dent1.gif) 0 3px no-repeat !important;}
.place .dent20 {background:url(./images/bullet_dent2.gif) 0 3px no-repeat !important;}
.place .dent40 {background:url(./images/bullet_dent3.gif) 0 3px no-repeat !important;}
.place .dent60 {background:url(./images/bullet_dent4.gif) 0 3px no-repeat !important;}
.place .dent80 {background:url(./images/bullet_dent5.gif) 0 3px no-repeat !important;}
.place .dent100 {background:url(./images/bullet_dent6.gif) 0 3px no-repeat !important;}

.pTitle .spot {
	padding-left:10px;
	background:url(./images/bullet_spot.gif) 0 3px no-repeat;
	}

/* /// 태그 클라우드 (페이지) ///////////////// */
.taglog ul { 
	margin:0;
	padding:5px; 
	text-align:justify;
	}
.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:#cf65a8;}
.taglog li a.cloud2 { font-weight:bold; font-size: 1.8em; color:#dab1cb;}
.taglog li a.cloud3 { font-weight:bold; font-size: 1.4em; color:#d2a1c1;}
.taglog li a.cloud4 { font-size: 1.1em; color:#666;}
.taglog li a.cloud5 { font-size: 0.9em; color:#ccc;}
.taglog li a:hover { color:#b6447c; background-color:#f5f5f5;}

/* /// 페이지 네비게이션  ///////////////// */
.paging {
	margin:50px 0 70px;
	font:0.8em Tahoma, Verdana, Helvetica, Sans-Serif;
	color:#ccc;
	text-align:center;
	}
	.paging a:link, .paging a:visited { color:#666;}
	.paging a:hover, .paging a:active { color:red;}

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

/* === [ Right Column (Side bar) ] ========================================= */
#rightColumn {
	margin-bottom:60px;
	}

#rightColumn div {
	margin-bottom:30px;
	}

/* /// 태그 (사이드바) /////////// */
.tagbox ul { 
	padding:15px 0 0 0; 
	margin:0;
	}
.tagbox li { 
	display:inline;
	line-height:1.8em;
	}

.tagbox a { letter-spacing:-1px;}	
.tagbox li a.cloud1 { font-weight:bold;  font-size:1.8em; color:#cb89b3;}
.tagbox li a.cloud2 { font-weight:bold; font-size:1.5em; color:#dab1cb;}
.tagbox li a.cloud3 { font-weight:bold; font-size:1.2em; color:#d9c8d3;}
.tagbox li a.cloud4 { font-size:1em; color:#999;}
.tagbox li a.cloud5 { font-size:0.9em; color:#ccc;}	
.tagbox a:hover { background-color:#f5f5f5; text-decoration:none; color:#b6447c;}

/* 카테고리 리스트 */
/* 분류 전체보기*/
.category ul {
	margin-top:10px;
	list-style:none;
	}
.category ul li a {
	display:block;
	background-color:#f5f5f5;
	font:0.9em/1.5em Dotum, 돋움, AppleGothic, Sans-Serif;
	letter-spacing:0;
	padding:2px 0;
	}
	.category ul li a:link, .category ul li a:visited { 
		color:#999;
		}
	.category ul li a:hover, .category ul lia:active{ 
		background-color:#f5f5f5;
		color: #333;
		}

/* 1단 분류 */
.category ul li ul {
	margin:0;
	border-top:1px solid #ddd;
	background-color:#fff;
	}
.category ul li ul li{
	border-bottom:1px solid #ddd;
	}

.category ul li ul li a {
	padding:2px 0;
	font-weight:bold;
	background-color:#fff;
	}
	.category ul li ul li a:link, .category ul li ul li a:visited {
		color:#cf65a8;
		}
	.category ul li ul li a:hover, .category ul li ul li a:active{
		background-color:#f5f5f5;
		color: #e793bc;
		}

/* 2단 부류 */
.category ul li ul li ul {
	margin:0;
	border-top:1px solid #ddd;
	}
.category ul li ul li ul li {
	border:none;
	padding-bottom:1px;
	}
.category ul li ul li ul li a {
	padding:4px 0 4px 12px;
	background: url(./images/bullet_arrow.gif) 0 50% no-repeat;
	font-weight:normal;
	}
	.category ul li ul li ul li a:link, .category ul li ul li ul li a:visited {	
		color:#b9839d;
		border:none;
		}
	.category ul li ul li ul li a:hover, .category ul li ul li ul li a:active{
		color: #e793bc;
		background-color:#f5f5f5;
		}

/* 활성화된 스타일 */
.category ul li .selected a {
	background:#f5f5f5;
	}
	.category ul li.selected ul li a {
		background:#fff url(./images/bullet_arrow.gif) 0 50% no-repeat;
		}
	.category ul li ul li .selected a {
		background:#f5f5f5 url(./images/bullet_arrow.gif) 0 50% no-repeat;
		}

/* 카테고리 등록 글 수  */
.c_cnt { 
	font:0.9em Tahoma, Helvetica, Sans-Serif;
	color:#cb89b3;
	}

/* /// 최근게시글 공통부분 //////////////// */
.recent ol, .recent ul {
	margin-top:10px;
	list-style:none;
	}

.recent li {
	padding:0;
	font:0.9em/1.5em Dotum, 돋움, AppleGothic, Sans-Serif;
	letter-spacing:-1px;
	border-bottom:1px solid #ddd;
	}
.recent li a {
	display:block;
	padding:3px 0 0;
	width:220px;
	overflow:hidden;
	}
	.recent li a:link, .recent li a:visited {
		color:#666;
		}
	.recent li a:hover, .recent li a:active {
		background:#f5f5f5;
		color:#a76485;
		}

	.recent .odd a:link,.recent .odd a:visited  {
		background:#f5f5f5;
		color:#a76485;
		}
	.recent .odd a:hover,.recent .odd a:active  {
		background:#f5f5f5;
		color:#c23179;
		}

	.recent a:link .sbName, .recent a:visited .sbName {
		color:#ababab;
		}
	.recent a:hover .sbName, .recent a:active .sbName {
		color:#be91a7;
		}
	.recent a:link .sbDate, .recent a:visited .sbDate {
		color:#b5b5b5;
		}
	.recent a:hover .sbDate, .recent a:active .sbDate {
		color:#888;
		}

#rPosts li a, #rBookmarks li a {
	height:20px;
}

/* 달력  */
.calendar table {
	border-bottom:1px solid #eee;
	}

.cal_week1, .cal_week2, .cal_day  {
	text-align:center;
	}

.cal_month { 
	margin-top:10px;
	padding-left:4px; 
	text-align:left;
	background-color:#f5f5f5;
	font:0.75em 'Franklin Gothic Medium', Tahoma, Helvetica, Sans-Serif;
	}

.cal_week1, .cal_week2 {
	height:15px;	
	border-bottom:1px solid #eee; 
	font: normal 0.9em 돋움, Dotum, tahoma, Sans-Serif !important;
	}

.cal_week { 
	height: 15px;
	background-color:#fff; 
	font: normal 0.8em 'Trebuchet MS', Helvetica, Sans-Serif !important;
	}
/* 오늘 날짜 */
.cal_day4 {
	background-color:#eee; 
	font-weight:bold;
	}
/* 링크 스타일 */
a.cal_click {
	text-decoration:underline; 
	display:block;
	width:100%; 
	}
	a.cal_click:link, a.cal_click:visited { 
		color:#eb682e;
		}
	a.cal_click:hover, a.cal_click:active {
		color:#ff007d; 
		font-weight:bold; 
		background-color:#f7f7f7;
	}

/* 방문자 카운터 */
.counter {
	margin-top:15px;
	}
.counter ul {
	margin-top:10px;
	list-style:none;
	}
.counter ul li {
	font:0.75em/1.2em 'Franklin Gothic Medium', verdana, tahoma, Sans-Serif;
	color:#bbb;
	}
.counter ul li.totalCount {
	font-size:1em;
	color:#666;
	}

/* RSS button */
.btn_rss {
	background: url(./images/btn_rss.gif) left 50% no-repeat;
	margin-top:10px;
	padding:0 0 0 20px;
	font:0.8em Tahoma, Helvetica, Sans-Serif;
	color:#999;
	}

/* === [ Footer ] ================================================ */
/* 라이센스 */
.copyright {
	text-align:center;
	color:#fefefe;
	}
	.copyright a:link, .copyright a:visited {
		color:#fefefe;
		}
	.copyright a:hover, .copyright a:active {
		background-color:#2a8ba1;
		color:#fff;
		}