@charset "utf-8";
/* common */
body{position:relative;width:100%;height:100%;font-family:"맑은 고딕", Malgun Gothic, Arial, sans-serif; font-size:0.9em; color:#000; letter-spacing:-.5px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address,menu{margin:0;padding:0; }
table{border:0;border-collapse:collapse;border-spacing:0; font-size:13px; table-layout:fixed;}
fieldset,img{border:0;vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
li{list-style:none;}
input,textarea,select{font-family:"맑은 고딕", Malgun Gothic, Arial, sans-serif; vertical-align:middle; outline-style:none; font-size:13px; letter-spacing:-.5px;}
header, section, article,aside, nav, footer{display:block;}
hr,caption,legend {display:none;}

/* input-type */
input:disabled {background:#e5e5e5 !important; color:#555 !important;}
input:read-only {background:#e5e5e5 !important; color:#555 !important;}
input[type*="text"] {box-sizing:border-box; width:100%; height:21px; line-height:17px; padding:0px 4px 2px 4px; color:#000; border:1px solid #707070;}
/*input[type*="text"]:disabled {background:#e5e5e5 !important; color:#555;}
input[type*="text"]:read-only {background:#e5e5e5 !important; color:#555;}*/
input[type*="number"] {box-sizing:border-box; width:100%; height:21px; line-height:17px; padding:0px 4px 2px 4px; color:#000; border:1px solid #707070;}
/*input[type*="number"]:disabled {background:#e5e5e5 !important; color:#555;}*/
input[type*="password"] {box-sizing:border-box; width:100%; height:21px; line-height:17px; padding:0px 4px 2px 4px; color:#000; border:1px solid #707070;}
/*input[type*="password"]:disabled {background:#e5e5e5; color:#555;}*/
input[type*="button"] {cursor:pointer; border:0px;}
input[type*="checkbox"] {cursor:pointer; height:12px; margin-top:-2px;}
input[type*="radio"] {cursor:pointer; height:12px; margin-top:-2px;}
input[type="date"] { width:100%; }
textarea {box-sizing:border-box; width:100%; padding:5px; resize:none; border:1px solid #aaa; overflow:auto; border-radius: 4px !important; font-size:14px;}
textarea:disabled {background:#e5e5e5 !important; color:#555;}

input:-ms-input-placeholder {color:#b6b6b6;}
input:-webkit-input-placeholder{color:#b6b6b6; letter-spacing:-.1px; padding:0px 3px;}

.input_area.search_input {position:relative;}
.input_area.search_input input {padding:0px 26px 2px 4px;}
.input_area.search_input .input_btn_search {background:url("../img/input_btn_search.png") no-repeat 0 0; width:13px; height:13px; position:absolute; right:7px; top:9px; text-indent:-9999px; overflow:hidden;}
.input_area.search_input .input_btn_reset {background:url("../img/btn_refresh.png") no-repeat 0 0; width:13px; height:13px; position:absolute; right:7px; top:9px; text-indent:-9999px; overflow:hidden;}

.jui .input_area.input_calendar {position:relative; float:left;}
.jui .input_area.input_calendar input {box-sizing:border-box; width:100%; height:21px; line-height:17px; padding:1px 21px 2px 4px; color:#000; border:1px solid #707070; border-radius:0px; font-size:13px;}
.jui .input_area.input_calendar .btn {box-sizing:border-box; padding:0 9px; height:21px; background:#fff url("../img/ico_calendar.png") no-repeat center center; border:1px solid #707070; position:absolute; right:0px; top:0px;}
.jui .input_area.input_calendar .btn i {display:none;}
.jui .input_area.input_calendar .datepicker {border:0px; border-radius:0px; width:224px; height:auto; padding-top:33px; box-shadow:0px 1px 5px #ccc; display:none; position:absolute; z-index:999; margin-left:0px; margin-top:0px;}
.jui .input_area.input_calendar .datepicker .head {background:#015794; height:33px;}
.jui .input_area.input_calendar .datepicker .head .title {color:#fff; font-size:14px; font-weight:500; padding-top:5px;}
.jui .input_area.input_calendar .datepicker .head .prev {left:15px; top:12px; width:5px; height:9px; overflow:hidden; background:url("../img/datepicker_btn.png") no-repeat 0 0;}
.jui .input_area.input_calendar .datepicker .head .next {right:15px; top:12px; width:5px; height:9px; overflow:hidden; background:url("../img/datepicker_btn.png") no-repeat -5px 0;}
.jui .input_area.input_calendar .datepicker > table.body {box-shadow:0 0px 1px #e3e3e3 inset;}
.jui .input_area.input_calendar .datepicker > table.body th {height:31px; font-size:13px; background:#f3f3f3; border:0px; color:#000;}
.jui .input_area.input_calendar .datepicker > table.body td {font-size:13px; color:#000; height:29px;  border-radius:0px !important; box-shadow:none;}
.jui .input_area.input_calendar .datepicker > table.body td.none {color:transparent;}
.jui .input_area.input_calendar .datepicker > table.body td.now {font-weight:normal; color:#fff; background:#36b2e5;}
.jui .input_area.input_calendar .datepicker > table.body td.active {color:#fff; background:#015794;}
.jui .input_area.input_calendar .datepicker > table.body td:hover:not(.active):not(.none):not(.now) {background:#dfeff7;}

.jui .calendar_wrap {height:100%;}
.jui .calendar_wrap .calendar_area {box-sizing:border-box; overflow:hidden;}
.jui .calendar_wrap .calendar_area .calendar {box-sizing:border-box; margin-top:9px; background:#fff; padding-top:40px;}
.jui .calendar_wrap .calendar_area .calendar .head {height:40px; line-height:44px;}
.jui .calendar_wrap .calendar_area .calendar .head .title {color:#000; font-size:16px; font-weight:bold;}
.jui .calendar_wrap .calendar_area .calendar .head .prev {margin-bottom:-3px; margin-right:15px; width:20px; height:20px; overflow:hidden; background:url("../img/calendar_btn.png") no-repeat 0 0;}
.jui .calendar_wrap .calendar_area .calendar .head .next {margin-bottom:-3px; margin-left:15px; width:20px; height:20px; overflow:hidden; background:url("../img/calendar_btn.png") no-repeat -20px 0;}
.jui .calendar_wrap .calendar_area .calendar > table.body {height:calc(100% - 9px);}
.jui .calendar_wrap .calendar_area .calendar > table.body th {background:#ebebeb; text-align:center; font-size:13px; font-weight:bold; color:#000; height:35px;border-color:#ddd; border-width:1px; border-bottom-width:0px; border-top-width:0px;}
.jui .calendar_wrap .calendar_area .calendar > table.body th:first-child {border-left-width:0px;}
.jui .calendar_wrap .calendar_area .calendar > table.body th:last-child {border-right-width:0px;}
.jui .calendar_wrap .calendar_area .calendar > table.body td {border-color:#ddd; color:#000; font-size:13px;}
.jui .calendar_wrap .calendar_area .calendar > table.body td:first-child {border-left-width:0px;}
.jui .calendar_wrap .calendar_area .calendar > table.body td:last-child {border-right-width:0px;}
.jui .calendar_wrap .calendar_area .calendar > table.body td.none {color:transparent;}
.jui .calendar_wrap .calendar_area .calendar > table.body td.now {font-weight:normal; color:#000; background:#dfeff7;}
.jui .calendar_wrap .calendar_area .calendar > table.body td.active { color:#000; background:#f6f6f6;}
.jui .calendar_wrap .calendar_area .calendar > table.body td.active:after {content:''; display:block; width:16px; height:15px; background:url("../img/ico_calendar_today.png") no-repeat 0 0; position:absolute; right:0px; top:0px;}
.jui .calendar_wrap .calendar_area .calendar > table.body td:hover:not(.active):not(.none):not(.now) {background:#f0f9fd;}
.jui .calendar_wrap .calendar_area .calendar > table.body td span {font-size:13px; display:block;}
.jui .calendar_wrap .calendar_area .calendar > table.body td .worker {box-sizing:border-box; position:absolute; left:7px; bottom:5px; display:block; padding-left:18px; min-height:15px; background:url("../img/ico_calendar_worker.png") no-repeat 0 center; color:#08bfcb; font-weight:bold; font-size:13px;}
.jui .calendar_wrap .calendar_area .calendar > table.body td .overwork {margin-top:5px;}

.jui .calendar_wrap1 {height:100%;}
.jui .calendar_wrap1 .calendar_area {box-sizing:border-box; overflow:hidden;}
.jui .calendar_wrap1 .calendar_area .calendar {box-sizing:border-box; margin-top:9px; background:#fff; padding-top:40px;}
.jui .calendar_wrap1 .calendar_area .calendar .head {height:40px; line-height:44px;}
.jui .calendar_wrap1 .calendar_area .calendar .head .title {color:#000; font-size:16px; font-weight:bold;}
.jui .calendar_wrap1 .calendar_area .calendar .head .prev {margin-bottom:-3px; margin-right:15px; width:20px; height:20px; overflow:hidden; background:url("../img/calendar_btn.png") no-repeat 0 0;}
.jui .calendar_wrap1 .calendar_area .calendar .head .next {margin-bottom:-3px; margin-left:15px; width:20px; height:20px; overflow:hidden; background:url("../img/calendar_btn.png") no-repeat -20px 0;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body {height:calc(100% - 100px);}
.jui .calendar_wrap1 .calendar_area .calendar > table.body th {background:#ebebeb; text-align:center; font-size:13px; font-weight:bold; color:#000; height:35px;border-color:#ddd; border-width:1px; border-bottom-width:0px; border-top-width:0px;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body th:first-child {border-left-width:0px;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body th:last-child {border-right-width:0px;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body td {border-color:#ddd; color:#000; font-size:13px;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body td:first-child {border-left-width:0px;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body td:last-child {border-right-width:0px;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body td.none {color:transparent;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body td.now {font-weight:normal; color:#000; background:#dfeff7;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body td.active { color:#000; background:#f6f6f6;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body td.active:after {content:''; display:block; width:16px; height:15px; background:url("../img/ico_calendar_today.png") no-repeat 0 0; position:absolute; right:0px; top:0px;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body td:hover:not(.active):not(.none):not(.now) {background:#f0f9fd;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body td span {font-size:13px; display:block;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body td .worker {box-sizing:border-box; position:absolute; left:7px; bottom:5px; display:block; padding-left:18px; min-height:15px; background:url("../img/ico_calendar_worker.png") no-repeat 0 center; color:#08bfcb; font-weight:bold; font-size:13px;}
.jui .calendar_wrap1 .calendar_area .calendar > table.body td .overwork {margin-top:5px;}


select {box-sizing:border-box; height:21px; line-height:17px; padding:0px 15px 2px 5px; color:#000; border:1px solid #707070; width:100%; background:#fff url("../img/select_arr_off.png") no-repeat right center; -webkit-appearance:none;-webkit-padding-start:4px;}
select[disabled] {background:#e5e5e5 url("../img/select_arr_off.png") no-repeat right center; color:#555;}
iframe {width:100%; height:100%; border:0px;}
select::-ms-expand {display: none;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	input[type*="checkbox"] {cursor:pointer; height:11px; margin-top:-3px;}
	input[type*="radio"] {cursor:pointer; height:11px; margin-top:-3px;}
	select {padding:0px 15px 2px 2px;}
}


/* basic-alink */
a {text-decoration:none;color:#000; outline:none;}
a:link {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:active {color:#000;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}

a.btn_ico_search {display:inline-block; box-sizing:border-box; width:21px; height:21px; border:1px solid #707070; border-radius:2px; background:url("../img/input_btn_search.png") no-repeat center center;}

:focus {outline:none;}

/* class css */
.color_08bfcb {color:#08bfcb;}
.color_ff9e48 {color:#ff9e48;}
.color_ffa454 {color:#ffa454;}
.color_f95e5e {color:#f95e5e;}
.color_ff71aa {color:#ff71aa;}
.color_32556b {color:#32556b;}

.tac {text-align:center !important;}
.essential {margin-right:3px; min-width:5px; min-height:5px; color:#00affe; background:url("../img/ico_essential.png") no-repeat center center; display:inline-block;}

/* layout */
.wrap {position:relative; overflow:hidden; min-width:1024px;height:auto !important}

/* header */
header {position:absolute; left:0px; top:0px; box-sizing:border-box; width:190px; height:100%; background:#015794;}
header .posco_enc_logo {height:90px;}
header .btn_toggle_header {z-index:100; display:block; position:absolute; right:-26px; top:0px; width:26px; height:50px; background:url("../img/btn_toggle_header_off.png") no-repeat center center;}
header .btn_toggle_header.on {background:url("../img/btn_toggle_header_on.png") no-repeat center center;}

header .gnb_wrap {height:calc(100% - 90px);}
header .gnb_wrap .gnb_area {}
header .gnb_wrap .gnb_area .gnb_list.dep01 {}
header .gnb_wrap .gnb_area .gnb_list.dep01 > li {}
header .gnb_wrap .gnb_area .gnb_list.dep01 > li.on,
header .gnb_wrap .gnb_area .gnb_list.dep01 > li:hover {background:#015794;}
header .gnb_wrap .gnb_area .gnb_list.dep01 > li > a {position:relative; display:block; height:17px; padding:9px 15px 10px 28px; margin:0 20px; font-size:14px; color:#fff; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
header .gnb_wrap .gnb_area .gnb_list.dep01 > li > a > img {position:absolute; left:0px; top:9px;}
header .gnb_wrap .gnb_area .gnb_list.dep01 > li.under_menu > a:after {content:''; display:block; width:10px; height:17px; padding:9px 0px 10px 0px; position:absolute; right:0px; top:0px; background:url("../img/btn_menu_arr_off.png") no-repeat center center;}
header .gnb_wrap .gnb_area .gnb_list.dep01 > li.under_menu.on > a:after {background:url("../img/btn_menu_arr_on.png") no-repeat center center;}
header .gnb_wrap .gnb_area .gnb_list.dep01 .dep02 {display:none; background:#d7e2e8; box-shadow:0 3px 10px #acb5ba inset; padding:5px 0;}
header .gnb_wrap .gnb_area .gnb_list.dep01 .dep02 > li {padding:0 35px;}
header .gnb_wrap .gnb_area .gnb_list.dep01 .dep02 > li > a {position:relative; display:inline-block; font-size:13px; color:#000; padding:6px 0px 5px 13px; background:url("../img/ico_dep02_menu.png") no-repeat 0 center; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
header .gnb_wrap .gnb_area .gnb_list.dep01 .dep02 > li > a:after {content:''; position:absolute; right:0; bottom:0px; left:13px; border-bottom:1px solid #015794; width:0; transform:scaleX(0); transform-origin:left; transition:transform 0.3s cubic-bezier(0.770, 0, 0.175, 1);}
header .gnb_wrap .gnb_area .gnb_list.dep01 .dep02 > li.on > a,
header .gnb_wrap .gnb_area .gnb_list.dep01 .dep02 > li > a:hover {color:#015794; font-weight:bold;}
header .gnb_wrap .gnb_area .gnb_list.dep01 .dep02 > li.on > a:after,
header .gnb_wrap .gnb_area .gnb_list.dep01 .dep02 > li > a:hover:after {transform:scaleX(1);  width:calc(100% - 13px);}
header .gnb_wrap .mCSB_scrollTools {width:4px;}
header .gnb_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:4px;}


/* contents area */
.container {box-sizing:border-box; width:100%; height:100%; padding-left:190px;}
.container .contents_wrap {box-sizing:border-box; height:calc(100% - 51px); padding:15px 20px 0px 20px; overflow:auto; background:#f6f6ff;}
.container .contents_wrap .contents_area {margin-top:13px;}
.container .contents_wrap.main_contents_wrap {padding:0; background:#fff;}

/* top search area */
.top_search_wrap {height:50px; border-bottom:1px solid #e8e8e8; padding:0 10px 0 45px; box-shadow:0 0 5px #ccc; position:relative;}
.top_search_wrap label {display:block; float:left; line-height:48px; font-weight:bold;}
.top_search_wrap .select_area {float:left; margin:15px 0 0 10px;}
.top_search_wrap label:first-child,
.top_search_wrap .select_area:first-child {margin-left:0px;}

.top_search_wrap .real_time {float:left; margin-left:22px; padding-left:18px; line-height:48px; color:#666; background:url("../img/ico_real_time.png") no-repeat 0 center;}

.top_search_wrap .login_info_area {float:right; height:17px; padding:16px 0 17px 26px; background:url("../img/ico_login_info.png") no-repeat 0 center; overflow:hidden;}
.top_search_wrap .login_info_area a {font-weight:bold; color:#000; line-height:17px; padding-right:20px; background:url("../img/ico_login_info_arr_off.png") no-repeat right 6px; display:block; float:left;}
.top_search_wrap .login_info_area a.on {background:url("../img/ico_login_info_arr_on.png") no-repeat right 6px;}
.top_search_wrap .login_info_area a.btn_logout {background:none; margin:-4px 0 0 10px; padding:0px;}

.top_search_wrap .login_info_box {z-index:100; display:none; position:absolute; right:43px; top:32px; background:#fff; padding:4px 17px 5px 10px; border:1px solid #c7c7c7;}
.top_search_wrap .login_info_box a {display:block; line-height:1.8; position:relative;}
.top_search_wrap .login_info_box a.on {color:#015794; padding-right:8px; background:url("../img/ico_login_arr.png") no-repeat right center;}
.top_search_wrap .login_info_box a:after {content:''; position:absolute; right:0; bottom:0px; left:0px; border-bottom:1px solid #87afc6; width:0; transform:scaleX(0); transform-origin:left; transition:transform 0.3s cubic-bezier(0.770, 0, 0.175, 1);}
.top_search_wrap .login_info_box a:hover {color:#015794;}
.top_search_wrap .login_info_box a:hover:after {transform:scaleX(1);  width:calc(100% - 8px);}
.top_search_wrap .login_info_box a.on:after {transform:scaleX(1);  width:calc(100% - 8px);}

.top_search_wrap .pass_info_area {float:right; height:17px; padding:16px 30px 17px 26px; overflow:hidden;}
.top_search_wrap .pass_info_area a {font-weight:bold; color:#000; line-height:17px; padding-right:20px; background:url("../img/ico_login_info_arr_off.png") no-repeat right 6px; display:block; float:left;}
.top_search_wrap .pass_info_area a.on {background:url("../img/ico_login_info_arr_on.png") no-repeat right 6px;}
.top_search_wrap .pass_info_area a.btn_logout {background:none; margin:-4px 0 0 10px; padding:0px;}


.pass_info_box {display: none; position: absolute; top: 54px; left: -67px; width: 200px; padding: 10px 17px; background: #fff; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box;z-index:20; line-height:1.5;}
.pass_info_box .passTit{ margin-bottom:10px; color:#666;}
.pass_info_box .passipBox{margin-bottom:5px;}
.pass_info_box .passipBox input{height:32px; line-height:32px; font-weight:400;}
.pass_info_box .passBtn{text-align:center; margin-top:10px;}
.pass_info_box .passBtn button, .pass_info_box .passBtn a{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    background: #015794;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    font-weight:400;
    vertical-align : middle;
}
.pass_info_box .passBtn a.passCh{background:#ddd; color:#666;}

.period_bar_wrap:first-child {margin-left:0px;}
.period_bar_wrap:after {content:''; display:block; clear:both;}
.period_bar_wrap .start_day {float:left; margin-top:1px;width:20%;font-size:16px;}
.period_bar_wrap .complete_day {float:left; margin-top:1px;width:18%;font-size:16px;}
.period_bar_wrap .period_bar_area {float:left;position:relative; width:60%; height:20px;}
.period_bar_wrap .period_bar_area:before {content:''; background:#c0c0c0; height:5px; width:100%; position:absolute; top:50%; margin-top:0px; margin-left:-50%;}
.period_bar_wrap .period_bar_area .period_bar {position:absolute; left:0px; box-sizing:border-box; height:20px; background:#ff8040; padding:1px 20px; border-radius:18px; font-weight:bold; color:#ffff00; margin-left:-25px;font-size:16px;}
.period_bar_wrap .period_bar_area .period_bar_old {background:#56aaff; height:5px; position:absolute; top:50%; margin-top:0px;}


/* main contents */
.main_contents_2area {padding:10px;}
.main_contents_2area .grid {min-height:50px; margin-left:-5px;}
.main_contents_2area .grid:after {content:''; display:block; clear:both;}
.main_contents_2area .grid-item {float: left; box-sizing:border-box; width:calc(50% - 15px); margin-left:10px; min-height:50px; margin-bottom:10px; border-radius:4px; box-shadow:1px 2px 6px #ccc;}
.main_contents_2area .grid-sizer {box-sizing:border-box; width:50%;}
.main_contents_2area .grid-item.ui-draggable-dragging,
.main_contents_2area .grid-item.is-positioning-post-drag {opacity:0.3; z-index:2;}
.main_contents_2area .packery-drop-placeholder {outline:3px dashed hsla(0, 0%, 0%, 0.5); outline-offset: -6px; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; }
.main_contents_2area .grid-item.box_color01 {background:#d7e4f0;}
.main_contents_2area .grid-item.box_color02 {background:#e2ead1;}
.main_contents_2area .grid-item.box_color03 {background:#ede0eb;}
.main_contents_2area .grid-item .portlet_title_area {position:relative;}
.main_contents_2area .grid-item .portlet_title_area .portlet_title {box-sizing:border-box; height:34px; padding:8px 14px; font-size:14px; font-weight:bold; cursor:move;}
.main_contents_2area .grid-item .portlet_title_area .btn_more {position:absolute; right:14px; top:50%; margin-top:-7px; width:14px; height:14px; background:url("../img/portlet_btn_more.png") no-repeat center center;}
.main_contents_2area .grid-item .portlet_contents_area {background:#fff; min-height:150px;}

/* main contents */
.main_contents_3area {padding:10px;height:auto;}
.main_contents_3area .grid {min-height:50px; margin-left:-5px;}
.main_contents_3area .grid:after {content:''; display:block; clear:both;}
.main_contents_3area .grid-item {float: left; box-sizing:border-box; width:calc(100% - 10px); margin-left:5px; min-height:50px; margin-bottom:10px; border-radius:4px; box-shadow:1px 2px 6px #ccc;}
.main_contents_3area .grid-sizer {box-sizing:border-box; width:100%;}
.main_contents_3area .grid-item.ui-draggable-dragging,
.main_contents_3area .grid-item.is-positioning-post-drag {opacity:0.3; z-index:2;}
.main_contents_3area .packery-drop-placeholder {outline:3px dashed hsla(0, 0%, 0%, 0.5); outline-offset: -6px; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; }
.main_contents_3area .grid-item.box_color01 {background:#d7e4f0;}
.main_contents_3area .grid-item.box_color02 {background:#e2ead1;}
.main_contents_3area .grid-item.box_color03 {background:#ede0eb;}
.main_contents_3area .grid-item .portlet_title_area {position:relative;}
.main_contents_3area .grid-item .portlet_title_area .portlet_title {box-sizing:border-box; height:34px; padding:8px 14px; font-size:14px; font-weight:bold; cursor:move;}
.main_contents_3area .grid-item .portlet_title_area .btn_more {position:absolute; right:14px; top:50%; margin-top:-7px; width:14px; height:14px; background:url("../img/portlet_btn_more.png") no-repeat center center;}
.main_contents_3area .grid-item .portlet_contents_area {background:#fff; min-height:100px;}

/* 출입현황 */

/* 원형 차트 */
@keyframes spin {to {transform: rotate(180deg);}}
@keyframes background01 {50% {background-color:#000;}}
@keyframes background01 {50% {background-color:#16cfdb;}}
@keyframes background02 {50% {background-color:#ff799f;}}
@keyframes background03 {50% {background-color:#58778a;}}

/* 안전알림현황 */
.safety_alerts_area {}
.safety_alerts_area .safety_alerts_sm {padding:20px 20px 15px 20px;}
.safety_alerts_area .safety_alerts_sm .alerts_list {overflow:hidden;}
.safety_alerts_area .safety_alerts_sm .alerts_list li {float:left; margin-right:25px; margin-bottom:5px; line-height:24px; position:relative; min-height:26px;}
.safety_alerts_area .safety_alerts_sm .alerts_list li:last-child {margin-right:0px;}
.safety_alerts_area .safety_alerts_sm .alerts_list li:before {position:absolute; left:0px; top:0px; display:block; width:26px; height:26px; border-radius:100%; text-align:center; font-size:14px; color:#fff; font-weight:bold; margin-right:5px; line-height:24px;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_i {padding-left:32px;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_i:before {content:'i'; background:#16cfdb; font-size:16px;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_i span {color:#08bfcb;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_a {padding-left:32px;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_a:before {content:'A'; background:#ffb04b;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_a span {color:#ffa454;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_w {padding-left:32px;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_w:before {content:'W'; background:#f95e5e;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_w span {color:#f95e5e;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_s {padding-left:32px;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_s:before {content:'S'; background:#ff71aa;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_s span {color:#ff71aa;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_c {padding-left:32px;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_c:before {content:'C'; background:#f93a87;}
.safety_alerts_area .safety_alerts_sm .alerts_list li.alerts_c span {color:#f93a87;}

.safety_alerts_area .safety_alerts_sm .alerts_list li.call span {color:#ff71aa;}
.safety_alerts_area .safety_alerts_sm .risk_list {overflow:hidden; margin-top:5px;}
.safety_alerts_area .safety_alerts_sm .risk_list dt {float:left; font-weight:bold; width:45px;}
.safety_alerts_area .safety_alerts_sm .risk_list dd {float:left; width:calc(100% - 45px);}
.safety_alerts_area .safety_alerts_sm .risk_list dd ul {overflow:hidden;}
.safety_alerts_area .safety_alerts_sm .risk_list dd ul li {float:left; position:relative; padding-right:11px; margin-right:10px; margin-bottom:5px;}
.safety_alerts_area .safety_alerts_sm .risk_list dd ul li:after {position:absolute; right:0px; top:2px; display:block; content:''; border-right:1px solid #ccc; height:12px;}
.safety_alerts_area .safety_alerts_sm .risk_list dd ul li:last-child {padding-right:0px; margin-right:0px;}
.safety_alerts_area .safety_alerts_sm .risk_list dd ul li:last-child:after {display:none;}
.safety_alerts_area .safety_alerts_list {box-sizing:border-box; border-top:1px solid #eee; position:relative; min-height:100px; height:auto;}
.safety_alerts_area .safety_alerts_list:before {display:block; content:''; border-left:2px solid #eee; height:100%; position:absolute; left:42px; top:0px;}
.safety_alerts_area .safety_alerts_list li {position:relative; padding:10px 80px 10px 69px; color:#999;}
.safety_alerts_area .safety_alerts_list li:first-child {padding-top:19px;}
.safety_alerts_area .safety_alerts_list li:last-child {padding-bottom:25px;}
.safety_alerts_area .safety_alerts_list li .date {}
.safety_alerts_area .safety_alerts_list li .alert_txt {padding-right:55px; position:relative; display:inline-block; box-sizing:border-box; max-width:100%; min-height:19px; margin-top:4px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.safety_alerts_area .safety_alerts_list li .alert_txt:after {content:'미조치'; display:block; position:absolute; right:0px; top:0px; padding:0px 5px 2px 5px; border:1px solid #f24444; color:#f24444; font-size:13px;}
.safety_alerts_area .safety_alerts_list li.complete .alert_txt {padding-right:45px;}
.safety_alerts_area .safety_alerts_list li.complete .alert_txt:after {content:'완료'; color:#3b7df4; border:1px solid #3b7df4;}
.safety_alerts_area .safety_alerts_list li .alert_txt strong {font-weight:bold;}
.safety_alerts_area .safety_alerts_list li .name {margin-top:5px;}

.safety_alerts_area .safety_alerts_list li:first-child:before {top:21px;}
.safety_alerts_area .safety_alerts_list li:hover {background:#f2e9f1;}
.safety_alerts_area .safety_alerts_list li .btn_alert_more {display:none; position:absolute; right:30px; top:50%; margin-top:-14px; }
.safety_alerts_area .safety_alerts_list li:hover .btn_alert_more {display:block;}
.safety_alerts_area .safety_alerts_list li.on,
.safety_alerts_area .safety_alerts_list li:hover {color:#000;}
.safety_alerts_area .safety_alerts_list li.on .name,
.safety_alerts_area .safety_alerts_list li:hover .name {color:#666;}

.safety_alerts_area .safety_alerts_list li:before {position:absolute; left:30px; top:12px; display:block; width:26px; height:26px; border-radius:100%; text-align:center; font-size:14px; color:#fff; font-weight:bold; margin-right:5px; line-height:24px; background:#ccc;}
.safety_alerts_area .safety_alerts_list li.alerts_i:before {content:'i'; font-size:16px;}
.safety_alerts_area .safety_alerts_list li.alerts_a:before {content:'A';}
.safety_alerts_area .safety_alerts_list li.alerts_w:before {content:'W';}
.safety_alerts_area .safety_alerts_list li.alerts_s:before {content:'S';}
.safety_alerts_area .safety_alerts_list li.alerts_c:before {content:'C';}
.safety_alerts_area .safety_alerts_list li.on.alerts_i:before,
.safety_alerts_area .safety_alerts_list li.alerts_i:hover:before {background:#16cfdb;}
.safety_alerts_area .safety_alerts_list li.on.alerts_a:before,
.safety_alerts_area .safety_alerts_list li.alerts_a:hover:before {background:#ffb04b;}
.safety_alerts_area .safety_alerts_list li.on.alerts_w:before,
.safety_alerts_area .safety_alerts_list li.alerts_w:hover:before {background:#f95e5e;}
.safety_alerts_area .safety_alerts_list li.on.alerts_s:before,
.safety_alerts_area .safety_alerts_list li.alerts_s:hover:before {background:#ff71aa;}
.safety_alerts_area .safety_alerts_list li.on.alerts_c:before,
.safety_alerts_area .safety_alerts_list li.alerts_c:hover:before {background:#f93a87;}



/* 안전상황알림 */
.safety_condition_area {padding:12px 14px 14px 14px;}
.safety_condition_area .condition_title {color:#666; padding-left:5px;}
/*.safety_condition_area .table_area {margin-top:14px;}*/
.safety_condition_area .table_area > table {width:100%; border:1px solid #eee;}
.safety_condition_area .table_area > table > thead {}
.safety_condition_area .table_area > table > thead > tr {}
.safety_condition_area .table_area > table > thead > tr > th {background:#e9e9e9; height:25px;}
.safety_condition_area .table_area > table > tbody {}
.safety_condition_area .table_area > table > tbody > tr {}
.safety_condition_area .table_area > table > tbody > tr > th {height:30px; padding:0 17px; background:#f6f6f6; text-align:left; border-top:1px solid #eee;}
.safety_condition_area .table_area > table > tbody > tr > td {height:30px; padding:0 15px; text-align:center; border-top:1px solid #eee;}
.safety_condition_area .table_area > table > tbody > tr > td .danger {font-weight:bold; color:#f24444;}
.safety_condition_area .table_area > table > tbody > tr > td .safety {font-weight:bold; color:#3b7df4;}
.safety_condition_area .table_area > table > tbody > tr > td .condition_bar_area {width:100%; background:#ff0202; height:15px;}
.safety_condition_area .table_area > table > tbody > tr > td .condition_bar_area .condition {background:#53a5f7; height:15px;}

/* 안전상황알림 */
.safety_condition_area1 {padding:12px 14px 14px 14px;}
.safety_condition_area1 .condition_title {color:#666; padding-left:5px;}
.safety_condition_area1 .table_area > table {width:100%; border:1px solid #eee;}
.safety_condition_area1 .table_area > table > thead {}
.safety_condition_area1 .table_area > table > thead > tr {}
.safety_condition_area1 .table_area > table > thead > tr > th {background:#e9e9e9; height:25px;}
.safety_condition_area1 .table_area > table > tbody {}
.safety_condition_area1 .table_area > table > tbody > tr {}
.safety_condition_area1 .table_area > table > tbody > tr > th {height:30px; padding:0 17px; background:#f6f6f6; text-align:left; border-top:1px solid #eee;}
.safety_condition_area1 .table_area > table > tbody > tr > td {height:30px; padding:0 15px; text-align:center; border-top:1px solid #eee;}
.safety_condition_area1 .table_area > table > tbody > tr > td .danger {font-weight:bold; color:#f24444;}
.safety_condition_area1 .table_area > table > tbody > tr > td .safety {font-weight:bold; color:#3b7df4;}
.safety_condition_area1 .table_area > table > tbody > tr > td .condition_bar_area {width:100%; background:#ff0202; height:6px;}
.safety_condition_area1 .table_area > table > tbody > tr > td .condition_bar_area .condition {background:#53a5f7; height:6px;}

/* 안전기기현황 */
.safety_device_area {padding:14px;}
.safety_device_area .table_area {}
.safety_device_area .table_area > table {width:100%; border:1px solid #eee;}
.safety_device_area .table_area > table > tbody {}
.safety_device_area .table_area > table > tbody > tr {}
.safety_device_area .table_area > table > tbody > tr > th {height:98px; background:#f6f6f6; text-align:center; border:1px solid #eee;}
.safety_device_area .table_area > table > tbody > tr > th span {display:block; margin-top:5px;}
.safety_device_area .table_area > table > tbody > tr > td {height:98px; padding:10px 10px; text-align:left; border:1px solid #eee;}
.safety_device_area .table_area > table > tbody > tr > td:hover {background:#eaefe0;}
.safety_device_area .table_area > table > tbody > tr > td .pic_area {float:left; padding-right:10px; width:65px; text-align:center;}
.safety_device_area .table_area > table > tbody > tr > td .device_info {float:left; width:calc(100% - 75px);}
.safety_device_area .table_area > table > tbody > tr > td .device_info .name {}
.safety_device_area .table_area > table > tbody > tr > td .device_info .num {color:#7c8d43; font-weight:bold; margin-top:5px;}
.safety_device_area .table_area > table > tbody > tr > td .management {color:#fff; font-weight:bold; text-align:center; overflow:hidden; margin-top:10px; float:left; min-width:113px; min-height:18px;}
.safety_device_area .table_area > table > tbody > tr > td .management .defect {float:left; background:#f24444; height:18px; padding:0 7px; border-radius:8px; margin-left:5px; line-height:16px;}
.safety_device_area .table_area > table > tbody > tr > td .management .defect:first-child {margin-left:0px;}
.safety_device_area .table_area > table > tbody > tr > td .management .check {float:left; background:#3b7df4; height:18px; padding:0 7px; border-radius:8px; margin-left:5px; line-height:16px;}
.safety_device_area .table_area > table > tbody > tr > td .management .check:first-child {margin-left:0px;}


/* location */
.location_area {position:relative;}
.location_area .location {overflow:hidden;}
.location_area .location li {float:left; color:#666; padding-left:15px; position:relative; margin-left:10px;}
.location_area .location li:after {content:''; display:block; width:5px; height:10px; position:absolute; left:0px; top:3px; background:url("../img/ico_location.png") no-repeat 0 0;}
.location_area .location li:last-child {font-weight:bold;}
.location_area .location li:first-child {padding-left:0px; margin-left:0px;}
.location_area .location li:first-child:after {display:none;}

.location_area .btn_area {position:absolute; right:0px; top:-3px;}
.location_area .btn_area:after {clear:both;content:"";display:block;}
.location_area .btn_area a {box-sizing:border-box; text-align:center; display:block; float:left; margin-left:5px; padding:4px 0;}
.location_area .btn_area a:first-child {margin-left:0px;}
.location_area .btn_area a.btn_search {background:#015794; color:#fff; width:70px; height:28px; border:1px solid #003b5e; padding:3px 0;}
.location_area .btn_area a.btn_approve {background:#015794; color:#fff; width:120px; height:23px; border:1px solid #003b5e; padding:3px 0;}
.location_area .btn_area a.btn_save {background:#ff8080; color:#fff; width:70px; height:28px; border:1px solid #ff0000; padding:3px 0;}
.location_area .btn_area a.excel_download {width:90px; height:28px; border:1px solid #ccc; background:#fff; padding:3px 0;}
.location_area .btn_area a.excel_download span {height:16px; display:inline-block; background:url("../img/ico_btn_excel.png") no-repeat 0 center; padding-left:21px;}

.top_btn .btn_area {position:absolute; right:0px;}
.top_btn .btn_area:after {clear:both;content:"";display:block;}
.top_btn .btn_area a {box-sizing:border-box; text-align:center; display:block; float:left; margin-left:5px; padding:4px 0;}
.top_btn .btn_area a:first-child {margin-left:0px;}
.top_btn .btn_area a.btn_search {background:#015794; color:#fff; width:60px; height:23px; border:1px solid #003b5e; padding:3px 0;}
.top_btn .btn_area a.btn_save {background:#ff8080; color:#fff; width:60px; height:23px; border:1px solid #003b5e; padding:3px 0;}

/* search area */
.search_wrap {background:#fff; padding:9px 0px 4px 10px; position:relative; margin-top:13px;}
.search_wrap:first-child {margin-top:0px;}
.search_wrap:after {clear:both;content:"";display:block;}
.search_wrap .search_area {display:block;margin:0px;padding:0px;border-spacing:0px;border-spacing:0px;border-collapse:collapse;}
.search_wrap .search_area .search_box {display:block; position:relative;}
.search_wrap .search_area .search_box:after { display:block;clear:both;content:''; }
.search_wrap .search_area .search_box label {display:inline-block;float:left;text-align:right; padding:3px 5px;border-bottom:0px solid rgba(0,0,0,0.1);vertical-align:middle;min-height:36px;line-height:30px;font-size:14px;box-sizing:border-box;cursor:default;}
.search_wrap .search_area .search_box label > .essential { margin-top:5px;vertical-align:top; }
.search_wrap .search_area .search_box .input_area {display:inline-block;float:left;padding:3px 5px;border-bottom:0px solid rgba(0,0,0,0.1);vertical-align:middle;min-height:36px;line-height:30px;font-size:14px;box-sizing:border-box;box-sizing:border-box;position:relative;}

.search_wrap .search_area .search_box .input_area input[type*="checkbox"] {margin-top:2px;}
.search_wrap .search_area .search_box .input_area input[type*="radio"] {margin-top:2px;}
.search_wrap .search_area .search_box .input_area label {width:auto; text-align:left;}
.search_wrap .search_area .search_box .input_area label input[type*="checkbox"] {margin-top:-2px;}
.search_wrap .search_area .search_box .input_area label input[type*="radio"] {margin-top:-2px;}
.search_wrap .search_area .search_box .input_area.time_input label {margin-left:5px;}
.search_wrap .search_area .search_box .input_area.time_input label input[type*="text"] {width:35.4px; text-align:center;}
.search_wrap .search_area .search_box .input_area:first-child {margin-left:0;}
.search_wrap .search_area .search_box .input_area:nth-child(2) {margin-left:5px;}

.search_wrap .search_area .search_box .input_area input[type=date],
.search_wrap .search_area .search_box .input_area input[type=time],
.search_wrap .search_area .search_box .input_area input[type=number],
.search_wrap .search_area .search_box .input_area input[type=text] { display:block;line-height:30px;height:30px;border:1px solid #aaa;font-size:14px;background:#fff;padding:0px 10px; border-radius: 4px !important;}
.search_wrap .search_area .search_box .input_area .input_btn_search { width:30px;height:30px;background-position:center;top:50%; transform:translateY(-50%);  right:5px; }
.search_wrap .search_area .search_box .input_area .input_btn_reset { width:30px;height:30px;background-position:center;top:50%; transform:translateY(-50%);  right:5px; }
.search_wrap .search_area .search_box .input_area.input_calendar .btn { font-size:14px;width:30px;height:30px;line-height:30px;text-align:center;background-position:center;top:0px;right:0px;border:0px;padding:0px;background: transparent; }
.search_wrap .search_area .search_box .input_area.input_calendar .btn > [class*="icon-"] { line-height:30px; }
.search_wrap .search_area .search_box .input_area > select { border:1px solid #aaa; }
.search_wrap .search_area .search_box .input_area .btn_search { width:auto;height:24px;line-height:24px;background-position:center;top:3px;right:3px;position:absolute;background:#999;padding:0 10px;font-size:14px;color:#fff; }

.search_wrap .search_area .search_box .dash {float:left; line-height:21px; margin-left:2px; width:10px; text-align:center;}
.search_wrap .search_area .search_box .select_area {display:inline-block;float:left;padding:3px 5px;border-bottom:0px solid rgba(0,0,0,0.1);vertical-align:middle;height:30px;font-size:14px;}
.search_wrap .search_area .search_box .select_area:first-child {margin-left:0;}
.search_wrap .search_area .search_box .select_area:nth-child(2) {margin-left:5px;}
.search_wrap .search_area .search_box label.line_label {padding-right:6px; background:url("../img/ico_line_label.png") no-repeat right 6px;}


.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area {float:left; margin-left:5px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area > select { border:1px solid #aaa; }
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area:first-child {margin-left:0px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area input[type=date],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area input[type=time],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area input[type=number],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area input[type=text] { line-height:30px;height:30px;border:1px solid #aaa;font-size:14px;background:#fff;padding:0px 10px; border-radius: 4px !important;}

/* 그리드 영역 */
.grid_wrap {height:100%; box-sizing:border-box;}
.grid_wrap .grid_top_con {padding-bottom:9px;}
.grid_top_con2 {margin-left:10px; margin-top:7px; display:inline-block}
.grid_top_con2.type2{margin-left:0;}
.grid_top_con2 .grid_total_area {}
.grid_top_con2 .grid_total_area:after {clear:both;content:"";display:block;}
.grid_top_con2 .grid_total_area > div {float:left; box-sizing:border-box; font-size:12px;}
.grid_top_con2 .grid_total_area > div:first-child {margin-left:0px !important;}
.grid_top_con2 .grid_total_area > div span {font-weight:bold;}
.grid_top_con2 .grid_total_area > div.total {height:22px; padding:0 7px; margin-left:5px; border-radius:10px; border:1px solid #ddd; background:#fff; line-height:18px;}
.grid_top_con2 .grid_total_area > div.total span {color:#000;}
.grid_top_con2 .grid_total_area > div.regular {height:22px; padding:0 7px; margin-left:5px; border-radius:10px; border:1px solid #ddd; background:#fff; line-height:18px;}
.grid_top_con2 .grid_total_area > div.regular span {color:#08bfcb;}
.grid_top_con2 .grid_total_area > div.temporary {height:22px; padding:0 7px; margin-left:5px; border-radius:10px; border:1px solid #ddd; background:#fff; line-height:18px;}
.grid_top_con2 .grid_total_area > div.temporary span {color:#08bfcb;}
.grid_top_con2 .grid_total_area > div.new {height:22px; padding:0 7px; margin-left:5px; border-radius:10px; border:1px solid #ddd; background:#fff; line-height:18px;}
.grid_top_con2 .grid_total_area > div.new span {color:#ff9e48;}
.grid_top_con2 .grid_total_area > div.off {height:22px; padding:0 7px; margin-left:5px; border-radius:10px; border:1px solid #ddd; background:#fff; line-height:18px;}
.grid_top_con2 .grid_total_area > div.off span {color:#32556b;}

.grid_top_con2 .grid_total_area > div.alerts_i {position:relative; height:26px; padding-left:32px; margin-left:25px;}
.grid_top_con2 .grid_total_area > div.alerts_i:before {content:'i'; background:#16cfdb; position:absolute; left:0px; top:0px; display:block; width:26px; height:26px; border-radius:100%; text-align:center; font-size:14px; color:#fff; font-weight:bold; margin-right:5px; line-height:24px;}
.grid_top_con2 .grid_total_area > div.alerts_i span {line-height:24px; color:#16cfdb;}
.grid_top_con2 .grid_total_area > div.alerts_a {position:relative; height:26px; padding-left:32px; margin-left:25px;}
.grid_top_con2 .grid_total_area > div.alerts_a:before {content:'A'; background:#ffb04b; position:absolute; left:0px; top:0px; display:block; width:26px; height:26px; border-radius:100%; text-align:center; font-size:14px; color:#fff; font-weight:bold; margin-right:5px; line-height:24px;}
.grid_top_con2 .grid_total_area > div.alerts_a span {line-height:24px; color:#ffb04b;}
.grid_top_con2 .grid_total_area > div.alerts_w {position:relative; height:26px; padding-left:32px; margin-left:25px;}
.grid_top_con2 .grid_total_area > div.alerts_w:before {content:'W'; background:#f95e5e; position:absolute; left:0px; top:0px; display:block; width:26px; height:26px; border-radius:100%; text-align:center; font-size:14px; color:#fff; font-weight:bold; margin-right:5px; line-height:24px;}
.grid_top_con2 .grid_total_area > div.alerts_w span {line-height:24px; color:#f95e5e;}
.grid_top_con2 .grid_total_area > div.alerts_s {position:relative; height:26px; padding-left:32px; margin-left:25px;}
.grid_top_con2 .grid_total_area > div.alerts_s:before {content:'S'; background:#ff71aa; position:absolute; left:0px; top:0px; display:block; width:26px; height:26px; border-radius:100%; text-align:center; font-size:14px; color:#fff; font-weight:bold; margin-right:5px; line-height:24px;}
.grid_top_con2 .grid_total_area > div.alerts_s span {line-height:24px; color:#ff71aa;}


/* 그리드 토탈 */
.grid_top_con .grid_total_area {}
.grid_top_con .grid_total_area:after {clear:both;content:"";display:block;}
.grid_top_con .grid_total_area > div {float:left; box-sizing:border-box;}
.grid_top_con .grid_total_area > div:first-child {margin-left:0px !important;}
.grid_top_con .grid_total_area > div span {font-weight:bold;}
.grid_top_con .grid_total_area > div.total {height:22px; padding:0 7px; margin-left:5px; border-radius:10px; border:1px solid #ddd; background:#fff; line-height:18px;}
.grid_top_con .grid_total_area > div.total span {color:#000;}
.grid_top_con .grid_total_area > div.regular {height:22px; padding:0 7px; margin-left:5px; border-radius:10px; border:1px solid #ddd; background:#fff; line-height:18px;}
.grid_top_con .grid_total_area > div.regular span {color:#08bfcb;}
.grid_top_con .grid_total_area > div.temporary {height:22px; padding:0 7px; margin-left:5px; border-radius:10px; border:1px solid #ddd; background:#fff; line-height:18px;}
.grid_top_con .grid_total_area > div.temporary span {color:#08bfcb;}
.grid_top_con .grid_total_area > div.new {height:22px; padding:0 7px; margin-left:5px; border-radius:10px; border:1px solid #ddd; background:#fff; line-height:18px;}
.grid_top_con .grid_total_area > div.new span {color:#ff9e48;}
.grid_top_con .grid_total_area > div.off {height:22px; padding:0 7px; margin-left:5px; border-radius:10px; border:1px solid #ddd; background:#fff; line-height:18px;}
.grid_top_con .grid_total_area > div.off span {color:#32556b;}

.grid_top_con .grid_total_area > div.alerts_i {position:relative; height:26px; padding-left:32px; margin-left:25px;}
.grid_top_con .grid_total_area > div.alerts_i:before {content:'i'; background:#16cfdb; position:absolute; left:0px; top:0px; display:block; width:26px; height:26px; border-radius:100%; text-align:center; font-size:14px; color:#fff; font-weight:bold; margin-right:5px; line-height:24px;}
.grid_top_con .grid_total_area > div.alerts_i span {line-height:24px; color:#16cfdb;}
.grid_top_con .grid_total_area > div.alerts_a {position:relative; height:26px; padding-left:32px; margin-left:25px;}
.grid_top_con .grid_total_area > div.alerts_a:before {content:'A'; background:#ffb04b; position:absolute; left:0px; top:0px; display:block; width:26px; height:26px; border-radius:100%; text-align:center; font-size:14px; color:#fff; font-weight:bold; margin-right:5px; line-height:24px;}
.grid_top_con .grid_total_area > div.alerts_a span {line-height:24px; color:#ffb04b;}
.grid_top_con .grid_total_area > div.alerts_w {position:relative; height:26px; padding-left:32px; margin-left:25px;}
.grid_top_con .grid_total_area > div.alerts_w:before {content:'W'; background:#f95e5e; position:absolute; left:0px; top:0px; display:block; width:26px; height:26px; border-radius:100%; text-align:center; font-size:14px; color:#fff; font-weight:bold; margin-right:5px; line-height:24px;}
.grid_top_con .grid_total_area > div.alerts_w span {line-height:24px; color:#f95e5e;}
.grid_top_con .grid_total_area > div.alerts_s {position:relative; height:26px; padding-left:32px; margin-left:25px;}
.grid_top_con .grid_total_area > div.alerts_s:before {content:'S'; background:#ff71aa; position:absolute; left:0px; top:0px; display:block; width:26px; height:26px; border-radius:100%; text-align:center; font-size:14px; color:#fff; font-weight:bold; margin-right:5px; line-height:24px;}
.grid_top_con .grid_total_area > div.alerts_s span {line-height:24px; color:#ff71aa;}


/* 탭 컨텐츠 */
.tab_list_wrap {padding:7px 61px 2px 60px; position:relative; background:#fff;}
.tab_list_wrap .tab_list_slide {overflow:hidden; height:31px;}
.tab_list_wrap .tab_list_slide .tab_list {width:99999px;}
.tab_list_wrap .tab_list_slide .tab_list:after {clear:both;content:"";display:block;}
.tab_list_wrap .tab_list_slide .tab_list li {float:left; position:relative; box-sizing:border-box; background:#959595; width:112px; border:1px solid #737373; margin-left:1px;}
.tab_list_wrap .tab_list_slide .tab_list li a {display:block; box-sizing:border-box; padding:4px 0 6px 0; color:#fff; text-align:center;}
.tab_list_wrap .tab_list_slide .tab_list li.on {background:#5493c5; border:1px solid #3b6b91;}
.tab_list_wrap .tab_list_slide .tab_list li.on:after {content:''; display:block; position:absolute; bottom:-6px; left:50%; margin-left:-6px; width:12px; height:6px; background:url("../img/ico_tab_slide_on.png") no-repeat 0 0;}
.tab_list_wrap .tab_list_slide .tab_list li.on a {}
.tab_list_wrap .tab_list_prev {position:absolute; left:39px; top:10px; width:20px; height:20px; background:url("../img/btn_tab_slide.png") no-repeat 0 0;}
.tab_list_wrap .tab_list_next {position:absolute; right:39px; top:10px; width:20px; height:20px; background:url("../img/btn_tab_slide.png") no-repeat -20px 0;}
.tab_list_wrap .tab_list_first {position:absolute; left:18px; top:10px; width:20px; height:20px; background:url("../img/btn_tab_slide.png") no-repeat 0 -40px;}
.tab_list_wrap .tab_list_last {position:absolute; right:18px; top:10px; width:20px; height:20px; background:url("../img/btn_tab_slide.png") no-repeat -20px -40px;}
.tab_list_wrap .tab_list_prev.on {background:url("../img/btn_tab_slide.png") no-repeat 0 -20px;}
.tab_list_wrap .tab_list_next.on {background:url("../img/btn_tab_slide.png") no-repeat -20px -20px;}
.tab_list_wrap .tab_list_first.on {background:url("../img/btn_tab_slide.png") no-repeat 0 -60px;}
.tab_list_wrap .tab_list_last.on {background:url("../img/btn_tab_slide.png") no-repeat -20px -60px;}

/* 작업구역 */
.work_zone_wrap {height:100%;}
.work_zone_wrap .work_zone_top_con {padding-top:1px;}


.work_zone_wrap .work_zone_top_con .work_zone_total_area {overflow:hidden; margin-top:9px;}
.work_zone_wrap .work_zone_top_con .work_zone_total_area .work_zone_total_tit {float:left; font-size:14px; font-weight:bold; margin-top:4px;}
.work_zone_wrap .work_zone_top_con .work_zone_total_area .work_zone_total_tit.sub_tit {font-size:13px;}
.work_zone_wrap .work_zone_top_con .work_zone_total_area .work_zone_total_tit img {margin-top:3px;}
.work_zone_wrap .work_zone_top_con .work_zone_total_area .work_zone_total_tit span {display:inline-block; margin-left:10px; padding-left:11px; position:relative;}
.work_zone_wrap .work_zone_top_con .work_zone_total_area .work_zone_total_tit span:before {position:absolute; left:0px; top:4px; content:''; height:12px; border-left:1px solid #ccc;}

.work_zone_wrap .work_zone_top_con .work_zone_total_area .work_zone_total {float:right;}
.work_zone_wrap .work_zone_top_con .work_zone_total_area .work_zone_total:after {clear:both;content:"";display:block;}
.work_zone_wrap .work_zone_top_con .work_zone_total_area .work_zone_total > div {float:left; box-sizing:border-box; height:22px; padding:0 7px; margin-left:5px; border-radius:10px; border:1px solid #ddd; background:#fff; line-height:18px;}
.work_zone_wrap .work_zone_top_con .work_zone_total_area .work_zone_total > div:first-child {margin-left:0px !important;}
.work_zone_wrap .work_zone_top_con .work_zone_total_area .work_zone_total > div span {font-weight:bold; color:#08bfcb;}
.work_zone_wrap .work_zone_top_con .work_zone_total_area .work_zone_total > .btn_refresh {display:block; float:left; height:22px; padding:0 0 0 17px; margin-left:5px; line-height:20px; background:url("../img/btn_refresh.png") no-repeat 0 center;}

.work_zone_wrap .work_zone_top_con .table_area {margin-top:10px;}
.work_zone_wrap .work_zone_top_con .table_area > table {width:100%;}
.work_zone_wrap .work_zone_top_con .table_area > table > tbody {}
.work_zone_wrap .work_zone_top_con .table_area > table > tbody > tr {}
.work_zone_wrap .work_zone_top_con .table_area > table > tbody > tr > th {background:#ebebeb; border-top:1px solid #ddd; padding:0 10px; text-align:right; font-weight:bold;}
.work_zone_wrap .work_zone_top_con .table_area > table > tbody > tr > td {background:#fff; border-top:1px solid #ddd; padding:0 10px; height:33px; line-height:31px;}
.work_zone_wrap .work_zone_top_con .table_area > table > tbody > tr:first-child th,
.work_zone_wrap .work_zone_top_con .table_area > table > tbody > tr:first-child td {border-top:0px;}
.work_zone_wrap .work_zone_top_con .table_area .btn_ico_search {line-height:0px; float:right; margin-top:5px;}


.work_zone_wrap .work_zone_top_con .table_area.tb_width {margin-top:5px;}
.work_zone_wrap .work_zone_top_con .table_area.tb_width > table > thead {}
.work_zone_wrap .work_zone_top_con .table_area.tb_width > table > thead > tr {}
.work_zone_wrap .work_zone_top_con .table_area.tb_width > table > thead > tr > th {border-left:1px solid #ddd; background:#ebebeb; text-align:center; height:35px; font-weight:bold;}
.work_zone_wrap .work_zone_top_con .table_area.tb_width > table > thead > tr > th:first-child {border-left:0px;}
.work_zone_wrap .work_zone_top_con .table_area.tb_width > table > tbody > tr > td {border-left:1px solid #ddd;}
.work_zone_wrap .work_zone_top_con .table_area.tb_width > table > tbody > tr > td:first-child {border-left:0px;}
.work_zone_wrap .work_zone_top_con .table_area.tb_width > table > tbody > tr > td .safety {display:block; text-align:center; font-size:16px; font-weight:bold; color:#57aeff;}

.work_zone_wrap .work_zone_top_con .table_area.tb_width > table > tbody > tr > td .alert {display:block; text-align:center; font-size:16px; font-weight:bold; color:#ffc22e;}
.work_zone_wrap .work_zone_top_con .table_area.tb_width > table > tbody > tr > td .warning {display:block; text-align:center; font-size:16px; font-weight:bold; color:#ff5555;}


.work_zone_wrap .work_zone_top_con .device_info_area {margin-top:10px;}
.work_zone_wrap .work_zone_top_con .device_info_area:after {clear:both;content:"";display:block;}
.work_zone_wrap .work_zone_top_con .device_info_area .device_img {float:left; width:90px; min-height:101px; box-sizing:border-box; padding-top:5px; position:relative; text-align:center;}
.work_zone_wrap .work_zone_top_con .device_info_area .device_img span.tag {display:block; position:absolute; left:50%; bottom:5px; margin-left:-20px; width:40px; padding:0 0 2px 0; border:1px solid #3b7df4; color:#3b7df4; text-align:center;}
.work_zone_wrap .work_zone_top_con .device_info_area .table_area {float:left; width:calc(50% - 90px); box-sizing:border-box; margin:0px;}


/* jsgrid custom */
.grid_area .hide {display:none;}

.jsgrid-grid-header {overflow:hidden;}
.jsgrid-header-row > .jsgrid-header-cell {background:#ebebeb; font-weight:bold; color:#000;}

.jsgrid-header-cell {padding:5px 10px 6px 10px;}
.jsgrid-cell {padding:6px 10px 7px 10px;}

.jsgrid-grid-header,
.jsgrid-grid-body,
.jsgrid-header-row > .jsgrid-header-cell,
.jsgrid-filter-row > .jsgrid-cell,
.jsgrid-insert-row > .jsgrid-cell,
.jsgrid-edit-row > .jsgrid-cell {border-color:#ddd; border-top:0px; border-bottom:0px;}

.jsgrid-grid-header,
.jsgrid-grid-body {border-left:0px; border-right:0px;}
.jsgrid-alt-row > .jsgrid-cell {background:#f5fafc;}
.jsgrid-cell {border-color:#ddd; border-top:0px; border-bottom:0px;}
.jsgrid-selected-row > .jsgrid-cell {background: #dfeff7;border-color: #ddd;}

.jsgrid-filter-row input, .jsgrid-filter-row textarea, .jsgrid-filter-row select, .jsgrid-edit-row input, .jsgrid-edit-row textarea, .jsgrid-edit-row select, .jsgrid-insert-row input, .jsgrid-insert-row textarea, .jsgrid-insert-row select {padding:0px 15px 2px 5px;}


/* layer popup */
.popup_dim { overflow:auto; position:fixed; left:0px; top:0px; width:100%; height:100%; min-width:1000px; min-height:550px;
    opacity:0; display:none; z-index:500; background:rgba(0,0,0,0.6); }
.popup_dim::-webkit-scrollbar { width:3px; height:3px; }
.popup_dim::-webkit-scrollbar-thumb { border-radius:10px; background:#999; }
.popup_dim::-webkit-scrollbar-track { background:transparent; }
.popup_wrap { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); height:auto !important;
    display:none; opacity:0; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); }
.popup_wrap.tras_no { -ms-transform:none; -webkit-transform:none; -moz-transform:none; transform:none; }

.popup_top_area {overflow:hidden; position:relative; background:#015794;}
.popup_top_area .popup_title {font-weight:bold; font-size:18px;line-height:24px; padding:12px 20px; color:#fff; cursor:move;font-weight:500;}
.popup_top_area .popup_title .real_time {font-size:13px; color:#666; margin-left:8px; color:#fff;}
.popup_top_area .btn_popup_close {position:absolute; right:20px; top:50%; margin-top:-7px;}
.popup_top_area .btn_popup_close1 {position:absolute; right:20px; top:50%; margin-top:-7px;}

.popup_contents {padding:15px 20px 15px 20px; border-top:1px solid #e0e0e0; background:#f6f6f6;}
.popup_contents.dashboard{background: #fff}
.popup_contents .popup_top_btn {overflow:hidden; margin-top:0px; min-height:23px;}
.popup_contents .popup_top_btn:first-child {margin-top:0px;}
.popup_contents .popup_top_btn .top_btn_title {float:left; font-weight:500;font-size:16px;line-height:21px; padding:0px 0px 8px 0px; background:url("../img/ico_top_btn_title.png") no-repeat 0 12px;}
.popup_contents .popup_top_btn .top_btn_title { background:none; }
.popup_contents .popup_top_btn .top_btn_area {float:right;}
.popup_contents .popup_top_btn .top_btn_area:after {clear:both;content:"";display:block;}
.popup_contents .popup_top_btn .top_btn_area a {box-sizing:border-box; text-align:center; display:block; float:left; margin-left:5px; padding:3px 0; background:#fff; color:#000; width:70px; height:23px; border:1px solid #ccc;}
.popup_contents .popup_top_btn .top_btn_area a:first-child {margin-left:0px;}
.popup_contents .popup_top_btn .top_btn_area a.btn_search {background:#015794; color:#fff; width:70px; height:23px; border:1px solid #003b5e;}
.popup_contents .popup_top_btn .top_btn_area a.excel_download {width:90px;}
.popup_contents .popup_top_btn .top_btn_area a.excel_download span {height:16px; display:inline-block; background:url("../img/ico_btn_excel.png") no-repeat 0 center; padding-left:21px;}

.popupBtn {box-sizing:border-box; text-align:center; display:block; float:left; margin-left:px; padding:3px 0; background:#fff; color:#000; width:70px; height:23px; border:1px solid #ccc;}
.popupBtn.aSchBtn{background:#015794; color:#fff; width:70px; height:30px; border:1px solid #003b5e; border-radius:4px;}
td .popupBtn.aSchBtn{margin-left:4px;}

.popupBtn.aSchBtn.green_bg{background:#197b30; color:#fff; }


#realPop.popup_dim {z-index:500; overflow:auto; width:100%; height:100%; min-width:1000px; min-height:550px; background:rgba(0,0,0,0.8); position:fixed; left:0px; top:0px; opacity:0; display:none;}
#realPopWrap .popup_contents {padding:0; border-top:none; background: transparent}

.popup_contents .popup_info_area {margin-top:4px;}
.popup_contents .popup_info_area .table_area {}
.popup_contents .popup_info_area .table_area > table {width:100%;}
.popup_contents .popup_info_area .table_area > table > tbody {}
.popup_contents .popup_info_area .table_area > table > tbody > tr {}
.popup_contents .popup_info_area .table_area > table > tbody > tr > th {background:#ebebeb; border-top:1px solid #ddd; padding:0 10px; text-align:right; font-weight:bold;}
.popup_contents .popup_info_area .table_area > table > tbody > tr > td {background:#fff; border-top:1px solid #ddd; padding:0 10px; height:33px; line-height:31px;}
.popup_contents .popup_info_area .table_area > table > tbody > tr:first-child th,
.popup_contents .popup_info_area .table_area > table > tbody > tr:first-child td {border-top:0px;}
.popup_contents .popup_info_area .table_area .btn_ico_search {line-height:0px; float:right; margin-top:5px;}

.popup_contents .search_wrap {margin-top:0px;background:#FFF; padding:7px;}

.popup_contents .portletSet_wrap {margin-top:0px;background:#fff; border:1px solid rgba(0,0,0,0.05); padding:10px 20px;}

.popup_contents .popup_bottom_btn {padding:15px 0px 0px 0px; text-align:center; }
.popup_contents .popup_bottom_btn a { width:auto; height:34px; line-height:34px; padding:0px 25px; margin-left:2px; display:inline-block; text-align:center; overflow:hidden; border:1px solid #ccc; background:#ddd;font-size:14px;border-radius:26px;color:#666;font-weight:400; text-decoration:none;}
.popup_contents .popup_bottom_btn a.btn_confirm {color:#fff; background:#015794;cursor:pointer;border:1px solid rgba(0,0,0,0.2);}
.popup_contents .popup_bottom_btn a#btnInsert {color:#fff; background:#015794;cursor:pointer;border:1px solid rgba(0,0,0,0.2);}
.popup_contents .popup_bottom_btn a.btn_delconfirm {color:#ff0000; cursor:pointer;}
.popup_contents .popup_bottom_btn a:first-child {margin-left:0px;}
.popup_contents .popup_bottom_btn a:hover {}
.popup_contents .popup_bottom_btn a.disabled {cursor:context-menu;}
.popup_contents .popup_bottom_btn a.disabled:hover {}

.popup_warning .popup_contents {padding:12px 0px 0px 0px; background:#fff;}
.popup_warning .popup_bottom_btn {background:#eee; padding:8px 0 6px 0;}
.popup_warning .popup_bottom_btn a {background:#fff;}

.popup_contents .grid_area {margin-top:10px;}

/* 경고 팝업 */
.popup_warning_wrap {}
.popup_warning_wrap .popup_warning_area {text-align:center; background:#effbff; border:1px solid #d1e4ed; border-radius:8px; margin:0 20px; padding:13px 13px 15px 13px;}
.popup_warning_wrap .popup_warning_area .warning_title_area {overflow:hidden; display:inline-block; margin:0 auto; padding:0 0 10px 42px; font-size:20px; font-weight:bold; min-height:34px;}
.popup_warning_wrap .popup_warning_area .warning_title_area strong {font-size:23px; display:block; font-weight:bold;}
.popup_warning_wrap .popup_warning_area .warning_title_area.alerts_i {background:url("../img/inspect_title_alert_i.png") no-repeat 0 0; color:#16cfdb;}
.popup_warning_wrap .popup_warning_area .warning_title_area.alerts_a {background:url("../img/inspect_title_alert_a.png") no-repeat 0 0; color:#ffb04b;}
.popup_warning_wrap .popup_warning_area .warning_title_area.alerts_w {background:url("../img/inspect_title_alert_w.png") no-repeat 0 0; color:#f95e5e;}
.popup_warning_wrap .popup_warning_area .warning_title_area.alerts_s {background:url("../img/inspect_title_alert_s.png") no-repeat 0 0; color:#ff71aa;}
.popup_warning_wrap .popup_warning_area .warning_info_area {font-size:14px; color:#666; font-weight:bold; background:url("../img/ico_dot_line.png") repeat-x 0 0; padding-top:11px;}
.popup_warning_wrap .popup_warning_area .warning_info_area .warning_info_tit {color:#000; margin-bottom:3px; font-size:15px;}
.popup_warning_wrap .popup_warning_area .warning_info_area .warning_info_tit img {margin-top:4px;}
.popup_warning_wrap .popup_warning_area .warning_info_area .warning_info_tit strong {color:#015794; font-weight:bold;}

.popup_warning_wrap .particulars_area {overflow:hidden; margin:15px 20px 28px 20px;}
.popup_warning_wrap .particulars_area .pic_particulars {float:left; box-sizing:border-box; width:75px; height:91px; border:1px solid #e2e2e2; margin-right:16px; background:#fff; padding:2px; background:url("../img/pic_particulars_none.png") no-repeat center center; background-size:69px 85px;}
.popup_warning_wrap .particulars_area .pic_particulars img {width:69px; height:85px;}
.popup_warning_wrap .particulars_area .particulars_info_area {float:left; text-align:left;}
.popup_warning_wrap .particulars_area .particulars_info_area .particulars_info {padding-left:7px; margin-top:19px;}
.popup_warning_wrap .particulars_area .particulars_info_area .particulars_info:first-child {margin-top:0px;}
.popup_warning_wrap .particulars_area .particulars_info_area .particulars_info .name {position:relative; font-size:13px; padding-bottom:6px;}
.popup_warning_wrap .particulars_area .particulars_info_area .particulars_info .name:before {content:''; width:3px; height:3px; background:#000; display:block; position:absolute; left:-7px; top:7px;}
.popup_warning_wrap .particulars_area .particulars_info_area .particulars_info .name strong {font-weight:bold;}
.popup_warning_wrap .particulars_area .particulars_info_area .particulars_info dl {overflow:hidden; margin-top:4px;}
.popup_warning_wrap .particulars_area .particulars_info_area .particulars_info dl dt {float:left; background:#ebebeb; width:95px; text-align:center; box-sizing:border-box; border-radius:8px; line-height:21px;}
.popup_warning_wrap .particulars_area .particulars_info_area .particulars_info dl dd {float:left; padding-left:8px; line-height:21px;}
.popup_warning_wrap .warning_particulars_edit .particulars_area {margin:15px 20px 21px 20px;}
.popup_warning_wrap .warning_particulars_edit .particulars_area .table_area{background:#dfeff7; border:1px solid #d1e4ed; padding:5px 10px; margin-top:10px;}
.popup_warning_wrap .warning_particulars_edit .particulars_area .table_area table {width:100%;}
.popup_warning_wrap .warning_particulars_edit .particulars_area .table_area table tr {}
.popup_warning_wrap .warning_particulars_edit .particulars_area .table_area table tr th {text-align:right; padding:2px 5px 2px 0; vertical-align:top;}
.popup_warning_wrap .warning_particulars_edit .particulars_area .table_area table tr td {padding:2px 0;}


.popup_warning_wrap .warning_monitor_area {overflow:hidden; box-sizing:border-box; margin:5px 20px 5px 20px; text-align:center;}
.popup_warning_wrap .warning_monitor_area img {width:100%;}

.popup_warning_wrap .btn_warning_clear {margin:0 20px 21px 20px; padding:4px 0 7px 0; display:block; border-radius:4px; border:1px solid #c9c9c9; text-align:center; background:-webkit-linear-gradient(top,#fff,#e6e6e6); background:-ms-linear-gradient(top,#fff,#e6e6e6);}
.popup_warning_wrap .btn_warning_clear span {box-sizing:border-box; height:28px; line-height:28px; display:inline-block; padding:0 0 0 37px; background:url("../img/btn_warning_light_on.png") no-repeat 0 center; font-size:15px; font-weight:bold;}
.popup_warning_wrap .btn_warning_clear em {font-size:13px; margin-left:10px;}
.popup_warning_wrap .btn_warning_clear.disabled span {color:#999; background:url("../img/btn_warning_light_off.png") no-repeat 0 center;}
.popup_warning_wrap .btn_warning_clear.disabled em {color:#999;}



/* 근로자 인적 정보 팝업 */

.popup_contents .worker_info_wrap {background:#fff; padding:10px 10px;}
.popup_contents .worker_info_wrap .worker_info_company {}
.popup_contents .worker_info_wrap .worker_info_personal {background:url("../img/ico_dot_line.png") repeat-x 0 0; margin-top:15px; padding-top:16px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.popup_contents .worker_info_wrap .table_area {}
.popup_contents .worker_info_wrap .table_area > table {width:100%;margin:0px;padding:0px;border-spacing:0px;border-spacing:0px;border-collapse:collapse;}
.popup_contents .worker_info_wrap .table_area > table > tbody {}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr {}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > th {text-align:right; padding:3px 5px;border-bottom:0px solid rgba(0,0,0,0.1);vertical-align:middle;height:30px;font-size:14px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > th .essential {vertical-align: middle; margin-bottom: 3px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td { padding:3px 5px;border-bottom:0px solid rgba(0,0,0,0.1);vertical-align:middle;height:30px;font-size:14px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area {float:left; margin-left:5px;position:relative;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area input[type=date],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area input[type=time],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area input[type=number],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area input[type=text] { line-height:30px;height:30px;border:1px solid #aaa;font-size:14px;background:#fff;padding:0px 10px; border-radius: 4px !important;font-weight:400;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area input[type=number] { line-height:30px;height:30px;border:1px solid #aaa;font-size:14px;background:#fff;padding:0px 10px; border-radius: 4px !important;font-weight:400;-webkit-appearance: none;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area > em { position:absolute;top:0px;right:10px;line-height:30px;height:30px;display:block;font-size:12px;color:#888; }
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area .input_btn_search { width:30px;height:30px;background-position:center;top:0px;right:0px; }
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area .input_btn_reset { width:30px;height:30px;background-position:center;top:0px;right:0px; }
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area:first-child {margin-left:0px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area.input_calendar .btn { font-size:14px;width:30px;height:30px;line-height:30px;text-align:center;background-position:center;top:0px;right:0px;border:0px;padding:0px;background: transparent; }
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area.input_calendar .btn > [class*="icon-"] { line-height:30px; }
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area > select { border:1px solid #aaa;font-size:14px; padding-right: 25px;}
/*
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area .btn_search { width:auto;height:24px;line-height:24px;background-position:center;top:3px;right:3px;position:absolute;background:#999;padding:0 10px;font-size:14px;color:#fff; }
*/
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area .btn_search {background:url("../img/input_btn_search.png") no-repeat 0 0; width:13px; height:13px; position:absolute; right:7px; top:9px; text-indent:-9999px; overflow:hidden; }
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area .btn_reset {background:url("../img/input_btn_reset.png") no-repeat 0 0; width:13px; height:13px; position:absolute; right:7px; top:9px; text-indent:-9999px; overflow:hidden; }
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td input[type=date],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td input[type=time],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td input[type=number],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td input[type=text] { line-height:30px;height:30px;border:1px solid #aaa;font-size:14px;background:#fff;padding:0px 10px; border-radius: 4px !important;font-weight:400;}

/*
.popup_contents .worker_info_wrap .table_area.linetbl > table > tbody > tr > th,
.popup_contents .worker_info_wrap .table_area.linetbl > table > tbody > tr > td {border:1px solid #ddd;}
*/

.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area {float:left; margin-left:5px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area > select { border:1px solid #aaa;font-size:14px;font-weight:400; }
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area:first-child {margin-left:0px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area input[type=number],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area input[type=date],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area input[type=time],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .select_area input[type=text] { line-height:30px;height:30px;border:1px solid #aaa;font-size:14px;background:#fff;padding:0px 10px; border-radius: 4px !important;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td label {float:left; margin-left:10px; padding:5px 0px;line-height:20px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td label:first-child { margin-left:0px; }
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .input_area + label { margin-left:5px; }
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td label > input[type=checkbox],
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td label > input[type=radio]{ width:18px;height:18px;vertical-align:middle;margin-right:5px;border:1px solid #aaa; }

.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td label.etc {padding-left:31px; background:url("../img/ico_line_label.png") no-repeat 15px center;margin-left:0px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .worker_pic_area {box-sizing:border-box; width:91px; height:111px; border:1px solid #e2e2e2; margin:0 auto; background:#fff; padding:2px; background:#fff url("../img/pic_particulars_none.png") no-repeat center center;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .worker_pic_area img {width:85px; height:105px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .device_pic_area {box-sizing:border-box; width:91px; height:111px; border:1px solid #e2e2e2; margin:0 auto; background:#fff; padding:19px 2px; background:#fff url("../img/pic_device_none.png") no-repeat center center;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .device_pic_area img {width:65px; height:70px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .pic_upload {background:#808080; display:inline-block; padding:3px 8px 4px 8px; margin-top:7px; color:#fff;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .table_btn {background:#808080; display:inline-block; padding:3px 8px 4px 8px; color:#fff; margin-left:2px;}
.popup_contents .worker_info_wrap .table_area > table > tbody > tr > td .dash {float:left; line-height:21px; margin-left:2px; width:7px; text-align:center;}

.popup_contents .worker_info_wrap .table_area.pc100 .input_area,
.popup_contents .worker_info_wrap .table_area.pc100 .select_area{width: 100%;}

/* 현장 점검 팝업 */
.popup_contents .inspect_wrap {}
.popup_contents .inspect_wrap .inspect_title {text-align:center; margin-top:20px;}
.popup_contents .inspect_wrap .inspect_title > p {display:inline-block; min-height:34px; font-size:20px; line-height:28px; font-weight:bold; padding-left:45px;}
.popup_contents .inspect_wrap .inspect_title > p.alert_safety {background:none; padding-left:0px; color:#3d98ff;}
.popup_contents .inspect_wrap .inspect_title > p.alert_i {background:url("../img/inspect_title_alert_i.png") no-repeat 0 0; color:#16cfdb;}
.popup_contents .inspect_wrap .inspect_title > p.alert_a {background:url("../img/inspect_title_alert_a.png") no-repeat 0 0; color:#ff8f35;}
.popup_contents .inspect_wrap .inspect_title > p.alert_w {background:url("../img/inspect_title_alert_w.png") no-repeat 0 0; color:#ff3939;}

.popup_contents .inspect_wrap .inspect_chart_area {margin-top:40px; padding:2px 21px 0 15px;}
.popup_contents .inspect_wrap .inspect_chart_area:after {clear:both;content:"";display:block;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list {float:left; width:110px; margin-right:25px;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .chart_top {text-align:center; font-size:14px;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .chart_top span {display:block; font-size:18px; font-weight:bold;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .chart_top span.alert_safety {color:#3d98ff;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .chart_top span.alert_i {color:#16cfdb;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .chart_top span.alert_a {color:#ff8f35;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .chart_top span.alert_w {color:#ff3939;}

.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart {margin-top:13px;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level {box-sizing:border-box; padding:20px 0; width:50px; height:70px; text-align:center; margin:0 auto; position:relative;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level:after {position:absolute; right:-45px; top:50%; margin-top:-9px; box-sizing:border-box; width:40px; height:18px; overflow:hidden; font-weight:bold; text-align:right; padding-right:5px; line-height:16px;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level.alert_safety {background:#c4e0ff; color:#000;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level.alert_safety.on {background:#3d98ff; color:#fff;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level.alert_safety.on:after {content:'안전'; background:url("../img/inspect_chart_tag.png") no-repeat 0 -54px; color:#3d98ff;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level.alert_i {background:#b9f1f4; color:#000;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level.alert_i.on {background:#16cfdb; color:#fff;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level.alert_i.on:after {content:'관심'; background:url("../img/inspect_chart_tag.png") no-repeat 0 -36px; color:#16cfdb;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level.alert_a {background:#ffddc2; color:#000;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level.alert_a.on {background:#ff8f35; color:#fff;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level.alert_a.on:after {content:'주의'; background:url("../img/inspect_chart_tag.png") no-repeat 0 -18px; color:#ff8f35;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level.alert_w {background:#ffc3c3; color:#000;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level.alert_w.on {background:#ff3939; color:#fff;}
.popup_contents .inspect_wrap .inspect_chart_area .chart_list .inspect_chart .chart_level.alert_w.on:after {content:'경고'; background:url("../img/inspect_chart_tag.png") no-repeat 0 0px; color:#ff3939;}


.popup_contents .inspect_wrap .inspect_chart_area .hygrothermal_area {float:right; margin-top:64px;}
.popup_contents .inspect_wrap .inspect_chart_area .hygrothermal_area .temperature {box-sizing:border-box; width:80px; height:141px; padding:60px 0 0 0; text-align:center; color:#f93838; font-weight:bold; background:url("../img/bg_inspect_tem.png") no-repeat 0 0;}
.popup_contents .inspect_wrap .inspect_chart_area .hygrothermal_area .temperature span {display:block; font-size:14px; margin-top:2px;}
.popup_contents .inspect_wrap .inspect_chart_area .hygrothermal_area .humidity {box-sizing:border-box; width:80px; height:141px; padding:60px 0 0 0; text-align:center; color:#0e8bff; font-weight:bold; margin-top:-5px; background:url("../img/bg_inspect_hum.png") no-repeat 0 0;}
.popup_contents .inspect_wrap .inspect_chart_area .hygrothermal_area .humidity span {display:block; font-size:14px; margin-top:2px;}




.popup_contents .inspect_wrap .inspect_footer_area {text-align:center; margin:27px 0 16px 0;}
.popup_contents .inspect_wrap .inspect_footer_area .inspect_footer {display:inline-block;}
.popup_contents .inspect_wrap .inspect_footer_area .inspect_footer:after {clear:both;content:"";display:block;}
.popup_contents .inspect_wrap .inspect_footer_area .inspect_footer dl {float:left; padding-left:11px; margin-left:10px; background:url("../img/inspect_footer_line.png") no-repeat 0 4px;}
.popup_contents .inspect_wrap .inspect_footer_area .inspect_footer dl:after {clear:both;content:"";display:block;}
.popup_contents .inspect_wrap .inspect_footer_area .inspect_footer dl:first-child {padding-left:0px; margin-left:0px; background:none;}
.popup_contents .inspect_wrap .inspect_footer_area .inspect_footer dl dt {float:left; color:#999;}
.popup_contents .inspect_wrap .inspect_footer_area .inspect_footer dl dd {float:left; margin-left:5px; color:#999;}



.erro_wrap {position:absolute; left:0px; top:0px; bottom:0px; right:0px; background:#fff; z-index:9998;}
.erro_wrap .con_erro {box-sizing:border-box; position:absolute; left:50%; top:15%; width:700px; text-align:center; background:#f6f6f6; padding:40px 50px; background:#f2f2f2; border:1px solid #d5d5d5; transform: translateX(-50%);}
.erro_wrap .con_erro .erro_message {text-align:center;}
.erro_wrap .con_erro .erro_message strong {color:#0092de; font-weight:bold;}
.erro_wrap .con_erro .erro_logo {width: 250px; margin: 0 auto 20px;}
.erro_wrap .con_erro .erro_logo img.logo{width: 100%;}
.erro_wrap .con_erro .summary {margin-bottom:30px; font-size:20px; line-height:30px; letter-spacing:-1px; color:#05507d;}
.erro_wrap .con_erro .message_txt {margin:30px 0 40px; text-align:left; line-height:20px;}
.erro_wrap .con_erro .erro_btn {display:block;}
.erro_wrap .con_erro .btn_area {overflow:hidden; margin-top:20px;}
.erro_wrap .con_erro .btn_area a {box-sizing:border-box; text-align:center; display:inline-block; background:#fff; color:#000; width:100px; height:40px; line-height: 38px; border:1px solid #ccc;}
.erro_wrap .con_erro .btn_area a:first-child {margin-left:0;}
.erro_wrap .con_erro .btn_area a.btn_ok {background:#015794; color:#fff; border:1px solid #003b5e;}

.popup_contents .erro_message {text-align:center; margin-bottom:21px; line-height:1.7;}

a.actbtn {background:#015794; color:#fff; width:70px; height:23px; border:1px solid #003b5e; padding:3px 0;}

.accCheckYsd {border:7px;border-radius:50%;border-color:#c0c0c0;width:80px;height:80px;border-style:solid;color:#c0c0c0;font-size:32px;font-weight:600;background-image:url("../img/icon/ico_helmet_LG.png");background-position:center;background-repeat:no-repeat;}
.accCheckYsd span {position:absolute;text-align:center;width:80px;margin:19px 0 0 -40px;}
.accCheckIn {border:7px;border-radius:50%;border-color:#454EC9;width:80px;height:80px;border-style:solid;color:#454EC9;font-size:40px;font-weight:600;background-image:url("../img/icon/ico_helmet_LG.png");background-position:center;background-repeat:no-repeat;}
.accCheckIn span {position:absolute;text-align:center;width:80px;margin:14px 0 0 -40px;}
.accCheckOut {border:7px;border-radius:50%;border-color:#FF9B00;width:80px;height:80px;border-style:solid;color:#FF9B00;font-size:32px;font-weight:600;background-image:url("../img/icon/ico_helmet_LG.png");background-position:center;background-repeat:no-repeat;}
.accCheckOut span {position:absolute;text-align:center;width:80px;margin:19px 0 0 -40px;}
.accCheckTot {border:7px;border-radius:50%;border-color:#c0c0c0;width:90px;height:90px;border-style:solid;color:#c0c0c0;font-size:32px;font-weight:600;background-image:url("../img/icon/ico_helmet_LG.png");background-position:center;background-repeat:no-repeat;}
.accCheckTot span {position:absolute;text-align:center;width:80px;margin:24px 0 0 -45px;}

.accCheckYsd1 {border:7px;border-radius:20%;border-color:#c0c0c0;width:80px;height:80px;border-style:solid;color:#c0c0c0;font-size:32px;font-weight:600;background-image:url("../img/icon/ico_truck_LG.png");background-position:center;background-repeat:no-repeat;}
.accCheckYsd1 span {position:absolute;text-align:center;width:80px;margin:19px 0 0 -40px;}
.accCheckIn1 {border:7px;border-radius:20%;border-color:#454EC9;width:80px;height:80px;border-style:solid;color:#454EC9;font-size:40px;font-weight:600;background-image:url("../img/icon/ico_truck_LG.png");background-position:center;background-repeat:no-repeat;}
.accCheckIn1 span {position:absolute;text-align:center;width:80px;margin:14px 0 0 -40px;}
.accCheckOut1 {border:7px;border-radius:20%;border-color:#FF9B00;width:80px;height:80px;border-style:solid;color:#FF9B00;font-size:32px;font-weight:600;background-image:url("../img/icon/ico_truck_LG.png");background-position:center;background-repeat:no-repeat;}
.accCheckOut1 span {position:absolute;text-align:center;width:80px;margin:19px 0 0 -40px;}
.accCheckTot1 {border:7px;border-radius:20%;border-color:#c0c0c0;width:90px;height:80px;border-style:solid;color:#c0c0c0;font-size:32px;font-weight:600;background-image:url("../img/icon/ico_truck_LG.png");background-position:center;background-repeat:no-repeat;}
.accCheckTot1 span {position:absolute;text-align:center;width:80px;margin:19px 0 0 -45px;}

.main_contents{width:100%;background-color:#05507D;color:#FFF;text-align:center;margin-bottom:5px;}
.main_contents_title{width:100%;background-color:#045B8E;color:#FFF;height:30px;text-align:center;padding:5px 0 0 0;font-size:20px;}
.main_contents table {margin-top:1px;width:100%;background-color:#FFF;color:#FFF;height:30px;text-align:center; font-size:16px;border: solid 1px RGB(5,80,125);}
.main_contents > table th {height:30px; font-size:16px; background:#00639E; color:#FFF;}
.main_contents > table td {font-size:16px;background-color:#FFF;color:#000; height:29px;  border-radius:0px !important; box-shadow:none;}
.main_contents > div > table th {height:30px; font-size:16px; background:#00639E; color:#FFF;}
.main_contents > div > table td {font-size:16px;background-color:#FFF;color:#000; height:29px;  border-radius:0px !important; box-shadow:none;}

.main_contents1{width:100%;background-color:#ffffff;color:#FFF;text-align:center;margin-bottom:5px;}
.main_contents1_title{width:100%;background-color:#045B8E;color:#FFF;height:30px;text-align:center;padding:5px 0 0 0;font-size:20px;}
.main_contents1 table {margin-top:1px;width:100%;background-color:#FFF;color:#FFF;height:30px;text-align:center; font-size:16px;border: solid 1px RGB(5,80,125);}
.main_contents1 > table th {height:30px; font-size:16px; background:#00639E; color:#FFF;}
.main_contents1 > table td {font-size:16px;background-color:#FFF;color:#000; height:29px;  border-radius:0px !important; box-shadow:none;}
.main_contents1 > div > table th {height:30px; font-size:16px; background:#00639E; color:#FFF;}
.main_contents1 > div > table td {font-size:16px;background-color:#FFF;color:#000; height:29px;  border-radius:0px !important; box-shadow:none;}

.main_contents_did{width:100%;background-color:#05507D;color:#FFF;text-align:center;margin-bottom:5px;}
.main_contents_title_did{width:100%;background-color:#045B8E;color:#FFF;height:30px;text-align:center;padding:5px 0 0 0;font-size:20px;vertical-align:center;}
.main_contents_did table {margin-top:1px;width:100%;background-color:#FFF;color:#FFF;height:30px;text-align:center; font-size:16px;border: solid 1px RGB(5,80,125);}
.main_contents_did > table th {height:30px; font-size:16px; background:#00639E; color:#FFF;}
.main_contents_did > table td {font-size:16px;background-color:#FFF;color:#000; height:29px;  border-radius:0px !important; box-shadow:none;}

.main_contents_tbl{width:100%;background-color:#05507D;color:#FFF;text-align:center;margin-bottom:5px;}
.main_contents_title_tbl{width:100%;background-color:#045B8E;color:#FFF;height:30px;text-align:center;padding:5px 0 0 0;font-size:20px;vertical-align:center;}
.main_contents_tbl table {margin-top:1px;width:100%;background-color:#FFF;color:#FFF;height:30px;text-align:center; font-size:16px;border: solid 1px RGB(5,80,125);}
.main_contents_tbl > table th {height:30px; font-size:16px; background:#00639E; color:#FFF;}
.main_contents_tbl > table td {background-color:#FFF;color:#000; border-radius:0px !important; box-shadow:none;}

.popup_contents .search_wrap .search_area .search_box label,
.popup_contents .search_wrap .search_area .search_box .input_area{padding:0 5px; min-height:30px;}

/*220623 error page media query 추가*/

@media screen and (max-width: 768px){
    .erro_wrap{background: #f2f2f2;}
    .erro_wrap .con_erro{width: calc(100% - 40px); background: #fff; margin: 0 auto;}
    .erro_wrap .con_erro .message_txt{width: 70%; margin: 30px auto 40px;}
}

@media screen and (max-width: 570px){
    .erro_wrap .con_erro{padding: 20px;}
    .erro_wrap .con_erro .erro_logo{width: 200px;}
    .erro_wrap .con_erro .message_txt{width: 100%; margin: 30px auto 30px;}

    .popup_top_area .popup_title{font-size: 15px;}
    .desc.mobilePop{text-align: left; word-break: keep-all; margin-top: 10px;}
    .mobilePop .table_area > table > tbody > tr > td .input_area{margin-left: 0 !important;}
    .mobilePop .table_area > table > tbody > tr > td .input_area .select_area:first-child {margin-bottom: 5px;}
    .mobilePop .table_area > table > tbody > tr > td .select_area{margin-left: 0 !important;}
    .mobilePop .dateInput{width: 100% !important;}
}

@media screen and (max-width: 426px){
    .erro_wrap .con_erro .erro_logo{width: 170px;}
    .erro_wrap .con_erro .summary{margin-bottom: 0; font-size: 16px;}
}

@media screen and (max-width: 375px){
    .erro_wrap .con_erro .message_txt{font-size: 12px;}
}

@media screen and (max-width: 320px){
    .erro_wrap .con_erro .message_txt {font-size: 11px;}
}