/* *************************************************** */
/* 켄도 커스텀 스타일 */
/* *************************************************** */

/* grid */
.k-grid { border: 0 !important; } 
.k-grid .k-grid-header .k-table-th, .k-grid td, .k-grid .k-table-td { border-color: #e9e9e9 !important; text-align: center !important; } 
.k-grid .k-grid-header .k-table-th { font-size: var(--fontSize-17); height: 4.5rem; line-height: 25px; font-weight: 500; color: var(--color-adm-th01); background-color: #EDF1F5; border-color: #E9E9E9 !important; } 
.k-grid td, .k-grid .k-table-td { font-size: var(--fontSize-16);height: 3.3rem; font-weight: 400; border-bottom: 1px solid #e9e9e9;padding: 1.4rem;color: #262626;} 
.k-grid-md .k-table-th>.k-cell-inner>.k-link { justify-content: center; line-height: 25px; } 
.k-grid-header .k-sort-icon { color: var(--color-hr-point) !important; } 
.k-grid-md .k-table-th>.k-cell-inner { margin-block: 0 !important; margin-inline: 0 !important } 
.k-grid .k-cell-inner { height: 100%; } 
.k-grid .k-table-row.k-table-alt-row{background-color: #fff;}

.k-pager { background-color: transparent !important; margin-top: 3.6rem; } 
.k-grid-pager { justify-content: center; border: 0 !important; } 
.k-grid-pager .k-button-md { font-size: 1.7rem; font-weight: 400; width: 3.5rem;height: 3.5rem;} 
.k-pager-info { display: none !important; } 
.k-pager-numbers{padding: 0 1.2rem}
.k-pager-numbers .k-selected { background-color: #0F68EE !important; border-color: #0F68EE !important;color: #fff;} 
.k-pager-numbers .k-selected .k-button-text{color: #fff;}
.k-button-flat-primary {background-color: #fff;  border-radius: .5rem; border-color: #CDCDCD !important;} 
.k-button-flat-primary:not(:last-child){margin-right: 1rem;}
.k-button-text {font-size: var(--fontSize-14); color: #697586; } 
.k-grid .k-table-tbody>.k-table-row:not(.k-detail-row):hover, .k-grid .k-table-tbody>.k-table-row:not(.k-detail-row).k-hover{background-color: #E9ECEF;}


.k-pager-md .k-pager-sizes{font-size: var(--fontSize-16);}
.k-pager-md .k-pager-sizes .k-dropdownlist{width: 7rem !important;height: 3.5rem !important;}
.k-pager-md .k-pager-sizes .k-dropdownlist .k-input-button{transform: rotate(90deg);width: 2rem;height: 3rem;}
.k-pager-numbers-wrap button.k-icon-button:nth-child(2){transform: rotate(180deg);}
.k-button-md.k-icon-button .k-button-icon.k-svg-icon>svg{opacity: 0;}
.k-button-md.k-icon-button .k-button-icon{background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important; width: 1.8rem;height: 1.8rem;}
.k-pager-last.k-button-md.k-icon-button .k-button-icon{background: url(../images/icon/ico_pager_last.svg);}
.k-button-md.k-icon-button .k-button-icon{background: url(../images/icon/ico_pager_next.svg);}
.k-pager-first.k-button-md.k-icon-button .k-button-icon{background: url(../images/icon/ico_pager_last.svg);transform: rotate(180deg);}

.page-select-bx{margin-left: .5rem;}
.page-select-bx span.txt{font-size: var(--fontSize-16);margin-left: 1rem;color: #3d3d3d;}
.page-select-bx  .pager-select.sch-select{width: 7rem !important; height: 3.5rem !important;padding: 0 1rem !important;}
.page-select-bx .k-picker-md .k-input-inner, .page-select-bx .page-select-bx{padding-block: 0;padding-inline: 0;}

.k-calendar-container .k-calendar-nav-prev{transform: rotate(180deg) !important;}



/* grid - 행 삭제, 추가 버튼 */
/* .grid-rowBtn-wr{display: flex;flex-direction: column;align-items: center;justify-content: center;} */
.grid-rowBtn-wr .k-button:not(:last-child){margin-bottom: .4rem;}
.k-button{width: 100%; background-color: #fff;font-size: var(--fontSize-16); border-radius: .4rem;border-width: 1px;padding: .6rem 1rem;font-weight: 400;line-height: normal;transition: .1s;}
.k-primary{border-color: var(--bule-color);color: var(--bule-color);}
.k-primary:hover{background-color: var(--bule-color);color: #fff;}
.k-danger{border-color: var(--red-color);color: var(--red-color);}
.k-danger:hover{background-color: var(--red-color);color: #fff;}

.k-manage-wr{width: 9rem;}
.k-detail-button {width: 100%; background-color: #00297F; padding: .45rem 1rem; border: 1px solid #00297F;color: #fff; text-align: center;} 
.k-detail-button:hover{background-color: #fff;color: #00297F;}
.k-detail-button.progress{background-color: #AF52DE;border-color: #AF52DE;}
.k-detail-button.approval{background-color: #30B0C7;border-color: #30B0C7;}
.k-detail-button.return{background-color: #E71825;border-color: #E71825;}
.k-detail-button.standby{background-color: #FF9500;border-color: #FF9500;}
.k-detail-button.progress:hover,
.k-detail-button.approval:hover,
.k-detail-button.return:hover,
.k-detail-button.standby:hover{background-color: #fff;}
.k-detail-button.progress:hover{color: #AF52DE;}
.k-detail-button.approval:hover{color: #30B0C7;}
.k-detail-button.return:hover{color: #E71825;}
.k-detail-button.standby:hover{color: #FF9500;}
.k-fix{padding: .45rem 1rem;background-color: var(--color-point);font-size: 1.5rem;color: #fff;font-weight: 600;border-radius: .6rem;}
.k-fileBtn{background: url(../images/icon/ico_file.svg) no-repeat center / contain;width: 2rem;height: 2rem;}
.k-txt{font-weight: 400;}
.k-txt.k-txtStyle1{color: #246BEB;}
.k-txt.k-txtStyle2{color: #D41421;}
.k-txt.k-txtStyle3{color: #28B77B;}
.k-txt.k-txtStyle4{color: #7F93AF;}
.k-txt.k-txtStyle5{color: #182854;font-weight: 600;}
.k-txt.k-txtStyle6{color: #262626;}
.k-txt.k-txtStyle7{color: #F99450;}
/* 빨간색 필수 표시 스타일 */
.required-text {color: #EC2B12;letter-spacing: -0.51px;text-transform: uppercase;font-weight: 600;}
.editable-input {width: 100%;height: 3rem;font-size: var(--fontSize-17); background-color: #F9F9F9;border: 1px solid #CDCDCD;padding: .4rem 1.5rem;}


.grid-userBtn-wr{display: flex;align-items: center;}
.grid-userBtn-wr button:not(:last-child){margin-right: .8rem;}
.grid-userBtn-wr button{padding: .6rem 1rem;border-radius: .6rem; font-size: var(--fontSize-15);color: #fff;}
.grid-userBtn-wr .dt-btn1{background-color: #697586;}
.grid-userBtn-wr .dt-btn2{background-color: #00A962;}
.grid-userBtn-wr .dt-btn3{background-color: #FD7316;}

.grid-btn-bx{position: absolute; left: 0; bottom: 0; z-index: 10;display: flex;align-items: center;}
.grid-btn-bx button:not(:last-child){margin-right: 1rem;}
.grid-num{width: 7rem;}
.grid-num2{width: 9rem;}
.grid-date{width: 13rem;}
.grid-date2{width: 18rem;}
.grid-user{width: 12rem;}
.grid-chk{width: 4rem;}
.grid-url{width: 26rem;}
.grid-itemName{width: 16rem;}
.grid-codeName{width: 25rem;}
.grid-rowDel{width: 6rem;}
.grid-views{width: 4rem;}
.grid-attachment{width: 4rem;}
.k-grid td, .k-grid .k-table-td.grid-dataTitle{text-align: left !important;padding-left: 1.2rem;}
.grid-date{width: 11rem;}
.grid-name{width: 8rem;}
.k-grid .k-table-td.text-left{text-align: left !important;}


.grid-titSize{text-align: left !important;}
.grid-titSize .title{display: block;text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 80%;}
.grid-titSize .title2{width: 57rem;}
.grid-titSize .title3{width: 90rem}
.grid-titSize .title4{width: 40rem}
.grid-titSize .title5{width: 24rem;}
.grid-titSize .title6{width: 70rem;}
.grid-center{display: flex;align-items: center;justify-content: center;}
.grid-center, .grid-center .title{text-align: center !important;}


select.k-picker-md { font-size: 1.4rem; } 
.k-license-button { width: 5rem; height: 3rem; background: url(../images/icon/ico_license2.svg) no-repeat center / contain; background-size: 2.2rem; } 

.k-grid .k-grid-header .k-table-th:first-child{display: flex;align-items: center;justify-content: center;}
.grid-style1.k-grid .k-table{border-top: 2px solid var(--color-point02);}
.grid-style1.k-grid .k-grid-header .k-table-th{background-color: #EDF1F5;}
.grid-style2.k-grid .k-table{border-top: 2px solid var(--color-point02);}
.grid-style2.k-grid .k-grid-header .k-table-th{background-color: #FAFAFA;}
.grid-style3.k-grid .k-grid-header .k-table-th:first-child{border-radius: 1.2rem 0 0 0;}
.grid-style3.k-grid .k-grid-header .k-table-th:last-child{border-radius: 0 1.2rem 0 0;}
.grid-style3.k-grid .k-grid-header .k-table-th{color: #697586;}
.grid-style3.k-grid td, .grid-style3.k-grid .k-table-td{color: #0F0F0F;}
.grid-style3.k-grid .k-grid-header .k-table-th{border-color: #D3DAE3 !important;}
.grid-style3.k-grid td, .grid-style3.k-grid .k-table-td{border-color: #CDCDCD !important;}


/* 답변완료, 답변대기 */
.answer-wr{}
.answer-wr .answerBx{padding: .4rem 1.2rem;border-radius: .6rem;margin-right: .8rem;font-size: var(--fontSize-15);font-weight: 400;line-height: 21px;}
.answer-wr .answerBx.completed1{background-color: var(--color-point02);color: #fff;}
.answer-wr .answerBx.completed2{background-color: #246BEB;color: #fff;}
.answer-wr .answerBx.waited{background-color: #D9DCE2;color: #697586;}
.answer-wr .icon{margin-right: .8rem;}
.answer-wr .title{line-height: 21px;}

/* 정렬 기능 사용하는 그리드 */
.sortable-grid .k-grid-header th .k-column-title::after {
   position: absolute;
   content: ""; 
   background-image: url(../images/icon/ico_grid_sort.svg);
   background-position: no-repeat;
   background-position: center;
   background-size: contain;
   margin-left: .4rem; 
   width: 1.6rem;
   height: 1.6rem;
   top: 50%;
   transform: translateY(-50%);
   display: inline-block;
   transition: transform 0.3s ease-in-out;
}
.sortable-grid .k-grid-header th .k-sort-icon {display: none !important;}
.sortable-grid .k-grid-header th.sorted-asc .k-column-title::after {transform: translateY(-50%) rotate(180deg);background-image: url(../images/icon/ico_grid_sort_active.svg);}
.sortable-grid .k-grid-header th.sorted-desc .k-column-title::after {transform: translateY(-50%) rotate(0deg);}
.sortable-grid .k-grid-header th.sort-none .k-column-title::after{display: none;}

/* 그리드 데이터 없을시 */
.noData-bx, .k-grid-norecords{display: flex;align-items: center; text-align: center;justify-content: center;padding: 3rem 0;}
.k-grid-norecords, .noData-bx p{font-size: var(--fontSize-17);color: #000;;}



@media (max-width: 768px){
 .k-grid { min-width: var(--k-grid-mo-width); } 
 .k-grid .k-grid-header .k-table-th,
 .k-grid td, .k-grid .k-table-td { font-size: 1.4rem; line-height: 18px; } 
 .k-grid td, .k-grid .k-table-td { height: 3rem; } 
 .k-detail-button { font-size: 1.3rem; } 
 
 .k-grid-md .k-table-th>.k-cell-inner>.k-link { padding-block:0 !important; padding-inline:0 !important } 
 .grid-num{width: 2.5rem;}
 .grid-chk{width: 2.3rem;}
 .grid-itemName{width: 12rem;}
 .grid-codeName{width: 18rem;}
 .grid-rowDel{width: 3rem;}
 .grid-rowDel .icon{width: 2rem;}
}



/* grid-checkbox*/
.k-checkbox{border-color: #aaa;}
.k-checkbox,
.k-checkbox-md { width: 1.8rem !important; height: 1.8rem !important; border-radius: .3rem;} 
.k-checkbox-wrap {height: 2rem; align-self: center !important; } 
.k-checkbox:checked { border-color: var(--color-point); } 
.k-checkbox:checked:focus { box-shadow: none !important; } 
.k-checkbox:checked, .k-checkbox.k-checked { border-color: var(--color-point) !important; background-color: var(--color-point) !important;} 
.k-checkbox:checked::before{color: #fff !important;}
.k-table-tbody .k-table-row.k-selected>.k-table-td { background-color: #E9ECEF !important; } 

@media (max-width: 768px){
   .k-checkbox-md { width: 1.8rem !important; height: 1.8rem !important } 
   .k-checkbox-wrap {height: 1.6rem;}
}

/* dropdownlist */
.sch-select { width: 13rem !important; height:  4.5rem; background-color: #fff !important; } 
.k-picker{height: 4.5rem; background-color: #fff !important;border: 1px solid #BEBEBE;padding: 0 1rem !important;}
.k-rounded-md { border-radius: .4rem !important; } 
.k-picker-solid { border-color: #CFCFCF !important; } 
.k-input::placeholder{color: #999;}
.k-input-value-text { font-size: var(--fontSize-16); color: var(--color-txt07);} 
.k-input-inner { font-size: var(--fontSize-16);width: 80% !important;  color: var(--color-txt07);} 
.k-input-button { width: 20% !important; max-width: 5rem; } 
.k-list-item.k-selected { background-color: var(--color-point) !important; } 
.k-list-item { font-size: var(--fontSize-15); } 

/*  */
.titLine-select{width: 11.5rem !important; height: 2.5rem; border: 0;margin-left: 1.2rem;}
.titLine-select .k-input-value-text{font-size: var(--fontSize-16);color: var(--color-txt05);}
.sch-select .k-input-button{background: url(../images/cmn/k_pic_arrow.svg) no-repeat center / contain;background-size: 1.2rem;}
.sch-select .k-button-md.k-icon-button .k-button-icon{opacity: 0;}

.cmn-datePic .k-button-md.k-icon-button{background: url(../images/adm/ico_adm_calender.svg) no-repeat center / contain;background-size: 2.2rem;border: 0;}
.cmn-datePic .k-button-md.k-icon-button .k-button-icon{opacity: 0;}



/* calendar */
.k-calendar .k-button-text,
.k-calendar .k-calendar-th,
.k-calendar .k-link { font-size: 1.3rem; } 
.k-calendar .k-calendar-view .k-today { color: var(--color-point) !important; } 
.k-calendar .k-calendar-td.k-focus .k-link { background-color: var(--color-point) !important; color: #fff !important; } 

@media (max-width: 768px){
 .sch-select { width: 100% !important;} 
}

/* input */
.k-input{width: 100%;height: 5rem;border-radius: .4rem;border: 1px solid #BEBEBE;font-size: 1.6rem !important;color: #717171;padding: 0 1rem !important;}
.k-input-solid { width: 100% !important; height: 4.5rem; background-color: #fff; border: 1px solid #CFCFCF; border-radius: var(--radius-4); font-size: 1.4rem !important; padding-right: 0;} 

@media (max-width: 768px){
   .k-input{font-size: 1.4rem !important;}   
}
@media (max-width: 500px){
   .date-pic .k-input {padding-right: 0 !important;}
}





@media (max-width: 768px){
  .k-scheduler-header th{padding: .3rem !important;}
  .k-scheduler-monthview .k-scheduler-body .k-scheduler-cell{height: 80px !important;}
}

.grid-bx::-webkit-scrollbar-thumb { background: #444; } 
.grid-bx::-webkit-scrollbar-track { background: #eee; border-left: 1px solid #eee; width: 1.6rem;height: 1.6rem;} 

@media (max-width: 768px){
.grid-bx { overflow-x: auto; -webkit-overflow-scrolling: touch; } 
}


/* cicle progressbar */
.circular-bar{width: 8rem !important;height: 8rem !important;}
.circular-bar .k-arcgauge-label{ top: 50% !important;left: 50% !important;transform: translate(-50%,-50%);}
.circular-bar.k-gauge circle,
#adm-progressbar1.k-gauge path,
#adm-progressbar2.k-gauge path{stroke-width: 4px}
.circular-bar.k-gauge circle{stroke:#E9ECEF !important;}
#adm-progressbar1.k-gauge path{stroke: #5169F6 !important;}
#adm-progressbar2.k-gauge path{stroke: #F99450 !important;}


/* treeview */
.k-treeview{color: #BABABA;font-size: 1.5rem;}
.k-treeview-leaf.k-selected{background-color: transparent;color: #fff;}
.k-treeview-leaf .k-sprite{margin-right: 9px;}
.k-treeview-leaf.k-focus{box-shadow: none;}



.k-sprite.folder{background: url('../images/adm/ico_folder.svg') no-repeat center;}
.k-sprite.html{background: url('../images/adm/ico_html.svg') no-repeat center;}
.k-treeview-leaf.k-hover, .k-treeview-leaf:hover{background-color: transparent;color: #86BD18;}
.k-treeview .k-checkbox:checked, .k-treeview .k-checkbox.k-checked{border-color: #86BD18 !important;background-color: #86BD18 !important;}
.k-treeview input[type="checkbox"]{background-color: transparent;border-color: #BABABA;}
.folder-open {background: url('../images/adm/ico_folder.svg') no-repeat center !important;}
.folder-closed {background: url('../images/adm/ico_folder02.svg') no-repeat center !important;}


/* 250310 */
@media (max-width: 1440px){
    .grid-titSize .title2{width: 35rem;}
}
@media (max-width: 1200px){
    .grid-titSize .title2{width: 25rem;}
    .grid-titSize .title3{width: 42rem;}
    .grid-titSize .title6{width: 35rem;}

    .k-grid{overflow-x: auto;}
    .k-grid td, .k-grid .k-table-td{white-space: nowrap;}
    .grid-userBtn-wr button:not(:last-child){margin-right: .6rem;}
    .grid-btn-wr{bottom: 6rem;}
}
@media (max-width: 960px){
    .grid-num,
    .grid-num2,
    .grid-date,
    .grid-date2,
    .grid-user,
    .grid-chk,
    .grid-url,
    .grid-itemName,
    .grid-codeName,
    .grid-rowDel,
    .grid-views,
    .grid-attachment,
    .grid-date,
    .grid-name{width: auto;}

    .answer-wr .title{line-height: 18px;}
    .grid-titSize .title3{width: 32rem;}
    .grid-titSize .title6{width: 17rem;}

    .answer-wr .answerBx{font-size: 1.3rem;padding: .4rem .6rem}
    .answer-wr .icon{width: 1.8rem;margin-right: .6rem;}

    .k-grid .k-grid-header .k-table-th,
    .k-grid td, .k-grid .k-table-td {  white-space: nowrap;}
    .k-grid .k-grid-header .k-table-th{height: 3.5rem;font-size: 1.5rem; line-height: 22px;}
    .k-grid td, .k-grid .k-table-td { height: auto; font-size: 1.4rem; line-height: 21px; padding: 1rem 1.2rem}
    .k-detail-button { font-size: 1.3rem; }
    .k-grid-md .k-table-th>.k-cell-inner>.k-link { padding-block:0 !important; padding-inline:0 !important }
    .grid-userBtn-wr button{font-size: 1.4rem;}

    .grid-btn-wr{bottom: 6.5rem;}
    .grid-btn-wr .gray-txt{font-size: 1.4rem;}
}
@media (max-width: 860px){
    .btn-include .k-pager{margin-top: 9rem !important;}
    .grid-btn-wr{flex-direction: column;align-items: flex-start;bottom: 7rem;}
    .grid-btn-wr button{margin-left: auto;margin-top: 1rem;}

    .grid-titSize .title2{width: 12rem;}
}
/* 250311 */
@media (max-width: 960px){
    .k-chart text{font: 12px Pretendard, sans-serif !important}
}