@charset "utf-8";


/*api 라벨*/
.added-label {  position: relative;  border: 1px solid #d2d2d2; border: 1px solid #d2d2d2; border-radius: 3px;  margin-top: 5px;}
.added-label .label-wrap { padding: 10px;}
.added-label .label-wrap ul:nth-child(n + 2) { margin-top: 5px;}
.added-label .label-wrap .label-area { display: inline-block; margin-right: 5px; position: relative; cursor: pointer; padding: 5px 20px ;}
.added-label .label-wrap .label-area::after {     content: ' '; position: absolute; top: 0; left: 0;border: 1px solid #3a6ebd; border-radius: 20px; width: 100%; height: 100%; z-index: 2;}
.added-label .label-wrap .label-area .label-text { font-size: 1.3rem; font-weight: 700; color: #3a6ebd;}
.added-label .label-wrap .label-area i { position: relative; top: 4px; font-size: 13px; color: #3a6ebd; margin-left: 5px; }


/*api 라벨 버튼*/
.info-input .btn-align-wrap { display: inline-block; margin-top: 0;}
.info-input .btn-align-wrap .btn-align .default-btn { height: 32px; line-height: 30px;}

/*api 테이블*/
.info-area .table-title .left-title i { display: none; position: relative; top: 2px; margin-right: 5px; font-size: 1.8rem; cursor: pointer;}
.info-area .search-filter.fold .table-title .left-title i:nth-child(1) { display: inline-block;}
.info-area .search-filter.unfold .table-title .left-title i:nth-child(2) { display: inline-block;}


.info-area .search-filter { margin-bottom: 40px;}
.info-area .search-filter:last-child { margin-bottom: 0;}
.info-area .search-filter.fold .vertic-table table tbody tr:nth-child( n + 4) { display: none;}
.info-area .search-filter.unfold .vertic-table table tbody tr:nth-child( 4 + n) { display: block;}


.info-area .table-title {display: flex; justify-content: space-between; margin-bottom: 5px;}
.info-area .table-title .left-title { font-size: 1.5rem; font-weight: 400;}

.info-area .table-title .right-title { font-size: 1.5rem; font-weight: 400; color: #00a8dddd;  text-decoration: underline;}


/*api 테이블 비활성화*/
.vertic-table table tr .disabled { opacity: 0.6; pointer-events: none;}



/************************************** scroll bar custom **************************************/

.added-label.scrool { overflow-y: scroll; height: 200px;}

.added-label.scrool::-webkit-scrollbar {
  width: 4px; display: block;
}


.added-label.scrool::-webkit-scrollbar-thumb {
  height: 10%; 
  background: #cecece;
  
  border-radius: 10px;
}