@charset "utf-8";
/*@font-face {font-family:simplistic; src:url(./images/Simplistic.otf);}
@font-face {font-family:simplistic; src:url(./images/Simplistic.otf);}*/





/* +++++++++++++++++++++++++++++++++++++++++++++++++
  스킨 기본 스타일
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
body			{
	font-family:"나눔고딕","NanumGothic","맑은 고딕","Malgun Gothic",dotum,AppleGothic,Arial,Tahoma,Verdana,sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#787878;
 /*	background-repeat:repeat;
 	background-position:top center;
	background-attachment:fixed;*/
	background:url(./images/480248.jpg) top left /*repeat-y*/no-repeat fixed #ffffff/*#90c9f4*/; 
        background-size : cover/*100%*/;

}



.head {
    color : black !important;    
}




/* http://www.colorzilla.com/gradient-editor/ */



/* For Compact Menu */
#sWidget { position:absolute; z-index:9999; width:300px; background-color:#116DC9/*#CC0F16*/; padding-top:10px; }/*메뉴색*/
#sWidget ul, #sWidget li { list-style:none; }
#sWidget li { border-bottom:1px dotted #FF473F/* #0F33FF*//*#FF473F*/; padding:0 18px; } /* 메뉴 선*/
#sWidget li:hover { background-color:#333399; } /*메뉴호버색*/

#sWidget li .name, #sWidget li .cnt { float:right; }
#sWidget li .date { display:none; }
#sWidget li a { color:#fff; }
#sWidget li span { color:#ccc; }
#sWidget li .cover { padding:5px 0; display:block; }
/*** END menu ***/

/* 테터데스크 부분 스타일 지원 */
.tt-wrap-item .tt-span-6:hover
{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
	box-shadow:0 0 8px rgba(255,255,255,0.8);
	-moz-box-shadow:0 0 8px rgba(255,255,255,0.8);
	-webkit-box-shadow:0 0 8px rgba(255,255,255,0.8);
	
	border-color : rgba(255,255,255,0.8);
	background-color:rgba(255,255,255,0.8);
}
/* 테터데스크 부분 스타일 지원 끝 */



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

* 				{ padding:0; margin:0; border:0;}
select			{ border:1px solid #ddd;}
button			{ cursor:pointer;}
input			{ font-size:11px; letter-spacing:-1px; }
textarea			{ font-size:14px; letter-spacing:-1px; }
.inputText		{ padding:2px; border:1px solid #d8dcd9; background-color:rgba(255,255,255,0.8);; height:16px; font-size:1em;}

input, button, textarea { border:1px solid #999; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
input:hover, input:focus, button:hover, button:focus, textarea:hover, textarea:focus { box-shadow:0 0 8pxrgba(255,255,255,0.8); -moz-box-shadow:0 0 8px rgba(255,255,255,0.8); -webkit-box-shadow:0 0 8px rgba(255,255,255,0.8); border-color : rgba(255,255,255,0.8); !important; }

hr				{ border:1px solid #ccc; clear:both; width:100%; margin:10px 0; }

h1 				{ font-size:1.8em;}
h2 				{ font-size:1.4em;}
h3 				{ font-size:1.4em;}
h4 				{ font-size:1.2em;}
h5 				{ font-size:1.1em;}
h6 				{ font-size:1em;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++
  스킨 스타일 요소
    +++++++++++++++++++++++++++++++++++++++++++++++++ */

.clear	{ clear:both;}
.date 	{ font:0.8em Tahoma;}
.name 	{ font-size:1em;}
.cnt 	{ font:0.9em Tahoma; color:#1b61ff;}


/* ***** Layout **************************************** */
#container, #header {
	width:880px;
	margin:0 auto;
}
#container {
	-moz-box-shadow:0 0 10px #FFFFFF;
	-moz-border-radius:15px;
	-webkit-box-shadow:0 0 10px #FFFFFF;
	-webkit-border-radius:15px;
	box-shadow:0 0 10px #FFFFFF;
	border-radius:15px;
  background-color:#FFFFFF;
	/* fallback */

	background-color:rgba(255,255,255,0.8);
      
	/*background:-webkit-gradient(linear, 0% 0%, 0% 20%, from(rgba(255,255,255,0.8)), to(#FFFFFF);
	background:-moz-linear-gradient(0% 20% 90deg, #FFFFFF, rgba(255,255,255,0.8)); */

	margin-bottom:60px;
}
	
    #header 		{ text-align:left; color:#f0f0f0; width:860px; height:150px; background:url(./images/header_left.png) 10px 60px no-repeat; }
	#header h2 a	{ color:#116DC9/*#ccddff*/; font-size:32px; margin-left:56px; } /*타이틀 색*/
	#header h4		{ color:#ffffff; font-size:14px; margin-left:64px; } 
	#nav			{ background:url(./images/menu.png) 0 0 no-repeat; height:72px; margin:16px -10px 0; padding:0 20px; }
	#nav li.on, #nav li:hover {
		background:url("images/over.png") no-repeat scroll 50% 100% transparent;
	}
	#nav li {
		color:#FFFFFF;
		float:left;
		list-style:none;
		margin-top:24px;
	}
	#nav li a {
		color:#FFFFFF;
		display:block;
		padding: 0 20px;
		height:33px;
	}
    #body			{ clear:both; }
    #body .bodyInner	{ padding:40px; }
    #content 	{ width:800px; }
	
    #footer			{ clear:both; padding-top:40px; }

#bottom {
	background-color:#f0f0f0;

	padding:40px 0;
	margin:0px -20px;
	clear:both;
	overflow:hidden;
	
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	box-shadow:0 0 10px #999;

	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;

	border:10px solid #ccc;
	z-index:9999;
}
#bottom .inner { width:720px; margin: 0 auto; }
#bottom:hover {
	background-color:#fff;
	border-color: #efefef;
}

/* ***** Footer **************************************** */
#footer .inner 		{ color:#666; padding-top:40px; border-top:1px solid #dde0da; text-align:center;}
#footer .copyright	{ font:0.8em Verdana;}


/* ***** Content Part **************************************** */
#content .group 	{ margin-bottom:30px;}
#content .group h3 	{ color:#666; padding-bottom:5px; border-bottom:3px solid #d8dcd9; margin-bottom:10px;}

#content .searchResult h3 strong	{ color:#333;}
#content .searchResult h3 .cnt 		{ font-weight:bold;}
#content .searchResult ol 			{ list-style:none; padding-left:5px;}
#content .searchResult li 			{ padding:3px 0;}
#content .searchResult .date		{ margin-right:10px;}
#content .searchResult .name		{ margin-right:10px;}

#content .noEntry ol,
#content .noEntry ul,
#content .noEntry li	{ list-style:none;}

#content .entry		{}


/* entry */
.titleWrap				{ border-bottom:3px solid #6DA9E5; }
.titleWrap ,
.titleWrap a			{ color:#666; }
.titleWrap h2 a			{ color:#233346;}
.titleWrap .dateBox		{
	position:absolute;
	margin:10px 0 0 -115px;
	
	width:80px;
	height:60px;
	
	-moz-box-shadow:2px 2px 5px #888888;
	box-shadow:2px 2px 5px #888888;
	-webkit-box-shadow:2px 2px 5px #888888;
	
	background-color:#116DC9/*C50F15*/; /*날짜상자 색*/
	overflow:hidden;
}

.titleWrap .dateBox .date-month {
	color:#000000;
	display:block;
	font-size:1.2em;
	font-weight:700;
	height:16px;
	line-height:10px;
	margin-top:6px;
	padding:0 10px 0 8px;
	text-align:center;
	width:60px;
}
.titleWrap .dateBox .date-day {
	color:#FFFFFF;
	display:block;
	font-size:1.5em;
	font-weight:700;
	height:15px;
	line-height:15px;
	margin-right:3px;
	margin-top:3px;
	padding-right:4px;
	text-align:center;
}
.titleWrap .dateBox .date-year {
	color:#CECECE;
	display:block;
	font-size:0.8em;
	font-weight:normal;
	height:8px;
	line-height:8px;
	padding:3px 11px 3px 8px;
	text-align:center;
	width:60px;
}

.tagTrail 		{ clear:both; background:url(./images/ico_tag.gif) 0 4px no-repeat;  padding-left:18px;}
.tagTrail a 	{ color:#999;}

.localTrail 	{ clear:both;  background:url(./images/ico_localtag.gif) 0 3px no-repeat;  padding-left:18px;}
.localTrail a 	{ color:#999;}

.authorProfile 				{ clear:both; overflow:hidden; padding:10px; margin-top:10px; background-color:#f2f4f3;}
.authorProfile .image 		{ float:left; margin-right:10px; border:3px solid #fff;  background:url(./images/noImage.gif) no-repeat; }
.authorProfile .image img 	{ border:1px solid #fff; width:48px; height:48px;}
.authorProfile .box			{ margin-left:65px; }
.authorProfile p 			{ font-size:0.9em;}
.authorProfile .title 		{ font-weight:bold;}
.authorProfile .gotolist 	{ font-size:0.9em; margin-top:5px; text-align:right;}

.communicationTrail			{ clear:both; text-align:right; margin-top:10px; padding-top:10px; border-top:1px solid #ccc; }
.communicationTrail	.cnt	{ font-weight:bold;}
.communicationTrail a		{ cursor:help; }

.communication 						{ margin-top:10px;}
.communicationList ol				{ list-style:none; padding:10px; margin-left:-80px; padding-left:80px;}
.communicationList .name 			{ font-weight:bold; font-size:18px; }
.communicationList .date			{ float:right; margin-right:10px; }
.communicationList .control			{ float:right; }
.communicationList .control a 		{ font-size:11px; padding:0 5px; margin-top:-4px; border-left:1px solid #eee;}
.communicationList p				{ padding-top:3px;}
.communicationList .trackbackList	{ }
.communicationList .trackbackList h4 { font-size:1em;}

.communicationList li,
.communicationList li ul li { list-style:none; }

.communicationList li { padding:15px 10px; min-height:40px; position:relative; }
.communicationList li:hover { color:#333; }

.communicationList li .date { display:none; }
.communicationList li:hover .date { display:inline; }
.communicationList li { border:5px solid #eee; margin-bottom:30px; background:url(./images/rep_li_bg.jpg) repeat; }
.communicationList li ul li { background:none; }
.communicationList li:hover { border:5px solid #bdd; background:#fff; }
.communicationList li ul li,
.communicationList li:hover ul li { border:none; margin:30px 0 0 0; border-top:1px solid #cdd; padding-top:30px; }

.communicationList li img { border:1px solid #ccd; margin-left:-36px; margin-top:-32px; margin-right:4px; width:42px !important; height:42px !important; }
.communicationList li ul li img { width:32px !important; height:32px !important; }
.communicationList li:hover img { box-shadow:0 0 5px rgba(80, 100, 120, 0.5); -moz-box-shadow:0 0 5px rgba(80, 100, 120, 0.5); -webkit-box-shadow:0 0 5px rgba(80, 100, 120, 0.5); }


/*************** 덧글 다는 부분 *****************/

.guestbookWrite,
.commentWrite { clear:both; padding:20px; background-color:rgba(0,0,0,0.1); margin-bottom:20px; }

/* pos */

/* 배경/테두리 부분 */
.tt-input-div input,
.tt-input-div .submit,
.tt-input-div textarea { margin:10px 0; }
.tt-input-div .name { background-image:url(./images/txt_name.gif); background-position:4px 6px; background-repeat:no-repeat; width:120px; padding-left:30px; }
.tt-input-div .password { background-image:url(./images/txt_password.gif); background-position:4px 6px; background-repeat:no-repeat; width:120px; padding-left:50px; }
.tt-input-div .homepage { background-image:url(./images/txt_homepage.gif); background-position:4px 6px; background-repeat:no-repeat; width:216px; padding-left:50px; }
.tt-input-div input { height:18px; width:16px; }
.tt-input-div .secret { border:none; }
.tt-input-div textarea		{ width:100%; height:180px; overflow:visible; background-color: #fff; clear:both; }
.tt-input-div .submit { float:right; background-color:#f0f0f0; font-size:12px; padding:4px; width:160px; }
.tt-input-div .submit:hover { float:right; font-weight:bold; }

/* Article Basic Style */
.article     	{ padding:10px 0 20px; color:#454545; font-size:12px; line-height:2.0em; }
.article a:link         { color:#1b61ff;  text-decoration:none;}
.article a:visited      { color:#1b61ff;  text-decoration:none;}
.article a:hover        { color:#1b1bff;  text-decoration:none;}
.article a:active       { color:#1b61ff;  text-decoration:none;}

.titleWrap h2 { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); letter-spacing:-2px; font-size:18px; }
.titleWrap h2:hover { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
.article blockquote     { background:url(./images/ico_blockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px; border-left:5px solid black/*#cdd*/;}
.article blockquote:hover { background:#f0f0f0; }
.article ul,
.article ol				{ padding:10px 20px; margin-left:25px;}
.another_category { line-height:1em; }
.another_category ul,
.another_category ol { padding:0; margin:0; }
.article h1             { font-size : 2.5em;}
.article h2             { font-size : 2.0em;}
.article h3             { font-size : 1.6em; border-left:10px solid #ccc; padding-left:10px; letter-spacing:-2px; }
.article h4             { font-size : 1.3em; border-left:10px solid #ccc; padding-left:10px; letter-spacing:-2px; }
.article h5             { font-size : 1.1em;}
.article h6             { font-size : 1em;}
.article dl 			{ padding:10px;}
.article dt             { }
.article dd             { margin-left:20px;  padding-bottom:10px;}
.article table 			{ border-collapse:separate!important; margin:10px;}
.article hr { display:block; border:1px solid; margin:10px 0;}
.article .imageblock img { padding:5px; background-color:#f0f0f0; }
.article .imageblock img:hover { background-color:#ccc; }
.article p { color:#69c; }
.article fieldset { border:1px solid #ccc; padding:5px; }

.article .moreless_fold,
.article .moreless_top,
.article .moreless_bottom { border-left:10px solid #69c; padding-left:10px; }

.article .moreless_top { border-bottom:5px solid #69c; }
.article .moreless_bottom { border-top:5px solid #69c; }

.article .moreless_fold:hover,
.article .moreless_top:hover,
.article .moreless_bottom:hover { font-weight:bold; }

.article .moreless_content { border:5px solid #69c; padding:10px; }


/* Related Post */
.relatedPost 			{ margin-top:20px;}
.relatedPost h3 		{ font-size:1em; color:#999!important; margin:0!important; padding:0 0 0 15px!important; background:url(./images/ico_paper.gif) 0 5px no-repeat!important;}
.relatedPost ol 		{ list-style:none; padding:0; margin:0;}
.relatedPost li 		{ padding:0 5px 0 13px; margin:0 !important; background:url(./images/ico_ball.gif) 3px center no-repeat;}
.relatedPost a  		{ color:#999 !important;}
.relatedPost a:hover	{ color:#666 !important;}


/* noEntry - Taglog */
.taglog				{ }
.taglog ul			{ text-align:justify;}
.taglog li 			{ display:inline; }
.taglog li .cloud1	{ color:#f30; font-size:1.5em;}
.taglog li .cloud2	{ color:#f60; font-size:1.4em;}
.taglog li .cloud3	{ color:#1b61ff; font-size:1.3em;}
.taglog li .cloud4	{ color:#000; font-size:1.2em;}
.taglog li .cloud5	{ font-size:1em;}
.taglog li a:hover	{ background-color:#f2f4f3;}


/* paging */
.paging 				{ text-align:center; clear:both; margin:0 auto; width:480px; height:28px; padding:3px; letter-spacing:-1px; padding-top:8px;}
.paging:hover			{ }
.paging .numbox 		{ border-right:1px solid #eee; margin-right:5px;}
.paging .numbox a 		{ border-left:1px solid #eee; padding:0 5px 0 8px;}
.paging .selected 		{ font-weight:bold;}
.paging .prevPage		{ background:url(./images/bull_page_prev.gif) left 2px no-repeat; padding-left:10px; margin-right:5px;}
.paging .nextPage		{ background:url(./images/bull_page_next.gif) right 2px no-repeat; padding-right:10px; margin-left:5px; }


/* ***** Sidebar Part **************************************** */

/* sidebar */
.sidebar { font-size:12px; }
.sidebar_top { background:url(./images/sidebar_top_bg.jpg) repeat-x; overflow:hidden; height:200px; clear:both; }
.s_r { float:right; }
.s_l { float:left; }
.s_r, .s_r .widget { width:400px; }
.s_l, .s_l .widget { width:300px; }
.sidebar .widget { clear:both; margin-bottom:20px; overflow:hidden; }
.sidebar .widget ul, .sidebar .widget li, .sidebar .widget ol { list-style:none; clear:both; }
.sidebar .widget li { padding:3px; display:block; }
.sidebar .widget h5 { font-size:14px; color:#666; border-bottom:1px solid #666; margin-bottom:10px; }
.sidebar .widget .info { display:inline; }
.sidebar .widget .date { display:none; }
.sidebar .widget .name,
.sidebar .widget .cnt { color:#999; float:right; }
.cover { display:block; }

#treeComponent table { cursor:pointer; }
#treeComponent a,
#treeComponent a:hover { border:none !important; text-decoration:none !important; }


#w_search input { padding:5px 5px 5px 45px; background-image:url(./images/txt_search.gif); background-position:8px 10px; background-repeat:no-repeat; width:240px; }
#w_link img { display:block; width:18px; height:18px; border:1px solid #ccc; float:left; margin-right:4px; }
#w_link a { display:block; float:left; margin:0 5px; padding:6px; }
#w_link a:hover { border:3px solid #cdd; padding:3px; }
#w_link { clear:both; width:100%; }

#w_counter { font:10px 'Franklin Gothic Medium',verdana,tahoma,Sans-Serif; font-weight:bold; }
#w_counter .value { font-weight:normal; }

#floatCover { background-color:rgba(0, 0, 0, 0.5); position:fixed; left:0; top:0; width:100%; height:100%; }
.blogImage { overflow:hidden; width:270px; margin:0 auto; border:5px #f0f0f0 solid; }
.blogImage:hover { border:5px #ccc solid; }

/* 덧글/포스트 more 기능을 사용하시려면 이 주석을 활성화시켜 주세요 */
/*
#w_rc_body,
#w_rp_body { height:240px; overflow:hidden; }
*/

/* 아예 최근 덧글/포스트 기능을 없애시고 상단으로 대체하시겠다면 이 주석을 활성화시켜 주세요 */
/*
#w_rc,
#w_rp { display:none; }
*/

.notice li,
.recentPost li,
.recentCommunication li,
.archive li,
.link li 				{ background:url(./images/ico_ball.gif) 0 9px no-repeat; padding:2px 0 2px 10px;}