@charset "utf-8";
/* OUIF : JCM */

/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:dotum, Tahoma, Sans-serif; white-space:nowrap; background:url(buttonImg/btn_bg.gif) no-repeat; vertical-align:middle; overflow:visible; color:#333;}
.button { margin-right:4px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:22px; line-height:22px;}
.button.large, .button.large *{ height:26px; line-height:26px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:20px; line-height:20px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}

.button.medium *{ padding:0 10px 2px 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:12px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:12px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

/* Button Hover */
/*
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
*/
/* Button Strong */
.button.strong *{ font-weight:bold !important;}

/* Button Icon Variation */
.button.icon *{ padding-left:20px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.button.medium .check{ background-position:4px -153px;}
.button.large .check{ background-position:4px -151px;}
.button.xLarge .check{ background-position:5px -146px;}
.button.small .check{ background-position:3px -153px;}

.button.medium .add{ background-position:-16px -153px;}
.button.large .add{ background-position:-14px -150px;}
.button.xLarge .add{ background-position:-14px -146px;}
.button.small .add{ background-position:-18px -153px;}

.button.medium .delete{ background-position:-34px -153px;}
.button.large .delete{ background-position:-34px -151px;}
.button.xLarge .delete{ background-position:-34px -146px;}
.button.small .delete{ background-position:-37px -153px;}

.button.medium .calendar{ background-position:-56px -152px;}
.button.large .calendar{ background-position:-56px -149px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small .calendar{ background-position:-59px -152px;}

.button.medium .refresh{ background-position:-76px -153px;}
.button.large .refresh{ background-position:-76px -150px;}
.button.xLarge .refresh{ background-position:-76px -145px;}
.button.small .refresh{ background-position:-79px -153px;}

.button.medium .download{ background-position:-96px -153px;}
.button.large .download{ background-position:-96px -150px;}
.button.xLarge .download{ background-position:-96px -145px;}
.button.small .download{ background-position:-99px -153px;}

.button.medium .edit{ background-position:-150px -153px;}
.button.large .edit{ background-position:-150px -150px;}
.button.xLarge .edit{ background-position:-150px -145px;}
.button.small .edit{ background-position:-150px -153px;}


.button.medium .sch{ background-position:-173px -153px;}
.button.large .sch{ background-position:-173px -150px;}
.button.xLarge .sch{ background-position:-173px -145px;}
.button.small .sch{ background-position:-173px -153px;}


.button.medium .excel{ background-position:-195px -153px;}
.button.large .excel{ background-position:-195px -150px;}
.button.xLarge .excel{ background-position:-195px -145px;}
.button.small .excel{ background-position:-195px -153px;}

.button.medium .monthL{ background-position:-217px -153px;}
.button.large .monthL{ background-position:-217px -150px;}
.button.xLarge .monthL{ background-position:-217px -145px;}
.button.small .monthL{ background-position:-217px -153px;}


.button.medium .monthF{ background-position:-240px -153px;}
.button.large .monthF{ background-position:-240px -150px;}
.button.xLarge .monthF{ background-position:-240px -145px;}
.button.small .monthF{ background-position:-240px -153px;}