C:\Users\salm2\Documents\css.css C:\Users\salm2\Documents\css-old.css
1@charset "utf-8"; 1@charset "utf-8";
2/* 반드시 들어가야 하는 스타일 시작 */  2/* 반드시 들어가야 하는 스타일 시작 */ 
3/* ver 1.0.1 build 5 */   
4  3 
5/* 1. 본문 전체  */  4/* 1. 본문 전체  */ 
6body { 5body {
7    font:0.8em/1.5 6    font:0.8em/1.5
8        "굴림 옛한글","NewGulim Old Hangul","바탕 옛한글","Batang Old Hangul", 7        "굴림 옛한글","NewGulim Old Hangul","바탕 옛한글","Batang Old Hangul",
9        "은 돋움","Un Dotum","UnDotum","은 바탕","Un Batang","UnBatang", 8        "은 돋움","Un Dotum","UnDotum","은 바탕","Un Batang","UnBatang",
10        "은 자모 바탕","Un Jamo Batang","UnJamoBatang", 9        "은 자모 바탕","Un Jamo Batang","UnJamoBatang",
11        "궁서 옛한글","Gungsuh Old Hangul", 10        "궁서 옛한글","Gungsuh Old Hangul",
12        "함초롬바탕","HCR Batang","함초롬돋움","HCR Dotum", 11        "함초롬바탕","HCR Batang","함초롬돋움","HCR Dotum",
13        Code2002,Code2001,Code2000,"굴림",Gulim,serif; 12        Code2002,Code2001,Code2000,"굴림",Gulim,serif;
14    color:/*#666*/#222; 13    color:/*#666*/#222;
15    background: 14    background:
16    /*@background-image=url(images/bg.jpg)*/ url(images/bg.jpg) /*@*/  15    /*@background-image=url(images/bg.jpg)*/ url(images/bg.jpg) /*@*/ 
17    /*@background-image-position=top*/top/*@*/  16    /*@background-image-position=top*/top/*@*/ 
18    /*@background-image-repeat=no-repeat*/repeat-x/*@*/  17    /*@background-image-repeat=no-repeat*/repeat-x/*@*/ 
19    /*@background-color=#ffcc99*/ /*white*/ #ffeeee /*pink*/ /* #b9b4ab */  18    /*@background-color=#ffcc99*/ /*white*/ #ffeeee /*pink*/ /* #b9b4ab */ 
20    /*@*/; 19    /*@*/;
21    line-height:1.6em;   20    line-height:1.6em;  
22    margin-top:0px; 21    margin-top:0px;
23} 22}
24  23 
25/* 2. 기본 링크 */  24/* 2. 기본 링크 */ 
26    a    {    text-decoration:none; } 25    a    {    text-decoration:none; }
27    a:link {    color:#333; } 26    a:link {    color:#333; }
28    a:visited {    color:#333; } 27    a:visited {    color:#333; }
29    a:hover {    color:#333; } 28    a:hover {    color:#333; }
30    a:active {    color:#333; } 29    a:active {    color:#333; }
31  30 
32/* 3. 이미지 */  31/* 3. 이미지 */ 
33    img { border-width:0px; } 32    img { border-width:0px; }
34/* 4. 이미지 버튼 */  33/* 4. 이미지 버튼 */ 
35    .ib {     cursor:pointer;     } 34    .ib {     cursor:pointer;     }
36  35 
37/* 5. 입력 텍스트 */  36/* 5. 입력 텍스트 */ 
38    .text {     border:1px solid #999;    background-color:#ddd;    height:18px;     } 37    .text {     border:1px solid #999;    background-color:#ddd;    height:18px;     }
39  38 
40/* 6. 트리 테이블 */  39/* 6. 트리 테이블 */ 
41    .branch2 {    } 40    .branch2 {    }
42/* 7. 트리 셀 */  41/* 7. 트리 셀 */ 
43    .branch3 { cursor:pointer;  height:10px; } 42    .branch3 { cursor:pointer;  height:10px; }
44  43 
45/* 8. 달력 월 표시 */  44/* 8. 달력 월 표시 */ 
46    .cal_month { font-size:11px;    height:18px;     } 45    .cal_month { font-size:11px;    height:18px;     }
47/* 9. 달력 요일 표시 */  46/* 9. 달력 요일 표시 */ 
48    .cal_week1 { font-size:11px;    height:18px;     } 47    .cal_week1 { font-size:11px;    height:18px;     }
49/* 10. 달력 일요일 표시 */  48/* 10. 달력 일요일 표시 */ 
50    .cal_week2 { color:#f30; font-size:12px; text-align:center; } 49    .cal_week2 { color:#f30; font-size:12px; text-align:center; }
51/* 11. 달력 지난 달 날짜 표시 */  50/* 11. 달력 지난 달 날짜 표시 */ 
52    .cal_day1 {     color:#000; font-size:12px;    text-align:center;     } 51    .cal_day1 {     color:#000; font-size:12px;    text-align:center;     }
53/* 12. 달력 다음 달 날짜 표시 */  52/* 12. 달력 다음 달 날짜 표시 */ 
54    .cal_day2 {     color:#000;    font-size:11px;    text-align:center;     } 53    .cal_day2 {     color:#000;    font-size:11px;    text-align:center;     }
55/* 13. 달력 이번 달 날짜 표시 */  54/* 13. 달력 이번 달 날짜 표시 */ 
56    .cal_day3 {     font-size:11px;    text-align:center; } 55    .cal_day3 {     font-size:11px;    text-align:center; }
57/* 14. 달력 오늘 날짜 표시 */  56/* 14. 달력 오늘 날짜 표시 */ 
58    .cal_day4 {     text-align:center;    font-size:11px;    background-color:#FFCC99;    font-weight:bold; } 57    .cal_day4 {     text-align:center;    font-size:11px;    background-color:#FFCC99;    font-weight:bold; }
59/* 15. 달력 글쓴 날 링크 스타일 */  58/* 15. 달력 글쓴 날 링크 스타일 */ 
60    a.cal_click:link { font-weight:bold;    color:#333; } 59    a.cal_click:link { font-weight:bold;    color:#333; }
61    a.cal_click:visited {     font-weight:bold;    color:#333; } 60    a.cal_click:visited {     font-weight:bold;    color:#333; }
62    a.cal_click:hover {     font-weight:bold; color:#369;     } 61    a.cal_click:hover {     font-weight:bold; color:#369;     }
63  62 
64/* 16. 이미지 아래 캡션 스타일 */  63/* 16. 이미지 아래 캡션 스타일 */ 
65    .cap1 {       64    .cap1 {     font-size:0.8em; color:/*#876*/#800000;    text-align:center;     } 
66        font-size:0.8em;    
67        color:#654;       
68        text-align:center;        
69    margin: -10px 0 0 0;  
70}  
71    .cap1:hover {        
72        color:#900000;       
73}  
74      65 
75/* 16. 키워드 스타일 */  66/* 16. 키워드 스타일 */ 
76    .key1 {     cursor:pointer;    border-bottom:1px dotted #ccc;     } 67    .key1 {     cursor:pointer;    border-bottom:1px dotted #ccc;     }
77  68 
78/* 16. 카테고리 옆 개수 스타일 */  69/* 16. 카테고리 옆 개수 스타일 */ 
79    .c_cnt { font:90% Tahoma;    color:#f30;     } 70    .c_cnt { font:90% Tahoma;    color:#f30;     }
80/* 17. 최신글 옆 개수 스타일 */  71/* 17. 최신글 옆 개수 스타일 */ 
81    .ps_cnt {     font:10px Tahoma;    color:#999;     } 72    .ps_cnt {     font:10px Tahoma;    color:#999;     }
82  73 
83  74 
84  75 
85/* 반드시 들어가야 하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */  76/* 반드시 들어가야 하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */ 
86hr { display:none; } 77hr { display:none; }
87h1, h2, h3, h4 { margin:0; color:#000; } 78h1, h2, h3, h4 { margin:0; color:#000; }
88h1, h2, h3, h4 { font-weight:bold; } 79h1, h2, h3, h4 { font-weight:bold; }
89h1 { font-size:2.0em; } 80h1 { font-size:2.0em; }
90h2 { font-size:1.7em; } 81h2 { font-size:1.7em; }
91h3 { font-size:1.4em; } 82h3 { font-size:1.4em; }
92h4 { font-size:1.2em; } 83h4 { font-size:1.2em; }
93h5 { font-size:1.1em; } 84h5 { font-size:1.1em; }
94  85 
95ul, ol { 86ul, ol {
96    list-style:none; 87    list-style:none;
97    margin:0; 88    margin:0;
98    padding:0; 89    padding:0;
99} 90}
100input {  height:18px; border:1px solid #999; background-color:#fff; color:#333; margin:2px 0; } 91input {  height:18px; border:1px solid #999; background-color:#fff; color:#333; margin:2px 0; }
101  92 
102/* 블로그의 레이아웃 */  93/* 블로그의 레이아웃 */ 
103.container { width:/*@post-width:280*/780px/*@*/; margin:0 auto; } 94.container { width:/*@post-width:280*/780px/*@*/; margin:0 auto; }
104.header {  margin:0 10px; padding-top:/*@title-height:-68=padding-top:*/0px/*@*/ } 95.header {  margin:0 10px; padding-top:/*@title-height:-68=padding-top:*/0px/*@*/ }
105    .header .bloginfo {  float:left; } 96    .header .bloginfo {  float:left; }
106        .header .bloginfo .image { float:left; margin:0 10px 10px 0; } 97        .header .bloginfo .image { float:left; margin:0 10px 10px 0; }
107        .header .bloginfo .image img { width:90px; height:70px; } 98        .header .bloginfo .image img { width:90px; height:70px; }
108    .header .search {  text-align:right;  margin-left:500px; padding-top:30px; } 99    .header .search {  text-align:right;  margin-left:500px; padding-top:30px; }
109    .header .copyright {  float:left; width:/*@post-width:280*/780px } 100    .header .copyright {  float:left; width:/*@post-width:280*/780px }
110  101 
111.contentLayoutMiddle {  background:url(./images/layoutMiddle.gif)  repeat-y; clear:both; } 102.contentLayoutMiddle {  background:url(./images/layoutMiddle.gif)  repeat-y; clear:both; }
112.contentLayoutTop {  background:url(./images/layoutTop.gif)  no-repeat top; } 103.contentLayoutTop {  background:url(./images/layoutTop.gif)  no-repeat top; }
113.contentLayoutBottom {  background:url(./images/layoutBottom.gif)  no-repeat bottom; } 104.contentLayoutBottom {  background:url(./images/layoutBottom.gif)  no-repeat bottom; }
114.content { 105.content {
115    font-size:1.5em; 106    font-size:1.5em;
116    margin:10px auto ; 107    margin:10px auto ;
117    width:/*@post-width:200*/700px/*@*/; 108    width:/*@post-width:200*/700px/*@*/;
118    padding:40px 30px;  109    padding:40px; 
119} 110}
120  111 
121/* 사이드바 */  112/* 사이드바 */ 
122.sideinfo { clear:both; width:760px; margin:0 auto; } 113.sideinfo { clear:both; width:760px; margin:0 auto; }
123    .sideinfo .category { width:180px; margin-right:9px; float:left; } 114    .sideinfo .category { width:180px; margin-right:9px; float:left; }
124    .sideinfo .category h3 { font-weight:bold; } 115    .sideinfo .category h3 { font-weight:bold; }
125    .sideinfo .recentPost { width:180px; margin-right:9px; float:left; } 116    .sideinfo .recentPost { width:180px; margin-right:9px; float:left; }
126    .sideinfo .recentPost h3 { font-weight:bold; } 117    .sideinfo .recentPost h3 { font-weight:bold; }
127    .sideinfo .recentComment { width:180px; margin-right:9px; float:left; overflow:hidden; } 118    .sideinfo .recentComment { width:180px; margin-right:9px; float:left; overflow:hidden; }
128    .sideinfo .recentComment h3 { font-weight:bold; } 119    .sideinfo .recentComment h3 { font-weight:bold; }
129    .sideinfo .recentTrackback { width:180px; float:left; overflow:hidden; } 120    .sideinfo .recentTrackback { width:180px; float:left; overflow:hidden; }
130    .sideinfo .recentTrackback h3 { font-weight:bold; } 121    .sideinfo .recentTrackback h3 { font-weight:bold; }
131  122 
132    .sideinfo .clear { clear:both; } 123    .sideinfo .clear { clear:both; }
133  124 
134    .sideinfo .tag { width:180px; margin-right:9px; float:left; } 125    .sideinfo .tag { width:180px; margin-right:9px; float:left; }
135    .sideinfo .tag h3 { font-weight:bold; } 126    .sideinfo .tag h3 { font-weight:bold; }
136    .sideinfo .link { width:180px; margin-right:9px; float:left; } 127    .sideinfo .link { width:180px; margin-right:9px; float:left; }
137    .sideinfo .link h3 { font-weight:bold; } 128    .sideinfo .link h3 { font-weight:bold; }
138    .sideinfo .calender { width:180px; margin-right:9px; padding:0; float:left; } 129    .sideinfo .calender { width:180px; margin-right:9px; padding:0; float:left; }
139    .sideinfo .calender h3 { font-weight:bold; } 130    .sideinfo .calender h3 { font-weight:bold; }
140    .sideinfo .archive { width:180px; margin-right:9px; float:left; } 131    .sideinfo .archive { width:180px; margin-right:9px; float:left; }
141    .sideinfo .archive h3 { font-weight:bold; } 132    .sideinfo .archive h3 { font-weight:bold; }
142  133 
143  134 
144  135 
145.footer {  clear:both; margin:0  auto; } 136.footer {  clear:both; margin:0  auto; }
146  137 
147/* header */  138/* header */ 
148.header { 139.header {
149        /*@title-background-color=:;*/ /*@*/  140        /*@title-background-color=:;*/ /*@*/ 
150        /*@title-background-image=:;*/ /*@*/  141        /*@title-background-image=:;*/ /*@*/ 
151        /*@title-background-image-position=:;*/ /*@*/  142        /*@title-background-image-position=:;*/ /*@*/ 
152        /*@title-background-image-repeat=:;*/ /*@*/  143        /*@title-background-image-repeat=:;*/ /*@*/ 
153 } 144 }
154.header .title {          margin-top:10px; } 145.header .title {          margin-top:10px; }
155.header .title h1 {     font-size: 2rem; /* line-height: 130%; */ vertical-align:top ;     line-height:1.1em; } 146.header .title h1 {     font-size: 2rem; /* line-height: 130%; */ vertical-align:top ;     line-height:1.1em; }
156.header .title h1 a { /*@title-font-size=:;*/ /*@*/ /*@title-font-family=:;*/ /*@*/ color:/*@title-color=#000*/#000/*@*/; } 147.header .title h1 a { /*@title-font-size=:;*/ /*@*/ /*@title-font-family=:;*/ /*@*/ color:/*@title-color=#000*/#000/*@*/; }
157.header .desc {        line-height: 130%; margin-top:20px; } 148.header .desc {        line-height: 130%; margin-top:20px; }
158.header .menu {  color:#777; } 149.header .menu {  color:#777; }
159.header .menu a {  color:#444; } 150.header .menu a {  color:#444; }
160.header .menu .adminmenu a {  color:#666; } 151.header .menu .adminmenu a {  color:#666; }
161.header .search .input { background-color:#968f82; color:#fff; } 152.header .search .input { background-color:#968f82; color:#fff; }
162.header .search .btn { background-color:#968f82;  color:#ccc; height:22px; font-size:0.75em; } 153.header .search .btn { background-color:#968f82;  color:#ccc; height:22px; font-size:0.75em; }
163  154 
164  155 
165/* content 공통 */  156/* content 공통 */ 
166.content { } 157.content { }
167.content .date { font:0.8em Verdana; } 158.content .date { font:0.8em Verdana; }
168.content .name {  color:#999; } 159.content .name {  color:#999; }
169.content .cnt {  color:#f60; } 160.content .cnt {  color:#f60; }
170.content .list, .content .rpList, .content .tag, .content .local, 161.content .list, .content .rpList, .content .tag, .content .local,
171.content .guest, .content .notice, .content .protected, .content .entry { 162.content .guest, .content .notice, .content .protected, .content .entry {
172    margin-bottom:50px; 163    margin-bottom:50px;
173} 164}
174.content .entry { 165.content .entry {
175    width:/*@post-width:200*/700px/*@*/; 166    width:/*@post-width:200*/700px/*@*/;
176    line-height:1.6em;   167    line-height:1.6em;  
177} 168}
178.content .entry .titleinfo { 169.content .entry .titleinfo {
179    margin-top:20px; 170    margin-top:20px;
180    margin-bottom:20px; 171    margin-bottom:20px;
181    margin-left:0px; 172    margin-left:0px;
182/*   margin-right:10px; */  173/*   margin-right:10px; */ 
183    border-top:3px outset fuchsia; 174    border-top:3px solid fuchsia;
184    border-right:5px outset fuchsia; 175    border-right:5px solid fuchsia;
185    border-bottom:10px outset fuchsia; 176    border-bottom:10px solid fuchsia;
186    border-left:20px outset fuchsia; 177    border-left:20px solid fuchsia;
187    padding:10px 0; 178    padding:10px 0;
188    padding-bottom:3px;   179    padding-bottom:3px;  
189    overflow:hidden;   180    overflow:hidden;  
190    box-sizing: border-box; 181    box-sizing: border-box;
191} 182}
192.content .entry .titleinfo h2 { 183.content .entry .titleinfo h2 {
193    margin:10px; 184    margin:10px;
194    border:0px; 185    border:0px;
195    padding:0px; 186    padding:0px;
196    padding-bottom:2px; 187    padding-bottom:2px;
197    line-height:1.2em;   188    line-height:1.2em;  
198  189 
199/*   box-sizing: border-box; */  190/*   box-sizing: border-box; */ 
200} 191}
201.content .entry h2 { 192.content .entry h2 {
202    margin-top:7%; 193    margin-top:7%;
203    margin-bottom:10px; 194    margin-bottom:10px;
204    margin-left:0px; 195    margin-left:0px;
205    border-top:0px; 196    border-top:0px;
206    border-right:0px; 197    border-right:0px;
207    border-left:20px solid #0000FF; 198    border-left:20px solid #0000FF;
208    border-bottom:6px solid #0000FF; 199    border-bottom:6px solid #0000FF;
209    padding-left:10px; 200    padding-left:10px;
210    padding-bottom:1%; 201    padding-bottom:1%;
211    line-height:1.2em;   202    line-height:1.2em;  
212} 203}
213.content .entry h3 { 204.content .entry h3 {
214    margin-top:4%; 205    margin-top:4%;
215    margin-left:5px; 206    margin-left:5px;
216    border-top:0px; 207    border-top:0px;
217    border-right:0px; 208    border-right:0px;
218    border-left:12px solid #FF00FF; 209    border-left:12px solid #FF00FF;
219    border-bottom:4px solid #FF00FF; 210    border-bottom:4px solid #FF00FF;
220    padding-left:10px; 211    padding-left:10px;
221    padding-bottom:2px; 212    padding-bottom:2px;
222    line-height:1.2em;   213    line-height:1.2em;  
223} 214}
224.content .entry h4 { 215.content .entry h4 {
225    margin-top:10px; 216    margin-top:10px;
226    margin-left:0px; 217    margin-left:0px;
227    border-top:0px; 218    border-top:0px;
228    border-right:0px; 219    border-right:0px;
229    border-left:8px solid #FF8000; 220    border-left:8px solid #FF8000;
230    border-bottom:2px solid #FF8000; 221    border-bottom:2px solid #FF8000;
231    padding-left:10px; 222    padding-left:10px;
232    padding-bottom:1px; 223    padding-bottom:1px;
233    line-height:1.2em;   224    line-height:1.2em;  
234} 225}
235  226 
236/* 검색 결과 리스트 */  227/* 검색 결과 리스트 */ 
237.content .list li, .rpList li {  border-bottom:1px solid #eee; padding:3px 5px; } 228.content .list li, .rpList li {  border-bottom:1px solid #eee; padding:3px 5px; }
238  229 
239/* content 위치로그 */  230/* content 위치로그 */ 
240.content .local { margin-bottom:50px; } 231.content .local { margin-bottom:50px; }
241.content .local .spot {     padding:5px 0 2px 20px; background:url("./images/iconDepth.gif") no-repeat 10px 5px; border-bottom:1px solid #eee; margin:0 10px; } 232.content .local .spot {     padding:5px 0 2px 20px; background:url("./images/iconDepth.gif") no-repeat 10px 5px; border-bottom:1px solid #eee; margin:0 10px; }
242.content .local .info {     padding:5px 0 2px 10px; background:url("./images/bullTri.gif") no-repeat 0 50%; border-bottom:1px solid #eee; } 233.content .local .info {     padding:5px 0 2px 10px; background:url("./images/bullTri.gif") no-repeat 0 50%; border-bottom:1px solid #eee; }
243.content .local a {  color:#f60; } 234.content .local a {  color:#f60; }
244  235 
245/* content 태그 */  236/* content 태그 */ 
246.content .tag {  font-size:0.8em; } 237.content .tag {  font-size:0.8em; }
247.content .tag a {  text-decoration:none; /*font-family:dotum;*/ } 238.content .tag a {  text-decoration:none; /*font-family:dotum;*/ }
248.content .tag ul {  margin:0; padding:0; } 239.content .tag ul {  margin:0; padding:0; }
249.content .tag li {  display:inline; padding:0; text-align:justify; } 240.content .tag li {  display:inline; padding:0; text-align:justify; }
250.content .tag li .cloud1 {  font-weight:bold; font-size:145%; color:#333; background-color:#FFCC99; } 241.content .tag li .cloud1 {  font-weight:bold; font-size:145%; color:#333; background-color:#FFCC99; }
251.content .tag li .cloud2 {  font-weight:bold; font-size:135%; color:#333; background-color:#FFCC99; } 242.content .tag li .cloud2 {  font-weight:bold; font-size:135%; color:#333; background-color:#FFCC99; }
252.content .tag li .cloud3 {  font-weight:bold; font-size:125%; color:#666; } 243.content .tag li .cloud3 {  font-weight:bold; font-size:125%; color:#666; }
253.content .tag li .cloud4 {  font-size:115%; color:#666; } 244.content .tag li .cloud4 {  font-size:115%; color:#666; }
254.content .tag li .cloud5 {  font-size:100%; color:#999; } 245.content .tag li .cloud5 {  font-size:100%; color:#999; }
255.content .tag li a:hover {  background-color:#eee; color:#000; } 246.content .tag li a:hover {  background-color:#eee; color:#000; }
256  247 
257/* content 방명록 기본 스타일 */  248/* content 방명록 기본 스타일 */ 
258.content .guestbook p { padding:2px; margin:0; } 249.content .guestbook p { padding:2px; margin:0; }
259/* content 방명록 글쓰기 */  250/* content 방명록 글쓰기 */ 
260.content .guestbook .write {  background-color:#f5f5f5; border:1px solid #eee8e2; padding:10px; color:#666; margin:10px 5px; } 251.content .guestbook .write {  background-color:#f5f5f5; border:1px solid #eee8e2; padding:10px; color:#666; margin:10px 5px; }
261.content .guestbook .write input {  width:30%; padding:4px 4px 0 4px; color:#666; font-size:95%; } 252.content .guestbook .write input {  width:30%; padding:4px 4px 0 4px; color:#666; font-size:95%; }
262.content .guestbook .write .homepage {  width:70%; } 253.content .guestbook .write .homepage {  width:70%; }
263.content .guestbook .write textarea {  width:95%; padding:5px; } 254.content .guestbook .write textarea {  width:95%; padding:5px; }
264.content .guestbook .write .btn {  width:97%; color:#333; border:1px solid #ccc; background-color:#ddd;  height:26px; } 255.content .guestbook .write .btn {  width:97%; color:#333; border:1px solid #ccc; background-color:#ddd;  height:26px; }
265/* content 방명록 리스트 */  256/* content 방명록 리스트 */ 
266.content .guestbook .list {  color:#888; margin:10px 10px; } 257.content .guestbook .list {  color:#888; margin:10px 10px; }
267.content .guestbook .list ul {  margin:0; padding:0; list-style:none; } 258.content .guestbook .list ul {  margin:0; padding:0; list-style:none; }
268.content .guestbook .list ol {  margin:0; padding:0; list-style:none; } 259.content .guestbook .list ol {  margin:0; padding:0; list-style:none; }
269.content .guestbook .list li {     padding:10px; border-bottom:1px solid #eee; } 260.content .guestbook .list li {     padding:10px; border-bottom:1px solid #eee; }
270.content .guestbook .list li ul li {  padding-left:23px; background:url(./images/iconDepth.gif) no-repeat 10px 12px; background-color:#f5f5f5; border:1px solid #eee; margin-bottom:4px; } 261.content .guestbook .list li ul li {  padding-left:23px; background:url(./images/iconDepth.gif) no-repeat 10px 12px; background-color:#f5f5f5; border:1px solid #eee; margin-bottom:4px; }
271.content .guestbook .list .name {  font-size:100%; letter-spacing:0; float:left; padding-right:3px; } 262.content .guestbook .list .name {  font-size:100%; letter-spacing:0; float:left; padding-right:3px; }
272.content .guestbook .list .date {  float:left; padding:3px 2px 0 2px; } 263.content .guestbook .list .date {  float:left; padding:3px 2px 0 2px; }
273.content .guestbook .list .control {  margin-left:400px; text-align:right; padding-right:5px; } 264.content .guestbook .list .control {  margin-left:400px; text-align:right; padding-right:5px; }
274.content .guestbook .listBody { clear:both; } 265.content .guestbook .listBody { clear:both; }
275  266 
276.content .guestbook .name a {  color:#000; } 267.content .guestbook .name a {  color:#000; }
277.content .guestbook .date {  font:80% Tahoma; color:#999; letter-spacing:0; } 268.content .guestbook .date {  font:80% Tahoma; color:#999; letter-spacing:0; }
278  269 
279  270 
280/* content > entryNotice, entryProtected, entry 제목 + 정보 */  271/* content > entryNotice, entryProtected, entry 제목 + 정보 */ 
281.content .titleinfo h2 { 272.content .titleinfo h2 {
282    font-family: 273    font-family:
283        "은 돋움","Un Dotum","UnDotum","은 바탕","Un Batang","UnBatang", 274        "은 돋움","Un Dotum","UnDotum","은 바탕","Un Batang","UnBatang",
284        "함초롬돋움","HCR Dotum", 275        "함초롬돋움","HCR Dotum",
285        "은 자모 바탕","Un Jamo Batang","UnJamoBatang", 276        "은 자모 바탕","Un Jamo Batang","UnJamoBatang",
286        Code2002,Code2001,Code2000, "Sans-serif", serif; 277        Code2002,Code2001,Code2000, "Sans-serif", serif;
287    /* font-size:1.6em; */  278    /* font-size:1.6em; */ 
288    /* text-decoration:bold; */  279    /* text-decoration:bold; */ 
289    margin:0px;   280    margin:0px;  
290    padding:0px; /*float:left;*/   281    padding:0px; /*float:left;*/  
291} 282}
292.content .titleinfo h2 { 283.content .titleinfo h2 {
293    margin:0px;   284    margin:0px;  
294    padding:0px; /*float:left;*/   285    padding:0px; /*float:left;*/  
295    border:0px; 286    border:0px;
296} 287}
297.content .titleinfo h2 a {  /*@post-title-font-size=:;*/ /*@*/ /*@post-title-font-family=:;*/ /*@*/   288.content .titleinfo h2 a {  /*@post-title-font-size=:;*/ /*@*/ /*@post-title-font-family=:;*/ /*@*/  
298    color:/*@post-title-color=#222*/ black /*@*/;   289    color:/*@post-title-color=#222*/ black /*@*/;  
299} 290}
300.content .titleinfo .name {   291.content .titleinfo .name {  
301    display:inline-block; 292    display:inline-block;
302    float:left;   293    float:left;  
303    margin:3px 0 5px 10px;   294    margin:3px 0 5px 10px;  
304    border-right:2px solid #ddd;   295    border-right:2px solid #ddd;  
305    padding-right:5px;   296    padding-right:5px;  
306} 297}
307/* .content .titleinfo .name a {  color:#999; } */  298/* .content .titleinfo .name a {  color:#999; } */ 
308.content .titleinfo .pdf { /* float:left;*/   299.content .titleinfo .pdf { /* float:left;*/  
309    display:inline-block; 300    display:inline-block;
310/*  float:left; */  301/*  float:left; */ 
311    margin:3px 0px 0 10px;   302    margin:3px 0px 0 10px;  
312    border-right:2px solid #ddd;   303    border-right:2px solid #ddd;  
313    padding-bottom:3px;   304    padding-bottom:3px;  
314    padding-right:5px;   305    padding-right:5px;  
315} 306}
316/* .content .titleinfo .pdf a {   307/* .content .titleinfo .pdf a {  
317color:#999; 308color:#999;
318} */  309} */ 
319.content .titleinfo .date {   310.content .titleinfo .date {  
320    display:inline-block; 311    display:inline-block;
321  float: right; 312  float: right;
322  border-left: 2px solid #ddd;   313  border-left: 2px solid #ddd;  
323/*  border-right: 1px solid #ddd; */  314/*  border-right: 1px solid #ddd; */ 
324  margin: 3px 3px 0 0; 315  margin: 3px 3px 0 0;
325  padding-left: 5px; 316  padding-left: 5px;
326  padding-right: 5px; 317  padding-right: 5px;
327} 318}
328  319 
329.content .admin {  clear:both; font-size:1rem; margin: 0px 10px; } 320.content .admin {  clear:both; font-size:1rem; margin: 0px 10px; }
330.content .admin {  border-top:1px solid #880088 } 321.content .admin {  border-top:1px solid #880088 }
331      322     
332  323 
333/* content > entryNotice, entryProtected, entry 본문 */  324/* content > entryNotice, entryProtected, entry 본문 */ 
334.content .article { 325.content .article {
335    width:/*@post-width:200*/700px/*@*/; 326    width:/*@post-width:200*/700px/*@*/;
336    overflow:hidden; 327    overflow:hidden;
337    letter-spacing:0; 328    letter-spacing:0;
338    /* margin-top:3px; */   329    /* margin-top:3px; */  
339    line-height:160%; 330    line-height:160%;
340    /*@post-body-font-size=:;*/ /*@*/  331    /*@post-body-font-size=:;*/ /*@*/ 
341    /*@post-body-font-family=:;*/ /*@*/  332    /*@post-body-font-family=:;*/ /*@*/ 
342    /*@post-body-color=:;*/ /*@*/ } 333    /*@post-body-color=:;*/ /*@*/ }
343.content .article ul {  margin-left:40px; padding:5px 0; } 334.content .article ul {  margin-left:40px; padding:5px 0; }
344.content .article ol {  margin-left:40px; padding:5px 0; } 335.content .article ol {  margin-left:40px; padding:5px 0; }
345.content .article ul li {  list-style-type:disc; padding:2px 0; } 336.content .article ul li {  list-style-type:disc; padding:2px 0; }
346.content .article ol li {  list-style-type:decimal; padding:1px 0; } 337.content .article ol li {  list-style-type:decimal; padding:1px 0; }
347.content .article a {    color: #f60; } 338.content .article a {    color: #f60; }
348.content .article blockquote {  margin:10px 0 10px 40px; border-left:4px double #ded2c6; padding-left:10px; } 339.content .article blockquote {  margin:10px 0 10px 40px; border-left:4px double #ded2c6; padding-left:10px; }
349.content .entry .article table { border-collapse:collapse; border:1px solid gray; margin:1px 2px 1px 2px; } 340.content .entry .article table { border-collapse:collapse; border:1px solid gray; margin:1px 2px 1px 2px; }
350.content .entry .article tbody { } 341.content .entry .article tbody { }
351.content .entry .article tr { border-collapse:collapse; border:1px solid gray; /* margin:1px; */ } 342.content .entry .article tr { border-collapse:collapse; border:1px solid gray; /* margin:1px; */ }
352.content .entry .article th { border:1px solid gray; text-align:center; } 343.content .entry .article th { border:1px solid gray; text-align:center; }
353.content .entry .article td { border:1px solid gray; padding:0pt 2pt 0pt 2pt; } 344.content .entry .article td { border:1px solid gray; padding:0pt 2pt 0pt 2pt; }
354.content .entry .article tt { } 345.content .entry .article tt { }
355  346 
356/* 작성자 */  347/* 작성자 */ 
357.author                {    font-size: 1rem; text-align:right; color:#888; padding:20px 0px; } 348.author                {    font-size: 1rem; text-align:right; color:#888; padding:20px 0px; }
358.author .text          {    font:0.7em Verdana, Arial, Helvetica, sans-serif; } 349.author .text          {    font:0.7em Verdana, Arial, Helvetica, sans-serif; }
359  350 
360  351 
361/* content > entry >  태그 */  352/* content > entry >  태그 */ 
362.content .entry .tag {  clear:both; 353.content .entry .tag {  clear:both;
363    text-align:right; padding-right:10px; margin-bottom:10px; } 354    text-align:right; padding-right:10px; margin-bottom:10px; }
364.content .entry .tag a:hover {  color:#f30; } 355.content .entry .tag a:hover {  color:#f30; }
365  356 
366/* content >entry >  트랙백+댓글 버튼 */  357/* content >entry >  트랙백+댓글 버튼 */ 
367.content .entry .btnTrackbackComment { clear:both; border-top:1px solid #ddd; padding:8px 5px; margin:0; } 358.content .entry .btnTrackbackComment { clear:both; border-top:1px solid #ddd; padding:8px 5px; margin:0; }
368/* content > entry > 트랙백받을 주소*/  359/* content > entry > 트랙백받을 주소*/ 
369.content .entry .trackback { margin:0 0 10px 0; } 360.content .entry .trackback { margin:0 0 10px 0; }
370.content .entry .trackback h3 { font-size:90%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px 8px 5px; color:#f60; font-weight:normal; margin:0 0 1px 0; background-color:#f8f8f8; } 361.content .entry .trackback h3 { font-size:90%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px 8px 5px; color:#f60; font-weight:normal; margin:0 0 1px 0; background-color:#f8f8f8; }
371.content .entry .trackback .address { letter-spacing:0; font-family:Verdana; color:#666; } 362.content .entry .trackback .address { letter-spacing:0; font-family:Verdana; color:#666; }
372/* content > entry > 트랙백 리스트 */  363/* content > entry > 트랙백 리스트 */ 
373.content .entry .trackback h4 {  font-size:100%; font-weight:normal; display:inline; margin:0; } 364.content .entry .trackback h4 {  font-size:100%; font-weight:normal; display:inline; margin:0; }
374.content .entry .trackback h4 a { color:#000; padding:0 2px; } 365.content .entry .trackback h4 a { color:#000; padding:0 2px; }
375.content .entry .trackback .list ol { margin:0; padding:0; list-style:none; } 366.content .entry .trackback .list ol { margin:0; padding:0; list-style:none; }
376.content .entry .trackback .list li {  background:url(./images/bullTri.gif) no-repeat 5px 12px; border-top:1px solid #ddd; padding:8px 0 5px 12px; } 367.content .entry .trackback .list li {  background:url(./images/bullTri.gif) no-repeat 5px 12px; border-top:1px solid #ddd; padding:8px 0 5px 12px; }
377.content .entry .trackback .list .date {  color:#999; } 368.content .entry .trackback .list .date {  color:#999; }
378.content .entry .trackback .list .listBody {  color:#999; padding:2px 0; } 369.content .entry .trackback .list .listBody {  color:#999; padding:2px 0; }
379/* content > entry > 댓글 타이틀*/  370/* content > entry > 댓글 타이틀*/ 
380.content .entry .comment { width:/*@post-width:200*/700px/*@*/; overflow:hidden; } 371.content .entry .comment { width:/*@post-width:200*/700px/*@*/; overflow:hidden; }
381.content .entry .comment p { margin:0; } 372.content .entry .comment p { margin:0; }
382.content .entry .comment { margin:0 0 10px 0; } 373.content .entry .comment { margin:0 0 10px 0; }
383.content .entry .comment h3 { font-size:90%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px 8px 5px; color:#f60; font-weight:normal; margin:0 0 1px 0; background-color:#f8f8f8; } 374.content .entry .comment h3 { font-size:90%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px 8px 5px; color:#f60; font-weight:normal; margin:0 0 1px 0; background-color:#f8f8f8; }
384.content .entry .comment .address { letter-spacing:0; /*font-family:dotum;*/ color:#666; } 375.content .entry .comment .address { letter-spacing:0; /*font-family:dotum;*/ color:#666; }
385/* content > entry > 댓글 리스트 */  376/* content > entry > 댓글 리스트 */ 
386.content .entry .comment .list ol { margin:0; padding:0; list-style:none; } 377.content .entry .comment .list ol { margin:0; padding:0; list-style:none; }
387.content .entry .comment .list ul { list-style:none; } 378.content .entry .comment .list ul { list-style:none; }
388.content .entry .comment .list li {  background:url(images/iconComment.gif) no-repeat 5px 10px; border-top:1px solid #ddd; padding:8px 0 5px 20px; margin-bottom:4px; } 379.content .entry .comment .list li {  background:url(images/iconComment.gif) no-repeat 5px 10px; border-top:1px solid #ddd; padding:8px 0 5px 20px; margin-bottom:4px; }
389.content .entry .comment .list li ul li {  background:url(images/iconReComment.gif) no-repeat 5px 5px; padding:8px 0 5px 40px; margin:10px 2px;  background-color:#f5f5f5; border:1px solid #eee; } 380.content .entry .comment .list li ul li {  background:url(images/iconReComment.gif) no-repeat 5px 5px; padding:8px 0 5px 40px; margin:10px 2px;  background-color:#f5f5f5; border:1px solid #eee; }
390.content .entry .comment .name a {  font-size:110%; color:#000; } 381.content .entry .comment .name a {  font-size:110%; color:#000; }
391  382 
392/* content > entry  댓글+트랙백 공통 스타일 */  383/* content > entry  댓글+트랙백 공통 스타일 */ 
393.content .entry .list .name {  float:left; } 384.content .entry .list .name {  float:left; }
394.content .entry .list .date {  float:left; padding:5px 2px 0 2px; } 385.content .entry .list .date {  float:left; padding:5px 2px 0 2px; }
395.content .entry .list .control {  margin-left:300px; text-align:right; padding-right:5px; } 386.content .entry .list .control {  margin-left:300px; text-align:right; padding-right:5px; }
396.content .entry .listBody { clear:both; } 387.content .entry .listBody { clear:both; }
397  388 
398/* content > entry 댓글 쓰기 */  389/* content > entry 댓글 쓰기 */ 
399.content .entry .comment .write {  background-color:#f5f5f5; border:1px solid #eee; padding:10px; color:#666; margin:10px 5px; } 390.content .entry .comment .write {  background-color:#f5f5f5; border:1px solid #eee; padding:10px; color:#666; margin:10px 5px; }
400.content .entry .comment .write input {  width:30%; } 391.content .entry .comment .write input {  width:30%; }
401.content .entry .comment .write .homepage {  width:50%; display:inline; } 392.content .entry .comment .write .homepage {  width:50%; display:inline; }
402.content .entry .comment .write textarea {  width:95%; } 393.content .entry .comment .write textarea {  width:95%; }
403.content .entry .comment .write .checkbox {  border:0; width:20px; } 394.content .entry .comment .write .checkbox {  border:0; width:20px; }
404.content .entry .comment .write .btn {   width:97%; color:#333; border:1px solid #ccc; background-color:#ddd;  height:26px; } 395.content .entry .comment .write .btn {   width:97%; color:#333; border:1px solid #ccc; background-color:#ddd;  height:26px; }
405  396 
406.content .paging {  clear:both; text-align:center; margin:50px 0; font:80% Verdana; background-color:#fff; } 397.content .paging {  clear:both; text-align:center; margin:50px 0; font:80% Verdana; background-color:#fff; }
407.content .paging .selected { font-weight:bold; font-size:150%; color:#ff0000; /* background-color:#eee; */ } 398.content .paging .selected { font-weight:bold; font-size:150%; color:#ff0000; /* background-color:#eee; */ }
408  399 
409/* 사이드바 공통 스타일 */  400/* 사이드바 공통 스타일 */ 
410.sideinfo a:link { color:#333; } 401.sideinfo a:link { color:#333; }
411.sideinfo h3 { 402.sideinfo h3 {
412    font:12pt dotum; 403    font:12pt dotum;
413    font-weight:normal; 404    font-weight:normal;
414    color:#222; 405    color:#222;
415    background:url(images/bgSideinfo.gif) no-repeat; 406    background:url(images/bgSideinfo.gif) no-repeat;
416    padding:3px 5px; 407    padding:3px 5px;
417    height:22px; 408    height:22px;
418    margin-top:0px; 409    margin-top:0px;
419} 410}
420  411 
421.sideinfo .cnt { font:80% Verdana; color:#f30; } 412.sideinfo .cnt { font:80% Verdana; color:#f30; }
422.sideinfo .date { font:90% Verdana; color:#666; } 413.sideinfo .date { font:90% Verdana; color:#666; }
423.sideinfo .name { font:90% /*dotum*/; color:#666; } 414.sideinfo .name { font:90% /*dotum*/; color:#666; }
424.sideinfo ul { margin:0 5px 0 5px; } 415.sideinfo ul { margin:0 5px 0 5px; }
425.sideinfo li {  line-height:120%; } 416.sideinfo li {  line-height:120%; }
426  417 
427/* 공지사항  */  418/* 공지사항  */ 
428.sideinfo .notice { 419.sideinfo .notice {
429text-align:center; 420text-align:center;
430} 421}
431.sideinfo .notice li { 422.sideinfo .notice li {
432    background:url(images/iconNotice.gif) no-repeat 0 50%; 423    background:url(images/iconNotice.gif) no-repeat 0 50%;
433    padding-left:38px; 424    padding-left:38px;
434    display:inline; 425    display:inline;
435} 426}
436.sideinfo .notice li a { 427.sideinfo .notice li a {
437    font-size:16px; 428    font-size:16px;
438    font-weight:bold; 429    font-weight:bold;
439    letter-spacing:-1px; 430    letter-spacing:-1px;
440    color:Blue; 431    color:Blue;
441} 432}
442  433 
443/* 사이드바 태그 */  434/* 사이드바 태그 */ 
444.sideinfo .tag a {  text-decoration:none; /* font-family:dotum; */ } 435.sideinfo .tag a {  text-decoration:none; /* font-family:dotum; */ }
445.sideinfo .tag {  display:inline; padding:0; text-align:justify; } 436.sideinfo .tag {  display:inline; padding:0; text-align:justify; }
446.sideinfo .tag .cloud1 {  font-weight:bold; font-size:130%; color:#222; background-color:#FFCC99; } 437.sideinfo .tag .cloud1 {  font-weight:bold; font-size:130%; color:#222; background-color:#FFCC99; }
447.sideinfo .tag .cloud2 {  font-weight:bold; font-size:120%; color:#333; background-color:#FFCC99; } 438.sideinfo .tag .cloud2 {  font-weight:bold; font-size:120%; color:#333; background-color:#FFCC99; }
448.sideinfo .tag .cloud3 {  font-weight:bold; font-size:110%; color:#555; } 439.sideinfo .tag .cloud3 {  font-weight:bold; font-size:110%; color:#555; }
449.sideinfo .tag .cloud4 {  font-size:100%; color:#666; } 440.sideinfo .tag .cloud4 {  font-size:100%; color:#666; }
450.sideinfo .tag .cloud5 {  font-size:90%; color:#666; } 441.sideinfo .tag .cloud5 {  font-size:90%; color:#666; }
451.sideinfo .tag a:hover {  background-color:#a09b91; color:#000; } 442.sideinfo .tag a:hover {  background-color:#a09b91; color:#000; }
452.sideinfo .tag li {  background:none; display:inline; padding:0; } 443.sideinfo .tag li {  background:none; display:inline; padding:0; }
453  444 
454  445 
455.sideinfo .calender { font:100% Verdana; } 446.sideinfo .calender { font:100% Verdana; }
456.sideinfo .archive { font-family:Verdana; } 447.sideinfo .archive { font-family:Verdana; }
457.sideinfo .archive ul {  padding:0 20px 0 10px; } 448.sideinfo .archive ul {  padding:0 20px 0 10px; }
458.sideinfo .archive .cnt {  padding-left:5px; } 449.sideinfo .archive .cnt {  padding-left:5px; }
459  450 
460.footer { text-align:center; padding-top:20px; } 451.footer { text-align:center; padding-top:20px; }
461.footer .counter { clear:both; width:/*@post-width:280*/780px/*@*/; text-align:center;  font-family:Verdana; font-size:90%; margin:5px; } 452.footer .counter { clear:both; width:/*@post-width:280*/780px/*@*/; text-align:center;  font-family:Verdana; font-size:90%; margin:5px; }
462.footer .botton { margin:40px 0 10px 0;text-align:center; } 453.footer .botton { margin:40px 0 10px 0;text-align:center; }
463  454 
464  455 
465/* *********************************************************************** */  456/* *********************************************************************** */ 
466/* 사용자가 추가한 CSS */  457/* 사용자가 추가한 CSS */ 
467  458 
468/* 하이퍼링크 */  459/* 하이퍼링크 */ 
469.content .article a, .content .article a:link { 460.content .article a, .content .article a:link {
470    text-decoration: none; 461    text-decoration: none;
471    border-width: 1px; 462    border-width: 1px;
472    border-top-style: none; 463    border-top-style: none;
473    border-right-style: none; 464    border-right-style: none;
474    border-left-style: none; 465    border-left-style: none;
475    border-bottom-color: #ff6600; 466    border-bottom-color: #ff6600;
476    border-bottom-style: solid; 467    border-bottom-style: solid;
477    background-color: transparent; 468    background-color: transparent;
478} 469}
479  470 
480.content .article a:visited { 471.content .article a:visited {
481    border-width: 1px; 472    border-width: 1px;
482    border-bottom-color: #ff6600; 473    border-bottom-color: #ff6600;
483    border-bottom-style: dotted; 474    border-bottom-style: dotted;
484} 475}
485.content .article a:hover { 476.content .article a:hover {
486    border-width: 1px; 477    border-width: 1px;
487    border-bottom-color: #ff6600; 478    border-bottom-color: #ff6600;
488    border-bottom-style: solid; 479    border-bottom-style: solid;
489    background-color: #ffeeee; 480    background-color: #ffeeee;
490} 481}
491.content .article a:active {    } 482.content .article a:active {    }
492  483 
493/* 태터툴즈에서 추가하는 이미지 태그 */  484/* 태터툴즈에서 추가하는 이미지 태그 */ 
494.imageblock a:link, .imageblock a:hover, 485.imageblock a:link, .imageblock a:hover,
495.imageblock a:visited, .imageblock a:active { 486.imageblock a:visited, .imageblock a:active {
496    text-decoration: none; 487    text-decoration: none;
497    margin:0.5em;  488    border-style: none; 
498    border-style: outset;  
499    border-color:#edd3ed;  
500} 489}
501.imageblock a img, .imageblock img { 490.imageblock a img {
502    text-decoration: none; 491    text-decoration: none;
503    margin:0.5em;  492    border-width: 1px; 
504    border-width: 3px;  
505    border-style: solid; 493    border-style: solid;
506    border-color:#edd3ed;  494    border-color: #fff8f8; 
507} 495}
508.imageblock a img:hover, .imageblock img:hover { 496.imageblock a img:hover {
509    text-decoration: none; 497    text-decoration: none;
510    border-width: 3px;  498    border-style: solid; 
511    border-style: c;  499    border-color:#ff6600; 
512    border-color:#ff00ff;  
513} 500}
514  501 
515/* 사이드바 */  502/* 사이드바 */ 
516.sideinfo .category .branch3 { font-size:1.2em; } 503.sideinfo .category .branch3 { font-size:1.2em; }
517  504 
518/* GFDL */  505/* GFDL */ 
519.gfdl          {  color:/*@title-color=*/ #0000FF /*@*/; font-size:/*@title-font-size=*/ 0.8rem /*@*/; font-weight:bold; line-height:120%; 506.gfdl          {  color:/*@title-color=*/ #0000FF /*@*/; font-size:/*@title-font-size=*/ 0.8rem /*@*/; font-weight:bold; line-height:120%;
520            letter-spacing:0px; font-family:/*@title-font-family=*/ "돋움" /*@*/; width:/*@post-width:115=*/ 680px /*@*/; background:/*@title-background-color=*/ transparent /*@*/ } 507            letter-spacing:0px; font-family:/*@title-font-family=*/ "돋움" /*@*/; width:/*@post-width:115=*/ 680px /*@*/; background:/*@title-background-color=*/ transparent /*@*/ }
521.gfdl a         {  text-decoration:underline; color:/*@title-color=*/ #0000FF } 508.gfdl a         {  text-decoration:underline; color:/*@title-color=*/ #0000FF }
522  509 
523/* 목차 */  510/* 목차 */ 
524#toc     { border:1px solid tan; padding:2px 10px 0px; background-color:#FFFFFA; } 511#toc     { border:1px solid tan; padding:2px 10px 0px; background-color:#FFFFFA; }
525  512 
526/* widget */  513/* widget */ 
527  514 
528/* another_category */  515/* another_category */ 
529.another_category      {  font-size:1.2em ; line-height:1em ; } 516.another_category      {  font-size:1.2em ; line-height:1em ; }
530  517 
531/* 각주 Footnote */  518/* 각주 Footnote */ 
532.article div.footnotes 519.article div.footnotes
533{ 520{
534    border:1px solid tan ; 521    border:1px solid tan ;
535    margin:10px 15px 10px 10px; 522    margin:10px 15px 10px 10px;
536} 523}
537  524 
538.footnotes li 525.footnotes li
539{ 526{
540    list-style-type:decimal; 527    list-style-type:decimal;
541    list-style-position:outside; 528    list-style-position:outside;
542    margin-left:10px; 529    margin-left:10px;
543    margin-right:10px; 530    margin-right:10px;
544    padding-left:0; 531    padding-left:0;
545} 532}
546.footnotes ol 533.footnotes ol
547{ 534{
548    list-style-type:decimal; 535    list-style-type:decimal;
549    list-style-position:outside; 536    list-style-position:outside;
550    margin-left:10px; 537    margin-left:10px;
551    margin-right:10px; 538    margin-right:10px;
552    padding-left:0; 539    padding-left:0;
553} 540}
554  541 
555/* 옛한글 및 한글 자모 조합 방식 */  542/* 옛한글 및 한글 자모 조합 방식 */ 
556.jamo { 543.jamo {
557    font-family: 544    font-family:
558        "바탕 옛한글","Batang Old Hangul","굴림 옛한글","NewGulim Old Hangul", 545        "바탕 옛한글","Batang Old Hangul","굴림 옛한글","NewGulim Old Hangul",
559        "궁서 옛한글","Gungsuh Old Hangul", 546        "궁서 옛한글","Gungsuh Old Hangul",
560        "은 바탕","Un Batang","UnBatang","은 자모 바탕","Un Jamo Batang","UnJamoBatang", 547        "은 바탕","Un Batang","UnBatang","은 자모 바탕","Un Jamo Batang","UnJamoBatang",
561        "은 돋움","Un Dotum","UnDotum", 548        "은 돋움","Un Dotum","UnDotum",
562        "함초롬바탕","HCR Batang","함초롬돋움","HCR Dotum", 549        "함초롬바탕","HCR Batang","함초롬돋움","HCR Dotum",
563        Code2002,Code2001,Code2000,"굴림",Gulim,serif; 550        Code2002,Code2001,Code2000,"굴림",Gulim,serif;
564} 551}
565  552 
566/* 신택스 하일라이트 Syntax Highlight */  553/* 신택스 하일라이트 Syntax Highlight */ 
567.container .syntaxhighlighter { 554.container .syntaxhighlighter {
568    margin: 0 1em 0 1em !important; 555    margin: 0 1em 0 1em !important;
569} 556}
570  557 
571  558 
572* { margin:0; padding:0;} 559* { margin:0; padding:0;}
573body { _height:100%; _width:100%; _overflow:auto; } 560body { _height:100%; _width:100%; _overflow:auto; }
574  561 
575/* 떠다니는 메뉴 (Floating Menu) */  562/* 떠다니는 메뉴 (Floating Menu) */ 
576#floatdiv { 563#floatdiv {
577    position:fixed; _position:absolute; _z-index:-1; 564    position:fixed; _position:absolute; _z-index:-1;
578    width:65px; 565    width:65px;
579    overflow:hidden; 566    overflow:hidden;
580    right:0px; 567    right:0px;
581    top:30%; 568    top:30%;
582  569 
583    border: #5D5D5D 1px solid; 570    border: #5D5D5D 1px solid;
584    background-color: transparent; 571    background-color: transparent;
585    font-size: 14px; 572    font-size: 14px;
586    margin:0; 573    margin:0;
587    padding:0; 574    padding:0;
588} 575}
589  576 
590#floatdiv ul  { list-style: none; } 577#floatdiv ul  { list-style: none; }
591#floatdiv li  { margin-bottom: 2px; text-align: center; } 578#floatdiv li  { margin-bottom: 2px; text-align: center; }
592#floatdiv a   { color: #5D5D5D; border: 0; text-decoration: none; display: block; } 579#floatdiv a   { color: #5D5D5D; border: 0; text-decoration: none; display: block; }
593#floatdiv a:hover, #floatdiv .menu  { background-color: #5D5D5D; color: #fff; } 580#floatdiv a:hover, #floatdiv .menu  { background-color: #5D5D5D; color: #fff; }
594#floatdiv .menu, #floatdiv .last    { margin-bottom: 0px; } 581#floatdiv .menu, #floatdiv .last    { margin-bottom: 0px; }
595  582 
596/* 화면에 보이지 않을 부분 */  583/* 화면에 보이지 않을 부분 */ 
597.noseeing      {  display:none } 584.noseeing      {  display:none }
598  585 
599/*   위쪽 오른쪽 아래쪽 왼쪽 586/*   위쪽 오른쪽 아래쪽 왼쪽
600    border:테두리 선 587    border:테두리 선
601    margin:바깥 여백 588    margin:바깥 여백
602    padding:안쪽 여백 589    padding:안쪽 여백
603*/  590*/ 
604   
605/* History */   
606/* 2019년 3월 25일 ver 1.0.2 build 5 : img 태그 */   
607/* 2019년 3월 23일 ver 1.0.1 build 4 */   
608/* 2019년 3월 17일 ver 1.0.1 build 3 */   
609/* 2011년 ver 1.0.0 build 2 */   
610/* 2011년 ver 1.0.0 build 1 */   
611  591