body { background-color: #fff; }
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover, a:focus { color: #23527c; }
.statement-tt {
  text-align: center;
  margin-bottom: 40px;
}
.label-direct { color:#fff !important;background-color:#b45f06;padding:3px 6px;vertical-align:middle;border-radius:3px;display:inline-block;line-height: 1 !important;}
.label-lowest { color:#fff;background-color:#ff5400;padding:3px;vertical-align:middle;display:inline-block;line-height: 1 !important; }
.label-jong { color:#fff;background-color:#674ea7;padding:3px;vertical-align:middle;display:inline-block;line-height: 1 !important;font-size:12px !important;}
.package-detail, .jong-detail { cursor:pointer; background:#fff;border:1px solid #2c83df;border-radius:3px;padding:3px ;color:#2c83df !important;font-family: 'Roboto','Noto Sans KR', sans-serif;font-size:11px !important;font-weight:400;display:inline-block;line-height: 1 !important;}
.statement-tt > h3 {
  font-weight: 600;
  font-size: 50px;
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.statement-tt > span {
  font-weight: 300;
  font-size: 30px;
  color: #7f7f7f;
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  line-height: 35px;
}
.statement-tt > span > b {
  font-weight: 700;
  font-size: 30px;
  color: #000;
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  line-height: 35px;
}
.step-title {
  background: #b8b8b8 !important;
  color: #fff !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  border-bottom: 0 !important;
}
.table-step tr th {
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #000;
  width: 130px;
  text-align: center;
  background: #f0f0f5;
  vertical-align: middle !important;
}
.table-step tr td, .table-step tr td div, .table-step tr td div span, .table-step tr td a {
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #555;
  line-height: 26px;
}
.table-step> tbody > tr > td > div > b {
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #000;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  padding: 8px;
}
.txt-gongo:hover, .table-step tr td a:hover {
  text-decoration: underline !important;
}
.st-menu {
  height: 42px;
  margin-top: 30px;
  display: flex;
}
.st-menu > a {
  color: #000;
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 10px 15px;
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-size: 15px;
  align-self: baseline;
}
.st-menu > a.active {
  color: #fff;
  background-color: #2a82df;
  border: 1px solid #2a82df;
}
.st-menu > div {
  color: #000;
  background-color: #d2f080;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-size: 15px;
  align-self: center;
  padding: 6px 15px;
}
.st-menu > div > div {
  padding: 3px 5px;
  align-self: center;
}
.st-menu > div > .package-cnt-box {
  display: inline-block;
  background-color: #fff;
  padding: 1px 10px;
}
.st-menu > div button {
  font-size: 12px;
}
.st-menu > a.statement-btn {
  background-color: #565e83;
  border: 1px solid #565e83;
  color: #fff;
}
.table-statement thead tr th {
  background: #f0f0f5;
  color: #000;
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-weight: 500;
  font-size: 13px;
}
.table-statement button.btn-apply {
  background: #fff;
  font-size: 12px !important;
  font-weight: 300;
  border: 1px solid #6c8bda;
  color: #6c8bda;
}
.table-statement span.btn-apply {
  color: #337ab7;
  cursor: pointer;
}
.table-statement span.btn-apply:hover, .table-statement span.btn-apply:focus {
  color: #23527c;
}
.table-statement > tbody > tr > td > button {
  font-size: 12px;
  width: 80px;
  padding: 2px 2px 2px 4px !important;
}
.table-statement button.btn-apply:hover,
.table-statement button.btn-apply:focus { 
  font-size: 12px !important;
  font-weight: 300;
  border: 1px solid #6c8bda;
  color: #fff;
  background: #6c8bda;
}
#pagination {
	margin-top: 24px;
  text-align: center;
}
#pagination nav {
	display: inline-block;
}
#pagination nav .pagination {
	padding-left: 0;
	border-radius: 4px;
}
#pagination nav .pagination li {
	line-height: 18px;
}
#pagination nav .pagination li.active a {
	color: #000;
	background-color: #d9dadf !important;
	border: 1px solid #dddddd !important;
	cursor: default;
}
#pagination nav .pagination li a {
	padding: 6px 12px;
	text-decoration: none;
	font-size: 12px;
}
#pagination nav .pagination li a:hover,
#pagination nav .pagination li a:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
	box-shadow: none;
}
#pagination nav .pagination li:not(.disabled) a.page-link {
	color: #337ab7;
}
.apply-tt {
  margin-bottom: 8px;
}
.apply-tt b {
  font-size: 14px;
}
.table-apply tr th {
  background: #f0f0f5;
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-weight: 600;
  font-size: 12px;
  width: 150px;
  vertical-align: middle !important;
}
.text-primary { color: #337ab7 !important; }
.btn-outline-primary {
  color: #337ab7;
  background-color: transparent;
  border-color: #337ab7;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.list-btn {
  display: block;
  width: 88px;
  padding: 3px 10px;
  border-radius: 4px;
}

.btn-outline-info {
  color: #17a2b8;
  border: 1px solid #17a2b8;
}