@charset "utf-8"; 
/* Jeong Chan Myeong(dece24@gmail.com) */

/*Button Reset */
.button {font-family:'NanumGothic','Malgun Gothic','Dotum','Verdana' !important; position:relative; margin:0 1px 0 3px; padding:0; border:0; background:none;}
.button a {padding:0px 20px 0px 20px; display:inline-block;}
.button input {font-family:'NanumGothic','Malgun Gothic','Dotum','Verdana' !important; margin:0 -1px 0 0; padding:5px 20px 6px 20px; border:0; background:none; cursor:pointer;}
li .button a {padding:5px 20px 5px 20px; display:inline-block;}
p .button a {padding:2px 20px 3px 20px; display:inline-block;}
.btn_button {font-weight:400 !important; border:1px solid #5d6976 !important; width:44px !important; float:none !important; background-color:#6a747c !important; color:#fff !important;}

/* Button Size */
.button.down {position:relative; top:-1px; margin:0 1px 0 0; vertical-align:top !important; line-height:1.3em;}
.button.down a {font-size:12px !important; font-weight:bold; padding:0px 19px 0px 9px !important; background:url('/images/syjy/common/down_icon2.gif') no-repeat right 5px;}
.button.down input {font-size:12px !important; padding:0px 19px 0px 9px !important;}
li .button.down {margin:0 1px 0 0; vertical-align:middle !important;}

.button.link {position:relative; top:-1px; margin:0 1px 0 0; vertical-align:top !important; line-height:1.3em;}
.button.link a {font-size:14px !important; color:#456fbb; white-space:nowrap; text-decoration:underline; font-weight:bold; padding:1px 25px 1px 9px !important; background:url('/images/syjy/sub/icon_link2.gif') no-repeat right 2px;}
.button.link input {font-size:14px !important; padding:0px 25px 0px 9px !important;}
li .button.link {margin:0 1px 0 0; vertical-align:middle !important;}

.button.small {margin:0 1px 0 0; vertical-align:top !important;}
.button.small a {font-size:12px !important; padding:2px 8px 2px 8px !important;}
.button.small input {font-size:12px !important; padding:2px 8px 2px 8px !important;}
li .button.small {margin:0 1px 0 0; vertical-align:middle !important;}

.button.middle {}
.button.middle a {font-size:12px !important; padding:3px 10px 3px 10px !important;}
.button.middle input {font-size:12px !important; padding:3px 10px 3px 10px !important;}

.button.Large {margin:0 1px 0 0; vertical-align:top !important;}
.button.Large a {font-size:15px !important; padding:6px 12px 6px 12px !important;}
.button.Large input {font-size:15px !important; padding:6px 12px 6px 12px !important;}

.button.xLarge {margin:0 1px 0 0; vertical-align:top !important;}
.button.xLarge a {font-size:18px !important; padding:8px 16px 8px 16px !important;}
.button.xLarge input {font-size:18px !important; padding:8px 16px 8px 16px !important;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{color:#587b13;}
.button *:visited {color:#fff;}

.button.green,
.button.green a,
.button.green button,
.button.green input {background-image:url(/images/syjy/sub/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}

.button.black,
.button.black a,
.button.black button,
.button.black input {background-color:#000000; color:#fff; margin-right:-1px;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{color:#ff0;}

.button.red,
.button.red a,
.button.red button,
.button.red input {background-color:#fd7215; color:#fff; margin-right:-1px;}
.button.orange a {border:1px solid #da5800;}
.button.orange input {border:1px solid #da5800;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{color:#ff0;}

.button.blue,
.button.blue a,
.button.blue button,
.button.blue input {background-color:#2476c2; color:#fff; margin-right:-1px;}
.button.blue a {border:1px solid #1761a6;}
.button.blue input {border:1px solid #1761a6;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{color:#ff0;}

.button.blue2,
.button.blue2 a,
.button.blue2 button,
.button.blue2 input {background-color:#5082c9; color:#fff; margin-right:-1px;}
.button.blue2 a {border:1px solid #3d74c3;}
.button.blue2 input {border:1px solid #3d74c3;}
.button.blue2 *:hover,
.button.blue2 *:active,
.button.blue2 *:focus{color:#ff0;}

.button.gray,
.button.gray a,
.button.gray button,
/* .button.gray input {background-image:url(../images/common/button1_bg.gif); color:#fff;} */
.button.gray input {background-color:#555555; color:#fff;}
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{color:#ff0;}

.button.gray1,
.button.gray1 a,
.button.gray1 button,
/* .button.gray1 input {background-image:url(../images/common/button2_bg.gif); color:#fff;} */
.button.gray1 input {color:#fff;}
.button.gray1 *:hover,
.button.gray1 *:active,
.button.gray1 *:focus{color:#ff0;}

.button.gray2,
.button.gray2 a,
.button.gray2 button,
.button.gray2 input {background-color:#3c4854; color:#fff; margin-right:-1px;}
.button.gray2 a {border:1px solid #2f3944;}
.button.gray2 input {border:1px solid #2f3944;}
.button.gray2 *:hover,
.button.gray2 *:active,
.button.gray2 *:focus{color:#ff0;}

.button.gray3,
.button.gray3 a,
.button.gray3 button,
.button.gray3 input {background-color:#6a747c; color:#fff; }
.button.gray3 a {border:1px solid #5d6976;}
.button.gray3 input {border:1px solid #5d6976;}
.button.gray3 *:hover,
.button.gray3 *:active,
.button.gray3 *:focus{color:#ff0;}

.button.orange,
.button.orange a,
.button.orange button,
.button.orange input {background-color:#fd7215; color:#fff; margin-right:-1px;}
.button.orange a {border:1px solid #da5800;}
.button.orange input {border:1px solid #da5800;}
.button.orange *:hover,
.button.orange *:active,
.button.orange *:focus{color:#ff0;}

.button.white,
.button.white a,
.button.white button,
/* .button.white input {background-image:url(../images/common/button3_bg.gif); color:#666;} */
.button.white input {color:#666;}
.button.white *:hover,
.button.white *:active,
.button.white *:focus{color:#ff0;}

.button.white1,
.button.white1 a,
.button.white1 button,
/* .button.white1 input {background-image:url(../images/common/button4_bg.gif); color:#666;} */
.button.white1 input {color:#666;}
.button.white1 *:hover,
.button.white1 *:active,
.button.white1 *:focus{color:#ff0;}

.button.white2,
.button.white2 a,
.button.white2 button,
.button.white2 input {background-color:#ffffff; color:#525252; margin-right:-1px;}
.button.white2 a {border-top:1px solid #d2d2d2; border-bottom:1px solid #b8b8b8; border-left:1px solid #d2d2d2; border-right:1px solid #b8b8b8; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px;}
.button.white2 input {border-top:1px solid #d2d2d2; border-bottom:1px solid #b8b8b8; border-left:1px solid #d2d2d2; border-right:1px solid #b8b8b8; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px;}
.button.white2 *:hover,
.button.white2 *:active,
.button.white2 *:focus{color:#0072bc;}


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

.excel_button {padding:7px 25px 5px 30px;  background:url(../images/sub/ex_bt.gif) no-repeat;}
.excel_button a {  width:125px; height:24px;}

 a:hover span.excel_button{ text-decoration:none !important; color:#636363 !important;}

.printing {padding:7px 30px 5px 35px;  background:url(../images/sub/printing_bt.gif) no-repeat;}
.printing a {  width:125px; height:24px;}
*/