@charset "utf-8";
/* CSS Document */
body {overflow: auto; background: #e5e5e5; box-sizing: border-box;}
ul {padding: 0; margin:0;}
li {list-style: none;}
a {text-decoration: none;}
body,html{margin: 0; padding: 0; height: 100%;}
a, a:visited { text-decoration:none; cursor:pointer; color:#666666;}
a:hover, a:active { text-decoration:none; cursor:pointer; color:#666666;}
select {appearance:none; -webkit-appearance:none; -moz-appearance:none; border-radius: 0; } 
select::-ms-expand {display: none;}
input { height: 30px; padding: 6px 8px 6px 8px; border: solid 1px #d3d3d3; border-radius: 3px; }
input:disabled {background: #f6f6f6;}
button { position: relative;  border:0px; border-radius: 3px; color: #ffffff; vertical-align: middle; outline: none; padding: 0;}
label { border-radius: 3px; padding: 6px 8px 6px 8px; font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif; font-size: 12px; font-weight: 300; color: #666666; vertical-align: middle;}
checkbox { width: 16px; height: 16px; vertical-align: middle; padding: 0; margin: 0; border: solid 3px #000000;}
span {color: #474b51;}
ul, li, input, div, select, checkbox, span, button, textarea {box-sizing: border-box; outline: none; vertical-align: top; font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif; font-size: 12px; font-weight: 300; color: #666666; vertical-align: middle;}
textarea {overflow-y: auto;}

.select_basic {width: 120px; padding: 5px; border: solid 1px #d3d3d3; border-radius: 3px; font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif; font-size: 12px; font-weight: 300; color: #666666; vertical-align: middle; background: url('../img/input_down.png')no-repeat; background-position: 90% 50%; background-color: white;}

.arrow {display: inline-block; width: 21px; height: 30px; }
.arrow > img {vertical-align: top; display: block; cursor: pointer;}

.from {width: 1200px; margin: 0 auto;}

.text-left { text-align: left;}
.text-center { text-align: center;}
.text-right { text-align: right;} 

.justify-all { justify-content: space-between;}
.display-flex { display: flex;}

.fl-left { float: left !important;}
.title::after {content:""; clear: both;}
.fl-right { float: right !important;}
.fln {float:none !important;}
.clear {clear: both;}

.row-align {display:flex; align-items:center;}

.fw_700 {font-weight: 700;}

.pl-2 { padding-left: 2px;}
.pl-4 { padding-left: 4px;}
.pl-5 { padding-left: 5px;}
.pl-6 { padding-left: 6px;}
.pl-7 { padding-left: 7px;}
.pl-8 { padding-left: 8px;}
.pl-9 { padding-left: 9px;}
.pl-10 { padding-left: 10px;}
.pl-20 { padding-left: 20px;}
.pl-30 { padding-left: 30px;}
.pl-32 { padding-left: 32px;}
.pl-35 { padding-left: 35px;}
.pl-37 { padding-left: 37px; border-bottom: solid 0px #000000;}
.pl-40 { padding-left: 40px;}
.pl-45 { padding-left: 45px;}
.pl-48 { padding-left: 48px;}

.pl-50 { padding-left: 50px;}
.pl-60 { padding-left: 60px;}

.pr-5 { padding-right: 5px;}
.pr-7 { padding-right: 7px;}
.pr-10 { padding-right: 10px;}
.pr-20 { padding-right: 20px;}
.pr-30 { padding-right: 30px;}

.pt-10 { padding-top: 10px;}
.pt-15 { padding-top: 15px;}
.pt-20 { padding-top: 20px;}
.pt-30 { padding-top: 30px;}
.pt-40 { padding-top: 40px;}


.pb-10 { padding-bottom: 10px;}
.pb-20 { padding-bottom: 20px;}
.pb-30 { padding-bottom: 30px;}


.mln {margin-left: 0 !important;}
.ml-3 {margin-left: 3px;}
.ml-5 { margin-left: 5px;}
.ml-7 { margin-left: 7px;}
.ml-9 { margin-left: 9px;}
.ml-10 { margin-left: 10px;}
.ml-11 { margin-left: 11px;}
.ml-12 { margin-left: 12px;}
.ml-15 { margin-left: 15px;}
.ml-17 { margin-left: 17px;}
.ml-18 { margin-left: 18px;}
.ml-19 { margin-left: 19px;}
.ml-20 { margin-left: 20px;}
.ml-23 { margin-left: 23px;}
.ml-28 { margin-left: 28px;}
.ml-29 { margin-left: 29px;}
.ml-30 { margin-left: 30px;}
.ml-32 { margin-left: 32px;}
.ml-37 { margin-left: 37px;}
.ml-40 { margin-left: 40px;}
.ml-62 { margin-left: 62px;}
.ml-66 { margin-left: 66px;}
.ml-68 { margin-left: 68px;}
.ml-70 { margin-left: 70px;}
.ml-74 { margin-left: 74px;}
.ml-75 { margin-left: 75px;}
.ml-76 { margin-left: 76px;}
.ml-78 { margin-left: 78px;}
.ml-100 { margin-left: 100px;}
.ml-103 { margin-left: 103px;}
.ml-200 { margin-left: 200px;}
.ml-221 { margin-left: 221px;}

.mr-5 { margin-right: 5px;}
.mr-7 { margin-right: 7px;}
.mr-10 { margin-right: 10px;}
.mr-15 { margin-right: 15px;}
.mr-20 { margin-right: 20px;}
.mr-30 { margin-right: 30px;}

.mb-10 { margin-bottom: 10px;}
.mb-20 { margin-bottom: 20px;}
.mb-30 { margin-bottom: 30px;}

.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-40 {margin-top: 40px;}


/* 가로사이즈 */
.w-10 {width: 10px;}
.w-20 {width: 20px;}
.w-30 {width: 30px;}
.w-40 {width: 40px;}
.w-50 {width: 50px;}
.w-60 {width: 60px;}
.w-70 {width: 70px;}
.w-80 {width: 80px;}
.w-90 {width: 90px;}
.w-98 {width: 98px;}
.w-100 {width: 100px;}
.w-110 {width: 110px;}
.w-116 {width: 116px;}
.w-118 {width: 118px;}
.w-120 {width: 120px;}
.w-130 {width: 130px;}
.w-140 {width: 140px;}
.w-150 {width: 150px;}
.w-160 {width: 160px;}
.w-170 {width: 170px;}
.w-174 {width: 174px;}
.w-180 {width: 180px;}
.w-190 {width: 190px;}
.w-200 {width: 200px;}
.w-210 {width: 210px;}
.w-220 {width: 220px;}
.w-230 {width: 230px;}
.w-233 {width: 233px;}

.w-240 {width: 240px;}
.w-250 {width: 250px;}
.w-260 {width: 260px;}
.w-270 {width: 270px;}
.w-271 {width: 271px;}
.w-274 {width: 274px;}
.w-280 {width: 280px;}
.w-290 {width: 290px;}
.w-300 {width: 300px;}
.w-310 {width: 310px;}
.w-320 {width: 320px;}
.w-330 {width: 330px;}
.w-340 {width: 340px;}
.w-350 {width: 350px;}
.w-360 {width: 360px;}
.w-370 {width: 370px;}
.w-380 {width: 380px;}
.w-390 {width: 390px;}
.w-400 {width: 400px;}
.w-410 {width: 410px;}
.w-420 {width: 420px;}
.w-430 {width: 430px;}
.w-440 {width: 440px;}
.w-450 {width: 450px;}
.w-460 {width: 460px;}
.w-470 {width: 470px;}
.w-480 {width: 480px;}
.w-490 {width: 490px;}
.w-500 {width: 500px;}


/* check box */
.chk { width: 16px; height: 16px; vertical-align: middle; padding: 0; margin: 0;}


/* button */
.input-visit-cal {
    background-image: url("../img/cal.png");
    background-repeat: no-repeat;
    background-position: 95px;
    width: 120px;
}

.btn-visit-search {
    height: 30px;
    font-size: 12px;
    color: #ffffff;
    background-color: #3d5bdc;
    background-image: url("../img/search.png");
    background-repeat: no-repeat;
}

.btn-visit-new {
    height: 30px;
    font-size: 12px;
    color: #3d5bdc;
    background-color: #fff;
    background-image: url("../img/new.png");
    background-repeat: no-repeat;
    border: 1px solid #3d5bdc;
}

.btn-visit-excel {
    height: 30px;
    font-size: 12px;
    color: #3d5bdc;
    background-color: #fff;
    background-image: url("../img/excel.png");
    background-repeat: no-repeat;
    border: 1px solid #3d5bdc;
}

.btn-visit-delete {
    height: 30px;
    font-size: 12px;
    color: #3d5bdc;
    background-color: #fff;
    background-image: url("../img/del.png");
    background-repeat: no-repeat;
    border: 1px solid #3d5bdc;
}

.btn-visit-now {
    width: 70px;
    height: 30px;
    font-size: 12px;
    color: #3d5bdc;
    background-color: #fff;
    background-image: url("../img/clock.png");
    background-repeat: no-repeat;
    background-position: 10px;
    border: 1px solid #3d5bdc;
}

.btn-visit-graph {
    width: 70px;
    height: 30px;
    font-size: 12px;
    color: #3d5bdc;
    background-color: #fff;
    background-image: url("../img/graph.png");
    background-repeat: no-repeat;
    background-position: 10px;
    border: 1px solid #3d5bdc;
}

.btn-visit-look {
    width: 70px;
    height: 30px;
    font-size: 12px;
    color: #3d5bdc;
    background-color: #fff;
    background-image: url("../img/look.png");
    background-repeat: no-repeat;
    background-position: 10px;
    border: 1px solid #3d5bdc;
}

.btn-visit-print {
    width: 70px;
    height: 30px;
    font-size: 12px;
    color: #3d5bdc;
    background-color: #fff;
    background-image: url("../img/print.png");
    background-repeat: no-repeat;
    background-position: 10px;
    border: 1px solid #3d5bdc;
}

.btn-visit-crystal {
    width: 70px;
    height: 30px;
    font-size: 12px;
    color: #3d5bdc;
    background-color: #fff;
    background-image: url("../img/crystal.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #3d5bdc;
    padding: 0 6px;
}

.btn-visit-down {
    width: 70px;
    height: 30px;
    font-size: 12px;
    color: #3d5bdc;
    background-color: #fff;
    background-image: url("../img/download.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #3d5bdc;
}

.input_basic {
    width: 120px;
}

.input-search {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-position: center;
    width: 30px;
    height: 30px;
    background-color: #3d5bdc;
    border-radius: 3px;
    background-image: url("../img/input_serch.png");
    background-repeat: no-repeat;
    border: none;
}

.input-search > input {display: none;}

.input-img {
    position: relative;
    display: inline-block;
    background-position: center;
    width: 30px;
    height: 30px;
    background-color: #3d5bdc;
    border-radius: 3px;
    background-image: url("../img/input_img.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

.input-del {
    position: relative;
    display: inline-block;
    background-position: center;
    width: 30px;
    height: 30px;
    background-color: #3d5bdc;
    border-radius: 3px;
    background-image: url("../img/input_del.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

.input-add {
    position: relative;
    display: inline-block;
    background-position: center;
    width: 30px;
    height: 30px;
    background-color: #3d5bdc;
    border-radius: 3px;
    background-image: url("../img/input_add.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

.textarea_basic {
    padding: 6px 8px;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    overflow-wrap: break-word;
    resize: none;
    outline: none;
}

.textarea_basic.nb_type {width: 100%; height: 80px; border: none;}


/* button end */


/* table */
table {width: 100%; border:0; border-spacing: 0; margin: 0; padding: 0; border-collapse: collapse;}
thead {margin: 0; padding: 0;}
tr {margin: 0; padding: 0;}
tr:nth-child(even) {background-color: #f4f5f8;}
tr:nth-child(odd) {background-color: #fff;}

th {background: #e2e5f0; line-height: 30px;}
tbody {margin: 0; padding: 0;}
.pnt {cursor: pointer;}
.tdBorder {color: #7f8287; font-size: 12px; border-bottom: 1px solid #e9eaec;}
.tdSelBorder {background-color: #9faeed; color: #ffffff; font-size:12px;}
.tdSelBorder > li {color: #fff !important; font-weight: 300;}

#tbl_employee td {height: 30px; text-align: center; border-bottom: 1px solid #e9eaec; font-size: 12px;}

table.as_table {border: 1px solid #d4d8e5; border-bottom: 0; border-radius: 3px; text-align: center;}
table.as_table th {border-spacing: 0; color:#474b51; margin: 0; font-size: 12px; height: 30px; font-weight: 500;}
.as_table td {font-size: 12px; border-bottom: #e9eaec; height: 30px;}

.fixed-table {text-align: center;}
.fixed-table thead > th {position: sticky;}
.fixed-table-container {position: relative; height: 300px;}
.fixed-table-wrapper {overflow-x: hidden; overflow-y: auto; height: 100%; border-left: 1px solid #d4d8e5; border-right: 1px solid #d4d8e5; border-bottom: 1px solid #d4d8e5; background: #fff;}

/* table end */



/*Layout*/
#wrap {width: 100%; max-width: 1600px; height: 100%; margin: 0 auto;}
#wrap_table {min-width: 1600px; height: 100%;}
#wrap_table > tbody > tr > td {padding: 0; vertical-align: top; background: #f8f9fc;}


/*** menu ***/
.sidenav {height: 100%; width: 250px; position: absolute; z-index: 1; top: 0;}
.logo {height: 68px;}
.logo a {display: flex; justify-content: center; padding-top: 21px;}
.line {width: 210px; background-color: rgba(255,255,255,0.3); margin: 0 auto;}
.btn {margin-top: 20px;}
.dropdown-btn {
    height: 53px;
    padding: 0 30px;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    opacity: 0.5;
    display: flex;
    align-items: center;
    color: rgba(255,255,255,1.0);
}
.action {color: rgba(255,255,255,1.0); opacity: 1.0;}
.dropdown-btn:hover {opacity: 1.0;}
.dropdown-btn span {font-size: 16px; margin-left: 15px; color: rgba(255,255,255,1.0);}
.dropdown-btn > .fa {display:none !important;}
.fa-caret-down {position: absolute; right: 30px;}
.dropdown-container {margin: 0 auto; width: 190px; display: none; background-color: #fff; border-radius: 5px; text-align:left; position: relative;}
.dropdown-container ul{padding: 15px 0 15px 30px;}
.dropdown-container a {color: #474b51; display: block; font-size: 15px; line-height: 2;}
.dropdown-container a:hover {color: #3d5bdc; font-weight: 600;}
.dropdown-container .on {color: #3d5bdc; font-weight: 600;}

.dropdown-container .as_tabMenu {display: flex; padding: 0;}
.dropdown-container .as_tabMenu > li {cursor: pointer; width: 25%; height: 35px; background: #e2e5f0; font-size: 15px; color: #474b51; display: flex; align-items: center; justify-content: center;}
.dropdown-container .as_tabMenu > li.current {color: #3d5bdc; background: #fff; font-weight: 600;}
.dropdown-container .as_tabMenu > li:first-child {margin-left: 0; border-top-left-radius: 5px;}
.dropdown-container .as_tabMenu > li:last-child {border-top-right-radius: 5px;}
.dropdown-container .tabMenu-content{display: none;}
.dropdown-container .tabMenu-content.current{display: inherit; }
/*** menu end ***/


/*** top ***/
.top {float: right; width: 1350px; height: 68px; background: #fff; border-bottom: 1px solid rgba(71,75,81,0.3);}
.top_group {display: flex; float: right; align-items: center; padding-top: 21px; padding-right: 30px;}
.top_group .admin a {display: flex; align-items: center;}
.top_group .admin img {padding-right: 6px;}
.top_group .admin span {color: #3d5bdc; font-size: 14px; font-weight: bold; padding-right: 20px;}
.clock span {font-size: 14px; color: #222; font-weight: bold; padding-right: 20px;}
.logout {width: 88px; height: 26px; background: #3d5bdc; border-radius: 5px; display: flex; align-items: center; justify-content: center;}
.logout a {display: flex; align-items: center;}
.logout img {padding-right: 5px;}
.logout span {font-size: 12px; color: #fff; font-weight: bold;}
/*** top end ***/


/*** main_contents ***/
#sub_wrap .Main .title > div:first-child {background: url(/AsinScript/img/main_icon.png) no-repeat left center;}
#sub_wrap .Main .title > div > h1 {margin-left:22px;}
.main_cnt > div {display: flex;}
.main_cnt > div > div {border: 1px solid #d4d8e5; background: #fff; padding: 15px;}
.main_cnt > div:first-child > div {height: 267px;}
.main_cnt .number_case {width: 320px;}
.main_cnt .number_case > ul {margin-top: 20px;}
.main_cnt .number_case > ul:first-child {margin-top: 0;}
.main_cnt .number_case > ul > li:first-child > p {position: relative; font-size: 14px; font-weight: 700; color: #222222;}
.main_cnt .number_case > ul > li:first-child > p > span {position: absolute; right: 0; font-size: 14px; font-weight: 700;}
.main_cnt .number_case > ul > li.number_bar {width: 100%; background: #eaecf4; height: 35px; margin-top: 10px;}
.main_cnt .number_bar {background: #f6f6f6;}

.main_cnt > div > div.main_list {width: 475px; padding: 0;}
.main_cnt > div > div.main_list .as_table {width: 100%; border: 0; border-top: 1px solid #d4d8e5;}
.main_cnt > div > div.main_list .as_table th {height: 36px; line-height: 36px;}
.main_cnt > div > div.main_list #tbl_employee td {height: 36px; line-height: 36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_cnt > div > div.main_list #tbl_employee tr:nth-child(5n) > td {border-bottom: 0;}
.main_cnt > div > div.main_list .fixed-table-container {height: auto;}
.main_cnt > div > div.main_list .fixed-table-wrapper {border: 0;}
.main_cnt > div > div.today_work {margin: 0 10px;}
.main_cnt .mc_tit p {color: #3d5bdc; font-size: 14px; font-weight: 700; padding: 15px; position: relative; line-height: 14px;}
.main_cnt .mc_tit p > a {color: #8e8e8e; font-weight: 300; font-size: 12px; position: absolute; right: 15px;}

.main_cnt .main_list.today_work #tbl_employee td:nth-child(2),
.main_cnt .main_list.mc_notice #tbl_employee td:nth-child(1) {text-align: left;}
.main_cnt .main_list.mc_notice #tbl_employee td:nth-child(1) {padding: 0 10px;}

.main_cnt .main_graph1 {width: 320px; position}
.main_cnt .main_graph1 .mc_tit > p, .main_cnt .main_graph2 .mc_tit > p {padding: 0;}
.main_cnt .main_graph1 .mc_tit, .main_cnt .main_graph2 .mc_tit {position: relative; margin-bottom: 25px;}
.main_cnt .main_graph1 .mc_tit ul {display: flex; position: absolute; right: 0; top: -1px;}
.main_cnt .main_graph1 .mc_tit ul > li {margin-left: 3px; height: 14px; line-height: 14px;}
.main_cnt .main_graph1 .mc_tit ul > li input {height: 14px; margin-top: 2px;}
.main_cnt .main_graph1 .mc_tit ul > li:first-child {margin-left: 0;}
.main_cnt .main_graph2 {width: 960px; margin-left: 10px;}
.main_cnt .main_graph2 .mc_tit > p > span {color: #3d5bdc; font-size: 14px; font-weight: 700; line-height: 14px; vertical-align: top;}
.main_cnt .energy_graph_month {width: 100%; height: 250px; /*그래프적용후bg삭제*/background: #f6f6f6;}
.main_cnt .energy_graph_day {width: 100%; height: 250px; /*그래프적용후bg삭제*/background: #f6f6f6;}
/*** main_contents end ***/




/*** sub 공통***/
#sub_wrap {padding: 30px;}
#sub_wrap .title {text-align:left; align-items: center; margin-bottom: 20px; position: relative;}
#sub_wrap .title .title_line {width: 3px; height: 14px; background: #3d5bdc; float: left; margin-top:4px;}
#sub_wrap .title_line2 {width: 100%; height: 1px; background: #d3d3d3; margin-top: 10px;}
#sub_wrap .title h1 {font-size: 14px; color: #222; font-weight: bold; margin-left: 10px; display: inline-block;}

#sub_wrap .cnt_search_box {width: 100%; margin: 0 0 20px 0; text-align: left; float: left;}
#sub_wrap .cnt_search_box > div {display: flex; margin-left: 15px; float: left;}
#sub_wrap .cnt_search_box .year_box > input {width: 70px; border-top-right-radius: 0; border-bottom-right-radius: 0; float: left;}
#sub_wrap .cnt_search_box input, #wrap .cnt_search_box select {margin: 0 0 0 5px; float: left;}
#sub_wrap .cnt_search_box input[type="radio"], #sub_wrap .cnt_search_box input[type="checkbox"] {margin: 0 5px;}
#sub_wrap .cnt_search_box span {display: block; float: left; margin-right: 3px; vertical-align: middle; line-height: 28px;}
.tbtn_wrap button {background-position: 8px; width: 63px; padding-left: 15px; margin-left: 3px;}
.tbtn_wrap button:first-child {margin-left: 0;}
#sub_wrap .pc_status > p {position: absolute; right: 0; top: -10px; border: 1px solid #dce0ea; height: 30px; display: inline-block; padding: 0 8px; border-radius: 3px; background: #e8ebf5;}
#sub_wrap .pc_status > p > span {color: #71778c; line-height: 32px;}

.hypen {display: block; float: left; line-height: 30px; width: 6px !important; margin: 0 3px !important; text-align: center;}

.detail {background: #fff; padding-bottom: 20px; border: 1px solid #d4d8e5; margin-top: 20px;}
.detail .title {height: 42px; line-height: 14px; border-bottom: 1px solid #d4d8e5;}
.detail .title p {color: #3d5bdc; font-size: 14px; font-weight: bold; padding: 14px 0 0 20px;}
.detail_cnt {padding: 0 20px; width: 100%; float: left;} 
.detail_cnt .detail_row {float: left; width: 49%; }
.detail_cnt .detail_row.one_line {width: 100%;}
.detail_cnt .detail_row.one_line > div {width: 100%;}
.detail_cnt .detail_row > div {float: left; width: 100%; margin-top: 10px;}
.detail_cnt .detail_row > div:first-child {margin-top: 0;}
.detail_cnt .detail_row input, .detail_cnt .detail_row select {float: left;}
.detail_row > div > div {float: left;}
.detail_cnt .detail_row > div > div > span {position: relative; width: 60px; display: inline-block; margin-left: 30px; float: left; line-height: 28px;}
.detail_cnt .detail_row > div > div:first-child > span {margin-left: 0; line-height: 30px;}
.detail_cnt .detail_row > div > span {position: relative; width: 60px; display: inline-block; margin-left: 30px; float: left; line-height: 28px;}
.detail_cnt .detail_row > div > span:first-child {margin-left: 0;}

.inner_box {border: 1px solid #d3d3d3; padding: 20px;}

.contents .wrap .page-wrap {padding: 30px; height: 100%; width: 100%;}

.add_content {float: left; width: 440px;}
.add_content > li {float: left; width:100%;}
.add_content > li > ul {float: left;}
.add_content > li > ul > li {float: left; width: 33.3%; height: 30px; text-align: center; font-size: 12px; line-height: 30px; }
.add_content > li.ac_tit {width: 100%; height: 30px; border: 1px solid #d3d3d3; border-top-left-radius: 3px; border-top-right-radius: 3px; float: left; box-sizing: border-box; background: #e2e5f0;}
.add_content > li.ac_tit > ul {float:left; width: 100%;}
.add_content > li.ac_tit > ul > li {font-weight: 500;}
.add_content > li.ac_cnt {border: 1px solid #d3d3d3; border-top: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; height:235px; overflow-y: auto;}
.add_content > li.ac_cnt > ul {border-bottom: 1px solid #d3d3d3; width: 100%; cursor: pointer;}
.add_content > li.ac_cnt > ul > li { color: #7f8287; width: 33.3%;}

.detail.col2 {border: 1px solid #d4d8e5; float: right; width: 640px; margin: 0; padding: 0;}

.page-wrap .add_img {width: 403px; float: left;}

.btns_wrap {display: flex; margin-left: 5px; float: left;}
.btns_wrap button {margin-left: 3px;}
.btns_wrap button:first-child {margin-left: 0;}

.detail .btn {text-align: center;}
.detail .btn .btn-save-button {width: 130px; height: 42px; border: 0; font-size: 14px; color:#fff; background-color: #3d5bdc; text-align: center;}
.detail .btn .btn-modify-button {width: 130px; height: 42px; background: #fff; border: 1px solid #3d5bdc; margin-left: 10px; color: #3d5bdc; display: inline-block; font-size: 14px;}

b.required_mark {position: absolute; right: 5px; color: red;}

.input_tit {width: 60px; line-height: 30px; display: inline-block;}

.as_tabs {display: flex; float: right; position: absolute; right: 0; top: 0;}
.as_tabs > li {margin-left: 3px; cursor: pointer; width: 90px; height: 30px; background: #e2e5f0; font-size: 12px; color: #474b51; display: flex; align-items: center; justify-content: center; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.as_tabs > li.current {background: #3d5bdc; color: #fff;}
.as_tabs > li:first-child {margin-left: 0;}
.tab-content{display: none;}
.tab-content.current{display: inherit; }

.as_graph {border: 1px solid #d4d8e5; height: 500px; width: 100%; background: #fff;}

.ver_line:before {content:""; display: inline-block; width: 1px; height: 15px; background-color: #d3d3d3; vertical-align: middle; margin-right:15px; margin-top: 7px;}

.tree_list {float: left; width: 300px; background: #fff; height: 331px; border: 1px solid #d4d8e5; padding: 5px;}
.tree_cnt {float: right; width: 980px;}


.red_ps {color: red; margin-bottom: 20px; text-align: right; padding-right: 10px;}

/*** 첨부파일 ***/
.file_wrap {float: left;}
.file_wrap::after {content:""; clear: both;}
.file_wrap > li {display: flex; margin-top: 5px;}
.file_wrap > li:first-child {margin-top: 0;}
.filebox {float: left;}
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.filebox label {
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 0;
    margin-left:5px;
    vertical-align: middle;
    background-color: #3d5bdc;
    cursor: pointer;
    border-radius: 3px;
    background-position: center;
    background-image: url("../img/input_serch.png");
    background-repeat: no-repeat;
    border: none;
}
.filebox .upload-name {
    width: 440px;
    display: inline-block;
    padding: 6px 8px; /* label의 패딩값과 일치 */
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}



/*** sub_contents (작업관리_작업일지) ***/
.sub_01_2 .page-wrap .add {width: 300px; height: 30px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-left: 40px; float: left; display: flex; justify-content: space-around; background: #e2e5f0; align-items: center;}
/*** sub_contents (작업관리_작업일지) end ***/


/*** sub_contents (작업관리_근태관리) ***/
.sub_01_3 .page-wrap .add {width: 300px; height: 30px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-left: 40px; float: left; display: flex; justify-content: space-around; background: #e2e5f0; align-items: center;}
.sub_01_3 .page-wrap .btn {text-align: center;}
/*** sub_contents (작업관리_근태관리) end ***/


/*** sub_contents (작업관리_결제관리) ***/
.sub_01_4 .page-wrap .detail {background: #fff; height: 537px; border: 1px solid #d4d8e5;}
.sub_01_4 .page-wrap .detail .title {height: 42px; border-bottom: 1px solid #d4d8e5;}
.sub_01_4 .page-wrap .add {width: 300px; height: 30px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-left: 40px; float: left; display: flex; justify-content: space-around; background: #e2e5f0; align-items: center;}
.sub_01_4 .page-wrap .btn {text-align: center;}
.sub_01_4 .page-wrap .btn .btn-save-button {width: 130px; height: 42px; border: 0; font-size: 14px; color:#fff; background-color: #3d5bdc; text-align: center;}
/*** sub_contents (작업관리_결제관리) end ***/


/*** sub_contents (일정관리_월간일정) ***/
.sub_02_1 table.cal_table {width: 100%; border:0; margin: 0; padding: 0;}
.sub_02_1 table.cal_table thead th {color:#474b51; margin: 0; font-size: 12px; height: 30px; border: 1px solid #d4d8e5; font-weight: 500;}
.sub_02_1 table.cal_table td {background-color:#fff; height: 100px; border: 1px solid #d4d8e5; font-size:12px; color: #7f8287; vertical-align: top; padding-top: 5px; padding-left: 10px; text-align: left;}
.sub_02_1 table.cal_table td p:first-child {margin-top: 2px;}
.sub_02_1 table.cal_table td p {color: #7f8287; line-height: 1.6em;}
.sub_02_1 table.cal_table td .today{color: #fff; display: block;}

/*** sub_contents (일정관리_월간일정) end ***/


/*** sub_contents (일정관리_일정등록) ***/
.sub_02_2 .page-wrap .add {width: 300px; height: 30px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-left: 10px; float: left; display: flex; justify-content: space-around; background: #e2e5f0; align-items: center;}


/*** sub_contents (일정관리_일정등록) end ***/


/*** sub_contents (자재관리_항목관리-자재항목관리) ***/
.sub_03_1 .page-wrap .add {width: 300px; height: 30px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-left: 10px; float: left; display: flex; justify-content: space-around; background: #e2e5f0; align-items: center;}

/*** sub_contents (자재관리_항목관리-자재항목관리) end ***/


/*** sub_contents (자재관리_항목관리-입출고내역) ***/
.sub_03_2 .page-wrap .add {width: 300px; height: 30px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-left: 10px; float: left; display: flex; justify-content: space-around; background: #e2e5f0; align-items: center;}

/*** sub_contents (자재관리_항목관리-입출고내역) end ***/


/*** sub_contents (자재관리_입고관리-입고등록) ***/
.sub_03_3 .detail {border: 1px solid #d4d8e5; float: right; width: 640px; margin: 0; padding: 0;}

/*** sub_contents (자재관리_입고관리-입고등록) end ***/


/*** sub_contents (자재관리_출고관리-입고조회) ***/
.sub_03_6 .tab {display: flex; float: right;}
.sub_03_6 .tab .category {width: 90px; height: 22px; background: #e2e5f0; font-size: 12px; color: #474b51; display: flex; align-items: center; justify-content: center; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.sub_03_6 .tab .breakdown {width: 90px; height: 22px; background: #3d5bdc; font-size: 12px; color: #fff; display: flex; align-items: center; justify-content: center; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-left: 5px;}
/*** sub_contents (자재관리_출고관리-입고조회) end ***/


/*** sub_contents (안전관리_안전사고) ***/

.sub_04_1 .textarea_basic {height: 70px;}

/*** sub_contents (안전관리_안전사고) end ***/


/*** sub_contents (안전관리_사고이력현황) ***/

.sub_04_2 .as_graph {width: 980px; height: 300px; float: right;}

/*** sub_contents (안전관리_사고이력현황) end ***/


/*** sub_contents (업체관리_업체정보) ***/
.sub_05_1 .detail.col2 {width: 855px;}
/*** sub_contents (업체관리_업체정보) end ***/


/*** sub_contents (시스템관리_결재라인작성) ***/
.sub_07_2 .detail_cnt .detail_row {width: 59%}
.sub_07_2 .detail_cnt .detail_row:first-child {width: 39%;}
/*** sub_contents (시스템관리_결재라인작성) end ***/


/*** sub_contents (시스템관리_유지보수내역관리) ***/
.sub_07_4 .total_box {padding-bottom: 20px;}
.sub_07_4 .total_box > div {position: relative;}
.sub_07_4 .total_box > div:first-child {margin-bottom: 40px;}
.sub_07_4 .total_box h2 {font-size: 20px; text-align: center; color: #3d5bdc; font-size: 18px; margin-bottom: 20px; font-weight: 700;}
.sub_07_4 .total_box .total_unit {position: absolute; right: 0; top: 20px; margin-bottom: 10px;}
.sub_07_4 .total_box .as_table {border: none;}
.sub_07_4 .total_box .as_table th, .sub_07_4 .total_box .as_table td {border: 1px solid #d4d8e5;}
.sub_07_4 .total_box .as_table .total_money {border:2px solid #a5a9b5; background: #e2e5f0;}
.sub_07_4 .total_box .as_table .total_money td {font-weight: bold;}
.sub_07_4 .total_box .as_table .blank_td {border: none !important; background: none !important;}
.sub_07_4 .total_box .as_table .won {position: absolute; left: 0; margin-left: 10px;}


/*** sub_contents (시스템관리_유지보수내역관리) end ***/


/*** sub_contents (시스템관리_공지사항관리) ***/
.sub_07_5 .fixed-table-container {height: 599px;}
/*** sub_contents (시스템관리_공지사항관리) end ***/


/*** sub_contents (시스템관리_공통코드관리) ***/
/*** sub_contents (시스템관리_공지사항관리) ***/
.sub_07_6 .fixed-table-container {height: 255px;}
/*** sub_contents (시스템관리_공통코드관리) end ***/


/*** sub_contents (데이터관리_비품관리) ***/
/*
.sub_08_3 .equipment .supply {cursor: pointer;}
.sub_08_3 .equipment .supply li {display: flex; align-items: center;}
.sub_08_3 .equipment .supply a {font-size:12px; color:#474b51;}
.sub_08_3 .equipment .supply .row {margin-right:5px;}
.sub_08_3 .equipment .supply .file {margin-right:10px;}
.sub_08_3 .equipment .supply .new {margin:0 10px 0 47px;}
*/
    
.sub_08_3 .tree_list, .sub_08_4 .tree_list {width: 610px; height: 828px;}
.sub_08_3 .tree_cnt, .sub_08_4 .tree_cnt {width: 980px;}

.sub_08_3 .detail, .sub_08_4 .detail {width: 670px; border: 1px solid #d4d8e5; float: right; background: #fff; padding-bottom: 0;}
.sub_08_3 .box, .sub_08_4 .box {display: flex;}
.sub_08_3 .box .imgBox, .sub_08_4 .box .imgBox {border: 1px solid #d4d8e5; float: left; margin: 10px;}
.sub_08_3 .box .imgBox h1, .sub_08_4 .box .imgBox h1 {font-size:40px; color: #d5d5d5;}
.sub_08_3 .box .sBox_wrap, .sub_08_4 .box .sBox_wrap {float: left; margin-top: 10px;}
.sub_08_3 .box .sBox_wrap > div.smallBox, .sub_08_4 .box .sBox_wrap > div.smallBox {width: 116px; height: 79px; margin-top: 10px; border: 1px solid #d4d8e5; text-align: center;}
.sub_08_3 .box .sBox_wrap > div.smallBox:first-child, .sub_08_4 .box .sBox_wrap > div.smallBox:first-child {margin-top: 0;}
.sub_08_3 .box .sBox_wrap > div.smallBox img, .sub_08_4 .box .sBox_wrap > div.smallBox img {width: 100%; object-fit: contain; height: 100%;}
.sub_08_3 .box .smallBox h3, .sub_08_4 .box .smallBox h3 {font-size: 12px; color: #d5d5d5;}

/*** sub_contents (데이터관리_비품관리) end ***/

/*** sub_contents (보고서관리)***/

/*공통*/
.report_table {width: 100%; }
.report_table th {padding: 3px; border: 1px solid #d4d8e5; line-height: 1.6em; height: 30px;}
.report_table td {padding: 3px 5px; border: 1px solid #d4d8e5; background: #fff; height: 30px;}
.report_table td input {width: 100%; padding: 3px 5px;text-align: center;}
.report_table td textarea {width: 100%; min-height: 80px;}
.report_table td select {width: 100%;}
.report_table .b2_tit {font-weight: 600; background: #f2f4f9;}

.detail .title.rp_tit {padding-left: 15px; display: flex; height: 52px;}
.detail .title.rp_tit > div {margin-left: 10px; font-size: 13px; height: 30px; line-height: 30px;}
.detail .title.rp_tit > div:first-child {margin-left: 0;}
.detail .title.rp_tit > div > span:first-child {font-weight: 700; color: #3d5bdc; padding: 0 5px;}
.detail .title.rp_tit > div > span {font-size: 13px; line-height: 30px;}
.detail .title.rp_tit > div.right_stxt {position: absolute; right: 20px; top: 10px;}

/* 일(수변전 점검일지) */
.dayReport03 .report_table input {text-align: center;}

/* 일 (교육일지) */
.dayReport04 .report_table td input {text-align: center;}
.edu_list {float:left; width: 100%; }
.edu_list > li {float: left; line-height: 30px; width: 25%; text-align: left;}


/* 주 (발전기 운전일지) */
.weekReport03 .report_table tr.input_s80 > td input {width: 80px;}
.weekReport03 .report_table td {text-align: left;}
.weekReport03 .report_table td input {text-align: center;}

/* 주(보일러 운전일지) */
.weekReport04 .report_table td input {text-align: center;}

/* 월 (조도 측정) */
.monthReport04 .report_table td input {text-align: center;}

/* 월 (자동제세동기 점검) */
.monthReport05 .report_table td > p {position: relative;}
.monthReport05 .report_table td > p > span {position: absolute; right: 5px;}


/*** sub_contents (보고서관리) end ***/

/*** 보고서관리 팝업 ***/

/* 팝업공통 */
.rp_popup .detail_cnt  {height: 500px; float: none; margin: 0 20px; padding: 0px; border: 1px solid #d4d8e5; overflow-y: auto; width: calc(100% - 40px);}
.rp_popup .write_info {display: flex; padding: 15px 20px 10px;}
.rp_popup .write_info > div {margin-left: 15px;}
.rp_popup .write_info > div:first-child {margin-left: 0;}
.rp_popup .write_info > div > span {margin-right:5px; display: inline-block; font-weight: 600;}
.rp_popup .write_info > div > input[readonly].input_basic {background: #f6f6f6;}
.detail_cnt .right_stxt {text-align:right; margin: 5px 5px 10px 0 ;}
.rp_popup .popup_cnt .padding_box {padding: 5px;}

/* 일 (기계설비안전점검) */
#dayReport01_pop.popup .popup_visit_regist {width: 800px;}

/* 일 (방재방화안전점검) */
#dayReport02_pop.popup .popup_visit_regist {width: 800px;}

/* 일(수변전 점검일지) */
#dayReport03_pop.popup .popup_visit_regist {width: 1000px;}

/* 일 (교육일지) */
#dayReport04_pop.popup .popup_visit_regist {width: 1000px;}
#dayReport04_pop .report_table td input {text-align: center;}
#dayReport04_pop .edu_list > li {width: 30%;}

/* 주(어린이 놀이시설 점검) */
#weekReport01_pop.popup .popup_visit_regist {width: 800px;}

/* 주 (냉난방 점검) */
#weekReport02_pop.popup .popup_visit_regist {width: 900px;}

/* 주 (발전기 운전일지) */
#weekReport03_pop.popup .popup_visit_regist {width: 1200px;}
#weekReport03_pop.popup .report_table tr.input_s80 > td input {width: 80px;}
#weekReport03_pop.popup .report_table td input {text-align: center;}

/* 주 (보일러 운전일지) */
#weekReport04_pop.popup .popup_visit_regist {width: 1200px;}
#weekReport04_pop.popup .report_table td input {text-align: center;}

/* 월 (시설물 안전점검) */
#monthReport01_pop.popup .popup_visit_regist {width: 800px;}

/* 월 (방송/통신장비 점검) */
#monthReport02_pop.popup .popup_visit_regist {width: 800px;}

/* 월 (저수조 위생 점검) */
#monthReport03_pop.popup .popup_visit_regist {width: 800px;}

/* 월 (조도 측정) */
#monthReport04_pop.popup .popup_visit_regist {width: 600px;}
#monthReport04_pop.popup .report_table td input {text-align: center;}

/* 월 (자동제세동기 점검) */
#monthReport05_pop.popup .popup_visit_regist {width: 800px;}
#monthReport05_pop .report_table td > p {position: relative;}
#monthReport05_pop .report_table td > p > span {position: absolute; right: 5px;}

/* 월 (오수처리시설 점검) */
#monthReport06_pop.popup .popup_visit_regist {width: 800px;}
#monthReport06_pop.rp_popup .detail_cnt {height: auto; border: none;}

/* 년 (해빙기 안전검검) */
#yearReport01_pop.popup .popup_visit_regist {width: 800px;}

/* 년 (우기 안전검검) */
#yearReport02_pop.popup .popup_visit_regist {width: 800px;}

/* 년 (동절기 안전검검) */
#yearReport03_pop.popup .popup_visit_regist {width: 800px;}

/*** 보고서관리 팝업 end ***/



/***----- 팝업공통 -----***/
.pop {font-size: 14px; font-weight: 300; color: #666666; display:flex; align-items:center; }
.pop-title {font-weight: 500; }
.close-button {width:20px; height:20px; background-image: url('../img/cancel.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; position: absolute; right: 15px;}
.popup .popup_visit_regist {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: white; border-radius: 3px; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3); z-index: 1060;}
.popup h1.popup-header {border-top-left-radius: 3px; border-top-right-radius: 3px; height:50px; background:#3d5bdc; display:flex; align-items:center; justify-content: center; text-align: center; font-size: 16px; color:#ffffff; font-weight: 500;}
.popup_cnt {padding: 20px;}
.pop_btn {margin: 30px 0 20px;}
.pop_btn > button {width: 100px; height: 35px; border: 0; font-size: 14px; color: #fff; background-color: #3d5bdc; text-align: center; display: block; margin: 0 auto;}


/*----- 불편접수 팝업 -----*/ 
.popup .add_img {width: 210px; float: left;}


/* 레이어 팝업1 */
#popup_01_1 .popup_visit_regist {width: 640px;}
#popup_01_1 .popup_user_management {width: 670px;}


/* 레이어 팝업2 */
#popup_01_2 .popup_visit_regist {width: 395px;}
#popup_01_2 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white;border-radius: 3px; }


/* 레이어 팝업3 */
#popup_01_3 .popup_visit_regist {width: 420px;}
/*----- ///불편접수 팝업 -----*/


/*----- 작업일지 팝업 -----*/
/* 레이어 팝업1 */
#popup_02_1 .popup_visit_regist {width: 640px;}
#popup_02_1 .popup_user_management {width: 670px;}

/* 레이어 팝업2 */
#popup_02_2 .popup_visit_regist {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 3px; width: 394px; height: 388px; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);}
#popup_02_2 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white;border-radius: 3px; }


/* 레이어 팝업3 */
#popup_02_3 button {border: none; padding: 0px; text-align: center; }
#popup_02_3  h1 {text-align: center; font-size: 16px; color:#ffffff; font-weight: 500;}
#popup_02_3 .pop {font-size: 14px; font-weight: 300; color: #666666; display:flex; align-items:center;}
#popup_02_3 .pop-title {font-weight: 500;}
#popup_02_3 .close-button {width:20px; height:20px; background-image: url('../img/cancel.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; position: absolute; right: 15px;}
#popup_02_3 .popup_visit_regist {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 3px; width: 420px; height: 464px; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);}
#popup_02_3 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white;border-radius: 3px; }
#popup_02_3 .btn {text-align: center;}
#popup_02_3 .btn .btn-save-button {width: 130px; height: 42px; border: 0; font-size: 14px; color:#fff; background-color: #3d5bdc; text-align: center; margin-top: 30px;}
#popup_02_3 .equipment {width: 338px; height: 318px; border: 1px solid #d4d8e5; margin: 0 auto; padding:20px 0 0 20px;}
#popup_02_3 .equipment .supply {cursor: pointer;}
#popup_02_3 .equipment .supply li {display: flex; align-items: center;}
#popup_02_3 .equipment .supply a {font-size:12px; color:#474b51;}
#popup_02_3 .equipment .supply .row {margin-right:5px;}
#popup_02_3 .equipment .supply .file {margin-right:10px;}
#popup_02_3 .equipment .supply .new {margin:0 10px 0 47px;}
/*----- ///작업일지 팝업 -----*/


/*----- 근태관리 팝업 -----*/
/* 레이어 팝업1 */
#popup_03_1 {width: 100%;} 
#popup_03_1 button {border: none; padding: 0px; text-align: center;}
#popup_03_1  h1 {text-align: center; font-size: 16px; color:#ffffff; font-weight: 500;}
#popup_03_1 .pop {font-size: 14px; font-weight: 300; color: 666666; display:flex; align-items:center; }
#popup_03_1 .pop-title {font-weight: 500; }
#popup_03_1 .close-button {width:20px; height:20px; background-image: url('../img/cancel.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; position: absolute; right: 15px;}
#popup_03_1 .popup_visit_regist {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; border-radius: 3px;}
#popup_03_1 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; width: 670px; border-radius: 3px;}
#popup_03_1 .btn-popup-write {width: 120px; height: 40px; background: #c09d5b; }
#popup_03_1 .add {width: 318px; height: 30px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-left: 39px; float: left; display: flex; justify-content: space-around; background: #e2e5f0; align-items: center;}
#popup_03_1 .add_content {width: 318px; height: 124px; margin-left: 113px; float: left; background: #fff; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#popup_03_1 .add_content ul {display: flex; font-size: 12px; color: #7f8287; justify-content: space-between; padding: 6px 33px 6px 27px; border-bottom: 1px solid #d3d3d3;}
#popup_03_1 .add_content ul:nth-child(4){border-bottom:none;}
#popup_03_1 .btn .btn-save-button {width: 130px; height: 42px; border: 0; font-size: 14px; color:#fff; background-color: #3d5bdc; text-align: center; margin-top: 10px;}


/* 레이어 팝업2 */
#popup_03_2 .popup_visit_regist {width: 526px;}
#popup_03_2 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white;border-radius: 3px; }
#popup_03_2 .cont_02 {border: 1px solid #d3d3d3; border-radius: 3px; padding: 10px 20px;}
#popup_03_2 .cont_02 > div {margin-top: 10px;}
#popup_03_2 .cont_02 > div > span, #popup_03_2 .cont_02 > div > div > span {width: 60px; position: relative; display: inline-block; line-height: 28px; margin-left: 30px;}
#popup_03_2 .cont_02 > div > span:first-child {margin-left: 0;}
#popup_03_2 .btn {text-align: center;}
#popup_03_2 .btn .btn-save-button {width: 130px; height: 42px; border: 0; font-size: 14px; color:#fff; background-color: #3d5bdc; text-align: center;}


/* 레이어 팝업3 */
#popup_03_3 .popup_visit_regist {width: 360px; height: 376px;}
#popup_03_3 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white;border-radius: 3px; }
#popup_03_3 .btn {text-align: center;}
#popup_03_3 .btn .btn-save-button {width: 130px; height: 42px; border: 0; font-size: 14px; color:#fff; background-color: #3d5bdc; text-align: center;}


/* 레이어 팝업4 */
#popup_03_4 .popup_visit_regist {width: 210px; height: 288px;}
#popup_03_4 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white;border-radius: 3px; }
#popup_03_4 .btn {text-align: center;}
#popup_03_4 .btn .btn-save-button {width: 130px; height: 42px; border: 0; font-size: 14px; color:#fff; background-color: #3d5bdc; text-align: center;}


/* 레이어 팝업5 */
#popup_03_5 .close-button {width:20px; height:20px; background-image: url('../img/cancel.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; position: absolute; right: 15px;}
#popup_03_5 .popup_visit_regist {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 3px; width: 1060px; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);}
#popup_03_5 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white;border-radius: 3px; }
#popup_03_5 .btn {text-align: center;}
#popup_03_5 .btn .btn-save-button {width: 130px; height: 42px; border: 0; font-size: 14px; color:#fff; background-color: #3d5bdc; text-align: center;}
/*----- ///근태관리 팝업 -----*/


/*----- 월간일정 팝업 -----*/
/* 레이어 팝업2 */
#popup_04_2 .popup_visit_regist {width: 430px;}
/*----- ///월간일정 팝업 -----*/


/*----- 일정등록 팝업 -----*/
/* 레이어 팝업1 */
#popup_05_1 .popup_visit_regist {width: 500px;}
#popup_05_1 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; width: 670px; border-radius: 3px;}

#popup_05_1 .cycle {position: relative;}
#popup_05_1 .right_bar {background: #c5c5c5; margin: 10px 20px 10px 23px; width: 1px; height: 105px; position: absolute; top: 0; left: 110px;}

#popup_05_1 .as_tabs {display: block; float: left; position: relative; margin-right: 40px;}
#popup_05_1 .as_tabs > li {margin-left: 0; cursor: default; width: auto; height: 30px; background: none; font-size: 12px; color: #666; border-radius: 0; line-height: 30px;}
#popup_05_1 .as_tabs > li.current {background: none; color: #666;}
#popup_05_1 .as_tabs > li input, #popup_05_1 .as_tabs > li label {height: 30px; line-height: 30px;}
#popup_05_1 .sc_cycle.tab-content {width: 265px;}
#popup_05_1 .sc_cycle > div {line-height: 30px;}
#popup_05_1 .sc_cycle > div input {float: none; margin-top: 0;}
#popup_05_1 .sc_cycle ul > li input[type="checkbox"] {margin: 3px 5px 0 0 ;}
#popup_05_1 .cycle #tab-2 ul {float: left; margin-top: 5px;}
#popup_05_1 .cycle #tab-2 ul > li {float: left; width: 65px; line-height: 30px;}
/*----- ///일정등록 팝업 -----*/


/*----- 마스터관리 팝업 -----*/
/* 레이어 팝업1 */
#popup_06_1 {width: 100%;} 
#popup_06_1 button {border: none; padding: 0px; text-align: center;}
#popup_06_1 .close-button {width:20px; height:20px; background-image: url('../img/cancel.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; position: absolute; right: 15px;}
#popup_06_1 .popup_visit_regist {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; width: 430px; border-radius: 3px;}
#popup_06_1 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; width: 670px; border-radius: 3px;}
#popup_06_1 .btn {font-size: 15px; color:#ffffff; margin: 0 0 41px 0;}
#popup_06_1 .btn-popup-write {width: 120px; height: 40px; background: #c09d5b; }
#popup_06_1 .add {width: 241px; height: 30px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-left: 14px; float: left; display: flex; justify-content: space-around; background: #e2e5f0; align-items: center;}
#popup_06_1 .add_content {width: 241px; height: 123px; margin-left:88px; float: left; background: #fff; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#popup_06_1 .add_content ul {display: flex; font-size: 12px; color: #7f8287; justify-content: space-between; padding: 6px 33px 6px 27px; border-bottom: 1px solid #d3d3d3;}
#popup_06_1 .add_content ul:nth-child(4){border-bottom:none;}
#popup_06_1 .btn {text-align: center;}
#popup_06_1 .btn .btn-save-button {width: 130px; height: 42px; border: 0; font-size: 14px; color:#fff; background-color: #3d5bdc; text-align: center; margin-top: 10px;}
/*----- ///마스터관리 팝업 -----*/


/*----- 입고관리 팝업 -----*/
/* 레이어 팝업1 */
#popup_07_1 .close-button {width:20px; height:20px; background-image: url('../img/cancel.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; position: absolute; right: 15px;}
#popup_07_1 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white;border-radius: 3px; }
#popup_07_1 .btn {text-align: center;}
#popup_07_1 .btn .btn-save-button {width: 130px; height: 42px; border: 0; font-size: 14px; color:#fff; background-color: #3d5bdc; text-align: center;}
/*----- ///입고관리 팝업 -----*/


/*----- 업체정보 팝업 -----*/
/* 레이어 팝업1 */
#popup_09_1 .popup_visit_regist {width: 640px;}
/*----- ///업체정보 팝업 -----*/


/*----- 용역계약 팝업 -----*/
/* 레이어 팝업1 */
#popup_10_1  h1 {text-align: center; font-size: 16px; color:#ffffff; font-weight: 500;}
#popup_10_1 .pop {font-size: 14px; font-weight: 300; color: 666666; display:flex; align-items:center;}
#popup_10_1 .pop-title {font-weight: 500;}
#popup_10_1 .close-button {width:20px; height:20px; background-image: url('../img/cancel.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; position: absolute; right: 15px;}
#popup_10_1 .popup_visit_regist {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 3px; width: 500px; height: 520px; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);}
#popup_10_1 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white;border-radius: 3px; }
#popup_10_1 .btn {text-align: center;}
#popup_10_1 .btn .btn-save-button {width: 130px; height: 42px; border: 0; font-size: 14px; color:#fff; background-color: #3d5bdc; text-align: center;}
/*----- ///용역계약 팝업 -----*/


/*----- 용역일지 팝업 -----*/
/* 레이어 팝업1 */
#popup_11_1 .pop {font-size: 14px; font-weight: 300; color: 666666; display:flex; align-items:center;}
#popup_11_1 .pop-title {font-weight: 500;}
#popup_11_1 .close-button {width:20px; height:20px; background-image: url('../img/cancel.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; position: absolute; right: 15px;}
#popup_11_1 .popup_visit_regist {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 3px; width: 514px; height: 482px; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);}
#popup_11_1 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white;border-radius: 3px; }
#popup_11_1 .btn {text-align: center;}
#popup_11_1 .btn .btn-save-button {width: 130px; height: 42px; border: 0; font-size: 14px; color:#fff; background-color: #3d5bdc; text-align: center;}
/*----- ///용역일지 팝업 -----*/


/*----- 사용자관리 팝업 -----*/
/* 레이어 팝업1 */
#popup_12_1 .popup_visit_regist {width: 470px;}
#popup_12_1 .detail_cnt .detail_row > div > span {width:80px;}

/* 레이어 팝업2 */
#popup_12_2 .popup_visit_regist {width: 310px;}
/*----- ///사용자관리 팝업 -----*/


/*----- 결재라인작성 팝업 -----*/
/* 레이어 팝업4 */
#popup_13_1 .popup_visit_regist {width: 350px;}
#popup_13_1 .fixed-table-container {height: 100%; width:300px;}
#popup_13_1 .fixed-table-wrapper {height: 150px;}
/*----- ///결재라인작성 팝업 -----*/


/*----- 공지사항관리 팝업 -----*/
/* 레이어 팝업1 */
#popup_14_1 .popup_visit_regist {width: 430px;}
/*----- ///공지사항관리 팝업 -----*/


/*----- 공통코드관리 팝업 -----*/
/* 레이어 팝업1 */
#popup_15_1 .popup_visit_regist {width: 640px;}
/*----- ///공통코드관리 팝업 -----*/


/*----- 비품관리 팝업 -----*/

/* 레이어 팝업2 */
#popup_16_2 .popup_visit_regist {width: 922px;}
#popup_16_2 .popup_user_management {width: 670px;}

#popup_16_2 .table2 {border-collapse: collapse; text-align: center; width: 350px; float: left;}
#popup_16_2 tr:nth-child(even) {background: #fff;}
#popup_16_2 .table2 th {width: 130px; border-bottom: 1px solid #d4d8e5; font-size: 12px;}
#popup_16_2 .table2 td {padding: 5px; border: 1px solid #e9eaec; background: #fff; text-align: left;}
#popup_16_2 .table2 td input {width: 100%;}
#popup_16_2 .table2 td input.input-visit-cal {background-position: 180px;}

#popup_16_2 .ib_wrap {float: right; position: relative; height: 411px;}

.imgBox {position: relative; border: 1px solid #d4d8e5; width: 520px; height: 346px; box-sizing: content-box; text-align: center;}
.imgBox > img {width: 100%; object-fit: contain; height: 100%;}
#popup_16_2 .ib_wrap .pop_btn {position: absolute; width: 100%; bottom: 0; margin: 0;}
#popup_16_2 .ib_wrap .pop_btn button {position: absolute; bottom: 0; left: calc( 50% - 50px); margin: 0;}
#popup_16_2 .ib_wrap .pop_btn .filebox label {font-size: 14px; width: 100px; height: 35px; color: #fff; background-image: none; text-align: center; line-height: 35px; margin: 0;}

#popup_16_2 .ps_note {margin-top: 20px;}
#popup_16_2 .ps_note span {font-weight: 600;}
#popup_16_2 .ps_note textarea {width: 100%; display: block; margin-top: 10px;}
/*----- ///비품관리 팝업 -----*/


/*----- 도면관리 팝업 -----*/
/* 레이어 팝업1 */
#popup_17_1 .popup_visit_regist {width: 430px;}
/*----- ///도면관리 팝업 -----*/


/*----- 설비정보 팝업 -----*/
/* 레이어 팝업1 */
#popup_18_1 .popup_visit_regist {width: 996px;}
#popup_18_1 .popup_user_management {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; width: 670px; border-radius: 3px;}
/*----- ///설비정보 팝업 -----*/