@charset "utf-8";


/************************************************************************
 * 파일명      : design.css
 * 설명        : 
 * 작성자      : 박수림
 * 작성일      : 2021.05.12
************************************************************************/
input[type=text]::-ms-clear {
	display: none;
}
/* Stat_list */
.main_right {position:relative; float:left; width:1608px; padding:10px 0px 10px 0; background:#f2f2f2;}
.left_layout {position:relative; float:left; width:295px; background:#f2f2f2;}
/* .right_layout {position:relative; float:left; width:1550px; padding:10px 0px 10px 0; background:#f2f2f2;} 2021.06.25*/
.right_layout {position:relative; float:left; padding:0px 5px 0px 0; background:#fff;flex-grow:1;display: flex;flex-direction: column;}

.left_layout .head {font-weight:bold; background:#127086; color:#fff; height:38px; line-height:50px; text-align:center; font-size:16px;}
.left_layout .myscrap {background:#9bc0c9; padding:4px 0; margin:0 auto; text-align:center;}
.left_layout .myscrap > button {display:inline-block; padding:0; border:none; box-sizing: border-box; appearance:none; text-decoration: none; text-align:left; cursor:pointer;}
.left_layout .myscrap > button {margin:0 3px; background:#fff; border:1px solid #127086; border-radius:15px; height:30px; line-height:28px; color:#127086; font-weight:500; font-size:13px;  letter-spacing: -0.05em;}
.left_layout .myscrap > button.scrap {width:78px; padding-left:12px; background:url('images/ico_scrap.png') #fff no-repeat 42px -1px;}
.left_layout .myscrap > button.view {width:110px; padding-left:10px; background:url('images/ico_clock.png') #fff no-repeat 78px -1px;}
.left_layout .myscrap > button.scrap:hover {background:url('images/ico_scrap.png') #e7faff no-repeat 42px -1px;}
.left_layout .myscrap > button.view:hover {background:url('images/ico_clock.png') #e7faff no-repeat 78px -1px;}

.left_layout .select_area {margin:10px;}
.left_layout .list_box {overflow: auto; margin:3px 10px 10px 10px; padding:15px; box-sizing:border-box; border:1px solid #ccc; background:#fff; height:auto;}

.right_layout .stat_box {position:relative; margin-top:-1px; overflow:hidden; background:#fff; padding:0px 0px 0px; box-sizing:border-box;flex-grow: 1;height: 0;}
.right_layout .chart_box {display: none;  overflow:hidden; background:#fff; padding:15px; box-sizing:border-box; }

.right_layout .stat_tab {overflow:hidden; height:40px;}
.right_layout .stat_tab li {float:left; cursor:pointer; line-height:38px; border-width:1px 1px 0 1px; border-style:solid; padding:0 10px;min-width: 40px;width: calc(100%/4 - 20px);max-width: 210px;}
.right_layout .stat_tab li.tab_on {position:relative; border-color:#127086; background:#d8ecf1; margin-right:-1px; z-index:10;} 
.right_layout .stat_tab li.tab_on a {color:#127086; font-weight:bold; }
.right_layout .stat_tab li.tab_off {position:relative; border-color:#999; background:#f2f2f2; color:#333; font-weight:500; z-index:1;}
.right_layout .stat_tab li > a.close_r {position:absolute; top:8px; right:10px;}

/* 21.06.15 수정 */
.search_sett {position:absolute; top:72px; right:0px;}
.search_sett a.btn_schset {display:block; width:18px; height:80px; text-align:center; padding:13px 10px 0 10px; background: url('images/btn_srh_left.png') #117086 no-repeat center 65px; color:#fff; font-size:12px; line-height:12px;}
.search_sett a.btn_en_schset {display:block; width:35px; height:80px; text-align:center; padding:13px 10px 0 10px; background: url('images/btn_srh_left.png') #117086 no-repeat center 65px; color:#fff; font-size:12px; line-height:12px;}
.search_sett_show {position:absolute; top:40%; right:289px; z-index:100;}
.search_sett_hide {position:absolute; top:114px; right:0px; z-index:100;display:none;}




.search_sett_show a.btn_schset {display:block; font-size:0; text-indent:-9999px; width:18px; height:80px; text-align:center; padding:0; background: url('images/btn_srh_right.png') #117086 no-repeat center 45%; color:#fff;}

.sett_box {display:none; position:relative;  float:left; width:328px;}

/* 21.06.15 수정 */
/* .sett_box {position:absolute; top:65px; right:45px;  background:#fff; z-index:9999;} */
.sett_box {position:absolute; top:43px; right:5px;  background:#fff; z-index:100;border:1px solid #117086;display: flex;flex-direction: column;height: calc(100% + 70px);}
.sett_box .sett_tab {float:left; width:100%;}
/* 
.sett_box .sett_tab li {float:left; width:141px; height:38px; line-height:38px; text-align:center; background:#fff; border-width:1px 1px 0 1px; border-style:solid; border-color: #ccc; transition:background 0.5s; cursor: pointer;}
.sett_box .sett_tab li.active {height:39px; background:#127086; color:#fff; border:none;}
 */ 
.sett_box .sett_tab li {float:left; width:calc(50% - 2px); height:38px; line-height:38px; text-align:center; background:#fff; border-width:1px 1px 0 1px; border-style:solid; border-color: #ccc; transition:background 0.5s; cursor: pointer;}
.sett_box .sett_tab li.active {width:50%;height:39px; background:#127086; color:#fff; border:none;}  
.sett_box .sett_tab li.off {width:50%; height:39px; background:#f2f2f2; color:#8f959f; border:none;}
.sett_box .sett_cont {display:none;}
.sett_box .active {display:block; }

/* .sett_box .sett_cont {overflow:hidden; border:1px solid #117086; height:auto; padding:10px; overflow:hidden;} */
.sett_box .sett_cont {overflow:hidden; height:auto; padding:2px; overflow:hidden;border:1px solid #117086; }
.sett_box .sett_cont .set_menu {margin:4px 0;}

/* 디자인 원본 
.sett_box .sett_cont .set_menu > a {display:block; padding-left:30px; background:#f2f2f2; height:50px; line-height: 50px; color:#127086;}
.sett_box .sett_cont .set_menu > a.btn_open {background:url('images/btn_open_arrow.png') #f2f2f2 no-repeat 230px 22px;}
.sett_box .sett_cont .set_menu > a.btn_close {background:url('images/btn_close_arrow.png') #f2f2f2 no-repeat 230px 22px;} 
*/

.sett_box .sett_cont .set_menu > a {display:block; padding-left:30px; background:#f2f2f2; height:30px; line-height: 30px; color:#127086;}
.sett_box .sett_cont .set_menu > a.btn_open {background:url('images/btn_open_arrow.png') #f2f2f2 no-repeat 230px 10px;}
.sett_box .sett_cont .set_menu > a.btn_close {background:url('images/btn_close_arrow.png') #f2f2f2 no-repeat 230px 10px;}

.set_menu_inner {margin-top:4px;width:100%;position: relative;}
.set_menu_inner div {margin:2px 0;}
.set_menu_inner span {vertical-align:top;}
.set_menu_inner span .top {display:flex;}
/* .set_menu_inner .list_box {margin:5px 0;padding:15px; box-sizing:border-box; border:1px solid #ccc; background:#fff; height:auto;width:100%} */
.set_menu_inner .list_box {margin-top:5px;box-sizing:border-box; border:1px solid #ccc; background:#fff; height:auto;-ms-user-select:none;-moz-user-select:moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;position: relative;}
.set_menu_inner .search {border-radius:3px; width:calc(100% - 85px); height:22px; padding:0 0 0 5px; border:1px solid #ccc;}
.set_menu_inner .search input:focus {outline: 0;}




/* 부가기능 */
.sett_box .sett_cont .addset {overflow:hidden; margin:10px; padding-bottom:5px; border-bottom:1px solid #f4f4f4;}
.sett_box .sett_cont .addset div {padding:5px 0;}
.sett_box .sett_cont .addset dl dd {margin:5px 0 0 0;}
.sett_box .sett_cont .addset .txt {color:#ff0101;}
.sett_box .sett_cont .addset .btn_r {text-align:right; margin-top:5px;display: flex;flex-direction: row;justify-content: flex-end;}
.sett_box .sett_cont .addset li {display:inline-block;}

/* 부가기능 추가 CSS (21.07.07 - 박수림 ) */
.sett_box .sett_cont .addset .tab_tit {margin-bottom:5px; font-size:15px; color:#117086; font-weight: 500;}
.sett_box .sett_cont .addset .bu_circle3 {margin:0; height:18px;}
.sett_box .sett_cont .addset .dot_line {border-bottom:1px dotted #d6d6d6; margin:8px 0;}

#tab02.sett_cont {overflow:hidden; border:1px solid #117086; height:auto; background:#f2f2f2;}
#tab02.sett_cont .addset {overflow:hidden; margin:0 10px 8px; padding:8px 10px; border:1px solid #e8e8e8; background:#fff;}

/*
.sett_box .sett_cont .btn_help {margin-left:10px;}
.sett_box .sett_cont .btn_help button {color:#555; font-size:12px; height:23px; padding:0 6px 0 22px; background:#fff; border:#ccc solid 1px; border-radius:2px;vertical-align: middle; cursor: pointer; line-height:23px; position:relative; letter-spacing:-1px;}
.sett_box .sett_cont .btn_help button:before {content:''; display:inline-block; width:13px; height:13px; vertical-align:middle; background:url("images/btn_statistics_table.png") no-repeat left top; position:absolute; left:6px; top:4px; }
.sett_box .sett_cont .btn_help button.Btn_info { background:#235b94; color:#fff; border:none; padding-left:22px; padding-top:1px;}
.sett_box .sett_cont .btn_help button.Btn_info:before { background-position:-150px 1px;}
*/


/* 그리드 버튼 */
.grid_box {display: flex;height: 100%;width: 100%;}
.grid_box .tbl_grid_left_btn {cursor:pointer; float:left; width:10px; height:100vh; background: url('images/btn_grid_left.png') #fff no-repeat center center;}
.grid_box .tbl_grid_right_btn {cursor:pointer; float:left; width:20px; height:100vh; background: url('images/btn_grid_right.png') #fff no-repeat center center;}
/*.grid_box .tbl_grid_right_btn {cursor:pointer; float:left; position:relative; width:20px; height:100vh; }
.grid_box .tbl_grid_right_btn .btn_stat_list {display: block;position:absolute;top: 178px;left: 0;width: 18px;padding: 13px 10px 0 10px;height: 85px;background: url('images/btn_srh_right.png') #117086 no-repeat 8px 72px;color: #fff; line-height: 14px;z-index: 999;font-size: 12px;}
*/

.grid_box .grid_show_btn {cursor:pointer; width:100%; height:10px; padding:10px; box-sizing:border-box; text-align:center; background: #fff no-repeat center center;}
.grid_box .grid_hide_btn {cursor:pointer; width:100%; height:10px; padding:10px; box-sizing:border-box; text-align:center; background: url('images/btn_grid_down.png') #f2f2f2 no-repeat center center;}
.grid_box .chart_area {overflow:hidden; width:100%; height:100%; background:#fff000; }

/*
.grid_box .grid_show_btn {cursor:pointer;width:100%;height:10px;padding:10px; text-align:center; }
.grid_box .grid_show_btn .btn_chart_view {display: block;position:absolute;bottom:0;left: 47%;width: 73px;padding: 10px 15px 10px 27px;height: 14px;background: url('images/btn_srh_top.png') #117086 no-repeat 78px 9px;color: #fff;line-height: 14px;z-index: 999;font-size: 12px;}
.grid_box .grid_hide_btn {cursor:pointer; width:100%; height:10px; padding:10px; box-sizing:border-box; text-align:center; background: url('images/btn_grid_down.png') #f2f2f2 no-repeat center center;}
.grid_box .grid_hide_btn .btn_chart_view {display: none;}
*/
.chart_height {height:360px;}
.right_width {width:1883px;}
.settview_width {width:1200px;}

.assayPopupList{height: 25px;display: flex;align-items: center;padding: 3px 8px;}
.assayPopupList:hover{background-color: #d8ecf1;color:#024545;text-shadow: 0 0 0 #024545, 0 0 0 #024545;}
.assayPopupBox{position: absolute;top: 109px;left: 81px;background-color: white;z-index: 3001;overflow: auto;display: none;border: 1px solid #117086;box-shadow: 3px 3px 3px rgba(0,0,0,0.2);cursor: pointer;}

.treeTimeTab{width: calc(25% - 5px);height: 21px;border: 1px solid #ccc;display: flex;justify-content: center;align-items: center;cursor:pointer;background: #f4f4f4;}
.treeTimeTabSelect {border: 1px solid #036363;background: #ffffff;}

.btn_area {margin-bottom:8px; overflow:hidden; width:100%; border-bottom:2px solid #038383; }

/* ################################################		여기까지 디자인 초안 원본		############################################### */



/* 21.07.12 (박수림) */
.sett_box .sett_cont div.select_box {border:1px solid #ddd; background:#f8f8f8; padding:5px;}

.sett_box .sett_cont div.assay_tab {overflow:hidden; margin-top:8px; padding:0;}
.sett_box .sett_cont div.assay_tab ul{width:100%; border-bottom:1px solid #ddd; height:29px;}
.sett_box .sett_cont div.assay_tab li {float:left; border:1px solid #ddd; width:78px; line-height:28px; text-align:center; margin-right:-1px;cursor: pointer;}
.sett_box .sett_cont div.assay_tab li.tab_on {border-bottom:0; height:28px; background:#fff;}
.sett_box .sett_cont div.assay_tab li.tab_off {background:#f4f4f4;height: 28px;}

.sett_box .sett_cont div.assay_list {border:1px solid #ddd; /*width:221px;*/ height:170px; overflow:auto; padding:0;}
.sett_box .sett_cont div.assay_list ul {width:98%;}
.sett_box .sett_cont div.assay_list li {cursor: pointer; line-height:28px; width:98%; padding-left:10px; border-bottom:1px solid #ddd; font-size:12px;}

.sett_box .sett_cont div.moveBtn {text-align:right;}

.smallgrayBtn a {display:inline-block; padding:0 5px; line-height: 20px; border:1px solid #323c58; background:#424b63; color:#fff;}




.sett_box {position:absolute !important; top:-35px; right:0px;  background:#fff; z-index:1;}
.sett_box .sett_tab li {float:left; width:calc(50% - 2px);  height:38px; line-height:38px; text-align:center; background:#fff; border-width:1px 1px 0 1px; border-style:solid; border-color: #ccc; transition:background 0.5s; cursor: pointer;}
.sett_box .sett_tab li.active {height:39px; background:#127086; color:#fff; border:none;} 
.sett_box .sett_cont {display:none;}
.sett_box .active {display:block; }

.sett_cont {overflow:hidden; border:1px solid #117086; height:auto; padding:10px; overflow:hidden;}
.sett_cont .set_menu {margin:4px 0;}
.sett_cont .set_menu > a {display:block; padding-left:30px; background:#f2f2f2; height:50px; line-height: 50px; color:#127086;}
.sett_cont .set_menu > a.btn_open {background:url('images/btn_open_arrow.png') #f2f2f2 no-repeat 230px 22px;}
.sett_cont .set_menu > a.btn_close {background:url('images/btn_close_arrow.png') #f2f2f2 no-repeat 230px 22px;}

.sett_box .settLoading {position: absolute;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: #fff;z-index: 2;}
.sett_cont .search {width: 168px;border: 1px solid #ccc;background-color: white;}
.sett_cont .search .emptyKeywordDiv {width: 16px;height: 16px;margin-right:3px; background: #bbb;border-radius: 8px;display:none;cursor: pointer;}
.sett_cont .search .searchKeywordInput {width:100%;height: 100%;border: 0;}

.sett_cont .expandBtnContainer button {position: relative;cursor: pointer;height: 23px;padding: 0 8px 0 20px;border: #bbc0c9 solid 1px;border-radius: 3px;color: #362b36;background: #fff;vertical-align: middle;font-size: 13px;}
.sett_cont .expandBtn:before{content: '';display: inline-block;width: 16px;height: 16px;vertical-align: middle;background: url('images/plus.gif') no-repeat;position: absolute;left: 6px;top: 5px;}
.sett_cont .collapseBtn:before{content: '';display: inline-block;width: 16px;height: 16px;vertical-align: middle;background: url('images/minus.gif') no-repeat;position: absolute;left: 6px;top: 5px;}
.sett_cont .alignFlex {display:flex; justify-content: center;align-items: center;}
.sett_cont .timeListCheckBox {flex-direction: row-reverse;align-items: center;margin-right: 3px;}
.sett_cont .fancytree-container {border: none !important;}
.sett_cont .fancytree-container {outline: none;}
.sett_cont select.box{width: 120px;}
.sett_cont .set_menu_inner select{-webkit-appearance:none;background:url('images/select_arrow.png') no-repeat right 4px center;background-size: 15px;background-color: #fff;}
.sett_cont .treeScreen{position: absolute;top: 95px;width: 100%;height: calc(100% - 95px);display: none;}
.sett_cont .set_menu_inner .alignFlex select {color:#555;}

/* scroll bar */
.sett_box ::-webkit-scrollbar {width: 8px;height: 10px;}
.sett_box ::-webkit-scrollbar,::-webkit-scrollbar-thumb {overflow: visible;/* border-radius:4px; */}
.sett_box ::-webkit-scrollbar-thumb {background: rgba(0,0,0,.4);}


/* .sett_cont div.ui-accordion-content {height : 475px;} */

.tab_title {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;width: calc(100% - 30px);}

.ui-accordion-content {padding: 2px 2px;}

.ui-widget.ui-widget-content {border-top : none;}

/* 21.08.11 pop : chartOptionDiv  */
#chartOptionDiv {padding:0px; overflow-x : hidden; border:2px solid #3366CC; width:850px; background:#ffffff; position:absolute; top:15%; left:15%; overflow-y:hidden; z-index:1000; display:none;}
#chartOptionDiv .btnGroup { margin-top : 5px;}
#chartOptionDiv button {
						cursor : pointer;width:60px;cursor: pointer;    
					    clear: both;
					    background: url(ext/css/common/images/bu_twinCircle.gif) no-repeat 0 6px;
					     font-family: dotum, '돋움', sans-serif;
					    font-size: 12px;
					    font-weight: bold;
					    height: 23px;
					    /*border: #ccc solid 1px;*/
					    border-radius: 2px;
					    vertical-align: middle;
					    line-height: 25px;
					    position: relative;
					    letter-spacing: -1px;
  							}
   
#chartOptionDiv .btnNormal{
	background: #3F65AF;
    color:#fff;
    float : right;
}

#chartOptionDiv .btnCancel{
	background: #d9d3d3;
}
   
   
#chartOptionDiv table {width:830px;border-collapse: collapse;}
#chartOptionDiv th {background : #f4f4f4; font-weight: normal; font-size: 10pt; }
#chartOptionDiv td {background : #ffffff; }
#chartOptionDiv th, #chartOptionDiv td {border:1px solid #dadce0; padding:5px;}

.ui-widget.ui-widget-content {border-top : none;}


.titleHeader { background:#89A7DD !important;border-right: 1px solid #bbbbbb;border-bottom: 1px solid #bbbbbb;background: #6e95d6;text-align:center !important;}
   .blankTd {border-top: 1px solid #bbbbbb;border-right: 1px solid #bbbbbb;border-bottom: 1px solid #bbbbbb;background:#fff;}
   
  #legendArea {	
  	height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
  }