ol, ul {
  list-style: none;
}

.main-title {
  background-color:#02386E;
	font-weight:bold;
}
.main-title h4{
	font-weight:bold;
}

.null-partner-row .x-grid-cell {
    background-color: #abf8ab74;
}

.gnb_area {
	*zoom: 1;
	display: none;
}
/* End 2020-03-18 rjh */
.gnb_area:after {
	display: block;
	content: "";
	clear: both;
}

#wrap_gnb .gnb_area .logo_company {
	display: none;
}
/*
    Start 2020-03-23 rjh 로고 나타내는 부분 너비와 높이, 위치 조정
*/
.logo_company {
	position: absolute;
	display: block;
	width: 220px;
	height: 70px;
	top: 0px;
	left: 0px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('/uploadfiles/logo/corporation_logo.png'),url('/uploadfiles/logo/null_logo.png') no-repeat 0 0;
}
/*
    End 2020-03-23 rjh
*/
.btn_fold {
	position: absolute;
	right: 25px;
	bottom: -28px;
	width: 38px;
	height: 28px;
	z-index: 10;
}

.btn_fold a {
	display: block;
	width: 38px;
	height: 28px;
	text-indent: -9999px;
	background: url('../img/main/gnb_fold.png') no-repeat 0 0;
	overflow: hidden;
}

.top_menu .x-panel-body-default {
	border:0px solid;
}

.gnb {
	height:60px;
	*zoom: 1;
	padding:0px;
	margin:0px;
	position: relative;
	/* Start 2020-02-27 rjh 상단 메뉴 영역이 가려지기 때문에 가로 스크롤이 생기도록 변경
       width: 90%에서 100%로 변경
       white-space: nowrap 추가
       overflow-x: scroll 추가
       overflow-y: hidden 추가
       height: 85px 추가했지만 어색해서 다시 주석처리 나중에 스크롤바를 보고 싶다면 주석을 풀고 사용할 것
       End 2020-02-27 rjh  */
	width: 100%;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	/*     height: 85px; */
}
.gnb::-webkit-scrollbar {
	height:3px;
}

.gnb::-webkit-scrollbar-thumb {
  background: linear-gradient(75deg, #bbbbbb, #4a4b50);
  border-radius: 10px;
}

.gnb:after {
	display: block;
	content: "";
	clear: both;
}

.gnb .cate {
	/* Start 2020-02-27 rjh 상단 메뉴 영역이 가려지기 때문에 가로 스크롤이 생기도록 변경
       float: left에서 unset으로 변경
       display: inline-block 추가
       max-width: 150px로 변경
       End 2020-02-27 rjh */
	position: relative;
	float: unset;
	width: auto;
	border-right: 1px solid #646667;
	max-width: 150px;
	/* Start 2020-03-18 rjh padding: 0px 15px;를 주석처리 */
	/* padding: 0px 15px; */
	/* End 2020-03-18 rjh */
	display: inline-block;
}

.gnb .cate a {
	display: block;
	height: 60px;
	color: #fff;
	font-size: 13px;
	line-height: 60px;
	font-weight: bold;
	text-align: center;
}



.gnb .cate a {
	height: 60px;
	padding-top: 38px;
	font-size: 12px;
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-position: center 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* Start 2020-03-18 rjh padding-left: 15px; padding-right: 15px;를 추가 */
	padding-left: 5px;
	padding-right: 5px;
	/* End 2020-03-18 rjh */
}

.gnb .cate:nth-child(1) {
	border-left: 1px solid #646667;
}

/*
.gnb .cate:nth-child(1) a {
	background-image: url('../img/main/gnb01.png');
}

.cate:nth-child(2) a {
	background-image: url('../img/main/gnb02.png');
	background-size: 25px;
}

.cate:nth-child(3) a {
	background-image: url('../img/main/gnb03.png');
	background-size: 25px;
}

.cate:nth-child(4) a {
	background-image: url('../img/main/gnb04.png');
	background-size: 25px;
}

.cate:nth-child(5) a {
	background-image: url('../img/main/gnb05.png');
	background-size: 25px;
}

.cate:nth-child(6) a {
	background-image: url('../img/main/gnb06.png');
	background-size: 25px;
}

.cate:nth-child(7) a {
	background-image: url('../img/main/gnb07.png');
	background-size: 25px;
}

.cate:nth-child(8) a {
	background-image: url('../img/main/gnb01.png');
	background-size: 25px;
}

.cate:nth-child(9) a {
	background-image: url('../img/main/gnb02.png');
	background-size: 25px;
}

.cate:nth-child(10) a {
	background-image: url('../img/main/gnb03.png');
	background-size: 25px;
}

.cate:nth-child(11) a {
	background-image: url('../img/main/gnb04.png');
	background-size: 25px;
}

.cate:nth-child(12) a {
	background-image: url('../img/main/gnb05.png');
	background-size: 25px;
}

.cate:nth-child(13) a {
	background-image: url('../img/main/gnb06.png');
	background-size: 25px;
}

.cate:nth-child(14) a {
	background-image: url('../img/main/gnb07.png');
	background-size: 25px;
}

.gnb .cate:nth-child(1) a:hover, .gnb .cate:nth-child(1) a.on
	{
	background-image: url('../img/main/gnb01_on.png');
}

.cate:nth-child(2) a:hover, .cate:nth-child(2) a.on
	{
	background-image: url('../img/main/gnb02_on.png');
}

.cate:nth-child(3) a:hover, .cate:nth-child(3) a.on
	{
	background-image: url('../img/main/gnb03_on.png');
}

.cate:nth-child(4) a:hover, .cate:nth-child(4) a.on
	{
	background-image: url('../img/main/gnb04_on.png');
}

.cate:nth-child(5) a:hover, .cate:nth-child(5) a.on
	{
	background-image: url('../img/main/gnb05_on.png');
}

.cate:nth-child(6) a:hover, .cate:nth-child(6) a.on
	{
	background-image: url('../img/main/gnb06_on.png');
}

.cate:nth-child(7) a:hover, .cate:nth-child(7) a.on
	{
	background-image: url('../img/main/gnb07_on.png');
}

.cate:nth-child(8) a:hover, .cate:nth-child(8) a.on
	{
	background-image: url('../img/main/gnb01_on.png');
}

.cate:nth-child(9) a:hover, .cate:nth-child(9) a.on
	{
	background-image: url('../img/main/gnb02_on.png');
}

.cate:nth-child(10) a:hover, .cate:nth-child(10) a.on
	{
	background-image: url('../img/main/gnb03_on.png');
}

.cate:nth-child(11) a:hover, .cate:nth-child(11) a.on
	{
	background-image: url('../img/main/gnb04_on.png');
}

.cate:nth-child(12) a:hover, .cate:nth-child(12) a.on
	{
	background-image: url('../img/main/gnb05_on.png');
}

.cate:nth-child(13) a:hover, .cate:nth-child(13) a.on
	{
	background-image: url('../img/main/gnb06_on.png');
}

.cate:nth-child(14) a:hover, .cate:nth-child(14) a.on
	{
	background-image: url('../img/main/gnb07_on.png');
}
*/

/* 왼쪽메뉴 */

div:has(.lnb){
	height:100%;
}
.lnb{
	height:100%;
}
.lnb h3 {
	background-color:white;
	padding: 5px 10px 5px 10px !important;
	margin:0px 0px 0px 0px;
	/* background: none !important; */
	position: relative;
	color: #444;
	font-size: 12px;
	line-height: 1.5em;
	border-bottom: 0.1px solid #eee;
	display: block;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	-webkit-font-smoothing: antialiased;
}

.lnb h3:hover {
	background-color:lightyellow;
	padding: 5px 10px 5px 10px !important;
	margin:0px 0px 0px 0px;
	/* background: none !important; */
	position: relative;
	color: #444;
	font-size: 12px;
	line-height: 1.5em;
	border-bottom: 0.1px solid #eee;
	display: block;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	-webkit-font-smoothing: antialiased;
}

.middlemenu .x-panel-header-default {
	background-image:none;
	border:0px;
	box-shadow:none;
}
.middlemenu .x-panel-body-default {
	background-image:none;
	border:0px;
	box-shadow:none;
}
.middlemenu .x-panel-header {
	background-color:#00184E;
	border:2px solid #00184E;
}
.middlemenu .x-panel-header-title-default > .x-title-text-default{
	padding:7px 16px;
	border:0px;
}
.middlemenu .x-title-text{
	background-color:#00184E;
	color:white !important;
	font-size:14px !important;
	padding:3px 2px;
}
.middlemenu  {
	box-shadow:none !important;
}

.x-panel-header-default-vertical.middlemenu{
	background-image:none !important;
	background-color:#02386E !important;
}
.leftmenu .x-panel-header-title-default > .x-title-text-default{
	padding:4px 16px;
	background-color:#02386E;
}

.leftmenu .x-panel-header-default {
	font-weight:100;
	font-size:14px;
	padding:0px 2px;
	background: linear-gradient(75deg, #02386E 0px, #02386E 100px) !important;
	color:white;
  border-radius: 0px;
	border:0px;
	box-shadow:none;
}

.leftmenu .x-panel-header-title {

	color:white;
	font-size:14px;
	padding:3px 2px;
	border:0px;
}

.leftmenu .x-accordion-hd .x-panel-header-title{
	font-weight:bold !important;
	color:white !important;
	box-shadow:none;
}

.leftmenu .x-accordion-hd .x-tool-tool-el {
	background-color:transparent !important;
}
.leftmenu .x-title-text{
	background-color:#02386E;
	color:white !important;
	font-size:14px !important;
	font-weight:100;
	padding:3px 2px;
}



.gnb::-webkit-scrollbar-thumb {
  background: linear-gradient(75deg, #bbbbbb, #4a4b50);
  border-radius: 10px;
}

/* 타이틀 */
h4 {
	display: block;
	margin-block-start: 1.33em;
	margin-block-end: 1.33em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
}
.title h4 {
	padding-left: 0px;
	font-size: 16px;
	font-weight: 600;
	/*background: url(../images/ico_tit_capsule.png) no-repeat 0 center;*/
	margin:0px;
}


/* 조회영역 */

.searchArea .x-panel-header-default-collapsed-border-top{
	height:0px;
	padding:0px;
	margin:0px;
	border:0px;
}



.x-btn.pop-top {
	background-color: #02386E !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
	height:32px;
	width:32px;
}
.x-btn.pop-top:hover {
	background-color: #0052A2 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
}
.pop-top .x-btn-inner {
	font-size:12px;
	color:white;
}
.pop-top .x-btn-icon-el {
	color:white;
	font-weight:1;
}

.x-btn.pop-top.x-btn-focus.x-btn-pressed{
	background-color: #0052A2 !important;
	background-image: none;
}
.x-btn.pop-top.x-btn-over.x-btn-pressed{
	background-color: #0052A2 !important;
	background-image: none;
}


.x-btn.action {
	background-color: #02386E !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
	padding: 6px 10px 6px 10px;
}
.x-btn.action:hover {
	background-color: #0052A2 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
	padding: 6px 10px 6px 10px;
}
.action .x-btn-inner {
	font-size:12px;
	color:white;
	font-weight:500;
}
.action .x-btn-icon-el {
	color:white;
	font-weight:1;
}
.x-btn.action.x-btn-focus.x-btn-pressed{
	background-color: #01285E !important;
	background-image: none;
}
.x-btn.action.x-btn-over.x-btn-pressed{
	background-color: #01285E !important;
	background-image: none;
}

/* button */
.x-btn.action-db {
	background-color: darkgreen !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid darkgreen;
	color: white;
	padding: 6px 10px 6px 10px;
}
.x-btn.action-db:hover {
	background-color: green !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid green;
	color: white;
	padding: 6px 10px 6px 10px;
}
.action-db .x-btn-inner {
	font-size:12px;
	color:white;
	font-weight:500;
}
.action-db .x-btn-icon-el {
	color:white;
	font-weight:1;
}
.x-btn.action-db.x-btn-focus.x-btn-pressed{
	background-color: yellowgreen !important;
	background-image: none;
}
.x-btn.action-db.x-btn-over.x-btn-pressed{
	background-color: yellowgreen !important;
	background-image: none;
}

.x-btn.x-btn-disabled.x-btn-default-small {
	background-image:none !important;
	background-color: darkgray !important;
	border: 0.5px solid darkgray !important;
}
/*
.x-btn.x-item-disabled.action-db {
	background-color: darkgray !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid darkgray;
	color: white;
	padding: 6px 10px 6px 10px;
}
.x-btn.action-db .x-item-disabled:hover {
	background-color: darkgray !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid darkgray;
	color: white;
	padding: 6px 10px 6px 10px;
}
*/

.x-btn.black {
	background-color: #000 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #fff;
	color: white;
	padding: 6px 10px 6px 10px;
}
.x-btn.black:hover {
	background-color: #333 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #fff;
	color: white;
	padding: 6px 10px 6px 10px;
}
.black .x-btn-inner {
	font-size:12px;
	color:white;
	font-weight:500;
}
.black .x-btn-icon-el {
	color:white;
	font-weight:1;
}
.x-btn.black.x-btn-focus.x-btn-pressed{
	background-color: #444 !important;
	background-image: none;
}
.x-btn.black.x-btn-over.x-btn-pressed{
	background-color: #444 !important;
	background-image: none;
}



.top_menu .x-btn.x-btn-pressed {
	background-color:#12488E !important;
	background-image:none !important;
	border-left:0px;
	border-right:0px;
	border-bottom:4px solid white !important;
}


.x-btn.sub {
	background-color: #12488E !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
	padding: 3px 5px 3px 5px;
}
.x-btn.sub:hover {
	background-color: #2258AE !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
	padding: 3px 5px 3px 5px;
}
.sub .x-btn-inner {
	font-size:12px;
	color:white;
	font-weight:100;
}
.sub .x-btn-icon-el {
	color:white;
}
.x-btn.sub.x-btn-focus.x-btn-pressed{
	background-color: #184090 !important;
	background-image: none;
}
.x-btn.sub.x-btn-over.x-btn-pressed{
	background-color: #184090 !important;
	background-image: none;
}

.x-btn.sub-link {
	background-color: #ffffff !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: #12488E;
	font-weight:700;
	padding: 3px 5px 3px 5px;
}
.x-btn.sub-link:hover {
	background-color: #ffffff !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #6298EE;
	color: #12488E;
	padding: 3px 5px 3px 5px;
}
.sub-link .x-btn-inner {
	font-size:12px;
	color:#12488E;
	font-weight:700;
}
.sub-link .x-btn-icon-el {
	color:#12488E;
}
.x-btn.sub-link.x-btn-focus.x-btn-pressed{
	background-color: #ffffff !important;
	background-image: none;
}

.x-btn.sub-link.x-btn-over.x-btn-pressed{
	background-color: #ffffff !important;
	background-image: none;
}

.x-btn.sub-db {
	background-color: darkgreen !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid darkgreen;
	color: white;
	padding: 3px 5px 3px 5px;
}
.x-btn.sub-db:hover {
	background-color: green !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid green;
	color: white;
	padding: 3px 5px 3px 5px;
}
.sub-db .x-btn-inner {
	font-size:12px;
	color:white;
	font-weight:100;
}
.sub-db .x-btn-icon-el {
	color:white;
}

.x-btn.sub-db.x-btn-focus.x-btn-pressed{
	background-color: yellowgreen !important;
	background-image: none;
}

.x-btn.sub-db.x-btn-over.x-btn-pressed{
	background-color: yellowgreen !important;
	background-image: none;
}


.x-btn.sub-red {
	background-color: #B31B1B !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #B31B1B;
	color: white;
	padding: 3px 5px 3px 5px;
}
.x-btn.sub-red:hover {
	background-color: #C32B2B !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #7C0A02;
	color: white;
	padding: 3px 5px 3px 5px;
}
.sub-red .x-btn-inner {
	font-size:12px;
	color:white;
	font-weight:100;
}
.sub-red .x-btn-icon-el {
	color:white;
}

.x-btn.sub-green {
	background-color: green !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid green;
	color: white;
	padding: 3px 5px 3px 5px;
}
.x-btn.sub-green:hover {
	background-color: greenyellow !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid green;
	color: white;
	padding: 3px 5px 3px 5px;
}
.sub-green .x-btn-inner {
	font-size:12px;
	color:white;
	font-weight:100;
}
.sub-green .x-btn-icon-el {
	color:white;
}



.x-btn.sub-orange {
	background-color: orangered !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid orange;
	color: white;
	padding: 3px 5px 3px 5px;
}
.x-btn.sub-orange:hover {
	background-color: orange !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid orangered;
	color: white;
	padding: 3px 5px 3px 5px;
}
.sub-orange .x-btn-inner {
	font-size:12px;
	color:white;
	font-weight:100;
}
.sub-orange .x-btn-icon-el {
	color:white;
}


.x-btn.sub-gray {
	background-color: darkgray !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid lightgray;
	color: white;
	padding: 3px 5px 3px 5px;
}
.x-btn.sub-gray:hover {
	background-color: lightgray !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid darkgray;
	color: white;
	padding: 3px 5px 3px 5px;
}
.sub-gray .x-btn-inner {
	font-size:12px;
	color:black;
	font-weight:100;
}
.sub-gray .x-btn-icon-el {
	color:black;
}

.x-btn.sub_white {
	background-color: white !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
	padding: 3px 5px 3px 5px;
}
.x-btn.sub_white:hover {
	background-color: white !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #6298EE;
	color: white;
	padding: 3px 5px 3px 5px;
}
.sub_white .x-btn-inner {
	font-size:12px;
	color:#12488E;
	font-weight:bold;
}
.sub_white .x-btn-icon-el {
	color:#12488E;
}
.sub_white .x-btn-inner:hover {
	font-size:12px;
	color:#6298EE;
	font-weight:bold;
}
.sub_white .x-btn-icon-el:hover {
	color:#6298EE;
}

.x-btn.link {
	background-color: #ffffff !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: #12488E;
	padding: 6px 10px 6px 10px;
}
.x-btn.link:hover {
	background-color: #ffffff !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #6298EE;
	color: #6298EE;
	padding: 6px 10px 6px 10px;
}
.link .x-btn-inner {
	font-size:12px;
	color:#12488E;
	font-weight:bold;
}
.link .x-btn-icon-el {
	color:#12488E;
}
.link .x-btn-inner:hover {
	font-size:12px;
	color:#6298EE;
	font-weight:bold;
}
.link .x-btn-icon-el:hover {
	color:#6298EE;
}


.x-btn.main_bottom {
	background-color: #02386E !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
}
.x-btn.main_bottom:hover {
	background-color: #0052A2 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;

}
.main_bottom .x-btn-inner {
	font-size:12px;
	color:white;
	font-weight:500;
}
.main_bottom .x-btn-icon-el {
	color:white;
	font-weight:1;
}

/* button */
.x-btn.pop {
	background-color: #02386E !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
	height:20px;
	width:20px;
}
.x-btn.pop:hover {
	background-color: #0052A2 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
}
.pop .x-btn-inner {
	font-size:12px;
	color:white;
}
.pop .x-btn-icon-el {
	color:white;
	font-weight:1;
}

.x-btn.pop.x-btn-focus.x-btn-pressed{
	background-color: #0052A2 !important;
	background-image: none;
}
.x-btn.pop.x-btn-over.x-btn-pressed{
	background-color: #0052A2 !important;
	background-image: none;
}

/* button */
.x-btn.gridpop {
	background-color: #02386E !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
}
.x-btn.gridpop:hover {
	background-color: #0052A2 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
}
.gridpop .x-btn-inner {
	font-size:11px;
	color:white;
}
.gridpop .x-btn-icon-el {
	color:white;
	font-weight:1;
}
.x-btn.gridpop.x-btn-focus.x-btn-pressed{
	background-color: #0052A2 !important;
	background-image: none;
}
.x-btn.gridpop.x-btn-over.x-btn-pressed{
	background-color: #0052A2 !important;
	background-image: none;
}


/* button */
.x-btn.page_control {
	background-color: #02386E !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
}
.x-btn.page_control:hover {
	background-color: #0052A2 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
}
.x-btn.x-btn-pressed.page_control {
	background-color: #0052A2 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
}
.x-btn.page_control.x-btn-focus.x-btn-pressed{
	background-color: #0052A2 !important;
	background-image: none;
}

.x-btn.page_control.x-btn-over.x-btn-pressed{
	background-color: #0052A2 !important;
	background-image: none;
}


.page_control .x-btn-inner {
	font-size:11px;
	color:white;
}
.page_control .x-btn-icon-el {
	color:white;
	font-weight:1;
}

.x-btn.page_control_current {
	background-color: rgb(4, 147, 229) !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid rgb(4, 147, 229);
	color: white;
}
.x-btn.page_control_current:hover {
	background-color: rgb(4, 147, 229) !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid rgb(4, 147, 229);
	color: white;
}
.page_control_current .x-btn-inner {
	font-size:11px;
	color:white;
}
.page_control_current .x-btn-icon-el {
	color:white;
	font-weight:1;
}
.x-btn.x-btn-pressed.page_control_current {
	background-color: #0052A2 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
}
.x-btn.page_control_current.x-btn-pressed {
	background-color: #0052A2 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
}

/* button */
.x-btn.login {
	background-color: #0493e5 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #0493e5;
	color: white;
	padding: 6px 10px 6px 10px;
	font-size:18px;
}
.x-btn.login:hover {
	background-color: #0052A2 !important;
	background-image: none;
	border-radius: 0px;
	border: 0.5px solid #12488E;
	color: white;
	padding: 6px 10px 6px 10px;
}
.login .x-btn-inner {
	font-size:18px;
	color:white;
	font-weight:500;
}
.login .x-btn-icon-el {
	color:white;
	font-weight:1;
}

.x-btn.login.x-btn-focus.x-btn-pressed{
	background-color: #12488E !important;
	background-image: none;
}
.x-btn.login.x-btn-over.x-btn-pressed{
	background-color: #12488E !important;
	background-image: none;
}



.exgrid .x-column-header {
	background-image:none;
	background-color:#eee;
}

.exgrid .x-grid-row {
	height:25px;
}

.exgrid .x-column-header-over {
	background-image:none;
}

.exgrid.x-panel-default  {
  /*border-top:2px solid #02386E !important;*/
  border-top:2px solid #2D4A55 !important;
	/*
	border-top:3px solid transparent;
	border-image: linear-gradient(0.25turn, #02386E,  #f6f6f6);
	border-image-slice: 1;background-color:#f6f6f6;
	*/
}
.exgrid .x-grid-cell-row-numberer {
	background-image:none;
	background-color:#f2f2f2 !important;
}
.exgrid .x-grid-cell-inner-row-numberer{
	background-color:#f2f2f2 !important;
}
/* 그리드 폰트 사이즈 증가 */
.exgrid .x-column-header-text{
	font-size:12px;
}
.exgrid .x-grid-cell-inner {
	font-size:12px;
	padding:4px 6px 5px;
}


@media (max-width: 768px) {
    .exgrid .x-column-header-text {
        font-size: 14px; 
        font-weight: bold;
        font-family: 'Roboto', 'Arial', sans-serif;
    }

    .exgrid .x-grid-cell-inner {
        font-size: 14px; 
        padding: 6px 8px 7px; 
        font-weight: bold;
        font-family: 'Roboto', 'Arial', sans-serif; 
		line-height: 1.8 !important;
    }

    .x-form-item-label-default {
        font-size: 12px !important;
        font-weight: bold !important;
        font-family: 'Roboto', 'Arial', sans-serif !important; 
    }

    .x-form-text-default {
        font-size: 12px !important;
        font-weight: bold !important;
        font-family: 'Roboto', 'Arial', sans-serif !important; 
    }

    .x-window-body-default {
        font-size: 12px !important; 
		font-weight: bold !important;
        font-family: 'Roboto', 'Arial', sans-serif !important; 
        line-height: 1.5 !important; 
    }
	.x-grid-td {
		align-content: center !important;
	}

	.x-panel-body-default {
		font-size: 12px !important; 
		font-weight: bold !important;
		font-family: 'Roboto', 'Arial', sans-serif !important; 
	}
	button.grid-link {
		font-size:24px !important;
	}
	.x-btn.sub {
		height: 40px;
	}
	.x-btn.sub-db {
		height: 40px;
	}
	.x-btn.sub-link {
		height: 40px;
	}

	.x-box-layout-ct.x-panel-body-default {
		transform: scale(1.07);
	}

	.x-tool-close {
		transform: scale(1.4);
	}

	#pdf-container {
		touch-action: auto;
	}


}



.extreegrid .x-column-header {
	background-image:none;
	background-color:#eee;
}

.extreegrid .x-column-header-over {
	background-image:none;
}

.extreegrid.x-panel-default  {
  /*border-top:2px solid #02386E !important;*/
  border-top:2px solid #2D4A55 !important;
	/*
	border-top:3px solid transparent;
	border-image: linear-gradient(0.25turn, #02386E,  #f6f6f6);
	border-image-slice: 1;background-color:#f6f6f6;
	*/
}
.extreegrid .x-grid-cell-row-numberer {
	background-image:none;
	background-color:#f2f2f2 !important;
}
.extreegrid .x-grid-cell-inner-row-numberer{
	background-color:#f2f2f2 !important;
}
/* 그리드 폰트 사이즈 증가 */
.extreegrid .x-column-header-text{
	font-size:12px;
}
.extreegrid .x-grid-cell-inner {
	font-size:12px;
	padding:4px 6px 5px;
}

/* 그리드 타이틀 */
.prestar .x-column-header-text-inner:before {
	content:'* ';
	color:red;
}

.prestar_y .x-column-header-text-inner:before {
	content:'* ';
	color:yellow;
}

.prestar_y .x-column-header-inner{
	background-color:#0493e5;

}
.editable .x-column-header-inner{
	background-color:#ccf4ff;
}

/*
.prestar .x-form-item-label-default:before {
	content:'* ';
	color:red;	
}
*/
.prestar .x-form-item-label-inner:before {
	content:'* ';
	color:red;	
}



.extabpanel .x-tab-default-top {
	background-image:none !important;
	background-color:#eaeaea !important;
	border-radius:0px !important;
	box-shadow: none !important;
}
.extabpanel .x-tab-active.x-tab-default-top {
	background-image:none !important;
	background-color:white !important;
	border-bottom:2px solid #02386E !important;
	
}

.extabpanel.x-tab-default-top{
	border-top-left-radius:none !important;
	border-top-right-radius:none !important;
}
.extabpanel .x-tab-bar-default-top {
	background-image:none;
	/*background-color:#eee !important;*/
}
/* .x-tab-bar-default-top */

.exmaintab .x-tab-default-bottom {
	background-image:none !important;
	background-color:#eaeaea !important;
	border-radius:0px !important;
	box-shadow: none !important;
}
.exmaintab .x-tab-active.x-tab-default-bottom {
	background-image:none !important;
	background-color:white !important;
	border-bottom:3px solid #02386E !important;
}

.exmaintab.x-tab-default-bottom{	
	border-top-left-radius:none !important;
	border-top-right-radius:none !important;
}

.exfile .x-btn-default-small{
	border-color:#02386E;
	background-color:#02386E !important;
	background-image:none;
	color:white;
	border-radius:0;
}
.exfile .x-form-file-input {
	border-color:#02386E;
	background-color:#02386E !important;
	background-image:none;
	color:white;
}
.exfile .x-btn-inner-default-small  {
	border-color:#02386E;
	background-color:#02386E !important;
	background-image:none;
	color:white;
}
.exfile  .x-form-file-btn.x-btn-over  {  /* */
	border-color:#12488E;
	background-color:#12488E !important;
	background-image:none;
	color:white;
}
.exfile .x-btn-default-small:hover{
	border-color:#12488E;
	background-color:#12488E !important;
	background-image:none;
	color:white;
}
/*
.exmaintab .x-panel-body-default {
	border-width:0px !important;
}
*/
/*x-panel exmaintab x-border-item x-box-item x-panel-default*/

/* search area */
.search.x-toolbar-default {
	background-image:none;
	background-color:transparent;
	border:0px;
}

button.grid {
	font-size:11px;
	height:19px;
	border-radius:0px;
	background-color:#02386E;
	color:white;
	border:0px;
	font-weight:1;
}

button.grid-link {
	font-size:11px;
	height:19px;
	border-radius:0px;
	border:1px solid #02386E;
	color:#02386E;
	background-color:white;

	font-weight:600;
}


.x-window-default.windowmain {
	border-radius:0px !important;
}
.windowmain .x-window-header-default-top {
	border-top-left-radius:0px !important;
	border-top-right-radius:0px !important;
}

.login_select .x-form-text-wrap-default {
	border:0px !important;
}
.login .x-form-text-wrap-default {
	border:0px;
}
/*
.login .x-form-trigger-default {
	background:none no-repeat 0 0 !important;
	background-position: right top !important; 
	border:0px;
	width:60px;
	border:0px;
}
*/
.login_select .x-form-text-default {
	background:url('./resources/img/main/bg_login_select.png') no-repeat 0 0 !important;
	border:0px !important;
}
.login_user .x-form-text-default {
	background:url('./resources/img/main/logo_login.png') no-repeat 0 0 !important;
	border:0px !important;
}
.login_user .x-form-text-wrap-default {
	background:url('./resources/img/main/logo_login.png') no-repeat 0 0 !important;
	border:0px !important;
}
.login_password .x-form-text-default{
	background:url('./resources/img/main/bg_login_pw.png') no-repeat 0 0 !important;
	border:0px !important;
}

.login .x-form-trigger-default {
	background:url('./ico_login_lang.png') no-repeat 0 0 !important;
	background-color:#2D4A55 !important;
	border:0px !important;
	content: "\f102";
	background-position: center center !important; 
	width:60px !important;
}
.login-trigger {
	background:url('./ico_login_lang.png') no-repeat 0 0 !important;
	background-color:#2D4A55 !important;
	border:0px !important;
	content: "\f102";
	background-position: center center !important; 
	width:60px !important;
}

.searchArea.x-panel-default  {
  /*border-top:2px solid #02386E !important;*/
  border-top:2px solid #2D4A55 !important;
	/*
	border-top:3px solid transparent;
	border-image: linear-gradient(0.25turn, #02386E,  #f6f6f6);
	border-image-slice: 1;background-color:#f6f6f6;
	*/
}

.searchAreaPop.x-panel-default  {
}

  
.formArea.x-panel-default  {
  /*border-top:2px solid #02386E !important;*/
  border-top:2px solid #2D4A55 !important;
	/*
	border-top:3px solid transparent;
	border-image: linear-gradient(0.25turn, #02386E,  #f6f6f6);
	border-image-slice: 1;background-color:#f6f6f6;
	*/
}

.formArea.x-panel-header-text-container  {
	font-size: 28px !important; /* 제목 글자 크기 */
    font-weight: bold !important; /* 글자 굵기 */
    text-align: center !important; /* 가운데 정렬 */
    line-height: 40px !important; /* 제목 높이 조정 */
  }

.fa-arrow-circle-o-up {
	content: "\f01b"
}
.fa-angle-double-up {
	content: "\f102"
}

.fa-angle-double-left {
	content: "\f100"
}

.fa-angle-double-right {
	content: "\f101"
}

.fa-angle-left {
	content: "\f104"
}

.fa-angle-right {
	content: "\f105"
}


.fa-angle-double-down {
	content: "\f103"
}
.fa-info-circle {
	content: "\f05a"
}
.fa-user {
	content: "\f007"
}
.fa-question {
	content: "\f128"
}

.fa-link {
	content: "\f0c1"
}
.fa-shopping-cart {
	content: "\f07a"
}
.fa-line-chart {
	content: "\f201"
}
.fa-dollar {
	content: "\f155"
}
.fa-money {
	content: "\f0d6"
}
.fa-desktop {
	content: "\f108"
}
.fa-file-excel {
	content: "\f1c3"
}
/*
.x-grid-row-over .x-grid-cell {
	font-weight: bold;
	background-color: #5897ea !important;
}

.x-grid-row.x-grid-row-over{
	background-color: yellow;
}

.x-grid-item-selected .x-grid-cell {
	background-color: #B3D4FF !important;
	color :#000000 !important;
}
*/

.row-selected .x-grid-cell {
	background-color: #B3D4FF !important;
}
.row-add .x-grid-cell {
	background-color:rgb(179, 242, 179);
}
.row-upd .x-grid-cell {
	background-color:#fcfcaf;
}
.row-del .x-grid-cell {
	background-color:rgb(175, 175, 175);
}

.row-disable .x-grid-cell {
	background-color:rgb(175, 175, 175);
}

.x-menu-body-default {
	padding:0px !important;
	margin:0px !important;
}

.x-menu {
	padding:0px !important;
	margin:0px !important;
}
.x-menu-item {
	left:0px !important;
}

.calendar_button {
	border:0.5px solid #bbb;
	padding:4px 6px;
	margin:0 0 0 5px;
	background-color:#f8f8f8;
	background-image:-webkit-linear-gradient(top, #fff, #eee);
	font-size:11px;
	border-radius:3px;
	color:#333;
}
.calendar_button:hover {
	border:0.5px solid #999;
}

.exgrid .x-grid-cell-inner-row-numberer {
	background-color:transparent !important;
}

.exgrid .x-grid-cell-row-numberer {
	background-color:transparent !important;
}





.exgrid .x-grid-group-hd {
	display:none;
}

.exgrid .x-grid-row-summary .x-grid-cell{
	background-color:lightyellow !important;
}

.x-grid-row-summary:has(.x-grid-td.hidesummaryrow) {
	display:none;
}

.exgrid .x-grid-row-summary:has(.step1) .x-grid-cell{
	background-color: lightgray !important;
	font-size: x-large !important;
	font-family:bold;
}
.exgrid .x-grid-row-summary:has(.step2) .x-grid-cell{
	background-color: #eee !important;
	font-size: x-large !important;
	font-family:bold;
}

.combo-login-list .x-boundlist-item{
	font-size:14px;
	line-height:30px;
	padding:5px 70px;
	padding-right:5px;
	background-color:#333;
	border:0px solid #333;	
}
.combo-login-list .x-boundlist-item{
	font-size:14px;
	line-height:30px;
	padding-left:60px;
	color:white;
}

.fa-bolt{
    content: "\f0e7"
}

.grid-number-buttons{
	height:22px;
}





/* 대시보드 */
/* Style the counter cards */
.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
	padding: 16px;
	text-align: center;
	background-color: #f1f1f1;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
	background-color: transparent;
	width: 200px;
	height: 200px;

	perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid #f1f1f1;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	padding:10px;
	backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
	background-color: #311B92;  /*dodgerblue*/
	border-color:teal;
	border-width:1px;
	color: black;
}

/* Style the back side */
.flip-card-back {
	background-color: #4527A0;
	color: white;
	transform: rotateY(180deg);
}

.x-btn-button-default-small {
	min-height:5px !important;
}


/* calendar */
.field-datepicker-pop {
	/*height:27.5rem;*/
	/*width: 10.5rem;*/
	display:none;
	top: 2.9rem;
	z-index:1;
	background-color:#eee;
	position:absolute;
	border:0.05rem solid #888;
	z-index:888;
}
.date-picker-pop-header {
	width:100%;
	margin-bottom:1.0rem;
	border-bottom:0.05rem solid #888;
	padding:0.3rem;
	/*background-color:#eee;*/
	text-align:center;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}
.date-picker-pop-left-btn {
	width: 2.0rem;
	height: 2.8rem;
	border: 0rem;
}

.date-picker-pop-right-btn {
	width: 2.0rem;
	height: 2.8rem;
	border: 0rem;
}
.date-picker-pop-year {
	width: 6.0rem;
}
.date-picker-pop-year-text {
	width: 2.3rem;
}
.date-picker-pop-calendar-block{
	width: 2.95rem;
	height: 2.85rem;
	float:left;
	text-align:center;
	font-size: 14px;
}
.date-picker-pop-calendar-block.selected{
	background-color: lightyellow;
}

.date-picker-pop-bottom {
	float:right;
	width:100%;
	display:flex;
	align-items:center;
	flex-direction:column
}
.date-picker-date {
	float:left;
	padding:3px;
	/*background-color: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
	border-radius: 0rem;
	background-color:transparent;


}
.date-picker-date.selected{
    color: var(--colorNeutralForegroundOnBrand);
	background-color:transparent;
}
.expaneltitle{
	height:40px;
}


.total-row-level1 {
    background-color: #61a2fc !important;  
}

.total-row-level2 {
    background-color: #93c0ff !important;
}

.total-row-level3 {
    background-color: #b3d4ff !important;  
}

.total-row-level4 {
    background-color: #ddecff !important;
}