/* 버튼팩 */
.button {
 text-decoration:none !important;
 color:#273234;
 font-size:12px;
 font-weight:bold;
 font-family:맑은 고딕, 굴림, Tahoma;
 line-height:16px;
 text-decoration:none;
 padding:5px 12px 5px 12px;
 position:relative;
 display:inline-block;
 text-shadow:0 1px 0 #fff;
 -webkit-transition:border-color .218s;
 -moz-transition:border .218s;
 -o-transition:border-color .218s;
 transition:border-color .218s;
 background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#eff1f2));
 background:-moz-linear-gradient(linear,0% 0%,0% 100%,from(#fff),to(#eff1f2));
 background:#f8f8f8 url(../img/bg_btn_big.gif) 0 50% repeat-x;
 border:solid 1px #c0c4cf;
 border-radius:2px;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 margin:0;
 white-space:nowrap; 
 vertical-align:top;
}
.button:hover { color:#333; border-color:#999; -moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);    box-shadow 0 1px 2px rgba(0, 0, 0, 0.15);}
.button:active { color:#000; border-color:#444;}
.left { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; margin: 0;}
.middle { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border-left:solid 1px #f3f3f3; margin:0; border-left:solid 1px rgba(255, 255, 255, 0);}
.middle:hover, .right:hover { border-left:solid 1px #999 }
.right { -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; border-top-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius:0; border-left:solid 1px #f3f3f3; border-left:solid 1px rgba(255, 255, 255, 0);}
.big { font-size:16px; padding:10px 15px;}
.supersize { font-size:20px; padding:15px 20px;}

button.button, input.button { padding:5px 12px 5px 12px; *padding:4px 4px 3px 4px;}

.icon { width:16px; height:16px; float:left; margin-right:4px; background: url(../img/icons.png) no-repeat;}
.icon.prev { background-position:-225px -16px; margin:3px -2px 0 0;}
.icon.good { background-position:-112px -16px; margin:3px 0 0 0;}
.icon.nogood{ background-position:-128px -16px; margin:6px 0 0 0;}
.icon.scrap{ background-position:-112px 0px; margin:4px 0 0 0;}
.icon.trackback, .icon.link{ background-position:-304px -16px; margin:6px 0 0 0;}
.icon.copy{ background-position:-240px -16px; margin:4px 0 0 0;}
.icon.move{ background-position:-256px -16px; margin:4px 0 0 0;}
.icon.delete{ background-position:-272px -16px; margin:4px 0 0 0;}
.icon.update{ background-position:-288px -16px; margin:4px 0 0 0;}
.icon.file{ background-position:-304px 0; margin:4px 0 0 0;}
.icon.link { background-position:-304px -16px; margin:3px 0 0 0;}

.icon.up { background-position:-176px -32px; margin:3px 0 0 0;}
.icon.down { background-position:-160px -32px; margin:3px 0 0 0;}
.icon.init { background-position:-192px -32px; margin:3px 0 0 0;}