html,
body {
	font-family:'맑은 고딕','Malgun Gothic';
	font-size:12pt;
	
	margin:0;
	padding:0;
	
	background-color: rgba(255, 255, 255, 0);
}
a, .moreless_fold , .moreless_top, .moreless_bottom{
	text-decoration:none;
	color:#f33;

	transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
}
a:hover, .moreless_fold:hover , .moreless_top:hover , .moreless_bottom:hover {
	color:#faa;
}
img {
	border-radius:10px;
	box-shadow: 3px 3px 25px rgba(0,0,0,0.5);
	
	transition: box-shadow 0.5s;
	-webkit-transition: box-shadow 0.5s;
	-moz-transition: box-shadow 0.5s;
	-o-transition: box-shadow 0.5s;
}
img:hover {
	box-shadow: 3px 3px 25px rgba(0,0,0,0.8);
}
img.center {
	display:block; 
	margin-left: auto;
	margin-right: auto;
}

p {
	margin-top: 5px;
}

input {
	padding: 5px 10px;
	border: 1px solid #333;
}
input:hover {
	box-shadow: 0 0 5px #bbb inset;
}

ul.noStyle, ol.noStyle {
	list-style:none;
	padding: 0;
}
.floatLeft {
	display:block;
	float:left;
}
.floatRight {
	display: block;
	float:right;
}
.clear {
	clear:both;
}

.year     {color:#f90;}
.month   {color:#099;}
.day       {color:#9c0;}
.hour     {color:#a22;}
.minute {color:#aaa;}



#entire {
	width: 70%;
	margin: 0 2%;
	padding: 30px;
}
#article{
	
}
#article .postDesc {
	padding: 50px;
}

#private {
	margin-top: 20px;
}



.postTitle a {
	font-size: 24pt;
	color: #630;
	text-shadow: 2px 2px 10px #f30;
	transition: color 0.5s, text-shadow 0.5s;
	-webkit-transition: color 0.5s, text-shadow 0.5s;
	-moz-transition: color 0.5s, text-shadow 0.5s;
	-o-transition: color 0.5s, text-shadow 0.5s;
}
.postTitle a:hover { text-shadow: 2px 2px 10px #630;  color: #f30;}
.postCat { font-size:10pt; }
.postDate, .srchDate { font-size:10pt; font-style:italic;}
.postCont { padding: 50px; word-break:break-word; }
.postTags { padding: 15px; font-size:10pt; }
.postTbCmOC { padding: 15px; font-size:10pt; }
.postTbCm, .gestList { 
	padding: 0;
	margin-right: 10px;
	font-size:10pt;
	background-color: rgba(225,255,255,0);
	border-radius: 10px;
}
.postTbCm img, .gestList img { box-shadow: none;}
.postTbCm li, .gestList li { border-radius: 11px;}
	.postTbCm li:hover, .gestList li:hover { background-color: rgb(245,235,215);}
	.TbBlogTt { color: #f93; }
	.rp_general, .rp_admin, .rp_secret, .hiddenComment,
	.guest_general, .guest_admin, .guest_secret	{ margin-top: 30px; background-color: rgb(255,245,225); }
		.cmmtPrfl { width: 64px; text-align: center; }
		.cmmtEdit, .gestEdit { font-size: 10pt; color:#aa4 !important; }
		.cmmtRp, .gestRp { font-size: 10pt; color:#4a4 !important; }
	.cmmtName, .gestName { font-size:10pt; }
		.cmmtName a , .gestName a{font-weight: bold; color: #444 !important;}
	.cmmtCont, .gestCont, .cmmtContRere, .gestContRere { margin: 0; width: 80%; font-size: 11pt; padding: 20px 10px; text-align: left; word-wrap: break-word;}
	.cmmtRere, .gestRere { margin-top: 0; border-radius: 11px; background-color: rgb(255,255,255); }
		li.cmmtRere:hover, li.gestRere:hover { background-color: rgb(255,245,225); }
	.cmmtWrte { margin: 5px; }
	.cmmtInfo, .gestInfo { background-color: rgba(255,255,255,0.9); border-radius: 10px; padding: 25px; margin: 10px; font-size: 12pt; width: 180px; height: 115px; border: 2px solid #ccc;}
		.cmmtInfo input[type="submit"], .gestInfo input[type="submit"] { width: 100px; border-radius: 5px; border: 1px solid #ccc; padding: 5px 10px; font-size: 12pt; }
	.cmmtSubm, .gestSubm { width: 135px; }
	.cmmtFild, .gestFild { height: 30px; }
		.cmmtFild p, .gestFild p { margin: 0; }
		.cmmtFild input, .gestFild input { width: 130px; height: 20px; border-radius: 5px; border: 1px solid #ccc; padding: 2px; margin-top: 2px;}
	.cmmtLble { display:block; float:left; }
	

#paging {
	text-align:center;
	margin: 15px;
	font-size:12pt;
}
#paging a.pginPrev , #paging a.pginNext  { color: #321; cursor: pointer; }
#paging a.pginNums { color: #aaa; }
	#paging a.pginNums:hover { color: #333; }
#paging span.selected { color: #000; }
	
#search {
}
.srchTtle { text-align:center; }
.srchCont { color: #f00; }
.srchKwrd { color: #f93; }
.srchRslt { margin: 50px 20%; }
.srchRslt li { line-height: 30px; }
.srchRslt li a { color: #000; } .srchRslt li a:hover { color: #aaa; }
#repsearch {
}
#nav {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	width: 150px;
	height: 100%;
	background-color:rgba(255,255,255,0.9);
	z-index: 100;
	box-shadow: -5px 10px 30px #321;
	
	transition: width 0.5s;
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
	-o-transition: width 0.5s;
}
#nav div#navCont {
	height: 100%;
}

#nav div.navMenuWrap {
	float: left;
	width: 100px;
	height: 100%;
	background-color: rgb(20, 10, 0);
}
#nav ul.navMenu {
	list-style: none;
}
#nav ul.navMenu li {
	text-align: right;
	line-height: 40px;
	font-size: 13pt;
	margin: 5px 10px 5px 0px;
}
#nav ul.navMenu li a{
	color: rgb(205, 205, 205);
	font-weight: bold;
} #nav ul.navMenu li a:hover  {color: rgb(255, 255, 255); text-shadow: 0px 0px 10px rgb(255, 150, 50);}


#nav div.navDescWrap {
	float:right;
	width: 500px;
	height: 100%;
}
#nav div.navDesc {
	position:fixed;
	width: 500px;
	max-height: 90%;
	padding: 10px;
	margin-top:30px;
	
	opacity:0;
	
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	
	overflow-y: scroll;
}
#nav button#navCtrl {
	float:left;
	padding: 0;
	width: 50px;
	height: 100%;
	border-width: 0px;
	outline: 0;	
	font-size: 30pt;
	background-color: rgb(20, 10, 0);
	color: rgb(255, 255, 255);
} #nav button#navCtrl:hover {background-color: rgb(225,153,51);}



.navSrch { position: absolute; bottom: 20px; right: 5px; z-index:99999; }
.navSrch input { padding: 0px; color: #333; text-align:center; width: 140px; height: 25px; font-size: 13pt; border: 1px solid #aaa; border-radius: 5px; outline: 0;}


textarea.fildTxAr { width: 100%; height: 160px; margin-top: 3px; border-radius: 10px; border: 2px solid #ccc;}
td.cmmtTxAr { width: 100%; }
td.gestTxAr { width: 100%; }

.cmmtDate, .gestDate { font-size: 10pt; line-height: 100%; font-style:none;}

#nav .tabTitle, .TbCmTitl, .gestTitl {
	font-size: 20pt;
	margin: 5px;
	color: #fa3;
	text-shadow: 2px 2px 10px #f93;
}
.tagItems { display: inline; }
#nav .tabSubTitle {
	margin: 5px 15px;
	font-size: 13pt;
	color: #963;
	text-shadow: 1px 1px 5px #f93;
}



#Entry li a{
	color: rgb(77, 77, 77);
}#Entry li a:hover { color: rgb(0, 0, 0); }
.ntceList ul , .rcpsList ul, .rcrpList ul { font-size: 10pt; padding: 5px; margin: 0px 15px; }
.cateList { font-size: 10pt; padding: 5px; margin-left: -25px; }
.cateList ul , .rcrpList ul { padding-top: 0px; margin-top: 0px; }
.cateList ul, .cateList li { list-style: none; }
.rcrpList .cmmtName, .rcrpList .cmmtDate { font-size: 10pt; color: #777; }


#GuestBook {
	margin-bottom: 30px;
}


#Link ul { padding: 0px; margin: 10px; font-size: 10pt; }
#Link li a{
	color: rgb(77, 77, 77);
}#Link li a:hover { color: rgb(0, 0, 0); }


#Tag ul { padding: 0px; margin: 10px; font-size: 10pt; }
#Tag li { display: inline; }
#Tag li .cloud1 { font-weight: bold; color: #a63; font-size: 11pt }
#Tag li .cloud2 { font-weight: bold; color: #a63; font-size: 11pt }
#Tag li .cloud3 { color: #a63; font-size: 11pt }
#Tag li .cloud4 { color: #a63; }

 
#lightbox {
	border-radius: 15px;
	box-shadow: 0 0 15px #fff;
}
.imageblock {
	width: 100%;
}

.cap1 {
	margin-top: 10px;
	font-size: 10pt;
	color: #030;
}
.moreless_fold {
	
}
blockquote.tx-quote-tistory {
	background-image: url('./images/quote.png');
	background-repeat: no-repeat;
	padding: 30px;
	color: #620;
}
blockquote p.from {
	font-family: Courier;
	font-size: 10pt;
	text-align:right;
	color: black;
}
#tistorytoolbarid {
	display:none;
}
.entry-ccl img {
	box-shadow: none;
}