@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
body{
		font:0.75em/1.6 Dotum, 돋움, Tahoma, AppleGothic, Sans-serif;
		background:#FFF;
		color:#333;
}

a:link    { color: rgb(34,98,245); text-decoration: none;}
a:visited { color: rgb(34,98,245); text-decoration: none;}
a:hover   { color: rgb(34,98,245); text-decoration: underline;}
a:active  { color: rgb(34,98,245); text-decoration: underline;}

/* 페이징 - 현재 페이지 */
    .selected               { font-weight:bold;  color:#f30;}
    .no-more-prev { background:url(images/ico_prev_no.gif) left 1px no-repeat !important; color:#999;}
	.no-more-next { background:url(images/ico_next_no.gif) right 1px no-repeat !important; color:#999;}

/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#999;}
/* 달력 월 표시 */
    .cal_month              { font:0.85em Verdana;  height:20px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { height:20px; font:0.95em Dotum, Arial, sans-serif;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { height:20px; font:0.95em Dotum, Arial, sans-serif;  color:#f30;}

/* 달력 Week(tr 영역)  */
    .cal_week               { height:16px; }
    .cal_current_week       { background-color:#eee;}

/* 달력 Day(td 영역) */
    .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#f30 !important;}
    .cal_day_sunday a       { color:#f30 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#666;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#000;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#333;  font-weight:bold;}
    a.cal_click:visited     { color:#333;  font-weight:bold;}
    a.cal_click:hover       { color:#f30;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { background:url(images/ico_admin.gif) 0 5px no-repeat;  padding-left:15px; }
    .rp_secret              { color:#999;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background:url(images/ico_admin.gif) 0 5px no-repeat; padding-left:15px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { background:url(images/ico_secret.gif) no-repeat;  padding-left:10px;  font-weight:normal;}


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

/* 본문 - more / less */
    .moreless_fold          { background:url(images/ico_more.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           { background:url(images/ico_less.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/ico_less.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

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

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
*  { margin:0; padding:0; border:0;}
hr { display:none;}
.clear { clear:both;}
* html { width:100%;}
/* 레이아웃 */
#container     { width:100%;}
#wrapper       { overflow:hidden; position:relative;}
#header        { width:100%; height:42px; 
                background:url(./images/top_bg.jpg) repeat-x;
                overflow:hidden; position:relative;}
#content       { width:77%; float:left;  padding:10px 0 10px 20px;}
#sidebar       { margin-bottom:-5000em !important; padding-bottom:5000em !important; 
                 width:18%; float:right; padding-left:10px; padding-top:10px;
                 background:#F2F2F2; border-left:1px solid #b5b5b5;  overflow:visible; position:relative;}
#footer        { }

/* header 부분 */
#header h1     { color:#FFF; font-size:2.2em; font-weight:bold; text-align:left; float:left; padding:3px 0 0 20px;}
#header a      { color:#FFF; text-decoration:none;}
#header #blogmenu { text-align:right; float:right; font-family:Tahoma,Verdana;}
#header #blogmenu ul { padding:20px 25px 0 0;}
#header #blogmenu ul li { text-decoration:none; display:inline; margin-left:5px;}

/* ******************** 사이드바 공통 스타일 (sidebar) ******************** */
#sidebar a           { color:#555; }
#sidebar a:hover     { color: rgb(34,98,245); }
#sidebar h3          { color: rgb(34,98,245); font-size:1.3em;}
#sidebar ul          { list-style:none; overflow:hidden; margin:5px 0;}
#sidebar li          { list-style:none; background:url(images/bull.gif) 0 6px no-repeat; padding-left:8px;}
#sidebar .module     { margin:5px; background-color:#fff;}
#sidebar .module h3  { font:0.85em verdana; border-bottom:1px solid #333; margin:15px 0 5px 0; color:#333; font-weight:bold;  padding-bottom:5px;}
#sidebar .module h3 span {border-bottom:2px solid #333; padding:3px;}
#sidebar .module .info { line-height:0.9em; margin-bottom:5px}
#sidebar .cnt        { color:#999; font:0.9em tahoma;}
#sidebar .date       { color:#999; font:0.9em tahoma;}
#sidebar .name       { color:#999; font:1em dotum;}
/* 검색 */
#searchBox           { padding-top:6px;}
#searchBox .keyword  { border:1px solid #999; background-color:#eee; color:#333; width:80%; height:18px;}
#searchBox .submit   { background:transparent url(images/btn_search_n.gif) no-repeat scroll 0%;
						border:0pt none; cursor:pointer; height:21px; text-indent:-5000px; width:21px;
}

/* 프로필 박스 스타일 */
#profileBox          { margin:5px;}

/* 프로필 이미지 */
#sidebar .blogImage            { text-align:center;}
#sidebar .blogImage img        { width:92%; padding-bottom:6px;}
#sidebar .blogDesc             { color:#888;  text-align:justify; font-size:0.9em;  line-height:1.2em;  letter-spacing:-1px;}
#sidebar .userID               { color:#888;  background:url(images/iconBy.gif) 3px 0 no-repeat;  padding-left:22px;  letter-spacing:-1px;}

/* 공지사항 */
#sidebar #notice li  { background:url(images/ico_notice.gif) 5px 10px no-repeat; padding:3px 3px 0 20px; border-bottom:1px dashed #ccc;}

/* 태그 목록 */
#sidebar #tagBox ul            { text-align:justify;}
#sidebar #tagBox li            { background:none;  display:inline; padding:0; margin:0;}
#sidebar #tagBox li a          { padding:2px;}
#sidebar #tagBox li .cloud1    { background-color:#f2f2f2;  font-weight:bold;  font-size:1.4em;  color:#729ec4;}
#sidebar #tagBox li .cloud2    { background-color:#f2f2f2;  font-weight:bold;  font-size:1.3em;  color:#78b8c9;}
#sidebar #tagBox li .cloud3    { background-color:#f2f2f2;  font-weight:bold;  font-size:1.2em;  color:#6dbab0;}
#sidebar #tagBox li .cloud4    { background-color:#f2f2f2;  font-size:1.1em;  color:#666;}
#sidebar #tagBox li .cloud5    { font-size:1em;  color:#888;}	
#sidebar #tagBox a:hover       { background-color:#ddd;  text-decoration:none;  color:#000;}

/* 달력 */

#sidebar #calendar h3   { }


/* 카운터 꾸미기 */
#sidebar #counter h3     { }
#sidebar #counter dl     { font:0.85em verdana;  padding:10px;}
#sidebar #counter dt     { float:left;}
#sidebar #counter dd     { text-align:right; height:22px; padding:2px 5px 0 0; margin:0;}
#sidebar #counter .today { color:#f30;} 

/* 배너 */
#sidebar #adTattertools { text-align:center;}
#sidebar #adEolin       { text-align:center;}

/* 구독하기 */
#sidebar #btnRSS   { text-align:center;}

/* ******************** 블로그 컨텐츠 영역 (content) ******************** */
/* 공통 - 검색결과, 지역로그, 태그, 방명록 */
.nonEntry               { margin:0px 15px 10px 5px;}
.nonEntry li            { list-style:none;}
.nonEntry h3            { font-size:1.2em; color:#000; border-bottom:1px solid #ccc; margin-bottom:10px; font-weight:bold;}
.nonEntry h3 strong     { color:#F30; font-weight:bold;}
.nonEntry h3 strong.cnt { color:#999; font-weight:bold;}
.nonEntry ol            { padding:0 5px;}
.nonEntry .date         { font:0.9em verdana; margin-right:5px;}
.nonEntry .cnt          { font:0.9em verdana; color:#999;}

/* 검색 결과 리스트 */
#searchList         { padding-bottom:20px;}
#searchList li,
#searchRplist li    { border-bottom:1px dashed #ccc; padding:5px 0 3px 0;}
#searchRplist       { padding-bottom:30px;}
#searchRplist .name { color:#999;}

/* 지역로그 */
#localog           { background:url(images/bg_local.gif) right 30px no-repeat;}
#localog .spot     { background:url(images/ico_indent.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
#localog .info     { background:url(images/ico_list.gif) 0 5px no-repeat;  padding-left:15px;  margin-top:2px;}
#localog a         { color:#69c;}

/* 태그 */
#taglog ul                  { padding:5px; margin:0; text-align:justify;}
#taglog li                  { display:inline;}
#taglog li .cloud1          { background-color:#eee;  color:#729ec4;  font-weight:bold;  font-size:16px;}
#taglog li .cloud2          { background-color:#eee;  color:#78b8c9;  font-weight:bold;  font-size:15px;}
#taglog li .cloud3          { background-color:#eee;  color:#6dbab0;  font-weight:bold;  font-size:14px;}
#taglog li .cloud4          { background-color:#eee;  color:#666;     font-size:13px;}
#taglog li .cloud5          { font-size:12px;  color:#999; }
#taglog a:hover             { background-color:#eee;  color:#000; text-decoration:none;}

/* 방명록 글쓰기 */
#guestWrite { margin:0 auto; width:500px; background-color:#f3f3f3; padding:20px 0;}
#guestWrite p { padding:2px 20px;}
#guestWrite label { font-size:0.9em; letter-spacing:-1px;}
#guestWrite .input_name { width:150px; border:1px solid #ccc;}
#guestWrite .input_password { width:150px; border:1px solid #ccc;}
#guestWrite .input_homepage { width:250px; border:1px solid #ccc;}
#guestWrite textarea   { width:455px; border:1px solid #ccc; padding:5px;}
#guestWrite .submit { background:url(images/bg_btn.gif) bottom repeat-x; border:1px solid #999; font:1em dotum; padding:9px 10px 4px 10px; color:#666; font-weight:bold;}

/* 방명록 리스트 */
#guestList                  { padding-top:10px;}
#guestList ol,
#guestList ul               { margin:0; padding:0;  list-style:none;}
#guestList li               { padding:10px;  margin-bottom:10px; }
#guestList li ul li         { margin-left:20px; background:url("images/ico_indent.gif") no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px; border:1px solid #eee;}
#guestList li p             { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;}
#guestList li .name         { font-size:1.2em; color:#69c;  font-weight:bold; }
#guestList li .name a       { font-size:1em; color:#69c;  font-weight:bold; background:url(images/ico_house.gif) right no-repeat; padding-right:10px;}
#guestList li ul li .name   { font-size:1em; color:#666;}
#guestList li ul li .name a { color:#666;}
#guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}
#guestList .control a.modify       { padding:0 0 2px 6px;  text-decoration:none;}
#guestList .control a.modify span  { }
#guestList .control a.reply        { padding:0 5px 2px 0px;  text-decoration:none;}
#guestList .control a.reply span   { }

/* ******************** 글영역 ******************** */
/* 글영역 레이아웃 */
.entry,
.entryNotice,
.entryProtected  { padding:10px 15px 30px 5px;}
.entryHead       { }
.entryBody       { }
.entryFoot       { }

/* 본문의 제목영역 */
.entry h2,
.entryNotice h2,
.entryProtected h2           { font-size:1.2em; font-weight:bold;}
.entry .category a,
.entryNotice .category a,
.entryProtected .category a  { color:#999;}
.entry .date,
.entryNotice .date,
.entryProtected .date        { font:0.85em Verdana; color:#999; margin-left:5px;}
.titleInfo                   { border-bottom:1px dashed #ccc;}
.admin                       { text-align:right; font-size:0.9em; color:#999; padding-top:5px;}
.admin a                     { color:#999;}

/* 본문 영역 기본 스타일 */
.article     { text-align:justify; overflow:hidden; padding-bottom:30px;}
.article  p  { margin:5px 0 10px 0;}
.article a:link          { color:#69c;  text-decoration:none;}
.article a:visited       { color:#69c;  text-decoration:none;}
.article a:hover         { color:#000;  text-decoration:underline;}
.article a:active        { color:#69c;  text-decoration:none;}
.article blockquote      { background:url(images/ico_blockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}
.article li              { margin-left:25px;}
.article h1              { font-size : 1.5em;}
.article h2              { font-size : 1.4em;}
.article h3              { font-size : 1.3em;}
.article h4              { font-size : 1.2em;}
.article h5              { font-size : 1.1em;}
.article h6              { font-size : 1em;}
.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}

/* 본문의 태그 */
.tagTrail    { background:url(images/entry_tag.gif) center left no-repeat; padding:5px 5px 5px 35px; clear:both;}
.tagText     { display:none;}
.tagTrail a  { color:#999;}

/* 트랙백과 댓글 열기 */
.actionTrail { border-top:1px dashed #ccc; padding:10px 0;}
.actionTrail .cnt { color:#999;}

/* 트랙백 */
.trackback { background-color:#f6f6f6; padding:15px 10px; border-top:1px solid #e8e8e8; margin-bottom:10px;}
.trackback h3{ font-weight:normal; font:0.9em verdana; padding-bottom:5px;}
.trackback strong { font:1.2em dotum; font-weight:bold;}
.trackback ol {}
.trackback li { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px; list-style:none;}
.trackback h4 { font-size:1em; font-weight:normal;}
.trackback h4 a { color:#000; text-decoration:underline;}
.trackback .from { font-size:0.9em; color:#666;}
.trackback a.delete      { background:url(images/btn_delete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}
.trackback .date { font:0.9em tahoma;}
.trackback p { font-size:0.9em; line-height:1.2em; color:#999;}

/* 댓글 */
.comment                  { background-color:#f6f6f6; padding:15px 10px; border-top:1px solid #e8e8e8;}
.comment h3               { font-size:1em; padding-bottom:5px;}
.comment strong           { font-weight:bold;}
.comment ol,
.comment ul               { margin:0; padding:0;  list-style:none;}
.comment li               { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px; }
.comment li ul li         { border:none; margin-left:20px; background:url("images/ico_indent.gif") no-repeat 0 0; padding:0 0 0 15px;}
.comment li p             { }
.comment li .name         { font-size:1.1em; color:#69c;  font-weight:bold; }
.comment li .name a       { font-size:1em; color:#69c;  font-weight:bold; background:url(images/ico_house.gif) right no-repeat; padding-right:10px;}
.comment li ul li .name   { font-size:1em; color:#666;}
.comment li ul li .name a { color:#666;}
.comment li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}
.comment .control a.modify       { background:url(images/btn_modify.gif) no-repeat;  padding:0 0 2px 36px;  text-decoration:none;}
.comment .control a.modify span  { display:none;}
.comment .control a.reply        { background:url(images/btn_reply.gif) no-repeat;  padding:0 5px 2px 40px;  text-decoration:none;}
.comment .control a.reply span   { display:none;}

/* 댓글 쓰기 */
.commentWrite { margin-top:20px;}
.commentWrite p { padding:2px 5px;}
.commentWrite input { padding:2px;}
.commentWrite .input_name { width:150px; border:1px solid #ccc;}
.commentWrite .input_password { width:150px; border:1px solid #ccc;}
.commentWrite .input_homepage { width:250px; border:1px solid #ccc;}
.commentWrite .secretWrap         { float:right; position:static; top:-23px; left:-10px;}
.commentWrite textarea   { width:450px; border:1px solid #ccc; padding:5px 5px 10px 5px; position:static; overflow:hidden;}
.commentWrite .submit { background:url(images/bg_btn.gif) bottom repeat-x; border:1px solid #999; font:1em dotum; padding:9px 20px 4px 20px;  position:static; color:#666;}
 
/* 보호글 */
.entryProtected input   { border:1px solid #ccc; padding:2px;}
.entryProtected .submit { background:url(images/bg_btn.gif) bottom repeat-x; border:1px solid #999; font:1em dotum; padding:3px 10px 2px 10px;}

/* 페이징 */
#paging            { padding-top:10px;  text-align:center;  font-size:0.95em;}
#paging .numbox    { border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font:0.95em verdana;} 
#paging .num       { border-right:1px solid #ccc; padding-right:8px; margin-right:5px;}
#paging #prevPage { background:url(images/ico_prev.gif) left 1px no-repeat; padding-left:12px;}
#paging #nextPage { background:url(images/ico_next.gif) right 1px no-repeat; padding-right:12px;}


/* ******************** footer (블로그 메뉴와 카피라이트 영역) ******************** */
#footer              { clear:both; width:100%; text-align:center; font:11px Verdana, dotum; color:#666;}
#footer a            { color:#666;}
#footer a:hover      { color:#333;}