/*개발자용 CSS*/
/*확인 완료 후 SCSS로 변환*/


#wrap{height:100%;}
.recentMenu{position:relative;}
.recentMenu .list{
	position:fixed;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    overflow-x: none;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
	}
.recentMenu ul{padding:12px 10px;width:185px;border:0 none;}
.recentMenu ul li{gap:5px}
.recentMenu ul li button {
    width: 10px;
}
.recentMenu ul li a{font-size:12px;max-width: 130px;}
.container {padding: 40px 14px 75px 24px}
.pageLayout {width: calc(100% - 10px);}
.mainWrap .salesCond{flex:1 0 auto;width:calc( 100% / 3 * 2 - 5)}
.mainWrap .latest{flex:1 0 auto;width:calc( 100% / 3 - 5)}
.layer-popup .content .pop-body {
    max-height: calc(100vh - 200px);
	/* overflow-y:auto; */
}
.layer-popup .content .pop-body.has-overflow {
    overflow-y:auto;
}
.layer-popup .content.max .pop-body {
    max-height: calc(100vh - 170px);
}


.layer-popup .content.notice{padding-bottom:80px}
.layer-popup .content { transform: translate(-50%, -50%);}
/* .layer-popup .content {    transform: translate(-50%, -48%);} */

.gridBox .tui-grid-cell-has-input, .gridBox .tui-grid-cell-editable {
  padding: 0px 0px;
}

.layer-popup .modalView {
        background-color: #fff;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -45%);
        z-index: 10000; /* 팝업 위에 위치 */
      }
      
.layer-popup .content .pop-header .pop-button{
	display:flex;
	gap:10px;
}
      
 .layer-popup .content .pop-header .pop-button .max_min_btn {
 	margin-top: 0px;
    width: 18px;
    text-indent:-9999px;
    background: #fff url(/images/icon/icon_pop_max-9c6b19695e4e6fbf9d12d63fdc90bbd3.svg) no-repeat center center;
    background-size: 18px;
    border: 0px solid #fff;
}     

.layer-popup .content .pop-header .pop-button .max_min_btn.min{
	 width: 18px;
	 border: 0px solid #fff;
	 background-size: 18px;
	 margin-top: 0px;
}

.rViewer{
	padding:0;
	width: 185px;
	/* background:rgba(0,0,0,0.3) */
}   

button.comm.only-icon.scan {
  background: url("/images/icon/icon_scan-eb71b6d2c199ed078ee30de4e92ab94b.svg") no-repeat center center;
}

header.header-wrap-kd::before {
  background: #242390 url("/images/common/header_top_bg_01-81978c98dcf26b970de3a3e1560b1fcc.gif") no-repeat right top;
}

.layer-popup .content .pop-header .pop-setting {display:flex; gap:10px;}
.layer-popup .content .pop-header .pop-setting h6 {flex-shrink:0; margin-right:6px;}
.layer-popup .content .pop-header .pop-setting .comm {min-width:140px;}

.stb-select-container .stb-select {max-height: 324px}

.noti_text figure.image.image-style-center > img {width:100%}

.layer-popup .content.notice {height: 735px;}

.layer-popup .content.notice .pop-body.noti_body { max-height: 650px; } 
.layer-popup .content.notice .pop-body .noti_text { max-height: 535px; }

/*
@media (max-width: 1400px) {
	#wrap{width:100%;min-width:1000px}
	.drop-select{display:none}
	.resent-view{display:none}
	.leftMenu{display:none}
	header .menu .logo a img{width:100px}
	header .menu nav ul{gap:70px}
	header .menu nav{transform:translate(-10%,-50%)}
}
*/

/* 변상 업무협조전 */
.gridBox .cstm-grid.thead-top table tbody td.al_c .cell-content {justify-content: center;}
.gridBox .cstm-grid.thead-top table tbody td.al_r .cell-content {justify-content: right;}
.roundBoxWrap.reimbDetail .roundBox.reportView .gridBox .cstm-grid table th {height: 55px;}
.layer-popup .content .pop-body .round-box .alert-text {min-height: 80px; display:flex; align-items: center; justify-content: center;}
.layer-popup .content .round-box.reimbDetail .top_ctrl {width: 100%; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;}
.layer-popup .content .round-box.reimbDetail .top_ctrl.sum_ctrl {align-items: flex-end;}
.layer-popup .content .round-box.reimbDetail .top_ctrl .btns {display: flex; justify-content: flex-start; align-items: center; gap:10px;}
.pop-header.pdt35 {position: relative; padding-top:35px;}
.pop-header.pdt35 .close-icon-x {position: absolute; top:0; right:0;}
.elem-inline {display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.elem-inline .input_tit {white-space: nowrap;}
button.comm.bg_sky {background-color: #00b3e3; border-color: #00b3e3; color: #fff;}
button.comm.small {height: 32px; font-size: 13px;}
.layer-popup .pageLayout .roundBox.reportView {border-radius: 7px;}
.layer-popup .roundBoxWrap.reimbDetail .roundBox.reportView .report-info {width: 304px;}
.layer-popup .roundBoxWrap.reimbDetail .roundBox.reportView .gridBox .cstm-grid table th {height: 45px;}
.layer-popup .roundBoxWrap.reimbDetail .roundBox.reportView .gridBox .cstm-grid table td .cell-content {height: 36px;}
.layer-popup .roundBoxWrap.reimbDetail .roundBox.reportView .gridBox .cstm-grid table colgroup col:nth-child(2n+1) {width: 90px !important;}
.layer-popup .roundBoxWrap.reimbDetail .roundBox.reportView .rows .sumary {margin-bottom:0;}

/* 가로스크롤테이블 */
.wid100 {width:100%;}
.sclh {overflow-x:auto;}
.sclh table {min-width:100%; width:auto; table-layout:auto;}
.sclh table th,
.sclh table td {white-space:nowrap;}

/* 코멘트 */
.commentWrap .cmnt-body {max-height:170px; overflow-y:auto;}
.commentWrap .reply .write {gap:10px;}

/* 변상 품의서 */
.report-top {display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;}
.report-top::after {display:none;}
.report-top .left-box {float:none; margin-bottom:12px;}
.report-top .right-box {float:none;}
.report-top .report-info {width: 350px; margin-top: -5px;}
.report-top .report-info table td {text-align:left;}
.report-top .report-info table td .cell-content {text-align:right;}
.check-input-box .input-text .stb-custom-container {vertical-align:middle;}
.gridBox .cstm-grid table th.th_only {border-right-color:#f6f6f6; padding:4px 12px; height:45px;}
.cell-check-list .check-n-input {margin:3px 0;}
.check-n-input {display:flex; justify-content:flex-start; align-items:center; gap:12px;}
.check-n-input .input {width:375px;}
.gridBox .cstm-grid table th .tit_area {display:flex; align-items:center; justify-content:flex-start; gap:15px;}

/* 변상>통계>변상집계 */
.elem-box {display:flex; align-items: center; justify-content: space-between; width:100%; box-sizing:border-box; margin-top:3px;}
.elem-inline {display:flex; align-items: center; justify-content: flex-start;}
.elem-inline select.select {min-width:207px;}
.gridBox .cstm-grid.thead-top.minTb table thead th {padding:9px 12px;}
.gridBox .cstm-grid.minTb table td .cell-content {height:26px;}
.gridBox .cstm-grid.minTb table td button.comm {height: 26px; font-size: 13px;}
/* 변상>통계>변상집계>변상상세현황팝업 */
.layer-popup .content .pop-header h6 span.skyblue {color:#00B3E3}

/* 변상>전체 총건수 */
.pageLayout .roundBox .total_sum .top_ctrl {margin-bottom:0;}
.pageLayout .typeResult .total_sum.sums {flex-wrap:wrap; align-content:center; row-gap:5px; padding: 12px 10px 17px;}
.pageLayout .typeResult .total_sum.sums .top_ctrl {width:100%; margin-bottom:0;}
.pageLayout .roundBox .total_sum.sums .top_ctrl .tit-wrap {align-items:center; padding: 12px; border-radius:5px;}
.pageLayout .roundBox .total_sum.sums .top_ctrl .tit-wrap.bg-org {background:#FFEEDB;}
.pageLayout .roundBox .total_sum.sums .top_ctrl .tit-wrap.bg-org .value i {color:#F35500;}
.hr.vrt.space {width:0; margin:0 5px; border:none;}
.hr.vrt.sort {width:2px; height:16px; background:#242390; margin:0 13px;}
.bg-org .hr.vrt.sort {background:#FF2525;}