html, body{	margin:0; 	padding:0;	width:100%;		font-family:'Nanum Gothic';	font-size:12px;}
/* body{overflow:auto;	-webkit-overflow-scrolling:touch;} */
p                  { 	margin:0;}
input              { 	border-radius:0px;  }
textarea.box-input {	resize:vertical;}
*                  { 	font-family:'Nanum Gothic'; }
#commonBtnChangeDivision{	width:50px;	height:50px;	border-radius:50%;	background:#ccc;
	border:none;	position:fixed;	bottom:20px;	right:30px;	outline:none;	font-size:20px;	-webkit-transition:transform .3s;
	transition:transform .3s;
}
#commonBtnChangeDivision:hover{	background:#aaa;}


.rotate90     {	-webkit-transform:rotate(90deg);	-moz-transform:rotate(90deg);	-o-transform:rotate(90deg);	transform:rotate(90deg);}
.empty-clear  {	width:0;	height:0;	overflow:hidden;	clear:both;}
.align-left   { text-align:left}
.align-center { text-align:center}
.align-right  { text-align:right}
.round        { border-radius:50%}
.round-small  { border-radius:10px}
.anchor-text  { color:#0000ff;}

.desc         {	font-size:11px;	color:#888;}
.bold         { font-weight:900 }
.border-dashed{	border:1px dashed #2d6fd8; }
.sub-title    {	font-size:14px;	color:#4160a6;	font-family:맑은 고딕;	font-weight:900;}
.helptext-gray{	padding:3px;	color:#999999;	margin-left:0px;	font-size:11px;}
.redstar      {	paddinh:0px;    margin: 0px 4px;	color:red;   	font-size:12px; font-weight: normal;}
.tooltip-red{	padding:3px;	background:#d20005;	color:#fff;	margin-left:3px;	border-radius:7px;	font-weight:normal;	font-size:10px;	border:none;	outline:none;	box-shadow:none;
	-webkit-appearance:none;
}
.bgcolor-yellow        { background-color: #F7F5EC; }
.box-help              { background-color: #f0f0f0; padding:20px!important; border: 1px solid #cccccc; border-radius:2px;	font-weight:normal;	font-size:12px;}

.es-title              { font-weight:bold;   font-size:20px; font-family: "Noto Sans Bold", 맑은 고딕;  }
.es-subtitle           { font-weight:bold;   font-size:16px; font-family: "Noto Sans Bold", 맑은 고딕;}
.es-content            { font-weight:normal; font-size:13px; font-family: "Noto Sans Regular",맑은 고딕;}
.font-NotoSansBold     { font-family: "Noto Sans Bold";}
.font-NotoSansRegular  { font-family: "Noto Sans Regular";}
.font-NotoSansThin     { font-family: "Noto Sans Thin";}
.font-NotoSansDemiLight{ font-family: "Noto Sans DemiLight";}
.font-NotoSansLight    { font-family: "Noto Sans Light";}
.font-NotoSansBlack    { font-family: "Noto Sans Black";}
.font-NotoSansMedium   { font-family: "Noto Sans Medium";}
.font-RobotoBold       { font-family: "Roboto Bold";}
.font-RobotoRegular    { font-family: "Roboto Regular";}

/* ------------------- Button CSS  ------------*/
.btn-jump-blue{	padding:3px;	background:#0181c7;	color:#fff;	margin-left:3px;	border-radius:7px;	font-weight:normal;	font-size:10px;}
.gray-btn         {margin:1px; border-radius:15px;padding: 3px 10px; background-color: #f0f0f0; color:#111;}
.gray-btn:hover   {margin:1px; border-radius:15px;padding: 3px 10px; background-color: #f0f0f0; color:#111; text-decoration:none; }
.white-btn {  background-color: #fff;  color: #333;  padding: 3px 10px;
 	         text-align: center;  text-decoration: none;  display: inline-block;  font-size: 13px;  margin: 2px 2px;  cursor: pointer;  border:1px solid #333; }
.red-btn  {  background-color: #ff0000;  border: none;  border-radius:5px;  color: white;  padding: 3px 10px;
	         text-align: center;  text-decoration: none;  display: inline-block;  font-size: 13px;  margin: 2px 2px;  cursor: pointer; }
.blue-btn {  background-color: #2952a3;  border: none;  border-radius:5px; color: white;  padding: 3px 10px;
	         text-align: center;  text-decoration: none;  display: inline-block;  font-size: 13px;  margin: 2px 2px;  cursor: pointer;}
.green-btn { background-color: #4CAF50;  border: none;  border-radius:5px; color: white;  padding: 3px 10px;
	         text-align: center;  text-decoration: none;  display: inline-block;  font-size: 13px;  margin: 2px 2px;  cursor: pointer;}

 /* ----- 공통모듈에서 사용함 이름 변경하면 안됨  */
.btn        { border:1px solid #ddd; border-radius:3px; background:#fff; outline:none; }
.btn-init   { display: inline-block; margin:2px; padding: 4px 15px; background-color: #ffffff; border:1px solid #aaaaaa; color:#333333; font-size:12px; font-weight:bold; text-decoration: none; border-radius:3px; }
.btn-add    { display: inline-block; margin:2px; padding: 4px 15px; background-color: #FF0000; border:1px solid #FF0000; color:#ffffff; font-size:12px; font-weight:bold; text-decoration: none; border-radius:3px; }
.btn-update { display: inline-block; margin:2px; padding: 4px 15px; background-color: #009933; border:1px solid #009933; color:#ffffff; font-size:12px; font-weight:bold; text-decoration: none; border-radius:3px; display:none; } /* 기본숨김처리 */
.btn-delete { display: inline-block; margin:2px; padding: 4px 15px; background-color: #333333; border:1px solid #333333; color:#ffffff; font-size:12px; font-weight:bold; text-decoration: none; border-radius:3px; display:none; } /* 기본숨김처리 */
.btn:hover  { border-color:#bebebe; background:#e6e6e6; }
.btn:active, .btn:focus{ text-decoration: none; outline:none !important; box-shadow: none; }

/* ----- 공병기버튼 */
.es_btn_black           { display: inline-block; margin:2px; padding: 4px 15px; background-color: #333333; border:1px solid #333333; color:#ffffff; font-size:12px; font-weight:bold; text-decoration: none; border-radius:3px; }
.es_btn_blue            { display: inline-block; margin:2px; padding: 4px 15px; background-color: #2e5cb8; border:1px solid #2e5cb8; color:#ffffff; font-size:12px; font-weight:bold; text-decoration: none; border-radius:3px; }
.es_btn_white           { display: inline-block; margin:2px; padding: 4px 15px; background-color: #ffffff; border:1px solid #aaaaaa; color:#333333; font-size:12px; font-weight:bold; text-decoration: none; border-radius:3px; }
.es_btn_red             { display: inline-block; margin:2px; padding: 4px 15px; background-color: #FF0000; border:1px solid #FF0000; color:#ffffff; font-size:12px; font-weight:bold; text-decoration: none; border-radius:3px; }
.es_btn_green           { display: inline-block; margin:2px; padding: 4px 15px; background-color: #009933; border:1px solid #009933; color:#ffffff; font-size:12px; font-weight:bold; text-decoration: none; border-radius:3px; }
.es_btn_gray_dark       { display: inline-block; margin:2px; padding: 4px 15px; background-color: #777777; border:1px solid #777777; color:#ffffff; font-size:12px; font-weight:bold; text-decoration: none; border-radius:3px; }

 
/* 
.es_btn_white           { margin:16px 6px; border-radius:3px;padding: 4px 4px; border:1px solid #FFF;background-color: transparent; color:#FFFFFF; }
.es_btn_white:hover     { margin:16px 6px; border-radius:3px;padding: 4px 4px; border:0px solid #FFF;background-color: #f0f0f0; color:#111;} 

*/ 
/* 검색조건 바 */
.es_searchbar  {float:left; width:100%; padding:10px 5px 10px 5px; margin: 0px 3px 0px 3px; display:flex;flex-direction:row;justify-content:flex-end; align-items:center; border:1px solid #aaa; border-radius:3px;background:#f9f9f9;}
.es_searchbar .es_search_option_wrap  {flex:1;overflow:hidden;display:flex}
.es_searchbar .es_search_option_wrap .es_search_desc         { padding: 5px 20px;float:left; color: #46301B;}
.es_searchbar .es_search_option_wrap .es_search_option       { padding-right:20px;float:right;}
.es_searchbar .es_search_option_wrap .es_search_option > div { display:inline-flex;flex-direction:row;padding:3px 0px;vertical-align:top;}
.es_searchbar .es_search_option_wrap .es_search_option > div > .es_search_label { vertical-align:top;font-weight:bold;text-align:right;padding-right:5px;padding-top:7px; width:80px;}
.es_searchbar .es_search_option_wrap .es_search_option > div > .es_search_content           { padding:3px}
.es_searchbar .es_search_option_wrap .es_search_option > div > .es_search_content .es_input { width:auto;margin:0;margin-bottom:3px;}
.es_searchbar .es_search_btn_wrap                            {   text-align:center; padding: 0px 20px 6px 5px; }


.es_btn                 { margin:3px; border-radius:3px;padding: 4px 4px; border:1px solid #000;background-color: transparent; color:#111111; }
.es_btn:hover           { margin:3px; border-radius:3px;padding: 4px 4px; border:0px solid #FFF;background-color: #000; color:#FFF;}
.es-btn-foot            { border:none;display:inline-block;outline:0;padding:8px 8px;vertical-align:middle;overflow:hidden;
                          text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.es-btn-foot:hover      { text-decoration: none; color:#ff0000;}
.es-btn-foot            { -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

/* --------------------- TABLE CSS ------------*/
.es-table               { border-collapse: collapse;    border-spacing: 0;    width: 100%;    border: 1px solid #ddd; }
.es-table th            { vertical-align: middle; text-align: center;    padding: 5px;    border: 1px solid #ddd; background-color:#f0f0f0; }
.es-table td            { vertical-align: middle; text-align: left;      padding: 5px;    border: 1px solid #ddd; }

/* --------------------- TABLE CSS ------------*/
.es-table-bk            { border-collapse: collapse;    border-spacing: 0;    width: 100%;    border: 1px solid #111; min-height:100%;}
.es-table-bk th         { vertical-align: middle; text-align: center;    padding: 5px;    border: 1px solid #111; background-color:#f0f0f0; }
.es-table-bk td         { vertical-align: middle; text-align: left;      padding: 5px;    border: 1px solid #111; }

/* --------------------- TABLE CSS ------------*/
.es-table-homecard       { border-collapse: collapse;    border-spacing: 0;   width: 100%;  min-height:100%;}
.es-table-homecard  th   { vertical-align: middle; text-align: center;    padding: 1px 3px;    border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #999;background-color:#f0f0f0; }
.es-table-homecard  td   { vertical-align: middle; text-align: left;      padding: 1px 3px;    border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}


.easi-table        {padding: 0 5px; word-break:break-all;}
.easi-table table  tr:first-child th{border-top:solid 1px #d9d9d9;}
.easi-table table  tr:first-child td{border-top:solid 1px #d9d9d9;}
.easi-table table  tr th{background-color:#f3f3f3; color:#202023; border-bottom:solid 1px #d9d9d9; text-align:left; padding:8px 5px 8px 15px;  }
.easi-table table  tr td{ padding:5px 20px; border-bottom:solid 1px #d9d9d9; text-align:left; padding-left:10px;  }
.easi-table input  { padding:6px 10px 6px 10px; border:solid 1px #eeeeee; text-align:left;  color:#666666;}

.li-table        {padding: 0 5px; word-break:break-all;}
.li-table table  tr:first-child th{border-top:solid 1px white;}
.li-table table  tr:first-child td{border-top:solid 1px white;}
.li-table table  tr th{background-color:#f3f3f3; color:#202023; border-bottom:solid 1px white; text-align:center; padding:8px 5px 8px 15px;  }
.li-table table  tr td{ padding:10px 20px; border-bottom:solid 1px white; text-align:left; padding-left:10px;  }
.li-table input  { padding:6px 10px 6px 10px; border:solid 1px #eeeeee; text-align:left;  color:#666666;}


/*  占쏙옙占실ο옙占실ο옙占신몌옙占� */
.disp_table {padding:0 10px; word-break:break-all;}
.disp_table table thead tr th{background:#f5f5f5; border-top:solid 1px #002f6c; border-right:solid 1px #d9d9d9; height:50px; color:#202023;}
.disp_table table thead tr th:last-child{border-right:none;}
.disp_table table tbody tr td{padding:10px 20px; border:solid 1px #d9d9d9; color:#464646;}
.disp_table table tbody tr:first-child td{color:#002f6c;}
.disp_table table tbody tr td.td_cen{text-align:center;}
.disp_table table tbody tr td.td_bdl_n{border-left:none;}
.disp_table table tbody tr td.td_bdr_n{border-right:none;}
.disp_table table tbody tr td.td_color{color:#002f6c;}

.tablebox                {position:relative;  border-top:1px solid #333;}
.tablebox table          {width:100%;}
.tablebox table th       {color:#111; text-align:left;}
.tablebox table td       {color:#333; font-size:13px; line-height:18px;  text-align:left; }
.tablebox table .txt_c   {text-align:center;}
.tablebox table .txt_r   {text-align:right;}
.tablebox table .txt_l   {text-align:left;}
.tablebox table .txt_red {color:#ef2c2c;}

.tablebox.type1 th       {padding:10px 4px 10px 4px;  background:#f0f0f0;  border-bottom:1px solid #cccccc; text-align:center;}
.tablebox.type1 td       {padding:6px 4px 6px 4px;                       border-bottom:1px solid #cccccc; text-align:center;}

.adm-button {
	display:inline-block;
	padding:3px 14px;
	vertical-align:middle;overflow:hidden;text-decoration:none;
	color:#FFFFFF;
	margin-bottom: 5px;
	background-color:#888383;
	text-align:center;cursor:pointer;white-space:nowrap}

.adm-button:hover{	color:#333!important;	background-color:#cccccc!important;	font-weight:normal;}


.easi-button {
	display:inline-block; border:1px solid #cccccc;
	padding:3px 8px;vertical-align:middle;overflow:hidden;text-decoration:none;
	color:inherit;
	margin-bottom: 5px;
	background-color:transparent;text-align:center;cursor:pointer;white-space:nowrap}
.easi-button:hover{color:#333!important;background-color:#f0f0f0!important; border:1px solid #999;font-weight:normal;}

.easi-button-top:link, .easi-button-top:visited {
	display:inline-block; border:0px solid #222;
	padding:4px 20px;vertical-align:middle;overflow:hidden;text-decoration:none;
	color:inherit;
	background-color:transparent;text-align:center;cursor:pointer;white-space:nowrap}


/* ==================================================================================================================================================  */

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-800.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'),
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-800.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-800.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-700.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic Bold'), local('NanumGothic-Bold'),
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/nanumgothic/nanum-gothic-v11-korean_latin-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

.common-notice-box{
	max-width:100%;	    width:400px;	height:400px;
	position: fixed;	left:45%;	top:40%;
	margin-top:-150px; margin-left:-150px;
	z-index:99;
	transition:opacity .5s;	opacity:0;
	display:none;
}
.common-notice-box.active{ 	display:block; opacity:1;}
.common-notice-box .common-notice-title{
	cursor:move;
	border-radius: 20px 20px 0px 0px;
	background:#ffc34d;
	font-size:14px;
	font-weight:900;
	text-align: center;	color:#333;	padding:15px 10px;
}
.common-notice-box .common-notice-content  {	padding:30px;	font-size:12px;	font-weight:900;	background:#f0f0f0;  border-radius: 0px 0px 20px 20px; }
.common-notice-box .common-notice-content .common-notice-count{
	font-size:18px;	color: #ff0000;	width:100%;	text-align:center;
	font-weight:900;	padding:15px 10px 20px 10px;
}


/* ==================  諛섏쓳�삎 �젅�씠�븘�썐 愿��젴   =======================================  */

.col-l-1 {padding:5px;float:left;width:8.333%}
.col-l-2 {padding:5px;float:left;width:16.666%}
.col-l-3 {padding:5px;float:left;width:25%}
.col-l-4 {padding:5px;float:left;width:33.333%}
.col-l-5 {padding:5px;float:left;width:41.666%}
.col-l-6 {padding:5px;float:left;width:50%}
.col-l-7 {padding:5px;float:left;width:58.333%}
.col-l-8 {padding:5px;float:left;width:66.666%}
.col-l-9 {padding:5px;float:left;width:75%}
.col-l-10{padding:5px;float:left;width:83.333%}
.col-l-11{padding:5px;float:left;width:91.666%}
.col-l-12{padding:5px;float:left;width:100%}

body.horizontal .col-l-1:not(.box-item), body.horizontal .col-l-2:not(.box-item), body.horizontal .col-l-3:not(.box-item),
body.horizontal .col-l-4:not(.box-item), body.horizontal .col-l-5:not(.box-item), body.horizontal .col-l-6:not(.box-item),
body.horizontal .col-l-7:not(.box-item), body.horizontal .col-l-8:not(.box-item), body.horizontal .col-l-9:not(.box-item),
body.horizontal .col-l-10:not(.box-item), body.horizontal .col-l-11:not(.box-item), body.horizontal .col-l-12:not(.box-item) {
	padding:5px;
	float:left;
	width:100%
}

.easi-form-container .col-l-1{float:none;}
.easi-form-container .col-l-2{float:none;}
.easi-form-container .col-l-3{float:none;}
.easi-form-container .col-l-4{float:none;}
.easi-form-container .col-l-5{float:none;}
.easi-form-container .col-l-6{float:none;}
.easi-form-container .col-l-7{float:none;}
.easi-form-container .col-l-8{float:none;}
.easi-form-container .col-l-9{float:none;}
.easi-form-container .col-l-10{float:none;}
.easi-form-container .col-l-11{float:none;}
.easi-form-container .col-l-12{float:none;}

.body{
}

.searchbar  {	display:table;	width:100%;	padding:8px 15px;	overflow:hidden;}
.searchbar > div{	display:flex;	vertical-align:middle;}
.searchbar .col-l-1, .searchbar .col-l-2, .searchbar .col-l-3, .searchbar .col-l-4, .searchbar .col-l-5, .searchbar .col-l-6,
.searchbar .col-l-7, .searchbar .col-l-8, .searchbar .col-l-9, .searchbar .col-l-10, .searchbar .col-l-11, .searchbar .col-l-12{padding:0}
.searchbar > .menu-title{	font-weight:bold;	font-size:18px;	padding:5px;}
.searchbar > .search-form{	text-align:right;	font-size:12px;}
.searchbar > .search-form label{	font-weight:normal;	margin-bottom:0px;}
.searchbar > .search-form > div{	display:inline-block;}
.searchbar .btn{ padding: 6px 10px;	min-width:60px; border-radius:15px; font-weight:bold;	margin-left:5px;}  /* 검색조건의 조회버튼 */

body.horizontal .searchbar .col-l-1 {width:8.333%}
body.horizontal .searchbar .col-l-2 {width:16.666%}
body.horizontal .searchbar .col-l-3 {width:25%}
body.horizontal .searchbar .col-l-4 {width:33.333%}
body.horizontal .searchbar .col-l-5 {width:41.666%}
body.horizontal .searchbar .col-l-6 {width:50%}
body.horizontal .searchbar .col-l-7 {width:58.333%}
body.horizontal .searchbar .col-l-8 {width:66.666%}
body.horizontal .searchbar .col-l-9 {width:75%}
body.horizontal .searchbar .col-l-10{width:83.333%}
body.horizontal .searchbar .col-l-11{width:91.666%}
body.horizontal .searchbar .col-l-12{width:100%}


.box-item .title-label { 	width:90px;}
.content-container     {	padding:10px 10px 20px 10px;	clear:both;	word-break:break-all;	width:100%;}

/* ================================== 상단 메뉴 베경색 지정  ================================================= */
.navbar{
	background:  #444444;  /*   #2564CB    #354c98; */
	margin-bottom:0px;
	border-radius:0px;
	border:0px;
}

.navbar .navbar-logo{	padding:10px;}
.navbar .navbar-brand a{	font-weight:bold;	font-family: Arial;	font-size: 20px;	color: #ffffff;}
/* 대메뉴 */
.navbar-default .navbar-nav > .dropdown > a   {	font-size:16px;}  /* 대메뉴크기 */
.navbar-default .navbar-nav > .dropdown > a, .navbar-default .navbar-nav > .dropdown > a:focus{    color:#fff;	font-weight: bold; padding: 17px 5px; letter-spacing: 0px; font-size:16px; }
.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{	color:#333;	background-image:none;	background-color:#fff;}
.navbar-default .navbar-nav>.dropdown:hover > a{	background:#fff;	color:#333;}
.navbar-default .navbar-nav .btn-logout > a{	color:#fff;	font-size:16px;}
.dropdown.open .dropdown-menu {	display: block;}
.navbar-nav > li > .dropdown-menu{	border:0px;}


.dropdown-menu > li > a  { 	font-size:13px;	padding:2px 20px;   }  /* 하위메뉴 */ 

.navbar-nav .dropdown .dropdown-menu > li{	padding:2px 0px;}
.navbar-nav .dropdown .dropdown-menu > li.menu-group-div{	height:1px;	overflow:hidden;	border-top:1px dotted #000;	margin:0px 3px;	padding:0;}
.navbar-default .navbar-toggle{	background-color:#fff;	float:none;}
.dx-header-row .dx-column-indicators {    float: right!important;}

.data-grid{	height:auto;	overflow:hidden;}
.data-grid .dx-datagrid-summary-item{	color:#333;	font-weight:900;}
.data-grid .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper{
	background:#fff;
	z-index:1;
}
.data-grid .dx-scrollable-native.dx-scrollable-both, .dx-scrollable-native.dx-scrollable-both .dx-scrollable-container{
	overflow-y:hidden;
}
.data-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
	width: 50px;	min-width:50px
}
.data-grid .dx-page-sizes > .dx-selectbox{	font-size:16px;}
.data-grid .dx-toolbar .dx-toolbar-items-container .dx-button-has-text .dx-button-content{	padding:8px;}
.data-grid .dx-datagrid-headers .dx-row{	font-weight:bold;	color:#000; }
.data-grid .dx-datagrid .dx-column-indicators.dx-visibility-hidden {    display: none;}
.data-grid .dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td{
	font-size:12px;
	vertical-align:middle;
}

.data-grid .dx-datagrid-content .dx-datagrid-table .dx-row > td > .custom-btn, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td > .custom-btn{
	width:100%;
	height:100%;
	background:transparent;
	border:none;
}

.data-grid .dx-datagrid-content .dx-datagrid-table .dx-row > td > .custom-btn.border-dashed, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td > .custom-btn.border-dashed{
	border:1px dashed #2d6fd8;	border-radius:4px;
}
.data-grid .dx-datagrid-content .dx-datagrid-table{	height:100%;}
.data-grid .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right,
.data-grid .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {  max-width:none;}
.data-grid .dx-header-row .dx-sort-indicator.dx-header-filter-indicator {  max-width:none;}
.data-grid .dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width:none;
}
.data-grid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-before .grid-title, .tree-list .dx-treelist-header-panel .dx-toolbar .dx-toolbar-before .grid-title{
	font-size:14px;	font-weight:900;}
.dx-datagrid-edit-form-item .dx-state-readonly .dx-texteditor-input{	background:#eee;}
.dx-overlay-shader{	background:rgba(0, 0, 0, .6)}
.data-grid-popup-container{
	display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .6); z-index:1501;
}

.data-grid-popup-container .data-grid-popup{
	position:relative;
	width:70%;
	height:60%;
	top:calc(50% - 30%);
	left:calc(50% - 35%);
	background:#fff;
	border:1px solid #ddd;
	border-radius:6px;
	padding:20px;
}

.data-grid-popup-container .data-grid-popup .popup-content-wrap{
	width:100%;
	height:calc(100% - 60px);
}

.data-grid-popup-container .data-grid-popup .popup-content-wrap .popup-scroll-view{
	width:100%;
}

.data-grid-popup-container .data-grid-popup .popup-content-wrap .box-item{
	width:50%;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	padding-bottom:10px;
	float:left;
}

.data-grid-popup-container .data-grid-popup .popup-content-wrap .box-item .popup-label{
	font-weight:bold;
	padding:0px 10px;
}

.data-grid-popup-container .data-grid-popup .popup-content-wrap .box-item .popup-content{
	flex:1;
}

.data-grid-popup-container .data-grid-popup .popup-content-wrap input[type=text]{
	width:100%;
	border-radius:3px;
	box-shadow:none;
	-webkit-appearance:none;
	border:1px solid #aaa;
	padding:2px 10px;
}

.data-grid-popup-container .data-grid-popup .popup-bottom{
	width:100%;
	height:60px;
}

.easi-form-container{
	position:relative; background:#fff; border:1px solid #ddd; border-radius:3px; 
	padding-top:15px; padding-bottom:5px; overflow:hidden; display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start;
}

.easi-form-container .box-item{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	padding:0px 10px;
	padding-bottom:5px;
}

.easi-form-container .box-item .box-label{
	font-weight:bold;
	font-size:12px;
	padding-top:4px;
}

.easi-form-container .box-item .box-content{
	flex:1;
	font-size:12px;
}

.box-input{
	width:100%;
	border-radius:3px;
	box-shadow:none;
	-webkit-appearance:none;
	border:1px solid #aaa;
	padding:2px 10px;
	height:24px;
	font-size:12px;
	box-sizing:border-box;
}
.box-input-as{
	border-radius:3px;
	box-shadow:none;
	-webkit-appearance:none;
	border:1px solid #aaa;
	padding:2px 10px;
	height:24px;
	font-size:12px;
	box-sizing:border-box;
}

textarea.box-input{	height:auto;}
.box-input.dx-texteditor.dx-state-readonly{	border-color:#aaa;}
.box-input .dx-placeholder:before{	padding:0px 9px 0px;}
.box-input .dx-texteditor-input{	padding:0px 9px 0px;}
.box-input.readonly{	border:1px solid #aaa;}
input.box-input[readonly], textarea.box-input[readonly], .box-input input[readonly]{	background:#eee;}
.box-input.dx-selectbox input[readonly], .box-input.dx-dropdownbox input[readonly]{	background:#fff;}
.box-input.dx-selectbox.dx-state-readonly input[readonly], .box-input.dx-dropdownbox.dx-state-readonly input[readonly]{
	background:#eee;	cursor:default;
}

.box-input .dx-switch-container{
	font-size:12px;
	border-color:#aaa;
}

.box-input.dx-switch.dx-state-readonly .dx-switch-container{
	border-color:#aaa;
}

.box-input .dx-switch-container .dx-switch-on, .box-input .dx-switch-container .dx-switch-off{
	font-size:12px;
	color:#333;
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content{
	font-size:12px;
}

.file-uploader{ padding:0; border:0; }

.file-uploader input[type=file]{ display:none; }

.file-uploader .file-uploader-table{
	width:100%;
	height:22px;
	display:table;
	table-layout:fixed;
	font-size:12px;
	border:1px solid #aaa;
	border-radius:3px;
	border-spacing:0px;
	padding:0px;
}

.file-uploader .file-list:before{
	content:"파일목록";
	font-weight:bold;
	border-bottom:1px solid #888;
	width:100%;
	padding-bottom:3px;
	display:block;
}

.file-uploader .file-list{
	border:1px solid #aaa;
	margin-top:10px;
	width:100%;
	padding:10px;
	border-radius:3px;
}

.file-uploader .file-list.file-drag-enabled{
	background:#ffff80;
	outline:3px solid #0000ff;
}

.file-uploader .file-list .file-item{
	display:table;
	table-layout:fixed;
	width:100%;
}

.file-uploader .file-list .file-item .file-item-main{
	width:30px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	padding:3px 0px;
	font-size:16px;
}

.file-uploader .file-list .file-item .file-item-main button{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:none;
	border:none;
	display:block;
	color:#dedede;
	outline:none;
}

.file-uploader .file-list .file-item .file-item-main button.active{
	color:#00ff00;
}

.file-uploader .file-list .file-item .file-item-main button i{
	display:block;
	margin:0;
	padding:0;
}

.file-uploader .file-list .file-item .file-item-name{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:middle;
	display:table-cell;
	padding:3px 0px;
}
.file-uploader .file-list .file-item .file-item-reg-nm{
	width:60px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	padding:3px 0px;
	color:#aaa;
}

.file-uploader .file-list .file-item .file-item-reg-dtm{
	width:100px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	padding:3px 0px;
	color:#aaa;
}
.file-uploader .file-list .file-item .file-item-remove{
	width:30px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	padding:3px 0px;
}

.file-uploader .file-list .file-item .file-item-remove button{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:none;
	border:none;
}

.file-uploader .file-uploader-table .file-name-wrap{
	display:table-cell;
	vertical-align:middle;
}

.file-uploader .file-uploader-table .file-name-wrap div.file-name{
	background:#fff;
	border:none;
	height:22px;
	line-height:22px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:0px 10px;
}

.file-uploader .file-uploader-table .file-remove{
	display:table-cell;
	width:30px;
	height:100%;
	text-align:center;
	vertical-align:middle;
}

.file-uploader .file-uploader-table .file-remove button{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:none;
	border:none;
}

.file-uploader .file-uploader-table .file-btn-wrap{
	display:table-cell;
	vertical-align:middle;
	width:80px;
}

.file-uploader .file-uploader-table .file-btn-wrap button{
	width:100%;
	height:100%;
	background:#ccc;
	border:none;
	border-left:1px solid #aaa;
	margin:0;
	padding:0;
}

/* .form-button-wrap .btn{
	margin-left:5px;
	height:34px;
	padding:0px 8px;
} */

.form-button-wrap .btn:first-child{
	margin-left:0px;
}

.form-button-wrap{
	text-align:right;
	width:100%;
	padding-bottom:7px;
}



.btn-bookmark{
	border:none;
	background:transparent;
	width:auto;
	height:auto;
	padding:0;
	margin-left:10px;
	color:#888;
	outline:none;
}

.btn-bookmark.bookmarked{
	color:#ff0000;
}

.bookmark-bar{
	background:#fff;
	width:100%;
	padding:0px 10px;
	display:flex;
	justify-content:space-between;
	position:relative;
	z-index:10;
	border-bottom:1px solid #aaa;
}

.bookmark-bar.disabled{
	display:none;
}

.bookmark-bar .bookmark-menu-btn-wrap{
	width:30px;
	flex-shrink: 0;
	display:none;
}

.bookmark-bar .bookmark-helper.disabled:before{
	content:"\f05e";
	font-family:"Font Awesome 5 Pro";
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	font-size:16px;
}

.bookmark-bar .bookmark-menu-btn-wrap .bookmark-menu-btn{
	width:100%;
	height:30px;
	padding:0;
	margin:5px 0px;
	font-size:16px;
	background:transparent;
	border:none;
	outline:none;
}

.bookmark-bar .bookmark-menu-btn-wrap .bookmark-menu{
	position:absolute;
	margin-top:5px;
	right:5px;
	background:#fff;
	border-radius:5px;
	border:1px solid #aaa;
	display:none;
}

.bookmark-bar .bookmark-menu-btn-wrap .bookmark-menu .bookmark-item{
	white-space:nowrap;
	font-size:12px;
	background:#fff;
	display:flex;
	flex-direction:row;
	border-top:1px solid #ddd;
	position:relative;
}

.bookmark-bar .bookmark-menu-btn-wrap .bookmark-menu .bookmark-placeholder{
	background:#fff;
	display:block;
	border-top:1px solid #ddd;
	background:#eee;
	height:30px;
	width:100%;
}

.bookmark-bar .bookmark-menu-btn-wrap .bookmark-menu .bookmark-placeholder:first-child + .bookmark-item{
	border-top:none;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.bookmark-bar .bookmark-menu-btn-wrap .bookmark-menu > div:first-child{
	border-top:none;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.bookmark-bar .bookmark-menu-btn-wrap .bookmark-menu > div:last-child{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.bookmark-bar .bookmark-menu-btn-wrap .bookmark-menu .bookmark-item > a{
	height:30px;
	line-height:30px;
	padding:0px 10px;
	flex-grow:1;
}

.bookmark-bar .bookmark-menu-btn-wrap .bookmark-menu .bookmark-item > button{
	background:transparent;
	border:none;
	margin:0;
	padding:0px 5px;
	outline:none;
}

.bookmark-bar .bookmark-menu-btn-wrap .bookmark-menu-btn > i{
	font-size:18px;
}

.bookmark-bar .bookmark-list{
	white-space:nowrap;
}

.bookmark-bar .bookmark-list .bookmark-placeholder{
	display:inline-block;
	margin:5px 0px;
	padding:0;
	position:absolute;
	width:2px;
	height:30px;
	background:#000;
}

.bookmark-bar .bookmark-helper{ opacity:.7; }
.bookmark-bar .bookmark-list .bookmark-item{
	white-space:nowrap;
	font-size:12px;
	background:#eee;
	border-radius:5px;
	display:inline-flex;
	flex-direction:row;
	margin:5px 2px;
	border:1px solid #ddd;
	position:relative;
}

.bookmark-bar .bookmark-list .bookmark-placeholder:first-child + .bookmark-item{
	margin-left:0px;
}

.bookmark-bar .bookmark-list .bookmark-item:first-child{
	margin-left:0px;
}

.bookmark-bar .bookmark-list .bookmark-item:last-child{
	margin-right:0px;
}

.bookmark-bar .bookmark-list .bookmark-item > a {
	padding:5px;
}

.bookmark-bar .bookmark-item > a:hover, .bookmark-bar .bookmark-item > a:visited, .bookmark-bar .bookmark-item > a:focus{
	text-decoration:none;
	color:#333;
}

.bookmark-bar .bookmark-list .bookmark-item > button{ background:transparent; border:none; margin:0; padding:0px 5px; outline:none; }

.dx-dropdowneditor-button-visible .dx-texteditor-input{
	padding-right:0px;
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input{
	text-align:left !important;
	font-size:12px;
}

.dx-treeview .dx-treeview-item{
	min-height:24px;
}

.dx-treeview .dx-treeview-item .dx-treeview-item-content{
	font-size:12px;
}

.dx-header-filter-menu .dx-treeview .dx-treeview-item .dx-treeview-item-content{
	font-size:14px;
}

.dx-dialog.dx-popup-wrapper > .dx-overlay-content{
	min-width:300px;
}

.dx-dialog .dx-toolbar-label .dx-toolbar-item-content > div{
	font-size:16px;
	font-weight:bold;
	color:#333;
}

.dx-datagrid .dx-header-filter{
	color:#2d6fd8;
}

.dx-datagrid .dx-header-filter.dx-header-filter-empty{
	color:rgba(149, 149, 149, 0.5);
}

.custom-dx-radiogroup:not(.dx-radiogroup-vertical){
	width:auto;
	display:inline-block;
	background:#fff;
	vertical-align:middle;
}

.custom-dx-radiogroup:not(.dx-radiogroup-vertical).dx-state-readonly{
	opacity:.5;
}

.custom-dx-radiogroup:not(.dx-radiogroup-vertical) .dx-widget.dx-collection{
	font-size:12px;
	display:flex;
	width:100%;
	height:100%;
}

.custom-dx-radiogroup:not(.dx-radiogroup-vertical) .dx-widget.dx-collection .dx-item.dx-radiobutton{
	margin:0;
	padding:0;
	text-align:center;
	padding:0px 5px;
	border-right:1px solid #aaa;
	height:100%;
	display:flex;
	align-items:center;
}

.custom-dx-radiogroup:not(.dx-radiogroup-vertical) .dx-widget.dx-collection .dx-item.dx-radiobutton{
	margin:0;
	text-align:center;
	padding:1px 10px;
	border-radius:3px; 
	border-right:1px solid #aaa;
	height:100%;
	display:flex;
	align-items:center;
}

.custom-dx-radiogroup:not(.dx-radiogroup-vertical).same-width .dx-widget.dx-collection .dx-item.dx-radiobutton{
	flex:1;
}
/* 라디오선택항목 */
.custom-dx-radiogroup:not(.dx-radiogroup-vertical) .dx-widget.dx-collection .dx-item.dx-radiobutton[aria-checked=true]{
	background:#354c98;    /* #354c98 */
	border:1px solid #354c98; /* #354c98 */
	color:#fff; font-weight:bold;  border-radius:8px; 
}
/* 라디오 비선택항목 */
.custom-dx-radiogroup:not(.dx-radiogroup-vertical) .dx-widget.dx-collection .dx-item.dx-radiobutton{
	float:left;
	margin-right:3px;
	margin-top:5px;
	border:1px solid #aaa;  border-radius:8px; 
	background:#fff;
}

.custom-dx-radiogroup:not(.dx-radiogroup-vertical) .dx-widget.dx-collection .dx-item.dx-radiobutton:last-child{
	border-right:none;
}

.custom-dx-radiogroup:not(.dx-radiogroup-vertical) .dx-widget.dx-collection .dx-item.dx-radiobutton .dx-radio-value-container{
	display:none;
}

.custom-dx-radiogroup:not(.dx-radiogroup-vertical) .dx-widget.dx-collection .dx-item.dx-radiobutton .dx-item-content{
	width:100%;
}

/* �씪�뵒�삤踰꾪듉 紐⑥뼇 */
.custom-dx-radiogroup:not(.dx-radiogroup-vertical){
	height:auto !important;
	word-break: keep-all;
	background:none;
	border:none;
}

.custom-dx-radiogroup:not(.dx-radiogroup-vertical) .dx-widget.dx-collection{
	overflow:hidden;
	display:block;
	position:relative;
	top:-5px;
}



.custom-dx-radiogroup:not(.dx-radiogroup-vertical) .dx-widget.dx-collection .dx-item.dx-radiobutton:last-child{
	border-right:1px solid #aaa;
}


.custom-dx-list{
	border:1px solid #aaa;
	border-radius:3px;
}

.custom-dx-list .dx-list-item-content{
	padding:3px 10px;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon, .dx-checkbox.dx-state-readonly.dx-state-hover .dx-checkbox-icon{
	background:#eee;
	border:1px solid #ddd;
	border-color:#ddd;
}

.dx-tabpanel .dx-multiview-wrapper{
	padding:5px;
}

.dx-tabpanel .dx-tab{
	width:80px;
}
.dx-tab{
	padding: 9px 5px;
}

.dx-switch-handle:before{
	background:#2d6fd8;
}

.dx-switch.dx-state-hover .dx-switch-handle:before{
	background:#1c4995;
}

.easi-popup-input{
	overflow:hidden;
}

.easi-popup-input .easi-popup-input-table{
	display:table;
	table-layout:fixed;
	padding:0px;
	height:24px;
	overflow:hidden;
}

.easi-popup-input .easi-popup-input-table .easi-popup-input-cell{
	display:table-cell;
	vertical-align:middle;
}

.easi-popup-input .easi-popup-input-table .easi-popup-input-cell .easi-popup-display-input{
	border:none;
	padding:2px 10px;
	width:100%;
	height:100%;
	-webkit-appearance:none;
}

.easi-popup-input .easi-popup-input-table .easi-popup-input-cell.popup-input-del-btn-wrap{
	width:30px;
	display:none;
}

.easi-popup-input .easi-popup-input-table .easi-popup-input-cell:last-child{
	width:30px;
	border-left:1px solid #aaa;
}

.easi-popup-input .easi-popup-input-table .easi-popup-input-cell button.popup-input-del-btn{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border:none;
	background:#eee;
	-webkit-appearance:none;
	vertical-align:middle;
	outline:none;
}

.easi-popup-input .easi-popup-input-table .easi-popup-input-cell button.open-popup-btn{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border:none;
	background:#fff;
	-webkit-appearance:none;
	vertical-align:middle;
}

.easi-popup-input .easi-popup-input-table .easi-popup-input-cell button.open-popup-btn:hover{
	background:#e6e6e6;
}

.easi-popup-input .easi-popup-input-table .easi-popup-input-cell button.open-popup-btn.disabled{
	pointer-events:none;
	opacity:.5;
}

.easi-popup-overlay{
	box-sizing:border-box;
}

.easi-popup-overlay *{
	box-sizing:border-box;
}

.easi-popup-overlay .content-container{
	padding-bottom:10px;
}

.easi-popup-overlay{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	overflow:hidden;
	background:rgba(0, 0, 0, .6);
	z-index:1501;
	top:0;
	left:0;
	transform:translate3d(0px,0px,0px);
}

.easi-popup-container{
	width:70%;
	height:720px;
	max-height:720px;
	position:absolute;
	top:50%;
	left:50%;
	border:5px solid #43547e;
	border-top:none;
	background:transparent;
	overflow:hidden;
	max-height:95%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.easi-popup-container .easi-popup-header{
	width:calc(100% + 1px);
	height:50px;
	display:table;
	table-layout:fixed;
	background:#43547e;
	cursor:move;
}

.easi-popup-container .easi-popup-content{
	height:calc(100% - 50px);
	background:#fff;
}

.easi-popup-container .easi-popup-header .easi-popup-title, .easi-popup-container .easi-popup-header .easi-popup-close{
	display:table-cell;
	vertical-align:middle;
}

.easi-popup-container .easi-popup-header .easi-popup-title{
	text-align:left;
	padding:0px 10px;
	font-weight:900;
	font-size:16px;
	color:#fff;
}

.easi-popup-container .easi-popup-header .easi-popup-close{
	text-align:right;
	width:50px;
}

.easi-popup-container .easi-popup-header .easi-popup-close button{
	-webkit-appearance:none;
	border:none;
	width:100%;
	height:100%;
	background:transparent;
}

.easi-popup-list-container{
	width:100%;
	height:auto;
	padding:0px;
}

.easi-popup-list-container .easi-popup-list-header{
	display:table;
	table-layout:fixed;
	width:100%;
	background:#eee;
	border-bottom:1px solid #aaa;
}

.easi-popup-list-container .easi-popup-list-header > div{
	display:table-cell;
}

.easi-popup-list-container .easi-popup-list-header > .easi-popup-list-title{
	color:#000;
	font-size:13px;
	padding:5px 10px;
}

.easi-popup-list-container .easi-popup-list-header > .easi-popup-button-wrap{
	width:30px;
}

.easi-popup-list-container .easi-popup-list-header > .easi-popup-button-wrap > button{
	border:none;
	background:none;
	color:#000;
	width:100%;
	height:100%;
}

.easi-popup-list-container .easi-popup-list-header > .easi-popup-button-wrap > button.disabled{
	display:none;
	pointer-events:none;
}

.easi-popup-list-container .easi-popup-list-content .dx-list-item-content{
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
}

.easi-popup-list-container .easi-popup-list-content .dx-item.dx-list-item, .easi-popup-list-container .easi-popup-list-content .dx-list{
	opacity:1;
}

.easi-popup-container .easi-popup-header .easi-popup-close button i{
	color:#fff;
	font-size:18px;
}

.easi-popup.btn-select-only{
	padding:0 10px;
	background:#eee;
	border-radius:3px;
	border:1px solid #aaa;
	height:22px;
}

.easi-checkbox-group{
	display:inline-block;
}

.easi-checkbox-group .dx-checkbox-has-text .dx-checkbox-text{
	font-size:12px;
}

.easi-checkbox-group .dx-checkbox{
	margin-right:10px
}

.easi-checkbox-group .dx-checkbox:last-child{
	margin-right:0px;
}

.easi-checkbox-group .dx-checkbox.all-check .dx-checkbox-icon{
	background-color:rgba(255, 255, 0, .6);
}

/* ============================================= */
.profile-image{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	margin:auto;
	display:inline-block;
	border:0px solid #fff;
	position:relative;
	z-index:1;
}

.profile-image:before{
	content:"";
	width:100%;
	height:100%;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-image:url(/resources/images/common/profile-default.jpg);
	border-radius:inherit;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.profile-image:after{
	content:"";	width:100%;	height:100%;	display:inline-block;	background-repeat:no-repeat;
	background-position:center;	background-size:cover;	background-image:inherit;	border-radius:inherit;	position:absolute;	top:0;	left:0;	z-index:2;
}

/* =============== �젣�뭹�궗吏�  ================================= */
.product-image{
	background-repeat:no-repeat;	background-position:center;	background-size:cover;	margin:auto;	display:inline-block;	border:0px solid #ccc;
	position:relative;	z-index:1;
}

.product-image:before{
	content:"";	width:100%;	height:100%;	display:inline-block;	background-repeat:no-repeat;	background-position:center;	background-size:cover;
	background-image:url(/resources/images/common/icon_noprd.png);
	background-color: silver;	border-radius:inherit;	position:absolute;	top:0;	left:0;	z-index:1;}

.product-image:after{
	content:"";	width:100%;	height:100%;	display:inline-block;	background-repeat:no-repeat;
	background-position:center;	background-size:cover;	background-image:inherit;	background-color:inherit;	border-radius:inherit;	position:absolute;	top:0;	left:0;	z-index:2;
}

.navbar > .container-fluid{	display:flex;	align-items:stretch;}
.navbar .navbar-brand{	height:auto;	padding-top:5px;	padding-bottom:5px;	padding-right:30px;}
.navbar .navbar-brand .nav-login-info{
	color:#fff;
	font-size:14px;
	padding-left:15px;
	display:inline-block;
	vertical-align:middle;
}

.nav>li>a{
	display:flex;
	align-items:center;
	height:100%;
	padding-left:10px;
	padding-right:10px;
}

.navbar .navbar-collapse{ flex:1; }  
.navbar-nav{ width:100%; }

/* .navbar-default .navbar-nav > .dropdown, .navbar .navbar-collapse, .navbar-nav, .navbar .btn-logout{
	height:100%;
} */

.dropdown-menu{ top:calc(100% - 1px); }
.navbar .navbar-header{ align-self:center; }
.tree-list{ max-height:600px; font-size:12px; }
.tree-list .dx-header-row > td > .dx-treelist-text-content{
	color:#000;
	font-weight:bold;
}

.navbar-default .navbar-toggle{
	border:none;
	background:transparent;
	color:#fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	border:none;
	background:transparent;
	color:#fff;
}

.custom-dx-number-box.align-left input[type=text]{
	text-align:left;
}

.custom-dx-number-box.align-center input[type=text]{
	text-align:center
}

.custom-dx-number-box.align-right input[type=text]{
	text-align:right
}

.dx-timeview-field .dx-numberbox{
	width:70px !important;
}

.data-grid .dx-datagrid-content.dx-datagrid-content-fixed.dx-pointer-events-target{
	padding-bottom:15px;
}

.data-grid .dx-scrollbar-horizontal .dx-scrollable-scroll{
	height:15px !important;
}

.data-grid .dx-scrollbar-horizontal.dx-scrollbar-hoverable{
	height:15px !important;
}

.data-grid .dx-scrollbar-horizontal .dx-scrollable-scroll-content{
	background:#ddd;
}

.data-grid .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content{
	padding-bottom:14px;
}

.dx-pivotgrid-area-data.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content{
	padding-bottom:14px;
}

.dx-pivotgrid-area-data.dx-scrollable.dx-scrollable-horizontal .dx-scrollable-scroll{
	height:15px !important;
}

.dx-pivotgrid-area-data.dx-scrollable.dx-scrollable-horizontal .dx-scrollbar-hoverable{
	height:15px !important;
}

/* .data-grid .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll{
	-webkit-transition:background-color .1s linear .1s, height .1s linear .1s;
	transition:background-color .1s linear .1s, height .1s linear .1s;
}

.data-grid .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible{
	-webkit-transition:background-color .1s linear .1s, height .1s linear .1s;
	transition:background-color .1s linear .1s, height .1s linear .1s;
}

.data-grid .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content{
	-webkit-transition:box-shadow .1s linear .1s, background-color .1s linear .1s;
	transition:box-shadow .1s linear .1s, background-color .1s linear .1s;
}

.data-grid .dx-scrollbar-horizontal.dx-scrollbar-hoverable{
	-webkit-transition:height .1s linear .1s, background-color .1s linear .1s;
	transition:height .1s linear .1s, background-color .1s linear .1s;
} */

.data-grid .dx-datagrid-focus-overlay{
	display:none;
}

.data-grid .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-focused{
	background:#e6e6e6
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor, .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container{
	height:30px !important;
}

.custom-popover .dx-popover-wrapper{
	width:100%;
}

.custom-popover.dx-popover .dx-toolbar-center{
	float:left !important;
}

.custom-popover.dx-popover .dx-popup-title.dx-toolbar{
	padding:10px;
}

.custom-popover.dx-popover .dx-popup-title.dx-toolbar .dx-toolbar-items-container{
	height:auto;
	padding-bottom:10px;
}

.custom-popover.dx-popover .dx-toolbar-label .dx-item-content{
	font-size:12px;
	font-weight:bold;
}

.custom-popover.dx-popover .dx-popup-content{
	padding:10px;
	font-size:11px;
}

.dx-texteditor.dx-editor-outlined{
	border-radius:3px;
	border:1px solid #aaa;
	padding:2px 10px;
	height:24px;
}

.dx-datagrid-filter-row .dx-texteditor.dx-editor-outlined{
	height:auto;
	padding:0;
	border-radius:0;
	border:1px solid #ddd;
}

.dx-treelist-filter-row .dx-texteditor.dx-editor-outlined{
	height:auto;
	padding:0;
	border-radius:0;
	border:1px solid #ddd;
}

.fr-view.no-border table td:not(.fr-selected-cell), .fr-view.no-border table th:not(.fr-selected-cell),
.fr-view table td.no-border:not(.fr-selected-cell), .fr-view table th.no-border:not(.fr-selected-cell){
	border:0;
}

.fr-view table td.froala-cell-style1:not(.fr-selected-cell), .fr-view table th.froala-cell-style1:not(.fr-selected-cell){
	border:0.5px solid #aaa !important;
}

.fr-view .froala-cell-style2{
	padding-left:10px;
	padding-right:10px;
}

.fr-view .page-break-hr{
	page-break-after:always;
	height:0px !important;
	border-bottom:1px dashed #000 !important;
	background:transparent !important;
	color:transparent !important;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:0;
	margin-bottom:0;
}

.fr-view .page-break-hr.no-border{
	border:none !important;
}

.fr-view{
	line-height:1.4;
}

.fr-view.no-border p{
	width:calc(100% - 0.5px);
}

/* table tr .froala-cell-style1, .fr-view table td.froala-cell-style1:not(.fr-selected-cell), .fr-view table th.froala-cell-style1:not(.fr-selected-cell){
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
}

table tr .froala-cell-style1:last-child, .fr-view table td.froala-cell-style1:last-child:not(.fr-selected-cell), .fr-view table th.froala-cell-style1:last-child:not(.fr-selected-cell){
	border-right:1px solid #aaa;
}

table tr:last-child .froala-cell-style1, .fr-view table tr:last-child td.froala-cell-style1:not(.fr-selected-cell), .fr-view table tr:last-child th.froala-cell-style1:not(.fr-selected-cell){
	border-bottom:1px solid #aaa;
} */

.dx-popup-content > .dx-scrollable.dx-scrollable-native > .dx-scrollable-wrapper > .dx-scrollable-container{
	max-height:none;
}
body.horizontal .sticky-layout{
	-webkit-transform:translateY(0) !important;
	-moz-transform:translateY(0) !important;
	-o-transform:translateY(0) !important;
	transform:translateY(0) !important;
	height:auto !important;
}

/* ===================================================================================================== */
@media all and (max-width:992px) {
	#commonBtnChangeDivision{ display:none; }

	.es_searchbar .es_search_option_wrap { display:block; }                         /* 모바일에서지정 중요 */
	.es_searchbar .es_search_option_wrap .es_search_option > div { display:inline-flex;flex-direction:row;padding:3px 0px;vertical-align:top;}
	.es_searchbar .es_search_option_wrap .es_search_option > div > .es_search_label { vertical-align:top;font-weight:bold;text-align:right;padding-right:5px;padding-top:7px; width:100px!important;}
	.es_searchbar .es_search_option_wrap .es_search_option > div > .es_search_content           {  padding:3px}
	.es_searchbar .es_search_option_wrap .es_search_option > div > .es_search_content .es_input { width:auto;margin:0;margin-bottom:3px;}

	.searchbar                { display:block; padding:0; }
	.searchbar > div          { display:block; padding:10px 5px; }
	.searchbar > .menu-title  { padding-top:10px; padding-bottom:10px; }
	.searchbar > .search-form { padding-top:8px; padding-bottom:8px; text-align:left; position:relative; }
	.searchbar > .search-form > .search-input-wrap{ clear:both; float:left; margin-bottom:10px; }
	.searchbar > .search-form > .search-btn-wrap{ position:absolute; bottom:15px; right:15px; }
	.searchbar > .search-form .div { display:block; }
	.searchbar .btn{ padding:10px; width:60px; vertical-align:middle; margin-left:0px; }
	
	.col-m-1{padding:5px;float:left;width:8.333%}
	.col-m-2{padding:5px;float:left;width:16.666%}
	.col-m-3{padding:5px;float:left;width:25%}
	.col-m-4{padding:5px;float:left;width:33.333%}
	.col-m-5{padding:5px;float:left;width:41.666%}
	.col-m-6{padding:5px;float:left;width:50%}
	.col-m-7{padding:5px;float:left;width:58.333%}
	.col-m-8{padding:5px;float:left;width:66.666%}
	.col-m-9{padding:5px;float:left;width:75%}
	.col-m-10{padding:5px;float:left;width:83.333%}
	.col-m-11{padding:5px;float:left;width:91.666%}
	.col-m-12{padding:5px;float:left;width:100%}

	.easi-form-container .col-m-1{float:none;}
	.easi-form-container .col-m-2{float:none;}
	.easi-form-container .col-m-3{float:none;}
	.easi-form-container .col-m-4{float:none;}
	.easi-form-container .col-m-5{float:none;}
	.easi-form-container .col-m-6{float:none;}
	.easi-form-container .col-m-7{float:none;}
	.easi-form-container .col-m-8{float:none;}
	.easi-form-container .col-m-9{float:none;}
	.easi-form-container .col-m-10{float:none;}
	.easi-form-container .col-m-11{float:none;}
	.easi-form-container .col-m-12{float:none;}

	.navbar .navbar-brand .nav-login-info{ display:none; }

	.data-grid-popup-container .data-grid-popup{ width:100%; height:100%; top:0; left:0; border-radius:0px; }
	.data-grid-popup-container .data-grid-popup .popup-content-wrap .box-item{ width:100%; }

	.easi-popup-container{
		width:100% !important;
		height:100% !important;
		max-height:100% !important;
		top:0 !important;
		left:0 !important;
		border:none;
		background:#fff;
		overflow:hidden;
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
		transform:none;
	}
}




/* ===================================================================================================== */
@media all and (max-width:768px) {
	.sticky-layout{
		-webkit-transform:translateY(0) !important;
		-moz-transform:translateY(0) !important;
		-o-transform:translateY(0) !important;
		transform:translateY(0) !important;
		height:auto !important;
	}

	.col-s-1{padding:5px;float:left;width:8.333%}
	.col-s-2{padding:5px;float:left;width:16.666%}
	.col-s-3{padding:5px;float:left;width:25%}
	.col-s-4{padding:5px;float:left;width:33.333%}
	.col-s-5{padding:5px;float:left;width:41.666%}
	.col-s-6{padding:5px;float:left;width:50%}
	.col-s-7{padding:5px;float:left;width:58.333%}
	.col-s-8{padding:5px;float:left;width:66.666%}
	.col-s-9{padding:5px;float:left;width:75%}
	.col-s-10{padding:5px;float:left;width:83.333%}
	.col-s-11{padding:5px;float:left;width:91.666%}
	.col-s-12{padding:5px;float:left;width:100%}

	.easi-form-container .col-s-1{float:none;}
	.easi-form-container .col-s-2{float:none;}
	.easi-form-container .col-s-3{float:none;}
	.easi-form-container .col-s-4{float:none;}
	.easi-form-container .col-s-5{float:none;}
	.easi-form-container .col-s-6{float:none;}
	.easi-form-container .col-s-7{float:none;}
	.easi-form-container .col-s-8{float:none;}
	.easi-form-container .col-s-9{float:none;}
	.easi-form-container .col-s-10{float:none;}
	.easi-form-container .col-s-11{float:none;}
	.easi-form-container .col-s-12{float:none;}

	.navbar-nav{ margin:0px -15px; }
	.navbar .navbar-collapse, .container-fluid > .navbar-collapse{ background-color:#444; border:0px; }

	.navbar > .container-fluid{
		display:block;
	}

	.navbar .navbar-header .navbar-brand-wrap{
		display:table;
		width:100%;
	}

	.navbar .navbar-header .navbar-brand-wrap > div{
		display:table-cell;
		vertical-align:middle;
	}

	.navbar .navbar-header .navbar-brand-wrap > div:last-child{
		text-align:right;
	}

	.navbar .navbar-header .navbar-brand-wrap > div:last-child > .navbar-toggle{
		margin-top:4px;
		margin-bottom:8px;
	}

	.navbar .login-user-name > span{
		display:block;
	}

	.navbar .navbar-brand{
		padding-right:0px;
	}

	.navbar .dropdown-menu{
		position:static;
		width:100%;
		float:none;
	}
	
	.navbar-nav{
		width:auto;
	}

	.navbar-nav .dropdown{
		border-top:1px solid rgba(255,255,255,.4);
	}
	
	.navbar-default .navbar-nav > .dropdown > a, .navbar-default .navbar-nav > .dropdown > a:focus{
		padding: 10px 7px;padding-left:15px;
	}
	.navbar-default .navbar-nav > .dropdown > a  {	font-size:15px;}  /* 모바일에서 대메뉴 */

	.navbar-nav .dropdown .dropdown-menu > li.menu-group-div{
		border-color:#fff;
	}

	.navbar-default .navbar-nav > .dropdown, .navbar .navbar-collapse, .navbar-nav{
		height:auto;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		color:#eee;
		display:inline-block;
		width:100%;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{ color:#ccc; }

	.nav > li > a { display:block; }

	.navbar .btn-logout{ border-top:1px solid rgba(255,255,255,.4); }

	/* .navbar .btn-logout a:before{
		content:"로그아웃 ";
		font-size:14px;
		font-weight:normal;
		margin-right:5px;
	} */

	.custom-dx-radiogroup:not(.dx-radiogroup-vertical) .dx-widget.dx-collection{
		position:static;
	}
}

/* ===================================================================================================== */
@media all and (max-width:480px) {
	.custom-dx-date-box .dx-dropdowneditor-input-wrapper{
		position:relative;
	}

	.custom-dx-date-box .dx-dropdowneditor-button.dx-button-mode-contained{
		width:22px;
		min-width:22px;
	}

	.custom-dx-date-box .dx-texteditor-buttons-container{
		position:absolute;
		top:0;
		right:0;
		height:100%;
	}

	.custom-dx-date-box .dx-dropdowneditor-button.dx-button-mode-contained .dx-dropdowneditor-icon{
		width:20px;
	}

	.custom-dx-date-box .dx-texteditor-input-container{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}

	.custom-dx-date-box .dx-texteditor-input{
		width:100%;
	}
}