@charset "utf-8";

@import url(common.css);
@import url(navVar.css);
@import url(NotoSans.css);
@import url(board.css);

/* 레이아웃 */
.content { padding: 2px;} /* 좁아 보여서 수정 2020-10-23 CBH min-width:1000px;overflow-x:scroll;width:100%; background:#f1f1f5;*/
/*.content:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}*/
.content_body { padding:0 0 10px; background:#fff; overflow:hidden;min-width:1200px;width:100%;overflow-x:auto;}
.rightContainer { min-width:250px; width:auto; height:auto; }


body#member { min-height:auto; min-width:auto; height:100% !important;background: url(../img/memberBack.jpg) no-repeat center center; background-size: cover;}
/* e:login ***************************************/
#memberWrap { display:table; width:100%; height:100%; }
#memberWrap .login_group { display:table-cell; vertical-align:middle; }
#memberWrap .login_logo { text-align: center; color:#fff;}
#memberWrap .login_logo span { display:block; font-weight:300; padding-top:10px; font-size:17px; color:#999;}

.login_group .login_box  { width:380px; height:440px; padding:46px 29px 0; background-color:#363751; box-shadow:0 10px 10px rgba(109,109,139,0.2); border-radius:20px;margin:0 auto; }

.login_id_R { position:relative; clear:both; margin:3% 0 10px 0; }
.login_id_R span { position:absolute; left:5px; top:15px; color:rgba(102,102,102,0.8); font-size:0.7rem; font-weight:300; letter-spacing:1px;}
.login_id_R input.login_id_input_R { width:100%; height:85px; border-radius:0; border:0px solid #d7d7d7; padding:25px 0 0 0; box-sizing:border-box; background-size:31px 30px !important; background:url(../img/people_ico.png) right 40px no-repeat; border-bottom:1px solid #4d4d4d; color:#fff;}
.login_id_R input.login_id_input_R::-webkit-input-placeholder { color:rgba(255,255,255,0.7); font-size:1rem;}
.login_id_R input.login_id_input_R:-moz-placeholder { color:rgba(255,255,255,0.5); font-size:1rem;}
.login_id_R input.login_id_input_R::-moz-placeholder { color:rgba(255,255,255,0.5); font-size:1rem;}
.login_id_R input.login_id_input_R:-ms-input-placeholder { color:rgba(255,255,255,0.5); font-size:1rem;}
.login_id_R input.login_id_input_R::placeholder { color:rgba(255,255,255,0.5); font-size:1rem;}

.login_pw_R { position:relative; clear:both; margin:0 0 10px 0; }
.login_pw_R span { position:absolute; left:5px; top:15px; color:rgba(102,102,102,0.7); font-size:0.65rem; font-weight:300; letter-spacing:3px;}
.login_pw_R input.login_pw_input_R { width:100%; height:85px; border-radius:0; border:0px solid #d7d7d7; padding:25px 0 0 0; box-sizing:border-box; background-size:27px 33px !important; background:url(../img/key_ico.png) right 40px no-repeat; border-bottom:1px solid #4d4d4d; color:#fff;}
.login_pw_R input.login_pw_input_R::-webkit-input-placeholder { color:rgba(255,255,255,0.5); font-size:1rem;}
.login_pw_R input.login_pw_input_R:-moz-placeholder { color:rgba(255,255,255,0.5); font-size:1rem;}
.login_pw_R input.login_pw_input_R::-moz-placeholder { color:rgba(255,255,255,0.5); font-size:1rem;}
.login_pw_R input.login_pw_input_R:-ms-input-placeholder { color:rgba(255,255,255,0.5); font-size:1rem;}
.login_pw_R input.login_pw_input_R::placeholder { color:rgba(255,255,255,0.5); font-size:1rem;}

/* login btn */
.loginBox_btn_R { margin:0 auto; height:55px; line-height:55px; text-align:center; background:linear-gradient(to right, #6b3abd, #5e8ac2); border-radius:35px;}
.loginBox_btn_R a {  color:#fff; font-size:1.2rem; display:block;}
.loginBox_btn_Btn { width:100%; padding:0 0; box-sizing:border-box;}

/* 프로젝틈 명 */
.project_title { font-size:24px; color:#3971c3; line-height:110%; margin-bottom:20px; background:url(../img/blt-h4.png) 20px center no-repeat; padding:0 0 0 50px;}

/* 사용자등록 */
.photoBox { position:absolute; right:10px; background:#FFF; border:1px solid #e6e6e6; padding:5px; width:200px; height:215px; z-index:1;}
.photoBox p { background:#f9f9f9 url(../img/nophoto.png) center no-repeat; padding:10px; height:100%; box-sizing:border-box; text-align:center; color:#d6d6d6;}
.addBtn button { position:absolute; bottom:5px; width:94%; margin-left:3%; height:30px; text-align:center; border-radius:5px; background:#999; color:#fff;}
.userName { height:40px; line-height:40px; padding:0 30px 0 55px; font-size:18px; border-bottom:0px dotted #CCC; margin-top:25px; margin-left:25px; background:url(../img/blue_login_ico.png) 15px center no-repeat;}
.userName p { line-height:40px;}
.userName span { font-weight:500; color:#333;}
.userName_ne { height:34px; line-height:40px; padding:0 30px 0 55px; font-size:18px; border-bottom:0px dotted #CCC; margin-left:25px; background:url(../img/blue_login_ico.png) 15px center no-repeat;}
.userName_ne p { line-height:40px;}
.userName_ne span { font-weight:500; color:#333;}
span.checkName { color:#506ee4;}

/* calendar */
.calandar_group { position:relative; clear:both; }
.cal_normal button { position:absolute; right:10px; top:50%; margin-top:-9px; background:url(../img/calendar_ic.png) left center no-repeat; width:17px; height:16px; background-size:17px 16px; text-indetn:-9999; vertical-align:middle; z-index:1000;}

input.member_input {border:1px solid #c8ccdc; box-sizing:border-box; border-radius:3px;}
input.member_input::-webkit-input-placeholder { color:rgba(0,0,0,0.5); font-size:0.9rem; text-align:right; padding:0 10px 0 0;}
input.member_input:-moz-placeholder { color:rgba(0,0,0,0.5); font-size:0.9rem; text-align:right; padding:0 10px 0 0;}
input.member_input::-moz-placeholder { color:rgba(0,0,0,0.5); font-size:0.9rem; text-align:right; padding:0 10px 0 0;}
input.member_input:-ms-input-placeholder { color:rgba(0,0,0,0.5); font-size:0.9rem; text-align:right; padding:0 10px 0 0;}
input.member_input::placeholder { color:rgba(0,0,0,0.5); font-size:0.9rem; text-align:right; padding:0 10px 0 0;}

/* 드래그 앤 드랍관련 */
#sortable1, #sortable2 {width: 210px;    min-height: 20px;    list-style-type: none;    margin: 0;    padding: 5px 0 0 0;    display:block;  margin-right: 10px;  float:left;border: 1px solid #eee;border-radius: 15px;}
 #sortable1 li, #sortable2 li
 { box-sizing:border-box; min-height:50px;padding:10px 0 10px 20px;vertical-align:middle;
 word-wrap: break-word;text-align:left; cursor:pointer;display:block;  margin: 0 0 15px 0;     font-size: 17px;width: 200px;  border-radius:15px; }
#sortable1 li{margin-left:5px !important;}
#sortable1 li a, #sortable2 li a{display:block;}
#sortable1 li a:hover{padding:10px 0 10px 20px;margin:-10px 0 -10px -20px;box-sizing:border-box; min-height:50px;display:block;color:#506ee4;border:1px solid #506ee4;border-radius:15px;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:none !important;}

 #sortable2 li{background:#fff;border:1px solid #506ee4 !important;margin-left:5px;}

/* 드래그 앤 드랍관련 */
/* #sortable1_ne {width: 100px;    min-height: 20px;    list-style-type: none;    margin: 0;    padding: 5px 0 0 0;    display:block;  margin-right: 10px;  border: 1px solid #eee;border-radius: 15px;display:inline-block; padding: 10px 20px; margin-right:10px;} */
#sortable1_ne {height: auto; min-width:100px; list-style-type: none;    margin: 0; display:block;  margin-right: 10px;  border: 1px solid #eee;border-radius: 15px;display:inline-block; margin-right:10px;}
.sortable1_ne {white-space:nowrap;overflow-x: auto; text-align:center;padding-bottom:15px;}
#sortable2_ne {width: 210px;    min-height: 20px;    list-style-type: none;    margin: 0;    padding: 5px 0 0 0;    display:block;  margin-right: 10px;  float:left;border: 1px solid #eee;border-radius: 15px;border:none;border-radius:15px;border:1px solid #eee;min-height:400px;text-align:center;}
#sortable1_ne li, #sortable2_ne li{ box-sizing:border-box; min-height:50px;padding:10px 0 10px 0;vertical-align:middle;
word-wrap: break-word;cursor:pointer;display:block;  margin: 0 0 15px 0;     font-size: 17px;width: 200px;  border-radius:15px; }
#sortable1_ne li{margin-left:5px !important;}
#sortable1_ne li a, #sortable2_ne li a{display:block;}
#sortable1_ne li a:hover{padding:10px 0 10px 20px;margin:-10px 0 -10px -20px;box-sizing:border-box; min-height:50px;display:block;color:#506ee4;border:1px solid #506ee4;border-radius:15px;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:none !important;}

 #sortable2_ne li{background:#fff;border:1px solid #506ee4 !important;margin-left:5px;}
 .routing_box {max-width:3000px;width:100%;margin:0 auto;}
/* 레이어팝업 */
/* .modal
{ display: none; position:fixed; z-index:999; padding-top: 100px;top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.9);} */
 /* left:0; */
/* .modal-content { margin:auto; display: block; background:#fff; width: 80%; max-width:400px; min-height:500px; border:5px solid #506ee4; padding:30px; box-sizing:border-box;} */


/* 일정 */
.schedule_month { text-align:center; font-size:30px; font-weight:600; color:#000;}
.schedule_month span { padding:0 20px;}
table.schedule_tbl { clear:both; position:relative; width:98%; margin:30px auto; border:1px solid #e0e0e0; }
table.schedule_tbl thead th {font-size:16px; background:#f4f4f5; padding:12px; color:#000; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; word-break: break-all; font-weight:600;}
table.schedule_tbl tbody th { border-bottom:1px solid #dadadb; padding:15px; border-right:1px solid #e0e0e0; color:#555; font-size:16px; line-height:170%;}
table.schedule_tbl tbody td { position:relative; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#000; line-height:170%; height:110px; box-sizing:border-box; vertical-align:middle;}
table.schedule_tbl tbody td span { position:absolute; left:20px; top:15px; z-index:10000;}
table.schedule_tbl tbody tr td:first-child { color:#ff0000;}
table.schedule_tbl tbody tr td:last-child { color:#0f86f5; border-right:none; }
table.schedule_tbl thead tr th:first-child { color:#ff0000;}
table.schedule_tbl thead tr th:last-child { color:#0f86f5; border-right:none;}
table.schedule_tbl .shadow_month { color:#c3c3c3;}
table.schedule_tbl .schedule_check { display:table; text-align:center; background:#f5fbfd; overflow:hidden; font-size:16px; width:100%; height:100%; box-sizing:border-box; padding:0 0 0 0;}
table.schedule_tbl .schedule_check p { display:table-cell; vertical-align:middle; box-sizing:border-box; overflow:hidden; }
table.schedule_tbl .schedule_check p a { display:block;}
table.schedule_tbl .schedule_oncheck { text-align:center; overflow:hidden; font-size:16px; color:#1e55be; padding:5px 0 0 0;}
table.schedule_tbl .schedule_offcheck { text-align:center; overflow:hidden; font-size:16px; color:#000; padding:5px 0 0 0;}

/* 코드관리 */
.codeType { width:calc(100% - 110px);}

/* 수주관리 */
.orderType_A { clear:both; padding:40px 0 40px 0; overflow:hidden;}

/* 수주관리 - 20200706 모달테이블 css 추가 */
table.orders_manage_list01 { clear:both; position:relative; width:99%; border-top:2px solid #5665cd;border-bottom:1px solid #cfd4f7;}
table.orders_manage_list01 thead th
{ border-top:1px solid #d9e0ec;border-left:1px solid #d9e0ec; background: #f6f6f6;color:#414d7e;padding: 7px 5px;font-weight:normal;}
table.orders_manage_list01 thead th.title, table.orders_manage_list01 tbody th.title{ color:#17308a;background:#f2f6f9;font-size:16px;font-weight:500;border-right:1px solid #d9e0ec;}
table.orders_manage_list01 thead td
{ border-top:1px solid #d9e0ec;border-left:1px solid #d9e0ec; background: #fff;color:#414d7e;padding: 7px 5px;font-weight:normal;}

table.orders_manage_list01 tbody tr:first-child {}
table.orders_manage_list01 tbody th
{background:#f6f6f6; border-bottom:1px solid #dadadb; padding:7px; border-right:0px solid #e0e0e0; color:#414d7e; font-size:15px; line-height:170%;font-weight:400;}

table.orders_manage_list01 tbody td {padding: 12px 5px; border-bottom:1px solid #ededed;  border-right: 1px dashed #ececec;color:#555; line-height:170%; text-align:center; font-size:15px; vertical-align:middle;}
table.orders_manage_list01 tbody td:last-child { border-right:none; }
table.orders_manage_list01 tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #ededed;}
table.orders_manage_list01 tbody tr:hover{background:#f6f6f6;}

.orders_manage_modal{position: relative;padding: 0 0 20px 0;width:60%;}

/* 모달 테이블 width scroll 되게 작업 */
/* .orders_manage_modal.modal_table{overflow-y: auto;overflow-x: auto;height:500px;min-height:auto;float:left;} */

/* 수주관리 - 등록 */
.order_submit { width:270px; height:270px; border-radius:100%; background:#f6f6f6 url(../img/order_ico.png) center no-repeat; margin:0 auto 30px;}
.order_submit span { width:270px; height:40px; line-height:38px; border:1px solid #999; text-align:center; display:inline-block; margin-top:290px; border-radius:5px;}
.orderType_2type { overflow:hidden; margin:0 0 30px 0; min-height:100%; width:100%; box-sizing:border-box;}
.orderType_2type > div { width:50%; float:left; box-sizing:border-box; overflow:hidden;}

.orderType_2type .orderType_2type_btn { height:100%; background:#f9f9f9; border-radius:30px 0 30px 0; padding:50px; float:left; width:40%; margin-right:5%; box-sizing:border-box; min-height:500px; }
.orderType_2type .orderType_2type_btn ul { position:absolute; width:100%; top:50%; left:50%; transform: translate(-50%, -50%); padding:0 50px; box-sizing:border-box;}
.orderType_2type .orderType_2type_btn ul li { background:#999; height:40px; line-height:38px; border-radius:5px; text-align:center; color:#fff; margin:10px 0;}
.orderType_2type .orderType_2type_btn ul li a { color:#fff; text-align:center;}
.orderType_2type .orderType_2type_btn ul li.orderType_on { background:#506ee4; }

.order_total_box{border-radius:10px;background:#ebf2fb;border:1px solid #cecee0;padding:38px 0 38px 0;margin-bottom:30px;}
.order_total_box .title{display:inline-block;width:50%;padding-left:20px;}
.order_total_box .title h5{font-size:18px;font-weight:400;color:#3c3c3c;display:inline-block;}
/* .order_total_box .title span{color:#2353ce;} */
.order_total_box input{display:inline-block;}

.order_simple_box{border-radius:10px;background:#fff;border:1px solid #cecee0;padding:30px 0 30px 0;margin-bottom:30px;}
.order_simple_box .title{display:inline-block;width:50%;padding-left:20px;}
.order_simple_box .title h5{font-size:16px;font-weight:400;color:#3c3c3c;display:inline-block;}
.order_simple_box .title span{color:#2353ce;}
.order_simple_box input{display:inline-block;}

.manage_drag_box{margin-top:30px;text-align:center;width:100%;height: 300px;min-height: auto;overflow-y:auto;}
.manage_drag_box_info_text{margin:0 0 20px 0;text-align: left;height:30px;line-height: 30px;font-size: 15px;color:#14468f;}

/* 공정순서 2개씩 출력 */
.manage_assign_process{width:100%;margin:auto;text-align:center;padding-top:30px;}
.manage_assign_process p{width:40%;margin:0 0 10px 0 ;font-size:16px;color:#14468f;display:inline-block;border-radius:10px;background:#eaf2ff;padding:10px 0 10px 0;text-align:center;}
.manage_assign_process p:last-child{margin-right:0;}
.manage_assign_process ul{width:100%;}
.manage_assign_process ul li {margin-top:10px;}
.manage_assign_process ul li .process_name{width:75%;border-radius: 10px;background:#f7f7f7;font-size:14px;color:#595959;display:inline-block;padding:10px 0 10px 0;text-align:center;}

.manage_assign_process ul li .num_name{width:20%;display:inline-block;}
.manage_assign_process ul li .num_name p{background:#f7f7f7;display:inline-block;text-align:center;}
.manage_assign_process ul li div.day{font-family:roboto;}
.manage_assign_process ul li div:first-child{white-space: nowrap;text-overflow: ellipsis;}

/* 입고내역서 width scroll 되게 작업 */
.plm_receiving_modal.modal_table
{overflow-y: auto;overflow-x: auto;min-height:auto;min-width: 800px;width: 100%;position: relative;border-top: 1px solid #9cbced;border-bottom: 0px solid#e0e0e0;padding: 0 0 20px 0;}
/*min-width: 1000px; */

table.plm_receiving_modal01 {overflow-x: auto; clear:both; position:relative;width:100%; border-collapse: separate; }
table.plm_receiving_modal01 thead th{ background:#f2faff;border-top:1px solid #9cbced; border-bottom: 1px solid#9cbced;padding: 3px;border-right: 1px dashed#9cbced;color:#585858;font-weight: 400;font-size: 13px;height: 25px;}
table.plm_receiving_modal01 tbody th
{ background:#f2faff; border-bottom:1px solid #9cbced; padding:3px; border-right:1px dashed #9cbced; color:#585858;font-weight:400; font-size:13px; height:25px;}
table.plm_receiving_modal01 tbody td {padding:3px; border-bottom:1px solid #9cbced;  border-right: 1px dashed #9cbced;color:#555;  text-align:center; font-size:13px; height:25px;}
table.plm_receiving_modal01 tbody td a{display:block;}
table.plm_receiving_modal01 tbody td a:hover{color:#3376eb;font-weight:bold;}
table.plm_receiving_modal01 tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #9cbced;}
table.plm_receiving_modal01 .receiv_inputA_gray {    border: solid 1px #d7d7e6;border-radius: 5px !important;height: 23px;background:#f9faff;}

.receiving_modal_title{margin:auto;text-align:center;padding-bottom:30px;}
.receiving_modal_title h5 {letter-spacing:3px;color:#1e45a9;font-weight:400;font-size:30px;}
.receiving_table_box{} /* border-right:1px solid #9cbced;border-left:1px solid #9cbced; */
.receiving_table_box .info_text{font-weight:400;color:#3062b4;padding:20px 0 20px 0;text-align:center;}
.receiving_table_box .info_column{border: solid 1px#d7d7e6;border-radius: 5px !important;height: 36px;background:#f9faff;}

/* 레이어 팝업 정리 */


#mask {  position:absolute;  z-index:9000;  background:rgba(0,0,0,0.7); display:none; }
/* .modal { position: relative; }
.modal {
    position: fixed;
    left: 50%;
    top: 50%;
    height: auto;
    display: none;
    border-radius: 10px;
    z-index: 9999;
    padding-top: 0px !important;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    border:1px solid #5a65e8;
}
.modal .modal_header {
    background: #3a46d2;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
}
.modal .modal_header>.modal_title {
    float: left;
    color: #fff;
    font-size: 16pt;
    font-weight: 400;
    margin-right: 20px;
}
.modal .modal_header>.modal_close {
    float: right;
}
.modal .modal_header>.modal_close>.close {
    cursor: pointer;
}
.modal .modal_body {

    padding: 10px;
    overflow-y: auto;
    text-align: center;
} */

.card {
    z-index: 2;
    border-radius: 0.5rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.flex {
    display: flex;
}
.flex.row {
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex.column {
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex span.label {
    flex: 1 1 200px;
}

/* 레이어팝업01 191119 */
#mask,#mask02,#mask03 {  position:absolute;  z-index:9000;  background:rgba(0,0,0,0.7); display:none;}
#boxes{ position:relative; }
#boxes .window { position: fixed;
left: 50%;
top: 50%;
/*-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
*/
height:auto;display:none;border-radius:10px;
z-index:9999; background:#fff; box-sizing:border-box; overflow:hidden; border:1px solid #5a65e8;}

#boxes .window h4{font-size:18px;font-weight:normal;margin-bottom:20px;color:#2665d2;}
#boxes .layerBox { margin-top:20px; }
#boxes .close { position:absolute; top:15px; right:20px; z-index:10000;}
#boxes .conts_popup { display:inline-block; width:100%; }


/* 레이어팝업02 */
#mask02 {  position:absolute;  left:50%;  top:50%;  z-index:9000;  background:rgba(0,0,0,0.7); display:none;}
#boxes02{ position:relative; }
#boxes02 .window02
{ position: fixed;
left: 50%;
top: 50%;
/*-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
*/
height:auto;display:none;border-radius:10px;
z-index:9999; background:#fff; box-sizing:border-box; overflow:hidden; border:1px solid #5a65e8; }
/*width:40%; */
#boxes02 .layerBox { margin-top:20px; }
#boxes02 .close02 { position:absolute; top:15px; right:20px; z-index:10000;}
#boxes02 .conts_popup { display:inline-block; width:100%; }

#mask03 {  position:absolute;  left:50%;  top:50%;  z-index:9000;  background:rgba(0,0,0,0.7); display:none;}
#boxes03{ position:relative; }
#boxes03 .window03
{ position: fixed;
left: 50%;
top: 50%;
/*-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
*/
height:auto;display:none;border-radius:10px;
z-index:9999; background:#fff; box-sizing:border-box; overflow:hidden; border:1px solid #5a65e8; }
/*width:40%; */
#boxes03 .layerBox { margin-top:20px; }
#boxes03 .close03 { position:absolute; top:15px; right:20px; z-index:10000;}
#boxes03 .conts_popup { display:inline-block; width:100%; }

#boxes04{ position:relative; }
#boxes04 .window04
{ position: fixed;
left: 50%;
top: 50%;
/*-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
*/
height:auto;display:none;border-radius:10px;
z-index:9999; background:#fff; box-sizing:border-box; overflow:hidden; border:1px solid #5a65e8; }
/*width:40%; */
#boxes04 .layerBox { margin-top:20px; }
#boxes04 .close04 { position:absolute; top:15px; right:20px; z-index:10000;}
#boxes04 .conts_popup { display:inline-block; width:100%; }

#boxes05{ position:relative; }
#boxes05 .window05
{ position: fixed;
left: 50%;
top: 50%;
/*-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
*/
height:auto;display:none;border-radius:10px;
z-index:9999; background:#fff; box-sizing:border-box; overflow:hidden; border:1px solid #5a65e8; }
/*width:40%; */
#boxes05 .layerBox { margin-top:20px; }
#boxes05 .close05 { position:absolute; top:15px; right:20px; z-index:10000;}
#boxes05 .conts_popup { display:inline-block; width:100%; }

#boxes06{ position:relative; }
#boxes06 .window06
{ position: fixed;
left: 50%;
top: 50%;
/*-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
*/
height:auto;display:none;border-radius:10px;
z-index:9999; background:#fff; box-sizing:border-box; overflow:hidden; border:1px solid #5a65e8; }
/*width:40%; */
#boxes06 .layerBox { margin-top:20px; }
#boxes06 .close06 { position:absolute; top:15px; right:20px; z-index:10000;}
#boxes06 .conts_popup { display:inline-block; width:100%; }

#boxes07{ position:relative; }
#boxes07 .window07
{ position: fixed;
left: 50%;
top: 50%;
/*-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
*/
height:auto;display:none;border-radius:10px;
z-index:9999; background:#fff; box-sizing:border-box; overflow:hidden; border:1px solid #5a65e8; }
/*width:40%; */
#boxes07 .layerBox { margin-top:20px; }
#boxes07 .close07 { position:absolute; top:15px; right:20px; z-index:10000;}
#boxes07 .conts_popup { display:inline-block; width:100%; }

#boxes08{ position:relative; }
#boxes08 .window08
{ position: fixed;
left: 50%;
top: 50%;
/*-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
*/
height:auto;display:none;border-radius:10px;
z-index:9999; background:#fff; box-sizing:border-box; overflow:hidden; border:1px solid #5a65e8; }
/*width:40%; */
#boxes08 .layerBox { margin-top:20px; }
#boxes08 .close08 { position:absolute; top:15px; right:20px; z-index:10000;}
#boxes08 .conts_popup { display:inline-block; width:100%; }

#boxes09{ position:relative; }
#boxes09 .window09
{ position: fixed;
left: 50%;
top: 50%;
/*-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
*/
height:auto;display:none;border-radius:10px;
z-index:9999; background:#fff; box-sizing:border-box; overflow:hidden; border:1px solid #5a65e8; }
/*width:40%; */
#boxes09 .layerBox { margin-top:20px; }
#boxes09 .close09 { position:absolute; top:15px; right:20px; z-index:10000;}
#boxes09 .conts_popup { display:inline-block; width:100%; }

.direct_box{width:100%;background:#f9faff;border-radius:10px;border:1px solid #cecee0;}

.direct_wrap01{width:49%;height:100px;display:inline-block;overflow:hidden;}
.direct_wrap01 .title_h4 {width:40%;text-align:right;line-height:100px;display:inline-block;}
.direct_wrap01 .title_h4 h4{display:inline-block;font-size:19px;color:#414d7e;font-weight:normal;}
.direct_wrap01 ul{display:inline-block;text-align:left;margin:auto;padding-left:23px;}
.direct_wrap01 ul li{color:#303030;display:inline-block;font-family:roboto;font-weight:600;}

.direct_wrap02{float:left;width:50%;margin-top:20px;}
.direct_wrap02 .direct_list_cate{width:100%;margin-top:36px;height:220px;overflow-y:scroll;}
.direct_wrap02 .direct_list_cate li{border-radius:5px;border:1px solid #d6d6d6;margin-bottom:5px;height:50px;line-height:50px;}
.direct_wrap02 .direct_list_cate li .num{display:inline-block;font-size:14px;text-align:center;width:10%;color:#bababa;}
.direct_wrap02 .direct_list_cate li .title{display:inline-block;font-size:17px;text-align:center;}
.direct_wrap02 h4{margin-bottom:20px;}


/* 테이블 191119 */
.plm_table_wrap{position: relative;border-top: 2px solid#1f2d67;border-bottom: 0px solid#e0e0e0;padding: 0 0 20px 0;}
table.plm_table_list01 { clear:both; position:relative; width:100%; }
table.plm_table_list01 thead th { position:relative; background: #f3f4f9;color:#414d7e; font-size:17px; padding:20px 5px; border-bottom:1px solid #e0e0e0; font-weight:500; word-break: break-all; }
table.plm_table_list01 tbody th { background:#f9f9f9; border-bottom:1px solid #dadadb; padding:15px; border-right:0px solid #e0e0e0; color:#000; font-size:15px; line-height:170%;}
table.plm_table_list01 tbody td {padding: 12px 5px; border-bottom:1px solid #dadadb;  border-right: 1px dashed #ececec;color:#555; line-height:170%; text-align:center; font-size:15px; }
table.plm_table_list01 thead th:last-child,
table.plm_table_list01 tbody td:last-child { border-right:none; }
table.plm_table_list01 tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #e0e0e0;}
table.plm_table_list01 tbody tr:hover{background:#f6f6f6;}

/* 모달 테이블 */
.plm_table_wrap_modal{position: relative;border-top: 2px solid#1f2d67;border-bottom: 0px solid#e0e0e0;padding: 0 0 20px 0;}
table.plm_table_modal01 {border-collapse: collapse; white-space: nowrap;overflow-x: auto; clear:both; position:relative; width:100%; }
table.plm_table_modal01 thead{width:100%;}
table.plm_table_modal01 thead th
{z-index:999;position:sticky; top: 0;background: #f6f6f6;color:#414d7e; font-size:16px;border-bottom:1px solid #ededed;border-left:1px solid #ededed;border-right:1px solid #ededed;font-weight:500; word-break: break-all; padding:10px;}

table.plm_table_modal01 tbody {overflow-y:auto; overflow-x:hidden; width:100%;}
table.plm_table_modal01 tbody th { background:#f9f9f9; border-bottom:1px solid #dadadb; padding:14px; border-right:0px solid #e0e0e0; color:#000; font-size:12px; line-height:170%;}
table.plm_table_modal01 tbody td {padding: 12px 5px; border-bottom:1px solid #dadadb;  border-right: 1px dashed #ececec;color:#555; line-height:170%; text-align:center; font-size:15px; }

table.plm_table_modal01 tbody td a{display:block;}
table.plm_table_modal01 tbody td a.product_file_down{display:inline-block;}
table.plm_table_modal01 tbody td .product_btn_close{display:inline-block;margin-left:5px;cursor:pointer;}
table.plm_table_modal01 tbody td a:hover{font-weight:bold;} /* color:#3376eb; */

table.plm_table_modal01 thead th:last-child,
table.plm_table_modal01 tbody td:last-child { } /* border-right:none; */
table.plm_table_modal01 tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #e0e0e0;}
table.plm_table_modal01 tbody tr:hover{background:#f6f6f6;}

/* 모달 테이블 width scroll 되게 작업 */
.plm_table_wrap_modal.modal_table
{overflow-y: auto;overflow-x: auto;height:550px;min-height:auto;min-width: 1200px;width: 100%;position: relative;border-top: 2px solid#1f2d67;border-bottom: 0px solid#e0e0e0;padding: 0 0 20px 0;}
.plm_table_wrap_modal.modal_table_fileup
{overflow-y: auto;overflow-x: auto;height:600px;min-height:auto;width: 100%;position: relative;border-top: 2px solid#1f2d67;border-bottom: 0px solid#e0e0e0;padding: 0 0 20px 0;}

/* 작은 모달 테이블  */
.plm_table_wrap_modal_small{position: relative;border-top: 2px solid#1f2d67;border-bottom: 0px solid#e0e0e0;padding: 0 0 20px 0;}
table.plm_table_wrap_modal_small {border-collapse: collapse; white-space: nowrap; margin-bottom:-20px;clear:both; position:relative; width:100%; }
table.plm_table_wrap_modal_small thead{width:100%;}

table.plm_table_wrap_modal_small thead th { position:sticky; top: 0;background: #f6f6f6;color:#414d7e; font-size:15px;border-bottom:1px solid #e0e0e0; font-weight:500; word-break: break-all; }
table.plm_table_wrap_modal_small tbody{overflow-y:auto; overflow-x:hidden; width:100%;}
table.plm_table_wrap_modal_small tbody th
{ background:#f9f9f9; font-weight:normal;border-bottom:1px solid #dadadb; padding:3px; border-right:0px solid #e0e0e0; color:#4b4b4b; font-size:12px; }
table.plm_table_wrap_modal_small tbody td {padding: 16px 5px; border-bottom:1px solid #dadadb;  border-right: 1px dashed #ececec;color:#555; line-height:170%; text-align:left; font-size:12px; }
table.plm_table_wrap_modal_small thead th:last-child,
table.plm_table_wrap_modal_small tbody td:last-child { border-right:none; }
table.plm_table_wrap_modal_small tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #e0e0e0;}
table.plm_table_wrap_modal_small tbody tr:hover{background:#f6f6f6;}
.plm_table_wrap_modal_small .title{font-size:15px;padding:10px 0 10px 0;}

/* tech_doc 테이블 */
table.tech_doc_list01 { clear:both; position:relative; width:100%; }
table.tech_doc_list01 thead th:first-child{ border-left:1px solid #d9e0ec; background: #eff3f9;  -moz-border-radius: 10px 0 0 10px;    -webkit-border-radius: 10px 0 0 10px;    border-radius: 10px 0 0 10px;}
table.tech_doc_list01 thead th:last-child{  border-right:1px solid #d9e0ec;background: #eff3f9;  -moz-border-radius: 0 10px 10px 0;    -webkit-border-radius: 0 10px 10px 0;    border-radius: 0 10px 10px 0;}
table.tech_doc_list01 thead th {border-bottom:1px solid #d9e0ec;border-top:1px solid #d9e0ec;position:relative; color:#414d7e; background: #eff3f9;  font-size:17px; padding:15px 5px;  font-weight:500; word-break: break-all; }

/* table.tech_doc_list01 tbody tr:nth-child(even) {background: #f2f4f8;} */
table.tech_doc_list01 tbody th { background:#f9f9f9; border-bottom:1px solid #dadadb; padding:15px; border-right:0px solid #e0e0e0; color:#000; font-size:15px; line-height:170%;}
table.tech_doc_list01 tbody td {padding: 12px 5px; border-bottom:1px solid #ededed;  border-right: 1px dashed #ececec;color:#555; line-height:170%; text-align:center; font-size:15px; }
table.tech_doc_list01 tbody td:last-child { border-right:none; }
table.tech_doc_list01 tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #ededed;}
table.tech_doc_list01 tbody tr:hover{background:#f6f6f6;}

/* 모달 테이블 width scroll 되게 작업 */
table.tech_doc_list01 .modal_table{overflow-x: auto;min-width: 1200px;width: 100%;}


/* 인풋 191119 */
.input_date{height:38px;box-sizing: border-box; border:solid 1px #bababa; border-radius:5px; color:#999; background:#fff; padding:2px 0 0 5px;margin: 0 5px;width: 140px !important;}

/* 셀렉트 191119 */
.select_order{height:38px;margin: 0 5px;box-sizing: border-box;border-radius: 5px !important;line-height: 38px;border: solid 1px #bababa;color:#999;background:#fff url('../img/icon_arr3.png') right 49% no-repeat;    padding: 0 0 0 5px;}

/* create_estimate */
.create_box{margin:auto;text-align:center;}
.create_ment_wrap{width:47%;display:inline-block;vertical-align:top;text-align:left;}
.create_ment_wrap textarea{border:solid 1px #c8ccdc; width:100%;border-radius:5px;height: 260px; float:left;overflow-x:hidden;overflow-y:auto;resize: none;}
.create_ment_wrap .title{margin-bottom:20px;float:left;font-size:15px;font-weight:bold;}

.create_list_wrap {width:45%;min-height:400px;display:inline-block;text-align:left;margin-left:30px;}
.create_list_s_text{margin:auto;text-align:right; height:30px;line-height:30px;padding:0 0 0 20px;font-size:17px;color:blue;width:96%;}
.create_estimate_top_btn{overflow:hidden;text-align:right !important;}
.create_estimate_top_btn ul{padding:0 0 20px 0 !important;float:right;}

/* .create_list_wrap_fair{width:45%;min-height:400px;display:inline-block;text-align:left;margin-left:30px;display:block !important;margin-left:50px;} */


.create_list_wrap_fair{width:45%;min-height:400px;display:inline-block;text-align:left;margin-left:30px;display:block !important;margin:auto;}
.create_list_wrap_fair_ne {width:100%;height:100px;white-space:nowrap;}
.overflow_tab{overflow-x:auto;}
.overflow_y_tab{overflow-y:auto;height:300px}

/* manage_workDay */
.manage_top_vacation{position:relative;z-index:999;}
.manage_top_vacation .btn_wrap{position:absolute;right:0;top:36px;right:15px;}
.manage_top_vacation .btn_wrap img{margin:-2px 5px 0 0;}

.manage_modal_box{width:380px;margin:auto;}
.manage_modal_wrap{width:100%;overflow:hidden;}
.manage_modal_wrap dt,.manage_modal_wrap dd{display:inline-block;line-height:40px;margin-bottom:5px;}
.manage_modal_wrap dt{width:20%;float:left;}
.manage_modal_wrap dd{width:80%;float:right;}

/* DATA 관리 */
.productInfo_box{    position: relative;border-top: 2px solid#1f2d67;border-bottom: 0px solid#e0e0e0;padding: 0 0 20px 0;width: 1000px;margin: auto;}
table.productInfo_list01{border-collapse: collapse;    white-space: nowrap;overflow-x: auto;clear: both;position: relative;border-left: 1px solid#eee;border-right: 1px solid    #eee;    border-bottom: 0px;width:100%;}
table.productInfo_list01 thead {    width: 100%;}
table.productInfo_list01 thead th {position: sticky;    top: 0; background:#eff3f9; color:#414d7e; font-size:17px; padding:12px 5px; border-bottom:1px solid #e0e0e0; font-weight:500; word-break: break-all; }
table.productInfo_list01 tbody {overflow-y:auto; overflow-x:hidden; width:100%;}
table.productInfo_list01 tbody th { background:#f9f9f9; border-bottom:1px solid #dadadb; padding:15px; border-right:0px solid #e0e0e0; color:#3a3940; font-size:15px; line-height:170%;}
table.productInfo_list01 tbody td { border-bottom:1px solid #dadadb; padding:5px 10px; border-right:0px solid #e0e0e0; color:#555; line-height:170%;padding: 12px 5px; text-align:center; font-size:15px; }
table.productInfo_list01 tbody td a{display:block;}
table.productInfo_list01 tbody td.file_name {text-align:left;padding-left:20px;}
table.productInfo_list01 tbody td.file_day {font-family:roboto;letter-spacing:-0.5px;color:#878787;}
table.productInfo_list01 tbody td a:hover{color:#2353ce;}
table.productInfo_list01 thead th:last-child,
table.productInfo_list01 tbody td:last-child { border-right:none; }
table.productInfo_list01 tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #e0e0e0;}
table.productInfo_list01 tbody tr:hover{background:#f6f6f6;}

/* DATA 기본 테이블 */
.data_list_box{margin:auto;background:#f4f8f9;overflow:hidden;width:1000px;border-radius:10px;margin:30px auto;box-shadow:6px 6px 20px 6px rgba(50,50,50,0.1);} /* */
table.data_list01 { clear:both;margin:auto; position:relative; width:800px;margin:50px auto;border-bottom:1px solid #afbdef;  -moz-border-radius: 10px;    -webkit-border-radius: 10px;    border-radius: 10px;}
table.data_list01 tbody tr {background: #fff;}
table.data_list01 tbody tr:nth-child(even) {background: #f2f4f8;}
table.data_list01 thead th:first-child{ border-left:1px solid #d9e0ec; }
table.data_list01 thead th:last-child{  border-right:1px solid #d9e0ec;}

table.data_list01 thead th {position:relative; color:#fff; border:1px solid #4d6bf6;background: #4d6bf6;  font-size:17px; padding:15px 5px;  font-weight:500; word-break: break-all; }
table.data_list01 tbody th { background:#f9f9f9; border-bottom:1px solid #dadadb; padding:15px; border-right:0px solid #e0e0e0; color:#000; font-size:15px; line-height:170%;}
table.data_list01 tbody td {padding: 12px 5px; border-right: 1px dashed #ececec;color:#555; line-height:170%; text-align:center; font-size:15px; }
table.data_list01 tbody td:first-child {border-left:1px solid #afbdef;}
table.data_list01 tbody td:last-child { border-right:1px solid #afbdef; }
table.data_list01 tbody tr:hover{background:#fff;}

.zig_list_wrap{width:450px;margin:auto;padding-top:50px;}
.zig_list_wrap dl{width:100%;overflow:hidden;}
.zig_list_wrap dt,.zig_list_wrap dd{display:inline-block;line-height:40px;margin-bottom:10px;}
.zig_list_wrap dt{width:20%;float:left;}
.zig_list_wrap dd{width:80%;float:right;}
.zig_list_wrap .btn_wrap {text-align: center;overflow:hidden;margin:35px 0 55px  0;}
.zig_list_wrap textarea{border: solid 1px#d7d7e6;border-radius: 5px !important;background:#f9faff;height:150px;}

.zig_project_wrap {height:70px;border:1px solid #dadada;border-radius:5px;background:#f9faff;margin-bottom:30px;}
.zig_project_wrap li{line-height:70px;background: url('../image/equipment_ic01.png') no-repeat  13px 30px;color:#4a4a4a;font-size:16px;padding-left:30px;}

.zig_file_wrap{background:#eff3fb;width:50%;height:100%;min-height:auto;padding-top:50px;float:right;}
.zig_file_submit{margin:30px 0 30px 40px;}
.zig_file_wrap h4{margin:0 0 20px 40px; font-size:18px;color:#2262d1;font-weight:normal;}
/*
.zig_file_wrap label{top:0px;cursor:pointer;display:inline-block;width:43px;height:31px;}
.zig_file_wrap label.qna_file_btn{width:90px;display:block;background:#eff3fb;}
.zig_file_wrap label.qna_file_btn img{width:90px;position:absolute;z-index:999;}
*/
/* .img_wrap { clear:both; padding:5px; border:1px solid #555; background:#fff; height:600px;width:90%;margin:auto;text-align:center;} */
.img_wrap { clear:both; padding:5px; border:1px solid #555; background:#fff; height:480px;width:100%;margin:auto;text-align:center;}
.imgBox { background:#555; padding:10px; border:1px solid #fff;  }
/* .img_title { padding:10px 0 5px; text-align:center; color:#fff; font-size:17px; font-weight:300;} */
.img_title { padding:10px 0 5px; text-align:center; color:#fff; }
.img_title span { font-weight:500;}
.img_wrap img { width:100%; height:100%;}

.modal_down_file a{font-size:14px;color:#6c6c6c;}
.modal_down_file a:hover{font-size:14px;color:#177eea;transition:0.5s;}

/* integratedManage_form  */
table.integratedManage_list01 { clear:both; position:relative; width:99%; border-top:2px solid #5665cd;border-bottom:1px solid #cfd4f7;}
table.integratedManage_list01 thead th
{ border-top:1px solid #d9e0ec;border-left:1px solid #d9e0ec; background: #f2f6f9;color:#414d7e;padding: 7px 5px;font-weight:normal;}
table.integratedManage_list01 thead th.title{ color:#17308a;font-size:16px;font-weight:500;}
table.integratedManage_list01 thead td
{ border-top:1px solid #d9e0ec;border-left:1px solid #d9e0ec; background: #fff;color:#414d7e;padding: 7px 5px;font-weight:normal;}
table.integratedManage_list01 thead th.title{ color:#17308a;font-size:16px;font-weight:500;}

/*table.integratedManage_list01 thead th:first-child{ color:#fff;background:#d6e3ff;color:#254ee1;}
table.integratedManage_list01 thead th:last-child
{  border-right:1px solid #d9e0ec;background: #eff3f9;  -moz-border-radius: 0 10px 10px 0;    -webkit-border-radius: 0 10px 10px 0;    border-radius: 0 10px 10px 0;}
table.integratedManage_list01 thead th
{border-bottom:1px solid #d9e0ec;border-top:1px solid #d9e0ec;position:relative; color:#414d7e; background: #eff3f9;  font-size:17px; padding:15px 5px;  font-weight:500; word-break: break-all; }

table.integratedManage_list01 tbody tr:nth-child(even) {background: #f2f4f8;}
*/
table.integratedManage_list01 tbody tr:first-child {}
table.integratedManage_list01 tbody th { background:#f9f9f9; border-bottom:1px solid #dadadb; padding:15px; border-right:0px solid #e0e0e0; color:#000; font-size:15px; line-height:170%;}
table.integratedManage_list01 tbody td {padding: 12px 5px; border-bottom:1px solid #ededed;  border-right: 1px dashed #ececec;color:#555; line-height:170%; text-align:center; font-size:15px; vertical-align:middle;}
table.integratedManage_list01 tbody td:last-child { border-right:none; }
table.integratedManage_list01 tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #ededed;}
table.integratedManage_list01 tbody tr:hover{background:#f6f6f6;}

.integratedManage_modal{position: relative;padding: 0 0 20px 0;width:60%;}
/* 모달 테이블 width scroll 되게 작업 */
.integratedManage_modal.modal_table{overflow-y: auto;overflow-x: auto;height:500px;min-height:auto;float:left;}

.integratedManage_file_wrap{background:#eff3fb;width:39%;height:500px;float:right;overflow:hidden;padding-top:30px;}
.integratedManage_file_wrap h4{margin:0 0 20px 40px; font-size:18px;color:#2262d1;font-weight:normal;}
.integratedManage_file_wrap label{top:0px;cursor:pointer;display:inline-block;width:43px;height:31px;}
.integratedManage_file_wrap label.qna_file_btn{width:90px;display:block;background:#eff3fb;}
.integratedManage_file_wrap label.qna_file_btn img{width:90px;position:absolute;z-index:999;}
.integratedManage_file_submit{margin:30px 0 30px 30px;}
/*.integratedManage_file_wrap input[type="file"] {position:absolute;padding:0;top:0;left:0;font-size:14px;z-index:1;} clip:rect(0,-50,0,0); */
.integratedManage_img_wrap{background:#fff;    background-image: none;height: 375px;width: 90%;text-align: center;margin:auto 30px;}

/* data관리 모달 하단 버튼 */
/* .modal_btn_box{padding-left:30px;padding-bottom:10px;}
.modal_btn_box li {display:inline-block; text-align:center;margin:0 3px;box-sizing:border-box;}
.modal_btn_box li a {box-sizing:border-box; display:block; width:92px; height:40px; line-height:38px; color:#fff; font-size:12pt; border-radius:3px;}
.modal_btn_box li a.blu {background:#013780;}
.modal_btn_box li a.blu:hover {background:#001d45;}
.modal_btn_box li a.bk {background:#fff; border:1px solid #3971c3; color:#3971c3;}
.modal_btn_box li a.bk:hover { background:#ecf4ff;}
.modal_btn_box li a.lg { background:#999; width:92px; height:40px; line-height:38px; color:#fff; } */

.bomorder_price_wrap{margin-top:50px;text-align:right;position:relative;overflow:hidden;margin-bottom:20px;}

.bomorder_price_box
{background:#3376eb;padding:0 20px 0 20px ;border:1px solid #2262d1;border-radius:50px;height:80px;line-height:80px;float:right;}
.bomorder_price_box li{display:inline-block;text-align:center;float:left;vertical-align:middle;}
.bomorder_price_box .title{font-weight:400;vertical-align:middle;color:#def3ff;font-size:20px;text-align:right;margin-right:20px;}
.bomorder_price_box .price_num {font-size:20px;font-weight:300;color:#fff;}
.bomorder_price_box .price_num span {color:#fff;font-family:roboto;font-size:34px;font-weight:500;letter-spacing:-0.7px;}

.bomorder_sign_box{margin-bottom:10px;}
.bomorder_sign_box .bomorder_sign_info{background:#f9faff;border-radius:10px;border:1px solid #cecee0;width:20%;display:inline-block;padding:10px;}
.bomorder_sign_box .bomorder_sign_info li div{display:inline-block;margin-bottom:5px;}
.bomorder_sign_box .bomorder_sign_info li div.title{width:120px;color:#14468f;font-size:15px;}

.bomorder_sign_box .bomorder_sign_name {width:60%;display:inline-block;float:right;text-align:right;}
.bomorder_sign_box .bomorder_sign_name li {display:inline-block;vertical-align:top;margin-right:20px;}
.bomorder_sign_box .bomorder_sign_name li:last-child {margin-right:0;}

.bomorder_sign_box .bomorder_sign_name li div.title{padding-bottom:5px;color:#818181;text-align:left;color:#555;}
.bomorder_sign_name .square{width:140px;height:60px;background:#f9faff;border-radius:10px;border:1px solid #cecee0}
.bomorder_sign_name .square02{width:140px;height:60px;border-radius:10px;}

.bomorder_sign_box .bomorder_sign_info02{background:#f9faff;border-radius:10px;border:1px solid #cecee0;display:inline-block;padding:15px;}
.bomorder_sign_box .bomorder_sign_info02 li{display:inline-block;margin-right:20px;}
.bomorder_sign_box .bomorder_sign_info02 li div{display:inline-block;}
.bomorder_sign_box .bomorder_sign_info02 li div.title{color:#14468f;font-size:15px;margin-right:10px;}

table.bomPlate_basic_list{clear: both;position: relative;width: 100%;}
table.bomPlate_basic_list thead th
{ position: relative;background:#eff3f9;color:#414d7e;font-size: 16px;padding: 5px;border-bottom: 1px solid #dee7f6;border-right: 1px solid #dee7f6;font-weight: 500;word-break: break-all;}
table.bomPlate_basic_list tbody td
{ border-bottom:1px solid #f2f2f2; padding:5px 10px; border-right:1px solid #f2f2f2; color:#555; line-height:170%; text-align:center; font-size:15px; }
table.bomPlate_basic_list thead th:last-child,
table.bomPlate_basic_list tbody td:last-child { } /* border-right:none; */
table.bomPlate_basic_list tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #f2f2f2;}

.bomplate_history_info{text-align:left;}
.bomplate_history_info .writer{border-radius:3px;margin-bottom:10px;}
.bomplate_history_info .writer span{color:#858585;}
.bomplate_history_info .day{border-radius:3px;}
.bomplate_history_info .day span{color:#858585;}

table.plm_table_modal01.tr_hover_n tbody tr:hover{background:none;}
table.plm_table_modal01.tr_hover_n .revise_after{background:#edf7ff;border-top: 1px solid #aed2f7;border-bottom: 1px solid #aed2f7;border-left: 1px solid #aed2f7;}
.bomplate_history_td01_after{color:#2353ce !important;font-weight:400;background:#f1f9ff;}

/* 기술문서 */
.work_file_submit{margin:0 0 0 0;}
.work_file_submit label{top:0px;cursor:pointer;display:inline-block;width:43px;height:31px;}
.work_file_submit label.qna_file_btn{width:90px;display:block;background:#eff3fb;}
.work_file_submit label.qna_file_btn img{width:90px;position:absolute;z-index:999;}
.work_file_submit input[type="file"] {position:absolute;padding:0;top:0;left:4px;font-size:14px;z-index:1;} /*clip:rect(0,-50,0,0); */

.tech_modal_memo{overflow-y: auto;height:400px;}
.tech_modal_memo textarea{border: solid 1px#d7d7e6;border-radius: 5px !important;background:    #f9faff;    height: 200px;}
.tech_modal_memo_txt{border:1px solid #cecee0;border-radius:10px;padding:15px;font-size:15px;font-weight:300;color:#707070;background:#f9faff;margin-bottom:20px;}

.tech_file_download{width:550px;margin:auto;text-align:center;padding-top:30px;}
.tech_file_download p{width:25%;margin:0 20px 10px 0 ;font-size:16px;color:#14468f;display:inline-block;border-radius:10px;background:#eaf2ff;padding:10px 0 10px 0;text-align:center;}
.tech_file_download p:last-child{margin-right:0;}
.tech_file_download ul{width:550px;}
.tech_file_download ul li {margin-top:10px;}
.tech_file_download ul li div{width:25%;margin-right:20px;font-size:14px;color:#595959;border-bottom:1px solid #c1c1c1;display:inline-block;padding-bottom:10px;text-align:center;}
.tech_file_download ul li div.day{font-family:roboto;}
.tech_file_download ul li div:first-child{white-space: nowrap;text-overflow: ellipsis;}

/* 기술문서 간단메모 모달*/
.tech_file_download02{width:100%;margin:auto;text-align:center;padding-top:30px;}
.tech_file_download02 p{width:20%;margin:0 20px 10px 0 ;font-size:16px;color:#14468f;display:inline-block;border-radius:10px;background:#eaf2ff;padding:10px 0 10px 0;text-align:center;}
.tech_file_download02 p:last-child{margin-right:0;}
.tech_file_download02 ul{width:100%;}
.tech_file_download02 ul li {margin-top:10px;}
.tech_file_download02 ul li div{overflow: hidden;width:20%;margin-right:20px;font-size:14px;color:#595959;border-bottom:1px solid #c1c1c1;display:inline-block;padding-bottom:10px;text-align:center;}
.tech_file_download02 ul li div.day{font-family:roboto;}
.tech_file_download02 ul li div:first-child{white-space: nowrap;text-overflow: ellipsis;}
.tech_file_download02 ul li div:last-child {border-bottom:0px;}

.fileUpload {   border-radius:3px; display: inline-block;    overflow: hidden;    position: relative;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    width: 100px;    height: 34px;    border: 1px solid #ccd2d8;    text-align: left;    vertical-align: middle;    vertical-align: top;    cursor: pointer;}
.fileUpload input[type="file"] {    position: absolute;    top: 0;    right: 0;    z-index: 2;    opacity: 0;    font-size: 100px;    outline: 0;    cursor: pointer;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.fileUpload span {    display: block;    width: 100%;    height: 34px;    font-size: 12px;    line-height: 32px;    color:     #16181a;    text-align: center;}

/* 프로젝트 관리 */
.itemlist_progress_red{line-height:27px;color:#fff;margin:auto;width:70%;height:30px;background:#ef4639;border:1px solid #ae3f36;border-radius:3px;overflow:hidden;}
.itemlist_progress_orange{line-height:27px;color:#fff;margin:auto;width:70%;height:30px;background:#ef931c;border:1px solid #d69e27;border-radius:3px;overflow:hidden;}
.itemlist_progress_green{line-height:27px;color:#fff;margin:auto;width:70%;height:30px;background:#37b75d;border:1px solid #37b75d;border-radius:3px;overflow:hidden;}
.itemlist_progress_complete{line-height:27px;color:#fff;margin:auto;width:70%;height:30px;background:rgb(0, 123, 255);border:1px solid rgb(0, 123, 255);border-radius:3px;overflow:hidden;}

/* 검사항목 테이블 */
.plm_tab_fix01{padding:5px;border-bottom:1px solid #ededed;}
.plm_tab_fix02{width:100%;border-bottom:1px solid #ededed;overflow:hidden;}
.plm_tab_fix02 div{float:left;width:25%;padding:5px;}
.plm_tab_fix03{width:100%;}
.plm_tab_fix03 div{float:left;width:12.5%;padding:5px;}

.itemlist_time_per{font-size:17px;font-weight:600;color:#414d7e}
.itemlist_time_per_td{color:#f86d10;}
.itemlist_time_per_th{background:#fff8dc;}
.itemlist_time_per_th span{}
/*
.itemlist_num_graph01 {width:16.66%;height:19px;background: linear-gradient( to right, #9ed2fe, #755fd7 );}
.itemlist_num_graph02 {width:33.32%;height:19px;background: linear-gradient( to right, #9ed2fe, #755fd7 );}
.itemlist_num_graph03 {width:50%;height:19px;background: linear-gradient( to right, #9ed2fe, #755fd7 );}
.itemlist_num_graph04 {width:66.64%;height:19px;background: linear-gradient( to right, #9ed2fe, #755fd7 );}
.itemlist_num_graph05 {width:83.3%;height:19px;background: linear-gradient( to right, #9ed2fe, #755fd7 );}
.itemlist_num_graph06 {width:100%;height:19px;background: linear-gradient( to right, #9ed2fe, #755fd7 );}
*/

.itemlist_num_graph01
{width:100%;height:10px;background:#9ed2fe;padding:12px 0 12px 0 !important;margin:15px 0 15px 0 !important;display:inline-block;border-bottom: 1px solid #dadadb !important;}


/* 수주실행관리에 쓸데없는 영역낭비로 padding 30에서 10으로 줄임 */
.import_date_box{width:284px;padding:10px 0 10px  0;background:#f3f3f3;border-radius:10px;display:inline-block;}
.import_date_box ul{text-align:center;margin:auto;}
.import_date_box ul .title{text-align:left;padding-left:42px;font-size:17px;color:#646464;}
.import_date_box ul .day{text-align:left;padding-left:42px;font-size:27px;color:#1e45a9;font-family:roboto;letter-spacing:-0.5px;}

/* 수주실행관리에 쓸데없는 영역낭비로 margin:20px 0 30px 0에서 margin:0px 0 0px 0  줄임 */
.import_sign_box{margin:0px 0 0px 0;vertical-align:top;overflow:hidden;display:inline-block;float:right;}
.import_sign_box .bomorder_sign_info{background:#f9faff;border-radius:10px;border:1px solid #cecee0;width:20%;padding:10px;}
.import_sign_box .bomorder_sign_info li div{display:inline-block;margin-bottom:5px;}
.import_sign_box .bomorder_sign_info li div.title{width:120px;color:#14468f;font-size:15px;}

.import_sign_box .import_sign_name {display:inline-block;float:right;text-align:right;vertical-align:top;}
.import_sign_box .import_sign_name li {display:inline-block;vertical-align:top;margin-right:20px;}
/*.import_sign_box .import_sign_name li:nth-of-type(3){border-right:1px solid #ddd;padding-right:40px;margin-right:40px;} */
.import_sign_box .import_sign_name li.step_03{border-right:1px solid #ddd;padding-right:40px;margin-right:40px;}
.import_sign_box .import_sign_name li:last-child {margin-right:0;}

.import_sign_name li div.title{padding-bottom:5px;color:#818181;text-align:left;color:#555;}
.import_sign_name .square{width:140px;line-height:40px;height:40px;background:#f9faff;border-radius:5px;border:1px solid #cecee0;text-align:left;padding-left:10px;}
.import_sign_name .square02{width:140px;height:60px;border-radius:10px;}

.quality_modal_btn_box{overflow:hidden;margin-top:15px;}
.quality_modal_btn_box li{display:inline-block;font-size:14px;letter-spacing:-0.7px;}
.quality_modal_btn_box li:last-child{border-left:1px solid #bcbcbc;padding-left:10px;}
.quality_total_box .title{display:inline-block;margin-right:10px;}
.quality_total_box .title h5{font-size:14px !important;font-weight:400;color:#3c3c3c;display:inline-block;}
.quality_total_box .title span{color:#2353ce;}
.quality_total_box input{display:inline-block;}

.process_faulty_box{width:49%;display:inline-block;border-right:1px solid #d8d8d8;overflow:hidden;padding-right:25px;float:left;}
.process_counterplan_box{width:49%;display:inline-block;overflow:hidden;padding-left:25px;}
.process_faulty_box h4, .process_counterplan_box h4{font-size:20px;color:#14468f;font-weight:400;margin-bottom:20px;}

.process_file_wrap{top:0;}
.process_file_submit{margin:20px 0 40px 0;}
.process_img_wrap{background:#fff;    background-image: none;height: 315px;width: 100%;text-align: center;margin:auto;}

.process_faulty_box dl,.process_counterplan_box dl{position:relative;}
.process_faulty_box dl textarea, .process_counterplan_box dl textarea{background:#f9faff;border:1px solid #d7d7e6;border-radius:5px;}
.process_faulty_box dl dt,.process_counterplan_box dl dt{display:inline-block;width: 20%;font-size: 14px;color:#14468f;border-radius: 10px;background:#eaf2ff;padding: 5px 0 5px 0;text-align: center;;margin:5px 0 17px 0;}
.process_faulty_box dl dd,.process_counterplan_box dl dd{display:inline-block;width: 70%;float:right;}
.process_counterplan_box input[type="checkbox"] {margin-right:0px;margin-top:5px;}

/* 생산관리*/
.production_progress_blue{color:#3c6dcc !important;font-weight:500;}
.production_progress_red{color:#e95846 !important;font-weight:500;}

.itemlist_text_red {display:inline-block;color:#e95846;font-size:14px;}
.itemlist_text_blue {display:inline-block;color:#3376eb;font-size:14px;}

.production_tab_fix01{padding:5px;border-bottom:1px solid #ededed;}
.production_tab_fix02{width:100%;border-bottom:1px solid #ededed;overflow:hidden;}
.production_tab_fix02 div{float:left;width:25%;padding:5px;}
.production_tab_fix03{width:100%;}
.production_tab_fix03 div{float:left;width:12.5%;padding:5px;}

/* 자재관리 */
.material_box_orange{background:#f86d10;}
.material_box_orange_time{color:#f86d10 !important; font-weight:500;}

/* 자재구매 주문관리 */
.purchase_modal_memo {height:450px;}
.purchase_modal_memo h4{text-align:left;font-weight:500;margin-bottom:20px;color:#2353ce;font-size:15px;}
.purchase_modal_memo textarea{border: solid 1px#d7d7e6;border-radius: 5px !important;background:    #f9faff;    height: 200px;}

.purchase_assign_process {    width: 100%;margin: auto;    text-align: center;    padding: 30px 0 30px 0;}
.purchase_assign_process ul li {width: 100%;margin-bottom:7px;border-radius: 10px;background: #f7f7f7;font-size: 14px;color: #595959;display: inline-block;
padding: 10px 0 10px 10px;text-align: left;}

/* 자재구매 주문관리 아코디언 테이블 */
.accordion_upload_box{float:right;}
.accordion_upload_box .title{display:inline-block;width:110px;}
.accordion_upload_box .title h5{font-weight:400;font-size:14px;margin-left:7px;color:#0c2e7b;}
.accordion_upload_box input{display:inline-block;}

table.accordion_table_modal01 {overflow-x: auto; clear:both; position:relative; width:100%; }
table.accordion_table_modal01 thead th
{border-right: 1px dashed #dedede; background:none;position:relative;color:#414d7e; font-size:14px;border-bottom:1px dashed #d0d0d0;font-weight:500; word-break: break-all; padding:5px;}
table.accordion_table_modal01 tbody th { background:#fff; border-bottom:1px solid #dadadb; padding:14px; border-right:0px solid #e0e0e0; color:#000; font-size:12px; line-height:170%;}
table.accordion_table_modal01 tbody td {padding: 6px 4px; border-bottom:1px solid #dadadb;  border-right: 1px dashed #dedede;color:#555; line-height:170%; text-align:center; font-size:15px; }

table.accordion_table_modal01 tbody td a{display:block;}
table.accordion_table_modal01 tbody td a.product_file_down{display:inline-block;}
table.accordion_table_modal01 tbody td .product_btn_close{display:inline-block;margin-left:5px;cursor:pointer;}
table.accordion_table_modal01 tbody td a:hover{font-weight:bold;} /* color:#3376eb; */

table.accordion_table_modal01 thead th:last-child,
table.accordion_table_modal01 tbody td:last-child { } /* border-right:none; */
table.accordion_table_modal01 tfoot th { padding:15px; font-weight:500; border-bottom:0px;}
table.accordion_table_modal01 tr:hover{background:#fafafa;}
.accordion_order_text{color:#2463d1 !important;}
.accordion_noorder_text{color:#e95846 !important;}
.accordion_enter_text{color:#0c7b03 !important;}

/* 설비관리 */
.manufacturing_day_box{border:1px solid #b0d3f7;background:#ebf3ff;margin-bottom:20px;border-radius:8px;color:#14468f;width:190px;text-align:center;color:#505050;padding:5px 0 5px 0;}
.manufacturing_day_box span{font-family:roboto;font-weight:500;}

table.plm_table_maint01 {overflow-x: auto; clear:both; position:relative; width:100%; }
table.plm_table_maint01 thead th
{ position:relative; background: #f6f6f6;color:#414d7e; font-size:13px;border-bottom:1px solid #ededed;
border-left:1px solid #ededed;border-right:1px solid #ededed;font-weight:500; word-break: break-all; padding:3px;line-height:15px;}

table.plm_table_maint01 thead th.th_width25{width:40px !important;padding:0 0 0 0 !important;}

table.plm_table_maint01 tbody th { background:#f9f9f9; border-bottom:1px solid #dadadb; padding:3px; border-right:0px solid #e0e0e0; color:#000; font-size:12px; line-height:170%;}
table.plm_table_maint01 tbody td
{line-height:15px;padding:3px; border-bottom:1px solid #dadadb;  border-right: 1px dashed #ececec;color:#555; text-align:center; font-size:13px; }


table.plm_table_maint01 tbody td a{display:block;}
table.plm_table_maint01 tbody td a.product_file_down{display:inline-block;}
table.plm_table_maint01 tbody td .product_btn_close{display:inline-block;margin-left:5px;cursor:pointer;}
table.plm_table_maint01 tbody td a:hover{color:#3376eb;}

table.plm_table_maint01 thead th:last-child,
table.plm_table_maint01 tbody td:last-child { } /* border-right:none; */
table.plm_table_maint01 tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #e0e0e0;}

.maint_normal_area{color:#3376eb;background:url('/public/image/maint_normal_ic.png') 8px 50% no-repeat;padding-left:12px;margin-bottom:5px;}
.maint_abnormal_area{background:url('/public/image/maint_abnormal_ic.png') 8px 50% no-repeat;padding-left:12px;}

.plm_table_maint01 input[type="checkbox"]
{-ms-transform: scale(1.2);   -moz-transform: scale(1.2);   -webkit-transform: scale(1.2);  -o-transform: scale(1.2);padding:0 !important;margin:0 !important;}
.maint_bg_light_gray{background:#f3f7ff;}


/* 회계관리 */
.account_table_box{border:2px solid #067c02;}
.plm_account_modal.modal_table
{overflow-y: auto;overflow-x: auto;min-height:auto;min-width: 800px;width: 100%;
position: relative;border-top: 1px solid #277a2c;border-bottom: 0px solid#e0e0e0;padding: 0 0 20px 0;}

table.plm_account_modal01 {overflow-x: auto; clear:both; position:relative;width:100%; border-collapse: separate; }
table.plm_account_modal01 thead th
{ background:#fff;border-top:1px solid #277a2c; border-bottom: 2px solid #077d05;padding: 3px;border-right: 1px dashed#077d05;color:#277a2c;
font-weight: 400;font-size: 13px;height: 25px;}
table.plm_account_modal01 tbody th
{ background:#fff; border-bottom:1px solid #077d05; padding:3px; border-right:1px dashed #077d05; color:#277a2c;font-weight:500; font-size:13px; height:25px;}
table.plm_account_modal01 tbody td {padding:3px; border-bottom:1px solid #077d05;  border-right: 1px dashed #077d05;color:#555;  text-align:center; font-size:13px; height:25px;}
table.plm_account_modal01 tbody td a{display:block;}
table.plm_account_modal01 tbody td a:hover{color:#3376eb;font-weight:bold;}
table.plm_account_modal01 tfoot th { background:#fff; padding:10px 0; font-weight:500; border-bottom:1px solid #077d05;}
table.plm_account_modal01 .receiv_inputA {    border: solid 1px #d7d7e6;border-radius: 5px !important;height: 23px;background:#fff;}
.receiv_inputA {    border: solid 1px #d7d7e6;border-radius: 5px !important;height: 23px;background:#fff;}
table.plm_account_modal01 h5{font-size:20px;color:#277a2c;font-weight:500;}
table.plm_account_modal01 .account_meney {font-weight:400;font-size:17px;}

.plm_input_calendar{border: solid 1px#d7d7e6;border-radius: 5px !important;height: 23px;background:#fff;}

.acc_price_wrap{margin-top:5px;text-align:right;position:relative;overflow:hidden;margin-bottom:5px;}
.acc_price_box{height:30px;line-height:30px;float:right;} /* background:#3376eb;padding:0 20px 0 20px ;border:1px solid #2262d1;border-radius:50px; */

.acc_price_box li{display:inline-block;text-align:center;float:left;vertical-align:middle;}
.acc_price_box .title{font-weight:400;vertical-align:middle;color:#818181;font-size:17px;text-align:right;margin-right:20px;}
.acc_price_box .price_num {font-size:20px;font-weight:300;color:#3376eb;}
.acc_price_box .price_num span {color:#344daa;font-family:roboto;font-size:34px;font-weight:500;letter-spacing:-0.7px;}


/* mct모니터링 */
table.mct_table_list { clear:both; position:relative; width:100%; border:1px solid #658ef6;border-radius:5px;}
table.mct_table_list thead th { position:relative; background:#4373ef; color:#414d7e; font-size:17px; padding:20px 5px; border-bottom:1px solid #e0e0e0; font-weight:400; word-break: break-all; }
table.mct_table_list tbody th { background:#4373ef; padding:10px; border-right:0px solid #e0e0e0; color:#fff; font-size:15px; line-height:170%;font-weight:400;}
table.mct_table_list tbody td { background:#f8f8f8;padding:5px 10px; border-right:0px solid #e0e0e0; color:#555; line-height:170%; text-align:center; font-size:15px; }
table.mct_table_list thead th:last-child,
table.mct_table_list tbody td:last-child { border-right:none; }
table.mct_table_list tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #e0e0e0;}
table.mct_table_list .ea_title{font-family:roboto;font-weight:400;letter-spacing:0px;font-size:17px;}


.mct_title_box h4{font-weight:400;color:#14468f;font-size:20px;margin-bottom:10px;}
.mct_day_box{display:inline-block;text-align:center;width:200px;border-radius:5px;background:#4373ef;padding:10px;color:#fff;}
.mct_day_box .title{font-size:15px;color:#dce6ff;display:inline-block;margin-right:10px;}
.mct_day_box .date{font-size:18px;font-family:roboto;font-weight:500;display:inline-block;}

.mct_top_table{display:inline-block;float:right;width:50%;}
.mct_alarm_table{width:49%;display:inline-block;}
.mct_alarm_realtime_table{width:100%;display:inline-block;}
.mct_alarm_table_list{border:1px solid #dadadb;border-radius:5px;overflow-y:scroll;height:320px;}
.day_calendar_input{height:38px;box-sizing: border-box; border:solid 1px #c7cccf; border-radius:5px; color:#999; background:#fff; padding:2px 0 0 5px;margin: 0 5px;}

.mct_num_graph01 {width:19px;height:80%;background: linear-gradient( to top, #9ed2fe, #755fd7);margin:auto;}
/*
.mct_num_graph02 {width:33.32%;height:19px;background: linear-gradient( to right, #9ed2fe, #755fd7 );}
.mct_num_graph03 {width:50%;height:19px;background: linear-gradient( to right, #9ed2fe, #755fd7 );}
.mct_num_graph04 {width:66.64%;height:19px;background: linear-gradient( to right, #9ed2fe, #755fd7 );}
.mct_num_graph05 {width:83.3%;height:19px;background: linear-gradient( to right, #9ed2fe, #755fd7 );}
.mct_num_graph06 {width:100%;height:19px;background: linear-gradient( to right, #9ed2fe, #755fd7 );}
*/
table.mct_table_list02 { clear:both; position:relative; width:100%; }
table.mct_table_list02 thead th { position:relative; background:#eff3f9; color:#414d7e; font-size:17px; padding:20px 5px;
border-bottom:1px solid #e0e0e0; font-weight:500; word-break: break-all; }
table.mct_table_list02 tbody th
{background:#f9f9f9; border-bottom:1px solid #dadadb; padding:5px; border-right:1px solid #e0e0e0; color:#3a3940; font-size:15px; line-height:170%;font-weight:400;}
table.mct_table_list02 tbody td { border-bottom:1px solid #dadadb; padding:5px 10px; border-right:1px solid #e0e0e0; color:#555; line-height:170%; text-align:center; font-size:15px; }
table.mct_table_list02 thead th:last-child,table.mct_table_list02 tbody td:last-child { border-right:1px solid #e0e0e0;}
table.mct_table_list02 tbody td:first-child, table.mct_table_list02 thead th:first-child{border-left:1px solid #e0e0e0;}
table.mct_table_list02 tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #e0e0e0;}
table.mct_table_list02 .mct_percent_num {color:#2043c5;font-weight:500;}
.progress_list_table{height:320px;overflow-y:scroll;margin-bottom:20px;}

.mct_operational_leftbox{width:80%;vertical-align:top;display:inline-block;height:550px;overflow-y: auto;}
.mct_operational_rightbox{width:18%;vertical-align:top;display:inline-block;float:right;height:550px;overflow-y: auto;}

/* 전자결재 */
.approval_dashboard_list{margin:50px auto 0 auto;text-align:center;}
.approval_dashboard_list li{cursor:pointer;width:15%;text-align:left;border-radius:10px;display:inline-block;box-shadow:12px 12px 12px rgba(65,65,67,0.2);margin-right:2.5%;}
.approval_dashboard_list .robin_box{height:220px;overflow:hidden;}
.approval_dashboard_list .approval_arr_box
{position:absolute;width:43px;height:43px;background:url('/public/image/approval_main_ic_bg.png') 0 0 repeat;border-radius:10px;right:20px;top:20px;line-height:41px;text-align:center;}

.approval_dashboard_list li:nth-of-type(1) {background:#e5e6ea;border:1px solid #aaaaab;}
.approval_dashboard_list li:nth-of-type(1) h4{font-size:20px;color:#132771;font-weight:400;margin:103px 0 0 30px;}
.approval_dashboard_list li:nth-of-type(1) .approval_info_text {margin:10px 0 0 30px;font-size:17px;font-weight:400;}
.approval_dashboard_list li:nth-of-type(1) .approval_info_text .num {font-family:roboto;font-size:50px;color:#132771;}
.approval_dashboard_list li:nth-of-type(1) .approval_info_text .text {color:#132771;font-size:17px;opacity:0.7;}
.approval_dashboard_list li:nth-of-type(1) a:hover h4{color:#fff !important;}
.approval_dashboard_list li:nth-of-type(1) a:hover .approval_info_text .num{color:#fff !important;}
.approval_dashboard_list li:nth-of-type(1) a:hover .approval_info_text .text{color:#fff !important;}
.approval_dashboard_list li:nth-of-type(1) .approval_arr_box
{position:absolute;width:43px;height:43px;background:#fff;border-radius:10px;right:20px;top:20px;line-height:41px;text-align:center;}

.approval_dashboard_list li:nth-of-type(2) {background:#506eea;}
.approval_dashboard_list li:nth-of-type(2) h4{font-size:20px;color:#fff;font-weight:400;margin:103px 0 0 30px;}
.approval_dashboard_list li:nth-of-type(2) .approval_info_text {margin:10px 0 0 30px;font-size:17px;font-weight:400;}
.approval_dashboard_list li:nth-of-type(2) .approval_info_text .num {font-family:roboto;font-size:50px;color:#fff;}
.approval_dashboard_list li:nth-of-type(2) .approval_info_text .text {color:#fff;font-size:17px;opacity:0.7;}

.approval_dashboard_list li:nth-of-type(3) {background:#fff;border:1px solid #7988bd;*}
.approval_dashboard_list li:nth-of-type(3) h4{font-size:20px;color:#132771;font-weight:400;margin:103px 0 0 30px;}
.approval_dashboard_list li:nth-of-type(3) .approval_info_text {margin:10px 0 0 30px;font-size:17px;font-weight:400;}
.approval_dashboard_list li:nth-of-type(3) .approval_info_text .num {font-family:roboto;font-size:50px;color:#132771;}
.approval_dashboard_list li:nth-of-type(3) .approval_info_text .text {color:#132771;font-size:17px;opacity:0.7;}
.approval_dashboard_list li:nth-of-type(3) a:hover h4{color:#fff !important;}
.approval_dashboard_list li:nth-of-type(3) a:hover .approval_info_text .num{color:#fff !important;}
.approval_dashboard_list li:nth-of-type(3) a:hover .approval_info_text .text{color:#fff !important;}
.approval_dashboard_list li:nth-of-type(3) .approval_arr_box
{position:absolute;width:43px;height:43px;background:#eeeef1;border-radius:10px;right:20px;top:20px;line-height:41px;text-align:center;}

.approval_dashboard_list li:nth-of-type(4) {background:#1d6ce5;}
.approval_dashboard_list li:nth-of-type(4) h4{font-size:20px;color:#fff;font-weight:400;margin:103px 0 0 30px;}
.approval_dashboard_list li:nth-of-type(4) .approval_info_text {margin:10px 0 0 30px;font-size:17px;font-weight:400;}
.approval_dashboard_list li:nth-of-type(4) .approval_info_text .num {font-family:roboto;font-size:50px;color:#fff;}
.approval_dashboard_list li:nth-of-type(4) .approval_info_text .text {color:#fff;font-size:17px;opacity:0.7;}

.approval_dashboard_list li:nth-of-type(5) {background:#0f3f89;}
.approval_dashboard_list li:nth-of-type(5) h4{font-size:20px;color:#fff;font-weight:400;margin:103px 0 0 30px;}
.approval_dashboard_list li:nth-of-type(5) .approval_info_text {margin:10px 0 0 30px;font-size:17px;font-weight:400;}
.approval_dashboard_list li:nth-of-type(5) .approval_info_text .num {font-family:roboto;font-size:50px;color:#fff;}
.approval_dashboard_list li:nth-of-type(5) .approval_info_text .text {color:#fff;font-size:17px;opacity:0.7;}

.approval_dashboard_list li:nth-of-type(1):hover, .approval_dashboard_list li:nth-of-type(2):hover,.approval_dashboard_list li:nth-of-type(3):hover,
.approval_dashboard_list li:nth-of-type(4):hover, .approval_dashboard_list li:nth-of-type(5):hover {background:#183562;transition:0.2s;}

.expensereport_sign_box .expensereport_sign_name {display:inline-block;float:left;text-align:right;vertical-align:top;}
.expensereport_sign_box .expensereport_sign_name li {display:inline-block;vertical-align:top;margin-right:20px;}
.expensereport_sign_box .expensereport_sign_name li:last-child {margin-right:0;}

.expensereport_sign_name li div.title{padding-bottom:5px;color:#818181;text-align:left;color:#555;}
.expensereport_sign_name .square{width:140px;line-height:40px;height:40px;background:#f9faff;border-radius:5px;border:1px solid #cecee0;text-align:left;padding-left:10px;}
.expensereport_sign_name .square02{width:140px;height:60px;border-radius:10px;}

.expensereport_btn_box {float:right;overflow:hidden;text-align:center;margin-top:36px;}

table.expensereport_view {overflow-x: auto; clear:both; position:relative;width:100%; border-collapse: separate; border-top:1px solid #393939;}
table.expensereport_view thead th{ background: #fafafa;border-bottom: 1px solid #e1e1e1;padding: 10px;border-right: 1px dashed #e1e1e1;color: #393939;font-weight: 400;font-size: 15px;}
table.expensereport_view tbody th{ background:#fafafa; border-bottom:1px solid #e1e1e1; padding:10px; border-right:1px dashed #e1e1e1; color:#393939;font-weight:500; font-size:15px; }
table.expensereport_view tbody td
{padding:10px; border-bottom:1px solid #e1e1e1;  border-right: 1px dashed #e1e1e1;color:#555; background:#fff; text-align:center; font-size:13px; }
table.expensereport_view tbody td a{display:block;}
table.expensereport_view tbody td a:hover{color:#3376eb;font-weight:bold;}
table.expensereport_view tfoot th {  background:#fff;border-bottom: 1px solid #e1e1e1;padding:10px 0; font-weight:500; font-size:20px;}
table.expensereport_view .receiv_inputA {    border: solid 1px #d7d7e6;border-radius: 5px !important;height: 23px;background:#fff;}
table.expensereport_view h5{font-size:20px;color:#277a2c;font-weight:500;}
table.expensereport_view .account_meney {font-weight:400;font-size:17px;}

.expenseview_sign_box{margin-top:0;overflow:hidden;width:100%;display: flex;flex-direction: row;}
.expenseview_sign_box .expenseview_sign_name{float:right;display: flex;    flex-direction: row;    justify-content: space-around;vertical-align:top;border-top:1px solid #393939;border-bottom:1px solid #d5d5d5;}
.expenseview_sign_box .expenseview_sign_name li {display:inline-block;border-right:1px solid #efefef;width:140px;}
.expenseview_sign_box .expenseview_sign_name li:last-child {margin-right:0;border-right:0;}
.expenseview_sign_name li div.title{color:#818181;text-align:center;border-bottom:1px solid #efefef;background:#f9f9f9;height:35px;line-height:35px;}
.expenseview_sign_name .square02
{text-align:center;background:#fff;padding:10px 0 10px 0;} /* line-height:50px;height:50px; */

.expensereport_view_title {width:100%;display:inline-block;margin-top:40px;}
.expensereport_view_title h4{font-size:30px;font-weight:500;display:flex; justify-content: center;align-items: center;width:100%;}

.expensereport_view_topbtn{width:950px;padding:10px 0 10px 0;text-align:center;overflow:hidden;margin:auto;}
.expensereport_view_person{width:950px;margin:0 auto 30px auto;overflow:hidden;}
.expensereport_view_submission_title{background:#fff;font-size: 15px;color:#888;font-weight:300;text-align:center;padding:30px;}
table.expensereport_view.total_num01{font-size:14px;background:#fafafa;}
table.expensereport_view.total_num02{font-size:20px;background:#fafafa;text-align:left;}
.expensereport_view_bottom{background:#fff;font-size: 15px;color:#888;font-weight: 400;text-align:center;padding:30px;}
.expensereport_view_manager{background:#fff;font-size: 15px;color:#888;font-weight: 400;text-align:right;padding:30px;}
table.expensereport_view .amount_title {color:#7c7c7c;font-weight:400;}
table.expensereport_view .amount_title span{font-size:17px;color:#393939;}

.expensereport_submission{background:#fff;text-align:center;color:#2665d2;padding:30px;}
.expensereport_write_bottom{background:#fff;text-align:center;padding:30px;}
.vacation_info_text{width:100%;border: solid 1px #d7d7e6;overflow:hidden;text-align:center;color:#717171;font-size:14px;padding:20px;margin-bottom:20px;border-radius: 5px !important;background:#f9f9f9;}

.extrawork_view_issue {margin:20px 0 20px 0;}
.extrawork_view_issue_text{margin-bottom:10px;}
.extrawork_view_issue textarea {background:#fafafa;border: 1px solid #f0f0f0;  height: 200px;border-radius:5px;}
.extrawork_except_box{overflow:hidden;width:100%;margin-bottom:20px;font-size:17px;}
.extrawork_except_box p{display:inline-block;}

.extrawork_drag_box_place{width:48%;float:left;vertical-align:top;height:auto;margin-top:38px;}
.extrawork_drag_box{float:left;width:49%;background:#f8f9fd;padding:20px;border:solid 1px #d3d8e1;border-radius:5px;margin-top: 30px;text-align: center;height: 300px;min-height: auto;overflow-y: auto;}
.extrawork_drag_box_info_text{margin: 0 0 20px 0;text-align: left;font-size: 14px;color:#7b7b7b;}
.extrawork_drag_leftlist{display:inline-block;float:left;background:#fff;width:175px !important;color:#7b7b7b !important;}
.extrawork_drag_leftlist li
{min-height: 30px !important;font-size: 14px !important;width: 155px !important;  border-radius: 15px;padding:5px 0 0 10px !important;margin:0 0 0 15px !important;}
.extrawork_drag_rightlist
{width:180px !important;display:inline-block;float:none;vertical-align:top;border:none;border-radius:15px;border:1px solid #eee;min-height:300px;
background:#fff !important;}
.extrawork_drag_rightlist li{  margin: 0 0 7px 10px !important;min-height: 30px !important;    font-size: 14px !important;    width: 155px !important;    border-radius: 8px !important;padding: 5px 0 5px 10px !important;}
.extrawork_modal_memo{width:48%;float:right;vertical-align:top;height:auto;margin-top:38px;}
.extrawork_modal_memo textarea{border: solid 1px#d7d7e6;border-radius: 5px !important;background:#f9faff;}

.extraWorkCalandar_meno{border: solid 1px #d7d7e6;border-radius: 5px !important;background:#f9faff;padding:10px;margin-bottom:20px;}

.approval_modal_list{margin-bottom:20px;}

.expenseview_sign_name_btn
{font-size:13px;width:60px;text-align:center;margin:0 auto 10px auto;background:#f2f9ff;padding: 2px 7px;border: 1px solid #a6c3f5;color:#3376eb;border-radius: 3px;}

.expenseview_appr_name_btn
{font-size:13px;width:60px;text-align:center;margin:0 auto 10px auto;background:#edfff6;padding: 2px 7px;border: 1px solid #c3ddcf;color:#357f58;border-radius: 3px;}

.expenseview_refusal_name_btn
{font-size:13px;width:60px;text-align:center;margin:0 auto 10px auto;background:#f7e5e4;padding: 2px 7px;border: 1px solid #ee6f60;color:#c43524;border-radius: 3px;}

.expenseview_companion_name_btn
{font-size:13px;width:60px;text-align:center;margin:0 auto 10px auto;background:#fff3d7;padding: 2px 7px;border: 1px solid #f9ca5d;color:#aa7a2f;border-radius: 3px;}


.inspection_item_box{width:100%;overflow:hidden;}
.inspection_item_box h4 {font-size:20px;color:#14468f;font-weight:400;margin-bottom:20px;}

.inspection_item_file_wrap{top:0;}
.inspection_item_submit{margin:15px 0 15px 0;}
.inspection_item_img_wrap{background:#fff;    background-image: none;height: 215px;width: 100%;text-align: center;margin:auto;}

.checks_approval {position: relative;}
.checks_approval input[type="radio"] { position:absolute;width: 1px; height: 1px; padding: 0; overflow: hidden; clip:rect(0,0,0,0); border:0;} /* position: absolute; */
.checks_approval input[type="radio"] + label
{ display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks_approval input[type="radio"] + label:before
{ content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks_approval input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before
{ box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks_approval input[type="radio"]:checked + label:before
{ background: #E9ECEE; border-color: #adb8c0; }
.checks_approval input[type="radio"]:checked + label:after
{ content: ''; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }
.process_modal_memo{border: solid 1px #d7d7e6;border-radius: 5px !important;background: #f9faff;}

/* 공정관리 프로젝트 클릭시 나오는 테이블 */
.tableA{ background-color: #e0e9f6 !important;}
.tableB{ background-color: #f9efe1 !important;}
.tableC{ background-color: #e4f5f8 !important;}

table.board_typeA_process_popup { clear:both; position:relative; width:100%;}
table.board_typeA_process_popup thead th { position:relative; background:#eff3f9; color:#414d7e; font-size:14px; padding:5px; border-right:1px dashed #ddd;border-bottom:1px dashed #ddd; font-weight:500; word-break: break-all; }
table.board_typeA_process_popup tbody th { background:#f9f9f9; border-bottom:1px solid #dadadb; padding:5px; border-right:0px solid #e0e0e0; color:#3a3940; font-size:14px; line-height:170%;}
table.board_typeA_process_popup tbody td { border-bottom:1px solid #dadadb; padding:5px 10px; color:#555; line-height:170%; text-align:center; font-size:15px; }
table.board_typeA_process_popup thead th:last-child,
table.board_typeA_process_popup tbody td:last-child { border-right:none; }
table.board_typeA_process_popup tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #e0e0e0;}
table.board_typeA_process_popup tbody tr:hover{background:#f6f6f6;}

/*firefox only hack*/

@-moz-document url-prefix() {

table.plm_receiving_modal01 thead th:last-child{border-right:0px;}
table.plm_receiving_modal01 tbody th:last-child{border-right:0px;}
table.plm_receiving_modal01 tbody th:last-child { border-right:0px; border-top:0px; }
table.plm_receiving_modal01 tbody td:last-child { border-right:0px; border-top:0px; }

table.plm_account_modal01 thead th:last-child{border-right:0px;}
table.plm_account_modal01 tbody th:last-child{border-right:0px;}
table.plm_account_modal01 tbody th:last-child { border-right:0px; border-top:0px; }
table.plm_account_modal01 tbody td:last-child { border-right:0px; border-top:0px; }

 }

/*chrome only hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

table.plm_receiving_modal01 {overflow-x: auto; clear:both; position:relative;width:100%; border-collapse: collapse ; }
table.plm_receiving_modal01 thead th{ background:#f2faff;border-top:1px solid #9cbced; border-bottom: 1px solid#9cbced;padding: 3px;border-right: 1px dashed#9cbced;color:#585858;font-weight: 400;font-size: 13px;height: 25px;}
table.plm_receiving_modal01 tbody th{ background:#f2faff; border-bottom:1px solid #9cbced; padding:3px; border-right:1px dashed #9cbced; color:#585858;font-weight:400; font-size:13px; height:25px;}
table.plm_receiving_modal01 tbody td {border-top:0px;padding:3px; border-bottom:1px solid #9cbced;  border-right: 1px dashed #9cbced;color:#555;  text-align:center; font-size:13px; height:25px;}
table.plm_receiving_modal01 tbody td a{display:block;}
table.plm_receiving_modal01 tbody td a:hover{color:#3376eb;font-weight:bold;}

table.plm_receiving_modal01 thead th:last-child{border-right:none; border-bottom: 1px solid#9cbced;border-top:1px solid #9cbced;}
table.plm_receiving_modal01 tbody th:last-child{border-right:none;border-bottom:1px solid #9cbced; }
table.plm_receiving_modal01 tbody td:last-child { border-right:none; border-top:none; border-bottom:1px solid #9cbced;  }

}

.table-part{
	background-color: #506ee4;
	color: white;
}

.modal-2xl{
	max-width : 1700px;
}

.modal-header{
	background-color: #3a46d2;
	color: white;
    padding: .5rem
}

.modal-header button.btn-close {
    margin-right: 2px;
}

.modal-body {
    padding: 2px;
}

.modal-footer {
    padding: 2px;
}

button[type=button].btn {
    margin: 0px;
}

.h38 {
	height: 38px;
}

.datatable_loader {
  margin: 100px auto;
  font-size: 15px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #3d5aeb, 1.8em -1.8em 0 0em rgba(61,90,235, 0.2), 2.5em 0em 0 0em rgba(61,90,235, 0.2), 1.75em 1.75em 0 0em rgba(61,90,235, 0.2), 0em 2.5em 0 0em rgba(61,90,235, 0.2), -1.8em 1.8em 0 0em rgba(61,90,235, 0.2), -2.6em 0em 0 0em rgba(61,90,235, 0.5), -1.8em -1.8em 0 0em rgba(61,90,235, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.7), 1.8em -1.8em 0 0em #3d5aeb, 2.5em 0em 0 0em rgba(61,90,235, 0.2), 1.75em 1.75em 0 0em rgba(61,90,235, 0.2), 0em 2.5em 0 0em rgba(61,90,235, 0.2), -1.8em 1.8em 0 0em rgba(61,90,235, 0.2), -2.6em 0em 0 0em rgba(61,90,235, 0.2), -1.8em -1.8em 0 0em rgba(61,90,235, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.5), 1.8em -1.8em 0 0em rgba(61,90,235, 0.7), 2.5em 0em 0 0em #3d5aeb, 1.75em 1.75em 0 0em rgba(61,90,235, 0.2), 0em 2.5em 0 0em rgba(61,90,235, 0.2), -1.8em 1.8em 0 0em rgba(61,90,235, 0.2), -2.6em 0em 0 0em rgba(61,90,235, 0.2), -1.8em -1.8em 0 0em rgba(61,90,235, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.2), 1.8em -1.8em 0 0em rgba(61,90,235, 0.5), 2.5em 0em 0 0em rgba(61,90,235, 0.7), 1.75em 1.75em 0 0em #3d5aeb, 0em 2.5em 0 0em rgba(61,90,235, 0.2), -1.8em 1.8em 0 0em rgba(61,90,235, 0.2), -2.6em 0em 0 0em rgba(61,90,235, 0.2), -1.8em -1.8em 0 0em rgba(61,90,235, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.2), 1.8em -1.8em 0 0em rgba(61,90,235, 0.2), 2.5em 0em 0 0em rgba(61,90,235, 0.5), 1.75em 1.75em 0 0em rgba(61,90,235, 0.7), 0em 2.5em 0 0em #3d5aeb, -1.8em 1.8em 0 0em rgba(61,90,235, 0.2), -2.6em 0em 0 0em rgba(61,90,235, 0.2), -1.8em -1.8em 0 0em rgba(61,90,235, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.2), 1.8em -1.8em 0 0em rgba(61,90,235, 0.2), 2.5em 0em 0 0em rgba(61,90,235, 0.2), 1.75em 1.75em 0 0em rgba(61,90,235, 0.5), 0em 2.5em 0 0em rgba(61,90,235, 0.7), -1.8em 1.8em 0 0em #3d5aeb, -2.6em 0em 0 0em rgba(61,90,235, 0.2), -1.8em -1.8em 0 0em rgba(61,90,235, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.2), 1.8em -1.8em 0 0em rgba(61,90,235, 0.2), 2.5em 0em 0 0em rgba(61,90,235, 0.2), 1.75em 1.75em 0 0em rgba(61,90,235, 0.2), 0em 2.5em 0 0em rgba(61,90,235, 0.5), -1.8em 1.8em 0 0em rgba(61,90,235, 0.7), -2.6em 0em 0 0em #3d5aeb, -1.8em -1.8em 0 0em rgba(61,90,235, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.2), 1.8em -1.8em 0 0em rgba(61,90,235, 0.2), 2.5em 0em 0 0em rgba(61,90,235, 0.2), 1.75em 1.75em 0 0em rgba(61,90,235, 0.2), 0em 2.5em 0 0em rgba(61,90,235, 0.2), -1.8em 1.8em 0 0em rgba(61,90,235, 0.5), -2.6em 0em 0 0em rgba(61,90,235, 0.7), -1.8em -1.8em 0 0em #3d5aeb;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #3d5aeb, 1.8em -1.8em 0 0em rgba(61,90,235, 0.2), 2.5em 0em 0 0em rgba(61,90,235, 0.2), 1.75em 1.75em 0 0em rgba(61,90,235, 0.2), 0em 2.5em 0 0em rgba(61,90,235, 0.2), -1.8em 1.8em 0 0em rgba(61,90,235, 0.2), -2.6em 0em 0 0em rgba(61,90,235, 0.5), -1.8em -1.8em 0 0em rgba(61,90,235, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.7), 1.8em -1.8em 0 0em #3d5aeb, 2.5em 0em 0 0em rgba(61,90,235, 0.2), 1.75em 1.75em 0 0em rgba(61,90,235, 0.2), 0em 2.5em 0 0em rgba(61,90,235, 0.2), -1.8em 1.8em 0 0em rgba(61,90,235, 0.2), -2.6em 0em 0 0em rgba(61,90,235, 0.2), -1.8em -1.8em 0 0em rgba(61,90,235, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.5), 1.8em -1.8em 0 0em rgba(61,90,235, 0.7), 2.5em 0em 0 0em #3d5aeb, 1.75em 1.75em 0 0em rgba(61,90,235, 0.2), 0em 2.5em 0 0em rgba(61,90,235, 0.2), -1.8em 1.8em 0 0em rgba(61,90,235, 0.2), -2.6em 0em 0 0em rgba(61,90,235, 0.2), -1.8em -1.8em 0 0em rgba(61,90,235, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.2), 1.8em -1.8em 0 0em rgba(61,90,235, 0.5), 2.5em 0em 0 0em rgba(61,90,235, 0.7), 1.75em 1.75em 0 0em #3d5aeb, 0em 2.5em 0 0em rgba(61,90,235, 0.2), -1.8em 1.8em 0 0em rgba(61,90,235, 0.2), -2.6em 0em 0 0em rgba(61,90,235, 0.2), -1.8em -1.8em 0 0em rgba(61,90,235, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.2), 1.8em -1.8em 0 0em rgba(61,90,235, 0.2), 2.5em 0em 0 0em rgba(61,90,235, 0.5), 1.75em 1.75em 0 0em rgba(61,90,235, 0.7), 0em 2.5em 0 0em #3d5aeb, -1.8em 1.8em 0 0em rgba(61,90,235, 0.2), -2.6em 0em 0 0em rgba(61,90,235, 0.2), -1.8em -1.8em 0 0em rgba(61,90,235, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.2), 1.8em -1.8em 0 0em rgba(61,90,235, 0.2), 2.5em 0em 0 0em rgba(61,90,235, 0.2), 1.75em 1.75em 0 0em rgba(61,90,235, 0.5), 0em 2.5em 0 0em rgba(61,90,235, 0.7), -1.8em 1.8em 0 0em #3d5aeb, -2.6em 0em 0 0em rgba(61,90,235, 0.2), -1.8em -1.8em 0 0em rgba(61,90,235, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.2), 1.8em -1.8em 0 0em rgba(61,90,235, 0.2), 2.5em 0em 0 0em rgba(61,90,235, 0.2), 1.75em 1.75em 0 0em rgba(61,90,235, 0.2), 0em 2.5em 0 0em rgba(61,90,235, 0.5), -1.8em 1.8em 0 0em rgba(61,90,235, 0.7), -2.6em 0em 0 0em #3d5aeb, -1.8em -1.8em 0 0em rgba(61,90,235, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(61,90,235, 0.2), 1.8em -1.8em 0 0em rgba(61,90,235, 0.2), 2.5em 0em 0 0em rgba(61,90,235, 0.2), 1.75em 1.75em 0 0em rgba(61,90,235, 0.2), 0em 2.5em 0 0em rgba(61,90,235, 0.2), -1.8em 1.8em 0 0em rgba(61,90,235, 0.5), -2.6em 0em 0 0em rgba(61,90,235, 0.7), -1.8em -1.8em 0 0em #3d5aeb;
  }
}

table.dataTable input[type=checkbox] {
  position: relative;
  top: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0px !important;
}

.dataTables_wrapper .dataTables_info {
  padding-top: 3.75px !important;
}

.dt-edit-row{
	cursor: pointer;
}

#pro2DUpload, #pro3DUpload{
	padding: 3px;
}

.modal button.close span {
  color: white;
}

table.check_row tbody td[checked=checked] {
	background-color: LightYellow;
}

.required:before {
  color: red;
  content: "*";
}

div.file_upload .file_list {
  width: 100%;
  height: 82px;
  margin-top: 1px;
}

div.file_upload .file_frame {
  height: 82px;
  width: 76px;
  padding: 1px;
  margin-right: 2px;
  border: 1px solid red;
}
/* .edit_disabled 이미지 수정 불가능하게 추가 */
div.file_upload.edit_disabled .file_frame {
  height: 64px;
  width: 76px;
  padding: 1px;
  margin-right: 2px;
  border: 1px solid red;
}

div.file_upload.edit_disabled .file_list {
  width: 100%;
  height: 64px;
  margin-top: 1px;
}

div.file_upload .file_frame>img {
  height: 60px;
  width: 100%;
  /* margin-bottom: -1px; */
  cursor: pointer;
  display: block;
}

div.file_upload .file_frame button {
  height: 18px;
  /* width: 37px; */
  font-size: 10px;
  color: white;
}

div.file_upload .file_frame:last-child {
  margin-right: 0;
}

table.file_upload td {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;

}

td.ellipsis {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}