body, td, p, input, button, textarea, select, .c1 { font-family:Verdana,굴림,'New Gulim';letter-spacing:-1px; font-size:9pt; color:#222222; }
table,td,th { border-spacing:0px; }

a:link, a:visited, a:active { text-decoration:none; color:#4d4d4f; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림,'New Gulim'; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

span.menu { font-family:바탕체; font-weight:bold; font-size: 14pt; color: white; display: inline-block; width: 150px; text-align:center; }

#aa { xxpadding: 1em; }
#bb0 { xxpadding: 0.5em; width:750px; }
#bb { xxpadding: 0.5em; width:360px;float:left; }
#cc { xxpadding: 1em; width:360px; float:right; }

#cc_wrap { margin-top:30px; xxwidth:450px; }

#bbb { padding: 0.5em; width:400px;float:left; }
#ccc { padding: 1em; width:530px; float:left; }

#cc_result { width: 140px; float: left; }
#cc_result dt { float: left; clear:left; }
#cc_result dd { flaot: left; } 
#cc_result span.ganji { font-size:1.4em; display:block; float:right; line-height:1em; width:1em; margin: 0 auto; }

#ohang_graph {  list-style:none; height:8em; border:1px dotted gray; }
#ohang_graph li { border:1px solid blue; display:inline; }

#graph
{
    float:left;
    position:relative;
    width:300px;
    height:140px;
    margin:0px;
    padding:0;	
}

#graph ul {
    position:absolute;
    top:0;
    left:32px;
    width:250;
    height:100px;
    border-left:1px solid black;
    border-bottom:1px solid black;	
}

#graph li {
   position:absolute;	
   list-style:none;
   background:lightblue;
   width:40px;
   text-align:center;
   border:1px solid black;
   visibility: hidden;
}

#base_data { width: 300px; float:left; }
#ohang_graph2 { width: 136px; float:left; }
#ohang_graph2 p { margin-left: 2em; text-indent:-1.5em; }
#ohang_graph2 p.mok { border:2px solid #0000FF; }
#ohang_graph2 p.wha { border:2px solid #FF2222; }
#ohang_graph2 p.tho { border:2px solid #EEEE22; }
#ohang_graph2 p.gum { border:2px solid #DDDDDD; }
#ohang_graph2 p.soo { border:2px solid #555555; }

#candidates { clear:both; height:22em; overflow:scroll;}
table.display { width:745px; border: 1px solid gray; border-collapse:collapse; font-size:12pt; }
table.display th { padding:0.5em; font-size:10pt; font-weight: bold; text-align:center; border-top:1px solid gray; border-left:1px solid gray; font-size:12pt; }
table.display td { padding:0.5em; font-size:10pt; border-top:1px solid gray; border-left:1px dotted gray; font-size:12pt; }

#candidates dt { font-size: 12pt; display:inline-block; width:4em; height: 1.8em; cursor:pointer; margin-left:1em; }
#candidates dd { display:none; }

table.input, table.client_list { border: 1px solid gray; border-collapse:collapse; }
table.input th, table.client_list th { padding:0.5em; font-size:10pt; font-weight: bold; text-align:center;
border-top:1px solid gray;
border-left:1px solid gray; }
table.input td, table.client_list td { padding:0.5em; font-size:10pt;
border-top:1px solid gray;
border-left:1px dotted gray; }

table.client_list span.ganji { font-size:1.4em; display:block; float:right; line-height:1em; width:1em; }


div.sajoo { xxborder: 1px solid green; }
div.sajoo div.year,
div.sajoo div.month,
div.sajoo div.day,
div.sajoo div.hour { float: right; border: 1px solid gray; margin-left:0.1em; }

div.sajoo span { display: block; margin:0.2em; text-align:center; }

dl#abcd { margin:2em 0 0 0em; }
dl#abcd dt { background-color:#F3FFF9;  margin-top: 1em; padding: 2em 2em 1em 2em; color:blue; font-size:12pt; font-weidht: bold; border:1px solid #8888AA; border-width:1px 1px 0 1px;}
dl#abcd dd { background-color:#F3FFF9;  margin-top:0em; margin-left:0 ; padding: 0 2em 1em 2em; text-indent: 1em; border:1px solid #8888AA; border-width:0px 1px 1px 1px; }
dl#abcd dd span.summary { font-size:10pt; font-weight: bold; }

table.sajoo { width:100%; margin-top:0.5em; border: 1px solid gray; border-width: 1px 0 0 1px; }
table.sajoo th, table.sajoo td { word-break:break-all; text-align:center; border: 1px solid gray; border-width: 0 1px 1px 0; }
table.sajoo tr.ganji td { font: bold 4em 바탕; width:1em; }

table.daewoon { width:100%; margin-top:0.5em; border: 1px solid gray; border-width: 1px 0 0 1px; }
table.daewoon th, table.daewoon td { text-align:center; border: 1px solid gray; border-width: 0 1px 1px 0; }
table.daewoon tbody td span { font-size:1.8em; display:block; width:1em; }

table.daewoon td.selected div { border: 2px solid blue; }

table.month { border: 1px solid gray; border-width: 1px 0 0 1px; }
table.month th, table.month td { text-align:center; border: 1px solid gray; border-width: 0 1px 1px 0; }
table.month td span.ganji { font-size:2em; display:block; xxfloat:right; line-height:1em; xxwidth:1em; cursor:pointer; }
table.month th span.ganji { font-size:2em; display:block; xxfloat:right; line-height:1em; width:1em; }

table.date { width:100%; margin-top:0.5em; border: 1px solid gray; border-width: 1px 0 0 1px; }
table.date th, table.date td { text-align:center; border: 1px solid gray; border-width: 0 1px 1px 0; }

table.life { border: 1px solid gray; border-width: 1px 0 0 1px; }
table.life th, table.life td { text-align:center; border: 1px solid gray; border-width: 0 1px 1px 0; }
table.life tbody td span.ganji { font-size:1.8em; display:block; line-height:0.9em; xxwidth:1em; }
/*table.life tbody td div span.ganji span.ohang { font-size:1.8em; display:block; line-height:0.9em; xxwidth:1em; }*/

table.calendar { border: 1px solid gray; border-width: 1px 0 0 1px; }
table.calendar th, table.calendar td { width:5%; text-align:center; border: 1px solid gray; border-width: 0 1px 1px 0; padding:0.2em; }

table.calendar td span.sday { font-size:2em; display:block; float:left; }
table.calendar td span.sday.wsat { color:blue; }
table.calendar td span.sday.wsun { color:red; }
table.calendar td span.ganji { font-size:1em; display:block; float:right; width:1em; }
table.calendar td span.jeolgi { font-size:1em; display:block; width:3em; float:left; clear:left; }
table.calendar td span.lday { font-size:1em; display:block; float:right; clear:right; }

div#manlendar { padding:0.5em 0; }
div#manlendar table, div#manlendar2 table { width: 100%; margin-top:0.5em; }

div#manlendar2 { xxbackground-color:#E6E6E4; margin-bottom:0.5em; }


div.comment { color: #222; padding: 4em 0 0 4em; }
div.comment p { color: #222; }

span.ohang0 { display:block; width:1em; border: 0px solid; }
span.ohang { display:block; width:1em; border: 0px solid; margin:0 auto; }
span.ohang2 { display:block; xxwidth:1em; border: 0px solid; margin-bottom:1px; }
span.ohang2-mok { background:#DFFFEF; border-color:#465B99;}
span.ohang2-wha { background:#FEDFE0; border-color:#B5574D;}
span.ohang2-tho { background:#FFFFBF; border-color:#AE8858;}
span.ohang2-gum { background:#FFFFFF; border-color:#7B7879;}
span.ohang2-soo { background:#DFDFDF; border-color:#7B7879;}

span.ohang-mok { background:#DFFFEF; border-color:#3333FF;}
span.ohang-wha { background:#FEDFE0; border-color:#FF3333;}
span.ohang-tho { background:#FFFFBF; border-color:#E0E000;}
span.ohang-gum { background:#FFFFFF; border-color:#4F4F4F;}
span.ohang-soo { background:#DFDFDF; border-color:#4F4F4F;}

/* td.selected span { background-color:#F9C9CA; } */
td.selected span { border-color:#000000; }
/*span.selected { background-color:#F9C9CA; } */
span.selected { border-color:#000000; }

td.today div { border: 2px solid #FE730C; }
table.month td.selected div { border: 2px solid #00F; }
table#life_set td.selected div { border: 2px solid #00F; }
table#daewoon_band td.selected div { border: 2px solid #00F; }

div.today_selected { border: 2px solid #FE730C; }

td.today div { border: 2px solid #FE730C; }

div.print-on { display:none; }

@media print {
body {  width:740px; margin-left:50px; }
 div.print-on { display:block; }
 input.print-off { visibility:hidden; }
span.ohang2-mok { background:#DFFFEF; border-color:#465B99;}
span.ohang2-wha { background:#FEDFE0; border-color:#B5574D;}
span.ohang2-tho { background:#FFFFBF; border-color:#AE8858;}
span.ohang2-gum { background:#FFFFFF; border-color:#7B7879;}
span.ohang2-soo { background:#DFDFDF; border-color:#7B7879;}

span.ohang-mok { background:#DFFFEF; border-color:#3333FF;}
span.ohang-wha { background:#FEDFE0; border-color:#FF3333;}
span.ohang-tho { background:#FFFFBF; border-color:#E0E000;}
span.ohang-gum { background:#FFFFFF; border-color:#4F4F4F;}
span.ohang-soo { background:#DFDFDF; border-color:#4F4F4F;}
}

input.han_name { ime-mode:active; }
