@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* common */
html, body, div, span, object, iframe,
p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0; border:0; font-family: "Noto Sans", "Noto Sans KR", sans-serif;letter-spacing:-1px;word-break: break-all;}

*{box-sizing: border-box;}
body{ font-family:"Noto Sans","Noto Sans KR", sans-serif;background-color:#fff; *word-break:break-all; -ms-word-break:break-all;}
body{ font-family:"Noto Sans","Noto Sans KR", sans-serif;font-size:.813em;color:#555;line-height:1.5em;min-width:1280px;}
img, input.type-image{ border: 0 none;}
ol, ul, li{list-style:none;}
blockquote, q{quotes:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-spacing: 0;} /* border-collapse: collapse; */
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
select{font-size: 1em; font-family: "Noto Sans", "Noto Sans KR", sans-serif;}
a{text-decoration: none;}

hr{display:none;}
noscript{display:none}
button{cursor:pointer;_cursor /**/:hand;font-weight:500;}
textarea:focus { outline: none; }
button:focus { outline: none; }
input:focus { outline: none; }
select:focus { outline: none; }
input[type=checkbox] {
    padding: 0;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    border: 1px solid #e5e5e5 !important;
    cursor:pointer;
}
input[type=checkbox] + label {
      cursor:pointer;
}
input[type=radio] {
  padding: 0;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #e5e5e5 !important;
  cursor:pointer;
}
input[type=radio] + label {
    cursor:pointer;
}
input[type="number"],input[type="text"], input[type="input"], input[type="password"], input[data-type="date"] input[data-type="number"], input[type="time"] {
    padding: 2px 0 3px 0;
    font-size: 30px !important;
    line-height: 100%;
    border: 3px solid black !important;
    color: #222;
    vertical-align: middle;
    text-indent: 5px;}

select.kiosk_sel {
    box-sizing: border-box;
    border-radius: 5px !important;
    line-height: 38px;
    border: solid 3px black !important;
    color: #999;
    /* background: #fff url(../img/icon_arr3.png) right no-repeat; */
    padding: 5px;}

/* body */
body.main_body{background:#f1f7fb;}
body.sub_body{background:#fff;}

/* header position:fixed;*/
#header{min-width:1200px;left:0;right:0;text-align:center;padding:20px;z-index:30;overflow:hidden;background:#f1f7fb;}
.h1_title_box {float:left;display: flex;flex-direction: row;}
.h1_title_box h1{display: flex;align-items: center;justify-content: center;margin-top:15px;}
.h1_title_box h1 a{color:#363636;font-size:18px;font-weight:500;letter-spacing:0;}
.info_left_box{float:right;display: flex;flex-direction: row;}

.info_left_box .time_box{font-size:20px;color:#373737;font-weight:600;letter-spacing:2px;display: flex;align-items: center;justify-content: center;margin-right:28px;}
.info_left_box .person_box{border-radius:30px;border:1px solid #c5d8e4;color:#373737;padding:14px 24px;display: flex;align-items: center;justify-content: center;font-size:15px;font-weight:400;}
.info_left_box .person_box_title {display:flex;align-items: center;justify-content: center;}
.info_left_box .person_box_name{display: flex;align-items: center;justify-content: center;}

/* container width:1100px; */
/* #container{width:100%;text-align:center;z-index:2;position: relative;} */
#container{width:100%;text-align:center;position: relative;}
#container.container_sub{background:#fff;height:auto;min-height:100%;}
#content{width:1010px;text-align:center;margin:auto;position: relative;padding-top:52px;} /* min-height:500px; */
/* #sub_content{padding: 20px 20px 0 20px;background:#fff;} */
#sub_content{margin: 20px 20px 0 20px;}
.sub_left_wrap {width:22.50%;float:left;margin-bottom:50px;position:relative;}
.sub_right_wrap {width:75.41%;float:right;}
.sub_right_btn_box{float:right;margin:-8px 0 15px 0;overflow:hidden;}
.h2_title_box{line-height:34px;font-size:15px;margin-bottom:10px;}
.h2_title_box h2{text-align:left;font-weight:400;color:#37428a;}

/* main */
/* flex-direction: row; */
.main_btn_box{display: flex;justify-content: space-between;align-items: center;width: 100%;text-align:center;padding-bottom:40px;}

/* display: flex; , -20px -20px 60px #62d5ff justify-content: space-around;*/
.main_btn_box li {width:220px;height:220px;border-radius:70px;display:block;font-weight:200;box-shadow:17px 17px 17px rgba(212, 220, 226, 0.5);}
.main_btn_box li a{display:block;width:220px;height:220px;position:absolute;}
.main_btn_box li.lot_btn_01 {background:#37428a;text-align:center;}
.main_btn_box li.lot_btn_02 {background:#7385e7;text-align:center;}
.main_btn_box li.lot_btn_03 {background:#f2f2ff;border:1px solid #ced3f0;text-align:center;}
.main_btn_box li.lot_btn_normal {background:#fff;border:1px solid #b7bfd1;text-align:center;}
.kiosk_h3_title_01,.kiosk_h3_title_02{margin:62px 0 19px 0;}
.kiosk_h3_title_01 h3{font-weight:400;font-size:19px;color:#fff;}
.kiosk_h3_title_02 h3{font-weight:400;font-size:19px;color:#282828;}
h1.logo { float:left;margin-left:214px;margin-top:5px;}

/* sub */
.sub_top_box{margin-top:15px;display:block;}
.sub_top_barcode_wrap{float:right;width:93.41%;}/* width:calc(100% - 200px); -> width:calc(100% - 옆에 div 가로사이즈);  */
.sub_top_barcode_wrap .btn_box{float:right;margin-top:7px;}
.sub_top_home_wrap{display:block;float:left;} /* width:22.08%; */
.sub_top_home_btn{float:left;width:65px;height:65px;box-shadow:8px 5px 8px rgba(55, 66, 138, 0.2);background:url("/public/image/kiosk_img/ic_home.png") 50% 50% #2044a4 no-repeat;border-radius:20px;}
.sub_top_home_title{float:left;font-size:20px;color:#37428a;line-height:73px;margin-left:18px;}

.barcode_input01_box{float:left;width:83.00%;}
.barcode_input01
{border:solid 1px #e2e5ec;border-radius: 15px !important;width:100%;height:69px;box-shadow:30px 0 30px rgba(156, 176, 191, 0.2);}

.calendar_kiosk_input{width:99%;height: 38px;    box-sizing: border-box;z-index:99999; border: solid 1px #dfdfdf !important;    border-radius: 5px;
color: #999;    background: #fff;    padding: 1px 0 0 5px;    margin: 0 5px; text-align: center;}

.calendar_kiosk_input_big{width:99%;height: 50px;    box-sizing: border-box;z-index:99999; border: solid 1px #dfdfdf !important;    border-radius: 5px;
  color: #999;    background: #fff;    padding: 1px 0 0 5px;    margin: 0 5px; text-align: center;}

.kiosk_input_normal {width:99%;height: 36px;    box-sizing: border-box;z-index:99999; border: solid 1px #dfdfdf !important;    border-radius: 5px;
color: #999;    background: #fff;    padding: 1px 0 0 5px;    margin: 0;}

.kiosk_input_big, .kiosk_input_big_text {width:99%;height: 50px;    box-sizing: border-box;z-index:99999; border: solid 1px #dfdfdf !important;    border-radius: 5px;
  color: #999;    background: #fff;    padding: 1px 0 0 5px;    margin: 0;  font-size: 36px;  color:#da5a5a;}

/* button */
.checkBtn_search
{float:left;background: #2363cd;color: #fff !important;border:0;border-radius:10px;width: 91px;height: 56px;font-size: 15px;display: block;line-height: 56px;text-align: center;font-weight:500;}

.checkBtn_reset
{float:left;background: #fff6f6;color: #e86868 !important;border-radius:10px;width:80px;height: 55px;font-size: 15px;display: block;line-height: 55px;text-align: center;
  border:1px solid #e86868;font-weight:500;}

.checkBtn_delete
{background:#e86868;color:#fff;border-radius:6px;width:auto !important;height: 38px;font-size: 14px;border: 1px solid #d42222;display: block;line-height: 38px;text-align: center;
  padding: 0 10px 0 10px;font-weight:400;}

.checkBtn_sheet
{background:#3376eb;color:#fff;border-radius:6px;width:auto !important;height: 38px;font-size: 14px;border: 1px solid #2463d1;display: block;line-height: 38px;text-align: center;
  padding: 0 10px 0 10px;font-weight:400;}

.checkBtn_back
{background:#a0a0a0;color:#fff;border:1px solid #6b6b6b;border-radius:6px;width:auto !important;height: 38px;font-size: 14px;display: block;line-height: 38px;text-align: center;
padding: 0 10px 0 10px;font-weight:400;}

.width_shot_btn{width:70px !important;letter-spacing:1px;}

.checkBtn_modal_sheet
{background:#3376eb;color:#fff;border-radius:6px;width:auto !important;height: 38px;font-size: 13px;border: 1px solid #2463d1;display: block;line-height: 38px;text-align: center;
  padding: 0 10px 0 10px;font-weight:600;}

.checkBtn_image {
    /* background: url('/public/image/product_memo_ic.png') 7px 9px no-repeat #edf4ff;*/
    background:#edf4ff;
    color: #177eea;
    border-radius: 3px;
    vertical-align: middle;
    font-size: 13px;
    border: 1px solid #aed2f7;
    font-weight: normal;
    display: inline-block !important;
    line-height: 28px;
    text-align: center;
    padding: 0 10px 0 10px;
    font-family: roboto;
    letter-spacing: 0;
    font-weight: 500;
}
.checkBtn_info {
    background: #1e90e5;
    padding: 4px 10px 5px;
    color: #fff;
    border-radius: 3px;
    vertical-align: middle;
    font-size: 13px;
    border:0;
}
/* table */
table.board_typeA
{ clear:both; position:relative; border-radius:15px;width:100%; border:1px solid #e9e9e9;box-shadow:12px 0 12px rgba(129, 129, 129, 0.1);}
table.board_typeA thead th {border-bottom:1px solid #dde7ee;position:relative; background:#ebf4fa; color:#1a235a; font-size:17px; padding:25px 5px; font-weight:500; word-break: break-all; }
table.board_typeA thead th:first-child{border-radius:15px 0 0 0;}
table.board_typeA thead th:last-child{border-radius:0 15px 0 0;}
table.board_typeA tbody th
{ background: #ebf4fa;border-bottom:1px solid #dde7ee;color: #1a235a;font-size: 15px;padding: 10px 10px;font-weight: 400;line-height:170%;word-break: break-all;}
table.board_typeA tbody td {text-align:left;word-break: break-all; border-top:1px solid #e9e9e9; padding:10px 10px; border-left:1px solid #e9e9e9; color:#555; line-height:20px; font-size:16px;}

table.board_typeB /* box-shadow:12px 0 12px rgba(129, 129, 129, 0.1);border-left:1px solid #e9e9e9;border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9; */
{ clear:both; position:relative; border-radius:15px;width:100%;border:1px solid #e9e9e9;}
table.board_typeB thead th:last-child,
table.board_typeB tbody td:last-child { border-right:none; }
table.board_typeB tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #e9e9e9;word-break:break-all;}
/* table.board_typeA tbody tr:hover{background:#f6f6f6;} */
table.board_typeB thead th
{position:relative; border-right:1px solid #dde7ee;background:#ebf4fa; color:#1a235a; font-size:15px; padding:15px 5px; font-weight:400; word-break: break-all; }
table.board_typeB thead th:first-child{border-radius:15px 0 0 0;}
table.board_typeB thead th:last-child{border-radius:0 15px 0 0;}
table.board_typeB tbody th{ background: #ebf4fa;color: #1a235a;font-size: 15px;padding: 10px 10px;border-bottom: 1px solid #e9e9e9;font-weight: 400;line-height:170%; }
table.board_typeB tbody td { padding:12px 10px; border-right:1px solid #e9e9e9;border-top:1px solid #e9e9e9; color:#555; line-height:170%; text-align:center; font-size:14px; word-break:break-all; }

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

table.board_typeB_regist td { height: 86px; }

table.board_type_modal /* box-shadow:12px 0 12px rgba(129, 129, 129, 0.1);border-left:1px solid #e9e9e9;border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9; */
{border-collapse: collapse;white-space: nowrap; clear:both; position:relative; width:100%;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
table.board_type_modal thead th:last-child,
table.board_type_modal tbody td:last-child { border-right:none; }
table.board_type_modal tfoot th { background:#f9f9f9; padding:10px 0; font-weight:500; border-bottom:1px solid #e9e9e9;word-break:break-all;}

table.board_type_modal thead th{z-index: 999;position: sticky;top: 0;border-right:1px solid #e4e4e4;background:#f0f0f0; color:#515151; font-size:20px; padding:15px 5px; font-weight:400; word-break: break-all; height: 50px; }
/* table.board_type_modal thead th:first-child{border-radius:15px 0 0 0;}
table.board_type_modal thead th:last-child{border-radius:0 15px 0 0;} */
table.board_type_modal tbody th{ background: #ebf4fa;color: #1a235a;font-size: 20px;padding: 10px 10px;border-bottom: 1px solid #e9e9e9;font-weight: 400;line-height:170%; height: 50px; }
table.board_type_modal tbody td { padding:5px; border-right:1px solid #e9e9e9;border-top:1px solid #e9e9e9; color:#555; line-height:170%; text-align:center; font-size:19px; word-break:break-all; height: 50px; }

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

.left_img_box img{width:99%;margin-bottom:20px;}
.left_img_box h4{font-size: 15px;color:#979797;margin-bottom:10px;font-weight:400;text-align:left;}

.main_visual{height:500px;width:100%;position: relative;margin-top:48px;}
.swiper-container {width: 830px;height:100%;}
.swiper-slide {text-align: center;font-size: 18px;  background: #fff;}

.main_barcode_box{width:80.19%;float:left;}
.main_barcode_input01
{padding-left:70px !important;background:url('/public/image/kiosk_img/ic_barcode_ic01.png') no-repeat 20px 50% #fff;font-size:30px !important;border:solid 1px #e2e5ec;border-radius: 30px !important;width:100%;height: 108px;box-shadow:30px 0 30px rgba(156, 176, 191, 0.2);}
.checkBtn_barcode
{background: #2363cd;color:#fff !important;border:0;border-radius:30px;width:176px;height:110px;font-size: 30px;
display: block;line-height: 56px;text-align:center;font-weight:500;margin-left:20px;float:right;}

/* The Modal (background) */
.sub_right_wrap{
  display: none; /* Hidden by default */
}

.text-center{text-align:center}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    /* margin: 15% auto;  15% from the top and centered */
    padding: 20px;
        /* width: 50%; Could be more or less, depending on screen size */
    width:max-content;
    height:max-content;
    border-radius: 15px;
  }

/* The Close Button */
.close, .close02 {
    /*height:40px;
     float: right;
    font-size: 28px;
    font-weight: bold;*/
    position:relative;
    z-index:99999;

}
.close_btn{width:55px;height:55px;position:absolute;top:-80px;right:-20px;}

.image_thumnail_box{position:absolute;top:0;right:0;}
.modal_img_big img{width:590px;}

	.logModal{
		display: none;
		position: fixed;
		z-index:1;
    /*
    left: 0;
		top: 0;
    */
    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%);
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.4);
	}

	.logContents{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:999999 !important;
    border-radius:15px;
		background-color: #fefefe;
		padding: 20px;
		width:max-content;
    height:max-content;
	}

	.logContentsTable{
		width: 100%;
		border: 1px solid #888;
	}

	.logContentsTable > thead > tr > th, .logContentsTable > tbody > tr > td{
		padding: 5px 10px;
	}
  .modal_height_box{overflow-y:auto;height:100%;max-height:400px;}

.k_num_big{font-size:36px !important;color:#2463d1 !important;font-family:roboto;}
.k_num_big02{line-height:30px;font-size:15px !important;color:#2463d1 !important;font-weight:600;}
.k_name_big{font-size:18px !important;}
.k_text_big{font-size:28px !important;}

.border_bot_none{border-bottom:0px !important;}

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

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

.shipment_com_info{text-align:left;margin:0 0 10px 0;overflow:hidden;width:100%;line-height:40px;}
.shipment_com_info li{display:inline-block;margin-right:20px;line-height:20px;}
.shipment_com_info li:last-child{margin-right:0;}
.shipment_com_info li .title{font-weight: 400;color: #37428a;font-size:16px;display:inline-block;margin-right:8px;}
.shipment_com_info li .info{font-weight: 400;font-size:14px;display:inline-block;font-family:roboto;letter-spacing:0px;}


/* Chrome, Safari용 스크롤 바 */
/* ::-webkit-scrollbar {width: 25px; height: 25px;  }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {display: block; width: 25px;height: 25px; background: url() rgba(144,144,144,.4);}
::-webkit-scrollbar-track {     background: rgba(0,0,0,.05); }
::-webkit-scrollbar-thumb {  background: rgba(144,144,144,.8);  }
::-webkit-scrollbar-thumb:hover {  background: rgba(144,144,144,.8); } */

@media screen and (min-width: 1700px ) {

.barcode_input01_box {float: left; width: 85.00%;}

}


/* style.css의 모달 */
#mask {  position:absolute;  z-index:2;  background:rgba(0,0,0,0.7); display:none; }
.modal { position: relative; }
.modal { 
    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: 99999; 
    padding-top: 0px !important;
    background: #fff; 
    box-sizing: border-box; 
    overflow: hidden; 
    border:1px solid #5a65e8;
}
.modal .modal_header {
    background: #3a46d2;
    /* display: inline-block; */
    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: 30px 30px 0 30px; */
    /* padding: 30px; */
    overflow-y: auto;
    text-align: center;
}



/* 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 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;}

/* 수주관리 */
.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;}


/* 키오스크 alert */
.swal2-container {
    z-index: 9999999999 !important;
}

.tb_w30{width : 33%}
.tb_w50{width : 50%}
.tb_h100{height : 100px}

.bgTable { width:100%; border-spacing: 0; border-collapse: collapse;}
.bgTable th,
.bgTable td {border:solid 1px #d3d8e1; padding:5px 5px; text-align:center; font-size:15px; line-height:1.4em; height:40px; box-sizing:border-box;}
.bgTable th {background:#f8f9fd; font-weight:600;}

.kiosk_table_check { display: inline-block; float: left; font-weight: bold; font-size:20px; margin: 5px;}
.kiosk_table_check label { position: relative; top: -3px; }
.dataTables_info { padding-top: 10px; float: left; margin-left: 10px; font-size: 20px;}

.dataTables_paginate { padding-top: 10px;float: right; margin-right: 10px; font-size:20px;}
.dataTables_paginate * { padding: 0 10px;}
.dataTables_paginate .paginate_button:not(.previous, .next) { margin-left: 2px; border-radius: 3px;}
.dataTables_paginate .paginate_button:hover:not(.disabled) { border-radius: 3px; background-color: #979797; cursor: pointer;}
.dataTables_paginate .paginate_button.current:not(.previous, .next) { margin-left: 2px; border-radius: 3px; background-color: #b7bfd1;}

.open_modal_btn { width: 100%; padding: 5px; }

.w100 {
  width: 100% !important;
}

.w50 {
  width: 49.5% !important;
}
 
.harf_input {
  width: 49% !important;
}

.datatable_loader {
  display: none;
}

.empty_check {
  margin-top: 36px;
}

.kiosk_btn{
  width: 100%;
  height: 50px;
  font-size: 17px;
  font-weight: bold;
  background-color: transparent;
}


.btn_info_color{
  background-color: #17a2b8;
  border-color: #10707f; 
  color: #fff;
}

.btn_primary_color{
  background-color: #007bff;
  border-color: #005cbf;
  color: #fff;
}

.btn_success_color{
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.btn_success_color:disabled{
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.btn_outline_success_color{
  color: #28a745;
  border-color: #28a745;
}

.btn_outline_success_color:disabled{
  color: #28a745;
  background-color: transparent;
}

.btn_warning_color{
  background-color: #ffc107;
  border-color: #ffc107;
  color: #fff;
}

.btn_danger_color{
  background-color: #dc3545;
  border-color: #b21f2d;
  color: #fff;
}

.btn_danger_color:disabled{
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.btn_outline_danger_color{
  color: #dc3545;
  border-color: #dc3545;
}

.btn_outline_danger_color:disabled{
  color: #dc3545;
  border-color: #dc3545;
}

.btn_outline_info_color{
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn_outline_info_color:disabled{
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn_secondary_color{
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

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

.work_order_form tbody td {
  padding: 5px;
}

.hover_row {
 cursor: pointer;
}

.table_warning td{
  border-color: #ffdf7e;
  background-color: #ffeeba;
  border: 1px solid #dee2e6;
}

.text_align_right {
  text-align: right;
}

.text_align_center {
  text-align: center !important;
}

.fuzy-numKey {
  height: 30% !important;
}

div.p_state_1 div.dataTables_scrollBody {
  height: 692px;
}

div.p_state_2 div.dataTables_scrollBody {
  height: 550px;
}

div.p_state_3 div.dataTables_scrollBody {
  height: 429px;
}

div.p_state_4 div.dataTables_scrollBody {
  height: 621px;
}

::-webkit-scrollbar {
	width: 50px; height: 50px;
	/* width: 20px; */
	/* border: 5px solid white; */

}

::-webkit-scrollbar-thumb {
	background-color: #b0b0b0;
	background-clip: padding-box;
	border: 0.05em solid #eeeeee;
}

::-webkit-scrollbar-track {
	background-color: #bbbbbb;
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
	background-color: #bbbbbb;
	display: block;
	border-style: solid;
	/* height: 13px;
	width: 16px; */
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent #555555 transparent;
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
	border-color: transparent transparent #777777 transparent;
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
	border-width: 20px 20px 0 20px;
	border-color: #555555 transparent transparent transparent;
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
	border-color: #777777 transparent transparent transparent;
}
div.work_order_table div.dataTables_scrollBody {
  overflow-y: scroll !important;
}

div.modal_production_cnt_log div.dataTables_scrollBody {
  height: 450px; 
  overflow-y:scroll !important;
}

div.modal_bad_cnt_log div.dataTables_scrollBody {
  height: 500px; 
  overflow-y:scroll !important;
}

div.outsoucing_import_1 div.dataTables_scrollBody {
  height: 558px;
}

div.outsoucing_import_2 div.dataTables_scrollBody {
  height: 558px;
}

div.outsoucing_import_3 div.dataTables_scrollBody {
  height: 558px;
}

div.outsoucing_export_1 div.dataTables_scrollBody {
  height: 558px;
}

div.outsoucing_export_2 div.dataTables_scrollBody {
  height: 558px;
}

div.outsoucing_export_3 div.dataTables_scrollBody {
  height: 558px;
}