/*
클래스명 / 기본배경 / 기본외각선색 / 오버시배경 / 오버시외각선색
.btn-primary      #ed3e49 / #d82934;
.btn-info           #5bc0de / #46b8da / #31b0d5 / #1b6d85;
.btn-warning     #f0ad4e /  #eea236/ #ec971f / #985f0d;
.btn-danger      #d9534f / #d43f3a / #c9302c / #761c19;
.btn-green        #4fd953 / #3ad43f / #2cc930 / #19761c;
.btn-yellow       #d5d94f / #cfd43a / #c5c92c /  #737619;
.btn-purple       #ae4fd9 / #a53ad4 /  #982cc9 /  #5a1976;
.btn-blue          #534fd9 / #3f3ad4; / #302cc9 / #1c1976;
.btn-silver        #949494 / #878787 / #7a7a7a / #474747;
.btn-white        #fff / #bbb / #7a7a7a #474747
*/

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 5px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
}
.btn:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


.btn2 {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 2px 5px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn2:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn2:hover {
  color: #333333;
  text-decoration: none;
}
.btn2:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btnP {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btnP:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btnP:hover {
  color: #333333;
  text-decoration: none;
}
.btnP:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-primary {
  background-color: #337ab7;
  border-color: rgba(0, 0, 0, 0.1);
  color: white;
  -webkit-transition: all .05s linear;
       -o-transition: all .05s linear;
          transition: all .05s linear;
}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active {
  background-color: #265a88;
  border-color: rgba(0, 0, 0, 0.15);
  color: white;
}

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus, .btn-info:hover, .btn-info:active {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}


.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus, .btn-warning:hover, .btn-warning:active {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}


.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus, .btn-danger:hover, .btn-danger:active {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}


.btn-green {
  color: #ffffff;
  background-color: #5CB531;
  border-color: #3ad43f;
}
.btn-green:focus, .btn-green:hover, .btn-green:active {
  color: #ffffff;
  background-color: #28b42b;
  border-color: #19761c;
}


.btn-yellow {
  color: #ffffff;
  background-color: #d5d94f;
  border-color: #cfd43a;
}
.btn-yellow:focus, .btn-yellow:hover, .btn-yellow:active {
  color: #ffffff;
  background-color: #c5c92c;
  border-color: #737619;
}


.btn-purple {
  color: #ffffff;
  background-color: #ae4fd9;
  border-color: #a53ad4;
}
.btn-purple:focus, .btn-purple:hover, .btn-purple:active {
  color: #ffffff;
  background-color: #982cc9;
  border-color: #5a1976;
}


.btn-blue {
  color: #ffffff;
  background-color: #534fd9;
  border-color: #3f3ad4;
}
.btn-blue:focus, .btn-blue:hover, .btn-blue:active {
  color: #ffffff;
  background-color: #302cc9;
  border-color: #1c1976;
}


.btn-silver {
  color: #ffffff;
  background-color: #949494;
  border-color: #878787;
}
.btn-silver:focus, .btn-silver:hover, .btn-silver:active {
  color: #ffffff;
  background-color: #7a7a7a;
  border-color: #474747;
}


.btn-white {
  color: #474747;
  background-color: #fff;
  border-color: #bbb;
}
.btn-white:focus, .btn-white:hover, .btn-white:active {
  color: #fff;
  background-color: #7a7a7a;
  border-color: #474747;
}


.btn-excel {
  color: #ffffff;
  background-color: #4fd953;
  border-color: #3ad43f;
}
.btn-excel:focus, .btn-excel:hover, .btn-excel:active {
  color: #ffffff;
  background-color: #28b42b;
  border-color: #19761c;
}


.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}


.btn-modify { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; }
.btn-modify:focus, .btn-modify:hover, .btn-modify:active { color: #ffffff; background-color: #ec971f; border-color: #985f0d; }
.btn-del { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; }
.btn-del:focus, .btn-del:hover, .btn-del:active { color: #ffffff; background-color: #c9302c; border-color: #761c19; }
.btn-write { color: #ffffff; background-color: #534fd9; border-color: #3f3ad4;}
.btn-write:focus, .btn-write:hover, .btn-write:active { color: #ffffff; background-color: #302cc9; border-color: #1c1976; }
.btn-search { color: #474747; background-color: #fff; border-color: #bbb; }
.btn-search:focus, .btn-search:hover, .btn-search:active { color: #fff; background-color: #7a7a7a; border-color: #474747; }
.btn-searchall { color: #ffffff; background-color: #949494; border-color: #878787; }
.btn-searchall:focus, .btn-searchall:hover, .btn-searchall:active { color: #ffffff; background-color: #7a7a7a; border-color: #474747; }
.btn-back { color: #ffffff; background-color: #949494; border-color: #878787; }
.btn-back:focus, .btn-back:hover, .btn-back:active { color: #ffffff; background-color: #7a7a7a; border-color: #474747; }
.btn-submit { color:#fff; background-color: #337ab7; border-color: rgba(0, 0, 0, 0.1); color: white; -webkit-transition: all .05s linear; -o-transition: all .05s linear; transition: all .05s linear; }
.btn-submit:focus, .btn-submit:hover, .btn-submit:active { color:#fff; background-color: #265a88; border-color: rgba(0, 0, 0, 0.15);}
.btn-cancel { color: #ffffff; background-color: #949494; border-color: #878787; }
.btn-cancel:focus, .btn-cancel:hover, .btn-cancel:active { color: #fff; background-color: #7a7a7a; border-color: #474747; }