@charset "UTF-8";
/* 차트부분 커스텀 */

.srch-area-cu{
	width: 520px;
	padding-right: 4px;
	padding-top: 8px
}

.srch-area-cuw420{
	width: 350px;
	padding-right: 13px;
	padding-top: -10px;
	margin-top: -10px
}

.srch-area-cuw600{
	width: 600px;
	padding-right: 4px;
	padding-top: 8px
}
.srch-area-cuw650{
	width: 650px;
	padding-right: 4px;
	padding-top: 8px
}
.srch-area-cuw700{
	width: 700px;
	padding-right: 4px;
	padding-top: 8px
}
.srch-area-cuw750{
	width: 750px;
	padding-right: 4px;
	padding-top: 8px
}
.srch-area-cuw800{
	width: 800px;
	padding-right: 4px;
	padding-top: 8px
}
.srch-area-cuw850{
	width: 850px;
	padding-right: 4px;
	padding-top: 8px
}
.srch-area-cuw900{
	width: 900PX;
	padding-right: 4px;
	padding-top: 8px
}
.srch-area-cuw950{
	width: 950PX;
	padding-right: 4px;
	padding-top: 8px
}
.srch-area-cuw1000{
	width: 1000PX;
	padding-right: 4px;
	padding-top: 8px
}
.srch-area-cuw1050{
	width: 1050PX;
	padding-right: 4px;
	padding-top: 8px
}

.text-end-cu {
     text-align: right!important; 
     width: 50px;
}
.ks-table-cell-cu {
     text-align: right!important; 
    width: 60px;
    padding : 4px 4px
    
}
.ks-table-cell.form-label1{width:36%; padding-right:4px; line-height:1; word-break:keep-all;}  

.custom-card-body {
  max-height: 380px; /* 원하는 최대 높이로 설정 */
  /* overflow: auto;  *//* 내용이 넘칠 경우 스크롤바 표시 */
}
.custom-card-body2 {
 height: calc(100% - 60px);
}

.custom-body-overflow {
	overflow:hidden;
}

.custom-card-body350 {
  max-height: 250px; /* 원하는 최대 높이로 설정 */
  /* overflow: auto;  *//* 내용이 넘칠 경우 스크롤바 표시 */
}

/* 구글 뷰  */
.marker_labels {
	    color: #25283a;
	    background-color: #ffffffb0;
	    font-size: 11px;
	    text-align: center;
	    width: 80px;
	    padding: 3px;
	    padding-left: 1px;
	    padding-right: 1px;
	    border-radius: 4px;
	    line-height: 11px;
	    font-weight: bold;
	    border: 1px solid #545454;
	}
	
 .marker_labels_green {
	color: #fff;
	background: linear-gradient(to right top, rgb(43 92 31 / 73%), rgb(35 181 66 / 68%));
	font-size: 11px;
	text-align: center;
	width: 90px;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	border-radius: 0px;
	line-height: 11px;
	border: 1px solid #c7b7a8;
	font-weight: 500;

}


.marker_labels_red{
	color: #fff;
	background: linear-gradient(to right top,  rgb(112 18 18),rgb(243 30 30));
	font-size: 11px;
	text-align: center;
	width: 90px;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	border-radius: 0px;
	line-height: 11px;
	border: 1px solid #c7b7a8;
	font-weight: 500;
   
   
}

.marker_labels_blue{
	color: #fff;
	background: linear-gradient(to right top,  rgb(63 126 183),rgb(116 192 219));
	font-size: 11px;
	text-align: center;
	width: 90px;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	border-radius: 0px;
	line-height: 11px;
	border: 1px solid #c7b7a8;
	font-weight: 500;
   
}


.marker_labels_gray{
	color: #fff;
	background: linear-gradient(to right top,rgb(99 104 106),rgb(161 163 163));
	font-size: 11px;
	text-align: center;
	width: 90px;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	border-radius: 0px;
	line-height: 11px;
	border: 1px solid #c7b7a8;
	font-weight: 500;
   
   
}	

.marker_labels_active{
	color: #fff;
    background-color: #116c0ba6;
    font-size: 70%;
    text-align: center;
    width: 80px;
    padding: 1px;
    padding-left: 1px;
    padding-right: 1px;
    border-radius: 2px;
    line-height: 11px;
    border : 3px solid #bcbcbc;
    
}


   .labelTest{
       background-color:white;

   }

   .turbine_name{

    background: rgb(0 0 0 / 40%);
    color: #ffb148;
    padding: 7px;
    border-radius: 4px;
    font-weight: bold;
    font-size:14px;

   }
    
    

	
	
.progress[value] { 
 	-webkit-appearance: none;
    appearance: none;
  	width: 250px;
  	height: 20px;
}
	
	
.view-title{
	font-weight: bold;
	color: #ffb14f;
	font-size:14px;
}
	

		

.inner {
	max-width: 1200px;
	margin: 0 auto;
}

.kopens_contents {
	flex: 1;
}

.kopens_wrap {
	display: flex;
	flex-direction: column;
	min-height: 90vh;
}

.mt-20{
	margin-top: -20px;
}
.mt-40{
	margin-top: -40px;
}
.mt-60{
	margin-top: -60px;
}
.mt-90{
	margin-top: -90px;
}
.mt-100{
	margin-top: -100px;
}
.ml10{
	margin-left: 10px;
}
.m20{
	margin-left: 20px;
}
.w20-c{
	width: 20%
}
.w21-c{
	width: 21%
}
.w17-c{
	width: 17%
}

.comment-write-group{
	margin-bottom: 7PX;
}
.wd-100{
	width: 100%
}


.finger-cursor {
  cursor: pointer; /* 손가락 모양의 커서 지정 */
}


	
.sts-color-SNH-1,
.sts-color-134-1,
.sts-color-140-1,
.sts-color-205-1,
.sts-color-check-100-1,
.sts-color-100-7,
.sts-color-91-7 {
    color: #56d35b!important;
}


/* -- <3 - 2> tui grid text : blue */

.sts-color-100-12,
.sts-color-100-11,
.sts-color-100-10,
.sts-color-100-9,
.sts-color-100-8,
.sts-color-100-6,
.sts-color-100-5,
.sts-color-100-4,
.sts-color-100-3,
.sts-color-100-0,
.sts-color-91-12,
.sts-color-91-11,
.sts-color-91-10,
.sts-color-91-9,
.sts-color-91-8,
.sts-color-91-6,
.sts-color-91-5,
.sts-color-91-4,
.sts-color-91-3,
.sts-color-91-0,
.sts-color-SNH-0,
.sts-color-SNH-2,
.sts-color-SNH-2-1,
.sts-color-SNH-2-2,
.sts-color-SNH-2-3,
.sts-color-SNH-2-4,
.sts-color-205-0,
.sts-color-205-2,
.sts-color-205-2-1,
.sts-color-205-2-2,
.sts-color-205-2-3,
.sts-color-205-2-4,
.sts-color-check-100-0,
.sts-color-check-100-2,
.sts-color-check-100-2-1,
.sts-color-check-100-2-2,
.sts-color-check-100-2-3,
.sts-color-check-100-2-4,
.sts-color-140-0,
.sts-color-140-2,
.sts-color-140-2-1,
.sts-color-140-2-2,
.sts-color-140-2-3,
.sts-color-140-2-4,
.sts-color-134-0,
.sts-color-134-2,
.sts-color-134-2-1,
.sts-color-134-2-2,
.sts-color-134-2-3,
.sts-color-134-2-4 {
    color: #9fe0ff!important;
}

/* -- <3 - 3> tui grid text : red */
	
.sts-color-SNH-3,
.sts-color-SNH-4,
.sts-color-SNH-5,
.sts-color-SNH-7,
.sts-color-205-3,
.sts-color-205-4,
.sts-color-205-5,
.sts-color-205-7,
.sts-color-check-100-3,
.sts-color-check-100-4,
.sts-color-check-100-5,
.sts-color-check-100-7,
.sts-color-134-3,
.sts-color-134-4,
.sts-color-134-5,
.sts-color-134-7,
.sts-color-140-3,
.sts-color-140-4,
.sts-color-140-5,
.sts-color-100-10000,
.sts-color-100-15,
.sts-color-100-14,
.sts-color-100-2,
.sts-color-100-1,
.sts-color-91-10000,
.sts-color-91-15,
.sts-color-91-14,
.sts-color-91-2,
.sts-color-91-1 {
    color: #c72b10!important;
}

	/* -- <3 - 4> tui grid text : orange */
	
.sts-color-SNH-6,
.sts-color-134-6,
.sts-color-140-6,
.sts-color-205-6,
.sts-color-check-100-6,
.sts-color-100-13,
.sts-color-91-13{
    color: #ed5f00 !important;
}

.pl15{ padding-left: 15px}
.pl10{ padding-left: 10px}
.pl5{ padding-left: 5px}


.arrow_type{
    width: 25px;
    height: 25px;
    padding: 3px;
    z-index: 1;
    /* margin-top: 3px; */
    border: 1px solid rgb(221, 221, 221);
    border-radius: 30px;
    transform: rotate(34deg);
    transform-origin: 50% 50%;
    position: absolute;
    top: 30px;
    left: 3px;
}

/* 터빈 작업메시지 박스 */		
.itg-map-alert-message{
    border-radius: 5px;
    text-align: center;
    width:max-content;
	height:max-content;;
    background: rgb(242 242 242 / 61%);
    font-size: 12px;
    font-weight: 600;
    padding: 0.5rem;
    color: #1f1f1f;
	position: absolute;
   	bottom: 100px;
   	z-index:500;
   	right:0px;
  	}	 
  	
/* 터빈 작업메시지 아이콘 */	
.itg-map-group-icon{
	position: absolute;
   	top:-55%;
   	right: 0px;
   	font-size: 30px;
   	color: #ffa506;
  	}
  	
.d-none {
    display: none!important
}

.simplebar-mask {
    direction: inherit;
    position: static;
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: auto!important;
    height: auto!important;
}