@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
body{
font: 0.72em/1.2 Verdana;/*0.72em(recent post외 글자크기) 1.2(줄간격)*/
color:#999; margin-top:0px; 
margin-left:0px; 
background:#ffffff url(./images/title_780_.jp_) no-repeat; /*외곽배경*/             
scrollbar-face-color: #E5E5E5;
scrollbar-shadow-color:#F3F3F3; 
scrollbar-highlight-color: #F7F7F7;
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-darkshadow-color: #F7F7F7;      
scrollbar-track-color: #F5F5F5;
scrollbar-arrow-color: #FFFFFF;
letter-spacing:-1px;  
}
/* 2. 기본 링크 */
 a:link {text-decoration: none; color:#999;}
 a:visited {text-decoration: none; color:#999; }
 a:hover {text-decoration: underline; color:#ccc; }
 a:active {text-decoration: none; color:#999; }
/* 3. 이미지 */
 img {border-width: 0px; }
/* 4. 이미지 버튼 */
 .ib { cursor: pointer; }
/* 5. 입력 텍스트 */
 .text { border:1px solid #999; background-color:#222; height:18px; }
/* 6. 트리 테이블 */
 .branch2 { }
/* 7. 트리 셀 */
 .branch3 {cursor: pointer;  height: 10px; }
/* 달력 월 표시 */
    .cal_month              { color:#cc0000 ; font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight;}
 .cal_month  a           { color:#aaaaaa!important;}
 .cal_month  a:hover     { color:#FF6804!important; }
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:0.99em Dotum, Arial, sans-serif;  height:18px;  font-weight:normal; color:#FF6804; }
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:0.99em Dotum, Arial, sans-serif;  color:#cc0000; } 
/* 달력 Week(tr 영역)  */
    .cal_week               { background:none;}
    .cal_current_week       { background-color:#e5e5e5; padding: 3px 0 5px 0;}

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

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#aaaaaa;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#aaaaaa;}
/* 달력 이번 달 짜 표시(td) */
    .cal_day3               { color:#aaaaaa;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#D3D1D1;  background-color:#a0a0a0; padding: 3px 0 5px 0;}
 .cal_day4 a  {}
 .cal_day4 a:hover {text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#FF6804;  }
    a.cal_click:visited     { color:#FF6804;  }
    a.cal_click:hover       { color:#FF6804;  }
 
 
    .calendar td  { font-family:verdana;}

/* 16. 이미지 아래 캡션 스타일 */
 .cap1 { color:#876; text-align: center; }
/* 16. 키워드 스타일 */
 .key1 { cursor: pointer; border-bottom: 1px dotted #0686A8; } </*dotted #ccc  */
/* 16. 카테고리 옆 개수 스타일 */
 .c_cnt {font:90% verdana; color:#999; }
/* 17. 최신글 옆 개수 스타일 */
 .ps_cnt { font:10px verdana; color:#999; }



/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
hr {display:none;} 
h1, h2, h3, h4{margin:0; color:#222;}
h1{font-size:130%;}
h2{font-size:120%;}
h3{font-size:110%;}
h4{font-size:100%;}

ul, ol{
list-style:none;
margin:0;
padding:0;
}
input{ height:18px; border:1px solid #222; background-color:#1c1c1c; color:#999; margin:1px;}
textarea{ height:100px;  border:1px solid #222; background-color:#1c1c1c; color:#999; margin:1px 0; overflow:visible;}

/* 블로그의 레이아웃 */
.header_container{height:22px;z-index:10;position:absolute;left:932px; top:0px;} /*사이드바 외곽틀 수정*/
.container2{ }
.container1{width:1180px; margin: 0 auto; }; 





/* 티스토리 툴바 숨기기 */
#tistorytoolbarid {display : none;}

.header{ margin:0px; } /*헤드좌측간격*/
.header .bloginfo{float:left;}
.header .bloginfo .image{float:left; margin:0px;}   
.header .bloginfo .image img{width:90px; height:0px;}
.header .bloginfo .menu { clear:both; font:10px Verdana ;font-weight: bold; letter-spacing:-1px;  background-color:#ffffff; border:1px solid #151515;height:15px; PADDING-TOP: 2px ;PADDING-BOTTON: 2px;PADDING-LEFT: 3px;PADDING-RIGHT: 2px}
.header .search{ text-align:right;  margin-left:0px; padding-top:52px;}

.contentLayoutMiddle{ background-color:#242424;   repeat-y; clear:both;}
.contentLayoutTop{ background-color:#242424;   no-repeat top;}
.contentLayoutBottom{ background-color:#242424;   no-repeat bottom;}
.content { margin:0px 0;  padding:40px; background-color:#ffffff;}

.sideinfo{clear:both; width:1180px;  margin-top:2px; margin-bottom:7px;  background-color:#ffffff; filter: alpha(opacity=90);  opacity:0.9; /*  상단(사이드바) 메인 메뉴 폭수정 */
border:1px solid #222222;}
.sideinfo .category{width:180px; margin-left:20px; margin-right:10px; float:left;}
.sideinfo .calender{width:180px; margin-right:10px; padding:0; float:left; margin-bottom:10px;}
.sideinfo .recentPost{width:180px; margin-right:10px; float:left;}
.sideinfo .recentPost .cnt{color:#cccccc;}
.sideinfo .recentComment{width:180px; margin-right:10px; float:left;}
.sideinfo .recentTrackback{width:180px; margin-right:10px;float:left;}   
 
.sideinfo .clear{clear:both;}
.sideinfo .tag{width:180px;  margin-right:10px; float:left;}
.sideinfo .link{width:1130px;  float:left; font-size : 11px; margin-left:15px; padding-left:10px; padding-top:10px; padding-bottom:10px; padding-right:0px;} /*링크사이즈*/
.sideinfo .archive{width:180px;  margin-right:10px; float:left;}
 

.footer{ clear:both;margin:0  auto; }

/* header */
.header .image{ margin-bottom:0px;}
.header .title h1 a{color:#990000;}
.header .bloginfo .menu 
letter-spacing:-1px; 
{ 
color:#990000; 
font:10px Verdana; 
font-weight:bold;
margin:0px; 
line-height:200%;
}


.header .menu .adminmenu a{ color:#cc0000;}
.header .search .input{background-color:#e5e5e5; border:1px solid #333;color:#999; font:11px Tahoma; height:13px;}
.header .search .btn{background-color:#e5e5e5; border:1px solid #222; color:#990000; height:17px; font:10px Tahoma;}


/* content 공통 */
.content { width:1100px; margin:0 background-color:#252525; border:1px solid #333;} /* 본문내용입력외곽부분 수정 */
.content .date {font:80% Verdana;}
.content .name{ color:#999;}
.content .cnt{ color:#cccccc;}
.content .list, .content .rpList, .content .tag, .content .local, .content .guest, .content .notice, .content .protected, .content .entry{margin-bottom:50px;}
.content h3{border-bottom:1px solid #181818; margin-bottom:5px; color:#ccc;}


/* 검색 결과 리스트 */
.content .list li, .rpList li{ border-bottom:1px solid #202020; padding:3px 5px;}

/* content 위치로그 */
.content .local {margin-bottom:50px; color:#666;}
.content .local .spot { padding:5px 0 2px 20px; background:url("./images/iconDepth.gif") no-repeat 10px 5px; border-bottom:1px solid #444; margin:0 10px;} 
.content .local .info { padding:5px 0 2px 10px; background:url("./images/bullTri.gif") no-repeat 0 50%; border-bottom:1px solid #444;} 
.content .local a{ color:#999;}

/* content 태그 */
.content .tag a{ text-decoration:none; font:12px verdana;}
.content .title{ text-decoration:none; font:12px verdana;}
.content .tag ul{ margin:0; padding:0;}
.content .tag li{ display:inline; padding:0; text-align:justify;}
.content .tag li .cloud1 { font-weight:bold; font-size:120%; color:#ccc; background-color:#222; }
.content .tag li .cloud2 { font-weight:bold; font-size:115%; color:#999; background-color:#222; }
.content .tag li .cloud3 { font-weight:bold; font-size:110%; color:#777;}
.content .tag li .cloud4 { font-size:105%; color:#666;}
.content .tag li .cloud5 { font-size:100%; color:#666;} 
.content .tag li a:hover{ background-color:#000; color:#ccc;} 

/* content 방명록 기본 스타일 */
.content .guestbook p{padding:2px; margin:0;}
/* content 방명록 글쓰기 */
.content .guestbook .write { width:1068px; background-color:#ffffff; border:1px solid #000000; padding:10px; color:#666; margin:10px 5px;}  /* 방명록 크기 수정*/
.content .guestbook .write input{ width:30%; height:12px; border:1px solid #333333;background-color:#f7f7f7;} 
.content .guestbook .write .homepage{ width:30%; font:10px Tahoma; height:12px; border:1px solid #333;background-color:#f7f7f7;}
.content .guestbook .write textarea{ width:98.7%; padding:5px; border:1px solid #292929;background-color:#f7f7f7;}
.content .guestbook .write .btn{ margin-left:0px; width:99.9%; color:#999; border:1px solid #000; background-color:#F7F7F7; font:10px Tahoma; height:20px;}/*SUBMIT 칼라변경*/

/* content 방명록 리스트 */
.content .guestbook .list { color:#777; margin:10px 5px;}
.content .guestbook .list ul{ margin:0; padding:0; list-style:none;} 
.content .guestbook .list ol{ margin:0; padding:0; list-style:none;} 
.content .guestbook .list li{ padding:10px; border-bottom:1px solid #222; background-color:#f7f7f7; border:1px solid #242424; margin-bottom:4px;}
.content .guestbook .list li ul li{ padding-left:23px;  background-color:#ffffff; border:1px solid #202020; margin-bottom:4px; margin-left:20px;}
.content .guestbook .list .name{ font-size:100%; letter-spacing:0; float:left; padding-right:3px;}
.content .guestbook .list .name a{color:#000;}
.content .guestbook .list .date{ float:left; padding:3px 2px 0 2px;}
.content .guestbook .list .control{ margin-left:400px; text-align:right; padding-right:5px;}
.content .guestbook .listBody {clear:both; margin-bottom:5px;}

.content .guestbook .list li.name{ color:#666; background-color:#ffffff;} /*방명록댓글 이름 배경*/
.content .guestbook .name a{ color:#999;}
.content .guestbook .date{ font:80% Tahoma; color:#777; letter-spacing:0;}


/* content > entryNotice, entryProtected, entry 제목 + 정보 */
.content .titleinfo { border-bottom:1px solid #181818; padding-bottom:3px;}
.content .titleinfo h2{ float:left; }
.content .titleinfo h2 a{ color:#000;} /*제목색갈*/
.content .titleinfo .name {font:바탕 ; font-size=10px ; float:left; border-left:1px solid #333; margin:3px 0 0 5px; padding-left:5px;} 
.content .titleinfo .name a{ color:#777;}
.content .titleinfo .date{text-align:right; padding-top:10px; color:#777; margin-bottom:3px;}

.content .admin{ clear:both; text-align:left; clear:both; border-top:1px solid #222; padding:5px 5px; margin:0;}

/* content > entryNotice, entryProtected, entry 본문 */
.content .article{ width:1100px; overflow:hidden; margin-top:10px;}  /* 본문 사이즈 변경*/
.content .article ul{ margin-left:30px; padding:10px 0; }
.content .article ol{ margin-left:30px; padding:10px 0; }
.content .article ul li { list-style-type:disc; padding:2px 0;}
.content .article ol li { list-style-type:decimal; padding:2px 0;}
.content .article a{ color:#0686a8;} /*키워드 글자색 변경*/
.content .article blockquote{ margin:10px 0 10px 30px; border-left:4px double #ded2c6; padding-left:10px;}

/* 본문 - more / less [추가기능삽입]*/
    .moreless_fold          { background:url(images/iconMore.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;}

/* 작성자 */
.author                  { text-align:right; color:#888; padding:20px 20px;}
.author .text            { font:90% Verdana, Arial, Helvetica, sans-serif;}

/* content > entry >  태그 */
.content .entry .tag{ clear:both; text-align:left; padding-right:10px; margin-bottom:10px;}
.content .entry .tag a:hover{ color:#ccc;}

/* content >entry >  트랙백+댓글 버튼 */
.content .entry .btnTrackbackComment {clear:both; padding:8px 5px; margin:0; }
/* content > entry > 트랙백받을 주소*/
.content .entry .article{font-size:12px;};
.content .entry .trackback {margin:0 0 10px 0;}
.content .entry .trackback h3{font-size:90%; border-top:1px solid #222; padding:10px 5px 8px 5px; color:#999; font-weight:normal; margin:0 0 1px 0; background-color:#FFFFFF; text-align:center;}
.content .entry .trackback .address{letter-spacing:0; font-family:Verdana; color:#999;}
/* content > entry > 트랙백 리스트 */
.content .entry .trackback h4{ font-size:100%; font-weight:normal; display:inline; margin:0;}
.content .entry .trackback h4 a{color:#999; padding:0 2px;}
.content .entry .trackback .list {margin-bottom:5px;}
.content .entry .trackback .list ol{margin:0; padding:0; list-style:none;}
.content .entry .trackback .list li{ background:url(./images/bullTri.gif) no-repeat 5px 12px; border-top:1px solid #222; padding:8px 0 5px 12px;}
.content .entry .trackback .list .date{ color:#999;}
.content .entry .trackback .list .listBody { color:#666; padding:2px 0;}
/* content > entry > 댓글 타이틀*/
.content .entry .comment{width:1098px; overflow:hidden; color:#777;} /* 댓글 사이즈변경 */
.content .entry .comment p{margin:0;}
.content .entry .comment {margin:0 0 10px 0;}
.content .entry .comment h3{font-size:100%; border-top:1px solid #222; padding:10px 5px 8px 5px; color:#999; font-weight:normal; margin:0 0 1px 0; background-color:#F7F7F7; text-align:center;}
.content .entry .comment .address{letter-spacing:0; font-family:dotum; color:#999;}
/* content > entry > 댓글 리스트 */
.content .entry .comment .list ol{margin:0; padding:0; list-style:none;}
.content .entry .comment .list ul{list-style:none;}
.content .entry .comment .list li{ background:url(images/iconComment.gif) no-repeat 5px 10px;border-top:1px solid #222; padding:8px 0 5px 20px; margin-bottom:4px;}
.content .entry .comment .list li ul li{ background:url(images/iconDepth.gif) no-repeat 5px 5px; padding:8px 0 5px 30px; margin:10px 2px;  background-color:#FFFFFF; border:1px solid #222;}
.content .entry .comment .name a{ font-size:110%; color:#999;}

/* content > entry  댓글+트랙백 공통 스타일 */
.content .entry .list .name{ float:left;}
.content .entry .list .date{ float:left; padding:5px 2px 0 2px;}
.content .entry .list .control{ margin-left:400px; text-align:right; padding-right:5px;}
.content .entry .listBody {clear:both;}

/* content > entry 댓글 쓰기 */
.content .entry .write { width:1068px; background-color:#ffffff; border:1px solid #000000; padding:10px; color:#666; margin:10px 5px;}  /* 댓글 크기 수정*/
.content .entry .write input{ width:30%; height:12px; border:1px solid #333333;background-color:#f7f7f7;} 
.content .entry.write .homepage{ width:30%; font:10px Tahoma; height:12px; border:1px solid #333;background-color:#f7f7f7;}
.content .entry .write textarea{ width:98.7%; padding:5px; border:1px solid #292929;background-color:#f7f7f7;}
.content .entry .comment .write .checkbox{border:0;width:2px; background-color:#ffffff;}
.content .entry .write .btn{ margin-left:0px; width:99.9%; color:#999; border:1px solid #000; background-color:#F7F7F7; font:11px Tahoma; height:20px;} /*SUBMIT 칼라변경*/
.content .paging{ clear:both; text-align:center; margin:50px 0; font:10px verdana;}


/* 사이드바 공통 스타일 */
.sideinfo h3{font:90% VERDANA; font-weight:normal; color:#666; background:url(images/bgSideinfo.gif) no-repeat; padding:6px 5px; height:22px; margin-top:15px;letter-spacing:0px;}/*ARCHIVE 메뉴*/
.sideinfo .cnt{font:80% Verdana; color:#cccccc;}
.sideinfo .title{font:100% VERDANA; font-weight:normal; color:#666;}
.sideinfo .date{font:90% Verdana; color:#777;}
.sideinfo .name{font:90% VERDANA; color:#777;}
.sideinfo li{ background:url(./images/bull.gif) no-repeat 0 3px; padding:0 0 0 8px; line-height:120%;}

/* 공지사항  */ 
.sideinfo .notice {
text-align:right; margin-right:14px; margin-left:10px; margin-top:10px;
}
.sideinfo .notice li {
background:url(images/iconNotice.gif) no-repeat 0 50%;
padding-left:38px;
display:inline;
}
.sideinfo .notice li a{
 font-size:11px;
 letter-spacing:-1px;
 color:#999;
}

/* 사이드바 태그 */
.sideinfo .tag a{ text-decoration:none; font-family:dotum;}
.sideinfo .tag { display:inline; padding:0; text-align:justify;}
.sideinfo .tag .cloud1 { font-weight:bold; font-size:130%; color:#aaa; background-color:#333; }
.sideinfo .tag .cloud2 { font-weight:bold; font-size:120%; color:#999; background-color:#333; }
.sideinfo .tag .cloud3 { font-weight:bold; font-size:110%; color:#888;}
.sideinfo .tag .cloud4 { font-size:100%; color:#777;}
.sideinfo .tag .cloud5 { font-size:90%; color:#777;} 
.sideinfo .tag a:hover{ background-color:#333; color:#ccc;} 
.sideinfo .tag ul{ margin-right:10px;}
.sideinfo .tag li{ background:none; display:inline; padding:0;}

.sideinfo .archive{font-family: Verdana;}
.sideinfo .archive .cnt {color;#CCC}

.footer{text-align:center; font:10px Tahoma; color:#990000; margin:0px; margin-top:7px; margin-bottom:6px;letter-spacing:0px;}
.footer .counter{clear:both; width:780px; text-align:center;   margin:0px; margin-bottom:5px;}
.footer .botton{margin:10px 0 10px 0; text-align:center; width:780px; margin-bottom:10px; letter-spacing:0px; }
.botton .rssfeed{margin:0px auto;}

<!-IE에서 이미지 리사이즈 될때 계산현상 줄이기-->
img{-ms-interpolation-mode:bicubic;}
<!--style.sss 맨끝--!>



/* 다음뷰 그림소스추가[2011/04/10추가] */
/* 다음뷰 그림소스추가 */
div.blogger-news-widget {
    background: url(http://cfile4.uf.tistory.com/image/200C ...D0ED4C4FF7) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* 다음뷰 그림소스 끝 */
}
/* 다음뷰 그림소스 끝 */