/*  
Theme Name: simple black
Theme URI: http://www.themespack.com/
Description: wordpress Themes simple black  by <a href="http://www.themespack.com/">Themes Pack</a> |<a href="http://www.wordpres.in/">Blogging tips & tricks</a>
Author: Wonder
Author URI: http://www.wordpresssite.com/

	This theme was designed and built by Wonder themes
                The CSS, XHTML and design is released under GPL
                http://www.opensource.org/licenses/gpl-license.php

*/
@font-face {font-family:NanumGothic; src:url(./images/NanumGothic.eot), dotum;};
div {font-family:NanumGothic, dotum; font-size:12px ;}

body {
	font-family:나눔고딕, NanumGothic, "Malgun Gothic", "맑은 고딕", AppleGothic, dotum; font-size:12px;	
	color: #333;
	background: #ffffff url("images/pattern.png") top center repeat-x;
	margin:0;
	padding:0;

}
a {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
	font-weight:normal;
}
/* 초강제 스타일 시트 */
.another_category{
	border:0px !important;
	margin:0px !important;
}




/* 페이징 - 현재 페이지 */
    .selected     { font-weight:bold;  color:#000;}
    .no-more-prev { background:url(images/ico_prev_no.gif) left 0px no-repeat !important; color:#999;}
	.no-more-next { background:url(images/ico_next_no.gif) right 0px no-repeat !important; color:#999;}

/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:8 NanumGothic, dotum, Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#a1a1a1;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { /*border-left:5px solid #669900;*/
							 padding-left:3px;}
    .rp_admin               {
	margin-left:5px;
	border-right:5px solid #4266b2;
	padding-right:3px;
	text-align:right;
}
    .rp_secret              { color:#555; border-left:5px solid #1451c4;
							 padding-left:3px;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
    .guest_general          { padding-left:0px; padding-top:10px; padding-right:30px; margin-top:10px; margin-left:0px;
								line-height:150%; font-family: NanumGothic, "돋움"; font-size:12px; border:1px solid #eee;}
    .guest_admin            {
	margin-left:5px;
	border-right:5px solid #4266b2;
	padding-right:3px;
	text-align:right;
}

	#guestList li ul li{
	background:#EEE;
	border:1px solid #EEEEEE;
	margin-left:20px;
	}
	
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { background:url(images/ico_secret.gif) no-repeat;  padding-left:10px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
    .cap1                   { font:12px/1.7 NanumGothic, Malgun Gothic, Dotum, AppleGothic, Arial, Verdana, Sans-serif; color:block text-align:center;}
    .cap1                   { font:12px/1.7 NanumGothic, Malgun Gothic, Dotum, AppleGothic, Arial, Verdana, Sans-serif; color:block text-align:center;}

/* 그림 */
    .imageblock             { padding:3px; background-color:#fff;}
/* 왼쪽 */
    .left                   {}
/* 가운데 */
    .center                 {}
/* 오른쪽 */
    .right                  {}
/* 그림 2개 배치 */
    .dual                   {}
/* 그림 3개 배치 */
    .triple                 {}

/* 본문 - more / less */
    .moreless_fold          { background:url(images/ico_more.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           { background:url(images/ico_less.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/ico_less.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

/* 키워드 */ 
    .key1 { cursor: pointer; border-bottom: 0px dashed #ccc; }

    
#wrapbg {
    width: 100%; height: 100%;
    background: url("http://cfs.tistory.com/custom/blog/87/874648/skin/images/vegablog_skin_bg0426.jpg") no-repeat top center;

}    
    
    
    
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
* {
	margin: 0px;
	padding: 0px;
}
hr { display:none;}
.clear { clear:both;}
img { border:0px;}
blockquote      { background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}

/* 공통 - 검색결과, 지역로그, 태그, 방명록 */
.nonEntry               { margin:0px 0px 0px 0px;}
.nonEntry li            { list-style:none;}
.nonEntry h3            { font-size:1.2em; color:#000; border-bottom:1px solid #ccc; padding-bottom:3px; margin-bottom:10px; font-weight:bold;}
.nonEntry h3 strong     { color:#F30; font-weight:bold;}
.nonEntry h3 strong.cnt { color:#999; font-weight:bold;}
.nonEntry ol            { padding:0 5px;}
.nonEntry .date         { font:0.9em NanumGothic, verdana; margin-right:5px;}
.nonEntry .cnt          { font:0.9em NanumGothic, verdana; color:#999;}

/* 검색 결과 리스트 */
#searchList         { padding-bottom:23px;}
#searchList li,
#searchRplist li    { border-bottom:1px dashed #ccc; padding:5px 0 3px 0;}
#searchRplist       { padding-bottom:30px;}
#searchRplist .name { color:#999;}

/* 본문의 태그 */
.tagTrail    { padding:5px; font-size:1em; color:#ccc; font-family: NanumGothic, "돋움"}
.tagText     { font-size:1em; color:#ccc; font-family:NanumGothic, "돋움"}
.tagTrail a  { color:#999; font-size:1em; color:#ccc; font-family:NanumGothic, "돋움"}

/* 트랙백과 댓글 열기 */
.actionTrail .cnt { color:#999;}

/* 트랙백 */
.trackback {  background:transparent url(images/ebg.gif) repeat-x scroll 0%; padding-top:15px; padding-left:10px; border-top:1px solid #e8e8e8; }
.trackback h3{ font-weight:normal; font:0.9em NanumGothic, dotum, verdana; margin-top:5px; padding-bottom:5px;}
.trackback strong { font:1.2em NanumGothic, dotum; font-weight:bold;}
.trackback ol {}
.trackback li { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px; list-style:none;}
.trackback h4 { font-size:1em; font-weight:normal;}
.trackback h4 a { color:#000; text-decoration:underline;}
.trackback .from { font-size:0.9em; color:#666;}
.trackback a.delete      { background:url(images/btn_delete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}
.trackback .date { font:0.9em NanumGothic, dotum, tahoma;}
.trackback p { font-size:0.9em; line-height:150%; color:#999;}


/* 태그 */
#taglog ul                  { padding:5px; margin:0; text-align:justify;}
#taglog li                  { /*display:inline;*/}
#taglog li .cloud1          { background-color:#eee;  color:#729ec4;  font-weight:bold;  font-size:16px;}
#taglog li .cloud2          { background-color:#eee;  color:#78b8c9;  font-weight:bold;  font-size:15px;}
#taglog li .cloud3          { background-color:#eee;  color:#6dbab0;  font-weight:bold;  font-size:14px;}
#taglog li .cloud4          { background-color:#eee;  color:#666;     font-size:13px;}
#taglog li .cloud5          { font-size:12px;  color:#999; }
#taglog a:hover             { background-color:#eee;  color:#000; text-decoration:none;}

#titlebar
{
/*background-image:url(http://cfs.tistory.com/custom/blog/78/784335/skin/images/menu_bar.jpg?=2058264430);*/
padding-left:0px; padding-right:0px;margin: 0px;
/*background: #252525;*/
}


 p {
	padding: 0px 0px 5px ;
	margin: 0px;
} 
h1 {
	margin:0px;
	padding-left: 0px;
	font: bold 32px/100% NanumGothic, dotum, Times New Roman, Helvetica, sans-serif;
	color: #4066af;
	border: none;
}
h1 a, h1 a:visited{
	color: #4066af;
	text-decoration: none;
	border: none;
}
h1 a:hover{
	color: #000000;
	text-decoration: none;
	border: none;
}
h2 {
	font-size:20px;
	line-height:200%;
	color:#4066af;
	margin:0;
	font-family:NanumGothic, dotum, Verdana, "Times New Roman", Arial, Helvetica, sans-serif;
	padding-top: 10;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
h2 a, h2 a:visited {
	color: #4066af;
	text-decoration: none;
}
h2 a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom:1px solid #222222
}
h3 {
	color: #111111;
	margin: 10px 0px 5px;
	background-image:url(images/dots.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	font-family: NanumGothic, Verdana, Tahoma, Arial;
	font-size: 140%;
	font-style: normal;
	line-height: 100%;
	font-weight: normal;
	font-variant: normal;
}
h3 a, h3 a:visited {
	color: #111111;
	text-decoration: none;
}
h3 a:hover {
	color: #000099;
	text-decoration: none;
	border-bottom:1px solid #000099;
}
h4 {
	font: normal 130%/100% NanumGothic, dotum, Trebuchet MS, Tahoma, Arial;
	color: #000000;
	margin: 10px 0px 5px;
	background-image:url(images/dots.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
form {
	margin:0px;
	padding:0px;
}
#page {
	margin: 0px auto;
	width: 1040px;
        overflow:hidden;
/*	background: #ffffff url(images/pbg.jpg);*/
	}
.slider-wrapper{clear: both;
    position: relative;
    width: 1040px;
}
/* header area */

#header {
	position: relative;
	width:1040px;

}
#headerlogo {
	position: relative;
	padding: 0px 0px 0px 0px;
	height: 250;
	width: 1040;
	float:left;

}
#headerrss{
	float:right;
	position:relative;
}
#headerlogo .description{
	position: absolute;
	left: 35px;
	bottom: 0px;
	color: #000000;
	font-size: 12px;
}

#nav {
	list-style: none;
	margin: 0px;
/*	position: absolute;*/
	background:#333333;
    left: 0px;
	bottom:20px;
}
#nav li {
	float:left;
	margin-left:0px;

}
 #nav .current_page_item a:visited{
	color: #ffffff;
	text-decoration: none;
	background:transparent;
	 
}
#nav a{
	color: #ffffff;
	text-decoration: none;
	background:transparent;
	padding: 6px 11px;
	font:  12px/100% NanumGothic, dotum, Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #87b401;
	display: block;
	
}
 #nav .current_page_item a,#nav .page_item a:hover {
	color: #ffffff;
    text-decoration: none;
	background:transparent;
	padding: 6px 11px;
	font:  12px/100% NanumGothic, dotum, VErdana, Arial, Helvetica, sans-serif;
	border-right: 0px solid #87b401;
	display: block;
}
/* content  */
#content {
	float: left;
	width: 770px;
	margin:0px;
	font:  12px/100% NanumGothic, dotum, VErdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	border: none;
	padding: 0px 0px 0 0;	
}

.entry {
	float:left;
	width: 770px;
	font:  12px/100% NanumGothic, dotum, VErdana, Arial, Helvetica, sans-serif;
	padding:0px;
/*	background: url(images/ebg.gif) repeat-x;*/
	/* border: 1px dotted #d5d5d5; */
}
.article{
	text-align:justify;
	width:770px;
	overflow:hidden;
	line-height:100%;
	font-family: NanumGothic, dotum, VErdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}



.article ul, .article ol {
	padding-left:22px;
}
.article a, .article a:visited{
	color: #00749E;
	font: 10px NanumGothic, dotum, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
}
.article a:hover{
	color: #000000;
    font: 10px NanumGothic, dotum, Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
}
.titleWrap{
	border-bottom:1px dashed #CCCCCC;
	padding:10px 0 0 0;
	margin-bottom:5px;
	
}



.post-views {
	color: #000;
}

.post-views-sub{
	color: #959595;
	}


.td_info {
	padding-left: 4px;
}


/* comments  */
#comments, #respond {
	padding: 0px 0 5px 0;
	clear: both;	
}
.commentList {
	margin: 0px 0px;
	padding-left: 0px;
	line-height: 150%;
	padding-right:20px;
	
}
.commentList ol li{
	border-bottom:1px dashed #CCCCCC;
	padding: 10px 0px 10px 0px;
	list-style:none;
}
.commentList ol li ul{
	background-color:#eee;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
}
.commentList .alt {
	background: #ffffff;
	border:1px dotted #eee;
	color:#000000;
}
.commentList .name, #guestList .name {
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
	color: #000;
}
.commentList small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}

#commentform {
	margin-top: 25px;
	font: 110% NanumGothic, dotum, Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
.commentbox {
	width:94%;
	text-align:left;
	padding:12px;
	background-color:#fff;
}
.commentWrite label, #guestWrite label{
	color: #696c69;
	font-size: 100%;
	font-family:NanumGothic, "돋움";
}
.commentWrite input, #guestWrite input{
	width: 200px;
	background:#FFFFFF;
	border: 1px solid #eee;
	padding: 3px;

	margin-top: 3px;
	font-family:NanumGothic, "돋움";
}
.commentWrite .secretWrap, #guestWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}

.commentWrite textarea, #guestWrite textarea{
	width: 700px;
	height: 75px;
	background:#FFFFFF;
	border: 1px solid #eee;
	padding: 2px;
	margin-top: 3px;
	font-family:NanumGothic, "돋움";
}
.commentWrite textarea:focus, #commentWrite input[type="text"]:focus {
	background: #ffffff;
}
.commentWrite #submit, #guestWrite #submit{
	background: #fff ;
	font: bold 12px NanumGothic, dotum, Arial, Helvetica, sans-serif;
	color: #0b2f49;
	border:0px solid #eee;	
    float:left;
	width: 90px;
	height: 28px;
	cursor: pointer;
	font-family:NanumGothic, "돋움";
}
/*sidebar */
#sidebar {
	float: right;
	padding: 0px 0px 0px 0px;
	width: 248px;
	overflow:visible;
	display: inline;
	color :#a1a1a1;
	margin-left:0px;
}
.recentComment, .recentTrackback {
	line-height:150%;
}
/* 태그 목록 */
#sidebar .tagbox ul            { text-align:left; display:inline; }
#sidebar .tagbox li            { background:none; display:inline; padding:0; margin:0; }
#sidebar .tagbox li a          {}
#sidebar .tagbox li .cloud1    { background-color:#f2f2f2;  font-weight:bold;  font-size:1.4em;  color:#729ec4; line-height:200%;}
#sidebar .tagbox li .cloud2    { background-color:#f2f2f2;  font-weight:bold;  font-size:1.3em;  color:#78b8c9; line-height:200%;}
#sidebar .tagbox li .cloud3    { background-color:#f2f2f2;  font-weight:bold;  font-size:1.2em;  color:#6dbab0; line-height:200%;}
#sidebar .tagbox li .cloud4    { background-color:#f2f2f2;  font-size:1.1em;  color:#666; line-height:200%;}
#sidebar .tagbox li .cloud5    { font-size:1em;  color:#888; line-height:200%;}	
#sidebar .tagbox a:hover       { background-color:#ddd;  text-decoration:none;  color:#000; line-height:200%;}


#box{
	width:320px;
	padding:0px; 
	background:#ffffff;
	}
#info{
	width:305px;
	font-size:11px;
	margin:0 0 0 0;
	padding:0px 5px 5px 5px; 
	background:url(images/ebg.gif) repeat-x; 
	border:#d6dcb4 1px dotted;
	color: #111111;
}
#info a {
	font-size:11px;
}
.info_wrap, #info_wrap {
	font-size:11px;
	color:#888;
	letter-spacing:0px;
}

/*Feedburner */

#sidebar h2, #rsidebar .rsidebartitle{
	margin:0px 0 0px 0; 
	padding:0; 
	font-size:17px; 
	font-family:NanumGothic, dotum, Trebuchet MS, verdana, arial, helvetica, sans-serif; 
	color:#a1a1a1;
}
/*sidebar title  */

#sidebar h3, #lsidebar .lsidebartitle{
	margin:20px 0 0px 0;
	padding:0 0 0px 0;
	font-size:16px;
	font-family: NanumGothic, verdana, arial, "Trebuchet MS", sans-serif;
	color:#a1a1a1;
	/*border-bottom:#ccc solid 1px;*/
	font-weight:normal;
	/*font-style:oblique;*/
    letter-spacing:0px;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
	color: #000000;
	text-decoration: none;
	font-family: NanumGothic, dotum, Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	line-height:170%;
}
#sidebar a:hover{
/*	color: #000000;
    font: 12px "Verdana", Geneva, Arial, sans-serif;
	text-decoration: none;*/
    
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
	margin-bottom:2px;
	overflow:visible;
	width:248px;
}

#sidebar li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	background: url(images/arrow.gif) no-repeat !important;
	padding-left: 0px !important;
	width:248px;
}

#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	background: url(images/arrow.gif) no-repeat !important;
	padding-left: 12px !important;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding:0;
	padding-bottom:2px;
	margin: 0;
		
}
#sidebar ul li ul li{
	
}
/*sidebar list level3 */
#sidebar ul li ul li ul{
/*	background: url(images/arrow.gif) no-repeat !important;*/
/*	padding-left: 12px !important*/

}
#sidebar ul li ul li ul li{
	padding: 0px 0 0px 0px;
	border: none;
	/*display:inline;*/}
/*arrow image */
#sidebar .link ul li, .recentComment ul li, .recentPost ul li, .recentTrackback ul li, .archive ul li{
	background: url(images/arrow.gif) no-repeat !important;
	padding-left: 12px !important;
}

/*카운터설정*/
.side_counter {
	font:11px/16px NanumGothic, dotum, georgia, tahoma;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
/*	border: 1px dashed #aaa;*/
	margin-top: 20px;
	background: #ebebeb;
	color: #a1a1a1;
	margin-bottom: 20px;
	text-align: center;
	}

/*search form */
#bsearch{
	height: 30px;
	font-size:11px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#searchform {
	height:0px;
	line-height:100%;
	padding-top:0px;
	margin:0;
	}
#searchform br {
	display: none;
}
#searchbox {
	width: 130px;
	height: 18px;
	padding: 0px 0px 0px 0px;
	border:#aaaaaa 2px solid;
	margin-right: 0px;
	color: #000;
	font-weight: normal;
	font-family:8px NanumGothic, Dotum, Arial, Helvetica;
	text-align:center;
	margin-top:23px;
}
/* search form button - to specify button only use input[type="submit"] */
#searchsubmit {
	background:#000;
	border:2px solid #000;
	width: 70px;
	height: 21px;
	font: 12px NanumGothic, Dotum, Arial, Helvetica, sans-serif bold;
	color: #fff;
	vertical-align: top;
	margin-top:23px;
}
/* page close */
#close {
	clear: both;
	background: #ffffff;
	line-height: 150%;
	padding-bottom: 0px;
	
	
}
#paging {text-align:center;}

/* footer bar */

#footer {
	background-color:#FFF;
	color: #222222;
	width: 1000px;
	margin: 10px auto 0px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	float:both;
	}
	
#footer a, #footer a:visited{
	color: #222;
	text-decoration: none;
	}
	
#footer a:hover{
	text-decoration: none;
	}

.fl {
	float:left;
	width:780px;
	padding:10px 0 0 0px;
}
.fl strong.tit,
.fr strong.tit {
	text-align:left;
	display:block;
	padding:2px 0 12px 0px;

}
.youtube-box {
	overflow:hidden;
	width:780px;
	padding:16px 0 0 0;
}
.youtube-box .youtube {
	float:left;
	overflow:hidden;
	width:445px;
	height:305px;
}
.youtube-box ul {
	float:right;
	width:325px;
	margin:0px 0 0;
}
.youtube-box ul li {
	overflow:hidden;
	padding:3px 0 0;
	width:325px;
}
.youtube-box ul li.on {
	position:relative;
}
.youtube-box ul li.on img.over {
	position:absolute;
	top:9px;
	left:0;
}
.youtube-box ul li .img {
	float:left;
	overflow:hidden;
}
.youtube-box ul li .img img {
	width:120px;
	height:88px;
}
.youtube-box ul li .info {
	float:right;
	width:83px;
	margin:3px 0 0;
	line-height:15px;
}
.youtube-box ul li .info span {
	overflow:hidden;
	height:43px;
}
.youtube-box ul li .info a {
	color:#333;
}
.youtube-box ul li .info strong {
	display:block;
	padding:0 0 7px;
}
	
@charset "utf-8";
/* CSS Document */