body {font-family:'Roboto', Malgun Gothic, dotum, Sans-serif, Verdana; font-size: 0.68em; color:#666; overflow:scroll;  -webkit-font-smoothing: antialiased; /*background-image: url("http://cfs.tistory.com/custom/blog/28/284612/skin/images/Screen%20Shot%202015-09-26%20at%201.25.57%20AM.png");background-repeat: no-repeat;
   background-position:center bottom;background-size: 50% auto;*/}
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
a:link,
a:visited,
a:active,
a:hover	{ color:#000; background-color:transparent; text-decoration:none;}
button,
input,
textarea	{ vertical-align:middle; border:1px solid #ccc; background-color:#fff; color:#000;}
/* Firefox fix for overflow: hidden. Scroll bar is hidden and moves everything to the right */
@-moz-document url-prefix() {
  body.no_scroll {
    margin-right: 23px;
  }

  body.no_scroll .expanded {
    padding-right: 7px;
    background: rgba(255,255,255,.98); /* because FF no blur, reduce bg transparency */
  }
}
#container	{ margin:auto; width:100%; overflow-x: hidden;}
#content { float:left; margin:120px 0 0 250px; width:80%;}
/*#sidebar	{ float:left; position: fixed; width:100%; z-index: 1;top:0px;
    left: 35px; background-color: rgba(255,255,255,0.9);/*background-image: url(http://cfs.tistory.com/custom/blog/28/284612/skin/images/Screen%20Shot%202015-09-26%20at%201.25.57%20AM.png);background-repeat:no-repeat;background-size: contain;background-position: right bottom; background-size: auto 30px;}*/
#footer	{}
.entryNotice { float:left; margin:0 0 0 30px; width:80%;}
#header {float:left; 
  position: fixed;
  z-index: 100;
  top: 0px;
	padding-top:10px;
  left: 20px;
  background: rgba(255,	255,	255,0.9);
  width: 250px;
  height: auto;
}
.searchList{padding:0 0 50px 35px; line-height:1.7em; font-weight:600;}

.showhide {float:left; 
  position: fixed;
  z-index: 1000;
  top: 80;
  left: 0;
	color:rgba(113, 198, 113,0.8);
	font-size:7em;display:none;}
.logo {padding:0; margin:10px 20px 10px 15px;font-size:1.5em;}
.blog-menu {display:inline-block;font-size:0.75em; padding-bottom:5px;}
.blog-menu a { text-decoration:none;padding:0 10px 0 10px;}
.category {float:left;width:100%;margin-top:20px;}
.counter {float:left;width:100%;font-size:0.85em;}


.category ul { font-size:1.1em; padding:0; margin:0; list-style-type:none; }
.category ul li li{ vertical-align: top; padding-left:15px; font-size:1em; margin:0; list-style-type:none; }
.category ul ul li li a{ font-size:0.8em;}
.category ul ul li:hover li a{ }
.category ul li { padding:0; margin:0; list-style-type:none; }
.category a { text-decoration:none; color:#848484;background-color:transparent;line-height:0.7em;}
.category > ul > li > a { display:none; background-color:transparent}
.category a:hover {color:#000; background-color:transparent}

#treeComponent td {font-size:1.0em; line-height: 20px; font-weight:bold; } /* 카테고리 폰트 */
.category .ib {cursor:pointer; display:none;} /* 카테고리 이미지 버튼 */
.category .branch3 {cursor:pointer; padding:2px;border-bottom:1px solid #0000ff;} /* 카테고리 트리 셀 */
.category .branch3:hover {list-style:disk; background-color:transparent;} 
.category .c_cnt {font-size:8px; vertical-align: middle;} /* 카테고리 옆 개수 스타일 */
.search {padding:0; margin:0 20px 10px 15px; float:left;}
.searchbar {width:80px;}
#imp0 {display:none; } /*카테고리 전체보기 숨김*/
#tistorytoolbarid { display : none; };/*티스토리 툴바 없애기*/ 


.article{
	padding-left:10px;

}
.article-title{
	max-width: 100%;
	/*border-left:1px solid rgba(0,	0,	0,0.3);*/
	font-size:1.15em;
	padding:0px;
	margin:0px;
	color:#000;
	font-weight:600;
	display:block;
}
.article img {
max-width:300px ;
    height: auto;vertical-align: top;
}
.tagTrail {color: rgba(255, 255, 255, 1);}
.tagTrail a{
	font-family: 'Nanum Gothic', sans-serif;
	border-bottom:1px solid rgba(0,	0,	0,0);
  display:inline-block;
	z-index: 10;
	padding-top:10px;
	color:#00b27a;
	background-color: rgba(0, 0, 0, 0);
}
/*--사이드 메뉴--*/
/*.menu-toggle { z-index: 1;
  width: 15px;
  height: 40px;
  position: fixed;
  top: 20px;
  right: 25px;
  cursor: pointer;
display:block;
}
.menu-toggle.on .one {
  -moz-transform: rotate(45deg) translate(7px, 7px);
  -ms-transform: rotate(45deg) translate(7px, 7px);
  -webkit-transform: rotate(45deg) translate(7px, 7px);
  transform: rotate(45deg) translate(7px, 7px);
}
.menu-toggle.on .two {
  opacity: 0;
}
.menu-toggle.on .three {
  -moz-transform: rotate(-45deg) translate(8.5px, -8.5px);
  -ms-transform: rotate(-45deg) translate(8.5px, -8.5px);
  -webkit-transform: rotate(-45deg) translate(8.5px, -8.5px);
  transform: rotate(-45deg) translate(8.5px, -8.5px);
}

.one,
.two,
.three {
  width: 100%;
  height: 5px;
  background: #000000;
  margin: 6px auto;
  backface-visibility: hidden;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

nav ul {
  margin: 0;
  padding: 0;
  font-family: Open Sans;
  list-style: none;
  margin: 4em auto;
  text-align: center;
}
nav ul.hidden {
  display: none;
}
nav ul a {
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  text-decoration: none;
  color: white;
  font-size: 1em;
  line-height: 1.5;
  width: 100%;
  display: block;
}
nav ul a:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.menu-section.on {
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
top:0;
left:0;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
}*/


/* 본문 - more / less */
p.moreless_fold	{ font-size:2em; color:rgba(255,255,255,0);height:25px; display:block; background: url("./images/record.png");background-repeat: no-repeat; background-position:left bottom; background-size: 21px 17px;}
p.moreless_top	{ font-size:2em; color:rgba(255,255,255,0);height:25px; display:block; background: url("./images/record.png");background-repeat: no-repeat; background-position:left bottom; background-size: 21px 17px;}
p.moreless_bottom	{ font-size:2em; color:rgba(255,255,255,0);height:25px; display:block; background: url("./images/record.png");background-repeat: no-repeat; background-position:left bottom; background-size: 21px 17px;}

.ss-form { float:right; right:50px; position: absolute;border:1px solid #fff;font-family: 'Roboto Condensed', Malgun Gothic, dotum, Sans-serif, Verdana;width:200px;}
.ss-q-title{font-size:0.95em; COLOR: #FFF;text-align:left;}
.ss-q-short, .ss-q-long, .ss-choices { border:1px solid #fff; background-color: rgba(255, 255, 255, 0.5);color:#fff;width:150px;}
.ss-item {text-align:left; display:block;margin:20px;}
.ss-form-entry {position: relative;text-align:left;}
.jfk-button {font-size:0.7em; background-color: rgba(0, 0, 255, 0.8);border:0;COLOR: #FFF;margin-top:20px;}
.ss-section-header{font-size:1em; COLOR: #FFFF00;text-align:left; margin-bottom:30px;}

.year {font-size:0.9em; color: rgba(0,0,0,0.7); font-weight:600;}
.cate a{padding-right:2px; font-size:1em;   line-height:15px; font-weight:700;}
.tag a{	text-transform:lowercase; font-size:1em; line-height:15px; padding:0px; font-weight:700;}
.title a {padding-left:2px; font-size:1em; line-height:15px; font-weight:700;}

.taglog ul	{ font-size:1em; line-height:2em; list-style:none; text-align:justify;}
.taglog li	{ display:block;}
.taglog li .cloud1,
.taglog li .cloud2,
.taglog li .cloud3,
.taglog li .cloud4,
.taglog li .cloud5	{ color:#000;}
.taglog li a:hover	{ color:#f60;}

.paging		{ float:left; margin:60px 0 15px 0; color:#000000; font:9px 'Verdana', 'Helvetica', 'AppleGothic', width:100px; Sans-serif; text-align:left;}
.paging a:link	{ color:#000000;background-color:#fff;  }
.paging a:visited	{ color:#000000;background-color:#fff; }
.paging a:hover	{ color:#fff;}
.paging .prev	{ margin-right:15px;}
.paging .next	{ margin-left:15px;}
.paging .selected	{ color:#fff; background-color:#000000;}	/* 페이징 - 현재 페이지 */

.guestbook { margin:0 0 0 35px;}
.guestWrite p	{ margin-bottom:10px;}
.guestWrite label { font-size:9px;}
.guestWrite input	{ width:100px;}
.guestWrite textarea	{ width:350px; padding:5px;}
.guestWrite .homepage   { width:200px;}
.guestWrite .submit		{ height:22px; font-size:9px;}
.guestWrite .warn	{ margin-left:0px;}
.guestWrite input.checkbox	{ width:auto; border:none; background:none;}

.guestList	{ width:400px; margin:30px 0 0 0; font-size: 1em; color:#000;}
.guestList ol,
.guestList ol ul	{ list-style:none; margin:0; padding:0;}
.guestList ol li	{ width:400px; margin:0 0 0 0px;}
.guestList ol li p	{border-bottom:1px dashed #000; width:100%; padding:0px 0px 10px 0px; margin:15px; }
.guestList ol li p a	{ color:#f60;}
.guestList ol li ul li	{ border-left:1px dashed #ff0000; margin:0 0 0 15px; padding: 0 0 0 10px;}
.guestList .name	{ font-weight:bold;}
.guestList .date	{ padding-right:10px;}

.guestList .guest_general	{ }
.guestList .guest_admin	{ }
.guestList .guest_secret	{ color:#f60;}
/*공감버튼숨기기*/
div.daum_like_wrapper { display: none; } 
