/* ----------------------
* PHP Version 1.0 버전
* -------------------- */
@charset 'utf-8';

/* Reset */
.button, button {
	display:inline-block;
	padding:0px 5px;
	line-height:22px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
	background:transparent;
	font-family:inherit;
	font-size:12px;
	text-decoration:none;
	outline:0;
	white-space:nowrap;
	cursor:pointer
}

/* Size */
.button.small, button.small {
	line-height:19px;
	font-weight:normal !important;
	font-size:11px;
}
.button.medium, button.medium {
	padding:0px 10px;
	line-height:26px;
	font-size:14px;
	vertical-align:middle;
}
.button.large, button.large {
	padding:0 30px;
	line-height:40px;
	font-size:20px;
	font-weight:bold;

}
.button.xlarge, button.xlarge {
	padding:0 30px;
	line-height:45px;
	font-size:24px;
	font-weight:bold;
}
.button.xxlarge, button.xxlarge {
	padding:0 30px;
	line-height:55px;
	font-size:28px;
	font-weight:bold;
}

/* Text Color */
.button:hover, .button:active, .button:focus, button:hover, button:active, button:focus {
	color:#ff3500 !important;
}
.button.white, button.white {
	color:#333 !important;
	border:1px solid #d1d1d1;
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.button.white:hover, .button.white:active, .button.white:focus, button.white:hover, button.white:active, button.white:focus {
	color:#ff3500 !important;
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.button.gray, button.gray {
	color:#333333 !important;
	border:1px solid #bdbdbd;
	background:#c2c2c2;
}
.button.gray:hover, .button.gray:active, .button.gray:focus, button.gray:hover, button.gray:active, button.gray:focus {
	color:#333333 !important;
	background:#a8a8a8;
}
.button.black, button.black {
	color:#fff !important;
	border:1px solid #000;
	background:#383838;
}
.button.black:hover, .button.black:active, .button.black:focus, button.black:hover, button.black:active, button.black:focus {
	color:#ededed !important;
	background:#212121;
}
.button.green, button.green {
	color:#fff !important;
	border:1px solid #579900;
	background:#5a9e00;
}
.button.green:hover, .button.green:active, .button.green:focus, button.green:hover, button.green:active, button.green:focus {
	background:#4d8800;
}
.button.orange, button.orange {
	color:#fff !important;
	border:1px solid #ff3600;
	background:#e43600;
}
.button.orange:hover, .button.orange:active, .button.orange:focus, button.orange:hover, button.orange:active, button.orange:focus {
	background:#e43600;
}
.button.blue, button.blue {
	color:#fff !important;
	border:1px solid #0085eb;
	background:#1481db;
}
.button.blue:hover, .button.blue:active, .button.blue:focus, button.blue:hover, button.blue:active, button.blue:focus {
	background:#1371d6;
}
.button.pink, button.pink {
	color:#fff !important;
	border:1px solid #ff4f75;
	background:#fa2a57;
}
.button.pink:hover, .button.pink:active, button.pink:focus, button.pink:hover, button.pink:active, button.pink:focus {
	background:#e60032;
}
.button.violet, button.violet {
	color:#fff !important;
	border:1px solid #8800ff;
	background:#a842ff;
}
.button.violet:hover, .button.violet:active, button.violet:focus, button.violet:hover, button.violet:active, button.violet:focus {
	background:#961fff;
}
.button.red, button.red {
	color:#fff !important;
	border:1px solid #cf0000;
	background:#ed0000;
}
.button.red:hover, .button.red:active, .button.red:focus, button.red:hover, button.red:active, button.red:focus {
	background:#db0000;
}
.button.brown, button.brown {
	color:#fff !important;
	border:1px solid #663a29;
	background:#88563f ;
}
.button.brown:hover, .button.brown:active, .button.brown:focus, button.brown:hover, button.brown:active, button.brown:focus {
	background:#6b3017;
}
.button.teal, button.teal {
	color:#fff !important;
	border:1px solid #006363;
	background:#01787c;
}
.button.teal:hover, .button.teal:active, .button.teal:focus, button.teal:hover, button.teal:active, button.teal:focus {
	background:#006464;
}
.button.steelblue, button.steelblue {
	color:#fff !important;
	border:1px solid #1a4466;
	background:#336690;
}
.button.steelblue:hover, .button.steelblue:active, .button.steelblue:focus, button.steelblue:hover, button.steelblue:active, button.steelblue:focus {
	background:#00518f;
}
.button.indigo, button.indigo {
	color:#fff !important;
	border:1px solid #1b2652;
	background:#233067;
}
.button.indigo:hover, .button.indigo:active, .button.indigo:focus, button.indigo:hover, button.indigo:active, button.indigo:focus {
	background:#011352;
}

/* Text Strong */
.button.strong * {
	font-weight:bold !important;
}
input .button, input[type=button] {
	cursor:pointer;
}