/**OCR 팝업 스타일 적용 start 2025-01-21 최상재*/
.ocrPopCont .body-content .title {
    font-size: 18px;
    font-weight: 600;
}

.ocrPopCont .popup_passport .popOcrPanel {
    background-color: #eee;
    margin-top: 10px;
    border-radius: 5px;
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.indent19{
    text-indent: -19px;
}
/**OCR 팝업 스타일 적용 end */

.height71P{
	height: 71% !important;	
}

.height100p{
	height: 100% !important;
}
.boxSizing{
	box-sizing: border-box;
}
.h450{
	height: 450px;
}

.borderBcolorGray{
	border-bottom: 1px solid #ddd;
}
#realgrid {
	width: 100%;
	height: 100%;
}

#realgrid2 {
	width: 100%;
	height: 100%;
}

.rg-fixed-column-bar{
    background: #7995e6 !important;
}

.rg-bg-gray{
background: #eee !important;
text-indent: -9999px;
}
.rg-bg-pink{
background: #ff000057 !important;
}

.rg-bg-white{
background: #fff !important;
}

.pd5{padding:5px !important}

.select-ico{
	background: #fff url(../img/icoSelect_L.png) no-repeat top 20px right 20px;
}
.select-search-ico{
	background: #EFF7FF url(../img/icoSearch.png) no-repeat top 16px left 8px !important;
	background-size: 15px 15px !important;
}

.select-wrapper{
	position: relative;
	display: inline-block;
}
.dpn{display:none;}
.cno-content{
	position: absolute;
	top: 50px;
	left: 0px;
	margin-top: 5px;
	width: 100%;
	z-index: 999;
}

.cno-options{
	position: absolute;
	top: 103px;
	left: 0px;
    height: auto;
    max-height: 240px;
	background-color: #fff;
	border: 1px solid #ccc;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 100;
	width:99.7%;
	
}

.as-options .as-options-value{
	width: 260px ;
	padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    z-index: 101;
	
}

.cno-options .cno-options-value{
	width: 600px;
	padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    z-index: 101;
	
}


.cno-options .cno-options-value:hover{
	cursor: pointer;
	background-color: #eee;
}

@media screen and (max-width: 1024px){
	.select-wrapper{
		width: 100% !important;
	}
	.cno-content{
		width: 99.3% !important;
	}
		
	.cno-options{
		width: 98.3% !important;
	}
	.cno-options-value{
		width: 93% !important;
	}
}

.select-active{
	color:#0066CB;
	background:#EFF7FF;
}

.rg-head{
    background: #f9f9f9 !important;
}

.rg-head .rg-table tr td{
border-right: none !important;
    border-bottom: none !important;
    font-size: 12px;
}
.rg-rowbarcontainer .rg-table tr td{
border-right: none !important;
    border-bottom: 1px solid #efefef !important;
}

.rg-header{
    background: #f9f9f9 !important;
}
.rg-header .rg-table tr td{
    border-right: none !important;
    border-bottom: none !important;
font-size: 14px;
font-weight: 500;
color: #000;
}

.rg-body .rg-table tr td, .rg-fixed-body .rg-table tr td{
    background-color: #fff ;
    border-right: none !important;
    border-bottom: 1px solid #efefef !important;
font-size: 14px;
}

.table-row {
	cursor: pointer;
}
.pcHidden{
	display: none;
}

.mbHidden{
	display: initial;
}
@media print {
	html, body {
		height:100vh;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden;
	}
	
 	.print-page {
		page-break-after: avoid !important;
		margin:0;
		padding:0;
	}
	#result {
		top:0;
		left:0;
		right:0;
		position:absolute;
	}
	header, footer, .no-print {
		display: none;
	} 
	
}

/* 20241028 추가 */
.btnmember50:disabled,
.btnmember50:disabled:hover,
.btnmember50:disabled:focus,
{
    color:#888;
    background:#ececec;
    cursor:default; 
}

.btnmember50{
    padding: 10px 30px 10px 20px;
    color: #008D3F !important;
    border: 1px solid #008D3F;
    font-weight: 600;
    background: url(../img/icon_excel.png) no-repeat right 10px top 12px;
}
.btnmember50:hover,
.btnmember50:focus{
    color:#008D3F;
    border:1px solid #008D3F;   
    background: url('../img/icon_excel.png') no-repeat right 10px top 5px;
}
/** 버튼 커스텀 */
.btnmember50{
    display:inline-block;
	height:28px;
	border-radius:3px;
	color:#fff;
	font-size:14px;
	font-weight:600;
	text-align:center;
	    line-height:22px;/*50*/
}


/** 자료 제출 화면 css start**/
.etaStepList4.app2 {
	overflow:hidden;
	width:100%;
    flex-wrap: wrap;
}
.etaStepList4.app2 li{
	display:table;
	flex:none;
	table-layout:fixed;
	width:50%;
	height:auto;
	padding: 0 20px 20px 20px;
    margin: 5px;
	border:1px solid #ddd;
	box-sizing:border-box;
}

.etaStepList4.app2 li *{/* 	overflow:hidden; */}
.etaStepList4.app li span{
	display:table-cell;
    vertical-align:middle;
    width:100%;
}
.etaStepList4.app2 li b{
	margin-top:10px;
	padding-left:17px;
	color:#555;
	font-size:14px;
	font-weight:500;
	line-height:16px;
	text-indent:-16px;
}

.etaStepList4 .line-wrap{
	height:30px;
    border-bottom: 0px solid #0066CB;
	color:#1D1D1D;
	font-weight:600;
    padding-top:20px;
}

.etaStepList4 .line-wrap:before{
    content: '';
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 3px;
    width: 5px;
    height: 5px;
    background: #000;
}
.filebox{
    display: inline-flex;
    margin-top: 10px;
    width: 100%;
}
.filebox .upload-name{
	display: inline-block;
	height: 40px;
	vertical-align: middle;
	border: 1px solid #ddd;
	width: 100%;
	color: #000;
    height: 40px;
    min-height: 40px;
}

.filebox label{
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	vertical-align: middle;
	background-color: #2c6eb3;
	cursor: pointer;
	margin-left: 14px;
}

.filebox input[type="file"]{
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}

.filelist{
   	display: inline-flex;
    width: 100%;
    font-size: 14px;
/*     border-bottom: 1px solid #ddd; */
}

.filelist .list-item{
	width: 90%;
    padding: 10px 10px;
    margin-right:10px;
    border-bottom: 1px solid #ddd;
}


.filelistbox{
	position:relative;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	border-top: 1px dotted #aaa;
    margin-top: 20px;
}
.filelistbox:after{
	content:'';
	display:block;
	clear:both;
}
/** 자료 제출 화면 css end**/

.remove-keep-all{
	word-break: initial;
}

/** 단체 일괄 신청 안내팝업 **/
.groupInfoPop{
	width: 800px ; 
	height: auto; 
	max-width: 800px !important; 
	max-height: 600px !important;
}

/** 텍스트  **/
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}

.indent15{ text-indent: -15px; }
.indent16{ text-indent: -16px; }
.indent17{ text-indent: -17px; }
.indent18{ text-indent: -18px; }
.indent19{ text-indent: -19px; }
.indent20{ text-indent: -20px; }


@media (max-width: 640px){
	
	.indent18{ text-indent: -14px; }
		
	.pcHidden{
		display: initial;
	}
	
	.mbHidden{
		display: none;
	}
	
	.mbFont16{
		font-size: 16px;
	}
	
	.ocrPopCont .body-content .title {
	    font-size: 14px;
	    height: 20px;
	    padding-top: 10px;
	}
	
	.ocr-body-content{
	    padding: 20px !important;
	}
	.ocrPopCont .popup_passport .popOcrPanel{
		font-size: 14px;
	    text-indent: -10px;
	}
}

.vali-cell-style-01{
	border : 3px solid #EB003B !important;
}

.loading {
	position: relative;
	z-index: 9999;
	width: 266px;
	height: 380px;
	background: url(../img/loading2.gif) no-repeat right 80px center;
	background-size: 100px auto;
}
.loading2 {
	position: relative;
	z-index: 9999;
	width: 266px;
	height: 380px;
	background: url(../img/loading2.gif) no-repeat right 80px center;
	background-size: 100px auto;
}

.btnToolTip {
    overflow: visible;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 0 2px 6px;
    text-indent: -9999px;
    background: url(../img/icoTt.png) no-repeat center;
    background-size: contain;
}

.toolTipMsgBox {
position: absolute;
    max-width: 720px;
    padding: 30px 45px 30px 30px;
    border-radius: 3px;
    background: #ffffff;
    border: 1px solid;
    box-sizing: border-box;
    color: rgb(0 0 0);
    text-align: left;
    font-size: 13px;
    z-index: 1;
}


@media screen and (max-width: 1024px){
	.btnToolTip {
	    margin : 5px 0px 2px 6px !important;
	}
	
	.etaStepList4.app2 li {
		width: 98%;
	}
}

.rg-bg-vali-false{
background: rgb(235, 0, 59, 0.5) !important;
}