/*버튼예제*/
.btn_red {height:20px;}
.btn_red li {float:left; height:20px; padding:0 0 0 5px; background:url(/img/btn/red_l_off.gif) no-repeat left top; margin:0 1px; }
.btn_red li a {display:block; height:18px; background:url(/img/btn/red_r_off.gif) no-repeat right top; float:left; color:#ffffff; padding:1px 15px 1px 10px;} 
.btn_red li.on {float:left; height:20px; padding:0 0 0 5px; background:url(/img/btn/red_l.gif) no-repeat left top; margin:0 1px;}
.btn_red li.on a {display:block; height:18px; background:url(/img/btn/red_r.gif) no-repeat right top; float:left; color:#ffffff; padding:1px 15px 1px 10px; } 


/*버튼뉴*/
span.btn_orange02 {background:url(/img/btn/orange_s_l.gif) left top no-repeat; border:0px; height:23px; padding:0 0 0 2px; margin:0 1px; display:inline-block;    text-align:center; overflow:visible; position:relative; vertical-align:middle; white-space:nowrap}
span.btn_orange02 a {display:block; background:url(/img/btn/orange_s_r.gif) top right no-repeat; color:#fff; height:21px;  border:0; padding:2px 10px 0 6px; text-align:center;}
span.btn_orange02 input {display:block; background:url(/img/btn/orange_s_r.gif) top right no-repeat; color:#fff; height:23px;  border:0; padding:2px 10px 0 6px; cursor:pointer;}

span.btn_green02 {background:url(/img/btn/green_l.gif) left top no-repeat; border:0px; height:23px; padding:0 0 0 2px; margin:0 1px; display:inline-block;    text-align:center; overflow:visible; position:relative; vertical-align:middle; white-space:nowrap}
span.btn_green02 a {background:url(/img/btn/green_r.gif) right top no-repeat; color:#ffffff; height:20px; border:0; padding:3px 10px 0 8px; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}
span.btn_green02 input {background:url(/img/btn/green_r.gif) right top no-repeat; color:#fff; height:23px; border:0; padding:0px 10px 0 8px; cursor:pointer; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}

span.btn_red02 {background:url(/img/btn/red_l.gif) left top no-repeat; border:0px; height:23px; padding:0 0 0 2px; margin:0 1px; display:inline-block;    text-align:center; overflow:visible; position:relative; vertical-align:middle; white-space:nowrap}
span.btn_red02 a {background:url(/img/btn/red_r.gif) right top no-repeat; color:#ffffff; height:21px; border:0; padding:2px 10px 0 8px; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}
span.btn_red02 input {background:url(/img/btn/red_r.gif) right top no-repeat; color:#fff; height:23px; border:0; padding:0px 10px 0 8px; cursor:pointer; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}

/*버튼2*/
span.btn_modify {background:url(/img/btn/blue_s_l.gif) left top no-repeat; border:0px; height:23px; padding:0 0 0 2px; margin:0 1px; display:inline-block;    text-align:center; overflow:visible; position:relative; vertical-align:middle; white-space:nowrap}
span.btn_modify a {background:url(/img/btn/blue_s_r.gif) right top no-repeat; color:#fff; height:21px; border:0; padding:2px 10px 0 8px; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}
span.btn_modify input {background:url(/img/btn/blue_s_r.gif) right top no-repeat; color:#fff; height:23px; border:0; padding:0px 10px 0 8px; cursor:pointer; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}

span.btn_write {background:url(/img/btn/green_l.gif) left top no-repeat; border:0px; height:23px; padding:0 0 0 2px; margin:0 1px; display:inline-block;    text-align:center; overflow:visible; position:relative; vertical-align:middle; white-space:nowrap}
span.btn_write a {background:url(/img/btn/green_r.gif) right top no-repeat; color:#ffffff; height:19px; border:0; padding:4px 10px 0 8px; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}
span.btn_write input {background:url(/img/btn/green_r.gif) right top no-repeat; color:#fff; height:23px; border:0; padding:0px 10px 0 8px; cursor:pointer; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}

span.btn_input {background:url(/img/btn/green_l.gif) left top no-repeat; border:0px; height:23px; padding:0 0 0 2px; margin:0 1px; display:inline-block;    text-align:center; overflow:visible; position:relative; vertical-align:middle; white-space:nowrap}
span.btn_input a {background:url(/img/btn/green_r.gif) right top no-repeat; color:#ffffff; height:19px; border:0; padding:4px 10px 0 8px; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}
span.btn_input input {background:url(/img/btn/green_r.gif) right top no-repeat; color:#fff; height:23px; border:0; padding:0px 10px 0 8px; cursor:pointer; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}

span.btn_view {background:url(/img/btn/orange_s_l.gif) left top no-repeat; border:0px; height:23px; padding:0 0 0 2px; margin:0 1px; display:inline-block;    text-align:center; overflow:visible; position:relative; vertical-align:middle; white-space:nowrap}
span.btn_view a {background:url(/img/btn/orange_s_r.gif) right top no-repeat; color:#ffffff; height:21px; border:0; padding:2px 10px 0 8px; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}
span.btn_view input {background:url(/img/btn/orange_s_r.gif) right top no-repeat; color:#fff; height:23px; border:0; padding:0px 10px 0 8px; cursor:pointer; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}

span.btn_list {background:url(/img/btn/gray_l.gif) left top no-repeat; border:0px; height:23px; padding:0 0 0 2px; margin:0 1px; display:inline-block;    text-align:center; overflow:visible; position:relative; vertical-align:middle; white-space:nowrap}
span.btn_list a {background:url(/img/btn/gray_r.gif) right top no-repeat; color:#4a4a4a; height:21px; border:0; padding:2px 10px 0 8px; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}
span.btn_list input {background:url(/img/btn/gray_r.gif) right top no-repeat; color:#4a4a4a; height:23px; border:0; padding:0px 10px 0 8px; cursor:pointer; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}

span.btn_print {background:url(/img/btn/pup_l.gif) left top no-repeat; border:0px; height:23px; padding:0 0 0 2px; margin:0 1px; display:inline-block;    text-align:center; overflow:visible; position:relative; vertical-align:middle; white-space:nowrap}
span.btn_print a {background:url(/img/btn/pup_r.gif) right top no-repeat; color:#ffffff; height:21px; border:0; padding:2px 10px 0 8px; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}
span.btn_print input {background:url(/img/btn/pup_r.gif) right top no-repeat; color:#fff; height:23px; border:0; padding:0px 10px 0 8px; cursor:pointer; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}

span.btn_del {background:url(/img/btn/red_l.gif) left top no-repeat; border:0px; height:23px; padding:0 0 0 2px; margin:0 1px; display:inline-block;    text-align:center; overflow:visible; position:relative; vertical-align:middle; white-space:nowrap}
span.btn_del a {background:url(/img/btn/red_r.gif) right top no-repeat; color:#ffffff; height:21px; border:0; padding:2px 10px 0 8px; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}
span.btn_del input {background:url(/img/btn/red_r.gif) right top no-repeat; color:#fff; height:23px; border:0; padding:0px 10px 0 8px; cursor:pointer; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}

span.btn_search {background:url(/img/btn/btn_m_l.gif) left top no-repeat; border:0px; height:26px; padding:0 0 0 2px; margin:0 1px; display:inline-block;    text-align:center; overflow:visible; position:relative; vertical-align:middle; white-space:nowrap}
span.btn_search a {background:url(/img/btn/btn_m_r.gif) right top no-repeat; color:#ffffff; height:24px; border:0; padding:2px 10px 0 8px; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}
span.btn_search input {background:url(/img/btn/btn_m_r.gif) right top no-repeat; color:#fff; height:26px; border:0; padding:0px 10px 0 8px; cursor:pointer; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}

span.btn_search_s {background:url(/img/btn/btn_m_ls.gif) left top no-repeat; border:0px; height:20px; padding:0 0 0 2px; margin:0 1px; display:inline-block;    text-align:center; overflow:visible; position:relative; vertical-align:middle; white-space:nowrap}
span.btn_search_s a {background:url(/img/btn/btn_m_rs.gif) right top no-repeat; color:#ffffff; height:18px; border:0; padding:2px 10px 0 8px; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}
span.btn_search_s input {background:url(/img/btn/btn_m_rs.gif) right top no-repeat; color:#fff; height:20px; border:0; padding:0px 10px 0 8px; cursor:pointer; text-align:center; display:inline-block; position:relative; left:2px; overflow:visible; vertical-align:middle;}