/*
Coded by 이동현

이 애드온에 대한 모든 권리는 XE Deisgn Team - 이동현에 있습니다.

버그 및 오류 문의는 http://www.xedesignteam.com을 방문해 주세요.

홈페이지 제작의뢰 : xdtask@gmail.com
*/
a.button {
	behavior:url(PIE.htc);
	font-family:맑은 고딕;
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
	line-height: 1em;
	padding: 13px 25px;
	margin: 0 0 11px 0;
	border-top: 1px solid #4081af; border-left: 1px solid #4081af; border-right: 1px solid #4081af;
	border-bottom:1px solid #20559a;
	color: #fff;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
	text-decoration: none !important;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #52A8E8), color-stop(1, #2E76CF) );
	background: -webkit-linear-gradient(top, #52A8E8 20%, #2E76CF 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient( center top, #52A8E8 20%, #2E76CF 100% );
	background: -o-linear-gradient(top, #52A8E8 20%, #2E76CF 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #52A8E8 20%, #2E76CF 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #52A8E8, #2E76CF); /* W3C */
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.1) /*Top*/, inset 0 0 1px hsla(0,100%,100%,.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .2) /*Shadow*/; /* .29 */
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.1) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .2) /*Shadow*/;
	box-shadow: inset 0 2px 0 hsla(0,100%,100%,.1) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .2) /*Shadow*/;
}

a.button:hover {
	text-decoration: none !important;
	background: #52A8E8;
	border-bottom-color: #4081af;
	-pie-background:#52A8E8;
}

a.button.red {
	color: #670f0f !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	border-color: #b64747;
	border-bottom-color: #9A2020;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E85252),color-stop(1, #CF2E2E));
	background: -webkit-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* Chrome10+,Safari5.1+ */	
	background: -moz-linear-gradient(center top,#E85252 20%, #CF2E2E 100%);
	background: -o-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* W3C */
}

a.button.red:hover {
	background: #E85252;
	border-bottom-color: #b64747;
	-pie-background: linear-gradient(top, #E85252 20%, #E85252 100%); /* W3C */
}

a.button.orange {
	color: #643c15 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	border-color: #AF7440;
	border-bottom-color: #9A5420;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E88E52),color-stop(1, #CF6E2E));
	background: -webkit-linear-gradient(top, #E88E52 20%, #CF6E2E 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#E88E52 20%,#CF6E2E 100%);
	background: -o-linear-gradient(top, #E88E52 20%, #CF6E2E 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #E88E52 20%, #CF6E2E 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #E88E52 20%, #CF6E2E 100%); /* W3C */
}

a.button.orange:hover {
	background: #E88E52;
	border-bottom-color: #AF7440;
	-pie-background: linear-gradient(top, #E88E52 20%, #E88E52 100%); /* W3C */
}

a.button.green {
	color: #285414 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	border-color: #4c8c2e;
	border-bottom-color: #427a26;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #80c75f),color-stop(1, #5c953f));
	background: -webkit-linear-gradient(top, #80c75f 20%, #5c953f 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#80c75f 20%,#5c953f 100%);
	background: -o-linear-gradient(top, #80c75f 20%, #5c953f 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #80c75f 20%, #5c953f 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #80c75f 20%, #5c953f 100%); /* W3C */
}

a.button.green:hover {
	background: #80c75f;
	border-bottom-color: #4c8c2e;
	-pie-background: linear-gradient(top, #80c75f 20%, #80c75f 100%); /* W3C */
}

a.button.aqua {
	color: #10594a !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	border-color: #4db49d;
	border-bottom-color: #209A82;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52E8C6),color-stop(1, #25b697));
	background: -webkit-linear-gradient(top, #52E8C6 20%, #25b697 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#52E8C6 20%,#25b697 100%);
	background: -o-linear-gradient(top, #52E8C6 20%, #25b697 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #52E8C6 20%, #25b697 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #52E8C6 20%, #25b697 100%); /* W3C */
}

a.button.aqua:hover {
	background: #52E8C6;
	border-bottom-color: #4db49d;
	-pie-background: linear-gradient(top, #52E8C6 20%, #52E8C6 100%); /* W3C */
}

a.button.teal {
/*
	color: #105169 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
*/
	border-color: #23A6D6;
	border-bottom-color: #20799A;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52C3E8),color-stop(1, #0192c2));
	background: -webkit-linear-gradient(top, #52C3E8 20%, #0192c2 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#52C3E8 20%,#0192c2 100%);
	background: -o-linear-gradient(top, #52C3E8 20%, #0192c2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #52C3E8 20%, #0192c2 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #52C3E8 20%, #0192c2 100%); /* W3C */
}

a.button.teal:hover {
	background: #52C3E8;
	border-bottom-color: #23A6D6;
	-pie-background: linear-gradient(top, #52C3E8 20%, #52C3E8 100%); /* W3C */
}

a.button.purple {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
	border-color: #944fde;
	border-bottom-color: #7028bb;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #b371ec),color-stop(1, #9751d5));
	background: -webkit-linear-gradient(top, #b371ec 20%, #9751d5 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#b371ec 20%,#9751d5 100%);
	background: -o-linear-gradient(top, #b371ec 20%, #9751d5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #b371ec 20%, #9751d5 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #b371ec 20%, #9751d5 100%); /* W3C */
}

a.button.purple:hover {
	background: #b371ec;
	border-bottom-color: #944fde;
	-pie-background: linear-gradient(top, #b371ec 20%, #b371ec 100%); /* W3C */
}

a.button.pink {
	color: #691966 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	border-color: #d948d0;
	border-bottom-color: #a633a2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #f079ee),color-stop(1, #d95bda));
	background: -webkit-linear-gradient(top, #f079ee 20%, #d95bda 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#f079ee 20%,#d95bda 100%);
	background: -o-linear-gradient(top, #f079ee 20%, #d95bda 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f079ee 20%, #d95bda 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #f079ee 20%, #d95bda 100%); /* W3C */
}

a.button.pink:hover {
	background: #f079ee;
	border-bottom-color: #d948d0;
	-pie-background: linear-gradient(top, #f079ee 20%, #f079ee 100%); /* W3C */
}

a.button.silver {
	color: #4a525a !important;
	text-shadow: 0 1px white;
	border-color: #c8cbd0;
	border-bottom-color: #a3aab2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #f1f1f1),color-stop(1, #c8cbd0));
	background: -webkit-linear-gradient(top, #f1f1f1 20%, #c8cbd0 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#f1f1f1 20%,#c8cbd0 100%);
	background: -o-linear-gradient(top, #f1f1f1 20%, #c8cbd0 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 20%, #c8cbd0 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #f1f1f1 20%, #c8cbd0 100%); /* W3C */
}

a.button.silver:hover {
	background: #f1f1f1;
	border-bottom-color: #c8cbd0;
	-pie-background: linear-gradient(top, #f1f1f1 20%, #f1f1f1 100%); /* W3C */
}

a.button.black {
	border-color: #3e454c;
	border-bottom-color: #343c44;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #4a525a),color-stop(1, #21262b));
	background: -webkit-linear-gradient(top, #4a525a 20%, #21262b 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(center top,#4a525a 20%,#21262b 100%);
	background: -o-linear-gradient(top, #4a525a 20%, #21262b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #4a525a 20%, #21262b 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #4a525a 20%, #21262b 100%); /* W3C */
	/* box-shadow */
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.05) /*Top*/, inset 0 0 1px hsla(0,100%,100%,.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .2) /*Shadow*/; /* .29 */
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.05) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .2) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.05) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .2) /*Shadow*/;
}

a.button.black:hover {
	background: #4a525a;
	border-bottom-color: #3e454c;
	-pie-background: linear-gradient(top, #4a525a 20%, #4a525a 100%); /* W3C */
}

a.button.white {
	color: #58636d !important;
	text-shadow: 0 1px #fff;
	border-color: #c8ced5;
	border-bottom-color: #bebfc0;
	background: #ffffff; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* W3C */
}

a.button.white:hover {
	background: #fff;
	border-bottom-color: #c8ced5;
	-pie-background: linear-gradient(top, #ffffff 0%, #ffffff 100%); /* W3C */
}

a.button.yellow {
	color: #784a1c !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border-color: #ecb206;
	border-bottom-color: #c49303;
	background: #f1e767; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6+ */
	background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #f1e767 0%,#feb645 100%); /* W3C */
}

a.button.yellow:hover {
	background: #f1e767;
	border-bottom-color: #ecb206;
	-pie-background: linear-gradient(top, #f1e767 0%,#f1e767 100%); /* W3C */
}

a.button.small {}

a.button.medium {
	font-size: 19px;
	padding: 15px 25px;
}

a.button.big {
	font-size: 26px;
	padding: 15px 25px 20px 25px;
}