@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.6em malgun, Verdana,dotum, AppleGothic, Sans-serif;
	color:#333;
	}

/* 공통 링크 스타일 */
a {text-decoration:none;}
a:link, a:visited { color:#91556d;}
a:hover, a:active { color:#333399;}

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


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

/* 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:67px; text-align:center;}
	#mBody{background: url(./images/bg_content.gif) center 0 repeat-y; width:100%; clear:both; padding-top:50px;}
	#contentColumn {float:left; display:inline; width:520px; padding:0 0 0 80px; overflow:hidden;}
	#sideBar {float:left; display:inline; width:160px; padding:0 0 30px 50px; overflow:hidden;}
	#footer {
            background:url(./images/bg_footer.png) center 0 no-repeat; clear:both; width:880px; height:185px;position:relative;
                 }


/*========================================== 글꼴 ////// */

/* 본문제목 */
h1 { 
     margin-top:40px;
     margin-bottom:0px;
     font:bold 1.4em malgun, Verdana, Sans-Serif, dotum,;
     letter-spacing:-1px;
     
   }
h1 a:link, h1 a:visited {text-decoration:none;color:#666;}
h1 a:hover, h1 a:active {color:#333;}

/* 댓글 이름 */
h2 { margin:0 0 5px;
     font:bold 1.2em malgun, dotum;
     letter-spacing:-1px;
     color:#acb7b6;
   }
h2 a:link, h2 a:visited {color:#b77695;}
h2 a:hover, h2 a:active {color:#b6447c;}

/* 검색결과 타이틀, 사이드바 타이틀 */
h3 { 
     font:bold 0.9em Verdana, Sans-Serif;
     letter-spacing:-1px;
     color:#787878;
   }

/*트랙백 타이틀 */
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:520px;
	  overflow:hidden;
	  line-height:1.7em;
	  text-align:justify;
	  letter-spacing:0px;
	  border-top:1px solid #b4b4b4;  /*제목 아래쪽 구분선*/ 
	}
.article a:link, .article a:visited {text-decoration:none}/*본문 링크 밑줄*/
.article a:hover, .article a:active { color:#333399;text-decoration:underline}

/*작은글꼴1*/
.smallText {
	font:0.75em 'Franklin Gothic Medium', myriad, tahoma;/*제목하단 포스팅,댓글 날짜 서체*/
	color:#4a4a4a;
	letter-spacing:0;
	} 
.smallText a:link, .smallText a:visited  {
	color:#666;
	}
.smallText a:hover, .smallText a:active { /*댓글후 메뉴 마우스 오버시 색깔*/
	background-color:#ffccff;
	color:#000;
	}

/*작은글꼴2*/
.smallText2 {
	font:0.8em 'Franklin Gothic Medium', dotum, tahoma;
	letter-spacing:0;
	}/*최하단 메뉴 홈 공지 라이센스등..서체*/

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


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

/* /////////////////// 타이틀 //////////////////// */

/*타이틀 이미지가 삽입되는 영역*/
.blogTitle { height:120px; }

/* 타이틀 로고를 텍스트로 할 경우*/
.blogTitle h1 {
	font:26px 'Trebuchet MS', Verdana, Sans-Serif;
	}
.blogTitle h1 a:link, .blogTitle h1 a:visited {
	color:#c0c0c0;
	}
.blogTitle h1 a:hover, .blogTitle h1 a:active {
	color:#eee;
	}
.desc {
	font-family:'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
         font-size:10px;
	line-height:20px;
	color:#a0a0a0;
	}

/* 타이틀 로고 이미지로 할 경우 */
/*
.btn_title {
	background:url(./images/btn_title.png) 0 0 no-repeat;
	width:130px;
	height:47px;
	}
*/

/* /// 블로그 메뉴 (Home, Notice, guest book...)//////// */
.tabMenu {
	font-family:'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
	font-size:12px;
         line-height:0px; color:#000;/*메뉴와 본문의 경계*/
         }
.tabMenu *{
	margin:0px;
	padding:0px;
	}
.tabMenu ul {
	text-align:center;
	}
.tabMenu ul li {
	margin:0px 1px; /*메뉴박스 사이간격*/ 
	display:inline;
         background-color:#303030; /*박스색*/
	border:1px solid #6E6E6E;/*박스 테두리*/
	}

.tabMenu ul li a:link, .tabMenu ul li a:visited {url(./images/bg_tab.gif) repeat-x;
	padding:1px 6px 5px;
	font: 12px 'Franklin Gothic Medium', myriad, tahoma;
	text-decoration:none; color:#b4b4b4; /*메뉴글자색깔*/
	}

.tabMenu ul li a:hover {
	background-color:#f5deb3; color:#000/*마우스 오버시 박스색깔,글자색깔*/
         
	}

/* 활성화된 메뉴 글꼴 */
#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
	{
	background-color:#fff5ee;color:#800000;
	}

/* 활성화된 메뉴 탭 스타일 */
#tt-body-page .tabMenu ul li.tab_page,
#tt-body-search .tabMenu ul li.tab_page,
#tt-body-archive .tabMenu ul li.tab_page,
#tt-body-category .tabMenu ul li.tab_page,
#tt-body-entry .tabMenu ul li.tab_page,
#tt-body-location .tabMenu ul li.tab_location,
#tt-body-tag .tabMenu ul li.tab_tag,
#tt-body-notice .tabMenu ul li.tab_notice,
#tt-body-guestbook .tabMenu ul li.tab_talk
	{
	background:none;
	}

/* === [ Content Column ] ========================================= */

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

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

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

/* /// 보호글 ///////////////////////////// */
.protectedBody {
	height:150px;
	text-align:center;
	}

.protectedBody .warn {
	margin-top:30px;
	}

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

/*/// 컨텐츠 /////////////////////////////// */

/* 관리자 메뉴 */
.admin {
	margin-bottom:20px;
	}
.adminMenu {
	background-color:#f4f4f4;/*관리자메뉴 박스 색깔*/
	padding:5px;
	font-size:0.9em;
	border:1px dashed #333;/*관리자메뉴 박스테두리 색*/

	}
.adminMenu a:hover {
	/*background-color:#99FF00;*/ color:#000;/*마우스 오버시 박스,글 색깔*/
	}

/* 포스트 제목 영역 */
.subject {
	margin-top:0px;
         margin-bottom:0px;
	}
/* 등록 날짜 */
.subject .pDate {
	padding-left:3px;
	}

/* 본문 영역 */
.article {
	padding:20px 0 20px;
	}

/* 인용구 스타일 */
blockquote {
	margin:20px 0;
	padding:5px 10px;
	font-size:0.9em;
	color:#a77795;
	letter-spacing:-1px;
	border-left:2px solid #4a4a4a;
	}

/* 이미지 블럭 */
.imageblock {
	margin:0;
	padding:0;
	border:none;
	}
.imageblock a {
	border:none;
	}

/* pre 태그 속성 */
pre {
	background-color:#f1f1f1;
	margin-top:5px;
	padding:10px 8px 20px 8px;
	width:520px;
	overflow:auto;
	overflow-y:hidden;
	font:0.9em 'Franklin Gothic Medium', myriad, tahoma;
	letter-spacing:0;
	color:#a77795;
	border:1px solid #ddd;
	}

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

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


/*Eolin Plug-in */
.EolinBmVote {  
              /*border-top:1px dashed #ddd;*/   
              padding:70px 0 0 0 !important;   
              text-align:right !important;   
              font-size:0.9em;
             }
.EolinBmVote img {display:none;}

/* Bookmark Button */

.EolinBookmarkBtn a:link,.EolinBookmarkBtn a:visited,
.EolinBookmarkBtn a:hover,.EolinBookmarkBtn a:active{ 
background: url(./images/new_2.gif) 0 0 no-repeat;  padding: 0 0 0 15px; } 

/* Vote Button */

.EolinVoteBtn a:link,.EolinVoteBtn a:visited,
.EolinVoteBtn a:hover,.EolinVoteBtn a:active{ 
background: url(./images/vote.gif) 0 0 no-repeat;  padding: 0 0 0 13px; }

/* 포스트 등록 정보 */
.postInfo {
	
	padding:5px 0;
	width:520px;
	height:18px;
	overflow:hidden;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}
.postInfo ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.postInfo ul li{
	background: url(./images/bullet_postInfo.gif) 0 50% no-repeat;
	margin:0 10px 0 0;
	padding-left:15px;
	display:inline;
	font-size:0.9em;
	letter-spacing:0px;
	color:#4d4d4d;
	}
/*.postInfo ul li a {border-bottom:1px solid #4d4d4d;}*//*태그부분 밑줄*/
.postInfo ul li a, .postInfo ul li a:visited {color:#4d4d4d;}
.postInfo ul li a:hover, .postInfo ul li a:active { color:#000; }

/* 포스트 등록 정보 중 댓글,트랙백 버튼부분 */
.cntBtn { 
	margin:10px 0 50px;
	}
.cntBtn a:link, .cntBtn a:visited {
	color:#999;
	border:none;
	}
.cntBtn a:hover, .cntBtn a:active {
	color:#303030;
		}

/* =========================== 트랙백 ///// */

/* 내 트랙백 주소 */
.trackbackUrl {
	background:url(./images/bullet_uri.gif) 4px 6px no-repeat;
	margin:0;
	padding:0 0 0 20px;
	font-size:0.9em;
	}
.trackbackUrl span.url {
	text-decoration:none;
	}

/* 트랙백 리스트 */
.trackback {
	margin-bottom:30px;
	border-bottom:1px dashed #333;
	}
.trackback ol {
	margin: 35px 20 20px 0;
	padding:0;
	list-style:none;
	}
.trackback ol li{
	
	padding:35px 10px;
	}
.trackback ol li p {
	margin: 25px 0 8px;
	padding:0;	
	}
	
/*========================================== 댓글, 방명록 리스트 ///// */

/* 댓글, 방명록 리스트 */
.commentList { font:0.95em malgun,'Trebuchet MS', verdana, myriad, tahoma;
	margin-bottom:20px;

	}
.guestList { 
	margin-top:20px; 
	}

.commentList ol, .guestList ol {
	background-color:#fff;
	margin:20px 0 0 0;
	padding:0;
	list-style:none; 
	}
.commentList ol li, .guestList ol li {
	margin:0;
	padding:5px 10px;
	border-bottom:solid 1px #efefef; /*댓글사이 구분 선*/
	}
.commentList ol li p, .guestList ol li p {
	margin: 18px 0 8px;
	}

/*내 답변 부분 */
.commentList ol li.odd, .guestList ol li.odd {
	background:#f4f4f4;
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #efefef;
	}

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

.writer { margin:5px 0;}

/* 입력 칸 라벨 */
label {
	padding-left:2px;
	width:85px;
	font:0.8em tahoma;
	}
label span {
	color:#b4b4b4;
	}

/* 등록자 정보 입력 폼 */
input{
	background-color:#fff;
	padding:2px 5px 0 5px;
	width: 150px;
	height:15px;
	font-size:11px;
	color:#808080;
	border:1px solid #ccc;
	}
/* 글 입력상자 */
textarea {
	margin-top:10px;
	padding:5px;
	width:466px;
	height:100px;
	overflow:auto;
	border:0px solid #333;
	background:#fff;
	font:11px malgun, verdana, dotum;
	color:#000;
	}
/* 비밀글 체크박스 */
.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:45px;
	height:20px;
	color:#808080;
	}


/* ================================================= 위치 로그 ///// */
.location .place {
	width:520px;
	overflow:hidden;
	color:#808080;
	border-bottom:solid 1px #cccccc;
	}

.location .info {
	width:520px;
	overflow:hidden;
	border-bottom:solid 1px #cccccc;
	}

/* 위치에 따른 스타일 */
.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; 
	}

.taglog li a.cloud1 { font-size: 2.2em; color:#8f517a;line-height:1em; }
.taglog li a.cloud2 { font-size: 2.0em; color:#89667d;}
.taglog li a.cloud3 { font-size: 1.8em; color:#74616d;}
.taglog li a.cloud4 { font-size: 1.5em; color:#706c6f;}
.taglog li a.cloud5 { font-size: 1em; color:#575757;}
.taglog li a:hover { background-color:#98fb98; text-decoration:none; color:#000;}

/* ============================================ 페이지 네비게이션  ////// */
.paging {
	margin:50px 0 70px;
	font:0.8em tahoma;
	color:#a0a0a0;
	}

.paging a:link, .paging a:visited{
	color:#a0a0a0;
	}
.paging a:hover {
	 color:#000;
          /*background-color:#FFCCFF;*/ /*마우스 오버시 박스색깔*/
	}


/* 페이지 네비게이션 (활성화) */
.paging .selected {
	font-size:1.2em ; color:#FF0066;
	border-bottom:1px solid #FF0066;
	}


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

/* ============================================= 검색 폼 ///// */
.searchForm .sInput {
	background-color:#F4F4F4;
	padding-top:3px;
	width:120px;
	height:14px;
	border:1px solid #ddd;
	}
	
/*  검색 버튼 */
.searchForm .searchSubmit {
	background:url(./images/btn_search.gif) 50% 50% no-repeat;
	margin-left:3px;
	width:20px;
	height:20px;
	border:none;
	}

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

.tagbox a { letter-spacing:-1px;}	
.tagbox li a.cloud1 { font-weight:bold; font-size:1.3em; color:#8f517a;}
.tagbox li a.cloud2 { font-weight:bold; font-size:1.2em; color:#89667d;}
.tagbox li a.cloud3 { font-weight:bold; font-size:1.1em; color:#74616d;}
.tagbox li a.cloud4 { font-size:1em; color:#706c6f;}
.tagbox li a.cloud5 { font-size:0.9em; color:#575757;}	
.tagbox a:hover { background-color:#98fb98; text-decoration:none; color:#000;}


/*===================================== 카테고리 리스트 /////// */

/* 분류 전체보기 부분 */
.category ul {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	}
.category ul li {
	margin:0;
	list-style:none;
	font-size:0.9em; 

	}
.category ul li a {
	display:block;
	padding:0; 
	}
.category ul li a:link, .category ul li a:visited {	
	color:#808080;
	}
.category ul li a:hover, .category ul li a:active{
	background-color:#99FFFF; /*마우스 오버시 전체보기 메뉴의 바탕색*/
	color: #000;
	}

/*///////////////////// 1단 분류 */
.category ul li ul {
	margin:0;
	border-top:1px solid #cccccc;/*전체보기 아래줄 컬러*/
	}
.category ul li ul li{
	font: bold 1em arial;
	letter-spacing:0;
	border-bottom:1px solid #efefef;/*나머지보기 아래줄 컬러*/
	}
.category ul li ul li a {
	padding:2px 0;
	height:16px;
	display: block;
	line-height: 14px;
	}
.category ul li ul li a:link, .category ul li ul li a:visited {
	color:#91556D;
	}
.category ul li ul li a:hover, .category ul li ul li a:active{
	background-color:#CCFFFF;/*나머지보기 바탕색*/
	color: #660066;
	}

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

/* 활성화된 스타일 */

.category ul li ul .selected a {
         background:#99FFFF;
         }
.category ul li ul li .selected a {
	background:#99ffff url(./images/bullet_arrow.gif) 0 50% no-repeat;
	}

/* 카테고리 등록 글 수  */
.c_cnt { 
	font:0.9em tahoma; 
	color:#cb89b3;
	}


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

.recent ul li { 
	font:0.9em/1.1em malgun, verdana,Sans-Serif,;
	color:666; 
	}
.recent ul li a:link, .recent ul li a:visited {
         padding: 1px 0 0 0;
	width:155px;
	overflow:hidden;
	color:#666;
	}

.recent ul li a:hover, .recent ul li a:active {
	background:#CCFFFF;
	color:#000;
	}

.recent ul li a{overflow:hidden;
	height:28px;
	display:block;
	}
.recent a:link .sbName, .recent a:visited .sbName {color:#a0a0a0; font-size:0.8em; }
.recent a:hover .sbName, .recent a:active .sbName {color:#666;}
.recent a:link .sbDate, .recent a:visited .sbDate {color:#a0a0a0; font-size:0.8em;}
.recent a:hover .sbDate, .recent a:active .sbDate {color:#666;}
.recent a:link .cnt, a:visited .cnt { color:#999; font-size:0.75em; }
.recent a:hover .cnt, .recent a:active .cnt {color:#000;}

/* =========================================================== 달력 /////// */
.calendar table { 
	        padding:0;
	        font:0.75em 'Franklin Gothic Medium', Verdana, Sans-Serif;
	        border-bottom:1px solid #CCCCCC; /*아래줄*/
                 }

.cal_week1, .cal_week2, .cal_day  {text-align:center;} /*셀 정렬*/
.cal_month { padding-left:4px; text-align:right;} /* 달 표시 부분 */
.cal_week1, .cal_week2 {height:15px;	background-color:#EFEFEF;} /* 요일 표시 부분 */
.cal_week {height: 15px;} /*각 날짜 */
.cal_day4 {background-color:#e6e6fa; color:#000} /*오늘 날짜 */

/* 링크 스타일 */
a.cal_click:link, a.cal_click:visited {color:#993399; text-decoration:none;}
a.cal_click:hover, a.cal_click:active {color:#ff007d; font-size:1.2em;}


/* =============================================== 방문자 카운터 /////// */

.counter {font:0.8em/1.2em 'Franklin Gothic Medium', Verdana, Sans-Serif;
	 margin-top:10px;
          margin-left:1px;
          color:#666;
	}


/*================================================ RSS 버튼 ///////*/
.btn_rss {
	background: url(./images/btn_rss.gif) left 50% no-repeat;
	margin:15px 0 0 0;
	padding:2px 0 0 15px;
	width:70px;
	color:#666;
	}


/* === [ Footer ] ================================================ */
/*//////////////////////// 라이센스 ///////////////////////// */
.copyright {
	padding-top:40px;
	text-align:center;
	color:#646464;
	}

.copyright a:link, .copyright a:visited {
	color:#808080;
	}
.copyright a:hover, .copyright a:active {
	background-color:#000;
	color:#ffcc66;
	}
/*태터툴즈 버튼*/
.btn_tt {
	float:left;
	background:url(./images/btn_tattertools.gif) top left no-repeat;
	margin:2px 10px 0 0;
	width:39px;
	height:39px;
	}