/*
* button style
* 공통버튼
*/

.button {}
	.button a,
	.button input,
	.button button {
		padding:5px 7px;
		background:#2b2b2b;
		color:#fff;
		font-size:11px;
		text-align:center;
		border:1px solid #000;
		border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;
		cursor:default
	}
		.button a:link {
			color:#fff
		}
		.button a:visited {
			color:#fff
		}
		.button a:hover {
			background:#23abf1;
			border:1px solid #1da4ea
		}
		.button a:active {
			color:yellow
		}
.button img {vertical-align:bottom}

/* color */
.button a.gray { /* gray */
	background:#fbfbfb;
	border:1px solid #eeeeee;
	color:#666
}
	.button a.gray:hover {
		background:#333;
		border:1px solid #000;
		color:#fff
	}

.button .sky1 { /* sky1 */
	background:#23abf1;
	border:1px solid #1da4ea
}
	.button .sky1:hover{
		background:#2b2b2b;
		color:#fff;
		border:1px solid #000
	}
	.button .sky1:active {
		color:#23abf1
	}

.button .sky2 { /* sky2 */
	background:#23abf1;
	border:1px solid #1da4ea
}
	.button .sky2:hover{
		background:#ec008c;
		color:#fff;
		border:1px solid #ec008c
	}
	.button .sky2:active {
		color:yellow
	}

.button .sky3 { /* sky3 */
	background:#23abf1;
	border:1px solid #1da4ea
}
	.button .sky3:hover{
		
		color:#fff
	}
	.button .sky3:active {
		color:yellow;
		background:#f15064;
		border:1px solid #f15064
	}

.button .black1 { /* black1 */
	background:#2b2b2b;
	color:#fff;
	border:1px solid #000;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px
}
	.button .black1:hover,.button .black1.on {
		background:#ee3232;
		color:#fff;
		border:1px solid #e32727
	}
		.button .black1:active {
			color:yellow
		}

.button .green1 { /* green1 */
	background:#4da20a;
	color:#fff;
	border:1px solid #4da20a;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px
}
	.button .green1:hover,.button .green1.on {
		background:#23abf1;
		color:#fff;
		border:1px solid #23abf1
	}
		.button .green1:active {
			color:yellow
		}


/* size */
.button .small {
	padding:2px 4px;
	font-size:11px
}
.button .midium {}
.button .large {
	padding: 16px 30px;
	font-size:14px;
	color:#fff
}



/* icon */
.button .arr1 {}

/* width style */
.button a.btn_wSky {
	background:#23abf1;
	padding: 8px 15px
}



/* close1 */
a.close1 {
	display:block;
	background:url(../image/common/btn_close1.png) no-repeat 0 0;
	width:21px;
	height:21px;
	text-indent:-1000em;
	overflow:hidden
}
	a.close1:hover {
		background-position:0 -21px
	}