@charset "utf-8";
/* WMS */

#wrap {letter-spacing:-1px;}
#wrap header {height: 50px; background:#fff; color:#1abb9c; vertical-align:middle; font-weight:bold; font-size:1.250em; line-height:50px;}
#wrap header button {position:absolute; width:50px; height:50px;}
#wrap header button span {display:block;}
#wrap header button.ico_back {left:0; top:0;}
#wrap header button.ico_home {right:0; top:0;}
/* 20260618 네추럴웨이 PDA 새로고침 버튼 (홈 버튼 옆) */
#wrap header button.ico_refresh {right:50px; top:0; background:transparent; border:0; padding:0; display:flex; align-items:center; justify-content:center;}
span.ico_back {width:43px; height:43px; background:url('../Images/btn_back.png') no-repeat 0 0; background-size:43px 43px;}
span.ico_home {width:43px; height:43px; background:url('../Images/btn_home.png') no-repeat 0 0; background-size:43px 43px;}
span.ico_refresh {width:43px; height:43px; background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231abb9c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='23 4 23 10 17 10'/><path d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'/></svg>") no-repeat center center; background-size:22px 22px;}

/* 매인화면 */
.m_bg {position: relative; height:100%; background:url('../Images/img_bg.jpg') no-repeat;}
.head_m {position:relative; height:74px;}
.head_m h1.logo_m {position:absolute; width:74px; height:74px; left:0; top:0; background:url('../Images/logo_m.jpg') no-repeat; background-size:100% auto;}

.m_cnt {position:absolute; left:0; right:0; top:74px; bottom:0;}
.nav {position:absolute; width:74px; left:0; top:0; bottom:0; overflow:auto; background:#000;}
.nav ul {}
.nav ul li {width:100%; height:88px;}
.nav ul li button.btn_m1, .nav ul li button.btn_m2, .nav ul li button.btn_m3, .nav ul li button.btn_m4, .nav ul li button.btn_m5, .nav ul li button.btn_m6, .nav ul li button.btn_m3.on, .nav ul li button.btn_m4.on, .nav ul li button.btn_m5.on, .nav ul li button.btn_m6.on, .nav ul li button.btn_m7, .nav ul li button.btn_m8, .nav ul li button.btn_m9 , .nav ul li button.btn_m10{width:100%; height:88px; background-size:100% auto;}
.nav ul li button.btn_m1_cn, .nav ul li button.btn_m2_cn, .nav ul li button.btn_m3_cn, .nav ul li button.btn_m4_cn, .nav ul li button.btn_m5_cn, .nav ul li button.btn_m6_cn, .nav ul li button.btn_m3_cn.on, .nav ul li button.btn_m4_cn.on, .nav ul li button.btn_m5_cn.on, .nav ul li button.btn_m6_cn.on, .nav ul li button.btn_m7_cn{width:100%; height:88px; background-size:100% auto;}
.btn_m1 {background:url('/Images/btn_m1.jpg') no-repeat;}
.btn_m2 {background:url('/Images/btn_m2.jpg') no-repeat;}
.btn_m3 {background:url('/Images/btn_m3.jpg') no-repeat;}
.btn_m4 {background:url('/Images/btn_m4.jpg') no-repeat;}
.btn_m5 {background:url('/Images/btn_m5.jpg') no-repeat;}
.btn_m6 {background:url('/Images/btn_m6.jpg') no-repeat;}
.btn_m7 {background:url('/Images/btn_m7.jpg') no-repeat;}
.btn_m8 {background:url('/Images/btn_m8.jpg') no-repeat;}
.btn_m9 {
	background: url('/Images/btn_m9.png') no-repeat;
}
.btn_m10 {
	background: url('/Images/btn_m10.png') no-repeat;
}

.btn_m3.on {background:url('/Images/btn_m3_on.jpg') no-repeat;}
.btn_m4.on {background:url('/Images/btn_m4_on.jpg') no-repeat;}
.btn_m5.on {background:url('/Images/btn_m5_on.jpg') no-repeat;}
.btn_m6.on {background:url('/Images/btn_m6_on.jpg') no-repeat;}

.btn_m1_cn {background:url('/Images/btn_m1_cn.jpg') no-repeat;}
.btn_m2_cn {background:url('/Images/btn_m2_cn.jpg') no-repeat;}
.btn_m3_cn {background:url('/Images/btn_m3_cn.jpg') no-repeat;}
.btn_m4_cn {background:url('/Images/btn_m4_cn.jpg') no-repeat;}
.btn_m5_cn {background:url('/Images/btn_m5_cn.jpg') no-repeat;}
.btn_m6_cn {background:url('/Images/btn_m6_cn.jpg') no-repeat;}
.btn_m7_cn {background:url('/Images/btn_m7_cn.jpg') no-repeat;}

.btn_m3_cn.on {background:url('/Images/btn_m3_on_cn.jpg') no-repeat;}
.btn_m4_cn.on {background:url('/Images/btn_m4_on_cn.jpg') no-repeat;}
.btn_m5_cn.on {background:url('/Images/btn_m5_on_cn.jpg') no-repeat;}
.btn_m6_cn.on {background:url('/Images/btn_m6_on_cn.jpg') no-repeat;}

.cnt_nav {position:absolute; left:74px; right:0; top:0; bottom:0; background:url('../Images/img_popbg.png') repeat;}
.m_on {}
.m_on ul {}
.m_on ul li {padding:0 15px; border-bottom:1px solid #191919; border-top:1px solid #525252;}
.m_on ul li button {width:100%; padding:10px 0; color:#fff; text-align:left;}

.m_on strong {display:inline-block; width:100%; padding:15px 0; font-weight:bold; color:#fff; font-size:1.125em;}
.m_on span {color:#fff;}

.tab_1 {padding:10px 0; background:#ecf0f1;}
.tab_1 li {padding:0 15px;}
.tab_1 div {position:relative; display:table; overflow:hidden; width:100%; padding:6px 28px 5px 10px;border:1px solid #1abb9c; border-radius: 5px; background:#fff;}
.tab_1 div label {display:table-cell; width:80px; font-size:0.938em; color:#9d9d9d; vertical-align:middle;}
.tab_1 div span {display:table-cell;}
.tab_1 div span input {padding-left:10px; padding-bottom:5px; font-size:0.938em;}
.tab_1 div span select {padding-right:28px; font-size:0.938em; width: 100%;}
.tab_1 div .btn_clr {right:40px; top:50%; margin-top:-12px;}/*20220524 신승환 디자인 변경*/

.tab_2 {padding:10px 0; background:#ecf0f1;}
.tab_2 li {position:relative; padding-left:15px; padding-right:15px;}
.tab_2 div {overflow:hidden; display:table; width:100%; padding:6px 10px 5px 10px;border:1px solid #1abb9c; border-radius: 5px; background:#fff;}
.tab_2 div label {display:table-cell; width:80px; font-size:0.938em; color:#9d9d9d; vertical-align:middle;}
.tab_2 div span {position:relative; display:table-cell; padding-bottom:5px;}
.tab_2 div span.pdl10 {vertical-align:middle;}
.tab_2 div span input {padding-right:28px; font-size:0.938em;}
.tab_2 div span select {padding-right:28px; font-size:0.938em; width: 100%;}
.tab_2 div span .btn_clr {right:30px; }

.tbl_area1 {}
.tbl_area1 table {width:100%;border-bottom:1px solid #ecf0f1;font-size:0.875em;table-layout:fixed;}
.tbl_area1 table tbody {}
.tbl_area1 table tbody tr {}
.tbl_area1 table tbody tr th {padding:5px 0 5px 15px; border-top:1px solid #ecf0f1; background:#ecf0f1; color:#2c3e50; font-weight:bold; text-align:left; vertical-align:middle;}
.tbl_area1 table tbody tr td {padding-left:5px; border-top:1px solid #ecf0f1; border-bottom:1px solid #ecf0f1; background:#fff;}

/*품목바코드조회 품목코드 길이로 인해 해당 부분 추가 20170628 진동범*/
.tbl_area_ex {}
.tbl_area_ex table {width:100%;border-bottom:1px solid #ecf0f1;font-size:0.875em;table-layout:fixed;}
.tbl_area_ex table tbody {}
.tbl_area_ex table tbody tr {}
.tbl_area_ex table tbody tr th {padding:5px 0 5px 7px; border-top:1px solid #ecf0f1; background:#ecf0f1; color:#2c3e50; font-weight:bold; text-align:left; vertical-align:middle;}
.tbl_area_ex table tbody tr td {padding-left:5px; border-top:1px solid #ecf0f1; border-bottom:1px solid #ecf0f1; background:#fff; width:117px;}

.th_inptset {color:#fff !important; background:#1abb9c !important; border:1px solid #1abb9c !important;}
.td_inptset {padding-left:0 !important; border-top: 1px solid #1abb9c !important; border-left:1px solid #1abb9c !important; border-right:1px solid #1abb9c !important;}
.td_inptset_b {border-bottom:1px solid #1abb9c !important;}

.td_inptset div {height:29px; border-top:1px solid #1abb9c !important;}
.td_inptset input {padding-left:5px; color:#1abc9c; vertical-align:-4px;}

.btn_area1 {position:fixed; bottom:0; left:0; right:0;}
.btn_area1 button, .pop_footer button {width:100%; height:40px; color:#1abb9c; background:#2c3e50;}
.inpt_set1 {padding-right:150px !important;}
.inpt_set2 {padding-right:120px !important;}

.tbl_1 textarea {width:100%; height:125px;}

.tbl_area2 {position:absolute; overflow:auto; top:162px; bottom:40px; left:0; right:0;}
.tbl_area6 {position:relative; overflow:auto; height: 100%;}
.tbl_2, .pop_tbl1 {text-align:center;}
.tbl_2 thead, .pop_tbl1 thead {font-size:0.875em;}
.tbl_2 thead tr {}
.tbl_2 thead tr th, .pop_tbl1 thead tr th {background:#bdc3c7; font-weight:normal; color:#fff; padding: 5px 0;}

.tbl_2 tbody, .pop_tbl1 tbody {font-size:0.688em;}
.tbl_2 tbody tr {height: 31px;}
.tbl_2 tbody tr td, .pop_tbl1 tbody tr td {background:#fff; border-bottom:#bdc3c7; padding:8px; color: #000}
.tbl_2 tbody tr.on td, .pop_tbl1 tbody tr.on td {background:#94F1DF !important; color:#000 !important;}

.tbl_2 tfoot {font-size:0.75em;}
.tbl_2 tfoot tr {height: 25px;}
.tbl_2 tfoot tr td {background:#989da0; font-weight:normal; color:#fff; padding: 5px 0;}

.mb {margin-bottom: 40px;}

.inpt_src {position:relative; display:table; width:100%;}
.inpt_src label {display:table-cell;}
.inpt_src span {display:table-cell !important; padding-right:30px;}
.inpt_src button {position:absolute; width:40px; height:40px; right:0; top:0; background:url('../Images/ico_search.png') no-repeat 50% 50% #137d68; background-size:100% auto;}

.btn_clr {position:absolute !important; width:24px !important; height:24px !important; top:50% !important; margin-top:-12px !important; background:url('../Images/btn_clr.png') no-repeat !important; background-size:100% auto !important;}

.logout{position:absolute; z-index:99; padding:2px 5px; font-size:1em; background-color:#3c4952; color:#1eb798; top: 10px; right: 3%;}

/*텝 설정*/


.tab {position:absolute; width:130px !important; padding:0 !important; right:15px; top:0; background:#dadada !important; border:0 !important;}
.tab ul {overflow:hidden;}
.tab ul li {float:left; width:50%; padding-left:0; padding-right:0;}
.tab ul li button {width:100%; float:left; height:40px; color:#9d9d9d; font-size:0.875em;}
.tab ul li button.on {background:#fff !important; color:#ff5a60 !important;}

.tab2 {position:absolute; width:100px !important; padding:0 !important; right:15px; top:0; background:#dadada !important; border:0 !important;}
.tab2 ul {overflow:hidden;}
.tab2 ul li {float:left; width:50%; padding-left:0; padding-right:0;}
.tab2 ul li button {width:100%; float:left; height:40px; color:#9d9d9d; font-size:0.875em;}
.tab2 ul li button.on {background:#fff !important; color:#ff5a60 !important;}

.t_tab {position:relative; padding:0 15px !important; border:0; border-radius:5px;}
.t_tab ul {overflow:hidden;}
.t_tab ul li {width:50%; float:left; padding-left:0; padding-right:0;}
.t_tab ul li:first-child button {border-radius:5px 0 0 5px;}
.t_tab ul li:last-child button {border-radius:0 5px 5px 0;}
.t_tab ul li button {float:left; width:100%; height:40px; color:#9d9d9d; font-size:0.875em; background:#dadada;}
.t_tab ul li button.on {background:#ecf0f1 !important; color:#ff5a60 !important;}

/*팝업 설정*/

#pop_area1 {position:relative; overflow:hidden; background:#ecf0f1; border-radius:5px; letter-spacing: -1px;}

#pop_area2 {position:relative; overflow:hidden; background:#ecf0f1; border-radius:5px; letter-spacing: -1px;}
.pop_header {position:relative; height:40px; padding:0 10px; background:#1abc9c; color:#fff;}
.pop_header h1 {font-weight:normal; line-height:40px;}
.pop_header button {position:absolute; width:35px; height:35px; right:10px; top:43%; margin-top:-15px; background:url('../Images/btn_close.png') no-repeat; background-size:36px 36px;}

.pop_cont {padding:0 10px;}
.pop_dsrc {overflow:hidden; margin:10px 0; padding:4px 10px; border:1px solid #1abb9c; border-radius:5px; background:#fff;} 
.pop_dsrc input {}
.pop_dsrc .movstwhlbl {width:90px; height:30px; font-size:0.938em; color:#9d9d9d; vertical-align:middle;}

.pop_tbl_area1 {position:relative; overflow:auto; width:100%; height:333px;}
.pop_tbl1 {tex}
.pop_footer {margin-top:15px; padding:0 10px 10px 10px;}
.pop_footer button {height:30px !important; border-radius:50px;}

.tbl_area3 {overflow:auto; height:340px; margin-top:10px;}
.tbl_area4, .tbl_area5, .tbl_area7 {overflow:auto; margin-top:10px;}


/*키패드*/
div.area_numb {position:absolute; width:100%; height:100%;}
input.numb_inpt {width:100%; height:84px; font-size:25px; line-height:44px; text-align:right;}
div.area_numb_pad {position:absolute; top:120px; left:0; right:0; bottom:40px;}
div.line_nm {width:100%; height:25%;}
button.btn_numb {width:33.3%; height:100%; font-size:25px; font-weight:bold; border:1px solid #ecf0f1;}
.btn_area2 {position:absolute; bottom:0; left:0; right:0;}
.btn_area2 button {width:100%; height:40px; color:#1abb9c; background:#2c3e50;}

/*메세지창*/
.pop_txt {position:absolute; width:300px; padding:15px;background:url(../Images/img_popbg.png) repeat; border-radius:5px; top: 20px;}
.pop_txt span {color:#fff; font-size:0.813em;}
.pop_txt button {position:absolute; width:40px; height:40px; background:#000; color:#1abb9c; border-radius:50px; right:-15px; top:-20px;}
#divPopConf {background: transparent;}

/* 미디어쿼리 설정 */

	/* 갤럭시 Nexus, 갤럭시 S3 세로보기 - low-dpi */
@media only screen and (min-width : 270px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.tbl_area3 {height:390px;}
.tbl_area4 {height:408px;}
.tbl_area5 {height:490px;}
.tbl_area7 {height:228px;}
}
	/* Galaxy Note 세로보기 - low-dpi */
@media only screen and (min-width : 300px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.tbl_area3 {height:390px;}
.tbl_area4 {height:408px;}
.tbl_area5 {height:490px;}
.tbl_area7 {height:228px;}
}

/* 아이폰 5 & 5S 세로 ------ */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
/* 사용자 코드 */
.tbl_area3 {height:300px;}
.tbl_area4 {height:314px;}
.tbl_area5 {height:400px;}
.tbl_area7 {height:228px;}
.tbl_area9 {overflow:auto;height:325px;}
}

	/* 갤럭시 Nexus, 갤럭시 S3 세로보기 - medium-dpi */
@media only screen and (min-width : 360px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.tbl_area3 {height:370px;}
.tbl_area4 {height:384px;}
.tbl_area5 {height:470px;}
.tbl_area7 {height:228px;}
} 

	/* 갤럭시 Nexus, 갤럭시 S3 세로보기 - medium-dpi */
@media only screen and (min-width : 360px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
.tbl_area3 {height:370px;}
.tbl_area4 {height:382px;}
.tbl_area5 {height:470px;}
.tbl_area7 {height:228px;}
} 

/* 아이폰 6 세로 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
/* 사용자 코드 */
.tbl_area3 {height:360px;}
.tbl_area4 {height:388px;}
.tbl_area5 {height:460px;}
.tbl_area7 {height:228px;}
}
	
	/* Galaxy Note 세로보기 - medium-dpi */
@media only screen and (min-width : 400px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.tbl_area3 {height:390px;}
.tbl_area4 {height:408px;}
.tbl_area5 {height:490px;}
.tbl_area7 {height:228px;}
}

/* 아이폰 6 Plus 세로 */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
/* 사용자 코드 */
.tbl_area3 {height:470px;}
.tbl_area4 {height:470px;}
.tbl_area5 {height:570px;}
.tbl_area7 {height:228px;}
}

	/* Galaxy Note 세로보기 - high-dpi */
@media only screen and (min-width : 600px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.tbl_area3 {height:390px;}
.tbl_area4 {height:408px;}
.tbl_area5 {height:490px;}
.tbl_area7 {height:228px;}
}

/* 20181116 김영호 PDA 사이즈 추가 */
@media only screen and (width : 360px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.tbl_area3 {height:370px;}
.tbl_area4 {height:364px;}
.tbl_area5 {height:470px;}
.tbl_area7 {height:228px;}
} 

/* 출고등록 완료표시 */
table tbody tr.table_complete td { background: #FBF6B0 !important; }

/*메세지창*/
.pop_txt2 {position:absolute; width:300px; height: 127px; padding:15px;background:url(../Images/img_popbg.png) repeat; border-radius:5px; top: 20px;}
.pop_txt2 span {color:#fff; font-size:0.813em;}
.pop_txt2 button.btn_clo2 {position:absolute; width:40px; height:40px; background:#000; color:#1abb9c; border-radius:50px; right:-15px; top:-20px;}
#divPopConf2 {background: transparent;}

.pop_btn_wrap{position: relative;    width:100%;    text-align:center;}  
button.btn_cancel{width:100px; height:30px; top:20px; font-size:0.750em; font-weight:bold; position:relative; right:0px; border-radius:5px; border:1px solid #4a4a4a;color: #1abb9c;}
button.btn_done{margin-left:10px; width:100px; height:30px; top: 20px; font-size:0.750em; font-weight:bold; position:relative; right: 0px; border-radius:5px; background:#1abb9c; color:#000; border:1px solid #4a4a4a;}
      
/* 삼방향지게차 연동 버튼 (홈/취소) */
.btn_link_home {width: 50px; height: 50px; position: fixed; right: 5%; bottom: 10%; background-color: #23bda0; color: #fff; font-size: 0.875em; border-radius: 25px;}
.btn_link_cancel {width: 50px; height: 50px; position: fixed; left: 5%; bottom: 10%; background-color: #2c3e50; color: #fff; font-size: 0.875em; border-radius: 25px;}

/* 삼방향지게차 입고 위치 검색버튼 */
.btn_stwh_search {position: absolute; width: 40px; height: 40px; right: 0; top: 0; background: url(/Images/ico_search.png) no-repeat 50% 50% #137d68; background-size: 100% auto; color: #fff;}
.div_loc_pop_wrap { width: 100%; height: 100%; overflow: hidden;}
.div_loc_pop { width: 100%; height: 100%;}
.div_loc_pop_tit { width: 100%; height: 40px; background: #23bda0; text-align: center; padding-top: 7px;}
.lbl_pop_tit { color: #fff; font-weight: bold;}
.btn_loc_pop_clo { position: absolute; width: 30px; height: 30px; right: 10px; top: 20px; margin-top: -15px; background: url(/Images/btn_close.png) no-repeat; background-size: 30px 30px;}
.span_loc_header_sec1 { display: inline-block; width: 50%; height: 40px; padding-top: 10px; text-align: center; background-color: #fff; color: #257f6e; font-weight: bold; font-size: 1em; border-right: 1px solid #a2a2a2; border-bottom: 2px solid #23bda0; float: left;}
.span_loc_header_sec2 { display: inline-block; width: 50%; height: 40px; padding-top: 10px; text-align: center; background-color: #fff; color: #257f6e; font-weight: bold; font-size: 1em; border-bottom: 2px solid #23bda0; float: right;}

.div_loc_pop_step1 { position: fixed; top: 80px; bottom: 40px; width: 50%; border-right: 1px solid #a2a2a2; overflow-y: auto;}
.div_loc_pop_step1 ul { text-align: center; }
.div_loc_pop_step1 ul li {line-height: 27px; border-bottom: 1px solid #d0d0d0;}

.div_loc_pop_step2 { position: fixed; top: 80px; bottom: 40px; right: 0px; width: 50%; overflow-y: auto;}
.div_loc_pop_step2 ul { text-align: center; }
.div_loc_pop_step2 ul li {line-height: 27px; border-bottom: 1px solid #d0d0d0;}

.div_loc_pop_step3 { position: fixed; display: block; width: 100%; height: 40px; left: 0px; right: 0px; bottom: 0px; text-align: center}
.div_loc_pop_header { display: inline-block; width: 100%; height: 40px; text-align: center; background-color: #fff; font-weight: bold; font-size: 0.813em;}

.btn_loc_pop_aply {background: #2c3e50; color: #1abb9c; width: 100%; height: 100%; font-size: 1em; }
.sel_loc_pop { background: #e5fdf8 !important; color: #000;}
.sel_used_pop { background: #fff5e9;}
.btn_stwh_pop_dtl {background: url(/Images/btn_prodnmsh.png) no-repeat center; width: 27px; height: 27px; float: right; margin-right: 5px;}
.btn_pop_back {background: url(/Images/btn_back.png) no-repeat center; width: 30px; height: 30px; position: absolute; left: 10px; top: 20px; margin-top: -15px;}
.tbl_loc_pop {width: 100%; font-size: 0.875em; table-layout: fixed;}
.tbl_loc_pop thead tr th {padding: 5px 0 5px 0px; background: #ecf0f1; border-right: 1px solid #d8ddde;}
.tbl_loc_pop tbody tr td {border-bottom: 1px solid #ecf0f1; border-right: 1px solid #ecf0f1; padding: 5px;}

.div_pop_scroll{position: fixed; top: 40px; overflow-y: auto; width: 100%; bottom: 0;}

.btn_opacity {opacity: 0.65 !important;}
.tbl_padding_r5{padding-right: 5px;}

/* 입고,출고현황 조회조건 검색창 */
.search_popwrap {position: absolute; top: 90px; width: 100%; z-index: 99;}
.search_bar {width: 100%; height: 40px;  background: #137d68;}
.search_btnwrap {width: 40px; height: 40px; float: right;}
.search_btn {width: 100%; height: 100%; background: url(/images/ico_search.png) no-repeat 0 0; background-size: 40px 40px; cursor: pointer;}
.btn_pop_search {width: 48%; height: 35px; background: #137d68; border-radius: 5px; color: #fff; font-weight: bold; font-size: 0.938em;}
.btn_pop_close{width: 48%; height: 35px; margin-right: 5px; background: #1abb9c; border-radius: 5px; color: #fff; font-weight: bold; font-size: 0.938em;}
.btn_pop_wrap {border: 0 !important; background: #ecf0f1 !important; padding: 0px !important; text-align: center;}

.lbl_pop_itemtype{font-size: 0.938em; color: #9d9d9d; vertical-align: middle;}
.span_in_25{display: inline-block; width: 25%;}
.span_in_70{display: inline-block; width: 70%;}
.sel_pop_itemtype{font-size: 0.938em; width: 100%;}
.div_show_msg{font-size: 13px; padding-top: 20px; text-align: center; color: red; padding-left: 20px; padding-right: 20px;}

/*한국화장품 품목위치 조회 시 부자재검사현황 변경여부 체크된 품목, WMS특이사항에 내용이 있을경우*/
table tbody tr.table_prhb td { background: #fff3c5 !important; }

/*20220214 신승환 네추럴 품목위치 조회 시 유효기간이 지났거나 얼마 남지 않았을경우*/
table tbody tr.table_chkuse td { background: #ff6c6c !important; }
/*20260715 최성혁 네추럴 품목위치 조회 시 유효기간 3개월 이하로 남았을 경우*/
table tbody tr.table_notice td { background: #ffff00 !important; }
/*20260715 최성혁 네추럴 품목위치 조회 시 유효기간 1개월 이하로 남았을 경우*/
table tbody tr.table_warning td { background: #ff8c00 !important; }

/*20220524 신승환 검색용 추가 */
.btn_enter {position:absolute; width:40px; height:40px; right:0; top:0; background:url('../Images/ico_search.png') no-repeat 50% 50% #137d68; background-size:100% auto;}

/*20240109 권정현 원료별 경계선 표시*/
tbody tr.table_bl {	border-top: 2px solid; }
tbody tr.table_bl:last-child { border-bottom : 2px solid;}
tbody tr td.hid_loccod, tbody tr td.hid_matqty, tbody tr td.hid_lotno {border-top: hidden;}