@charset "utf-8";

/*

컬러셋

전체배경 fafae9
글자색, 탑메뉴 배경 292929
border색 c2c0b9
연한 border색 d3d2c5

푸른색 포인트 2198ab
날짜색 adaba1

*/

body{
	margin: 0;
	background-color: #fafae9;
	font:12px "나눔고딕", "NanumGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "Arial", "Verdana";
	text-align: center;
}

a:link	{color:#292929; text-decoration: none;}
a:hover	{color:#292929; text-decoration: none;}
a:visited	{color: #292929; text-decoration: none;}
a:active	{color: #292929; text-decoration: none;}

/* 공통요소 */
ul, ol	{list-style: none; padding: 0; margin: 0;}
input, textarea	{font-size:12px; outline: none;}
img	{border: none;}
h1, h2, h3, h4, h5	{padding: 0; margin: 0;}
.png24	{tmp:expression(setPng24(this));}


/* layout */
#header{
}
	#topMenuWrap{
		background-color: #292929;
	}
		#topMenu{
			margin: 0 auto;
			width: 1000px;
			text-align: left;
		}
	#titleWrap{
		position: relative;
		margin: 15px auto;
		width: 1000px;
		text-align: left;
	}
#wrapper{
	margin: 0 auto;
	padding-top: 15px;
	width: 1000px;
	border-top: 1px solid #c2c0b9; 
	text-align: left;
}
	#content{
		width: 660px;
		float: left;
	}
	#sidebar{
		width: 300px;
		float: right;
	}
#footer{
	clear: both;
	margin: 0;
	padding: 0;
	background-color:#292929;
}
	#copyright{
		margin: 0 auto;
		padding: 25px  0 25px 80px;
		width: 920px;
		background: url(./images/bgCopyright.gif) no-repeat;
		text-align: left;
	}

/* header */

#topMenu a{
	display: block;
	padding: 15px;
	font: 11px Arial;
	text-transform: uppercase;
	color: #fafae9;
	float: left;
}

#header h1{
	padding-left:15px;
}

.search{
	position: absolute;
	top:8px;
	right: 15px;
}
.search input.searchinput{
	padding:5px;
	width:260px;
	border:1px solid #d3d2c5;
	background-color: #f3f3e4;
	font-size: 11px;
}


/* entry */
.titleWrap{
	padding:0 0 15px 15px;
	border-bottom:1px solid #c2c0b9;
}
.titleWrap h2{
	margin-bottom:5px;
	font: 18px "나눔고딕", "NanumGothic Bold", "맑은 고딕", "Malgun Gothic";
}
.titleWrap .date{
	font:14px Georgia;
	color:#adaba1;
}
.titleWrap .category a{
	color:#2198ab;
}
.admin{
	padding:8px 15px;
	border-bottom:1px dotted #c2c0b9;
}

.article{
	margin:15px;
	font-size:13px;
	line-height: 180%;
	overflow: hidden;
}
.article img{
	max-width: 630px;
	height: auto;
}

.tagTrail{
	margin-left: 15px;
	margin-bottom:10px;
	line-height: 160%;
}
.tagTrail .tagText{
	padding:3px 5px;
	background-color: #292929;
	font:10px Verdana;
	text-transform: uppercase;
	color:#fafae9;
}

.actionTrail{
	padding:10px 15px;
	border-top:1px solid #c2c0b9;
	border-bottom: 1px solid #c2c0b9;
	font:12px Georgia;
}
.actionTrail .and{
	color: #adaba1;
}
.actionTrail .cnt{
	font-size:14px;
	color:#ff6600;
}

.trackback{
}
.trackback .trackbackAdd{
	padding:10px 15px;
	font:10px Verdana;
	text-transform: uppercase;
	border-bottom:1px solid #d3d2c5;
}
.trackback ol{
	list-style: decimal;
	padding: 5px 0 5px 40px;
	border-bottom:1px solid #c2c0b9;
}
.trackback ol li{
	padding:5px 0;
}
.trackback ol li .name{
	color: #adaba1;
}
.trackback ol li .date{
	font:12px Georgia;
	color: #adaba1;
}
.trackback ol li a.del{
	font:10px Verdana;
	color: #adaba1;
}

.comment{
}
.commentList{
}
.commentList ol{
	padding:15px 0;
	border-bottom:1px solid #c2c0b9;
}
.commentList ol li{
}
.commentList ol li .commentInfo{
	position: relative;
	padding-top:10px;
	height:26px;
	background: #f3f3e4 url(./images/blogIcon.gif) no-repeat;
}
.commentList ol li img{
	position: absolute;
	left:0;
	top:0;
	width: 36px;
	height: 36px;
	background: #FFF;
}
.commentList ol li ul{
	margin-left:45px;
}
.commentList ol li ul li{
}
.commentList .name{
	padding-left:45px;
	font:bold 14px "나눔명조", "NanumMyeongjo", "바탕", "Batang";
}
.commentList .date{
	font:12px Georgia;
	color:#adaba1;
}
.commentList .date a{
	color:#adaba1;
}
.commentList .control a{
	font:10px Verdana;
	color:#adaba1;
}
.commentList p{
	margin: 0;
	padding:10px 0 10px 45px;
	line-height: 160%;
}
.commentList p img{
	position: fixed;
	width: auto;
	height: auto;
}

.commentWrite{
	position: relative;
	padding: 15px;
	width: 630px;
	border-bottom:1px solid #c2c0b9;
	font:10px Verdana;
}
.commentWrite input.input{
	padding:5px;
	width:150px;
	border:1px solid #d3d2c5;
	background-color: #f3f3e4;
}
.commentWrite input.input_on{
	padding:5px;
	width:150px;
	border:1px solid #ff6600;
	background-color: #f3f3e4;
}
.commentWrite .textarea{
	padding:5px;
	width:400px;
	height:130px;
	border:1px solid #d3d2c5;
	background-color: #f3f3e4;
}
.commentWrite .textarea_on{
	padding:5px;
	width:400px;
	height:130px;
	border:1px solid #ff6600;
	background-color: #f3f3e4;
}
.commentWrite a.submit{
	display: block;
	position: absolute;
	bottom: 17px;
	left:321px;
	padding:3px;
	width:100px;
	background-color: #292929;
	color:#FFF;
	text-align: center;
}
.commentWrite a:hover.submit{
	background-color: #ff6600;
}


/* nonEntry */
#searchList h3, #searchRplist h3{
	padding:0 0 15px 60px;
	margin-bottom:5px;
	background: url(./images/bgSearchListH3.gif) no-repeat 15px top;
	border-bottom:1px solid #c2c0b9;
	font: 18px "나눔고딕 Bold", "NanumGothic Bold", "맑은 고딕", "Malgun Gothic";
}
#searchList h3 .info, #searchRplist h3 .info{
	display: block;
	font-size: 14px;
	color: #adaba1;
}
#searchList h3 .cnt, #searchRplist h3 .cnt{
	font: 18px Georgia;
	color: #2198ab;
}
#searchList ol, #searchRplist ol{
	padding:10px 15px 10px 40px;
	list-style: decimal;
	border-bottom: 1px solid #c2c0b9;
}
#searchList ol li, #searchRplist ol li{
	padding:5px 0;
}
#searchList ol li .date, #searchRplist ol li .date{
	font:italic 12px Georgia;
	color: #adaba1;
}
#searchList ol li .cnt, #searchRplist ol li .cnt{
	font:14px Georgia;
	color: #ff6600;
}
#searchRplist ol li .author{
	color: #adaba1;
}

#taglog h3, #localog h3{
	padding:0 0 15px 15px;
	margin-bottom:5px;
	border-bottom:1px solid #c2c0b9;
	font:18px Arial;
}
#taglog ul{
	padding:15px;
	border-bottom:1px solid #c2c0b9;
}
#taglog li	{background:none;  display:inline;}
#taglog a	{padding:3px 5px; color: #adaba1;}
#taglog a:hover	{color:#333; text-decoration:underline;}	
#taglog li a.cloud1	{color:#FF6600;}
#taglog li a.cloud2	{color:#2198ab;}
#taglog li a.cloud3	{color: #292929;}
#taglog li a.cloud4	{color: #c2c0b9;}
#taglog li a.cloud5	{}


#entryProtected .protectedBody{
	margin-top: 15px;
	padding-left: 80px; 
	padding-bottom: 15px;
	background: url(./images/bgProtected.gif) no-repeat 15px 0;
}
#entryProtected input{
	padding:5px;
	width:150px;
	border:1px solid #d3d2c5;
	background-color: #f3f3e4;
}
#entryProtected input.submit{
	width: 100px;
	background-color: #292929;
	border:1px solid #292929;
	color: #FFF;
	cursor: pointer;
}
#entryProtected p{
	padding: 0;
	margin: 0 0 10px;
}



/*paging*/
#paging{
	padding:15px 0;
	width:660px;
	font:18px Georgia;
	text-align: center;
}
#paging a{
	color: #adaba1;
}
#paging a.prev{
	display: block;
	float:left;
}
#paging a.next{
	display: block;
	float:right;
}
#paging a span.selected{
	color:#ff6600;
}
#paging .numbox{
}
#paging a.num{
	padding:0 3px;
}
#paging a:hover{
	color: #292929;
}


/* sidebar */
#about{
	height: 260px;
	background: url(./images/bgAbout.gif) no-repeat;
}
#about h3{
	padding-top:20px;
	padding-left: 10px;
	font:34px Georgia;
	color: #adaba1;
}
#about p{
	display: none;
}
#rss{
	margin-bottom: 30px;
	border-top: 1px solid #c2c0b9;
}
#rss a{
	display: block;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #c2c0b9;
	font:14px Georgia;
}
#rss a.rss{
	background: url(./images/bgRss.gif) no-repeat 260px center;
}
#rss a.twitter{
	background: url(./images/bgTwitter.gif) no-repeat 260px center;
}


#sidebarElements h3{
	margin-bottom: 5px;
	font:16px Georgia;
	color: #adaba1;
}
#sidebar ul{
	margin-bottom: 20px;
	border-top:1px solid #d3d2c5;
}
#sidebar ul li{
	padding:8px 0;
	border-bottom:1px solid #d3d2c5;
}
#sidebar ul li .cnt, .c_cnt{
	font: 12px Georgia;
	color: #adaba1;
}
#sidbebar .module{
	margin-bottom: 20px;
}

#category{
}
#category ul{
	padding-bottom: 8px;
	border-bottom:1px solid #d3d2c5;
}
#category ul li{
	padding: 8px 0 0;
	border-bottom: none;
}
#category ul li ul{
	margin-bottom: 0;
	padding-bottom: 0;
	border-top:none;
	border-bottom: none;
}
#category ul li ul li{
	margin-top:8px;
	border-top:1px solid #d3d2c5;
}
#category ul li ul li ul{
	margin-left: 25px;
}
#category ul li ul li ul li{
	margin-top:5px;
	padding-top:5px;
	border-top: none;
}

#recentComment .name, #recentTrackback .name{
	color: #adaba1;
}
#recentComment .date, #recentTrackback .date{
	font-family: Georgia;
}


#counter{
	margin-bottom: 20px;
	padding: 10px;
	background-color: #f3f3e4;
	font:12px/160% Arial;
	text-transform: uppercase;
	color: #adaba1;
}
#counter .cnt{
	font-family: Georgia;
}
#counter .total .cnt{
	color: #ff6600;
	font-size: 18px;
}
#counter .today, #counter .yesterday{
	font-size: 10px;
}
#counter .today .cnt{
	font-size:12px;
	color: #2198ab;
}
#counter .yesterday .cnt{
	font-size:12px;
}




/* footer */
#copyright p{
	padding: 0;
	margin: 0;
	color: #fafae9;
	font:11px/160% Georgia;
}
#copyright p a{
	color: #fafae9;
}
#bottomMenu{
	float:right;
}
#bottomMenu a{
	display: block;
	padding-right:5px;
	height: 27px;
	float:left;
}
#bottomMenu a.blog{
	width: 55px;
	background: url(./images/bmBlog.gif) no-repeat;
}
#bottomMenu a.notice{
	width: 65px;
	background: url(./images/bmNotice.gif) no-repeat;
}
#bottomMenu a.tags{
	width: 55px;
	background: url(./images/bmTags.gif) no-repeat;
}
#bottomMenu a.location{
	width: 104px;
	background: url(./images/bmLocation.gif) no-repeat;
}
#bottomMenu a.guestbook{
	width: 91px;
	background: url(./images/bmGuestbook.gif) no-repeat;
}
#bottomMenu a:active.blog, #bottomMenu a:active.notice, #bottomMenu a:active.tags, #bottomMenu a:active.location, #bottomMenu a:active.guestbook{
	background-position: 0 -27px;
}
#bottomMenu a span{
	display: none;
}


/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/


/* Most common stuff you'll need to change */

	.coda-slider-wrapper { width: 648px; padding-left:15px;}
	.coda-slider {  }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 400px; overflow: auto !important;}
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 630px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 630px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { }
	.coda-nav-left{
		position: absolute;
		left: 0;
		top: 140px;
	}
	.coda-nav-right{
		position: absolute;
		right: 3px;
		top: 140px;
	}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper {position: relative; height: 335px;}
	

	
	/* Preloader */
	.coda-slider p.loading { text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; position: relative; }
	.coda-slider { float: left; overflow: hidden; position: relative;  }
	.coda-slider .panel { display: block; float: left; }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
	.td_slidemargin{
		width: 630px !important;
	}
	
	
.panel img{
	border: 1px solid #c2c0b9;
}
.slideTitle{
	position: absolute;
	left:2px;
	bottom:0;
	padding: 20px;
	width: 586px;
	background: url(./images/bgBlack.png);
}
* html .slideTitle{
	background-color: #292929;
	filter:alpha(opacity=50);
}
.slideTitle h2{
	margin-bottom: 5px;
}
.slideTitle h2 a{
	font:18px "나눔고딕", "NanumGothic Bold", "맑은 고딕", "Malgun Gothic";
	color: #fafae9;
}
* html .slideTitle h2 a{
	filter:alpha(opacity=100);
}
div.slideTitle .date{
	font:18px Georgia;
	color:#fafae9;
}


.BS_album{
	padding-left:14px;
}
.BS_headline{
	margin-bottom:10px;
}
.BS_headline a{
	font:bold 18px "나눔고딕", "NanumGothic Bold", "맑은 고딕", "Malgun Gothic";
}
.BS_date{
	font:14px Georgia;
	color: #adaba1;
}
.BS_thumbimg img{
	border:1px solid #c2c0b9;
}
.BS_thumbimg2{
	margin-top:-10px;
	float:left;
}
.BS_headline2{
	float:right;
	width: 480px;
}

.TD_summary{
	padding-top:10px !important;
	line-height: 160%;
}

.TD_slide{
	border: none !important;
}
.TD_thumbnail{
	border: none !important;
}

#post-view, .post-view pcol2, view{
	width: auto !important;
}


/* 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%;}
/* */