/* -------------------------------
작업일자 :2015.03.03
작업자 :SJH
작업내용 :버튼 텍스트 높이 수정
------------------------------- */
@charset "utf-8"; 

/* Reset */
.button, button {
	display:inline-block;
	padding:0 5px;
	border-radius:3px;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	background:transparent;
	outline:0;
	vertical-align:middle;
	font-family:inherit;
	font-size:12px;
	text-decoration:none;
	white-space:nowrap;
	cursor:pointer
}
.button .fa, button .fa { margin-right:5px; }

/* Size */
.button.small, button.small { height:18px; line-height:18px; font-weight:normal !important; font-size:11px; margin-right:1px; }
.button.medium, button.medium { padding:0 10px; height:26px; line-height:26px; font-size:14px; margin-right:1px; }
.button.large, button.large { font-family:'굴림', 'GulimChe'; padding:0 20px; font-weight:bold; height:40px; line-height:40px; font-size:20px; margin-right:1px; }
.button.xlarge, button.xlarge { font-family:'굴림', 'GulimChe'; padding:0 30px; font-weight:bold; height:45px; line-height:45px; font-size:24px; margin-right:1px; }
.button.xxlarge, button.xxlarge { font-family:'굴림', 'GulimChe'; padding:0 30px; font-weight:bold; height:55px; line-height:55px; font-size:28px; margin-right:1px; }

/* 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+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.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+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
 }
.button.gray, button.gray { color:#333333 !important; border:1px solid #959595; background:#bdbdbd; }
.button.gray:hover, .button.gray:active, .button.gray:focus, button.gray:hover, button.gray:active, button.gray:focus { color:#333333 !important; background:#a4a4a4; }
.button.black, button.black{ color:#fff !important; border:1px solid #333; background:#565656; }
.button.black:hover, .button.black:active, .button.black:focus, button.black:hover, button.black:active, button.black:focus { color:#ccc !important; background:#333; }
.button.green, button.green { color:#fff !important; border:1px solid #559600; background:#68b800; }
.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:#ff5400; }
.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 #006be4; background:#2a8eff; }
.button.blue:hover, .button.blue:active, .button.blue:focus, button.blue:hover, button.blue:active, button.blue:focus { background:#247bdc; }
.button.pink, button.pink { color:#fff !important; border:1px solid #c7197b; background:#ee5475; }
.button.pink:hover, .button.pink:active, button.pink:focus, button.pink:hover, button.pink:active, button.pink:focus { background:#e02048; }
.button.violet, button.violet { color:#fff !important; border:1px solid #8011dd; background:#a842ff; }
.button.violet:hover, .button.violet:active, button.violet:focus, button.violet:hover, button.violet:active, button.violet:focus { background:#8e2ddf; }
.button.red, button.red { color:#fff !important; border:1px solid #aa0000; background:red; }
.button.red:hover, .button.red:active, .button.red:focus, button.red:hover, button.red:active, button.red:focus { background:#c40000;  }

.button.white .fa { color:#7392d1}
/* Text Strong */
.button.strong * { font-weight:bold !important; }
input .button, input[type=button] { cursor:pointer; }
