@charset "UTF-8";
/* @charset "EUC-KR"; */
/* CSS Document */
.systemBtn { cursor:pointer;}
.L9, .systemBtn { visibility:hidden; }
html[isSuper="true"] .L9, html[isSuper="true"] .systemBtn { visibility:visible; }
.systemBtn.small { font-size: 50%; }

* { box-sizing: border-box; }
html, body { font-family: NotoSans; font-size: 12px; margin: 0; padding: 0; background-repeat: repeat; background-size: 400px; }
body { min-width: 1200px; }

html { background-color: rgba(0,0,0,1); }
html.smartPaint { background-image: url('/smart/pos/img/bg1000_400.gif'); }
html.smartPaint body { background-color: rgba(0,0,0,0.35); }
body.dealtypeCanceled { background-color: #220022 !important; }

::-webkit-scrollbar {
width: 6px;
height: 6px;
border: 0px solid rgba(255,255,255,.5);
background: rgba(255,255,255,0.2);
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display: block;
height: 6px;
background-color: transparent;
}
::-webkit-scrollbar-track {
}
::-webkit-scrollbar-thumb {
 background: rgba(255,255,255,.5);
}
 .posListBox ::-webkit-scrollbar {
width: 10px;
height: 10px;
}
 .noScrollBar::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
border: 0px solid rgba(255,255,255,.5) !important;
}
body, a, textarea, input, select { color: #d5e3f2; }
a { color: inherit; }
pre, xmp, plaintext, listing { font-family: NotoSans; }
a { text-decoration: none; }
a:hover { }
ul, li { box-sizing: border-box; }
ul { margin: 0; }
ul { margin: 0; }
p { margin: 0; }
textarea { margin: 1px 0; font-family: NotoSans; font-size: 12px; width: 100%; border-width: 0; box-sizing: border-box; padding: 3px; background: transparent; }
input[type="text"] { font-family: NotoSans; font-size: 12px; margin: 1px 0; background-color: rgba(41,71,129,0.1); border-width: 0; line-height: 1; height: 26px; box-sizing: border-box; padding: 0 3px; width: 100%; vertical-align: top; }
input[type="search"] { font-family: NotoSans; font-size: 12px; margin: 1px 0; background-color: rgba(41,71,129,0.1); border-width: 0; line-height: 1; height: 26px; box-sizing: border-box; padding: 0 3px; width: 100%; vertical-align: top; }
select { margin: 1px 0; font-size: 12px; height: 26px; width: 100%; background: rgba(9, 90, 7, 0.7); border-width: 0; cursor: pointer; -webkit-appearance: none; padding: 0 5px; }
select.rawOptionsHide option { display: none; }
.col { display: inline-block; vertical-align:top; }
.bgBlack { background: #000; }
.panel .bgBlack { box-shadow: 0 0 40px rgb(8, 8, 8); }
.hidden { display: none !important; }
.no_margin { margin: 0; }
.noMargin { margin : 0 !important; }

.textLarge { font-size: 16px; }

.smartOptionBox { position: relative; }
.smartOptionBox:after { content: "\f0dd"; font-family: FontAwesome; font-size: 12px; position: absolute; top: calc(50% - 9px); right: 6px; line-height: 1; }
.smartOptionBox ul.smartOptions { overflow: auto; list-style-type: none; padding: 0; position: absolute; top: 26px; left: 0; background: rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 20px 2px #ffffff; -moz-box-shadow: 0 0 20px 2px #ffffff; box-shadow: 0 0 20px 2px #ffffff; width: 100%; z-index: 999; font-size: 16px; }
.smartOptionBox.right ul.smartOptions { left: auto; right: 0; }
.smartOptionBox ul.smartOptions > li { padding: 10px 10px; cursor: pointer; }
.smartOptionBox ul.smartOptions > li.selected { background: rgba(131, 131, 131, 0.5); }
.smartOptionBox ul.smartOptions > li:hover { box-shadow: 0 0 20px 2px #8f8f8f; }
.smartOptionBox.horizontal .smartOptions { width: 400px; padding: 5px; }
.smartOptionBox.horizontal .smartOptions > li { display: inline; line-height: 50px; }
.smartOptionBox.horizontal .smartOptions > li > span { display: inline-block; }
.smartOptionBox.pre .smartOptions > li > span { white-space: pre; }
.smartOptionBox.delivery_week .smartOptions { width: 550px; }
.smartOptionBox.delivery_week .smartOptions > li[data=토]:after { content: "\A"; white-space: pre; }
.smartOptionBox.delivery_time .smartOptions { width: 550px; }
.smartOptionBox.delivery_time .smartOptions > li[data=시간엄수]:after { content: "\A"; white-space: pre; }
.smartOptionBox.delivery_type .smartOptions { width: initial; white-space: nowrap; }
.smartOptionBox.delivery_type .smartOptions > li { width: 80px; }
.smartOptionBox.division .smartOptions { width: 460px; }
.smartOptionBox.division .smartOptions > li { width: 90px; float: left; text-align: center; padding: 0; }
.smartOptionBox.division .smartOptions > li[data=발주] { clear: both; }
.smartOptionBox.division .smartOptions > li[data=창고이동] { clear: both; }
.smartOptionBox.dealtype .smartOptions > li { width: 25%; display: inline-block; text-align: center; padding: 0; }
.smartOptionBox.dealtype .smartOptions > li { opacity: 0.5; }
.smartOptionBox.dealtype .smartOptions > li:hover { opacity: 1; }
.smartOptionBox.dealtype .smartOptions > li.selected { opacity: 1; }
.smartOptionBox.division .smartOptions > li { opacity: 0.5; }
.smartOptionBox.division .smartOptions > li:hover { opacity: 1; }
.smartOptionBox.division .smartOptions > li.selected { opacity: 1; }
.smartOptionBox.dealtype .smartOptions > li[data=보류중]:after { content: "\A"; white-space: pre; }
.smartOptionBox.dealtype .smartOptions > li[data=출고완료]:after { content: "\A"; white-space: pre; }
.smartOptionBox.pay_type .smartOptions { width: 310px; }
.smartOptionBox.pay_type .smartOptions > li { width: 100px; display: inline-block; text-align: center; }
.smartOptionBox.named-bankaccount_no ul.smartOptions { height: 300px; overflow: auto; font-size: 14px; width: 600px; padding: 10px; }
.inlineBox { display: inline-block; margin-left: -1px; margin-right: -1px; }
.center { text-align: center; }
.large, input.large[type="text"] { font-size: 14px; }
.large, input.large[type="search"] { font-size: 14px; }
.big { font-size: 18px; }
ul.inline, ul.itemSet { list-style-type: none; padding: 0; }
ul.inline > li { display: inline-block; }
.itemSet > li { float: left; margin: 2px 0 2px 2px; list-style-type: none; }
.itemSet .full { width: calc(100% - 5px); }
.itemSet label { font-size: 14px; color: #6c90ac; text-shadow: none; line-height: 26px; margin: 0; display: inline-block; }
.itemSet .small label { font-size: 12px; line-height: 18px; }
.itemSet label.small { font-size: 12px; }
.itemSet .tiny label { font-size: 11px; line-height: 26px; }
.itemSet label.tiny { font-size: 11px; }
.Btn { cursor: pointer; }
.list_tooltip { position: absolute; z-index: 999; display: block; position: relative; height: 0px; text-align: left; *line-height: 1;
}
.list_tooltip .closeBtn { position:absolute;top:-24px;right:0px;font-size:18px;color:rgba(0, 0, 0, 0.9);text-shadow: 0 0px 20px rgba(0, 255, 208, 1);display:none; }
.list_tooltip.fixed .closeBtn {display:block;}
.list_tooltip_text { background: rgba(255, 255, 255, 0.8); color: #000; max-width: 700px;  border: 0px solid #999; padding: 5px; overflow: auto; }
.list_tooltip_text h2, .list_tooltip_text h3, .list_tooltip_text h4 { font-weight: 500; margin: 0; }
.list_tooltip_text pre { color: #000; white-space: pre-line; font-size: 14px; *overflow: auto; margin: 0px 0 0 0; *line-height: 1.2;
}
.body_tooltip { display: block; z-index: 999; position: absolute; height: 0px; text-align: left; line-height: 1; }
.body_tooltip .closeBtn { position:absolute;top:-24px;right:0px;font-size:18px;color:rgba(0, 0, 0, 0.9);text-shadow: 0 0px 20px rgba(0, 255, 208, 1);display:none; }
.body_tooltip.fixed .closeBtn {display:block;}
.body_tooltip_text { box-shadow: 0 0 20px 2px rgba(0, 255, 208, 0.8); line-height: 1.5; background: rgba(0, 0, 0, 0.8); color: #ffe600; min-width: auto;  border: 0px solid #999; padding: 5px; overflow: auto; }
.body_tooltip_text h2, .body_tooltip_text h3, .body_tooltip_text h4 { font-weight: 500; margin: 0; }
.body_tooltip_text pre { white-space: pre; font-size: 12px; overflow: auto; margin: 5px 0 0 0; }
#right-panel .body_tooltip { left: 0 !important; }
.w100p60 { width: calc(100% - 60px) !important; }
.w100p55 { width: calc(100% - 55px) !important; }
.w100p4 { width: calc(100% - 4px) !important; }
.w100p { width: calc(100% - 2px) !important; }
.w100p0 { width: 100% !important; }
.w90p { width: 90% !important; }
.w80p { width: 80% !important; }
.w70p { width: 70% !important; }
.w65p { width: 65% !important; }
.w60p3 { width: calc(60% - 3px) !important; }
.w60p2 { width: calc(60% - 2px) !important; }
.w60p { width: 60% !important; }
.w50p2 { width: calc(50% - 2px) !important; }
.w55p { width: 55% !important; }
.w50p { width: 50% !important; }
.w45p { width: 45% !important; }
.w40p { width: 40% !important; }
.w35p { width: 35% !important; }
.w30p3 { width: calc(30% - 3px) !important; }
.w30p { width: 30% !important; }
.w25p2 { width: calc(25% - 2px) !important; }
.w25p { width: 25% !important; }
.w20p3 { width: calc(20% - 3px) !important; }
.w20p { width: 20% !important; }
.w15p3 { width: calc(15% - 3px) !important; }
.w15p { width: 15% !important; }
.w10p { width: 10% !important; }
.w430 { width: 430px !important; }
.w385 { width: 385px !important; }
.w380 { width: 380px !important; }
.w330 { width: 330px !important; }
.w320 { width: 320px !important; }
.w304 { width: 304px !important; }
.w300 { width: 300px !important; }
.w295 { width: 295px !important; }
.w290 { width: 290px !important; }
.w285 { width: 285px !important; }
.w280 { width: 280px !important; }
.w275 { width: 277px !important; }
.w270 { width: 270px !important; }
.w265 { width: 260px !important; }
.w262 { width: 262px !important; }
.w260 { width: 260px !important; }
.w250 { width: 250px !important; }
.w240 { width: 240px !important; }
.w230 { width: 230px !important; }
.w220 { width: 220px !important; }
.w210 { width: 210px !important; }
.w205 { width: 205px !important; }
.w200 { width: 200px !important; }
.w195 { width: 195px !important; }
.w192 { width: 192px !important; }
.w190 { width: 190px !important; }
.w185 { width: 185px !important; }
.w180 { width: 180px !important; }
.w175 { width: 175px !important; }
.w174 { width: 174px !important; }
.w173 { width: 173px !important; }
.w172 { width: 172px !important; }
.w171 { width: 171px !important; }
.w170 { width: 170px !important; }
.w160 { width: 160px !important; }
.w155 { width: 155px !important; }
.w150 { width: 150px !important; }
.w149 { width: 149px !important; }
.w148 { width: 148px !important; }
.w147 { width: 147px !important; }
.w146 { width: 146px !important; }
.w145 { width: 145px !important; }
.w140 { width: 140px !important; }
.w130 { width: 130px !important; }
.w135 { width: 135px !important; }
.w127 { width: 127px !important; }
.w125 { width: 125px !important; }
.w122 { width: 122px !important; }
.w120 { width: 120px !important; }
.w115 { width: 115px !important; }
.w110 { width: 110px !important; }
.w107 { width: 107px !important; }
.w100 { width: 100px !important; }
.w95 { width: 95px !important; }
.w90 { width: 90px !important; }
.w88 { width: 88px !important; }
.w86 { width: 86px !important; }
.w85 { width: 85px !important; }
.w84 { width: 84px !important; }
.w83 { width: 83px !important; }
.w82 { width: 82px !important; }
.w80 { width: 80px !important; }
.w75 { width: 75px !important; }
.w74 { width: 74px !important; }
.w73 { width: 73px !important; }
.w72 { width: 72px !important; }
.w71 { width: 71px !important; }
.w70 { width: 70px !important; }
.w65 { width: 65px !important; }
.w63 { width: 63px !important; }
.w60 { width: 60px !important; }
.w57 { width: 57px !important; }
.w55 { width: 55px !important; }
.w50 { width: 50px !important; }
.w45 { width: 45px !important; }
.w43 { width: 43px !important; }
.w42 { width: 42px !important; }
.w40 { width: 40px !important; }
.w40 > .fa { max-width: 18px !important; }
.w39 { width: 39px !important; }
.w38 { width: 38px !important; }
.w31 { width: 31px !important; }
.w30 { width: 30px !important; }
.w35 { width: 35px !important; }
.w25 { width: 25px !important; }
.w20 { width: 20px !important; }
.w10 { width: 10px !important; }
.w5 { width: 5px !important; }

.h5 { height: 5px !important; }
.h10 { height: 10px !important; }

.h18 { height: 18px !important; line-height: 18px !important; }
.h20 { height: 20px !important; line-height: 20px !important; }
.h45 { height: 45px !important; line-height: 45px !important; }
.h58 { height: 58px !important; line-height: 58px !important; }

.h25 { height: 25px !important; line-height: 25px !important; }
.h26 { height: 26px !important; line-height: 26px !important; }
.h28 { height: 28px !important; line-height: 28px !important; }
.h30 { height: 30px !important; line-height: 30px !important; }
.h35 { height: 35px !important; line-height: 35px !important; }
.h36 { height: 36px !important; line-height: 36px !important; }
.h37 { height: 37px !important; line-height: 37px !important; }
.h40 { height: 40px !important; line-height: 40px !important; }
.h40 .fa { line-height: 40px; }

.h54 { height: 54px !important; line-height: 54px !important; }
.h50 { height: 50px !important; line-height: 50px !important; }
.h60 { height: 60px !important; line-height: 60px !important; }
.h65 { height: 65px !important; line-height: 65px !important; }
.h70 { height: 70px !important; line-height: 70px !important; }
.h80 { height: 80px !important; line-height: 80px !important; }
.h81 { height: 81px !important; line-height: 81px !important; }
.h82 { height: 82px !important; line-height: 82px !important; }
.h83 { height: 83px !important; line-height: 83px !important; }
.h84 { height: 84px !important; line-height: 84px !important; }
.h85 { height: 85px !important; line-height: 85px !important; }
.w50p.col { width: calc(50% - 2px) !important; }

.btnBox { cursor: pointer; text-align: center; margin: 5px; padding: 5px; min-width: 20px; list-style-type: none; display: inline-block; }
.btnBox.inputLine { margin: 9px 5px; line-height: 100%; }
.btnBox.cyon { background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.9) 250%); }
.controlSetScrollBox { height: 50px; overflow: auto; overflow-y: hidden; margin: 0 40px; text-align: center; }
.controlSet.top { display: inline-block; white-space: nowrap; }
.controlSet.top > li { margin: 3px 0px; padding: 5px 10px; min-width: 20px; list-style-type: none; display: inline-block; }
.panel { color: #a3bfde; }
#leftPanelBtn { position: absolute; top: 5px; left: 10px; font-size: 18px; }
#rightPanelBtn { position: absolute; top: 5px; right: 10px; font-size: 20px; padding: 0 7px; }
#pos .logo { margin: 0; vertical-align: middle; }
.ui-btn { border-width: 0; display: block; text-align: center; margin: 1px 0; color: #bad9dc; cursor: pointer; position: relative; }
.ui-btn:hover { box-shadow: 0 0 20px 5px #fff; }
.btn { border-width: 0; display: inline-block; text-align: center; padding: 0 5px; background: rgba(255, 255, 255, 0.17); color: #aaa; cursor: pointer; }
#pos .mainHeader { position: relative; }
#pos .mainContent { height: calc(100% - 44px); overflow: auto; }
#pos .col { padding: 0; vertical-align: top; display: inline-block; }
#pos .col.left { width: 315px; }
#pos .col.center { width: calc(100% - 190px - 315px - 10px); text-align: left; }
#pos .col.right { width: 190px; padding: 0 2px 0 5px; box-sizing: border-box; }
hr { height: 1px; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: auto; -webkit-margin-end: auto; margin: 0; border-style: solid; border-width: 0; position: relative; background: linear-gradient(90deg, #6e8bb9, #365689); box-shadow: 0px 0px 5px #365689; opacity: 0.5; }
hr.title { background: repeating-linear-gradient(90deg, #7395b7, #6e8bb9 50%, #365689 60%, #7395b7 80%); opacity: 1; }
hr.dot:before { top: -24px; left: -6px; font-size: 30px; font-weight: 700; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: rgba(158,185,211,0.9); text-shadow: none; position: absolute; text-shadow: 0px 0px 5px #6394bc; }
hr.dot:after { content: "."; top: -24px; right: -6px; font-size: 30px; font-weight: 500; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: rgba(158,185,211,0.9); text-shadow: none; position: absolute; text-shadow: 0px 0px 5px #6394bc; }
hr.dot.bottom:before { top: -26px; }
hr.dot.bottom:after { top: -26px; }
hr.dot.firstDot2:before { letter-spacing: -5px; }
hr.top { -webkit-margin-before: 0; -webkit-margin-after: 10px; }
hr.bottom { -webkit-margin-before: 10px; -webkit-margin-after: 0; }
hr.middle { -webkit-margin-before: 10px; -webkit-margin-after: 10px; }
.cyon select { background: rgba(0, 106, 123, 0.5); color: #bdf5f5; }
.cyonDark select { background: rgba(0, 106, 123, 0.5); color: #00acac; }
.blue select { background: rgba(33,77,136,0.5); color: #78cbfb; }
.blueDark select { background: rgba(33,77,136,0.5); color: #00a2ff; }
.red select { background: rgba(94, 4, 4, 0.5); color: #f5a4a4; }
.redDark select { background: rgba(94, 4, 4, 0.5); color: #bd5151; }
.orange select { background: rgba(119, 44, 0, 0.5); color: #f5b473; }
.orangeDark select { background: rgba(119, 44, 0, 0.5); color: #cc7a00; }
.green select { background: rgba(11, 86, 17, 0.5); color: #bbffaf; }
.greenDark select { background: rgba(11, 86, 17, 0.5); color: #00af00; }
.gray select { background: rgba(92, 92, 92, 0.35); color: #eee; }
.grayDark select { background: rgba(92, 92, 92, 0.35); color: #aaa; }
.yellow select { background: rgba(251, 255, 0, 0.03); color: #fbff03; text-shadow: 1px 0px 0px rgb(0, 0, 0); }
.yellowDark select { background: rgba(251, 255, 0, 0.36); color: #dbde31; }
.white { color: #fff; background: radial-gradient(rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.4) 150%) !important; }
.black { background: rgba(0, 0, 0, 0.8) !important; }
.gray { background: rgba(92, 92, 92, 0.35) !important; }
.blue { background: radial-gradient(rgba(0, 51, 106, 0.22)10%, rgba(33,77,136,0.8) 190%) !important; }
.blue_l { background: linear-gradient(180deg, rgb(0 47 109 / 50%) 50%, rgb(0 102 255 / 60%) 100%) !important; }
.blueLight { background: radial-gradient(rgba(1, 126, 254, 0.1) 10%, rgb(45, 137, 255) 150%) !important; }
.blueDark { background: rgba(33,77,136,0.5); color: #00a2ff; }
.blueShadow { box-shadow: 0 0 20px 2px rgb(45, 137, 255); }
.cyon { color: #95ece8 !important; background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.6) 150%) !important; }
.cyonLight { color: #95ece8 !important; background: radial-gradient(rgba(10,234,255,0.2) 10%, rgba(10,234,255,0.9) 150%) !important; }
.cyonDark { color: #95ece8 !important; background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.3) 150%) !important; }
.cyon_l { color: #95ece8 !important; background: linear-gradient(165deg, rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.6) 190%) !important; }
.cyonShadow { box-shadow: 0 0 20px 2px rgb(10,234,255); }
.red { background: radial-gradient(rgba(255,10,10,0.1) 10%, rgba(255,10,10,0.5) 150%) !important; }
.red_l { background: linear-gradient(180deg, rgba(255,10,10,0.1) 50%, rgba(255,10,10,0.5) 100%) !important; }
.redDark { background: rgba(94, 4, 4, 0.5); color: #bd5151; }
.redShadow { box-shadow: 0 0 20px 2px rgb(255,10,10); }
.orange { background: radial-gradient(rgba(255,100,0,0.1) 10%, rgba(255,100,0,0.5) 150%) !important; }
.orangeLight { background: radial-gradient(rgba(255,100,0,0.1) 10%, rgba(255, 100, 0, 0.94) 150%) ; }
.orangeDark { background: radial-gradient(rgba(255,100,0,0.1) 10%, rgba(255,100,0,0.25) 150%) !important; }
.orange_l { background: linear-gradient(180deg, rgba(255,100,0,0.2) 50%, rgba(255,100,0,0.5) 100%) !important; }
.orangeShadow { box-shadow: 0 0 20px 2px rgb(255,100,0); }
.green { background: radial-gradient(rgba(7,254,1,0.1) 10%, rgba(7,254,1,0.5) 150%) !important; }
.green_l { background: linear-gradient(175deg, rgba(7,254,1,0.1) 10%, rgba(7,254,1,0.5) 150%) !important; }
.greenDark { background: rgba(11, 86, 17, 0.5); color: #00af00; }
.greenShadow { box-shadow: 0 0 20px 2px rgb(7,254,1); }
.yellow { background: radial-gradient(rgba(254, 246, 1, 0.25) 10%, rgba(254, 244, 1, 0.74) 150%) !important; color: #fbff03; text-shadow: 1px 0px 0px rgb(0, 0, 0); }
.yellowDark { background: radial-gradient(rgba(255, 255, 0, 0.15) 10%, rgba(255, 255, 0, 0.5) 150%) !important; color: #ffff00; text-shadow: none; }
.yellowShadow { box-shadow: 0 0 20px 2px rgb(254, 244, 1); }
.iceColor { color: #69ff9e !important; *background: radial-gradient(rgba(105, 255, 192, 0.2) 10%, rgba(105, 255, 192, 0.7) 150%) !important; }
.frozonColor { color: #00ffff !important; *background: radial-gradient(rgba(105, 255, 255, 0.2) 10%, rgb(105, 255, 255) 150%) !important; }
.blue, .blue .ui-btn { color: #5bbcfc; }
.blueLight, .blueLight .ui-btn { color: #5bbcfc; }
.cyon, .cyon .ui-btn { color: #acdbdb; }
.green, .green .ui-btn { color: #aae2aa; }
.greenDark, .greenDark .ui-btn { color: #aae2aa; }
.red, .red .ui-btn { color: #b3a3a3; }
.redDark, .redDark .ui-btn { color: #b3a3a3; }
.orange, .orange .ui-btn { color: #c99f5f; }
.orangeDark, .orangeDark .ui-btn { color: #a46400; }
.orangeLight, .orangeLight .ui-btn { color: #f5b473; }
.gray .ui-btn { color: #999; }
.grayColor { color:#999; }
.textBlue { color: #78cbfb !important; }
.textBlueDark, .tableBox[table*=order] .data[data*=포장] { color: #00a2ff !important; }
.textRed, .tableBox [field*=customer_sort] .data[data=매입처], .tableBox .data[data=매입] { color: #ff6b6b !important; }
.textRedDark, .tableBox .data[data=매입반품], .tableBox .data[data=거래취소] { color: #ff8f8f !important; }
.textOrange, .tableBox [field*=customer_sort] .data[data=발주처], .tableBox .data[data=출금표], .tableBox .data[data=카드] { color: #ff8100 !important; }
.textOrangeDark, .tableBox .data[data=발주], .tableBox .data[data*=출고] { color: #cc7a00 !important; }
.textCyon, .tableBox [field*=customer_sort] .data[data=매출처], .tableBox .data[data=입금표], .tableBox .data[data=입금표], .tableBox .data[data=현금], .pList .info [field=box---] { color: #0FF !important; }
/* .textCyonDark, .tableBox .data[data*=배송] { color: #00acac !important; } */
.textCyonDark, .tableBox .data:-webkit-any([data=배송중],[data=배송완료]) { color: #00acac !important; }
.textGreen, .tableBox [field*=customer_sort] .data[data=스텝처], .tableBox .data[data=주문서], .tableBox .data[data=온라인], .pList .info [field=pack---], .pList .info [field=ea---] { color: #0F6 !important; }
.textGreenDark, .tableBox .data[data=반품], .tableBox .data[data=거래완료] { color: #00af00 !important; }
.textGray, .tableBox .data[data=견적서], .tableBox .data[data=창고아동], .tableBox .data[data=폐기] { color: #ccc !important; }
.textGrayDark, .tableBox .data[data=매입견적서], .tableBox .data[data*=접수전], .tableBox .data[data*=작성중], .tableBox .data[data*=보류중] { color: #999 !important; }
.textYellow { color: #fbff03 !important; }
.textYellowDark, .tableBox .data[data=작성완료], .tableBox .data[data=결제대기] { color: #cacd02 !important; }
.textPink, .tableBox [field*=customer_sort] .data[data=폐기처] { color: #FF77FF !important; }
.textPinkDark { color: #FF00FF !important; }
.textWhite { color: #fff !important; }
.textWhiteDark { color: #ccc !important; }

.pink { background: radial-gradient(rgba(255, 0, 224, 0.11)10%, rgba(203, 0, 255, 0.73) 190%) !important; }
.pink, .pink .ui-btn { color: #f181ff !important; }
.pink_l { background: linear-gradient(180deg, rgba(255, 0, 224, 0.11)10%, rgba(203, 0, 255, 0.73) 190%) !important; }

.textPink { color: #f181ff !important; }
.textPinkLight { color: #f8c0ff !important; }
.textPinkDark { color: #e300ff !important; }

.textOrangeLight { color: #ffd3a5 !important;}
.textRedLight { color: #ffbaba !important; }

.tableBox [field=product_name] .data[data*="[단종]"] { color: #999 !important; text-decoration: line-through; }
.tableBox tr.discontinued { color: #999 !important; text-decoration: line-through; }
.tableBox tr.dealn { color: #999 !important; }
.tableBox tr.deleted { color: #ff7d7d !important; text-decoration: line-through; }
.tableBox tr.closer_y { color: #999 !important; text-decoration: line-through; }
.tableBox tr.closer_y_no_line { color: #999 !important; }
.tableBox [field=product_name] .data[data*="[집중]"] { color: #ffbdbf !important; }
.tableBox [field=product_name] .data[data*="[비중]"] { color: #ff99ef !important; }
.tableBox [field=product_name] .data[data*="[관심]"] { color: #b2a2ff !important; }
.tableBox tr:not(.dealn) [field=product_name] .data[data*="[주력]"] { color: #00e8ff; }
.tableBox [field=product_name] .data[data*="[연관매입]"] { color: #e80101; font-weight: bold; }
.tableBox tr[favor*="추천"] { color: #ffd7ff; }
.tableBox tr[favor*="변경"] { color: #ffbca3; }
.tableBox tr[favor*="거래"] { color: #caffd1; }
.tableBox tr[favor*="계약"] { color: #62ff77; }
.tableBox tr[favor*="협의"] { color: #62ff77; }
.tableBox tr[favor*="그룹"] { color: #8ed3ff; }
.tableBox [field=payed] { color: #c0ffbb; font-weight: bold; }
.btn:hover { box-shadow: 0 0 20px 5px #fff; }
.cyon.btn:hover { color: #0ff !important; outline--: 1px solid rgba(0, 255, 255, 0.6); box-shadow: 0 0 20px 5px rgba(0, 255, 255, 1); }
.gray.btn:hover { color: #0ff !important; outline--: 1px solid rgba(0, 255, 255, 0.6); box-shadow: 0 0 20px 5px rgba(0, 255, 255, 1);}
.cyon .smartOptionBox ul.smartOptions { background: rgba(0, 0, 0, 0.85); -webkit-box-shadow: 0 0 12px #0aeaff; -moz-box-shadow: 0 0 12px #0aeaff; box-shadow: 0 0 12px #0aeaff; }
.itemSet > li.no_margin_vertical { margin-top: 0; margin-bottom: 0; }
.itemSet > li.no_margin_horizontal { margin-left: 0; margin-right: 0; }
.itemSet li.no_margin_vertical.full, .itemSet li.no_margin_vertical.full > div, .itemSet li.no_margin_vertical.full > textarea { margin-top: 0; margin-bottom: 0; }
.itemSet > li.no_margin_bottom { margin-bottom: 0; }
.itemSet > li.no_margin_top { margin-top: 0; }
.itemSet > li.no_margin { margin: 0; }
 [readonly] {
 color: rgba(255,255,255,0.5);
}
.opacity50 { opacity: 0.5; }
.won, .percent { text-align: right !important; display: inline-block; }
.bold { font-weight: 600; }
[readonly].bold { opacity: 1.0; }
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: rgba(124,159,192,0.6); font-size: 12px;
}
input.yellow::-webkit-input-placeholder, textarea.yellow::-webkit-input-placeholder {
 color: #a8ab00; text-shadow: none;
}
 input:placeholder-shown {
  *border: 5px solid red; font-weight: normal;
}
.pListHeader { }
.pListBox { height: calc(100vh - 155px - 50px); position: relative; overflow-x: hidden; overflow-y: auto; }
.pList { }
.pList, .pList ul, .pList li { margin: 0; padding: 0; list-style-type: none; width: 100%; }
.pList li { display: inline-table; vertical-align: top; text-align: left; position: relative; }
.pList > .th { position: fixed; background: rgba(27,50,92, 1); }
.pList li.th > ul > li { text-align: center; }
.pList:not(.pictureMode) > li:nth-child(2) { margin: 55px 0 0 0; }
.pList .product { color: #6c90ac; }
.pList li > ul > li { margin: 0; list-style-type: none; font-weight: 400; text-shadow: none; font-size: 12px; padding: 0px 5px 5px 0; *line-height: 22px;
}
.pList.pictureMode .pimg { width: 115px; height: 130px; margin: 0px 5px 0 0; padding: 0; }
.pList.pictureMode .pimg img { cursor: pointer; }
.pList.pictureMode .pimg label { display: inline-block; height: auto; *line-height: 18px;
}
.pList.pictureMode .pimg .productHeader { margin: 0 0 0px 0; width: 114px; }
.pList .product:hover .pimg, .pList .product.focused .pimg { opacity: 1; }
.pList .product { }
.pList img { width: 115px; height: 82px; max-width: 100%; }
.pList .nophoto { *opacity: 0.5;
}
.pList.pictureMode .product.alert { box-shadow: 0 0 10px 1px #F00 !important; }
.pList.pictureMode .product { width: calc(100% - 4px); margin: 5px 1px 0px 1px; display: inline-block; }
.pList.pictureMode .info.main span { float: left; margin: 0 5px 1px 0; height: auto; line-height: 18px; position: relative; }
.pList.pictureMode li > ul > li { height: auto; }
.pList.pictureMode .info { float: left; }
.pList.pictureMode .info.main { width: 360px; padding: 0 0 0 0px; }
.pList.pictureMode .info.main.productTitleBox { width: calc(100% - 115px - 5px); }
.pList.pictureMode .info.extra { display: inline-block; width: calc(100% - 115px - 350px - 20px); padding: 0; margin: 0px 0 0 0; overflow: visible; }
.pList.pictureMode .expandRow { position: relative; }
.pList.pictureMode .expandBtn { position: absolute; bottom: 2px; right: 0px; padding: 4px; cursor: pointer; }
.pList.pictureMode .won { text-align: right; }
.pList.pictureMode .info.main .won { min-width: 80px; }
.pList.pictureMode .product_name { font-size: 15px; height: auto; line-height: 20px; color: #87a5c4; letter-spacing: 0px; }
.pList.pictureMode .product_code { padding: 0; }
.pList.pictureMode .product_name { clear: both; color: #cee6ff; }
.pList.pictureMode .standard { color: #00ffed; }
.pList.pictureMode .unit { color: #fff; }
.pList.pictureMode .textBox { padding: 0 5px; }
.pList.pictureMode .packingStat[vdata] { line-height: 18px !important; position: absolute !important; top: 0px; right: 0; z-index: 1; }
.pList.pictureMode .packingStat[vdata=포장완료] { }
.pList.pictureMode .packingStat[vdata=포장중] { }
.pList.pictureMode .packingStat[vdata=포장초과] { }

.pList.brief .packingStat[vdata] { margin: 0 !important; }

.pList.pictureMode .info [field=price_grade].on { color: #F00; *background: rgba(92, 92, 92, 0.35);
}
.pList.pictureMode .info [field=taxyn].on { color: #fff; background: radial-gradient(rgba(7,254,1,0.1) 10%, rgba(7,254,1,0.5) 150%); }
.pList.pictureMode .taxyn { *background: rgba(92, 92, 92, 0.35);
}
.pList.pictureMode .info.main input { float: left; margin: 0 5px 2px 0; height: auto; line-height: 18px; background: rgba(27,50,92, 0.2); width: 60px; border: 0; }
.pList.pictureMode .box, .pList.pictureMode .pack, .pList.pictureMode .ea { font-size: 14px; height: 20px; line-height: 20px; min-width: 80px; }
.pList.pictureMode .boxea, .pList.pictureMode .packea { font-size: 11px; min-width: 80px; }
.pList.pictureMode .box_price, .pList.pictureMode .pack_price, .pList.pictureMode .ea_price { font-size: 11px; min-width: 80px; }
.pList.pictureMode .boxwon, .pList.pictureMode .packwon, .pList.pictureMode .eawon { font-size: 10px; color: #00981a; min-width: 80px; }
.pList.pictureMode .boxunitcost, .pList.pictureMode .packunitcost, .pList.pictureMode .eaunitcost { font-size: 11px; min-width: 80px; }
.pList.pictureMode .dc_name { width: 120px; color: #ed73fb; }
.pList.pictureMode .dc_price { width: 124px; color: #ed73fb; }
.pList.brief .dc_price { width: 115px; color: #ed73fb; }
.pList.pictureMode .box[contenteditable=true], .pList.pictureMode .boxunitcost[contenteditable=true] { color: #ffda00 !important; background: linear-gradient(160deg, rgba(255, 214, 0, 0.1) 10%, rgba(255, 202, 0, 0.1)) !important; }
.pList.pictureMode .box, .pList.pictureMode .pack, .pList.pictureMode .ea { color: #d5e3f2; white-space: nowrap; }
.pList.pictureMode .info.main .box, .pList.pictureMode .info.main .pack, .pList.pictureMode .info.main .ea, .pList.pictureMode .info.main .ea_total, .pList.pictureMode .info.main .supply_price { line-height: 26px; height: 26px; white-space: nowrap; }
.pList.pictureMode .info span[contentEditable=true] { background: linear-gradient(160deg, rgba(33,77,136, 0.3) 10%, rgba(33,77,136, 0.3)); *color: #fff;
line-height: 26px; }
.pList.pictureMode .ea_total { font-size: 11px; height: 20px; line-height: 20px; width: 48px; }
.pList.pictureMode .company_code { color: rgba(149, 236, 232, 0.6) !important; }
.pList.pictureMode .outyn { color: rgba(149, 236, 232, 0.6) !important;}
.pList.pictureMode .info.pimg span[contentEditable=true] { height: 22px; line-height: 22px; }
.pList.pictureMode .bundle::before { content: ""; font-size: 11px; }
.pList.pictureMode span { display: inline-block; }
.pList.pictureMode span::before, .pList.pictureMode .info span::after { font-size: 11px; color: rgba(255,255,255,0.4); }
.pList.pictureMode .supply_price { font-size: 13px; color: #6bb2ff; }
.pList.pictureMode .info.main .outyn, .pList.pictureMode .info .box, .pList.pictureMode .boxunitcost, .pList.pictureMode .box_price, .pList.pictureMode .boxwon, .pList.pictureMode .dc_name, .pList.pictureMode .provide_price { clear: both; }
.pList.pictureMode .unit_memo { display: block; float: none; height: 50px; overflow: auto; line-height: 1.5 !important; padding: 3px; white-space: pre-line; margin: 0; }
.pList.pictureMode .sticker_info { display: block; float: none; height: 95px; overflow: auto; line-height: 1.5; padding: 3px; white-space: pre-line; margin: 0; }
.pList.pictureMode .dc_name { }
.pList.pictureMode .sticker_info111:before { content: "제품판매정보:\A"; font-size: 11px; font-weight: 500; }
.unitWon::after, .pList.pictureMode .boxunitcost::after, .pList.pictureMode .packunitcost::after, .pList.pictureMode .eaunitcost::after, .pList.pictureMode .boxwon::after, .pList.pictureMode .packwon::after, .pList.pictureMode .eawon::after, .pList.pictureMode .dc_price::after, .pList.pictureMode .supply_price::after, .pList.pictureMode .provide_price::after, .pList.pictureMode .vat_price::after, .pList.pictureMode .supply_price::after, .pList.pictureMode .nontax_price::after, .pList.pictureMode .box_price::after, .pList.pictureMode .pack_price::after, .pList.pictureMode .ea_price::after, .pList.pictureMode .sum_price::after { content: "원"; font-size: 11px; color: rgba(255,255,255,0.4); }
.unitBox::after, .pList.pictureMode .box::after { content: "박스"; font-size: 11px; }
.unitPack::after, .pList.pictureMode .pack::after { content: "팩"; font-size: 11px; }
.unitEa::after, .pList.pictureMode .ea::after { content: "개"; font-size: 11px; }
.unitTotal::before, .pList.pictureMode .ea_total::before { content: "총:"; font-size: 11px; color: rgba(255,255,255,0.4); }
.unitGun::after { content: "건"; font-size: 11px; }
.pList.pictureMode .ea_total::after { content: "개"; font-size: 11px; color: rgba(255,255,255,0.4); }
.pList.pictureMode .info .boxea::after { content: "개입"; font-size: 11px; color: rgba(255, 250, 129, 0.3); }
.pList.pictureMode .packea::after { content: "개입"; font-size: 11px; color: rgba(255,255,255,0.4); }
.unitGrade::after, .pList.pictureMode [field=price_grade]::after { content: "등급"; font-size: 11px; color: rgba(255,255,255,0.4); }
.pList.pictureMode .thead [field=price_grade]::after { content: ""; font-size: 11px; color: rgba(255,255,255,0.4); }
.exceededInfoBox { display: none; padding: 0 0 0 5px; }
#exceeded_cnt::before { content: "재고부족"; font-size: 11px; color: #ffc500; }
.pList.pictureMode .product .info .productCheckBtn .fa { font-size: 20px; color: rgba(10, 234, 255, 0.17); position: absolute; top: 0px; left: 0px; z-index: 1; *text-shadow: 1px 1px 0px rgba(0, 79, 255, 0.52);
}
.pList.pictureMode .product .info .productCheckBtn .fa:hover { font-size: 30px; color: rgba(10, 234, 255, 0.55); text-shadow: 1px 1px 0px rgba(0, 79, 255, 0.52); }
.pList.pictureMode .product.selected .info .productCheckBtn .fa { font-size: 50px; top: 45px; left: 6px; color: rgba(10, 234, 255, 0.55); }
.pList.pictureMode.brief .product.selected .info .productCheckBtn .fa { font-size: 60px; top: 3px; left: 6px; color: rgba(10, 234, 255, 0.55); }
.pList.pictureMode .info .productCheckBtn { cursor: pointer; }
.pList.pictureMode .info .productThumb { cursor: pointer; }
.pList .product .info .serialNum { cursor: pointer; }
.pList .product .info .serialNum:hover { color: #fff; }
.pList .product .info .serialNum::before { content: "SN "; font-size: 11px; color: #6c90ac; line-height: 1; }
.pList .product .info .num { cursor: pointer; display: none; }
.pList .product .info .num:hover { color: #fff; }
.pList .product .info .num::before { content: "No."; font-size: 11px; color: #6c90ac; line-height: 1; }
.pList.pictureMode .dc_name::before { content: "할인내용:"; font-size: 10px; line-height: 1; color: rgba(255,255,255,0.4); position: absolute; top: 0; left: 0; }
.pList.pictureMode .dc_price::before { content: "할인액:"; font-size: 10px; line-height: 1; color: rgba(255,255,255,0.4); position: absolute; top: 0; left: 0; }
.pList .product.focused { box-shadow: inset -3px 0px 10px 2px rgba(239, 255, 0, 0.7); }
.pList .product.selected {
*box-shadow: inset 0 0 20px 0px rgba(10, 234, 255, 0.4); outline: 1px solid rgba(10, 234, 255, 1); }
.pList .product.selected::before {
*content: "\f00c"; font-family: FontAwesome; font-size: 50px; color: rgba(10, 234, 255, 0.55); position: absolute; top: 45px; left: 6px; z-index: 1; text-shadow: 1px 1px 0px rgba(0, 79, 255, 0.52); cursor: pointer; }
.pList .product.selected .info.main { }
.pList .product.selected.focused, .pList .product.selected:focus { }
.pList .product.deleted { background: radial-gradient(rgba(255,10,10,0.1) 10%, rgba(255,10,10,0.5) 150%) !important; }
.pList .product.deleted span, .pList.pictureMode .product.deleted input, .pList.pictureMode .product.deleted i, .pList.pictureMode .product.deleted .box[contenteditable=true], .pList.pictureMode .product.deleted .unitBox::after, .pList.pictureMode .product.deleted .box::after {
*color: #ac6c6c; text-decoration: line-through; color: #5f7e8b !important; background: transparent !important; box-shadow: none; }
.pList .product.deleted.selected { }
.pList .product.deleted.selected.focused { }

.pList .product[selfout=자출중]::after { content: "자출중"; position: absolute; font-size: 20px; top: calc(50% - 29px); right: 28px; color: rgba(192, 255, 0, 0.74); }
.pList.brief .product[selfout=자출중]::after { font-size: 14px; top: calc(50% - 40px); right: 4px; }
.pList .product[selfout=자출완료]::after { content: "자출완료"; position: absolute; font-size: 20px; top: calc(50% - 29px); right: 28px; color: #00bd00; }
.pList.brief .product[selfout=자출완료]::after { font-size: 14px; top: calc(50% - 40px); right: 4px; }
.pList .product[selfout=포장후자출]::after { content: "포장후자출"; position: absolute; font-size: 20px; top: calc(50% - 29px); right: 28px; color: rgba(192, 255, 0, 0.74); }
.pList.brief .product[selfout=포장후자출]::after { font-size: 14px; top: calc(50% - 40px); right: 4px; }


.pList.pictureMode .product[selfout="자출중"] { *background: linear-gradient(175deg, rgba(192, 255, 0, 0.2) 5%, rgba(192, 255, 0, 0) 50%, rgba(192, 255, 0, 0.1) 90%); }
.pList.pictureMode .product[selfout="자출중"] [field="product_name"] { color: rgba(192, 255, 0, 0.74); }

.pList.pictureMode .product[selfout="자출완료"] { *background: linear-gradient(175deg, rgba(28, 255, 0, 0.2) 5%, rgba(28, 255, 0, 0) 50%, rgba(4, 255, 0, 0.1) 90%); }
.pList.pictureMode .product[selfout="자출완료"] [field="product_name"] { color: #00bd00; }

.pList.pictureMode .product[selfout="포장후자출"] { *background: linear-gradient(175deg, rgba(192, 255, 0, 0.2) 5%, rgba(192, 255, 0, 0) 50%, rgba(192, 255, 0, 0.1) 90%); }
.pList.pictureMode .product[selfout="포장후자출"] [field="product_name"] { color: rgba(192, 255, 0, 0.74); }

.pList .product .info .stickyBtn { cursor: pointer; opacity: 0.1; }
.pList .product .info .stickyBtn:hover { opacity: 0.5; color: #fff; box-shadow: 0px 0px 10px 2px rgb(255, 10, 10); }
.pList .product.sticky .info .stickyBtn { opacity: 1; }
.pList .product span[contenteditable=true]:focus { color: #ffffff; *background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.9) 150%);
*box-shadow: 0px 0px 15px 4px rgba(0, 57, 186, 0.8);
outline: #e4ff00 dotted 2px; }
.percent::after { content: "%"; font-size: 11px; color: rgba(255,255,255,0.4); }
#dc_percent::before { content: "할인율"; font-size: 11px; color: rgba(255,255,255,0.4); }
#dc_percent_price::before { content: "할인액"; font-size: 11px; color: rgba(255,255,255,0.4); }
#dc_percent_price::after { content: "원"; font-size: 11px; color: rgba(255,255,255,0.4); }
.controlSet { padding: 0; margin: 2px 0; list-style-type: none; }
.controlSet > li { display: inline-block; float: none; vertical-align: top; }
.mainControlSet { }
.mainControlSet > li { margin: 0; }
.mainControlSet > li.floatRight { margin-left: 1px; }
.btnBox.inputLine { margin: 0; padding: 0; line-height: 28px; }
.btnBox.inputLine .fa { line-height: 26px; vertical-align: middle; }
.owl_popup_list .ui-footer { position: fixed; width: 100%; bottom: 0; left: 0; }
.imeActive { -webkit-ime-mode: active !important; -moz-ime-mode: active !important; -ms-ime-mode: active !important; ime-mode: active !important; }
.fa_small { font-size: 14px; }
.fa_middle { font-size: 20px; }
.fa_large { font-size: 40px; }
.controlSet.top .fa_middle { font-size: 16px; }
.fa_middle20 { font-size: 20px; vertical-align: bottom; }
.alert { -webkit-box-shadow: 0 0 20px 2px #F00 !important; -moz-box-shadow: 0 0 20px 2px #F00 !important; box-shadow: 0 0 20px 2px #F00 !important; position: relative; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: 10; }
.alert.alertHouse { -webkit-animation-iteration-count: 3; }
.alert.alertHouse::after { content: "재고부족"; font-size: 20px; color: #ff6b6b; position: absolute; bottom: 0; left--: 125px; right:30px; }
.alert.alertHouseExceeded { -webkit-animation-iteration-count: 3; }
.alert.alertHouseExceeded::after { content: "재고초과"; font-size: 20px; color: #ff0000; position: absolute; bottom: 0; left--: 125px; right:30px; }

.pList.brief .alert.alertHouse::after { left: 0; width: 100px; height: 20px; text-align: left; font-size: 16px; line-height: 1; bottom: 0px; }
.pList.brief .alert.alertHouseExceeded::after { left: 2px; height: 20px; text-align: left; font-size: 16px; line-height: 1; top: 2px; }


.pulse { -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: 10; }
@-webkit-keyframes pulsate { 0% {
-webkit-transform: scale(0.9, 0.9);
opacity: 0.6;
}
 50% {
opacity: 1.0;
}
 100% {
-webkit-transform: scale(1.0, 1.0);
opacity: 1.0;
}
}
#main_trade_office.alert, #main_trade_office_name.alert { color: #ffac46 !important; }
;
.productSearch { }
.productSearch .searchInput { *width: calc(26% - 40px); }
.productSearch .searchInput.barcode { width: 100px; }
.productSearch .searchInput.product_name { width: 150px; }
.productSearch .searchInput.product_code { width: 80px; }
.productSearch .searchInput.sticker_search { width: 80px; }
#left-panel { min-width: 150px; position: absolute; top: 40px; left: 0; background: rgba(0, 0, 0, 0.8); display: none; height: calc(100% - 40px); box-sizing: border-box; box-shadow: 0 0 40px 4px rgb(0, 0, 0); *overflow: auto;
}
#right-panel { min-width: 300px; width: 402px; position: absolute; top: 40px; right: 0; background: rgba(0, 0, 0, 0.8); display: none; height: calc(100vh - 40px); box-sizing: border-box; box-shadow: 0 0 40px 4px rgb(0, 0, 0); z-index: 2; overflow: auto; }
#left-panel .listview, #right-panel .listview { padding: 0 0 0 0px; list-style-type: none; }
.listview a.ui-btn { padding: 10px; }
.collapsibleset a.ui-btn { text-align: center; padding: 7px; line-height: 1; height: auto; }
#left-panel .collapsibleset a.ui-btn { text-align: left; }
#right-panel .collapsibleset a.ui-btn { text-align: left; }

#left-panel .collapsibleset .collapsible > ul > ul a.ui-btn {  }
#left-panel .collapsibleset .collapsible > ul > ul a.ui-btn:before { white-space: pre; content: "└ "; letter-spacing: -1px; margin-right: 3px; margin-left: -3px; }

@media (min-width: 1680px) {
	#right-panel { right: -410px; top: 5px; max-height: 900px; }
	.searchMode #right-panel { *display: block !important; z-index: 0; }
}
.showForce { display: block !important; }
.collapsibleset a.ui-btn.closeBtnPanel { text-align: center; }
.collapsibleset { }
.collapsibleset .collapsible .heading { margin: 0; padding: 10px; border-bottom: 1px solid #000; }
.collapsibleset .collapsible li { border-bottom: 1px solid #000; }
.collapsibleset .collapsible li:hover, .collapsibleset .collapsible li:focus { background: linear-gradient(180deg, rgba(255,100,0,0.3) 90%, rgba(255,100,0,0.6) 100%); }
textarea[field=memo] { height: 60px; font-size: 14px; }
textarea[field=delivery_memo] { height: 136px; font-size: 14px; display: block; }
.floatRight { float: right !important; }
.loadingMask { font-size: 50px; position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); z-index: 9999; }
.loadingMask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; max-width: 1250px; }
.loadingMask .loadingIcon { font-size: 50px; position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); z-index: 9999; }
.controlBox { }
.controlBox.right { text-align: right; }
.controlBox .ui-btn { *display: inline-block;
}
.controlBox.inline .ui-btn { display: inline-block; }
/* tableBox */
.posListBox { z-index: 1; display: none; position: absolute; height: 650px; top: 150px; left: 20px; width: calc(100% - 40px); min-width: 1080px; background: rgba(0, 14, 20, 0.9); padding: 0 20px; -webkit-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); -moz-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); }
.posListBox .selectInfoBox { display: none; }
.posListBox .titleBox { text-align: center; font-size: 14px; }
.posListBox .titleBox .title { line-height: 40px; }
.posListBox .adminBtns { margin-left: 5px; }
.posListBox .adminBtns .iconBtn { font-size: 14px; }
.posListBox .controlBox { padding: 10px 0 17px; }
.posListBox .controlBox.right { text-align: right; }
.posListBox .controlBox .itemSet > li { display: inline-block; float: none; margin: 0; vertical-align: -webkit-baseline-middle; }
.posListBox .controlBox .ui-btn { line-height: 40px; }
.posListBox .listLoadArea { min-height: calc(100% - 100px); }
.tableBox { padding: 0 0 0 0; position: relative; overflow: auto; }
.tableBox table { border-collapse: collapse; }
.tableBox .tbBody table { border-bottom: 1px solid rgba(255,255,255,0.2); }
.tableBox .tbBody table .data { text-align: left; position: relative; }
.tableBox .rowTD table { *width: 400px;
*min-width: 100%;
}
.tableBox .rowTD { *width: calc(100% - 200px);
}
.tableBox tr { }
.tableBox tr th:first-child, .tableBox tr td:first-child { border-right-width: 1px; }
.tableBox td, .tableBox th { border: 1px solid #FFF; border-width: 1px 0 0 1px; border-color: rgba(255,255,255,0.2); padding: 0 1px; white-space: nowrap; *overflow: hidden; *position: relative;
*max-width: 200px;
}
.tableBox .tbBody tr:hover th, .tableBox .tbBody tr:hover td { background: rgba(0, 143, 154, 0.15); }
.tableBox tr.msfocused th, .tableBox tr.msfocused td { background: rgba(0, 143, 154, 0.25) !important; }
.tableBox .tbHead, .tableBox .tbBody { white-space: nowrap; }
.tableBox .tbHead > div { vertical-align: top; }
.tableBox .tbHead .rowTH { display: inline-block; margin: 0 -1px 0 0; }
.tableBox .tbHead .rowTD { display: inline-block; margin: 0 -2px; overflow: auto; }
.tableBox .tbBody > div { vertical-align: top; }
.tableBox .tbBody .rowTH { display: inline-block; margin: 0 -1px 0 0; overflow: auto; }
.tableBox .tbBody .rowTD { display: inline-block; margin: 0 -2px; overflow: auto; }
.tableBox .tbHead .rowTD table { *margin: 0 6px 0 0;
}
.tableBox .tbBody .rowTH table { *margin: 0 0 6px 0;
}
.tableBox .label, .tableBox .data { display: block; overflow: hidden; font-weight: 400; padding: 1px; height: 22px; }
.tableBox .label { font-weight: 500; text-align: center; color: #999; }
.tableBox .label, .tableBox .tbBody .rowTH th { background: rgba(0, 77, 106, 0.1); }
.tableBox tr.focused :-webkit-any(th, td) { background: rgba(0, 148, 5, 0.5) !important; }
.tableBox tr.selrow :-webkit-any(th, td) { background: rgba(255,100,0,0.35) !important; }
.tableBox tr.selrow.focused :-webkit-any(th, td) { background: rgba(245, 96, 0, 0.35) !important; }
.tableBox .tbBody .rowTH tr.focused .data { *background: linear-gradient(180deg, rgba(255,100,0,0.3) 90%, rgba(255,100,0,0.6) 100%); }

.tableBox tr.canceled .data { color: #666 !important; -webkit-text-fill-color: #666 !important; background: none !important; }
.tableBox :-webkit-any([field=main_trade_name],[field=main_trade_company],[field=company],[field$="company_name"]) .data[data*=반여] { color: #79c0ff; }
.tableBox :-webkit-any([field=main_trade_name],[field=main_trade_company],[field=company],[field$="company_name"]) .data[data*=물류] { color: #00dede; }
.tableBox :-webkit-any([field=main_trade_name],[field=main_trade_company],[field=company],[field$="company_name"]) .data[data*=경성] { color: #00c929; }
.tableBox :-webkit-any([field=main_trade_name],[field=main_trade_company],[field=company],[field$="company_name"]) .data[data*=동래] { color: #d5e000; }
.tableBox :-webkit-any([field=main_trade_name],[field=main_trade_company],[field=company],[field$="company_name"]) .data[data*=대연] { color: #90ff00; }
.tableBox :-webkit-any([field=main_trade_name],[field=main_trade_company],[field=company],[field$="company_name"]) .data[data*=엄궁] { color: #ffc000; }
.tableBox :-webkit-any([field=main_trade_name],[field=main_trade_company],[field=company],[field$="company_name"]) .data[data*=남천] { color: #00e913; }

.tableBox :-webkit-any([field=main_trade_name],[field=main_trade_company],[field=company],[field$="company_name"]) .data:-webkit-any([data*=증산],[data*=양산]) { color: #af83fc; }
.tableBox .selrow :-webkit-any([field=main_trade_name],[field=main_trade_company],[field=company],[field$="company_name"]) .data:-webkit-any([data*=증산],[data*=양산]) { color: #c3a4fb; font-weight: 500; }

.tableBox :-webkit-any([field=main_trade_name],[field=main_trade_company],[field=company],[field$="company_name"]) .data[data*=서면] { color: #daff00; background: -webkit-linear-gradient(#ffeb00, #41ff00); -webkit-background-clip: text; -webkit-text-fill-color: #daff00; }

.tableBox :-webkit-any([field=main_trade_name],[field=main_trade_company],[field=company],[field$="company_name"]) .data[data*=쇼핑몰] { color: #e08400; }

.tableBox :-webkit-any([field=boxunitcost],[field=box_dc_price],[field=box_dc_percent]) .label, .tableBox :-webkit-any([field=boxunitcost],[field=box_dc_price],[field=box_dc_percent]) { color: #ffda00; }
.tableBox :-webkit-any([field=packunitcost],[field=pack_dc_price],[field=pack_dc_percent]) .label, .tableBox :-webkit-any([field=packunitcost],[field=pack_dc_price],[field=pack_dc_percent]) { color: #d5e3f2; }
.tableBox :-webkit-any([field=eaunitcost],[field=ea_dc_price],[field=ea_dc_percent]) .label, .tableBox :-webkit-any([field=eaunitcost],[field=ea_dc_price],[field=ea_dc_percent]) { color: #00e8ff; }

.tableBox tr.my_trade_office { color: #caffd1; }
.tableBox tr.no_trade_office { color: #b2bfcd; }
.tableBox th.extra_charge_line, .tableBox td.extra_charge_line { box-shadow : 0 2px 0 rgba(0, 245, 143, 0.54); }
.extra_charge_bg { background: rgba(0, 245, 143, 0.45); }
.listLoadArea .listControlBox { line-height: 1; text-align: left; color: rgba(255, 255, 255, 0.7); position: relative; }
.listLoadArea .listControlBox .ctrlBtn { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7); }
.listLoadArea .block-control { margin: 0; padding: 0; text-align:right; }
.listLoadArea .block-control > li { display: inline-block; list-style-type: none; margin: 0px 0px 0px 5px; vertical-align: middle; }
.listLoadArea .block-control .ui-slider-switch.ui-mini { width: 100px; border: 0; }
.listLoadArea .block-control .list_info-- { position: absolute; top: 0px; left: 0; }
.listLoadArea .block-control .iconBtns { position: absolute; top: -28px; right: 0; left: auto; }
.listLoadArea .iconBtn { cursor: pointer; font-size: 18px; margin-left: 10px; }
.listLoadArea .iconBtn.small { cursor: pointer; font-size: 100%; margin-right: 5px; }
.listLoadArea .iconBtn label { cursor: pointer; font-size: 14px; vertical-align: middle; *margin-left: 3px;
font-family: NotoSans; font-weight: 500; margin-top: -4px; }
.listLoadArea .ctrlBtn { border: 1px solid #ddd; padding: 2px 10px; font-size: 11px; cursor: pointer; }
.listLoadArea .block-control > li.floatRight, .floatRight { float: right; }
.listLoadArea .sqlLogBox { display: none; }
.listLoadArea .sqlLogBox textarea { width: 100%; height: 400px; }
.listLoadArea .dataLinkBtn { }
.listLoadArea th a, .listLoadArea td a { text-decoration: underline; text-decoration: none; *position: relative;    display: block; }
.listLoadArea th a .data, .listLoadArea td a .data {  }

.listLoadArea th a .data::after, .listLoadArea td a .data::after, .listLoadArea .extraBtns .data::after { content: ' '; width: 100%; position: absolute; left: 0; bottom: 0px; border-width: 0 0 1px; border-style: solid; border-color: rgba(91,188,252,0.7); }
.listLoadArea th a .data::before, .listLoadArea td a .data::before, .listLoadArea .extraBtns .data::before { content: "."; top: auto; right: 0px; font-size: 28px; font-weight: 800; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: rgba(0, 254, 255, 0.7); text-shadow: none; position: absolute; text-shadow: 0px 0px 5px #fff; }
.listLoadArea .extraBtns .data::after { border-color: rgba(255,129,0,0.5); }
.listLoadArea .extraBtns .data::before { color: rgba(255,129,0,0.7); }

.tableBox tr th.extraBtns, .tableBox tr td.extraBtns { position:relative; }
.listLoadArea th a, .listLoadArea td a { display: block; }
.listLoadArea .extraBtnBox { position:absolute; top: 0%; left:99%; display:none; z-index: 1; box-shadow: 0px 0px 10px 2px rgba(255,255,255,0.4); background: rgba(0, 0, 0, 0.90); padding: 0; font-weight: 400; }
.listLoadArea .extraBtnBox ul { padding: 0; list-style: none; text-align: left; }
.listLoadArea .extraBtnBox ul li {  }
.listLoadArea .extraBtnBox .extraBtn { padding: 3px 7px; }
.listLoadArea .extraBtnBox .extraBtn::before { margin-right: 7px; content:"\f14c"; font: normal normal normal 14px/1 FontAwesome;  }

.listLoadArea tr:nth-last-child(-n+4) .extraBtnBox { top: auto; bottom: 20%; }
.listLoadArea tr:nth-child(-n+4) .extraBtnBox { top: 0%; bottom: auto; }

.listLoadArea .extraBtns:hover .extraBtnBox { display:initial;  }
.listLoadArea .extraBtns:hover .extraBtnBox ul  {  }
.listLoadArea .extraBtns:hover .extraBtnBox ul li  {   }
.listLoadArea .extraBtns:hover .extraBtnBox ul li:hover {  }
.listLoadArea .extraBtnBox a:hover { box-shadow: 0 0 10px 3px rgba(255,255,255,0.5); }

input[type=range] { -webkit-appearance: none; }
input[type=range]:focus { }
input[type=range]::-webkit-slider-runnable-track { height: 20px; background: transparent; cursor: pointer; }
input[type=range]::-webkit-slider-thumb { background: #ffffff; height: 16px; width: 30px; margin-top: 2px; cursor: pointer; -webkit-appearance: none; border-radius:0px; }
.listLoadArea .rangeBox { margin: 3px 0; }
.listLoadArea .rangeBox > input[type="text"] { width: 70px; text-align: center; font-size: 12px; padding: 3px; height: 20px; border: 1px solid rgba(255, 255, 255, 0.5); }
.listLoadArea .rangeBox > input[type="range"] { opacity: 0.5; vertical-align: -webkit-baseline-middle; display: inline-block; width: 100%; width: calc(100% - 70px - 5px); height: 4px; margin: 0 0px 5px; padding: 0; }
.listLoadArea .rangeBox input[type="range"]:focus { outline-color: #fff; outline-style: none; outline-width: 0px; box-shadow: none; }
.fa.link { cursor: pointer; }
.listLoadArea .adminInfoBox { display: none; }
.listTableBox { position: relative; overflow: hidden; }
.listTableBox .searchExtraInfo { display: none; }
.listTableBox .searchBox { width: 300px; position: absolute; right: 5px; display: none; box-shadow: 0 0 30px rgba(0, 243, 255, 0.6); background: rgba(149, 173, 179, 0.97); color: #000; height: calc(100% - 90px); z-index: 20; bottom: 10px; }
.listTableBox .searchBox.show { display: initial; }
.listTableBox .searchBox .search_form { height: calc(100% - 60px); overflow: auto; width: 94%; margin: 10px 3%; }
.listTableBox .searchBox .search_form input[type="text"] { color: #000; }
.listTableBox .searchBox .search_form .search_item { margin: 0; }
.listTableBox .searchBox .search_form .search_item input:focus { outline: -webkit-focus-ring-color auto 5px; outline-color: -webkit-focus-ring-color; outline-color: #39F; outline-style: auto; outline-width: 5px; }
.listTableBox .searchBox .search_form .search_item input, .listTableBox .searchBox .search_form .search_item select, .listTableBox .searchBox .search_form .search_item textarea { }
.listTableBox .searchBox .search_form .search_item.widthLabel > .label { width: 20%; display: inline-block; font-size: 100%; color: #003d4b; }
.listTableBox .searchBox .search_form .search_item.widthLabel > .rangeBox { width: 76%; display: inline-block; }
.listTableBox .widthoutLabel > .label, .widthoutLabel > label { display: none; }
.listTableBox .widthoutLabel > .search_input[type=text], .widthoutLabel > .data_input[type=text] { width: 100%; }
.listTableBox .search_item input { padding-right: 22px; }
.listTableBox .search_item .clear { color: #e2e2e2; vertical-align: sub; overflow: visible; display: inline-block; visibility: visible; z-index: 99; cursor: pointer; position: relative; float: right; font-size: 20px; margin: 0 20px 0 0; line-height: 30px; width: 0; height: 0; }
.listTableBox .searchBox input::-webkit-input-placeholder {
color: rgba(57, 107, 119, 1);
}
.listTableBox .search_item .selecttextBox .clear { padding-right : 140px; }
.selecttextBox .data, .selecttextBox .search_input, .selecttextBox .action_input, .addressBox .data { width: 50% !important; }
.listTableBox .searchBox select { background: rgba(7, 75, 90, 0.7); }
.selecttextBox .select_options { width: 30% !important; }
.selecttextBox .select_oper { width: 18% !important; }
.orderbyItemBox select { width: auto !important; }
.widthLabel.inline .label { width: 30%; }
.widthLabel.inline .input, .widthLabel.inline .action_input { width: 65%; }
.listTableBox .searchBox .search_form .search_item.widthLabel.inline > .label { width: 30%; }
.listTableBox .searchBox .search_form .search_item.widthLabel.inline > .input { width: 65%; }
.listTableBox .orderbyControlBox .controlBtns { text-align: right; padding: 10px 10px 5px; color: #003d4b; }
.listTableBox .orderbyControlBox .controlBtns .fa { font-size: 14px; margin: 0 0 0 5px; cursor: pointer; }
.listTableBox .orderbyControlBox .controlBtns .title { }
.listTableBox .orderbyControlBox .orderbyItemBox { border: 1px solid #2e6572; padding: 5px; text-align: right; }
.listTableBox .orderbyControlBox .orderbyItemBox .item.selrow { background-color: rgba(157, 255, 0, 0.5); position: relative; }
.listTableBox .orderbyControlBox .orderbyItemBox .item.selrow:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f046"; position: absolute; left: 5px; top: 6px; top: calc(50% - 7px); }
.listTableBox .search_form_ctrl { text-align: center; }
.listTableBox .search_form_ctrl.cols_2 > * { width: 48% !important; margin: 0 !important; }
.listTableBox .search_form_ctrl .search_btn { cursor: pointer; padding: 10px 10px; width: 94%; text-align: center; position: relative; background: rgba(0, 0, 0, 0.75); color: #fff; font-weight: 500; margin: 5px 3%; }
.listTableBox .search_form_ctrl .search_btn.fa-search:before { position: absolute; right: 10px; top: 10px; font-family: FontAwesome; }
.listTableBox .search_form_ctrl .reset_btn { cursor: pointer; padding: 10px 10px; width: 100%; text-align: center; position: relative; background: rgba(0, 0, 0, 0.75); color: #fff; font-weight: 500; margin: 0; }
.listTableBox .search_form_ctrl .reset_btn.fa-times:before { position: absolute; right: 10px; top: 10px; font-family: FontAwesome; }
.owl_popup {
*background: rgba(0,0,0,0.2); z-index: 999; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 1250px; }
.alertBox { background: #020202; box-shadow: 0 0 20px 5px #fff87a; position: absolute; top: 50%; left: 50%; max-width: 1250px; }
.owl_popup .popupHeader.red { background: radial-gradient(rgba(255,10,10,0.5) 10%, rgba(255,10,10,1.0) 150%); }
.owl_popup .popupHeader .title { font-size: 14px; text-align: center; display: block; margin: 0; padding: .7em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
.owl_popup .content { padding: 20px; font-size: 16px; overflow: auto; white-space: pre; }
.owl_popup .btnSet { }
.owl_popup .btnSet ul { list-style: none; margin: 0; padding: 0; }
.owl_popup .btnSet ul li { margin: 0; padding: 0; display: inline-block; width: 100%; }
.owl_popup .btnSet ul li.col_2 { width: 50%; }
.owl_popup .btnSet ul li a { padding: 10px; font-size: 16px; display: block; text-align: center; background: #333; margin: 0 1px; }
.owl_popup .btnSet ul li a.yesBtn { background: radial-gradient(rgba(255,10,10,0.1) 10%, rgba(255,10,10,0.5) 150%); }
.productBtnSet { clear: both; text-align: right; margin: 0 0 5px ; }
.productBtnSet .btn.w50p { margin: 1px 1px 0 0; width: calc(50% - 1px) !important; }
.productBtnSet .btn.w100p { margin: 1px 1px 0 0; width: calc(100% - 1px) !important; }
.productBtnSet .btn:hover { color: #95ece8; background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.9) 150%); }
.pList .infoExt { display: none; }
.pList .infoExt [field=stockbox_rese], .pList .house [field=stockpack_rese], .pList .house [field=stockea_rese], .pList .house [field=stock_rese], .pList .house [field=sum_total_rese] { width: 50px; text-align: right; }
.pList .infoExt .head { padding: 1px 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.pList .infoExt .data { padding: 1px 5px; }
.pList .infoExt .tbody .row:hover { box-shadow: 0 0 20px 2px rgba(10,234,255,0.6); color: #fff; }
.pList .infoExt .orgSelected { color: #fff; }
.pList .infoExt .selected { color: #F00; }
.pList .infoExt table { width: 100%; margin: 0 0 0 0px; background: rgba(25, 41, 77, 0.5); border: 1px solid rgba(255, 255, 255, 0.15); border-width: 1px 0 1px; }
.pList .infoExt .thead table { border-width: 1px 0 0px; }
.pList .infoExt.priceInfo .tbody { height: 100px; overflow: auto; overflow-x: hidden; user-select: none; cursor: pointer; }
.pList .infoExt.priceInfo td { width: 80px; text-align: center; }
.pList .infoExt.priceInfo [field=customer_name] { width: calc(100% - 400px); }
.houseBox { z-index: 1; display: none; position: absolute; top: 210px; right: 10px; width: 350px; background: rgba(0, 28, 39, 0.9); padding: 0 20px 20px; -webkit-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); -moz-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); }
.houseBox .titleBox { text-align: center; font-size: 18px; font-weight: 300; padding: 10px 0; }
.houseBox .controlBox.right { text-align: right; margin: 10px 0; }
.houseBox table .head { padding: 1px 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.houseBox table .data { padding: 1px 5px; }
.houseBox table .row { height: 30px; }
.houseBox table .tbody .row:hover { box-shadow: 0 0 20px 2px rgba(10,234,255,0.6); color: #fff; }
.houseBox table .tbody .row.selected { color: #f00; }
.houseBox table { width: 100%; margin: 0 0 0 0px; background: rgba(25, 41, 77, 0.5); border: 1px solid rgba(255, 255, 255, 0.15); border-width: 1px 0 1px; border-width: 1px 0 0px; }
.houseBox .controlBox .itemSet > li { display: inline-block; float: none; margin: 0; }

.unitMemoBox { z-index: 1; display: none; position: absolute; top: 210px; left: 530px; width: 350px; background: rgba(0, 28, 39, 0.9); padding: 0 20px 20px; -webkit-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); -moz-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); }
@media (min-width: 1680px) {
	.unitMemoBox { right: auto; left: 1057px; }
}
.unitMemoBox .titleBox { text-align: center; font-size: 18px; font-weight: 300; padding: 10px 0; }
.unitMemoBox .contBox { width: 100%; margin: 0 0 10px 0px; padding: 0; background: rgba(25, 41, 77, 0.5); }
.unitMemoBox .controlBox .itemSet > li { display: inline-block; float: none; margin: 0; }

.cardpayedopBox { z-index: 1; display: none; position: absolute; top: 65px; left: 350px; width: 650px; background: rgba(0, 28, 39, 1); padding: 0 20px 20px; -webkit-box-shadow: 0 0 20px 7px rgba(0, 243, 255, 0.6); -moz-box-shadow: 0 0 20px 7px rgba(0, 243, 255, 0.6); box-shadow: 0 0 20px 7px rgba(0, 243, 255, 0.6); }
.cardpayedopBox .titleBox { text-align: center; font-size: 18px; font-weight: 300; padding: 10px 0; }
.cardpayedopBox .contBox { width: 100%; margin: 0 0 10px 0px; padding: 0 5px;  border: 1px solid rgba(255, 255, 255, 0.15); border-width: 1px 0 1px; border-width: 1px 0 0px; }
.cardpayedopBox .controlBox .itemSet > li { display: inline-block; float: none; margin: 0; }

.inputItem input[type="text"] { margin:1px -1px; }
.inputItem input[type="text"].large { font-size: 14px; }

.inputItem .ui-btn { display: inline-block; margin:1px -1px; }
.inputItem.searchText input[type="text"] { width: calc(100% - 150px); }
.inputItem.searchText .ui-btn { width: 150px;  }

.edited {
*box-shadow: inset 0 0 20px 0px rgba(255, 247, 10, 0.72); outline: 1px solid rgb(255, 224, 10) !important; }
.orgSelected { *background: linear-gradient(150deg, rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.9) 150%);
}
.dropBtnBox { position: relative; }
.dropBtnBox .dropBtnSet { display: none; list-style-type: none; padding: 0px; position: absolute; top: 0px; margin: 0px 0 0 0; z-index: 999; background: rgba(0, 0, 0, 0.9); box-shadow: 0px 0px 20px 1px rgb(255, 255, 255); }
.dropBtnBox .toggleBtn { margin: 0; }
.dropBtnBox .dropBtnSet > li { float: left; margin: 0 0 1px 0; }
.dropBtnBox .dropBtnSet > li a { *color: #cccccc; }
.dropBtnBox:hover--- .dropBtnSet {
display:block;
}
.dropBtnBox .dropBtnSet.left { left: 0; }
.dropBtnBox .dropBtnSet.right { right: 0; }
.productControlSet .dropBtnBox .dropBtnSet { }
.posLoginBox { display: none; position: absolute; left: calc(50% - 150px); top: 250px; -webkit-box-shadow: 0 0 12px #F00; -moz-box-shadow: 0 0 12px #F00; box-shadow: 0 0 12px #F00; padding: 22px; width: 300px; height: 150px; background: rgba(14, 24, 47, 0.9); z-index: 999; }
.posLoginBox form fieldset { margin: 0 0 5px 0; }
.posLoginBox form fieldset label { width: 28%; display: inline-block; }
.posLoginBox form fieldset input { width: 70%; display: inline-block; height: 26px; }
.posLoginBox .loginForm { }
.posLoginBox .logoutForm { }
.posLoginBox .logoutForm .infoBox { height: 60px; overflow: auto; }
fieldset { border-width: 0; margin: 0; padding: 0; }
.cardDiv { width: 175px; display: none; position: absolute; top: 390px; right: 200px; background: rgba(0,0,0,0.9); box-shadow: 0px 0px 20px 2px #eeab48; padding: 5px 5px 10px 5px; z-index: 1; }
.onlineDiv { width: 380px; display: none; position: absolute; top: 390px; right: 200px; background: rgba(0,0,0,0.9); box-shadow: 0px 0px 20px 2px #eeab48; padding: 5px 5px 10px 5px; }
.billDiv { width: 215px; display: none; position: absolute; top: 390px; right: 200px; background: rgba(0,0,0,0.9); box-shadow: 0px 0px 20px 2px #eeab48; padding: 5px 5px 10px 5px; }
.cardDiv.paytypeAdded { top: 500px; }
.cardDiv [field] { width: 100%; display: inline-block; text-align: right; line-height: 26px; color: #b8cee4; }
.billDiv [field] { width: 100%; line-height: 26px; }
.expandBox { display: none; position: absolute; width: 800px; height: 650px; top: calc(50% - 300px); left: calc(50% - 400px); background: rgba(0, 28, 39, 0.9); padding: 10px 20px 20px; -webkit-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); -moz-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); z-index: 2; }
.expandBox .titleBox { text-align: center; font-size: 18px; line-height: 40px; }
.expandBox .textBox { overflow: auto; height: calc(100% - 90px); padding: 5px; font-size: 16px; line-height: 1.5; white-space: pre-line; }
.expandBox .textBox ul, .expandBox .textBox ol { padding-left: 20px; margin: 0 0 10px; }
.expandBox .controlBox { position: absolute; bottom: 20px; right: 20px; }
.unitMenuSearchBox { }
.unitMenuSearchBox .unit_memo_search { width: calc(100% - 40px); display: inline-block; border-width: 0; line-height: 20px; padding: 0 3px; }
.unitMenuSearchBox .unitMenuSearchBtn { width: 40px; display: inline-block; cursor: pointer; line-height: 26px; text-align: center; }
.stickerSearchBox { }
.stickerSearchBox .sticker_search { width: calc(100% - 40px); display: inline-block; border-width: 0; line-height: 20px; padding: 0 3px; }
.stickerSearchBox .stickerSearchBtn { width: 40px; display: inline-block; cursor: pointer; line-height: 20px; text-align: center; }
.searchSelectBox .searchKWD { width: calc(100% - 40px); display: inline-block; border-width: 0; line-height: 26px; padding: 0 3px; }
.searchSelectBox .searchBtn { width: 37px; display: inline-block; cursor: pointer; line-height: 26px; text-align: center; }
.msgBox { display: none; height: 130px; padding: 0px; width: calc(100% - 5px); margin: 2px 0 2px 2px; }
.msgBox .msgItems { margin: 0; padding: 5px; list-style-type: none; height: 100%; overflow: auto; position: relative; }
.msgBox .msgItems .msgItem { margin: 0 0 1px 0; }
.msgBox .msgItems .msgItem span { display: inline-block; vertical-align: top; }
.msgBox .msgItems .msgItem.confirmRow { min-height: 40px; }
.msgBox .msgItems .msgItem .num { width: 50px; }
.msgBox .msgItems .msgItem .msg_content { width: calc(100% - 60px); }
.msgBox .msgItems .msgItem.confirmRow .msg_content { width: calc(100% - 60px - 80px); }
.msgBox .msgItems .msgItem.focused { color: #fff; }
.msgBox .msgItems .msgItem.focused .msg_content { font-size: 14px; }
.textRight { text-align: right !important; }
.textCenter { text-align: center !important; }
.textLeft { text-align: left !important; }
.textBtn { display: inline-block; text-align: center; }
#customer_group { text-align: center; cursor: pointer; }
#order_num { font-size: 14px; }
#customer_code { font-size: 14px; }
.productsSummaryBox [readonly] { opacity: 1; *color: #fff; }
.scrollBox { overflow: auto; }
.flex_Box { display: flex; }
.hBox { display: inline-flex; }
.hBox .textBtn { margin: 0 1px; }
.prBox { position: absolute; top: 200px; right: 0px; width: 300px; height: calc(100% - 200px); background: rgba(0,0,0,0.75); display: none; }
.prBox .prItems { overflow: auto; height: calc(100% - 60px); padding: 10px; margin: 0; list-style-type: none; }
.prBox.dev_admin .prItems { height: calc(100% - 50px - 50px); }
.prBox .prItems .prItem { padding: 0 0 5px 0; margin: 0 0 1px 0; }
.prBox .controlBox { height: 50px; padding: 0 10px 10px; }
.prBox .prItems .prItem .title { color: #fff; }
.prBox .prItems .prItem .product_name { font-size: 14px; }
.prBox .prItems .prItem .msg_content { width: calc(100%); }
.prBox .prItems .prItem.confirmRow .msg_content { width: calc(100% - 50px); }
#need_recall[stat=재검필요] { color: #ffac46; }
#need_recall[stat=재검완료] { color: #fff; box-shadow: 0 0 20px 2px #fff; }

.inlineItems { float: left; margin: 2px 0; }
.pList .inlineItems { }
.pList.brief .inlineItems { }
.pList.brief { }
.pList.brief hr { *display: none; }
.pList.brief hr.top { -webkit-margin-after: 2px; }
.pList.brief .inlineItems { margin: 1px 0; position: relative; }
.pList.brief .pimg { height: 74px; }
.pList.brief .pimg img { display: none; }
.pList.brief .info { float: left; }
.pList.brief .info.main { width: 444px; }
.pList.brief .houseBtn, .pList.brief .priceInfoBtn, .pList.brief .productThumbBtn, .pList.brief .productMenuBtn { display: none; }
.pList.pictureMode .location { display: none; }/* 2022-03-30 김태영과장 물류팀의 입고반품 POSW 창의 LOCATION 정보 노출을 위하여 기본 POS 에서는 안보이도록 처리 */
.pList.pictureMode .dealterm { display: none; }/* 2023-04-28 김태영차장 물류팀의 입고반품 POSW 창의 DEALTERM 정보 노출을 위하여 기본 POS 에서는 안보이도록 처리 */
.pList.brief .entityidBtn { display: none; }
.pList.brief .box_price, .pList.brief .pack_price, .pList.brief .ea_price, .pList.brief .sum_price, .pList.brief .pack_price, .pList.brief .ea_price, .pList.brief .boxwon, .pList.brief .packwon, .pList.brief .eawon, .pList.brief .provide_price, .pList.brief .vat_price, .pList.brief .nontax_price { display: none; }
.pList.brief .info.main .box, .pList.brief .info.main .pack, .pList.brief .info.main .ea, .pList.brief .info.main .ea_total, .pList.brief .info.main .boxea, .pList.brief .info.main .packea, .pList.brief .info.main .dc_name, .pList.brief .info.main .dc_price, .pList.brief .info.main .supply_price { line-height: 18px; min-width: 40px; *width: auto; }
.pList.brief .info.main span[field], .pList.brief .box_price, .pList.brief .taxyn, .pList.brief .dc_name { clear: none; }
.pList.brief .foodenBarcodeIcon { display: none; }
.pList.brief .product.selected::before { top: 3px; font-size: 60px; }
.pList.brief .info.main .product_name { clear: none; }
.pList.brief .info.main .barcode { display: none; }
.pList.brief .info.main span[val="0"] { display: none; }
.pList.brief .info.extra { width: calc(100% - 115px - 450px - 0px); margin: 0 0 2px 0px; float: right; }
.pList .info.extra hr { display: none; }
.pList.brief .info.extra .expandRow {  }
.pList.brief .info.extra .expandRow.unitMenuSearchBox {  }
.pList.brief .info.extra .expandRow.box_unit_memo {  }
.pList.brief .info.extra .unit_memo { height: 38px; line-height: 1 !important; margin: 1px 0 1px; }
.pList.brief .info.extra .expandRow.box_sticker_info { display: none; }
.pList.pictureMode.brief .expandBtn { bottom: 1px; right: 0px; padding: 3px 10px; }
.pList.brief .unitMenuSearchBox .unit_memo_search { line-height: 21px; height: 18px; }
.pList.brief .unitMenuSearchBox .unitMenuSearchBtn { line-height: 18px; height: 18px; }
.pList.brief .info.main .inputBig span[field] { line-height: 26px; }
.pList.brief .info.main .box, .pList.brief .info.main .pack, .pList.brief .info.main .ea { min-width: 55px; width: 55px; line-height: 40px !important; font-size: 18px; font-weight: 600; }

.pList.brief .info.main .ea { min-width: 70px; width: 70px; }

.pList.brief .info.main .supply_price { line-height: 18px !important; height: 18px !important; float: right; }

.pList.brief .boxea, .pList.brief .packea { }
.pList.brief .info.main .boxea { position: absolute; left: 0px; top: 0px; width: initial; text-align: left !important; min-width: initial; line-height: 1 !important; color: rgba(255, 255, 0, 0.3); }
.pList.brief .info.main .packea { position: absolute; left: 65px; top: 0px; width: initial; text-align: left !important; min-width: initial; line-height: 1 !important; }

.pList.brief .inlineItems.w100p { margin-bottom: *12px; }
.pList.brief .info.main .inlineItems.w100p span[field] { height: 40px; line-height: 40px; }

.pList.brief .info.main .inlineItems.w100p span[field=ea_total] { height: 20px; line-height: 20px; width: 56px; overflow: hidden; }
.pList.brief .info.main .inlineItems.w100p span[field=price_grade] { height: 20px; line-height: 20px; position: absolute; left: 195px; top: 20px; }

.pList.brief .info.main .boxunitcost, .pList.brief .info.main .packunitcost, .pList.brief .info.main .eaunitcost { position: absolute; left: 0px; top: 30px; width: initial; height: 12px !important; width: 55px; min-width: initial; line-height: 1 !important; color: rgba(0, 245, 254,0.5); }

.pList.brief .info.main .boxunitcost { left: 0px; color: rgba(255, 218, 0, 0.5); }
.pList.brief .info.main .packunitcost { left: 60px; }
.pList.brief .info.main .eaunitcost { left: 120px; min-width: 70px; }

.pList .info.main .dc_name { height: 26px; padding-top: 12px; text-align: right; line-height: 1 !important; }
.pList .info.main .dc_price { height: 26px; padding-top: 12px; text-align: right; line-height: 1 !important; }
.pList.brief .info.main .dc_name { width: 60px; }
.pList.brief .info.main .dc_price { }
.pos { position: relative; width: 1250px; }
.relativeBox { position: relative; }
.dealtypeCanceled { *background: rgba(86, 0, 0, 0.2);
}
.dealtypeCanceled:before { box-sizing: border-box; content: "거래취소"; position: absolute; color: rgba(255, 0, 0, 0.4); font-weight: 600; top: 300px; left: 0; line-height: 1; font-size: 1500%; text-align: center; width: 100%; padding: 75px 0 0 200px; max-width: 1250px; }
.outLimitBox { position: absolute; bottom: 0px; right: 0px; display: none; }
.outLimitBox #outLimitBtn { -webkit-box-shadow: 0 0 20px 2px #ff0000; -moz-box-shadow: 0 0 20px 2px #ff0000; box-shadow: 0 0 20px 2px #ff0000; font-size: 15px; color: #ffac46; }
.outLimitBox #outLimitBtn.green { -webkit-box-shadow: 0 0 20px 2px #a9ff00; -moz-box-shadow: 0 0 20px 2px #a9ff00; box-shadow: 0 0 20px 2px #a9ff00; font-size: 15px; color: #fff; }
#pos .col.right input[type="text"] { line-height: 20px; height: 20px; }
#button_cash1 { *display: none;
}
a.disabled { background: rgba(255, 255, 255, 0.17) !important; color: #aaa !important; }
.loginForm input { background-color: #fff; color: #000; }
#order_date, #delivery_date { text-align: right; font-size: 14px; }
.inputBox { position: relative; }
.inputBox:before { position: absolute; top: 0; left: 3px; font-size: 10px; color: rgba(124,159,192,0.8); }
.cyon.inputBox:before { color: rgba(0, 200, 215, 0.8); }
.order_date_box:before { content: "작성일"; }
.delivery_date_box:before { content: "배송일"; }
#paygateWin { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); }
#cardFrame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width:1280px; background: rgba(255, 255, 255, 0.5); z-index:1; }
.paygateWin { width: 800px; height: 600px; background: #eee; top: calc(50% - 300px); position: absolute; left: calc(50% - 400px); }
.pointer { cursor: pointer; }
.foodenBarcodeIcon { padding-left: 5px; }
.foodenBarcodeIcon img { width: auto; height: 14px; }
.foodenBarcodeIcon .fa-barcode { margin-left: 5px; font-size: 14px; }
.posListBox .briefHelpCol { width: calc(100% - 160px - 6px); }
.posListBox .briefHelpBox { height: 40px; overflow: auto; text-align: left; white-space: pre; padding: 5px; font-size: 12px; line-height: 1.5; }
.pListHeader .pListHelpBox { overflow: auto; }
.pListHeader .pListHelpBox .briefHelpBox { font-size: 11px; *text-align: center; white-space: pre-wrap; padding: 0 10px; max-height: 150px; }
.briefHelpBox b { font-size: 14px; }
.label2LineBtn { line-height: 1.5 !important; padding: 7px 0; }
#sum_price_org { color: #d5e3f2; font-size: 15px; letter-spacing: 0px; }
#total_price { color: #d5e3f2; font-size: 15px; letter-spacing: 0px; }
#notin_price { color: #d5e3f2; font-size: 15px; letter-spacing: 0px; }
#alltot_price { color: #d5e3f2; font-size: 15px; letter-spacing: 0px; }
#pay_price { font-size: 16px; letter-spacing: 0px; }
#extra_price { font-size: 15px; letter-spacing: 0px; }
#remain_price { font-size: 16px; letter-spacing: 0px; }
.outerHouse { -webkit-box-shadow: 0 0 20px 2px #F00; -moz-box-shadow: 0 0 20px 2px #F00; box-shadow: 0 0 20px 2px #F00; }
.posHelpBox { display: none; position: absolute; width: 1000px; height: 800px; top: calc(50% - 400px); left: calc(50% - 500px); background: rgba(0, 28, 39, 0.9); padding: 10px 20px 20px; -webkit-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); -moz-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); z-index: 10; }
.posHelpBox .titleBox { text-align: center; font-size: 18px; line-height: 40px; }
.posHelpBox .contentBox { overflow: auto; height: calc(100% - 90px); padding: 5px; font-size: 14px; line-height: 1.5; }
.posHelpBox .contentBox a { color: #00edff; }
.posHelpBox .textBox { white-space: pre-line; }
.posHelpBox h2, .posHelpBox h3, .posHelpBox h4 { margin: 0; }
.posHelpBox hr { }
.posAdminBox { display: none; position: absolute; width: 1000px; height: 800px; top: calc(50% - 400px); left: calc(50% - 500px); background: rgba(0, 28, 39, 0.9); padding: 10px 20px 20px; -webkit-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); -moz-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); z-index: 10; }
.posAdminBox .titleBox { text-align: center; font-size: 18px; line-height: 40px; }
.posAdminBox .contentBox { overflow: auto; height: calc(100% - 90px); padding: 5px; font-size: 14px; line-height: 1.5; }
.posAdminBox .contentBox a { color: #00edff; }
.posAdminBox .textBox { white-space: pre-line; }
.posAdminBox h2, .posHelpBox h3, .posHelpBox h4 { margin: 0; }
.posAdminBox hr { }
.posAdminBox .linkItem {  }
.posAdminBox .linkItem:hover { background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.6) 150%);box-shadow: 0 0 14px 3px #002bff; }
.houseBrief { width: 100%; padding: 0 0px 0 0; text-align: right; *background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.3) 150%); font-size: 11px; }
.houseBrief label { }
.houseBrief b { color: #95ece8; white-space: nowrap; }
.creditHouseBrief { width: 100%; padding: 0px; *background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.3) 150%); }
.creditHouseBrief label { }
.creditHouseBrief b { color: #f9bb31; }
.helpF2Btn:hover { color: #95ece8; background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.6) 150%); }
.alertBox .adminBtn { position: absolute; top: 0px; right: 5px; }
.layerBox .adminBtn { position: absolute; top: 0px; right: 10px; }
.popupForm { display: none; }
.shortCutHint { font-size: 12px; color: #838383; }
.shortCutHint b { font-size: 14px; color: #8ebcff; }
.shortCutKey { color: #8ebcff; }
#newRetailBtn::after {
*content: "[ALT+M]"; font-size: 10px; position: absolute; bottom: -6px; line-height: 1; left: 21px; }
#customerOPSearchBtn::after {
*content: "[ALT+K]"; font-size: 10px; position: absolute; bottom: -6px; line-height: 1; left: 14px; }
#opSearchBtn::after {
*content: "[ALT+J]"; font-size: 10px; position: absolute; bottom: -6px; line-height: 1; left: 14px; }
.afterHouse { }
.afterHouse::after { content: "후재고"; font-size: 20px; color: rgba(99, 255, 217, 0.8); position: absolute; bottom: 0; left: 80px; width: 100px; font-weight: 300; }
.pList.brief .afterHouse::after { left: 0; width: 115px; text-align: left; font-size: 16px; line-height: 1; bottom: 0px; }

.alertText { color: #ffac46; }
.alertTextBox { color: #ffac46; box-shadow: 0 0 20px 2px #F00 !important; }
#popupForm { display: none; }
.generatorBox { display: none; position: absolute; width: 100%; height: 100%; max-width: 1280px; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 100; }
.generatorBox .statBox { margin: 50px auto 0; width: 450px; overflow: auto; height: 800px; }
.generatorBox .title { font-size: 18px; }
.generatorBox .content { font-size: 14px; }
.productsSummaryBox { position: relative; }
.productsSummaryBox label, .productsSummaryBox span { *line-height: 1; }
.productsSummaryBox .dropBtnBox .dropBtnSet { right: 80px; top: 36px; } /*  right: 5px; top: -32px; */
.productsSummaryBox .dropBtnSet { background: rgba(0, 0, 0, 0.8); padding: 0 10px 10px 10px; }
.productsSummaryBox .dropBtnSet .heading { margin: 0; font-size: 14px; font-weight: 300; *line-height: 50px; padding: 10px 0 0 0; line-height: 32px; letter-spacing: -1px; }
.productsSummaryBox .dropBtnSet .verticalBtnSet { list-style: none; padding: 0; }
.productsSummaryBox .dropBtnSet .verticalBtnSet > li {}
.productsSummaryBox .pListMenu {}
.horizontalScrollBox { overflow-y: hidden; overflow-x: auto; padding: 0 0 0 5px; height: 36px; line-height: 36px; max-width: 650px; width: 650px; white-space: nowrap; text-align: right; }
.pListMenuBtn .fa { font-size: 14px; }
#cardFrame #iframeForm {display: none;}
.tableBox .tbBody tr .editable[contenteditable=true] { background: linear-gradient(175deg, rgba(2, 134, 146, 0.4) 10%, rgba(0, 192, 190, 0.8)); }
.tableBox .tbBody tr .editable.edited[contenteditable=true] { color: yellow; }
.tableBox .tbBody tr.editedRow th, .tableBox .tbBody tr.editedRow td { border-bottom: 1px solid rgb(255, 224, 10); }
.smartHintBox { position:absolute; width: 100%; left: 0; bottom: 100px; z-index: 999; *background: rgba(0,0,0,0.5); color: rgba(255,255,255,0.5); text-align: center; display:none; }
.smartHintBox .smartHintCont { font-size: 20px; font-weight:500; padding: 10px; white-space: pre; }
.smartHintBox .smartHintCont .title {}
.smartHintBox .smartHintCont .big { font-size: 40px; }
.smartHintBox .smartHintCont .normal { font-size: 14px; }

.smartHintAnimation { -webkit-animation:scaleme 5s forwards; display:block; }
@-webkit-keyframes scaleme {
  0% { -webkit-transform: scale(0.5); opacity: 1;  }
  100% { -webkit-transform: scale(1); opacity: 0; display:none; }
}


.listActionBox { display:none; position: absolute; top: 80px; right: 20px; width: 300px; height: calc(100% - 90px); background: url(/smart/pos/img/bg1000_400_fixed_dark.gif); z-index: 1; overflow: auto; box-shadow: 0px 0px 20px 6px rgba(255,100,0,0.7); padding: 0 1px; }
.listActionBox .titleBox { height: 30px; line-height: 30px; background: radial-gradient(rgba(255,100,0,0.1) 10%, rgba(255,100,0,0.6) 150%); color: #f5b473; }
.listActionBox .titleBox a { color: #f5b473; }
.listActionBox .contBox {  }
.listActionBox .owl_sub_menu { margin: 0; padding: 0; list-style-type: none; }
.listActionBox .owl_sub_menu .menu_item { position:relative; }
.listActionBox .owl_sub_menu .menu_item .menuBtn { padding: 6px 10px; display: block; background: linear-gradient(165deg, rgba(1, 126, 254, 0.1) 10%, rgba(45, 137, 255, 0.8) 150%); }

.listActionBox .submenu { margin: 0; padding: 0; list-style-type: none; display: none; }
.listActionBox .submenu .menu_item .menuBtn { padding: 6px 10px 6px 10px; background: linear-gradient(165deg, rgba(10, 116, 255, 0.1) 10%, rgba(10, 97, 255, 0.6) 190%); color: #7bb0e9; }
.listActionBox .submenu .menu_item .menuBtn:before { white-space: pre; content: "└ "; letter-spacing: -1px; }

.listActionBox .actionFormBox { position: relative; }
.listActionBox .item_admin_btn { }
.listActionBox .authInfo { position: absolute; bottom: 3px;  right: 3px; font-size: 10px; line-height: 1.3; text-align: left; color: #7bb0e9; }

.listActionBox h3 { margin: 0; }
.listActionBox h4 { margin: 0; font-size: 13px; }
.listActionBox .actionContent { margin: 10px 0; }
.listActionBox .actionContent :-webkit-any(ol, ul) { padding-left: 20px; }
.listActionBox .actionContent :-webkit-any(ol, ul) :-webkit-any(ol, ul) { padding-left: 10px; }

.listActionBox input { box-shadow: inset 0 0 3px 1px rgba(0, 255, 208, 0.3); }
.listActionBox [readonly] { color: rgba(255,255,255,0.5); box-shadow: none; }
[data-iconpos="notext"] { display: inline-block; line-height: 1; text-align: left; text-indent: -9999px; white-space: nowrap !important; }
[data-icon="gear"]:after { content: "\f013"; font-family: FontAwesome; text-indent: 0px; display: block; margin-top: -1em; }

.listActionBox .actionFormBox { display:none; background: rgba(4, 41, 116, 0.5); }
.listActionBox .actionFormBox.show { display:block; }
.listActionBox .action_form { width: 100% !important; padding: 10px; }
.listActionBox .action_form .input_item > * { display: block; margin: 1px 0; }
.listActionBox .action_form .input_item.searchtext .action_input { width: calc(100% - 80px); margin: 1px -1px; }
.listActionBox .action_form .input_item.searchtext .searchBtn { width: 80px; font-size: 12px; display: inline-block; text-align: center; margin: 1px -1px; height: 26px; color: #95ece8; background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.6) 150%); padding: 0px 10px; line-height: 26px; }
.listActionBox .expandAllBtn { position:absolute; top: 8px; right: 10px; font-size:18px; color: #f5b473; cursor: pointer; }
.listActionBox .adminBtn { position:absolute; top: 9px; right: 30px; font-size:14px; color: #f5b473; cursor: pointer; }
.listActionBox .action_form .action_button { padding: 10px; }
.listActionBox .action_form .input_item hr { margin: 10px 0 5px;; }

.pageBox .listActionBox { top: 40px; height: calc(100% - 50px); }

.formBox .detail_form .list_tooltip { width: 100%; left: 10px !important; }
.formBox .detail_form .list_tooltip .list_tooltip_text { max-width: 330px; }
.formBox .detail_form .list_tooltip pre { white-space: pre-line; }

.searchBox .search_form .list_tooltip { width: 100%; left: 10px !important; }
.searchBox .search_form .list_tooltip .list_tooltip_text { max-width: 330px; }
.searchBox .search_form .list_tooltip pre { white-space: pre-line; }

.listActionBox .list_tooltip { width: 100%; left: 10px !important; }
.listActionBox .list_tooltip .list_tooltip_text { max-width: 330px; }
.listActionBox .list_tooltip pre { white-space: pre-line; }

.list_tooltip_text { background: rgba(0, 0, 0, 0.8); color: #fff; min-width: auto; box-shadow: 0 0 20px 2px rgba(0, 255, 208, 0.8); }
.list_tooltip_text pre { color:inherit; white-space: pre; font-size: 12px; margin: 3px 0; }
.list_tooltip_text h2, .list_tooltip_text h3, .list_tooltip_text h4 { white-space: nowrap; display: block; }

.edited .edited { outline-width: 0 !important; }
.listLoadArea .listControlBox .iconBtn:hover { color: rgba(0, 255, 237, 0.9); }

.listLoadArea .block-control { line-height: 23px; }
.listLoadArea .searchedReport { position:absolute; top:0; left:0; }
.listLoadArea .select_btn_set {  }
.listLoadArea .pageCtrlBox .col.rangeBox { width: calc(100% - 100px - 4px); }
.listLoadArea .pageCtrlBox .col.paging_btn_set { width: 100px; margin: 3px 0; line-height: 22px; text-align: right; }
.listLoadArea .pageCtrlBox .col.paging_btn_set .iconBtn { margin: 0 0 0 5px; }

.pList .product[link_type*="매입할증"]:not([dcin_attr*="월간"]) { box-shadow: inset 0 0 20px 2px rgba(203, 0, 255, 0.5); }
.pList .product[link_type*="매입할증"][dcin_attr*="월간"] { box-shadow: inset 0 0 20px 2px rgba(203, 0, 255, 0.3); }
.pList .product[dcin_link_type*="매입할증"] { box-shadow: inset 0 0 20px 2px rgba(203, 0, 255, 0.8); }

.pListSummary { padding: 5px 3px; margin: 0 1px; }

.pListSummary.countBox {}
.pListSummary.outBox { background: rgba(0, 255, 255, 0.25); }
.pListSummary.bundleBox { background: rgba(255, 255, 0, 0.2); }
.pListSummary.bpeBox { background: rgba(255, 255, 0, 0.2); }
.pListSummary.eaBox {  }
.pListSummary.dcBox { background: rgba(227, 0, 255, 0.25); }

/* packing */
.pList .product .info [vdata="포장중"] { color: #00ff37; background:radial-gradient(rgba(7,254,1,0.1) 10%, rgba(7,254,1,0.4) 150%) !important }
.pList .product .info [vdata="포장완료"] { color: #ffd400; background:radial-gradient(rgba(254, 246, 1, 0.1) 10%, rgba(255, 235, 0,0.4) 150%) !important }

.pList .product[packing="포장중"] { *background:radial-gradient(rgba(7,254,1,0.1) 10%, rgba(7,254,1,0.1) 150%) !important;  box-shadow: inset 0 0 20px 0px rgba(96, 255, 115, 0); }
.pList .product[packing="포장중"] .info [field="product_name"] { color: #00ff37; }
.pList .product[packing="포장완료"] { *background: linear-gradient(175deg, rgba(255, 235, 0, 0.2) 5%, rgba(255, 188, 0, 0) 50%, rgba(255, 235, 0, 0.1) 90%) !important; }
.pList .product.focused[packing="포장완료"] { box-shadow: 0 0 20px 2px rgb(255, 228, 96); }
.pList .product[packing="포장완료"] .info [field="product_name"] { color: #ffd400; }

.pList.pictureMode .info.pimg span[field=bundle] { height: 18px; line-height: 18px; background: rgba(255, 255, 0, 0.2); color: #ffff00; }

.withStatBtn {  }
.withStatBox { position: absolute; display: block; line-height: 1;width: -webkit-fill-available;top: 0; left: 0; font-size: 10px; padding: 3px; text-align: left; }

.pList.pictureMode .aboutBPEBtn { position: absolute; top: 53px; left: 290px; width: 80px; z-index: 1; }
.pList.brief .aboutBPEBtn { position: absolute; top: 66px; left: 240px; width: 70px; z-index: 1; }

.pList .product.aboutBPE .aboutBPEBtn { }
.pList .product.aboutBPE [field=box][contenteditable="true"]:before,
.pList .product.aboutBPE [field=pack][contenteditable="true"]:before,
.pList .product.aboutBPE [field=ea][contenteditable="true"]:before { content: "약"; font-size: 14px;     color: #ff8181; }

.common_btn_set .fa-file-excel-o { font-size: 16px; }

.derpHelpBox { display: none; position: absolute; width: 1000px; height: 800px; top: calc(50% - 400px); left: calc(50% - 500px); background: rgba(0, 28, 39, 0.9); padding: 10px 20px 20px; -webkit-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); -moz-box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); z-index: 10; }
.derpHelpBox .titleBox { text-align: center; font-size: 18px; line-height: 40px; }
.derpHelpBox .contentBox { overflow: auto; height: calc(100% - 90px); padding: 5px; font-size: 14px; line-height: 1.5; }
.derpHelpBox .contentBox a { color: #00edff; }
.derpHelpBox .textBox { white-space: pre-line; }
.derpHelpBox h2, .posHelpBox h3, .posHelpBox h4 { margin: 0; }
.derpHelpBox hr { }

.pList.pictureMode .info.main span.ea[contentEditable=true] { color:#00e8ff; background: linear-gradient(160deg, rgba(0, 208, 255, 0.1) 10%, rgba(0, 243, 255, 0.15)) !important; }

.pList.pictureMode .info .iceColor[field="maintenance_brief"] { color: rgba(105, 255, 158, 0.5) !important; }
.pList.pictureMode .info .frozonColor[field="maintenance_brief"] { color: rgba(0, 255, 255, 0.5) !important; }

.listTableBox .searchBox .searchtextBox .inputTextBox { position: relative; display: inline-block; width: 70%; vertical-align: -webkit-baseline-middle; }
.listTableBox .searchBox .searchtextBox .inputTextBox input[type="text"] { width: 100% !important;  }
.listTableBox .searchBox .searchtextBox .searchtextBtn { display: inline-block; margin: 0 -1px; height: 26px; padding: 0px 3px; background: rgba(7, 75, 90, 0.7); color: #fff; vertical-align: -webkit-baseline-middle; width: calc(30% - 2px); text-align: center; line-height: 26px; }

#pos_mask { width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.7) repeat; top: 0; left: 0; z-index: 9999; display: none; max-width: 1250px; }
.approvalInfo-cont01 { position: absolute; top: calc(50% - 110px); left: calc(50% - 82px); z-index: 9999; margin: 40px auto; text-align: center; font-size: 14px; }
.approvalInfo-cont01 a { padding: 10px; background: #9f2f60; color: #ffffff; text-align: center; display: block; font-size: 16px; }

#OWLPayBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 1280px; background: rgba(0, 0, 0, 0.3); z-index: 1; }
.OWLPGBox select option { background: rgba(0,0,0,1); }

.OWLPGBox { position: absolute; width: 800px; height: 470px; top: calc(50% - 300px); left: calc(50% - 400px); background: rgba(0, 0, 0, 0.8); box-shadow: 0 0 40px rgba(0, 243, 255, 0.6); overflow: auto; }
.OWLPGBox .titleBox { padding: 10px; text-align: center; font-size: 20px; }
.OWLPGBox .contBox { position: relative; padding: 20px 20px 20px 25px; overflow: auto; height: calc(100% - 50px); }
.OWLPGBox .contBox .OPGFormBox  { height: 340px; }
.OWLPGBox .contBox .controlBox { height: 36px; padding-right: 10px; }

.OWLPGBox .paySumBox { font-size: 12px; margin: 10px 20px 0 0; }
.OWLPGBox .paySumBox input[type="text"] { font-size: 14px; }

.OWLPGBox .sockBox { padding: 20px 0 0 0; display:none; max-width: 100%; }
.OWLPGBox .sockBox[dev_admin="true"] { display:block; }
.OWLPGBox input { }
.OWLPGBox input[readonly] { color: #d5e3f2; }


.OWLPGBox .itemLabel { padding-right: 5px; color: rgba(255,255,255,0.5); }
.OWLPGBox .itemData {  }
.OWLPGBox .paySumBox .itemLabel { color: rgba(255,255,255,0.5); }
.OWLPGBox .paySumBox .itemData {  }
.OWLPGBox .customerBox .itemData {}

.big, input.big[type="text"] { font-size: 18px; }
.margin0 { margin:0; }
.padding0 { padding:0; }
.wonBox { position:relative; padding: 0 14px 0 0; }
.wonBox:after { content:"원"; font-size: 12px; position:absolute; right: 2px; bottom: 0; }
.monthBox { position:relative; padding: 0 28px 0 0; }
.monthBox:after { content:"개월"; font-size: 12px; position:absolute; right: 2px; bottom: 0; }
.w101 { width: 101px !important; }
.w102 { width: 102px !important; }
.w103 { width: 103px !important; }
.w163 { width: 163px !important; }
.w305 { width: 305px !important; }
.w310 { width: 310px !important; }
.w325 { width: 325px !important; }
.w350 { width: 350px !important; }
.w400 { width: 400px !important; }
.w405 { width: 405px !important; }

.inlineBlock { display: inline-block !important; }
.boxBlock { display: block !important; }
textarea.codeBox { font-family: NanumGothicCoding, DotumChe, monospace; white-space: nowrap; overflow: auto; font-size: 12px; letter-spacing: 0px; }

.orderSheetLedgerBox { position: absolute; bottom: 0px; right: 0px; display: inline-block; }
.customerLedgerBox { display: none; }
.orderSheetBox { display: none; }

.OPGMask { position: absolute; top: 0px; right: 0px; width:100%; height:100%; display: none; z-index:9999;     background: rgba(0,0,0,0.5); }
.OPGMask:before { content:"결제를 진행중..."; position: absolute; top: 45%; right: calc(50% - 100px); width:200px; color: #fff; font-size: 24px; text-align: center; }

.proofSaveBtn { display: none; }
/* 스마트 PG용 끝 */

:focus { outline: 2px dotted #fbff00; }

.pList.brief .info.main .dc_content { font-size: 11px; line-height: 18px !important; height: 18px !important; float: left; opacity: 0.8; }
.pList.pictureMode .dc_content { font-size: 13px; height: auto; line-height: 20px; color: #ed73fb; letter-spacing: 0px; opacity: 0.8; }
.pList .dc_content > span { float: none !important; }

.pList.pictureMode .restrict_content { height: auto !important; font-size: 18px; color: #c89e5f; left: 120px; z-index: 1; position: initial !important; }
.pList.brief .info.main .restrict_content { height: auto !important; line-height: 18px !important; font-size: 14px; left: 0px; }
.pList .restrictDenyBtn { margin-left: 5px; }

.dc_summary { display:none; line-height: 18px; text-align: right; color: #ed73fb; opacity: 0.8; }

.listTableBox .kwdBox { padding: 0 0 5px 0; cursor: pointer; }
.listTableBox .kwdBox .kwdItem { padding--: 0 5px; }
.listTableBox .kwdBox .kwdItem:hover { background: rgba(255, 255, 255, 0.35); }
.listTableBox .kwdBox .kwdItem .label { padding: 5px 0 0 0; }
.listTableBox .kwdBox .kwdItem .data { color: #FFEB3B; }
.posListBox { height: 700px; top: 125px; }


.OPGHintBox { position:absolute; width: 100%; left: 0; bottom: 200px; z-index: 9991; background: rgba(0,0,0,0.9); color: rgba(255,255,255,1); text-align: center; display:none; }
.OPGHintBox .smartHintCont { font-size: 20px; font-weight:500; padding: 10px; white-space: pre; }
.OPGHintBox .smartHintCont .title {}
.OPGHintBox .smartHintCont .big { font-size: 40px; }
.OPGHintBox .smartHintCont .normal { font-size: 14px; }
.makeServiceSimpleBtn { position: absolute; top:0; left:0; }
.whiteShadow { box-shadow: 0 0 20px 2px rgb(255, 255, 255); }
.relative { position: relative; }
#approvalCancelAllowMSG {left: 0px; position: absolute; bottom: -4px; width: 100px; word-break: keep-all; }
#btns-panel { min-width: 300px; position: absolute; top: 40px; right: 0; background: rgba(0, 0, 0, 0.8); display: none; height: calc(100% - 40px); box-sizing: border-box; box-shadow: 0 0 40px 4px rgb(0, 0, 0); * overflow: auto; z-index: 2; max-height: 850px; overflow: auto; }
@media (min-width: 1680px) {
	#btns-panel { right: -410px; top: 5px; max-height: 900px; }
}
.toggleBarcodeBtns { position: absolute; top: 5px; right: 45px; font-size: 18px; }
.barcodeBtns { width: calc(100% - 1250px); min-width: 320px; right: 0px; position: absolute; top: 40px; overflow: auto; display:none; background: rgba(0, 0, 0, 0.8); }

.barcodeBtns .title .controlSet { padding: 0; margin: 0px 0; position: absolute; top: 0; right: 0; }
.barcodeBtns .title .controlSet .btnBox { cursor: pointer; text-align: center; margin: 0 1px; padding: 6px 10px; min-width: 20px; float: left; font-size: 18px; }
.barcodeBtns .title .controlSet .btnBox:hover { background: rgba(255,255,255,0.3); box-shadow: 0 0 20px 5px #fff; }

.barcodeBtns .title { padding: 5px; font-size: 14px; margin: 0 0 5px 0;}
.barcodeBtns .itemBox { padding: 5px; list-style-type: none; height: calc(100vh - 70px - 30px); overflow: auto; background: rgba(255, 255, 255, 0.21); }
.barcodeBtns .item { display: inline-block; width: 150px; height: 120px; overflow: hidden; font-size: 13px; color: #cee6ff; position: relative; letter-spacing: -1px; margin: 0 0 3px 0; padding: 20px 0 0 0; background: rgba(255, 255, 255, 1); cursor:pointer; }
.barcodeBtns .item:hover { box-shadow: 0 0 20px 5px #0072ff; }

.barcodeBtns .item .productThumb { width: 100%; height: auto; }
.barcodeBtns .item .itemInfo { height: 60px; overflow: auto; }
.barcodeBtns .item .itemInfo .name { font-size: 14px; padding: 0px 5px; position: absolute;  top: 0px; left: 0; color:#000; text-shadow: 0px 0px 6px #fff; background: rgba(255, 255, 255, 0.5); }
.barcodeBtns .item .itemInfo .barcode { height: 20px; position: absolute; top: 0px; font-size: 13px; left: 0; background: rgba(0, 0, 0, 0.6); padding: 0px 5px;  width: 100%; }


.barcodeBtns .item[bpe="box"] { color: rgba(255, 217, 0, 0.7); background: rgba(255, 224, 0, 1); }
.barcodeBtns .item[bpe="pack"] { color: rgba(206, 230, 255, 0.7); background: rgba(206, 230, 255, 1); }
.barcodeBtns .item[bpe="ea"] { color: rgba(0, 232, 255, 0.7); background: rgb(136, 255, 239); }
.barcodeBtns .item[bpe="box"] .name { text-shadow: 0px 0px 6px #ffe000; background: rgba(255, 224, 0, 0.1); }
.barcodeBtns .item[bpe="pack"] .name { text-shadow: 0px 0px 6px #cee6ff; background: rgba(206, 230, 255, 0.5); }
.barcodeBtns .item[bpe="ea"] .name { text-shadow: 0px 0px 12px rgb(0, 232, 255); background: rgba(0, 232, 255, 0.1); }
.barcodeBtns .item[bpe="box"] .barcode { color: rgba(255, 217, 0, 1); }
.barcodeBtns .item[bpe="pack"] .barcode { color: rgba(206, 230, 255, 1); }
.barcodeBtns .item[bpe="ea"] .barcode { color: rgba(0, 232, 255, 1); }

.barcodeBtns .item[bpe="box"]:hover { box-shadow: 0 0 10px 5px rgba(255, 224, 0, 1); }
.barcodeBtns .item[bpe="pack"]:hover { box-shadow: 0 0 10px 5px rgba(206, 230, 255, 1); }
.barcodeBtns .item[bpe="ea"]:hover { box-shadow: 0 0 10px 5px rgba(0, 232, 255, 1); }
.pReOrderSubdivBtn { position: absolute; left: 82px; top: 2px; padding: 0 5px; }
.pList .product.parent { background: radial-gradient(rgba(7,254,1,0.1) 10%, rgba(7,254,1,0.3) 150%) !important; }
.pList .product.parent:before { content:"\f1b2"; font-family: FontAwesome; font-size: 20px; position: absolute; top: 0; left: 0; color: #ffda00; }
.pList .product.child {}
.pList .product.child:before { content:"\f1b3"; font-family: FontAwesome; font-size: 20px; position: absolute; top: 0; left: 0; color: rgba(149, 236, 232, 0.8); }
.popSetSubdivBtn { position: absolute; top: 0; right: 0; padding: 0 4px; }
.removePDCBtn { position: absolute; top: 126px; left: 252px; width: 122px; height: 24px; }
.removePDCBtn:after { content: "할인바코드"; font-size: 10px; line-height: 1; color: #ed73fb; position: absolute; right: 0; top: 1px; text-align: right; }
.pList.brief .removePDCBtn { position: absolute; top: 20px; left: 440px; width: 113px; height: 40px; }
.pList.brief .removePDCBtn:after { top: auto; bottom: 1px; }
.displayNone { display:none; }
.productTitleBox > hr { margin-bottom: 4px; }
.pList.pictureMode .info span[field="box"]::after { font-size: 11px; color: rgba(255, 218, 0, 0.7); font-weight: normal; }
.pList.pictureMode .info span[field="pack"]::after { font-size: 11px; color: rgba(255,255,255,0.7); font-weight: normal; }
.pList.pictureMode .info span[field="ea"]::after { font-size: 11px; color: rgba(255,255,255,0.7); font-weight: normal; }
.transmitBtn.on { background: radial-gradient(rgba(255,100,0,0.1) 10%, rgba(255, 100, 0, 0.94) 150%) !important; color: #f5b473 !important; }

.tableBox[table="orderlist"] :-webkit-any([field_org="box"], [field_org="pack"], [field_org="ea"])[data="0"] { opacity: 0.2; }
.tableBox[table="orderlist"] :-webkit-any([field_org="boxunitcost"], [field_org="packunitcost"], [field_org="eaunitcost"])[data="0"] { opacity: 0.2; }

.pointBox { display: none; width: 100%; }
.pointBox label { width:86px; padding-left: 5px; height: 30px; line-height: 30px; }
.pointBox input { width:100px; height: 30px; color: #99caff; }
.pointBox .pointBtn { width: 80px; float: right; }
.pointBox .pointUnit { width: 40px; text-align: center; color: rgba(108, 144, 172, 0.9); }

.pList .product[product_code="E00-000001"] .info.main :-webkit-any([field="box"], [field="boxunitcost"], [field="pack"], [field="packunitcost"], [field="boxea"], [field="packea"], [field="boxwon"], [field="packwon"], [field="box_price"], [field="pack_price"], [field="dc_name"], [field="dc_price"], [field="supply_price"], [field="dc_price"]) { display:none; }
.pList .product[product_code="E00-000001"] .info.main :-webkit-any([field="ea"], [field="eaunitcost"], [field="eawon"], [field="ea_price"]) { width: 250px; }
.pList.brief .product[product_code="E00-000001"] .info.main :-webkit-any([field="ea"], [field="eaunitcost"], [field="eawon"], [field="ea_price"]) { width: 190px; left: 0; }
.pList .product[product_code="E00-000001"] .info.main :-webkit-any(.ea, .unitEa)::after { content: "포인트"; }

.coupon_priceBox { display: none; }
.point_priceBox { display: none; }
.point_addBox { display: none; }

.pList .product[product_code="E00-000001"] {  }
.pList .product[product_code="E00-000001"] :-webkit-any(.productThumb, .productBtnSet, .houseBrief, .box_sticker_info) { display: none; }
.pList .product[product_code="E00-000001"] :-webkit-any([field="taxyn"], [field="eaunitcost"], [field="ea_price"], [field="provide_price"], [field="vat_price"], [field="nontax_price"], [field="eawon"], [field="sum_price"], [field="price_grade"], [field="dc_content"], [field="restrict_content"], [field="ea_total"]) { display: none; }
.pList .product[product_code="E00-000001"] :-webkit-any([field="outyn"], [field="company_code"], [field="maintenance_brief"], [field="bundle"]) { display: none; }
.pList .product[product_code="E00-000001"] .unitMenuSearchBox :-webkit-any(.unit_memo_search, .unitMenuSearchBtn) { height: 18px; line-height: 18px; }
.pList .product[product_code="E00-000001"] .unit_memo { height: 38px; line-height: 1 !important; }
.pList .product[product_code="E00-000001"] .pimg { height: auto !important; }
.pList .product.selected[product_code="E00-000001"] .info .productCheckBtn .fa { top: 5px !important; }
.pList .product[product_code="E00-000001"] .info.extra { margin-top: -24px; }
.pList .product.autoSavePoint {  }

.entityidDiv { margin: 0 5px 0 0px; clear: both; display: inline-block; width: 350px; }
.entityidDiv .titleBox { }
.pList.brief .entityidDiv { padding: 0; width: calc(100% - 125px - 160px - 10px - 60px); }
.pList.brief .entityidDiv input { height: 26px !important; }
.pList.brief .entityidDiv .controlBox { display: none; }
.pdOptDiv { display: inline-block; float: right; width: 160px; margin: 0 5px 0 10px; }
.pList.brief .pdOptDiv { width: 165px; margin-right: 0; }
.smartOptionBox.pdoptList ul.smartOptions { width: 300px; left: auto; right: 0; }
.pdOptDiv1 { display: inline-block; float: right; width: 80px; margin: 0 0px 0 0px; }
.pList.brief .pdOptDiv1 { width: 60px; margin: 0 0px 0 5px; }
.smartOptionBox.pdoptList1 ul.smartOptions { width: 80px; left: auto; right: 0; }