@charset "utf-8";
/* 문서 공통 --------------------------------------------------------- */
/* ------------------------------------------------------------------- */
* { margin:0; padding:0; border:none; }
body { color:#888; font:12px AppleGothic, Verdana, 굴림, Gulim, AppleGothic, sans-serif; }
a:link,
a:visited,
a:active { color:#888; text-decoration:none;}
a:hover { color:#f60;}
h1 { font:24px AppleGothic, dotum, 돋움, Gulim, AppleGothic, sans-serif;}
h2 { font:18px AppleGothic, dotum, 돋움, Gulim, AppleGothic, sans-serif;  font-weight:bold;}
h2 a { color:#888; }
h3, h4, h5, h6 { font-size: 11px;}
input { height:18px;}
button,
input,
textarea { vertical-align:middle; border-top:1px solid #ccc; border-right:1px solid #fefefe; border-bottom:1px solid #fefefe; border-left:1px solid #ccc; background-color:#eee; font:12px Verdana, 굴림, Gulim, 'Trebuchet MS', Tahoma, AppleGothic, sans-serif; color:#888;}
input:focus,
textarea:focus { background-color:#ddd;}
hr { display:none;}
.clearer { margin:0; padding:0; clear:both; display:block; width:100%; height:0; font-size:1px; ;}
.cnt { color:#aaa; font-size:1px;}
.date,
.control,
.control a:link,
.control a:visited { color:#aaa; font-size:9px;}
.control a:hover { color:#f60;}

/* 블로그 레이아웃 --------------------------------------------------- */
/* ------------------------------------------------------------------- */
#container { margin:0 auto; width:980px;}
#header { margin-top:45px; float:right;}
#content { margin-top: 80px; float:left; width:735px; overflow:hidden; line-height:20px;}
#sidebar {  margin-top:20px; float:right; width:200px; }

/* Header ------------------------------------------------------------ */
/* ------------------------------------------------------------------- */
#header .blogMenu ul { list-style:none;}
#header .blogMenu ul li { display:inline;}
#header .blogMenu { color:#aaa; font-size:9px;}
#header .blogMenu a:link,
#header .blogMenu a:visited { color:#aaa;}
#header .blogMenu a:hover { color:#f60;}

/* content ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */
#content .localog, #content .taglog, #content .entryNotice, #content .entryProtected, #content .entry, #content .guestbook, #content .searchList, #content .searchRplist { padding-bottom:50px;}
#content .localog h2, #content .taglog h2, #content .guestbook h2, #content .medialog h2, #content .searchList h2 { padding:10px 0 20px 0; }
.searchList ol { list-style:none;}
.searchList li { margin-bottom:7px; line-height:100%; font-variant:small-caps;}
.searchList li a:visited { padding-left:15px; background:url("images/valid.gif") bottom left no-repeat;}
.searchList .date { margin-left:10px;}
.taglog ul { list-style:none; text-align:justify;}
.taglog li { display:inline;}
.taglog li .cloud1,
.taglog li .cloud2,
.taglog li .cloud3 { color:#f60; font-weight:bold;}
.taglog li .cloud4 { color:#f60;}
.taglog li .cloud5 { }
.taglog li a:hover { color:#f60;}
.guestWrite p { margin:2px 0;}
.guestWrite label { font-size:9px;}
.guestWrite input { width:150px;}
.guestWrite textarea { width:588px; padding:5px;}
.guestWrite .homepage   { width:300px;}
.guestWrite .submit  { height:22px; font-size:9px;}
.guestWrite .warn { margin-left:20px;}
.guestWrite input.checkbox { width:auto; border:none; background:none;}
.guestList { width:100%; margin:50px 0 0 0;}
.guestList ol,
.guestList ol ul { list-style:none;}
.guestList ol li { margin:25px 0 0 0;}
.guestList ol li p { padding-top:5px; background:url("images/gif") repeat-x; text-align:justify;}
.guestList ol li p a { color:#f60;}
.guestList ol li ul li { margin:15px 0 0 60px;}
.guestList .name { font-weight:bold;}
.guestList .guest_general { }
.guestList .guest_admin { }
.guestList .guest_secret { color:#03B203;}

/* entry ------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
 .entryNotice h2 a:link, .entryProtected h2 a:link, .entry h2 a:link, .entryNotice h2 a:visited, .entryProtected h2 a:visited, .entry h2 a:visited { color:#888;}
.entryNotice h2 a:hover, .entryProtected h2 a:hover, .entry h2 a:hover { color:#f60;}
.entry h2						{ font:11pt dotum; font-weight:bold; color:#369;}
 
.entryInfo { padding-bottom:20px; color:#aaa; font-size:9px; line-height:normal;}
.entryInfo a:link,
.entryInfo a:visited { color:#aaa;}
.entryInfo a:hover { color:#f60;}
.entryInfo .category { font-size:11px;}
.entryInfo .control { padding-left:5px;}
.entryProtected { }
.warningStripeTop { display:block; width:600px; height:50px; background:url("images/stripe.gif") left top no-repeat;}
.warningStripeBottom { display:block; width:600px; height:200px; background:url("images/stripe.gif") left bottom no-repeat;}
.entryProtected input { vertical-align:middle; width:160px; height:18px; color:#888; background-color:#eee; }
.entryProtected button { vertical-align:middle; width:60px; height:20px; color:#888; font-size:9px;}
.tagTrail { clear:both; text-align: justify;}
.actionTrail { clear:both;}
.actionTrail .cnt { color:#f60; font-size:11px; font-weight:bold;}
.trackback  { width:100%; margin:2px 0 4px 0; overflow:hidden;}
.trackback a { color:#888;}
.trackback h3 { margin:0px 5px 10px 0px; color:#f60; font-size:11px;}
.trackback h4 { }
.trackback h4 a { color:#f60;}
.trackback ol { list-style:none;}
.trackback li { padding:7px 0;}
.trackback p { margin:3px 0 0 0; padding:0; text-align: justify;}
.trackback .name,
.trackback .name a { color:#aaa;}
.comment { margin-top:20px; padding-top:10px; width:100%; background:url("images/gif") ;} 
.comment h3 { display:none;}
.comment p { text-align:justify;}
.comment ol,
.comment ul { list-style:none;}
.comment ol li { margin:25px 0 0 0;}
.comment li ul li { margin:15px 0 0 60px; }
.comment .name { font-weight:bold;}
.rp_general { } 
.rp_admin { }
.rp_secret { color:#f60;}
.hiddenComment  { color:#f60; font-weight:normal;}
.commentWrite { margin-top:50px;}
.commentWrite label { font-size:9px;}
.commentWrite p { margin:2px 0;}
.commentWrite input  { width:150px;}
.commentWrite textarea { width:588px; padding:5px;}
.commentWrite .homepage { width:300px;}
.commentWrite .submit { height:22px; font-size:9px;}
.commentWrite input.checkbox { width:auto; border:none; background:none;}
.paging  { margin:10px 0 30px 0; color:#ccc; font-size:9px; text-align:center;}
.paging a:link { color:#888;}
.paging a:visited { color:#aaa;}
.paging a:hover { color:#f60;}
.paging .prev { margin-right:15px;}
.paging .next { margin-left:15px;}
.selected { color:#f60;} /* 페이징 - 현재 페이지 */

/* article ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */
.article { color:#666; width:100%; text-align: justify; margin-bottom:25px;} 
.article a:link,
.article a:active { color:#f60; }
.article a:visited { color:#888; }
.article a:hover { text-decoration:underline; border:none; color:#888;}
.article img,
.article table,
.article div { margin:0 0 10px 0; padding:0;}
.article:first-child { margin-top:0;}
.article p { margin:0 0 15px 0; padding:0;}
.article .another_category { margin-top:15px; padding:10px;}
.article ol,
.article ul { padding:0 0 10px 40px;}
.article li { }
.article pre { margin-bottom:10px; padding:8px; overflow:auto; border:1px solid #aaa; background-color:#eee; line-height:150%;}
.article code { font-family: AppleGothic, 'Courier New', Courier,'bitstream vera sans mono', mono, 돋움, Dotum, monospace;}
.article dt { margin:10px 0 0 0; font-weight:bold; color:#aaa;}
.article dd { padding:0 0 0 40px; border-top:1px solid #eee; color:#aaa;}
.article blockquote { margin-left:10px; padding-left:30px; background:url("images/iconBlockquote.gif") top left no-repeat;}
.article abbr,
.article acronym { border-bottom:1px dotted #f60; cursor: help;}
.article sup,
.article sub { color:#f60;}
.article em { font-style:normal;}
.article strong { color:#f60; font-weight:normal;}
.article address { margin:0 0 15px 0; padding:0; vertical-align:middle; color:#999; font-style:normal;}
.article address a:link,
.article address a:active { border-bottom:1px dotted #aaa; color:#aaa; font-style:normal;}
.article address a:visited { border-bottom:1px dotted #aaa; color:#aaa; padding-right:12px; margin-right:3px; background:url("images/valid.gif") bottom right no-repeat;}
.article address a:hover { border:none; color:#f60;}
p.cap1 { margin:0; padding:2px 0 0 0; color:#aaa; text-align:center;} /* 이미지 아래 캡션 스타일 */
.imageblock      { border:none; vertical-align:top; line-height:normal;}
.imageblock a:link,
.imageblock a:visited,
.imageblock a:hover,
.imageblock a:active { border-style: none;}
.imageblock img { margin:0;}
div.left { margin:4px 0 0 0;}
.center { }
div.right { margin:4px 0 0 0;}
.dual { }
.triple { }
.key1 { border-bottom:1px dotted #f60; color:#f60;}
.key1:hover { color:#888; border:none;}
/* 본문 - more / less */
p.moreless_fold { margin:0 0 10px 0; padding-left:25px; background:url("images/.gif") top left no-repeat; color:#888; font-weight:bold;}
p.moreless_top { padding-left:25px; background:url("images/iconLess.gif") top left no-repeat; color:#888; font-weight:bold;}
.moreless_body { }
p.moreless_bottom { padding-right:25px; background:url("images/iconLess.gif") top right no-repeat; color:#888; font-weight:bold; text-align:right;}

/* Sidebar ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */
#sidebar ul { list-style:none;}
#sidebar li { list-style:none; margin-bottom:2px;}
#sidebar h2 { display:none;}
#sidebar h3 { padding:10px 0 5px 0;}
#sidebar h3 a:link,
#sidebar h3 a:visited,
#sidebar h3 a:active { color:#888; cursor:pointer;}
#sidebar h3 a:hover { color:#f60;}
#sidebar .name { color:#aaa;}
#sidebar h3 a.rss span { display:none;}
#calendar,
#category,
#recentPost,
#recentComment,
#recentTrackback { display:block; padding-bottom:10px;}
#archive,
#link { padding-bottom:10px; font-size:11px;}
.ib { cursor:pointer;} /* 카테고리 - 이미지 버튼 */
.branch3 { cursor:pointer; } /* 카테고리 - 트리 셀 */
.c_cnt { color:#aaa; font-size:9px;} /* 카테고리 - 카테고리 옆 개수 스타일 */
.cal_month { padding:5px 0 10px 0; font:bold 12px Georgia; text-align:center;} /* 달력 월 표시 */
.cal_week1 { } /* 달력 요일 표시("th 영역") */
.cal_week2 { color:#f60;} /* 달력 일요일 표시("th 영역") */
.cal_week { } /* 달력 Week("tr 영역")  */
.cal_current_week { }
.cal_day { font-size:9px; text-align:center;} /* 달력 Day("td 영역") */
.cal_day_sunday, /* 달력 Day, 일요일 ("td 영역")  */
.cal_day_sunday a { color:#f60;}
.cal_day1 { } /* 달력 지난 달 날짜 표시("td")   */
.cal_day2 { } /* 달력 다음 달 날짜 표시("td")   */
.cal_day3 { } /* 달력 이번 달 날짜 표시("td") */
.cal_day4 { color:#fff; background-color:#ccc;} /* 달력 오늘 날짜 표시("td") */
a.cal_click:link, 
a.cal_click:visited { font-size:11px; font-weight:bold;}/* 달력 글쓴 날 링크 스타일 */
a.cal_click:hover { }
 
/* 하단 배너  */
#sidebar .search         { text-align:left;}
#sidebar .search input   { width:108px; padding-left:45px; border:1px solid #ccc; padding-top:3px; color:#626262; font:12px Dotum, 굴림, verdana; height:15px; background:url(images/bgSearch.gif); margin-top:3px;}
#sidebar .search .submit { width:45px; height:21px; background-color:#eee; font:8pt verdana; color:#888;}
 
/* footer ------------------------------------------------------------ */
/* ------------------------------------------------------------------- */
#footer { clear:both; margin:20px 0 40px 0; color:#aaa; text-align:right; line-height:130%; font-size:9px; }
#footer .counter { float:right; } 
#footer a { color:#aaa;}
#footer a.valid { padding-left:12px; background:url("images/valid.gif") bottom left no-repeat;}
#footer a:hover { color:#f60;}
 
a,input {selector-dummy :expression(this.hideFocus=true); text-decoration:none}

a.go-to-top {
background:url("images/icon-top.png") no-repeat; /* 바탕그림(화살표) */
position:fixed; /* 위치 고정 */
display:block; /* 앵커를 블럭요소로 */
bottom:20px; /* 아래에서 20px 만큼 떨어진 곳 */
right:20px; /* 오른쪽에서 20px 만큼 떨어진 곳 */
width:30px;
height:30px; /* 가로 세로 크기 */
text-indent:-999em; /* text 들여쓰기를 많이줘서 안보이게하기 */
}

#tistorytoolbarid { display : none; }

