html, body { height:100%; }
* html { height:100%; }
* body { height:100%; }
body, td, div, p, input, select, textarea { font-family:Dotum, Gulim, Arial; font-size:12px; color:#444444; }
body, p { margin:0px; }
select { padding:1px; }
img  { border:0px; }
form { margin:0px; }

a:link    { color:#444444; text-decoration:none; }
a:visited { color:#444444; text-decoration:none; }
a:hover   { color:#20409A; text-decoration:underline; }
a:active  { color:#444444; text-decoration:none; }

#container { margin:0 auto; width:960px; }
#head { }
#content_area { overflow-x:hidden; }
#left { float:left; width:185px; }
#contentin { float:right; width:765px; overflow:hidden; }
#footer { clear:both; margin-top:35px; border-top:3px solid #4663B4; }


/* left menu */
.lf_tb01 { width:100%; margin-top:10px; table-layout:fixed; }
.vc01 { font-size:11px; letter-spacing:0px; font-family:arial; font-weight:bold; }
.ci01 { font-size:12px; font-weight:bold; color:#20409A; }
.ci02 { font-size:11px; margin-top:5px;}

/* main right */
.nm01 { padding:5px 5px 5px 0px; }


/* content */
/* caption */
.c_tb01 { width:100%; border-collapse:collapse; border-bottom:2px solid #4663B4; margin:1px 0px 0px 0px; }
.c_th01 { font-family:Gulim, Arial; font-weight:normal; letter-spacing:-1px; font-size:15px; color:#000000; padding:0 0 7px 15px; background:url(../images/cafe/ico_cp2.gif) no-repeat left top; }
.c_td01 { font-family:Gulim, Arial; font-weight:normal; letter-spacing:-1px; font-size:14px; color:#4663B4; padding:0px 0px 6px 5px; }
.bt00 { position:relative; height:12px; }
.bt00 div { color:#20409A; letter-spacing:-1px; font-size:12px; font-weight:normal; font-family:gulim, arial; }
.bt01 { position:absolute; opacity:0.3; filter:alpha(opacity=30); top:0px; left:-1px; }
.bt02 { position:absolute; opacity:0.9; filter:alpha(opacity=90); }

/* list */
.l_tb01 { width:100%; border-collapse:collapse; }
.l_th01 { font-weight:normal; font-family:gulim, dotum, arial; font-size:12px; letter-spacing:-1px; text-align:center; padding:8px; border-bottom:1px solid #4663B4; /* background:#f9f9f9; */ }
.l_td01 { font-weight:normal; font-family:dotum, arial; font-size:12px; padding:8px; border-bottom:1px solid #dddddd; }
.la_th01 { font-weight:normal; font-family:gulim, dotum, arial; font-size:12px; letter-spacing:-1px; text-align:center; padding:8px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; }
.l_th02 { font-weight:normal; font-family:gulim, dotum, arial; font-size:12px; letter-spacing:-1px; text-align:center; padding:8px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; background:#f9f9f9; }

/* view */
.f_tb01 { width:100%; table-layout:fixed; border-collapse:collapse; margin-top:1px; }
.f_th01 { font-weight:normal; font-family:dotum, arial; font-size:11px; letter-spacing:-1px; width:80px; background:url(../images/cafe/arrow_f.gif) no-repeat left center; padding:8px 8px 8px 10px; border-bottom:1px solid #dddddd; background-position:left 10px;vertical-align:top; }
.f_td01 { padding:5px 10px 5px 10px; border-bottom:1px solid #dddddd; background:#fafafa; }
.f_td02 { padding:5px; border-bottom:1px solid #dddddd; }

/* nodata */
.n_tb01 { width:100%; table-layout:fixed; border-collapse:collapse; }
.n_td01 { text-align:center; padding:30px 0px 30px 0px; border-bottom:1px solid #dddddd; }

/* bottom */
.p_tb01 { width:100%; border-collapse:collapse; margin-top:10px; }
.b_tb01 { width:100%; border-collapse:collapse; margin-top:10px; }
.b_td01 { text-align:right; }

/* general */
.tb01 { width:100%; border-collapse:collapse; }
.td01 { padding:3px; }


/* etc */
.t_fix01 { table-layout:fixed; }
.i_fix01 { vertical-align: -2px; }
.dt11 { font-family:dotum, arial; font-size:11px; letter-spacing:-1px; }
.mt11 { font-family:dotum, arial; font-size:11px; letter-spacing:0px; }
.tl01 { border-top:1px solid #dddddd; }
.bl01 { border-bottom:1px solid #dddddd; }
.ll01 { border-left:1px solid #dddddd; }
.rl01 { border-right:1px solid #dddddd; }
.desc { margin-top:5px; }
.s_tb01 { width:100%; border-collapse:collapse; margin:10px 0 10px 0; }
.s_li01 { margin:3px 0 3px 15px; padding:0px; color:#666666; }
.sc_tb01 { width:100%; border-collapse:collapse; margin:10px 0 10px 0; }
.sc_th01 {}
.sc_td01 {}
.gt01 { font-family:dotum, arial; font-size:11px; letter-spacing:-1px; color:#4663B4; }

.page_box { margin:0 auto; table-layout:auto !important; }
.page_box td { padding:0px; border-width:0px; font-family:verdana; color:#999999; font-size:11px; }
.page_first_btn { margin-right:0px; background:url(../images/icons/pag_first.gif) no-repeat center center; width:19px; height:14px; }
.page_last_btn { margin-left:0px; background:url(../images/icons/pag_final.gif) no-repeat center center; width:19px; height:14px; }
.page_prev_btn { margin-right:10px; background:url(../images/icons/pag_prev.gif) no-repeat center center; width:15px; height:14px; }
.page_next_btn { margin-left:10px; background:url(../images/icons/pag_next.gif) no-repeat center center; width:15px; height:14px; }
.page_seperator {  width:8px; height:15px; background: url('../images/common/bg_bar_pag.gif') center center no-repeat; }
.page_number_btn { padding:0 3px 0 3px; }
.page_number_btn_on { color:#EB6100; font-weight:bold; padding:0 3px 0 3px; }