/* CSS Document */
/*Css Reset by Eric Meyer*/


#container{ width: 100%; overflow: hidden;}
.body_gray{background: #f4f4f4;} /*position: fixed; z-index: -1; height: 100%; width: 100%*/
.btn_gray{color: #fff; border: 1px solid #555; border-radius: 5px; background: #6f6f6f; box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-appearance: none}
.btn_blue{color: #fff; border: 1px solid #39a3c8; border-radius: 5px; background: #73d0f0; box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-appearance: none}

/* input margin */
/*input[type="checkbox"]{margin:0 4px 4px 0}*/

/* log in */
/*.login-container { position: fixed; top:210px; left: 0; right: 0; bottom: 0; padding: 30px 13px; }
.login { position: relative; width: 100%; margin: 0;}*/

.login-container {position: relative; width: 100%; height: 100%;}
.login { position: relative; height: 100%; width: 100%; background-color: #fff;}
.tb_login { position: relative; margin: 0 auto; top: 22.3%; width: 80%;}
.login_logo {display:block; height:220px; background: url(../images/main_logo.png) no-repeat; background-position:center center; /* position: absolute; display: block; width: 264px; height: 163px; left: 50%; top: 40%; margin-left: -132px; margin-top: -186px; background: url(../images/main_logo.png) no-repeat; background-position:center center; */}
.login_logo_wrap {position: relative; padding-top: 30px;}

.inpt_login { width: 100%; height: 44px; border: 0; font-size: 16px; line-height: 44px; }
.box_input_log { display: block; margin-bottom: 5px; padding-left: 8px; border: 1px solid #d1d1d1; }
.login p.submit { text-align: center; }
.login p.remember_me {position:relative; margin:10px 0;}
.login p.remember_me label { font-size: 12px; color: #444; cursor: pointer; }
.login p.remember_me input { position: relative; bottom: 1px; margin-right: 4px; vertical-align: middle; }
.sel_lang{cursor:pointer; float:right; position:relative; height:22px; border:1px solid #c3c3c3; background-color:#fff; padding:0 10px; font-size:0.813em;}
.sel_lang > option{font-size:1em;}

/*.login input[type=text]:hover { border: 1px solid #b6b6b6; }
.login input[type=password]:hover { border: 1px solid #b6b6b6; }
.login input[type=text] { border: 1px solid #d1d1d1; }
.login input[type=password] { border: 1px solid #d1d1d1; }*/

/*.login_logo {display:block; height:240px; background: url(../images/main_logo.png) no-repeat; background-position:center center; /* position: absolute; display: block; width: 264px; height: 163px; left: 50%; top: 40%; margin-left: -132px; margin-top: -186px; background: url(../images/main_logo.png) no-repeat; background-position:center center; */}*/

/* main */
div.m_container { position: absolute; width: 100%; height: 100%; background: #060620; }
div.m_conts { position: relative; float: left; width: 50%; height: 25%; padding: 5px; }
a.btn_conts { display: block; width: 100%; height: 100%; border: 1px solid #fff; color: #fff; font-size: 22px; font-weight: bold; text-align: center; }
span.img_stwh, span.img_m_ofw, span.img_m_inv_mov, span.img_m_pitem_retv, span.img_m_bcode_retv, span.img_m_etc, span.img_m_inwh, span.img_m_outwh, span.img_m_mwon { margin: 0 auto; /*position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px;*/ }
div.icon_conts { position: absolute; width: 120px; height: 120px; top: 50%; left: 50%; margin: -60px 0 0 -60px;  }
span.m_conts_titl { display: block; margin-top: -4px; color: #fff; font-size: 20px; text-align: center; font-weight: bold; }

/* 입고관리 입고등록 */

div.stwh_container { position: absolute; display: block; width: 100%; /*min-height: 420px;*/ top: 0; right: 0; bottom: 0; left: 0; padding-bottom: 92px; overflow: visible; overflow-x: visible;  }
label.title_label { display: block; float: left; width: 30%; height: 30px; font-size: 11px; line-height: 30px; margin: 5px 0; vertical-align: middle; font-weight: bold; letter-spacing: -1px; }
input.bcode_sty { float: left; width: 70%; height: 28px; margin: 5px 0; }
div.area_table_stwh { position: absolute; display: inline-block; overflow: auto; top: 100px; left: 0; right: 0; bottom: 45px; }
div.area_table_stwh_2set { position: absolute; display: inline-block; overflow: auto; top: 100px; left: 0; right: 0; bottom: 92px; }
div.area_table_stwh_mgt_2set { position: absolute; display: inline-block; overflow: auto; top: 73px; left: 0; right: 0; bottom: 0; }
.table_inpt_style { width: 100%; height: 28px; font-size: 12px; }
.table_txtbox_style { width: 100%; font-size: 12px; border: 0; background: #dedddc; color: #ff0000; }/*#ee1818*/

/* 출고관리 */
div.ofw_no_lst_container {  }
div.area_srch { display: inline-block; width: 100%; }
input.srch_date { float: left; width: 120px; height: 28px; margin: 5px 0 5px 10px; }
button.btn_srch { float: left; width: 50px; height: 28px; margin: 5px; font-size: 12px; font-weight: bold; }

/*작업장코드, 명 추가로 클래스 추가 20151027 진동범*/
.mwidtwccd { min-width: 80px; }
.mwidtwcnm { min-width: 100px; }

.mwidt16 { min-width: 125px; }
.mwidtcd { min-width: 110px; }
.mwidtloc { min-width: 60px; }
.mwidtnm { min-width: 150px; }
.mwidtqty { min-width: 60px; }
.mwidtidx { min-width: 20px; }
.mwidtdate { min-width: 100px; }
div.area_ofw_no_list { overflow: auto; }
.area_inv_mgt_2set { position: absolute; display: inline-block; overflow: hidden; top: 40px; left: 0; right: 0; bottom: 92px; }
label.ofw_chck { font-size: 11px; line-height: 36px; margin-left: 10px; }

/* 재고관리 */
input.table_inpt_style_2 { width: 100%; height: 28px; font-size: 12px; }
div.area_invmgt_lomov { position: absolute; display: inline-block; overflow: auto; top: 113px; left: 0; right: 0; bottom: 47px; }

/* show_label */
.stacked_label { display: block; font-weight: bold; margin: .5em 0; font-size: 13px; color: #444; font-weight: bold; }

/* table set */
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #dddee2;font-size:12px;table-layout:fixed}
.tbl_type caption{display:none}
.tbl_type th{ padding:7px 0 7px 5px; border-top: 1px solid #ebecf1; border-bottom: 1px solid #3d6423; color: #fff; background: -moz-linear-gradient(top, #99c73a 0%, #6bb03e 70%); background: -webkit-linear-gradient(top, #99c73a 0%, #6bb03e 70%); background: -o-linear-gradient(top, #99c73a 0%, #6bb03e 70%); background: -ms-linear-gradient(top, #99c73a 0%, #6bb03e 70%); font-weight:bold; text-align:left; vertical-align:middle; font-size: 11px; letter-spacing: -1px; }
.tbl_type td{padding-left: 5px;padding-right: 5px;padding-top: 7px;padding-bottom: 7px;border-top:1px solid #c7c9d2;line-height:16px;vertical-align:middle; font-size: 11px; letter-spacing: -1px; }

table, tr, td{border:0}
.tbl_lst_type {width:100%;border-bottom:2px solid #dcdcdc;font-size:11px;text-align:center}
.tbl_lst_type caption{display:none}
.tbl_lst_type th{padding:7px 0 7px 5px; border-top:1px solid #dddee2; background:#ebebeb; color:#484848; font-size:12px;font-weight:bold}
.tbl_lst_type td{ padding:7px 5px;border-top:1px solid #dddee2;line-height:16px;vertical-align:middle; font-size: 11px;}


/* 공통 */
.area_title { position: fixed; top: 0; left: 0; right: 0; height: 40px; padding: 10px 0 0 50px; font-size: 17px; background: #060620; color: #fff; }
.p_color { color: #d42222 !important; font-weight: bold; }
.v_color { color: purple !important; }
.g_color { color: green !important; }
.b_color { color: #1868ee !important; }
div.area_bttm_btn { position: fixed; display: block; width: 100%; height: 91px; bottom: 0; left: 0; right: 0; z-index: 100; background: #fff; }
div.area_bttm_btn_1set { position: fixed; display: block; width: 100%; height: 45px; bottom: 0; left: 0; right: 0; z-index: 100; }
button.btn_go { width: 70%; height: 45px; float: left; font-size: 15px; font-weight: bold; }
button.btn_back { width: 30%; height: 45px; float: left; font-size: 15px; font-weight: bold; }
button.btn_back_l { width: 100%; height: 45px; float: left; font-size: 15px; font-weight: bold; }
input.btn_close { position: absolute; width: 27px; height: 27px; right: 0; top: 1px; font-size: 15px; }
button.btn_back_1 { width: 100%; height: 45px; float: left; font-size: 15px; font-weight: bold; }
.table_onclick_evt { background: blue; }
.table_complete { background: #fbf9dd; }
.table_onclick_evt td { color: #fff; font-weight: bold; }
.table_complete td { color: black; }
.txtal_l { text-align: left; }
.txtal_r { text-align: right; }
.txtal_c { text-align: center; }
.mobile_viewport { overflow-x: hidden; }
.inpt_padding { padding-top: 1px !important; padding-bottom: 1px !important; }
.td_btn_set { position: relative; }
.area_txtbox { position: relative; float: left; width: 100%; }
.txtbox_addbtn { position: relative; float: left; width: 100%; }
.btn_onclick { position: absolute; width: 28px; height: 28px; right: 0; top: 5px; border: 0; background: url(../images/img_on_click.png) no-repeat; }
.btn_td_onclick { position: absolute; width: 27px; height: 27px; right: 0; top: 1px; border: 0; background: url(../images/img_on_click.png) no-repeat; }
.btn_home { position: absolute; width: 32px; height: 32px; left: 2px; top: 4px; border: 0; background: url(../images/btn_home.png) no-repeat; }
.cmb_conts_l { width:111px; margin-top: 10px;}
.cmb_conts_r { width:111px; margin-left: 128px; margin-top: -47px; }

/* 품목재고조회 */

.pitem_inv_retv_list { position: absolute; overflow: auto; top: 152px; left: 0px; right: 0px; bottom: 0; }
.pitem_nm_height { height: 50px; }
.area_pitem_inv_retv { position: absolute; display: inline-block; overflow: hidden; top: 40px; left: 0; right: 0; bottom: 92px; }

/* 바코드 조회 */
.bcorde_retv_lst { position: absolute; overflow: visible; top: 40px; left: 0px; right: 0px; bottom: 92px; }
.bcorde_retv_lst_table { position: absolute; top: 37px; left: 0; right: 0; bottom: 0; overflow: auto;}

.area_bcode_retv_table { position: absolute; overflow: auto; top: 28px; left: 0; right: 0; bottom: 0; }
.area_table_2set { position: absolute; display: inline-block; overflow: auto; top: 30px; left: 0; right: 0; bottom: 92px; }


/* 출고관리-재고위치 */

.inv_lo_lst { position: absolute; overflow: auto; top: 166px; left: 0px; right: 0px; bottom: 47px; }
.inv_lo_lst_h { position: absolute; overflow: auto; top: 185px; left: 0px; right: 0px; bottom: 47px; }
.inv_lo_lst_h1 { position: absolute; left: 0; right: 0; top: 166px; bottom: 0px; overflow: auto; }

/* 출고관리-출고번호 */
.ofw_no { position: absolute; overflow: hidden; top: 45px; left: 0px; right: 0; bottom: 93px; }
.ofw_no_table { position: absolute; overflow: auto; top: 70px; left: 0px; right: 0px; bottom: 0; }

/* 출고관리-출고번호조회 */
.ofw_no_lst_list { position: absolute; overflow: hidden; top: 45px; left: 0; right: 0; bottom: 52px; }
.ofw_no_lst_table { position: absolute; overflow: auto; top: 37px; left: 0; right: 0; bottom: 0px; }
.ofwmgt_no_lst_table { position: absolute; overflow: auto; top: 37px; left: 0; right: 0; bottom: 40px; }


div.area_table { position: absolute; display: inline-block; overflow: auto; top: 40px; left: 0; right: 0; bottom: 45px; }

/* number_button */
div.area_numb { position: absolute; width: 100%; height: 100%; }
div.line_numb {  }
div.line_nm { width: 100%; height: 25%; }
div.area_numb_pad { position: absolute; top: 44px; left: 0; right: 0; bottom: 0; }
button.btn_numb { width: 33.333%; height: 100%; font-size: 35px; font-weight: bold; }
button.btn_numb1 { width: 25%; height: 100%; font-size: 35px; font-weight: bold; }
input.numb_inpt { width: 100%; height: 44px; font-size: 16px; line-height: 44px; text-align: right; }
.btn_gry { color: #333; background: -moz-linear-gradient(top, #f0f1f2 0%, #c3c5c8 70%); background: -webkit-linear-gradient(top, #f0f1f2 0%, #c3c5c8 70%); background: -o-linear-gradient(top, #f0f1f2 0%, #c3c5c8 70%); background: -ms-linear-gradient(top, #f0f1f2 0%, #c3c5c8 70%); box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-appearance: none; }
.btn_login { width: 100%; height: 46px; border: 0; color: #64ffd4; text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #3C4952; background-image: -webkit-linear-gradient(top,#3C4952,#36434C); background-image: -moz-linear-gradient(top,#3C4952,#36434C); background-image: -ms-linear-gradient(top,#3C4952,#36434C); background-image: -o-linear-gradient(top,#3C4952,#36434C); background-image: linear-gradient(top,#3C4952,#36434C);/*background: #fff; border: 0; color: #2aa49b; font-weight: bold; */ line-height: 46px; font-size: 15px;  }
.btn_search_g { color: #fff; border: 0; background: -moz-linear-gradient(top, #9199a4 0%, #687180 70%); background: -webkit-linear-gradient(top, #9199a4 0%, #687180 70%); background: -o-linear-gradient(top, #9199a4 0%, #687180 70%); background: -ms-linear-gradient(top, #9199a4 0%, #687180 70%); box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-appearance: none; }

button.btn_go_ofw_reg { width: 70%; height: 45px; float: left; font-size: 15px; font-weight: bold; }
button.btn_back_ofw_reg { width: 20%; height: 45px; float: left; font-size: 15px; font-weight: bold; }
button.btn_search_ofw_reg { width: 10%; height: 45px; float: left; font-size: 11px; font-weight: bold; }

/*loading*/
.isloading-wrapper.isloading-right{margin-left:10px;}
.isloading-overlay{position:relative;text-align:center;}.isloading-overlay .isloading-wrapper{background:#FFFFFF;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;display:inline-block;margin:0 auto;padding:10px 20px;top:50%;z-index:9000;bottom: 50%;margin-left: -42px;margin-top: -18px}

/*img*/

span.img_stwh { display: block; width: 100px; height: 100px; background: url(../Images/img_m_stwh.png) no-repeat; -webkit-background-size: 100px 100px; background-size: 100px 100px; }
span.img_m_ofw { display: block; width: 100px; height: 100px; background: url(../Images/img_m_ofw.png) no-repeat; -webkit-background-size: 100px 100px; background-size: 100px 100px; }
span.img_m_inv_mov { display: block; width: 100px; height: 100px; background: url(../Images/img_m_inv_mov.png) no-repeat; -webkit-background-size: 100px 100px; background-size: 100px 100px; }
span.img_m_pitem_retv { display: block; width: 100px; height: 100px; background: url(../Images/img_m_pitem_retv.png) no-repeat; -webkit-background-size: 100px 100px; background-size: 100px 100px; }
span.img_m_bcode_retv { display: block; width: 100px; height: 100px; background: url(../Images/img_m_bcode_retv.png) no-repeat; -webkit-background-size: 100px 100px; background-size: 100px 100px; }
span.img_m_etc { display: block; width: 100px; height: 100px; background: url(../Images/img_m_etc.png) no-repeat; -webkit-background-size: 100px 100px; background-size: 100px 100px; }
span.img_m_inwh { display: block; width: 100px; height: 100px; background: url(../Images/img_m_inwh.png) no-repeat; -webkit-background-size: 100px 100px; background-size: 100px 100px; }
span.img_m_outwh { display: block; width: 100px; height: 100px; background: url(../Images/img_m_outwh.png) no-repeat; -webkit-background-size: 100px 100px; background-size: 100px 100px; }
span.img_m_mwon { display: block; width: 100px; height: 100px; background: url(../Images/img_m_mwon.png) no-repeat; -webkit-background-size: 100px 100px; background-size: 100px 100px; }

.off {display: none;}

/* 출고검수 */

.ofw_actc { position: absolute; overflow: auto; top: 82px; left: 0px; right: 0px; bottom: 0; }



.pop_btn_wrap{position: relative;    width:100%;    text-align:center;}  
/*.btn_cancel{width:80px; height:30px; background-color:pink; font-weight:bold; font-size:0.750em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.btn_done{margin-left:20px; width:80px; height:30px; background-color:yellow; font-weight:bold; font-size:0.750em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
  */  
.btn_cancel{width:100px; height:30px; font-size:0.750em; font-weight:bold; position:relative; right:0px; border-radius:5px; border:1px solid #4a4a4a;}
.btn_done{margin-left:10px; width:100px; height:30px; font-size:0.750em; font-weight:bold; position:relative; right: 0px; border-radius:5px; background:#1abb9c; color:#000; border:1px solid #4a4a4a;