@charset "utf-8";

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

/* 본문 공통 */

body	{ margin:0; padding:0; color:#000; font:12px Dotum, Tahoma, AppleGothic, Sans-serif;}
a:link,
a:visited,
a:active	{ color:#000; text-decoration:none;}
a:hover	{ color:#000; text-decoration:none;}

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

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


/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general	{ }
.rp_admin	{ }
.rp_secret	{ color:#000;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general	{ }
.guest_admin	{ }
.guest_secret	{ color:#000;}
/* 비밀 댓글 ("로그아웃시 비밀글 표현") */
.hiddenComment 	{ color:#000; font-weight:normal;}

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

/* 본문 - more / less */
.moreless_fold	{ padding-left:25px; background:url("images/iconMore.gif") top left no-repeat; color:#000; font-weight:bold;}
.moreless_top	{ padding-left:25px; background:url("images/iconLess.gif") top left no-repeat; color:#000; font-weight:bold;}
.moreless_body	{ }
.moreless_bottom	{ padding-right:25px; background:url("images/iconLess.gif") top right no-repeat; color:#000; font-weight:bold; text-align:right;}


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

img	{ border:none;}
h1,
h2,
h3,
h4	{ margin:0; padding:0; font-size: 12px;}
input,
textarea	{ border-top:1px solid #ccc; border-right:1px solid #eee; border-bottom:1px solid #eee; border-left:1px solid #ccc; background-color:#eee; font:12px Verdana, 굴림, Gulim, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif;}


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

#container	{ width:780px; margin:auto; padding:0;}
#header	{ }
#content	{ clear:both; float:left; width:520px; margin:0; padding:0; overflow:hidden; line-height:150%;}
#sidebar	{ float:right; width:222px; margin:0; padding:0;}
.clear { clear:both; display:block; width:100%; height:1px;}

/* ------------------------------------------------------------------- */
/* ***** Header ***** */
/* ------------------------------------------------------------------- */
*html 
#header { margin:20px 0 0 0; padding:17px 0 5px 0; border-top:3px solid #000; }
#header { margin:20px 0 0 0; padding:17px 0 17px 0; border-top:3px solid #000; }
#header h1 {text-align:center; color:#000; font:35px georgia bold, AppleGothic, Sans-serif; font-weight:bold;  padding-bottom:14px;}

.blogMenu	 { clear:both; color:#fff;}
.blogMenu	 a { float:left; display:block; width:100px; height:32px; padding:3px 5px; border-left:0.135em solid #fff; background-color:#000; color:#fff; font-size:11px; font-family:georgia bold;}
.blogMenu	 a:link,
.blogMenu	 a:visited,
.blogMenu	 a:active {color:#fff; font-size:11px;font-family:georgia bold; }
.blogMenu	 a:hover	{ background-color:#666; color:#000; }
.blogMenu	 a.blogMenuEmpty { width:99px;} /* 중간 빈 메뉴 공간 */



/* ------------------------------------------------------------------- */
/* ***** Sidebar ***** */
/* ------------------------------------------------------------------- */

#sidebar ul	{ list-style:none; margin:0; padding:0 0 25px 0;}
#sidebar li	{ list-style:none; padding:3px 0; border-top:1px solid #ccc;}
#sidebar h3 { padding:5px 0; border-top:2px solid #000; font-size:14px; font-family:georgia bold;  cursor:pointer;}
#sidebar h3 a:hover { font-family:georgia,times,serif; color:#000;}
#sidebar .cnt	{ font:0.8em Dotum, Helvetica, Arial, Gulim, sans-serif; color:#969696;}
#sidebar .name	{ font:0.9em Dotum, Arial, sans-serif;  color:#888;}
#sidebar .date	{ font:10px Tahoma;  color:#888;}

#sidebar 
.blogImage img { width:220px;}
.blogDesc { width:215px; margin-top:10px; color:#000; line-height:50%;}
.userID { font-weight:bold;}

#category ul,
.branch3 {font-family:georgia;}
#category li { padding:0;}
#category li a { display:block; padding:3px 0;}
#category .selected	{ font-weight:bold;}
#category .selected	ul li{ font-weight:normal;}

.blogImage	{ padding-bottom:20px;}
#calendar	{ padding-bottom:25px;}

#archive,
#sidebar .archive select       { font-size:12px; font-family:georgia,times,serif; width:220px;}
#recentPost { font-size:12px; font-family:dotum, georgia;}
#sidebar .recentPost           { font-size:13px; font-family:dotum, georgia;}
#sidebar .recentSc             { margin-top:10px; font-size:12px; font-family:georgia; }


#blogCalendar 
.cal_month {padding:4px 10px 0px 10px; height:30px; }
.cal_month {font-size:1.1em; height:22px; font-weight:bold;}
.cal_week1 {font:dotum; height:18px; font-weight:bold; text-align:left;}
.cal_week2 {text-align:left; color:#aaa;}
.cal_day_sunday {color:#aaa;}
.cal_day_sunday a {color:#aaa;}
a.cal_click:link {text-decoration:underline; }
a.cal_click:visited { text-decoration:underline;}
a.cal_click:hover {text-decoration:underline; }






#link { font-size:12px; color:#000; font-family:georgia; }

#sidebar .search { float:left; height:19px; border:none; background-color:#fff; border: 2px solid #aaa;}
#sidebar .search .input  { width:217px; height:12px; border:none; background:transparent;  color:#000; font-size:12px;}
#sidebar .search .submit  { width:0px; height:0px; border:none; background:transparent; cursor:pointer;}



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

#content .entryNotice, 
#content .entryProtected, 
#content .entry,
#content .guestbook, 
#content .searchList, 
#content .searchRplist		{ padding-bottom:40px;}


#content .searchRplist h2,
#content .searchList h2		{ margin-bottom:15px; padding:5px 0; border-top:2px solid #000; border-bottom:1px solid #ccc; font-size:12px;}

.searchList ol, 
.searchRplist ol	{ list-style:none; margin:0; padding:0px;}
.searchList li, 
.searchRplist li	{ margin-bottom:4px; padding-bottom:2px; line-height:100%;}
.searchList .date, 
.searchRplist .date	{ margin-left:10px; color:#999; font-size:9px;}
.searchList .cnt	{ font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#969696;} 
.searchRplist .name        { }
.searchList .tblist	{ margin-bottom:8px;}
.searchList .tblist a	{ color:#999;}


.guestbook p	{ width:490px; line-height:150%; margin:0; padding:2px 0;}

.guestWrite		{ font:10px Sans-serif; }
.guestWrite input	{ width:150px; background-color:#fff; color:#000;}
.guestWrite textarea	{ font:12px dotum,tahoma; width:480px; height:130px; padding:5px; color:#000; background-color:#fff; }
.guestWrite .homepage       { width:150px;}
.guestWrite .submit	{ width:150px; height:23px; font-size:10px;}
.guestWrite input.checkbox	{ width:15px; margin:0; padding:0; border:none; background-color:#fff;}

.guestList	{ text-align:justify; width:100%; padding:40px 0 0 0;}
.guestList ol	{ list-style:none; margin:0; padding:30px 0 0 0;}
.guestList ol ul	{ list-style:none; margin:0; padding:0;}
.guestList ol li	{ overflow:hidden;}
.guestList ol li p	{ padding-top:7px; background:url("images/dot.gif") repeat-x;}
.guestList ol li ul li	{ padding:10px 0 0 60px; border:none; overflow:hidden;}
.guestList ol li ul li { text-align:justify;}

.guestList ol li .name	{ font-weight:bold;}
.guestList ol li .date { font:12px Tahoma; color:#000;}      
.guestList .control,
.guestList .control a	{ font-size:10px; color:#999;}
.guestList .control a:hover	{ color:#000;}

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

.entryNotice h2, 
.entryProtected h2, 
.entry h2	{ }

.titleWrap	{ margin-bottom:15px;  padding:5px 0; border-top:2px solid #000; border-bottom:1px solid #ccc; color:#999; font-size:11px;}
.titleWrap .category a	{ font-family:dotum; color:#999; font-size:11px;}
.titleWrap .date,
.titleWrap .admin a	{ color:#999;}
.titleWrap .category a:hover,
.titleWrap .admin a:hover		{ color:#000;}
.titleWrap .admin { padding-left:5px;}

.warning	{ margin-bottom:10px; padding-left:45px; background:url("images/imgProtected.gif") no-repeat;}
.entryProtected input	{ width:140px; color:#000; background-color:#eee; }
.entryProtected .submit	{ width:50px; height:18px; background-color:#eee; color:#000; font-size:9px;}


.article	{ font-size:12px; font-family: 돋움, tahoma; text-align:justify; width:100%;}
.article  a:link     { color:#000;  text-decoration:none;}
.article  a:visited  { color:#000;  text-decoration:none;}
.article  a:hover    { color:#000;  text-decoration:none;}
.article  a:active   { color:#000;  text-decoration:none;}

.article dt	{ text-decoration:underline;}
.article dd	{ margin-left:20px; padding-bottom:10px;}
.article blockquote	{ margin:10px 20px; padding-left:28px; background:url("images/iconBlockquote.gif") top left no-repeat;}
.article a img	{ border:none !important;}

.actionTrail	{ font:12px verdana, AppleGothic, Sans-serif;  letter-spacing: 0.7px; clear:both;}
.tbcm		{ font:12px verdana;  float:left; width:auto; padding-top:3px; background-color:#fff}
.tbcm_vbar	{ color:#C6C6C6; padding:0px 4px 0px 4px;}
.actionTrail .cnt	{ color:#000; font-weight:bold;}

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

.comment	{  text-align:justify; width:100%; margin:15px 0 4px 0; padding-top:10px;  background:url("images/dot.gif") top repeat-x; overflow:hidden;} 
.commentList p	{ margin:3px 0 0 0; padding:0; }
.commentList p a:hover	{ font-weight:normal;}
.comment ol,
.comment ul	{ list-style:none; margin:0; padding:0;}
.comment .date    { font:12px Tahoma;  color:#000;}
.comment .name    { font-weight:bold; }
.comment ol li	{ padding:10px 0;}
.comment li ul li	{ padding:5px 10px 10px 60px; text-align:justify;}

.comment .control a.modify span,
.comment .control a.write span	{ color:#999; font-size:9px;}

.commentWrite	{ margin-top:20px; font:10px Sans-serif;}
.commentWrite p	{ margin:3px 0 0 0; padding:0;}
.commentWrite input	{ width:150px; background-color:#fff; color:#000;}
.commentWrite textarea	{  text-align:justify; font:12px dotum,tahoma; height:110px; background-color:#fff; width:506px; padding:5px; top:5px; color:#000;}
.commentWrite .homepage	{ background-color:#fff; width:150px;}
.commentWrite .submit	{ width:150px; height:20px; color:#000; font-size:7px;}
.commentWrite input.checkbox	{ width:15px; margin:0; padding:0; border:none; background-color:#fff;}

.paging		{ text-align:center; padding:10px 0 10px 0; line-height:130%;  font-size:11px; }
.paging .numbox	{ border-left:1px solid #B5B5B5; padding-left:6px; margin-left:6px;  font:12px verdana;}
.paging .num	{ border-right:1px solid #B5B5B5; padding-right:8px; margin-right:5px;}
.paging a 	{ color:#000; text-decoration:none;}
.paging a:hover	{ color:#999;}


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


#footer	{ float:center; width:100%; margin:30px 0; padding-bottom:5px; border-top:3px solid #000; font-family:georgia;}
#footer .copyright {  font:12px georgia,times,serif; text-align:center; padding-top:7px; color:#000;}

#footer a:link			{ color:#000;     text-decoration:none;}
#footer a:visited		{ color:#000;    text-decoration:none;}
#footer a:hover			{ color:#000;  text-decoration:none;}
#footer a:active			{ color:#000;     text-decoration:none;}

/* ------------------------------------------------------------------- */
/* ***** coverpage ***** */
/* ------------------------------------------------------------------- */

.coverpage .img_preview { float:right; }
.coverpage .img_preview img { width:40px; height:40px; margin:0 0 5px 5px; border-top:2px solid #000;}
.coverpage .content_box h2 { padding:5px 0 0 0; border-top:2px solid #000;}
.coverpage .post_info { margin-bottom:15px; color:#999; font-size:9px;}
.coverpage .post_info .category a	{ color:#999; font-size:11px;}
.coverpage .post_tags	{ clear:both; margin:10px 0 30px 0; color:#999; font-size:12px;}
.coverpage .post_tags a	{ color:#999; font-size:12px;}