@charset "utf-8";


/* ------------------------------------------------------------------- */
/* 반드시 들어가야 하는 스타일 시작 */
/* ------------------------------------------------------------------- */

/* 본문 공통 */

body		{ padding:0; margin:0; font-family: 'trebuchet MS','맑은 고딕',dotum; font-size:10pt; background-color:#CCC; }
a:link		{ color:#AAA; text-decoration:none;}
a:visited	{ color:#AAA; text-decoration:none;}
a:hover		{ color:#AAA; font-weight:bold;}
a:active	{ color:#AAA; text-decoration:none;}

/* ------------------------------------------------------------------- */
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능  */
/* ------------------------------------------------------------------- */

hr					{ display:none;}
img					{ border:0;}
h1, h2, h3, h4, h5		{ margin:0;  padding:0;}
h1					{ font-size:2em;}
h2					{ font-size:1.4em;}
h3					{ font-size:1.2em;}
h4					{ font-size:1em;}
h5					{ font-size:1em;}
input				{ border:1px solid #aaa;}
textarea			{ border:1px solid #aaa;}

/* ------------------------------------------------------------------- */
/* 블로그 레이아웃 */
/* ------------------------------------------------------------------- */

#container 			{ text-align:left; padding-top:0px; margin:0; width:990px; }
#left				{ float:right; width:175px; padding-right:10px; padding-bottom:0px;}
#header 			{ text-align:right; width:175px; padding-top:40px; padding-bottom:10px; }
#sidebar			{ text-align:right; width:175px; padding-right:5px;} 
#content 			{ float:left; text-align:left; width:740px; padding-top:15px; padding-bottom:40px; padding-left:30px; padding-right:30px; line-height:160%; overflow:hidden; background-color:#FFFFFF;}

/* ------------------------------------------------------------------- */
/* ***** Header ***** */
/* ------------------------------------------------------------------- */

#header h2			{ font:9pt Trebuchet MS, verdana, 맑은 고딕; font-weight:normal; color:#FFFFFF;}
#header a		{font:9pt 맑은 고딕;}
#header a:hover		{ font:9pt 맑은 고딕;}
#header span			{ font:8pt verdana; color:#FFFFFF; }
#header span a			{ font:8pt verdana; color:#FFFFFF; }
#header span a:hover		{ font:8pt verdana; color:#c33;}

/* ------------------------------------------------------------------- */
/* ***** sidebar ***** */
/* ------------------------------------------------------------------- */

#sidebar ul				{ padding:0; margin:0; list-style:none;}
#sidebar li				{ padding-bottom:2px; list-style:none;}
#sidebar h3			{ font:9pt Trebuchet MS, verdana, dotum; color:#FFFFFF; padding-bottom:5px; font-weight:normal; cursor:pointer;}
#sidebar h3 span:hover	{ color:#c33;}
#sidebar .cnt			{ font-size:7pt; color:#369; font-weight:normal;}


#sidebar .search			{ padding-bottom:10px;}
#sidebar .search input		{ font:9pt verdana; width:95px; height:16px; color:#369; border:1px solid #AAA; }
#sidebar .search .submit	{ width:50px; height:20px; background-color:#aaa; font:7pt verdana; color:#fff; }

#recentPost,
#recentComment,
#recentTrackback	{ padding-bottom:15px;}
#calendar			{ text-align:right; width:170px; padding-bottom:15px;}
#archive			{ font-size:8pt; padding-bottom:15px;}
#link				{ font:8pt verdana, dotum; padding-bottom:15px;}
#counter				{ color:#FFFFFF; text-align:right; font:8pt verdana, dotum; padding-bottom:15px;}
#recentPost a {color:#FFFFFF;}
#recentComment a {color:#FFFFFF;}
#recentTrackback a {color:#FFFFFF;}
#calendar a {color:#FFFFFF;}
#archive a {color:#FFFFFF;}
#link a {color:#FFFFFF;}

/* Categories */
#category			{ font-size:9pt; font-weight:normal; padding-bottom:15px;}
#category ul		{ color:#FFFFFF; list-style:none;}
#category li a		{ color:#FFFFFF;}

/* 1 depth */
#category ul li ul li a			{ }

/* 2 depth */
#category ul li ul li ul li		{ }
#category ul li ul li ul li a	{ color:#FFFFFF; font:8pt verdana, dotum; font-weight:normal;}

/* selected */
#category .selected				{ color:#FFFFFF; font-weight:bold;}
#category .selected ul li		{ color:#FFFFFF; font-weight:normal;}

/* ------------------------------------------------------------------- */
/* ***** content ***** */
/* ------------------------------------------------------------------- */

#content .localog, 
#content .taglog, 
#content .gallery,
#content .entryNotice, 
#content .entryProtected, 
#content .entry,
#content .guestbook, 
#content .searchList, 
#content .searchRplist		{ }


#content .localog h3, 
#content .taglog h3, 
#content .gallery h3,
#content .guestbook h3		{ padding-top:40px; padding-bottom:32px; color:#999; font-family:Trebuchet MS, batang, dotum; font-weight:bold; font-size:13pt;}
#content .medialog h3		{ padding-top:40px; padding-bottom:31px; color:#999; font-family:batang, dotum; font-weight:bold; font-size:13pt;} /* 티스토리용 */
#content .searchRplist h3,
#content .searchList h3		{ padding-top:40px; padding-bottom:36px; color:#999; font-family:Trebuchet MS, batang, dotum; font-weight:bold; font-size:13pt;}


.searchList ol, 
.searchRplist ol			{ list-style:none; padding:0px; margin:0;}
.searchList li, 
.searchRplist li			{ line-height:100%; padding-bottom:2px; margin-bottom:4px;}
.searchList .date, 
.searchRplist .date			{ font-size:7pt; margin-left:10px; }
.searchList .cnt			{ font-size:7pt; color:#369;} 
.searchRplist .name			{ font-size:9pt; color:#666; padding-left:8px;}

.taglog					{ margin-bottom:30px;}
.taglog ul				{ padding:0px; margin:0; text-align:justify;}
.taglog li				{ display:inline;}
.taglog li .cloud1		{ color:#fff; font-weight:bold; font-size:9pt;}
.taglog li .cloud2		{ color:#ccc; font-weight:bold; font-size:9pt;}
.taglog li .cloud3		{ color:#999; font-weight:bold; font-size:9pt;}
.taglog li .cloud4		{ color:#999; font-size:9pt;}
.taglog li .cloud5		{ color:#666; font-size:9pt;  }
.taglog li a:hover		{ color:#c33;}

.gallery					{ margin-bottom:30px;}
.gallery ul				{ padding:0px; margin:0; text-align:justify;}
.gallery li				{ display:inline;}
.gallery li .cloud1		{ color:#fff; font-weight:bold; font-size:9pt;}
.gallery li .cloud2		{ color:#ccc; font-weight:bold; font-size:9pt;}
.gallery li .cloud3		{ color:#999; font-weight:bold; font-size:9pt;}
.gallery li .cloud4		{ color:#999; font-size:9pt;}
.gallery li .cloud5		{ color:#666; font-size:9pt;  }
.gallery li a:hover		{ color:#c33;}

.guestbook p			{ padding:2px 0; margin:0;}

.guestWrite				{ font:7pt verdana; }
.guestWrite input       { font:9pt verdana;  width:150px; padding-left:2px; color:#999;}
.guestWrite textarea	{ font:9pt verdana; width:508px; padding:5px; color:#999;}
.guestWrite .homepage   { width:300px; color:#666;}
.guestWrite .submit		{ width:150px; height:20px; background-color:#aaa; font:7pt verdana; color:#fff;}
.guestWrite .checkbox			{ width:25px; border:none; padding:0; margin:0; }

.guestList					{ width:520px; padding:40px 0 0 0;}
.guestList ol				{ border-left:0px solid #aaa; margin:0 0 35px 0; padding:0 0 10px 0; list-style:none;}
.guestList ol ul			{ margin:0; padding:0; list-style:none;}
.guestList ol li			{ padding-left:15px; overflow:hidden;}
.guestList ol li p			{ border-top:1px solid #aaa; }
.guestList ol li ul li		{ padding:10px 0 0 50px; border:none; overflow:hidden;}
.guestList ol li .name		{ color:#369; font-weight:bold;}
.guestList ol li .name a:link { color:#369; font-weight:bold;}
.guestList ol li .name a:visited { color:#369; font-weight:bold;}
.guestList ol li .name a:hover { color:#369; font-weight:bold;}
.guestList ol li .date		{ font-size:7pt; color:#666; }
.guestList .control			{ font-size:7pt; color:#666;}
.guestList .control a		{ color:#666;}
.guestList .control a:hover	{ font-size:7pt; color:#c33;}


/* ------------------------------------------------------------------- */
/* entry */
/* ------------------------------------------------------------------- */

.entryNotice h2, 
.entryProtected h2, 
.entry h2						{ padding-top:40px; font:13pt dotum; font-weight:bold; }
.entry h5						{ padding-top:40px; padding-bottom:5px; font:16pt 맑은 고딕, dotum; font-weight:bold; color:#369;}
.titleWrap						{ font:8pt verdana, dotum; color:#999; padding-bottom:20px;}
.titleWrap .category a			{ color:#666;}
.titleWrap .category a:hover	{ color:#c33; font-weight:bold;}
.titleWrap .date				{ }
.titleWrap .admin 				{ padding-left:5px;}
.titleWrap .admin a				{ color:#666;}
.titleWrap .admin a:hover		{ color:#c33; font-weight:bold;}

.entryProtected				{ margin-bottom:15px;}
.warning	 				{ background:url(images/imgProtected.gif) no-repeat; padding-left:45px; margin-bottom:10px;}
.entryProtected input		{ width:140px; color:#999; border:1px solid #666;}
.entryProtected .submit		{ font:7pt Verdana; width:50px; height:20px; color:#fff;  background-color:#aaa;}

.article					{ margin:0px 20px 5px 20px; width:95%;} 
.article a:link, 
.article a:visited			{ color:#369; border-bottom:1px dotted #369;}
.article dt					{ text-decoration:underline;}
.article dd					{ margin-left:20px; padding-bottom:10px;}
.article blockquote			{ background:url(images/iconBlockquote.gif) top left no-repeat; padding-left:28px; margin:10px 20px;}


.tagTrail               { padding:0px 5px 0px 0px;}
.tagText				{ }

.actionTrail			{ clear:both;}
.actionTrail .cnt		{ color:#369;}

.trackback				{ padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a			{ color:#999;}
.trackback h3			{ font-size:8pt; color:#666;  margin:0px 5px 10px 0px;}
.trackback h4			{ font-weight:normal; margin:0; font-weight:bold;}
.trackback ol			{ margin:0;  padding:0; list-style:none;}
.trackback li			{ padding:5px;}
.trackback .date		{ font:7pt Verdana; color:#666;}
.trackback p			{ color:#666; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span	{font:7pt Verdana; color:#999;}

.comment		{ background:url(images/comment.gif) no-repeat; padding-top:70px; margin-bottom:4px;  width:100%; overflow:hidden;} 
.comment p		{ margin:3px 0 0 0; padding:0;}
.comment h3		{ display:none;}
.comment ol,
.comment ul			{ margin:0;  padding:0; list-style:none;}
.comment .date		{ font:7pt Verdana; color:#666;}
.comment .name		{ font-weight:bold; color:#369;}
.comment .name a:link		{ font-weight:bold; color:#369;}
.comment .name a:visited		{ font-weight:bold; color:#369;}
.comment .name a:hover		{ font-weight:bold; color:#369;}
.comment ol li		{ padding:10px 5px;}
.comment li ul li	{ padding:5px 10px 10px 40px; }

.comment .control a.address span,
.comment .control a.modify span,
.comment .control a.write span	{ font:7pt Verdana; color:#666;}

.commentWrite					{ padding:5px; margin-top:20px; font:7pt verdana;}
.commentWrite input				{ font:9pt verdana; width:150px; color:#999;}
.commentWrite textarea			{ font:9pt verdana; width:600px; color:#999; padding:5px; top:5px; }
.commentWrite .homepage			{ width:300px;}
.commentWrite .submit			{ height:20px; width:150px; background-color:#aaa; font:7pt verdana; color:#fff;}
.commentWrite .checkbox			{ width:25px; border:none; padding:0; margin:0; }

.paging					{ padding:30px 0px 20px 0px;   text-align:left;  font:7pt verdana;}
.paging .numbox			{ border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font:7pt verdana;}
.paging .num			{ border-right:1px solid #ccc; padding-right:8px; margin-right:5px; font:7pt verdana;}
.paging a:visited		{ color:#999; text-decoration:none;}
.paging a:hover			{ font-weight:bold; color:#c33;}




/* ------------------------------------------------------------------- */
/* ***** footer ***** */
/* ------------------------------------------------------------------- */

#footer					{ font:7pt Trebuchet MS, batang, dotum; line-height:130%; padding:20px 0px;} 
#footer .counter		{ }																	


/* ------------------------------------------------------------------- */
/* ***** etc ***** */
/* ------------------------------------------------------------------- */

.imageblock *			{ border:none !important;}
#mediaLogLimit			{ display:none !important;}
div .box				{ width: 95%; height: auto;	margin: 0; border: 1px dotted #c33; padding: 8px;}