@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {
  font-family: 'Calibri' , 'Nanum Gothic';
  font-size:8.8pt;
  color:#444444;
  background: url(https://2.bp.blogspot.com/-HFS8qgaf03s/WK76fiBiOJI/AAAAAAAACFM/V87yNxj2tPArdqDMKFiwDrdeONTlS469ACLcB/s1920/bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
	margin:0 auto;

	}
::-webkit-scrollbar { 
width:8px;	
height:8px;	
} 


::selection{ 
color:#85cad2; 
} 
::-moz-selection{ 
color:#85cad2; 
} 

a { 
	color: #444444;
	text-decoration:none;
	}
a:link,
a:visited,
a:active { 
	text-decoration:none;
	border:0px;
	}
a:hover {
	color: #85cad2;
	text-decoration:none;
	}

img { border : 0; }
	
/* ===================================================================
   Layout
=====================================================================*/
#header {
	width : 530px; 
	margin:0 auto;
	padding: 20px 0 10px 0;
	}

#page {
	width : 530px; 
	margin: 0 auto;
	background: ;	 
	border: 0px solid #444444;
	padding: 30px 0 30px 0;
	}
	
.content {
	margin: 20px 0;
	}

#footer {
	width : 530px; 
	margin: 25px auto;	
	text-align:center;
	font: 0.9em 'malgun gothic', 'malgun gothic', malgun gothic;
	color: #444444;
	}	


/* ===================================================================
   Contents
=====================================================================*/
.date, .name, .from, .delete { 	font-family: 'Calibri' , 'Nanum Gothic';	font-size:8pt;	font-weight:500; }
.name2 { font:bold 0.95em 'NanumGothic', "나눔 고딕", NanumGothic, sans-serif; font-size: 8pt; color: #444444;}

/* ===================================================================
   Header
=====================================================================*/
#page-error { 
	font : bold 1.3em tahoma, sans-serif;
	text-align:center;
	padding: 80px;
	}

.blogtitle{
	margin:0px;
	padding:0px;
	text-align:center;
	font:bold 30px malgun gothic;
	color: #444444;
	text-decoration: none;
}

.blogtitle a {
	color: #444444;
	text-decoration: none;
}
.blogtitle a:hover{
	color: #444444;
	background-color: ;
	text-decoration: none;
}

.blogmenu {
	margin: 10px 0px;
	padding:10px 0px 0px 4px;
	word-spacing:-1px;
	letter-spacing:5px;
	text-align:center;
	border-top:1px dotted #444444;
}

.blogmenu a.linkstyle {
  padding: 0px 0px;
  color: #444444;
  background-color: #444444;
  font:11px malgun gothic, malgun gothic;
  text-decoration: none;
}

.blogmenu a.linkstyle:hover {
  color: #444444;
  background-color: #444444;
  text-decoration: none;
}

.blogmenu a.linkstyle:active {
  text-decoration: none;
}


/* ===================================================================
   Search
=====================================================================*/
.search { 
	border: 2px solid #444444;
	background: #444444;
	padding: 2px;
	margin-bottom: 2px;
	width:150px;  
	height:13px;
	font: 0.9em 'malgun gothic', 'malgun gothic'; font-size: 8.8pt; color: #444444;
	color:#444444;
	}

/* ===================================================================
    top, bottom background
======================================================================*/
#top {
	background:url("images/top.gif") repeat-y;	
	height: 30px
	}
#bottom {
	background:url("images/bottom.gif") repeat-y bottom;	
	height: 30px;
	}

/* ===================================================================
   Contents
=====================================================================*/
.content {
	line-height: 170%;
	}
	
.content h2 {
	font: 0px malgun gothic, malgun gothic;
	font-weight: normal; 
	}

/* ===================================================================
   Search List
=====================================================================*/

.searchList a:hover {
	color: #85cad2;
	font:9pt
	text-decoration: none;
	}

.searchList ul, .searchList ol {
margin: 0 0 55px 0;
padding: 0 0 0 0px;
list-style:none;
}

.searchList li {
padding:20px 20px; 
border-bottom:1px solid #e9e9e9;

}
/* ===================================================================
   Article
=====================================================================*/
.title {
	color: #444444; 
	font:28px malgun gothic;
	margin: 20px 40px;
	padding: 0px;
	text-align:center;
	}
.title a{
	font:28px malgun gothic;
	color: #444444;
    background-color: #444444;	
	text-align:center;
	}

.titlepost {
	color: #444444; 
	background-color: ;
	font:15px malgun gothic;
	letter-spacing: -2px;
	word-spacing: -3px;
	margin: 20px -10px 40px;
	padding: 0px -10px 0px;
	text-align:center;
	}
.titlepost a{
	font:20px malgun gothic;
	color: #444444;
	background-color: ;
	text-align:center;
	}



.entry h2 a{
	color: #444444;
	text-decoration:none;
	}
.entry h2 a:hover {
	color: #444444;
	text-decoration:underline;
	}

.posted { 
	margin: 0 0 5px 0; 
  text-align:center
	}
		
.admin {
	margin: 0; 
	font-size: 0.9em;
	text-align: right;
	}
	
.article {
	margin: 50px 0 0 0;
	text-align: justify;
	font-size: 1.0em;
	}

.article a {
	color: #444444;
	text-decoration:none;
	}
	
.article a:hover {
	color: #444444;
	background-color: ;
	text-decoration: none;
	}
	
.article img { border: 0;}
.article .cap1  { font:1.0em 'malgun gothic', 'malgun gothic'; font-size: 8.8pt; color: #444444; text-align: center;}
.article .dual  { margin-bottom:5px; } /* 그림 2개 */
.article .triple { margin-bottom:5px; } /* 그림 3개 */

.article li {
	
	}

.article .moreless_fold  { padding-left:18px; background:url(images/btn_open.gif) 0 50% no-repeat ;} 
.article .moreless_top    { padding-left:20px; background:url(images/btn_close.gif) 0 50% no-repeat ;}
.article .moreless_bottom   { display:none;}

.article blockquote {
	border-left: 4px solid ;
	clear: both;
	color: #444444;
	display: block;
	font:1.0em malgun gothic, malgun gothic;
	margin: 12px 16px;
	padding-left: 12px;
	}

.tagTrail { 
	margin: 5px 0 15px 0;
	}

.tagText {	
	font: bold 0.9em 'malgun gothic'; 
	color: #444444;
	}
	
.actionTrail {
	text-align:right;
	font-size: 0.9em;
	padding-bottom: 3px;
	border-bottom: 1px dashed #;
	margin-bottom: 15px;
	}
	
.actionTrail a {
	font:12px malgun gothic, malgun gothic;
	color:#444444;
	text-decoration:none;
	}	
	

/* ===================================================================
   Comment - List
=====================================================================*/
.comment img {border: 0; }
.comment .name2 a,
.comment .name2 a:hover {
	color:#85cad2;	
	text-decoration:none;
	}
.comment a {
	color: #444444;
	text-decoration:none; 
	}
.comment a:hover {
	color :#85cad2	;
	}

.comment .commentList  { 
	padding:0;
	}
	
.comment ol     { 
	padding:0; 
	margin:0;	
	list-style: none; 
	border-top: 0px solid #444444;		
	} /* 댓글 전체를 감싸는 부분의 스타일 */
	
.comment ul	{ 
	padding:8px; margin:10px 0 0 30px;	
	list-style: none; 
	} /* 댓댓글 전체를 감싸는 부분의 스타일 */

.comment ol li	{ 
	padding: 15px 0;
	border-bottom: 0px solid #444444;	
	}
.comment ol li ul li {
	padding-top : 0; 
	border:0;
	}
.comment .rp { margin-bottom: 7px; }


/* ===================================================================
   Comment - Form
=====================================================================*/

.comment fieldset 	{ margin:10px 0 0 0; border:0; letter-spacing:0;}
* html fieldset 		{/* \ Not Mac */position:relative; clear:both;margin-top:1.8em;padding:2em 1em 1em;/* */}

.comment legend 	  {font:bold 1.0em font-family: 'Calibri' , 'Nanum Gothic'; font-size: 8.8pt; color: #000;}
* html fieldset legend  {/* \ Not Mac */position:absolute;top:-9px;left:20px;/* */}

.comment fieldset div {margin:.3em 0;}

.comment label 		{padding-left:.2em;font:0.9em font-family: 'Calibri' , 'Nanum Gothic'; color:#666;vertical-align:middle;}
.comment label span	{color:#999;}

.comment input		{padding:2px .5em;width: 100px; font:1.0em font-family: 'Calibri' , 'Nanum Gothic'; vertical-align:middle;color:#666;border:0px solid #ececec; }
.comment textarea 	{padding:2px .5em;width:98%;height:100px;border:1px solid #ddd;font:1.0em malgun gothic, malgun gothic, malgun gothic;color:#666; overflow:hieedn;}
.comment .checkbox 	{background:none;padding:0;width:12px;border:0 none;}
.comment .submit input {margin-top:1em;padding:.3em;width:100px;height:25px;font-size:.9em;color:#666;cursor:pointer;}
.comment .submit input {margin-top:1em;padding:.3em;width:100px;height:35px;font-size:.9em;color:#fff;cursor:pointer; background-color:#85cad2; float: light;}

.guest_input{display:block; width:400px; height:30px; margin-top:10px; border:1px solid #efefef; padding-left:35px; font-family: 'Calibri' , 'Nanum Gothic'; font-size:8pt;}

/* ======================================
	Content - Paging 
=========================================*/
.paging {
	text-align:center;
	font-family: 'Calibri' , 'Nanum Gothic';
	font:8.8px
	margin: 20px 0;
	}

.paging .numbox { 
	padding-left:px; 
	margin-left:px;  
	}
		
.paging .num { 
	padding:4px; 
	margin:2px;
	}
		
.selected { 
	font-weight:bold;
	color:#85cad2;
	background:none;
	}
	





.tistorytoolbar {
display: none;
}

/* 스크롤바 */
::-webkit-scrollbar{ width:5px; }
::-webkit-scrollbar-track{ background:#fff; -webkit-border-radius:0; border-radius:0; }
::-webkit-scrollbar-thumb{ width:50px; background-color:#85cad2; }
::-webkit-scrollbar-thumb:hover{ width:50px; background-color:#85cad2; }


/* 티에디션 이미지 */
.tt-post-thumb {    
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
.tt-post-thumb:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 : 익스플로러 */
-webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-webkit-transition:all .7s ease;-moz-
	transition:all .7s ease;-ms-
	transition:all .7s ease;-o-
	transition:all .7s ease;
opacity:0.8; filter:alpha(opacity=80); /* IE 10+ 투명도를 80만 */
 }


/*이미지*/
a,img{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-transition:all .6s ease;-moz-
	transition:all .6s ease;-ms-
	transition:all .6s ease;-o-
	transition:all .6s ease; }
.imageblock:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
 /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-webkit-transition:all .6s ease;-moz-
	transition:all .6s ease;-ms-
	transition:all .6s ease;-o-
	transition:all .6s ease; }

iframe, video, embed, object { max-width: 100%; }