@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


body {font-family: 'Calibri' , 'Nanum Gothic'; font-size: 8.8pt; color: #666666; background: url(./images/bg.png) no-repeat;  background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; margin:0 auto;}


::selection {color:#f48598;} 
::-moz-selection {color:#f48598;}


a {color: #666666; text-decoration:none;}
a:link,
a:visited,
a:active {text-decoration:none; border:0px;}
a:hover {color: #f48598; text-decoration:none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
img {border : 0;}


#header {width : 880px; margin:0 auto; padding: 30px 0 10px 0;}
#page {width : 880px; margin: 0 auto; border: 0px solid #eee; padding: 10px 0 20px 0;}
.content {margin: 20px 0;}
#footer {width : 880px; margin: 25px auto; text-align:center;	font: 0.9em 'malgun gothic', 'malgun gothic', malgun gothic; color: #666666;}	
.date, .name, .from, .delete {font-family: 'Calibri', 'Nanum Gothic';	font-size:8pt; font-weight:500;}
.name2 {font:bold 0.95em 'malgun gothic', "나눔 고딕", NanumGothic, sans-serif; font-size: 8pt; color: #5e5e5e;}


#page-error {font : bold 1.3em tahoma, sans-serif; text-align:center; padding: 80px;}
.search {border: 2px solid #eee; background: #eee; padding: 2px; margin-bottom: 2px; width:150px; height:13px; font: 0.9em 'malgun gothic', 'malgun gothic'; font-size: 8pt; color: #666666; color:#666666;}


.content {line-height: 180%;}
.content h2 {font: 0px malgun gothic, malgun gothic; font-weight: normal;}


.searchList a:hover {color: #f48598; font:8pt; 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;}


.title {color: #666666; font:28px malgun gothic; margin: 20px 40px; padding: 0px; text-align:center;}
.title a {font:28px malgun gothic; color: #666666; background-color: #666666;	text-align:center;}
.titlepost {color: #666666; 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: #666666; text-align:center;}


.entry h2 a {color: #666666; text-decoration:none;}
.entry h2 a:hover {color: #666666; 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: #336699; text-decoration:none;}
.article a:hover {color: #f48598; text-decoration: none; filter: blur(1px); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px);}
.article img {border: 0;}
.article .cap1 {font:1.0em 'malgun gothic', 'malgun gothic'; font-size: 8pt; color: #666666; text-align: center;}
.article .dual  {margin-bottom:5px;}
.article .triple {margin-bottom:5px;}
.article blockquote {border-left: 4px solid; clear: both; color: #555; display: block; font:1.0em malgun gothic,malgun gothic; margin: 12px 16px; padding-left: 12px;}


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

.comment a {color: #666; text-decoration:none;}
.comment a:hover {color :#f48598;}
.comment ol {padding:0; margin:20;	list-style: none; border-top: 1px solid #eee;}
.comment ul	{padding:10px; margin:10px 0 0 30px; list-style: none; border: 1px dashed #eee;}
.comment ol li {padding: 20px 0; border-bottom: 1px solid #eee;}
.comment ol li ul li {padding-top : 10; border:0;}



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



.commentWrite input {width: 100px; height:20px; font:1.0em vertical-align:middle; color:#666; border:0px solid #ececec;}
.commentWrite .submit input {margin-top:1em; padding:.3em; width:80px;height:40px;font-size:.9em;color:#fff;cursor:pointer; background-color:#f48598;}
.commentWrite textarea {padding:2px .5em; width:98%; height:100px; border:1px solid #ddd; color:#666; overflow:hieedn;}
.commentWrite .checkbox {background:none; padding:0; width:12px; border:0 none;}


.paging {text-align:center; font:8px malgun gothic;	margin: 20px 0;}
.paging .numbox {padding-left:0px; margin-left:0px;}	
.paging .num {padding:5px; margin:2px;}
.selected {font-weight:bold; color:#f48598; background:none;}


.tistorytoolbar {display: none;}


::-webkit-scrollbar {width:4px;} 
::-webkit-scrollbar-track {background:#f5b5c2;} 
::-webkit-scrollbar-thumb {background:#f48598;} 


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");
filter: gray;
-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%; }