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

/* 본문 공통 */
body{ font:13px Malgun Gothic, Dotum, arial; color:#575757; line-height:150%; margin:0; background-color:#2f2f2f; }
a:link          { color:#333; text-decoration:none;}
a:visited       { color:#333; text-decoration:none;}
a:hover         { color:#000; text-decoration:none;}
a:active        { color:#333; text-decoration:none;}


/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:12px Malgun Gothic, arial, dotum;  color:#00a2ff;}

/* 달력 월 표시 */
    .cal_month              { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:0.95em Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:0.95em Dotum, Arial, sans-serif;  color:#f30; }

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

/* 달력 Day(td 영역) */
    .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;  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/iconAdmin.gif) no-repeat;  padding-left:20px; }
    .rp_secret              { color:#f30;   font-weight:bold;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { background:url(images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}


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

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

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


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

hr              { display:none;}
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.6em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
input           { border:1px solid #aaa;}
textarea        { border:1px solid #aaa;}
.clear          { clear:both;}
/* 블로그 레이아웃 */
#container { width:1050px; margin:0 auto; background:url(images/bgi_02.png) top left repeat-y;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgi_02.png', sizingMethod='crop'); text-align:left; }
#wrap {	width:1010px; margin:0 20px 0 20px; padding:0px; }

.header { width:1010px; margin:0; padding-bottom:10px;	background-color:#131313; }

#inbox { margin:0; }

#content { float:left; margin:15px 0 0 15px; width:600px; overflow:hidden; }

#sidebar { width:380px; float:right;}

#footer { clear:both; padding:20px 0 0 0; }

/* ***** Header ***** */
.header .top             { margin:0; padding:0; }
.header .top .title             { padding:40px 15px 8px 15px;}
.header .top .title a           { font-size:18px; color:#f2f0f0; font-weight:bold; letter-spacing:-0.1em; text-decoration:none;}
.header .top .title a:hover     { color:#ff2e87; text-decoration:none;}

.header .blogMenu      { font:12px arial; color:#6f6f6f; margin:10px 0 0 0;}
.header .blogMenu a    { color:#f2f0f0; text-decoration:none; margin:0 10px 0 10px;}
.header .blogMenu a:hover  { color:#ff2e87; text-decoration:none;}
.header .blogMenu ul   { margin:0 0 0 5px;  padding:0;  list-style:none;}
.header .blogMenu ul li   { display:inline; }


#header .search               { text-align:right;}
#header .search input         { width:150px; background-color:#999; border:0;}
#header .search .submit       { width:40px; height:20px; background:url(images/btn_search.gif) no-repeat; text-indent:-5000px; border:0;}

/*구글 상단 광고 */
#googleTop {height:250px; width:600px; overflow:hidden; margin-bottom: 20px; }
#googleTop .googleLeft {
    float:left;
    width:300px;
}
#googleTop .googleRight {
    float:right;
    width:300px;
}


/* ***** content ***** */


#content .localog h3, 
#content .taglog h3, 
#content .guestbook h3, 
#content .searchList h3, 
#content .searchRplist h3   { padding-bottom:8px; border-bottom:1px solid #c4c4c4; font:16px Malgun Gothic, arial, dotum; color:#575757; font-weight:bold;}

#content .entryNotice,
#content .entryProtected,
#content .entry             { margin-bottom:100px;}

#content .searchList,
#content .searchRplist,
#content .localog,
#content .taglog,
#content .guestbook         { margin-bottom:30px;}

.searchList ol, 
.searchRplist ol            { list-style:none;  padding:0;  margin:0;}
.searchList li, 
.searchList li a          {  font:14px Malgun Gothic, arial, dotum; color:#575757; border-bottom:1px solid #c4c4c4;  padding:8px 0 8px 0; }
.searchList li a:hover    {  color:#ff2f87; text-decoration:underline; }
.searchRplist li a          {  font:14px Malgun Gothic, arial, dotum; color:#575757; border-bottom:1px solid #c4c4c4;  padding:8px 0 8px 0; }
.searchRplist li a:hover    {  color:#ff2f87; text-decoration:underline; }
.searchList .date           { font:12px arial; color:#737373; margin-right:10px; }
.searchRplist .date         { font:12px arial; color:#737373;  margin-right:10px; }
.searchList .cnt            { font:12px arial; color:#ff2e87;} 
.searchRplist .cnt            { font:12px arial; color:#ff2e87;}

.localog .spot              { font:14px Malgun Gothic, arial, dotum; color:#575757; background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
.localog .info              { font:12px arial; color:#737373; background:url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;  padding-left:15px;  margin-top:2px;}
.localog a:link             { font:12px Malgun Gothic, arial; color:#ff2e87;}
.localog a:visited          { font:12px Malgun Gothic, arial; color:#ff2e87;}
.localog a:hover            { font:12px Malgun Gothic, arial; color:#ff2e87;  text-decoration:underline;}



/* 태그 클라우드 */
.taglog ul                  { text-align:justify; padding:5px; margin:0; }
.taglog li                  { display:inline; font:12px Malgun Gothic, dotum, arial; color:#575757; line-height:130%; letter-spacing:-0.1em;}
.taglog li .cloud1          { font:18px Malgun Gothic, dotum, arial; color:#ff2f87; font-weight:bold;}
.taglog li .cloud2          { font:16px Malgun Gothic, dotum, arial; color:#00a2ff; font-weight:bold;}
.taglog li .cloud3          { font:14px Malgun Gothic, dotum, arial; color:#ff9000; font-weight:bold;}
.taglog li .cloud4          { font:12px Malgun Gothic, dotum, arial; color:#95b839; font-weight:bold;}
.taglog li .cloud5          { font:12px Malgun Gothic, dotum, arial; color:#575757; }
.taglog li a:hover           { color:#fff; background-color:#131313;  }


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

.guestWrite                     { padding:15px; background-color:#2f2f2f; font:12px Malgun Gothic, arial, dotum; color:#fff;}
.guestWrite input               { width:150px; padding:3px; border:none; font:12px Malgun Gothic, arial, dotum; color:#575757; }
.guestWrite textarea            { width:565px; height:150px; overflow:auto;	margin:0 0 5px 0; padding:3px; font:12px Malgun Gothic, arial, dotum; color:#575757; line-height:120%; border:none;}
.guestWrite .homepage           { width:300px; border:none; font:12px Malgun Gothic, arial, dotum; color:#575757;}
.guestWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
.guestWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px;}

.guestWrite .name               { font:12px Malgun Gothic, arial, dotum; color:#fff; font-weight:normal; padding-left:31px; margin-bottom:8px;}
.guestWrite .password           { font:12px Malgun Gothic, arial, dotum; color:#fff; font-weight:normal; margin-bottom:8px;}
.guestWrite .website            { font:12px Malgun Gothic, arial, dotum; color:#fff; font-weight:normal; padding-left:28px; margin-bottom:8px;}
.guestWrite .secret             { font:12px Malgun Gothic, arial, dotum; color:#fff; font-weight:normal; margin-bottom:8px;}
.guestWrite .btn                { font:12px Malgun Gothic, arial, dotum; color:#fff; font-weight:normal;}

.guestListt               { background-color:#f5f5f5; margin-bottom:4px; overflow:hidden;} 
.guestList .listtitle    { font:12px arial; font-weight:bold; color:#fff; padding:8px 10px 8px 10px; background-color:#2f2f2f;}


.guestList h3                       { display:none;}
.guestList ol                       { margin:0; padding:0; list-style:none; }
.guestList ul                       { margin:0;  padding:0;  list-style:none;}
.guestList .date                    { font:11px Malgun Gothic, dotum, arial; color:#575757;}
.guestList .delete                  { float:right; margin:0;}
.guestList .name                    { font:12px Malgun Gothic, dotum, arial; color:#575757;font-weight:bold;}
.guestList .name a                  { color:#ff2e87;}
.guestList .name a:hover            { text-decoration:underline;}
.guestList p                        { font:12px Malgun Gothic, dotum, arial;  color:#737373;  margin:3px 0 0 0; padding:0; line-height:150%;}
.guestList ol li                    { padding:10px; background-color:#fbfbfb; border:1px solid #818181; border-top:none; }
.guestList li ul li                 { margin-top:10px; padding:10px; background-color:#fff; border:1px solid #b4b4b4;}



/* entry */
.entryNotice h2, 
.entryProtected h2, 
.titleInfo { margin:0 0 -40px 0; text-align:left;}
.titleInfo h2 		{ margin:0 0 8px 0; }
.titleInfo h2 a		{ font:0px Malgun Gothic, dotum, arial; color:#131313; font-weight:normal; line-height:120%; letter-spacing:-0.1em; }
.titleInfo h2 a:hover  { color:#ff2e87; }
.titleInfo .category   { background:url(images/category_icon.gif) 0 0 no-repeat; font:11px Dotum, Arial;  color:#848484; padding:3px 0 3px 19px; float:left; margin-right:10px;}
.titleInfo .category a   { font:11px Dotum, Arial;  color:#848484; }
.titleInfo .category a:hover   { color:#ff2e87; }
.titleInfo .date       { background:url(images/cal_icon.gif) 0 0 no-repeat; font:11px Dotum, Arial;  color:#848484; padding:3px 0 3px 22px; float:left;}



.blog_admin      { background-color:#f5f5f5; border:1px solid #cdcdcd; padding:8px;  margin-top:0; font:12px dotum; text-align:left;}

.entryProtected p.text   { background:url(images/imgProtected.gif) no-repeat ; padding-left:50px;}
.entryProtected input    { width:200px;}
.entryProtected .submit  { width:50px; padding-top:2px; height:20px; background-color:#ccc;}



.article                 { width:600px; margin:20px 0 0 0; padding-top:20px; border-top:1px solid #c4c4c4; overflow:hidden; font:13px Malgun Gothic, Dotum, arial; color:#575757; line-height:150%;}
.article a:link          { color:#00a2ff;  text-decoration:underline;}
.article a:visited       { color:#00a2ff;  text-decoration:underline;}
.article a:hover         { color:#ff006c;  text-decoration:underline;}
.article a:active        { color:#00a2ff;  text-decoration:underline;}
.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:25px;  margin:10px 20px;} 



.article .author         { float:right; color:#333; background:url(images/gloomy2.png) no-repeat; padding:7px 0 0 64px; height:31px; margin-top:30px;}
.author .text            { display:none;}

.smb { text-align:center; }
.fbl { text-align:center; margin:10px 0 10px 0;}
 
.tagTrail                { background:url(images/tag_icon.gif) 0 0 no-repeat; text-align:left; padding:3px 0 5px 32px; margin-top:25px;}
.tagTrail a { font:11px dotum, arial; line-height:120%; color:#575757;}
.tagTrail a:hover { color:#fff; background-color:#96d100;}
.tagText                 { display:none;}

.actionTrail             { margin-top:20px; padding-bottom:10px; border-bottom:1px solid #c4c4c4; font:18px arial; font-weight:bold; clear:both;}
.actionTrail .cnt1        { color:#00c6ff;}
.actionTrail .cnt2        { color:#ff2e87;}

.trackback               { overflow:hidden;}
.trackback .tr01         { font:12px arial; color:#8c8c8c;  padding:20px 10px 20px 10px; border-bottom:1px solid #c4c4c4; }
.trackback .add          { font-weight:bold; color:#00c6ff; }
.trackback .listtitle    { font:12px arial; font-weight:bold; color:#fff; padding:8px 10px 8px 10px; background-color:#2f2f2f;}
.trackback .List         { }
.trackback a             { color:#00a2ff; font-weight:bold; }
.trackback a:hover       { text-decoration:underline; }
.trackback h4            { font:12px Malgun Gothic, dotum, arial; font-weight:normal;  color:#575757; margin:0 0 0 0; }
.trackback .from         { font:11px Malgun Gothic, dotum, arial; color:#575757; }
.trackback .name         { color:#575757; font-weight:bold; }
.trackback .date         { font:11px Malgun Gothic, dotum, arial; color:#575757; }
.trackback ol            { margin:0; padding:0; list-style:none; }
.trackback ol li         { padding:10px; background-color:#fbfbfb; border:1px solid #818181; border-top:none; }
.trackback p             { font:11px Dotum, Arial;  color:#737373;  margin:3px 0 0 0; padding:0; line-height:130%;}

.trackback .delete      { float:right; margin:0;}


.comment               { background-color:#f5f5f5; margin-bottom:4px; overflow:hidden;} 
.comment .listtitle    { font:12px arial; font-weight:bold; color:#fff; padding:8px 10px 8px 10px; background-color:#2f2f2f;}


.comment h3                       { display:none;}
.comment ol                       { margin:0; padding:0; list-style:none; }
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { font:11px Malgun Gothic, dotum, arial; color:#575757;}
.comment .delete                  { float:right; margin:0;}
.comment .name                    { font:12px Malgun Gothic, dotum, arial; color:#575757;font-weight:bold;}
.comment .name a                  { color:#ff2e87;}
.comment .name a:hover            { text-decoration:underline;}
.comment p                        { font:12px Malgun Gothic, dotum, arial;  color:#737373;  margin:3px 0 0 0; padding:0; line-height:150%;}
.comment ol li                    { padding:10px; background-color:#fbfbfb; border:1px solid #818181; border-top:none; }
.comment li ul li                 { margin-top:10px; padding:10px; background-color:#fff; border:1px solid #b4b4b4;}


.commentWrite                     { padding:15px; background-color:#2f2f2f; font:12px Malgun Gothic, arial, dotum; color:#fff;}
.commentWrite input               { width:150px; padding:3px; border:none; font:12px Malgun Gothic, arial, dotum; color:#575757; }
.commentWrite textarea            { width:565px; height:150px; overflow:auto;	margin:0 0 5px 0; padding:3px; font:12px Malgun Gothic, arial, dotum; color:#575757; line-height:120%; border:none;}
.commentWrite .homepage           { width:300px; border:none; font:12px Malgun Gothic, arial, dotum; color:#575757;}
.commentWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px;}

.commentWrite .name               { font:12px Malgun Gothic, arial, dotum; color:#fff; font-weight:normal; padding-left:31px; margin-bottom:8px;}
.commentWrite .password           { font:12px Malgun Gothic, arial, dotum; color:#fff; font-weight:normal; margin-bottom:8px;}
.commentWrite .website            { font:12px Malgun Gothic, arial, dotum; color:#fff; font-weight:normal; padding-left:28px; margin-bottom:8px;}
.commentWrite .secret             { font:12px Malgun Gothic, arial, dotum; color:#fff; font-weight:normal; margin-bottom:8px;}
.commentWrite .textarea           { }
.commentWrite .btn                { font:12px Malgun Gothic, arial, dotum; color:#fff; font-weight:normal;}


.paging{ clear:both; font:16px arial; font-weight:bold; color:#8e8e8e; text-align:center; margin:15px 0 50px 0; }
.paging a{ color:#424242; }
.paging a:hover{ color:#ff2f87; text-decoration:none;}
.paging span.selected{ color:#41bdf7; }

.paging a.prev{ color:#8e8e8e; margin:0 15px 0 15px;}
.paging a.prev:hover{ color:#424242;}


/* ***** sidebar ***** */
/* 사이드바 공통 */
#sidebar ul                  { padding:0;  margin:0;  list-style:none;}
#sidebar li                  { list-style:none; margin:0 0 3px 0;}
#sidebar li a                { font:13px Malgun Gothic, arial, dotum;  color:#484747; line-height:110%; }
#sidebar li a:hover          { color:#ff2f87; text-decoration:underline; }
#sidebar h3                  { font:1em Georgia;  font-weight:bold; color:#333; padding-top:20px; margin-bottom:5px;}

#sidebar .cnt                  { font:12px Malgun Gothic, arial, dotum;  color:#9fcb2a;}
#sidebar .cnt2                 { font:13px Malgun Gothic, arial, dotum;  color:#9fcb2a;}
#sidebar .date                 { font:11px Malgun Gothic, arial, dotum;  color:#a0a0a0;}
#sidebar .name                 { font:11px Malgun Gothic, arial, dotum;  color:#a0a0a0;}
#sidebar .author               { color:#f36d21;}
#sidebar .author .stext        { color:#999;}

#sidebar #sideProfile .calendar h3 { display:none;}

/* 사이드바 프로필영역 */
#sidebar #sideProfile { background:url(images/bg_profile.gif) repeat-y; }
#sidebar #sideProfile  #wrap_proInfo { float:left; width:50px; padding: 10px 0 10px 10px;}
#sidebar #sideProfile  #wrap_proEtc  { float:right; width:0px; padding:10px 10px 10px 0;}
*html #sidebar #sideProfile  #wrap_proEtc { float:none; width:0px; margin:0; padding-left:10px;}
*:first-child+html #sidebar #sideProfile  #wrap_proEtc { float:none; width:0px; margin:0; padding-left:10px;}

#sidebar .blogImage img        { width:0px;}
#sidebar .blogDesc             { font:12px Malgun Gothic, dotum, arial; color:#575757; line-height:130%; letter-spacing:-0.1em;}
#sidebar .userID               { font:11px Malgun Gothic, dotum, arial; color:#575757;  background:url(images/iconBy.gif) 3px 0 no-repeat;  padding-left:22px;  letter-spacing:-1px;}

/* 사이드바 공지 */
#sidebar .notice               { margin:0;  padding:0;}
#sidebar .notice li            { border-bottom:1px dotted #c4c4c4; padding:4px 0 4px 0; background:none;}
#sidebar .notice a:link        { background:url(images/iconNotice.gif) 0 1px no-repeat; padding:0 0 0 27px; font:12px Malgun Gothic, dotum, arial; color:#575757; }
#sidebar .notice a:visited     { background:url(images/iconNotice.gif) 0 1px no-repeat; padding:0 0 0 27px; color:#575757;}
#sidebar .notice a:hover       { background:url(images/iconNotice_on.gif) 0 1px no-repeat;  padding:0 0 0 27px; text-decoration:none; color:#e1005f;}
/* 사이드바 관리자메뉴 */
#sidebar .adminMenu            { padding:5px 0 0 0px;  margin:2px 0 2px 0; text-align:center;}
/* 사이드바 카운터 */
#sidebar .counter{ font:11px arial; color:#707070; letter-spacing:0; text-align:left; padding:0; margin-bottom:0; border-bottom:1px dotted #bbb;}
#sidebar .counter .box{ border-top:1px dotted #bbb; padding:5px 0 5px 0; }
#sidebar .counter span.num{ font:14px arial; color:#131313; font-weight:bold; }
#sidebar .counter span.today{ margin-right:10px;}

/* 사이드바 블로그아카데미 광고영역 */
#sidebar #adzone { background:url(images/bg_adzone.gif) repeat-y; padding:10px 0 10px 0; text-align:center;}

/* 사이드바 카테고리 */
#sidebar #category { background:url(images/bg_category.gif) repeat-y; padding:10px; }
#sidebar #category .categoryTitle { margin:0 0 5px 0;}
#sidebar #category .category00 {margin:0; }
/*1depth*/
#sidebar #category ul { margin:0; padding:0;}
#sidebar #category ul li { margin:0; padding:0; }
#sidebar #category ul li a { color:#fff; font:13px Malgun Gothic, dotum; }
#sidebar #category ul li a:hover { color:#ffc601; text-decoration:none; }
/*2depth*/
#sidebar #category ul li ul { margin:0; padding:0;}
#sidebar #category ul li ul li { padding-left:14px;  }
#sidebar #category ul li ul li a { color:#fff; font:13px Malgun Gothic,dotum; }
#sidebar #category ul li ul li a:hover { color:#ffc601; text-decoration:none; }
/*3depth*/
#sidebar #category ul li ul li ul {margin:0; padding:0;}
#sidebar #category ul li ul li ul li { padding-left:14px; }
#sidebar #category ul li ul li ul li a { color:#fff; font:12px Malgun Gothic, dotum; }
#sidebar #category ul li ul li ul li a:hover { color:#ffc601; text-decoration:none; }
#sidebar #category .c_cnt { color:#b9fe00; font:12px arial; }



/* 사이드바 최근글 */
#sidebar #sidePost { background:url(images/bg_recentpost.gif) repeat-y; padding:10px; }
#sidebar #sidePost ul { margin:5px 0 0 0; }
#sidebar #sidePost li { margin:0 0 4px 0; background:url(images/arrow.gif) 0 7px no-repeat;  padding-left:9px;}

/* 사이드바 다음뷰 최근글 */
#sidebar #viewRecent { background:url(images/sb_view_recent_bgi.gif) repeat-y; padding:10px; }
#sidebar #viewRecent ul { margin:5px 0 0 0; }

/* 사이드바 다음뷰 인기글 */
#sidebar #viewBest { background:url(images/sb_view_best_bgi.gif) repeat-y; padding:10px; }
#sidebar #viewBest ul { margin:5px 0 0 0; }

#sidebar #viewRecent .viewCenter { text-align:center; }
#sidebar #viewBest .viewCenter { text-align:center; }



/* 사이드바 하단 2단 영역 */
#sidebar #sideWrap { margin:10px 0 0 0; padding:0;}
#sidebar #sideWrap ul { margin:0 0 20px 0;}
#sidebar #sideWrap li {  }
#sidebar #sideWrap a                { font:12px Malgun Gothic, arial, dotum;  color:#484747; line-height:120%; }
#sidebar #sideWrap a:hover          { color:#ff2f87; text-decoration:underline; }

#sidebar #side01{ width:170px; float:left; margin-left:10px; }
#sidebar #side02 { width:170px; margin-left:200px; }

/* 사이드바 태그박스 */
#sidebar #sideWrap .tagbox         { width:170px; margin:0 0 20px 0; line-height:120%; letter-spacing:-0.1em; display:block; text-align:justify; background:none;}
#sidebar #sideWrap .tagbox .cloud1 { font-size:16px; color:#ff2f87; font-weight:bold;}
#sidebar #sideWrap .tagbox .cloud2 { font-size:14px; color:#00a2ff; font-weight:bold;}
#sidebar #sideWrap .tagbox .cloud3 { font-size:13px; color:#ff9000; font-weight:bold;}
#sidebar #sideWrap .tagbox .cloud4 { font-size:12px; color:#95b839; font-weight:bold;}
#sidebar #sideWrap .tagbox .cloud5 { font-size:12px; color:#575757;}	
#sidebar #sideWrap .tagbox a:hover { color:#ffffff; background-color:#131313; text-decoration:none; }


/* 사이드바 최근댓글 */
#sidebar .recentComment        { width:170px; overflow:hidden;}
#sidebar .recentComment li     { overflow:hidden; background:url(images/arrow.gif) 0 8px no-repeat;  padding-left:7px; }
#sidebar .recentComment .info_wrap  {  margin:0; color:#999; display:block;}
/* 사이드바 최근트랙백 */
#sidebar .recentTrackback      { width:170px; overflow:hidden;}
#sidebar .recentTrackback li   { overflow:hidden; background:url(images/arrow.gif) 0 8px no-repeat;  padding-left:7px; }
#sidebar .recentTrackback .info_wrap  {  margin:0; color:#999; display:block;}
/* 사이드바 글저장소 */
#sidebar .archive li           { font-family:verdana; background:url(images/arrow.gif) 0 8px no-repeat;  padding-left:7px; width:170px;}
/* 사이드바 달력 */
#sidebar .calendar             { padding-top:10px;}
#sidebar .calendar td          { font-family:verdana;}
/* 사이드바 링크 */
#sidebar .link li   { overflow:hidden; background:url(images/arrow.gif) 0 8px no-repeat;  padding-left:7px; }

#sidebar .botton          { text-align:center;  padding:10px; background-color:#eee;}
#sidebar .botton img      { vertical-align:middle;}
#sidebar .adTistory       { text-align:center;}
/* ***** footer ***** */
#footer          { text-align:center; background-color:#131313; font:11px arial; color:#a8a8a8; padding:20px 0 20px 0;}
#footer a        { color:#fff;}
#footer a:hover  { color:#ff2e87;}
#footer .copyright { padding:0 10px 0 10px; margin:0;}

div.blogger-news-widget {
    background: url(http://cfile4.uf.tistory.com/image/12588C0E4AB8E0715E1AEE) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}




/* 좌측 플로팅 배너 (Floating Menu) */

#floatdiv {
   position:fixed; _position:absolute; _z-index:-1;
    width:170px;
    overflow:hidden;
    left:0px;
    top:35px;
    background-color: transparent;
    margin:0;
    padding:0;
}

#floatdiv ul  { list-style: none; }
#floatdiv li  { margin-bottom: 2px; text-align: center; }
#floatdiv a   { color: #5D5D5D; border: 0; text-decoration: none; display: block; }
#floatdiv a:hover, #floatdiv .menu  { background-color: #5D5D5D; color: #fff; }
#floatdiv .menu, #floatdiv .last    { margin-bottom: 0px; }

.fixed-top
{position:absolute;bottom:auto; top:0px;margin-left: -15px;}

* html .fixed-top  
{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+50));}