@charset "utf-8";
/* CSS Document */

body { padding:0; margin:0; background:#fff; color:#666; font:11px "NanumbarunGothic"; line-height:18px; }


h1 {font:10px "NanumGothic"; text-transform:uppercase; letter-spacing:1px;}
h2 {font:12px "NanumGothic"; font-weight:bold;}


a { color: #666; text-decoration:none; 	transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
a:hover { color:#A1E69E; text-decoration:none; } 


.rp_secret { color: #A1E69E; }
.guest_secret { color: #A1E69E; }

.moreless_fold {padding:20px; color:#A1E69E;}
.moreless_top {padding:20px; color:#A1E69E;}
.moreless_bottom {padding:20px; color:#A1E69E;} 

#container {width:800px; margin:15px auto; position:relative; }


#sidebar {width:200px; height:auto; padding:10px; position:fixed; top:120px; left:30px; font:10px "calibri", "NanumbarunGothic"; border-right: 1px solid #eee; padding-right: 10px;}


.blog_image {width:200px; height:auto; margin-bottom:10px;}

.blogTitle {width: auto; font-weight: bold; text-align: center; margin-bottom: 5px;}
.blogTitle a {color: #666; text-transform: uppercase; font-size: 11px;}
.blogTitle a:hover {color:#A1E69E;}
.blogwrite {color:#999; text-align: center; margin-bottom: 10px; font-family: nanumgothic;}
.blog_menu {
width: 200px;
color: #999;
height: 80px;
text-transform: uppercase;
text-align: center;
margin-left: 7px;
}
.blog_menu a {
color: #FFF;
font-size: 11px;
padding-top: 2px;
padding-bottom: 2px;
width: 55px;
margin-bottom: 5px;
float: left;
background-color: #B4FAB1;
margin-right: 5px;
}
.blog_admin { margin-left: 7px; }
.blog_menu a:hover {color:#A1E69E; background-color: #ffffff; letter-spacing:5px;}
.blog_admin a{color:#999; padding: 5px;}

.paging {font:11px NanumGothic; text-align:right; padding:5px 0; margin-right: 20px;}
.paging a {color:#999; padding:3px;}
.paging a:hover {color:#A1E69E;}




#content {float:right; width:740px; padding:20px; }

#content .taglog,
#content .entryNotice,
#content .entryProtected,
#content .entry {width:740px; padding:20px; margin-bottom: 50px; background:#fff; border-bottom:1px dashed #ddd;}
#content .guestbook {width:740px; padding:20px; background:#fff;}
#content .nonEntry { max-width: 740px; margin: 0 auto; margin-bottom: 10px;}

.searchList {width:740px; padding:20px; background:#fff;}
.searchList ol { list-style:none;  padding:15px;  margin:0;}
.searchList li {padding:5px 0; border-bottom:1px dashed #ddd; }
.searchList .date { margin-right:10px; color:#fff; background:#666; padding:2px 5px; font:10px calibri; }
.searchList .cnt { margin-left:5px; color:#A1E69E; font:10px calibri;}
.searchList ol li a:hover {letter-spacing: 1px;}


.taglog { }
.taglog ul { margin-left:-35px;  }
.taglog li { display:inline;}
.taglog a:hover { letter-spacing:2px; }
.taglog li .cloud1 { font-weight:bold; font-size : 14px; color : #A1E69E; }
.taglog li .cloud2 { font-size : 13px; color : #aaa; }
.taglog li .cloud3 { font-size : 12px; color : #bbb; }
.taglog li .cloud4 { font-size : 12px; color : #ccc; }
.taglog li .cloud5 { font-size : 11px; color : #ddd; }


.guestbook { }
.guestWrite textarea {width:740px; height:80px; border:none; background:#fafafa; font: 11px NanumbarunGothic; margin-top:-5px;}
.guestWrite .submit {background:#666; color:#fff; border:none; width:80px; padding:5px 0; margin-bottom:20px; font:11px Calibri; letter-spacing:2px; }

.guestList {border-top:1px dashed #ddd;}
.guestList ol,
.guestList ul { margin-top:20px; margin-bottom:10px; padding:0;  list-style:none;}
.guestList li p { margin-top:5px;}
.guestList ol li { width:740px; overflow: hidden; padding-bottom: 0px; }
.guestList li ul li { margin-left: 10px; padding:10px; width: 710px; overflow: hidden; background:#fff; margin-bottom:10px; margin-top:5px; border-left:3px solid #A1E69E;}
.guestList li .name { font-weight:bold;}
.guestList li .date { font:10px calibri; color:#999; padding:0 5px;}
.guestList li .control {font:10px calibri;}


.article {width:740px; padding:0; margin: 10px 0; overflow: hidden;}
.article blockquote { border-left: 3px solid #A1E69E; clear: both; display: block; margin: 15px 16px; padding-left: 10px; letter-spacing: 0.5px;}
.article .txc-info{ width:100% !important; } 

.titleWrap {
color: #999;
font: 10px Malgun Gothic;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: 3px solid #BDF8D4;
border-top: 3px solid #BDF8D4;
}
.titleWrap a {color:#999;}
.titleWrap a:hover {color:#A1E69E; letter-spacing:3px;}

.titleWrap .title {font: 11px nanumbarunGothic; letter-spacing: 1px;}
.titleWrap .title a {color:#A1E69E;}
.titleWrap .date {font:10px calibri; color:#bbb;}


.actionTrail {font:10px NanumGothic; text-align:right; padding:10px 0;}

.entryProtected { }
.entryProtected .submit {background:#666; color:#fff; border:none; width:30px; padding:5px 0; font:10px NanumbarunGothic;}


.comment { border-top:1px dashed #ddd; }
.commentWrite textarea {width:740px; height:80px; border:1px solid #ccc; background:#fafafa; font: 11px NanumbarunGothic; margin-top:-5px;}
.commentWrite .submit {background: #A1E69E; color:#fff; border:none; width:80px; padding:5px 0; margin-bottom:20px; font:11px Calibri; letter-spacing:2px; }
.label_secret {font:11px calibri; }

.commentList {margin:20px 0;}
.commentList ol,
.commentList ul { margin-top:20px; margin-bottom:10px; padding:0;  list-style:none;}
.commentList li p { margin-top:5px;}
.commentList ol li { width:740px; overflow: hidden; padding-bottom: 0px; }
.commentList li ul li { margin-left: 10px; padding:10px; width:710px; overflow: hidden; background:#fff; margin-bottom:40px; margin-top:-10px; border-left:3px solid #A1E69E;}
.commentList li .name { font-weight:bold;}
.commentList li .date { font:10px calibri; color:#999; padding:0 5px;}
.commentList li .control {font:10px calibri;}



#footer { font:10px calibri; }

.copyright {bottom: 30px; right: 30px; position: fixed; display: block;}
.top {text-align:center;}
.top a {display:inline-block;*display:inline; zoom:1; line-height:1; width:15px; padding:6px 5px; color:#fff; background:#A1E69E; cursor:pointer; border-radius: 50px;}
.top a:hover {color:#A1E69E; background:#fff}


::-webkit-scrollbar { width: 5px; } 
  
::-webkit-scrollbar-track-piece { background-color: #eee; } 

::-webkit-scrollbar-thumb:vertical { 
	width: 100px; 
	border-radius: 10px; 
	-moz-border-radius: 100px; 
	-webkit-border-radius: 0px; 
	-o-border-radius: 100px; 
	background-color: #A1E69E; } 

::-moz-selection { background-color: #A1E69E; color: #fff; }
::selection { background-color: #A1E69E; color: #fff;}
	
	
#tistorytoolbarid{display: none;}

#high { width:100%; height:15px; z-index:10; position:fixed; background:#eee; top:0px; }
#low { width:100%; height:15px; z-index:10; position:fixed; background:#eee; bottom:0px; }
#left { width:15px; height:100%; z-index:10; position:fixed; background:#eee; top:0px; }
#right { width:15px; height:100%; z-index:10; position:fixed; background:#eee; right:0px; }

/* 그림 */

img { border: 0; }
.imageblock { display: block; position: relative; max-width: 100%; overflow: hidden; margin: 2px; }
.imageblock img { max-width: 100%; height: auto !important; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
.imageblock span, .imageblock span img { max-width:100% !important; }

.imageblock img:hover { 
transition: all 0.5s ease !important;
-webkit-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
-webkit-filter: grayscale(80%) !important;
opacity: 0.9 !important;
}

/* 검색 목록 */

.hbar {	text-align: right; padding-bottom: 5px; }
.hx { color: #AAA; margin-right: 10px }
#searchList { background: rgba(255, 255, 255, 1); padding: 30px; margin-bottom: 10px; }
#searchList ol, #searchRplist ol { text-align:left; list-style: none; margin: 0; padding: 0; } 
#searchList ol li, #searchRplist li { padding: 10px 5px 10px 15px; margin: 5px 0; border: 1px dashed #EEE; } 
#searchList ol li a, #searchRplist li a { padding-right: 10px; } 
#searchList .date, #searchRplist .date  { float: right; margin: 0 10px; } 
#searchRplist .name { color: #AAA; padding-left: 8px; }
.flexible_img_col { margin-left: 60px; margin-top: 10px; max-width: 800px; }
.flexible_img_col ul { margin: 0; padding: 0; float: center; list-style:none; *zoom:1 }
.flexible_img_col ul:after { display: block; clear: both; content: ""}
.flexible_img_col li { width: 160px; margin: 15px; padding: 0 !important; }
.flexible_img_col .thumb { display: block; overflow: hidden; position: relative; mix-blend-mode: screen; color: #333; width: 160px; height: auto; line-height: 172px; text-align: center; white-space: nowrap; -webkit-filter: grayscale(80%); opacity: 0.8; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
.flexible_img_col .thumb span { width: auto; }
.flexible_img_col .thumb img { width: 100%; height: auto; border: 0 }
.flexible_img_col .thumb img.dno { display: none }
.flexible_img_col a { display: block; width: auto !important; margin: 0 auto !important; padding: 0; text-decoration: none; cursor: pointer }
.flexible_img_col .list_date { display: block; text-align: center; margin: 5px 0; background: #EEE; color: #BBB !important; }
.flexible_img_col strong { display: inline-block; width: 150px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; }
.flexible_img_col strong img { display: block; margin-top: -15px; padding: 0 !important; }
.flexible_img_col a:hover .thumb,.flexible_img_col a:hover p { -webkit-filter: grayscale(0%); opacity:1.0;}
.cnt { color:#EC6941; }