@charset "utf-8";


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

/* 본문 공통 */

body		{ padding:0; margin:0; font-family:verdana, helvetica, arial, 돋움, Lucida Sans, Sans Serif; font-size:70%; color:#333; background-color:#FFF; }
a:link		{ color:#333; text-decoration:none;}
a:visited	{ color:#333; text-decoration:none;}
a:hover		{ color:#333;}
a:active	{ color:#333; text-decoration:none;}


/* 페이징 - 현재 페이지 */
.selected	{ font-weight:bold; color:#666;}

/* 카테고리 - 이미지 버튼 */
.ib			{ cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3	{ cursor:pointer; }
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt		{ font-size:7pt; color:#666; font-weight:normal;}


/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general		{ }
.rp_admin		{ }
.rp_secret		{ color:#fff;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general	{ }
.guest_admin	{ }

/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment 	{ background:url(images/iconSecret.gif) no-repeat; padding-left:20px; font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
.cap1			{ color:#666; text-align:center;}
/* 그림 */
.imageblock		{ border:0px; padding:0px; margin:0px;}
/* 왼쪽 */
.left		{ }
/* 가운데 */
.center		{ }
/* 오른쪽 */
.right		{ }
/* 그림 2개 배치 */
.dual		{ margin-bottom:5px;}
/* 그림 3개 배치 */
.triple		{ margin-bottom:5px;}

/* 본문 - more / less */
.moreless_fold		{ color:#666; font-weight:bold; }
.moreless_top		{ color:#666; font-weight:bold; }
.moreless_body		{ }
.moreless_bottom	{ color:#666; font-weight:bold; }

/* 키워드 */ 
.key1		{ cursor:pointer; border-bottom: 1px dotted #ccc; }


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

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



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

#header 			{ width:100%; clear:both; position:relative; height:100px; top:0; left:0; z-index:10000; background-color:#FFFFFF; border-bottom:0px solid #eee;}
/* header의 position에 따라 상대적 위치 설정 가능. position:fixed(고정) position:relative(변화) */
/* border-bottom -> 헤더의 밑줄 부분, 현재 0px이기 때문에 사라졌음. */


#header-content, #content	{width:500px; margin:0 auto; z-index:1; position:relative; clear:both;}
#header .title		{ float:left; width:200px; margin-top:15px;}
#header .nav		{ float:right; width:340px; text-align:right; margin-top:25px; margin-right:0px;}
#container 		{ width:500px; margin:0 auto; z-index:1; position:relative; clear:both;}
#content 			{ padding-top:0px; line-height:160%; overflow:hidden;}
/* header의 position이 fixed일 경우 pading-top:90px, relative일 경우 0px */




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

#header h2				{ font-size:16px; color:#333;}
#header span			{ font-size:10px; color:#666;}
/* ------------------------------------------------------*/
#header span a			{ font-size:10px; color:#333;}
/* 메인 상단 아래에 tag, guestbook 메뉴 글자 부분 */
#header span a:hover	{ color:#999;}




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

#content .localog h3, 
#content .taglog h3, 
#content .guestbook h3		{ padding-top:37px; padding-bottom:32px; color:#333; font-size:12px;}


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

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

.guestWrite				{ font-size:10px; }
.guestWrite input       { font-size:12px;  width:150px; padding-left:2px; color:#999;}
/* guestbook 박스 부분 */
.guestWrite textarea	{ font-size:12px; width:498px; padding:0px 0px 0px 0px; color:#999;}
.guestWrite .homepage   { width:300px; color:#666;}
.guestWrite .submit		{ width:100px; height:25px; background-color:#666; font-size:12px; color:#FFF;}
.guestWrite .checkbox			{ width:25px; border:none; padding:0; margin:0; }


.guestList					{ width:540px; padding:40px 0 0 0;}
.guestList ol				{ border-left:0px solid #aaa; margin:0 0 30px 0; padding:0 0 10px 0; list-style:none;}
.guestList ol ul			{ margin:0; padding:0; list-style:none;}
.guestList ol li			{ padding-left:0px; overflow:hidden;}
.guestList ol li p			{ border-top:0px dotted #ccc; }
.guestList ol li ul li		{ padding:10px 0 0 20px; border:none; overflow:hidden;}
.guestList ol li .name		{ font-size:11px; color:#333; }
.guestList ol li .name a:link { color:#333; font-weight:bold;}
.guestList ol li .name a:visited { color:#333; font-weight:bold;}
.guestList ol li .name a:hover { color:#333; font-weight:bold;}
.guestList ol li .date		{ font-size:10px; color:#666; }
.guestList .control			{ font-size:10px; color:#666;}
.guestList .control a		{ color:#666;}
.guestList .control a:hover	{ font-size:10px; color:#999;}


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

.entryNotice h2, 
.entryProtected h2, 
.entry h2						{ padding-top:37px; font-size:12px; }
.entry h5						{ font-size:12px;}
.titleWrap						{ font-size:10px; font-weight:bold; color:#999;}
.titleWrap .category a			{ color:#666;}
.titleWrap .category a:hover	{ color:#fff;}
.titleWrap .date				{ font-size:10px; color:#999; padding-left: 5px;}
.titleWrap .admin 				{ font-size:10px; padding-left:5px; color:#CCC;}
.titleWrap .admin a				{ font-size:10px; color:#999;}
.titleWrap .admin a:hover		{ color:#CCC;}

.entryProtected				{ }
.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					{ width:100%; padding: 70px 0 0 0;} 
.article a:link, .article a:visited			{ color:#999; border-bottom:1px dotted #999;}
.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; color:#666;}
.tagText				{ color:#666;}


/* 본문 아래에 테그 글자 크기 */
.actionTrail			{ clear:both; color:#666; font-size:10px; }
/* 보눈 아래에 코멘트 담긴 숫자 관련 */
.actionTrail .cnt		{ color:#666;}

.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:0px; width:100%; overflow:hidden;} 
.comment p		{ margin:3px 0 0 0; padding:0;}
.comment h3		{ display:none;}
/* 코멘트 앞에 차례 번호 */
.comment ol,
/* 코멘트 내용 (글자) */
.comment ul			{ font-size:12px; margin:0;  padding:0; list-style:none;}
.comment .date		{ font-size:10px; color:#666;}
.comment .name		{ font-size:11px; color:#333;}
.comment .name a:link		{ color:#333;}
.comment .name a:visited		{ color:#333;}
.comment .name a:hover		{ color:#333;}
.comment ol li		{ padding:10px 0px;}
.comment li ul li	{ padding:10px 10px 10px 20px; }

.comment .control a.address span,
.comment .control a.modify span,

/* 코멘트 이름 옆에 V, X, + 글자 */
.comment .control a.write span	{ font-size:8px; color:#666;}


/* 코멘트 남길때 박스 옆에 name, password, hompage 글자들 */
.commentWrite					{ font-size:10px;}
.commentWrite input				{ font-size:12px; width:150px; color:#999; border:1px solid #999;}
/* 코멘트 박스 부분 */
.commentWrite textarea			{ font-size:12px; width:498px; color:#999; border:1px solid #999; padding: 0px 0px 0px 0px;}
.commentWrite .homepage			{ width:300px;}
/* 코멘트 submit 버튼 */
.commentWrite .submit			{ height:20px; width:120px; background-color:#666; font-size:11px; color:#FFF;}
.commentWrite .checkbox			{ width:25px; border:none; padding:0; margin:0; }

.paging							{ padding:60px 0px 20px 0px; text-align:center; font-size:10px;}
.paging .numbox			{ border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font-size:10px;}
.paging .num					{ border-right:1px solid #ccc; padding-right:8px; margin-right:5px; font-size:10px;}
.paging a:visited				{ color:#333; text-decoration:none;}
.paging a:hover				{ color:#666;}




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

#footer					{ line-height:130%; padding:0px 0px 50px 0px; font-size:10px; text-align: center;}															


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

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