/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin-top:0px; display:inline-block; text-decoration:none !important; border:0; font-size:11px; font-family:dotum, Sans-serif; white-space:nowrap; background:url(../image/button/buttonWhite.gif) no-repeat; vertical-align:bottom; overflow:visible; color:#333;}
.button { height:24px; padding-top:0px; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; *vertical-align:bottom; cursor:pointer;}
 
/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -106px; }
.button a,
.button button,
.button input { height:23px; padding:2px 10px 0px 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:29px; padding:2px 15px 0px 13px; font-size:14px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0px 10px 0px 8px; font-size:15px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:20px; padding:1px 6px 0px 4px; font-size:12px; line-height:20px; background-position:right -106px;}
 
/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
 
/* Green */
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(../image/button/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
/* black */
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(../image/button/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
/* red */
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(../image/button/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
/* blue */
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(../image/button/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}
/* gray */
.button.gray,
.button.gray a,
.button.gray button,
.button.gray input { background-image:url(../image/button/buttonGray.gif); color:#fff;}
/* light gray */
.button.lgray,
.button.lgray a,
.button.lgray button,
.button.lgray input { background-image:url(../image/button/buttonLGray.gif); color:#666;}
/* light gray2 */
.button.lgray2,
.button.lgray2 a,
.button.lgray2 button,
.button.lgray2 input { background-image:url(../image/button/buttonWhiteGra.gif); color:#666;}
/* dark gray */
.button.dgray,
.button.dgray a,
.button.dgray button,
.button.dgray input { background-image:url(../image/button/buttonDGray.gif); color:#fff;}
/* yellow */
.button.yellow,
.button.yellow a,
.button.yellow button,
.button.yellow input { background-image:url(../image/button/buttonYellow.gif); color:#266;}
/* pink */
.button.pink,
.button.pink a,
.button.pink button,
.button.pink input { background-image:url(../image/button/buttonPink.gif); color:#f23;}
/* dark blue */
.button.dblue,
.button.dblue a,
.button.dblue button,
.button.dblue input { background-image:url(../image/button/buttonDBlue.gif); color:#fff;}
/* dark green */
.button.dgreen,
.button.dgreen a,
.button.dgreen button,
.button.dgreen input { background-image:url(../image/button/buttonYGreen.gif); color:#fff;}
/* white gradation */
.button.w_gra,
.button.w_gra a,
.button.w_gra button,
.button.w_gra input { background-image:url(../image/button/buttonWhiteGra2.gif); color:#666;}
 
 
 
/* Button Text Strong */
.button.strong * { font-weight:bold !important;}