﻿@charset "utf-8";

/*/// 기본 스타일 /////////////////////*/
html {font-size: 62.5%}
body{
	background:#333 url(./images/bg_bodyPattern.gif) 50% 0;
	margin:0;
	padding:0;
	font:1.2em/1.5em Dotum, Verdana, AppleGothic, Sans-serif;
	color:#c0c0c0;
	}

/* 공통 링크 스타일 */
a {text-decoration:none;}
a:link, a:visited { color:#7F8EFF;} //메인 컬러
a:hover, a:active { color:#ff69b4;} //Hover 컬러

/* 기본적인 스타일 */
button { border:none; cursor:pointer;}
img {border:none;}
br {letter-spacing:0;}
h1,h2,h3,h4 {margin:0; padding:0;}
.clear {clear:both;}


/* 이미지 캡션 스타일 */
.cap1 { color:#999;  text-align:center;}

/* 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 */

/* 레이아웃 */

#wrapper1 {background: url(./images/bg_topPattern.gif) center 0 repeat-x; height:246px;}
#wrapper2 {width:880px; margin:0 auto; position:relative;
	}
	#header {height:140px; background: url(./images/bg_header.gif) center 0 no-repeat; padding-top:65px; text-align:center;
		}
	#mBody{background: url(./images/bg_content.gif) center 0 repeat-y; width:100%; clear:both; padding-top:1px;
		}
		#contentColumn {float:left; display:inline; width:600px; padding:0 0 0 42px; overflow:hidden;
			}
		#sideBar {float:left; display:inline; width:170px; padding:0 0 30px 20px; overflow:hidden; 
			}
	#footer {background:url(./images/bg_footer2.png) center 0 no-repeat; clear:both; width:880px; height:62px; position:relative;
		}


/*/// 글꼴 /////////////////////////// */

/* 본문제목 */
h1 { 
	margin-bottom:5px;
	font:bold 1.6em gulim, Verdana, Sans-Serif;
	letter-spacing:-1px;
	color:#7F8EFF;
	}
h1 a:link, h1 a:visited {color:#7F8EFF;} 
h1 a:hover, h1 a:active {color:#ff69b4;}

/* 댓글 이름 */
h2 { 
	margin:0 0 5px;
	font:bold 1.8em Trebuchet MS;
	color:#7F8EFF;
	}
h2 a:link, h2 a:visited {color:#7F8EFF;}
h2 a:hover, h2 a:active {color:#ff69b4;}

/* 검색결과 타이틀, 사이트바 타이틀 */
h3 { 
	margin:0;
	font:bold 1.1em arial, Verdana, Sans-Serif;
	color:#eee;
	}

/*트랙백 타이틀 */
h4 { 
	margin:0;
	font-size:1.2em;
	}
h4 a:link, h4 a:visited {
	color:#669818;
	}
h4 a:hover, h4 a:active {
	color:#7ab61a;
	}

/* 본문 */	
.article {
	margin-bottom:10px;
	width:600px;
	overflow:hidden;
	line-height:1.5em;
	text-align:justify;
	letter-spacing:normal;
	}
.article a:link, .article a:visited {border-bottom:1px solid #333;} /*본문 링크 밑줄*/
.article a:hover, .article a:active {background-color:#000; border-bottom:1px solid #5a5a5a;}

/*작은글꼴1*/
.smallText {
	font:1em 'Franklin Gothic Medium', myriad, tahoma;
	color:#eee;
	letter-spacing:0;
	}
.smallText a:link, .smallText a:visited  {
	color:#444;
	}
.smallText a:hover, .smallText a:active {
	background-color:#212121;
	color:#666;
	}

/*작은글꼴2*/
.smallText2 {
	font:0.8em 'Franklin Gothic Medium', dotum, tahoma;
	letter-spacing:0;
	}

/* date 부분, 밝은 글씨 */
.light {color:#ccc;}


/* === [ Header ] ================================================ */

/* /// 타이틀 //////////////////// */

/*타이틀 이미지가 삽입되는 영역*/
.blogTitle { height:90px; }

/* 타이틀 로고를 텍스트로 할 경우*/
.blogTitle h1 {
	margin-bottom:10px;
	font:26px 'Trebuchet MS', Verdana, Sans-Serif;
	}
.blogTitle h1 a:link, .blogTitle h1 a:visited {
	color:#eee;
	}
.blogTitle h1 a:hover, .blogTitle h1 a:active {
	color:#7F8EFF;
	}
.desc {
	font-size:13px;
	line-height:14px;
	color:#eee;
	}

/* 타이틀 로고 이미지로 할 경우 */

.btn_title {
	background:url(./images/btn_title.png) 0 0 no-repeat;
	width:130px;
	height:47px;
	}


/* === [ Content Column ] ========================================= */

/* /// 검색결과 리스트 //////////////////// */
.searchList {
	margin-bottom:10px;
	}

.searchList ol {
	margin:0;
	padding:0;
	list-style:none;
	}

.searchList ol li {
	border-bottom:1px solid #141414;
	}

/* /// 보호글 ///////////////////////////// */
.protectedBody {
	height:150px;
	text-align:center;
	}

.protectedBody .warn {
	margin-top:30px;
	}

.protectedBody input.submitBtn {
	width:50px;
	height:19px;
	}

/*/// 컨텐츠 /////////////////////////////// */

/* 포스트 제목 영역 */
.subject {
	margin-bottom:10px;
	}
/* 등록 날짜 */
.subject .pDate {
	padding-left:3px;
	}

/* 본문 영역 */
.article {
	padding:10px 0 20px;
	}

/* 인용구 스타일 */
blockquote {
	margin:20px 0;
	padding:5px 10px;
	font-size:0.9em;
	color:#a77795;
	letter-spacing:normal;
	border-left:2px solid #4a4a4a;
	}

/* 이미지 블럭 */
.imageblock {
	margin:0 0 15px;
	padding:0;
	border:none;
	}
.imageblock * {
	border:none !important;
	}
.imageblock img {
	padding:5px;
	background-color:#222;
	vertical-align:middle;
	}

/* More/Less 버튼 스타일 */
.moreless_fold {
	background:url(./images/ico_plus.png) left 4px no-repeat;
	margin:0;
	padding-left:20px; 
	} 
.moreless_top  {
	background:url(./images/ico_minus.png) left 50% no-repeat;
	margin:0;
	padding-left:20px; 
	}
.moreless_bottom {
	display:none;
	}
.moreless_fold span, .moreless_top span, .moreless_bottom span{
	background:#000;
	margin:0;
	color:#aaa;
	}
/* 감춰지는 영역 */
.moreless_content {
	background-color:#000;
	margin:0;
	border-top:dashed 1px #333;
	border-bottom:dashed 1px #333;
	}

/* 본문 리스트 스타일 */
.article ul, .article ol {
	margin:0 0 0 15px;
	padding:0;
	}
.article ul li, .article ol li{
	padding:10px 0;
	}

/* 포스트 등록 정보 */
.postInfo {
	background-color:#282828;
	padding:5px 0;
	width:600px;
	height:18px;
	overflow:hidden;
	margin-bottom:30px;
	font-size:0.9em;
	}
.postInfo .filedUnder {
	float:left;
	width:250px;
	padding-left:10px;
	}
.postInfo .cntBtn {
	float:right;
	padding-right:10px;
	width:220px;
	text-align:right;
	
	}
.cntBtn a:link, .cntBtn a:visited {
	color:#999;
	}
.cntBtn a:hover, .cntBtn a:active {
	color:#eee;
	}

.postInfo ul li a {
	border-bottom:1px solid #4d4d4d;
	}
.postInfo ul li a, .postInfo ul li a:visited { color:#bbb; }
.postInfo ul li a:hover, .postInfo ul li a:active { color:#ccc; border-bottom:1px solid #bbb; }


/* /// 댓글, 방명록 리스트 /////////////////// */

/* 댓글, 방명록 리스트 */
.commentList { 
	margin-bottom:20px; 
	}
.guestList { 
	margin-top:20px; 
	}


/* /// 위치 로그 //////////////////// */
.location .place {
	width:600px;
	overflow:hidden;
	color:#808080;
	border-bottom:solid 1px #141414;
	}

.location .info {
	width:600px;
	overflow:hidden;
	border-bottom:solid 1px #141414;
	}

/* 위치에 따른 스타일 */
.location .color0 {color:#808080; font-weight:bold; background-color:#141414; border-bottom:1px dotted #141414;}
.location .color20 {color:#eee;}
.location .color40 {color:#ccc;}
.location .color60 {color:#aaa;}


/* /// 태그 클라우드 (페이지) ///////////////// */
.taglog ul { 
	margin:0;
	padding:5px; 
	text-align:justify;
	}
.taglog li { 
	display:inline; 
	font-family:'Franklin Gothic Medium', Verdana, Sans-Serif; 
	vertical-align:middle;
	}

.taglog li a.cloud1 { font-size: 2.6em; color:#4E63FF;line-height:1.2em; }
.taglog li a.cloud2 { font-size: 2.2em; color:#7F8EFF;line-height:1.2em; }
.taglog li a.cloud3 { font-size: 2em; color:#A4AFFF;line-height:1.2em; }
.taglog li a.cloud4 { font-size: 1.5em; color:#c0c0c0;line-height:1.2em; }
.taglog li a.cloud5 { font-size: 1em; color:#808080;line-height:1.2em; }
.taglog li a:hover { color:#ff69b4; border-bottom:1px solid #333;}
