@charset "utf-8";

/*---------- 리셋 & 레이아웃 스타일 ---------------------------------------------------*/
@import url("/assets/_reboot_layout.css?a");
/* @import url("_thema.20210330.css?b"); */
@import url("https://ezcare.easyms.co.kr/page/landing/common/css/xeicon.min.css");

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
1. 리셋 커스텀: 태그, 폰트사이즈, 컬러, 배경색
--------------------------------------------------------------------------------------------*/

/*스크롤바*/
::-webkit-scrollbar {
	width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
	background-color: #ccc;
    border-radius: 7px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #777;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 7px;
}



/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
2. jquery ui custom
--------------------------------------------------------------------------------------------*/
button.ui-button:active, button.ui-button:visited, button.ui-button:focus{outline: none;}
.ui-group input[type=checkbox], .ui-group input[type=radio]{width:0;}
.ui-button { margin-right:0 }
.ui-state-active, .ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, a.ui-button:active, 
.ui-button:active, .ui-button.ui-state-active:hover{fill:#fff;}

.ui-widget, ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit; /* 기본폰트 상위 를 따름 */
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	width:16px; height:16px;  /* 원본 CSS에서는 클릭시 사이즈 변동확인되어 해당부분 사이즈 직접 조정함. */
}
.ui-controlgroup.ui-controlgroup-horizontal .ui-button{ /*radio, checkbox grdoup 버튼 폭이 너무 넓어서 소폭 조정함*/
	padding:.3em .6em;
	border-left:0;
}
.ui-controlgroup.ui-controlgroup-horizontal .ui-button:first-child{
	border-left:1px solid #c5c5c5;
}
.ui-controlgroup.ui-controlgroup-horizontal .ui-button.ui-checkboxradio-checked.ui-state-active:first-child  {
	border-left:1px solid #003eff !important; /* radio, checkbox ui-group 첫번째 border안나왔던 부분 수정 */
}
.ui-group label.ui-checkboxradio-label:first-of-type{
	border-radius:3px 0 0 3px; /* radio, checkbox ui-group 첫번째 border-radius안나왔던 부분 수정 */
}
.ui-group label.ui-checkboxradio-label:last-of-type{
	border-radius:0 3px 3px 0;
}
.ui-selectmenu-button.ui-button {
	width:inherit
}
.ui-button, .ui-controlgroup .ui-button, input, select{
	padding:.3em .7em;
	height:2.2em; line-height:1.5;
}

.size-sm .ui-button, .size-sm.ui-button, .ui-button.size-sm,
.size-sm.ui-controlgroup .ui-button, .size-sm .ui-controlgroup .ui-button,/*radio, checkbox grdoup 버튼 폭이 너무 넓어서 소폭 조정함*/
.size-sm input, .size-sm select,
input.size-sm, select.size-sm{
	padding:.2em .5em;
	height:2.002em;  line-height:1.4;
}
.size-sm textarea, textarea.size-sm{
	padding:.2em .3em; line-height:1.6;
}
.size-sm select, select.size-sm{
	padding:.1em .1em;
}
.size-sm, .ui-widget .size-sm { font-size:.916rem }
.size-sm .ui-jqgrid .ui-pg-table td {
	padding:0;
}

.ui-tabs { padding:0;}
.ui-tabs .ui-tabs-nav { padding-top:.5em; padding-left:.5em; border-top:0; border-left:0; border-right:0 }
.ui-tabs .ui-tabs-active{
    border: 1px solid #c5c5c5;
    background: #fff ;
    font-weight: normal;
}
.ui-tabs .ui-state-active a, .ui-tabs .ui-state-active a:link, .ui-tabs .ui-state-active a:visited {
    color: #333; cursor:default !important;
    text-decoration: none;

}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: .5em .6em .3em .6em;
}
.ui-tabs .ui-tabs-panel, .tabs .panel-common {
	padding:.6em .4em .4em .4em;
}

.ui-datepicker{/* z-index:9 !important; */}

.ui-datepicker .ui-datepicker-title select { /* jquery ui datepicker 년월 선택 스타일 */
	font-size:.916rem; padding:.1em ; width:40%;
}
.ui-datepicker th {	padding: .2em; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary{ opacity:.3; }


.ui-widget-overlay {
    background: #000;
    opacity: .5;
    filter: Alpha(Opacity=50);
}

.ui-jqgrid .ui-button{border-radius:3px;/* jqgrid button border-radius */}
.ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox{padding:0px;height:16px;}


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
3. jqGrid custom
--------------------------------------------------------------------------------------------*/
/* 0315 datepicker z-index 조정 */
.ui-jqgrid{z-index:1;}

.ui-th-column.ui-th-ltr.ui-state-default, .ui-jqgrid-hbox, .ui-state-default.ui-th-column-header  {
	background: linear-gradient( to bottom, #f1f1f1, #ddd );
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
	height: 28px; background: linear-gradient( to bottom, #ddd, #f6f6f6 ); border-top:1px solid #ccc;
}
/* ie 페이지 숫자 잘려서 수정 */
.ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-input{ line-height: 1; }

.ui-jqgrid .cbox{
	height:auto;
}
.ui-jqgrid .ui-jqgrid-htable th div{
	margin:0;
}
.ui-jqgrid .ui-jqgrid-htable .ui-th-div{
/* line-height:1.4 */
}
.ui-jqgrid .jqgrow.ui-row-ltr{
cursor:default
}
.grid-number {font-family:Calibri !important;}


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
4. 아이콘 SVG & ajax Loader(.ez-loader) & Ymbar(.ez-YmBar-year)
--------------------------------------------------------------------------------------------*/
.ui-button:active svg.icon{
	fill:white
}
svg.icon {
	line-height:1; margin:0; margin-top:-.35em;  margin-left:-.05em;
	width:16px; height:16px;
}
svg.icon.size-sm, .size-sm svg.icon, .ui-button.size-sm .icon,
svg.icon.size-xs, .size-xs svg.icon, .ui-button.size-xs .icon{
	line-height:1; margin:0; margin-top:-.3em; margin-left:-.018em;
	width:14px; height:14px;
}

a.ui-button > svg { pointer-events: none; } /* 아이콘 포함시 클릭이 안되어서 */
.ui-button > svg { pointer-events: none; }

.tabs > .ui-tabs-panel { overflow-y:auto; overflow-x:hidden}

/* ajax Loader... style */
.ez-loader-overlay{
	display:table;
	text-align:center;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	position:absolute; z-index:9999999999;
	top:0;
	left:0;
	cursor:wait;
}
.ez-loader-box{
	display:table-cell;
	vertical-align:middle;
	color:#fff;
}
.ez-loader {
	margin:5px;
	display: inline-block;
	border-style:solid;
	border-width:10px;
	border-color:#fff #3498db; /* Blue */
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: ajax-loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.ez-loader-box.small .ez-loader{
	margin:2px;
	border-width:5px;
	width: 18px;
	height: 18px;
}
.ez-loader-box.small .ez-loader-box-message {
	display:none
}
.ez-loader-target {
	position:relative;
}
@keyframes ajax-loader-ring {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
}
/* ajax Loader... style */



/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
6. 컨텐츠 기본요소
--------------------------------------------------------------------------------------------*/

/****** 탭 컨텐츠 제목 ****************************************************************************/
.tabs .header{height:25px;margin:2.5px 0;display:flex;align-items:center;}
.tabs .header > .Ymbar{position:relative;left:0;}


/****** 컨텐츠 제목 ****************************************************************************/
ul.label {list-style:none;margin:0;padding:0;}
ul.label > li > em, ul.label > li > label, .label > label, div.label em{display:block;font-size:11px;line-height:1.5em; font-style:normal; color:#6c757d;}/* height:1.5em; */

/****** grid-search ****************************************************************************/
.grid {}
.grid-search {margin:0em 0 .5em 0}

.grid-search .grid-row-cnt {margin-left:auto;text-align:end;}
.grid-search .grid-row-cnt > span {font-weight:bold;}

.grid-search > ul {display:flex;/* justify-content:end; */margin:0;padding:0;list-style:none;}
.grid-search > ul:nth-of-type(2){margin-top:.5rem;}
.grid-search > ul > li{margin-right:.5rem;}
.grid-search > ul li:last-of-type{margin-right:0;}
.grid-search > ul li:last-of-type
.grid-search > ul > li.grid-search-action{margin-left:auto;}
.grid-search > ul > li dt{font-weight:normal; font-size:.9em}
/* 0315 grid-search css수정 */
.grid-search ul.label li em{font-weight:normal;}

.grid-body {}
.grid-footer{margin-top:2em;}


div[dialog-win]{display:none;}