@charset "utf-8";
@import url('basic.css'); /* CIPM 기본설정 */

@charset "utf-8";
/* Samsung UI Standardization Team */


/* CPMS 2020-08-11 add */

table { border-spacing: 0; border-collapse: collapse;}



/* 타이틀 및 버튼 */
.titB {padding:10px 0px;}
.titB h2 {font-size:18px; font-weight:700; color:#333;display:inline-block;padding-top:10px;}

.subtit {box-sizing:border-box;border-bottom:1px solid #ccc;padding:0px 0px 7px;}
.subtit h2 {font-size:12px; font-weight:700;color:#333;}

.subtitN {box-sizing:border-box;}
.subtitN h2 {font-size:12px; font-weight:700;color:#333;}

.btnlay {display:inline-block;float:right; vertical-align:top;margin-bottom:10px;}
.btnlay .btntbT {float:left;background:#2e56a7; color:#fff; font-weight:700;font-size:16px; padding:8px 16px;margin-left:3px;border:1px solid #1b4598;}
.btnlay .btntbT:hover {background:#0f3288;color:#fff;}

.btnlay20 {display:block;float:right; vertical-align:top;margin:-18px 0px 5px;}
.btnlay20 .btngr {float:left;background:#60c100; color:#fff; font-weight:700;font-size:12px; padding:3px 10px;margin-left:3px;border-radius:3px;}
.btnlay20 .btngr:hover {background:#57a00f;color:#fff;}




/* 등록테이블 터아툴 및 버튼 */
.titB {padding:10px 0px;}
.titB h2 {font-size:18px; font-weight:700; color:#333;display:inline-block;padding-top:10px;}

.btnlay {display:inline-block;float:right; vertical-align:top;margin-bottom:5px;}
.btnlay .btntbT {float:left;background:#2e56a7; color:#fff; font-weight:700;font-size:16px; padding:8px 16px;margin-left:3px;border:1px solid #1b4598;}
.btnlay .btntbT:hover {background:#0f3288;color:#fff;}

/* form style */
.ipt { width:100%;ertical-align: middle; padding: 3px; background: #fff; border: 1px solid #c0c0c0; font-family: Dotum; font-size: 12px; color: #777; }
.padR30 {padding-right:30px;}


/* 등록테이블 */
.tb,.tb02 {position: relative;   background: #fbfbfb; border:1px solid #cacaca;}
caption{line-height:0;font-size:0;width:1px;height:1px; overflow:hidden;}

.tb table { width: 100%; table-layout: fixed; }
.tb table th { border-right: 1px solid #ededed; border-bottom: 1px solid #ededed;  background: #f7f9f9; font-size:13px; text-align: left; height: 26px; vertical-align: middle; color: #474747; font-weight: bold;padding:3px 10px;  }
.tb table th.th01 { background: #edf8fe; }
.tb table th label { color: #3a84a7; }
.tb table td { border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; background: #fff; text-align: left; font-size:13px; color: #585858; height: 26px; vertical-align: middle; padding:3px 10px;}
.tb table td.tit { background: #f7f9f9; color: #628a9e; padding-left: 6px; }
.tb table td.end { border-right: 0; }
.tb table tbody tr.lastLine th { border-bottom:0; }
.tb table tbody tr.lastLine td { border-bottom:0; }
.tb table tbody tr.center th { text-align: center; padding-left: 0; }
.tb table tbody tr.left th { text-align: left; padding-left: 0; }
.ast:after {  content:"*"; font-family: Dotum; font-size: 12px; color: #ff0000; padding-left:10px;}


.tb02 table { width: 100%; table-layout: fixed; }
.tb02 table th { border-right: 1px solid #ededed; border-bottom: 1px solid #ededed;  background: url('../images/ti_bg.gif') repeat-x 0px 0; text-align: center; height: 24px; vertical-align: middle; color: #666; font-weight: bold;  }
.tb02 table th.th01 { background: #f7f9f9; background: #f7f9f9; font-weight: normal;}
.tb02 table th.th02 { background: #f7f9f9; background: #e5ecfa; font-weight: normal;}
.tb02 table th label { color: #3a84a7; }
.tb02 table td { border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; background: #fff; text-align: center; color: #585858; height: 18px; vertical-align: middle; padding: 1px 0 1px 2px; }
.tb02 table td.tit { background: #f7f9f9; color: #628a9e; padding-left: 6px; }
.tb02 table td.end { border-right: 0; }
.tb02 table td.td02 { background: #f7f9f9; background: #e5ecfa; font-weight: normal;}
.tb02 table tbody tr.lastLine th { border-bottom:0; }
.tb02 table tbody tr.lastLine td { border-bottom:0; }
.tb02 table tbody tr.center th { text-align: center; padding-left: 0; }
.tb02 table tbody tr.left th { text-align: left; padding-left: 0; }


.tbnum {position: relative;   /*background: #e4e7eb;*/ border:0px solid #cacaca;}
.tbnum table { width: 100%; table-layout: fixed; }
.tbnum table th { border-right: 1px solid #fff; border-bottom: 1px solid #fff;  background:#e4e7eb; text-align: center; height: 30px; vertical-align: middle; color: #666; font-weight: bold;  }

.tbnum table th label { color: #3a84a7; }
.tbnum table td { border-right: 1px solid #fff; border-bottom: 1px solid #ededed; background: #fff; text-align: center; color: #585858; height: 30px; vertical-align: middle; padding: 1px 5px 1px 5px; }
.tbnum table td.left{ padding: 1px 5px 1px 5px; text-align:left;}
.tbnum table td.right{ padding: 1px 5px 1px 5px; text-align:right;}
.tbnum table td.subtotal{background:#faf7d2;}


.realgrid_wrap {position:relative;}
.grid {position: relative;   background: #d7e3ed; border:1px solid #bfc8d0;border-top:1px solid #81afe2;}

.grid tbody tr:nth-child(odd) {  background: #;}
.grid tbody tr:nth-child(even) { background: #;}
.grid tbody tr:hover { background: #faf7d2;}


.grid tbody tr:last-child { border-bottom:0px solid #b2c8da;}

.grid table { width: 100%; table-layout: fixed;background:#fff; }
.grid table th { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;  background: #d7e3ed; font-size:13px; text-align: center; height: 26px; vertical-align: middle; color: #474747; font-weight: bold;padding:3px 10px;  }
.grid table td { border-right: 1px solid #cccccc; text-align: left; font-size:13px; color: #585858; height: 26px; vertical-align: middle; padding:3px 10px;}
.grid table tr {border-bottom: 1px solid #cccccc; }
.grid table tr:last-child { border-bottom:0px solid #000;}


.listBL_wrap {position: relative;   background: #fbfbfb; border:1px solid #cacaca; border-top:1px solid #7aaee6;}

.listBL tbody tr:nth-child(odd) {  background: #;}
.listBL tbody tr:nth-child(even) { background: #;}
.listBL tbody tr:hover { background: #f1f6fa;}


.listBL tbody tr:last-child { border-bottom:0px solid #b2c8da;}

.listBL table { width: 100%; table-layout: fixed;background:#fff; }
.listBL table th { border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;  background: #f1f6fc; font-size:13px; text-align: center; height: 26px; vertical-align: middle; color: #474747; font-weight: bold;padding:3px 10px;  }
.listBL table td { border-right: 1px solid #dcdcdc; text-align: center; font-size:13px; color: #585858; height: 26px; vertical-align: middle; padding:3px 10px;}
.listBL table tr {border-bottom: 1px solid #dcdcdc; }
.listBL table tr:last-child { border-bottom:0px solid #dcdcdc;}



.btntbin {float:left;background:#2e56a7; color:#fff; font-weight:700;font-size:12px; padding:2px 10px;margin-left:3px;border:1px solid #1b4598;border-radius:5px;}
.btntbin:hover {background:#0f3288;color:#fff;}	


.btnInfo {float:left;background:#2e56a7; color:#fff; font-weight:700;font-size:12px; padding:2px 10px;margin-left:3px;border:1px solid #1b4598;border-radius:5px;}
.btnInfo:hover {background:#0f3288;color:#fff;}	

.listTitle li:nth-child(2) { float:left; background:none; padding-left:12px; font-weight:bold; color:#194c76; }



/* my task */
.status {position:relative;float:left;width:100%;background:#f5f5f5;border:1px solid #bfc8d0; color:#000; font-size:12px;font-weight:700;box-sizing:border-box;margin-bottom:5px;}

.statusL{float:left; display:block; background:#e4e7eb;border-right:1px solid #bfc8d0;color:000;font-weight:700;padding:10px 10px;white-space:  nowrap;box-sizing:border-box;}
.statusL ul { }
.statusL ul li {float:left; padding:0px 8px;}
.statusL ul li span {color:#000;padding:0px 10px;}
.statusL ul li img {padding:2px 5px 0px ;box-sizing:border-box;}


.status.statusR{display:block;float:left; overflow:hidden;color:#fff;padding:10px 10px;white-space:  nowrap;clear:both;}
.statusR ul {}
.statusR ul li {float:left; padding:10px 10px;}
.statusR ul li span {color:#0066cc;padding:10px 10px;}


.status:after{clear:both;}

/***** main layout : 202105 이전 버전 - 사용안함 *****/

.mcontents {height:80vh;background:#288cc1 url('../images/main/main_brand_img.png') no-repeat left bottom;margin:0;padding:0;min-height:750px;}
.mcontents .mainblur {width:1200px;height:100%;margin:0 auto;background: url('../images/main/main_bg_blur.png') no-repeat right center;}

.mcontents .mainblur .mcont {width:1150px; height:100%;margin:0 auto;}

.mleft {float:left;width:calc(100% - 520px); margin-top:30px;}
.mright {float:right; width:520px;margin-top:30px;}

.mserlay{margin:0 auto; width:620px;padding-top:60px;}

.msearchbar {width:620px;height:70px;}
.msearchbar h1 {float:left;font-size:18px;font-weight:700; color:#fff;text-align:right;background:#004b99;height:40px;padding:8px 10px;margin-right:2px;border-radius:3px; box-sizing:border-box;}

/* [CrossBrowsing] float 삭제 
.mipt {float:left; width:calc(100% - 30px);vertical-align: middle; box-sizing:border-box; height:40px;padding: 10px 7px; border: 1px solid #fff !important; font-family: Dotum; font-size: 12px; color: #777; }*/
.mipt {width:calc(100% - 30px);vertical-align: middle; box-sizing:border-box; height:40px;padding: 10px 7px; border: 1px solid #fff !important; font-family: Dotum; font-size: 12px; color: #777; }
.mipt.disabled {background:#f5f5f5; color:#ccc;border:1px solid #f5f5f5 !important;}
/* [CrossBrowsing] font-weight 추가 */
.mipt {font-weight: 700;}

.btn_search{ width:30px;background: #fff url('../images/main/ic_m_search.png') no-repeat right 3px top 0px;border: 1px solid #fff !important;}
/* [CrossBrowsing] float 추가 */
.msrch_wrap .mcols02 .btn_search{ float: right;}
.btn_search:hover{background:transparent url('../images/main/ic_m_search.png') no-repeat right 3px top 0px;}

.btn_search.disabled{ background: #f8f8f8 url('../images/main/ic_m_search_disabled.png') no-repeat right 3px top 0px;border: 1px solid #f8f8f8 !important;}
.btn_search.disabled:hover{ background: #f8f8f8 url('../images/main/ic_m_search_disabled.png') no-repeat right 3px top 0px;border: 1px solid #f8f8f8 !important;}

.mipt_select {box-sizing:border-box; height:40px;padding: 7px;background:#fff url('../images/main/mipt_arrow.png') no-repeat right 10px top 16px; border: 1px solid #acacac;border-radius:3px; font-family: Dotum; font-size: 13px; color: #333;}
.mipt_select.disabled {background:#f8f8f8 url('../images/main/mipt_arrow_disabled.png') no-repeat right 10px top 16px !important; color:#666 !important;}
/* [CrossBrowsing] float 추가 */
.msrch_wrap option:disabled {color: #aaa;}


.mipt_select { appearance: none; -webkit-appearance: none;}
.mipt_select::-ms-expand { display:none; }

.mcol{float:left; display:inline-block;margin-right:1px;}
.mcols{float:left; display:inline-block;overflow:hidden;background:#fff;width:230px;box-sizing:border-box; height:40px;padding: 7px;border: 1px solid #acacac;border-radius:3px 30px 30px 3px;}
.mcols.disabled {background:#f5f5f5; color:#ccc !important;}

.mcols02{float:left; display:inline-block;overflow:hidden;background:#fff;width:330px;box-sizing:border-box; height:40px;padding: 7px;border:2px solid #3168a6;border-radius:3px 30px 30px 3px;}
.mcols02.disabled {background:#f5f5f5; color:#ccc !important; border:2px solid #bbb;}
.w350px {width:350px;}

/* main notice layout */

.mright .mnotice{float:left;width:520px;}

.mnotice h1 {font-size:18px;font-weight:700; color:#000; }
.mnotice span {float:right;font-size:11px;font-weight:normal; color:#000;padding-right:10px;padding-top:7px;}
.mnotice span:hover {text-decoration:none;cursor:pointer; }
.mnotice span a {cursor:pointer; }
.mnotice span a:hover {cursor:pointer; color:#000;}

.mnotice dl{}
.mnotice dl dt{ font-size:14px; font-weight:700; color:#000;margin-top:26px;}
.mnotice dl dt:first-child{margin-top:10px;}
.mnotice dl dd{ font-size:14px; font-weight:normal; color:#000;line-height:150%;padding:3px 0px 0px;text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}


.mnotice ul{}
.mnotice ul li{float:left;width:520px;}
.mnotice ul li div {display:inline-block;width:390px;font-size:16px; font-weight:normal; color:#000;line-height:160%;padding:3px 0px 0px 0px;letter-spacing:-0.5px;text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.mnotice ul li div:hover {text-decoration:underline;cursor:pointer;color:#90fdfc;}

.mnotice ul li:first-child{margin-top:10px;}



.mnotice .date{display:inline-block;float:right;text-align:right;font-size:16px;color:#000;width:100px;;line-height:160%;padding:3px 10px 0px 0px;}
.mnotice ul li span .date a:hover {text-decoration:none !important;cursor:pointer;color:000!important;}
.mnotice ul li span .date a:link {text-decoration:none !important;cursor:pointer;color:000!important;}

.mright .mylink{float:left;width:520px;}
.mylink h1 {font-size:18px;font-weight:700; color:#000; }
.mylink ul{width:520px;}
.mylink ul li{display:inline-block;width:255px;font-size:16px; font-weight:normal; color:#000;line-height:160%;}

.mylink ul li:first-child{margin-top:10px;}


/* main weather */
.mweather {width:520px;margin-bottom:116px;}
.mweather h1 {color:#d5fdff;font-size:40px;font-weight:400;font-family: arial;padding:12px 10px 18px;}
.mweather h2 {color:#fff;font-size:26px;font-weight:700;font-family: arial;margin-bottom:10px;} 
.mweather h2 span {color:#fff;font-size:20px;font-weight:normal;font-family:'Malgun Gothic','맑은 고딕';margin-left:5px;}
.txt20  {color:#fff;font-size:26px !important;font-weight:700;font-family: arial;padding-left:30px;} 




.mweather ul{}
.mweather ul li{float:left;width:calc(520px /7.1);text-align:center;}
.mweather ul li div{color:#b8f7ff;font-size:18px;font-weight:700;font-family: arial;}
.mweather ul li div span {color:#fff;font-size:16px;font-weight:700;font-family:'Arial';}
.mweather ul li img {margin-top:10px !important;}

/* main status */
.mstatus {width:100%;float:left;margin-top:20px;}
.mstatus h1 {font-size:18px;font-weight:700; color:#fff;margin-bottom:5px; }
.mstatus35{position:relative;display:block;float:left;width:calc(35% - 1px);background:#807cb9;height:108px;margin-right:1px;color:#fff;line-height:130%;vertical-align:middle;}
.mstatus35.gr{background:#5e9b79;}
.mstatus30{position:relative;display:block;float:left;width:30%;background:#bdae74;height:108px;text-align:center;}


.mstatus50{position:relative;display:block;float:left;width:calc(50% - 1px);background:#807cb9;height:108px;margin-right:1px;color:#fff;line-height:130%;vertical-align:middle;}
.mstatus50.gr{background:#5e9b79;}
.mstatus100{position:relative;display:block;float:left;width:100%;background:#bdae74;height:108px;text-align:center;}

.col{display:block;float:left;text-align:center;color:#fff;}
.col1{background:#ebf2f7; border-top:none !important; color:#132d41;}
.mstatus35 .col span,.mstatus50 .col span{width:50%;font-size:28px;line-height:50%;font-weight:normal;font-family: arial;color:#fff;bottom:0 !important;display:block; position:absolute;padding-bottom:14px;text-align:center;}
.mstatus30 .col span,.mstatus100 .col span{width:100%;font-size:28px;line-height:50%;font-weight:normal;font-family: arial;color:#fff;bottom:0 !important;display:block; position:absolute;padding-bottom:14px;text-align:center;}


.mstatus_tit{box-sizing:border-box;height:50px;font-size:16px;font-weight:700;font-family:'Malgun Gothic','맑은 고딕';color:#fff;display:flex;justify-content: center; align-items: center;padding:0px 10px;}
.mstatus_date{width:70px;background: #6b66ad url('../images/main/mstatus_end_purple.png') no-repeat right; font-size:12px;font-weight:700;font-family:'Malgun Gothic','맑은 고딕';color:#fff;padding:3px 5px 3px;margin-bottom:0px;}

.mstatus_date.gr{background: #348a5a url('../images/main/mstatus_end_green.png') no-repeat right;}
.mstatus_mail{background: url('../images/main/mstatus_end_gold.png') no-repeat left top;height:22px;}


.mstatus70{float:left;width:70%;}
.mstatus28{float:right;width:28%;}


/* my menu icon */
.mymenulay {float:left;width:520px;margin-top:30px;}
.mymenulay h1 {font-size:18px;font-weight:700; color:#fff;margin-bottom:5px; }
.mymenu {float:left;width:520px;background:#;padding:20px 0px 10px;}
.mwmenu ul{}
.mymenu ul li{float:left;width:calc(520px /6.1);text-align:center;}
.mymenu ul li div {color:#000;font-size:12px;font-family:'Malgun Gothic','맑은 고딕';padding:5px 0px;text-align:center;} 

/***** main layout : 202105 이전 버전 *****/

/* main copyright */
.copyR{background:#fff; width:100%;}
.copyR .copytxt{width:100%;background:#fff; margin:0 auto;}

.copyR span {float:right;}

.mbtn {float:left;display:block;background:#fff; color:#0066cc;  font-weight:700;font-size:12px; padding:5px 10px;margin-left:3px;border:1px solid #0066cc;}
.mbtn:hover {display:block;background:#0066cc; color:#fff;text-decoration:none; }	





/* my task */
/* basic layout preferences */
.conlay { width:100%;float:left;margin-bottom:20px;}
.col100 {float:left; width:100%; height:200px; border:1px solid #bfc8d0;box-sizing:border-box;}
.col50 {float:left; width:calc(50% - 10px); height:170px; border:1px solid #bfc8d0;box-sizing:border-box;}
.col50s {float:right; width:calc(50% - 10px);height:170px; border:1px solid #bfc8d0;box-sizing:border-box;}
.col50hs {float:right; width:calc(50% - 10px); border:1px solid #bfc8d0;box-sizing:border-box;}

.col65 {float:left; width:calc(65% - 10px); height:170px; border:1px solid #bfc8d0;box-sizing:border-box;}
.col35s {float:right; width:calc(35% - 10px);height:170px; border:1px solid #bfc8d0;box-sizing:border-box;}

.cols100{float:left; width:100%;box-sizing:border-box;}
.col49{float:left; width:49%;box-sizing:border-box;}
.cols100 h6,.col49 h6 { display:inline-block;background:#333;color:#fff; font-size:11px;border-radius: 15px ; text-align:center;padding:1px 12px 3px;}

.btnRlay {float:right; margin:-15px 10px 5px 5px}


/* count */
.num{font-size:28px;text-align:center;font-family: arial;margin-bottom:10px;}
.numBL{font-size:28px;text-align:center;font-family: arial;color:#0066cc;font-weight:normal;}
.numBK{font-size:28px;text-align:center;font-family: arial;color:#333;font-weight:normal;}
.numsBK{font-size:16px;padding:0px 0px 0 5px;font-weight:700;}
.numsBL {font-size:16px;color:#0066cc;font-weight:700;padding:0px 0px 0 5px;font-family:'Malgun Gothic','맑은 고딕';}
.numRED{font-size:28px;text-align:center;font-family: arial;color:#ff004e;font-weight:normal;}

.mtcount {font-size:28px;text-align:center;font-family: arial;vertical-align:middle;margin:20px 0px 19px;color:#0066cc;}
.mtcountBK {font-size:28px;text-align:center;font-family: arial;vertical-align:middle;margin:20px 0px 19px;color:#333 !important;}
.mtcountsBL {font-size:16px;color:#0066cc; font-weight:700;font-family:'Malgun Gothic','맑은 고딕';}
.mtcountsBK {font-size:16px;color:#333; font-weight:700;font-family:'Malgun Gothic','맑은 고딕';padding:0px 5px}

.fontM{text-align:center;color:#444;font-size:16px;font-weight:700;font-family:'Malgun Gothic','맑은 고딕';}

/* my task 타이틀 및 버튼 아이콘 */
.boxtit {text-align:center; font-size:16px;font-weight:700;line-height:180%;}

.boxbtnic{text-align:right;margin:-23px 0 5px 0;cursor:pointer;}

/***** My task bar chart 수정 2021-07-08 ~ *****/
.chart_grid {display:table; table-layout:fixed; width:100%}
.chart_bar_row {display:table-row}
.chart_bar_row > div {display:table-cell; padding:8.8px 10px; font-weight:700; vertical-align:middle}
.chart_bar_row .bar_label {width:12%; white-space:nowrap}
.chart_bar_row .bar_draw .bar_fill {width:100%; height:13px; background:#efefef}
.chart_bar_row .bar_draw .bar_fill [class ^= "bar_color"] {height:100%}
.chart_bar_row .bar_status {width:30%; text-align:right; white-space:nowrap}
.chart_bar_row .bar_status span:first-child strong:first-child {font-size:16px !important}
.chart_bar_row .bar_status span:last-child strong:last-child, .chart_bar_row .bar_status span:last-child strong:last-child * {color:#4169E1}
.bar_color_01 {background:#00ace6}
.bar_color_02 {background:#9370DB}
.bar_color_03 {background:#ff8093}
.bar_color_04 {background:#00cc66}
.bar_color_05 {background:#F4A460}
.bar_color_06 {background:#6c9dc6}
.bar_color_07 {background:#DA70D6}
.bar_color_08 {background:#e184a1}
.bar_color_09 {background:#9ACD32}
.bar_color_10 {background:#3adfce}
.bar_color_11 {background:#bf40bf}
.bar_color_12 {background:#ff66b3}
.bar_color_13 {background:#3CB371}
.bar_color_14 {background:#d28460}
.bar_color_15 {background:#4f74e3}
[class^="col50"] .mtcount + [id^="div_forecast"] {height:265px; overflow:auto}
[class^="col50"] .mtcount + .tbnum, 
[class^="col50"] .col49 .tbnum {height:282px; overflow:auto}
[class^="col50"].hauto {height:auto !important}
[class^="col50"].hauto .mtcount + [id^="div_forecast"], 
[class^="col50"].hauto .mtcount + [id^="div_forecast"] .tbnum {min-height:590px; overflow:auto}
[class^="col50"].hauto .tbnum {min-height:558px; background:#fff}
/***** End : My task bar chart 수정 2021-07-08 ~ *****/

.gridtit_line {border-bottom:1px solid #71afcb;}

.itemleft{display:inline-block; margin:7px;}
.itemright{display:inline-block;float:right; margin:7px;}

 /* tab */
.board_wrap_01{width:99%; margin:10px;}
.board_wrap_01:after{content:""; display:block; clear:both;}

.container_01{width:100%; box-sizing:border-box;}

/* Tab layout */

.tab_container {width:100%; box-sizing:border-box;}
.tab_container:after{content:""; display:block; clear:both;}
.cost_list_head .button_nw{position:absolute; right: 7px; top:5px;}



.tab_cont {margin-bottom:20px;}
.tabtit{ border-bottom:1px solid #c9d4df; }
.tabtit h2{ display:inline-block;font-size:14px;padding: 5px 0px 5px 5px;}
.tabtit span {color:#0066cc;font-weight:700;}

.tabcont_list{margin:5px 0px ; padding:0px 5px;}
.tabcont_list ul {margin-bottom:20px;}
.tabcont_list ul li {font-size:12px; line-height:130%;}
/* .tabcont_list ul li div {display:inline-block;width:calc(100% - 90px);text-overflow: ellipsis; overflow: hidden; white-space:nowrap;} */
.tabcont_list ul li div {display:inline-block;width:calc(100%);text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.tabcont_list ul li div div{padding-right:20px;display:inline-block;width:25%;overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.tabcont_list ul li div a{text-decoration:none;}
.tabcont_list ul li div a:hover{color:#0066cc; text-decoration:underline;}
.tabcont_list .more{display:inline-block;text-align:right;font-size:12px;color:#777;width:80px;padding:5px 5px 0px;}
.tabcont_list ul li div b{color:#0066cc;font-weight:normal;}



.viewtxt{display:block;border:1px solid #ccc; padding:10px; margin:5px 0px 10px;}
.displaynone{display:none;}




/* Tab*/


.marginbot {
margin-bottom:15px;
}

ul.list li {
list-style-type:none;
margin-left:20px;

}

ul.tabs {
width:100%;
overflow:hidden;
background:#f8f8f8; border:1px solid #c7c7c7;border-bottom:1px solid #104da8; margin-bottom:14px;box-sizing:border-box;
}

ul.tabs li {
 margin: 0;
 padding: 0;
 float: left;
 border-right:1px solid #c7c7c7;
 font-family:'Malgun Gothic','맑은 고딕','돋움',dotum,Helvetica,sans-serif;
 height:31px; line-height:29px; padding:0 10px; font-size:14px; font-weight:bold; text-align:center; white-space:nowrap;
 cursor:pointer;
}

ul.tabs li:hover {
color:#005ed3
}

ul.tabs li.current {
background:#0066cc;
color:#fff;
}

.tabscontent {
height:66vh;overflow-y:auto;padding:0px 0px 20px 0px;
}



/* dropdown*/

.accordionMenu {
margin:0;
}

.accordionMenu li span.more {
margin:5px 0;
padding:0;
}
.accordionMenu li span.more a {
font-size: 12px;
display: block;
font-weight: normal;
color:#444;
text-decoration:none;
margin:0;
}
.accordionMenu :target li span.more a,
.accordionMenu li span.more a:focus,
.accordionMenu li span.more a:hover,
.accordionMenu li span.more a:active {
background: #;

color:#444;
}
.accordionMenu div.viewD {
padding:0px;
margin:0px;
height: 0;
overflow: hidden;
-moz-transition: height 0.5s ease-in;
-webkit-transition: height 0.5s ease-in;
-o-transition: height 0.5s ease-in;
transition: height 0.5s ease-in;
}
.accordionMenu :target div.viewD {
overflow: auto;
height:100px;
border:1px solid #ccc;
margin-bottom:10px;
padding:10px;
}

.viewD{}





/* form checkbox add */
td div.lsh1 { line-height: 200% !important; }
td div.lsh1 span { display:inline-block;width:60px !important; }

input.disabled.brdrRED {color:#727171 !important; background:#f5f5f5 !important;border:1px solid red !important;}
input.disabled.brdrRED[readonly]{border:1px solid red !important;}

input.readonly.brdrRED { background:#fff !important;border:1px solid red !important;}
input.readonly.brdrRED[readonly]{border:1px solid red !important;}

.view_table td input.style.brdrRED {border:1px solid red !important; width:100%;}


/* ERP Project_공사 */
.drop_NW {height:21px;margin-bottom:4px;width:200px;padding-left:7px;border-radius:3px;}
.drop_NW_font{font-weight:700;margin:-30px 5px 0px 20px;}

.nw_iptPad{margin-top:-3px;}

.cost_list_head .button { position:absolute; right:0; bottom:4px; }
#gridTBIN a { display:block; background: linear-gradient(to bottom, #fcfeff, #eaf1f3);border:1px solid #b2c3c7; border-radius:3px; left: 0; float:left; font-size:8pt; color:#444; padding:0px 7px; text-decoration:none; height:22px; cursor:pointer; margin-right:3px; overflow:hidden; letter-spacing:0.01em;box-sizing:border-box;} 
#gridTBIN a:hover { background: linear-gradient(to bottom, #e1f2fa, #b6d3dd);border:1px solid #5b94a2; border-radius:3px;font-size:9pt; color:#444;}
#gridTBIN a span { line-height:22px; height:22px; overflow:hidden; color:#444; font-size:9pt; }
#gridTBINl a:hover span {  color:#444; font-size:9pt; }


	
/* main 통합검색 */
.msrch_wrap_brdr {border:0; border-top:2px solid #7aaee6;  margin-bottom:0px;  margin-top:0; padding-top:20px;}
.msrch_wrap{width:520px;height:40px;margin:0 auto;margin-bottom:20px;}

.brdrBL{border:2px solid #3168a6;}
.brdrG{border:2px solid #bbb;}



/* 전망실적분석 */
#pConts .process_wrapN{float:left;width:100%; margin-top:10px; box-sizing:border-box; position:relative;border:1px solid #ccc; background:#f8f8f8;padding:10px 15px;}



.processtit { line-height:normal; padding-top:5px; }
.processtit li { float:left;  font-size:14px;color:#444;font-weight:700; font-family:"malgun gothic","돋움","dotum","굴림"; }


/* 관리기능 기본 레이아웃 */
.col30 {float:left; width:calc(30% - 10px); height:400px; border:1px solid #bfc8d0;box-sizing:border-box;overflow-y:scroll;}
.col70s {float:right; width:calc(70% - 10px);height:400px; border:1px solid #bfc8d0;box-sizing:border-box;}
.col2Cell{width:calc(100% - 84px); float:left;box-sizing:border-box;}

h2.subtitle {display:inline-block; font-size:14px; font-weight:700;color:#096793;margin-bottom:0px;border-bottom:1px solid #ccc;padding:0px 5px 5px 5px;}


/* popup */
.tabpd {padding: 6px 70px 8px !important;}



/* font style */
.txt_process {color:#9ca2df;} 
.txt_end {color:#92c441;}
.txt_approval{color:#85b1d8;}
.txt_cencel {color:#6ec3bc;}
.txt_reject {color:#e39110;}
.subtit2 h2 {display:inline-block;float:left;font-size:12px; font-weight:normal !important;color:#0d629d;margin-top:5px;padding-left:10px;}
.btnRlay2 {float:right; margin:0px 0px 5px 0px;}

/* Modal Content/Box */
.search-modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 500px; }

/* sessionTimeOut - START - */
.util-sesstion-time{display:inline-block;padding:0 8px 0 0; background:#fff; z-index:999999;  }
.util-sesstion-time em{ color:#1e76ee; font-weight:700; margin-left:5px;}
.util-sesstion-time span.ico{  display:inline-block; float:left; width:16px!important;padding:0; height:16px; margin-right:5px; margin-top:1px; background:url(../images/cpms/sp_cpms_icon.png) no-repeat -477px -18px;}
.util-sesstion-time .sessionBtn {border-radius:0; border:1px solid #2d72ff; background:transparent !important; color:#2d72ff !important; cursor:pointer; padding: 0 2px;}

.divMessageBox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.6);z-index:100000}
.divMessageBox .MessageBoxContainer{top:35%;color:#fff;position:relative;width:100%!important;background-color:#232323;background-color:rgba(0,0,0,.8);padding:20px}
.divMessageBox .MessageBoxMiddle{position:relative;left:30%;width:40%}
.divMessageBox .MessageBoxMiddle .MsgTitle{letter-spacing:-1px;font-size:20px!important;font-weight:300;color:#fff;display:inline-block;padding:0}
.divMessageBox .MessageBoxMiddle .MsgTitle_time{font-size:20px;vertical-align:baseline;font-weight:bold}
.divMessageBox .MessageBoxMiddle .pText{font-size:20px;margin-bottom:10px}
.divMessageBox .MessageBoxButtonSection{width:100%;height:30px;text-align:right}
.divMessageBox .MessageBoxButtonSection button{margin-right:7px;padding-left:15px;padding-right:15px;font-size:14px;font-weight:700; }
.divMessageBox .MessageBoxMiddle .btn {border-radius:0; border:2px solid #2d72ff; background:transparent !important; color:#2d72ff !important;  cursor:pointer;}
.divMessageBox .MessageBoxMiddle p{color:#fff}
/* sessionTimeOut - END - */

/* multi select */
.multi {
    float: left;
    border: 1px solid #cccccc;
    background-color: #fff;
    border-radius: 2px;
    width: 240px;
    position: relative;
    height: 24px;
    box-sizing: border-box
}

/* [CrossBrowsing] 첨부파일 화면 깨짐현상으로 추가 */
.ui-sortable .multi {float: none; width: 100%;}

.multi dd, .multi dt {
    margin: 0px;
    padding: 0px;
}

.multi ul {
    margin: -1px 0 0 0;
}

.multi dd {
    position: relative;
}

.multi a, .multi a:visited {
    color: black;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}

.multi dt a {
    background-color: #fff;
    display: block;
    padding: 0px 3px;
    height: 20px;
    overflow: hidden;
    vertical-align: middle;
    width: 80%
}

.multi .ico_dropdown, .multi .ico_dropdown_close {
    position: absolute;
    top: 5px;
    right: 7px;
    width: 16px;
    height: 13px;
    background-image: url(../images/common/ico_dropdown.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    z-index : 70
}

.multi dt a span, .multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
}

.multi dd div ul {
    background-color: #fff;
    border: 1px solid #ededed;
    color: #636363;
    display: none;
    left: 0px;
    padding: 2px 5px 2px 5px;
    position: absolute;
    top: 4px;
    width: 100%;
    list-style: none;
    height: auto;
    overflow: auto;
    box-sizing: border-box;
    z-index: 60;
    overflow: auto;
    min-height: 30px;
    max-height: 250px
}

.multi span.value {
    display: none;
}

.multi dd ul li {
    line-height: 1.7em
}

.multi dd ul li input {
    margin-right: 3px
}

.multi dd ul li a {
    padding: 5px;
    display: block;
    line-height: 1.7em
}

.multi dd ul li a:hover {
    background-color: black;
}

/************** main 수정 2021-05-10 ~ ****************
******************************************************/
.mcontainer {height:calc(100% - 135px) !important; min-height:780px; display:flex; flex-direction:column}
.main_spot {/*height:390px;*/ background:url(../images/main/bg_main.jpg) no-repeat; background-size:cover; text-align:center; flex:1 auto; display:flex; flex-direction:column; align-items:center; justify-content:center}
.main_contents {display:flex; padding:40px 70px; flex:1; min-height:400px; box-sizing:border-box}
.main_contents > div {flex:1}
.main_contents > div:not(:last-child) {margin-right:70px}
.main_contents > div * {color:#6f6f6f}
.main_contents > div h2 {font-size:14px; margin-bottom:20px}
.main_contents .link_more {position:absolute; top:0; right:0; color:#6f6f6f}
.main_contents .link_more::before {content:'\002B'; margin-right:3px}

.main_search {margin:70px auto 50px; display:inline-block}
.main_search * {float:left; margin-right:1px}
.main_search div {background:#fff; padding:5px}
.main_search div:nth-child(2) {border-radius:20px 0 0 20px}
.main_search div:nth-child(2) select {margin-left:10px}
.main_search .input_group {border-radius:0 20px 20px 0; padding-right:5px; height:30px; width:300px}
.main_search .input_group input {width:calc(100% - 32px); height:30px; border:0}
.main_search .input_group .btn_main_search {width:30px; height:30px; border:0; background:#fff url('../images/main/ico_search.png') no-repeat 50% 50%; border-radius:15px}
.main_search::after {content:''; display:table; clear:both}
.main_search label {font-size:20px; color:#fff; padding-top:7px; margin-right:15px}
.main_search select {appearance:none; -webkit-appearance:none; min-width:80px}
.main_search select::-ms-expand {display:none}
.main_search select {box-sizing:border-box; height:30px; padding:7px 30px 7px 7px; background:#fff url('../images/main/ico_dropdown.png') no-repeat right 5px top 13px; border:0}

.main_weather {display:flex; height:180px; width:800px; background:rgba(18, 132, 191, .6); margin:0 auto 50px; padding:30px 60px; box-sizing:border-box; border-radius:90px}
.main_weather > div {flex:1; position:relative}
.main_weather > div * {color:#fff; font-size:13px}
.main_weather > div > p:last-child {position:absolute; bottom:0; width:100%}
.main_weather > .today {flex:1 1 40px; font-size:14px; border-right:1px solid #42a3d3; padding-right:25px; text-align:right; margin-right:10px}
.main_weather > .today > .date {margin-bottom:5px}
.main_weather > .today > .date * {font-size:14px; margin-right:5px}
.main_weather .temperature::after {content:'\00B0'; padding-left:1px;margin-right:3px} 
.main_weather .temperature + .temperature::before {content:'\002F'; position:relative; margin-left:-2px; padding-right:3px}
.main_weather .temperature.high {font-size:50px}
.main_weather .temperature.high::after {content:'\2103'; font-size:24px; position:relative; top:-19px}
.main_weather .temperature.high + .temperature {font-size:23px; position:relative}
.main_weather .temperature.high + .temperature::before {content:''; margin-left:0; padding-right:0}

.ico_weather {width:70%; height:33px; margin:20px auto auto; background-repeat:no-repeat; background-position-x:center !important}
.ico_w01 {background-image:url('../images/main/svg/ico_sun.svg')} /* 맑음 */
.ico_w02 {background-image:url('../images/main/svg/ico_cloud.svg'); height:24px; margin-top:25px} /* 구름 조금 */
.ico_w03 {background-image:url('../images/main/svg/ico_clouds.svg'); height:26px; margin-top:22px} /* 구름 많음 */
.ico_w04 {background-image:url('../images/main/svg/ico_cloud_rain.svg');} /* 비 */
.ico_w05 {background-image:url('../images/main/svg/ico_cloud_snow.svg')} /* 눈 */
.ico_w06 {background-image:url('../images/main/svg/ico_rain_snow.svg')} /* 비 또는 눈 */
.ico_w07 {background-image:url('../images/main/svg/ico_raindrop.svg')} /* 소나기 */
.ico_w08 {background-image:url('../images/main/svg/ico_snow.svg')} /* 소낙눈 */
.ico_w09 {background-image:url('../images/main/svg/ico_fog.svg'); height:30px} /* 안개 */
.ico_w10 {background-image:url('../images/main/svg/ico_thunderstorm.svg')} /* 뇌우 */
.ico_w11 {background-image:url('../images/main/svg/ico_sun_cloud.svg'); margin-top:15px} /* 차차 흐려짐 */
.ico_w12 {background-image:url('../images/main/svg/ico_cloud_thunderstorm.svg'); margin-top:23px} /* 흐려져 뇌우 */
.ico_w13 {background-image:url('../images/main/svg/ico_cloud_rain_weak.svg')} /* 약한 비 */
.ico_w14 {background-image:url('../images/main/svg/ico_cloud_snow_weak.svg')} /* 약한 눈 */
.ico_w15 {background-image:url('../images/main/svg/ico_cloud_rain_snow.svg'); height:40px; margin-top:13px} /* 맑은 후 흐려져 한때 비 또는 눈 */
.ico_w16 {background-image:url('../images/main/svg/ico_cloud_sun.svg')} /* 흐린 후 갬 */
.ico_w17 {background-image:url('../images/main/svg/ico_nothing.svg'); height:30px} /* 없음 */
.ico_w18 {background-image:url('../images/main/svg/ico_sun_cloud_rain.svg'); height:38px; margin-top:15px} /* 흐리고 한때 비 후 갬 */
.ico_w19 {background-image:url('../images/main/svg/ico_sun_cloud_snow.svg'); height:37px; margin-top:15px} /* 흐리고 한때 눈 후 갬 */
.ico_w20 {background-image:url('../images/main/svg/ico_sun_clouds_rain_snow.svg')} /* 구름 많고 한때 눈 또는 비 후 갬 */

.main_tabs {position:relative}
.main_tabs .tab_link {display:table; padding:0; margin:0; list-style:none; width:100%; height:auto; border-bottom:1px solid #ddd; margin-bottom:13px}
.main_tabs .tab_link li {display:table-cell; float:left; padding:0 20px 10px; text-align:center; cursor:pointer; border-bottom:1px solid #a8a8a8; margin-bottom:-1px; background:#fff; font-size:14px}
.main_tabs .tab_link li:not(:last-child) {margin-right:2px}
.main_tabs .tab_link li.active {border-bottom:1px solid #52a7d4; font-weight:700; color:#2c89bb}
.main_tabs .tab_content {width:100%; height:auto; overflow:hidden; min-height:200px; display:none}
.main_tabs .tab_content.active {display:block}
.main_tabs .tab_content .notice_list li {padding:5.4px 0; display:table; table-layout:fixed; width:100%}
.main_tabs .tab_content .notice_list li span {display:table-cell; white-space:nowrap}
.main_tabs .tab_content .notice_list li span:last-child {width:20%; text-align:right}
.main_tabs .tab_content .notice_list li span[onclick] {cursor:pointer}
.main_tabs .tab_content .notice_list li em {font-style:normal; color:#ff5411; margin-right:3px}
.main_tabs .tab_content .notice_list li i {display:inline-block; width:15px; height:14px; background:#ff8c58; font-style:normal; color:#fff; font-size:10px; vertical-align:text-top; margin-left:5px; margin-top:2px; border-radius:2px; text-align:center}
.main_tabs .tab_content .notice_list li i::before {content:'N'}

.section_task {margin-bottom:30px; position:relative}
.task_group {display:flex}
.task_group > div {flex:1; height:100px; background:#52a7d4; color:#fff; font-weight:600}
.task_group > div:not(:last-child) {margin-right:5px}
.task_group > div:nth-child(2) {background:#53bcbb}
.task_group > div:nth-child(3) {background:#a19ece}
.task_group > div * {color:#fff; text-align:center}
.task_group > div > div {width:50%; float:left; box-sizing:border-box}
.task_group > div > div:nth-child(2) {padding-left:10px}
.task_group > div > div:nth-child(3) {padding-right:10px}
.task_group > div p[onclick] {cursor:pointer}
.task_group > div > .task_title {width:100%; float:none; font-size:11px; font-weight:normal; padding:13px 0}
.task_group > div > .mail_task {width:100%; float:none; padding-left:0 !important}
.task_group strong {font-size:18px; line-height:35px}

.menu_group {display:flex}
.menu_group > div {position:relative; flex:1; height:95px; background:#f3f3f3; text-align:center}
.menu_group > div:not(:last-child) {margin-right:2px}
.menu_group > div::before {content:''; display:block; width:100%; background-repeat:no-repeat; background-position-x:center}
.menu_group > div > p {position:absolute; bottom:15px; width:100%}
.menu_group > div[onclick] {cursor:pointer}
.menu_book::before {background-image:url(../images/main/svg/ico_book.svg); height:29px; margin-top:19px}
.menu_doc::before {background-image:url(../images/main/svg/ico_doc.svg); height:33px; margin-top:15px}
.menu_drawing::before {background-image:url(../images/main/svg/ico_drawing.svg); height:27px; margin-top:21px}
.menu_handshake::before {background-image:url(../images/main/svg/ico_handshake.svg); height:30px; margin-top:19px}
.menu_check::before {background-image:url(../images/main/svg/ico_check.svg); height:28px; margin-top:19px}
.menu_chart::before {background-image:url(../images/main/svg/ico_chart.svg); height:27px; margin-top:20px}
.menu_mytask::before {background-image:url(../images/main/svg/ico_mytask.svg); height:33px; margin-top:17px}
.menu_quality::before {background-image:url(../images/main/svg/ico_quality.svg); height:34px; margin-top:18px}

.flex_right {flex:0 0 20% !important}
.link_list li {display:block; position:relative; border:1px solid #ddd; font-weight:700; padding:18px 15px 18px 20px}
.link_list li:not(:first-child) {border-top:0}
.link_list li::after {display:inline-block; content:''; background:url(../images/main/ico_restore.png) no-repeat; width:16px; height:16px; position:absolute; right:15px}
.link_list li[onclick] {cursor:pointer}

/************** End : main 수정 2021-05-10 ~ ****************/