/* Jeong Chan Myeong(dece24@gmail.com) */

/* -- Button Reset -- */
span.button,
span.button a,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font:12px; Sans-serif; white-space:nowrap; background:url(buttonWhite.gif) no-repeat; vertical-align:middle; overflow:visible; font-family:nanumgothic,"malgun gothic",gulim,gulimche,sans-serif;}
span.button { height:23px; padding:0; margin-right:2px; background-position:left top; overflow:visible;}
span.button img { vertical-align:middle; border:none; }
span.button a,
span.button button,
span.button input{ left:2px;}
span.button.large { height:30px; background-position:left -30px; }
span.button.xLarge { height:35px; background-position:left -65px; }
span.button.small { height:18px; background-position:left -107px; }

/* Anchor */
span.button a { line-height:23px; padding:0 10px 0 8px; *padding:0 10px 0 8px; color:#000; font-size:12px; font:12px/12px; background-position:right top;}
span.button.large a { line-height:30px; padding:0 10px 0 8px; *padding:0 10px 0 8px; font-size:16px; font:16px/16px; background-position:right -30px;}
span.button.xLarge a { line-height:35px; padding:0 10px 0 8px; *padding:0 10px 0 8px; font-size:20px; font:20px/20px; background-position:right -65px;}
span.button.small a { line-height:18px; padding:0 6px 0 4px; *padding:0 6px 0 4px; font-size:11px; font:11px/11px; background-position:right -107px; _top:-1px;}

/* Button & Input */
span.button button,
span.button input { height:23px; padding:0 10px 0 8px; font-size:12px; background-position:right top; cursor:pointer;}
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; font-size:16px; font:16px/30px; background-position:right -30px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; font-size:20px; font:20px/36px; background-position:right -65px;}
span.button.small button,
span.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; font-size:11px; font:11px/18px; background-position:right -107px;}

/* Strong */
span.button.strong * { font-weight:bold !important;}

/* Icon */
span.button .icon { position:relative; left:10px; margin-right:5px; vertical-align:middle; border:0;}
span.button.small .icon{ left:6px;}

/* Color */
span.button.green,
span.button.green a,
span.button.green button,
span.button.green input { background-image:url(buttonGreen.gif); color:#fff;}
span.button.black,
span.button.black a,
span.button.black button,
span.button.black input { background-image:url(buttonBlack.gif); color:#fff;}
span.button.red,
span.button.red a,
span.button.red button,
span.button.red input { background-image:url(buttonRed.gif); color:#fff;}

span.button.red2,
span.button.red2 a,
span.button.red2 button,
span.button.red2 input { background-image:url(buttonRed2.gif); color:#fff;}

span.button.blue,
span.button.blue a,
span.button.blue button,
span.button.blue input { background-image:url(buttonBlue.gif); color:#fff;}

span.button.black a:hover,
span.button.black a:visited {color:#fff;}

/* Number Pin */
span.npin{display:inline-block;vertical-align:middle;}
span.npin i{display:block;float:left;height:21px;width:8px;font-size:1px;text-indent:-10000px;background:url(/gears/resource/npin.png) no-repeat 0px 0px;padding-right:0;margin-right:0;overflow:hidden;}
span.npin strong{display:block;float:left;height:21px;line-height:19px;color:#fff;font-weight:bold;font-size:12px;font-family:arial,sans-serif;background:url(/gears/resource/npin.png) no-repeat 100% 0px;margin-left:0;padding-left:0;padding-right:8px;}
span.npin.blue i{background-position:0px -25px;}
span.npin.blue strong{background-position:100% -25px;}
span.npin.black i{background-position:0px -50px;}
span.npin.black strong{background-position:100% -50px;}
span.npin.green i{background-position:0px -75px;}
span.npin.green strong{background-position:100% -75px;}

a.sys img{border:none;vertical-align:middle;}