@charset "utf-8";

@import url("./images/normalize.css");

/* 폰트 설정 */
  @font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v2/NanumGothic-Regular.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v2/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v2/NanumGothic-Regular.woff2) format('x-woff2'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v2/NanumGothic-Regular.woff) format('woff'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v2/NanumGothic-Regular.ttf) format('truetype');
  }

/* 반드시 들어가야 하는 스타일 시작 */

/* 1. 본문 전체  */
  body, table, td, input, textarea {
    font-family: NanumGothic, 'Nanum Gothic', tahoma, Shanti, Arial, sans-serif;
    font-size: 16px;    
    /*color: #676767;*/
    color: #333333;
  }
/* 2. 기본 링크 */
  a:link, a:visited { color : #369; text-decoration: none; }  
  a:hover { color : #ff0000; text-decoration: underline; }

/* 3. 이미지 */
  img { border-width: 0px; }
  
/* 4. 이미지 버튼 */
  .ib { cursor: pointer; }

/* 5. 입력 텍스트 */
  .text { border:1px solid #999; }

/* 6. 트리 테이블 */
  .branch2 {  }
  
/* 7. 트리 셀 */
  .branch3 { cursor: pointer; height: 10px; }

/* 8. 달력 월 표시 */
  .cal_month { font-size : 11px; height: 18px; }

/* 9. 달력 요일 표시 */
  .cal_week1 { font-size : 11px; height:18px; }

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

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

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

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

/* 14. 달력 오늘 날짜 표시 */
  .cal_day4 {
    text-align: center;
    font-size: 11px;
    border-bottom:1px solid #777;
    font-weight:bold;
    color: #0066CC;
  }

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

/* 16. 이미지 아래 캡션 스타일 */
  .cap1 {
    color: #666666;
    text-align: center;
    font: 11px "돋움", "돋움체";
  }

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

/* 18. 카테고리 옆 개수 스타일 */
  .c_cnt { font:9px Tahoma; color : #666; }

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


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


/* body 설정 */
  body {    
    float: left;
    overflow-x: hidden;        
  }

/* container 설정 */
  #tt-body-page {    
    width: 1020px;         
    float: left;
  }

/* header 설정 */
  #header {    
    float: left;
    padding-bottom: 6px;            
  }

  #contentContainer{      
    float: left;
    clear: left;    
  }



/* 컨텐츠 내용 설정*/
  .content {
    float: left; 
    width: 800px;         
  }

  .article {
    line-height:180%;
    word-break:break-all;
    text-align: justify;
    clear: both;
    margin-top: 4px;
    overflow: hidden;
    width: 800px;
    }

  .imageblock{
    text-align: cetner;
  }
  .TD_thumbimg{
   text-align: cetner; 
  }


/* 페이징 */
  .paging{
    font:1em Tahoma;
    color:#222;        
    clear:left;
  }
  .paging a:link, .paging a:visited { color:#777; text-decoration:none;}
  .paging a:hover { color:#D93343; text-decoration:none;}  

/* Side 설정 */
  #sidebar {
    float: left;
    display: block;
    width: 200px;         
    left: 0; 
    top: 64px; 
    margin-left: 20px;    
  }  
  .blogImageBox {
    width: 150px;    
  }
  .blogImage{
    width: 150px;    
  }



/* footer */

 #footer{
    float: left;
    clear:left;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .copyright {
    font-size: 1em;   
    color: #999999;    
    clear:left;
  }
  .copyright a {
    color: #999999;
    font-weight: bold;
  }


/* Code Mirror Setting */
  .CodeMirror {
    border: 1px solid #eee;
    height: auto;
  }
  .CodeMirror-scroll {
    overflow-y: hidden;
    overflow-x: auto;
  }




/* 메인 영역 공통 설정 */
/* 입력폼 설정 */
/* 태그 설정*/
/* title, info 설정, 관리자 */
/* 리스트 & 검색 결과 설정*/
/*title
itemToolBar
commentBox
itemToolBar
paging
blogImage
notice
adminMenu
tagbox
recentPost
recentComment
recentTrackback
archive
calender
counter
botton
copyright*/

/*.commentWrite { 
    font:11px tahoma;
    color:#555;
    padding:10px;
    background-color:#FAFAFA;
    margin-bottom:20px;
        border-bottom:1px solid #eee;
    }
  .mail {
    text-align: center;
    margin-top: 4px;
  }

  #sidebar .blogImage {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 2px;
    width: 190px;
    overflow: hidden;
  }
*/