@charset "utf-8";
/* CSS Document */

/* Button Common */
.buttonBg,
.buttonBg * {position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-family:"돋움",Dotum; white-space:nowrap; background-image:url('/master/img/btn/button.gif') !important; background-repeat:no-repeat !important; vertical-align:top; overflow:visible; color:#666;}
.buttonBg {margin-right:4px;}
.buttonBg * {left:4px; cursor:pointer; _cursor:hand;}


/* Button Size = medium | large | xLarge | small */
.buttonBg.small, .buttonBg.small * {height:24px; line-height:2em;}
*html .buttonBg.small, *html .buttonBg.small * {height:24px; line-height:2.2em;}
.buttonBg.small {background-position:left 0;}
*html .buttonBg.small {background-position:left 0;}
.buttonBg.small * {padding:0 7px 0 2px; background-position:right 0;}
*html .buttonBg.small * {padding:0 7px 0 2px; background-position:right 0;}

.buttonBg.small2, .buttonBg.small2 * {height:24px; line-height:2em; font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
*html .buttonBg.small2, *html .buttonBg.small2 * {height:24px; line-height:2.2em; font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
.buttonBg.small2 {background-position:left -34px;}
*html .buttonBg.small2 {background-position:left -34px;}
.buttonBg.small2 * {padding:0 24px 0 8px; background-position:right -34px;}
*html .buttonBg.small2 * {padding:0 24px 0 8px; background-position:right -34px;}

.buttonBg.small3, .buttonBg.small3 * {height:23px; line-height:1.9em; font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
*html .buttonBg.small3, *html .buttonBg.small3 * {height:23px; line-height:2.1em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
.buttonBg.small3 {background-position:left -68px;}
*html .buttonBg.small3 {background-position:left -68px;}
.buttonBg.small3 * {padding:0 8px 0 2px; background-position:right -68px;}
*html .buttonBg.small3 * {padding:0 8px 0 2px; background-position:right -68px;}

.buttonBg.small4, .buttonBg.small4 * {height:21px; line-height:2em;}
*html .buttonBg.small4, *html .buttonBg.small4 * {height:21px; line-height:2.2em;}
.buttonBg.small4 {background-position:left -101px;}
*html .buttonBg.small4 {background-position:left -101px;}
.buttonBg.small4 * {padding:0 6px 0 3px; background-position:right -101px;}
*html .buttonBg.small4 * {padding:0 6px 0 3px; background-position:right -101px;}

.buttonBg.small5, .buttonBg.small5 * {height:24px; line-height:2em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
*html .buttonBg.small5, *html .buttonBg.small5 * {height:24px; line-height:2.2em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
.buttonBg.small5 {background-position:left -166px;}
*html .buttonBg.small5 {background-position:left -166px;}
.buttonBg.small5 * {padding:0 24px 0 8px; background-position:right -166px;}
*html .buttonBg.small5 * {padding:0 24px 0 8px; background-position:right -166px;}

.buttonBg.small6, .buttonBg.small6 * {height:24px; line-height:2em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
*html .buttonBg.small6, *html .buttonBg.small6 * {height:24px; line-height:2.2em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
.buttonBg.small6 {background-position:left -132px;}
*html .buttonBg.small6 {background-position:left -132px;}
.buttonBg.small6 * {padding:0 24px 0 8px; background-position:right -132px;}
*html .buttonBg.small6 * {padding:0 24px 0 8px; background-position:right -132px;}

.buttonBg.small7, .buttonBg.small7 * {height:21px; line-height:1.9em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
*html .buttonBg.small7, *html .buttonBg.small7 * {height:21px; line-height:2em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
.buttonBg.small7 {background-position:left -270px;}
*html .buttonBg.small7 {background-position:left -270px;}
.buttonBg.small7 * {padding:0 12px 0 9px; background-position:right -270px;}
*html .buttonBg.small7 * {padding:0 12px 0 9px; background-position:right -270px;}

.buttonBg.small8, .buttonBg.small8 * {height:21px; line-height:1.9em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
*html .buttonBg.small8, *html .buttonBg.small8 * {height:21px; line-height:2em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
.buttonBg.small8 {background-position:left -578px;}
*html .buttonBg.small8 {background-position:left -578px;}
.buttonBg.small8 * {padding:0 12px 0 9px; background-position:right -578px;}
*html .buttonBg.small8 * {padding:0 12px 0 9px; background-position:right -578px;}

.buttonBg.small9, .buttonBg.small9 * {height:21px; line-height:1.9em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
*html .buttonBg.small9, *html .buttonBg.small9 * {height:21px; line-height:2em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
.buttonBg.small9 {background-position:left -301px;}
*html .buttonBg.small9 {background-position:left -301px;}
.buttonBg.small9 * {padding:0 12px 0 9px; background-position:right -301px;}
*html .buttonBg.small9 * {padding:0 12px 0 9px; background-position:right -301px;}

.buttonBg.small10, .buttonBg.small10 * {height:21px; line-height:1.9em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
*html .buttonBg.small10, *html .buttonBg.small10 * {height:21px; line-height:2em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
.buttonBg.small10 {background-position:left -332px;}
*html .buttonBg.small10 {background-position:left -332px;}
.buttonBg.small10 * {padding:0 16px 0 13px; background-position:right -332px;}
*html .buttonBg.small10 * {padding:0 16px 0 13px; background-position:right -332px;}

.buttonBg.small11, .buttonBg.small11 * {height:24px; line-height:2em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
*html .buttonBg.small11, *html .buttonBg.small11 * {height:24px; line-height:2.2em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
.buttonBg.small11 {background-position:left -452px;}
*html .buttonBg.small11 {background-position:left -452px;}
.buttonBg.small11 * {padding:0 23px 0 7px; background-position:right -452px;}
*html .buttonBg.small11 * {padding:0 23px 0 7px; background-position:right -452px;}

.buttonBg.small12, .buttonBg.small12 * {height:18px; line-height:1.8em;}
*html .buttonBg.small12, *html .buttonBg.small12 * {height:18px; line-height:1.9em;}
.buttonBg.small12 {background-position:left -395px;}
*html .buttonBg.small12 {background-position:left -395px;}
.buttonBg.small12 * {padding:0 8px 0 5px; background-position:right -395px;}
*html .buttonBg.small12 * {padding:0 8px 0 5px; background-position:right -395px;}

.buttonBg.small13, .buttonBg.small13 * {height:19px; line-height:1.9em;}
*html .buttonBg.small13, *html .buttonBg.small13 * {height:19px; line-height:2em;}
.buttonBg.small13 {background-position:left -423px;}
*html .buttonBg.small13 {background-position:left -423px;}
.buttonBg.small13 * {padding:0 15px 0 3px; background-position:right -423px;}
*html .buttonBg.small13 * {padding:0 15px 0 3px; background-position:right -423px;}

.buttonBg.small14, .buttonBg.small14 * {height:22px; line-height:1.8em;}
*html .buttonBg.small14, *html .buttonBg.small14 * {height:22px; line-height:1.9em;}
.buttonBg.small14 {background-position:left -486px;}
*html .buttonBg.small14 {background-position:left -486px;}
.buttonBg.small14 * {padding:0 12px 0 8px; background-position:right -486px;}
*html .buttonBg.small14 * {padding:0 12px 0 8px; background-position:right -486px;}

.buttonBg.small15, .buttonBg.small15 * {height:22px; line-height:1.8em;}
*html .buttonBg.small15, *html .buttonBg.small15 * {height:22px; line-height:1.9em;}
.buttonBg.small15 {background-position:left -518px;}
*html .buttonBg.small15 {background-position:left -518px;}
.buttonBg.small15 * {padding:0 24px 0 8px; background-position:right -518px;}
*html .buttonBg.small15 * {padding:0 24px 0 8px; background-position:right -518px;}

.buttonBg.small16, .buttonBg.small16 * {height:22px; line-height:1.8em; font-size:11px;}
*html .buttonBg.small16, *html .buttonBg.small16 * {height:22px; line-height:1.9em; font-size:11px;}
.buttonBg.small16 {background-position:left -486px;}
*html .buttonBg.small16 {background-position:left -486px;}
.buttonBg.small16 * {padding:1px 8px 0 4px; background-position:right -486px;}
*html .buttonBg.small16 * {padding:1px 8px 0 4px; background-position:right -486px;}

.buttonBg.small17, .buttonBg.small17 * {height:19px; line-height:1.8em;}
*html .buttonBg.small17, *html .buttonBg.small17 * {height:22px; line-height:1.9em;}
.buttonBg.small17 {background-position:left -550px;}
*html .buttonBg.small17 {background-position:left -550px;}
.buttonBg.small17 * {padding:0 19px 0 4px; background-position:right -550px;}
*html .buttonBg.small17 * {padding:0 19px 0 4px; background-position:right -550px;}

.buttonBg.small18, .buttonBg.small18 * {height:23px; line-height:1.9em; font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
*html .buttonBg.small18, *html .buttonBg.small18 * {height:23px; line-height:2.1em;  font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;}
.buttonBg.small18 {background-position:left -332px;}
*html .buttonBg.small18 {background-position:left -332px;}
.buttonBg.small18 * {padding:0 8px 0 2px; background-position:right -332px;}
*html .buttonBg.small18 * {padding:0 8px 0 2px; background-position:right -332px;}


/*버튼 css*/
.btn_small {display:inline-block; padding:1px 10px; background-color:#373737; color:#fff; text-align:center; border:1px solid #2F2F2F; border-radius:2px;cursor:pointer}
.btn_small.on {background-color:#91c747;  border:1px solid #69962b}

.btn_small2 {display:inline-block; padding:1px 10px; background-color:#373737; color:#fff; text-align:center; border:1px solid #2F2F2F; border-radius:2px;cursor:pointer}
.btn_small2.on {background-color:#ff8236;  border:1px solid #ff5907}

.btn_small3 {display:inline-block; padding:1px 10px; background-color:#373737; color:#fff; text-align:center; border:1px solid #2F2F2F; border-radius:2px;}
.btn_small3.on {background-color:#ff8236;  border:1px solid #ff5907}

.btn_save {display: inline-block;padding: 3px 20px; margin-left: 5px;height: 50px;line-height:50px;font-size:12px;color:#fff !important;font-weight:bold;letter-spacing:-1px;background-color:#91c747; border-radius:2px;border:1px solid #69962b; cursor:pointer}

.btn_small_white {display:inline-block; padding:1px 10px; background-color:#ffffff; color:#333;  text-align:center; border:1px solid #2F2F2F; border-radius:2px;cursor:pointer}



/*색상별 버튼*/
.btn_green {
	display:inline-block; 
	margin-left:4px; 
	color:#fff;
	font-size:12px; 
	padding:10px 20px;
	*padding:0;
	line-height:24px;
	border:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	background-color:#91c747;  
	border:1px solid #69962b;
	cursor: pointer
	}


.btn_light_blue {
	display:inline-block;		
	margin-left:5px;
	padding:10px 20px;
	line-height:30px;
	color:#fff;
	font-size:12px;	
	font-weight:400;
	background-color: #4f78e0;	
	border: solid 1px #3459b7;	
	-webkit-border-radius: 2px;	
	-moz-border-radius: 2px;
	border-radius: 2px;	
	cursor: pointer
	}	

.btn_base {
	display:inline-block; 
	border:1px solid #d0d0d0; 	
	padding: 10px 20px;
	margin:0 2px; 
	color:#333;
	
	background:#f8f8f8;
	text-align:center;	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	-webkit-appearance:none;
	border-radius: 2px; 
	font-size:12px;
	font-weight:400; 
	cursor:pointer;
	}

.btn_base_small {
	display:inline-block; 
	border:1px solid #d0d0d0; 	
	padding:0px 6px;
	color:#333;
	letter-spacing:0;
	letter-spacing:-1px \0;
	background:#f8f8f8;
	text-align:center;	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	-webkit-appearance:none;
	border-radius: 2px; 
	font-size:12px;
	font-weight:400; 
	cursor:pointer;
	}

.btn_black{
	display:inline-block;	
	color:#fff;	
	font-size:12px;	
	font-weight:400;
	padding:10px 20px;
	*padding:0;
	line-height:25px;
	border:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	background-color: #1c1a1a;	
	border: solid 1px #525252;	
	cursor: pointer
	}
.btn_gray{
	display:inline-block;  
	padding: 10px 20px; 
	margin:0 2px; 
	color:#232323 !important; 
	background:#d9d9d9;
	text-align:center; 
	border:1px solid #d9d9d9;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius: 2px; 
	font-size:12px; 
	font-weight:400; 
	cursor:pointer;
	-webkit-appearance:none; 
	cursor: pointer
	} 
.btn_red{
	display:inline-block; 
	border:1px solid #ce2b16; 
	padding: 10px 20px; 
	margin:0 2px; 
	color:#fff !important; 
	background:#fe2205;
	text-align:center;
	font-size:12px; 
	font-weight:400; 
	cursor:pointer;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius: 2px; 
	-webkit-appearance:none; 
	} 
.btn_yellow{
	display:inline-block; 
	border:1px solid #ECE900; 
	padding: 10px 20px;
	margin:0 2px; 
	color:#232323; 
	background:#FFF200;
	text-align:center;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius: 2px; 
	font-size:12px; 
	font-weight:400; 
	cursor:pointer;
	-webkit-appearance:none;
	}
.btn_blue{
	display:inline-block;  
	padding: 10px 20px; 
	margin:0 2px; 
	color:#fff !important; 
	background:#2B87D7;
	text-align:center; 
	border:1px solid #2B87D7;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius: 2px; 
	font-size:12px; 
	font-weight:400; 
	cursor:pointer;
	-webkit-appearance:none; 
	}

.btn_orange {	
	display:inline-block;  
	padding: 10px 20px; 
	margin:0 2px; 
	color:#fff !important; 
	background-color:#ff8236;  
	border:1px solid #ff5907;
	text-align:center; 
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius: 2px; 
	font-size:12px; 
	font-weight:400; 
	cursor:pointer;
	-webkit-appearance:none; 
	}

.btn_navy {
	display:inline-block; 
	padding: 10px 20px; 
	margin:0 2px; color:#fff !important; 
	background:#003B89;
	text-align:center;
	border:1px solid #003776;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius: 2px; 
	font-size:12px; 
	font-weight:400; 
	cursor:pointer;
	}
.btn_purple{
	display:inline-block;  
	padding: 10px 20px; 
	margin:0 2px; 
	color:#fff !important; 
	background:#C100E0;
	text-align:center; 
	border:1px solid #8C00BB;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius: 2px; 
	font-size:12px; 
	font-weight:400; 
	cursor:pointer;
	-webkit-appearance:none; 
	}
.btn_emerald{
	display:inline-block;  
	padding: 10px 20px; 
	margin:0 2px; 
	color:#fff !important; 
	background:#00C8EC;
	text-align:center; 
	border:1px solid #00ABCA;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius: 2px; 
	font-size:12px; 
	font-weight:400; 
	cursor:pointer;
	-webkit-appearance:none;
	}

.btn_black_small {
	display:inline-block; 
	padding:0px 6px; 
	font-weight:400;
	background-color:#373737; 
	color:#fff; 
	text-align:center; 
	border:1px solid #2F2F2F; 
	border-radius:2px;
	cursor:pointer}


.btn_green_small {
	display:inline-block; 
	padding:0px 6px; 
	color:#fff;
	font-weight:400;
	background-color:#91c747;  
	border:1px solid #69962b;
	text-align:center; 
	border-radius:2px;
	cursor:pointer}


.btn_orange_small {
	display:inline-block;	
	padding:0px 6px;
	color:#fff;
	text-align:center; 
	font-weight:400;
	background-color:#ff8236;  
	border:1px solid #ff5907;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	cursor: pointer
}


.btn_emerald_small {
	display:inline-block;	
	padding:0px 6px;
	color:#fff;
	text-align:center; 
	font-weight:400;
	background-color: #00C8EC;
	border: solid 1px #00ABCA;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	cursor: pointer
}



.btn_navy_small {
	display:inline-block;	
	padding:0px 6px;
	color:#fff;
	font-weight:400;
	background-color: #003B89;
	border: solid 1px #003776;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	cursor: pointer
}



.btn_blue_small {
	display:inline-block;	
	padding:0px 6px;
	color:#fff;
	text-align:center; 
	font-weight:400;
	background-color: #2B87D7;
	border: solid 1px #2B87D7;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	cursor: pointer
}

.btn_light_blue_small {
	display:inline-block;	
	padding:0px 6px;
	color:#fff;
	font-weight:400;
	background-color: #4f78e0;	
	border: solid 1px #3459b7;	
	-webkit-border-radius: 2px;	
	-moz-border-radius: 2px;
	border-radius: 2px;	
	cursor: pointer
	}	


.btn_purple_small{
	display:inline-block;  
	padding: 0px 6px; 
	color:#fff !important; 
	font-weight:400;
	background-color:#C100E0;
	text-align:center; 
	border:1px solid #8C00BB;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius: 2px; 
	cursor:pointer;
	}