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

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(/css/img/buttonWhite.gif) no-repeat; vertical-align:middle; overflow:visible; color:#333;}
.button { height:23px; padding:0; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; *vertical-align:top; 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 -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(/css/img/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-image:url(/css/img/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(/css/img/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(/css/img/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

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

/* Jeong, Chan Myeong | http://naradesign.net/
http://naradesign.net/wp/2010/01/15/1141/
*/

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

/* Button Size = medium | large | xLarge | small */
.ibutton.medium, .ibutton.medium *{ height:24px; line-height:24px;}
.ibutton.large, .ibutton.large *{ height:30px; line-height:30px;}
.ibutton.xLarge, .ibutton.xLarge *{ height:36px; line-height:36px;}
.ibutton.small, .ibutton.small *{ height:19px; line-height:19px;}
.ibutton.medium { background-position:left 0;}
.ibutton.large { background-position:left -30px;}
.ibutton.xLarge { background-position:left -65px;}
.ibutton.small { background-position:left -106px;}
.ibutton.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.ibutton.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.ibutton.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.ibutton.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

/* Button Hover */
.ibutton *:hover,
.ibutton *:active,
.ibutton *:focus{ color:#690;}

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

/* Button Icon Variation */
.ibutton.icon *{ padding-left:20px;}
.ibutton.small.icon *{ padding-left:16px;}
.ibutton.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.ibutton.medium .check{ background-position:4px -150px;}
.ibutton.large .check{ background-position:4px -146px;}
.ibutton.xLarge .check{ background-position:5px -144px;}
.ibutton.small .check{ background-position:3px -153px;}
.ibutton.medium .add{ background-position:-16px -150px;}
.ibutton.large .add{ background-position:-14px -146px;}
.ibutton.xLarge .add{ background-position:-14px -144px;}
.ibutton.small .add{ background-position:-18px -153px;}
.ibutton.medium .delete{ background-position:-34px -150px;}
.ibutton.large .delete{ background-position:-34px -146px;}
.ibutton.xLarge .delete{ background-position:-34px -144px;}
.ibutton.small .delete{ background-position:-37px -153px;}
.ibutton.medium .calendar{ background-position:-56px -150px;}
.ibutton.large .calendar{ background-position:-56px -146px;}
.ibutton.xLarge .calendar{ background-position:-56px -144px;}
.ibutton.small .calendar{ background-position:-59px -153px;}
.ibutton.medium .refresh{ background-position:-76px -150px;}
.ibutton.large .refresh{ background-position:-76px -146px;}
.ibutton.xLarge .refresh{ background-position:-76px -144px;}
.ibutton.small .refresh{ background-position:-79px -153px;}

/*2017-03-07*/
._btn {
    -moz-user-select: none;
    background: transparent none repeat scroll 0 0;
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: 0 none;
    padding: 0 0.75em;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
	font-family: inherit;
	height: 30px;
    line-height: 30px;
}
._btn.small {
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding: 0 0.75em;
}
._btn.default {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 0.75em;
}
._btn.large {
    font-size: 18px;
    font-weight: 600;
    height: 46px;
    line-height: 46px;
    padding: 0 1em;
}
/*default*/
._btn, ._btn:link, ._btn:visited {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 40%, #e9e9e9 100%) repeat scroll 0 0;
    border: 1px solid #bdbdbd;
    color: #444 !important;
}
._btn:focus, ._btn:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e9e9e9 0%, #fff 100%) repeat scroll 0 0;
}
._btn:active, ._btn.active {
    background: #f4f4f4 none repeat scroll 0 0;
}
/* e */

._btn.white, ._btn.white:link, ._btn.white:visited {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 40%, #e9e9e9 100%) repeat scroll 0 0;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #444 !important;
}
._btn.white:focus, ._btn.white:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e9e9e9 0%, #fff 100%) repeat scroll 0 0;
}
._btn.white:active, ._btn.white.active {
    background: #f4f4f4 none repeat scroll 0 0;
    border-color: #ddd;
}

._btn.black, ._btn.black:link, ._btn.black:visited {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #454545 40%, #4b4b4b 100%) repeat scroll 0 0;
    border: 1px solid #444;
    color: #fff !important;
}
._btn.black:focus, ._btn.black:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #4b4b4b 0%, #454545 100%) repeat scroll 0 0;
}
._btn.black:active, ._btn.black.active {
    background: #454545 none repeat scroll 0 0;
}

._btn.blue, ._btn.blue:link, ._btn.blue:visited {
    background: #276ccb none repeat scroll 0 0;
    border: 1px solid #276ccb;
    color: #fff !important;
}
._btn.blue:hover {
    background: #276ccb none repeat scroll 0 0;
}
._btn.blue:active, ._btn.blue.active {
    background: #276ccb none repeat scroll 0 0;
}
._btn.green, ._btn.green:link, ._btn.green:visited {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #76ac41 0%, #489215 100%) repeat scroll 0 0;
    border-color: #439f2a #368321 #368321;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff !important;
}
._btn.green:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #7ab243 0%, #4c9b16 100%) repeat scroll 0 0;
}
._btn.green:active, ._btn.green.active {
    background: #4c9b16 none repeat scroll 0 0;
    border-color: #368321 #6c9d3c #6c9d3c;
}
._btn.yellow, ._btn.yellow:link, ._btn.yellow:visited {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fcd054 0%, #f5a802 100%) repeat scroll 0 0;
    border-color: #dfac23 #dfac23 #c06f01;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
}
._btn.yellow:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffdc78 0%, #ffb618 100%) repeat scroll 0 0;
}
._btn.yellow:active, ._btn.yellow.active {
    background: #ffb618 none repeat scroll 0 0;
    border-color: #cf8e00 #efa80d #efa80d;
}
._btn.red, ._btn.red:link, ._btn.red:visited {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e8605a 0%, #b22520 100%) repeat scroll 0 0;
    border-color: #c06f01 #991e1a #991e1a;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff !important;
}
._btn.red:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f17771 0%, #ca3631 100%) repeat scroll 0 0;
}
._btn.red:active, ._btn.red.active {
    background: #b22520 none repeat scroll 0 0;
    border-color: #7f1b17 #a0211d #a0211d;
}

._btn_input {background: #fff none repeat scroll 0 0;border: 1px solid #bdbdbd;color: #444;font-size: 14px;height: 30px;line-height: 30px;padding: 0 0.75em;}
._btn_select {border: 1px solid #bdbdbd;color: #444;height: 32px;line-height: 30px;padding-left: 0.75em;margin:0;}
._btn_text {background: #fff none repeat scroll 0 0;border: 1px solid #cecece;color: #6e6e6e;font-size: 14px;height: 64px;line-height: 20px;padding: 0 0.75em;width: 500px;}