@charset "utf-8";

/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
    body{
        background:url(images/bg.gif) repeat-x #ddd;
        text-align: center;
        padding-top: 20px;
    }

    body, td, input, textarea {
        font:0.75em/1.5em Tahoma, Helvetica, sans-serif;
        color : #666;                
    }

    td, input, select, textarea {
        font-size: 12px;
    }

/* 2. 기본 링크 */
    a:link {
        text-decoration: none;
        color : #369;
    }
    a:visited {
        text-decoration: none;    
        color : #369;
    }
    a:hover {
        text-decoration: underline;        
        color : #369;
    }

/* 3. 이미지 */
    img {
        border-width: 0px;
    }

/* 4. 이미지 버튼 */
    .ib {
        cursor: pointer;
    }

/* 5. 입력 텍스트 */
    .text {
    }

/* 6. 트리 테이블 */
    .branch2 {
    }

/* 7. 트리 셀 */
    .branch3 {
        cursor: pointer;
        height: 11px;
    }

/* 8. 달력 월 표시 */
    .cal_month {
        font:10px Tahoma;
        height: 18px;
        text-align: center;
        vertical-align: top;
        font-weight:bold;
    }

/* 9. 달력 요일 표시 */
    .cal_week1 {
        font:10px Tahoma;
        text-align:center;
    }

/* 10. 달력 일요일 표시 */
    .cal_week2 {
        color: #f30;
        font:10px Tahoma;
        text-align: center;
    }

/* 11. 달력 지난 달 날짜 표시 */
    .cal_day1 {
        color: #000;
        font:10px Tahoma;
        text-align:center;
    }

/* 12. 달력 다음 달 날짜 표시 */
    .cal_day2 {
        color: #000;
        font:10px Tahoma;
        text-align: center;
    }

/* 13. 달력 이번 달 날짜 표시 */
    .cal_day3 {
        font:10px Tahoma;
        text-align: center;
    }

/* 14. 달력 오늘 날짜 표시 */
    .cal_day4 {
        text-align: center;
        font:10px Tahoma;
        background-color:#ccc;
        font-weight:bold;
    }

/* 15. 달력 글쓴 날 링크 스타일 */
    a.cal_click:link {
        font:10px Tahoma;    
        font-weight: bold;
        color : #333;
    }
    a.cal_click:visited {
        font:10px Tahoma;    
        font-weight: bold;
        color : #333;
    }
    a.cal_click:hover {
        font:10px Tahoma;    
        font-weight: bold;
        color : #369;
    }

/* 16. 이미지 아래 캡션 스타일 */
    .cap1 {
        color: #876;
        text-align: center;
    }

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

/* 16. 카테고리 옆 개수 스타일 */
    .c_cnt {
        font:10px Tahoma;
        color : #999;
    }

/* 17. 최신글 옆 개수 스타일 */
    .ps_cnt {
        font:10px Tahoma;
        color : #999;
    }


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

h1, h2, h3 {
    margin:0px;
    }
#container {
    width:740px;
    background:url(images/bg_footer.gif) repeat-x bottom #fff;    
    border:2px solid #d2d2d2;
    border-bottom:6px solid #d2d2d2;
  text-align: left;    
    padding:20px;  
    margin: 0px auto;    
}

/********************************** 헤더영역 *******************/
#header {
    height:35px;
    background:url(images/bg_header.gif) no-repeat;
    padding : 35px 11px 0px 60px;
    color:#fff;
    margin-bottom:11px;
    }
#header h1{
    line-height:26px;
    font-size:24px;
    float:left;
    }
#header #link {
    text-align:right;
    margin-left:400px;
    padding-top:11px;
    font-size:11px;
    }
#header a:link    {color:#fff;}    
#header a:visited {color:#fff;}    
#header a:hover   {color:#000;}    
#header a:active  {color:#fff;}    

/********************************** 컨텐츠 영역 *******************/
#content {
    width:511px;
    float:left;
  overflow: hidden;
    }
#content a:hover {
    color:#369;
    }        
#content #btnbox{
    border-top:1px dotted #ccc;
    border-bottom:1px solid #999;
    padding:5px 0px 3px 11px;
    font-size:12px;
    }            
#content a.btn:link {color:#336699;}    
#content a.btn:visited {color:#336699;}    
#content a.btn:hover {color:#666;}    
#content a.btn:active {color:#336699;}            

#content .listup {
    line-height:18px;
    padding:11px 0;
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
    }    
.listup a:hover {
    color:#369;
    border-bottom:1px dotted #999;
    }            
.listup .date {
    font-size:11px;
    padding-right:5px;
    color:#369;
    }    
.listup .name {
    font-size:11px;
    color:#999;
    }            
    
#content .title    {
    font-size:14px;
    color:#000;
    background:url(images/iconComputer.gif) no-repeat 0 50%;
    padding:11px 0px 11px 20px;
}
#content .title .key    {
    color:#369;
}

/*** 컨텐츠 영역 > 태그 *******************/    
#tagcloud *{
    line-height: 1.5em;
    text-align: left;
    }        
#tagcloud a:hover{
    text-decoration:none;
    }    
#tagcloud .cloud1 {
  font-size : 20px;
  color : #f60;
  }
#tagcloud .cloud2 {
  font-size : 18px;
  color : #039;
  }
#tagcloud .cloud3 {
  font-size : 16px;
  color : #690;
  }
#tagcloud .cloud4 {
  font-size : 14px;
  color : #09c;
  }
#tagcloud .cloud5 {
  font-size : 12px;
  color : #999;
  }    
    
/*** 컨텐츠 영역 > 키로그 *******************/    
.listup .keydate{
    padding:11px;
    font-weight:bold;
    }
.listup .keybox{
    padding:11px;
    }    
    
        
/*** 컨텐츠 영역 > 위치로그 *******************/            
.listup .local {
    padding-left:50px;
    background:url(images/iconIndentArrow_local.gif) no-repeat 30px 2px;
    margin-bottom:3px;
    }    
.listup .local_info {
    padding-left:25px;
    background:url(images/iconIndentArrow_localinfo.gif) no-repeat 11px 50%;
    margin-bottom:3px;
    }        

/*** 컨텐츠 영역 > 방명록 *******************/
#guestbook {
    padding:0px 11px;
    line-height:16px;
    font-size:12px;    
    }
#guestbook .info {
    padding: 5px 0px;
    color:#369;
}    
#guestbook .date{
    font:10px Tahoma;
    color:#666;
    }        
#guestbook .accept {
    border-bottom:1px dotted #ccc;
    padding:11px 0px;
    }
#guestbook .accept1 {
    padding:11px 0px 5px 30px;
    background:url(images/iconGuestbook.gif) no-repeat 5px 15px;
    }    
#guestbook .accept2 {
    padding:11px 0px 5px 25px;
    background:url(images/iconIndentArrow.gif) no-repeat 11px 15px;
    margin-left:50px;
    }    
    
#guestbook a:link {color:#369; font-weight:bold;}    
#guestbook a:visited {color:#369; font-weight:bold;}    
#guestbook a:hover {color:#666; font-weight:bold;}    
#guestbook a:active {color:#369; font-weight:bold;}    

/*** 컨텐츠 영역 > 댓글쓰기 *******************/
#guestbook_write {
    border-top:1px solid #ccc;
    background-color:#f7f7f7;
    font-size:11px;
    padding:11px;
    }
#guestbook_write p {
    margin:4px 0;
    }
#guestbook_write .title {
    font-size:18px;
    margin-bottom:11px;
    }    
#guestbook_write .ninput{
    width:180px;
    border:1px solid #999;    
    }        
#guestbook_write input.homepage{
    width:250px;
    border:1px solid #999;
    }    
#guestbook_write textarea{
    border:1px solid #999;
    width:450px;
    height:100px;
  overflow:visible;    
    }    
#guestbook_write .submit{
    height:30px;
    width:180px;
    border:1px solid #999;
    background-color:#fff;
    font:10px Verdana;
    font-weight:bold;
    color:#666;
    }    

/*** 컨텐츠 영역 > Entry *******************/    
.entry {
    padding:5px;
    overflow:hidden;
    padding-bottom:15px;
    }
.entry h2{
    font: 16px Tahoma;
    color:#000;
    font-weight:bold;
}
.entry h2 a{
    font-size:16px;
    color:#222;
    font-weight:bold;
}

.entry h2 a:hover {
    color:#36c;
    }    
.entry input{
    border:1px solid #999;
    height:20px;
    width:150px;
    background-color:#fff;
}
.entry .submit{
    border:1px solid #999;
    height:24px;
    width:60px;
    background-color:#ddd;
}
.entry .category {
    color:#999;
    font-size:11px;
    }
.entry a.category:hover {
    color:#369;
    }    
.entry .date {
    font:10px Tahoma;
    color:#999;
    }    
.entry #control {
    font:12px;
    padding-top:5px;
    }            

#article *{
         font: 13px/1.8 Arial;    
    }        
#article {
         font: 13px/1.8 Arial;
    padding-top:7px;
    padding-bottom:7px;
    }

/*** 컨텐츠 영역 > 태그& 댓글 & 트랙백 버튼 *******************/

#img_top {
    text-align:right;
    float:right;
    margin-top:3px;
}
#tag {
    padding:5px 11px 5px 20px;
    background:url(images/entry_tag.gif) no-repeat 0 50%;
    }
#tag .tag {
    font:10px Tahoma;
    color:#fff;
    font-weight:bold;
    padding-right:11px;
    }
#tag a:hover {
    color:#f30;
    }    
    
/*** 컨텐츠 영역 > 트랙백 *******************/

#img_btn {
    text-align:right;
    float:right;    
}
#trackback {
    background:#f7f7f7;
    padding:11px;
    margin-bottom:5px;    
    }    
#trackback .date{
    font:10px Tahoma;
    }        
#trackback .info {
    padding: 5px 0px;
}    
#trackback .add {
    font:11px Verdana, Arial, Helvetica, sans-serif;
  padding-bottom : 11px;
    }
#trackback #accept {
  padding : 11px 0px;
    border-top:1px dotted #ccc;
    }    
    
#trackback a:link {color:#369;}    
#trackback a:visited {color:#369;}    
#trackback a:hover {color:#333;    border-bottom: 1px dotted #999;}    
#trackback a:active {color:#369;}    

/*** 컨텐츠 영역 > 댓글 *******************/

#comment {
    background:#f7f7f7;
    padding:0 11px 11px 11px;
    margin-bottom:5px;    
    }
#comment .info {
    padding: 5px 0px;
    color:#369;
}    
#comment .date{
    font:10px Tahoma;
    color:#666;
    }        
#comment .accept {
    border-bottom:1px dotted #ccc;
    padding:11px 0px;
    }
#comment .accept2 {
    padding:11px 0px 5px 25px;
    background:url(images/iconIndentArrow.gif) no-repeat 11px 15px;
    margin-left:50px;
    }    
    
#comment a:link {color:#369; font-weight:bold;}    
#comment a:visited {color:#369; font-weight:bold;}    
#comment a:hover {color:#666; font-weight:bold;}    
#comment a:active {color:#369; font-weight:bold;}    

/*** 컨텐츠 영역 > 댓글쓰기 *******************/

#comment_write {
    font-size:11px;
    padding:11px;
    }
#comment_write p {
    margin:4px 0;
    }
#comment_write .title {
    font-size:14px;
    margin-bottom:11px;
    }    
#comment_write .ninput{
    width:140px;
    border:1px solid #999;    
    }        
#comment_write input.homepage{
    width:220px;
    border:1px solid #999;
    }    
#comment_write input.checkbox{
    }        
#comment_write textarea{
    border:1px solid #999;
    width:450px;
    height:200px;
  overflow:visible;    
    }    
#comment_write .submit{
    height:30px;
    width:250px;
    border:1px solid #999;
    background-color:#fff;
    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#666;
    }    
    
#paging {
    padding:11px;
    text-align:center;
    font:10px Tahoma;
    color:#999;
    }
    
#paging a.page:link{color:#999;}    
#paging a.page:visited{color:#999;}        
#paging a.page:hover{color:#369; border-bottom:1px dotted #ccc;}    
#paging a.page:active{color:#999;}            

/********************************** 사이드바 영역 *******************/    
    
#sidebar {
    background:#fff;
    padding:5px;
    margin-left:526px;  
    border:5px solid #eee;
    width:190px;    
    }
/* 태그 클라우드 스타일 */

#sidebar .owner{
    font-size:11px;
    text-align:center;
    padding-bottom:2px;
    }    
#sidebar .image{
  margin-bottom:2px;
    text-align:center;
    overflow:hidden;    
    }    
#sidebar .desc{
    font-size:11px;
    line-height:14px;
    color:#666;
    text-align:center;
    }    
#searchbox {
    text-align: left;
    padding:5px 0;
    }    
#searchbox input{
    width:127px;
    border:1px solid #999;
    background-color:#f5f5f5;
    }    
#searchbox .submit{
    width:50px;
    height:18px;
    border:1px solid #999;
    background-color:#ccc;
    font:10px, Tahoma;
    font-weight:bold;
    }        
#sidebar .cloud1 {
  font-size : 16px;
  color : #f60;
    text-align:left;
  }
#sidebar .cloud2 {
  font-size : 15px;
  color : #039;
    text-align:left;
  }
#sidebar .cloud3 {
  font-size : 14px;
  color : #690;
    text-align:left;
  }
#sidebar .cloud4 {
  font-size : 13px;
  color : #09c;
    text-align:left;
  }
#sidebar .cloud5 {
  font-size : 12px;
  color : #999;
    text-align:left;
  }
#sidebar .bar{
    background-color:#eee;
    padding-left:5px;
    font-size:11px;
    font-weight:bold;
    }    
.listbox{
    margin:5px 0px 11px 5px;
    }

.listbox .cnt{
    font:11px Tahoma;
  color:#999;
    }    
.listbox .date{
    font:11px Tahoma;
  color:#999;
    }        
.listbox .name{
    font-size:11px;
  color:#999;
    }        
#sidebar ul{
    list-style: none;
  margin: 0px;
  padding: 0px;
    }    

#sidebar li a:link{color:#369;}    
#sidebar li a:visited{color:#369;}        
#sidebar li a:hover{color:#666; border-bottom:1px dotted #999;}    
#sidebar li a:active{color:#369;}            
    
#counter {
    background-color:#eee;
    text-align:center;
    padding:5px;
    font:10px Tahoma;
    margin-bottom:11px;
    }                            
#sidebar .ad{
text-align:center;
padding:5px;
        }    

/********************************** 푸터 영역 *******************/
#footer {
    font-size:9px;
    color:#999;
    padding-top:20px;
    text-align:left;
    clear:left;  
}

#footer a:link {
    color:#999;
    }    
#footer a:visited {
    color:#999;
    }    
#footer a:hover {
    color:#369;
    }    
#footer a:active {
    color:#999;
    }    

/********************************** 키워드 팝업 *******************/
#keyword {
    background:url(images/bg_footer.gif) repeat-x bottom #fff;    
    border:2px solid #d2d2d2;
  text-align: left;    
    padding:20px;  
}

#keyword .view {
    padding:11px 11px 30px 0px;
    margin-bottom:11px;
    border-bottom:1px dotted #ccc;
}

#keyword a.btn:link {color:#369;}    
#keyword a.btn:visited {color:#369;}    
#keyword a.btn:hover {color:#666;}    
#keyword a.btn:active {color:#369;}

#keyword .title    {
    font-size:14px;
    font-weight:bold;
    color:#000;
    background:url(images/iconComputer.gif) no-repeat 0 50%;
    padding:11px 0px 11px 20px;
}
#keyword .key    {
    color:#369;
}