@charset "utf-8";

/* ******************** custom style (2021.04) ******************** */

/* common */
* {
	font-family:"Malgun Gothic","맑은 고딕" !important; outline:none;
}

/* resizer */
.ui-layout-resizer {
	background:#d5d8db !important;
}
.ui-layout-resizer:hover {
	background:#a9c6e3 !important;
}
.ui-layout-resizer:hover .ui-layout-toggler {
	background-color:#278ee6 !important;
}
.ui-layout-toggler {
	background-color:#a8acaf !important;
}
.ui-layout-resizer:hover .ui-layout-toggler:hover {
	background-color:#f6a60c !important;
}

/* header */
h1 {
	height:39px; padding:7px 0 0 12px; margin:0 !important; box-sizing:border-box;
}
h1 a {
	display:inline-block;
}
.header_gnb {
	display:flex; align-items:center; padding:14px 12px 0 0;margin:0;
}
.user_info {
	float:none; display:flex; align-items:center; margin:0;
}
.info {
	font-size:12px; line-height:1; color:#eb6400; font-weight:bold; letter-spacing:0; padding:0; margin-right:12px;
}
.user_info a.topbtn {
	display:inline-block; font-size:11px; line-height:1; color:#555; font-weight:normal; letter-spacing:-1px; padding:0; border-left:1px solid rgba(0,0,0,0.25); background:#0070cf;
}
.user_info a.topbtn span {
	line-height:1; color:#fff; font-weight:normal; padding:3px 10px; background:none !important;
}
.user_info .cu-logout {
	position:relative; padding-right:22px;
}
.user_info .cu-logout::after {
	content:""; position:absolute; top:-2px; right:0; display:inline-block; width:16px; height:16px; margin-left:5px; background:url("../images/button/icon-logout.png") 50% 50% no-repeat;
}
.tgnb {
	margin:0;
}
.tgnb select {
	margin:0 !important;
}

#gnb {
	height:30px; background:#278ee6;
}
#gnb ol li.gnb1Depth {
	border-right:1px solid rgba(255,255,255,0.5); background:none;
}
#gnb ol li.gnb1Depth a.gnb1DepthAnchor {
	width:130px;
}
#gnb ol li.gnb1Depth a.gnb1DepthAnchor:hover {
	background:#0070cf;
}
#gnb ol li.gnb1Depth a.gnb1DepthAnchor.on {
	color:#ffcc00; background:#0070cf;
}

/* left navi */
#left {
	width:198px; top:0; left:0; border:0; background-color:#f4f6f8;
}
#leftMenu h2 {
	display:flex; height:42px; align-items:center; font-size:14px; line-height:1.2; color:#121212; font-weight:bold; padding:0; border-bottom:1px solid #d6dde3; background:#e9eff5; box-sizing:border-box;
}
#leftMenu h2::before {
	content:""; display:inline-block; width:2px; height:100%; background-color:#0070cf; margin-right:12px;
}
.vNav {
	margin:0;
}
.vNav > ul > li {
	border-left:2px solid #278ee6;
}
.vNav > ul > li > a::before {
	content:""; position:absolute; width:0; height:0; top:10px; left:15px; border-top:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #278ee6;
}
.vNav > ul > li.active > a::before {
	border-top:4px solid transparent; border-right:4px solid #278ee6; border-bottom:4px solid #278ee6; border-left:4px solid transparent;
}
.vNav li {
	background:transparent;
}
.vNav li a {
	height:32px; font-size:11px; line-height:1.2; color:#404040; letter-spacing:-0.5px; padding:8px 0 8px 25px; border-bottom:1px solid rgba(0,0,0,0.1); background:none; box-sizing:border-box;
}
.vNav li a:hover {
	color:#0070cf;
}
.vNav > ul > li.active {
	border-left:2px solid #f6a60c;
}
.vNav li.active > a {
	color:#0070cf; border-bottom:1px solid #eee; background:#fff;
}
.vNav li li a {
	display:block; padding:8px auto !important; border-bottom:1px solid #eee; box-sizing:border-box;
}
.vNav li li a span {
	color:#555;
}
.vNav li li a:hover span {
	color:#0070cf;
}
.vNav li.active li a {
	display:block; height:auto; color:#555; border-bottom:1px solid #eee;
}
.vNav li li a span {
	position:relative; display:block; height:auto; padding-left:10px; background:none;
}
.vNav li li a span::before {
	content:""; position:absolute; width:4px; height:4px; top:5px; left:0; background:#aaa; border-radius:50%;
}
.vNav li.active li.active a span {
	height:auto; color:#278ee6; padding-left:10px; background:none;
}
.vNav li.active li.active a span::before {
	background-color:#278ee6;
}

/* content */
.titlearea {
	margin-top:5px;
}
.contitle h2 {
	position:relative; font-size:14px; color:#121212; padding-left:18px; background:none;
}
.contitle h2::before {
	content:""; display:block; position:absolute; width:13px; height:13px; top:4px; left:0; border:3px solid #278ee6; border-radius:50%; box-sizing:border-box;
}
.trbtn {
	margin-top:-25px;
}
.trbtn a.rbtn {
	margin-left:2px;
}
a.rbtn {
	background:none; background-color:#7495b1; border-radius:2px;
}
a.rbtn:hover {
	background-color:#638099;
}
a.rbtn span {
	background:none;
}
.rbtn.btn-search, .rbtn.btn-list {
	background-color:#52606b;
}
.rbtn.btn-search:hover, .rbtn.btn-list:hover {
	background-color:#3b454d;
}
.rbtn.btn-reg {
	background-color:#44a0ee;
}
.rbtn.btn-reg:hover {
	background-color:#3087d1;
}
.rbtn.btn-del {
	background-color:#f26b4c;
}
.rbtn.btn-del:hover {
	background-color:#e95330;
}

div.gridbox_dhx_skyblue table.hdr td div.hdrcell {
	font-size:12px !important;
}
div.gridbox table.obj td {
	font-size:12px !important;
}

.search {
	margin-bottom:10px;
}
.search table {
	background-color:#f8fbfe;
}
.search table th {
	font-size:12px; background-color:#e9f2fa;
}
.search table td {
	border:1px solid #cfdeea;
}
.search table th + td {
	background-color:#fff;
}
.search table tbody tr:first-child th, .search table tbody tr:first-child td {
	border-top:1px solid #75a5ce;
}
.search table tbody tr:last-child th, .search table tbody tr:last-child td {
	border-bottom:1px solid #75a5ce;
}
.search td input {
	font-size:12px !important;
}
.search td input[type="text"]:hover  {
	background-color:#fff;
}
.search td select {
  font-size:12px; border:1px solid #c8c8c8;
}
input.calendar {
  background:#fff url("../images/button/icon-input-calendar.png") no-repeat right center;
}
input.calendar:hover {
  background:#fff url("../images/button/icon-input-calendar.png") no-repeat right center;
}

.forms .search {
	margin:0 !important;
}
.forms .search table {
	table-layout:fixed; background-color:#fff;
}

.forms .search table th {
	width:200px; box-sizing:border-box;
}
.forms .search table td {
	width:auto; box-sizing:border-box;
}
.forms .search table.colTbl th {
	width:auto;
}
.forms .search table.colTbl th.chk {
	width:30px;
}

.forms .search table td {
	border:1px solid #cfdeea !important;
}
.forms .search table colgroup {
	display:none;
}

.search + [id^=dataGrid] {
	margin-top:0;
}
div.gridbox {
	margin-top:4px !important;
}
div.gridbox_dhx_skyblue .xhdr {
	border-top:2px solid #f6a60c; border-bottom:1px solid #bacfdf; background:#e7eff6 !important;
}
div.gridbox table.hdr td {
	border-bottom:0 !important; background:#e7eff6 !important;
}

.clienttitle {
	pointer-events:none;
}
.clienttitle h3 {
	position:relative; padding-left:8px; background:none;
}
.clienttitle h3::before {
	content:""; display:block; position:absolute; width:4px; height:11px; top:3px; left:0; background-color:#278ee6; border-radius:2px;
}
.clienttitle h3 span {
	padding-right:0 !important; background:none;
}
.subtitlearea {
	padding:0 !important; margin-top:10px; margin-bottom:2px;
}

span.att {
	font-size:12px; padding:0; background:none;
}
span.att::before {
	content:"*"; font-size:14px; font-weight:bold; color:#f74000; padding-right:3px;
}
textarea {
	font-size:12px;
}

.forms > *:not(:first-child) {
	margin-top:5px;
}

.dhx_tab_element {
	font-size:11px;
}
.dhx_tab_element span {
	top:1px;
}
.dhx_tab_element_active span {
	top:3px;
}
.dhx_tab_element > img {
	top:4px !important;
}
.dhx_tab_element_active > img {
	top:7px !important;
}