@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: 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: 10px;
height: 10px;
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: 10px;
background-color: transparent;
}
::-webkit-scrollbar-track {
}
::-webkit-scrollbar-thumb {
 background: rgba(255,255,255,.5);
}
 .listBox ::-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; }
select { margin: 1px 0; font-size: 14px; 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; }
.smartOptionBox { position: relative; }
.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 { 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 { z-index: 999; display: block; position: absolute; text-align: left; }
.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(0, 0, 0, 0.8); color: #fff; min-width: 230px; max-width: 300px;  left: 0px; border: 0px solid #999; padding: 5px; }
.list_tooltip_text h2, .list_tooltip_text h3, .list_tooltip_text h4 { font-weight: 500; margin: 0; }
.list_tooltip_text pre { white-space: pre-line; font-size: 14px; overflow: auto; margin: 0px 0 0 0; }
.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; }
.w380 { width: 380px !important; }
.w330 { width: 330px !important; }
.w304 { width: 304px !important; }
.w300 { width: 300px !important; }
.w262 { width: 262px !important; }
.w220 { width: 220px !important; }
.w210 { width: 210px !important; }
.w205 { width: 205px !important; }
.w200 { width: 200px !important; }
.w192 { width: 192px !important; }
.w190 { width: 190px !important; }
.w180 { width: 180px !important; }
.w170 { width: 170px !important; }
.w160 { width: 160px !important; }
.w150 { width: 150px !important; }
.w145 { width: 145px !important; }
.w140 { width: 140px !important; }
.w130 { width: 130px !important; }
.w127 { width: 127px !important; }
.w125 { width: 125px !important; }
.w120 { width: 120px !important; }
.w110 { width: 110px !important; }
.w115 { width: 115px !important; }
.w100 { width: 100px !important; }
.w95 { width: 95px !important; }
.w90 { width: 90px !important; }
.w88 { width: 88px !important; }
.w85 { width: 85px !important; }
.w83 { width: 83px !important; }
.w80 { width: 80px !important; }
.w75 { width: 75px !important; }
.w70 { width: 70px !important; }
.w65 { width: 65px !important; }
.w60 { width: 60px !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; }
.w38 { width: 38px !important; }
.w30 { width: 30px !important; }
.w25 { width: 25px !important; }
.w20 { width: 20px !important; }
.w10 { width: 10px !important; }
.w5 { width: 5px !important; }
.h26 { height: 26px !important; line-height: 26px !important; }
.h30 { height: 30px !important; line-height: 30px !important; }
.h36 { height: 36px !important; line-height: 36px !important; }
.h40 { height: 40px !important; line-height: 40px !important; }
.h54 { height: 54px !important; line-height: 54px !important; }
.h50 { height: 50px !important; line-height: 50px !important; }
.h80 { height: 80px !important; line-height: 80px !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: 5px 2px; 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: 18px; }
.page .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; }
.btn { border-width: 0; display: inline-block; text-align: center; padding: 0 5px; background: rgba(255, 255, 255, 0.17); color: #ccc; cursor: pointer; }
.page .mainHeader { position: relative; }
.page .mainContent { height: calc(100% - 44px); overflow: auto; }
.page .col { padding: 0; vertical-align: top; display: inline-block; }
.page .col.left { width: 390px; }
.page .col.center { width: calc(100% - 586px); text-align: left; }
.page .col.right { width: 190px; padding: 0 7px 0 0; box-sizing: border-box; }
hr { height: 2px; -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.6) 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(175deg, rgba(33,77,136, 0.1) 10%, rgba(33,77,136, 0.9)) !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; }
.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(175deg, rgba(255,10,10,0.1) 10%, rgba(255,10,10,0.5) 150%) !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(175deg, rgba(255,100,0,0.1) 10%, rgba(255,100,0,0.5) 150%) !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; }
.yellowShadow { box-shadow: 0 0 20px 2px rgb(254, 244, 1); }
.iceColor { color: #69FFC0 !important; background: radial-gradient(rgba(105, 255, 192, 0.2) 10%, rgba(105, 255, 192, 0.7) 150%) !important; }
.frozonColor { color: #69FFFF !important; background: radial-gradient(rgba(105, 255, 255, 0.2) 10%, rgb(105, 255, 255) 150%) !important; }
.blue, .blue .ui-btn { color: #5bbcfc !important; }
.blueLight, .blueLight .ui-btn { color: #5bbcfc !important; }
.cyon, .cyon .ui-btn { color: #acdbdb !important; }
.green, .green .ui-btn { color: #aae2aa !important; }
.greenDark, .greenDark .ui-btn { color: #aae2aa !important; }
.red, .red .ui-btn { color: #b3a3a3 !important; }
.redDark, .redDark .ui-btn { color: #b3a3a3 !important; }
.orange, .orange .ui-btn { color: #c99f5f !important; }
.orangeDark, .orangeDark .ui-btn { color: #a46400 !important; }
.orangeLight, .orangeLight .ui-btn { color: #f5b473 !important; }
.gray .ui-btn { color: #999 !important; }
.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; }
.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; }
.textPink { color: #f181ff !important; }
.textPinkLight { color: #f8c0ff !important; }
.textPinkDark { color: #e300ff !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 [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 [field=product_name] .data[data*="[ÁÖ·Â]"] { color: #abd1fd !important; }
.tableBox [field=product_name] .data[data*="[¿¬°ü¸ÅÀÔ]"] { color: #e80101; font-weight: bold; }
.tableBox[table*=product] tr[favor="̵̧"] { color: #ffd7ff; }
.tableBox[table*=product] tr[favor="º¯°æ"] { color: #ffbca3; }
.tableBox[table*=product] tr[favor="°Å·¡"] { color: #caffd1; }
.tableBox[table*=product] tr[favor="±×·ì"] { color: #8ed3ff; }
.tableBox [field=payed] { color: #c0ffbb; font-weight: bold; }
.cyon.btn:hover { color: #0ff !important; outline: 1px solid rgba(0, 255, 255, 0.6); }
.gray.btn:hover { color: #0ff !important; outline: 1px solid rgba(0, 255, 255, 0.6); }
.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; }
 [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.4);
}
 input:placeholder-shown {
 *border: 5px solid red;
}
.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(108, 144, 172, 0.5); }
.unitBox::after, .pList.pictureMode .box::after { content: "¹Ú½º"; font-size: 11px; color: rgba(172, 171, 108, 0.5) !important; }
.unitPack::after, .pList.pictureMode .pack::after { content: "ÆÑ"; font-size: 11px; color: rgba(108, 144, 172, 0.5); }
.unitEa::after, .pList.pictureMode .ea::after { content: "°³"; font-size: 11px; color: rgba(108, 144, 172, 0.5); }
.unitTotal::before, .pList.pictureMode .ea_total::before { content: "ÃÑ:"; font-size: 11px; color: rgba(108, 144, 172, 0.5); }
.unitGun::after { content: "°Ç"; font-size: 11px; color: rgba(108, 144, 172, 0.5); }
.pList.pictureMode .ea_total::after { content: "°³"; font-size: 11px; color: rgba(108, 144, 172, 0.5); }
.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(108, 144, 172, 0.5); }
.unitGrade::after, .pList.pictureMode [field=price_grade]::after { content: "µî±Þ"; font-size: 11px; color: rgba(108, 144, 172, 0.5); }
.pList.pictureMode .thead [field=price_grade]::after { content: ""; font-size: 11px; color: rgba(108, 144, 172, 0.5); }
.exceededInfoBox { display: none; padding: 0 0 0 5px; }
#exceeded_cnt::before { content: "Àç°íºÎÁ·"; font-size: 11px; color: #ffc500; }
.percent::after { content: "%"; font-size: 11px; color: rgba(108, 144, 172, 0.5); }
#dc_percent::before { content: "ÇÒÀÎÀ²"; font-size: 11px; color: rgba(108, 144, 172, 0.5); }
#dc_percent_price::before { content: "ÇÒÀξ×"; font-size: 11px; color: rgba(108, 144, 172, 0.5); }
#dc_percent_price::after { content: "¿ø"; font-size: 11px; color: rgba(108, 144, 172, 0.5); }
.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; }
.alert.alertHouseExceeded { -webkit-animation-iteration-count: 3; }
.alert.alertHouseExceeded::after { content: "Àç°íÃÊ°úÁÖ¹®"; font-size: 20px; color: #ff6b6b; position: absolute; bottom: 0; left: 125px; }
.pList.brief .alert.alertHouse::after { left: 0; width: 115px; text-align: left; font-size: 16px; line-height: 1; bottom: 0px; }
.pList.brief .alert.alertHouseExceeded::after { left: 0; width: 115px; text-align: left; font-size: 16px; line-height: 1; bottom: 0px; }
.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; *overflow: auto;
}
#right-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; * overflow: auto;
z-index: 2; max-height: 850px; 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: right; }
 @media (min-width: 1680px) {
#right-panel { right: -410px; top: 5px; max-height: 900px; }
.searchMode #right-panel { display: block !important; z-index: 0; }
}
.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, 28, 39, 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; line-height: 40px; font-size: 14px; }
.posListBox .controlBox { padding: 10px 0 20px; }
.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; }
.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, 94, 101, 0.7); }
.tableBox tr.msfocused th, .tableBox tr.msfocused td { background: rgba(0, 94, 101, 0.7) !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.5); }
.tableBox tr.focused th, .tableBox tr.focused td { background: rgba(0, 148, 5, 0.3) !important; }
.tableBox tr.selrow th, .tableBox tr.selrow td { background: rgba(255,100,0,0.5) !important; }
.tableBox tr.selrow.focused th, .tableBox tr.selrow.focused td { background: rgba(245, 96, 0, 0.7) !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; }
.tableBox :-webkit-any([field=main_trade_company],[field=company],[field=company_name]) .data[data*=¹Ý¿©] { color: #79c0ff; }
.tableBox :-webkit-any([field=main_trade_company],[field=company],[field=company_name]) .data[data*=¹°·ù] { color: #00dede; }
.tableBox :-webkit-any([field=main_trade_company],[field=company],[field=company_name]) .data[data*=¼îÇÎ] { color: #e08400; }
.tableBox :-webkit-any([field=main_trade_company],[field=company],[field=company_name]) .data[data*=³²ºÎ»ê] { color: #00de2d; }
.tableBox :-webkit-any([field=main_trade_company],[field=company],[field=company_name]) .data[data*=µ¿·¡] { color: #d5e000; }
.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 .iconBtn { cursor: pointer; font-size: 18px; margin-left: 10px; }
.listLoadArea .iconBtn.small { cursor: pointer; font-size: 100%; margin-left: 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 5px; font-size: 11px; }
.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 { content: ' '; width: 100%; position: absolute; left: 0; bottom: 0px; border-width: 0 0 1px; border-style: solid; border-color: rgb(0, 254, 255); }
.listLoadArea th a .data::before, .listLoadArea td a .data::before { content: "."; top: 0px; right: 0px; font-size: 28px; font-weight: 800; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: rgb(0, 254, 255); text-shadow: none; position: absolute; text-shadow: 0px 0px 5px #fff; }
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 0px; 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: 0; bottom: 10px; }
.listTableBox .searchBox .search_form { height: calc(100% - 80px); 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, 0.7);
}
.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%); }
.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; 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); }
.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 5px; 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; }
.unitMemoBox .controlBox .itemSet > li { display: inline-block; float: none; margin: 0; }
.cardpayedopBox { z-index: 1; display: none; position: absolute; top: 130px; left: 400px; width: 650px; background: rgba(0, 28, 39, 0.9); padding: 0 20px 20px; -webkit-box-shadow: 0 0 90px 20px rgba(0, 243, 255, 0.6); -moz-box-shadow: 0 0 90px 20px rgba(0, 243, 255, 0.6); box-shadow: 0 0 90px 20px 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; 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; }
.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: 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; }
.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: 14px; 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; }
.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; }
.entityidDiv { padding: 5px; }
.entityidDiv .titleBox { }
.inlineItems { float: left; margin: 2px 0; }
.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; top: 0px; left: 290px; 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; }
.page .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: 16px; }
.foodenBarcodeIcon .fa-barcode { margin-left: 5px; }
.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 { }
.houseBrief { overflow: hidden; 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%);
}
.houseBrief label { }
.houseBrief b { color: #95ece8; }
.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 { }
.productsSummaryBox label, .productsSummaryBox span { *line-height: 1;
}
.productsSummaryBox .dropBtnBox .dropBtnSet { 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; }
.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: 580px; width: 580px; white-space: nowrap; text-align: right; }
.pListMenuBtn .fa { font-size: 14px; }
#cardFrame #iframeForm { display: none; }
.tableBox .tbBody tr .data[contenteditable=true] { background: rgba(2, 134, 146, 0.2); }
.tableBox .tbBody tr .data.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;
}
}
/**dbms jqm only**************************/


/**dbms only**************************/

html, body { height: 100%; *overflow:hidden
}
body { min-width: auto; }
input { 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 { box-shadow: inset 0 0 3px 1px rgba(0, 255, 208, 0.3); }
textarea { box-shadow: inset 0 0 0px 1px rgba(0, 255, 208, 0.3); }
[readonly] {
color: rgba(255,255,255,0.5);
box-shadow: none;
}
select { -webkit-appearance: none; border-radius: 0; background: rgba(0, 106, 123, 0.5); color: #bdf5f5; font-size: 12px; }
input[type="range"] { background-color: rgb(255, 255, 255); box-shadow: none; }
.page { position: relative; width: auto; height: 100%; *background-color: rgba(0, 0, 0, 0.35); }
.controlSetScrollBox { height: 44px; overflow: auto; overflow-y: hidden; margin: 0 40px; text-align: center; }
.page .mainContent { height: calc(100% - 60px); }
.page .mainContent > .col > .frameBox { height: 100%; overflow: hidden; }
body[box] .mainContent > .col { float: left; border: 1px solid rgba(255, 255, 255, 0.2); }
 .frameBox *::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.listBox .titleBox .title { text-align: left; font-size: 14px; margin: 0 0 15px; }
.listBox .listLoadArea .listControlBox .ctrlBtn { border-color: rgba(255, 255, 255, 0.3); }
.listBox .listLoadArea .block-control .list_info-- { position: absolute; top: -30px; right: 0; left: auto; }
.listBox .listLoadArea .block-control .iconBtns { position: absolute; top: -28px; right: 0; left: auto; }


.controlSetScrollBox { text-align: right; margin: 0 0px 0 40px; }
.tableBox { overflow: hidden; }
.frameBox { padding: 10px; position: relative; }
.frameBox.focused { box-shadow: inset 0 0 20px 2px rgba(0, 255, 208, 0.4); }
.frameBox .block-control .select_btn_set-- { position: absolute; top: 0px; left: 0; }
.frameBox .block-control { margin: 0; padding: 0; text-align: right; height: 24px; line-height: 24px; }
.frameBox .block-control > li { display: inline-block; list-style-type: none; margin: 0px 0px 0px 0px; vertical-align: middle; }
.frameBox .block-control > li:first-child { margin-left: 0; }
.frameBox.formBox .block-control .adminBtns-- { position: absolute; top: -28px; right: 0px; }
.frameBox .adminBtns .iconBtn { font-size: 14px; }
.frameBox.listBox .adminBtns { margin-left: 5px; }

.frameBox.formBox .block-control .iconBtns { position: absolute; top: -28px; right: 0px; }
.frameBox.formBox .block-control .iconBtns > .inlineBox { margin: 0; }

.page .mainHeader { height: 60px; }
.mainHeader .pageTitle { position: absolute; top: 0px; left: 40px; }
.mainHeader .pageTitle .title { margin: 5px 0 0 0; font-size: 20px; font-weight: 400; }
.mainHeader .pageTitle .title .text { }
.mainHeader .pageTitle .page_path { color: rgba(213, 227, 242, 0.8); }
.mainHeader .pageTitle .page_path a { color: rgba(213, 227, 242, 1); }
.mainHeader .pageTitle .page_path a:hover { color: #bdf5f5; }
.mainHeader .pageTitle .page_path .menuMapAdminBtn { display:none; color: rgba(213, 227, 242, 0.6); cursor: pointer; }
.mainHeader .pageTitle .page_path .menuMapAdminBtn:hover { color: rgba(255, 143, 143, 0.8); }
.mainHeader .pageTitle .page_path:hover .menuMapAdminBtn { display:inline; }

.menuItem .gnbMapAdminBtn { display:none; color: rgba(213, 227, 242, 0.6); cursor: pointer; }
.menuItem .gnbMapAdminBtn:hover { color: rgba(255, 143, 143, 0.9); }
.menuItem:hover .gnbMapAdminBtn { display:inline; }

.menuToggleBtn { position: absolute; right: 10px; top: 0px; font-size: 16px; margin: 0; padding: 0; }
.menuMapAdminBtn { font-size:10px; margin: 0 2px 0 2px; }
.gnbMapAdminBtn { font-size:10px; margin: 0 0 0 4px; }


.hAutoImp { height: auto !important; }
.h100pImp { height: 100% !important; }
.h50pImp { height: 50% !important; }
.h100p { height: 100%; }
.h50p { height: 50%; }

.mainContent > .col.w50p { width: calc(50% - 0px) !important; }
.mainContent > .col.w100p { width: calc(100% - 0px) !important; }

.mainContent > .col.h50p { height: calc(50% - 0px) !important; }
.mainContent > .col.h100p { height: calc(100% - 0px) !important; }


.small { font-size: 14px; }
.frameBox .titleBox .title { display: none; text-align: left; font-size: 14px; margin: 0 0 6px; }
body[box] .titleBox .title { display: block; }
.formLoadArea .formControlBox { line-height: 1; text-align: left; color: rgba(255, 255, 255, 0.7); position: relative; }
.formLoadArea .formControlBox .ctrlBtn { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.3); }
.formLoadArea .block-control .ui-slider-switch.ui-mini { width: 100px; border: 0; }
.formLoadArea .block-control .list_info { position: absolute; top: 0px; left: 0; }
.formLoadArea .iconBtn { cursor: pointer; font-size: 18px; margin-right: 5px; }
.formLoadArea .iconBtn.small { cursor: pointer; font-size: 100%; margin-right: 5px; }
.formLoadArea .iconBtn label { cursor: pointer; font-size: 14px; vertical-align: middle; *margin-left: 3px;
font-family: NotoSans; font-weight: 500; margin-top: -4px; }
.formLoadArea .ctrlBtn { border: 1px solid #ddd; padding: 2px 10px; font-size: 12px; margin: 0; }
.formLoadArea .ctrlBtn:first-child { border-left-width: 1px; margin-left: 0px; }
.formLoadArea .block-control > li.floatRight, .floatRight { float: right; }
.formLoadArea .block-control .adminBtns-- { position: absolute; top: -25px; right: 0; }
.formLoadArea .sqlLogBox { display: none; background: rgba(0, 0, 0, 0.8); z-index: 10; position: absolute; width: 100%; }
.formLoadArea .sqlLogBox textarea { width: 100%; height: 400px; }
.formLoadArea .dataLinkBtn { }
.frameBox .formLoadArea .block-control .list_info { position: absolute; top: -30px; right: 0; left: auto; }
.formLoadArea { height: 100%; overflow: hidden; }
.formLoadArea .formTableBox { height: 100%; }
.formLoadArea .titleBox { height: 30px; }
body[box] .formLoadArea .titleBox { height: 60px; }
.formLoadArea .inputBox { height: calc(100% - 70px); }
body[box] .formLoadArea .inputBox { height: calc(100% - 100px); }
.formLoadArea .controlBox { height: 40px; }
.formBox .formLoadArea .controlBox { display: none; }
.formBox.focused .formLoadArea .controlBox { display: block; }

.formLoadArea .controlBox .ctrlBtn { display: inline-block; margin: 5px -1px 0; padding: 10px 10px; text-align: center; border-width: 0; background: rgba(255, 255, 255, 0.2); position: relative; }
.formLoadArea .formTableBox .form { height: 100%; }
.tabBox { height: 100%; }
.tabBox > ul { }
.tabBox > ul > li { }
.tabBox .tabLabels { height: 30px; padding: 0 0 0px 0; cursor: pointer; white-space: nowrap; overflow: auto; }
.tabBox .tabLabels { list-style-type: none; margin: 0; border-bottom: 1px solid rgba(0, 225, 255, 0.35); background: rgba(0, 255, 238, 0.1); }
.tabBox .tabLabels .tabLabel { display: inline-block; padding: 0px 10px; line-height: 26px; font-size: 12px; background: rgba(255, 255, 255, 0.2); }
.tabBox .tabLabels .tabLabel.on { color: #bdf5f5; background: rgba(0, 225, 255, 0.35); }
.tabBox .tabContent { height: calc(100% - 40px); overflow: auto; padding: 10px; }
.form .label.essential { color: rgba(255, 116, 116, 0.7); }
.form .data.essential { border-bottom: 1px solid rgba(255, 0, 0, 0.55); }
[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; }
.input_item { margin: 1px 0; }
.input_item > * { margin: 0 -1px; display: inline-block; vertical-align: top; }
.input_item .label { width: calc(30% - 7px); margin: 0 5px 0 0; white-space: nowrap; color: rgba(213, 227, 242, 0.5); line-height: 28px; overflow: hidden; }
.input_item .data { width: 70%; }
.input_item .data .selecttext { }
.input_item .data .selecttext > * { margin: 0 -1px; }
.input_item .data .selecttext .input_select { width: 50%; }
.input_item .data .selecttext .selecttext { width: calc(50% - 60px); }
.input_item .data .selecttext .selecttext.separator { width: 60px; }
.input_item .data .searchtext > * { margin: 0 -1px; }
.input_item .data .searchtext .data_input { width: calc(100% - 100px); }
.input_item .data .searchtext .searchBtn { width: 100px; padding: 0px 10px; line-height: 26px; color: #95ece8; background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.6) 150%); display: inline-block; text-align: center; }
.input_item .data .popupbutton > * { margin: 0 -1px; }
.input_item .data .popupbutton .data_input { width: calc(100% - 100px); }
.input_item .data .popupbutton [data-role="button"] { width: 100px; padding: 0px 10px; line-height: 26px; color: #aae2aa; background: radial-gradient(rgba(7,254,1,0.1) 10%, rgba(7,254,1,0.5) 150%); display: inline-block; text-align: center; }
.input_item .data.selectemail > * { margin: 0 -1px; }
.input_item .data.selectemail .data_input { width: calc(100% - 190px - 3px); }
.input_item .data select.selectemail { width: 80px; }
.input_item .data select.selectemail.separator { width: 30px; }
.input_item .data.selectemail [data-role="button"] { width: 80px; padding: 0px 10px; line-height: 26px; color: #95ece8; background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.6) 150%); display: inline-block; text-align: center; }
.input_item .data.checkbox { line-height: 26px; }
.input_item .data.checkbox input[type=checkbox] { box-shadow: none; width: auto; }
.formBox[mode=view] .input_item .data_input { box-shadow: none; }
.block-control .ctrlBtn.on { color: #bdf5f5; background: rgba(0, 225, 255, 0.35); }
a.disabled { color: rgba(255, 255, 255, 0.7) !important; background: rgba(255, 255, 255, 0.1) !important; pointer-events: none; cursor: default; opacity: 0.5; }
.devInfoBox { display: none; }
.devInfoBox * { word-wrap: break-word; }
 @media (min-width: 1680px) {
#right-panel { right: 0px; top: 40px; max-height: 100%; }
.searchMode #right-panel { display: block !important; z-index: 0; }
}
@media (max-width: 1200px) {
body[box] { min-width: 1200px; }
body[box="Box1"] { min-width: auto; }
}
@media (max-width: 600px) {
.controlSet.top > li { padding: 5px 5px; }
.frameBox .block-control { height: auto; line-height: 30px; text-align: left; }
.frameBox .block-control > li { }
.frameBox .block-control .select_btn_set { position: relative; top: 0px; left: 0; }
.formLoadArea .ctrlBtn { padding: 2px 10px; }
}
 @media (min-width:1200px) {
.col.w100p .colHalf, body:not([box]) .colHalf, body[box=Box1] .colHalf { width: calc(50% - 20px); margin: 0 0 0 37px; display: inline-block; vertical-align: top; }
.col.w100p .colHalf:first-child, body:not([box]) .colHalf:first-child, body[box=Box1] .colHalf:first-child { margin-left: 0; }
}
.colHalfFull .colHalf { width: 100% !important; margin: 0 !important; }
.colHalfFull .form .input_item .label { width: 150px; }
.colHalfFull .form .input_item .data { width: calc(100% - 150px - 6px); }

.formBox:before { position: absolute; top: 0; left: 0; font-size: 140px; width: 100%; text-align: center; display: block; line-height: 320px; font-weight: 800; letter-spacing: -10px; overflow: hidden; }
.formBox[mode=copy]:before { content: "COPY"; color: rgba(0,255,255,0.15); }
.formBox[mode=new]:before { content: "NEW"; color: rgba(255, 255, 255, 0.15); }
.formBox[mode=edit]:before { content: "EDIT"; color: rgba(255, 69, 69, 0.18); }
.formBox .data_input { font-size: 14px; }
.edited { outline: 1px solid rgba(255, 255, 0, 0.6) !important; }
.collapsibleset a.ui-btn { overflow: hidden; }
#left-panel { width: 100%; height: calc(100% - 60px); overflow: auto; top: 60px; background: rgba(0, 11, 18, 0.9); background: url(/smart/pos/img/bg1000_400_fixed_dark.gif); *background:url('/smart/pos/img/bg1000_400.gif');}
#right-panel { height: calc(100% - 60px); overflow: auto; top: 60px; background: rgba(0, 11, 18, 0.9); background: url(/smart/pos/img/bg1000_400_fixed_dark.gif); }
#left-panel .loadArea > .GNBTitle { height: 28px; line-height: 28px; margin: 0 0 2px 0; }
#left-panel .loadArea > .collapsibleset { height: calc(100% - 30px);text-align: center; background-color: rgba(0, 0, 0, 0.35); }
#left-panel .collapsible > .heading {
 *color: #aae2aa;
*background: radial-gradient(rgba(7,254,1,0.1) 10%, rgba(7,254,1,0.5) 150%);
 *color: #95ece8;
*background: radial-gradient(rgba(10,234,255,0.1) 10%, rgba(10,234,255,0.6) 150%); font-weight: 400; }
#left-panel .collapsible > .listview { background: rgba(0, 83, 45, 0.15); *color: #95ece8;
*background: linear-gradient(165deg, rgba(10,234,255,0.1) 10%, rgba(10, 234, 255, 0.3) 190%);
}
.collapsibleset .listview .ui-btn { color: #bad9dc; letter-spacing: 0px; white-space: nowrap; }
#left-panel .collapsibleset .collapsible li:hover, #left-panel .collapsibleset .collapsible li:focus { background: rgba(10, 234, 255, 0.13); *background: linear-gradient(180deg, rgba(0, 219, 255, 0.3) 90%, rgba(0, 255, 244, 0.6) 100%);
}
#left-panel .collapsibleset .collapsible li .ui-btn:hover, #left-panel .collapsibleset .collapsible li .ui-btn:focus { color: #fff !important; }
#left-panel .collapsibleset .listview.subitems { display: none; background: rgba(3, 61, 104, 0.21); }
.collapsibleset .listview li.hasSubitems .ui-btn { color: rgba(255, 255, 255, 0.8) !important; box-shadow: inset 1px 2px 20px 0px rgba(0, 255, 196, 0.18); }
.collapsibleset .listview li.hasSubitems .ui-btn:after { font-family: FontAwesome; content: "\f149"; position: absolute; right: 7px; top: 8px;  color: rgb(119, 167, 173); font-size: 12px; }
.collapsibleset .listview .subitems li.hasSubitems .ui-btn:after { content: "\f0dd";  top: 5px;  color: rgb(119, 167, 173); font-size: 14px; }

.collapsibleset .listview li[depth="2"] .ui-btn { font-size: 15px; letter-spacing: -1px; color: #8ccfd5; font-weight: 300; }
.collapsibleset .listview li[depth="3"] { font-size: 13px; }
.collapsibleset .listview li[depth="4"] { font-size: 12px; }
.collapsibleset .listview li[depth="5"] { font-size: 12px; }
.collapsibleset .listview li[depth="3"] a.ui-btn:before { white-space: pre; content: "¦¦ "; letter-spacing: -1px; margin-right: 3px; }
.collapsibleset .listview li[depth="4"] a.ui-btn:before { white-space: pre; content: "¦¦ "; letter-spacing: -1px; margin-right: 3px; }
.collapsibleset .listview li[depth="5"] a.ui-btn:before { white-space: pre; content: "¦¦ "; letter-spacing: -1px; margin-right: 3px; }

.collapsibleset .listview li .ui-btn.red { box-shadow: none; }

#left-panel div { height: 100%; }
#left-panel .col { height: 100%; width: calc(16.6% - 3px); margin: 0 1px 0 2px; }
@media (max-width: 600px) {
	#left-panel .col { height: auto; width: calc(50% - 3px); }
}
#left-panel .collapsible > .listview { height: calc(100% - 45px); overflow: auto; }
#left-panel .collapsibleset .collapsible li { border-width: 0; }
body .boxToggleBtn { display: none !important; }
body[box] .boxToggleBtn { display: inline-block !important; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.frameBox.pageBox .pageLoadArea { height: 100%; }
.frameBox.pageBox .pageLoadArea .pageTableBox { height: 100%; }
.frameBox.pageBox .pageLoadArea iframe { width: 100%; height: 100%; border-width: 0; }
.frameBox.pageBox .pageLoadArea .pageControlBox { margin-top: -30px; position: relative; z-index: 1; }
.frameBox.pageBox .pageLoadArea .titleBox { height: 30px; }
.frameBox.pageBox .pageLoadArea .contBox { height: calc(100% - 30px); overflow:auto; }
.sqlLogBox { display:none; background: #000; }

.pageBox .google-visualization-table-table { background:transparent; }
.pageBox .google-visualization-table-tr-odd { background:transparent; }
.pageBox .google-visualization-table-tr-even { background:transparent; }
.pageBox .google-visualization-table-tr-head { background:transparent; }
.pageBox .google-visualization-table .gradient { background-image:none; }
.pageBox .google-visualization-table .gradient { background-image:none; }
.google-visualization-table-table tr:hover td { background: rgba(0, 94, 101, 0.7); }
.google-visualization-table-table tr.selrow td { background: rgba(255,100,0,0.5) !important; }

.googleChart.col .google-visualization-table-table { width:300px; }
.googleChart.col[company_code] .google-visualization-table-table { width:280px; }
.googleChart.col[company_code] .google-visualization-table-table tbody td:nth-child(4) { text-align:center; }


.googleChart.col .google-visualization-table-type-number.google-visualization-table-td.negative { color: rgb(255, 118, 118); }
.google-visualization-table-table td { white-space: nowrap; }
.google-visualization-table-table td.link {  cursor:pointer; position: relative; }
.google-visualization-table-table td.link:after { content: ' '; width: 100%; position: absolute; left: 0; bottom: 0px; border-width: 0 0 1px; border-style: solid; border-color: #5bbcfc;  }
.google-visualization-table-table td.link:before { content: "."; top: -2px; right: 0px; font-size: 28px; font-weight: 800; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #5bbcfc; text-shadow: none; position: absolute; text-shadow: 0px 0px 5px #fff;  }
.pageTableBox .searchBox.inlineBox { margin-right: 10px; }
.pageTableBox .searchBox.inlineBox input[field="thedate"] { width: 70px; text-align: center; }
.pageTableBox .searchBox.inlineBox .btn { color: rgba(255, 255, 255, 0.7); display: inline-block; border: 1px solid #ddd; padding: 0px 10px; font-size: 12px; border-color: rgba(0, 163, 255, 0.3); margin: 1px 0; }
.pageTableBox .searchBox.inlineBox .searchBtn { color: rgba(255, 255, 255, 0.7); display: inline-block; border: 1px solid #ddd; padding: 0px 10px; font-size: 12px; border-color: rgba(0, 163, 255, 0.3); }
.pageTableBox .searchBox.inlineBox .searchtext .selectBtn { margin: 1px 0 0 -4px; }

.tableBox .label, .tableBox .data { padding: 1px 3px; }
.tableBox .number_format .label, .tableBox .data.number_format { padding-left: 10px;}
.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: #5bbcfc; }
.listLoadArea th a .data::before, .listLoadArea td a .data::before, .listLoadArea .extraBtns .data::before { content: "."; top: 0px; right: 0px; font-size: 28px; font-weight: 800; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #5bbcfc; text-shadow: none; position: absolute; text-shadow: 0px 0px 5px #fff; }
.listLoadArea .extraBtns .data::after { border-color: #ff8100; }
.listLoadArea .extraBtns .data::before { color: #ff8100; }

.tableBox tr th.extraBtns, .tableBox tr td.extraBtns { position:relative; }
.listLoadArea th a, .listLoadArea td a { display: inline-blick; }
.listLoadArea .extraBtnBox { position:absolute; top: 20%; left:99%; display:none; z-index: 1; box-shadow: 0px 0px 10px 2px #eeab48; background: rgba(0, 0, 0, 0.70); padding: 5px 10px 5px 5px; }
.listLoadArea tr:nth-last-child(-n+4) .extraBtnBox { top: auto; bottom: 20%; }
.listLoadArea tr:nth-child(-n+4) .extraBtnBox { top: 20%; bottom: auto; }

.listLoadArea .extraBtns:hover .extraBtnBox { display:block;  }
.listLoadArea .extraBtns:hover .extraBtnBox ul  { padding: 0 0 0 25px; font-size: 14px; line-height: 2; }
.listLoadArea .extraBtns:hover .extraBtnBox ul li  {   }
.listLoadArea .extraBtns:hover .extraBtnBox a { *color: #78cbfb; }
.listLoadArea .extraBtns:hover .extraBtnBox ul li:hover { color: #78cbfb !important; }


.listActionBox { display:none; position: absolute; top: 80px; right: 6px; 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 .actionContent { margin: 10px 0; }
.listActionBox .actionContent ol, .listActionBox .actionContent ul { padding-left: 20px; }
.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 .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 .action_form .action_button { padding: 10px; }
.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; }
.pageBox .listActionBox { top: 40px; height: calc(100% - 50px); }

.formBox .detail_form .input_item .list_tooltip { left: auto !important; }
.formBox .detail_form .list_tooltip {  }
.formBox .detail_form .list_tooltip .list_tooltip_text { max-width: calc(100% - 30px); max-height:300px; overflow:auto; }
.formBox .detail_form .list_tooltip pre { white-space: pre-line; }

.searchBox .search_form .list_tooltip { 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 { 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:rgba(255, 248, 123, 0.8); color: rgba(123, 215, 255, 0.8); white-space: pre; font-size: 12px; }
.list_tooltip_text h2, .list_tooltip_text h3, .list_tooltip_text h4 { color: #ffe600; color: rgb(123, 215, 255);  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% - 90px - 4px); } 
.listLoadArea .pageCtrlBox .col.paging_btn_set { width: 90px; margin: 3px 0; line-height: 22px; text-align: right; } 
.listLoadArea .pageCtrlBox .col.paging_btn_set .iconBtn { margin: 0 0 0 4px; } 

.googleChart text { font-family: NotoSans !important;  }
.googleChart rect[stroke="#ffffff"] { fill: transparent; }
.googleChart svg > g { fill-opacity: 0.9; }

.googleChart.pie text { font-size:12px; font-weight: 400; }
.googleChart.pie path { stroke-width: 0; }
.googleChart.pie g > g > path { fill: rgba(191, 191, 191, 0.8); *stroke: rgba(96, 96, 96, 0.79); }
.googleChart.pie g > g > g text { fill: #000; }
.googleChart.pie g text { fill: #d5e3f2; }
.googleChart.pie g[column-id] text { fill: #d5e3f2; }

.col.gaugeBox { padding: 5px; opacity: 0.5; }
.col.gaugeBox.myStore { opacity: 1; }
.col.gaugeBox:hover { opacity: 1; }
.googleChart.gauge svg circle { fill: rgba(0, 127, 255, 0.15); stroke: rgba(0, 136, 255, 0.6); }
.googleChart.gauge svg path { fill-opacity: 0.6; }
.googleChart.gauge svg g g path { fill: rgba(2, 255, 253, 0.65); stroke: rgba(0, 148, 255, 0.81); }
.googleChart.gauge svg text { fill: #d5e3f2; }
.googleChart.gauge svg g > text:first-child { fill: rgba(213, 227, 242, 0.82); }
.googleChart.lineChart svg > g > text { fill: #d5e3f2; -webkit-font-smoothing: inherit !important;}
.googleChart.lineChart svg > g > g text { *fill: #000; letter-spacing:-1; }

.pageBox a.externalBtn { margin-left: 5px; line-height: 1; display: inline-block; vertical-align: middle; }

.page .contBox .col { padding: 0px 10px 0px 0; }

.tableCell { display: table-cell; padding: 0 20px 20px 0; }
.inlineGrid { display: inline-grid; padding: 0 20px 20px 0; }

.frameBox .block-control > li .common_btn_set .iconBtn { cursor:pointer; }

.heightAuto { height:auto !important; max-height: none !important; }
.expandBtnBox { position: relative; }
.expandBtn { position:absolute; bottom: 0px; right: 0px; padding: 3px 5px; cursor:pointer; } 

.page.searchPOP .mainHeader { display: none; }
.page.searchPOP .mainContent { position: relative; height: 100%; }
.posListBox { position: absolute; top: 60px; }
.page.searchPOP .posListBox { top: 0px; left: 0; width: 100%; }
.posListBox .titleBox .title { line-height:1.5; display:block; }

.color0101, tr.color0101 td { color:#79c0ff !important; }
.color0102, tr.color0102 td { color:#00dede !important; }
.color010277, tr.color010277 td { color:#e08400 !important; }
.color010301, tr.color010301 td { color:#00de2d !important; }
.color010401, tr.color010401 td { color:#d5e000 !important; }

.btn { margin: 2px 0 0 0; }