@charset "utf-8";

/******************************************************************************************************************************************/
/* Elements
/******************************************************************************************************************************************/

* {
	-webkit-box-sizing	: border-box;
		-moz-box-sizing	: border-box;
			box-sizing	: border-box;
}

html, body, form {
	margin		: auto;
	font-family	: ng,Roboto,'Helvetica Neue',Arial,sans-serif;
	font-size	: 12px;
	color		: #444444;
	background	: transparent;
	word-break	: break-all;
	display		: inline;
	width		: 100%;
	height		: 100%;
}

iframe {
	margin		: 0;
	padding		: 0;
	border		: 0;
	overflow	: hidden;
}

a {
	font-family	: ng,Roboto,'Helvetica Neue',Arial,sans-serif;
	font-size	: 12px;
}

a.filedown:link {
	color			: #757575;
	text-decoration	: none;
}

a.filedown:hover {
	color			: #FFBF00;
	text-decoration	: none;
}

a.filedown:visited {
	color			: #757575;
	text-decoration	: none;
}

table {
	font-family	: ng,Roboto,'Helvetica Neue',Arial,sans-serif;
	font-size	: 12px;
}

textarea {
	height		: auto;
	padding		: 3px;
	font-size	: 12px;
	display		: block;
	width		: 100%;
	border		: 1px solid #CCCCCC;
}

input {
	outline		: 1px solid rgba(29,139,216,.1);
}

input[readonly], textarea[readonly] {
	background-color	: #ECECEC;
	border				: 1px solid #CCCCCC;
	cursor				: not-allowed;
}

input[readonly]:hover, input[readonly]:focus, textarea[readonly]:hover, textarea[readonly]:focus {
	border		: 1px solid rgba(255,181,0,.2);
}

.left-menu-box {
	background	: #4d5c92;
	/* box-shadow  : 1px 1px 1px rgba(128,128,128,.28); */
	box-shadow	: 1px 1px 1px rgba(0,0,0,.28);
	color		: #FFFFFF;
	font-family	: ng,Roboto,'Helvetica Neue',Arial,sans-serif;
	font-size	: 11px;
	height		: -webkit-calc(100% - 60px);
	height		: -moz-calc(100% - 60px);
	height		: calc(100% - 60px);
	display		: table-cell;
	position	: fixed;
	width		: 328px;
	z-index		: 2500;
	margin		: 0;
	padding		: 0;
}

.left-menu {
	height		: -webkit-calc(100% - 95px);
	height		: -moz-calc(100% - 95px);
	height		: calc(100% - 95px);
	display		: table-cell;
	width		: 328px;
	z-index		: 2500;
	margin		: 0;
	padding		: 10px 24px;
	position	: fixed;
}

.left-menu-logo {
	/* background		  : #1D8BD8; */
	/* background		  : #5F8B95; */
	/* background		  : rgba(95,139,149,.7); */
	width			: 328px;
	height			: 35px;
	line-height		: 35px;
	text-align		: center;
	color			: #FFFFFF;
	font-size		: 16px;
	font-weight		: 700;
	z-index			: 10;
}

.left-menu-root {
	margin		: 0;
	padding		: 0;
}

.left-menu-section {
	border-bottom	: 1px solid #6272a8;
	box-sizing		: border-box;
	list-style		: none;
	position		: relative;
}

.left-menu-item {
	cursor			: pointer;
	display			: flex;
	white-space		: nowrap;
	font-size		: 16px;
	color			: #FFFFFF;
	font-weight		: bold;
	padding-left	: 38px;
	padding-top		: 18px;
	padding-bottom	: 18px;
}

.left-menu-item:hover {
	color	: #59FBFF;
}
.left-menu-item:focus {
	/* background-color: #E8F0FE;
	border-color	: #7BAAF7;
	outline		 : 1px solid rgba(0,0,0,0.2); */
	color		: #59FBFF;
}
.left-menu-item + ul .left-menu-item {
	font-size		: 14px;
}

.left-menu-item + ul > li {
	background		: #5F73A8;
	padding			: 12px 16px 12px 32px;
}

.left-menu-top:last-of-type {
	border-radius	: 18px !important;
}

.left-menu-item + ul .left-menu-header-2dep:first-of-type {
	border-radius	: 18px 18px 0 0;
}

.left-menu-item + ul .left-menu-header-2dep:last-of-type {
	border-radius	: 0 0 18px 18px;
	&:has(.left-menu-minus-type-2) {
		border-radius : 0;
	}
}


.left-menu-item + ul > li:hover {
	background		: #7F98D9;
}

.left-menu-item + ul .left-menu-item + ul .left-menu-item {
	padding-left		: 45px;
	font-size			: 12px;
	background-color	: #304b93;
}

.left-menu-item + ul .left-menu-item + ul .left-menu-item + ul .left-menu-item {
	padding-left	: 55px;
	font-size		: 12px;
}

.left-menu-item + ul .left-menu-item + ul .left-menu-item + ul .left-menu-item + ul .left-menu-item {
	padding-left	: 65px;
	font-size		: 12px;
}

.left-menu-item-top-selected {
	color			: #FFFFFF;
}

.left-menu-item-top-selected:focus {
	color			: #FFFFFF;
}

.left-menu-item-selected {
	/* background-color: rgba(0,0,0,.05); */
	color			: #59FBFF;
}

.left-menu-item.col-drop-target {
	background-color : #C6DAFC;
}

.left-menu-list {
	margin	: 0;
	padding	: 0;
}

.left-menu-header {
	padding-right   : 5px;
}

.left-menu-header-off,
.left-menu-header-on {
	background-image	: url(/Package/ext/images/jannex/menu-top-off.png);
	background-repeat   : no-repeat;
	background-position : 16px 11px;
	background-size	 : 20px;
}
.left-menu-header-on {
	background-image : url(/Package/ext/images/jannex/menu-top-on.png);
}

.left-menu-header-2dep {
	background-image	: url(/Package/ext/images/menu/left_ico_2dep.png);
	background-repeat   : no-repeat;
	background-position : 28px 15px;
	background-size	 : 3px 5px;
}

.left-menu-header-3dep {
	background-image	: url(/Package/ext/images/menu/left_ico_3dep.png);
	background-repeat   : no-repeat;
	background-position : 30px 7px;
	background-size	 : 7px;
}

.left-menu-header-AML_10-off,
.left-menu-header-AML_10-on,
.left-menu-header-AML_20-off,
.left-menu-header-AML_20-on,
.left-menu-header-AML_30-off,
.left-menu-header-AML_30-on,
.left-menu-header-AML_40-off,
.left-menu-header-AML_40-on,
.left-menu-header-AML_50-off,
.left-menu-header-AML_50-on,
.left-menu-header-AML_60-off,
.left-menu-header-AML_60-on,
.left-menu-header-AML_70-off,
.left-menu-header-AML_70-on,
.left-menu-header-AML_80-off,
.left-menu-header-AML_80-on,
.left-menu-header-AML_90-off,
.left-menu-header-AML_90-on {
	background-position : 12px 18px;
}

.left-menu-header-AML_10-off,
.left-menu-header-AML_10-on {
	background-image	: url(/Package/ext/images/menu/left_ico01_on.png);
	background-repeat   : no-repeat;
}
.left-menu-header-AML_10-on {
	background-image : url(/Package/ext/images/menu/left_ico01_on.png);
}
.left-menu-header-AML_20-off,
.left-menu-header-AML_20-on {
	background-image	: url(/Package/ext/images/menu/left_ico02_on.png);
	background-repeat   : no-repeat;
	background-size	 : 16px 15px;
}
.left-menu-header-AML_20-on {
	background-image : url(/Package/ext/images/menu/left_ico02_on.png);
}
.left-menu-header-AML_40-off,
.left-menu-header-AML_40-on {
	background-image	: url(/Package/ext/images/menu/left_ico03_on.png);
	background-repeat   : no-repeat;
	background-size	 : 16px 13px;
	background-position : 10px 14px;
}
.left-menu-header-AML_40-on {
	background-image : url(/Package/ext/images/menu/left_ico03_on.png);
}
.left-menu-header-AML_50-off,
.left-menu-header-AML_50-on {
	background-image	: url(/Package/ext/images/menu/left_ico04_on.png);
	background-repeat   : no-repeat;
	background-size	 : 16px 14px;
	background-position : 10px 13px;
}
.left-menu-header-AML_50-on {
	background-image : url(/Package/ext/images/menu/left_ico04_on.png);
}
.left-menu-header-AML_60-off,
.left-menu-header-AML_60-on {
	background-image	: url(/Package/ext/images/menu/left_ico05_on.png);
	background-repeat   : no-repeat;
	background-size	 : 18px 14px;
	background-position : 10px 13px;
}
.left-menu-header-AML_60-on {
	background-image : url(/Package/ext/images/menu/left_ico05_on.png);
}
.left-menu-header-AML_80-off,
.left-menu-header-AML_80-on {
	background-image	: url(/Package/ext/images/menu/left_ico00_on.png);
	background-repeat   : no-repeat;
}
.left-menu-header-AML_80-on {
	background-image : url(/Package/ext/images/menu/left_ico00_on.png);
}
.left-menu-header-AML_90-off,
.left-menu-header-AML_90-on {
	background-image	: url(/Package/ext/images/menu/left_ico06_on.png);
	background-repeat   : no-repeat;
}
.left-menu-header-AML_90-on {
	background-image : url(/Package/ext/images/menu/left_ico06_on.png);
}

.left-menu-plus-type-1,
.left-menu-minus-type-1,
.left-menu-plus-type-2,
.left-menu-minus-type-2,
.left-menu-plus-type-3,
.left-menu-minus-type-3,
.left-menu-plus-type-4,
.left-menu-minus-type-4 {
	background-image	: url(/Package/ext/images/menu/right_arr_v1.png);
	background-repeat   : no-repeat;
	background-position : -webkit-calc(100% - 0px) 4px;
	background-position :	-moz-calc(100% - 0px) 4px;
	background-position :		 calc(100% - 0px) 4px;
	width			   : 100%;
}
.left-menu-minus-type-1 {
	background-image : url(/Package/ext/images/menu/right_arr_on.png);
}
.left-menu-plus-type-2 {
	background-image : url(/Package/ext/images/menu/left_open.png);
}
.left-menu-minus-type-2 {
	background-image : url(/Package/ext/images/menu/left_close.png);
}
.left-menu-plus-type-3,
.left-menu-minus-type-3 {
	background-image	: url(/Package/ext/images/jannex/plus-type-3.png);
	background-position : -webkit-calc(100% - 5px) 12px;
	background-position :	-moz-calc(100% - 5px) 12px;
	background-position :		 calc(100% - 5px) 12px;
}
.left-menu-minus-type-3 {
	background-image : url(/Package/ext/images/jannex/minus-type-3.png);
}
.left-menu-plus-type-4,
.left-menu-minus-type-4 {
	background-image	: url(/Package/ext/images/jannex/plus-type-4.png);
	background-position : -webkit-calc(100%) 12px;
	background-position : -moz-calc(100%) 12px;
	background-position : calc(100%) 12px;
}
.left-menu-minus-type-4 {
	background-image : url(/Package/ext/images/jannex/minus-type-4.png);
}

.lnb-footer {
	position: absolute;
	left: 0;
	bottom: 8px;
	height: 30px;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
		-ms-flex-direction: row;
			flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	text-align: center;
	background: #455384;
}
.lnb-footer .company {
	font-family: MavenPro;
	font-size: 10px;
	line-height: normal;
	color: #83A7CA;
	letter-spacing: -0.2px;
	font-weight: 700;
}

.copyright {
	font-family: MavenPro;
	font-size: 10px;
	line-height: normal;
	color: #83A7CA;
	letter-spacing: -0.2px;
	font-weight: 400;
}

.center-area {
	background  : #FFFFFF;
	color	   : #757575;
	font-family : ng,Roboto,'Helvetica Neue',Arial,sans-serif;
	font-size   : 14px;
	overflow-y  : auto;
	/* position	: fixed; */
	width	   : 100%;
	height	  : 100%;
}

.center-area-fold .center-area,
.center-area-fold .center-main {
	left	: 328px;
	width   : -webkit-calc(100% - 328px);
	width   :	-moz-calc(100% - 328px);
	width   :		 calc(100% - 328px);
}

.center-area-unfold .center-area,
.center-area-unfold .center-main {
	left	: 0;
	width   : 100%;
}

.menu-btn {
	color	   : #FFF;
	cursor	  : pointer;
	/* margin-left : 5px;
	position	: relative;
	top		 : 2px; */
}

/* condition box */

.cond-label {
	font-size   : 12px;
	position	: relative;
	top		 : -1px;
}

.cond-box {
	color   : #757575;
}
.cond-item,
.cond-input-text,
.cond-input-date,
.cond-select {
	color   : #757575;
	border-radius : 0;
}

.cond-input-text,
.cond-input-date,
.cond-select {
	vertical-align  : middle;
	background	  : rgba(255,255,255,0.0);
	font-size	   : 12px;
}
.cond-input-text:read-only {
	background-color: rgba(200,200,200,0.5);
	cursor		  : not-allowed;
}
.cond-input-text.not-readOnly:read-only {
	background-color: rgba(200,200,200,0.5);
	cursor : initial !important;
}
.cond-input-text {
	padding-left	: 5px;
	height			: 33px;
	ime-mode		: active;
	border			: 1px solid #999;
}
.cond-input-text.ime-mode-kor {
	ime-mode: active;
}
.cond-input-text.ime-mode-eng {
	ime-mode: inactive;
}
.cond-input-text.ime-mode-dis {
	ime-mode: disabled;
}
.cond-input-text:focus {
	outline : 1px none rgba(255,255,255,0.0);
}

.cond-box {
	width		   : -webkit-calc(100% - 48px);
	width		   :	-moz-calc(100% - 48px);
	width		   :		 calc(100% - 48px);
	display		 : inline-table;
	overflow-y	  : auto;
	margin-left	 : 24px;
	margin-right	: 24px;
	margin-bottom   : 10px;
	outline		 : 1px solid rgba(0,0,0,0.2);
}
.popup-cont-box .cond-box {
	width		   : 100%;
	margin-left	 : 0;
	margin-right	: 0;
}

.cond-row {
	margin  : 5px 5px 5px 10px;
	display : block;
}

.cond-row+.cond-row {
	visibility : hidden;
}

.cond-item {
	display			 : inline-block;
	height			  : 40px;
	line-height		 : 36px;
	padding			 : 0 10px 0 10px;
	margin-right		: 8px;
	text-align		  : left;
}

.cond-item span {
	vertical-align  : middle;
	/* margin-right	: 5px; */
}

.cond-item span i {
	font-size   : 14px;
}

.cond-line {
	display		 : block;
	margin		  : 5px 5px 5px 5px;
	height		  : 1px;
	background-color: #D3D3D3;
}

.cond-input-date {
	text-align  : center;
	margin-right: 5px;
}

.cond-branch-btn {
	cursor		  : pointer;
	text-align	  : center;
	vertical-align  : middle;
	margin		  : 0 5px 0 5px;
	font-size	   : 14px;
	position		: relative;
	top			 : -1px;
}

.cond-btn-row {
	margin		  : 1px 5px 5px 10px;
	display		 : flex;
	justify-content : flex-end;
	flex-wrap	   : wrap;
}

.cond-item span:first-child { display:inline-block; }

.cond-fold-btn {
	float	   : right;
	margin-right: 5px;
	cursor	  : pointer;
}
.cond-fold-btn:hover {
	color:  #D29D0B;
}

.cond-filter-btn,.cond-filter-left-btn {
	float	   : right;
	margin-right: 5px;
	cursor	  : pointer;
	color	   : #4D5C92;
}
.cond-filter-left-btn {
	float : left;
}
.cond-filter-btn:hover,.cond-filter-left-btn:hover {
	color:  #D29D0B;
}

.center-header {
	color		   : #FFFFFF;
	/* width		   : 100%; */
	min-width	   : 1050px;
	height		  : 68px;
	vertical-align  : middle;
	margin		  : 0;
	padding		 : 0;
	border		  : 0;
	background	  : #4D5C92;
	position		: relative;
	display			: flex;
	align-items		: center;
}

.center-header .top-right-button {
	text-align		: left;
	margin-right	: 10px;
	display			: flex;
	align-items		: center;
}

.AreaUser {
	cursor			: default;
	display			: flex;
	margin-right	: 10px;
	flex-wrap		: wrap;
	width			: auto;
	flex-direction	: column;
}

#IconUser {
	font-size		: 10px;
}

.center-header .top-right-button > span > i:hover {
	color			: #59FBFF;
}

.center-header .top-right-button > span > select {
	cursor			: pointer;
}

.center-header .fa.timer {
	font-size		: 16px;
	font-weight		: bold;
	color			: #88fff1;
}

.top-logo {
	/* background-image	: url(/Package/ext/images/top_logo.png); */
	border-bottom	   : 1px solid #415083;
}
.top-logo>div[id=header_logo] {
	width   : 328px;
}

.alert-box {
	padding	 : 0;
	margin	  : 0 5px 0 0;
	font-size   : 12px;
	color	   : #FFFFFF;
	height	  : 50px;
	line-height : 50px;
	/* background-image	: url(/Package/ext/images/search_close.png);
	background-repeat   : no-repeat;
	background-position : 0 30px; */
}

.alert-box.alert-label {
	font-size		: 14px;
	float			: left;
}

.alert-box-title {
	margin-left	 : 10px;
	margin-right	: 5px;
	display		 : inline-block;
	width		   : 30px;
	height		  : 50px;
	line-height	 : 20px;
	font-size	   : 12px;
	position		: relative;
	top			 : -2px;
}
.alert-item {
	text-align	: center;
	display		: inline-block;
	margin		: 0 5PX 0 0;
	padding		: 0;
	line-height	: 50px;
	color		: #FFFFFF;
	font-size	: 14px;
	font-weight	: bold;
	position	: relative;
	font-family	: 'SpoqM';
}

.alert-item-alerted, .alert-item-alerted-not {
	color		: #FFFFFF;
	font-size	: 13px;
	font-weight	: 800;
	float		: left;
}

.alert-item-alerted span, .alert-item-alerted-not span {
	margin-left: 10px;
}

.alert-item-alerted > span, .alert-item-alerted > div
, .alert-item-alerted-not > span, .alert-item-alerted-not > div{
	float		: left;
	position	: relative;
}

.alert-list {
	display				: none;
	border				: 1px solid #3a48bb;
	box-shadow			: 4px 6px 7px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow	: 4px 6px 7px rgba(0, 0, 0, 0.1);
	background			:#FFFFFF;
	color				:#000000;
	padding				: 6px 10px;
	z-index				: 2500;
	position			: absolute !important;
	left				: -15px;
	top					: 48px;
	width				: 268px;
	border-radius		: 4px;
}

.alert-list > table {
	text-align		: left;
	text-indent		: 5px;
	font-family		: 'SpoqM';
	color			: #222934;
	letter-spacing	: -0.3px;
	margin-right	: 8px;
}

.alert-list > table > tbody > tr > td {
	font-size		: 15px;
	font-weight		: 900;
}

.alert-list > table > tbody > tr > td > span > a,
.alert-list > table > tbody > tr > td > span > b {
	font-size				: 15px;
	font-weight				: 900;
	color					: #e63e3e;
	text-decoration			: underline;
	text-underline-offset	: 2px;
	margin-right			: 5px;
	top						: -1px;
	position				: relative;
}

.alert-circle {
	z-index					: 20000;
	position				: absolute;
	font-size				: 19px;
	color					: #ff6628;
	cursor					: pointer;
	text-decoration			: underline;
	text-underline-offset	: 3px;
}

.center-header-toolbox {
	text-align  : right;
	margin-right: 5px;
	color	   : #FFFFFF;
	float	   : right;
	line-height : 25px;
	display		: flex;
	align-items	: center;
	margin-left	: auto;
}

.center-header-toolbox.login-timer {
	display			: flex;
	flex-direction	: column;
	flex-wrap		: nowrap;
	align-items		: flex-start;
	line-height		: 14px;
}

.center-header-toolbox.timer {
	display			: flex;
	align-items		: center;
	margin-right	: 20px;
}

.center-header-toolbox.timer > i {
	margin-right	: 5px;
	font-size		: 17px;
}

.center-header-toolbox.timer > span {
	font-weight		: bold;
	font-size		: 16px;
}

.center-header-toolbox > span+span {
	margin-left: 10px;
}

.center-header-toolbox > div > span+span {
	margin-left: 10px;
}

.center-header-toolbox > i {
	font-size   : 14px;
}

.center-header-toolbox > div > i {
	font-size   : 14px;
}

.trans-select {
	/* background	  : rgba(255,255,255,0.9); */
	margin		  : 0;
	padding		 : 0;
	/* outline		 : 1px solid rgba(255,255,255,0.6); */
	color		   : #000000;
	/* vertical-align  : middle; */
	font-size	   : 12px;
	font-weight	 : 700;
	border			: 0;
	line-height		: 20px;
	padding-left	: 5px;
}

.trans-select:hover {
	/* outline	 : 1px solid rgba(255,255,255,0.6); */
}

.center-main {
	background  : #F4F5F7;
	color	   : #757575;
	overflow-y  : auto;
	overflow-x  : auto;
	position	: fixed;
	display	 : table-cell;
	width	   : -webkit-calc(100% - 328px);
	width	   :	-moz-calc(100% - 328px);
	width	   :		 calc(100% - 328px);
	height	  : -webkit-calc(100vh - 46px);
	height	  :	-moz-calc(100vh - 46px);
	height	  :		 calc(100vh - 46px);
	min-width   : 815px;
	/* min-height  : 600px; */
	min-height  : 1000px;
	margin	  : 0;
	padding	 : 0;
}
.center-main > div:first-child {
	margin  : 0;
	padding : 0;
}
.center-fold {
	left	: 328px;
	width   : -webkit-calc(100% - 328px);
	width   : -moz-calc(100% - 328px);
	width   : calc(100% - 328px);
}
.center-unfold {
	left	: 0px;
	width   : 100%;
}

.tabs {
	margin  : 0;
	width   : -webkit-calc(100%);
	width   : -moz-calc(100%);
	width   : calc(100%);
}
.tabs li .ui-icon-close {
	float   : left;
	margin  : 0px;
	cursor  : pointer;
}
.ui-icon-close {
	background-position: -80px -124px;
}
.fa-times-circle:hover, .fa-times:hover {
	color   : #AF8A53;
}

.dashboard {
	margin	  : 0;
	padding	 : 0;
	width	   : calc(100%);
}

.iframe-dashboard {
	width	   : -webkit-calc(100% - 50px);
	width	   :	-moz-calc(100% - 50px);
	width	   :		 calc(100% - 50px);
	height	  : -webkit-calc(100% - 20px);
	height	  :	-moz-calc(100% - 20px);
	height	  :		 calc(100% - 20px);
	border	  : 0;
	margin	  : 10px 0 0px 25px;
	padding	 : 0;
}

/* text label */

.text-label {
	margin  : 0 8px 0 3px;
}

/* text button */

.hidden-true {
	display : none;
}

.text-btn {
	margin  : 0 8px 0 3px;
	cursor  : pointer;
	color   : #FFBF00;
}
.text-btn:hover {
	color   : #AF8A53;
}

.text-btn2 {
	margin		  : 0 8px 0 3px;
	cursor		  : pointer;
	color		   : #FFFFFF;
	border		  : 1px solid #FFBF00;
	border-radius   : 3px;
	padding		 : 3px;
}

.text-btn2:hover {
	color   : #FFBF00;
}

/* flat button DIV */

.flat-btn {
	display		 : inline-block;
	text-align	  : center;
	margin		  : 0;
	border		  : 1px solid;
	border-radius   : 3px;
	padding-left	: 10px;
	padding-right   : 10px;
	padding-top	 : 5px;
	padding-bottom  : 5px;
	color		   : #FFFFFF;
	font-size	   : 13px;
	font-weight	 : normal;
	text-decoration : none;
	cursor		  : pointer;
	overflow		: hidden;
	font-family	 : ng,Roboto,'Helvetica Neue',Arial,sans-serif;
	line-height	 : 16px;
	vertical-align  : middle;
}

.flat-btn ~ .flat-btn {
	margin-left : 1px;
}
.flat-btn-shadow {
	box-shadow : 0 0 2px rgba(0,0,0,.14),2px 2px 2px rgba(0,0,0,.28);
}

.flat-btn-jean {
	background  : rgba(0,82,140,1.0);
	border-color: rgba(0,82,140,1.0);
}
.flat-btn-jean:hover {
	background  : rgba(0,82,140,.7);
	border-color: rgba(0,82,140,.7);
}
.flat-btn-jean:active {
	background  : rgba(0,82,140,.3);
	border-color: rgba(0,82,140,.3);
}
.flat-btn-white.manual {
	height: 28px;
}
.flat-btn-white {
	background  : rgba(255,255,255,1.0);
	border-color: rgba(204,204,204,1.0);
	color	   : rgba(65,65,65,1.0);
}
.flat-btn-white:hover {
	background  : rgba(228,228,228,.7);
	border-color: rgba(153,155,157,.7);
}
.flat-btn-white:active {
	background  : rgba(228,228,228,.3);
	border-color: rgba(153,155,157,.3);
}

.flat-btn-00528C {
	background  : rgba(0,82,140,1.0);
	border-color: rgba(0,82,140,1.0);
}
.flat-btn-00528C:hover {
	background  : rgba(0,82,140,.7);
	border-color: rgba(0,82,140,.7);
}
.flat-btn-00528C:active {
	background  : rgba(0,82,140,.3);
	border-color: rgba(0,82,140,.3);
}

.flat-btn-2F7FBE {
	background  : rgba(47,127,190,1.0);
	border-color: rgba(47,127,190,1.0);
}
.flat-btn-2F7FBE:hover {
	background  : rgba(47,127,190,.7);
	border-color: rgba(47,127,190,.7);
}
.flat-btn-2F7FBE:active {
	background  : rgba(47,127,190,.3);
	border-color: rgba(47,127,190,.3);
}

.flat-btn-FFFFFF {
	background  : rgba(255,255,255,1.0);
	border-color: rgba(204,204,204,1.0);
	color	   : rgba(65,65,65,1.0);
}
.flat-btn-FFFFFF:hover {
	background  : rgba(228,228,228,.7);
	border-color: rgba(153,155,157,.7);
}
.flat-btn-FFFFFF:active {
	background  : rgba(228,228,228,.3);
	border-color: rgba(153,155,157,.3);
}

.flat-btn-jean[disabled], .flat-btn-white[disabled], .flat-btn-00528C[disabled], .flat-btn-2F7FBE[disabled], .flat-btn-FFFFFF[disabled] {
	background  : rgba(153,155,157,.5);
	border-color: rgba(153,155,157,.5);
	color	   : rgba(255,255,255,.9);
}

.flat-btn-009AFD {
	background : #009AFD;
}
.flat-btn-009AFD:hover {
	background : #0087DE;
}
.flat-btn-F66F01 {
	background : #F66F01;
}
.flat-btn-F66F01:hover {
	background : #FFA55D;
}
.flat-btn-F0C500 {
	background : #F0C500;
}
.flat-btn-F0C500:hover {
	background : #FFE671;
}
.flat-btn-F09D00 {
	background : #F09D00;
}
.flat-btn-F09D00:hover {
	background : #FFBA41;
}
.flat-btn-CF5600 {
	background : #CF5600;
}
.flat-btn-CF5600:hover {
	background : #FF802B;
}
.flat-btn-BC3B25 {
	background : #BC3B25;
}
.flat-btn-BC3B25:hover {
	background : #DA5B46;
}

.flat-btn-000000 {
	background  : #000000;
}
.flat-btn-000000:hover {
	background  : #414141;
}
.flat-btn-606060 {
	background  : #9B9B9B;
	color	   : #FFBF00;
}
.flat-btn-606060:hover {
	background : #606060;
}
.flat-btn span {
	display : block;
	float   : left;
	width   : 100%;
	height  : 100%;
	overflow: hidden;
}

/* flat-button INPUT TYPE BUTTON */

.flat-btn-input {
	padding-bottom  : 1px;
	border		  : 0;
}

/* icon button */

.flat-btn-icon {
	cursor	  : pointer;
	font-size   : 18px;
	color	   : #FFBF00;
}
.flat-btn-icon:hover {
	color   : #FFFFFF;
}

/* layout */

.login-right-area {
	float				: right;
	padding				: 88px 80px;
	border-radius		: 0 20px 20px 0;
	background-color	: #fff;
	width				: 460px;
	height				: 460px;
}

.login-right-area .logo {
	display					: -webkit-box;
	display					: -webkit-flex;
	display					: -moz-box;
	display					: -ms-flexbox;
	display					: flex;
	-webkit-box-align		: center;
	-webkit-align-items		: center;
	-moz-box-align			: center;
	-ms-flex-align			: center;
	align-items				: center;
	-webkit-box-pack		: center;
	-webkit-justify-content	: center;
	-moz-box-pack			: center;
	-ms-flex-pack			: center;
	justify-content			: center;
}

.login-right-area .logo::before {
	display					: inline-block;
	width					: 222px;
	height					: 24px;
	content					: "";
	background-image		: url("/Package/design/images/common/svg/logo2.svg");
	background-repeat		: no-repeat;
	-webkit-background-size	: cover;
	background-size			: cover;
}

.layout-centered {
	padding-top				: 40px;
}

/* login */

.login-left-area {
	width			: 360px;
	background		: #4d5c92;
	padding			: 220px 88px 136px 30px;
	border-radius	: 20px 0 0 20px;
	height			: 460px;
}

.login-left-area .txt {
	font-family		: SpoqB;
	font-size		: 18px;
	line-height		: 32px;
	color			: #fff;
	letter-spacing	: 0;
}

.login-left-area .logo {
	width			: 222px;
	height			: 24px;
}

.login-left-area p {
	font-family			: SpoqR;
	font-size			: 13px;
	line-height			: normal;
	color				: #fff;
	letter-spacing		: 0;
}

.login-left-area .logo::before {
	display					: inline-block;
	width					: 222px;
	height					: 24px;
	content					: "";
	background-image		: url("/Package/design/images/common/svg/logo.svg");
	background-repeat		: no-repeat;
	-webkit-background-size	: cover;
	background-size			: cover;
}

.signin-input {
	position		: relative;
	width			: 300px;
	height			: 44px;
	margin-bottom	: 30px;
}

.signin-input input {
	height				: 100%;
	width				: 100%;
	border				: none;
	background-color	: #f2f4f6;
	padding				: 12px 12px 12px 36px;
	font-family			: SpoqR;
	font-size			: 14px;
	line-height			: 22px;
	color				: #444;
	letter-spacing		: -0.28px;
}

.signin-input.user::before {
	position				: absolute;
	left					: 12px;
	top						: 12px;
	display					: inline-block;
	width					: 20px;
	height					: 20px;
	content					: "";
	background-image		: url("/Package/design/images/common/svg/icon_user.svg");
	background-repeat		: no-repeat;
	-webkit-background-size	: cover;
	background-size			: cover;
}

.signin-input.password::before {
	position				: absolute;
	left					: 12px;
	top						: 12px;
	display					: inline-block;
	width					: 20px;
	height					: 20px;
	content					: "";
	background-image		: url("/Package/design/images/common/svg/icon_lock.svg");
	background-repeat		: no-repeat;
	-webkit-background-size	: cover;
	background-size			: cover;
}

.visually-hidden {
	position		: absolute !important;
	width			: 1px !important;
	height			: 1px !important;
	padding			: 0 !important;
	margin			: -1px !important;
	overflow		: hidden !important;
	clip			: rect(0, 0, 0, 0) !important;
	white-space		: nowrap !important;
	border			: 0 !important;
}

.login-form .copyright {
	display			: block;
	text-align		: center;
	padding-top		: 48px;
	width			: 100%;
	font-family		: SpoqR;
	font-size		: 14px;
	line-height		: normal;
	color			: rgba(0, 0, 0, 0.4);
	letter-spacing	: -0.28px;
}

.login-form .copyright span {
	font-family		: SpoqM;
	font-size		: 14px;
	line-height		: normal;
	color			: rgba(0, 0, 0, 0.4);
	letter-spacing	: -0.28px;
	display			: inline-block;
}

.login-select {
	width		   : 190px;
	height		  : 40px;
	line-height	 : 40px;
	border		  : 1px solid rgba(255,255,255,0.0);
	background-color: rgba(255,255,255,0.0);
	padding-left	: 10px;
	color		   : #FFFFFF;
	display		 : inline-block;
	vertical-align  : middel;
}
.login-select:hover {
	border  : 1px solid rgba(255,255,255,0.4)
}
.login-select option {
	color   : #000000
}

.login-btn {
	display				: block;
	width				: 300px;
	height				: 50px;
	border-radius		: 4px;
	background-color	: #4d5c92;
	font-family			: SpoqB;
	font-size			: 16px;
	line-height			: 24px;
	color				: #fff;
	letter-spacing		: 0;
}

.login-btn:hover {
	cursor			: pointer;
	background		: #6272a8;
}

.login-row {
	display		 : block;
	width		   : 300px;
	height		  : 40px;
	line-height	 : 38px;
	background-color: rgba(29,139,216,0.7);
	border-radius   : 6px;
	color		   : #FFFFFF;
	/* box-shadow	  : 0 0 3px rgba(0,0,0,.14),3px 3px 3px rgba(0,0,0,.28); */
	margin-bottom   : 10px;
	text-align	  : left;
}

.login-switch {
	height			: 40px;
	line-height		: 40px;
	display			: inline-block;
	margin-left		: 0px;
	margin-bottom	: 50px;
	text-align		: left;
	cursor			: context-menu;
}

.login-input-text {
	position		: relative;
	top			 : -1px;
	border-left	 : 1px solid rgba(255,255,255,0.0);
	border-right	: 1px solid rgba(255,255,255,0.0);
	border-top	  : 1px solid rgba(255,255,255,0.9);
	border-bottom   : 1px solid rgba(255,255,255,0.9);
	width		   : 170px;
	height		  : 28px;
	line-height	 : 28px;
	vertical-align  : middle;
	background	  : rgba(255,255,255,0.0);
	color		   : #FFFFFF;
	font-family	 : ng,Roboto,'Helvetica Neue',Arial,sans-serif;
	font-weight	 : 700;
	padding-left	: 3px;
}
@-moz-document url-prefix() {
	.login-input-text {
		top : 0;
	}
}
.login-input-text:hover {
	/* border  : 1px solid rgba(255,255,255,0.9); */
	border-top	  : 1px solid rgba(255,174,0,0.9);
	border-bottom   : 1px solid rgba(255,174,0,0.9);
}

/* background color */

.login-body {
	background			: url("/Package/design/images/common/signin_bg.png") no-repeat;
	background-size		: cover;
	background-position	: center;
	display				: flex;
}

.login-form {
	display				: flex;
	align-items			: center;
	justify-content		: center;
	flex-direction		: column;
}

.layout-outer.login-background.bgcolor-img-01 {
	display				: flex;
	width				: 800px;
}

.login-background>div>div>div div .SaveTitle {
	color   : rgba(255,255,255,1.0);
}
.login-background .login-title {
	color   : #FFFFFF;
}

.login-background>div>div>div div .SaveTitle {
	display		 : inline;
	vertical-align  : middle;
	margin-right	: 5px;
	font-size	   : 12px;
}

.bgcolor-img-01 {
	position		: relative;
	background-size	: cover;
}

.bgcolor-condbox-default {
	background  : #FFFFFF;
}

.bgcolor-gtone-blue-01 {
	background  : -webkit-linear-gradient(0deg, #0B0B3B, #08088A);
	background  : -moz-linear-gradient(0deg, #0B0B3B, #08088A);
	background  : linear-gradient(0deg, #0B0B3B, #08088A);
}
.bgcolor-gtone-blue-01>div>div>div div .SaveTitle {
	color   : rgba(200,200,200,0.5);
}
.bgcolor-gtone-blue-01 .login-title {
	color   : #FFFFFF;
}

.bgcolor-gtone-blue-02 {
	background  : -webkit-linear-gradient(0deg, #0101DF, #08088A);
	background  : -moz-linear-gradient(0deg, #0101DF, #08088A);
	background  : linear-gradient(0deg, #0101DF, #08088A);
}
.bgcolor-gtone-blue-02>div>div>div div .SaveTitle {
	color   : rgba(200,200,200,0.5);
}
.bgcolor-gtone-blue-02 .login-title {
	color   : #FFFFFF;
}

.bgcolor-rose-gold-01 {
	background  : -webkit-linear-gradient(0deg, #FA58F4, #F781F3);
	background  : -moz-linear-gradient(0deg, #FA58F4, #F781F3);
	background  : linear-gradient(0deg, #FA58F4, #F781F3);

}
.bgcolor-rose-gold-01>div>div>div div .SaveTitle {
	color   : rgba(255,255,255,0.5);
}
.bgcolor-rose-gold-01 .login-title {
	color   : #000000;
}

.bgcolor-rose-gold-02 {
	background  : -webkit-linear-gradient(0deg, #FA58F4, #F5A9BC);
	background  : -moz-linear-gradient(0deg, #FA58F4, #F5A9BC);
	background  : linear-gradient(0deg, #FA58F4, #F5A9BC);

}
.bgcolor-rose-gold-02>div>div>div div .SaveTitle {
	color   : rgba(255,255,255,0.5);
}
.bgcolor-rose-gold-02 .login-title {
	color   : #000000;
}

.bgcolor-rose-gold-03 {
	background  : -webkit-linear-gradient(0deg, #FA58F4, #F781F3);
	background  : -moz-linear-gradient(0deg, #FA58F4, #F781F3);
	background  : linear-gradient(0deg, #FA58F4, #F781F3);
}
.bgcolor-rose-gold-03>div>div>div div .SaveTitle {
	color   : rgba(255,255,255,0.5);
}
.bgcolor-rose-gold-03 .login-title {
	color   : #000000;
}

.bounce {
  display		   : inline-block;
  position		  : relative;
  -moz-animation	: bounce 0.5s infinite linear;
  -o-animation	  : bounce 0.5s infinite linear;
  -webkit-animation : bounce 0.5s infinite linear;
  animation		 : bounce 0.5s infinite linear;
  colr			  : 000;
}
@-webkit-keyframes bounce {
	0% { top: 0; }
	50% { top: -0.2em; }
	70% { top: -0.3em; }
	100% { top: 0; }
}
@-moz-keyframes bounce {
	0% { top: 0; }
	50% { top: -0.2em; }
	70% { top: -0.3em; }
	100% { top: 0; }
}
@-o-keyframes bounce {
	0% { top: 0; }
	50% { top: -0.2em; }
	70% { top: -0.3em; }
	100% { top: 0; }
}
@-ms-keyframes bounce {
	0% { top: 0; }
	50% { top: -0.2em; }
	70% { top: -0.3em; }
	100% { top: 0; }
}
@keyframes bounce {
	0% { top: 0; }
	50% { top: -0.2em; }
	70% { top: -0.3em; }
	100% { top: 0; }
}

/******************************************************************************************************************************************/

.main_common_top_body {
	margin	  : 0;
	padding	 : 0;
	border	  : 0;
	overflow-y  : auto;
}

.main-title-box {
	line-height	 : 40px;
	border-bottom   : 1px solid #DDDDDD;
	font-family	 : SpoqB;
	font-size	   : 24px;
	letter-spacing  : -0.24px;
	display		 : inline-block;
	width		   : 100%;
}

.main-title-box>span:first-child {
	float	   : left;
	margin-left : 24px;
	font-size   : 18px;
	font-weight : 800;
	padding-top : 5px;
}
.main-title-box-url-icon {
	font-size	: 16px;
	position	: relative;
	top			: 2px;
	left		: -2px;
}
.main-title-box-url {
	font-size   : 11px;
	margin-right: 24px;
}

.main-table-panel-left {
	margin-top : 10px;
	margin-left :24px;
	margin-right : 0px;

	padding : 0;
	outline:1px solid #c6c6c6;
}

.page-contents {
	margin	  : 0;
	padding	 : 1px 0 1px 0;
	width	   : 100%;
	/* height	  : calc(100vh - 48px); */
	overflow	: auto;
}

.popup_common_top_body {
	margin  : 0;
	padding : 0;
	border  : 0;
}
.popup-title-box {
	height	  : 40px;
	line-height : 40px;
	background  : #4D5C92;
	background-image	: url(/Package/ext/images/popup/ico_pop_title.png);
	background-repeat   : no-repeat;
	background-position : 15px 12px;
	background-size	 : 16px 16px;
}
.popup-title-box>span {
	float	   : left;
	margin-left : 38px;
	font-size   : 18px;
	font-weight : 400;
	color	   : #FFFFFF;
}
.popup-contents {
	margin	  : 0;
	padding	 : 15px 0 1px 0;
	width	   : 100%;
	height	  : calc(100vh - 45px);
	/* overflow	: auto; */
	overflow	: hidden;
}

.popup-grid-panel {
	margin : 1px 1px 1px 1px;
}

.popup-grid-panel+.popup-grid-panel {
	margin-top : 10px;
}

.popup-table-panel, .popup-table-panel-left, .popup-table-panel-right {
	display		 : table-cell;
	padding		 : 0;
	margin		  : 0;
	vertical-align  : top;
}
.popup-table-panel, .popup-table-panel-left {
	padding : 5px;
}
.popup-table-panel-left {
	border : 1px solid #CCCCCC;
}
.popup-table-panel-left+.popup-table-panel-right .panel-footer {
	outline		 : 0;
	border-top	  : 1px solid #CCCCCC;
	border-right	: 1px solid #CCCCCC;
	border-bottom   : 1px solid #CCCCCC;
	border-left	 : 0;
}

.popup-table-group {
	margin  : 10px 1px 1px 1px;
	padding : 0;
	width   : calc(100vw - 1px);
}

.template-cont {
	width		   : -webkit-calc(100% - 48px);
	width		   :	-moz-calc(100% - 48px);
	width		   :		 calc(100% - 48px);
	display		 : inline-table;
	overflow-y	  : auto;
	margin-left	 : 24px;
	margin-right	: 24px;
	margin-bottom   : 10px;
}

/******************************************************************************************************************************************/
/* TABLE 관련																																																																							 */
/******************************************************************************************************************************************/

.popup-cont-box {
	width		   : -webkit-calc(100% - 30px);
	width		   :	-moz-calc(100% - 30px);
	width		   :		 calc(100% - 30px);
	display		 : inline-table;
	overflow-y	  : auto;
	margin		  : 0 15px 15px 15px;
	padding		 : 0;
}
.popup-cont-box+.popup-cont-box .table-title {
	background-position : 0 7px;
	height			  : 30px;
	line-height		 : 30px;
	margin-bottom	   : 7px;
}

.table-box, .table-box3, .table-box4, .table-box-file {
	margin  : 0;
	padding : 1px;
	display : inline-table;
	width   : 100%;
}
.table-box2 {
	margin  : 0;
	padding : 0;
	width   : 100%;
}

.table-box table, .table-box2 table, .table-box3 table, .table-box4 table, .table-box-file table {
	outline : 1px solid #CCCCCC;
	width   : 100%;
}
.table-box table tr+tr, .table-box2 table tr+tr, .table-box3 table tr+tr, .table-box4 table tr+tr, .table-box-file table tr+tr {
	border-top : 1px solid #CCCCCC;
}
.table-box-file table tr th {
	font-weight : 700;
	text-align  : center;
}
.table-box table tr th, .table-box2 table tr th, .table-box3 table tr th, .table-box4 table tr th {
	border-right	: 1px solid #CCCCCC;
	padding		 : 5px 5px;
	/* width		   : 10%;  */
	background-color: #eaeaea;
	font-weight	 : 800;
	vertical-align  : top;
}

.table-subBox {
	margin  : 0;
	padding : 1px;
	display : inline-table;
	width   : 100%;
}

.table-subBox table {
	outline : 1px solid #CCCCCC;
	width   : 100%;
}

.table-subBox tr th {
	border	: 1px solid #CCCCCC;
	padding		 : 5px 5px;
	/* background-color: #F3F6FC; */
	background-color: #eaeaea;
	font-weight	 : 800;
	vertical-align  : top;
}

.table-subBox table tr td {
	padding : 5px 5px;
	border  : 1px solid #CCCCCC;
}

.table-subBox table.hover tr td:hover {
	background-color: #fff;
	border-right	: 1px solid #CCCCCC;
}

.table-box3 tr th {
	padding : 0;
}
.table-box table tr td, .table-box2 table tr td, .table-box3 table tr td {
	padding : 5px 5px;
	width   : auto;  
	/* border-left:1px solid #CCCCCC; 20190425*/
}
.table-box3 table tr td {
	padding : 0;
}

.table-box4 table tr td, .table-box4 table tr th {
	padding : 5px 5px;
	border-left:1px solid #CCCCCC;
	vertical-align  : middle;
}

.table-box table tr th+td:not(:last-child), .table-box2 table tr th+td:not(:last-child), .table-box3 table tr th+td:not(:last-child), .table-box4 table tr th+td:not(:last-child) {
	border-right : 1px solid #CCCCCC;
}
.table-box table tr td input[readonly], .table-box2 table tr td input[readonly], .table-box3 table tr td input[readonly], .table-box4 table tr td input[readonly] {
	width   : auto;
	padding : 0 5px;
}

.table-box table.hover tr td:hover, .table-box2 table.hover tr td:hover, .table-box3 table.hover tr td:hover , .table-box4 table.hover tr td:hover{
	background-color: #fff;
	min-width:10%;
}

.table-box.file-list table {
	border-collapse: collapse;
	width: 100%;
}

.table-box.file-list table > thead {
	position: sticky;
	top: 0;
	z-index: 1;
	border: 0;
	border-bottom: 1px solid #d1d1d1;
}

.table-box.file-list table tr {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.table-box.file-list table > tbody {
	display: block;
	max-height: 150px;
	overflow-y: auto;
}

.table-title {
	background-image	: url(/Package/ext/images/popup/ico_item_title.png);
	background-repeat   : no-repeat;
	background-position : 0 10px;
	background-size	 : 15px 15px;
	height			  : 35px;
	line-height		 : 35px;
	font-size		   : 14px;
	color			   : #333333;
	/* padding-left		: 20px; */
}

.grid-table-colabo {
	margin-left	: 24px;
	margin-right   : 24px;
	padding		: 0;
	width		  : calc(100% - 48px);
	border		 : 0;
}

.grid-table-colabo div[class='panel panel-primary'] {
	width  : 300px;
	display: inline-table;
	margin : 0;
	padding: 0;
	border : 0;
}

.grid-table-colabo div[class='panel panel-primary'] .panel-footer {
	margin : 0;
}

.table-group {
	margin	 : 0 0 0 1px;
	padding	: 5px 5px;
	height	 : calc(100vh - 146px);
	width	  : calc(100% - 305px);
	display	: inline-table;
	outline	: 1px solid #c6c6c6;
}

.main-table-group {
	margin : 0 0 0 1px;
	padding: 5px 5px;
	display: inline-table;
	outline: 1px solid #c6c6c6;
}

.risk_level {position:relative; width:100%; min-width:790px;  margin:0 auto; margin-bottom:10px; border:0px solid #00ff00; padding:0px;}
.risk_level .box_left {width:400px;	vertical-align:top;	 margin-right:0px; border:1px solid #B7CCDB; background-color:#f4f9fd;}
.risk_level .box_right {vertical-align:top;	padding:20px; border:1px solid #B7CCDB; background-color:#f4f9fd;}
.risk_level h2 {font-size:12px;	color:#333; margin-bottom:10px;	margin-left:15px; margin-top:20px; text-align:left;	font-weight:normal;}

.risk_level .tbl_l_step5 {margin-left:20px;margin-top:15px;background:url('/Package/ext/images/rbatbl/graph_arr.png') no-repeat 80px 0px;border-collapse:collapse;border:0px solid #B7CCDB; border: #b3bdd3 0px solid; }
.risk_level .tbl_l_step5 td {border: #b3bdd3 0px solid; padding:3px; text-align:center; vertical-align:middle;}
.risk_level .tbl_l_step5 td select{width:41px; height:20px; border:1px solid #666666; font-size:12px;	font-weight:bold;}
.risk_level .tbl_l_step5 .vtit_1line {width:15px; padding:15px;	font-size:12px;	font-weight:bold; color:#333; line-height:140%; background:url('/Package/ext/images/rbatbl/tit_bg01.png') no-repeat 50% 50%;}
.risk_level .tbl_l_step5 .htit_1line {padding:15px;	font-size:12px;	font-weight:bold; color:#333; line-height:500px; background:url('/Package/ext/images/rbatbl/tit_bg02.png') no-repeat 50% 50%;}


.risk_level .tbl_l_step5 td.hd_1 {color:#94ce25; width:100px; font-size:12px; font-weight:bold;}
.risk_level .tbl_l_step5 td.hd_2 {color:#67af00; font-size:12px; font-weight:bold;}
.risk_level .tbl_l_step5 td.hd_3 {color:#f0a606; font-size:12px; font-weight:bold;}
.risk_level .tbl_l_step5 td.hd_4 {color:#ea5e00; font-size:12px; font-weight:bold;}
.risk_level .tbl_l_step5 td.hd_5 {color:#d60000; font-size:12px; font-weight:bold;}

.risk_level .tbl_l_step5 td.lev_1 {color:#fff; font-size:18px; font-weight:bold; background-color:#94ce25; padding:11px 17px; border:3px solid #FFF;}
.risk_level .tbl_l_step5 td.lev_2 {color:#fff; font-size:18px; font-weight:bold; background-color:#67af00; padding:11px 17px; border:3px solid #FFF;}
.risk_level .tbl_l_step5 td.lev_3 {color:#fff; font-size:18px; font-weight:bold; background-color:#f0a606; padding:11px 17px; border:3px solid #FFF;}
.risk_level .tbl_l_step5 td.lev_4 {color:#fff; font-size:18px; font-weight:bold; background-color:#ea5e00; padding:11px 17px; border:3px solid #FFF;}
.risk_level .tbl_l_step5 td.lev_5 {color:#fff; font-size:18px; font-weight:bold; background-color:#d60000; padding:11px 17px; border:3px solid #FFF;}

.risk_level .tbl_l_step5 td.hd_h {color:#333; font-size:12px; height: 30px;}
.risk_level .tbl_l_step5 td.hd_v {color:#333; font-size:12px; height: 25px;}
.risk_level .tbl_l_step5 td.hd_l {color:#333; font-size:12px; font-weight:bold; height: 35px;}
.risk_level .tbl_l_step5 td.hd_v {color:#333; font-size:12px; padding-left:30px;}

.risk_level .tbl_l_step5 td.con {color:#FFF; width:60px; height: 40px;}
.risk_level .tbl_l_step5 td.gra_arr_v {width:5px;}
.risk_level .tbl_l_step5 td.gra_arr_h {height:5px;}

.risk_level .tbl_l_step4 {margin-left:20px;margin-top:15px;background:url('/Package/ext/images/rbatbl/graph_arr.png') no-repeat 85px 15px;border-collapse:collapse;border:0px solid #B7CCDB; border: #b3bdd3 0px solid; }
.risk_level .tbl_l_step4 td {border: #b3bdd3 0px solid; padding:3px; text-align:center; vertical-align:middle;}
.risk_level .tbl_l_step4 td select{width:40px; height:20px; border:1px solid #666666; font-size:12px;	font-weight:bold;}
.risk_level .tbl_l_step4 .vtit_1line {width:15px; padding:16px; font-size:12px; font-weight:bold; color:#333; line-height:140%; background:url('/Package/ext/images/rbatbl/tit_bg01.png') no-repeat 50% 50%;}
.risk_level .tbl_l_step4 .vtit_2line {width:70px; padding:12px; font-size:12px; font-weight:bold; color:#333; line-height:140%; background:url('/Package/ext/images/rbatbl/tit_bg03.png') no-repeat 50% 50%;}
.risk_level .tbl_l_step4 .htit_1line { height: 45px; padding:15px; font-size:12px; font-weight:bold; color:#333; line-height:140%; background:url('/Package/ext/images/rbatbl/tit_bg02.png') no-repeat 50% 50%;}
.risk_level .tbl_l_step4 .htit_2line { height: 45px; padding:10px; font-size:12px; font-weight:bold; color:#333; line-height:140%; background:url('/Package/ext/images/rbatbl/tit_bg04.png') no-repeat 50% 50%;}


.risk_level .tbl_l_step4 td.hd_1 {color:#94ce25; width:100px; font-size:12px; font-weight:bold;}
.risk_level .tbl_l_step4 td.hd_2 {color:#67af00; font-size:12px; font-weight:bold;}
.risk_level .tbl_l_step4 td.hd_3 {color:#f0a606; font-size:12px; font-weight:bold;}
.risk_level .tbl_l_step4 td.hd_4 {color:#ea5e00; font-size:12px; font-weight:bold;}
.risk_level .tbl_l_step4 td.hd_5 {color:#d60000; font-size:12px; font-weight:bold;}

.risk_level .tbl_l_step4 td.lev_1 {color:#fff; font-size:26px; font-weight:bold; background-color:#94ce25; padding:15px 20px; border:3px solid #FFF;}
.risk_level .tbl_l_step4 td.lev_2 {color:#fff; font-size:26px; font-weight:bold; background-color:#67af00; padding:15px 20px; border:3px solid #FFF;}
.risk_level .tbl_l_step4 td.lev_3 {color:#fff; font-size:26px; font-weight:bold; background-color:#f0a606; padding:15px 20px; border:3px solid #FFF;}
.risk_level .tbl_l_step4 td.lev_4 {color:#fff; font-size:26px; font-weight:bold; background-color:#ea5e00; padding:15px 20px; border:3px solid #FFF;}
.risk_level .tbl_l_step4 td.lev_5 {color:#fff; font-size:26px; font-weight:bold; background-color:#d60000; padding:15px 20px; border:3px solid #FFF;}

.risk_level .tbl_l_step4 td.hd_h {color:#333; font-size:12px; height: 45px;}
.risk_level .tbl_l_step4 td.hd_l {color:#333; font-size:12px; font-weight:bold; height: 35px;}
.risk_level .tbl_l_step4 td.hd_v {color:#333; font-size:12px; padding-left:30px;}
.risk_level .tbl_l_step4 td.con {color:#FFF; width:70px; height:20px; padding:10px 5px 20px 5px;}
.risk_level .tbl_l_step4 td.gra_arr_v {width:20px;}
.risk_level .tbl_l_step4 td.gra_arr_h {height:20px;}

.risk_level .tbl_r {width:100%;	padding-right:0px; border-collapse:collapse;}
.risk_level .tbl_r td {border: #b3bdd3 1px solid;	padding:5px; text-align:center; vertical-align:middle;}

.risk_level .tbl_r td.hd {background-color:#d9f0eb; color:#545454; font-size:12px;}
.risk_level .tbl_r td.lev_1 {background:url('/Package/ext/images/rbatbl/lev_1.png') no-repeat; background-position:50% 50%; background-color:#94ce25; padding:20px 0px;}
.risk_level .tbl_r td.lev_2 {background:url('/Package/ext/images/rbatbl/lev_2.png') no-repeat; background-position:50% 50%; background-color:#67af00;padding:20px 0px;}
.risk_level .tbl_r td.lev_3 {background:url('/Package/ext/images/rbatbl/lev_3.png') no-repeat; background-position:50% 50%; background-color:#f0a606;padding:20px 0px;}
.risk_level .tbl_r td.lev_4 {background:url('/Package/ext/images/rbatbl/lev_4.png') no-repeat; background-position:50% 50%; background-color:#ea5e00;padding:20px 0px;}
.risk_level .tbl_r td.lev_5 {background:url('/Package/ext/images/rbatbl/lev_5.png') no-repeat; background-position:50% 50%; background-color:#d60000;padding:20px 0px;}
.risk_level .tbl_r td.hd_l {color:#333; font-size:16px; font-weight:bold;}
.risk_level .tbl_r td.hd_v {color:#333; font-size:12px; font-weight:bold;}
.risk_level .tbl_r td.con_c {color:#545454; text-align:center; }
.risk_level .tbl_r td.con_l { font-size:11px; color:#545454; text-align:left; vertical-align:middle;}
.risk_level .tbl_r td.con_l ul li { list-style:url('/AML/images/rba/con_ico.png'); margin-left:-20px; margin-top:3px;}

.risk_level .tbl_r td.lev_a {background:url('/Package/ext/images/rbatbl/lev_a.png') no-repeat; background-position:50% 50%; background-color:#94ce25;}
.risk_level .tbl_r td.lev_b {background:url('/Package/ext/images/rbatbl/lev_b.png') no-repeat; background-position:50% 50%; background-color:#67af00;}
.risk_level .tbl_r td.lev_c {background:url('/Package/ext/images/rbatbl/lev_c.png') no-repeat; background-position:50% 50%; background-color:#f0a606;}
.risk_level .tbl_r td.lev_d {background:url('/Package/ext/images/rbatbl/lev_d.png') no-repeat; background-position:50% 50%; background-color:#ea5e00;}
.risk_level .tbl_r td.lev_e {background:url('/Package/ext/images/rbatbl/lev_e.png') no-repeat; background-position:50% 50%; background-color:#d60000;}

.risk_level .tbl_risk_info td {padding:0px; text-align:center; vertical-align:middle;}
.risk_level .tbl_risk_info td.hd {background-color:#d9f0eb; color:#545454; font-size:14px; font-weight:bold;}
.risk_level .tbl_risk_info td.lev_1 {background:url('/Package/ext/images/rbatbl/lev_1.png') no-repeat; background-position:50% 50%; background-color:#94ce25;}
.risk_level .tbl_risk_info td.lev_2 {background:url('/Package/ext/images/rbatbl/lev_2.png') no-repeat; background-position:50% 50%; background-color:#67af00;}
.risk_level .tbl_risk_info td.lev_3 {background:url('/Package/ext/images/rbatbl/lev_3.png') no-repeat; background-position:50% 50%; background-color:#f0a606;}
.risk_level .tbl_risk_info td.lev_4 {background:url('/Package/ext/images/rbatbl/lev_4.png') no-repeat; background-position:50% 50%; background-color:#ea5e00;}
.risk_level .tbl_risk_info td.hd_l {color:#333; font-size:16px; font-weight:bold;}
.risk_level .tbl_risk_info td.hd_v {color:#333; font-size:12px; font-weight:bold;}
.risk_level .tbl_risk_info td.con {color:#FFF;}
.risk_level .tbl_risk_info .arr {background:url('/Package/ext/images/rbatbl/risk_arr.png') no-repeat; background-position:50% 50%;}
.risk_level .tbl_risk_info .plus {background:url('/Package/ext/images/rbatbl/risk_plus.png') no-repeat; background-position:50% 50%;}
.risk_level .tbl_risk_info td.con_lev1 {background-color:#efcf9c; padding:5px; color:#333; font-size:12px; line-height:150%;}
.risk_level .tbl_risk_info td.con_lev2 {background-color:#f0e6b2; padding:5px; color:#333; font-size:12px;}

.rba_info_box {border:1px solid #B7CCDB; border-collapse:collapse; margin-bottom:10px; border-collapse:collapse;}
.rba_info_box td {FONT-SIZE: 12px; COLOR: #494949; text-decoration:none; padding:5px; border:1px solid #B7CCDB; border-collapse:collapse;}
.rba_info_box .hd {FONT-SIZE: 12px; COLOR: #364359; text-decoration:none; font-weight:bold; background-color:#F4F9FD; text-align:center; height:34px;}
.rba_info_box .hd01 {FONT-SIZE: 14px; COLOR: #494949; text-decoration:none; font-weight:bold; background-color:#f7f7f7; text-align:center;}
.rba_info_box .hd02 {FONT-SIZE: 14px; COLOR: #494949; text-decoration:none; font-weight:bold; background-color:#f7f7f7; text-align:center;}
.rba_info_box .con {FONT-SIZE: 12px; COLOR: #494949; text-decoration:none; background-color:#FFF; text-align:center;}
.rba_info_box .con_c {FONT-SIZE: 12px; COLOR: #494949; text-decoration:none; background-color:#ecfff8; text-align:center;}
.rba_info_box .con_s {FONT-SIZE: 12px; COLOR: #494949; text-decoration:none; background-color:#fff1d9; text-align:center;}

.rba_info_box {border:1px solid #B7CCDB; border-collapse:collapse; margin-bottom:10px; border-collapse:collapse;}
.rba_info_box td {FONT-SIZE: 12px; COLOR: #494949; text-decoration:none; padding:5px; border:1px solid #B7CCDB; border-collapse:collapse;}
.rba_info_box .hd {FONT-SIZE: 12px; COLOR: #364359; text-decoration:none; font-weight:bold; background-color:#F4F9FD; text-align:center; height:34px;}
.rba_info_box .hd01 {FONT-SIZE: 14px; COLOR: #494949; text-decoration:none; font-weight:bold; background-color:#f7f7f7; text-align:center;}
.rba_info_box .hd02 {FONT-SIZE: 14px; COLOR: #494949; text-decoration:none; font-weight:bold; background-color:#f7f7f7; text-align:center;}
.rba_info_box .con {FONT-SIZE: 12px; COLOR: #494949; text-decoration:none; background-color:#FFF; text-align:center;}
.rba_info_box .con_c {FONT-SIZE: 12px; COLOR: #494949; text-decoration:none; background-color:#ecfff8; text-align:center;}
.rba_info_box .con_s {FONT-SIZE: 12px; COLOR: #494949; text-decoration:none; background-color:#fff1d9; text-align:center;}

/******************************************************************************************************************************************/
/* DIV
/******************************************************************************************************************************************/

.div-cont-box-group {
	margin		  : 1px;
	display		 : inline-block;
	vertical-align  : top;
}
.div-cont-box {
	outline		 : 1px solid #CCCCCC;
	padding-bottom  : 1px;
}
.div-cont-box+.div-cont-box {
	margin-top : 5px;
}
.div-cont-box-title {
	background-color: #F5F5F5;
	border-bottom   : 1px solid #CCCCCC;
	font-weight	 : 700;
	line-height	 : 25px;
}
.div-cont-box-title > i {
	margin-left : 3px;
	margin-right: 3px;
}
.div-cont-box-title > input {
	position	: relative;
	top		 : 1px;
}
.div-cont-box-checkbox, .div-cont-box-radio {
	position	: relative;
	top		 : 2px;
	margin-left : 3px;
	margin-right: 3px;
}

/******************************************************************************************************************************************/
/* icon
/******************************************************************************************************************************************/

.icon-btn {
	cursor	  : pointer;
	font-size   : 14px;
	font-wieght : 700;
	color	   : #757575;
}
.icon-btn:hover {
	color	   : #FFBF00;
}

/******************************************************************************************************************************************/
/* dash board
/******************************************************************************************************************************************/
.dash-board-title-box, .dash-board-title-box2, .dash-board-title-box3 {
	height		  : 25px;
	vertical-align  : middle;
	border-radius	: 18px 18px 0 0;
	background		: #FFFFFF;
}
.dash-board-title-box2 {
	background  : #F7F7F7;
}
.dash-board-title-box3 {
	height  : 40px;
}
.dash-board-title, .dash-board-title2, .dash-board-title3, .dash-board-title-btn, .dash-board-title-btn2, .dash-board-title-btn3 {
	display		 : inline-block;
	width		   : calc(100% - 40px);
	height		  : 25px;
	line-height	 : 25px;
	padding-left	: 10px;
	padding-top		: 10px;
}
.dash-board-title3 {
	height	  : 40px;
	line-height : 40px;
}
.dash-board-title2, .dash-board-title-btn2, .dash-board-title-btn3 {
	border-right	: 0;
}
.dash-board-title > span, .dash-board-title2 > span, .dash-board-title3 > span, .dash-board-title-btn > span, .dash-board-title-btn2 > span, .dash-board-title-btn3 > span {
	font-size   	: 16px;
	font-weight 	: bold;
	margin-left 	: 10px;
	color			: #444;
	letter-spacing	: -0.4px;
	line-height		: 25px;
}
.dash-board-title > span+span, .dash-board-title2 > span+span, .dash-board-title3 > span+span, .dash-board-title-btn > span+span, .dash-board-title-btn2 > span+span, .dash-board-title-btn2 > span+span {
	margin-left : 15px;
}
.dash-board-title-btn > span {
	cursor		  : pointer;
	display		 : inline-block;
	height		  : calc(100% - 1px);
	padding-left	: 15px;
	padding-right   : 15px;
}
.dash-board-title-btn2 > span:not(:first-child) {
	cursor		  : pointer;
	display		 : inline-block;
	height		  : 100%;
	padding-left	: 15px;
	padding-right   : 15px;
}
.dash-board-title-btn > span:hover, .dash-board-title-btn2 > span:not(:first-child):hover {
	color   : #FFBF00;
}
.dash-board-title-btn > span:active, .dash-board-title-btn2 > span:not(:first-child):active {
	background	  : #FFFFFF;
	color		   : #FFBF00;
	border-left	 : 1px solid #DDDDDD;
	border-right	: 1px solid #DDDDDD;
}
.dash-board-title-btn-selected {
	/* background	  : #1D8BD8; */
	background	  : #FFFFFF;
	color		   : #000000;
	border-left	 : 1px solid #DDDDDD;
	border-right	: 1px solid #DDDDDD;
}
.dash-board-btn {
	display	 : inline-block;
	width	   : 30px;
	height	  : 40px;
	text-align  : center;
}
.dash-board-cont-box, .dash-board-cont-box2 {
	display		 : block;
	width		   : 100%;
	border-radius	: 0 0 18px 18px;
	background		: #FFFFFF;
}

/******************************************************************************************************************************************/
/* Popup Notification
/******************************************************************************************************************************************/

.box1		   {height:350px;overflow:auto;border:0 solid;}
.box2		   {height:250px;overflow:auto;border:0 solid;}
.pop_noti_line01{background-image:url('/Package/ext/images/popup/pop01_line01.gif');background-repeat:repeat-x;background-position:bottom;height:25px;}
.pop_noti01	 {background-image:url('/Package/ext/images/popup/pop01_bg01.gif');background-repeat:no-repeat;background-position:bottom right;width:5px;}
.pop_noti02	 {background-image:url('/Package/ext/images/popup/pop01_bg02.gif');background-repeat:no-repeat;background-position:bottom left;height:5px;width:5px;}

/******************************************************************************************************************************************/
/* DxDataGrid override
/******************************************************************************************************************************************/

.dx-datagrid-total-footer > .dx-datagrid-content {
	padding-top	 : 0;
	padding-bottom  : 0;
}

.grid-title {
	text-align	  : left;
	font-size	   : 12px;
	color		   : #757575;
	padding		 : 5px 8px 5px 8px;
	display		 : inline-block;
}

.dx-header-row {
	/* background-color: rgba(201,203,205,0.5); */
	/* background-color: #E7F7E9; */
	/* background-color: #BFB39B; */
	/* background-color: #A7C1D8; */
	/* background-color: #D7E9F6; */
	background-color: #eaeaea;
}

.dx-datagrid .dx-row-alt > td {
	background-color: rgba(201,203,205,0.5);
}

/* grid headers */

.dx-datagrid > .dx-datagrid-headers > div > table > tbody > tr > td > .dx-datagrid-text-content {
	text-align  : center;
	font-weight : 700;
	font-size   : 12px;
	color	   : #313F47;
}
.dx-datagrid > .dx-datagrid-headers {
	background  : -webkit-linear-gradient(0deg, #606060, #C0C0C0);
	background  : -moz-linear-gradient(0deg, #606060, #C0C0C0);
	background  : linear-gradient(0deg, #606060, #C0C0C0);
}

.dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
	background-color: #F3FAFB;
	color		   : #333;
}

.dx-datagrid-ellipse {
	white-space	: nowrap;
	overflow		: hidden;
	text-overflow   : ellipsis;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
	width	   : 30px;
	min-width   : 30px;
}

/******************************************************************************************************************************************/
/* DxTreeList override
/******************************************************************************************************************************************/

.dx-treelist-nowrap.dx-treelist-headers .dx-header-row > td > .dx-treelist-text-content {
	text-align  : center;
	font-weight : 700;
	font-size   : 12px;
	color	   : #313F47;
}

.dx-treelist-select-all .dx-checkbox {
	background-color: #DCECF4;
}

/******************************************************************************************************************************************/
/* DxTabPanel
/******************************************************************************************************************************************/

.tab-cont-box {
	display : inline-block;
	overflow: hidden;
}

/******************************************************************************************************************************************/
/* cell text color for DxDataGrid
/******************************************************************************************************************************************/

.cell-color-FF0000 {
	color : #FF0000;
}

.cell-color-00FF00 {
	color : #00FF00;
}

.cell-color-00FFFF {
	color : #00FFFF;
}

.data-grid-summary, .data-grid-summary-left {
	margin-left: 10px;
}
.data-grid-summary-right {
	margin-right : 10px;
}

/******************************************************************************************************************************************/
/* DxTabPanel override
/******************************************************************************************************************************************/

.dx-tab {
	padding-bottom: 0;
}
.dx-tabs {
	margin-left : 10px;
	width	   : calc(100% - 20px);
	height	  : 25px;
}
.dx-tabs-wrapper {
	height : 25px;
}
.dx-tabpanel .dx-multiview-wrapper {
	border-left  : 1px solid rgba(255,255,255,0);
	border-right : 1px solid rgba(255,255,255,0);
	border-bottom: 1px solid rgba(255,255,255,0);
}
.dx-multiview-item-container {
	margin-top : 10px;
}
.dx-multiview-item-content {
	margin-top	  : 1px;
	margin-left	 : 1px;
	padding-right   : 2px;
}

.dx-tabpanel.dx-state-focused .dx-tab:not(.dx-tab-selected):before {
	content: '';
	pointer-events: none;
	position: absolute;
	top: 100%;
	bottom: -1px;
	left: 0;
	right: 0;
	z-index: 2;
	height: 0;
	border-bottom: 1.0px solid #337ab7;
	bottom: -1.4px;
}

/******************************************************************************************************************************************/
/* DxScrollView override
/******************************************************************************************************************************************/

.dx-scrollview-content {
	margin-top : 1px;
	margin-left: 1px;
	margin-right	: 1px;
	margin-bottom   : 12px;
}
/* 20180102, 주석을 풀면, 스크롤바의 기본 굵기가 굵게 변한다. */
.dx-scrollbar-vertical   .dx-scrollable-scroll  { width : 15px; }
.dx-scrollbar-horizontal .dx-scrollable-scroll  { height: 15px; }
.dx-scrollbar-horizontal.dx-scrollbar-hoverable { height: 15px; }
/**/

/******************************************************************************************************************************************/
/* DxDateBox override
/******************************************************************************************************************************************/

.dx-texteditor-input {
	padding-top	 : 0;
	padding-bottom  : 0;
}

/******************************************************************************************************************************************/
/* bootstrap override																													 */
/******************************************************************************************************************************************/

.tab-content {
	margin-top  : 10px;
}
.tab-content div[id^=menu] {
	height	  : calc(100vh - 250px);
	overflow-y  : auto;
	margin-top  : 1px;
}
.tab-content div[id^=menu] div {
	padding : 1px;
}

.nav-tabs {
	border-bottom: 1px solid #2D64B4;
}
.nav > li > a {
	padding : 5px 26px;
}

.nav-pills > li > a {
	border-top-left-radius	  : 4px;
	border-top-right-radius	 : 4px;
	border-bottom-left-radius   : 0;
	border-bottom-right-radius  : 0;
	border-color				: rgba(0,0,0,.1);
}

.nav-pills > li > a:hover {
	border-color		: rgba(0,0,0,.2);
	border-bottom-color : transparent;
}

.nav-pills > li:first-child {
	margin-left : 15px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	color			   : #205297;
	background-color	: #FFFFFF;
	border-color		: #2D64B4;
	border-bottom-color : transparent;
}
.nav-pills > li + li {
	margin-left: 2px;
}
.nav-pills > .active > a > .badge {
	color		   : #337ab7;
	background-color: #fff;
}

/******************************************************************************************************************************************/
/* jquery-ui override																													 */
/******************************************************************************************************************************************/

.ui-tabs {
	position: relative;
	top	 : 0px;
}
.ui-tabs .ui-tabs-nav {
	margin		  : 0;
	padding		 : 0;
	background-color: #f1f1f1;
	min-height	  : 45px;
	display		 : flex;
	flex-wrap	   : wrap;
}
.ui-tabs .ui-tabs-nav li {
	list-style		  : none;
	float			   : left;
	position			: relative;
	top				 : 0;
	margin			  : 0;
	padding			 : 0;
	white-space		 : nowrap;
	height			  : 45px;
	font-size		   : 14px;
	font-variant-numeric: normal;
	margin-left			: 2px;
	padding-left		: 5px;
	padding-right		: 10px;
	line-height			: 30px;
}
.ui-tabs .ui-tabs-nav li:first-child {
	margin		  : 0;
	background-color: #F4F5F7;
	/* margin-bottom   : -1px; */
	/* color		   : #000000; */
}
.ui-tabs .ui-tabs-nav li .ui-tabs-active {
	background  : #FFFFFF;
	font-weight : 700;
}
.ui-tab-close {
	background : url(/Package/ext/images/tab/tap_close_w.png);
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float		   : left;
	padding		 : .53em .33em .33em .9em;
	height		  : 35px;
	/* text-decoration : none;
	color		   : #CCCCCC; */
}
.ui-widget-header { /* Tab Header */
	border	 : 0;
	background : #FFFFFF;
	color	  : #222222;
	font-weight: 700;
}
.ui-widget-content {
	border	  : 0;
	background  : #FFFFFF url(/Kernel/ext/jquery/themes/base/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color	   : #222222;
}
.ui-state-default {
	color: #444;
	background : #F4F5F7;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	/* color		   : #052E51; */
	font			: Nanumgothic 14px;
	text-decoration : none;
}

/******************************************************************************************************************************************/
/* 그리드의 상태바 (totalCaount, paging 처리)
/******************************************************************************************************************************************/

.status-bar {
	font-size	   : 12px;
	height		  : 38px;
	width		   : 100%;
	text-align	  : center;
	line-height	 : 38px;
	border-left	 : 1px solid #CCCCCC;
	border-right	: 1px solid #CCCCCC;
	border-bottom   : 1px solid #CCCCCC;
	display		 : inline-block;
}
.status-bar-left-void {
	display : inline-block;
	float   : left;
}
.status-bar-left-void>span:first-child {
	margin-left : 20px;
}
.status-bar-center-void {
	display : inline-block;
}
.status-bar-right-void {
	display : inline-block;
	float   : right;
}
.status-bar-right-void>span:last-child {
	margin-right : 20px;
}
.page-btns {
	word-spacing: 6px;
	margin-left : 10px;
}
.page-btn {
	cursor	  : pointer;
	color	   : #000000;
	font-weight : 700;
	display	 : inline-block;
}
.page-btn:hover {
	color : #FFB347;
}
.page-btn-selected {
	font-weight	 : 700;
	color		   : #FFFFFF;
	background-color: #CCCCCC;
	cursor		  : default;
	padding		 : 5px;
}
.arrow-btn {
	font-size	   : 12px;
	cursor		  : pointer;
	color		   : #000000;
}
.arrow-btn:hover {
	color : #FFB347;
}
.arrow-btn-unlink {
	font-size   : 12px;
	color	   : #CCCCCC;
}

/******************************************************************************************************************************************/
/* tTemplate 관련
/******************************************************************************************************************************************/

.t01-menu-on a {
	display		 : block;
	float		   : left;
	font-weight	 : 700;
	padding-left	: 20px;
	text-decoration : none;
	width		   : 100%;
	height		  : 21px;
	cursor		  : pointer;
	margin-left	 : 0px;
	overflow		: hidden;
	background-color: #D7E9F6;
}
.t01-menu-on a:hover {
	width		   : 100%;
	font-weight	 : 700;
}
.t01-menu-on a span {
	display		 : block;
	float		   : left;
	line-height	 : 180%;
	padding-right   : 20px;
	width		   : 100%;
	height		  : 21px;
	overflow		: hidden;
	font-weight	 : 700;
	color		   : #124F93;
}
.t01-menu-on a:hover span {
	width	   : 100%;
	font-weight : 700;
}

.t01-menu a {
	display		 : block;
	float		   : left;
	color		   : #666666;
	padding-left	: 20px;
	text-decoration : none;
	width		   : 100%;
	height		  : 21px;
	cursor		  : pointer;
	margin-left	 : 0px;
	overflow		: hidden;
}
.t01-menu a:hover {
	width		   : 100%;
	font-weight	 : 700;
	background-color: #F0F5FE;
}
.t01-menu a span {
	display		 : block;
	float		   : left;
	line-height	 : 180%;
	padding-right   : 20px;
	width		   : 100%;
	height		  : 21px;
	overflow		: hidden;
	color		   : #666666;
}
.t01-menu a:hover span {
	width	   : 100%;
	font-weight : 700;
}

.basic-table {
	font-family		: SpoqR;
	font-size		: 14px;
	line-height		: 22px;
	color			: #444;
	letter-spacing	: -0.28px;
	border-top		: 1px solid #444;
	background		: #fff;
	width			: auto;
	display			: flex;
	border-bottom	: 1px solid #dedede;
	margin-left		: 24px;
	margin-right	: 24px;
	margin-bottom	: 0px;
	margin-top		: 11px;
}

.basic-table td {
	padding			: 6px 16px;
}

/******************************************************************************************************************************************/
/* 대직자명 관련
/******************************************************************************************************************************************/

.off-user-nm {
	color   : #000000;
}

/********************************************************************************************************************************************
**	Layer Popup (with.chat gtp)
*********************************************************************************************************************************************/
/* 팝업 레이어 스타일 */
.popup {
	display				: none; /* 기본적으로 숨김 */
	position			: fixed;
	z-index				: 9999;
	left				: 0;
	top					: 0;
	width				: 100%;
	height				: 100%;
	overflow			: auto;
	background-color	: rgb(0, 0, 0); /* 배경 색상 */
	background-color	: rgba(0, 0, 0, 0.4); /* 투명 배경 색상 */
}

.popup-content {
	background-color	: #fefefe;
	margin				: 5em auto 5em;
	padding				: 20px;
	border				: 1px solid #888;
	width				: 430px;
}

.close {
	color				: #aaa;
	float				: right;
	font-size			: 28px;
	font-weight			: bold;
}

.close:hover,
.close:focus {
	color				: black;
	text-decoration		: none;
	cursor				: pointer;
}

/********************************************************************************************************************************************
**	app.css 
*********************************************************************************************************************************************/
.radio-list {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	   -moz-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
	-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
			flex-shrink: 0;
}

.radio-item {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	   -moz-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
}

.radio-item + .radio-item {
	margin-left: 20px;
}

.radio-item label {
	margin-left : 5px;
}

/********************************************************************************************************************************************
**	font 
*********************************************************************************************************************************************/

@font-face {
	font-family: SpoqL;
	src: url("/Package/design/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.otf") format("opentype");
	font-weight: 300;
}
@font-face {
	font-family: SpoqR;
	src: url("/Package/design/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("/Package/design/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff") format("woff"), url("/Package/design/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.eot");
	font-weight: 400;
}
@font-face {
	font-family: SpoqM;
	src: url("/Package/design/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2") format("woff2"), url("/Package/design/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff") format("woff"), url("/Package/design/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.eot");
	font-weight: 500;
}
@font-face {
	font-family: SpoqB;
	src: url("/Package/design/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("/Package/design/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff") format("woff"), url("/Package/design/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.eot");
	font-weight: 700;
}
@font-face {
	font-family: MavenPro;
	src: url("/Package/design/fonts/MavenPro/MavenPro-Bold.ttf") format("ttf"), url("/Package/design/fonts/MavenPro/MavenPro-SemiBold.ttf") format("ttf"), url("/Package/design/fonts/MavenPro/MavenPro-Regular.ttf") format("ttf"), url("/Package/design/fonts/MavenPro/MavenPro-Medium.ttf") format("ttf");
}