@charset "utf-8";
/* Button Reset */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none; border:0; font:11px "돋움", Dotum, Tahoma, sans-serif; background:url(../images/button/button.png) no-repeat; color:#35383b; vertical-align:top; overflow:visible;white-space:nowrap;}
.button {  margin-right:7px;}
.button *{ left:5px;cursor:pointer}

/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ color:#F00;}

/* Button Size */
.button.small { height:25px; line-height:24px; background-position:left top;}
.button.small * { height:25px; line-height:24px; padding:0 8px 0 4px; font-size:13px; background-position:right top;} 
.button.medium { height:30px; line-height:28px; background-position:left -35px; }
.button.medium * { height:30px; line-height:28px; padding:0 11px 0 7px; font-size:13px; background-position:right -35px;} 
.button.large { height:35px; line-height:33px; background-position:left -75px; }
.button.large * { height:35px; line-height:33px; padding:0 15px 0 11px; font-size:16px; background-position:right -75px;} 

/* Button Text Color : 버튼색 교체는 백그라운드 이미지 교체 */ 
.button.gray,
.button.gray * { background-image:url(../images/button/button_gray.png); color:#fff;}
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{ color:#ffe980;}

/* Button Icon : white button (gray icon) */
.button.icon *{ padding-left:3px;}
.button.icon span { width:14px; padding:0; background:url(../images/button/icons.gif) no-repeat; }
.button.small.icon,
.button.medium.icon,
.button.large.icon { padding-left:5px;}

/* Button Icon : Gray button (white icon) */
.button.iconWhite *{ padding-left:3px;}
.button.iconWhite span { width:14px; padding:0; background:url(../images/button/icons_white.gif) no-repeat; }
.button.small.iconWhite,
.button.medium.iconWhite,
.button.large.iconWhite { padding-left:5px;}

.button.small .jump { background-position:0 7px;}
.button.medium .jump { background-position:0 10px;}
.button.large .jump { background-position:0 13px;}
.button.small .pop { background-position:0 -21px;}
.button.medium .pop { background-position:0 -18px;}
.button.large .pop { background-position:0 -15px;}
.button.small .add { background-position:0 -50px;}
.button.medium .add { background-position:0 -47px;}
.button.large .add { background-position:0 -44px;}
.button.small .arrow { background-position:0 -76px;}
.button.medium .arrow { background-position:0 -73px;}
.button.large .arrow { background-position:0 -70px;}
.button.small .check { background-position:0 -102px;}
.button.medium .check { background-position:0 -99px;}
.button.large .check { background-position:0 -96px;}
.button.small .down { background-position:0 -130px;}
.button.medium .down { background-position:0 -127px;}
.button.large .down { background-position:0 -124px;}
.button.small .print { background-position:0 -161px;}
.button.medium .print { background-position:0 -158px;}
.button.large .print { background-position:0 -155px;}
.button.small .calendar { background-position:0 -194px;}
.button.medium .calendar { background-position:0 -191px;}
.button.large .calendar { background-position:0 -188px;}

.brownBtn {width:100px;height:24px;display:inline-block;background:#54433a;color:#fff;border:0;font-size:12px;}