@font-face {
  font-family: 'LINESeedKR-Bd';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Bd.woff2')
    format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'LINESeedKR-Rg';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Rg.woff2')
    format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'ui-grid';
  src: url('./ui-grid.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/*** COMMON ***/
html {
  overflow: auto;
}
body {
  margin-top: 0;
  background-color: #fff;
}

* {
  color: #333;
}
a {
  color: #337ab7;
}

/*** MAIN ***/
.section-top,
.section-content {
  max-width: 1656px;
  min-width: 1400px;
}
.section-top {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: sticky;
  top: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #fff;
  z-index: 50;
}
.section-top .section-title {
  font-family: 'open sans', 'Helvetica Neue', Helvetica, Arial,
    sans-serifApple Gothic, 'sans-serif';
  font-size: 20px;
  font-weight: 700;
}
.section-top .section-util {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  /* gap: 14px; */
  border: 1px solid #e7eaec;
  font-size: 13px;
}
/*** MODAL ***/
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.modal-content {
  position: absolute;
  width: 1300px;
  height: 590px;
  top: calc(50% - 350px);
  left: calc(50% - 760px);
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  transition: transform 0.2s; /* 스무스한 움직임을 위한 트랜지션 설정 */
}
#myModal2 .modal-content {
  width: 420px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-content:active {
  cursor: grabbing;
  /* transform: scale(1.02);  클릭하면 약간 확대되는 효과 추가 */
}
/* 모달 닫기 버튼 스타일 */
.modal-close {
  position: relative;
  /* top: -54px; */
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #616161;
  background-color: transparent;
  cursor: pointer;
}
.modal-close::before,
.modal-close::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  background-color: #616161;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: 0.2s ease-out;
}
.modal-close::after {
  transform: translate(-50%, -50%) rotate(135deg);
}
.modal-close:hover {
  /* background-color: #fff; */
}
.modal-close:hover::before,
.modal-close:hover::after {
  /* background-color: #313131; */
}
.modal-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  user-select: none; /* 텍스트 선택 금지 */
  font-size: 17px;
  font-weight: bold;
  cursor: grab;
}
.modal-header > p {
  margin: 0;
}
.modal-body {
  margin-top: 10px;
  overflow-y: scroll;
  height: 93%;
}
#myModal2 .modal-body {
  overflow: unset;
}
#myModal2 .down-option-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 6px 4px;
}
#myModal2 .down-option-item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 14px;
  padding: 2px 0;
}
#myModal2 .down-option-item > label {
  width: 70px;
  font-size: 14px;
  line-height: 34px;
}
#myModal2 .down-option-item > *:nth-child(2) {
  width: 100%;
  height: 34px;
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #d1d1d4;
  background-color: #fafafd;
  font-size: 13px;
  cursor: pointer;
}
#myModal2 .modal-footer {
  margin-top: 14px;
}
.foot-btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.foot-btn-wrap .btn {
  font-size: 13px;
}

table {
  font-size: 11px;
  font-family: 'Arial', sans-serif;
  border-collapse: collapse; /* 테이블 셀 경계를 합치기 */
  width: 100%; /* 테이블 너비 100%로 설정 */
  /* border: 1px solid #ddd; */ /* 경계선 스타일 및 색상 설정 */
  /* box-shadow: 1px 3px 8px rgba(0,0,0,0.2); */
  table-layout: fixed;
}
th,
td {
  width: auto; /* 셀 너비를 자동으로 조절 */
  /* border: 1px solid #ddd; */ /* 셀 경계선 스타일 및 색상 설정 */
  padding: 5px; /* 셀 안쪽 여백 설정 */
  text-align: left; /* 셀 텍스트 정렬 설정 */
  cursor: default;
}
thead {
  position: sticky;
  top: 72px;
  z-index: 50;
}
#calculate_table thead tr:nth-child(2) th,
#myTable thead tr:nth-child(2) th {
  padding: 4px 10px;
}
#calculate_table {
  border: none;
}
#calculate_table thead {
  top: 0;
}
thead th,
thead td {
  background-color: #f2f2f2; /* 테이블 헤더 배경색 설정 */
  text-align: center; /* 텍스트를 가운데 정렬합니다. */
}
thead input,
thead select,
tbody select {
  width: 100%;
}

th.sort-asc::after {
  content: '\25B2'; /* 오름차순 정렬 아이콘 추가 */
}

th.sort-desc::after {
  content: '\25BC'; /* 내림차순 정렬 아이콘 추가 */
}
tr:nth-child(odd) {
  background-color: #f3f3f3; /* 홀수 행 배경색 설정 */
}
tr:nth-child(even) {
  background-color: #ffffff; /* 짝수 행 배경색 설정 */
}
tr:hover {
  background-color: #eaeaea; /* 마우스를 올릴 때 배경색 변경 */
}

.td_center {
  text-align: center;
}
.td_right {
  text-align: right;
}

input,
select {
  font-size: 11px;
  font-family: 'Arial', sans-serif;
  font-weight: normal;
}

.point_cursor {
  cursor: pointer;
}
a:-webkit-any-link {
  text-decoration-line: unset;
}

/** MAIN -> OPTION **/
/* MAIN -> OPTION -> sort selector */
.section-top label {
  margin-bottom: 0;
}
.section-top input[type='checkbox'] {
  padding-left: 8px;
}
#sort-check-selector {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  height: 44px;
  padding: 0 10px;
}
#sort-check-selector .input-label {
  position: relative;
  display: inline-block;
  height: 28px;
  padding: 0 10px;
  margin-right: 2px;
  border-radius: 20px;
  background-color: #fff;
  cursor: pointer;
}
#sort-check-selector .input-label:last-child {
  margin-right: 2px;
}
#sort-check-selector input[type='checkbox'] {
  position: relative;
  height: 28px;
  margin: 0 6px 0 0;
  vertical-align: middle;
  appearance: none;
  z-index: 5;
}
#sort-check-selector input[type='checkbox']::before {
  content: '';
  display: block;
  position: absolute;
  top: 46%;
  left: 4px;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #b1b1b4;
  background-color: #fff;
  cursor: pointer;
}
#sort-check-selector input[type='checkbox']::after {
  content: '';
  display: none;
  position: absolute;
  top: 46%;
  left: 4px;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #aaa;
  cursor: pointer;
}
#sort-check-selector
  .input-label.survey
  input[type='checkbox']:checked::before {
  border: 1px solid rgb(99, 184, 128);
}
#sort-check-selector
  .input-label.reality
  input[type='checkbox']:checked::before {
  border: 1px solid #ea6f59;
}
#sort-check-selector
  .input-label.research
  input[type='checkbox']:checked::before {
  border: 1px solid rgba(68, 151, 189);
}
#sort-check-selector
  .input-label.outcome
  input[type='checkbox']:checked::before {
  border: 1px solid #ffab00;
}
#sort-check-selector input[type='checkbox']:checked::after {
  display: block;
}
#sort-check-selector .input-label.survey input[type='checkbox']:checked::after {
  background-color: rgb(99, 184, 128);
}
#sort-check-selector
  .input-label.reality
  input[type='checkbox']:checked::after {
  background-color: #ea6f59;
}
#sort-check-selector
  .input-label.research
  input[type='checkbox']:checked::after {
  background-color: rgba(68, 151, 189);
}
#sort-check-selector
  .input-label.outcome
  input[type='checkbox']:checked::after {
  background-color: #ffab00;
}
#sort-check-selector .label-box {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 20px;
  border: 1px solid #b1b1b4;
  background-color: #fafafd;
  z-index: 3;
}
#sort-check-selector input[type='checkbox']:checked + .label-box {
  border: 1px solid #aaa;
}
#sort-check-selector
  .input-label.survey
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid rgb(99, 184, 128);
  background-color: rgb(99, 184, 128);
}
#sort-check-selector
  .input-label.reality
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid #ea6f59;
  background-color: #ea6f59;
}
#sort-check-selector
  .input-label.research
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid rgba(68, 151, 189);
  background-color: rgba(68, 151, 189);
}
#sort-check-selector
  .input-label.outcome
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid #ffab00;
  background-color: #ffab00;
}
#sort-check-selector .label-txt {
  display: inline-block;
  position: relative;
  font-size: 12px;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 5;
}
#sort-check-selector input[type='checkbox']:checked ~ span {
  color: #fff;
}
#sort-check-selector .input-label.i1 input[type='checkbox']:checked::before {
  border: 1px solid rgb(99, 184, 128);
}
#sort-check-selector .input-label.i1 input[type='checkbox']:checked::after {
  background-color: rgb(99, 184, 128);
}
#sort-check-selector
  .input-label.i1
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid rgb(99, 184, 128);
  background-color: rgb(99, 184, 128);
}
#sort-check-selector .input-label.i2 input[type='checkbox']:checked::before {
  border: 1px solid #f95738;
}
#sort-check-selector .input-label.i2 input[type='checkbox']:checked::after {
  background-color: #f95738;
}
#sort-check-selector
  .input-label.i2
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid #f95738;
  background-color: #f95738;
}
#sort-check-selector .input-label.i3 input[type='checkbox']:checked::before {
  border: 1px solid #e95793;
}
#sort-check-selector .input-label.i3 input[type='checkbox']:checked::after {
  background-color: #e95793;
}
#sort-check-selector
  .input-label.i3
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid #e95793;
  background-color: #e95793;
}
#sort-check-selector .input-label.i4 input[type='checkbox']:checked::before {
  border: 1px solid #f3b664;
}
#sort-check-selector .input-label.i4 input[type='checkbox']:checked::after {
  background-color: #f3b664;
}
#sort-check-selector
  .input-label.i4
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid #f3b664;
  background-color: #f3b664;
}
#sort-check-selector .input-label.i5 input[type='checkbox']:checked::before {
  border: 1px solid #556b2f;
}
#sort-check-selector .input-label.i5 input[type='checkbox']:checked::after {
  background-color: #556b2f;
}
#sort-check-selector
  .input-label.i5
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid #556b2f;
  background-color: #556b2f;
}
#sort-check-selector .input-label.i6 input[type='checkbox']:checked::before {
  border: 1px solid #48c9b0;
}
#sort-check-selector .input-label.i6 input[type='checkbox']:checked::after {
  background-color: #48c9b0;
}
#sort-check-selector
  .input-label.i6
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid #48c9b0;
  background-color: #48c9b0;
}
#sort-check-selector .input-label.i7 input[type='checkbox']:checked::before {
  border: 1px solid #2196f3;
}
#sort-check-selector .input-label.i7 input[type='checkbox']:checked::after {
  background-color: #2196f3;
}
#sort-check-selector
  .input-label.i7
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid #2196f3;
  background-color: #2196f3;
}
#sort-check-selector .input-label.i8 input[type='checkbox']:checked::before {
  border: 1px solid #003399;
}
#sort-check-selector .input-label.i8 input[type='checkbox']:checked::after {
  background-color: #003399;
}
#sort-check-selector
  .input-label.i8
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid #003399;
  background-color: #003399;
}
#sort-check-selector .input-label.i9 input[type='checkbox']:checked::before {
  border: 1px solid #7e5a83;
}
#sort-check-selector .input-label.i9 input[type='checkbox']:checked::after {
  background-color: #7e5a83;
}
#sort-check-selector
  .input-label.i9
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid #7e5a83;
  background-color: #7e5a83;
}

#sort-check-selector
  .input-label.iManager
  input[type='checkbox']:checked::before {
  border: 1px solid #f95738;
}
#sort-check-selector
  .input-label.iManager
  input[type='checkbox']:checked::after {
  background-color: #f95738;
}
#sort-check-selector
  .input-label.iManager
  input[type='checkbox']:checked
  + .label-box {
  border: 1px solid #f95738;
  background-color: #f95738;
}

/* MAIN -> OPTION -> date range selector */
#date-range-selector {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 12px;
}
#date-range-selector .selector-name {
  display: inline-block;
  font-weight: 600;
}
#date-range-selector .date-start,
#date-range-selector .date-end {
  display: inline-block;
  position: relative;
  margin: 0;
}
#date-range-selector label {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}
#date-range-selector input {
  padding-left: 40px;
  border: 1px solid #d1d1d4;
  line-height: 20px;
  width: 110px;
}
#ui-datepicker-div {
  z-index: 55 !important;
}

.util-btn-wrap {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  padding: 0 12px;
}
.util-btn {
  display: inline-block;
  padding: 2px 12px;
  margin: 1px;
  border-radius: 3px;
  border: 1px solid #1c84c6;
  background-color: #1c84c6;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  cursor: pointer;
}

/** MAIN -> TABLE **/
#myTable {
  border-collapse: separate;
  border-spacing: 0;
}
#myTable th *,
#myTable td * {
  font-weight: 400;
}
#myTable thead tr th {
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #649fe2;
  border-left: 1px solid #307ab2;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}
#calculate_table thead tr th {
  background-color: #649fe2;
  border: none;
  color: #fff;
}
#myTable tr {
  border: 1px solid #ddd;
}
#myTable thead tr {
  border: none;
  background-color: #ddd;
}
#myTable tr td:last-child {
  border-right: 1px solid #ddd;
}
#myTable td {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
}
#myTable td.proj-title {
  /* display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  min-height: 22px; */
}
#calculate_table td {
  border: 1px solid #ddd;
}
#myTable .td_num {
  font-variant-numeric: tabular-nums;
}
thead input,
thead select {
  border-radius: none;
  border: 1px solid #fff;
  font-size: 11px;
}
#myModal thead input,
#myModal thead select {
  border: 1px solid #fff;
  font-size: 11px;
}
input {
  line-height: 18px;
  box-sizing: border-box;
  font-size: 11px;
}
input[type='checkbox'] {
  padding-left: 8px;
}
thead select {
  padding: 4px 2px;
}
td input {
  line-height: 14px;
}
td select {
  padding-top: 2px;
  padding-bottom: 2px;
}
td.td--chk,
th.th--chk {
  position: relative;
  padding: 0;
  text-align: center;
}
.table-chk {
  width: 0px;
  height: 0px;
  font-size: 0;
}
.table-chk::after {
  content: '\c362';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'ui-grid';
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  opacity: 0.1;
  cursor: pointer;
}
.table-chk:checked::after {
  opacity: 1;
}
.table-chk:disabled::after {
  opacity: 0.1;
}
#myTable .proj-title > a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-height: 22px;
  width: 100%;
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
  /* vertical-align: middle; */
}
#myTable .proj-title > a > .title-span {
  display: inline-block;
  margin-top: 3px;
  color: #337ab7;
}
#myTable .proj-title .title-icon {
  display: none;
  position: relative;
  padding-left: 3px;
  padding-right: 3px;
  margin-top: 2px;
  height: 16px;
  border-radius: 6px;
  border: 1px solid tomato;
  vertical-align: middle;
  z-index: 1;
}
#myTable .proj-title .title-icon::after {
  content: attr(data-text); /* data-text 속성 값을 표시합니다 */
  display: inline-block; /* 인라인 블록 요소로 설정하여 텍스트 길이에 따라 자동 조절됩니다 */
  position: relative; /* 위치 설정 유지 */
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
  color: #fff;
  white-space: nowrap;
}
#myTable .proj-title .title-icon.survey {
  display: inline-block;
  border: 1px solid rgb(99, 184, 128);
  background-color: rgb(99, 184, 128);
}
#myTable .proj-title .title-icon.survey::after {
  content: '조사';
}
#myTable .proj-title .title-icon.research {
  display: inline-block;
  border: 1px solid rgba(68, 151, 189);
  background-color: rgba(68, 151, 189);
}
#myTable .proj-title .title-icon.research::after {
  content: '연구';
}
#myTable .proj-title .title-icon.outcome {
  display: inline-block;
  border: 1px solid #ffab00;
  background-color: #ffab00;
}
#myTable .proj-title .title-icon.outcome::after {
  content: '성과';
}
#myTable .proj-title .title-icon.reality {
  display: inline-block;
  border: 1px solid #ea6f59;
  background-color: #ea6f59;
}
#myTable .proj-title .title-icon.reality::after {
  content: '실태';
}
/* "실태조사, 패널조사, 만족도조사, 성과분석/정책평가, 인식/의식, 사회조사, 시장조사, 공론화, 청렴도" 요청 수정. 2023.11.02. BY.김도현*/
#myTable .proj-title .title-icon.i1 {
  display: inline-block;
  border: 1px solid rgb(99, 184, 128);
  background-color: rgb(99, 184, 128);
}
#myTable .proj-title .title-icon.i1::after {
  content: '실태조사';
}
#myTable .proj-title .title-icon.i2 {
  display: inline-block;
  border: 1px solid #f95738;
  background-color: #f95738;
}
#myTable .proj-title .title-icon.i2::after {
  content: '패널조사';
}
#myTable .proj-title .title-icon.i3 {
  display: inline-block;
  border: 1px solid #e95793;
  background-color: #e95793;
}
#myTable .proj-title .title-icon.i3::after {
  content: '만족도조사';
}
#myTable .proj-title .title-icon.i4 {
  display: inline-block;
  border: 1px solid #f3b664;
  background-color: #f3b664;
}
#myTable .proj-title .title-icon.i4::after {
  content: '성과분석/정책평가';
}
#myTable .proj-title .title-icon.i5 {
  display: inline-block;
  border: 1px solid #556b2f;
  background-color: #556b2f;
}
#myTable .proj-title .title-icon.i5::after {
  content: '인식/의식';
}
#myTable .proj-title .title-icon.i6 {
  display: inline-block;
  border: 1px solid #48c9b0;
  background-color: #48c9b0;
}
#myTable .proj-title .title-icon.i6::after {
  content: '사회조사';
}
#myTable .proj-title .title-icon.i7 {
  display: inline-block;
  border: 1px solid #2196f3;
  background-color: #2196f3;
}
#myTable .proj-title .title-icon.i7::after {
  content: '시장조사';
}
#myTable .proj-title .title-icon.i8 {
  display: inline-block;
  border: 1px solid #003399;
  background-color: #003399;
}
#myTable .proj-title .title-icon.i8::after {
  content: '공론화';
}
#myTable .proj-title .title-icon.i9 {
  display: inline-block;
  border: 1px solid #7e5a83;
  background-color: #7e5a83;
}
#myTable .proj-title .title-icon.i9::after {
  content: '청렴도';
}
#myTable .proj-title .title-icon.i10 {
  display: inline-block;
  border: 1px solid #fbc2eb;
  background-color: #fbc2eb;
}
#myTable .proj-title .title-icon.i10::after {
  content: '정책평가';
}

#myTable .proj-title .title-icon.i0 {
  display: inline-block;
  border: 1px solid #a9a9a9;
  background-color: #a9a9a9;
  color: white;
  font-size: 10px;
}
#myTable .proj-title .title-icon.i0::after {
  content: '';
}

/* 담당자명 슬라이더 추가. 2024.02.14. by.김도현 */
.checkbox-wrapper-2 .ikxBAC {
  appearance: none;
  background-color: #dfe1e4;
  border-radius: 72px;
  border-style: none;
  flex-shrink: 0;
  height: 20px;
  margin: 0;
  position: relative;
  width: 30px;
}

.checkbox-wrapper-2 .ikxBAC::before {
  bottom: -6px;
  content: '';
  left: -6px;
  position: absolute;
  right: -6px;
  top: -6px;
}

.checkbox-wrapper-2 .ikxBAC,
.checkbox-wrapper-2 .ikxBAC::after {
  transition: all 100ms ease-out;
}

.checkbox-wrapper-2 .ikxBAC::after {
  background-color: #fff;
  border-radius: 50%;
  content: '';
  height: 14px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 14px;
}

.checkbox-wrapper-2 input[type='checkbox'] {
  cursor: default;
}

.checkbox-wrapper-2 .ikxBAC:hover {
  background-color: #c9cbcd;
  transition-duration: 0s;
}

.checkbox-wrapper-2 .ikxBAC:checked {
  background-color: #86d993;
}

.checkbox-wrapper-2 .ikxBAC:checked::after {
  background-color: #fff;
  left: 13px;
}

.checkbox-wrapper-2 :focus:not(.focus-visible) {
  outline: 0;
}

.checkbox-wrapper-2 .ikxBAC:checked:hover {
  background-color: #6cbf7a;
}

/*kbid랑 동일한 아이콘*/
.ln-subject-ico {
  display: inline-block;
  padding-bottom: 5px;
}
.ico-bid {
  position: relative;
  margin-right: 1px;
  font-size: 11px;
  color: #fff;
  font-weight: 300;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
}
.kind1 {
  background: #119eb3;
  border: 1px solid #058396;
}
.kind2 {
  background: #74ae00;
  border: 1px solid #578200;
}
.kind3 {
  background: #9d7f2c;
  border: 1px solid #86660e;
}
.kind4 {
  background: #87304a;
  border: 1px solid #68132d;
}
.kind5 {
  background: #455dae;
  border: 1px solid #1a3590;
}
.kind6 {
  background: #b44515;
  border: 1px solid #8d2b00;
}
.kind7 {
  background: #e92830;
  border: 1px solid #bc0008;
}
.kind8 {
  background: #9b392f;
}
.kind9 {
  background: #ff6600;
  border: 1px solid #e05a00;
}
.kind10 {
  background: #982c85;
  border: 1px solid #7a0a66;
}
.kind11 {
  background: #693a87;
  border: 1px solid #4b176c;
}
.kind12 {
  background: #3b439a;
  border: 1px solid #1f277f;
}
.kind13 {
  background: #347fb2;
}
.kind14 {
  background: #30aab5;
  border: 1px solid #1e8a94;
}
.kind15 {
  background: #159b6c;
  border: 1px solid #00734b;
}
.kind16 {
  background: #338969;
  border: 1px solid #1c7755;
}
.kind17 {
  background: #c00e4c;
  border: 1px solid #970035;
}
.kind18 {
  background: #f2246d;
  border: 1px solid #d70a52;
}
.kind19 {
  background: #36405e;
}
.kind20 {
  background: #3477ff;
  border: 1px solid #2265ec;
}
.kind21 {
  background: #00675c;
  border: 1px solid #004740;
}
.kind22 {background:#E2008F; border:1px solid #C60063;} 
.kind26 {
  background: #764b61;
  border: 1px solid #552e42;
}
.ln-subject-ico img {
  margin-right: 2px;
}
.ico-sangho {
  position: relative;
  margin-right: 1px;
  font-size: 11px;
  color: #fff;
  font-weight: 300;
  height: 20px;
  border-radius: 3px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  background: #197f27;
  border: 1px solid #058396;
}