/* /* ******************************************************************************* */
/* 팝업 공통 스타일 */
/* /* ******************************************************************************* */

.popup { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9999; } 
.popup.closeed{display: none;}
.popup .box { background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 5px;border: 1px solid #EEE;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);z-index: 2; } 
.popup .box .content { width: 100%; height: 100%; background-color: white; text-align: left; padding: 10px; } 
.popup .pop-head { justify-content: space-between; } 
.popup .pop-head h4 { font-size: 2.3rem; line-height: 37.5px; font-weight: 700; } 
.popup .pop-btm button { text-align: center; } 
.popup .pop-btm .close-btn { background-color: #D8D8D8; border: 1px solid #D8D8D8; color: #717171; } 
.popup .bg { position: absolute; width: 100%; height: 100vh; top: 0px; left: 0px; background: rgb(0,0,0, .4); z-index: 1; } 
.popup .txtarea{height: 227px;}

@media (max-width: 640px){
  .popup .pop-head h4{font-size: 2rem;line-height: 28px;}
}
@media (max-width: 360px){
  .popup .close-btn .icon{width: 2.2rem;}
}

.popup .grid-top{align-items: flex-end; justify-content: space-between;padding-bottom: 1rem;}
.popup .grid-top .tb-tit{font-size: var(--fontSize-20);font-weight: 700;line-height: normal;letter-spacing: 1px;color: #1D1D1D;}

.pc-scroll{overflow-y: auto;overflow-x: hidden; height: 60rem;padding-right: 1rem;}
.mo-scroll::-webkit-scrollbar { width: .5rem; background: transparent; }
.mo-scroll::-webkit-scrollbar-thumb { height: 10%; background: #444; }
.mo-scroll::-webkit-scrollbar-track {background: #eee; border-left: 1px solid #eee; }

@media (max-width: 640px){
  .mo-scroll{overflow-y: auto;overflow-x: hidden; height: 40rem;}
}

.popup .tb-wr{padding-bottom: 0;}
.popup .adm-tb tr th{padding: 2rem;}
.popup .adm-tb tr th, 
.popup .admInput-tit{font-size: var(--fontSize-16);}

.popup .grid-wr{margin-top: 3rem;}
.popup .grid-wr .grid-top .i-txt{font-size: var(--fontSize-14);}
.popup .k-grid .k-grid-header .k-table-th{font-size: var(--fontSize-15);height: 3rem;}
.popup .k-grid td, .popup .k-grid .k-table-td{font-size: var(--fontSize-15);height: 2.3rem;}
.popup .k-pager{margin-top: 2rem;}

@media (max-width: 640px){
  .popup .adm-tb tr th, .popup .adm-tb tr td{padding: 1rem}
}


/* ******************************* */
.detail-cmn .box{height: auto;}
.detail-cmn .pop-head {padding: 2.8rem 2.8rem 0 } 
.detail-cmn .pop-head .tit .icon{margin-right: 1.2rem;}
.detail-cmn .pop-body { padding: 2rem 2.8rem; } 
.detail-cmn .pop-head h4 {color: #171717; } 

@media (max-width: 1400px){
  .detail-cmn .pop-head{padding: 1.2rem 3rem;}
  .detail-cmn .pop-body{padding: 3rem;}
}
@media (max-width: 640px){
  .detail-cmn .pop-head{padding: 1rem 2rem;}
  .detail-cmn .pop-body{padding: 2rem}
}

.detail-type1 .box { width: 112rem;} 
.detail-type1 .sch-select,
.detail-type1 .pop-input{height: 5rem;}

.detail-type2 .box{width: 62rem;}
.popup.detail-type2 .txtarea{height: 135px;}

@media (max-width: 1400px){
  .detail-type1 .box{width: 90%;}
  .detail-type1 .sch-select, .detail-type1 .pop-input{height: 4rem;}
}


.detail-type2 .box{width: 62.6rem;}
.detail-type2 .sch-select {width: 100% !important;}

@media (max-width: 768px){
  .detail-type2 .box{width: 85%;}
}

/*  */
.popup .tab-contBx{display: flex;align-items: flex-start;justify-content: space-between;}
.popup .k-treeview{color: #fff;}
.popup .treeview_wr, .popup .tb-w{min-height: 49.6rem;}
.popup .treeview_wr{width: 45%; background-color: var(--color-point02);padding: 3rem;margin-right: 2rem;border-radius: 0 .8rem .8rem .8rem;}
.popup .view_list > li:not(:last-child){padding-bottom: 2rem;}
.popup .tb-wr{width: 55%;}
.popup .tab-wrap button {width: 17.8rem;}
.popup.authority-popup .txtarea{height: 266px;}


/*  */
.popup.user-pop .box{width: 73.9rem;}
.popup.user-pop .pop-sch-wr{background-color: #F8FAFC;border-radius: 1.2rem;padding: 2.8rem 4rem;margin-bottom: 2rem;}
.popup.user-pop .sch-bx{width: 100%;display: grid;grid-template-columns: auto 9rem;grid-gap: 1rem;}
.popup.user-pop .sch-bx label{margin-right: 1.2rem;font-size: var(--fontSize-17);font-weight: 700;color: #1D1D1D;line-height: 25.5px;}

.popup .sch-resultBx{min-height: 223px;max-height: 223px; background-color: #fff;border: 1px solid #CDCDCD;border-radius: 1.2rem;padding: 1.5rem;overflow-y: auto;}
.popup .sch-result-list > li{font-size: var(--fontSize-16);color: #697586;line-height: 28px;cursor: pointer;}
.popup .sch-result-list > li.active{color: var(--color-point);}

.popup .k-input-solid{height: 5rem !important;}
.popup .cmn-txtarea{min-height: 15rem;}



/* 사용자 테이블 */
.popup .sch-select{width: 100% !important;}
.popup .user-tb tr{border-bottom: 1px solid #CDCDCD;}
.popup .user-tb tr th{background-color: #EEF2F6;}
.popup .user-tb tr th, .popup .user-tb tr td{padding: 1rem 1.5rem;}
.popup .user-tb tbody tr:nth-child(1) th{border-radius: 1.2rem 0 0 0;}
.popup .user-tb tbody tr:last-child th{border-radius: 0 0 0 1.2rem;}
.popup .user-tb tr:last-child{border-bottom: 0;}
.popup .user-tb tr th, .popup .user-tb label{color: #0F0F0F}
.user-pop .tb-wr{width: 100%; border: 1px solid #CDCDCD;border-radius: 1.2rem;}
.user-pop .grid-top .tb-tit{font-weight: 600;}
.user-pop .user-titBx{background-color: #EDF1F5;padding: 1.2rem 2.8rem;}

.user-pop .user-btn-wr{padding-top: 2rem;justify-content: center;}
.user-pop .user-btn-wr button{width: 10rem;}
.user-pop .user-btn-wr button:not(:last-child){margin-right: 1rem;}

/* 250310 */
@media (max-width: 960px){
  .popup .txtarea{height: 150px;}
  .popup .close-btn img{width: 2.8rem;}
}

.popup .grid-top{align-items: flex-end; justify-content: space-between;padding-bottom: 1rem;}
.popup .grid-top .tb-tit{font-size: var(--fontSize-20);font-weight: 700;line-height: normal;letter-spacing: 1px;color: #1D1D1D;}

.pc-scroll{overflow-y: auto;overflow-x: hidden; height: 60rem;padding-right: 1rem;}
.mo-scroll::-webkit-scrollbar { width: .5rem; background: transparent; }
.mo-scroll::-webkit-scrollbar-thumb { height: 10%; background: #444; }
.mo-scroll::-webkit-scrollbar-track {background: #eee; border-left: 1px solid #eee; }

/* 250310 */
@media (max-width: 960px){
  .mo-scroll{overflow-y: auto;overflow-x: hidden; max-height: 40rem;}
}
@media (max-width: 1400px){
  .detail-cmn .pop-head{padding: 1.2rem 3rem;}
  .detail-cmn .pop-body{padding: 3rem;}
  .detail-cmn .pop-head .tit .icon{width: 2rem;}
}
@media (max-width: 960px){
  .detail-cmn .pop-head{padding: 1rem 2rem;}
  .detail-cmn .pop-body{padding: 2rem}
}
/* 250311 */
@media (max-width: 1400px){
  .detail-type1 .box, .detail-type2 .box{width: 85%;}
  .detail-type1 .sch-select, .detail-type1 .pop-input{height: 4rem;}
}
/* 250310 */
@media (max-width: 768px){
  .popup .tab-wrap button{width: 9.5rem;height: 4.8rem; font-size: 1.6rem;}
  .popup .treeview_wr{padding: 2rem;}
  .popup .tab-container .adm-tb tr{grid-template-columns: 9rem 1fr;}
}
@media (max-width: 960px){
  .popup.user-pop .box{width: 85%;}
  .popup.user-pop .pop-sch-wr{padding: 2rem}
}
/* 250328 */
.popup.chkPop .box{width: 46rem;}
.popup .msg-txt, .popup .chk-dayBx label{color: #1D1D1D;}
.popup .msg-txt, .popup .hyperlink{font-size: var(--fontSize-16);}
.popup .msg-txt{font-weight: 500;line-height: 23px;}
.popup .hyperlink{text-decoration: underline;text-underline-offset : 2.5px;color: var(--color-point);}
.popup .chk-dayBx{margin-top: 3rem;}
.popup .chk-dayBx input[type="checkbox"]{margin-right: .8rem;}
.popup .chk-dayBx label{font-size: var(--fontSize-15);}