/*Hanwha*/
/*로그인*/
.login{width:100%;height:100%;background-color:#fff}
.login>.wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.login .txt_bx,
.login .slt_bx{width:100%;height:40px;max-width:100%;margin-right:0; border-radius: 4px; padding: 0 10px; box-sizing: border-box;}
.login .slt_bx {margin-left: 0;}
.login .top_area{margin-bottom:20px; box-shadow: none;}
.login .top_area .logo{width:151px;height:40px;margin:0 auto;background:url(../img/logo.png) center no-repeat;background-size:151px 40px;font-size:0;text-indent:-9999px}
.login .mid_area .info{margin-bottom:20px}
.login .mid_area .info>dl{width:280px}
.login .mid_area .info>dl+dl{margin-top:25px}
.login .mid_area .info>dl>dt{margin-bottom:5px;color:#a6a6a6;font-weight:500}
.login .mid_area .info>dl .input_cnt{background-color:#fff;border-radius:3px}
.login .mid_area .info>dl .input_cnt .txt_bx.err{border:1px solid #ff4368}
.login .mid_area .info>dl .help_txt{color:#ff4368;font-size:12px;text-align:right}
.login .mid_area .info .login_btn{margin-top:25px}
.login .mid_area .info .login_btn:after{display:block;clear:both;content:""}
.login .mid_area .info .login_btn .check_bx{float:left;position:relative;top:5px;width:100px}
.login .mid_area .info .login_btn .btn_full_01 {width: 100%; margin: 0; height: 38px; border-radius: 8px; font-weight: 700; font-size: 16px; border: 1px solid #F4721E;background-color: #f37320;color: #fff;}
.login .mid_area .info .login_btn .btn_full_01.join {background: #fff; border: 1px solid #F4721E; color: #F4721E; margin-top: 8px;}
.login .mid_area .info .find_btn {width: 100%; text-align: right; margin-top: 20px;}
.login .mid_area .info .find_btn .btn_under_01 {color: #838383; font-weight: 700;}
.login .mid_area .info .find_btn .btn_under_01.find_id {position: relative; margin-right: 15px; width: auto;}
.login .mid_area .info .find_btn .btn_under_01.find_id::after {content: ''; width: 1px; height: 12px; background: #838383; position: absolute; right: -10px; top: 5px;}
.join input:-webkit-autofill,
.login input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #ffffff inset;-webkit-text-fill-color: #3d3d3d;}

/*비밀번호 변경*/
.password{width:100%;height:100%;background-color:#fff;text-align:center}
.password>.wrap{position:absolute;top:50%;left:50%;padding:50px;border:1px solid #f37320;border-radius:3px;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.password .tit{margin-bottom:40px;color:#f37320;font-size:25px;font-weight:500}
.password .info_cnt>span{display:inline-block;margin-bottom:15px}
.password .info_cnt>span>b{color:#f37320;font-weight:300}
.password .info_cnt .pw_bx{margin-bottom:30px; position: relative;}
.password .info_cnt .txt_bx{width:230px;height:32px;margin-right:0;color:#9d9d9d}
.password .info_cnt .txt_bx.err {border: 1px solid #ff4368;}
.password .info_cnt .help_txt{display:block;width:230px;margin:5px auto 0;color:#9d9d9d;font-size:12px;text-align:left}
.password .info_cnt .btn_border_02{display:block;width:230px;height:32px;margin:30px auto 0}
.password .info_cnt .help_txt.btm {margin-top: 30px;}
.password .info_cnt .help_txt.mid {margin-top: 20px; margin-bottom: 30px;}
.password .info_cnt .help_txt.on {color: #ff4368;position: absolute;right: 14px;top: 30px;width: auto;margin-top: 6px; font-weight: 500;}
.password .info_cnt .help_txt.on.under {top: 47px;}

/* 비밀번호 초기화 */
.password.reset .info_cnt .pw_bx{margin-bottom:10px}

/* 아이디 찾기 */
.find_id .info_cnt .pw_bx{margin-bottom:10px}
.find_id{width:100%;height:100%;background-color:#fff;text-align:center}
.find_id>.wrap{position:absolute;top:50%;left:50%;padding:50px;border:1px solid #f37320;border-radius:3px;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.find_id .tit{margin-bottom:40px;color:#f37320;font-size:25px;font-weight:500}
.find_id .info_cnt>span{display:inline-block;margin-bottom:15px}
.find_id .info_cnt>span>b{color:#f37320;font-weight:300}
.find_id .info_cnt .pw_bx{margin-bottom:20px}
.find_id .info_cnt .txt_bx{width:230px;height:32px;margin-right:0;color:#9d9d9d}
.find_id .info_cnt .help_txt{display:block;width:230px;margin:5px auto 0;color:#9d9d9d;font-size:12px;text-align:left}
.find_id .info_cnt .btn_border_02{display:block;width:230px;height:32px;margin:20px auto 0}

/* 회원가입_유형선택 */
.join_type{width:100%;height:100%;background-color:#fff; text-align: center;}
.join_type>.wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.join_type>.wrap .tit {margin-top: 50px;}
.join_type>.wrap .tit > p {font-size: 20px; font-weight: 700;}
.join_type>.wrap .tit > i {font-size: 16px; color: #838383;}
.join_type>.wrap .type {margin-top: 90px; height: 280px;}
.join_type>.wrap .type > div {width: 280px; height: 280px; border-radius: 32px; background: #fff; box-shadow: 0 0 10px rgba(150, 150, 150, 0.25); float: left; padding: 40px; box-sizing: border-box;}
.join_type>.wrap .type .worker {margin-left: 20px;}
.join_type>.wrap .type > div > p {font-size: 20px; font-weight: 700;}
.join_type>.wrap .type > div > img {margin-top: 20px; width: auto; height: 80px;}
.join_type>.wrap .type > div > button {display: block; width: 100%; background: #FFEFE4; border-radius: 8px; height: 40px; margin-top: 30px; font-weight: 700; font-size: 16px; color: #F4721E;}
.join_type>.wrap .back_btn {margin-top: 190px;}
.join_type>.wrap .back_btn > button {background: #F5F6F7; color: #838383; width: 200px; line-height: 40px; border-radius: 8px;}

/* 회원가입 */
.join{width:100%;height:100%;background-color:#fff; text-align: center;}
.join>.wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); height: 880px;}
.join>.wrap .progress {position: relative; width: 370px; margin: auto;}
.join>.wrap .progress .logo {position: absolute; left: -450px; cursor: pointer;}
.join>.wrap .progress .list {width:100%; height: 90px;}
.join>.wrap .progress .list li {float: left; margin-right: 43px;}
.join>.wrap .progress .list li span {display: block; width: 60px; height: 60px; text-align: center; background: #F5F6F7; border-radius: 100%;position: relative;}
.join>.wrap .progress .list li span > i {font-weight: 700; font-size: 18px; display: flex;width: 60px;height: 60px;justify-content: center;align-items: center;}
.join>.wrap .progress .list li span::before {position: absolute; content: ''; width: 43px; height: 2px; background: #F5F6F7; right: -43px; top: 50%;}
.join>.wrap .progress .list li:last-child {margin-right: 0;}
.join>.wrap .progress .list li:last-child span::before {display: none;}
.join>.wrap .progress .list li p {margin-top: 10px; font-size: 14px; color: #838383;}
.join>.wrap .progress .list li.active span {background: #FFEFE4;}
.join>.wrap .progress .list li.active span i {color: #F4721E;}
.join>.wrap .progress .list li.active p {color: #F4721E;}
.join>.wrap .progress .list li.active span::before {background: #FFEFE4;}
.join>.wrap .tit {margin-top: 50px;}
.join>.wrap .tit .tit_txt {font-size: 20px; font-weight: 700; color: #3D3D3D;}
.join>.wrap .tit .subtit_txt {font-size: 16px; color: #838383; margin-top: 2px; ;line-height: 1;}
.join>.wrap .btm_btn {position: absolute; bottom: 50px; width: 350px; left: 50%; transform: translateX(-50%);}
.join>.wrap .btm_btn > button {width: 170px; height: 40px;font-size: 16px; border: 1px solid #F4721E; border-radius: 8px; float: left; margin: 0;}
.join>.wrap .btm_btn > .prev {margin-right: 10px; background: #fff; color: #F4721E; }

.join>.wrap .terms {width: 590px; margin-top: 16px;}
.join>.wrap .terms .list:not(:last-child) {margin-bottom: 30px;}
.join>.wrap .terms .check_bx {text-align: left; margin-bottom: 8px;}
.join>.wrap .terms .check_bx>input.check+label {display: inline-block;width: 20px;height: 20px;margin-top: 0px;background: url(../img/i_join_check.png) center no-repeat;background-size: 20px;} 
.join>.wrap .terms .check_bx>input.check:checked+label {width: 85px; display: inline-block;width: 20px;height: 20px;margin-top: 0px;background: url(../img/i_join_check_active.png) center no-repeat;background-size: 20px;} 
.join>.wrap .terms .check_bx>input.check+label>span {color: #838383; font-size: 16px; line-height: 20px;}
.join>.wrap .terms .txt_area {padding: 30px; box-sizing: border-box; background: #F5F6F7; border-radius: 16px; max-height: 136px; overflow-y: auto; text-align: left; font-size: 14px; color: #979797; line-height: 25px;}
.join>.wrap .terms .txt_area table {width: 100%; table-layout: fixed;}
.join>.wrap .terms .txt_area table th,
.join>.wrap .terms .txt_area table td {border: 1px solid #aaa; padding: 3px; box-sizing: border-box; text-align: center;}

.join>.wrap .belong_search {width: 414px; text-align: left; margin: auto;margin-top: 35px; }
.join>.wrap .belong_search > p {font-size: 16px; color: #3D3D3D; font-weight: 700; margin-bottom: 8px;}
.join>.wrap .belong_search > i {color: #838383; font-size: 12px;}
.join>.wrap .belong_search .border_line {display: block; margin: 15px 0; text-align: center; background: #E4E4E4; height: 1px; position: relative; transform: translateY(5px);}
.join>.wrap .belong_search .border_line > i {position: absolute; left: 50%; top: 0px; display: block; background: #fff; width: 55px; height: 20px; transform: translate(-50%, -50%); color: #E4E4E4;}
.join>.wrap .belong_search .search_bx {width: 100%; border-radius: 8px; margin-bottom: 8px; position: relative;}
.join>.wrap .belong_search .search_bx input {border: none; height: 40px; width: calc(100% - 64px);border-radius: 8px; padding-left: 10px; box-sizing: border-box; font-size: 16px; color: #3D3D3D; font-weight: 400; border: 1px solid #E6E6E6;}
.join>.wrap .belong_search .search_bx input:focus {outline: none;}
.join>.wrap .belong_search .search_bx input::placeholder {color: #c4c4c4;}
.join>.wrap .belong_search .search_bx button {display: block; width: 56px; height: 40px;position: absolute; right: 0; top: 0; color: #F4721E; border: 1px solid #F4721E;border-radius: 8px; background: #fff;}
.join>.wrap .belong_search .search_bx.num .short {width: 48px; text-align: center; padding-left: 0;}
.join>.wrap .belong_search .search_bx.num .long {width: 212px;}
.join>.wrap .belong_search .search_bx.num > i {margin: 0 6px; color: #E6E6E6; font-size: 16px; font-weight: 700;}

.join>.wrap .table table tr {height: 50px;}
.join>.wrap .table .body table tr:not(:last-child) {border-bottom: 1px solid #EFEFEF;}
.join>.wrap .table table .chk {width: 70px; border-radius: 8px 0 0 8px;}
.join>.wrap .table table .first {border-radius: 8px 0 0 8px;}
.join>.wrap .table table .last {border-radius: 0 8px 8px 0;}
.join>.wrap .table .body table .click > td {background: #FFEFE4;}
.join>.wrap .table table .address {width: 220px;}
.join>.wrap .table table th,
.join>.wrap .table table td {color: #838383;}
.join>.wrap .table .check_bx>input.check+label {display: inline-block;width: 20px;height: 20px;margin-top: 0px;background: url(../img/i_join_check.png) center no-repeat;background-size: 20px;} 
.join>.wrap .table .check_bx>input.check:checked+label {width: 85px; display: inline-block;width: 20px;height: 20px;margin-top: 0px;background: url(../img/i_join_check_active.png) center no-repeat;background-size: 20px;} 
.join>.wrap .table .body {border-bottom: 1px solid #EFEFEF; height: auto; max-height: 300px; min-height: 245px; }
.join>.wrap .table table th, .join>.wrap .table table td {font-weight: 400;}
.join>.wrap .table.belong {margin-top: 44px; width: 690px;}
.join>.wrap .table.belong .head {background: #F5F6F7; border-radius: 8px; border: none;}
.join>.wrap .table .body>table>tbody>tr {background: #fff;}
.join>.wrap .table.belong .body .info {width: 100%; height: 245px; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.join>.wrap .table.belong .body .info >img {width: 23px; height: auto; display: block;}
.join>.wrap .table.belong .body .info > p {display: block; width: 100%; margin-top: 6px; color: #838383;}

.join>.wrap .user_info {margin: auto;margin-top: 35px; width: 350px;}
.join>.wrap .user_info .noti {width: 100%; text-align: right; margin-bottom: 2px;}
.join>.wrap .user_info .essential {color: #E02020; margin-right: 3px;}
.join>.wrap .user_info .info {border-top: 2px solid #C4C4C4;border-bottom: 2px solid #C4C4C4; height: 500px; overflow-y: auto; padding: 20px 0; box-sizing: border-box; text-align: left; padding-right: 10px;} 
.join>.wrap .user_info .info .item {margin-bottom: 25px;}
.join>.wrap .user_info .info .item dt {width: 100%; text-align: left; margin-bottom: 5px; font-weight: 600;}
.join>.wrap .user_info .info .item .search_bx [class*="btn_"] {float: none;}
.join>.wrap .user_info .info .item dd input {width: 100%; border-radius: 8px; border: 1px solid #E6E6E6; height: 40px; box-sizing: border-box; padding: 0 10px; color: #838383;}
.join>.wrap .user_info .info .item dd input::placeholder {color: #c4c4c4;}
.join>.wrap .user_info .info .item .search_bx .btn_border_01 {width: 70px; height: 40px; border-radius: 8px; border: 1px solid #F4721E; color: #F4721E; float: right; font-weight: 400; background: #fff;} 
.join>.wrap .user_info .info .item .search_bx input {width: calc(100% - 78px);}
.join>.wrap .user_info .info .item .search_bx .msg_wrap {width: calc(100% - 78px); text-align: right;}
.join>.wrap .user_info .info .item .search_bx+.search_bx {margin-top: 5px;}
.join>.wrap .user_info .info .pw .msg_wrap {width: 100%; text-align: right;}
.join>.wrap .user_info .info .msg_wrap .msg.no {color: #E02020;}
.join>.wrap .user_info .info .msg_wrap .msg.yes {color: #00AF12;}
.join>.wrap .user_info .info .item dd .picker {border: none; min-width: 72px; max-width: 80px; border-radius: 0; height: 30px; text-decoration: underline; padding: 0; font-weight: 700; color: #C4C4C4;}
.join>.wrap .user_info .info .item .slt_bx {width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; height: 40px; border: 1px solid #E6E6E6; border-radius: 8px; padding: 0 10px; background: #fff;}
.join>.wrap .user_info .info .item .check_bx {height: 20px;}
.join>.wrap .user_info .info .item .check_bx>input.check+label {border-radius: 3px; width: 11px; height: 11px; margin-top: 0; background-size: 11px;}
.join>.wrap .user_info .info .item .check_bx>input.check+label>span {left: 18px; color: #838383; font-weight: 400;}
.join>.wrap .user_info .info .item .check_bx > p {color: #BFBFBF; font-size: 12px; margin-left: 18px;}
.join>.wrap .user_info .info .chk_bx .check_bx {width: 45%; float: left;}
.join>.wrap .user_info .info .item .check_bx input.radio+label {width: 14px; height: 14px; background-size: 14px;}
.join>.wrap .user_info .info .item .check_bx input.radio+label>span {top: -2px;}
.join>.wrap .user_info .info .item .file_btn {color: #E5E5E5; font-size: 14px; font-weight: 700; text-decoration: underline; margin-top: 6px;}
.join>.wrap .user_info .info .item .file_btn.active {color: #F4721E;}
.join>.wrap .user_info .info .item .file_name {width: 100%; display: flex; align-items: center; margin-top: 6px;}
.join>.wrap .user_info .info .item .file_name > p {color: #838383;}
.join>.wrap .user_info .info .item .file_name .file_del {display: block; width: 14px; height: 10px; background: url(../img/i_x_02.png) no-repeat; background-size:contain; margin-left: 10px;}
.join>.wrap .user_info .info .item.other_bx {display: none;}
.join>.wrap .user_info .info .item.nation {margin-bottom: 5px;}
.join>.wrap .user_info .info .item.mail .btn_border_01 {opacity: 0.4;}
.join>.wrap .user_info .info .item.mail .on .btn_border_01 {opacity: 1;}
.join>.wrap .user_info .info .item.mail dt {opacity: 0.4;}
.join>.wrap .user_info .info .item.mail dt.on {opacity: 1;}
.join>.wrap .user_info .info .item.id dt i {float: right; font-weight: 400; color: #BFBFBF;font-size: 12px;}
.join>.wrap .user_info .info .item.manager dt i {float: right; font-weight: 400; color: #BFBFBF;font-size: 12px;}
.join>.wrap .user_info .info .item.manager dd {height: 20px;}
.join>.wrap .user_info .info .item.manager dd .check_bx {float: left; width: 45%;}

.join>.wrap .complete {margin-top: 170px;}
.join>.wrap .complete > img {width: 100px; height: 100px; margin-bottom: 30px;}
.join>.wrap .complete > p {color: #000; font-size: 20px; font-weight:500}
.join>.wrap .complete > .btn_full_01 {margin-top: 50px; width: 350px; height: 40px; border-radius: 8px; font-size: 16px; font-weight: 600;}

/* 가입절차 팝업(로그인) */
.pop_join_info {width: 300px; height: 360px; border-radius: 16px; padding: 20px; box-sizing: border-box;}
.pop_join_info .icon {width: 50px; height: 45px; display: block;text-align: center; background: url(../img/i_join_info.png) no-repeat; background-size: 50px auto;margin: auto; margin-bottom: 20px; margin-top: 65px;}
.pop_join_info .item_cnt {text-align: center; font-size: 16px; color: #000; font-weight: 500;}
.pop_join_info.popup .btm_area {border: none; margin-top: 30px; padding: 0;}
.pop_join_info.popup .btm_area button {width: 100%; margin: 0; height: 40px; border: 1px solid #F4721E; border-radius: 8px; font-weight: 400;}
.pop_join_info.popup .btm_area button.back {background: #fff; color: #F4721E; margin-top: 10px;}

/* 가입절차 팝업(이전단계) */
.pop_join_info_prev {width: 300px; height: 360px; border-radius: 16px; padding: 20px; box-sizing: border-box;}
.pop_join_info_prev .icon {width: 50px; height: 45px; display: block;text-align: center; background: url(../img/i_join_info.png) no-repeat; background-size: 50px auto;margin: auto; margin-bottom: 20px; margin-top: 35px;}
.pop_join_info_prev .item_cnt {text-align: center; font-size: 16px; color: #000; font-weight: 500;}
.pop_join_info_prev .item_cnt .red {color: #E02020;}
.pop_join_info_prev .item_cnt > p {font-size: 12px; color: #afafaf; font-weight: 400;margin-top: 20px;}
.pop_join_info_prev.popup .btm_area {border: none; margin-top: 20px; padding: 0;}
.pop_join_info_prev.popup .btm_area button {width: 100%; margin: 0; height: 40px; border: 1px solid #F4721E; border-radius: 8px; font-weight: 400;}
.pop_join_info_prev.popup .btm_area button.back {background: #fff; color: #F4721E; margin-top: 10px;}
.popup.pop_join_info_prev .pop_wrap {padding: 10px;}

/* 가입절차 팝업(필수항목 충족) */
.pop_join_info_essential {width: 300px; height: 360px; border-radius: 16px; padding: 20px; box-sizing: border-box;}
.pop_join_info_essential .icon {width: 50px; height: 45px; display: block;text-align: center; background: url(../img/i_join_info.png) no-repeat; background-size: 50px auto;margin: auto; margin-bottom: 20px; margin-top: 65px;}
.pop_join_info_essential .item_cnt {text-align: center; font-size: 16px; color: #000; font-weight: 500;}
.pop_join_info_essential .item_cnt .red {color: #E02020;}
.pop_join_info_essential.popup .btm_area {border: none; margin-top: 30px; padding: 0;}
.pop_join_info_essential.popup .btm_area button {width: 100%; margin: 0; height: 40px; border: 1px solid #F4721E; border-radius: 8px; font-weight: 400;}
.pop_join_info_essential.popup .btm_area button.back {background: #fff; color: #F4721E; margin-top: 10px;}

/* 개인정보 수정 오류 팝업 */
.pop_personal_information_error {width: 300px; height: 360px; border-radius: 16px; padding: 20px; box-sizing: border-box;}
.pop_personal_information_error .icon {width: 50px; height: 45px; display: block;text-align: center; background: url(../img/i_join_info.png) no-repeat; background-size: 50px auto;margin: auto; margin-bottom: 20px; margin-top: 65px;}
.pop_personal_information_error .item_cnt {text-align: center; font-size: 16px; color: #000; font-weight: 500;}
.pop_personal_information_error .item_cnt .red {color: #E02020;}
.pop_personal_information_error.popup .btm_area {border: none; margin-top: 80px; padding: 0;}
.pop_personal_information_error.popup .btm_area button {width: 100%; margin: 0; height: 40px; border: 1px solid #F4721E; border-radius: 8px; font-weight: 400;}
.pop_personal_information_error.popup .btm_area button.back {background: #fff; color: #F4721E; margin-top: 10px;}
.popup.pop_personal_information_error .pop_wrap {padding: 10px;}

/* 개인정보 수정 소속 검색 */
.pop_search_affiliation {width: 900px; height: 600px;}
.pop_search_affiliation .belong_search {width: 414px; text-align: left; margin: auto;}
.pop_search_affiliation .belong_search > p {font-size: 16px; color: #3D3D3D; font-weight: 700; margin-bottom: 14px;}
.pop_search_affiliation .belong_search .search_bx {width: 420px; border-radius: 8px; margin-bottom: 8px; position: relative; margin: auto;}
.pop_search_affiliation .belong_search .search_bx input {border: none; height: 40px; width: calc(100% - 64px);border-radius: 8px; padding-left: 10px; box-sizing: border-box; font-size: 16px; color: #3D3D3D; font-weight: 400; border: 1px solid #E6E6E6;}
.pop_search_affiliation .belong_search .search_bx input:focus {outline: none;}
.pop_search_affiliation .belong_search .search_bx input::placeholder {color: #c4c4c4;}
.pop_search_affiliation .belong_search .search_bx button {display: block; width: 56px; height: 40px;position: absolute; right: 0; top: 0; color: #F4721E; border: 1px solid #F4721E;border-radius: 8px; background: #fff;}
.pop_search_affiliation .belong_search .search_bx.num .short {width: 48px; text-align: center; padding-left: 0;}
.pop_search_affiliation .belong_search .search_bx.num .long {width: 212px;}
.pop_search_affiliation .belong_search .search_bx.num > i {margin: 0 6px; color: #E6E6E6; font-size: 16px; font-weight: 700;}

.pop_search_affiliation .table.belong {margin: auto;margin-top: 44px; width: 100%;}
.pop_search_affiliation .table.belong .head {background: #F5F6F7; border-radius: 8px; border: none;}
.pop_search_affiliation .table.belong .body {max-height: 300px;}
.pop_search_affiliation .table .body>table>tbody>tr {background: #fff;}
.pop_search_affiliation .table.belong .body .info {width: 100%; height: 245px; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.pop_search_affiliation .table.belong .body .info >img {width: 23px; height: auto; display: block;}
.pop_search_affiliation .table.belong .body .info > p {display: block; width: 100%; margin-top: 6px; color: #838383;}
.pop_search_affiliation .table .body table .click > td {background: #FFEFE4;}
.pop_search_affiliation .table .check_bx>input.check+label {display: inline-block;width: 20px;height: 20px;margin-top: 0px;background: url(../img/i_join_check.png) center no-repeat;background-size: 20px;} 
.pop_search_affiliation .table .check_bx>input.check:checked+label {width: 85px; display: inline-block;width: 20px;height: 20px;margin-top: 0px;background: url(../img/i_join_check_active.png) center no-repeat;background-size: 20px;} 

/*header*/
.header{width:100%;height:40px;background-color:#fff;font-size:16px;box-shadow: 0 0px 4px rgba(137, 137, 137, 0.25);}
.header:after{display:block;clear:both;content:""}
.header .logo{float:left;height:100%;padding:0 12px 0 12px;border: none;position: relative;}
.header .logo::after {content: '';display: block;width: 1px; height: 14px;position: absolute;right: 0px;top: 14px; background: #E4E4E4; }
.header .logo>a{display:block;height:100%}
.header .logo>a>img{width:auto;height:40px;padding:0}
.header .nav{float:left;width:calc(100% - 280px)}
.header .nav>button{display:none}
.header .nav>ul:after{display:block;clear:both;content:""}
.header .nav>ul .menu{display:block;float:left;width:148px;text-align:center;line-height:40px;border: none;position: relative; color: #A5A9AE;width: auto; margin: 0 25px;}
.header .nav>ul .menu::after {content: '';display: block;width: 1px; height: 14px;position: absolute;right: -25px;top: 14px; background: #E4E4E4; }
.header .nav>ul .menu:last-child::after {display: none;}
.header .nav>ul .menu>a{display:block}
.header .nav>ul .menu.on>a{color:#f37320}
.header .nav>ul .menu.on{position:relative;color:#f37320;font-weight:500}
.header .nav>ul .menu.click{color:#f37320;font-weight:500}
.header .nav>ul .menu .sub_menu{display:none;position:absolute;top:40px;left:50%;background-color:#fff;color:#7b7b7b;box-shadow:3px 5px 10px 0 rgba(0, 0, 0, 0.25);z-index:200;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);border-radius:16px; border: 1px solid #e4e4e4; box-shadow: 0 10px 10px rgba(166, 166, 166, 0.25); padding: 24px;}
.header .nav>ul .menu.on .sub_menu{display:block}
.header .nav>ul .menu .sub_menu>li{line-height:normal;text-align: left;color: #A5A9AE;}
.header .nav>ul .menu .sub_menu>li+li{margin-top:10px}
.header .nav>ul .menu .sub_menu>li>a{font-weight:300;white-space:nowrap; font-size: 14px; }
.header .nav>ul .menu .sub_menu>li>a:hover{color:#f37320}
.header .nav>ul .menu .sub_menu>li>a.click{color:#f37320}
.header .user{float:right;position:relative;top:3px;right:15px}
.header .user .btn_user{width:34px;height:34px;padding:0;background-color:#f37320;color:#fff;font-size:12px;border-radius:50%}
.header .user .user_cnt{display:none;position:absolute;top:45px;right:0;background-color:#fff;border-radius:3px;z-index: 1; box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.15); border-radius: 16px;}
.header .user .user_cnt>ul{width:90px;padding:12px}
.header .user .user_cnt .item{display:block}
.header .user .user_cnt .item+.item{margin-top:10px}
.header .user .user_cnt .item>button{display:block;height:100%;font-size:14px;font-weight:500;text-align:left}

/*container*/
/*common*/
input[type="file"]{display:none}
.top_area{background: #fff; margin: 10px 10px 0; padding: 0;border-radius: 8px 8px 0 0; box-shadow:0 0px 4px rgba(137, 137, 137, 0.25);}
.top_area .category{padding: 8px; padding-bottom: 5px;font-size:16px;}
.top_area .category:after{display:block;clear:both;content:""}
.top_area .category .item{float:left;position:relative;margin-right:15px;padding-right:15px;font-size: 14px;font-weight: 400; color: #a5a5a5;}
.top_area .category .item:before{position:absolute;top:50%;right:-5px;background: url(../img/header_arr.png) center no-repeat; background-size: contain; width: 6px; height: 9px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);content:""}
.top_area .category .item:last-child{margin-right:0;padding-right:0;color: #5D6673;}
.top_area .category .item:last-child:before{display:none}
.mid_area{padding:10px;padding-top: 0;}
.mid_area:after{display:block;clear:both;content:""}
.mid_area .table .body{height: calc(100vh - 290px);}
.mid_area .table .chk{width:5%}
.mid_area .table .num{width:10%}
.mid_area .section_tit{float:left;width:100%;background: #fff;border-radius: 0 0 8px 8px ; box-shadow:0 2px 2px rgba(137, 137, 137, 0.09); margin-bottom: 10px;  padding:8px; padding-top: 3px; box-sizing: border-box;height: 40px;}
.mid_area .section_tit:after{display:block;clear:both;content:""}
.mid_area .section_tit > * {float: left;}
.mid_area .section_tit > .line {display: inline-block; margin: 9px 15px; width: 1px; height: 12px; background: #E1E1E1;}
.mid_area .section_tit .tit{float:left;color:#a5a5a5; line-height: 30px;}
.mid_area .section_tit .tit>b{color:#3d3d3d;font-size:16px}
.mid_area .section_tit .tab_cnt{float:left;background: #F5F5F7; border-radius: 100px; padding: 2px; margin-left: 0;}
.mid_area .section_tit .tab_cnt:after{display:block;clear:both;content:""}
.mid_area .section_tit .tab_cnt>i{float:left;color:#a5a5a5}
.mid_area .section_tit .tab_cnt .tab_bx{float:left;margin:0;}
.mid_area .section_tit .tab_cnt .tab_bx:after{display:block;clear:both;content:""}
.mid_area .section_tit .tab_cnt .tab_bx .tab_btn{float:left;position:relative;color:#a5a5a5;cursor:pointer;background: none; line-height: 26px; padding: 0 6px; border-radius: 100px;}
.mid_area .section_tit .tab_cnt .tab_bx .tab_btn.on{color:#f37321;font-weight:500;background: #fff; box-shadow: 0 0px 4px rgba(137, 137, 137, 0.25);}
.mid_area .section_tit .tab_cnt .tab_bx .tab_btn:first-child:before{display:none}
.mid_area .section_tit .tab_cnt .tab_bx .tab_btn+.tab_btn{margin-left:0px}
.mid_area .section_tit .list_txt{float:left;margin-left:10px;color:#a5a5a5}
.mid_area .section_tit .right_bx{float:right;display: flex; height: 29px; align-items: flex-end;}
.mid_area .section_tit a[class*='btn_'] {line-height: 22px;}
.mid_area .section_tit .slt_cnt {height: 30px;width: auto; display: flex; align-items: center;}
.mid_area .section_tit .slt_cnt .team_slt {height: 30px;width: auto; display: flex; align-items: center; color: #5D6673;}
.mid_area .i_team {margin-right: 5px;display: inline-block; width: 14px; height: 20px; background: url(../img/i_team.png) no-repeat; background-size: contain; background-position: center;}
.mid_area .i_ping {margin-right: 5px;display: inline-block; width: 14px; height: 20px; background: url(../img/i_ping.png) no-repeat; background-size: contain; background-position: center;}
.mid_area .i_check {margin-right: 5px;display: inline-block; width: 14px; height: 20px; background: url(../img/i_check.png) no-repeat; background-size: contain; background-position: center;}
.mid_area .i_spring_calandar {margin-right: 5px;display: inline-block; width: 14px; height: 20px; background: url(../img/i_spring_calandar.png) no-repeat; background-size: contain; background-position: center;}
.mid_area .i_folder {margin-right: 5px;display: inline-block; width: 14px; height: 20px; background: url(../img/i_folder.png) no-repeat; background-size: contain; background-position: center;}
.mid_area .section_search{float:left;width:calc(100% - 20px);margin-bottom:10px;padding:10px;background-color:#fff;border-radius: 8px; box-shadow: 0 0px 4px rgba(137, 137, 137, 0.25); display: flex; justify-content: space-between; align-items: center;}
.mid_area .section_search .select_bx{float:left;margin-right:10px;display: flex; align-items: center;}
.mid_area .section_search .select_bx:after{display:block;clear:both;content:""}
.mid_area .section_search .select_bx .slt_bx{margin-right:0}
.mid_area .section_search .search_bx{float:left}
.mid_area .section_search .search_bx>div{float:left}
.mid_area .section_search .search_bx .search_tit{float:left;margin-right:5px;font-weight:500}
.mid_area .section_search .search_bx > i {float: left; display: flex; font-weight: 400; color: #5D6673;}
.mid_area .section_search .search_bx .line {margin: 5px 15px;}
.mid_area .section_search .datepicker_bx{float:left;margin-right:10px; display: flex;align-items: center;}
.mid_area .section_search .right_bx{float:right}
.mid_area .section_search .right_bx:after{display:block;clear:both;content:""}
.mid_area .section_search .right_bx>div{float:left}
.mid_area .section_search .right_bx>div:after{display:block;clear:both;content:""}
.mid_area .section_search .right_bx>div>button{float:left}
.mid_area .section_search .right_bx .toggle{margin-right:10px}
.mid_area .section_search .right_bx .toggle:after{display:block;clear:both;content:""}
.mid_area .section_search .right_bx .toggle>i{float:left;margin-right:5px}
.mid_area .section_search .right_bx .toggle>button{float:left;width:30px;height:20px;background:url(../img/btn_on.png) center no-repeat;background-size:contain}
.mid_area .section_search .right_bx .toggle .on{background:url(../img/btn_on.png) center no-repeat;background-size:contain}
.mid_area .section_search .right_bx .toggle .off{background:url(../img/btn_off.png) center no-repeat;background-size:contain}
.mid_area .section_search .notice{float:left;width:100%;margin-top:5px}
.mid_area .section_search .line {display: inline-block;margin: 5px 10px; margin-left: 0;width: 1px;height: 12px;background: #E1E1E1; float: left;}

.mid_area .locate_btn button {background: #F5F5F7; color: #A5A5A5; border-radius: 22px; padding: 0 7px; line-height: 22px;}
.mid_area .locate_btn button:not(:last-child) {margin-right: 3px;}
.mid_area .locate_btn button.on{background: #FFF4ED; color: #F37321;}
.mid_area .section_cnt{float:left;width:100%;background-color:#fff;border-radius: 8px;box-shadow: 0 0px 4px rgba(137, 137, 137, 0.25);}
.mid_area .section_cnt>.wrap{padding:0;}
.mid_area .section_cnt .pagination{padding:10px 0;border-radius:0 0 8px 8px; background: #F1F7F8;}
.mid_area .section_left{float:left;width:340px;margin-right:10px}
.mid_area .section_left:after{display:block;clear:both;content:""}
.mid_area .section_left .section_search .tit{font-weight:500;line-height:22px}
.mid_area .section_left .section_search .search_bx .txt_bx{width:120px}
.mid_area .section_left .section_cnt>.wrap{padding:10px}
.mid_area .section_left .section_cnt .tree_bx{overflow-y:auto;height:calc(100vh - 217px)}
.mid_area .section_left .section_cnt .list_bx{overflow-y:auto;height:calc(100vh - 216px);text-align:center}
.mid_area .section_left .section_cnt .list_bx>li{cursor:pointer}
.mid_area .section_left .section_cnt .list_bx>li+li{margin-top:5px}
.mid_area .section_left .section_cnt .list_bx .click{color:#f37320;font-weight:500}
.mid_area .section_right{float:left;width:calc(100% - 350px)}
.mid_area .section_right:after{display:block;clear:both;content:""}
.mid_area .section_cnt .table .head>table>thead>tr .more .i_help .help_txt{min-width:75px}
.mid_area .section_list{float:left;width:calc(100% - 20px);margin-bottom:10px;padding:10px;background-color:#fff}
.mid_area .section_list:after{display:block;clear:both;content:""}
.mid_area .section_list .item{float:left}
.mid_area .section_list .item+.item{margin-left:15px;padding-left:15px;border-left:1px solid #3d3d3d;box-sizing:border-box}
.mid_area .section_list .item:after{display:block;clear:both;content:""}
.mid_area .section_list .item .dt{float:left;font-weight:500}
.mid_area .section_list .item .dd{float:left;margin-left:10px}
.mid_area .section_cnt .table .body>table>tbody>tr.on .state{color:#0091ff}

/*옵션박스*/
.option_bx .select{display:block;position:relative;width: 150px;padding:0 20px 0 5px;line-height:20px;border:1px solid #d8d8d8;box-sizing:border-box;cursor:pointer;border: none;background: #F5F5F7;border-radius: 4px;margin-left:10px;}
.option_bx .select:before{position:absolute;top:50%;right:8px;width:10px;height:7px;background:url(../img/arr_down_02.png) center no-repeat;background-size:10px 7px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.option_bx .chk_opt:after{display:block;clear:both;content:""}
.option_bx .chk_opt .search_bx{border-bottom:1px solid #e6e6e6;border-bottom: none; float: none; padding-bottom: 0; margin-bottom: 4px;}
.option_bx .chk_opt .search_bx .txt_bx{margin-right: 10px;width:218px; height: 32px; box-sizing: border-box; border: none; border-radius: 100px;box-shadow: 0 0 4px rgba(143, 143, 143, 0.25); padding-left: 10px;}
.option_bx .chk_opt .search_bx .btn_border_01 {display: inline-block; width: 32px; height: 32px; background: url(../img/i_close.png) no-repeat; background-size: contain; padding: 0; box-shadow: 0 0 4px rgba(143, 143, 143, 0.25); border-radius: 50%;}


.option_bx .chk_opt .toggle{margin-left:5px}
.option_bx .chk_opt .toggle:after{display:block;clear:both;content:""}
.option_bx .chk_opt .toggle>i{float:left;margin-right: 8px;}
.option_bx .chk_opt .toggle>button{float:left;width: 22px;height:20px;background:url(../img/btn_on.png) center no-repeat;background-size:contain}
.option_bx .chk_opt .toggle .on{background:url(../img/toggle_on.png) center no-repeat;background-size:contain}
.option_bx .chk_opt .toggle .off{background:url(../img/toggle_off.png) center no-repeat;background-size:contain}
.option_bx .chk_opt .btm_bx{margin-top: 4px;float: none;}
.option_bx .chk_opt .btm_bx:after{display:block;clear:both;content:""}
.option_bx .chk_opt .btm_bx>button{float:left}
.option_bx .chk_opt .btm_bx .apply_btn {background: #F37321; border-radius: 35px;width: 100%; line-height: 32px; color: #fff;box-shadow: 0 0 4px rgba(143, 143, 143, 0.25); font-size: 14px; font-weight: 400;}


/*요약정보*/
.main .top_area {border-radius: 0; background: none; box-shadow: none; padding: 0;}
.main .top_area .top_bar {width: 100%; margin-bottom: 10px; color: #5D6673; background: #fff; padding: 10px; box-sizing: border-box; border-radius: 8px;box-shadow: 0 0px 4px rgba(137, 137, 137, 0.25);}
.main .top_area .top_bar::after{display:block;clear:both;content:""}
.main .top_area .top_bar .state {float: left; height: 22px;}
.main .top_area .top_bar .state > p {float: left;}
.main .top_area .top_bar .state .date {margin-right: 20px; padding-right: 20px; position: relative;}
.main .top_area .top_bar .state .date::after {display: block; content: ''; position: absolute; right: 0px; top: 4px; width: 1px; height: 12px; background: #E1E1E1;}
.main .top_area .top_bar .transform {float: right;}
.main .top_area .top_bar .transform > p {float: left;}
.main .top_area .top_bar .transform > .transform_btn {float: right; width: 18px; height: 18px; display: inline-block; background: url(../img/i_transform.png) no-repeat; background-size: 12px 16px; background-position: center; margin-left: 10px;}
.main .mid_area .filter_bx {background: #fff; margin-bottom: 10px;box-shadow: 0 0px 4px rgba(137, 137, 137, 0.25);border-radius: 8px;box-sizing: border-box; height: 42px; display: flex; justify-content: flex-start; align-items: center; padding: 10px; box-sizing: border-box; float: none; width: 100%;}
.main .mid_area .filter_bx .slt_cnt {display: flex; align-items: center; justify-content: flex-start;}
.main .mid_area .filter_bx .slt_cnt .team_slt {display: flex; align-items: center; margin-right: 6px;}
.main .mid_area .filter_bx .line {display: inline-block;margin: 5px 20px;width: 1px;height: 12px;background: #E1E1E1; float: left;}
.main .mid_area .filter_bx .option_bx .select {border: 1px solid #F5F5F7; background: #fff; color: #A5A9AE; width: 180px;margin-left: 12px;}
.main .mid_area .section {background: #fff; box-shadow: 0 0px 4px rgba(137, 137, 137, 0.25); border-radius: 8px; padding: 16px; box-sizing: border-box;}
.main .mid_area .section .tit {font-size: 18px; font-weight: 700; color: #272727; margin-bottom: 14px; width: 100%; text-align: left;}
.main .mid_area .section .tit > p {line-height: 18px;}
.main .mid_area .section .total {position: relative;}
.main .mid_area .section .total::after {position: absolute; left: 0; top: 0; content: '';display: block; width: 2px; height: 19px; background: #5D6673;}
.main .mid_area .section .total > p {padding-left: 14px; font-size: 20px; color: #5D6673; font-weight: 500; line-height: 1;}

.main .mid_area .top_section {height: 270px;margin-bottom: 10px; display: flex;}
.main .mid_area .top_section::after {content: ''; display: block; clear: both;}
.main .mid_area .top_section .section {height: 270px; width: 945px;}
.main .mid_area .top_section .section:not(:last-child) {margin-right: 10px;}

.main .mid_area .top_section .accident .txt {float: left; width: 21%; text-align: left; height: 100%;}
.main .mid_area .top_section .accident .chart {width: 79%; height: 100%; float: right; border: 1px solid #E5E5E5; border-radius: 16px; box-sizing: border-box; padding: 18px;}   
.main .mid_area .top_section .accident .total {margin-bottom: 14px;}
.main .mid_area .top_section .accident .nation p {margin-bottom: 6px; line-height: 24px; font-size: 16px; color: #5D6673; padding-left: 30px;position: relative; font-weight: 400;}
.main .mid_area .top_section .accident .nation .domestic > span {color: #B71010;}
.main .mid_area .top_section .accident .nation .overseas > span {color: #C48E9E;}
.main .mid_area .top_section .accident .nation p::after {position: absolute; content: ''; left: 0; top: 4px; display: block; width: 20px; height: 16px;}
.main .mid_area .top_section .accident .nation .domestic::after {background: url(../img/i_domestic.png) no-repeat; background-size: contain; width: 24px; height: 20px;}
.main .mid_area .top_section .accident .nation .overseas::after {background: url(../img/i_overseas.png) no-repeat; background-size: contain;}
.main .mid_area .top_section .tsgr .tit {height: 20px;}
.main .mid_area .top_section .tsgr .tit > p {width: auto; float: left; }
.main .mid_area .top_section .tsgr .tit .datepicker_bx {float:left; margin-left: 28px; position: relative;}
.main .mid_area .top_section .tsgr .tit .datepicker_bx::after {position: absolute; left: -14px; top: 4px; content: ''; display: block; background: #E1E1E1; width: 1px; height: 12px;}
.main .mid_area .top_section .tsgr .tit .datepicker .picker {width: 42px; height: 20px;}
.main .mid_area .top_section .tsgr .tit .total {float: right;}
.main .mid_area .top_section .tsgr .chart {width: 100%; height: 202px;}

.main .mid_area .btm_section {height: 494px; display: flex;}
.main .mid_area .btm_section .section {height: 494px; width: 100px; float: left;}
.main .mid_area .btm_section::after {content: ''; display: block; clear: both;}
.main .mid_area .btm_section .section:not(:last-child) {margin-right: 10px;}
.main .mid_area .btm_section .monitoring_wrap {width: 1090px;}
.main .mid_area .btm_section .permit {width: 460px;}
.main .mid_area .btm_section .month_summary {width: 330px;}

.main .mid_area .btm_section .monitoring_wrap .date {margin-bottom: 10px;}
.main .mid_area .btm_section .monitoring_wrap .date .slt_bx {background: #fff; border: 1px solid #F5F5F7; border-radius: 4px; max-width: none; width: auto;} 
.main .mid_area .btm_section .monitoring_wrap .chart_wrap {display: flex; justify-content: flex-start;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .chart {width: 256px; margin-right: 54px;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx {width: 270px;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li {width: 100%;height: 30px; font-size: 16px;  box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li p {font-weight: 500; color: #5D6673; padding-left: 26px;width: 164px;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li p .dot {display: block; width: 14px; height: 14px; border-radius: 50%; background: #000; float: left; margin-right: 12px;margin-top: 6px;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li p .dot.fall {background: #619BDE;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li p .dot.slip {background: #7ADE61;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li p .dot.hit {background: #DEB361;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li p .dot.stuck {background: #DE6170;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li p .dot.strike {background: #BD61DE;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li p .dot.row {background: #F2D2D1;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li p .dot.middle {background: #E39692;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li p .dot.high {background: #FF0000;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li:not(:last-child) {margin-bottom: 5px;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li .legend_btn {float: right; text-align:left; color: #5D6673; font-weight: 400; text-decoration: underline;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li.warning p {color: #FF0000;}
.main .mid_area .btm_section .monitoring_wrap .chart_wrap .legend_bx .legend li.warning .legend_btn {color: #FF0000;}

.main .mid_area .btm_section .monitoring_wrap .danger {float: left; width: 588px; height:432px;}
.main .mid_area .btm_section .monitoring_wrap .danger .check {height: calc(55% - 8px); margin-bottom: 16px; border-bottom: 1px solid #E1E1E1;}
.main .mid_area .btm_section .monitoring_wrap .danger .check .tit {margin-bottom: 22px;}
.main .mid_area .btm_section .monitoring_wrap .danger .danger_chart { width: 300px; height: 300px;}
.main .mid_area .btm_section .monitoring_wrap .danger .distribution {height: calc(45% - 8px);}
.main .mid_area .btm_section .monitoring_wrap .danger .distribution .tit {margin-bottom: 14px;}
.main .mid_area .btm_section .monitoring_wrap .danger .distribution .chart_wrap {align-items: center; height: 154px;}
.main .mid_area .btm_section .monitoring_wrap .project {float: right; width: calc(100% - 588px); height:432px;}
.main .mid_area .btm_section .monitoring_wrap .project .tit {display: flex; justify-content: space-between; align-items: center;}
.main .mid_area .btm_section .monitoring_wrap .project .tit .slt_bx {margin-left: 0;margin-right: 0;line-height: 30px;background: #fff;border: 1px solid #F5F5F7;height: 30px;min-width: 180px;}
.main .mid_area .btm_section .monitoring_wrap .project .total {color: #5D6673; font-size: 14px; margin-bottom: 12px; font-weight: 400;}
.main .mid_area .btm_section .monitoring_wrap .project .total::after {display: none;}
.main .mid_area .btm_section .monitoring_wrap .project .table {border: 1px solid #F0F0F0; border-radius: 8px; overflow: hidden;} 
.main .mid_area .btm_section .monitoring_wrap .project .table .num {width: 20%;}
.main .mid_area .btm_section .monitoring_wrap .project .table .head table tr {height: 42px;}
.main .mid_area .btm_section .monitoring_wrap .project .table .body table tr {height: 42px;}
.main .mid_area .btm_section .monitoring_wrap .project .table .body {height: 295px; overflow-y: auto;}
.main .mid_area .btm_section .monitoring_wrap .project .table .body table td {color: #A5A9AE;}
.main .mid_area .btm_section .monitoring_wrap .project .table .body table td > img {width: 22px; height: auto;}
.main .mid_area .btm_section .monitoring_wrap .project .table .body table .title {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: wrap;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.main .mid_area .btm_section .permit .filter_bx {display: flex; width: 100%; height:30px;justify-content: space-between; align-items: center; box-shadow: none; background: none; padding: 0; margin: 0; margin-bottom: 10px;}
.main .mid_area .btm_section .permit .filter_bx .slt_bx {margin-left: 0; line-height: 30px; background: #fff; border: 1px solid #F5F5F7; height: 30px; min-width: 180px;}
.main .mid_area .btm_section .permit .img_wrap {width: 100%; height: 200px; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #F5F5F7;}
.main .mid_area .btm_section .permit .img_wrap > img { width: inherit;height: inherit;}
.main .mid_area .btm_section .permit .img_wrap > .empty {color: #A5A9AE;}
.main .mid_area .btm_section .permit .list {width: 100%; max-height: 178px; overflow-y: auto; margin-top: 15px;}
.main .mid_area .btm_section .permit .list li {display: flex; justify-content: space-between; align-items: center;background: #E7F4F8; border-radius: 72px; height: 46px; padding: 5px 6px; box-sizing: border-box;}
.main .mid_area .btm_section .permit .list li:not(:last-child) {margin-bottom: 6px;}
.main .mid_area .btm_section .permit .list li .txt {width: 100%;display: flex; align-items: center;justify-content: flex-start; padding-left: 10px; font-weight: 400; line-height: 14px;}
.main .mid_area .btm_section .permit .list li .txt p {width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: wrap;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main .mid_area .btm_section .permit .list li .txt i{display: block; width: 30%; border-left: 1px solid #5D6673; padding-left: 14px; margin-left: 14px;}
.main .mid_area .btm_section .permit .list li .more_btn {display: block; width: 36px; height: 36px; background: url(../img/i_more_btn_2.png) no-repeat; background-size: contain;}

.main .mid_area .btm_section .month_summary .btn_wrap {width: 100%; height: 24px; margin-top: 24px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center;}
.main .mid_area .btm_section .month_summary .btn_wrap > i {font-size: 24px; color: #5D6673; line-height: 24px; font-weight: 400; margin: 0 18px;}
.main .mid_area .btm_section .month_summary .btn_wrap .p_prev {width: 24px; height:24px; display: inline-block; background: url(../img/arr_prev_02.png) center no-repeat;background-size: 12px 20px;}
.main .mid_area .btm_section .month_summary .btn_wrap .p_next {width: 24px; height:24px; display: inline-block; background: url(../img/arr_next_02.png) center no-repeat;background-size: 12px 20px;}
.main .mid_area .btm_section .month_summary .list {width: 100%; overflow-y: auto; max-height: 400px;}
.main .mid_area .btm_section .month_summary .list li {position: relative;border-bottom: 1px solid #E1E1E1; padding-bottom: 14px; padding-top: 44px;}
.main .mid_area .btm_section .month_summary .list li .type_tit {width: 100%; text-align: left; font-size: 18px; font-weight: 600; margin-bottom: 2px;}
.main .mid_area .btm_section .month_summary .list li .type_sub_tit {display: flex; width: 100%; height: 36px; justify-content: space-between; align-items: center;}
.main .mid_area .btm_section .month_summary .list li .type_sub_tit i {display: block; color: #5D6673; padding-left: 14px; position: relative; font-size: 20px; color: #5D6673; font-weight: 400;}
.main .mid_area .btm_section .month_summary .list li .type_sub_tit i::after {position: absolute; left: 0; top: 6px; content: ''; display: block; width: 2px; height: 20px; background: #5D6673;}
.main .mid_area .btm_section .month_summary .list li .type_sub_tit .more_btn {display: block; width: 36px; height: 36px; background: url(../img/i_more_btn.png) no-repeat; background-size: contain;}
.main .mid_area .btm_section .month_summary .list li.disabled::after {content: ''; position: absolute;left: 0;right: 0;top: 0;bottom: -1px; background: rgba(256, 256, 256, 0.8);}

.main .apexcharts-canvas {background: #fff;}


/* main 안전환경팀 */
.main_2 .top_area .filter_bx {width: 100%; margin-bottom: 10px; color: #5D6673; background: #fff; padding: 10px; box-sizing: border-box; border-radius: 8px;box-shadow: 0 0px 4px rgba(137, 137, 137, 0.25);}
.main_2 .top_area .filter_bx .slt_cnt {display: flex; align-items: center; justify-content: flex-start; float: left;}
.main_2 .top_area .filter_bx .slt_cnt .team_slt {display: flex; align-items: center; margin-right: 6px;}
.main_2 .top_area .filter_bx .line {display: inline-block;margin: 5px 20px;width: 1px;height: 12px;background: #E1E1E1; float: left;}
.main_2 .top_area .filter_bx .option_bx .select {border: 1px solid #F5F5F7; background: #fff; color: #A5A9AE; width: 180px;margin-left: 12px;}
.main_2 .top_area .filter_bx::after{display:block;clear:both;content:""}
.main_2 .top_area .filter_bx .state {float: left; margin-right: 30px;}
.main_2 .top_area .filter_bx .state > p {float: left;}
.main_2 .top_area .filter_bx .state .date {margin-right: 20px; padding-right: 20px; position: relative;}
.main_2 .top_area .filter_bx .state .date::after {display: block; content: ''; position: absolute; right: 0px; top: 4px; width: 1px; height: 12px; background: #E1E1E1;}
.main_2 .top_area .filter_bx .transform {float: right;}
.main_2 .top_area .filter_bx .transform > p {float: left;}
.main_2 .top_area .filter_bx .transform > .transform_btn {float: right; width: 18px; height: 18px; display: inline-block; background: url(../img/i_transform.png) no-repeat; background-size: 12px 16px; background-position: center; margin-left: 10px;}
.main_2 .top_area .filter_bx .locate_btn button {background: #F5F5F7; color: #A5A5A5; border-radius: 22px; padding: 0 7px; line-height: 22px;}
.main_2 .top_area .filter_bx .locate_btn button:not(:last-child) {margin-right: 3px;}
.main_2 .top_area .filter_bx .locate_btn button.on{background: #FFF4ED; color: #F37321;}
.main_2 .top_area .i_team {margin-right: 5px;display: inline-block; width: 14px; height: 20px; background: url(../img/i_team.png) no-repeat; background-size: contain; background-position: center;}
.main_2 .top_area .i_ping {margin-right: 5px;display: inline-block; width: 14px; height: 20px; background: url(../img/i_ping.png) no-repeat; background-size: contain; background-position: center;}
.main_2 .top_area .i_check {margin-right: 5px;display: inline-block; width: 14px; height: 20px; background: url(../img/i_check.png) no-repeat; background-size: contain; background-position: center;}
.main_2 .top_area .i_spring_calandar {margin-right: 5px;display: inline-block; width: 14px; height: 20px; background: url(../img/i_spring_calandar.png) no-repeat; background-size: contain; background-position: center;}
.main_2 .top_area .i_folder {margin-right: 5px;display: inline-block; width: 14px; height: 20px; background: url(../img/i_folder.png) no-repeat; background-size: contain; background-position: center;}

.main_2 .mid_area .top_section {height: 332px;}
.main_2 .mid_area .top_section .section {height: 332px;}
.main_2 .mid_area .top_section .section.projdet_state {width: 460px;}
.main_2 .mid_area .top_section .projdet_state .list {display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;}
.main_2 .mid_area .top_section .projdet_state .list li {width: calc(50% - 10px); height: 82px; border-radius: 16px; box-shadow: 0 0 8px rgba(195, 195, 195, 0.3); padding: 15px 16px; box-sizing: border-box; margin-bottom: 10px;}
.main_2 .mid_area .top_section .projdet_state .list li:nth-child(odd) {margin-right: 10px;}

.main_2 .mid_area .top_section .projdet_state .list li .list_tit {font-size: 16px; font-weight: 600; line-height: 24px; color: #272727; display: flex; align-items: center; margin-bottom: 12px;}
.main_2 .mid_area .top_section .projdet_state .list li .list_tit > span {display: inline-block;width: 24px; height: 24px; margin-right: 10px;}
.main_2 .mid_area .top_section .projdet_state .list .site .list_tit > span {background: url(../img/i_main_site.png) no-repeat; background-size: contain;}
.main_2 .mid_area .top_section .projdet_state .list .equipment .list_tit > span {background: url(../img/i_main_equipment.png) no-repeat; background-size: contain;}
.main_2 .mid_area .top_section .projdet_state .list .partner .list_tit > span {background: url(../img/i_main_partner.png) no-repeat; background-size: contain;}
.main_2 .mid_area .top_section .projdet_state .list .partner_worker .list_tit > span {background: url(../img/i_main_partner_worker.png) no-repeat; background-size: contain;}
.main_2 .mid_area .top_section .projdet_state .list .disaster_day .list_tit > span {background: url(../img/i_main_disaster_day.png) no-repeat; background-size: contain;}
.main_2 .mid_area .top_section .projdet_state .list .disaster_week .list_tit > span {background: url(../img/i_main_disaster_week.png) no-repeat; background-size: contain;}
.main_2 .mid_area .top_section .projdet_state .list li .total_num {color: #5D6673; font-size: 16px; font-weight: 400; padding-left: 12px; position: relative; line-height: 1;}
.main_2 .mid_area .top_section .projdet_state .list li .total_num::after {position: absolute; left: 0; top: 3px; content: ''; width: 2px; height: 12px; display: block; background: #5D6673;}

.main_2 .mid_area .top_section .section.approval {width: 334px;}
.main_2 .mid_area .top_section .approval .tit {margin-bottom: 22px;}
.main_2 .mid_area .top_section .approval .list li {display: flex; justify-content: space-between; width: 100%; align-items: center;}
.main_2 .mid_area .top_section .approval .list li:not(:last-child) {margin-bottom: 30px;}
.main_2 .mid_area .top_section .approval .list li .approval_tit {color: #272727; font-size: 16px; font-weight: 700; position: relative; padding-left: 20px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 172px;}
.main_2 .mid_area .top_section .approval .list li .approval_tit::after {content: ''; display: block; position: absolute; top: 11px; left: 4px; width: 5px; height: 5px; background: #272727; border-radius: 50%;}
.main_2 .mid_area .top_section .approval .list li .total {display: flex; justify-content: space-between;}
.main_2 .mid_area .top_section .approval .list li .total .total_num {font-size: 16px; text-decoration: underline; margin-right: 26px; cursor: pointer;}
.main_2 .mid_area .top_section .approval .list li .total .more_btn {display: block; width: 20px; height: 20px; background: url(../img/i_more_btn.png) no-repeat; background-size: contain;}
.main_2 .mid_area .top_section .approval .list li .total::after {height: 12px; top: 4px;}

.main_2 .mid_area .top_section .section.board {width: 1086px;}
.main_2 .mid_area .top_section .board .board_top {display: flex; justify-content: space-between;height: 32px; margin-bottom: 10px;}
.main_2 .mid_area .top_section .board .board_top .tab_cnt {width: calc(100% - 100px); display: flex; justify-content: flex-start;}
.main_2 .mid_area .top_section .board .board_top .tab_cnt li {font-size: 18px; color: #272727; position: relative; cursor: pointer;}
.main_2 .mid_area .top_section .board .board_top .tab_cnt li:not(:last-child) {margin-right: 26px;}
.main_2 .mid_area .top_section .board .board_top .tab_cnt li.active {font-weight: 700;}
.main_2 .mid_area .top_section .board .board_top .tab_cnt li.active::after {position: absolute; bottom: -2px; left: 0; content: ''; display: block; width: 100%; height: 4px; background: #F37321;}
.main_2 .mid_area .top_section .board .board_top .board_btn {color: #F37321; border: 1px solid #F37321; border-radius: 18px; width: 56px; font-weight: 400;}

.main_2 .mid_area .top_section .board .board_section {display: none;}
.main_2 .mid_area .top_section .board .board_section.on {display: block;}
.main_2 .mid_area .top_section .board .board_section .table {border: 1px solid #F0F0F0; box-sizing: border-box; border-radius: 16px; overflow: hidden;}
.main_2 .mid_area .top_section .board .board_section .table .document_tit {width: 40%; text-decoration: underline; cursor: pointer;}
.main_2 .mid_area .top_section .board .board_section .table .head .document_tit {width: 40%; text-decoration: none; cursor: default;}
.main_2 .mid_area .top_section .board .board_section .table .bookmark {text-align: center; width: 80px;}
.main_2 .mid_area .top_section .board .board_section .table .bookmark > span {display: none;}
.main_2 .mid_area .top_section .board .board_section .table .bookmark.on > span {width: 17px; height: 17px; display: inline-block; background: url(../img/Star.png) no-repeat; background-size: contain;margin-top: 4px;}
.main_2 .mid_area .top_section .board .board_section .table .file.on > span {width: 14px; height: 14px; display: inline-block; background: url(../img/i_file_on.png) no-repeat; background-size: contain;margin-top: 4px;}
.main_2 .mid_area .top_section .board .board_section .table .file > span {width: 14px; height: 14px; display: inline-block; background: url(../img/i_file_off.png) no-repeat; background-size: contain;margin-top: 4px;}
.main_2 .mid_area .top_section .board .board_section .table .document_date {width: 15%;}
.main_2 .mid_area .top_section .board .board_section .table .del > .btn_del {width: 18px; height: 18px; display: inline-block; background: url(../img/i_del.png) no-repeat; background-size: contain;} 
.main_2 .mid_area .top_section .board .board_section .table .head table tr {height: 42px;}
.main_2 .mid_area .top_section .board .board_section .table .body {height: 211px; overflow-y: auto;}
.main_2 .mid_area .top_section .board .board_section .table .body table tr {height: 42px;}
.main_2 .mid_area .top_section .board .board_section .table .body table tr td {color: #A5A9AE;}
.main_2 .mid_area .top_section .board .tab_schedule .table {width: calc(100% - 242px); float: right; }
.main_2 .mid_area .top_section .board .tab_schedule .table .category .dot {width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-right: 8px; background: #000;}
.main_2 .mid_area .top_section .board .tab_schedule .table .category .dot.meeting {background: #FFA800;}
.main_2 .mid_area .top_section .board .tab_schedule .table .category .dot.check {background: #FF2E00;}
.main_2 .mid_area .top_section .board .tab_schedule .table .category .dot.project {background: #3E00C3;}
.main_2 .mid_area .top_section .board .tab_schedule .table .category .dot.edu {background: #00DFC4;}
.main_2 .mid_area .top_section .board .tab_schedule .table .category .dot.other {background: #868686;}
.main_2 .mid_area .top_section .board .tab_schedule .datepicker {width: 30%; float: left;}
.main_2 .mid_area .top_section .board .tab_schedule .datepicker .picker {display: none;}
.main_2 .mid_area .top_section .board .tab_schedule .datepicker .month_popup {transform: translateY(-20px);}
.main_2 .mid_area .top_section .board .tab_schedule .datepicker .tui-datepicker{border: 1px solid #F0F0F0;border-radius: 10px;overflow: hidden;}
.main_2 .mid_area .top_section .board .tab_schedule .datepicker .tui-datepicker-type-date, .datepicker .tui-calendar {width: 230px;}
.main_2 .mid_area .top_section .board .tab_schedule .datepicker .tui-calendar .tui-calendar-header-inner {height: 42px;}
.main_2 .mid_area .top_section .board .tab_schedule .datepicker .tui-calendar-btn {height: 42px;}
.main_2 .mid_area .top_section .board .tab_schedule .datepicker .tui-calendar .tui-calendar-title {line-height: 42px;}
.main_2 .mid_area .top_section .board .tab_schedule .datepicker .tui-calendar .plan {background: #FFEFE4; border-radius: 6px;}

/* 요약정보 레이아웃 1700까지 정렬 */
@media all and (max-width:1855px){
	.main_2 .mid_area .top_section .approval .list li .approval_tit {
		font-size: 14px;
		width: 132px;
	}
	.main_2 .mid_area .top_section .approval .list li .total .total_num {
		font-size: 14px;
		margin-right: 10px;
	}
	.main_2 .mid_area .top_section .projdet_state .list li .list_tit {
		font-size: 14px;
	}
	.main_2 .mid_area .top_section .projdet_state .list li .total_num {
		font-size: 14px;
	}
}

@media all and (max-width:1700px) {
	.main_2 .mid_area .top_section .projdet_state .list li .list_tit {
		font-size: 12px;
}
}

/*일일안전 허가관리>허가신청*/
.work_permit .mid_area .section_cnt .table .memo{width:15%}

/*일일안전 허가관리>연장신청*/
.overtime .mid_area .section_cnt .table .memo{width:15%}

/*현장개선 우수사례*/
.case .mid_area .section_cnt .table .body>table>tbody>tr .all{color:#0091ff}

/*마일리지 현황*/
.mileage .mid_area .section_tit .tit .i_help .help_txt{left:15px}

/*일일안전 당직일지 작성*/
.duty_list .mid_area .section_cnt .table .head>table>thead>tr>th .i_help .help_txt{min-width:70px}

/*공종관리*/
.construction .section_left{float:left;width:380px;margin-right:10px}
.construction .section_left .slt_bx {margin-left: 0;}
.construction .section_left .section_search .search_bx .txt_bx {width: 110px;}
.construction .section_right{float:left;width:calc(100% - 390px)}
.construction .mid_area .section_left .section_cnt>.wrap{padding:10px}
.construction .mid_area .section_left .section_cnt .group_bx{text-align:center;border:1px solid #bebebe;box-sizing:border-box}
.construction .mid_area .section_left .section_cnt .group_bx+.group_bx{margin-top:20px}
.construction .mid_area .section_left .section_cnt .group_bx>span{display:block;margin-bottom:5px;padding-bottom:5px;color:#001d33;font-weight:500;border-bottom:1px solid #bebebe;box-sizing:border-box}
.construction .mid_area .section_left .section_cnt .group_bx .table .head{border-bottom:1px solid #bebebe}
.construction .mid_area .section_left .section_cnt .group_bx .table .body{height:calc(100vh / 3 - 136px)}
.construction .mid_area .section_left .section_cnt .group_bx .table .body>table>tbody>tr{cursor:pointer}
.construction .mid_area .section_left .section_cnt .group_bx .table .body>table>tbody>tr.click{color:#f37320;font-weight:500}
.construction .mid_area .section_left .section_cnt .group_bx .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.construction .mid_area .section_left .section_cnt .group_bx .table tr {height: 40px;}
.construction .mid_area .section_right .section_cnt .table .num{width:8%}
.construction .mid_area .section_right .section_cnt .table .memo {width: 20%;}
.construction .mid_area .section_search .right_bx>div {display: flex;}
.construction .mid_area .section_right .right_bx .chart_bx {margin-right: 16px;display: flex;}
.construction .mid_area .section_right .right_bx .chart_bx+.chart_bx{margin-top:6px}
.construction .mid_area .section_right .right_bx .chart_bx .bar{width:100%;margin-top:2px}
.construction .mid_area .section_right .right_bx .chart_bx .bar .progress{height:4px}
.construction .mid_area .section_right .right_bx .chart_bx.not .bar .progress{background-color:#F7B500}
.construction .mid_area .section_right .right_bx .chart_bx .txt {color: #6F7583; font-size: 14px;}
.construction .mid_area .section_right .right_bx .chart_bx .num{display:inline-block;color:#484848;font-size:14px; margin-left: 10px;}
.construction .mid_area .section_right .right_bx .chart_bx .bar{display:inline-block;position:relative;width:130px;height:16px;background-color:#E6E6E6;border-radius:40px}
.construction .mid_area .section_right .right_bx .chart_bx .bar .progress{position:absolute;top:0;left:0;width:10%;height:16px;background-color:#06C71E;border-radius:40px;transition:1s linear}


/* 추가 공종관리 */
.construction_addition .mid_area .table .memo {width: 20%;}
.construction_addition .mid_area .table .num {width: 70px;}
.construction_addition .mid_area .table .active {color: #FF0101;}


/*작업허가관리*/
.permission .mid_area .section_left .section_cnt>.wrap{padding:10px}
.permission .mid_area .section_left .section_cnt+.section_cnt{margin-top:10px}
.permission .mid_area .section_left .section_cnt .tit{margin-bottom:5px;padding-bottom:5px;font-weight:500;text-align:center;border-bottom:1px solid #979797}
.permission .mid_area .section_right .section_cnt .table .memo{width:80%}
.permission .mid_area .section_left .section_cnt .list_bx {height: calc(100vh - 259px);}

/*사업장 작업장소*/
.work_field .mid_area .section_left .section_cnt+.section_cnt{margin-top:10px}
.work_field .mid_area .section_left .section_cnt .tit{margin-bottom:5px;padding-bottom:5px;font-weight:500;text-align:center;border-bottom:1px solid #979797}
.work_field .mid_area .section_left .section_cnt .list_bx.field{height: calc(50vh - 375px)}
.work_field .mid_area .section_left .section_cnt .list_bx.place{height: calc(50vh - 244px);}
.work_field .mid_area .section_left .section_cnt .list_bx.view{height: calc(50vh - 238px)}
.work_field .mid_area .section_left .section_cnt.place .tit {display: flex;}
.work_field .mid_area .section_left .section_cnt.place .tit .left {float: left;}
.work_field .mid_area .section_left .section_cnt.place .left,
.work_field .mid_area .section_left .section_cnt.place .center,
.work_field .mid_area .section_left .section_cnt.place .right {width: calc(100% / 3);display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.work_field .mid_area .section_left .section_cnt.place .list_bx.place li {width: 100%; display: flex;}
.work_field .mid_area .section_left .section_cnt.view .tit {height: 20px;}
.work_field .mid_area .section_left .section_cnt.view .tit > i {float: left;max-width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.work_field .mid_area .section_left .section_cnt.view .tit > button {float: right;}
.work_field .mid_area .section_left .section_cnt.view .list_bx li {display: none;}
.work_field .mid_area .section_left .section_cnt.view .list_bx li.on {display: block;}
.work_field .mid_area .section_left .section_cnt.view .item img {width: 100%; height: 100%;}
.work_field .mid_area .section_left .section_cnt.view .tab_btn {background: #F5F6F7; border-radius: 4px; padding: 4px; box-sizing: border-box; display: flex;justify-content: space-between;margin-bottom: 4px;}
.work_field .mid_area .section_left .section_cnt.view .tab_btn li {width: 50%; text-align: center; color: #A5A5A5; border-radius: 2px; cursor: pointer;}
.work_field .mid_area .section_left .section_cnt.view .tab_btn li.on {background: #fff; color: #F37321; font-weight: 400;}
.work_field .mid_area .section_left .section_search {justify-content: right;}
.work_field .mid_area .section_right .section_cnt .table .turn{width:15%}

/* tbm 공통사항 */
.tbm_commonness .mid_area .section_right .section_cnt .table .memo {width: 75%;}

/* 안전보건 교육일지 */
.safty_training .mid_area .section_tit .blank_btn {text-decoration: underline; margin-right: 10px;}
.safty_training .mid_area .section_tit .blank_btn > img {width: 14px; height: 14px; display: block; float: left;margin-top: 5px; margin-right: 5px;}

/*유형관리>상해*/
.injury .mid_area .section_cnt .table .memo{width:45%}

/*유형관리>재해*/
.disaster .mid_area .section_cnt .table .memo{width:45%}

/*교육구분*/
.education .mid_area .section_right .section_cnt .table .memo{width:45%}
.education .mid_area .section_right .section_cnt .table .body .memo{text-align:left}
.education .mid_area .section_left .section_cnt .list_bx {height: calc(100vh - 216px);}

/*사고관리>Level*/
.accident_level .mid_area .section_cnt .table .memo{width:45%}
.accident_level .mid_area .section_cnt .table .memo>i{display:block}

/*사고관리>재해*/
.accident_type .mid_area .section_cnt .table .memo{width:45%}

/* 모바일 사용자 관리 */
.mobile_user .mid_area .section_cnt .body table .device >button  {margin-left: 3px;}

/*일일안전당직관리*/
.daily_duty .section_left{width:calc(100% - 360px);margin-right:10px}
.daily_duty .section_right{width:350px}
.daily_duty .section_cnt .wrap{padding:10px}
.daily_duty .calendar .head_bx{padding-bottom:5px;text-align:center;border-bottom:1px solid #ededed}
.daily_duty .calendar .head_bx .month>span{display:inline-block;margin:0 10px}
.daily_duty .calendar .cal_bx>table{width:100%;text-align:center;table-layout:fixed;border-collapse:separate;border-spacing:10px}
.daily_duty .calendar .cal_bx .head{border-bottom:1px solid #ededed}
.daily_duty .calendar .cal_bx .head>thead>tr>th{padding:5px 0}
.daily_duty .calendar .cal_bx .body>tbody>tr>td{position:relative;height:calc(100vh / 5 - 71px);background-color:#f6f6f6}
.daily_duty .calendar .cal_bx .body>tbody>tr>td.click{border:1px solid #f37320;box-sizing:border-box}
.daily_duty .calendar .cal_bx .body>tbody>tr>td.working{cursor:pointer}
.daily_duty .calendar .cal_bx .body>tbody>tr>td.add{cursor:default}
.daily_duty .calendar .cal_bx .body>tbody>tr>td.prev,
.daily_duty .calendar .cal_bx .body>tbody>tr>td.next{color:#dedede}
.daily_duty .calendar .cal_bx .body>tbody>tr>td .date{position:absolute;top:5px;left:5px}
.daily_duty .calendar .cal_bx .body>tbody>tr>td.add .notice{color:#e02020}
.daily_duty .section_cnt .list_bx{overflow-y:auto;height:calc(100vh - 218px)}
.daily_duty .section_cnt .list_bx .item{margin-bottom:5px;border:1px solid transparent;border-radius:7px;box-sizing:border-box;cursor:pointer}
.daily_duty .section_cnt .list_bx .item:last-child{margin-bottom:0}
.daily_duty .section_cnt .list_bx .item .dt{padding:5px;background-color:#ededed;border-radius:6px}
.daily_duty .section_cnt .list_bx .item .dd{overflow:hidden;height:32px}
.daily_duty .section_cnt .list_bx .item .dd>span{display:block;padding:5px}
.daily_duty .section_cnt .list_bx .item .dd>span:after{display:block;clear:both;content:""}
.daily_duty .section_cnt .list_bx .item .dd>span .locate{float:left;width:68%;margin-right:5px}
.daily_duty .section_cnt .list_bx .item .dd>span .name{float:left;width:15%;margin-right:10px;color:#07235e}
.daily_duty .section_cnt .list_bx .item .dd>span>button{float:right}
.daily_duty .section_cnt .list_bx .item.click{border:1px solid #f37320;box-sizing:border-box}
.daily_duty .section_cnt .list_bx .item.click .dt{background-color:#f37320;color:#fff}
.daily_duty .section_cnt .list_bx .item.click .dd{overflow:unset;height:auto}

/*TSGR관리 현장별*/
.tsgr_field .section_cnt .table .body>table>tbody .delay .reply{color:#E02020}
.tsgr_field .section_cnt .table .body>table>tbody .i_help {background: transparent; display: inline; margin-left: 0;}
.tsgr_field .section_cnt .table .body>table>tbody .i_help .help_txt {min-width: 50px; top: 24px;}

/*근로자관리>계약근로자*/
.worker .section_cnt{background-color:transparent}
.worker .section_cnt+.section_cnt{margin-top:10px}
.worker .section_cnt>.wrap{padding:0}
.worker .section_cnt .tit{font-weight:500}
.worker .section_cnt .table{background-color:#fff}
.worker .company .table .body{height:150px}
.worker .user .table .body{height:calc(100vh - 494px)}
.worker .section_cnt .table .turn {width: 50px;}
.worker .section_cnt .table .chk {width: 60px;}
.worker .section_cnt .table .memo {width: 14%;}

.worker .section_cnt.company .table .chk {width: 60px;}
.worker .section_cnt.company .table .turn {width: 50px;}
.worker .section_cnt.company .table .memo {width: 14%;}

/* 근로자관리>계약만료 */
.worker_complete .section_cnt .table .turn {width: 60px;}
.worker_complete .section_cnt .table .chk {width: 60px;}
.worker_complete .section_cnt .table .memo {width: 10%;}

.worker .section_cnt.user .table .turn {width: 60px;}
.worker .section_cnt.user .table .chk {width: 60px;}
.worker .section_cnt.user .table .memo {width: 10%;}

/* 협력사 포탈 */
.partner_worker .section_cnt .table .memo {width: 12%;}
.partner_worker .section_cnt .table .mail {width: 10%;}
.partner_worker .section_cnt .table td .edit {width: 100%; display: none;}

/*근로자교육*/
.training_complete .mid_area .section_tit .right_bx .save{display:none}
.training_complete .mid_area .section_cnt .table .body>table>tbody>tr .txt_bx{width:60%;margin-right:0}
.training_complete .mid_area .section_cnt .table .body>table>tbody>tr .txt_bx.disabled{background-color:#dedede}

/*근로자교육 교육진행*/
.training_progress .mid_area .section_search .right_bx .save_btn{display:none}
.training_progress .mid_area .section_cnt .table .body>table>tbody>tr .blood .txt_bx{display:none;width:60%;margin-right:0}

/*장비관리대장 입고대기*/
.equipment_list .mid_area .table .body{height:calc(100vh - 337px)}

/*환경보건>화학물질신청관리>신청*/
.chemical_request .mid_area .table .type{width:12%}
.chemical_request .mid_area .table .chk{width:3%}
.chemical_request .mid_area .table .turn{width:3%}
.chemical_request .mid_area .table .memo{width:12%}

/*환경보건>화학물질신청관리>목록*/
.chemical_list .mid_area .table .type{width:15%}
.chemical_list .mid_area .table .memo{width:12%}
.chemical_list .mid_area .table .chk{width:3%}
.chemical_list .mid_area .table .turn{width:3%}


/*환경보건>건강검진관리>검진결과*/
.medical_list .datepicker .tui-datepicker{z-index:200}
.medical_list .mid_area .table{overflow-x:auto}
.medical_list .mid_area .table .head,
.medical_list .mid_area .table .body{width:4500px}
.medical_list .mid_area .table .body{height:calc(100vh - 304px)}
.medical_list .mid_area .table .chk{width:30px}
.medical_list .mid_area .table .memo{width:200px}
.medical_list .mid_area .table .fixed{position:relative;background-color:#fff;z-index:100}
.medical_list .mid_area .table .body tr:nth-child(even) td.fixed {background-color: #f4efe8;}
.medical_list .mid_area .table .turn {width: 50px;}
.medical_list .mid_area .table th.fixed {background: #F1F7F8;}

/*환경보건>건강검진관리>특수검진결과*/
.special_medical .mid_area .table{overflow-x:auto}
.special_medical .mid_area .table .head,
.special_medical .mid_area .table .body{width:2800px}
.special_medical .mid_area .table .body{height:calc(100vh - 304px)}
.special_medical .mid_area .table .chk{width:30px}
.special_medical .mid_area .table .turn{width:50px}

/*환경보건>건강검진관리>배우자검진결과*/
.partner_medical .mid_area .table .turn{width:50px}

/*설치현장안전점검>계획*/
.safty_list .mid_area .section_search>.btn_border_01{margin-left:5px}

/*사고보고*/
[class*="accident_"] .mid_area .table .head>table>thead>tr .level .i_help .help_txt>table{text-align:center}
[class*="accident_"] .mid_area .table .head>table>thead>tr .level .i_help .help_txt>table>thead{border-bottom:1px solid #a5a5a5;box-sizing:border-box}
/*[class*="accident_"] .mid_area .table .head>table>thead>tr .level .i_help .help_txt{height:auto;background-color:transparent}*/
[class*="accident_"] .mid_area .table .head>table>thead>tr .level .i_help .help_txt>table>tbody>tr{border-bottom:1px solid #a5a5a5;box-sizing:border-box}
[class*="accident_"] .mid_area .table .head>table>thead>tr .level .i_help .help_txt>table>tbody>tr:last-child{border-bottom:none}
[class*="accident_"] .mid_area .table .head>table>thead>tr .level .i_help .help_txt>table>tbody>tr:nth-child(even){background-color:transparent}
[class*="accident_"] .mid_area .table .head>table>thead>tr .level .i_help .help_txt>table .type{width:22%;border-right:1px solid #a5a5a5;box-sizing:border-box}
[class*="accident_"] .mid_area .table .head>table>thead>tr .level .i_help .help_txt>table>thead>tr,
[class*="accident_"] .mid_area .table .head>table>thead>tr .level .i_help .help_txt>table>tbody>tr{height:30px}
[class*="accident_"] .mid_area .table .head>table>thead>tr .level .i_help .help_txt>table>thead>tr>th{font-weight:500}
[class*="accident_"] .mid_area .table .head>table>thead>tr .level .i_help .help_txt>table>tbody>tr>td{padding:0 2px}
[class*="accident_"] .mid_area .table .memo{width:10%}

/*TBM일지관리*/
.tbm .mid_area .table .memo {width: 30%;}

/*협력업체관리*/
.cooperation .mid_area .section_left {width: 440px;}
.cooperation .mid_area .section_right {width: calc(100% - 450px);}
.cooperation .mid_area .section_left .section_cnt .search_bx{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #a5a5a5;box-sizing:border-box}
.cooperation .mid_area .section_left .section_cnt .search_bx .txt_bx{width:calc(100% - 161px)}
.cooperation .mid_area .section_left .section_cnt .list_bx{height:calc(100vh - 249px)}
.cooperation .mid_area .section_right .table .turn {width: 50px;}
.cooperation .mid_area .section_right .table .chk {width: 50px;}
.cooperation .mid_area .section_left .table .body {height: calc(100vh - 247px); border-radius: 0 0 8px 8px ;}
.cooperation .mid_area .section_left .search_bx .slt_bx {margin-left: 0; width: 80px;}
.cooperation .mid_area .section_left .search_bx .txt_bx {width: 100px;}
.cooperation .mid_area .section_left .table .body tr {cursor: pointer;}
.cooperation .mid_area .section_left .table .body tr.click {color: #f37320; font-weight: 500;}

/*안전점검 교육관리*/
.safty_education .mid_area .section_left .section_cnt>.wrap{padding:5px 10px}
.safty_education .mid_area .section_left .section_cnt+.section_cnt{margin-top:10px}
.safty_education .mid_area .section_left .section_cnt .tit{margin-bottom:5px;padding-bottom:5px;font-weight:500;text-align:center;border-bottom:1px solid #979797}
.safty_education .mid_area .section_left .section_cnt .list_bx{height: calc(50vh - 155px)}
.safty_education .mid_area .section_left .section_search {justify-content: right;}
.safty_education .mid_area .section_right .section_cnt .table .memo{width:40%}


/* 안전점검 사업장/설치현장 안전점검 */
.safty_check .mid_area .section_cnt .table .memo {width: 20%;}

/*설치현장 안전점검*/
.safty_installed .mid_area .section_left .section_cnt>.wrap{padding:5px 10px}
.safty_installed .mid_area .section_left .section_cnt+.section_cnt{margin-top:10px}
.safty_installed .mid_area .section_left .section_cnt .tit{margin-bottom:5px;padding-bottom:5px;font-weight:500;text-align:center;border-bottom:1px solid #979797}
.safty_installed .mid_area .section_left .section_cnt .list_bx{height: calc(50vh - 155px)}
.safty_installed .mid_area .section_left .section_search {justify-content: right;}
.safty_installed .mid_area .section_right .section_cnt .table .memo{width:25%}
.safty_installed .mid_area .section_right .section_cnt .table .memo>i{display:block}

/*설치현장 안전점검 > 현황*/
.safty_state .section_cnt .body .edit{display:none}
.safty_state .section_cnt .body .slt_bx{width:80px;margin-right:0}
.safty_state .section_cnt .body .txt_bx{width:80%;margin-right:0}
.safty_state .section_cnt .body .search_bx .txt_bx{width:calc(100% - 22px)}
.safty_state .section_cnt .body .search_bx .btn_i_search{width:22px;height:22px}
.safty_state .section_cnt .table .memo {width: 14%;}

/*통계*/
.page_stats .mid_area .section_tit:after{display:block;clear:both;content:""}
.page_stats .mid_area .section_tit .page_cnt{display:inline-block;float:left;position:relative}
.page_stats .mid_area .section_tit .page_cnt:before{position:absolute;bottom:-2px;width:calc(100% + 20px);height:1px;background-color:#3d3d3d;content:""}
.page_stats .mid_area .section_tit .page_cnt.none:before{display:none}
.page_stats .mid_area .section_tit .page_cnt .selected{position:relative;color:#3d3d3d;font-weight:500;cursor:pointer}
.page_stats .mid_area .section_tit .page_cnt .selected:before{position:absolute;top:50%;right:-18px;width:10px;height:6px;margin-top:1px;background:url(../img/arr_down_03.png) center no-repeat;background-size:10px 6px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.page_stats .mid_area .section_tit .page_cnt .list{display:none;position:relative;width:calc(100% + 20px);z-index:2}
.page_stats .mid_area .section_tit .page_cnt .list .item{position:absolute;top:0;left:0;min-width:137px;padding:10px;background-color:#fff;border-radius:3px;box-shadow: 0 0 8px 0 rgb(0 0 0 / 25%);z-index:1}
.page_stats .mid_area .section_tit .page_cnt .list .item>li.on{font-weight:500}
.page_stats .mid_area .section_tit .page_cnt .list .item>li>a{display:block;padding:5px 0}
.page_stats .mid_area .section_tit .sub_tab{float:left;margin-left:50px}
.page_stats .mid_area .section_tit .sub_tab:after{display:block;clear:both;content:""}
.page_stats .mid_area .section_tit .sub_tab>i{float:left;color:#a5a5a5}
.page_stats .mid_area .section_tit .sub_tab .tab_bx{float:left;margin:0;background: #F5F5F7; border-radius: 100px; padding: 2px;}
.page_stats .mid_area .section_tit .sub_tab .tab_bx:after{display:block;clear:both;content:""}
.page_stats .mid_area .section_tit .sub_tab .tab_bx .tab_btn{float:left;position:relative;color:#a5a5a5;cursor:pointer;background: none; line-height: 26px; padding: 0 6px; border-radius: 100px;}
.page_stats .mid_area .section_tit .sub_tab .tab_bx .tab_btn.on{color:#f37321;font-weight:500;background: #fff; box-shadow: 0 0px 4px rgba(137, 137, 137, 0.25);}
.page_stats .mid_area .section_tit .sub_tab .tab_bx .tab_btn:first-child:before{display:none}
.page_stats .mid_area .section_tit .sub_tab .tab_bx .tab_btn:before {display: none;}
.page_stats .mid_area .section_tit .line {display: inline-block; margin: 9px 15px; width: 1px; height: 12px; background: #E1E1E1;}

.page_stats .mid_area .section_cnt{background-color:transparent}
.page_stats .mid_area .section_cnt:after{display:block;clear:both;content:""}
.page_stats .mid_area .section_cnt .cnt_bx{float:left;width:calc(100% / 2 - 10px);background: #fff;}
.page_stats .mid_area .section_cnt .right{background-color:#fff}
.page_stats .mid_area .section_cnt .cnt_bx+.cnt_bx{margin-left:20px}
.page_stats .mid_area .section_cnt .cnt_bx .tit{padding:10px;background-color:#ffe4cb; float: none; display: block;margin-bottom: 0;box-shadow: none;border-radius: 0;}
.page_stats .mid_area .section_cnt .cnt_bx .tit:after{display:block;clear:both;content:""}
.page_stats .mid_area .section_cnt .cnt_bx .tit>span{float:left;font-weight:500}
.page_stats .mid_area .section_cnt .cnt_bx .right_bx{float:right}
.page_stats .mid_area .section_cnt .cnt_bx .right_bx:after{display:block;clear:both;content:""}
.page_stats .mid_area .section_cnt .cnt_bx .datepicker_bx{float:right}
.page_stats .mid_area .section_cnt .cnt_bx .datepicker_bx .datepicker .picker{background-color:#fff}
.page_stats .mid_area .section_cnt .cnt_bx .datepicker_bx .datepicker .i_picker{background-color:#fff}
.page_stats .mid_area .section_cnt .cnt_bx .datepicker_bx .end .tui-datepicker{left:auto;right:0}
.page_stats .mid_area .section_cnt .cnt_bx .legend{margin-bottom:10px;padding:10px}
.page_stats .mid_area .section_cnt .cnt_bx .legend:after{display:block;clear:both;content:""}
.page_stats .mid_area .section_cnt .cnt_bx .legend .item{float:left}
.page_stats .mid_area .section_cnt .cnt_bx .legend .item:after{display:block;clear:both;content:""}
.page_stats .mid_area .section_cnt .cnt_bx .legend .item+.item{margin-left:20px}
.page_stats .mid_area .section_cnt .cnt_bx .legend .item .dot{float:left;width:13px;height:13px;margin-top:4px;margin-right:10px}
.page_stats .mid_area .section_cnt .cnt_bx .legend .item>dd{float:left}
.page_stats .mid_area .section_cnt .cnt_bx .legend .gray .dot{background-color:#cbcbcb}
.page_stats .mid_area .section_cnt .cnt_bx .legend .orange .dot{background-color:#ffab6b}
.page_stats .mid_area .section_cnt .cnt_bx .legend .blue .dot{background-color:#77bcf0}
.page_stats .mid_area .section_cnt .cnt_bx .legend .yellow .dot{background-color:#ffc000}
.page_stats .mid_area .section_cnt .cnt_bx .legend .navy .dot{background-color:#225e8f}
.page_stats .mid_area .section_cnt .cnt_bx .legend .red .dot{background-color:#9d480d}
.page_stats .mid_area .section_cnt .cnt_bx .legend .green .dot{background-color:#00a716}
.page_stats .mid_area .section_cnt .cnt_bx .legend .purple .dot{background-color:#9b0086}
.page_stats .mid_area .section_cnt .cnt_bx .legend .gold .dot{background-color:#a5a200}
.page_stats .mid_area .section_cnt .cnt_bx .legend .dark_green .dot{background-color:#00613E}
.page_stats .mid_area .section_cnt .cnt_bx .legend .yellow_green .dot{background-color:#44D7B6}
.page_stats .mid_area .section_cnt .cnt_bx .legend .skyblue .dot{background-color:#5F96FF}
.page_stats .mid_area .section_cnt .cnt_bx .legend .lilac .dot{background-color:#4671C4}
.page_stats .mid_area .section_cnt .cnt_bx .legend .dark_gray .dot{background-color:#767676}
.page_stats .mid_area .section_cnt .cnt_bx .legend .light_blue .dot{background-color:#8BA6BC}
.page_stats .mid_area .section_cnt .cnt_bx .table{background-color:#fff}
.page_stats .mid_area .section_cnt .cnt_bx .table .body{height:calc(100vh - 211px)}
.page_stats .mid_area .section_cnt .cnt_bx .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.page_stats .mid_area .section_cnt .cnt_bx .table .head>table>thead>tr>th,
.page_stats .mid_area .section_cnt .cnt_bx .table .body>table>tbody>tr>td{border:1px solid #dfdfdf;box-sizing:border-box}
.page_stats .mid_area .section_cnt .cnt_bx .table .num{width:60px}
.page_stats .mid_area .section_cnt .cnt_bx .table .up{color:#e02020}
.page_stats .mid_area .section_cnt .cnt_bx .table .down{color:#0091ff}
.page_stats .mid_area .section_cnt .cnt_bx .chart_wrap{overflow-y:auto;height:calc(100vh - 248px);padding:10px}
.page_stats .mid_area .section_cnt .cnt_bx .chart_name{display:block;margin-bottom:10px;font-weight:500}
.page_stats .mid_area .section_cnt .cnt_bx .chart svg{position:relative}
.page_stats .mid_area .section_cnt .cnt_bx .mid_bx+.mid_bx{margin-top:20px}
.page_stats .mid_area .table .foot{border-top:1px solid #7c7c7c;box-sizing:border-box}
.page_stats .mid_area .table .foot.empty{padding-right:17px}
.page_stats .mid_area .table .foot>table>tfoot>tr{height:30px}
.page_stats .mid_area .table .foot>table>tfoot>tr>td{padding:0 2px;border:1px solid #dfdfdf;box-sizing:border-box}
.page_stats .option_bx .chk_opt>ul {max-height: 220px;}
/* .page_stats .mid_area .select_bx {display: inline-block; margin-left: 20px;} */
.page_stats .mid_area .select_bx .option_bx {display: none;}

/*통계>모바일자연재해/일일안전당직통계*/
.page_stats .mid_area .section_cnt .cnt_bx .center .table .body{height:150px}
.page_stats .mid_area .section_cnt .cnt_bx .admin .table .body{height:calc(100vh - 483px)}
.page_stats .mid_area .section_cnt .cnt_bx .sub_tab{float:left;position:relative}
.page_stats .mid_area .section_cnt .cnt_bx .sub_tab .select{position:relative;color:#3d3d3d;font-weight:500;cursor:pointer}
.page_stats .mid_area .section_cnt .cnt_bx .sub_tab .select:before{position:absolute;top:50%;right:-18px;width:10px;height:6px;margin-top:1px;background:url(../img/arr_down_03.png) center no-repeat;background-size:10px 6px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.page_stats .mid_area .section_cnt .cnt_bx .sub_tab .table_tab{display:none;position:absolute;top:22px;left:0;width:36px;padding:10px;background-color:#fff;border-radius:3px;box-shadow: 0 0 8px 0 rgb(0 0 0 / 25%);z-index:1}
.page_stats .mid_area .section_cnt .cnt_bx .sub_tab .tab_btn{padding:5px 0;cursor:pointer}
.page_stats .mid_area .section_cnt .cnt_bx .sub_tab .tab_btn.on{font-weight:500}
.page_stats .mid_area .section_cnt .cnt_bx .chart_type{display:none}

/*통계>모바일재해예방*/
.stats_mobile_disaster .mid_area .section_cnt .cnt_bx .chart_wrap>div+div{margin-top:20px}
.stats_mobile_disaster .mid_area .section_cnt .cnt_bx .chart_center .chart{width:130px;margin:0 auto}

/*통계>재해예방현황조회>현장별*/
.stats_filed_disaster .mid_area .section_cnt .cnt_bx .tit>span{margin-right:10px}
.stats_filed_disaster .mid_area .section_cnt .cnt_bx .datepicker_bx{float:left}
.stats_filed_disaster .mid_area .section_cnt .left{width:100%}

/*통계>재해예방현황조회>재해유형별*/
.stats_type_disaster .mid_area .section_cnt .cnt_bx .table{height:calc(100vh - 179px)}
.stats_type_disaster .mid_area .section_cnt .cnt_bx .table .body{height:auto;max-height:calc(100vh - 243px)}
.stats_type_disaster .mid_area .section_cnt .cnt_bx .table .type,
.stats_type_disaster .mid_area .section_cnt .cnt_bx .table .name{width:100px}
.stats_type_disaster .mid_area .section_cnt .cnt_bx .table .num{width:50px}
.stats_type_disaster .mid_area .section_cnt .cnt_bx .table .total{width:150px;background-color:#ececec}
.stats_type_disaster .mid_area .section_cnt .cnt_bx .legend .item{width:calc(100% / 6)}
.stats_type_disaster .mid_area .section_cnt .cnt_bx .legend .item+.item{margin-left:0}
.stats_type_disaster .mid_area .section_cnt .cnt_bx .chart_bx{text-align:center}
.stats_type_disaster .mid_area .section_cnt .cnt_bx .chart_wrap{height:calc(100vh - 290px)}
.stats_type_disaster .mid_area .section_cnt .cnt_bx .chart_bx:after{display:block;clear:both;content:""}
/* .stats_type_disaster .mid_area .section_cnt .cnt_bx .chart_bx .total{float:left;position:relative;top:50%;width:40%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)} */
.stats_installed_type .mid_area .section_cnt .cnt_bx .chart_bx .total{float:left;position:static;top:0;width:calc(100% - 20px);-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.stats_type_disaster .mid_area .section_cnt .cnt_bx .chart_bx .right{float:left;position:relative;top:50%;width:60%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.stats_type_disaster .mid_area .section_cnt .cnt_bx .chart_bx .right:after{display:block;clear:both;content:""}
.stats_type_disaster .mid_area .section_cnt .cnt_bx .chart_bx .right>div{float:left;width:50%}

/*통계>일일안전당직통계*/
.stats_daily_duty .mid_area .section_cnt .cnt_bx .sub_tab .table_tab{width:48px}
.stats_daily_duty .mid_area .section_cnt .cnt_bx .chart_center .chart{width:130px;margin:0 auto}

/*통계>안전점검>점검결과*/
.stats_safety_check.page_stats .mid_area .section_cnt .cnt_bx .mid_bx+.mid_bx {margin-top: 0px;}
.stats_safety_check.page_stats .mid_area .section_cnt .cnt_bx {float: none; width: 80%; margin: auto;}
.stats_safety_check .mid_area .section_cnt .cnt_bx .equip .table .body {height: 113px;}
.stats_safety_check .mid_area .section_cnt .cnt_bx .table .body {height: calc(100vh - 440px);}
.stats_safety_check .mid_area .section_cnt .cnt_bx .table th.name{width:250px}
.stats_safety_check .mid_area .section_cnt .cnt_bx .table .name{width:160px}
.stats_safety_check .mid_area .section_cnt .cnt_bx .table .type{width:90px}
.stats_safety_check .mid_area .section_cnt .cnt_bx .chart_wrap{height:calc(50vh - 180px)}
.stats_safety_check .mid_area .section_cnt .cnt_bx .chart_cnt_01 .chart{width:130px;margin:0 auto}
.stats_safety_check .mid_area .section_cnt .cnt_bx .sub_tab .table_tab{width:100px}
.stats_safety_check .mid_area .section_cnt .cnt_bx .chart_center .chart{width:130px;margin:0 auto}

/*통계>안전점검>재해유형별*/
.stats_safety_type .mid_area .section_cnt .cnt_bx .table{height:calc(100vh - 179px)}
.stats_safety_type .mid_area .section_cnt .cnt_bx .table .body{height:auto;max-height:calc(100vh - 243px)}
.stats_safety_type .mid_area .section_cnt .cnt_bx .table .type,
.stats_safety_type .mid_area .section_cnt .cnt_bx .table .name{width:100px}
.stats_safety_type .mid_area .section_cnt .cnt_bx .table .num{width:50px}
.stats_safety_type .mid_area .section_cnt .cnt_bx .table .total{width:250px;background-color:#ececec}
.stats_safety_type .mid_area .section_cnt .cnt_bx .chart_bx{text-align:center}
.stats_safety_type .mid_area .section_cnt .cnt_bx .chart_bx:after{display:block;clear:both;content:""}
.stats_safety_type .mid_area .section_cnt .cnt_bx .chart_bx .total{float:left;position:relative;top:50%;width:40%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.stats_safety_type .mid_area .section_cnt .cnt_bx .chart_bx .right{float:left;position:relative;top:50%;width:60%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.stats_safety_type .mid_area .section_cnt .cnt_bx .chart_bx .right:after{display:block;clear:both;content:""}
.stats_safety_type .mid_area .section_cnt .cnt_bx .chart_bx .right>div{float:left;width:50%}

/* 통계>현장 모니터링 평가 결과 */
.stats_monitoring_result .mid_area .section_tit .tab_cnt {margin-left: 25px;}
.stats_monitoring_result .mid_area .section_tit .list_txt {margin-left: 15px;}
.stats_monitoring_result .mid_area .section_cnt .tit .slt_bx {max-width: 200px; margin-left: 10px; transform: translateY(-2px);}
.stats_monitoring_result .mid_area .section_cnt .cnt_bx .table{height:calc(100vh - 183px)}
.stats_monitoring_result .mid_area .section_cnt .cnt_bx .table .body{height:auto;max-height:calc(100vh - 298px)}
.stats_monitoring_result.page_stats .mid_area .section_cnt .cnt_bx {float: none; width: 100%;}
.stats_monitoring_result .mid_area .section_cnt .cnt_bx .table .body table th {border: 1px solid #d9d9d9; box-sizing: border-box;}
.stats_monitoring_result .mid_area .section_cnt .cnt_bx .table .chk {width: 40px;}
.stats_monitoring_result .mid_area .section_cnt .cnt_bx .table .body .txt_bx {width: 100%; height: 150px; padding-top: 0; padding-bottom: 0;}
.stats_monitoring_result .mid_area .section_cnt .cnt_bx .table .body .na .btn_border_01 {width: 90%;; margin-top: 5px;}
.stats_monitoring_result .mid_area .section_cnt .cnt_bx .table .body table th {font-weight: 500;}
.stats_monitoring_result.page_stats .mid_area .select_bx {margin-left: 0; margin-right: 0;}
.stats_monitoring_result.page_stats .mid_area .section_cnt .cnt_bx .datepicker_bx {float: left; margin-left: 10px; margin-right: 0;}
.stats_monitoring_result .mid_area .section_cnt .tit .select_bx {float: left;}
.stats_monitoring_result .mid_area .section_cnt .tit .option_bx {display: block;}


/* 통계>현장 모니터링 평가 결과 - 마일리지 */
.stats_mileage_result .mid_area .section_tit .tab_cnt {margin-left: 25px;}
.stats_mileage_result .mid_area .section_search {float: none; width: 100%; margin-bottom: 0; box-sizing: border-box;}
.stats_mileage_result .mid_area .section_tit .list_txt {margin-left: 15px;}
.stats_mileage_result .mid_area .section_cnt .tit .slt_bx {max-width: 200px; margin-left: 10px; transform: translateY(-2px);}
.stats_mileage_result .mid_area .section_cnt .cnt_bx.top .table{height:345px;overflow-y: hidden;}
.stats_mileage_result .mid_area .section_cnt .cnt_bx.btm .table{height:340px;overflow-y: hidden;}
.stats_mileage_result .mid_area .section_cnt .cnt_bx .table .body{height:285px;}
.stats_mileage_result .mid_area .section_cnt .cnt_bx.btm .table .body{height:308px;}
.stats_mileage_result.page_stats .mid_area .section_cnt .cnt_bx {float: none; width: 100%;}
.stats_mileage_result .mid_area .section_cnt .cnt_bx .table .body table th {border: 1px solid #d9d9d9; box-sizing: border-box;}
.stats_mileage_result .mid_area .section_cnt .cnt_bx .table .chk {width: 40px;}
.stats_mileage_result .mid_area .section_cnt .cnt_bx .table .body .txt_bx {width: 100%; height: 26px; padding-top: 0; padding-bottom: 0;}
.stats_mileage_result .mid_area .section_cnt .cnt_bx .table .body .na .btn_border_01 {width: 90%;; margin-top: 5px;}
.stats_mileage_result .mid_area .section_cnt .cnt_bx .table .body table th {font-weight: 500;}
.stats_mileage_result.page_stats .mid_area .select_bx {margin-left: 20px;}
.stats_mileage_result.page_stats .mid_area .section_cnt .cnt_bx+.cnt_bx {margin-left: 0;}
.stats_mileage_result.page_stats .mid_area .section_cnt .cnt_bx .datepicker_bx {float: left; margin-left: 10px;}
.stats_mileage_result .mid_area .section_cnt .tit .select_bx {float: left;}

/* 통계>현장 모니터링 평가 결과 - 업체별 */
.stats_business_result .mid_area .section_tit .tab_cnt {margin-left: 25px;}
.stats_business_result .mid_area .section_tit .list_txt {margin-left: 15px;}
.stats_business_result .mid_area .section_cnt .tit .slt_bx {max-width: 200px; margin-left: 10px; transform: translateY(-2px);}
.stats_business_result .mid_area .section_cnt .cnt_bx .table{height:calc(100vh - 183px)}
.stats_business_result .mid_area .section_cnt .cnt_bx .table .body{height:auto;max-height:calc(100vh - 243px)}
.stats_business_result.page_stats .mid_area .section_cnt .cnt_bx {float: none; width: 100%;}
.stats_business_result .mid_area .section_cnt .cnt_bx .table .body table th {border: 1px solid #d9d9d9; box-sizing: border-box;}
.stats_business_result .mid_area .section_cnt .cnt_bx .table .chk {width: 40px;}
.stats_business_result .mid_area .section_cnt .cnt_bx .table .body .txt_bx {width: 100%; height: 26px; padding-top: 0; padding-bottom: 0;}
.stats_business_result .mid_area .section_cnt .cnt_bx .table .body .na .btn_border_01 {width: 90%;; margin-top: 5px;}
.stats_business_result .mid_area .section_cnt .cnt_bx .table .body table th {font-weight: 500;}
.stats_business_result.page_stats .mid_area .select_bx {margin-left: 0;}
.stats_business_result.page_stats .mid_area .section_cnt .cnt_bx .datepicker_bx {float: left; margin-left: 10px;}
.stats_business_result .mid_area .section_cnt .tit .select_bx {float: left;}

/*통계>설치현장점검결과>조치건수*/
.stats_installed_list .mid_area .section_cnt .cnt_bx .table .body{height:calc(100vh - 241px)}
.stats_installed_list .mid_area .section_cnt .cnt_bx .table .type{width:100px}
.stats_installed_list .mid_area .section_cnt .cnt_bx .table .name{width:150px}

/*통계>설치현장점검결과>평가점수*/
.stats_installed_grade .mid_area .section_cnt .cnt_bx .table .body{height:calc(100vh - 241px)}
.stats_installed_grade .mid_area .section_cnt .cnt_bx .table .type{width:200px}
.stats_installed_grade .mid_area .section_cnt .cnt_bx .table .name{width:200px}
.stats_installed_grade .mid_area .section_cnt .cnt_bx .chart{width:130px;margin:100px auto 0}

/*통계>설치현장점검결과>평가점수*/
.stats_installed_type .mid_area .section_cnt .cnt_bx .table{height:calc(100vh - 179px)}
.stats_installed_type .mid_area .section_cnt .cnt_bx .table .body{height:auto;max-height:calc(100vh - 243px)}
.stats_installed_type .mid_area .section_cnt .cnt_bx .table .type,
.stats_installed_type .mid_area .section_cnt .cnt_bx .table .name{width:100px}
.stats_installed_type .mid_area .section_cnt .cnt_bx .table .num{width:50px}
.stats_installed_type .mid_area .section_cnt .cnt_bx .table .total{width:150px;background-color:#ececec}
.stats_installed_type .mid_area .section_cnt .cnt_bx .chart_bx{text-align:center}
.stats_installed_type .mid_area .section_cnt .cnt_bx .legend .item{width:calc(100% / 6)}
.stats_installed_type .mid_area .section_cnt .cnt_bx .legend .item+.item{margin-left:0}
.stats_installed_type .mid_area .section_cnt .cnt_bx .chart_bx:after{display:block;clear:both;content:""}
.stats_installed_type .mid_area .section_cnt .cnt_bx .chart_wrap{height:calc(100vh - 290px)}
/* .stats_installed_type .mid_area .section_cnt .cnt_bx .chart_bx .total{float:left;position:relative;top:50%;width:40%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)} */
.stats_installed_type .mid_area .section_cnt .cnt_bx .chart_bx .total{float:left;position:static;top:0;width:calc(100% - 20px);-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.stats_installed_type .mid_area .section_cnt .cnt_bx .chart_bx .right{float:left;position:relative;top:50%;width:60%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.stats_installed_type .mid_area .section_cnt .cnt_bx .chart_bx .right:after{display:block;clear:both;content:""}
.stats_installed_type .mid_area .section_cnt .cnt_bx .chart_bx .right>div{float:left;width:50%}

/*통계>TSGR*/
.stats_tsgr.page_stats .mid_area .section_cnt .cnt_bx {float: none; width: 80%; margin: auto;}
.stats_tsgr .mid_area .section_cnt .cnt_bx .equip .table .body {height: 91px;}
.stats_tsgr .mid_area .section_cnt .cnt_bx .field .table .body {height: 430px;}

.stats_tsgr .mid_area .section_cnt .cnt_bx .table .type{width:280px}
.stats_tsgr.page_stats .mid_area .section_cnt .cnt_bx .mid_bx+.mid_bx {margin-top: 0;}
.stats_tsgr .mid_area .section_cnt .cnt_bx .legend{width:90%}
.stats_tsgr .mid_area .section_cnt .cnt_bx .legend .item{width:calc(100% / 3)}
.stats_tsgr .mid_area .section_cnt .cnt_bx .legend .item+.item{margin-left:0}
.stats_tsgr .mid_area .section_cnt .cnt_bx .chart_wrap{height:calc(100vh - 290px)}
.stats_tsgr .mid_area .section_cnt .cnt_bx .chart{width:200px;margin:100px auto 0}

/*통계>사고보고>센터별*/
.stats_accident_center .mid_area .section_cnt .cnt_bx .table .body{height:calc(100vh - 241px)}
.stats_accident_center .mid_area .section_cnt .cnt_bx .table .type{width:150px}
.stats_accident_center .mid_area .section_cnt .cnt_bx .sub_tab .table_tab{width:74px}
.stats_accident_center .mid_area .section_cnt .cnt_bx .chart_bx{text-align:center}
.stats_accident_center .mid_area .section_cnt .cnt_bx .chart_bx:after{display:block;clear:both;content:""}
/* .stats_accident_center .mid_area .section_cnt .cnt_bx .chart_bx .total{float:left;position:relative;top:50%;width:40%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)} */
.stats_accident_center .mid_area .section_cnt .cnt_bx .chart_bx .total{float:left;position:static;top:0;width:calc(100% - 20px);-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.stats_accident_center .mid_area .section_cnt .cnt_bx .chart_bx .right{float:left;position:relative;top:50%;width:60%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.stats_accident_center .mid_area .section_cnt .cnt_bx .chart_bx .right:after{display:block;clear:both;content:""}
.stats_accident_center .mid_area .section_cnt .cnt_bx .chart_bx .right>div{float:left;width:50%}

/*통계>사고보고>재해유형별*/
.stats_accident_disaster .mid_area .section_cnt .cnt_bx{width:100%}
.stats_accident_disaster .mid_area .section_cnt .cnt_bx+.cnt_bx{margin-left:0;margin-top:20px}
.stats_accident_disaster .mid_area .section_cnt .cnt_bx .table .body{height:120px}
.stats_accident_disaster .mid_area .section_cnt .cnt_bx .chart_wrap{height:calc(100vh - 523px)}
.stats_accident_disaster .mid_area .section_cnt .cnt_bx .chart{height:100%}

/*통계>건강관리*/
.stats_health .mid_area .section_cnt .cnt_bx .btn_full_01{float:left;margin-right:10px}
.stats_health .mid_area .section_cnt .cnt_bx .datepicker_bx{float:left}
.stats_health .mid_area .section_cnt .cnt_bx .sub_tab .table_tab{width:74px}
.stats_health .mid_area .section_cnt .cnt_bx .table{display:none}
.stats_health .mid_area .section_cnt .cnt_bx .chart_wrap{display:none}
.stats_health .mid_area .section_cnt .cnt_bx .chart_extant{display:block}
.stats_health .mid_area .section_cnt .cnt_bx .legend .item{display:none}
.stats_health .mid_area .section_cnt .cnt_bx .legend .item.all{display:block}
.stats_health .mid_area .section_cnt .cnt_bx .legend .item.on{display:block}
.stats_health .mid_area .section_cnt .left .table .body{height: calc(100vh - 247px)}
.stats_health .mid_area .section_cnt .left .table .total{text-align:center;border:1px solid #dedede;box-sizing:border-box}
.stats_health .mid_area .section_cnt .left .table .total .item:after{display:block;clear:both;content:""}
.stats_health .mid_area .section_cnt .left .table .total .item .dt{float:left;width:calc(100% / 3);line-height:34px;border-right:1px solid #dedede;box-sizing:border-box}
.stats_health .mid_area .section_cnt .left .table .total .item .dd{float:left;width:calc(100% / 3);line-height:34px}
.stats_health .mid_area .section_cnt .left .table .total .item .dd+.dd{border-left:1px solid #dedede;box-sizing:border-box}
.stats_health .mid_area .section_cnt .left .chart_fat .total .item .dt,
.stats_health .mid_area .section_cnt .left .chart_hearing .total .item .dt,
.stats_health .mid_area .section_cnt .left .chart_fat .total .item .dd,
.stats_health .mid_area .section_cnt .left .chart_hearing .total .item .dd{width:calc(100% / 4)}

/*통계>화학물질관리*/
.stats_chemistry .mid_area .section_cnt .cnt_bx .legend{margin-bottom:10px}
.stats_chemistry .mid_area .section_cnt .cnt_bx .legend .item{width:calc(100% / 4)}
.stats_chemistry .mid_area .section_cnt .cnt_bx .legend .item+.item{margin-left:0}
.stats_chemistry .mid_area .section_cnt .cnt_bx .mid_bx .chart_bx{background-color:#fff}
.stats_chemistry .mid_area .section_cnt .cnt_bx .mid_bx .chart_wrap{height:calc(100vh - 500px)}
.stats_chemistry .mid_area .section_cnt .cnt_bx .table .body{height:198px}
.stats_chemistry .mid_area .section_cnt .cnt_bx .table .type{width:150px}
.stats_chemistry .mid_area .section_cnt .cnt_bx .table .total{background-color:#ececec}
.stats_chemistry .mid_area .section_cnt .left .mid_bx .chart{width:200px;margin:60px auto 0}
.stats_chemistry .mid_area .section_cnt .right .mid_bx .chart{width:130px;margin:80px auto 0}
.stats_chemistry .mid_area .section_cnt .right .mid_bx .table{margin-top:20px}

/* 통계>안전교육 */
.stats_field_education.page_stats .mid_area .section_tit .right_bx {margin-right: 10%;}
.stats_field_education.page_stats .mid_area .section_cnt .cnt_bx {float: none; width: 80%; margin: auto;}
.stats_field_education.page_stats .mid_area .section_cnt .cnt_bx.field {width: 100%;}
.stats_field_education .mid_area .section_cnt .cnt_bx .equip .table .body {height: 91px;}
.stats_field_education .mid_area .section_cnt .cnt_bx .table .body {height: calc(100vh - 610px);}
.stats_field_education.page_stats .mid_area .section_cnt .cnt_bx .chart_wrap {height: calc(100vh - 457px);}
.stats_field_education.page_stats .mid_area .section_cnt .cnt_bx .sub_tab .table_tab {width: 150px;}
.stats_field_education.page_stats .mid_area .section_cnt .cnt_bx .legend {margin-bottom: 0;}


/*통계>장비관리*/
.stats_equipment .mid_area .section_cnt .cnt_bx .equip .table .body{height:121px}
.stats_equipment .mid_area .section_cnt .cnt_bx .field .table .body{height:calc(100vh - 465px)}
.stats_equipment .mid_area .section_cnt .cnt_bx .table .type,
.stats_equipment .mid_area .section_cnt .cnt_bx .table .name{width:150px}
.stats_equipment .mid_area .section_cnt .cnt_bx .table .num{width:50px}
.stats_equipment .mid_area .section_cnt .cnt_bx .sub_tab .table_tab{width:74px}
.stats_equipment .mid_area .section_cnt .cnt_bx .chart_wrap{height:calc(100vh - 197px)}

/* re: 통계> 위험성평가+안전점검*/
.stats_daily_safety_check.page_stats .mid_area .section_cnt .cnt_bx {float: none; width: 80%; margin: auto;}
.stats_daily_safety_check .mid_area .section_cnt .cnt_bx .equip .table .body{height: 151px;}
.stats_daily_safety_check .mid_area .section_cnt .cnt_bx .field .table .body{height:calc(100vh - 470px)}
.stats_daily_safety_check .mid_area .section_cnt .cnt_bx .table .type,
.stats_daily_safety_check .mid_area .section_cnt .cnt_bx .table .name{width:150px}
.stats_daily_safety_check.page_stats .mid_area .section_cnt .cnt_bx .mid_bx+.mid_bx {margin-top: 0;}
.stats_daily_safety_check .mid_area .section_cnt .cnt_bx .table .num{width:50px}
.stats_daily_safety_check .mid_area .section_cnt .cnt_bx .sub_tab .table_tab{width:74px}
.stats_daily_safety_check .mid_area .section_cnt .cnt_bx .chart_wrap{height:calc(100vh - 197px)}

/*안전보호구 관리*/
.protective_equipment .mid_area .section_right{width:100%}
.protective_equipment .mid_area .section_right .img{padding:5px}
.protective_equipment .mid_area .section_right .img img{max-width:100%;height:100px}

/* 설정>현장관리 */
.field .section_tit .btn_border_01 {float: right; margin-right: 10px;}
.field .section_tit .slt_bx {float: left; margin-left: 25px;width: 70px; text-align: center;}

/* 설정>화학물질관리(관리요령) */
.chemical_management .mid_area .section_cnt .body .img_hover_wrap {position: relative;}
.chemical_management .mid_area .section_cnt .body .img_hover_wrap .hidden {position: absolute; z-index: 10; top: 30px; left: 50%; transform: translateX(-50%);  width: 200px;height: 200px;}
.chemical_management .mid_area .section_cnt .body .img_hover_wrap .hidden > img {width: 100%;}

/* 설정>화학물질관리(등록제품) */
.chemical_product .mid_area .section_search .search_bx .label {padding: 1px 5px;box-sizing: border-box;color: #000; font-weight: 400;}
.chemical_product .mid_area .section_search .search_bx .label.chemical {margin-left: 30px; background-color: #FF3232; }
.chemical_product .mid_area .section_search .search_bx .label.safty {margin-left: 10px; background-color: #FFE500;}
.chemical_product .mid_area .table{overflow-y:auto}
.chemical_product .mid_area .table .head,
.chemical_product .mid_area .table .body {width: 100%;}
.chemical_product .mid_area .table .body{height:calc(100vh - 287px)}
.chemical_product .mid_area .table .chk{width:30px}
.chemical_product .mid_area .table .weight{width:85px}
/* .chemical_product .mid_area .table .body{width:2900px}
.chemical_product .mid_area .table .head{width:2900px} */
.chemical_product .mid_area .table .memo {width: 20%;}
.chemical_product .mid_area .table .fixed{position:relative;background-color:#fff;z-index:100;}
.chemical_product .mid_area .table .body tr:nth-child(even) td.fixed {background-color: #f4efe8;}
.chemical_product .mid_area .table .no {width: 50px;}
.chemical_product .mid_area .table .head .chemical  {background-color: #FF3232; color: #000;}
.chemical_product .mid_area .table .head .safty { background-color: #FFE500; color: #000;}
.chemical_product .mid_area .table .chemical, 
.chemical_product .mid_area .table .safty {width: 100px;}
.chemical_product .mid_area .table .body tr:nth-child(even) td.fixed {background-color: #f4efe8;}
.chemical_product .mid_area .table .head .chemical  {background-color: #FF3232; color: #000;}
.chemical_product .mid_area .table .head .safty { background-color: #FFE500; color: #000;}
.chemical_product .mid_area .table th.fixed {background: #F1F7F8;}
.chemical_product .mid_area .table .body tr:nth-child(even) td.fixed {background: #fff;}

/* 설정>화학물질관리(구성성분) */
.chemical_ingredient .mid_area .section_search .search_bx .label {padding: 1px 5px;box-sizing: border-box;color: #000; font-weight: 400;}
.chemical_ingredient .mid_area .section_search .search_bx .label.chemical {margin-left: 30px; background-color: #FF3232; }
.chemical_ingredient .mid_area .section_search .search_bx .label.safty {margin-left: 10px; background-color: #FFE500;}
.chemical_ingredient .mid_area .section_search .search_bx .label.danger {margin-left: 10px; background-color: #FF7A00;}
.chemical_ingredient .mid_area .table{overflow-x:auto}
.chemical_ingredient .mid_area .table .head,
.chemical_ingredient .mid_area .table .body{width:100%}
.chemical_ingredient .mid_area .table .body{height:calc(100vh - 287px)}
.chemical_ingredient .mid_area .table .chk{width:30px}
.chemical_ingredient .mid_area .table .no {width: 50px;}
.chemical_ingredient .mid_area .table .head .chemical  {background-color: #FF3232; color: #000;}
.chemical_ingredient .mid_area .table .head .safty { background-color: #FFE500; color: #000;}
.chemical_ingredient .mid_area .table .head .danger { background-color: #FF7A00; color: #000;}
.chemical_ingredient .mid_area .table .chemical, 
.chemical_ingredient .mid_area .table .danger, 
.chemical_ingredient .mid_area .table .safty {width: 80px;}

/* 설정>화학물질관리(출력물) 출력물 */
.chemical_output .datepicker .tui-datepicker{z-index:200}
.chemical_output .mid_area .table{overflow-x:auto}
.chemical_output .mid_area .table .head,
.chemical_output .mid_area .table .body{width:4000px}
.chemical_output .mid_area .table .body{height:calc(100vh - 304px)}
.chemical_output .mid_area .table .chk{width:30px}
.chemical_output .mid_area .table .memo{width:200px}
.chemical_output .mid_area .table .fixed{position:relative;background-color:#fff;z-index:100;}
.chemical_output .mid_area .table .head .fixed{background: #F1F7F8;}
.chemical_output .mid_area .table .body tr:nth-child(even) td.fixed {background-color: #fff;}
.chemical_output .mid_area .table .turn {width: 2%;}

/* 설정>화학물질관리(출력물) 그림문자 */
.chemical_painting .datepicker .tui-datepicker{z-index:200}
.chemical_painting .mid_area .table .chk{width:30px}
.chemical_painting .mid_area .table .memo{width:200px}
.chemical_painting .mid_area .table .fixed{position:relative;background-color:#fff;z-index:100}
.chemical_painting .mid_area .table .body tr:nth-child(even) td.fixed {background-color: #f4efe8;}
.chemical_painting .mid_area .body table .img{padding:5px}
.chemical_painting .mid_area .body table .img img{max-width:100%;height:100px}

/*설정>장비관리*/
.equipment .mid_area .section_left .section_cnt .list_bx {height: calc(100vh - 216px);}

/* 결재함>모니터링 승인 */
.monitoring_approval .mid_area .section_tit .tab_cnt {margin-left: 25px;}
.monitoring_approval .mid_area .section_tit .list_txt {margin-left: 15px; margin-top: 3px;}
.monitoring_approval .mid_area .section_cnt .tit .slt_bx {max-width: 200px; margin-left: 10px; transform: translateY(0px);}
.monitoring_approval .mid_area .section_cnt .cnt_bx .table{height:calc(100vh - 187px)}
.monitoring_approval .mid_area .section_cnt .cnt_bx .table .body{height:auto;max-height:calc(100vh - 243px)}
.monitoring_approval.page_stats .mid_area .section_cnt .cnt_bx {float: none; width: 100%;}
.monitoring_approval .mid_area .section_cnt .cnt_bx .table .body table th {border: 1px solid #d9d9d9; box-sizing: border-box;}
.monitoring_approval .mid_area .section_cnt .cnt_bx .table .chk {width: 40px;}
.monitoring_approval .mid_area .section_cnt .cnt_bx .table .body .txt_bx {width: 100%; height: 26px; padding-top: 0; padding-bottom: 0;}
.monitoring_approval .mid_area .section_cnt .cnt_bx .table .body .na .btn_border_01 {width: 90%;; margin-top: 5px;}
.monitoring_approval .mid_area .section_cnt .cnt_bx .table .body table th {font-weight: 500;}
.monitoring_approval .mid_area .select_bx {margin-left: 0;}
.monitoring_approval .mid_area .section_cnt .cnt_bx .datepicker_bx {float: left; margin-left: 10px;transform: translateY(6px);}
.monitoring_approval .mid_area .section_cnt .cnt_bx .tit {padding: 6px;}
.monitoring_approval.mid_area .section_cnt .tit .select_bx {float: left;}

/* 개인정보 수정 */
.personal_information .top_area {border-radius: 8px; margin-bottom: 10px;}
.personal_information .top_area .category {padding-bottom: 10px;}
.personal_information .top_area .category .item:nth-child(3) {display: none;}
.personal_information .top_area .category .item:nth-child(4) {display: none;}
.personal_information .top_area .category .item:nth-child(2) {margin-right:0;padding-right:0;color: #5D6673;}
.personal_information .top_area .category .item:nth-child(2)::before {display: none;}
.personal_information .mid_area .section_cnt>.wrap {height: calc(100vh - 138px); box-sizing: border-box;}
.personal_information .mid_area .section_cnt>.wrap .tit {font-size: 20px; font-weight: 700; text-align: center; margin-top: 30px; margin-bottom: 40px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section {width: 500px; height: 550px; margin: auto; padding-top: 30px; overflow-y: auto; overflow-x: hidden;padding:0 16px; box-sizing: border-box;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item {margin-bottom: 35px; width: 100%; min-height: 40px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item dt {float: left; width: 110px; font-size: 14px; font-weight: 500; color: #3D3D3D; line-height: 40px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item dd {float: right; width: calc(100% - 120px);}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item dd .txt_bx {width: 100%; height: 40px; border: 1px solid #E6E6E6; border-radius: 8px; margin-right: 0; padding-left: 10px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item dd .txt_bx:disabled {background: #F6F6F6;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item dd .txt_bx::placeholder {color: #C4C4C4;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .search dd .search_bx {position: relative;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .search dd .search_bx .txt_bx {padding-right: 40px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .search dd .search_bx .btn_i_search {position: absolute; right: 0; top: 0; width: 40px; height: 40px; background-size: 18px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .sign {min-height: 100px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .sign .sign_cnt {width: 100%; max-height: 100px; border: 1px solid #E6E6E6; border-radius: 8px; padding: 12px; box-sizing: border-box;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .sign .sign_cnt > img {display: block;max-width: 300px; max-height:76px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item dd .datepicker .picker {height: 40px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item dd .datepicker .tui-datepicker {top: 20px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item dd .slt_bx {height: 40px; width: 100%; background: #fff; border: 1px solid #E6E6E6; border-radius: 8px; margin: 0; max-width: none; padding-left: 10px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .chk_bx .check_bx {width: 45%; float: left; line-height: 40px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item .file_btn {color: #F4721E; font-size: 14px; font-weight: 700; text-decoration: underline; margin-top: 6px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item .file_name {width: 100%; display: flex; align-items: center; margin-top: 6px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item .file_name > p {color: #838383;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .item .file_name .file_del {display: block; width: 14px; height: 10px; background: url(../img/i_x_02.png) no-repeat; background-size: 14px 10px; margin-left: 10px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .other_bx {display: none;} 
.personal_information .mid_area .section_cnt>.wrap .personal_section .msg {position: relative;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .msg .msg_txt {position: absolute; bottom: -20px; right: 0; color: #E02020;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .mail dd {position: relative;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .mail dd .txt_bx {padding-right: 70px; box-sizing: border-box;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .mail dd .btn_border_01 {position: absolute; right: 4px ; top: 9px;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .AuthN dd {position: relative;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .AuthN dd .txt_bx {padding-right: 40px; box-sizing: border-box;}
.personal_information .mid_area .section_cnt>.wrap .personal_section .AuthN dd .btn_border_01 {position: absolute; right: 4px ; top: 9px;}

.personal_information .mid_area .section_cnt>.wrap .btm_cnt {margin-top: 60px; height: 40px; display: flex; justify-content: center; align-items: center;}
.personal_information .mid_area .section_cnt>.wrap .btm_cnt > button {width: 170px; height: 40px;font-size: 16px; border: 1px solid #F4721E; border-radius: 8px; float: left; margin: 0;}
.personal_information .mid_area .section_cnt>.wrap .btm_cnt > .cancle {margin-right: 10px; background: #fff; color: #F4721E; }


/*popup*/
.popup{color:#a5a5a5;border-radius: 16px;}
.popup .pop_wrap {padding: 15px 10px;}
.popup .top_area{padding:0;background-color:#FBB584;color:#fff;font-weight:500;margin: 0;}
.popup .top_area .pop_wrap:after{display:block;clear:both;content:""}
.popup .top_area .tit{float:left; color: #00000C;}
.popup .top_area button{float:right;position:relative;top:3px}
.popup .mid_area{padding:0}
.popup .mid_area .top_cnt{padding:10px;border-bottom:1px solid #7c7c7c;}
.popup .mid_area .top_cnt:after{display:block;clear:both;content:""}
.popup .mid_area .top_cnt .search_bx{float:left;width:49%}
.popup .mid_area .top_cnt .right_bx{float:right;width:49%}
.popup .mid_area .top_cnt .right_bx:after{display:block;clear:both;content:""}
.popup .mid_area .top_cnt .right_bx>span{float:left}
.popup .mid_area .top_cnt .right_bx>div{float:right}
.popup .mid_area .table .body .b{color:#ea1414;font-weight:500}
.popup .mid_area .readonly{background-color:#d8d8d8}
.popup .mid_area .check_bx.disabled input.radio+label,
.popup .mid_area .check_bx.disabled>input.check+label{cursor:default}
.popup .mid_area .search_bx.disabled button{cursor:default}
.popup .mid_area .search_bx.disabled,
.popup .mid_area .slt_bx.disabled,
.popup .mid_area .txt_bx.disabled,
.popup .mid_area .picker.disabled{background-color:#eee}
.popup .mid_area .btm_cnt{padding:10px;border-top:1px solid #979797;box-sizing:border-box}
.popup .mid_area .btm_cnt .approval:after{display:block;clear:both;content:""}
.popup .mid_area .btm_cnt .approval .dt{float:left;width:100px;margin-right:5px;color:#001d33;font-weight:500}
.popup .mid_area .btm_cnt .approval .dd{float:left;width:calc(100% - 105px);}
.popup .mid_area .btm_cnt .approval .list_bx:after{display:block;clear:both;content:""}
.popup .mid_area .btm_cnt .approval .list_bx>ul{float:left}
.popup .mid_area .btm_cnt .approval .list_bx>ul:after{display:block;clear:both;content:""}
.popup .mid_area .btm_cnt .approval .list_bx>ul>li{float:left;position:relative;margin-right:20px}
.popup .mid_area .btm_cnt .approval .list_bx>ul>li:before{position:absolute;top:50%;right:-11px;width:6px;height:9px;background:url(../img/arr_next_03.png) center no-repeat;background-size:6px 9px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.popup .mid_area .btm_cnt .approval .list_bx>ul>li:last-child:before{display:none}
.popup .mid_area .btm_cnt .approval .list_bx>ul>li>i{float:left;margin-right:5px}
.popup .mid_area .btm_cnt .approval .list_bx .re>i{color:#e02020}
.popup .mid_area .btm_cnt .approval .list_bx .end>i{color:#6dd400}
.popup .btm_area{padding: 15px 10px;box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.08);}
.popup .btm_area:after{display:block;clear:both;content:""}
.popup .btm_area>div{float:right}
.popup .btm_area>div:after{display:block;clear:both;content:""}
.popup .btm_area>div>button{float:left}
.popup .search_bx .slt_bx {margin-left: 0;}
.popup .slt_bx {margin-left: 0;min-width: 40px;background: #fff; border: 1px solid #F5F5F7;}
.popup .table .head>table>thead>tr>th {color: #5D6673;}
.popup .table .head>table>thead>tr>th,
.popup .table .body>table>tbody>tr>td {font-weight: 400; padding: 15px 5px; box-sizing: border-box;}
.popup .table .head {border-radius: 0;}
.popup .datepicker.on input {color: #000;}

/*팝업 메모(위험성평가)*/
[class*="pop_memo_"] .mid_area .item:after{display:block;clear:both;content:""}
[class*="pop_memo_"] .mid_area .item .dt{float:left;width:100px;margin-right:5px;color:#001d33;font-weight:500}
[class*="pop_memo_"] .mid_area .item .dd{float:left;width:calc(100% - 105px);}
[class*="pop_memo_"] .mid_area .item .txt_bx{width:100%;height:100px;margin-right:0;color:#a5a5a5}

/*팝업 인포(위험성평가)*/
[class*="pop_info_"] .mid_area .item+.item{margin-top:16px}
[class*="pop_info_"] .mid_area .item:after{display:block;clear:both;content:""}
[class*="pop_info_"] .mid_area .item .dt{float:left;width: 120px;margin-right:5px;color:#5D6673;font-weight:500}
[class*="pop_info_"] .mid_area .item .dd{float:left;width:calc(100% - 125px); color: #00000C;}
[class*="pop_info_"] .mid_area .item .txt_bx{width:100%;margin-right:0;color:#a5a5a5;border-radius: 4px;border: 1px solid #F5F5F7;}
[class*="pop_info_"] .mid_area .item .search_bx{border:1px solid #ededed;box-sizing:border-box;border-radius: 4px;}
[class*="pop_info_"] .mid_area .item .search_bx .txt_bx{width:calc(100% - 22px);border:none}
[class*="pop_info_"] .mid_area .item .search_bx.multi .txt_bx{height: 50px; overflow-y: auto; padding: 5px;box-sizing: border-box;}
[class*="pop_info_"] .mid_area .item .search_bx .btn_i_search{width:22px;height:22px}
[class*="pop_info_"] .mid_area .file .line{box-sizing:border-box;width: 100%; padding: 15px 24px; border: 1px solid #f0f0f0;}
[class*="pop_info_"] .mid_area .file .line:after{display:block;clear:both;content:""}
[class*="pop_info_"] .mid_area .file .line>span{float:left}
[class*="pop_info_"] .mid_area .file .line>button{float:right;margin-left:0}
[class*="pop_info_"] .mid_area .file .list_bx{overflow-y:auto;overflow-x: hidden;height:65px;box-sizing:border-box;width: 100%;border: 1px solid #f0f0f0;}
[class*="pop_info_"] .mid_area .file .list_bx:after{display:block;clear:both;content:""}
[class*="pop_info_"] .mid_area .file .list_bx>li{padding: 15px 24px; box-sizing: border-box; margin-right: 0; width: 100%;border-bottom: 1px solid #f0f0f0}
[class*="pop_info_"] .mid_area .file .list_bx>li:after{display:block;clear:both;content:""}
[class*="pop_info_"] .mid_area .file .list_bx>li>i{float:left;width: calc(100% - 17px);margin-right:5px}
[class*="pop_info_"] .mid_area .file .list_bx>li>button{float:right;position:relative;top:4px;width:12px;height:12px}
[class*="pop_info_"] .mid_area .approval .list_bx:after{display:block;clear:both;content:""}
[class*="pop_info_"] .mid_area .approval .list_bx>ul{float:left}
[class*="pop_info_"] .mid_area .approval .list_bx>ul:after{display:block;clear:both;content:""}
[class*="pop_info_"] .mid_area .approval .list_bx>ul>li{float:left;position:relative;margin-right:20px}
[class*="pop_info_"] .mid_area .approval .list_bx>ul>li:before{position:absolute;top:50%;right:-11px;width:6px;height:9px;background:url(../img/arr_next_03.png) center no-repeat;background-size:6px 9px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
[class*="pop_info_"] .mid_area .approval .list_bx>ul>li:last-child:before{display:none}
[class*="pop_info_"] .mid_area .approval .list_bx>ul>li>i{float:left;margin-right:5px}

/*팝업 리스트(위험성평가등록>프로젝트(현장)명검색*/
[class*="pop_list_"] .mid_area .top_cnt .search_bx{width:100%}
[class*="pop_list_"] .mid_area .table{color:#2c2c2c}
[class*="pop_list_"] .mid_area .table .body{height:250px}
[class*="pop_list_"] .mid_area .table .body>table>tbody>tr .none{color:#e02020}
[class*="pop_list_"] .mid_area .pagination{padding:10px 0;border-top:1px solid #979797}

/*팝업 조직도*/
[class*="pop_tree_"]{width:800px}
[class*="pop_tree_"] .mid_area .pop_wrap:after{display:block;clear:both;content:""}
[class*="pop_tree_"] .mid_area .top_bx{margin-bottom:5px;padding-bottom:10px;border-bottom:1px solid #7c7c7c}
[class*="pop_tree_"] .mid_area .top_bx:after{display:block;clear:both;content:""}
[class*="pop_tree_"] .mid_area .tree_cnt{float:left;width:49%;}
[class*="pop_tree_"] .mid_area .tree_cnt .tree_bx{overflow:auto;height:470px;padding:5px;border:1px solid #ededed;box-sizing:border-box}
[class*="pop_tree_"] .mid_area .tree_cnt .tree_tab>ul:after{display:block;clear:both;content:""}
[class*="pop_tree_"] .mid_area .tree_cnt .tree_tab>ul>li{float:left;width:75px;padding:2px 0;text-align:center;border:1px solid #ededed;box-sizing:border-box;cursor:pointer}
[class*="pop_tree_"] .mid_area .tree_cnt .tree_tab>ul>li.click{background-color:#ededed;color:#f37320;font-weight:500}
[class*="pop_tree_"] .mid_area .tree_cnt .tree_bx{display:none}
[class*="pop_tree_"] .mid_area .tree_cnt .tree_bx.on{display:block}
[class*="pop_tree_"] .mid_area .table_cnt{float:right;width:49%}
[class*="pop_tree_"] .mid_area .table_cnt .top_bx .num{float:left}
[class*="pop_tree_"] .mid_area .table_cnt .top_bx .btn{float:right}
[class*="pop_tree_"] .mid_area .table_cnt .top_bx .btn:after{display:block;clear:both;content:""}
[class*="pop_tree_"] .mid_area .table_cnt .top_bx .btn .btn_border_01{float:left}
[class*="pop_tree_"] .mid_area .table_cnt .table .body{height:413px}
[class*="pop_tree_"] .mid_area .table_cnt .table .body>span{display:block;padding:14px 0;text-align:center}
[class*="pop_tree_"] .mid_area .pagination{padding:10px 0 0;border-top:1px solid #979797}

.pop_tree_user .btm_area .add{display:none}

/*팝업 공종명검색(위험성평가등록)*/
.pop_tree_type_b{width:1200px}
.pop_tree_type_b .search_bx .txt_bx{width:200px}
.pop_tree_type_b .mid_area .tree_cnt{width:30%}
.pop_tree_type_b .mid_area .table_cnt{width:68%}

/*팝업 등록*/
[class*="pop_info_add_"]{width:320px}
[class*="pop_info_add_"] .mid_area .item .dt{width:95px}
[class*="pop_info_add_"] .mid_area .item .dd{width:calc(100% - 100px)}
[class*="pop_info_add_"] .mid_area .item .select_bx .slt_bx{width:100%;max-width:100%;margin-right:0;border:1px solid #ededed}
[class*="pop_info_add_"] .mid_area .item textarea.txt_bx{height:100px}
[class*="pop_info_add_"] .mid_area .item_cnt>span>i{color:#f37320}
[class*="pop_info_add_"] .mid_area .item_cnt>span .blue{color:#0091ff}
[class*="pop_info_add_"] .mid_area .item_cnt>span .red{color:#ff0000}

/*팝업 사진*/
[class*="pop_picture_"]{width:800px}
[class*="pop_picture_"] .mid_area .pop_wrap:after{display:block;clear:both;content:""}
[class*="pop_picture_"] .mid_area .pop_wrap>div+div{margin-left:10px;padding-left:10px;border-left:1px solid #979797;box-sizing:border-box}
[class*="pop_picture_"] .mid_area .table_cnt{float:left;width:50%}
[class*="pop_picture_"] .mid_area .table_cnt .top_bx{padding-bottom:5px;border-bottom:1px solid #979797;box-sizing:border-box}
[class*="pop_picture_"] .mid_area .table_cnt .top_bx:after{display:block;clear:both;content:""}
[class*="pop_picture_"] .mid_area .table_cnt .top_bx>dl{float:left;color:#001d33;font-weight:500}
[class*="pop_picture_"] .mid_area .table_cnt .top_bx>dl:after{display:block;clear:both;content:""}
[class*="pop_picture_"] .mid_area .table_cnt .top_bx>dl>dt{float:left}
[class*="pop_picture_"] .mid_area .table_cnt .top_bx>dl>dd{float:left;margin-left:5px}
[class*="pop_picture_"] .mid_area .table_cnt .top_bx .search_bx{float:right}
[class*="pop_picture_"] .mid_area .table_cnt .table .head>table>thead>tr>th{color:#001d33}
[class*="pop_picture_"] .mid_area .table_cnt .table .body>table>tbody>tr{border-bottom:1px solid #ededed;cursor:pointer}
[class*="pop_picture_"] .mid_area .table_cnt .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
[class*="pop_picture_"] .mid_area .table_cnt .table .body>table>tbody .click{color:#f37320}
[class*="pop_picture_"] .mid_area .table_cnt .table .body{height:327px;border-bottom:1px solid #979797}
[class*="pop_picture_"] .mid_area .picture_cnt{float:left;width:calc(50% - 20px)}
[class*="pop_picture_"] .mid_area .picture_cnt .top_bx{padding-top:32px;margin-bottom:36px}
[class*="pop_picture_"] .mid_area .picture_cnt .top_bx .item:after{display:block;clear:both;content:""}
[class*="pop_picture_"] .mid_area .picture_cnt .top_bx .item .dt{float:left;width:40px;color:#001d33;font-weight:500}
[class*="pop_picture_"] .mid_area .picture_cnt .top_bx .item .dd{float:left;width:calc(100% - 40px)}
[class*="pop_picture_"] .mid_area .picture_cnt .picture_bx{overflow-y:auto;height:300px;margin-bottom:10px;padding-bottom:32px;text-align:center;border-bottom:1px solid #979797;box-sizing:border-box}
[class*="pop_picture_"] .mid_area .picture_cnt .picture_bx>img{max-width:100%;max-height:100%}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx{width:158px;margin:0 auto}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx:after{display:block;clear:both;content:""}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx>div{float:left}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx>div:after{display:block;clear:both;content:""}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx>div+div{margin-left:88px}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx>div>span,
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx>div>button{position:relative;float:left}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx>div>button:before{position:absolute;top:0;width:22px;height:22px;content:""}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx .prev{position:relative}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx .prev:before{position:absolute;top:50%;right:-45px;width:1px;height:10px;background-color:#979797;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);content:""}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx .prev .btn_prev:before{left:-20px;background:url(../img/arr_prev_02.png) center no-repeat;background-size:8px 10px}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx .next .btn_next:before{right:-20px;background:url(../img/arr_next_02.png) center no-repeat;background-size:8px 10px}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx .prev .btn_prev.active:before{background:url(../img/arr_prev_active_02.png) center no-repeat;background-size:8px 10px}
[class*="pop_picture_"] .mid_area .picture_cnt .btm_bx .next .btn_next.active:before{background:url(../img/arr_next_active_02.png) center no-repeat;background-size:8px 10px}

/*팝업 점검항목 공통*/
[class*="pop_list_inspection"]{width:700px}
[class*="pop_list_inspection"] .mid_area .table .body>table>tbody>tr{border-bottom:1px solid #d8d8d8;box-sizing:border-box}
[class*="pop_list_inspection"] .mid_area .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
[class*="pop_list_inspection"] .mid_area .table .item{background-color:#f1f1f1}
[class*="pop_list_inspection"] .mid_area .table .result{width:20%;border-right:1px solid #d8d8d8;box-sizing:border-box}
[class*="pop_list_inspection"] .mid_area .table .memo{width:40%;border-right:1px solid #d8d8d8;box-sizing:border-box}
[class*="pop_list_inspection"] .mid_area .table .img{width:calc(15% - 4px)}
[class*="pop_list_inspection"] .mid_area .table .body>table>tbody>tr .memo .txt_bx{width:100%;margin-right:0}
[class*="pop_list_inspection"] .mid_area .table .approval{background-color:#fff}

/*팝업 결재선*/
.pop_list_approval{width:950px}
.pop_list_approval .table .memo{width:28%}

/*팝업 위험성평가(위험성평가등록)*/
.pop_info_danger{width:1000px}
.pop_info_danger .item .dd .datepicker_bx .picker {width: 60px;}
.pop_info_danger .item .dd .datepicker_bx .slt_bx {max-width: 200px;}
.pop_info_danger .mid_area .table{margin-top:10px;color:#a5a5a5;box-sizing:border-box;border: 1px solid #F0F0F0;}
.pop_info_danger .mid_area .table>div>table>thead>tr,
.pop_info_danger .mid_area .table>div>table>tbody>tr{height:20px}
.pop_info_danger .mid_area .table .body>table>tbody>tr {border-bottom: 1px solid #F0F0F0;}
.pop_info_danger .mid_area .table .body{height:150px}
.pop_info_danger .mid_area .table .body>table>tbody>tr{border-bottom:1px solid #F0F0F0}
.pop_info_danger .mid_area .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.pop_info_danger .mid_area .table .cause{width:26%}
.pop_info_danger .mid_area .table .memo{width:35%}
.pop_info_danger .mid_area .table .body .cause,
.pop_info_danger .mid_area .table .body .memo{text-align:left}

/*팝업 업체별 위험성평가(위험성평가등록)*/
.pop_info_company{width:1000px}
.pop_info_company .mid_area .table{margin-top:10px;color:#a5a5a5;border:1px solid #F0F0F0;box-sizing:border-box}
.pop_info_company .mid_area .table>div>table>thead>tr,
.pop_info_company .mid_area .table>div>table>tbody>tr{height:20px}
.pop_info_company .mid_area .table .body{height:120px}
.pop_info_company .mid_area .table .body>table>tbody>tr{border-bottom:1px solid #F0F0F0}
.pop_info_company .mid_area .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.pop_info_company .mid_area .table .cause,
.pop_info_company .mid_area .table .memo{width:25%}
.pop_info_company .mid_area .table .body .cause,
.pop_info_company .mid_area .table .body .memo{text-align:left}
.pop_info_company .mid_area .reject .dd{color:#ff0000}

/*팝업 프로젝트(현장)명검색(위험성평가등록/협력업체관리)*/
.pop_list_place {width: 800px;}
.pop_list_place .mid_area .table .body tr{cursor:pointer}
.pop_list_place .mid_area .table .body tr:hover{color:#f37320;text-decoration:underline}

/*팝업 안전업무조치사항(일일업무보고)*/
.pop_list_safty_measure{width:800px}
.pop_list_safty_measure .mid_area .top_cnt{padding:0 0 10px 0}
.pop_list_safty_measure .mid_area .top_cnt .right_bx{width:auto}
.pop_list_safty_measure .table .memo .txt_bx{width:90%;margin-right:0}
.pop_list_safty_measure .table .num{width:50px}
.pop_list_safty_measure .table .file,
.pop_list_safty_measure .table .user{width:100px}

/*팝업 공종명검색(위험성평가등록/협력업체관리)*/
.pop_tree_type .mid_area .tree_bx{height:479px}

/* 팝업 등록사진 */
.pop_info_registration_place {width: 400px;}
.pop_info_registration_place .mid_area {overflow-y: auto; max-height: 600px;}
.pop_info_registration_place .mid_area .item .dt {float: left;width: 60px;margin-right: 5px;color: #001d33;font-weight: 500;}
.pop_info_registration_place .mid_area .item .dd {float: left;width: calc(100% - 65px);}
.pop_info_registration_place .mid_area .item .dd > .slt_bx {max-width: 100%; width: 100%; text-align: center;}
.pop_info_registration_place .mid_area .item.picture .dd {float: none; width: 100%;max-height: 250px;}
.pop_info_registration_place .mid_area .item.picture .dd > img {width: 100%; max-height: 250px;}
.pop_info_registration_place .mid_area .item.list {background: #EDEDED;}
.pop_info_registration_place .mid_area .item.list .dt,
.pop_info_registration_place .mid_area .item.list .dd {float: none; width: 100%;}
.pop_info_registration_place .mid_area .item.list .dt {padding: 5px 10px; box-sizing: border-box; border-bottom: 1px solid #fff;}
.pop_info_registration_place .mid_area .item.list .dd {padding: 10px; box-sizing: border-box;}
.pop_info_registration_place .mid_area .item.list .dd .check_bx {float: left;width: 48%;padding-left: 5px; margin-bottom: 10px; height: 20px;}
.pop_info_registration_place .mid_area .item.list .dd .check_bx>input.check+label>span {left: 20px;}

/*팝업 위험성평가항목*/
[class*="pop_list_check_"]{width:1300px}
[class*="pop_list_check_"] .mid_area .tit_bx{float:left;width:49%;color:#001d33;font-weight:500}
[class*="pop_list_check_"] .mid_area .right_bx .save_btn{display:none}
[class*="pop_list_check_"] .mid_area .table .memo{width:20%}
[class*="pop_list_check_"] .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
[class*="pop_list_check_"] .table .head>table>thead>tr>th,
[class*="pop_list_check_"] .table .body>table>tbody>tr>td{border:1px solid #dedede;box-sizing:border-box}
[class*="pop_list_check_"] .table .body>table>tbody>tr>td .txt_bx{width:100%;margin-right:0}
[class*="pop_list_check_"] .table .body>table>tbody>tr>td .edit{display:none}
[class*="pop_list_check_"] .datepicker .tui-datepicker{left:auto;right:0}
[class*="pop_list_check_"] .datepicker .tui-datepicker-type-date,
[class*="pop_list_check_"] .datepicker .tui-calendar{width:170px}
[class*="pop_list_check_"] .datepicker .tui-calendar td,
[class*="pop_list_check_"] .datepicker .tui-calendar th{height:20px}
[class*="pop_list_check_"] .b{font-weight:500}

/*팝업 위험성평가항목(주간위험성평가)*/
.pop_list_check_a{width:95vw}
.pop_list_check_a .mid_area .tit_bx:after{display:block;clear:both;content:""}
.pop_list_check_a .mid_area .tit_bx>span{float:left}
.pop_list_check_a .mid_area .tit_bx .legend{float:left;margin-left:20px;font-weight:300}
.pop_list_check_a .mid_area .tit_bx .legend:after{display:block;clear:both;content:""}
.pop_list_check_a .mid_area .tit_bx .legend .item{float:left;margin-right:10px}
.pop_list_check_a .mid_area .tit_bx .legend .item:after{display:block;clear:both;content:""}
.pop_list_check_a .mid_area .tit_bx .legend .item .dot{float:left;width:13px;height:13px;margin-top:4px;margin-right:10px}
.pop_list_check_a .mid_area .tit_bx .legend .item>dd{float:left}
.pop_list_check_a .mid_area .legend .green .dot{background-color:#6dd400}
.pop_list_check_a .mid_area .legend .blue .dot{background-color:#32c5ff}
.pop_list_check_a .mid_area .legend .purple .dot{background-color:#6236ff}
.pop_list_check_a .mid_area .table .body{height:500px}
.pop_list_check_a .mid_area .table .body .sub .main_num .num{position:relative;cursor:pointer}
.pop_list_check_a .mid_area .table .body .sub .main_num .num:before{position:absolute;top:50%;right:4px;width:15px;height:15px;margin-top:2px;background:url(../img/arr_down_04.png) center no-repeat;background-size:cover;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);content:""}
.pop_list_check_a .mid_area .table .body .sub .sub_num{display:none}
.pop_list_check_a .mid_area .table .body .sub.sub_data .main_num .num:before{background:url(../img/arr_up_04.png) center no-repeat;background-size:cover}
.pop_list_check_a .mid_area .table .body .sub.sub_data .sub_num{display:table-row}
.pop_list_check_a .mid_area .table .chk{width:50px}
.pop_list_check_a .mid_area .table .num{width:50px}
.pop_list_check_a .mid_area .table .cause{width:20%}
.pop_list_check_a .mid_area .table .memo{width:25%}
.pop_list_check_a .mid_area .table .date{width:123px}
.pop_list_check_a .mid_area .table .body .cause,
.pop_list_check_a .mid_area .table .body .memo{text-align:left}
.pop_list_check_a .mid_area .table .body .cause .txt_bx,
.pop_list_check_a .mid_area .table .body .memo .txt_bx{height:22px;margin-top:5px}

/*팝업 위험성평가항목(위험성평가검토)*/
.pop_list_check_c{width:95vw}
.pop_list_check_c .mid_area .right_bx .save{display:none}
.pop_list_check_c .date{width:10%;}
.pop_list_check_c .date>.datepicker{margin-left: 30px;}
.pop_list_check_c .manager>div:after{display:block;clear:both;content:""}
.pop_list_check_c .manager>div>i{float:left;margin-right:5px}
.pop_list_check_c .manager>div>button{float:right}
.pop_list_check_c .manager>div>i.list{float:left;width:100%;margin-right:0;text-align:center}
.pop_list_check_c .mid_area .table .body{height:500px}
.pop_list_check_c .table .body>table>tbody>tr .manager .btn_i_x_02{position:relative;top:5px;width:10px;height:10px}
.pop_list_check_c .table .body .memo{text-align:left}
.pop_list_check_c .table .body .memo .txt_bx{height:22px;}
.pop_list_check_c .table .body .slt_bx {width: 100%;}
.pop_list_check_c .table .body .txt_bx.edit {line-height: 1;}

/*팝업 안전보건 교육일지(일반관리>안전보건 교육일지)*/
.pop_info_safty .mid_area{overflow-y:auto;max-height:600px}
.pop_info_safty .mid_area .item_cnt .time .dd .txt_bx{float:left;width:70px;margin-right:5px;text-align:right}
.pop_info_safty .mid_area .item_cnt .time .dd>i{float:left;color:#001d33;font-weight:500}

/*팝업 안전보건 교육일지(일반관리>안전보건 교육일지) 강사명*/
.pop_info_safty_b .mid_area .item_cnt .memo .dd{color:#2c2c2c}

/*팝업 교육 대상인원(일반관리>안전보건교육일지)*/
.pop_list_target_user{width:300px}

/*팝업 일일업무보고(업무보고>일일)*/
[class*="pop_info_list"] .mid_area .item_cnt .item .dd .table{width:100%;text-align:center;border:1px solid #ededed;box-sizing:border-box;table-layout:fixed}
[class*="pop_info_list"] .mid_area .item_cnt .item .dd .table>thead>tr>th,
[class*="pop_info_list"] .mid_area .item_cnt .item .dd .table>tbody>tr>td{font-weight:300;border:1px solid #ededed;box-sizing:border-box}
[class*="pop_info_list"] .mid_area .item_cnt .item .dd .table>tbody>tr td.type{text-align:left}
[class*="pop_info_list"] .mid_area .item_cnt .item .dd .table>thead>tr>th.num,
[class*="pop_info_list"] .mid_area .item_cnt .item .dd .table>tbody>tr>td.num{width:15%}
[class*="pop_info_list"] .mid_area .item_cnt .people .dd{color:#001d33;font-weight:500}
[class*="pop_info_list"] .mid_area .item_cnt .people .dd .txt_bx{width:70px;margin-right:5px}

/*팝업 에디터(업무보고>일일)*/
.pop_editor{width:650px}

/*팝업 보기(업무보고>일일)*/
.pop_editor_view{width:400px}
.pop_editor_view .mid_area .view_cnt{overflow-y:auto;height:350px;padding:5px;border:1px solid #d8d8d8;box-sizing:border-box}
.pop_editor_view .mid_area .view_cnt>img{max-width:100%;max-height:100%}

/*팝업 안전작업허가서(업무보고>일일)*/
.pop_list_permit{width:1000px}
.pop_list_permit .mid_area .table .body>table>tbody>tr:hover{color:#f37320;text-decoration:underline;cursor: pointer;}

/*팝업 중장비안전점검(업무보고>일일)*/
.pop_list_equipment{width:650px}


/*팝업 주간업무보고(업무보고>주간)*/
[class*="pop_info_weekly_"]{width:800px}
[class*="pop_info_weekly_"] .mid_area .item_cnt .item .table{border-top:1px solid #979797;box-sizing:border-box}
[class*="pop_info_weekly_"] .mid_area .item_cnt .item .table .head{color:#001d33;border-bottom:1px solid #979797}
[class*="pop_info_weekly_"] .mid_area .item_cnt .item .table .body{height:auto;max-height:400px}
[class*="pop_info_weekly_"] .mid_area .item_cnt .item .table .body>table>tbody>tr{border-bottom:1px solid #979797;box-sizing:border-box}
[class*="pop_info_weekly_"] .mid_area .item_cnt .item .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
[class*="pop_info_weekly_"] .mid_area .item_cnt .item .table .head>table>thead>tr>th,
[class*="pop_info_weekly_"] .mid_area .item_cnt .item .table .body>table>tbody>tr>td{border-left:1px solid #979797;box-sizing:border-box}
[class*="pop_info_weekly_"] .mid_area .item_cnt .item .table .head>table>thead>tr>th:last-child,
[class*="pop_info_weekly_"] .mid_area .item_cnt .item .table .body>table>tbody>tr>td:last-child{border-right:1px solid #979797;box-sizing:border-box}
[class*="pop_info_weekly_"] .mid_area .item_cnt .item .table .none{background-color:#ededed}
[class*="pop_info_weekly_"] .mid_area .item_cnt .item .table .content{width:35%}
[class*="pop_info_weekly_"] .mid_area .item_cnt .item .table .body .memo .txt_bx{height:22px}

/*팝업 주간업무보고*/
.pop_info_weekly_report{width:500px}

/*팝업 주간업무등록*/
.pop_weekly_report_add{width:1000px}
.pop_weekly_report_add .mid_area{overflow:auto;max-height:550px}
.pop_weekly_report_add .table+.table{margin-top:20px}
.pop_weekly_report_add .table table{width:100%;text-align:center;table-layout:fixed}
.pop_weekly_report_add .table table>thead>tr>th,
.pop_weekly_report_add .table table>tbody>tr>td{padding:5px;border:1px solid #dedede;box-sizing:border-box}
.pop_weekly_report_add .table table>thead>tr>th{background-color:#ededed;color:#002645;font-weight:500}
.pop_weekly_report_add .table table>tbody>tr .memo,
.pop_weekly_report_add .table table>tbody>tr .step{text-align:left}
.pop_weekly_report_add .table .type{width:100px}
.pop_weekly_report_add .table .edit{display:none;width:100%;max-width:unser;margin-right:0}
.pop_weekly_report_add .table textarea.txt_bx{height:90px}
.pop_weekly_report_add .table .img+button{margin-top:10px;border-top:1px solid #dedede}
.pop_weekly_report_add .table .img>span{width:100%;height:100px;line-height:98px}
.pop_weekly_report_add .table .img>img{max-width:calc(100% - 10px);height:100px}

/*팝업 보고항목(업무보고>일일)*/
[class*="pop_list_report_"]{width:840px}
[class*="pop_list_report_"] .mid_area .table .memo{width:25%}
[class*="pop_list_report_"] .mid_area .table .memo>i{display:block}
[class*="pop_list_report_"] .mid_area .table .type{width:20%}
[class*="pop_list_report_"] .mid_area .table .check{width:25%}
[class*="pop_list_report_"] .mid_area .table .result{width:15%}

/*팝업 안전작업 허가관리 공통(일반관리>일일안전허가관리>허가신청)*/
[class*="pop_info_permit_"]{width:630px}
[class*="pop_info_permit_"] .mid_area{overflow-y:auto;max-height:600px}
[class*="pop_info_permit_"] .mid_area .item_cnt .line+.line,
[class*="pop_info_permit_"] .mid_area .item_cnt .line+.item,
[class*="pop_info_permit_"] .mid_area .item_cnt .item+.line{margin-top:10px}
[class*="pop_info_permit_"] .mid_area .item_cnt .line:after{display:block;clear:both;content:""}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .item{float:left;width:65%}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .item+.item{margin-top:0;margin-left:2%}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .right{width:33%}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .right .dt{width:70px}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .right .dd{width:calc(100% - 75px)}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .field .dd .check_bx{float:left;width:50%}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .time .dd>div{float:left}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .time .dd>div:after{display:block;clear:both;content:""}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .time .dd>div .slt_bx{float:left;max-width:39px;max-width: 50px; margin: 0; margin-right: 5px;}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .time .dd>i{float:left;margin-right:5px}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .time .dd .e_time .minute{margin-right:0}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .people .dd .txt_bx{float:left;width: calc(100% - 18px);margin-right:5px;}
[class*="pop_info_permit_"] .mid_area .item_cnt .line .people .dd>i{float:left}
[class*="pop_info_permit_"] .mid_area .item_cnt .permit_list .dt{float:none;width:100%}
[class*="pop_info_permit_"] .mid_area .item_cnt .permit_list .dd{float:none;width:100%;border:1px solid #979797;box-sizing:border-box}
[class*="pop_info_permit_"] .mid_area .item_cnt .permit_list .dd>table{width:100%}
[class*="pop_info_permit_"] .mid_area .item_cnt .permit_list .dd>table>tbody>tr+tr{border-top:1px solid #979797;box-sizing:border-box}
[class*="pop_info_permit_"] .mid_area .item_cnt .permit_list .dd>table>tbody>tr>td{height:30px;border-left:1px solid #979797;box-sizing:border-box}
[class*="pop_info_permit_"] .mid_area .item_cnt .permit_list .dd>table>tbody>tr>td:after{display:block;clear:both;content:""}
[class*="pop_info_permit_"] .mid_area .item_cnt .permit_list .dd>table>tbody>tr>td .check_bx{float:left;width:95px;padding-left:5px}
[class*="pop_info_permit_"] .mid_area .item_cnt .permit_list .dd>table>tbody>tr>td .btn_under_01{float:left; margin-left: 5px;}
[class*="pop_info_permit_"] .mid_area .item_cnt .permit_list .dd>table>tbody>tr>td .btn_under_01.hide{display:none}
[class*="pop_info_permit_"] .mid_area .item_cnt .permit_list .dd>table>tbody>tr .tit{width:15%;color:#001d33;font-weight:500;text-align:center;border-left:none}
[class*="pop_info_permit_"] .mid_area .item_cnt .permit_list .dd>table>tbody>tr>td .check_bx>input.check+label>span{left:20px}
[class*="pop_info_permit_"] .mid_area .item_cnt .permit_list .dd>table>tbody>tr.line>td{border-left:none}
[class*="pop_info_permit_"] .mid_area .item_cnt [class*="memo"] .dt,
[class*="pop_info_permit_"] .mid_area .item_cnt [class*="memo"] .dd{float:none;width:100%}
[class*="pop_info_permit_"] .mid_area .item_cnt .memo .dd .txt_bx{height:280px}
[class*="pop_info_permit_"] .mid_area .item_cnt .memo_permit .dd{overflow-y:auto;height:280px;padding:10px;border:1px solid #979797;box-sizing:border-box}
[class*="pop_info_permit_"] .mid_area .item_cnt .work .dd{overflow-y:auto;height:50px;padding:5px;border:1px solid #ededed;box-sizing:border-box}
[class*="pop_info_permit_"] .disabled>input.check+label,
[class*="pop_info_permit_"] .disabled>input.radio+label{cursor:default}
[class*="pop_info_permit_field_add_a"] .mid_area .item .txt_bx.place {width: 115px;margin-right: 5px;}
[class*="pop_info_permit_field_add_a"] .mid_area .item .btn_border_01 {background: #A5A5A5; color: #fff; border: none;}
[class*="pop_info_permit_field_add_a"] .mid_area .item.approval .dd .list_bx {border: 1px solid #EDEDED;padding-left: 5px;box-sizing: border-box;}
[class*="pop_info_permit_overtime_field_add_a"] .mid_area .item .txt_bx.place {width: 115px;margin-right: 5px;}
[class*="pop_info_permit_overtime_field_add_a"] .mid_area .item .btn_border_01 {background: #A5A5A5; color: #fff; border: none;}
[class*="pop_info_permit_overtime_field_add_a"] .mid_area .item.approval .dd .list_bx {border: 1px solid #EDEDED;padding-left: 5px;box-sizing: border-box;}

/*팝업 작업허가리스트(일반작업/고소작업/화기작업/밀폐공간작업/장비작업/전기/시운전작업)*/
[class*="pop_list_work_"]{width:630px}
[class*="pop_list_work_"] .mid_area .mid_cnt{padding:10px;border-bottom:1px solid #7c7c7c}
[class*="pop_list_work_"] .mid_area .mid_cnt .item:after{display:block;clear:both;content:""}
[class*="pop_list_work_"] .mid_area .mid_cnt .item .dt{float:left;width:90px;margin-right:10px;color:#2c2c2c;font-weight:500}
[class*="pop_list_work_"] .mid_area .mid_cnt .item .dd{float:left;width:calc(100% - 100px)}
[class*="pop_list_work_"] .mid_area .mid_cnt .item .dd .txt_bx{width:100%;height:70px}
[class*="pop_list_work_"] .mid_area .table .body{height:400px}
[class*="pop_list_work_"] .mid_area .table .body>table>tbody>tr{border-bottom:1px solid #ededed;box-sizing:border-box}
[class*="pop_list_work_"] .mid_area .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
[class*="pop_list_work_"] .mid_area .table .yes,
[class*="pop_list_work_"] .mid_area .table .no{width:10%;border-left:1px solid #979797;box-sizing:border-box}
[class*="pop_list_work_"] .mid_area .table .memo{width:20%;border-left:1px solid #979797;box-sizing:border-box}
[class*="pop_list_work_"] .mid_area .table .memo .txt_bx{width:100%;margin-right:0}
[class*="pop_list_work_"] .mid_area .table .watch>div{width:281px;margin:0 auto}
[class*="pop_list_work_"] .mid_area .table .watch>div:after{display:block;clear:both;content:""}
[class*="pop_list_work_"] .mid_area .table .watch>div>i{float:left}
[class*="pop_list_work_"] .mid_area .table .watch .search_bx{float:left;width:160px;border:1px solid #ededed;box-sizing:border-box}
[class*="pop_list_work_"] .mid_area .table .watch .search_bx .txt_bx{width:calc(100% - 22px);margin-right:0;border:none}
[class*="pop_list_work_"] .mid_area .table .watch .search_bx .btn_i_search{width:22px;height:22px}

/*팝업 일반작업허가사항(설치현장)*/
.pop_list_work_field .mid_area .table .txt_bx{width:100px;margin-right:0}

/*팝업 작업허가리스트 밀폐공간작업 (일반관리>일일안전허가관리>허가신청)*/
.pop_list_work_space .mid_area .table .head>table>thead>tr .hd{width:20%;border-left:1px solid #979797;box-sizing:border-box}
.pop_list_work_space .mid_area .table .head>table>thead>tr{border-bottom:1px solid #979797;box-sizing:border-box}

/*팝업 안전작업허가관리 (일반관리>일일안전허가관리>허가신청)*/
.pop_info_permit_add_a .mid_area .item_cnt .view{display:none}
.pop_info_permit_add_a .mid_area .item_cnt .permit_list .dd>table>tbody>tr>td .check_bx{width:95px;margin:0 5px;padding-left:0;text-align:right}
.pop_info_permit_add_a .mid_area .item_cnt .permit_list .dd>table>tbody>tr>td .check_bx>input.check+label>span{left:0}
.pop_info_permit_add_a .mid_area .item_cnt .term .locate{display:none}
.pop_info_permit_add_a .mid_area .item_cnt .memo .dd .txt_bx{height:100px}
.pop_info_permit_add_a .mid_area .item_cnt .top_3 .dt{width:100%;margin-right:0;margin-bottom:10px}
.pop_info_permit_add_a .mid_area .item_cnt .top_3 .dt:after{display:block;clear:both;content:""}
.pop_info_permit_add_a .mid_area .item_cnt .top_3 .dt>i{float:left}
.pop_info_permit_add_a .mid_area .item_cnt .top_3 .dt>button{float:right}
.pop_info_permit_add_a .mid_area .item_cnt .top_3 .dd{width:100%}
.pop_info_permit_add_a .mid_area .item_cnt .top_3 .dd table{width:100%;text-align:center;table-layout:fixed}
.pop_info_permit_add_a .mid_area .item_cnt .top_3 .dd table th,
.pop_info_permit_add_a .mid_area .item_cnt .top_3 .dd table td{padding:2px;border:1px solid #dedede;box-sizing:border-box}
.pop_info_permit_add_a .mid_area .item_cnt .top_3 .dd table .th{width:80px;background-color:#ededed}
.pop_info_permit_add_a .mid_area .item_cnt .top_3 .dd table .txt_bx{border:none}
.pop_info_permit_add_a .mid_area .item_cnt .top_3 .dd table .grade {text-align: left; color: #a5a5a5; padding-left: 6px;}

.pop_info_permit_field_add_a .mid_area .item_cnt .memo .dd .txt_bx{height:100px}
.pop_info_permit_field_add_a .mid_area .item_cnt .top_3 .dt{width:100%;margin-right:0;margin-bottom:10px}
.pop_info_permit_field_add_a .mid_area .item_cnt .top_3 .dt:after{display:block;clear:both;content:""}
.pop_info_permit_field_add_a .mid_area .item_cnt .top_3 .dt>i{float:left}
.pop_info_permit_field_add_a .mid_area .item_cnt .top_3 .dt>button{float:right}
.pop_info_permit_field_add_a .mid_area .item_cnt .top_3 .dd{width:100%}
.pop_info_permit_field_add_a .mid_area .item_cnt .top_3 .dd table{width:100%;text-align:center;table-layout:fixed}
.pop_info_permit_field_add_a .mid_area .item_cnt .top_3 .dd table th,
.pop_info_permit_field_add_a .mid_area .item_cnt .top_3 .dd table td{padding:2px;border:1px solid #dedede;box-sizing:border-box}
.pop_info_permit_field_add_a .mid_area .item_cnt .top_3 .dd table .th{width:100px;background-color:#ededed}
.pop_info_permit_field_add_a .mid_area .item_cnt .top_3 .dd table .th.num {width: 60px;}
.pop_info_permit_field_add_a .mid_area .item_cnt .top_3 .dd table .txt_bx{border:none}
.pop_info_permit_field_add_a .mid_area .item.approval .dd .list_bx {border: 1px solid #EDEDED;padding-left: 5px;box-sizing: border-box;}
.pop_info_permit_field_add_a .mid_area .item_cnt .top_3 .dd table .grade {text-align: left; color: #a5a5a5; padding-left: 6px;}


.pop_info_permit_overtime_field_add_a .mid_area .item_cnt .memo .dd .txt_bx{height:100px}
.pop_info_permit_overtime_field_add_a .mid_area .item_cnt .top_3 .dt{width:100%;margin-right:0;margin-bottom:10px}
.pop_info_permit_overtime_field_add_a .mid_area .item_cnt .top_3 .dt:after{display:block;clear:both;content:""}
.pop_info_permit_overtime_field_add_a .mid_area .item_cnt .top_3 .dt>i{float:left}
.pop_info_permit_overtime_field_add_a .mid_area .item_cnt .top_3 .dt>button{float:right}
.pop_info_permit_overtime_field_add_a .mid_area .item_cnt .top_3 .dd{width:100%}
.pop_info_permit_overtime_field_add_a .mid_area .item_cnt .top_3 .dd table{width:100%;text-align:center;table-layout:fixed}
.pop_info_permit_overtime_field_add_a .mid_area .item_cnt .top_3 .dd table th,
.pop_info_permit_overtime_field_add_a .mid_area .item_cnt .top_3 .dd table td{padding:2px;border:1px solid #dedede;box-sizing:border-box}
.pop_info_permit_overtime_field_add_a .mid_area .item_cnt .top_3 .dd table .th{width:100px;background-color:#ededed}
.pop_info_permit_overtime_field_add_a .mid_area .item_cnt .top_3 .dd table .th.num {width: 60px;}
.pop_info_permit_overtime_field_add_a .mid_area .item_cnt .top_3 .dd table .txt_bx{border:none}
.pop_info_permit_overtime_field_add_a .mid_area .item.approval .dd .list_bx {border: 1px solid #EDEDED;padding-left: 5px;box-sizing: border-box;}

/*팝업 안전작업허가관리 자세히 (일반관리>일일안전허가관리>허가신청)*/
.pop_info_permit_list_a .mid_area .item_cnt .top_3 .dt{width:100%;margin-right:0;margin-bottom:10px}
.pop_info_permit_list_a .mid_area .item_cnt .top_3 .dt:after{display:block;clear:both;content:""}
.pop_info_permit_list_a .mid_area .item_cnt .top_3 .dt>i{float:left}
.pop_info_permit_list_a .mid_area .item_cnt .top_3 .dt>button{float:right}
.pop_info_permit_list_a .mid_area .item_cnt .top_3 .dd{width:100%}
.pop_info_permit_list_a .mid_area .item_cnt .top_3 .dd table{width:100%;text-align:center;table-layout:fixed}
.pop_info_permit_list_a .mid_area .item_cnt .top_3 .dd table th,
.pop_info_permit_list_a .mid_area .item_cnt .top_3 .dd table td{padding:2px;border:1px solid #dedede;box-sizing:border-box}
.pop_info_permit_list_a .mid_area .item_cnt .top_3 .dd table .th{width:80px;background-color:#ededed}
.pop_info_permit_list_a .mid_area .item_cnt .top_3 .dd table .th.num {width: 60px;}
.pop_info_permit_list_a .mid_area .item_cnt .top_3 .dd table td {text-align: left; padding: 3px;}
.pop_info_permit_list_a .mid_area .item_cnt .memo .dt{float:left;width:100px}
.pop_info_permit_list_a .mid_area .item_cnt .memo .dd{float:left;width:calc(100% - 105px)}


.pop_info_permit_field_list_a .mid_area .item_cnt .top_3 .dt{width:100%;margin-right:0;margin-bottom:10px}
.pop_info_permit_field_list_a .mid_area .item_cnt .top_3 .dt:after{display:block;clear:both;content:""}
.pop_info_permit_field_list_a .mid_area .item_cnt .top_3 .dt>i{float:left}
.pop_info_permit_field_list_a .mid_area .item_cnt .top_3 .dt>button{float:right}
.pop_info_permit_field_list_a .mid_area .item_cnt .top_3 .dd{width:100%}
.pop_info_permit_field_list_a .mid_area .item_cnt .top_3 .dd table{width:100%;text-align:center;table-layout:fixed}
.pop_info_permit_field_list_a .mid_area .item_cnt .top_3 .dd table th,
.pop_info_permit_field_list_a .mid_area .item_cnt .top_3 .dd table td{padding:2px;border:1px solid #dedede;box-sizing:border-box}
.pop_info_permit_field_list_a .mid_area .item_cnt .top_3 .dd table .th{width:100px;background-color:#ededed}
.pop_info_permit_field_list_a .mid_area .item_cnt .top_3 .dd table .th.num {width: 60px;}
.pop_info_permit_field_list_a .mid_area .item_cnt .top_3 .dd table td {text-align: left; padding: 3px;}
.pop_info_permit_field_list_a .mid_area .item_cnt .memo .dt{float:left;width:100px}
.pop_info_permit_field_list_a .mid_area .item_cnt .memo .dd{float:left;width:calc(100% - 105px)}
.pop_info_permit_field_list_a .mid_area .item.approval .dd .list_bx {border: 1px solid #EDEDED;padding-left: 5px;box-sizing: border-box;}

.pop_info_permit_overtime_field_list_a .mid_area .item_cnt .top_3 .dt{width:100%;margin-right:0;margin-bottom:10px}
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt .top_3 .dt:after{display:block;clear:both;content:""}
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt .top_3 .dt>i{float:left}
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt .top_3 .dt>button{float:right}
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt .top_3 .dd{width:100%}
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt .top_3 .dd table{width:100%;text-align:center;table-layout:fixed}
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt .top_3 .dd table th,
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt .top_3 .dd table td{padding:2px;border:1px solid #dedede;box-sizing:border-box}
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt .top_3 .dd table .th{width:100px;background-color:#ededed}
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt .top_3 .dd table .th.num {width: 60px;}
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt .memo .dt{float:left;width:100px}
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt .memo .dd{float:left;width:calc(100% - 105px)}
.pop_info_permit_overtime_field_list_a .mid_area .item.approval .dd .list_bx {border: 1px solid #EDEDED;padding-left: 5px;box-sizing: border-box;}
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt [class*="memo"] .dt,
.pop_info_permit_overtime_field_list_a .mid_area .item_cnt [class*="memo"] .dd {float: none; width: 100%;}

/*팝업 안전작업허가관리 (일반관리>일일안전허가관리>연장신청)*/
.pop_info_permit_add_b .mid_area .item_cnt .permit_list .dd>table>tbody>tr>td .check_bx{width:85px;margin:0 5px;padding-left:0;text-align:right}
.pop_info_permit_add_b .mid_area .item_cnt .permit_list .dd>table>tbody>tr>td .check_bx>input.check+label>span{left:0}

/*팝업 기존허가서 (일반관리>일일안전허가관리>연장신청)*/
.pop_list_existing_permit{width:1200px}
.pop_list_existing_permit .mid_area .table .memo{width:25%}
.pop_list_existing_permit .mid_area .table .body>table>tbody>tr{border-bottom:1px solid #ededed;box-sizing:border-box}
.pop_list_existing_permit .mid_area .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.pop_list_existing_permit .mid_area .table .body tr{cursor:pointer}
.pop_list_existing_permit .mid_area .table .body tr:hover{color:#f37320;text-decoration:underline}

/*팝업 모바일 사용자 등록(모바일 재해예방>모바일사용자관리>사용중)*/
.pop_info_user_add{width:700px}
.pop_info_user_add .mid_area .item .dd .check_bx{float:left;width:calc(100% / 3)}


.pop_list_company {width: 850px;}


/*팝업 협력사 검색(모바일 재해예방>모바일사용자관리>사용중)*/
.pop_list_company_search {width: 800px;}
.pop_list_company_search .mid_area .table .body tr{cursor:pointer}
.pop_list_company_search .mid_area .table .body tr:hover{color:#f37320;text-decoration:underline}

/*팝업 출입관리시스템 조회 검색*/
.pop_list_access_search {width: 800px;}

/*팝업 협력사추가*/
.pop_info_add_cooperation {width: 600px;}
.pop_info_add_cooperation .mid_area .item .dt {width: 120px;}
.pop_info_add_cooperation .mid_area .item .dd {width: calc(100% - 130px);}
.pop_info_add_cooperation .number .txt_bx._3 {width: 100px; float: left; margin-right: 10px;}
.pop_info_add_cooperation .number .txt_bx._2 {width: 100px; float: left;margin-right: 10px;}
.pop_info_add_cooperation .number .txt_bx._6 {width: calc(100% - 220px); float: left;}

/*팝업 공종 검색(모바일 재해예방>모바일사용자관리>사용중)*/
.pop_list_type_search .mid_area .table .body tr{cursor:pointer}
.pop_list_type_search .mid_area .table .body tr:hover{color:#f37320;text-decoration:underline}

/*팝업 재해예방현황(모바일 재해예방>재해예방현황)*/
.pop_info_disaster{width:800px}

/*팝업 재해예방 유형검색(모바일 재해예방>재해예방현황)*/
.pop_list_disaster_type .mid_area .table .body tr{cursor:pointer}
.pop_list_disaster_type .mid_area .table .body tr:hover{color:#f37320;text-decoration:underline}

/*팝업 현장예방 내용(모바일 재해예방>현장개선우수 사례)*/
.pop_info_content{width:800px}
.pop_info_content .mid_area .item_cnt .picture .dd{color:#001d33;text-decoration:underline;cursor:pointer}

/*팝업 통계관리(모바일 재해예방>마일리지 현황)*/
.pop_list_statistics{width:800px}

/*팝업 tbm 일지*/
.pop_info_tbm_add .mid_area {overflow-y: auto;max-height: 600px;}
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dt{width:100%;margin-right:0;margin-bottom:10px}
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dt:after{display:block;clear:both;content:""}
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dt>i{float:left}
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dt>button{float:right}
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dd{width:100%}
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dd table{width:100%;text-align:center;table-layout:fixed}
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dd table th {color: #001D33; }
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dd table th,
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dd table td{padding:2px;border:1px solid #dedede;box-sizing:border-box;}
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dd table td {color: #a5a5a5; padding: 2px 5px;}
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dd table .txt_bx{border:none}
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dd table .num {width: 40px;}
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dd table .left {text-align: left;}
.pop_info_tbm_add .mid_area .item_cnt .top_3 .dd table .th {background: #ededed;}
.pop_info_tbm_add .mid_area .item_cnt .item.memo .dt {width: 100%;}
.pop_info_tbm_add .mid_area .item_cnt .item.memo .dd {width: 100%;}

/*팝업 tbm 리스트*/
.pop_info_tbm_list .mid_area {overflow-y: auto;max-height: 600px;}
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dt{width:100%;margin-right:0;margin-bottom:10px}
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dt:after{display:block;clear:both;content:""}
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dt>i{float:left}
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dt>button{float:right}
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dd{width:100%}
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dd table{width:100%;text-align:center;table-layout:fixed}
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dd table th {color: #001D33; }
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dd table th,
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dd table td{padding:2px;border:1px solid #dedede;box-sizing:border-box;}
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dd table td {color: #a5a5a5; padding: 2px 5px;}
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dd table .txt_bx{border:none}
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dd table .num {width: 40px;}
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dd table .left {text-align: left;}
.pop_info_tbm_list .mid_area .item_cnt .top_3 .dd table .th {background: #ededed;}
.pop_info_tbm_list .mid_area .item_cnt .item.memo .dt {width: 100%; margin-bottom: 10px;}
.pop_info_tbm_list .mid_area .item_cnt .item.memo .dd {width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #dedede;}

/* 팝업 마일리지 설정 */
.pop_list_mileage {width: 800px;}
.pop_list_mileage .top_cnt .btn_border_01 {float: right;}
.pop_list_mileage .mid_area .body .edit {display: none;}
.pop_list_mileage .mid_area .body .edit .txt_bx {width: 80%; text-align: right; padding-right: 3px;}
.pop_list_mileage .mid_area .body .edit .slt_bx {width: 80px; text-align: center;}
.pop_list_mileage .mid_area .body .edit.datepicker {padding-left: 15px;}
.pop_list_mileage .mid_area .top_cnt .save {display: none;}

/*팝업 현장등록(설정>현장관리)*/
[class*="pop_info_locate"]{width:800px}
[class*="pop_info_locate"] .mid_area .item .dt{width:160px}
[class*="pop_info_locate"] .mid_area .item .dd{width:calc(100% - 165px)}
[class*="pop_info_locate"] .mid_area .item .dd .check_bx{float:left;width:100px}
[class*="pop_info_locate"] .mid_area .list_bx{width:calc(800px / 2);padding:5px;border:1px solid #ededed;box-sizing:border-box; max-height: 52px; overflow-y: auto;}
[class*="pop_info_locate"] .mid_area .list_bx:after{display:block;clear:both;content:""}
[class*="pop_info_locate"] .mid_area .list_bx>ul{float:left;width:95%}
[class*="pop_info_locate"] .mid_area .list_bx>ul>li:after{display:block;clear:both;content:""}
[class*="pop_info_locate"] .mid_area .list_bx>ul>li>i{float:left;max-width:90%;margin-right:5px}
[class*="pop_info_locate"] .mid_area .list_bx>ul>li>button{float:left;position:relative;top:4px;width:12px;height:12px}
[class*="pop_info_locate"] .mid_area .list_bx>button{float:right;width:5%;height:18px}
[class*="pop_info_locate"] .mid_area .table{color:#a5a5a5;border:1px solid #a5a5a5;box-sizing:border-box}
[class*="pop_info_locate"] .mid_area .table>div>table>thead>tr,
[class*="pop_info_locate"] .mid_area .table>div>table>tbody>tr{height:20px}
[class*="pop_info_locate"] .mid_area .table .body{height:120px}
[class*="pop_info_locate"] .mid_area .table .body>table>tbody>tr{border-bottom:1px solid #a5a5a5}
[class*="pop_info_locate"] .mid_area .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
/*협력업체관리*/
[class*="pop_info_locate"] .mid_area .type .dd{width:calc(100% / 3 * 2);border:1px solid #a5a5a5;box-sizing:border-box}
[class*="pop_info_locate"] .mid_area .type .dd .line{padding:0 10px 5px;border-bottom:1px solid #a5a5a5}
[class*="pop_info_locate"] .mid_area .type .dd .line:after{display:block;clear:both;content:""}
[class*="pop_info_locate"] .mid_area .type .dd .line button{float:right}
[class*="pop_info_locate"] .mid_area .type .table{border:none}
[class*="pop_info_locate"] .mid_area .type .table .btn{width:10%}
.pop_info_locate_a .item .btn_under_01 {margin-left: 3px;}
.pop_info_locate_a .item .slt_bx {width: 70px; text-align: center;}
.pop_info_locate_a .mid_area {height: 700px; overflow-y: auto;}

/*팝업 사용자수정(설정>사용자관리)*/
.pop_info_add_user .mid_area .item .dd .line:after{display:block;clear:both;content:""}
.pop_info_add_user .mid_area .item .dd .check_bx{float:left;width:50%}

/*팝업 사고Level등록(사고level관리>level)*/
.pop_info_add_level .mid_area .item .dd .search_bx{margin-bottom:5px;border:none}
.pop_info_add_level .mid_area .item .dd .search_bx .txt_bx{float:left;width:138px;margin-right:5px;border:1px solid #ededed;box-sizing:border-box}
.pop_info_add_level .mid_area .item .dd .search_bx button{float:right}
.pop_info_add_level .mid_area .list_bx{overflow-y:auto;width:100%;height:90px;margin-right:0;border:1px solid #ededed;box-sizing:border-box}
.pop_info_add_level .mid_area .list_bx:after{display:block;clear:both;content:""}
.pop_info_add_level .mid_area .list_bx>li{width:calc(100% - 10px);margin-right:20px;padding:0 5px}
.pop_info_add_level .mid_area .list_bx>li:after{display:block;clear:both;content:""}
.pop_info_add_level .mid_area .list_bx>li>i{float:left;width: calc(100% - 17px);;margin-right:5px}
.pop_info_add_level .mid_area .list_bx>li>button{float:right;position:relative;top:4px;width:12px;height:12px}

/*팝업 사고재해등록(사고level관리>구분)*/
.pop_info_add_part .mid_area .item .dd .search_bx{margin-bottom:5px;border:none}
.pop_info_add_part .mid_area .item .dd .search_bx .txt_bx{float:left;width:138px;margin-right:5px;border:1px solid #ededed;box-sizing:border-box}
.pop_info_add_part .mid_area .item .dd .search_bx button{float:right}
.pop_info_add_part .mid_area .list_bx{overflow-y:auto;width:100%;height:90px;margin-right:0;border:1px solid #ededed;box-sizing:border-box}
.pop_info_add_part .mid_area .list_bx:after{display:block;clear:both;content:""}
.pop_info_add_part .mid_area .list_bx>li{width:calc(100% - 10px);margin-right:20px;padding:0 5px}
.pop_info_add_part .mid_area .list_bx>li:after{display:block;clear:both;content:""}
.pop_info_add_part .mid_area .list_bx>li>i{float:left;width: calc(100% - 17px);;margin-right:5px}
.pop_info_add_part .mid_area .list_bx>li>button{float:right;position:relative;top:4px;width:12px;height:12px}

/*팝업 허가구분등록(설정>작업허가관리)*/
.pop_info_add_permit .mid_area .item .dd .slt_bx{width:100%;max-width:100%;margin-right:0}

/*팝업 교육구분등록*/
.pop_info_subject{width:800px}
.pop_info_subject .mid_area .memo .dd .txt_bx{height:295px}
.pop_info_subject .mid_area .item .dd .slt_bx{max-width:200px;margin-right:0}

/*팝업 일일안전당직일지(일일안전당직관리)*/
.pop_list_daily{width:1500px}
.pop_list_daily .table .chk{width:40px}
.pop_list_daily .table .num{width:60px}
.pop_list_daily .table .memo{width:18%}

/*팝업 점검자 검색(일일안전당직관리)*/
.pop_list_inspector .mid_area .table .body tr{cursor:pointer}
.pop_list_inspector .mid_area .table .body tr:hover{color:#f37320;text-decoration:underline}

/*팝업 일일안전당직일지 - 점검개수(일일안전당직일지작성)*/
.pop_list_duty{width:1400px}
.pop_list_duty .mid_area .top_cnt .right_bx{width:auto}
.pop_list_duty .table .memo{width:12%}
.pop_list_duty .mid_area .btm_cnt{padding:0}
.pop_list_duty .mid_area .btm_cnt .item{padding:10px}
.pop_list_duty .mid_area .btm_cnt .item:after{display:block;clear:both;content:""}
.pop_list_duty .mid_area .btm_cnt .item+.item{border-top:1px solid #979797}
.pop_list_duty .mid_area .btm_cnt .item .dt{float:left;width:100px;margin-right:5px;color:#001d33;font-weight:500}
.pop_list_duty .mid_area .btm_cnt .item .dd{float:left}
.pop_list_duty .mid_area .btm_cnt .item.none{border-top:none}

/*팝업 tsgr관리(모바일재해예방>tsgr관리>업체별)*/
.pop_list_tsgr{width:1400px}
.pop_list_tsgr .mid_area .table .memo{width:18%}

/*팝업 화학물질종류*/
.pop_list_chemical{width:1300px}
.pop_list_chemical .mid_area .tit_bx{float:left;width:49%;color:#001d33;font-weight:500}
.pop_list_chemical .mid_area .table .type{width:18%}

/*팝업 평가내역(일일안전당직일지작성)*/
.pop_info_assess .mid_area .memo .dd{overflow-y:auto;height:200px;padding:5px;border:1px solid #ededed;box-sizing:border-box}

/*팝업 평가내역(일일안전당직일지작성)*/
.pop_info_assess_edit .mid_area .item .slt_bx{width:100%;max-width:unset;margin-right:0}
.pop_info_assess_edit .mid_area .item .txt_bx{height:200px}

/*팝업 안전환경수칙위반경고장(TSGR관리)*/
.pop_info_warning .mid_area{overflow-y:auto;max-height:700px}
.pop_info_warning .mid_area .item_cnt .item .dd textarea.txt_bx{height:120px}
.pop_info_warning .mid_area .item_cnt .item .dd.edit{display:none}
.pop_info_warning .mid_area .item_cnt .fixed_bx{overflow-y:auto;height:120px;margin-top:15px;padding:10px;background-color:#e3e3e3;color:#2c2c2c}
.pop_info_warning .mid_area .item_cnt .type .slt_bx{max-width:none}
.pop_info_warning .mid_area .item_cnt .type .number{width:70px}
.pop_info_warning .mid_area .item_cnt .type .single,
.pop_info_warning .mid_area .item_cnt .type .double{width:calc(100% - 78px);margin-right:0}
.pop_info_warning .mid_area .item_cnt .type .double{display:none}
/*팝업 결재함(기안문서함)*/
.pop_info_warning .mid_area .item_cnt .approval{margin-top:10px}
.pop_info_warning .mid_area .item_cnt .approval .dd{border:1px solid #ededed;box-sizing:border-box}
.pop_info_warning .btm_area .btn_border_01{display:none}

/*팝업 근로자등록(관리대장>근로자 관리>계약근로자)*/
.pop_info_worker{width:380px}
.pop_info_worker .mid_area .item_cnt .education .file_bx{float:left;max-width:190px;margin-right:5px}
.pop_info_worker .mid_area .item_cnt .education .file_bx:after{display:block;clear:both;content:""}
.pop_info_worker .mid_area .item_cnt .education .file_bx>i{float:left;width:calc(100% - 12px);margin-right:5px}
.pop_info_worker .mid_area .item_cnt .education .file_bx .btn_i_x_02{float:left;margin-top:8px}
.pop_info_worker .mid_area .item_cnt .education .btn_under_01{float:right}
.pop_info_worker .mid_area .item_cnt .birth .txt{float:left;margin:0 5px;line-height:20px}
.pop_info_worker .mid_area .item_cnt .birth .txt_bx{float:left}
.pop_info_worker .mid_area .item_cnt .birth .front{width:160px}
.pop_info_worker .mid_area .item_cnt .birth .back{width:20px}
.pop_info_worker .mid_area .item_cnt .birth .dot_bx{float:left;margin-top:8px;margin-left:5px}
.pop_info_worker .mid_area .item_cnt .birth .dot_bx:after{display:block;clear:both;content:""}
.pop_info_worker .mid_area .item_cnt .birth .dot_bx .dot{float:left;width:5px;height:5px;background-color:#a5a5a5;border-radius:50%}
.pop_info_worker .mid_area .item_cnt .birth .dot_bx .dot+.dot{margin-left:5px}
.pop_info_worker .mid_area .item_cnt .item .select_bx .slt_bx{margin-right:0}
.pop_info_worker .mid_area .item_cnt .check_bx{float:left;width:50%}
.pop_info_worker .mid_area .item_cnt .password {text-align: left;}

/*팝업 이미지 미리보기(관리대장>근로자 관리>계약근로자)*/
.pop_view .mid_area .img_cnt{overflow-y:auto;height:350px;text-align:center}
.pop_view .mid_area .img_cnt>img{max-width:100%;max-height:100%}

/*팝업 교육일지정(교육일지정)*/
.pop_info_date{width:300px}

/*팝업 근로자교육등록(교육일지정)*/
.pop_info_training{width:300px}
.pop_info_training .mid_area .item_cnt .item .dd:after{display:block;clear:both;content:""}
.pop_info_training .mid_area .item_cnt .total .dd>i{float:left;margin-right:10px}
.pop_info_training .mid_area .item_cnt .total .dd>button{float:left}

/*팝업 교육명 검색(교육일지정)*/
.pop_list_subject .mid_area .table .body tr{cursor:pointer}
.pop_list_subject .mid_area .table .body tr:hover{color:#f37320;text-decoration:underline}

/*팝업 적용대상(교육일지정)*/
.pop_list_user{width:350px}
.pop_list_user .table .btn{width:20%}

/*팝업 교육이수(교육진행)*/
.pop_info_finish{width:300px}

/*팝업 장비등록 (관리대장>장비관리대장>입고대기)*/
.pop_info_equipment .mid_area .item_cnt .file .file_bx{float:left;max-width:190px;margin-right:5px}
.pop_info_equipment .mid_area .item_cnt .file .file_bx:after{display:block;clear:both;content:""}
.pop_info_equipment .mid_area .item_cnt .file .file_bx>i{float:left;width:calc(100% - 12px);margin-right:5px}
.pop_info_equipment .mid_area .item_cnt .file .file_bx .btn_i_x_02{float:left;margin-top:8px}
.pop_info_equipment .mid_area .item_cnt .file .btn_under_01{float:right}
.pop_info_equipment .mid_area .list_bx>ul:after{display:block;clear:both;content:""}
.pop_info_equipment .mid_area .list_bx>ul>li{float:left;position:relative;margin-right:20px}
.pop_info_equipment .mid_area .list_bx>ul>li:before{position:absolute;top:50%;right:-11px;width:6px;height:9px;background:url(../img/arr_next_03.png) center no-repeat;background-size:6px 9px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.pop_info_equipment .mid_area .list_bx:after{display:block;clear:both;content:""}
.pop_info_equipment .mid_area .list_bx>ul{float:left}
.pop_info_equipment .mid_area .list_bx>ul>li:after{display:block;clear:both;content:""}
.pop_info_equipment .mid_area .list_bx>ul>li>i{float:left;margin-right:5px}
.pop_info_equipment .mid_area .list_bx>ul>li>button{float:left;position:relative;top:4px;width:12px;height:12px}
.pop_info_equipment .mid_area .list_bx>button{float:left}
.pop_info_equipment .mid_area .line:after{display:block;clear:both;content:""}
.pop_info_equipment .mid_area .line>dl{float:left;width:50%}
.pop_info_equipment .btm_area .btn_under_01{float:left}

/*팝업 장비명 검색(관리대장>장비관리대장>입고대기)*/
.pop_list_search_equipment .mid_area .top_cnt .search_bx{width:49%}
.pop_list_search_equipment .mid_area .table .body tr{cursor:pointer}
.pop_list_search_equipment .mid_area .table .body tr:hover{color:#f37320;text-decoration:underline}

/*팝업 안전보호구 검색*/
.pop_list_search_protective {width: 800px;}
.pop_list_search_protective .mid_area .top_cnt .search_bx{width:49%}
.pop_list_search_protective .mid_area .table .body .img .img_btn {position: relative;}
.pop_list_search_protective .mid_area .table .body .img_btn>img{width: 14px; height: 14px; cursor: pointer; margin-top: 4px;}
.pop_list_search_protective .mid_area .table .body .hidden {display: none; width: 300px; height: 300px; position: fixed; z-index: 15000;top: 100px;right: 200px;}
.pop_list_search_protective .mid_area .table .body .hidden > img {max-width: 250px; max-height: 250px;}

/*팝업 경고표지/관리요령 리스트 불러오기*/
.pop_list_search_chemical .mid_area .top_cnt .search_bx {width: 49%;}

/*팝업 장비 정보(관리대장>장비관리대장>입고대기)*/
.pop_info_equipment_list .mid_area .line:after{display:block;clear:both;content:""}
.pop_info_equipment_list .mid_area .line>dl{float:left;width:50%}
.pop_info_equipment_list .mid_area .list_bx:after{display:block;clear:both;content:""}
.pop_info_equipment_list .mid_area .list_bx>ul{float:left}
.pop_info_equipment_list .mid_area .list_bx>ul:after{display:block;clear:both;content:""}
.pop_info_equipment_list .mid_area .list_bx>ul>li{float:left;position:relative;margin-right:20px}
.pop_info_equipment_list .mid_area .list_bx>ul>li:before{position:absolute;top:50%;right:-11px;width:6px;height:9px;background:url(../img/arr_next_03.png) center no-repeat;background-size:6px 9px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.pop_info_equipment_list .mid_area .list_bx>ul>li:last-child:before{display:none}
.pop_info_equipment_list .mid_area .list_bx>ul>li>i{float:left;margin-right:5px}

/*팝업 Quick 최초보고(사고보고>Quick 최초보고)*/
[class*="pop_info_accident"] .mid_area .time .dd .slt_bx{float:left}
[class*="pop_info_accident"] .mid_area .time .dd>i{float:left}
[class*="pop_info_accident"] .mid_area .time .dd .h_txt{margin-right:5px}
[class*="pop_info_accident"] .mid_area .injury .dd .slt_bx,
[class*="pop_info_accident"] .mid_area .disaster .dd .slt_bx{max-width:100%;width:100%;margin-right:0}

/*팝업 사고 Level 분류(사고보고>Quick 최초보고)*/
.pop_list_accident_level{width:800px}
.pop_list_accident_level .mid_area .table .body{height:auto;max-height:160px}
.pop_list_accident_level .mid_area .table .body>table>tbody>tr{border-bottom:1px solid #ededed}
.pop_list_accident_level .mid_area .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.pop_list_accident_level .mid_area .table .chk{width:10%}
.pop_list_accident_level .mid_area .table .memo{width:80%}
.pop_list_accident_level .mid_area .table .body .memo{text-align:left}

/*팝업 안전 환경 수칙 위반 경고장(사고보고>상세보고)*/
[class*="pop_info_warning_"] .mid_area{overflow-y:auto;max-height:500px}
[class*="pop_info_warning_"] .mid_area .item .dt>i{display:block}

/*팝업 파일 추가(사고보고>상세보고)*/
.pop_list_file_add{width:400px}
.pop_list_file_add .mid_area .top_cnt>dl{float:left;color:#001d33;font-weight:500}
.pop_list_file_add .mid_area .top_cnt>dl:after{display:block;clear:both;content:""}
.pop_list_file_add .mid_area .top_cnt>dl>dt{float:left}
.pop_list_file_add .mid_area .top_cnt>dl>dd{float:left;margin-left:5px}
.pop_list_file_add .mid_area .top_cnt .search_bx{float:right;width:auto}
.pop_list_file_add .mid_area .table .body{height:350px}
.pop_list_file_add .mid_area .table .body>table>tbody>tr{border-bottom:1px solid #ededed;box-sizing:border-box;cursor:pointer}
.pop_list_file_add .mid_area .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.pop_list_file_add .mid_area .table .body>table>tbody .click{color:#f37320}

/*팝업 첨부파일(사고보고>상세보고)*/
.pop_list_file{width:400px}

/*팝업 사고 보고서 상세내역(사고보고>상세보고)*/
[class*="pop_info_report_"]{width:630px}
[class*="pop_info_report_"] .mid_area{overflow-y:auto;max-height:600px}
[class*="pop_info_report_"] .mid_area .pop_wrap>div+div{margin-top:10px}
[class*="pop_info_report_"] .mid_area .item_cnt:after{display:block;clear:both;content:""}
[class*="pop_info_report_"] .mid_area .item_cnt .left_bx,
[class*="pop_info_report_"] .mid_area .item_cnt .right_bx{float:left;width:49%}
[class*="pop_info_report_"] .mid_area .item_cnt .right_bx .issue .datepicker .tui-datepicker{left:-124px}
[class*="pop_info_report_"] .mid_area .item_cnt>div+div{margin-left:2%}
[class*="pop_info_report_"] .mid_area .item_cnt .right_bx .record .check_bx{float:left;width:50%}
[class*="pop_info_report_"] .mid_area .table{text-align:center;border:1px solid #979797;border-left:none;box-sizing:border-box}
[class*="pop_info_report_"] .mid_area .table>table>tbody>tr+tr{border-top:1px solid #979797;box-sizing:border-box}
[class*="pop_info_report_"] .mid_area .table>table>tbody>tr>td{height:35px;border-left:1px solid #979797;box-sizing:border-box}
[class*="pop_info_report_"] .mid_area .table>table>tbody>tr .tit{width:12%;color:#001d33;font-weight:500}
[class*="pop_info_report_"] .mid_area .table>table>tbody>tr .line{width:40%;padding-left:5px;text-align:left}
[class*="pop_info_report_"] .mid_area .table>table>tbody>tr .line:after{display:block;clear:both;content:""}
[class*="pop_info_report_"] .mid_area .table>table>tbody>tr .line .check_bx{float:left;width:50%}
[class*="pop_info_report_"] .mid_area .table>table>tbody>tr .injury .check_bx{width:calc(100% / 4)}
[class*="pop_info_report_"] .mid_area .table>table>tbody>tr>td .txt_bx{width:90%;border:none}
[class*="pop_info_report_"] .mid_area .table>table>tbody .insurance .money{padding-right:5px;text-align:right;border-left:none}
[class*="pop_info_report_"] .mid_area .table>table>tbody .insurance .money .txt_bx{width:auto;text-align:right}
[class*="pop_info_report_"] .mid_area .table>table>tbody>tr .complete .datepicker{padding-left:5px}
[class*="pop_info_report_"] .mid_area .table>table>tbody>tr .complete .datepicker .tui-datepicker{top:-268px;left:-124px}

/*팝업 사고 보고서 상세내역 리스트*/
.pop_info_report_list .mid_area .item_cnt .memo .dd{overflow-y:auto;height:55px;padding:5px;border:1px solid #ededed;box-sizing:border-box}
.pop_info_report_list .mid_area .table>table>tbody .insurance .money>i{margin-right:5px}

/*팝업 비밀번호 변경*/
.pop_password{width:auto}
.pop_password .mid_area .item:after{display:block;clear:both;content:""}
.pop_password .mid_area .item+.item{margin-top:15px}
.pop_password .mid_area .item .dt{float:left;width:120px;margin-right:10px;color:#001d33;font-weight:500}
.pop_password .mid_area .item .dd{float:left}
.pop_password .mid_area .item .dd .txt_bx{width:260px;margin-right:0;color:#9d9d9d}
.pop_password .mid_area .item .dd .help_txt{display:block;margin-top:5px;color:#9d9d9d;font-size:12px}

/*팝업 화학물질신청(화학물질관리>신청)설치현장*/
.pop_info_chemical_request .mid_area .item_cnt{overflow-y:auto;max-height:72vh}
.pop_info_chemical_request .mid_area .item .dt{width:100px}
.pop_info_chemical_request .mid_area .item .dd{width:calc(100% - 105px)}
.pop_info_chemical_request .mid_area .item_cnt .item .dd:after{display:block;clear:both;content:""}
.pop_info_chemical_request .mid_area .item_cnt .item.type .dd .check_bx{float:left;width:60px}
.pop_info_chemical_request .mid_area .item_cnt .item.type .dd .check_bx input.radio+label>span{left: 15px; top: -1px;}
.pop_info_chemical_request .mid_area .item_cnt .item.file .dd .btn_under_01{margin-bottom:5px}
.pop_info_chemical_request .mid_area .item_cnt .item.weight .dd > .txt_bx {width: 65px; margin-right: 5px; border: 1px solid #d8d8d8; text-align: center; padding-left: 0;}
.pop_info_chemical_request .mid_area .item_cnt .item.time .dd > .txt_bx {width: 65px; margin-right: 5px; border: 1px solid #d8d8d8; text-align: center; padding-left: 0;}
.pop_info_chemical_request .mid_area .item_cnt .item .i_help .help_txt {top: -25px; left: 150px; min-width: 220px;}
.pop_info_chemical_request .mid_area .item_cnt .item.content .dt {float: none; width: 100%;}
.pop_info_chemical_request .mid_area .item_cnt .item.content .dt .right_bx {float: right;}
.pop_info_chemical_request .mid_area .item_cnt .item.content .dd {float: none; width: 100%; margin-top: 5px;}
.pop_info_chemical_request .mid_area .item_cnt .item.content .dd table {border: 1px solid #979797; width: 100%; table-layout: fixed; text-align: center;}
.pop_info_chemical_request .mid_area .item_cnt .item.content .dd table th, 
.pop_info_chemical_request .mid_area .item_cnt .item.content .dd table td {border: 1px solid #979797; height: 30px;color: #001D33;}
.pop_info_chemical_request .mid_area .item_cnt .item.content .dd table th { font-weight: 500;}
.pop_info_chemical_request .mid_area .item_cnt .item.content .dd table td > .txt_bx {border: none; width: 98%;color: #001D33;}
.pop_info_chemical_request .mid_area .item_cnt .item.content .dd table td > .txt_bx::placeholder {color: #979797;}
.pop_info_chemical_request .mid_area .item_cnt .item.check .dd span {display: inline-block;text-align: center;width: calc(100% / 4 - 6px); margin-left: 0 ; margin-right: 5px; margin-bottom: 5px; padding: 0;}
.pop_info_chemical_request .mid_area .item_cnt .item.check .dd span:nth-child(4) {margin: 0;}
.pop_info_chemical_request .mid_area .item_cnt .item.check .dd span:nth-child(8) {margin: 0;}
.pop_info_chemical_request .mid_area .item_cnt .item.check .dd span.click {background-color: #FF0101; border-color: #FF0101; color: #fff;}
.pop_info_chemical_request .mid_area .item_cnt .item.file .dd .info {margin-top: 10px; color: #f37320;}


/*팝업 화학물질신청(화학물질관리>신청)설치현장 리스트*/
.pop_info_chemical_request_list .mid_area .item_cnt{overflow-y:auto;max-height:72vh}
.pop_info_chemical_request_list .mid_area .item .dt{width:100px}
.pop_info_chemical_request_list .mid_area .item .dd{width:calc(100% - 105px)}
.pop_info_chemical_request_list .mid_area .item_cnt .item .dd:after{display:block;clear:both;content:""}
.pop_info_chemical_request_list .mid_area .item_cnt .item.type .dd .check_bx{float:left;width:60px}
.pop_info_chemical_request_list .mid_area .item_cnt .item.type .dd .check_bx input.radio+label>span{left: 15px; top: -1px;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.file .dd .btn_under_01{margin-bottom:5px}
.pop_info_chemical_request_list .mid_area .item_cnt .item.weight .dd > .txt_bx {width: 65px; margin-right: 5px; border: 1px solid #d8d8d8; text-align: center; padding-left: 0;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.time .dd > .txt_bx {width: 65px; margin-right: 5px; border: 1px solid #d8d8d8; text-align: center; padding-left: 0;}
.pop_info_chemical_request_list .mid_area .item_cnt .item .i_help .help_txt {top: -25px; left: 150px; min-width: 220px;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.content .dt {float: none; width: 100%;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.content .dt .right_bx {float: right;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.content .dd {float: none; width: 100%; margin-top: 5px;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.content .dd table {border: 1px solid #979797; width: 100%; table-layout: fixed; text-align: center;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.content .dd table th, 
.pop_info_chemical_request_list .mid_area .item_cnt .item.content .dd table td {border: 1px solid #979797; height: 30px;color: #001D33;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.content .dd table th { font-weight: 500;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.content .dd table td > .txt_bx {border: none; width: 98%;color: #001D33;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.content .dd table td > .txt_bx::placeholder {color: #979797;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.check .dd span {display: inline-block;text-align: center;width: calc(100% / 4 - 6px); margin-left: 0 ; margin-right: 5px; margin-bottom: 5px; padding: 0;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.check .dd span:nth-child(4) {margin: 0;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.check .dd span:nth-child(8) {margin: 0;}
.pop_info_chemical_request_list .mid_area .item_cnt .item.check .dd span.click {background-color: #FF0101; border-color: #FF0101; color: #fff;}


/*팝업 화학물질신청(화학물질관리>신청) 사업장*/
.pop_info_chemical_request_field .mid_area .item_cnt{overflow-y:auto;max-height:72vh}
.pop_info_chemical_request_field .mid_area .item .dt{width:100px}
.pop_info_chemical_request_field .mid_area .item .dd{width:calc(100% - 105px)}
.pop_info_chemical_request_field .mid_area .item_cnt .item .dd:after{display:block;clear:both;content:""}
.pop_info_chemical_request_field .mid_area .item_cnt .item.type .dd .check_bx{float:left;width:60px}
.pop_info_chemical_request_field .mid_area .item_cnt .item.type .dd .check_bx input.radio+label>span{left: 15px; top: -1px;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.file .dd .btn_under_01{margin-bottom:5px}
.pop_info_chemical_request_field .mid_area .item_cnt .item.file .dd .info {margin-top: 10px; color: #f37320;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.weight .dd > .txt_bx {width: 65px; margin-right: 5px; border: 1px solid #F5F5F7; text-align: center; padding-left: 0;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.time .dd > .txt_bx {width: 65px; margin-right: 5px; border: 1px solid #F5F5F7; text-align: center; padding-left: 0;}
.pop_info_chemical_request_field .mid_area .item_cnt .item .i_help .help_txt {top: -25px; left: 150px; min-width: 220px;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.content .dt {float: none; width: 100%;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.content .dt .right_bx {float: right;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.content .dd {float: none; width: 100%; margin-top: 5px;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.content .dd table {border: 1px solid #979797; width: 100%; table-layout: fixed; text-align: center;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.content .dd table th, 
.pop_info_chemical_request_field .mid_area .item_cnt .item.content .dd table td {border: 1px solid #979797; height: 30px;color: #001D33;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.content .dd table th { font-weight: 500;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.content .dd table td > .txt_bx {border: none; width: 98%;color: #001D33;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.content .dd table td > .txt_bx::placeholder {color: #979797;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.check .dd span {display: inline-block;text-align: center;width: calc(100% / 4 - 6px); margin-left: 0 ; margin-right: 5px; margin-bottom: 5px; padding: 0;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.check .dd span:nth-child(4) {margin: 0;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.check .dd span:nth-child(8) {margin: 0;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.check .dd span.click {background-color: #FF0101; border-color: #FF0101; color: #fff;}
.pop_info_chemical_request_field .mid_area .item_cnt .item.place .dd > input {width: calc(100% - 75px);}
.pop_info_chemical_request_field .mid_area .item_cnt .item.place .dd > .btn_border_01 {margin-left: 5px; background: #A5A5A5; color: #fff; width: 65px;}
.pop_info_chemical_request_field:nth-child()
/*팝업 알림(화학물질관리>신청)*/
.pop_notice{width:300px}

/*팝업 NA*/
.pop_notice_na{width:300px}

/*팝업 tbm 공통사항 등록 */
.pop_tbm_alert{width:300px}

/*팝업 tbm 공통사항 */
.pop_info_add_tbm{width:320px}

/*팝업 파일 삭제*/
.pop_delete{width:300px}
.pop_delete .red{color:#ff0000}

/*팝업 반려알림*/
.pop_notice_reject{width:300px}
.pop_notice_reject .red{color:#ff0000}

/*팝업 구분(화학물질관리>구분)*/
.pop_info_chemical_type .mid_area .item{display:none}
.pop_info_chemical_type .mid_area .item.on{display:block}
.pop_info_chemical_type .mid_area .item .txt_bx{height:150px}

/*팝업 화학물질종류관리(설정>화학물질관리)*/
.pop_info_chemical_edit{width:300px}

/*팝업 화학물질종류등록(설정>화학물질관리)*/
.pop_info_chemical_add{width:300px}

/*팝업 건강검진관리(검진결과/일반검진명단/특수검진명단/배우자검진명단)*/
.pop_info_medical_add{width:450px}
.pop_info_medical_add .mid_area .hidden{display:none}
.pop_info_medical_add .mid_area .dd:after{display:block;clear:both;content:""}
.pop_info_medical_add .mid_area .file{display:block;float:left;width:265px;margin-right:10px;padding-left:5px;border:1px solid #a5a5a5;box-sizing:border-box}
.pop_info_medical_add .mid_area .btn_border_01{float:left}

/*팝업 승인,반려(결재함>결재문서함)*/
.pop_info_approval,
.pop_info_reject{width:400px}
.pop_info_approval .mid_area .item .txt_bx,
.pop_info_reject .mid_area .item .txt_bx{height:120px}

/*팝업 보고항목조회(사고보고>상세보고,조치완료보고)*/
.pop_list_report_detail .mid_area .table .memo{width:40%}
.pop_list_report_detail .mid_area .table .body>table>tbody>tr{cursor:pointer}
.pop_list_report_detail .mid_area .table .body>table>tbody>tr:hover td{color:#f37320;text-decoration:underline}

/*팝업 설치현장안전관리 계획(설치현장안전점검)*/
.pop_info_safty_plan{width:800px}
.pop_info_safty_plan .mid_area .top_cnt{padding:0;padding-bottom:5px;border-bottom:none}
.pop_info_safty_plan .mid_area .top_cnt .right_bx{width:100%}
.pop_info_safty_plan .mid_area .txt_bx{width:100%;margin-right:0}
.pop_info_safty_plan .mid_area .search_bx{border:1px solid #ededed;box-sizing:border-box}
.pop_info_safty_plan .mid_area .search_bx .txt_bx{width:calc(100% - 22px);border:none}
.pop_info_safty_plan .mid_area .search_bx .btn_i_search{width:22px;height:22px}
.pop_info_safty_plan .mid_area .table{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #d8d8d8}
.pop_info_safty_plan .mid_area .table .head{border-bottom:none}
.pop_info_safty_plan .mid_area .table .head>table>thead>tr>th,
.pop_info_safty_plan .mid_area .table .body>table>tbody>tr>td{border:1px solid #d8d8d8;box-sizing:border-box}
.pop_info_safty_plan .mid_area .table .body>table>tbody>tr>td{border-top:none}
.pop_info_safty_plan .mid_area .table .body{height:auto;max-height:200px}
.pop_info_safty_plan .mid_area .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.pop_info_safty_plan .mid_area .state{width:100px}
.pop_info_safty_plan .mid_area .date{width:123px}
.pop_info_safty_plan .mid_area .checker{width:100px}
.pop_info_safty_plan .mid_area .area{width:180px}
.pop_info_safty_plan .mid_area .table .datepicker{position:static}
.pop_info_safty_plan .mid_area .table .datepicker .month_popup{position:static}
.pop_info_safty_plan .mid_area .table .datepicker .tui-datepicker{left:auto;margin-top:24px}

/*팝업 점검결과(설치현장안전점검)*/
.pop_info_check_state{width:800px}
.pop_info_check_state .mid_area .table .head{border-bottom:none}
.pop_info_check_state .mid_area .table .head>table>thead>tr>th,
.pop_info_check_state .mid_area .table .body>table>tbody>tr>td{border:1px solid #d8d8d8;box-sizing:border-box}
.pop_info_check_state .mid_area .table .body>table>tbody>tr>td{border-top:none}
.pop_info_check_state .mid_area .table .body{height:auto;max-height:150px}
.pop_info_check_state .mid_area .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.pop_info_check_state .mid_area .table .total{background-color:#f0f0f0}
.pop_info_check_state .mid_area .table .size{width:120px}
.pop_info_check_state .mid_area .table .state{width:200px}
.pop_info_check_state .mid_area .table .area{width:180px}
.pop_info_check_state .mid_area .type{margin-bottom:10px}
.pop_info_check_state .mid_area .item{margin-top:10px;padding-top:10px;border-top:1px solid #d8d8d8}

/*팝업 설치현장안전점검체크리스트(설치현장안전점검>결과)*/
.pop_info_check_list{width:1100px}
.pop_info_check_list .mid_area .table .head{border-bottom:none}
.pop_info_check_list .mid_area .table .head .tit .paper{text-align:left}
.pop_info_check_list .mid_area .table .body{height:auto;max-height:150px;margin-bottom:20px;padding-bottom:5px;border-bottom:1px solid #d8d8d8}
.pop_info_check_list .mid_area .table .body+.body{margin-top:20px}
.pop_info_check_list .mid_area .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.pop_info_check_list .mid_area .table .body .sub{display:block;color:#052750;font-weight:500;text-align:left;line-height:30px;border:1px solid #979797;border-bottom:none;box-sizing:border-box}
.pop_info_check_list .mid_area .table .paper{width:500px}
.pop_info_check_list .mid_area .table .memo{width:200px}
.pop_info_check_list .mid_area .table .type{font-weight:500}
.pop_info_check_list .mid_area .table .check .disabled{background-color:#d8d8d8;cursor:default}
.pop_info_check_list .mid_area .table .head>table>thead>tr>th,
.pop_info_check_list .mid_area .table .body>table>tbody>tr>td{border:1px solid #979797;box-sizing:border-box}
.pop_info_check_list .mid_area .table .head>table>thead>tr>th{background-color:#818181;color:#fff;font-weight:500}
.pop_info_check_list .mid_area .table .head>table>thead>.tit>th{background-color:#d8d8d8;color:#052750}
.pop_info_check_list .mid_area .table .head>table>thead>.sub>th{background-color:#fff;color:#052750}
.pop_info_check_list .mid_area .table .head>table>thead>tr>th.empty{width:200px;background-color:#fff;border-bottom:none}
.pop_info_check_list .mid_area .table .body>table>tbody>tr>td.empty{width:200px}
.pop_info_check_list .mid_area .table.score .body{margin-bottom:0;padding-bottom:0;border-bottom:none;border-top:none}
.pop_info_check_list .mid_area .table.score .head>table>thead>tr>th{background-color:#fff;color:#052750}
.pop_info_check_list .mid_area .table.score .body>table>tbody>tr>td{background-color:#ececec;color:#052750}
.pop_info_check_list .mid_area .table.score .head>table>thead>tr>th.h_empty{width:500px;background-color:#fff;border-bottom:none}
.pop_info_check_list .mid_area .table.score .body>table>tbody>tr>td.h_empty{width:500px;background-color:#fff;border-top:none}

/*팝업 적합사항*/
.pop_info_fit{width:450px}
.pop_info_fit .mid_area .item_cnt .file .file_bx{float:left;max-width:190px;margin-right:5px}
.pop_info_fit .mid_area .item_cnt .file .file_bx:after{display:block;clear:both;content:""}
.pop_info_fit .mid_area .item_cnt .file .file_bx>i{float:left;width:calc(100% - 12px);margin-right:5px}
.pop_info_fit .mid_area .item_cnt .file .file_bx .btn_i_x_02{float:left;margin-top:8px}
.pop_info_fit .mid_area .item_cnt .file .btn_under_01{float:right}
.pop_info_fit .mid_area .item_cnt .item .dd .txt_bx{height:150px}

/*팝업 부적합사항*/
.pop_info_unfit{width:450px}
.pop_info_unfit .mid_area .item_cnt .term .date_bx{margin-bottom:10px}
.pop_info_unfit .mid_area .item_cnt .file .file_bx{float:left;max-width:190px;margin-right:5px}
.pop_info_unfit .mid_area .item_cnt .file .file_bx:after{display:block;clear:both;content:""}
.pop_info_unfit .mid_area .item_cnt .file .file_bx>i{float:left;width:calc(100% - 12px);margin-right:5px}
.pop_info_unfit .mid_area .item_cnt .file .file_bx .btn_i_x_02{float:left;margin-top:8px}
.pop_info_unfit .mid_area .item_cnt .file .btn_under_01{float:right}

/*팝업 결과리스트(안전점검>결과), 개선조치등록*/
[class*='pop_list_result']{width:95vw}
[class*='pop_list_result'] .mid_area .top_cnt{padding:0;padding-bottom:10px;border-bottom:none}
[class*='pop_list_result'] .mid_area .top_cnt>span{color:#001d33}
[class*='pop_list_result'] .mid_area .top_cnt .right_bx{width:auto}
[class*='pop_list_result'] .mid_area .table .mini{width:180px}
[class*='pop_list_result'] .mid_area .table .memo{width:250px}
[class*='pop_list_result'] .mid_area .table .memo .txt_bx{width:100%}
[class*='pop_list_result'] .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
[class*='pop_list_result'] .table .head{border-bottom:none}
[class*='pop_list_result'] .table>div>table>thead>tr>th{border:1px solid #d8d8d8;border-bottom:none}
[class*='pop_list_result'] .table>div>table>tbody>tr>td{border:1px solid #d8d8d8}
[class*='pop_list_result'] .mid_area .table .datepicker{position:static}
[class*='pop_list_result'] .mid_area .table .datepicker .month_popup{position:static}
[class*='pop_list_result'] .mid_area .table .datepicker .tui-datepicker{left:auto;right:0;margin-top:24px}
[class*='pop_list_result'] .slt_bx{width:100%;max-width:none;margin-right:0}
[class*='pop_list_result'] .mid_area .table .cause{width:90px}
[class*='pop_list_result'] .mid_area .table .type{width:65px}
[class*='pop_list_result'] .mid_area .table .date{width:118px}
[class*='pop_list_result'] .mid_area .table .file{width:75px}
[class*='pop_list_result'] .mid_area .table .grade{width:75px}

/*팝업 노사합동안전보건점검 점검항목/기타(안전점검)*/
[class*='pop_list_check_safty'] .mid_area .table{margin-bottom:20px}
[class*='pop_list_check_safty'] .mid_area .table .body{height:auto;max-height:250px}
[class*='pop_list_check_safty'] .mid_area .table .slt_bx{margin-right:0}
[class*='pop_list_check_safty'] .mid_area .table .th{width:90px;background-color:#f1f1f1}
[class*='pop_list_check_safty'] .mid_area .table th.result{width:100px}
[class*='pop_list_check_safty'] .mid_area .table td.result{width:50px}
[class*='pop_list_check_safty'] .mid_area .table .action{width:200px}
[class*='pop_list_check_safty'] .mid_area .table .date{width:125px}
[class*='pop_list_check_safty'] .mid_area .table .image,
[class*='pop_list_check_safty'] .mid_area .table .add{width:90px}
[class*='pop_list_check_safty'] .mid_area .table .etc{width:100px}
[class*='pop_list_check_safty'] .mid_area .table .datepicker{position:static}
[class*='pop_list_check_safty'] .mid_area .table .datepicker .month_popup{position:static}
[class*='pop_list_check_safty'] .mid_area .table .datepicker .tui-datepicker{right:230px;margin-top:24px}

/*팝업 노사합동안전보건점검 기타(안전점검)*/
.pop_list_check_safty_etc .mid_area .top_cnt .right_bx{width:auto}

/*팝업 안전점검(안전점검)*/
.pop_info_safty_type{width:300px}
.pop_info_safty_type .mid_area .slt_bx{width:100%;max-width:100%;margin-right:0}

/*팝업 안전점검등록(안전점검)*/
.pop_info_safty_add{width:400px}

/* 팝업 설정>현장관리 안전보건팀 협조결재 */
.pop_info_cooperation_approval .list {padding: 0 5px;}
.pop_info_cooperation_approval .list li {float: left; margin-right: 20px; position: relative;}
.pop_info_cooperation_approval .list li::after {content: '>'; position: absolute; right: -12px;top: 0px; color: #000;}
.pop_info_cooperation_approval .list li:last-child::after {display: none;}
.pop_info_cooperation_approval .list li i {float: left;}
.pop_info_cooperation_approval .list li .btn_i_x_02 {height: 20px; margin-left: 5px; transform: translateY(2px);}

/*팝업 안전점검등록>점검항목>숫자(안전점검)*/
.pop_list_check_safty_b{width:550px}
.pop_list_check_safty_b .mid_area .top_cnt .right_bx{width:auto}
.pop_list_check_safty_b .mid_area .table .body{height:250px;max-height:none}
.pop_list_check_safty_b .mid_area .table {margin-bottom: 0 !important;}

/*팝업 점검항목>자세히(안전점검/결재함)*/
.pop_list_check_d{width:1000px}
.pop_list_check_d .mid_area .top_cnt{padding:0}
.pop_list_check_d .mid_area .tit_bx{width:100%}
.pop_list_check_d .mid_area .tit_bx .type{display:none;padding:5px 10px;border-bottom:1px solid #979797}
.pop_list_check_d .mid_area .tit_bx .type:after{display:block;clear:both;content:""}
.pop_list_check_d .mid_area .tit_bx .type .dt{float:left;margin-right:10px}
.pop_list_check_d .mid_area .tit_bx .type .dd{float:left;font-weight:300}
.pop_list_check_d .mid_area .tit_bx .type .dd .join{display:none}
.pop_list_check_d .mid_area .tit_bx .item{display:inline-block;width:calc(100% - 20px);margin-bottom:5px;padding:5px 10px}
.pop_list_check_d .mid_area .table .th{width:250px;background-color:#f1f1f1}
.pop_list_check_d .mid_area .table .result{width:100px}
.pop_list_check_d .mid_area .table .date{width:125px}
.pop_list_check_d .mid_area .table .image{width:90px}

/*팝업 장비관리(일일안전허가관리>허가신청)*/
.pop_list_work_equip .mid_area .table .txt_bx{width:50px}

/*팝업 전기관리(일일안전허가관리>허가신청)*/
.pop_list_work_electric .mid_area .table .txt_bx{width:50px}

/*팝업 노사도급합동점검(안전점검)*/
.pop_check_safty_cooperation{width:750px}
.pop_check_safty_cooperation .table .head>table>thead>tr>th{text-align:left}
.pop_check_safty_cooperation .table .body{height:150px}
.pop_check_safty_cooperation .table .body>table>tbody>tr{border-bottom:1px solid #eee}
.pop_check_safty_cooperation .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.pop_check_safty_cooperation .table .body>table>tbody>tr>td:after{display:block;clear:both;content:""}
.pop_check_safty_cooperation .mid_area{padding-top:10px}
.pop_check_safty_cooperation .mid_area .right_bx.disabled button{cursor:default}
.pop_check_safty_cooperation .mid_area .item{margin-bottom:15px;padding:0 10px}
.pop_check_safty_cooperation .mid_area .item:after{display:block;clear:both;content:""}
.pop_check_safty_cooperation .mid_area .item .dt{float:left;width:100px;margin-right:10px;color:#002645;font-weight:500}
.pop_check_safty_cooperation .mid_area .item .dd{float:left;width:calc(100% - 110px)}
.pop_check_safty_cooperation .mid_area .item .dd .txt_bx{width:100%;margin-right:0}
.pop_check_safty_cooperation .mid_area .item .search_bx{border:1px solid #ededed;box-sizing:border-box}
.pop_check_safty_cooperation .mid_area .item .search_bx .txt_bx{width:calc(100% - 22px);border:none}
.pop_check_safty_cooperation .mid_area .item .search_bx .btn_i_search{width:22px;height:22px}
.pop_check_safty_cooperation .mid_area .fixed_txt{padding:0 10px}
.pop_check_safty_cooperation .mid_area .fixed_txt>dl{padding:5px;background-color:#f3f3f3;border:1px solid #d8d8d8;border-radius:3px;box-sizing: border-box}
.pop_check_safty_cooperation .mid_area .fixed_txt .tt{color:#00385c;font-weight:500;text-align:center}
.pop_check_safty_cooperation .mid_area .fixed_txt .st+.st{margin-top:15px}
.pop_check_safty_cooperation .mid_area .fixed_txt .st>dl>dt{color:#00385c;font-weight:500}
.pop_check_safty_cooperation .mid_area .fixed_txt .st>dl>dd>i{display:block}
.pop_check_safty_cooperation .mid_area .user_add{margin-bottom:10px;padding:0 10px}
.pop_check_safty_cooperation .mid_area .user_add .top_cnt .right_bx{width:auto}
.pop_check_safty_cooperation .mid_area .user_add .table .body .slt_bx{float:left;width:125px;max-width:none}
.pop_check_safty_cooperation .mid_area .user_add .table .body .search_bx{float:left;width:calc(100% - 135px);border:1px solid #d8d8d8;box-sizing:border-box}
.pop_check_safty_cooperation .mid_area .user_add .table .body .search_bx .txt_bx{width:calc(100% - 20px);height:100%;margin-right:0;border:none}
.pop_check_safty_cooperation .mid_area .user_add .table .body .search_bx .btn_i_search{width:20px;height:20px}
.pop_check_safty_cooperation .mid_area .check_list{margin-bottom:0;padding:10px;border-top:1px solid #7c7c7c}

/*팝업 승인/반려 확인*/
.pop_info_approval_save,
.pop_info_reject_save{width:300px}
.pop_info_approval_save .mid_area .txt,
.pop_info_reject_save .mid_area .txt{display:block;width:100%;margin:10px 0;color:#000;font-size:16px;font-weight:500;text-align:center}

/*팝업 안전점검구분(안전점검교육구분)*/
.pop_info_safty_type_b{width:350px}
.pop_info_safty_type_b .mid_area .item .dd .slt_bx{width:100%;max-width:unset;margin-right:0}

/*팝업 안전점검구분등록(안전점검교육구분)*/
.pop_info_safty_type_add .mid_area .item .dt{width:120px}
.pop_info_safty_type_add .mid_area .item .dd{width:calc(100% - 125px)}

/*팝업 안전점검구분등록(설치현장 안전점검)*/
.pop_info_safty_type_installed .mid_area .item .dt{width:120px}
.pop_info_safty_type_installed .mid_area .item .dd{width:calc(100% - 125px)}
.pop_info_safty_type_installed .mid_area .score .dd{width:120px}

/*팝업 안전환경주요정보등록(요약정보)*/
.pop_info_add_safety{width:1000px; user-select: text;}
.pop_info_add_safety .mid_area {max-height: 720px; overflow-y: auto;}
.pop_info_add_safety .mid_area .item textarea.txt_bx{height:300px;font-size:18px}
.pop_info_add_safety .mid_area .item .dd .check_bx {width: 20%;float: left;}
.pop_info_add_safety .btm_area .item {float: left;}
.pop_info_add_safety .btm_area .item .dt {float: left;width: 120px;margin-right: 5px;color: #001d33;font-weight: 500;}
.pop_info_add_safety .btm_area .item .dd {float: left; width: 200px;}
.pop_info_add_safety .btm_area .item .check_bx.favorite >input.check+label {width: 16px; height: 14px; background: url(../img/Star_empty.png); background-size: 16px 14px; background-position: center;}
.pop_info_add_safety .btm_area .item .check_bx.favorite >input.check:checked+label {width: 16px; height: 14px; background: url(../img/Star.png); background-size: 16px 14px; background-position: center;}
.pop_info_add_safety .btm_area .item .check_bx.favorite >input.check+label >span {color: #001d33;font-weight: 500;}
.pop_info_add_safety .datepicker .month_popup {top: -250px;}
.pop_info_add_safety .provision .datepicker .month_popup {top: 22px;}
.pop_info_add_safety .provision {display: none;}
.pop_info_add_guide .provision .datepicker .month_popup {top: 22px;}
.pop_info_add_guide .provision {display: none;}

/*팝업 안전환경주요정보등록(안전보건지침)*/
.pop_info_add_guide{width:1000px; user-select: text;}
.pop_info_add_guide .mid_area .item textarea.txt_bx{height:300px;font-size:18px}
.pop_info_add_guide .mid_area .item .dd .check_bx {width: 20%;float: left;}
.pop_info_add_guide .btm_area .item {float: left;}
.pop_info_add_guide .btm_area .item .dt {float: left;width: 120px;margin-right: 5px;color: #001d33;font-weight: 500;}
.pop_info_add_guide .btm_area .item .dd {float: left; width: 200px;}
.pop_info_add_guide .btm_area .item .check_bx.favorite >input.check+label {width: 16px; height: 14px; background: url(../img/Star_empty.png); background-size: 16px 14px; background-position: center;}
.pop_info_add_guide .btm_area .item .check_bx.favorite >input.check:checked+label {width: 16px; height: 14px; background: url(../img/Star.png); background-size: 16px 14px; background-position: center;}
.pop_info_add_guide .btm_area .item .check_bx.favorite >input.check+label >span {color: #001d33;font-weight: 500;}
.pop_info_add_guide .datepicker .month_popup {top: -250px;}
.pop_info_add_guide .mid_area {max-height: 720px; overflow-y: auto;}


/*팝업 안전환경주요정보등록(안전보건지침)*/
.pop_info_add_edu{width:1000px; user-select: text;}
.pop_info_add_edu .mid_area .item textarea.txt_bx{height:300px;font-size:18px}
.pop_info_add_edu .mid_area .item .dd .check_bx {width: 20%;float: left;}
.pop_info_add_edu .btm_area .item {float: left;}
.pop_info_add_edu .btm_area .item .dt {float: left;width: 120px;margin-right: 5px;color: #001d33;font-weight: 500;}
.pop_info_add_edu .btm_area .item .dd {float: left; width: 200px;}
.pop_info_add_edu .btm_area .item .check_bx.favorite >input.check+label {width: 16px; height: 14px; background: url(../img/Star_empty.png); background-size: 16px 14px; background-position: center;}
.pop_info_add_edu .btm_area .item .check_bx.favorite >input.check:checked+label {width: 16px; height: 14px; background: url(../img/Star.png); background-size: 16px 14px; background-position: center;}
.pop_info_add_edu .btm_area .item .check_bx.favorite >input.check+label >span {color: #001d33;font-weight: 500;}
.pop_info_add_edu .datepicker .month_popup {top: -250px;}

/*팝업 안전환경주요정보등록(안전보건지침)*/
.pop_info_add_ref{width:1000px; user-select: text;}
.pop_info_add_ref .mid_area .item textarea.txt_bx{height:300px;font-size:18px}
.pop_info_add_ref .mid_area .item .dd .check_bx {width: 20%;float: left;}
.pop_info_add_ref .btm_area .item {float: left;}
.pop_info_add_ref .btm_area .item .dt {float: left;width: 120px;margin-right: 5px;color: #001d33;font-weight: 500;}
.pop_info_add_ref .btm_area .item .dd {float: left; width: 200px;}
.pop_info_add_ref .btm_area .item .check_bx.favorite >input.check+label {width: 16px; height: 14px; background: url(../img/Star_empty.png); background-size: 16px 14px; background-position: center;}
.pop_info_add_ref .btm_area .item .check_bx.favorite >input.check:checked+label {width: 16px; height: 14px; background: url(../img/Star.png); background-size: 16px 14px; background-position: center;}
.pop_info_add_ref .btm_area .item .check_bx.favorite >input.check+label >span {color: #001d33;font-weight: 500;}
.pop_info_add_ref .datepicker .month_popup {top: -250px;}



/*팝업 일정추가(요약정보)*/
.pop_info_add_schedule{width:840px; user-select: text;}
.pop_info_add_schedule .mid_area {max-height: 700px; overflow-y: auto;}
.pop_info_add_schedule .mid_area .item textarea.txt_bx{height:300px;font-size:18px}
.pop_info_add_schedule .mid_area .item .dd .check_bx {width: 20%;float: left;}
.pop_info_add_schedule .btm_area .item {float: left;}
.pop_info_add_schedule .btm_area .item .dt {float: left;width: 120px;margin-right: 5px;color: #001d33;font-weight: 500;}
.pop_info_add_schedule .btm_area .item .dd {float: left; width: 200px;}
.pop_info_add_schedule .mid_area .item.date .slt {width: 100%; height: 20px; margin-bottom: 10px;}
.pop_info_add_schedule .mid_area .item.date .datepicker {width: 100%; height: 28px;}
.pop_info_add_schedule .mid_area .item.date .datepicker > i {float: left; color: #5D6673; font-weight: 400; margin-right: 16px; margin-top: 2px;}
.pop_info_add_schedule .mid_area .item.date .slt_bx {margin-left: 10px; width: 70px; margin-top: 2px;}

/*팝업 상세정보(요약정보)*/
.pop_info_detail{width:1000px; user-select: text;}
.pop_info_detail .mid_area .memo .dd{overflow-y:auto;min-height:300px;max-height:500px;padding:5px;font-size:18px;border:1px solid #dedede;box-sizing:border-box}
.pop_info_detail .btm_area .item .dd .check_bx {width: 20%;float: left;}
.pop_info_detail .btm_area .item .dd .check_bx > label > span {width: 200px; left: 15px;}
.pop_info_detail .btm_area .item .check_bx.favorite {width: 140px; float: left;}
.pop_info_detail .btm_area .item .check_bx.favorite >input.check+label {width: 16px; height: 14px; background: url(../img/Star_empty.png); background-size: 16px 14px; background-position: center;}
.pop_info_detail .btm_area .item .check_bx.favorite >input.check:checked+label {width: 16px; height: 14px; background: url(../img/Star.png); background-size: 16px 14px; background-position: center;}
.pop_info_detail .btm_area .item .check_bx.favorite >input.check+label >span {color: #001d33;font-weight: 500;}
.pop_info_detail .btm_area .item .dd {float: left; width: 200px;}
.pop_info_detail .provision {display: none;}

/*팝업 상세정보(요약정보)*/
.pop_info_guide_detail_safety{width:1000px; user-select: text;}
.pop_info_guide_detail_safety .mid_area .memo .dd{overflow-y:auto;min-height:300px;max-height:500px;padding:5px;font-size:18px;border:1px solid #dedede;box-sizing:border-box}
.pop_info_guide_detail_safety .btm_area .item .dd .check_bx {width: 20%;float: left;}
.pop_info_guide_detail_safety .btm_area .item .dd .check_bx > label > span {width: 200px; left: 15px;}
.pop_info_guide_detail_safety .btm_area .item .check_bx.favorite {width: 140px; float: left;}
.pop_info_guide_detail_safety .btm_area .item .check_bx.favorite >input.check+label {width: 16px; height: 14px; background: url(../img/Star_empty.png); background-size: 16px 14px; background-position: center;}
.pop_info_guide_detail_safety .btm_area .item .check_bx.favorite >input.check:checked+label {width: 16px; height: 14px; background: url(../img/Star.png); background-size: 16px 14px; background-position: center;}
.pop_info_guide_detail_safety .btm_area .item .check_bx.favorite >input.check+label >span {color: #001d33;font-weight: 500;}
.pop_info_guide_detail_safety .btm_area .item .dd {float: left; width: 200px;}

/*팝업 일정 상세정보(요약정보)*/
.pop_info_schedule{width:840px; user-select: text;}
.pop_info_schedule .mid_area {max-height: 700px; overflow-y: auto;}
.pop_info_schedule .mid_area .memo .dd{overflow-y:auto;min-height:300px;max-height:500px;padding:5px;font-size:18px;border:1px solid #dedede;box-sizing:border-box}
.pop_info_schedule .btm_area .item .dd .check_bx {width: 20%;float: left;}
.pop_info_schedule .btm_area .item .dd .check_bx > label > span {width: 200px; left: 15px;}
.pop_info_schedule .btm_area .item .check_bx.favorite {width: 140px; float: left;}
.pop_info_schedule .btm_area .item .check_bx.favorite >input.check+label {width: 16px; height: 14px; background: url(../img/Star_empty.png); background-size: 16px 14px; background-position: center;}
.pop_info_schedule .btm_area .item .check_bx.favorite >input.check:checked+label {width: 16px; height: 14px; background: url(../img/Star.png); background-size: 16px 14px; background-position: center;}
.pop_info_schedule .btm_area .item .check_bx.favorite >input.check+label >span {color: #001d33;font-weight: 500;}
.pop_info_schedule .btm_area .item .dd {float: left; width: 200px;}

/*팝업 상세정보(요약정보)*/
.pop_info_edu_detail_safety{width:1000px; user-select: text;}
.pop_info_edu_detail_safety .mid_area .memo .dd{overflow-y:auto;min-height:300px;max-height:500px;padding:5px;font-size:18px;border:1px solid #dedede;box-sizing:border-box}
.pop_info_edu_detail_safety .btm_area .item .dd .check_bx {width: 20%;float: left;}
.pop_info_edu_detail_safety .btm_area .item .dd .check_bx > label > span {width: 200px; left: 15px;}
.pop_info_edu_detail_safety .btm_area .item .check_bx.favorite {width: 140px; float: left;}
.pop_info_edu_detail_safety .btm_area .item .check_bx.favorite >input.check+label {width: 16px; height: 14px; background: url(../img/Star_empty.png); background-size: 16px 14px; background-position: center;}
.pop_info_edu_detail_safety .btm_area .item .check_bx.favorite >input.check:checked+label {width: 16px; height: 14px; background: url(../img/Star.png); background-size: 16px 14px; background-position: center;}
.pop_info_edu_detail_safety .btm_area .item .check_bx.favorite >input.check+label >span {color: #001d33;font-weight: 500;}
.pop_info_edu_detail_safety .btm_area .item .dd {float: left; width: 200px;}

/*팝업 상세정보(요약정보)*/
.pop_info_ref_detail_safety{width:1000px; user-select: text;}
.pop_info_ref_detail_safety .mid_area .memo .dd{overflow-y:auto;min-height:300px;max-height:500px;padding:5px;font-size:18px;border:1px solid #dedede;box-sizing:border-box}
.pop_info_ref_detail_safety .btm_area .item .dd .check_bx {width: 20%;float: left;}
.pop_info_ref_detail_safety .btm_area .item .dd .check_bx > label > span {width: 200px; left: 15px;}
.pop_info_ref_detail_safety .btm_area .item .check_bx.favorite {width: 140px; float: left;}
.pop_info_ref_detail_safety .btm_area .item .check_bx.favorite >input.check+label {width: 16px; height: 14px; background: url(../img/Star_empty.png); background-size: 16px 14px; background-position: center;}
.pop_info_ref_detail_safety .btm_area .item .check_bx.favorite >input.check:checked+label {width: 16px; height: 14px; background: url(../img/Star.png); background-size: 16px 14px; background-position: center;}
.pop_info_ref_detail_safety .btm_area .item .check_bx.favorite >input.check+label >span {color: #001d33;font-weight: 500;}
.pop_info_ref_detail_safety .btm_area .item .dd {float: left; width: 200px;}


/*팝업 추가 공종관리*/
.pop_info_construction_alert {width: 320px;}
.pop_info_construction_alert .item_cnt span > i {color: #f37320;}

/*팝업 점검구분명(설정>안전점검교육구분)*/
.pop_list_check_type{width:500px}

/*팝업 국내 설치현장 안전점검 계획(설치현장안전점검>계획)*/
.pop_installed_plan{width:1600px}
.pop_installed_plan .datepicker .month_popup{z-index:200}
.pop_installed_plan .mid_area .top_cnt{padding:0;padding-bottom:10px;border-bottom:none}
.pop_installed_plan .mid_area .top_cnt .right_bx{float:right;width:auto}
.pop_installed_plan .mid_area .top_cnt .right_bx:after{display:block;clear:both;content:""}
.pop_installed_plan .mid_area .top_cnt .right_bx .item{float:left}
.pop_installed_plan .mid_area .top_cnt .right_bx .item:after{display:block;clear:both;content:""}
.pop_installed_plan .mid_area .top_cnt .right_bx .item+.item{margin-left:20px}
.pop_installed_plan .mid_area .top_cnt .right_bx .item .dot{float:left;width:13px;height:13px;margin-top:4px;margin-right:10px}
.pop_installed_plan .mid_area .top_cnt .right_bx .item>dd{float:left}
.pop_installed_plan .schedule_bx{overflow-x:auto}
.pop_installed_plan .schedule_bx .head,
.pop_installed_plan .schedule_bx .body{width:2100px}
.pop_installed_plan .schedule_bx .fixed{position:relative;background-color:#fff;z-index:100}
.pop_installed_plan .schedule_bx .body{height:300px}
.pop_installed_plan .schedule_bx .body>table>tbody>tr:nth-child(even){background-color:#fff}
.pop_installed_plan .schedule_bx>div>table{border-collapse:separate;table-layout:unset}
.pop_installed_plan .schedule_bx .head>table>thead>tr>th,
.pop_installed_plan .schedule_bx .body>table>tbody>tr>td{border:1px solid #ededed}
.pop_installed_plan .schedule_bx .fixed{width:60px}
.pop_installed_plan .schedule_bx .project{width:150px}
.pop_installed_plan .schedule_bx .cal{width:25px}
.pop_installed_plan .schedule_bx .holiday{background-color:#f7f7f7}
.pop_installed_plan .schedule_bx .option_bx{z-index:300}
.pop_installed_plan .schedule_bx .option_bx .check_bx{text-align:left}
.pop_installed_plan .schedule_bx .option_bx .check_bx>input.check+label>span{left:16px}
.pop_installed_plan .schedule_bx .option_bx .chk_opt{z-index:400}
.pop_installed_plan .schedule_bx .option_bx .part{display:inline-block;position:relative;padding-right:20px;cursor:pointer}
.pop_installed_plan .schedule_bx .option_bx .part:before{position:absolute;top:6px;right:-10px;width:12px;height:9px;padding:0;background:url(../img/arr_down_02.png) center no-repeat;background-size:12px 9px;content:""}
.pop_installed_plan .table .over_120,
.pop_installed_plan .over_120 .dot{background-color:#82eb88}
.pop_installed_plan .table .over_50,
.pop_installed_plan .over_50 .dot{background-color:#ffd0a0}
.pop_installed_plan .table .under_50,
.pop_installed_plan .under_50 .dot{background-color:#a0c6ff}
.pop_installed_plan .table .locate_1,
.pop_installed_plan .locate_1 .dot{background-color:#5295c3}
.pop_installed_plan .table .locate_2,
.pop_installed_plan .locate_2 .dot{background-color:#afc352}
.pop_installed_plan.popup .table .head>table>thead>tr>th, 
.pop_installed_plan.popup .table .body>table>tbody>tr>td {padding: 0;}

/*팝업 대상추가(KPI>건강관리)*/
.pop_tree_part_health .mid_area .tree_cnt .table .body{height:calc(100vh - 496px)}
.pop_tree_part_health .mid_area .tree_cnt .table>div>table>tbody>tr{cursor:pointer}
.pop_tree_part_health .mid_area .tree_cnt .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.pop_tree_part_health .mid_area .tree_cnt .table>div>table>tbody>tr>td{text-align:left}
.pop_tree_part_health .mid_area .tree_cnt .table>div>table>tbody>tr .chk{text-align:center}

/*팝업 주간업무보고*/
.pop_info_weekly_add{width:500px}
.pop_info_weekly_add .mid_area .item_cnt .item .table .body>table>tbody>tr>td{height:32px;padding:5px}
.pop_info_weekly_add .mid_area .item_cnt .item .table .body>table>tbody>tr>td .txt_bx{height:100%}
.pop_info_weekly_add .mid_area .item_cnt .item .table .body .memo .txt_bx{height:100%}

/*팝업 위험성평가항목 랜덤컬러 클래스*/
.rdc_01{background-color:#D8F3BA}
.rdc_02{background-color:#C8EFFF}
.rdc_03{background-color:#D5C9FF}
.rdc_04{background-color:#A9F5D5}
.rdc_05{background-color:#FFF0B9}
.rdc_06{background-color:#FC9A38}
.rdc_07{background-color:#FC9A9D}
.rdc_08{background-color:#FCD49D}
.rdc_09{background-color:#589AFC}
.rdc_10{background-color:#72E8BE}
.rdc_11{background-color:#FDCCD7}
.rdc_12{background-color:#35ACE8}
.rdc_13{background-color:#B2BDDB}
.rdc_14{background-color:#B9EBDB}
.rdc_15{background-color:#F5AB9F}
.rdc_16{background-color:#9ADBA7}
.rdc_17{background-color:#EBC2A7}
.rdc_18{background-color:#90C262}
.rdc_19{background-color:#FFB1D4}
.rdc_20{background-color:#A8C8F7}

/*팝업 인쇄*/
.pop_list_print{width:300px}
.pop_list_print .mid_area .table .body{height:auto}

/*팝업 엑셀 출력물*/
.pop_list_excel_print{width:300px}
.pop_list_excel_print .mid_area .table .body{height:auto}

/*팝업 위험성평가불러오기(위험성평가등록)*/
.pop_list_item{width:800px}
.pop_list_item .mid_area .table .body{height:300px}
.pop_list_item .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_list_item .mid_area .top_cnt .datepicker_bx{float:left;margin-right:10px}
.pop_list_item .mid_area .top_cnt .search_bx{float:left;width:290px}

/*팝업 안전보건교육일지*/
.pop_list_training{width:1000px}
.pop_list_training .mid_area .table .body{height:300px}
.pop_list_training .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_list_training .mid_area .top_cnt .datepicker_bx{float:left;margin-right:10px}
.pop_list_training .mid_area .top_cnt .search_bx{float:left;width:290px}
.pop_list_training .mid_area .table .memo{width:300px}

/* 팝업 화학물질 제품명 검색 */
.pop_list_chemical_product {width: 800px;}
.pop_list_chemical_product .mid_area .top_cnt .search_bx .right_bx {width: auto;}
.pop_list_chemical_product .mid_area .body table tr{cursor: pointer;}
.pop_list_chemical_product .mid_area .body table tr:hover td {text-decoration: underline;color:#f37320;}
.pop_list_chemical_product .mid_area .pagination > button.btn_border_01 {float: left; margin-left: 10px;}
.pop_list_chemical_product .mid_area .head .num,
.pop_list_chemical_product .mid_area .body .num {width: 100px;}

/* 팝업 화학물질 구성성분 검색 */
.pop_list_chemical_ingredient {width: 800px;}
.pop_list_chemical_ingredient .mid_area .body table tr{cursor: pointer;}
.pop_list_chemical_ingredient .mid_area .body table tr:hover td {text-decoration: underline; color:#f37320;}
.pop_list_chemical_ingredient .mid_area .head .num,
.pop_list_chemical_ingredient .mid_area .body .num {width: 100px;}

/*팝업 엑셀관리*/
.pop_excel_file{width:400px}
.pop_excel_file .mid_area .item:after{display:block;clear:both;content:""}
.pop_excel_file .mid_area .item+.item{margin-top:10px}
.pop_excel_file .mid_area .item .dt{float:left;width:30%;margin-right:5px}
.pop_excel_file .mid_area .item .dd{float:left;width:calc(70% - 5px)}
.pop_excel_file .mid_area .item .dd:after{display:block;clear:both;content:""}
.pop_excel_file .mid_area .item .dd .slt_bx{float:left;width:188px;max-width:unset;margin-right:10px}
.pop_excel_file .mid_area .item .dd .btn_border_01{float:left}
.pop_excel_file .mid_area .upload .dd .slt_bx{float:unset}
.pop_excel_file .mid_area .upload .dd .file_bx{margin-top:5px}
.pop_excel_file .mid_area .upload .dd .file_bx:after{display:block;clear:both;content:""}
.pop_excel_file .mid_area .upload .dd .file_bx>i{overflow:hidden;float:left;width:190px;margin-right:10px;padding:0 5px;border:1px solid #dedede;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis}
.pop_excel_file .mid_area .upload .dd .file_bx>button{float:left}

/*팝업 공종 협력사관리*/
.pop_construction_excel_file{width:400px}
.pop_construction_excel_file .mid_area .item:after{display:block;clear:both;content:""}
.pop_construction_excel_file .mid_area .item+.item{margin-top:10px}
.pop_construction_excel_file .mid_area .item .dt{float:left;width:30%;margin-right:5px; color: #001d33;font-weight: 500;}
.pop_construction_excel_file .mid_area .item .dd{float:left;width:calc(70% - 5px)}
.pop_construction_excel_file .mid_area .item .dd:after{display:block;clear:both;content:""}
.pop_construction_excel_file .mid_area .item .dd .btn_border_01{float:left}
.pop_construction_excel_file .mid_area .upload .dd .slt_bx{float:unset}
.pop_construction_excel_file .mid_area .upload .dd .file_bx:after{display:block;clear:both;content:""}
.pop_construction_excel_file .mid_area .upload .dd .file_bx>i{overflow:hidden;float:left;width:200px;margin-right:10px;padding:0 5px;border:1px solid #dedede;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis}
.pop_construction_excel_file .mid_area .upload .dd .file_bx>button{float:left}

/*팝업 공종 엑셀관리*/
.pop_cooperation_excel_file{width:400px}
.pop_cooperation_excel_file .mid_area .item:after{display:block;clear:both;content:""}
.pop_cooperation_excel_file .mid_area .item+.item{margin-top:10px}
.pop_cooperation_excel_file .mid_area .item .dt{float:left;width:30%;margin-right:5px; color: #001d33;font-weight: 500;}
.pop_cooperation_excel_file .mid_area .item .dd{float:left;width:calc(70% - 5px)}
.pop_cooperation_excel_file .mid_area .item .dd:after{display:block;clear:both;content:""}
.pop_cooperation_excel_file .mid_area .item .dd .btn_border_01{float:left}
.pop_cooperation_excel_file .mid_area .upload .dd .slt_bx{float:unset}
.pop_cooperation_excel_file .mid_area .upload .dd .file_bx:after{display:block;clear:both;content:""}
.pop_cooperation_excel_file .mid_area .upload .dd .file_bx>i{overflow:hidden;float:left;width:200px;margin-right:10px;padding:0 5px;border:1px solid #dedede;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis}
.pop_cooperation_excel_file .mid_area .upload .dd .file_bx>button{float:left}


/*팝업 위험성평가 주요항목*/
.pop_risk_item_add{width:1400px}
.pop_risk_item_add .mid_area .pop_wrap:after{display:block;clear:both;content:""}
.pop_risk_item_add .mid_area .top_cnt{float:left;width:100%;margin-bottom:10px;padding:0;border-bottom:none;text-align:right}
.pop_risk_item_add .mid_area .left_cnt{float:left;width:45%}
.pop_risk_item_add .mid_area .right_cnt{float:left;width:50%}
.pop_risk_item_add .mid_area .arr{float:left;width:5%;text-align:center}
.pop_risk_item_add .mid_area table{width:100%;table-layout:fixed}
.pop_risk_item_add .mid_area table th,
.pop_risk_item_add .mid_area table td{padding:2px;border:1px solid #dedede;box-sizing:border-box}
.pop_risk_item_add .mid_area table .dt{width:170px}
.pop_risk_item_add .mid_area table .num,
.pop_risk_item_add .mid_area table .btn{width:30px;text-align:center}
.pop_risk_item_add .mid_area table .grade {width: 50px;}

/*팝업 평가점수*/
.pop_evaluation_grade{width:1000px}
.pop_evaluation_grade .mid_area{overflow:auto;max-height:550px}
.pop_evaluation_grade .mid_area .pop_wrap:after{display:block;clear:both;content:""}
.pop_evaluation_grade .mid_area .left_cnt{float:left;width:calc(50% - 6px);padding-right:5px;border-right:1px solid #dedede}
.pop_evaluation_grade .mid_area .left_cnt .tit{margin-bottom:10px;color:#001d33;font-size:16px;font-weight:500}
.pop_evaluation_grade .mid_area .left_cnt .tit:after{display:block;clear:both;content:""}
.pop_evaluation_grade .mid_area .left_cnt .tit>span{float:left}
.pop_evaluation_grade .mid_area .left_cnt .tit>button{float:right}
.pop_evaluation_grade .mid_area .left_cnt>div .top{padding:2px;background-color:#f5f5f5}
.pop_evaluation_grade .mid_area .left_cnt>div .top:after{display:block;clear:both;content:""}
.pop_evaluation_grade .mid_area .left_cnt>div .top>i{float:left;font-weight:500}
.pop_evaluation_grade .mid_area .left_cnt>div .top .right{float:right}
.pop_evaluation_grade .mid_area .left_cnt>div .item{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #dedede}
.pop_evaluation_grade .mid_area .left_cnt>div .item .dt{display:block;font-weight:500}
.pop_evaluation_grade .mid_area .left_cnt>div .item .dd:after{display:block;clear:both;content:""}
.pop_evaluation_grade .mid_area .left_cnt>div .item .dd i{float:left}
.pop_evaluation_grade .mid_area .left_cnt>div .item .dd .right{float:right;font-weight:500}
.pop_evaluation_grade .mid_area .left_cnt>div .item .dd .right button{margin-left:10px;color:#ffddbc}
.pop_evaluation_grade .mid_area .left_cnt>div .item .dd .right .yet{color:#e02020}
.pop_evaluation_grade .mid_area .left_cnt>div .item .dd .right .finish{color:#6dd400}
.pop_evaluation_grade .mid_area .right_cnt{float:left;width:calc(50% - 6px);padding-left:5px;border-left:1px solid #dedede}
.pop_evaluation_grade .mid_area .right_cnt .tit{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #dedede}
.pop_evaluation_grade .mid_area .right_cnt .tit:after{display:block;clear:both;content:""}
.pop_evaluation_grade .mid_area .right_cnt .tit .reset{float:left}
.pop_evaluation_grade .mid_area .right_cnt .tit .save{float:right}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .item{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #dedede}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .item:after{display:block;clear:both;content:""}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .item .dt{float:left;font-weight:500}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .item .dd{float:right;width:80%}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .item .dd i{overflow:hidden;max-width:200px;padding-right:5px;text-overflow:ellipsis;white-space:nowrap}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .item .dd .txt_bx{margin-right:0}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .item .dd .slt_bx{width:100px;margin-right:0}

.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file_wrap:after{display:block;clear:both;content:""}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file{float:left;width:calc(50% - 21px);margin-bottom:0;padding-bottom:0}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file+.file{margin-left:10px;padding-left:10px;border-left:1px solid #ededed}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dt{width:100%;background-color:#f5f5f5;text-align:center}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dd{width:100%}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dd button{float:right;margin-left:0;margin-bottom:10px}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dd .img_bx{float:left;position:relative;width:100%;margin-bottom:10px}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dd .img_bx .img_list{position:relative;width:210px;height:140px;margin:0 auto;text-align:center}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dd .img_bx .img_list:after{display:block;clear:both;content:""}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dd .img_bx .img_list>li{display:none;width:calc(100% - 20px);height:100%;margin:0 10px}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dd .img_bx .img_list>li.on{display:block}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dd .img_bx .img_list .img{max-width:100%;height:99%;font-size:0}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dd .img_bx .btn_arr_pre{position:absolute;top:63px;left:0;width:9px;height:12px;margin-bottom:0;padding:0;background:url(../img/arr_prev_02.png) center no-repeat;background-size:100% 100%}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dd .img_bx .btn_arr_nxt{position:absolute;top:63px;right:0;width:9px;height:12px;margin-bottom:0;padding:0;background:url(../img/arr_next_02.png) center no-repeat;background-size:100% 100%}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dd .img_bx .btn_i_x_02{position:absolute;top:3px;right:26px;margin-bottom:0}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file .dd .txt_bx{float:left;width:100%;height:120px}

.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file.after {display: none;}
.pop_evaluation_grade .mid_area .right_cnt .mid_bx .file_wrap {display: flex; align-items: center; justify-content: center;}

.pop_evaluation_grade .mid_area .btm_cnt{float:left;width:100%}
.pop_evaluation_grade .mid_area .btm_cnt .item:after{display:block;clear:both;content:""}
.pop_evaluation_grade .mid_area .btm_cnt .approval .list_bx:after{display:block;clear:both;content:""}
.pop_evaluation_grade .mid_area .btm_cnt .approval .list_bx>ul{float:left}
.pop_evaluation_grade .mid_area .btm_cnt .approval .list_bx>ul:after{display:block;clear:both;content:""}
.pop_evaluation_grade .mid_area .btm_cnt .approval .list_bx>ul>li{float:left;position:relative;margin-right:20px}
.pop_evaluation_grade .mid_area .btm_cnt .approval .list_bx>ul>li:before{position:absolute;top:50%;right:-11px;width:6px;height:9px;background:url(../img/arr_next_03.png) center no-repeat;background-size:6px 9px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.pop_evaluation_grade .mid_area .btm_cnt .approval .list_bx>ul>li:last-child:before{display:none}
.pop_evaluation_grade .mid_area .btm_cnt .approval .list_bx>ul>li>i{float:left;margin-right:5px}

/*팝업 점검결과*/
.pop_list_result{width:1200px}
.pop_list_result .mid_area{overflow:auto;max-height:550px}
.pop_list_result .mid_area .pop_wrap:after{display:block;clear:both;content:""}
.pop_list_result .mid_area .left_cnt{float:left;width:calc(50% - 6px);padding-right:5px;border-right:1px solid #dedede}
.pop_list_result .mid_area .left_cnt .tit{margin-bottom:10px;color:#001d33;font-size:16px;font-weight:500}
.pop_list_result .mid_area .left_cnt .tit:after{display:block;clear:both;content:""}
.pop_list_result .mid_area .left_cnt .tit>span{float:left}
.pop_list_result .mid_area .left_cnt .tit>button{float:right}
.pop_list_result .mid_area .left_cnt>div .top{padding:2px;background-color:#f5f5f5}
.pop_list_result .mid_area .left_cnt>div .top:after{display:block;clear:both;content:""}
.pop_list_result .mid_area .left_cnt>div .top>i{float:left;font-weight:500}
.pop_list_result .mid_area .left_cnt>div .top .right{float:right}
.pop_list_result .mid_area .left_cnt>div .item{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #dedede}
.pop_list_result .mid_area .left_cnt>div .item .dt{display:block;font-weight:500}
.pop_list_result .mid_area .left_cnt>div .item .dd:after{display:block;clear:both;content:""}
.pop_list_result .mid_area .left_cnt>div .item .dd i{float:left}
.pop_list_result .mid_area .left_cnt>div .item .dd .right{float:right;font-weight:500}
.pop_list_result .mid_area .left_cnt>div .item .dd .right button{margin-left:10px;color:#ffddbc}
.pop_list_result .mid_area .left_cnt>div .item .dd .right .yet{color:#e02020}
.pop_list_result .mid_area .left_cnt>div .item .dd .right .finish{color:#6dd400}
.pop_list_result .mid_area .right_cnt{float:left;width:calc(50% - 6px);padding-left:5px;border-left:1px solid #dedede}
.pop_list_result .mid_area .right_cnt .tit{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #dedede}
.pop_list_result .mid_area .right_cnt .tit:after{display:block;clear:both;content:""}
.pop_list_result .mid_area .right_cnt .tit .reset{float:left}
.pop_list_result .mid_area .right_cnt .tit .save{float:right}
.pop_list_result .mid_area .right_cnt .mid_bx .item{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #dedede}
.pop_list_result .mid_area .right_cnt .mid_bx .item:after{display:block;clear:both;content:""}
.pop_list_result .mid_area .right_cnt .mid_bx .item .dt{float:left;font-weight:500}
.pop_list_result .mid_area .right_cnt .mid_bx .item .dd{float:right;width:80%}
.pop_list_result .mid_area .right_cnt .mid_bx .item .dd i{overflow:hidden;max-width:200px;padding-right:5px;text-overflow:ellipsis;white-space:nowrap}
.pop_list_result .mid_area .right_cnt .mid_bx .item .dd button{margin-left:10px}
.pop_list_result .mid_area .right_cnt .mid_bx .item .dd i{overflow:hidden;max-width:200px;text-overflow:ellipsis;white-space:nowrap}
.pop_list_result .mid_area .right_cnt .mid_bx .item .dd .txt_bx{margin-right:0}
.pop_list_result .mid_area .right_cnt .mid_bx .item .dd .slt_bx{width:100px;margin-right:0}
.pop_list_result .mid_area .right_cnt .mid_bx .file_wrap:after{display:block;clear:both;content:""}
.pop_list_result .mid_area .right_cnt .mid_bx .file{float:left;width:calc(50% - 21px);margin-bottom:0;padding-bottom:0}
.pop_list_result .mid_area .right_cnt .mid_bx .file+.file{margin-left:10px;padding-left:10px;border-left:1px solid #ededed}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dt{width:100%;background-color:#f5f5f5;text-align:center}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dd{width:100%}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dd button{float:right;margin-left:0;margin-bottom:10px}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dd .img_bx{float:left;position:relative;width:100%;margin-bottom:10px}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dd .img_bx .img_list{position:relative;width:250px;height:140px;margin:0 auto;text-align:center}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dd .img_bx .img_list:after{display:block;clear:both;content:""}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dd .img_bx .img_list>li{display:none;width:calc(100% - 20px);height:100%;margin:0 10px}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dd .img_bx .img_list>li.on{display:block}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dd .img_bx .img_list .img{max-width:100%;height:99%;font-size:0}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dd .img_bx .btn_arr_pre{position:absolute;top:63px;left:0;width:9px;height:12px;margin-bottom:0;padding:0;background:url(../img/arr_prev_02.png) center no-repeat;background-size:100% 100%}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dd .img_bx .btn_arr_nxt{position:absolute;top:63px;right:0;width:9px;height:12px;margin-bottom:0;padding:0;background:url(../img/arr_next_02.png) center no-repeat;background-size:100% 100%}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dd .img_bx .btn_i_x_02{position:absolute;top:3px;right:26px;margin-bottom:0}
.pop_list_result .mid_area .right_cnt .mid_bx .file .dd .txt_bx{float:left;width:100%;height:120px}

/*팝업 보호구등록*/
.pop_info_add_protect .file .btn{margin-bottom:5px}
.pop_info_add_protect .file .btn:after{display:block;clear:both;content:""}
.pop_info_add_protect .file .btn .add{float:left}
.pop_info_add_protect .file .btn .del{float:right}
.pop_info_add_protect .file .img_bx{padding:2px;text-align:center;border:1px solid #ededed;box-sizing:border-box}
.pop_info_add_protect .file .img_bx img{max-width:100%;height:120px}

/*팝업 그림문자 등록*/
.pop_info_add_painting .file .btn{margin-bottom:5px}
.pop_info_add_painting .file .btn:after{display:block;clear:both;content:""}
.pop_info_add_painting .file .btn .add{float:left}
.pop_info_add_painting .file .btn .del{float:right}
.pop_info_add_painting .file .img_bx{padding:2px;text-align:center;border:1px solid #ededed;box-sizing:border-box}
.pop_info_add_painting .file .img_bx img{max-width:100%;height:120px}

/* 팝업 화학물질 관리요령 등록 */
.pop_info_chemical_management .mid_area .item_cnt {overflow-y: auto;max-height: 72vh;}
.pop_info_chemical_management .mid_area .item textarea.txt_bx {height: 120px;}
.pop_info_chemical_management .file .btn{margin-bottom:5px}
.pop_info_chemical_management .file .btn:after{display:block;clear:both;content:""}
.pop_info_chemical_management .file .btn .add{float:left}
.pop_info_chemical_management .file .btn .del{float:right}
.pop_info_chemical_management .file .img_bx{padding:2px;text-align:center;border:1px solid #ededed;box-sizing:border-box}
.pop_info_chemical_management .file .img_bx img{max-width:100%;height:120px}

/* 팝업 관련법령 */
.pop_list_content {width: 1250px;}
.pop_list_content .top_cnt > .label {padding: 0 5px; margin-right: 5px; color: #000; font-weight: 400;}
.pop_list_content .label.chemical {background: #FF3232;}
.pop_list_content .label.safty {background: #FFE500;}
.pop_list_content .label.danger {background: #FF7A00;}
.pop_list_content .mid_area .table .head table th.type,
.pop_list_content .mid_area .table .body table th.type {width: 150px;}
.pop_list_content .top_cnt .tit {font-weight: 500;color: #000;margin-right: 10px;}

/* 팝업 관리요령 등록 */
.pop_info_chemical_management_tips .mid_area .item_cnt {overflow-y: auto;max-height: 72vh; padding-bottom: 10px;}
.pop_info_chemical_management_tips .mid_area .item.memo .txt_bx {height: 100px;}
.pop_info_chemical_management_tips .mid_area .item.table dt,
.pop_info_chemical_management_tips .mid_area .item.table dd {float: none; width: 100%;}
.pop_info_chemical_management_tips .mid_area .item.table dd {margin-top: 5px;}
.pop_info_chemical_management_tips .mid_area .item.table dd table {width: 100%; text-align: center; border: 1px solid #979797;}
.pop_info_chemical_management_tips .mid_area .item.table dd table th,
.pop_info_chemical_management_tips .mid_area .item.table dd table td {border: 1px solid #979797; height: 30px; color: #001D33;}
.pop_info_chemical_management_tips .mid_area .item.table dd table td .txt_bx {border: none; text-align: center; width: 98%;}
.pop_info_chemical_management_tips .mid_area .item.table dd table td .search_bx .txt_bx { text-align: left; width: calc(100% - 24px);margin-left: 2px;}
/* 팝업 관리요령 리스트 */
.pop_list_chemical_management_tips .mid_area .item_cnt {overflow-y: auto;max-height: 72vh;}
.pop_list_chemical_management_tips .mid_area .item.memo .txt_bx {height: 100px;}
.pop_list_chemical_management_tips .mid_area .item.table dt,
.pop_list_chemical_management_tips .mid_area .item.table dd {float: none; width: 100%;}
.pop_list_chemical_management_tips .mid_area .item.table dd {margin-top: 5px;}
.pop_list_chemical_management_tips .mid_area .item.table dd table {width: 100%; text-align: center; border: 1px solid #979797;}
.pop_list_chemical_management_tips .mid_area .item.table dd table th,
.pop_list_chemical_management_tips .mid_area .item.table dd table td {border: 1px solid #979797; height: 30px; color: #001D33;}
.pop_list_chemical_management_tips .mid_area .item.table dd table td .txt_bx {border: none; text-align: center; width: 98%;}
.pop_list_chemical_management_tips .mid_area .item+.item{margin-top:10px}
.pop_list_chemical_management_tips .mid_area .item:after{display:block;clear:both;content:""}
.pop_list_chemical_management_tips .mid_area .item .dt{float:left;width:100px;margin-right:5px;color:#001d33;font-weight:500}
.pop_list_chemical_management_tips .mid_area .item .dd{float:left;width:calc(100% - 105px);}
.pop_list_chemical_management_tips .mid_area .item .txt_bx{width:100%;margin-right:0;color:#a5a5a5}
.pop_list_chemical_management_tips .mid_area .item .search_bx{border:1px solid #ededed;box-sizing:border-box}
.pop_list_chemical_management_tips .mid_area .item .search_bx .txt_bx{width:calc(100% - 22px);border:none}
.pop_list_chemical_management_tips .mid_area .item .search_bx.multi .txt_bx{height: 50px; overflow-y: auto; padding: 5px;box-sizing: border-box;}
.pop_list_chemical_management_tips .mid_area .item .search_bx .btn_i_search{width:22px;height:22px}
.pop_list_chemical_management_tips .mid_area .item .dd i {display: block;}

/* 팝업 경고표지 등록 */
.pop_info_warning_sign .mid_area {max-height:72vh !important;}
.pop_info_warning_sign .mid_area .item_cnt {overflow-y: auto;max-height: 72vh;}
.pop_info_warning_sign .mid_area .item.memo .txt_bx {height: 100px;}
.pop_info_warning_sign .mid_area .item.table dt,
.pop_info_warning_sign .mid_area .item.table dd {float: none; width: 100%;}
.pop_info_warning_sign .mid_area .item.table dd {margin-top: 5px;}
.pop_info_warning_sign .mid_area .item.table dd table {width: 100%; text-align: center; border: 1px solid #979797;}
.pop_info_warning_sign .mid_area .item.table dd table th,
.pop_info_warning_sign .mid_area .item.table dd table td {border: 1px solid #979797; height: 30px; color: #001D33;}
.pop_info_warning_sign .mid_area .item.table dd table td .txt_bx {border: none; text-align: center; width: 98%;}
.pop_info_warning_sign .mid_area .item.table dd table td .search_bx .txt_bx {width: calc(100% - 22px); text-align: left;}
.pop_info_warning_sign .mid_area .item.table dd table .name,
.pop_info_warning_sign .mid_area .item.table dd table .type {width: 30%;}

/* 팝업 경고표지 리스트 */
.pop_list_warning_sign .mid_area .item_cnt {overflow-y: auto;max-height: 70vh;}
.pop_list_warning_sign .mid_area .item.memo .txt_bx {height: 100px;}
.pop_list_warning_sign .mid_area .item.table dt,
.pop_list_warning_sign .mid_area .item.table dd {float: none; width: 100%;}
.pop_list_warning_sign .mid_area .item.table dd {margin-top: 5px;}
.pop_list_warning_sign .mid_area .item.table dd table {width: 100%; text-align: center; border: 1px solid #979797;}
.pop_list_warning_sign .mid_area .item.table dd table th,
.pop_list_warning_sign .mid_area .item.table dd table td {border: 1px solid #979797; height: 30px; color: #001D33;}
.pop_list_warning_sign .mid_area .item.table dd table td .txt_bx {border: none; text-align: center; width: 98%;}
.pop_list_warning_sign .mid_area .item.table dd table .name,
.pop_list_warning_sign .mid_area .item.table dd table .type {width: 30%;}
.pop_list_warning_sign .mid_area .item+.item{margin-top:10px}
.pop_list_warning_sign .mid_area .item:after{display:block;clear:both;content:""}
.pop_list_warning_sign .mid_area .item .dt{float:left;width:100px;margin-right:5px;color:#001d33;font-weight:500}
.pop_list_warning_sign .mid_area .item .dd{float:left;width:calc(100% - 105px);}
.pop_list_warning_sign .mid_area .item .txt_bx{width:100%;margin-right:0;color:#a5a5a5}
.pop_list_warning_sign .mid_area .item .search_bx{border:1px solid #ededed;box-sizing:border-box}
.pop_list_warning_sign .mid_area .item .search_bx .txt_bx{width:calc(100% - 22px);border:none}
.pop_list_warning_sign .mid_area .item .search_bx.multi .txt_bx{height: 50px; overflow-y: auto; padding: 5px;box-sizing: border-box;}
.pop_list_warning_sign .mid_area .item .search_bx .btn_i_search{width:22px;height:22px}
.pop_list_warning_sign .mid_area .item .dd i {display: block;}


/* 팝업 화학물질 신청 제품 등록 */
.pop_info_product_registration {width: 1000px;}
.pop_info_product_registration .top_cnt.name {padding: 10px;border-bottom: 1px solid #d9d9d9;}
.pop_info_product_registration .top_cnt .tit {font-weight: 500; color: #000; margin-right: 10px;}
.pop_info_product_registration .top_cnt.date .tit {float: left;}
.pop_info_product_registration .top_cnt .right {float: right;}
.pop_info_product_registration .top_cnt > .label {padding: 0 5px; margin-right: 5px; color: #000; font-weight: 400;}
.pop_info_product_registration .label.chemical {background: #FF3232;}
.pop_info_product_registration .label.safty {background: #FFE500;}
.pop_info_product_registration .mid_area .table .head table .type,
.pop_info_product_registration .mid_area .table .body table .type {width: 180px;padding: 0 2px;}
.pop_info_product_registration .mid_area .table .head table .type2,
.pop_info_product_registration .mid_area .table .body table .type2 {width: 100px;padding: 0 2px;}
.pop_info_product_registration .mid_area .table .body {height: 200px;}
.pop_info_product_registration .mid_area .table .body table {text-align: center;}
.pop_info_product_registration .mid_area .table .body .txt_bx {width: 96%;}
.pop_info_product_registration .mid_area .table .search_bx .txt_bx {float: left; width: calc(96% - 22px); border: none;}
.pop_info_product_registration .mid_area .table .search_bx .btn_i_search {width: 22px; height: 22px;}
.pop_info_product_registration .mid_area .table .search_bx {background: #fff; border: 1px solid #ededed; height: 22px;}


/* 요약정보 위험성평가 자세히보기 */
.pop_list_danger_detail {width: 1600px;}
.pop_list_danger_detail .mid_area .top_cnt {display: flex; align-items: center; width: 100%;box-sizing: border-box;}
.pop_list_danger_detail .mid_area .top_cnt .slt_bx {margin-left: 4px; margin-right: 10px; max-width: none;}
.pop_list_danger_detail .mid_area .table .warning {font-weight: 600; color: #ff0000;}
.pop_list_danger_detail .mid_area .table .memo {width: 18%;}
.pop_list_danger_detail .mid_area .table .body {height: 400px;}

/* 요약정보 위험도분포 자세히보기 */
.pop_list_distribution_detail {width: 1600px;}
.pop_list_distribution_detail .mid_area .top_cnt {display: flex; align-items: center; width: 100%;box-sizing: border-box;}
.pop_list_distribution_detail .mid_area .top_cnt .slt_bx {margin-left: 4px; margin-right: 10px; max-width: none;}
.pop_list_distribution_detail .mid_area .table .warning {font-weight: 600; color: #ff0000;}
.pop_list_distribution_detail .mid_area .table .memo {width: 18%;}
.pop_list_distribution_detail .mid_area .table .body {height: 400px;}

/* 구버전 메인 */
.main_previous{background-color:#ededed}
.main_previous .top_area:after{display:block;clear:both;content:""}
.main_previous .top_area .today{float:left;position:relative;margin-right:15px;padding-right:15px}
.main_previous .top_area .today:before{position:absolute;top:50%;right:0;width:2px;height:70%;background-color:#a5a5a5;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.main_previous .top_area .user{float:left}
.main_previous .top_area .locate_btn {float:left; margin-left: 20px;}
.main_previous .top_area .locate_btn button {background: #F5F5F7; color: #A5A5A5; border-radius: 22px; padding: 0 7px; line-height: 20px;}
.main_previous .top_area .locate_btn button:not(:last-child) {margin-right: 3px;}
.main_previous .top_area .locate_btn button.on{background: #FFF4ED; color: #F37321;}
.main_previous .mid_area .section_search .option_bx .select{width:160px;text-decoration:underline;border:none; margin-left: 0; background: none;}
.main_previous .mid_area .section_search .option_bx .select:before{width:11px;height:11px;background:url(../img/arr_down_03.png) center no-repeat;background-size:10px 10px}
.main_previous .mid_area .section_left{float:left;width:300px;margin-right:30px}
.main_previous .mid_area .section_left .top_cnt{margin-bottom:10px}
.main_previous .mid_area .section_left .top_cnt:after{display:block;clear:both;;content:""}
.main_previous .mid_area .section_left .top_cnt .item{float:left;width:calc(100% / 2 - 15px);margin-top:10px;padding:5px;background-color:#ced3d6}
.main_previous .mid_area .section_left .top_cnt .item:nth-child(odd){margin-right:10px}
.main_previous .mid_area .section_left .top_cnt .item:nth-child(1),
.main_previous .mid_area .section_left .top_cnt .item:nth-child(2){margin-top:0}
.main_previous .mid_area .section_left .top_cnt .item .dt{color:#464646;font-weight:500}
.main_previous .mid_area .section_left .top_cnt .item .dd{color:#ed7100;font-size:20px;font-weight:500;text-align:right}
.main_previous .mid_area .section_left .mid_cnt{background-color:#fff;margin-bottom: 10px;}
.main_previous .mid_area .section_left .mid_cnt .tit_bx{padding:5px 10px;font-weight:500;border-bottom:1px solid #b0b0b0}
.main_previous .mid_area .section_left .mid_cnt .tit_bx:after{display:block;clear:both;;content:""}
.main_previous .mid_area .section_left .mid_cnt .tit_bx>span{float:left}
.main_previous .mid_area .section_left .mid_cnt .tit_bx .right_bx{float:right}
.main_previous .mid_area .section_left .mid_cnt .tit_bx .right_bx:after{display:block;clear:both;content:""}
.main_previous .mid_area .section_left .mid_cnt .tit_bx .date{float:left}
.main_previous .mid_area .section_left .mid_cnt .tit_bx .btn_full_01{float:left;margin-left:10px;border-radius:8px}
.main_previous .mid_area .section_left .mid_cnt .list_bx{overflow-y:auto;height:124px}
.main_previous .mid_area .section_left .mid_cnt .list_bx .item{padding:5px 10px;border-bottom:1px solid #b0b0b0}
.main_previous .mid_area .section_left .mid_cnt .list_bx .item:after{display:block;clear:both;content:""}
.main_previous .mid_area .section_left .mid_cnt .list_bx .item>span{float:left;width:88%}
.main_previous .mid_area .section_left .mid_cnt .list_bx .item>span>i{display:block;color:#ed7100}
.main_previous .mid_area .section_left .mid_cnt .list_bx .item>button{float:right}
.main_previous .mid_area .section_left .bot_cnt{background-color:#fff}
.main_previous .mid_area .section_left .bot_cnt .tit_bx{padding:5px 10px;font-weight:500;border-bottom:1px solid #b0b0b0}
.main_previous .mid_area .section_left .bot_cnt .tit_bx:after{display:block;clear:both;;content:""}
.main_previous .mid_area .section_left .bot_cnt .tit_bx>span{float:left}
.main_previous .mid_area .section_left .bot_cnt .tit_bx .right_bx{float:right}
.main_previous .mid_area .section_left .bot_cnt .tit_bx .right_bx:after{display:block;clear:both;content:""}
.main_previous .mid_area .section_left .bot_cnt .tit_bx .date{float:left}
.main_previous .mid_area .section_left .bot_cnt .tit_bx .btn_full_01{float:left;margin-left:10px;border-radius:8px}
.main_previous .mid_area .section_left .bot_cnt .list_bx{overflow-y:auto;height:calc(100vh - 545px)}
.main_previous .mid_area .section_left .bot_cnt .list_bx .item{padding:5px 10px;border-bottom:1px solid #b0b0b0}
.main_previous .mid_area .section_left .bot_cnt .list_bx .item:after{display:block;clear:both;content:""}
.main_previous .mid_area .section_left .bot_cnt .list_bx .item>span{float:left;width:88%}
.main_previous .mid_area .section_left .bot_cnt .list_bx .item>span>i{display:block;color:#ed7100}
.main_previous .mid_area .section_left .bot_cnt .list_bx .item>button{float:right}
.main_previous .mid_area .section_left .last_cnt{background-color:#fff}
.main_previous .mid_area .section_left .last_cnt .tit_bx{padding:5px 10px;font-weight:500;border-bottom:1px solid #b0b0b0}
.main_previous .mid_area .section_left .last_cnt .tit_bx:after{display:block;clear:both;;content:""}
.main_previous .mid_area .section_left .last_cnt .tit_bx>span{float:left}
.main_previous .mid_area .section_left .last_cnt .tit_bx .date{float:right}
.main_previous .mid_area .section_left .last_cnt .table .body{height:calc(100vh / 3 - 70px)}
.main_previous .mid_area .section_left .last_cnt .table .body>table>tbody>tr{border-bottom:1px solid #b0b0b0}
.main_previous .mid_area .section_left .last_cnt .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.main_previous .mid_area .section_left .last_cnt .table .body>table>tbody>tr .btn_under_01{color:#ed7100}
.main_previous .mid_area .section_right{float:left;width:calc(100% - 330px)}
.main_previous .mid_area .section_right:after{display:block;clear:both;;content:""}
.main_previous .mid_area .section_right .list_cnt{float:left;width:calc(100% / 2 - 15px);background-color:#fff}
.main_previous .mid_area .section_right .list_cnt:nth-child(odd){margin-right:30px}
.main_previous .mid_area .section_right .list_cnt:nth-child(1),
.main_previous .mid_area .section_right .list_cnt:nth-child(2){margin-bottom:10px}
.main_previous .mid_area .section_right .list_cnt .tit_bx{padding:5px 10px;border-bottom:2px solid #a5a5a5}
.main_previous .mid_area .section_right .list_cnt .tit_bx:after{display:block;clear:both;;content:""}
.main_previous .mid_area .section_right .list_cnt .tit_bx>span{float:left;font-weight:500}
.main_previous .mid_area .section_right .list_cnt .tit_bx .btn_under_01{float:right;width:20px;height:20px;background:url(../img/btn_dot.png) center no-repeat;background-size:contain;text-indent:-9999px}
.main_previous .mid_area .section_right .list_cnt .table .head{color:#021f3b;border-bottom:2px solid #a5a5a5}
.main_previous .mid_area .section_right .list_cnt .table .head>table>thead>tr>th{color:#021f3b}
.main_previous .mid_area .section_right .list_cnt .table .body{height:calc(100vh / 2 - 139px)}
.main_previous .mid_area .section_right .list_cnt .table .body>table>tbody>tr{border-bottom:1px solid #7c7c7c}
.main_previous .mid_area .section_right .list_cnt .table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.main_previous .table>div>table>thead>tr,
.main_previous .table>div>table>tbody>tr{height:30px}
.main_previous .top_area{padding:10px 10px 0; margin: 0;}
.main_previous .mid_area {padding: 10px;}
.main_previous .mid_area .section_search {box-shadow: none; border-radius: 0;}
.main_2 .mid_area .top_section .board .tab_schedule .datepicker .tui-datepicker-type-date, .datepicker .tui-calendar {width: 212px;}


@media all and (max-width:1600px){
	.header .nav{font-size:14px}
	.header .nav>ul .menu{width:90px; margin: 0 8px;}
	.header .nav>ul .menu::after {right: -12px;}
	.container .mid_area .table .body{height:calc(100vh - 263px)}
	.main .mid_area .section_right .list_cnt .table .body{height:calc(50vh - 141px)}
	.equipment_list .mid_area .table .body{height:calc(100vh - 314px)}
	.worker .company .table .body{height:150px}
	.worker .user .table .body{height:calc(100vh - 496px)}
	.medical_list .mid_area .table .body{height:calc(100vh - 297px)}

	.stats_accident_disaster .mid_area .section_cnt .cnt_bx .table .body{height:91px}
	.stats_accident_disaster .mid_area .section_cnt .cnt_bx .chart_wrap{height:calc(100vh - 494px)}
	.stats_accident_disaster .mid_area .section_cnt .cnt_bx .chart{height:500px}

	.stats_installed_list .mid_area .section_cnt .cnt_bx .table .body{height:calc(100vh - 254px)}
	.stats_equipment .mid_area .section_cnt .cnt_bx .field .table .body{height:calc(100vh - 487px)}
	.stats_daily_safety_check .mid_area .section_cnt .cnt_bx .field .table .body{height:calc(100vh - 487px)}
	.stats_accident_center .mid_area .section_cnt .cnt_bx .table .body{height:calc(100vh - 254px)}

	.stats_accident_center .mid_area .section_cnt .cnt_bx .chart_bx .total,
	.stats_safety_type .mid_area .section_cnt .cnt_bx .chart_bx .total,
	.stats_type_disaster .mid_area .section_cnt .cnt_bx .chart_bx .total,
	.stats_installed_type .mid_area .section_cnt .cnt_bx .chart_bx .total{float:left;position:static;top:0;width:calc(100% - 20px);-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}

	.stats_accident_center .mid_area .section_cnt .cnt_bx .chart_bx .right,
	.stats_safety_type .mid_area .section_cnt .cnt_bx .chart_bx .right,
	.stats_type_disaster .mid_area .section_cnt .cnt_bx .chart_bx .right,
	.stats_installed_type .mid_area .section_cnt .cnt_bx .chart_bx .right{float:left;position:static;top:0;width:calc(100% - 20px);-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}

	.pop_info_warning .mid_area{height:500px}
	.pop_check_safty_cooperation .mid_area .fixed_txt>dl{overflow:auto;height:150px}
	.pop_check_safty_cooperation .table .body{height:120px}

	.pop_installed_plan{width:1300px}

	.pop_info_locate_a .mid_area{overflow:auto;height:500px}
}

@media all and (max-width:1367px){
	.inner{overflow-x:auto;width:1366px}
	.main .mid_area .section_left .mid_cnt .table .body,
	.main .mid_area .section_left .last_cnt .list_bx{height:290px}
	.main .mid_area .section_right .list_cnt .table .body{height:372px}
	.pop_list_check_a,
	.pop_list_check_c{width:100vw}
	.pop_list_result{width:1200px}


	.join_type>.wrap .type {height: 420px; margin-top: 40px;}
	.join_type>.wrap .type .worker {margin-left: 0; margin-top: 20px;}
	.join_type>.wrap .type > div {width: 100%; height: 200px; padding: 20px;}
	.join_type>.wrap .type > div > img {height: 50px;}
	.join_type>.wrap .type > div > button {margin-top: 20px;}
	.join_type>.wrap .type > div > p {font-size: 18px;}
	.join_type>.wrap .back_btn {margin-top: 30px;}
	.join>.wrap {width: 100%; padding: 20px; box-sizing: border-box; margin: auto; position: static;transform: none; height: auto;}
	.join>.wrap .terms {width: 100%;}
	.join>.wrap .terms .txt_area {padding: 20px;max-height: 90px;}
	.join>.wrap .progress .list li {margin-right: 40px;}
	.join>.wrap .table.belong {width: 100%; margin: auto;}
	.join>.wrap .belong_search {width: 100%;}
	.join>.wrap .belong_search .search_bx.num .long {width: calc(100% - 205px);}
	.join>.wrap .table table .address {width: 20%;}
	.join>.wrap .table .body {min-height: 160px; max-height: 160px;}
	.join>.wrap .table table .chk {width: 40px;}
	.join>.wrap .table .check_bx>input.check+label {width: 16px; height: 16px; background-size: contain;}
	.join>.wrap .table .check_bx>input.check:checked+label {width: 16px; height: 16px; background-size: contain;}
	.join>.wrap .complete > .btn_full_01 {width: 100%;}
	.join>.wrap .user_info .info {padding-right: 0; padding-bottom: 80px;}
}