@charset "utf-8";
/*******************************************************************************************************************************************
  Hi_WFM_Style
********************************************************************************************************************************************/
.dash{ border: 1px dashed red; }
.dash_b{ border: 1px dashed blue; }
.dash_p{ border: 1px dashed pink; }

/* css reset */
body, html, table, th, td, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, textarea, blockquote, span, button, * {margin:0px; padding:0px;}
body, input, textarea, select, button, table, th, td, div, span, pre {  font-family: NanumSquare, sans-serif ; font-size:13px;}
h1, h2, h3, h4, h5 { font-family: NanumSquare, sans-serif;}
body {color:#333;/*overflow:auto;*/}
html {/*overflow:hidden;*/}
ul, ol, li {list-style:none;}
form {border:0px; vertical-align:middle;}
legend {display:none; margin:0px; padding:0px;}
hr {display: none;}
em, address {font-style:normal;}
button {border:0px; font-size:12px; text-align:left; cursor:pointer;}
table { border-spacing:0px; border-collapse:collapse; table-layout:fixed;width:100%; }
td *{vertical-align:middle; font-size:13px; /*font-size:12px;*/}
/* th {text-align:left;} */
/* td > div {border-color: 1px solid #7b9abb !important;} */

input, textarea, select {color:#333; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; border-radius:0;}
input[type='checkbox'],input[type='radio']{border:none !important;}
input { margin:0px; height:18px;/* background-color:#eae9ff;*/}
textarea { padding: 3px; margin:0px; text-align:left !important; }
select { padding: 0px 0px 0px 3px; margin:0px; height:18px; line-height:16px; }

a:link, a:visited {text-decoration:none;}
a:active, a:hover {text-decoration:none;}
img, fieldset {border:none;}
img {width:17px; vertical-align:middle; cursor:pointer; image-rendering:  -webkit-optimize-contrast; }

/* font_size_color_face */
.dash{border: 1px dashed red;}
.ftDgrey{color: #333 !important;}
.ftSgrey{color: #a9a7a7!important;}
.ftSblue{color: #4660b6 !important;}
.ftSdpblue{color: #1c66d6 !important;}
.ftOrg {color:#f97600 !important;}
.ftRed {color:#ff2121 !important;}
.ftGre {color:#308408 !important;}
.ftYell {color:#ffd401 !important;}
.date_sunday {color:#ff2121!important;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display:inline-block; }
.clearb{clear:both!important;}
.ftOrg:after{margin-right:3px; content:""; display:inline-block;}
.cursorP{ cursor: pointer; }
.bdr_tree{ border: 1px solid #a5a4a4; }
.total_sum_test{ background-color: #FFBD4B!important; color: #000!important; }
.bgw{ font-weight: bold; font-size: 14px!important; border:none!important; }

/* 크롬 인풋박스 기본배경컬러 제거 */
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:active {
	 transition: background-color 5000s ease-in-out 0s;
	 -webkit-transition: background-color 9999s ease-out;
     -webkit-box-shadow: 0 0 0px 1000px white inset !important;
     -webkit-text-fill-color: #333!important;
   }

/* Align */
.taL {text-align:left !important;}
.taR {text-align:right !important;}
.taC {text-align:center !important; padding-left:0px!important; padding-right:0px!important;}
.vaT {vertical-align:top !important;}
.vaB {vertical-align:bottom !important;}
.fR{float:right!important;}
.fL{float:left!important;}
.fN{float:none!important;}
.tC{text-align:center !important;}
.d_inlineb{display: inline-block!important;}
.fontWB{ font-weight:bold!important;}
.fontWN{ font-weight:normal!important;}

/* position */
.pR{position:relative!important;}
.pA{position:absolute!important;}
.pRtl{position:relative;top:0;left:0!important;}
.pRtr{position:relative;top:0;right:0!important;}
.pRtb{position:relative;top:0;bottom:0!important;}
.pAtl{position:absolute;top:0;left:0!important;}
.pAtr{position:absolute;top:0;right:0!important;}
.pAtb{position:absolute;top:0;bottom:0!important;}
.overfh{overflow-x:hidden!important;}

/* space_margin_padding */
.m0 {margin: 0px 0px 0px 0px!important}
.m0_top {margin-top:0px!important}
.m3_top {margin-top:3px!important}
.m5_top {margin-top:5px!important}
.m8_top {margin-top:8px!important}
.m10_top {margin-top:10px!important}
.m15_top {margin-top:15px!important}
.m20_top {margin-top:20px!important}
.m21_top {margin-top:21px!important}
.m30_top {margin-top:30px!important}
.m43_top {margin-top:43px!important}
.m160_top {margin-top:160px!important}

.p2_top {padding-top:2px!important}
.p3_top {padding-top:3px!important}
.p5_top {padding-top:5px!important}
.p8_top {padding-top:8px!important}
.p150_top{padding-top:150px!important}

.m0_btm {margin-bottom:0px!important}
.m3_btm {margin-bottom:3px!important}
.m5_btm {margin-bottom:5px!important}
.m6_btm {margin-bottom:6px!important}
.m7_btm {margin-bottom:7px!important}
.m8_btm {margin-bottom:8px!important}
.m10_btm {margin-bottom:10px!important}
.m15_btm {margin-bottom:15px!important}
.m17_btm {margin-bottom:17px!important}
.m20_btm {margin-bottom:20px!important}
.m23_btm {margin-bottom:23px!important}
.m30_btm {margin-bottom:30px!important}
.m40_btm {margin-bottom:40px!important}
.p3_btm {padding-bottom:3px!important}
.p5_btm {padding-bottom:5px!important}
.p8_btm {padding-bottom:8px!important}

.m0_rig {margin-right:0px!important}
.m5_rig {margin-right:5px!important}
.m10_rig {margin-right:10px!important}
.m15_rig {margin-right:15px!important}
.m0_lef {margin-left:0px!important}
.m3_lef {margin-left:3px!important}
.m5_lef {margin-left:5px!important}
.m10_lef {margin-left:10px!important}
.m_10_lef {margin-left:-10px!important}
.m15_lef {margin-left:15px!important}
.m19_lef {margin-left:-19px!important}
.m20_lef {margin-left:20px!important}
.m30_lef {margin-left:30px!important}
.p0_lef {padding-left:0px!important}
.p2_val {padding-top:2px!important; padding-bottom:2px!important}
.p5_val {padding-top:5px!important; padding-bottom:5px!important}
.p5_lef {padding-left:5px!important}
.p10_lef {padding-left:10px!important}
.p15_lef {padding-left:15px!important}
.p20_lef {padding-left:20px!important}
.p25_lef {padding-left:25px!important}
.p35_lef {padding-left:35px!important}
.empty {display:none; size:0px;}
.pd_10{padding:0 10px;}

/* select type */
select.w50{width:50px!important;}
select.w100{width:100px!important;}
select.w120{width:120px!important;}
select.w135{width:135px!important;}

input.w30{width:30px!important;}
input.w50{width:50px!important;}
input.w64{width:64px!important;}
input.w80{width:80px!important;}
input.w90{width:90px!important;}
input.w100{width:100px!important;}
input.w116{width:116px!important;}
input.w120{width:120px!important;}
input.w130{width:130px!important;}
input.w135{width:135px!important;}
input.w145{width:145px!important;}
input.w150{width:150px!important;}
input.w154{width:154px!important;}
input.w200{width:200px!important;}
input.w250{width:250px!important;}
input.w300{width:300px!important;}
input.w203{width:203px!important;}
input.w400{width:400px!important;}

div.wd80{width:80px!important;}
div.wd92{width:92px!important;}
div.wd112{width:122px!important;}
div.wd138{width:148px!important;}
div.wd140{width:152px!important;}
div.wd170{width:176px!important;}
div.wd180{width:180px!important;}
div.wd230{width:230px!important;}
div.wd234{width:234px!important;}
div.wd300{width:300px!important;}
div.wd317{width:326px!important;}
div.wd324{width:324px!important;}
div.wd326{width:336px!important;}
div.wd376{width:387px!important;}
div.wd460{width:482px!important;}
div.wd500{width:500px!important;}
div.wd600{width:600px!important;}

/* gwbCombo size */
td.use .gwbCombo_div{width:30%!important;}
td.unit .gwbCombo_div{width:45%!important;}
td.calc .gwbCombo_div{width:45%!important;}

/* width size */
.wd100 {width:100%!important;}
.wd95 {width:95%!important;}
.wd90 {width:90%!important;}
.wd93 {width:93%!important;}
.wd85 {width:85%!important;}
.wd89 {width:89%!important;}
.wd80 {width:80%!important;}
.wd5 {width:5%!important;}
.wd6 {width:6%!important;}
.wd7 {width:7%!important;}
.wd10 {width:10%!important;}
.wd15 {width:15%!important;}
.wd20 {width:20%!important;}
.wd40 {width:40%!important;}
.wd45 {width:45%!important;}
.wd47 {width:47%!important;}
.wd50 {width:50%!important;}
.wd65 {width:65%!important;}

/* height size */
.hd22{ height: 22px!important; }

/* input style type */
input.check {padding:0px!important; height:12px!important; width:12px!important; cursor:pointer;}
input.read {border:0px none; background-color:transparent; padding-top:3px;}
textarea.read {border:1px solid #bfbfbf; background-color:#fafafa;}
input.calendar{width: 75px!important;margin-right:3px;}
input.fileup{width:88%; height: 28px;margin-bottom: 5px;}
input[disabled] {border-color:#cccccc!important;box-shadow:none!important;}
.cal_wrap{min-width: 350px;}

/* search area */
table.SrchTBL {position:relative; margin-top:4px;}
table.SrchTBL th {color:#4d4d4d; font-weight:normal; padding: 2px 7px 2px 16px; height:22px; white-space:nowrap;text-align:left;}
table.SrchTBL td {padding:3px 0; white-space:nowrap;}
table.SrchTBL td.btn {text-align:right; vertical-align:bottom; padding-bottom:2px;}
.Srch_data {position:relative; margin-top:4px;}
.Srch_data td {color:#4d4d4d; font-weight:normal; padding: 3px; height:22px; white-space:nowrap;text-align:center;}
table.SrchTBL td.btnbg span {display:inline-block; margin:0px 0px 0px 18px; color:#4574a9;  font-size:10.5pt; font-weight:600; line-height:1.2em;}
.srchline {display:block; height:1px; width:100%; background-color:#c4c4c4; margin-top:5px; margin-bottom:10px;}
.srchline_thin {display:block; height:1px; width:100%; background-color:#ccc; margin-top:5px; margin-bottom:5px;}
.divider{border-bottom: 1px solid #7b9abb;}
.all_border{border: 1px solid #e1e1e1;}
.print_border{border: 1px solid #7a7a7a;}

/* table regist */
table.SrchTBL td a {color:#333;}
table.boxst01, table.boxst01_blu {position:relative;/*margin-bottom:15px;*/}
table.boxst01 th, table.boxst01_blu th {color:#333; font-weight:normal; height:20px; line-height:12px; padding-right:7px;/*text-align:right!important;*/}
table.boxst01 th button, table.boxst01_blu th button {margin-bottom:2px;}
table.boxst01 td, table.boxst01_blu td {height:20px; padding: 1px 3px 1px 3px;}
table.boxst01 td.txt, table.boxst01_blu td.txt {padding: 0px 3px;}
table.boxst01 td textarea, table.boxst01_blu td textarea {margin: 1px 0px;}
table.boxst01 th {color:#4d4d4d; font-weight:normal; padding: 2px 7px 2px 16px; height:22px; white-space:nowrap;text-align:left;}
table.boxst01 td {padding:3px 0; white-space:nowrap;}

/* grd common */
.Grd_blu{position:relative; width:100%; overflow:auto; word-break:keep-all; background-color:#f5f5f5; margin-bottom:15px;border:1px solid #7b9abb;}
.Grd_blu td{background-color:#fff; border:1px solid #7b9abb; text-align:center; height:20px;}
.Grd_blu td.taL{text-align:left; padding-left:2px;}
.Grd_blu td.taR{text-align:right; padding-right:2px;}
.Grd_blu th {background-color:#fff; color:#4d4d4d; font-weight:bold; text-align:center; height:20px; padding:0; line-height:14px;border-bottom: 1px solid #7b9abb;}
.Grd_blu th.bdnone{border-bottom:none;}
.boxnone td {border:0px none;}
.total{text-align:right; font-weight: bold;}
ul.total_decript {width:100%; box-sizing:border-box; margin-top:20px;}
.total_decript li{float:left;}
.total_decript li:first-child{width:7%;}
.total_decript li:last-child{width:93%;}

/* sum grid */
.sum_grid{position:relative; width:100%; word-break:keep-all; background-color:#f5f5f5; border:1px solid #ececec; margin:15px 0 30px 0;}
.sum_grid th {background-color:#fff; color:#4d4d4d; font-weight:normal; text-align:center;padding:3px; line-height:14px; border:1px solid #ececec; /* border-bottom: 1px solid #ececec;*/}
.sum_grid td{background-color:#fff; border:1px solid #7b9abb; padding:3px 3px 3px 7px;}
.sum_grid td.taR{text-align:right; padding-right:5px;}
.sum_grid tr{background-color:#fff;}
.sum_grid .total_row{background-color:#fff8c7; color:#fb5a03; font-weight:bold;}
.sum_grid .total_row .total_num{color:#ef3f3e;}
.sum_grid .total_row td{font-weight:bold;}

/* total sum */
.total_sum_area{display:inline-block; width:49%;}
.total_sum_area .total_sum_wrap{float:right; padding-right:10px;}
.total_sum_area .total_sum_wrap .tle{display: inline-block; color:#666; font-size: 14px; font-weight:normal; border-right:1px solid #7b9abb; margin:0 15px 0; padding-right: 10px; color: #666;}
.total_sum_area .total_sum_wrap .sum_num{color: #fb5a03; font-weight: bold; letter-spacing: 0; font-size: 14px; line-height: 42px;}

/*  layout  column */
.gwb-ui-box {float:left; display:block; min-height:20px; margin-left:0px; margin-top:0!important; width:100%;}
.gwb-ui-box.tabs_tle .gwb-ut-box-title{font-size: 13px!important; color:#333!important; }

/* left area*/
.wd20{min-width:200px; width:19.5%;}
.wd30{min-width:300px; width:29.5%;}
.wd50{min-width:300px; width:49.5%;}
.wd60{min-width:600px; width:59.5%;}
.wd70_lf{min-width:700px; width:69.5%;}
.wd80_lf{min-width:800px; width:79.5%;}
.wd20_lf{min-width:200px; width:19.5%;}
.wd90_lf{min-width:900px; width:89.5%;}
.wd100_lf{min-width:1000px; width:99.5%;}
.wd85_lf{min-width:850px; width:84.5%;}

/* right area*/
.wd10_rf{float:right; min-width:100px; width:9.5%;}
.wd20_rf{float:right; min-width:200px; width:19.5%;}
.wd30_rf{float:right; min-width:300px; width:29.5%;}
.wd50{float:right; min-width:300px; width:49.5%;}
.wd70{float:right; min-width:700px; width:69.5%;}
.wd60{float:right; min-width:600px; width:59.5%;}
.wd63{float:right; min-width:500px; width:63.3%; margin: 0 0 0 20px;}
.wd15_rf{float:right; min-width:150px; width:14.5%;}

/* center area*/
.wd37{display: inline-block; min-width:300px; width:37%; margin: 0 0 0 10px;}
.wd60{display: inline-block; width:60%; margin: 0 0 0 10px;}

/* card type*/
[class^='card_'], [class*='card_']{box-sizing: border-box;}
.card_1{float:left;margin:0;}
.card_2{float:left; width:calc(100%/2 - 20px); margin:0 10px; width:expression(100%/2 - 20px);}
.card_3{float:left; width:calc(99.7%/3 - 20px); margin:0 10px; width:expression(99.7%/3 - 20px);}
.card_4 {float:left; width: calc(100%/2 - 10px); width:expression(100%/2 - 10px); margin: 0 10px;}
.card_4:last-child {margin-right: 0!important;}

/* form wrap */
.fom_wrap {/*position:relative;*/width:100%;padding: 8px 10px 0px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
.tabS_wrap {position:relative; width:100%; min-width:1051px; padding:0px; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
.pop_wrap_1024 {position:relative; width:100%; min-width:1004px; padding: 8px 10px 0px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
.pop_wrap_900 {position:relative; width:100%; min-width:880px; padding: 8px 10px 0px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
.pop_wrap_800 {position:relative; width:100%; min-width:780px; padding: 8px 10px 0px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
.pop_wrap_500 {position:relative; width:100%; min-width:480px; padding: 8px 10px 0px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
.pop_wrap_300 {position:relative; width:100%; min-width:280px; padding: 8px 10px 0px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
.pop_wrap {position:relative; width:100%; padding: 8px 10px 0px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
.pop_fom_wrap{height:430px; overflow-y:auto;}
.pop_wrap_300 textarea{border:none;}

/* h_tle */
h3 {font-size:13px !important; color:#4d4d4d; height: 30px; }
h3 div.h3box {float:right; margin: 0; font-weight:normal; font-size:11px; color:#4d4d4d; font-weight:normal;}
h3 div.h3box span {float:none;}
h3 span.txt {font-size:11px; font-weight:normal; padding-top:1px; display:inline-block;}
.h3box {float:right; margin: 0px 0px 5px 0px; font-weight:normal; font-size:11px;}
h3.stle{border-bottom: 1px solid #ccc; height: 25px;}
.noti_info1{margin:7px 0 30px 5px; color: #238fdd;}
.noti_info2{margin-left:5px; color: #238fdd!important; font-weight:normal!important;}

/*  button common */
.btn_box button, .btn_box div{ background-color: #fff;display: inline-block;/*min-width: 50px;*/padding: 4px 5px;text-align: center; cursor: pointer;}
.btn_box.save{float:right; position:relative; top:-27px; right: 0;}
.btn_primary{background-color: #fff;border: solid 1px #767677!important;color: #767677;}
.btn_solid{background-color: #001960!important;border: solid 1px #001960!important;color: #fff!important; min-width: 32px; }
.btn_second{background-color: #6477b6!important; border: solid 1px #6477b6!important; color: #fff!important; min-width: 32px;}
.btn_grid{background-color: #fff;color: #7b9abb; padding:3px 3px!important; min-width:14px!important; font-size:11px!important; border:1px solid #7b9abb!important;}
.btn_grid_ex{background-color: #fff;color: #7b9abb; padding:3px 6px!important; min-width:18px!important; font-size:11px!important; border:1px solid #7b9abb!important;}
.btn_liner{background-color: #fff;color: #7b9abb; width:25px!important; height:24px!important;  font-size:11px!important; border:1px solid #7b9abb!important; box-sizing: border-box; }
.btn_minical{background-color: #fff;color: #7b9abb; width:25px!important; height:24px!important;  font-size:11px!important; border:1px solid #6477b6!important; box-sizing: border-box; }
.btn_grid_icon{background-color: #fff;color: #7b9abb; padding:2px 3px!important; min-width:18px!important; font-size:11px!important; border:none!important;}
.btn_grid_icon:hover{background-color:none!important;}
.btn_attach{background-color: #fff;color: #7b9abb; padding:2px 8px!important; min-width:18px!important; font-size:11px!important; border:1px solid #a9a9a9!important;}
.btn_datepic{background-color: #6477b6!important; color: #fff!important; padding:2px 8px!important; min-width:18px!important; font-size:12px!important; border:1px solid #6477b6!important;}
.btn_swap{text-align:center; margin: 5px 0;}
.btn-darum.btn_blue_s.w50{ width:50px; }/* tt-cols 사용시 엑셀버튼사이즈*/

[class^='ico_mov_'], [class*='ico_mov_']{ display:inline-block;width:22px;height:22px; cursor:pointer;}
.ico_mov_down {background: url(../images/btn_mov_down.png) ; margin-right: 20px;}
.ico_mov_up {background: url(../images/btn_mov_up.png);}
.ico_mov_prev{background: url(../images/btn_mov_prev.png); margin-bottom: 10px;}
.ico_mov_next{background: url(../images/btn_mov_next.png); margin-bottom: 10px;}
.ico_mov_all_release{background: url(../images/btn_mov_all_release.png); margin-bottom: 10px;}
.ico_mov_all{background: url(../images/btn_mov_all.png); margin-bottom: 10px;}
.btn_mov_area {display:block;}
.btn_mov_area.favorite {display:block; margin-top:330px;}
.btn_mov_area.sys_user {display:block; margin-top:100px;}
.tree_area{width:100%; height:680px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-top:10px; padding-top:20px;}
.date_btn_group{display:inline-block; min-width:200px;}
.date_month_btn_group{display:inline-block;}
.attach_btn_group{display:inline-block; margin-left:5px;}
.datepicker_group{width:250px!important;}
.number_group{margin-left:10px;}
.number_group .btn-darum{margin-left:5px; width:50px;}

/* tab */
.tab {overflow: hidden; border-bottom:1px solid #4d4d4d;}
.tab:after{content:''; display:block; clear:both}
.tab button {float:left; background-color: inherit; border: none; outline: none; cursor: pointer; border-width:1px 1px 1px 1px; border-style:solid; border-color:#e6e7e9; display:block; height:26px; line-height:26px;
padding:0 15px; border-radius:2px 2px 0 0; font-size:12px; font-weight:bold; white-space:nowrap; margin-right:1px;}
.tab button:hover {background-color: #ddd; color:#909090;}
.tab button.active {background:#4d4d4d;border-color:#4d4d4d;color:#fff;cursor:default;}
.tabcontent {display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none;}

/* flex container */
.flex_container {display:flex; align-items:stretch; clear:both; /*justify-content:space-around;*/}
.flex_container > div {margin:10px 10px 0 10px; box-sizing: border-box;}
.flex_container > .bx01 {flex-grow:1;}
.flex_container > .bx02 {flex-grow:2;}
.flex_container > .bx08 {flex-grow:8;}
.flex_container > .bx05 {flex-grow:5;}
.flext_shrink{flex-shrink: 0!important;}
.col_2 {flex: 0 0 20%; max-width:20%;}
.col_25 {flex: 0 0 25%; max-width:25%;}
.col_46{flex: 0 0 46%; max-width:46%;}
.col_5{flex: 0 0 50%; max-width:50%;}
.col_8 {flex: 0 0 79%; max-width:79%;}

.flex_container_calc {display:flex; align-items:stretch; clear:both;}
.flex_container_calc > div{padding:10px 15px 10px 0!important;}
.flex_container_calc > div:last-child{margin-right:0!important;}
.flex_container_calc .col_49{flex: 0 0 49%; max-width:49%;}
.result_area .card_3{min-height:240px;}
.result_area .cal_btn_box{display:flex;}
.flex_container.chart{border-bottom:1px solid #c4c4c4; padding-bottom:25px; margin-bottom:40px;}
.flex_container.chart h3{font-size:15px!important; line-height:20px;}

/* survey preview */
.survey h4{font-size: 13px; font-weight: bold; margin-bottom: 10px;}
.survey div{line-height: 18px; margin: 5px 0;}
.survey:last-child{border-bottom:1px solid #ccc;padding-bottom: 10px;}
.survey {margin: 15px 0;}
.survey_wrap {min-width:1200px;}
.quest_area{background-color:#efefef;}

/* Elm */
.bank_regist_area{position:relative; top:3px; right:0; left:15px; text-align:right; margin-right:20px;}

/* dhxgrid 디자인적용 */
div.gridbox_dhx_terrace.gridbox table.hdr td{
	border-right:1px solid #7b9abb!important;
}/* Dhtmlx 그리드박스라인*/

div.gridbox_dhx_terrace.gridbox table.hdr td:first-of-type{
	border-left: 1px solid #7b9abb!important;
}

/* Dhtmlx 그리드박스라인 IE11 Hack*/
@media all and(-ms-high-contrast:active), (-ms-high-contrast:none){

			div.gridbox .hdr .hdrcell, .gridbox .ftr .hdrcell { border-right:1px solid #7b9abb!important; }
			.dhxgrid-custom-datahover{ background-color: transparent!important; border:1px solid #7b9abb!important;}/*  Dhtmlx 그리드 행 hover시 컬러값 적용 */

			/* 그리드 헤더 위아래 라인스타일*/
		 	div.gridbox_dhx_terrace.gridbox .xhdr {
			position: relative;
			background-color: #ebedf3;
			margin-left: 0;
		}
			div.gridbox_dhx_terrace.gridbox .xhdr:before,
			div.gridbox_dhx_terrace.gridbox .xhdr:after
			{
				content:"";
				position: absolute;
				display: inline-block;
				width: 100%;
				height: 1px;
				background-color: #a5a4a4;
			}
			div.gridbox_dhx_terrace.gridbox .xhdr:before{ top:0; }
			div.gridbox_dhx_terrace.gridbox .xhdr:after{ bottom:0; }

			#tbody_hld{ height: 60px!important; }
			.edu_month{ width: 25%!important; }
}
/* Dhtmlx 그리드박스라인 IE11 Hack */

.dhxgrid-custom-datahover-chrome{background-color: #eaeafd!important; /* border:1px solid #7b9abb!important;*/}/*  Dhtmlx 그리드 행 hover시 컬러값 */
div.dhx_popup_material {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: absolute; width: 270px;}

 /* KPI slide grid common */
#divLeftArea{
	z-index: 101;
	position: absolute;
	top: 50px;
	left: -575px; /* 그리드 width와 값이동일해야함 */
	width: 600px;  /* leftSlide 메뉴 총 사이즈  */
	height: 600px;
	padding: 20px 0 1px 0;
	background-color: #fff;
	box-shadow: -1px 0px 20px 0px rgba(0, 0, 0, 0.25);
}
#divLeftArea_gridArea{
	float: left;
	width: 575px; /* left값이 width와 값이동일해야함  */
	margin: 1px 0 0 1px;
}
#divLeftArea_buttonArea{width: 23px; height: 584px; cursor: pointer; display: table}
#divLeftArea_button{display: table-cell; text-align: center; vertical-align: middle;}

/* file attach */
.objbox.file_attach {width: 100%; height: 300px; overflow-y: auto; overflow-x: hidden;}
.objbox.file_attach td{border:none!important;}
.file_attach{background-color:#fff; border-bottom:1px solid #b5b4b4;}
.file_attach tr{height:25px;}
.file_attch_list tr{height:auto;}
.file_attch_list th{text-align:center;}
.file_attch_list th:nth-of-type(1), .file_attch_list td:nth-of-type(1){width:450px;}
.file_attch_list th:nth-of-type(2), .file_attch_list td:nth-of-type(2){width:50px;}
.file_attch_list th:nth-of-type(3), .file_attch_list td:nth-of-type(3){width:50px;}
.upload_btn_wrap input.input_file{
	position:absolute; top:0; right:0; cursor:pointer;
	opacity:0;
	filter:"alpha(opacity=0)";
	-ms-filter:"alpha(opacity=0)";
	-moz-opacity:0;
	}
.upload_btn_wrap{overflow:hidden; position:relative; float:left; width:47px; height:21px; padding-left:3px;}
.upload_btn_wrap button{width:47px; height:21px; font-weight:normal; background:#fff; border:1px solid #a9a9a9; color:#000; text-align:center;}

/* edu calendar popup */
.edu_calendar_wrap{height:600px; overflow-y:auto;}
.edu_calendar_wrap .edu_calendar{width:950px; margin:15px auto;}
.edu_calendar_tbl  {width: 97%;border-collapse: collapse; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.td-cal {border:1px solid #c6c6c6; text-align: center; height: 25px; background-color: #e8e8e8;}
.td-top {padding-left:10px; border-left: solid #c6c6c6 1px; border-right: solid #c6c6c6 1px; border-top: solid #c6c6c6 1px; width: 30px; height: 26px; font-size: 16px; font-weight: bold; background-color: #fff; text-align: left;}
.td-mid {padding:0 5px; border-left: solid #c6c6c6 1px; border-right: solid #c6c6c6 1px; width: 30px; height: 32px; background-color: #fff;}
.td-bot {padding: 5px 0; border-left: solid #c6c6c6 1px; border-right: solid #c6c6c6 1px; border-bottom: solid #c6c6c6 1px; background-color: #fff; vertical-align: bottom; line-height: 26px; text-align: right;}

/* 메인 마이메뉴 */
.mymenu_pold{border:1px solid #666; position:absolute; top:0; left: 0 ;background-color:#fff; z-index:101; width: 450px; height: 800px; overflow-y:auto; padding:5px;}
.header-menu{
	float: left;
	position: relative;
	width: 56px;
	height: 56px;
	background-image: url(../images/icon-menu.png);
	background-position: 50% 0;
	opacity: .7;
	transition: opcity 0.2s;
}
.header-menu:hover{opacity: 1;}
.header-menu.is-active{
	background-position-y: -50px;

}
.left-menu{
	position: fixed;
	top: 100px;
	left: -300px;
	z-index: 9;
	display: flex;
	flex-direction: column;
	width: 300px;
	height: calc(100vh - 100px);
	border: solid #d3d3d3;
	border-width: 1px 1px 0 0;
	background-color: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
	transition: all .3s;
}
.left-menu.is-active{
	left: 0;
}

.left-menu > ul{
	display: flex;
	align-items: center;
}
.left-menu > ul > li{
	flex: 1 0 0px;
	min-width: 0;
	max-width: 100%;
	width: auto;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid rgba(151, 151, 151, 0.25);
	background-color: #ffefe6;
	cursor: pointer;
	transition: all .2s;
	color: #717171;
}
.left-menu > ul > li.is-active{
	background-color: #ff8938;
	color: #fff;
}
.left-menu .is-tree{
	flex: 1 1 auto;
	min-height: 0;
	max-height: 100%;
	height: auto;
}
.left-menu .is-tree ul.fancytree-container{
	padding: 10px;
	box-sizing: border-box;
}
.left-menu .no-data{
	flex: 1 1 auto;
	min-height: 0;
	max-height: 100%;
	height: auto;
}
.left-menu .is-search{
	display: flex;
	align-items: center;
	padding: 0 8px 0 5px;
	background-color: #fbfbfb;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.left-menu .is-search > input{
	flex: 1 0 0px;
	min-width: 0;
	max-width: 100%;
	width: auto;
	height: 35px;
	border: 0;
	font-size: 13px;
	background-color: transparent;
}
.left-menu .is-search > input:focus{background-color: transparent;}