/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */
/*  #CC6714 => #555556, #CC6633 => #555557, #948979 => #999998, #575352 => #666667, #89817f => */

@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
    body, td, input, textarea {
    font-family: NanumGothic, "나눔고딕", Apple Gothic, sans-serif;
    font-size: 13px;
    line-height: 1.6em;
    color: #000;
}

textarea {
    border: 1px solid #ccc;
}

/* 2. 기본 링크 */
a {
    color:#444;
    text-decoration: none;
}
a:hover {
    color:#FFF;/*background-color:aqua; */
}
.selected {
    font-weight:bold;
    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;
    text-align:center;
    width:100%;
}
/* 9. 달력 요일 표시 */
    .cal_week1 {
    font-size : 11px;
    height:18px;
    text-align:center;
}
/* 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;
    background-color:#ccc;
    font-weight:bold;
}
/* 15. 달력 글쓴 날 링크 스타일 */
    a.cal_click:link {
    font-weight: bold;
    color : #333;
}
a.cal_click:visited {
    font-weight: bold;
    color : #333;
}
a.cal_click:hover {
    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:9px NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Gulim, 굴림;
    color : #999;
}
/* 17. 최신글 옆 개수 스타일 */
    .ps_cnt {
    font:10px NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Gulim, 굴림;
    color : #999;
}
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */


/* selection */ 

::selection {
    background:#0DA4D3;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background:#0DA4D3;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background:#0DA4D3;
    color: #FFF;
    text-shadow: none;
}



/* {todo} 위의 css 스타일은 수정해야 합니다 */

body {
    text-align:center; /* for IE5 */
}


/* ---- Submit comment  ---- */
   
input.c{ 

float: right;
    width: 80px;
    height:30px; 
    background: #fdfdfd url(images/search.png) no-repeat 6px;
    font-family: NanumGothic, "나눔고딕", Apple Gothic, sans-serif;
    font-style: !important;
    color: #0DA4D3; 
    border: solid 1px #bebdaa;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;

}

input.passwd{ 

  
    height: 10px;
    padding: 10px 10px 10px 10px;
    font-family: NanumGothic, "나눔고딕", Apple Gothic, sans-serif;
    border: solid 1px #bebdaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;

}

input.name{ 

    height: 10px;
    padding: 10px 10px 10px 10px;
    font-family: NanumGothic, "나눔고딕", Apple Gothic, sans-serif;
    border: solid 1px #bebdaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;


}


input.home{ 
 
    height: 10px;
    padding: 10px 10px 10px 10px;
    font-family: NanumGothic, "나눔고딕", Apple Gothic, sans-serif;
    border: solid 1px #bebdaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}

textarea.co{ 
    width: 730px; 

    font-family: NanumGothic, "나눔고딕", Apple Gothic, sans-serif;
    
    border: solid 1px #bebdaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;

}

/* ---- Search ---- */

.search {
    clear:both;
    height:100px;
    width:100%;
    line-height:1.5em;
    font-size:1em;
}

input.s{

    width: 700px;
    height:30px;
    padding: 3px 4px 3px 28px;
    background: #fdfdfd url(images/search.png) no-repeat 6px;
    font-family: NanumGothic, "나눔고딕", Apple Gothic, sans-serif;
    color: #ffffff;
    border: solid 1px #bebdaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}
input.s:focus {
    color: #000; 
    background-color: #fff;
    font-style: normal;
}
.search-list {
    padding: 20px;
    text-align:justify;
}
.search-list ol, .searchRplist ol {
    list-style:none; 
    margin:0;
    padding:0;  
}
.search-list li, .searchRplist li  { 
    margin-bottom:10px;
    padding-bottom:5px; 
    border-bottom: 1px dotted #f1f1f1;
}
.search-list .date, .searchRplist .date { 
    font-size:10px; 
}
.search-list .cnt   { 
    color:#999;
    font-size:8px; 
} 
.search-list p, .searchRplist p {
    margin-bottom:15px;
    color:#666;
}
.searchRplist .name { 
    padding-left:10px;
    color:#ccc; 
    font-size:12px; 
}
 


/* CONTAINER */
#container {
    width: 730px;
    text-align:left; /* for IE5 */
    font-family: NanumGothic, "나눔고딕", Apple Gothic, sans-serif;
    font-size: 13px;
    line-height: 1.6em;
    color: #666;
    background-color: #FFF;

    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

/* GENERAL MOJO AND MULA */     
h1 {
    font-family: NanumGothic, "나눔고딕", Apple Gothic, sans-serif;
    font-weight: normal;
    font-size: 32px;
    color: #555557;
    margin-bottom: 30px;
    background-color: #FFF;
}

h2 {
    color: #666666;
    font-size: 22px;
    font-family: NanumGothic, "나눔고딕", Apple Gothic, sans-serif;
    
    background-color: #FFF;
}

h3 {
    color: #666666;
    font-size: 30px;
    font-family: NanumGothic, "나눔고딕", Apple Gothic, sans-serif;
    line-height:1.2;
    background-color: #FFF;
}




.form {
    float:right;
    margin-top: -45px;
    font-size: 9px;
}

input {
    background-color: #FFF;
    color: #999999;
    border: 1px solid #CCC;
    font-size: 12px;
    padding: 3px;
}

.button {
    padding: 2px;
}

blockquote {
    background-color: #F5F5F5;
    border-width: 0px 0px 0px 7px;
    border-style: solid;
    border-color: #DDD #DDD #DDD #CCC;
    margin: 10px 10px 10px 20px;
    padding-left: 10px;
}

blockquote {
    background-color: #F5F5F5;
    border-width: 2px;
    border-style: solid;
    border-color: #DDD;
    margin: 10px 0px;
    padding: 10px;
    color: #333;
}

.cite {
    border-left: 7px solid #606;
    margin: 10px 10px 10px 20px;
    padding-left: 10px;
    color: #606;
}
/* HEADER ELEMENTS */

#header {
    
    /* border-bottom: 1px dott #CCC;*/
    width : 95%;
    padding-top: 10px;
    clear: both;
    margin-bottom: 5px;
}


#title 
{
    font-size: 32px;
}


#desc 
{
    clear: both;
    color: #BBB;
    font-family: NanumGothic, "나눔고딕", Apple Gothic, sans-serif;
    font-size: 0.9166666666666667em;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 20px; 
}

 
 

#header h1 a {
    color:#7FD9E5;
}

#header h1 a:hover {
    color:#ffffff;
}

/* the slogan */
#header p {
    margin-top: -20px;
    margin-left: 0px;
    color: #999998;
} 


/* ---- Menu ---- */

nav[role="navigation"] {
    clear:both;
    margin:0;   
    padding:0; 
}
nav.categories  li {
    margin:0;
    padding:0;
    list-style-type:none;
    line-height:2em;
}
nav.categories  li a {
    list-style-type:none;
    display:block;
    width:200px;
    padding: 5px 10px 5px 0;
    border-bottom: 1px dotted #f1f1f1;
    font-size: 1em;
    text-decoration: none;
    text-align:left;
    color:#333;
}
nav.categories  li a:hover {
    background-color: #0DA4D3;
    color:#fff;
    text-decoration: none;          
}
nav.categories  .c_cnt {
    color: #999;
    font-size:7pt;
} 

 

.branch3 {
    font-size: 12px;
}

.c_cnt { 
    
    font-size: 10px;
    color:rgba(204,200,200,0.95);
}
 
 

/* CONTENT ELEMENTS */

#content {

    width: 730px;
    margin-left: 0px;
    margin-right: 30px;
    /* margin-right: 40px; */
    font-size: 13px;
}

#content .entry {
    padding-bottom: 10px;
    border-bottom: 0px;
}


#content .entry hr { 
    border-width:1px 0px 0px 0px;
    border-style:dotted;
    border-color:#808080; 
    height:1px; 
}


#content .entry .article_Writer a {
    color: #0DA4D3; 
}

#content .entry .article a {
    color: #0DA4D3;
}

#content .entry .article_Sub {
    font-size: 9px; 
    /*text-align: right;*/
    color:gray;
}

#content .entry .article {
    font-size: 13px;
}

#content .entry .article a:link {
    text-decoration:none;
    color:#0DA4D3;
}

#content .entry .article a:hover {
    color:white;
}
 
  
#content .entry_tag {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
}
#content .entry_tag li {
    display: inline;
    margin-right: 10px;
 
}

#content .entry_rplist {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
}
#content .entry_location {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
}
#content .entry_guestbook {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
}
#content .entry_notice {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
}

#content .entry_notice hr{
    border-width:1px 0px 0px 0px;
    border-style:dotted;
    border-color:#808080; 
    height:1px; 
}


#content .entry_notice .article {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 10px;
}
#content .entry_protected {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
}
#content .entry_protected .article {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 10px;
}
#content .entry .article {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 10px;
}
#content .entry .tbrp_box {
    background-color:#FFFFFF;
    padding: 0px;   
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    margin-top: 10px;
}
#content .AA {
    background-color: #FFFFFF;
}
#content .paging {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}


code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}



/* SIDEBAR ELEMENTS */

#sidebar {
    float: right;
    width: 175px;
}
#sidebar p {
    font-size:14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
}


/* UI Object */
.ratio dt,dd{float:left}
.ratio dt{margin-right:0px;}
.ratio p{width:59px;height:7px;background:url(.images/bg_gage.gif) 0 0 no-repeat;font-size:0}
.ratio span{display:block;height:5px;border:1px solid #5fab00;background:url(.images/bg_gage2.gif) 0 0 repeat-x;font-size:0}
/* //UI Object */



/* FOOTER ELEMENTS */

#footer {
    margin-top: 20px;
    clear: both;
    background-color:#333;
    padding: 0px 5px 0px 5px;
}
#footer p {
    color:#999998;
    padding: 5px;
    text-align:center;
}
#footer p a {
    color:#999998;
    border-bottom: 1px dotted #999998;
}
#footer p a:hover {
    color: #FFFFFF;
    background-color:#333;
}
/* TagCloud */
        .cloud1 {
    font-size : 14px;
    color : #000 !important;
}
.cloud2 {
    font-size : 13px;
    color : #333 !important;
}
.cloud3 {
    font-size : 10pt;
    color : #666 !important;
}
.cloud4 {
    font-size : 10pt;
    color : #999 !important;
}
.cloud5 {
    font-size : 12px;
    color : #ccc !important;
}

/* And they lived happily ever after. The End. */