@charset "utf-8";

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

/* 본문 공통 */

body	{ margin:0; padding:0; color:#000; font:12px Verdana, 굴림, Gulim, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif;}
a:link,
a:visited,
a:active	{ color:#000; text-decoration:none;}
a:hover	{ color:#f60; text-decoration:none;}

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

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

/* 달력 월 표시 */
.cal_month					{ padding-bottom:5px; font-size:10px; font-weight:bold; text-align:center;}
/* 달력 요일 표시("th 영역") */
.cal_week1				{ }
/* 달력 일요일 표시("th 영역") */
.cal_week2				{ color:#f60;}
/* 달력 Week("tr 영역")  */
.cal_week					{ }
.cal_current_week		{ background-color:#eee;}
/* 달력 Day("td 영역") */
.cal_day					{ font-size:9px; text-align:center;}
/* 달력 Day, 일요일 ("td 영역")  */
.cal_day_sunday,
.cal_day_sunday a		{ color:#f60;}
/* 달력 지난 달 날짜 표시("td")   */
.cal_day1					{ }
/* 달력 다음 달 날짜 표시("td")   */
.cal_day2					{ }
/* 달력 이번 달 날짜 표시("td") */
.cal_day3					{ }
/* 달력 오늘 날짜 표시("td") */
.cal_day4					{ color:#f60; font-weight:bold;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link,
a.cal_click:visited		{ font-weight:bold;}
a.cal_click:hover		{ color:#f60;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general	{ }
.rp_admin	{ }
.rp_secret	{ color:#f60;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general	{ }
.guest_admin	{ }
.guest_secret	{ color:#f60;}
/* 비밀 댓글 ("로그아웃시 비밀글 표현") */
.hiddenComment 	{ color:#f60; 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:830px; margin:auto; padding:0;}
#header	{ }
#content	{ clear:both; float:left; width:600px; margin:0; padding:0; overflow:hidden; line-height:150%;}
#sidebar	{ float:right; width:200px; 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 a { float:left; font:20px Dotum, 돋움, Verdana, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif; font-weight:bold; padding-bottom:14px;}
#header .search { float:right; border:none; background-color:#000;}
#header .search .input		{ width:159px; height:16px; border:none; background:transparent;  color:#fff; font-size:12px;}
#header .search .submit		{ width:39px; height:16px; border:none; background:url("images/search.gif") top right no-repeat; cursor:pointer;}
.blogMenu	 { clear:both; color:#fff;}
.blogMenu	 a { float:left; display:block; width:93px; height:30px; padding:3px 5px; border-right:1px solid #fff; background-color:#000; color:#fff; font-size:9px;}
.blogMenu	 a:link,
.blogMenu	 a:visited,
.blogMenu	 a:active {color:#fff; font-size:9px;}
.blogMenu	 a:hover	{ background-color:#666; color:#fff;}
.blogMenu	 a.blogMenuEmpty { width:91px;} /* 중간 빈 메뉴 공간 */


/* ------------------------------------------------------------------- */
/* ***** 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; cursor:pointer;}
#sidebar h3 a:hover { color:#f60;}
#sidebar .cnt	{ color:#999; font-size:9px;}
#sidebar .name	{ color:#999;}
#sidebar .date	{ color:#999; font-size:9px;}

#sidebar .blogImage img { width:200px;}
.blogDesc { line-height:150%;}
.userID { font-weight:bold;}

/* Categories */
#category ul,
#category li { padding:0;}
#category li a { display:block; padding:3px 0;}
#category .selected	{ font-weight:bold;}
#category .selected	ul li{ font-weight:normal;}

#category,
#calendar	{ padding-bottom:25px;}
.blogImage	{ padding-bottom:20px;}
#archive,
#link { font-size:11px;}

#rss a { display:block; width:20px; height:20px; background:url("images/rss.gif") top left no-repeat;}
#rss a:hover { background:url("images/rss-on.gif") top left no-repeat;}


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

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

#content .keylog h2, 
#content .localog h2, 
#content .taglog h2, 
#content .guestbook h2		{ margin-bottom:30px; padding:5px 0; border-top:2px solid #000; border-bottom:1px solid #ccc; font-size:12px;}		
#content .medialog h2,
#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	{ color:#f60; font-size:9px;} 
.searchRplist .name	{ }
.searchList .tblist	{ margin-bottom:8px;}
.searchList .tblist a	{ color:#999;}

.localog a { font-weight:bold;}
.keylog ul,
.taglog ul				{ margin:0; padding:0px; text-align:justify;}
.keylog li,
.taglog li				{ display:inline;}
.taglog li .cloud1		{ color:#000; font-weight:bold;}
.taglog li .cloud2		{ color:#222; font-weight:bold;}
.taglog li .cloud3		{ color:#333; font-weight:bold;}
.taglog li .cloud4		{ color:#444; }
.taglog li .cloud5		{ color:#444;}
.taglog li a:hover	{ color:#f60;}

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

.guestWrite		{ font-size:9px; }
.guestWrite input	{ width:150px; background-color:#eee; color:#000;}
.guestWrite textarea	{ width:588px; padding:5px; color:#000;}
.guestWrite .homepage   { width:300px;}
.guestWrite .submit		{ width:150px; height:20px; font-size:9px;}
.guestWrite input.checkbox	{ width:15px; margin:0; padding:0; border:none; background-color:#fff;}

.guestList	{ 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:right;}

.guestList ol li .name	{ font-weight:bold;}
.guestList ol li .date,
.guestList .control,
.guestList .control a	{ font-size:9px; color:#999;}
.guestList .control a:hover	{ color:#f60;}


/* ------------------------------------------------------------------- */
/* 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:9px;}
.titleWrap .category a	{ color:#999; font-size:11px;}
.titleWrap .date,
.titleWrap .admin a	{ color:#999;}
.titleWrap .category a:hover,
.titleWrap .admin a:hover		{ color:#f60;}
.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	{ width:100%;} 
.article a:link,
.article a:visited,
.article a:active	{ color:#f60;}
.article a:hover	{ color:#000; border: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;}

.tagTrail	{ clear:both; margin-top:20px; padding:0px 5px 0px 0px;}
.tagText	{ }

.actionTrail	{ clear:both;}
.actionTrail .cnt	{ color:#f60; 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:#f60; font-size:11px;}
.trackback h4	{ margin:0;}
.trackback h4 a	{ color:#f60;}
.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	{ 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	{ color:#999; font-size:9px;}
.comment .name	{ font-weight:bold;}
.comment ol li	{ padding:10px 0;}
.comment li ul li	{ padding:5px 10px 10px 60px; text-align:right;}

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

.commentWrite	{ margin-top:20px; font-size:9px;}
.commentWrite p	{ margin:3px 0 0 0; padding:0;}
.commentWrite input		{ width:150px; background-color:#eee; color:#000;}
.commentWrite textarea	{ width:588px; padding:5px; top:5px; color:#000;}
.commentWrite .homepage	{ width:300px;}
.commentWrite .submit	{ width:150px; height:20px; color:#000; font-size:9px;}
.commentWrite input.checkbox	{ width:15px; margin:0; padding:0; border:none; background-color:#fff;}

.paging		{ float:left; padding:10px 0 10px 0; line-height:130%;  font-size:9px; }
.paging .numbox	{ margin-left:6px; padding:0 8px 0 2px; border-left:1px solid #000; }
.paging .num	{ padding:0 9px 0 6px; border-right:1px solid #000;}
.paging a	{ color:#000; text-decoration:none;}
.paging a:hover		{ color:#999;}


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

#footer		{ width:100%; margin:30px 0; padding-bottom:5px; border-top:3px solid #000; font-size:9px; }
#footer .copyright { float:right; padding-top:7px; text-align:right;}
.letterT	{ color: #009bd5;}
.letterE	{ color: #0083ae;}
.letterX	{ color: #e80478;}
.letterT2	{ color: #b71767;}
.letterC	{ color: #fdc11f;}
.letterU	{ color: #f39424;}
.letterB	{ color: #b1d04d;}
.letterE2	{ color: #8daa41;}

/* ------------------------------------------------------------------- */
/* ***** 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;}