/* 2020-06-2 한태영*/



/* 
.k-button.k-primary.k-state-hover, .k-button.k-primary:hover {
    opacity: 0.9;
    border-color: #323d54;
    color: #fff;
    background-color: #323d54;
}
 */

.person-list .k-auto-scrollable{height:400px;overflow: hidden;overflow-y: scroll;}

.k-grid {
	font-size : 12px;
}

.k-button {
	font-size : 12px;
}

.k-i-filter:before{
    content: "\e13e" !important;
 }
 
.k-grid-filter.k-state-active {
    background-color: #60584C;
    color: white;
}


.k-grid th {
    text-align: center;
}
/* 
.secufy .k-grid-content tr:hover{background-color:#d2e3f9;}
.secufy .k-grid-content tr:hover td:first-child{font-weight:bold;}
 */
.secufy .k-grid-content tr.active{background-color:#d2e3f9;font-weight:bold;}
.secufy .k-grid-content tr.active td:first-child{font-weight:bold;}

/*
.k-grid {
	border : none;
}
 
.k-grid-toolbar {
    background-color: transparent; 
}


.k-grid table {
	border-left: 1px solid #dde2e7;
}
 */
 
.k-filter-help-text {
 	display:none;
}

/* 2020-06-8 한태영*/
.k-dropdown, .k-dropdowntree {
    font-size: 13px !important;
}


.k-window-titlebar{
	padding : 10px 16px;
}

.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap , .k-datepicker .k-picker-wrap, .k-datetimepicker .k-picker-wrap, .k-timepicker .k-picker-wrap {
	border-color: #d1d1d1;
}


.k-grid .k-button {
   min-width:70px;
}
.k-button:hover {
   /* background-color:#d92b71 */
}



/* 2020-10-6 이경훈*/
.k-floating-label-container {
	width: 100%;
}

.k-counter-container{
	text-align: right;
}

.k-radio.green:checked {
    border-color: green;
    color: #fff;
    background-color: green;
}


.k-radio.red:checked {
    border-color: red;
    color: #fff;
    background-color: red;
}

.k-grid .k-grid-content-locked, .k-grid .k-grid-content-locked td, .k-grid .k-grid-header-locked, .k-grid .k-grid-header-locked .k-header {
    border-color : #dee2e6;
}


/* scpr 원정인 */
/* 로그인 셀렉트 박스 */
.scpr_login{
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left:10px;
}
.scpr_login .k-dropdown, .k-dropdowntree {

}
.scpr_login {
	height: calc(1.23em + .75rem);
	border-radius: 4px;
}
.scpr_login .k-input{
    height: calc(1.0em + .75rem);
}
/* 
	scpr 원정인 
	다국어 로그인 버튼 
*/
.scpr_change_lang{
	position:relative;
	margin-top: 10px;
	text-align:center;
}
.scpr_change_lang .selectLangType{
	margin-right:1.5px;
	margin-left:1.5px;
}
.scpr_change_lang a{
	position:relative;
	right: auto;
    top: auto;
    background-color: white;
    color: #222;
    border-radius: .8rem;
    padding: 5px 12px;
}
.scpr_change_lang .selectLangType.currentLang{
	background-color: #e10013;
}
.info .scpr_langset{
	position: relative;
    display: inline-block;
}
.info .select-language {
    position: relative;
    font-family: "Poppins", sans-serif;
 }
.info .select-language .btn-select-language {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
	
}
.info .select-language:has(.visible) .btn-select-language::after {
    transform: rotateX(180deg);
}
.info .select-language .btn-select-language::after {
    width: 7px;
    height: 6px;
    background-image: url('data:image/svg+xml,<svg width="7" height="6" viewBox="0 0 7 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.46363 5.25L-0.000469768 0.75L6.92773 0.75L3.46363 5.25Z" fill="%23ffffff"/></svg>');
    background-size: 7px 6px;
    background-repeat: no-repeat;
    content: "";
}
.info .select-language .language-list {
    display: none;
    flex-direction: column;
    align-items: center;
    position: absolute;
    width: 69px;
    text-align: center;
    border-radius: 6px;
    background-color: white;
    padding: 11px 0;
    margin-top: 8px;
    z-index: 1;
    top: 14px;
    left: 0px;
}
.info .select-language .language-list a{
	width:100%;
	color: #222;
    padding: 0;
}
.info .select-language .language-list a:hover{
	background-color: #4747B3;	
}
.info .select-language .language-list .selected{
	color:#d92b71;
}
.info .select-language .language-list .selected a{
	color:#d92b71 !important;
}
.info .select-language .language-list a:hover, .info .select-language .language-list .selected a {
    color: #fff;
    font-weight: 500;
}
.info .select-language .language-list a:hover{
	color: rgb(255, 255, 255);
    font-weight: 500;
}

.info .select-language .language-list a{
	position:relative;
	right:auto;
	top:auto;
	color: #222;
}

/*
	scpr 원정인 
	데이터 피커 > 계약관리-계약정보-등록 인풋을 뚫고 나오는 문제를 수정. 
*/
.scpr_datepickerfix.k-input{
    height: 31px;
    border-color: transparent;
}
	
.scpr_datepickerfix .k-select{
    /* border-radius: 0 100px 100px 0px;  데이터피커 아이콘 쪽 이 삐져나와서 라운디드 코너를 맞춤 */
}


/*
	scpr 원정인 
	탭 > 보안점검 - 개선조치 
*/

.k-tabstrip .k-tabstrip-items-wrapper.k-hstack .k-tabstrip-items .k-link {
	padding: 10px 15px;
	cursor: pointer;
	display: inline-flex;
	vertical-align: middle;
	flex: 1 1 auto;
	flex-direction: row;
	align-content: center;
	align-items: center;
	font-weight: bold;
	position:relative;
}
.k-tabstrip .k-tabstrip-items-wrapper.k-hstack li.k-state-active.k-item.k-state-default .k-link{
	color:#e41134;
	padding:10px 35px;
}
.k-tabstrip .k-tabstrip-items-wrapper.k-hstack li.k-state-active .k-link:after{
	content:'';
	border:1px solid #d92b71;
	position:absolute;
	bottom:5px;
	left:10px;
	width:calc(100% - 20px);
	display:inline-block;	
}
.k-tabstrip .k-tabstrip-items-wrapper.k-hstack .k-tabstrip-item.k-item.k-state-default .k-link{
	color:#212529;
	padding:10px 35px;
}
.k-tabstrip .k-tabstrip-items-wrapper.k-hstack .k-item.k-state-active, .k-tabstrip-items-wrapper .k-item.k-state-selected{
	border-color: #dee2e6;
}
.k-tabstrip .k-tabstrip-items-wrapper.k-hstack .k-item span{
	font-size:14px;
}
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item+.k-item {
    margin-left: 0;
    border-color: #dee2e6;
}
.k-tabstrip .k-tabstrip-items-wrapper.k-hstack .k-disabled, .k-state-disabled, .k-widget[disabled] {
	opacity: .35;
	cursor: not-allowed;
}

.scpr_skpub_syncBtn{
	background-color:#d92b71 !important;
	border-color:#d92b71 !important;
}

/* 
	scpr 원정인 점검질의
	
	질의 블라블라블라 
	(예, 아니오)
	<div class="questional-item">
		<p class="ple_intro">다음 질문에 대해 서약합니다. 개인신용정보처리시스템 위탁 수락에 대하여 동의를 하십니까? </p>
		<div class="ple_in_answer">
			<div class="radioButtonStyle">
			    <label class="radioStyle">
			        <input type="radio" name="radio"/>
			        <span>예</span>
			    </label>
			    <label class="radioStyle">
			        <input type="radio" name="radio"/>
			        <span>아니오</span>
			    </label>
			</div>
		</div>
	</div>
	
	질의 블라블라블라
	(예)
	(아니오)
	
	...의 두 타입이 있음 
	<div class="questional-item vertical">
		<p class="ple_intro">아래 질문에 대해 서약합니다.  개인신용정보처리시스템 위탁 수락에 대하여 동의를 하십니까? 이는 버티컬 예문 입니다. 예 아니오 중 선택 할 수 있습니다.</p>
		<div class="ple_in_answer">
			<div class="radioButtonStyle">
			    <label class="radioStyle">
			        <input type="radio" name="radio"/>
			        <span>예</span>
			    </label>
			    <label class="radioStyle">
			        <input type="radio" name="radio"/>
			        <span>아니오</span>
			    </label>
			</div>
		</div>
	</div>
*/
.questional_wrap {  padding:0; display: flex; justify-content: center; width:100%; box-sizing: border-box; }
.questional_wrap_mgzero { margin:0px; }
.questional_wrap .questional_area { position: relative; width:100%; flex-basis:100%; background: #fff;overflow:auto; /* box-shadow: rgba(0,0,0,.2) 2px 5px 15px */ }
.questional_box {position:relative; font-size:1rem; width:100%; padding:0 20px; box-sizing: border-box;z-index:1;  }
.questional_box .ple_title { margin:0px ; display:flex; flex-direction:column; align-items:center;padding-top:15px;padding-bottom:15px; border-bottom:1px solid #999; }
.questional_box .ple_title span {display:block;color:#333;padding:4px;  }
.questional_box .ple_title span:first-child {font-family: "NotoKrM"; font-size: 2rem; }

.questional_box .ple_intro { font-family:"NotoKrR"; font-size:1rem; margin:0 0 10px 0;}
.questional-item{position:relative;margin-top: 20px;}
.questional-item.vertical .radioButtonStyle{display:inline-block;}
.questional-item.vertical .radioButtonStyle .radioStyle{margin-bottom:5px;}
.questional_wrap .radioButtonStyle{display:flex;flex-direction:row}
.questional_wrap .radioButtonStyle .radioStyle [type=radio]{width:15px;height:15px;}
.questional_wrap .radioStyle{cursor:pointer;display:flex;gap:4px;border:1px solid #e1e1e1;border-radius:13px;margin:20px;padding: 5px 20px 5px 10px;font-size:14px;display:flex;align-items:center;justify-content:left;margin:0 4px}
.questional_wrap .radioStyle span{margin-left:10px}
.questional_wrap .radioStyle [type=radio]{appearance:none;margin:0;padding:0;box-sizing:border-box;border:2px solid #dcdcdc;border-radius:250px;width:15px;height:15px;cursor:pointer}
.questional_wrap .radioStyle [type=radio]:checked{box-sizing:border-box;border:5px solid #d92b71;background-color:transparent;}
.questional_wrap .radioStyle [type=radio]:disabled{background-color:#dcdcdc}
.questional_wrap .radioStyle [type=radio]:disabled+span{color:#dcdcdc}

 /*
 	scpr 원정인 
  	UI UX 점검 가이드에 맞게 색상 수정 (버튼과 그리드)
 */

.secufy .k-button:active, 
.secufy .k-button.k-state-active,
.secufy .k-button-secondary:active,
.secufy .k-button-secondary.k-state-active {
    border-color: #bfc6d0;
    background-color: #c7cdd5;
}

.secufy .k-button.k-state-selected,
.secufy .k-button-secondary.k-state-selected {
    border-color: #4747B3;
    color: #ffffff;
    background-color: #4747B3;
}

.secufy .k-button-primary, 
.secufy .k-button.k-primary {
    border-color: #4747B3;
    color: #ffffff;
    background-color: #4747B3;
}
.secufy .k-button-primary:hover, 
.secufy .k-button.k-primary:hover, 
.secufy .k-button-primary.k-state-hover, 
.secufy .k-state-hover.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}
.secufy .k-button-primary:focus, 
.secufy .k-button.k-primary:focus, 
.secufy .k-button-primary.k-state-focus,
.secufy .k-state-focus.k-button.k-primary, 
.secufy .k-button-primary.k-state-focused, 
.secufy .k-state-focused.k-button.k-primary {
    box-shadow: 0 0 0 3px rgba(217,43,113, 0.0);
}
.secufy .k-button-primary:active, 
.secufy .k-button.k-primary:active, 
.secufy .k-button-primary.k-state-active, 
.secufy .k-state-active.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}
.secufy .k-button-primary.k-state-selected, .secufy .k-state-selected.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}
.secufy .k-grid td.k-state-selected, 
.secufy .k-grid th.k-state-selected, 
.secufy .k-grid tr.k-state-selected>td {
    color: #212529;
    background-color: #E7E6FF;
}
.secufy .k-pager-numbers .k-link {
    color: #222;
}
.secufy .k-pager-wrap .k-link.k-state-selected {
    background-color: white;
    color:#222;
}
.secufy .k-pager-nav.k-link, .secufy .k-pager-refresh {
    border-color: #dee2e6;
    color: #222;
    background-color: #fff;
}
.secufy .search-wrap .bg-color4 {
    background-color: white !important;
    opacity: 1;
    border:0;
}
.secufy.k-grid-pager {
	background-color:white;
}

.secufy-box .k-button-primary.k-state-hover, 
.secufy-box .k-button-primary:hover, 
.secufy-box .k-button.k-primary:hover, 
.secufy-box .k-state-hover.k-button.k-primary {
    border-color: #d92b71;
    color: #fff;
    background-color: #d92b71;
}

.secufy .k-checkbox.k-indeterminate, 
.secufy .k-checkbox.k-state-indeterminate, 
.secufy .k-checkbox:indeterminate {
    border-color: #d92b71;
    color: #fff;
    background-color: #d92b71;
}

.secufy .k-pager-numbers .k-link.k-state-selected {
	border-color: #222;
}

.secufy .k-pager-wrap {
    background-color: white;
}


/*
	scpr 원정인 : 검색 백그라운드 제거에 따른 포지셔닝 (인라인스타일 제거 ) 
*/
.search-box .keyword .k-dropdown, 
.search-box .keyword .k-dropdowntree {
    float: left;
    margin-right: 5px;
}




/*
	scpr 원정인 : 버튼 스타일 오버라이딩
*/
.k-button-primary, .k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary:hover, .k-button.k-primary:hover, .k-button-primary.k-state-hover, .k-state-hover.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary:focus, .k-button.k-primary:focus, .k-button-primary.k-state-focus, .k-state-focus.k-button.k-primary, .k-button-primary.k-state-focused, .k-state-focused.k-button.k-primary {
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.0);
}

.k-button-primary:active, .k-button.k-primary:active, .k-button-primary.k-state-active, .k-state-active.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary, .k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary:hover, .k-button.k-primary:hover, .k-button-primary.k-state-hover, .k-state-hover.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary:focus, .k-button.k-primary:focus, .k-button-primary.k-state-focus, .k-state-focus.k-button.k-primary, .k-button-primary.k-state-focused, .k-state-focused.k-button.k-primary {
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.0);
}

.k-button-primary:active, .k-button.k-primary:active, .k-button-primary.k-state-active, .k-state-active.k-button.k-primary {
    border-color: #d92b71;
}

.k-button-primary, .k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary:hover, .k-button.k-primary:hover, .k-button-primary.k-state-hover, .k-state-hover.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary:focus, .k-button.k-primary:focus, .k-button-primary.k-state-focus, .k-state-focus.k-button.k-primary, .k-button-primary.k-state-focused, .k-state-focused.k-button.k-primary {
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.0);
}

.k-button-primary:active, .k-button.k-primary:active, .k-button-primary.k-state-active, .k-state-active.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color:#d92b71;
}
.k-button-primary, .k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary:hover, .k-button.k-primary:hover, .k-button-primary.k-state-hover, .k-state-hover.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary:focus, .k-button.k-primary:focus, .k-button-primary.k-state-focus, .k-state-focus.k-button.k-primary, .k-button-primary.k-state-focused, .k-state-focused.k-button.k-primary {
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.0);
}

.k-button-primary:active, .k-button.k-primary:active, .k-button-primary.k-state-active, .k-state-active.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary.k-state-selected, .k-state-selected.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary.k-state-selected, .k-state-selected.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary.k-state-selected, .k-state-selected.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary.k-state-selected, .k-state-selected.k-button.k-primary {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-button-primary.k-state-hover, .k-button-primary:hover, .k-button.k-primary:hover, .k-state-hover.k-button.k-primary {
    border-color: #d92b71;
    color: #fff;
    background-color: #d92b71;
}

.k-toolbar.k-grid-toolbar .k-button.k-grid-excel:hover{
	border-color: #d92b71;
    color: #fff;
    background-color: #d92b71;
}
.k-grid .k-toolbar a{
	color:white;
}
.k-grid .k-toolbar a.k-grid-cancel-changes{
	color:#222;
}


.secufy-list .k-button.k-grid-add:hover, 
.secufy .k-button.k-grid-add:hover, 
.secufy .k-button.k-state-hover,
.secufy .k-button-secondary:hover,
.secufy .k-button-secondary.k-state-hover {
    border-color: #d92b71;
    background-color: #d92b71;
}


.k-treeview .k-in.k-state-selected {
    border-color: #d92b71;
    color: #ffffff;
    background-color: #d92b71;
}

.k-treeview .k-in.k-state-focused {
    box-shadow: 0 0 0 2px #d92b71;
}

.k-treeview .k-in.k-state-selected.k-state-focused {
    box-shadow:none;
}

.k-treeview .k-treeview-load-more-button {
    color: #d92b71;
    background-color: transparent;
}

.k-treeview .k-treeview-load-more-button:hover,
.k-treeview .k-treeview-load-more-button.k-state-hover {
    color: #d92b71;
    background-color: transparent;
}

.k-treeview .k-treeview-load-more-button:focus,
.k-treeview .k-treeview-load-more-button.k-state-focused {
    color: #d92b71;
    background-color: transparent;
    box-shadow: none;
}

.k-treeview .k-in.k-state-selected {
    border-color: #d92b71;
    color: #fff;
    background-color: #d92b71;
}

/*
	scpr_skpub 래디오 버튼 색상 변경  
*/
.k-radio.k-checked, .k-radio:checked {
    border-color: #d92b71;
    color: #fff;
    background-color: #d92b71;
}

/*
	scpr_skpub 높이 꽉차게
	.secufy-box.scpr_skpub_verticalFullBoxes
	
	common.js에 setGridHeight 함수도 참조해 볼것.
*/
.scpr_skpub_verticalFullBoxes{
	margin: 0 -10px;
    height: calc(100% - 60px);
}
.scpr_skpub_verticalFullBoxes .h100per{height:100%;}
.scpr_skpub_orgBoxes{max-height:660px;overflow:auto;}

/*
	그리드 페이지네이션에 checkbox 선택 글자. 선택된건 : 1건 이런것...
*/
.k-pager-wrap .myCustomElement{font-size:13px;}
.k-pager-wrap .k-pager-info.k-label{font-size:13px;}
.k-pager-wrap .myCustomElement strong{color:#d92b71}

/*
	트리뷰에 쓰이는 머테리얼 아이콘...
*/
.material-icons.treeview-inline-icons{position:relative;display:block;right:auto !important;left:auto;font-size:22px;color:#88B31B;}


/*
	스프레드 시트의 X 밑에 밑줄 없앰
*/
.k-spreadsheet-sheets-remove:after{display:none !important;}
.k-i-close:after{display:none !important;}

/*
	엑셀 첫번째줄 색상 ( 이것만 바꿔서는 안되고 페이지 내에서도 고쳐줘야함. )
*/
.k-spreadsheet-view .k-state-disabled{backgronud-color:#D5D2FF !important;}