/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(298,237): run-time error CSS1019: Unexpected token, found '*'
(298,237): run-time error CSS1042: Expected function, found '*'
(298,237): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(298,269): run-time error CSS1019: Unexpected token, found '*'
(298,269): run-time error CSS1042: Expected function, found '*'
(298,269): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(300,126): run-time error CSS1019: Unexpected token, found '*'
(300,126): run-time error CSS1042: Expected function, found '*'
(300,126): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(300,158): run-time error CSS1019: Unexpected token, found '*'
(300,158): run-time error CSS1042: Expected function, found '*'
(300,158): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(302,156): run-time error CSS1019: Unexpected token, found '*'
(302,156): run-time error CSS1042: Expected function, found '*'
(302,156): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(302,188): run-time error CSS1019: Unexpected token, found '*'
(302,188): run-time error CSS1042: Expected function, found '*'
(302,188): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(307,240): run-time error CSS1019: Unexpected token, found '*'
(307,240): run-time error CSS1042: Expected function, found '*'
(307,240): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(307,272): run-time error CSS1019: Unexpected token, found '*'
(307,272): run-time error CSS1042: Expected function, found '*'
(307,272): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(309,129): run-time error CSS1019: Unexpected token, found '*'
(309,129): run-time error CSS1042: Expected function, found '*'
(309,129): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(309,161): run-time error CSS1019: Unexpected token, found '*'
(309,161): run-time error CSS1042: Expected function, found '*'
(309,161): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(311,162): run-time error CSS1019: Unexpected token, found '*'
(311,162): run-time error CSS1042: Expected function, found '*'
(311,162): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(311,194): run-time error CSS1019: Unexpected token, found '*'
(311,194): run-time error CSS1042: Expected function, found '*'
(311,194): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(316,234): run-time error CSS1019: Unexpected token, found '*'
(316,234): run-time error CSS1042: Expected function, found '*'
(316,234): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(316,266): run-time error CSS1019: Unexpected token, found '*'
(316,266): run-time error CSS1042: Expected function, found '*'
(316,266): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(318,123): run-time error CSS1019: Unexpected token, found '*'
(318,123): run-time error CSS1042: Expected function, found '*'
(318,123): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(318,155): run-time error CSS1019: Unexpected token, found '*'
(318,155): run-time error CSS1042: Expected function, found '*'
(318,155): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(320,150): run-time error CSS1019: Unexpected token, found '*'
(320,150): run-time error CSS1042: Expected function, found '*'
(320,150): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(320,182): run-time error CSS1019: Unexpected token, found '*'
(320,182): run-time error CSS1042: Expected function, found '*'
(320,182): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(324,232): run-time error CSS1019: Unexpected token, found '*'
(324,232): run-time error CSS1042: Expected function, found '*'
(324,232): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(324,264): run-time error CSS1019: Unexpected token, found '*'
(324,264): run-time error CSS1042: Expected function, found '*'
(324,264): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(326,124): run-time error CSS1019: Unexpected token, found '*'
(326,124): run-time error CSS1042: Expected function, found '*'
(326,124): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(326,156): run-time error CSS1019: Unexpected token, found '*'
(326,156): run-time error CSS1042: Expected function, found '*'
(326,156): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(328,152): run-time error CSS1019: Unexpected token, found '*'
(328,152): run-time error CSS1042: Expected function, found '*'
(328,152): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(328,184): run-time error CSS1019: Unexpected token, found '*'
(328,184): run-time error CSS1042: Expected function, found '*'
(328,184): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(332,235): run-time error CSS1019: Unexpected token, found '*'
(332,235): run-time error CSS1042: Expected function, found '*'
(332,235): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(332,267): run-time error CSS1019: Unexpected token, found '*'
(332,267): run-time error CSS1042: Expected function, found '*'
(332,267): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(334,125): run-time error CSS1019: Unexpected token, found '*'
(334,125): run-time error CSS1042: Expected function, found '*'
(334,125): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(334,157): run-time error CSS1019: Unexpected token, found '*'
(334,157): run-time error CSS1042: Expected function, found '*'
(334,157): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(336,154): run-time error CSS1019: Unexpected token, found '*'
(336,154): run-time error CSS1042: Expected function, found '*'
(336,154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(336,186): run-time error CSS1019: Unexpected token, found '*'
(336,186): run-time error CSS1042: Expected function, found '*'
(336,186): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(341,239): run-time error CSS1019: Unexpected token, found '*'
(341,239): run-time error CSS1042: Expected function, found '*'
(341,239): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(341,271): run-time error CSS1019: Unexpected token, found '*'
(341,271): run-time error CSS1042: Expected function, found '*'
(341,271): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(343,129): run-time error CSS1019: Unexpected token, found '*'
(343,129): run-time error CSS1042: Expected function, found '*'
(343,129): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(343,161): run-time error CSS1019: Unexpected token, found '*'
(343,161): run-time error CSS1042: Expected function, found '*'
(343,161): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(345,162): run-time error CSS1019: Unexpected token, found '*'
(345,162): run-time error CSS1042: Expected function, found '*'
(345,162): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(345,194): run-time error CSS1019: Unexpected token, found '*'
(345,194): run-time error CSS1042: Expected function, found '*'
(345,194): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(354,241): run-time error CSS1019: Unexpected token, found '*'
(354,241): run-time error CSS1042: Expected function, found '*'
(354,241): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(354,273): run-time error CSS1019: Unexpected token, found '*'
(354,273): run-time error CSS1042: Expected function, found '*'
(354,273): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(356,130): run-time error CSS1019: Unexpected token, found '*'
(356,130): run-time error CSS1042: Expected function, found '*'
(356,130): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(356,162): run-time error CSS1019: Unexpected token, found '*'
(356,162): run-time error CSS1042: Expected function, found '*'
(356,162): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(358,164): run-time error CSS1019: Unexpected token, found '*'
(358,164): run-time error CSS1042: Expected function, found '*'
(358,164): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(358,196): run-time error CSS1019: Unexpected token, found '*'
(358,196): run-time error CSS1042: Expected function, found '*'
(358,196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(363,235): run-time error CSS1019: Unexpected token, found '*'
(363,235): run-time error CSS1042: Expected function, found '*'
(363,235): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(363,267): run-time error CSS1019: Unexpected token, found '*'
(363,267): run-time error CSS1042: Expected function, found '*'
(363,267): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(365,124): run-time error CSS1019: Unexpected token, found '*'
(365,124): run-time error CSS1042: Expected function, found '*'
(365,124): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(365,156): run-time error CSS1019: Unexpected token, found '*'
(365,156): run-time error CSS1042: Expected function, found '*'
(365,156): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(367,152): run-time error CSS1019: Unexpected token, found '*'
(367,152): run-time error CSS1042: Expected function, found '*'
(367,152): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(367,184): run-time error CSS1019: Unexpected token, found '*'
(367,184): run-time error CSS1042: Expected function, found '*'
(367,184): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(1169,236): run-time error CSS1019: Unexpected token, found '*'
(1169,236): run-time error CSS1042: Expected function, found '*'
(1169,236): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(1169,268): run-time error CSS1019: Unexpected token, found '*'
(1169,268): run-time error CSS1042: Expected function, found '*'
(1169,268): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(1171,128): run-time error CSS1019: Unexpected token, found '*'
(1171,128): run-time error CSS1042: Expected function, found '*'
(1171,128): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(1171,160): run-time error CSS1019: Unexpected token, found '*'
(1171,160): run-time error CSS1042: Expected function, found '*'
(1171,160): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(1173,160): run-time error CSS1019: Unexpected token, found '*'
(1173,160): run-time error CSS1042: Expected function, found '*'
(1173,160): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(1173,192): run-time error CSS1019: Unexpected token, found '*'
(1173,192): run-time error CSS1042: Expected function, found '*'
(1173,192): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
 */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html, body { width: 100%; height: 100% }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#alarm_before { width: 110px; text-align: center; text-indent: 0 }
.view { /*width:1044px;*/ width: 100%; height: 780px; overflow-x: scroll; overflow-y: hidden }
body { font-family: 'Malgun Gothic','맑은 고딕','돋움',dotum,'Apple SD Gothic NEO',helvetica,sans-serif; font-size: 15px; letter-spacing: -1.5px; line-height: 1.4; background-color: #efefef }
::selection { color: #fff; background: #3c3c3c }
a { color: inherit; text-decoration: none; cursor: pointer }
:active, :focus, :hover { outline: none }
figure { margin: 0 }
img { vertical-align: middle; border: 0 }
button { overflow: visible; letter-spacing: -1px; -webkit-appearance: button; cursor: pointer }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 }
input { color: inherit }
input[readonly] { cursor: default }
select { letter-spacing: -1.5px; cursor: pointer }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: normal }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 }
input[type=checkbox]:hover, input[type=radio]:hover { cursor: pointer }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver }
legend { padding: 0; border: 0 }
textarea { overflow: auto; /* 추가 161011 */ display: block }
optgroup { font-weight: 700 }
.btn { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: 0; transition: all 300ms linear; touch-action: manipulation; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.4; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; z-index: 1 }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0 }
dl, ul, ol, menu, li { list-style: none }
ol > li { list-style-position: inside !important; list-style-type: decimal }
.h1, .h2, .h3, h1, h2, h3 { margin: 0 }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: bold }
.h1 { font-size: 36px }
.h2 { font-size: 30px }
.h3 { font-size: 18px }
.h4 { font-size: 15px }
span.ls-0 { letter-spacing: 0 }
.nav { padding-left: 0; margin-bottom: 0; list-style: none }
.nav > li { position: relative; display: block }
.nav > li > a { position: relative; display: block; text-decoration: none }
.nav-pills > li { float: left }
.nav-pills > li.tab.active > a { font-weight: bold; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px dashed #e4e4e4; background-color: #fff }
.tab-content .tab-pane { display: none }
.tab-content .active { display: block }
.clear { clear: both }
.inline { display: inline-block }
.block { display: block }
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " " }
.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both }
.blind { position: absolute; top: -9999px; left: -9999px; margin: 0; padding: 0; width: 0; height: 0; text-indent: -9999px; font-size: 0 }
.panel { padding: 10px; background-color: #fff }
.panel-border { border: 1px solid #e4e4e4 }
.container { /*padding: 20px !important;*/ padding: 10px !important; /*height: 100%;*/ height: 700px }
.badge { display: inline-block; min-width: 10px; padding: 4px 7px 6px; font-size: 14px; font-weight: 700; line-height: 1; color: #777; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #fff; border: 1px solid #777; border-radius: 4px; /*추가 161116*/ margin-right: 5px }
.badge.important { color: #d96557; border: 1px solid #d96557 }
.badge.black { color: #f00; background-color: #000; border-color: #000 }
td.taxino{ padding: 2px !important;}
/* table */
table { letter-spacing: initial; background-color: transparent; border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0; overflow: hidden; text-overflow: ellipsis }
th { text-align: left; background-color: #e4e4e4 }
table col[class*=col-] { position: static; display: table-column; float: none }
table td[class*=col-], table th[class*=col-] { position: static; display: table-cell; float: none }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 2px 5px; border-color: #e4e4e4 }
.table { width: 100%; max-width: 100% }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; /* 추가 */ white-space: nowrap; text-overflow: ellipsis; letter-spacing: -1px; }
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > tbody + tbody { border-top: 2px solid #ddd; }
.table .table { background-color: #fff; }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; }
.table-bordered { border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }
.table-editable tr > td { padding: 10px !important; }
.table-editable tr > td > input { padding: 0 10px; width: 100%; height: 37px; border: 0; }
.table-editable .table-edit-mode td:nth-child(2) { border-right: 0; }
.table-editable .table-edit-mode td:last-child { border-left: 0; }
.table-editable .table-edit-mode-input { border: 1px solid #ccc; border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); }
.table-hover > tbody > tr:hover { background-color: #f5f5f5; }
table col[class*="col-"] { position: static; float: none; display: table-column; }
table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; }
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; }
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; }
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; }
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; }
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; }
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; }
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; }
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; }
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; }
.table-row input[type="text"] { width: 100%; border: none; background: transparent; }
.table-group { position: relative; }
.table-row { display: table-row; }
.table-row:hover > span { background-color: #efefef; }
.table-row > span { display: table-cell; overflow: hidden; list-style: none; padding: 4px 15px 8px 0; white-space: nowrap; text-overflow: ellipsis; letter-spacing: -1px; background-color: #fff; border-bottom: 1px solid #e4e4e4; }
.table-row > span:first-child { padding-left: 15px; border-left: 1px solid #e4e4e4; }
.table-row > span:last-child { padding-right: 15px; border-right: 1px solid #e4e4e4; }
.table-row.selected-call span { /*background-color: #efefef;*/ color: #fff !important; background-color: #00f !important; }
.table-row.off-member span { color: #a5a5a5; background-color: #efefef; }
.table-row.selected-member span { color: #a5a5a5; background-color: black; }
.table-row.red-card-member span { color: #f30000; }
.table-row.sms-server { color: #21b64f; }
.table-row.sms-server:hover { color: #21b64f !important; }
.table-row.sms-driver { color: #0000ff; }
.table-row.sms-driver:hover { color: #0000ff !important; }
.table-row.waiting-call { color: #f30000; font-weight: bold; }
.table-row.waiting-call:hover { color: #f30000 !important; font-weight: bold; }
.table-row.another-call { /*color: #42ff00;*/ color: #3d8c21; /*font-weight: bold;*/ }
.table-row.another-call:hover { color: #3d8c21 !important; /*color: #42ff00 !important;*/ /*font-weight: bold;*/ }
.table-row:hover > td { background-color: #efefef; }
.table-row > td { display: table-cell; overflow: hidden; list-style: none; padding: 4px 15px 8px 0; white-space: nowrap; text-overflow: ellipsis; letter-spacing: -1px; background-color: #fff; border-bottom: 1px solid #e4e4e4; }
.table-row.selected-call td { /*background-color: #efefef;*/ color: #fff !important; background-color: #00f !important }
.table-row.off-member td { color: #a5a5a5; background-color: #efefef }
.table-row.selected-member td { color: #a5a5a5; background-color: black; }
.table-row.red-card-member td { color: #f30000; }
.table-row .noTaxi, .table-row .noTaxi, .table-row:hover .noTaxi { color: #fff; background-color: #3c3c3c }
.retry-call { background: linear-gradient(0deg, #000 0%, #808080 50%, #000 100%); background-size: 200% 200%; animation: retryAnimation 3s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-animation: retryAnimation 3s cubic-bezier(0.65, 0.05, 0.36, 1) infinite /* Firefox */; -webkit-animation: retryAnimation 3s cubic-bezier(0.65, 0.05, 0.36, 1) infinite /* Safari and Chrome */;}
@-moz-keyframes retryAnimation /* Firefox */{ 0%{background-position:10% 0%} 50%{background-position:91% 100%} 100%{background-position:10% 0%}}
@-webkit-keyframes retryAnimation /* Safari and Chrome */{ 0%{background-position:10% 0%} 50%{background-position:91% 100%} 100%{background-position:10% 0%}}
.back_color { background-color: #1A1D1D; opacity: 0.1 }
.back_color2 { background-color: black; opacity: 0.1 }
.table-header { display: table-header-group }
.table-header span { font-weight: bold; background-color: #efefef; border-top: 1px solid #e4e4e4 !important; border-bottom: 1px solid #e4e4e4 !important }
.table-body { display: table-row-group; border-bottom: 1px solid #e4e4e4 }
.table-body .table-row:hover { cursor: pointer }
.table-responsive { overflow-x: auto; min-height: 0.01% }

/* form-group */
.form-group { margin-bottom: 15px; }
.form-group:last-child { margin-bottom: 0; }
.form-group-list .form-group.H_auto { height: auto; line-height: initial; }
.form-group-list .form-group { position: relative; margin-bottom: 0; padding: 20px; border-bottom: 1px solid #e4e4e4; }
.form-group-list .form-group > label { display: inline-block; margin-right: 5px; width: 199px; vertical-align: middle; }
.form-group-list .form-group div.set_value, .form-group-list .form-group span.set_value { padding-left: 10px; padding-right: 10px; width: 130px; height: 37px; border: 1px solid #ddd; border-radius: 4px; }
.form-group-list .form-group div.set_value { /*.form-group-list .form-group .set_value {*/ display: inline-block; /* float: right; */ /* margin-top: 12px; */ /*padding: 0 10px;*/ padding-left: 10px; padding-right: 10px; /* 내가 수정한 것. 고치지 마시오.*/ width: 130px; height: 37px; border: 1px solid #ddd; border-radius: 4px; vertical-align: middle; }
.form-group-list .form-group div.disabled, .form-group-list .form-group span.disabled, .form-group-list .form-group input.disabled {background-color : #b2b2b2; cursor:no-drop;}
.form-group-list .form-group span.set_value { display: inline-block; }
.form-group-list .form-group .set_value input.value { /*width: 50px;*/ width: 74px; /* 내가 수정한 것. 고치지 마시오.*/ height: 35px; line-height: 37px; border: 0; vertical-align: top; }
.form-group-list .form-group .set_value input.value.full { width: 100%; }
.form-group-list .form-group .set_value span.unit { display: inline-block; width: 30px; line-height: 37px; text-align: right; }
.form-group-list .form-group .set_value span.unit.eng { letter-spacing: 0; }
.form-group-list .form-group .set_value:after { content: ''; clear: both; }
.form-group-list .form-group.row-3 span.desc { line-height: 25px; }
.form-group-list .form-group.row-2.inline > .row:first-child { margin-bottom: 20px; }
.form-group-list .form-group.row-2.inline .row span { display: inline-block; vertical-align: middle; }
.form-group-list .form-group.row-2.inline .row span.set_value { vertical-align: middle; }
.form-group-list .form-group .lcs_wrap { margin-left: 57px; vertical-align: middle; }
.form-group-list .form-group .input-group { float: right; }
.form-group-list .form-group .input-group input[name="op_waitingNum_input"] { width: 60px; }
.form-group-list span.desc { display: block; margin-top: 10px; font-size: 15px; color: #007399; line-height: 30px; }
.form-horizontal .control-label { float: left; width: 120px; line-height: 35px; }

.panel-heading { position: relative; height: 45px; line-height: 45px; }
.panel-heading .heading_w300 { padding: 0 15px; width: 300px; }
.panel-heading .heading_w200 { padding: 0 15px; width: 200px; }
.panel-heading .heading_w130 { padding: 0 15px; width: 130px; }
.panel-heading .heading { padding: 0 15px; }
.panel-heading-padding { padding: 0 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #e4e4e4; }
.panel-heading-bg { padding: 0 15px; width: 100%; height: 50px; color: #fff; font-weight: bold; line-height: 45px; }
.bg-outline { border: 1px solid #e4e4e4; }
.panel-heading-bg-transparent, .panel-heading-bg-transparent-btn { position: relative; margin-bottom: 15px; width: 100%; color: #09c; font-weight: bold; }
.panel-heading-bg-transparent-btn { margin-bottom: 5px; height: 57px; line-height: 57px; vertical-align: middle; }

#wrap { position: relative; min-width: 1280px; width: 100%; height: 100%; }
#wrap.call { min-width: 1500px; }

/*** index ***/
.full-height { height: 100%; }
.form-layout { margin: 0 auto; padding: 15px; }
.login-panel { position: absolute; top: 50%; left: 50%; margin-top: -175px; margin-left: -250px; width: 500px; height: 350px; }
.input-login, .input-password { padding: 10px; height: 50px !important; font-size: 18px !important; letter-spacing: 0; }
.btn-login { height: 50px; }

/*#extention { width: 150px; position: fixed; z-index: 5001 !important; margin-top: 10px; }
#select_company { width: 150px; position: relative; z-index: 5001 !important; left: 195px; margin-top: 10px; }*/

/*** sidebar-panel ***/
#sidebar-panel { position: absolute; top: 0; bottom: 0; padding: 15px; width: 450px; background-color: #3c3c3c; z-index: 5000 }
#call-panel { overflow: hidden; position: absolute; top: 5px; left: 5px; right: 5px; height: 50px; background-color:#ffffff;}
#call-panel.expanded_call_panel { height: 100px !important;}
#call-panel .fa.fa-phone-square { float: left; padding-top: 2px; width: 40px; height: 50px; text-align: center; font-size: 18px; line-height: 46px; background: #fff }
#call-panel .fa.fa-phone-square.expanded_call_panel { height: 100px; line-height: 92px;}
#call-panel .terminal_id { float: left; width: 130px; height: 50px; font-size: 24px; border: 0; border-radius: 0 }
#call-panel .form-control.select-center { float: left; width: 190px; height: 50px; font-size: 22px; border: 0; border-radius: 0 }
#call-panel .center-name { height: 70px; text-align: center; font-size: 28px; border: 0; border-radius: 0 }

.panel-heading-200 > h1 { line-height: 56px }
.call-history-btn { position: absolute; top: 20px; right: 20px; font-size: 15px; font-weight: bold; letter-spacing: -1.5px }

#customer-panel { overflow: hidden; position: absolute; top: 56px; right: 5px; bottom: 190px; left: 5px }
#customer-panel.expanded_call_panel{ top: 106px !important; }
/*#customer-panel .view_memo { margin-left: 10px; cursor: pointer }*/
#customer-panel .history_count { display: block; font-weight: 600; margin-bottom: 5px }
#customer-panel .history_count strong { letter-spacing: normal }
#customer-panel .clear_callInfo { position: absolute; top: 10px; right: 10px; color: #888; cursor: pointer }
#customer-panel .custom_type { float: left }
#customer-panel .custom_type .btn_custom_type { width: 70px; height: 37px; font-weight: 600; text-align: left; border-radius: 4px 0 0 4px; background-color: #fff; border: 1px solid #3c3c3c }
#customer-panel .custom_type .btn_custom_type.regular { color: #fff; background-color: #00f; border-color: #00f }
#customer-panel .custom_type .btn_custom_type.black { color: #f00; background-color: #000; background-color: #000 }
#customer-panel .custom_type .btn_custom_type::after { display: block; position: absolute; top: 16px; right: 12px; margin: 0 }
#customer-panel .custom_type .dropdown-menu { border-color: #3c3c3c }
#customer-panel .custom_type .dropdown-item { opacity: 0.8; font-weight: 700; border-bottom: 1px solid #ccc }
#customer-panel .custom_type .dropdown-item:last-child { border-bottom: 0 }
#customer-panel .custom_type .dropdown-item:hover { opacity: 1 }
#customer-panel .custom_type .dropdown-item.regular { color: #fff; background-color: #00f }
#customer-panel .custom_type .dropdown-item.black { color: #f00; background-color: #000 }
#customer-panel .call-number { float: left; width: 165px; line-height: 37px; text-align: center; text-indent: initial; border-width: 1px 0; border-radius: 0 }
#customer-panel .call-number.new { color: red }
#customer-panel .call-number.old { color: blue }
#customer-panel .call-number.black-list { color: red; background-color: #141414 }
#customer-panel .arrow_right { float: left; position: relative; width: 20px; height: 37px; border: 1px solid #ccc }
#customer-panel .arrow_right .arrow { transform: rotate(-90deg) }
#customer-panel .arrow_right .arrow, #customer-panel .arrow_right .arrow:after { display: block; position: absolute; top: 14px; left: 2px; width: 0; height: 0; border-width: 8px; border-color: transparent; border-style: solid; border-top-color: #3c3c3c; border-bottom-width: 0 }
#customer-panel .arrow_right .arrow:after { content: ""; margin-top: -25px; margin-left: -10px; border-width: 8px; border-bottom-width: 0; border-top-color: #fff }
#customer-panel .callback_number { float: left; width: 165px; line-height: 37px; text-align: center; text-indent: initial; border-left: 0; border-radius: 0 3px 3px 0 }
#customer-panel #sCallHistory { overflow: hidden; vertical-align: top; word-break: break-all; white-space: nowrap; text-overflow: ellipsis }
#customer-panel .count_and_addr_area { overflow: hidden; position: relative; margin-bottom: 10px }
#customer-panel .count_and_addr_area > .call_option { overflow: hidden; position: absolute; top: 0; right: 0; width: 270px; text-align: right }
#customer-panel .count_and_addr_area > .call_option > .call-group { position: relative !important; display: inline-block; margin-left: 10px }
#customer-panel .count_and_addr_area > .car_count { float: left; width: 70px }
#customer-panel .count_and_addr_area > .user_address { float: left; margin-left: 10px; width: 340px }
#customer-panel #txtRemark { padding: 5px 10px; width: 240px; height: 38px; font-size: 16px; text-indent: 0; resize: none }
#customer-panel #btnCallTaxi { float: right; padding: 0; width: 170px; height: 64px; font-weight: bold; font-size: 20px }
#customer-panel .table-area { overflow: scroll; position: absolute; top: 228px; right: 10px; bottom: 10px; left: 10px; border-top: 1px solid #ddd }
#customer-panel .table-area .table-row > td:nth-child(3):hover { color: #fff; background-color: #00f; cursor: pointer }
#customer-panel .table-area .table-row > td:nth-child(3) input:hover { cursor: pointer }

/* margin */
.ml-10 { display: inline-block; margin-left: 10px; }
.mt-5 { display: block; margin-top: 5px; }
.mt-10 { display: block; margin-top: 10px; }
.mt-20 { display: block; margin-top: 20px; }
.mgT20 {margin-top:20px;}
.mt-30 { display: block; margin-top: 30px; }
.mr-5 { display: inline-block; margin-right: 5px; }
.mr-10 { display: inline-block; margin-right: 10px; }
.mr-15 { display: inline-block; margin-right: 15px; }
.mr-20 { display: inline-block; margin-right: 20px; }
.mr-30 { display: inline-block; margin-right: 30px; }
.mb-5 { display: block; margin-bottom: 5px; }
.mb-10 { display: block; margin-bottom: 10px; }
.mb-15 { display: block; margin-bottom: 15px; }
.mb-20 { display: block; margin-bottom: 20px; }
.mb-25 { display: block; margin-bottom: 25px; }
.mb-30 { display: block; margin-bottom: 30px; }
.mb-40 { display: block; margin-bottom: 40px; }
.mb-50 { display: block; margin-bottom: 50px; }
.pd-15 { padding: 15px; }
.pd-20 { padding: 20px; }
.pd-25 { display: block; padding: 25px; }
.pd-30 { padding: 30px; }

.border-b { padding-bottom: 7px; border-bottom: 2px solid #141414; }
.form-control { width: 100%; height: 37px; border: 1px solid #ccc; border-radius: 3px; font-size: 19px; font-weight: bold; text-indent: 10px; vertical-align: top; }
.form-control.input-inner { position: relative; }
.form-control.input-inner input { width: 120px; height: 35px; border: none; }
.form-control.input-inner span { font-size: 16px; font-weight: normal; display: block; position: absolute; right: 10px; top: 0; height: 35px; line-height: 35px; }

input.form-control.many { background-color: #2ecc71; }
input.form-control.location { text-indent: 10px; text-align: left; letter-spacing: -2px; }
input.form-control.remark { width: 380px; /*text-indent: 10px; text-align: left; letter-spacing: -2px;*/ }
#reservation input.form-control.date-picker { width: 181px; text-align: center; text-indent: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; z-index: 10000 !important; }
input.form-control.fake-picker { text-align: left; }
#ui-datepicker-div { z-index: 10001 !important; }
[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none; }
.nav-tabs:after, .input-group:after, .input-group.location:after, .nav:after, .search-list-panel:before { content: ''; clear: both; display: block; }
.input-group-addon { display: inline-block; width: 170px; height: 37px; font-size: 16px; line-height: 33px; text-align: center; background-color: #ccc; border: 1px solid #ccc; border-radius: 0 3px 3px 0; }
.input-group-addon.black-list { color: red; background-color: #141414; }
.input-group-addon #txtHistoryCount { font-family: Arial; font-weight: bold; letter-spacing: 0; }
.input-group { display: block;} /*background-color: #ffffff;*/
.input-group.inline { display: inline-block; }
.radio-group label { cursor: pointer; }
input[type="checkbox"] + label:hover { cursor: pointer; }
.input-group.ckbox input[type="checkbox"] { display: none; vertical-align: top; }
.input-group.ckbox input[type="checkbox"] + label { display: inline-block; padding: 0 20px; height: 37px; font-weight: bold; color: #ccc; line-height: 37px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; }
input[type="radio"] + label:hover { cursor: pointer }
.select-group { position: relative }
.cb-relative { position: relative }
.left { float: left }
.right { float: right }
.input-group.right { float: right }
.call-group { position: absolute; top: 0; right: 0 }
input.cb-round { margin-top: 2px; width: 18px; height: 18px; vertical-align: top }
.btn-lg { padding: 8px 0 12px 0; width: 100%; font-size: 18px; font-weight: bold }
.btn-sg { padding: 8px 0 12px 0; width: 45%; font-size: 18px; font-weight: bold }

/* btn-color */
.btn-default { color: #141414; background-color: #fff; border-color: #ccc; }
.btn-default:visited { color: #141414; }
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover { color: #141414; background-color: #fff; border-color: #ccc; }
.btn-default::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #e6e6e6; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7,1,1); -moz-transform: scale3d(0.7,1,1); -o-transform: scale3d(0.7,1,1); -ms-transform: scale3d(0.7,1,1); transform: scale3d(0.7,1,1); -webkit-transition: transform .4s,opacity .4s; -moz-transition: transform .4s,opacity .4s; -o-transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-default, .btn-default::before { -webkit-animation-timing-function: cubic-bezier(0.2,1,.3,1); -moz-animation-timing-function: cubic-bezier(0.2,1,.3,1); -o-animation-timing-function: cubic-bezier(0.2,1,.3,1); animation-timing-function: cubic-bezier(0.2,1,.3,1); }
.btn-default:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.btn-default.active, .btn-default:active { background-image: none; border-color: #ccc; }
.btn-default.active::before, .btn-default:active::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); background-color: #e6e6e6; }
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover { color: #141414; background-color: #f2f2f2; border-color: #ccc; }
.btn-offon-blue { color: #fff; background-color: #09c; border-color: #09c; }
.btn-offon-blue:visited { color: #fff; }
.btn-offon-blue.active, .btn-offon-blue.focus, .btn-offon-blue:active, .btn-offon-blue:focus, .btn-offon-blue:hover { color: #fff; background-color: #09c; border-color: #007399; }
.btn-offon-blue::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #007399; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7,1,1); -moz-transform: scale3d(0.7,1,1); -o-transform: scale3d(0.7,1,1); -ms-transform: scale3d(0.7,1,1); transform: scale3d(0.7,1,1); -webkit-transition: transform .4s,opacity .4s; -moz-transition: transform .4s,opacity .4s; -o-transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-offon-blue, .btn-offon-blue::before { -webkit-animation-timing-function: cubic-bezier(0.2,1,.3,1); -moz-animation-timing-function: cubic-bezier(0.2,1,.3,1); -o-animation-timing-function: cubic-bezier(0.2,1,.3,1); animation-timing-function: cubic-bezier(0.2,1,.3,1); }
.btn-offon-blue:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.btn-offon-blue.active, .btn-offon-blue:active { background-image: none; border-color: #006b8f; }
.btn-offon-blue.active::before, .btn-offon-blue:active::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); background-color: #007399; }
.btn-offon-blue.active.focus, .btn-offon-blue.active:focus, .btn-offon-blue.active:hover, .btn-offon-blue:active.focus, .btn-offon-blue:active:focus, .btn-offon-blue:active:hover { color: #fff; background-color: #0086b3; border-color: #0086b3; }
.btn-gray { color: #141414; background-color: #f2f2f2; border-color: #ccc; }
.btn-gray:visited { color: #141414; }
.btn-gray.active, .btn-gray.focus, .btn-gray:active, .btn-gray:focus, .btn-gray:hover { color: #141414; background-color: #f2f2f2; border-color: #ccc; }
.btn-gray::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #e6e6e6; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7,1,1); -moz-transform: scale3d(0.7,1,1); -o-transform: scale3d(0.7,1,1); -ms-transform: scale3d(0.7,1,1); transform: scale3d(0.7,1,1); -webkit-transition: transform .4s,opacity .4s; -moz-transition: transform .4s,opacity .4s; -o-transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-gray, .btn-gray::before { -webkit-animation-timing-function: cubic-bezier(0.2,1,.3,1); -moz-animation-timing-function: cubic-bezier(0.2,1,.3,1); -o-animation-timing-function: cubic-bezier(0.2,1,.3,1); animation-timing-function: cubic-bezier(0.2,1,.3,1); }
.btn-gray:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.btn-gray.active, .btn-gray:active { background-image: none; border-color: #ccc; }
.btn-gray.active::before, .btn-gray:active::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); background-color: #f2f2f2; }
.btn-gray.active.focus, .btn-gray.active:focus, .btn-gray.active:hover, .btn-gray:active.focus, .btn-gray:active:focus, .btn-gray:active:hover { color: #141414; background-color: #ddd; border-color: #ccc; }
.btn-black { color: #fff; background-color: #3c3c3c; border-color: #222; }
.btn-black.active, .btn-black.focus, .btn-black:active, .btn-black:focus, .btn-black:hover { color: #fff; background-color: #3c3c3c; border-color: #000; }
.btn-black::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #000; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7,1,1); -moz-transform: scale3d(0.7,1,1); -o-transform: scale3d(0.7,1,1); -ms-transform: scale3d(0.7,1,1); transform: scale3d(0.7,1,1); -webkit-transition: transform .4s,opacity .4s; -moz-transition: transform .4s,opacity .4s; -o-transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-black, .btn-black::before { -webkit-animation-timing-function: cubic-bezier(0.2,1,.3,1); -moz-animation-timing-function: cubic-bezier(0.2,1,.3,1); -o-animation-timing-function: cubic-bezier(0.2,1,.3,1); animation-timing-function: cubic-bezier(0.2,1,.3,1); }
.btn-black:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.btn-black.active, .btn-black:active { background-image: none; border-color: #000; }
.btn-black.active::before, .btn-black:active::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); background-color: #000; }
.btn-black.active.focus, .btn-black.active:focus, .btn-black.active:hover, .btn-black:active.focus, .btn-black:active:focus, .btn-black:active:hover { color: #fff; background-color: #3c3c3c; border-color: #222; }
.btn-yellow { color: #141414; background-color: #ffc65d; border-color: #ffc65d; }
.btn-yellow.active, .btn-yellow.focus, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover { color: #141414; background-color: #ffc65d; border-color: #ffb42a; }
.btn-yellow:before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #ffb42a; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7,1,1); -moz-transform: scale3d(0.7,1,1); -o-transform: scale3d(0.7,1,1); -ms-transform: scale3d(0.7,1,1); transform: scale3d(0.7,1,1); -webkit-transition: transform .4s,opacity .4s; -moz-transition: transform .4s,opacity .4s; -o-transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-yellow, .btn-yellow::before { -webkit-animation-timing-function: cubic-bezier(0.2,1,.3,1); -moz-animation-timing-function: cubic-bezier(0.2,1,.3,1); -o-animation-timing-function: cubic-bezier(0.2,1,.3,1); animation-timing-function: cubic-bezier(0.2,1,.3,1); }
.btn-yellow:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.btn-yellow.active, .btn-yellow:active { background-image: none; border-color: #ffb020; }
.btn-yellow.active::before, .btn-yellow:active::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); background-color: #ffb42a; }
.btn-yellow.active.focus, .btn-yellow.active:focus, .btn-yellow.active:hover, .btn-yellow:active.focus, .btn-yellow:active:focus, .btn-yellow:active:hover { color: #fff; background-color: #ffbd43; border-color: #ffbd43; }
.btn-medium-red { color: #fff; background-color: #d96557; border-color: #d96557; }
.btn-medium-red:visited { color: #fff; }
.btn-medium-red.active, .btn-medium-red.focus, .btn-medium-red:active, .btn-medium-red:focus, .btn-medium-red:hover { color: #fff; background-color: #d96557; border-color: #ce402f; }
.btn-medium-red:before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #ce402f; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7,1,1); -moz-transform: scale3d(0.7,1,1); -o-transform: scale3d(0.7,1,1); -ms-transform: scale3d(0.7,1,1); transform: scale3d(0.7,1,1); -webkit-transition: transform .4s,opacity .4s; -moz-transition: transform .4s,opacity .4s; -o-transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-medium-red, .btn-medium-red::before { -webkit-animation-timing-function: cubic-bezier(0.2,1,.3,1); -moz-animation-timing-function: cubic-bezier(0.2,1,.3,1); -o-animation-timing-function: cubic-bezier(0.2,1,.3,1); animation-timing-function: cubic-bezier(0.2,1,.3,1); }
.btn-medium-red:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.btn-medium-red.active, .btn-medium-red:active { background-image: none; border-color: #c63d2d; }
.btn-medium-red.active::before, .btn-medium-red:active::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); background-color: #ce402f; }
.btn-medium-red.active.focus, .btn-medium-red.active:focus, .btn-medium-red.active:hover, .btn-medium-red:active.focus, .btn-medium-red:active:focus, .btn-medium-red:active:hover { color: #fff; background-color: #d96557; border-color: #d96557; }
.btn-medium-red.disabled { color: #fff; background-color:#d89f99; border-color: #d89f99 !important; transition: 0s; cursor: default;}
.btn-medium-red.disabled:before { color: #fff; background-color:#d89f99; border-color: #d89f99; }
.btn-medium-red.disabled:hover { transition: 0s; }
/*.btn-medium-red.disabled:before { content: "전달사항에 등록된 기사를 먼저 삭제해주세요."; display: inline-block; position: absolute; left: -265px; top: 30px; padding: 0.5em 1em; line-height: 1.25; font-size: 14px; font-family: sans-serif; color: #fff; background-color: #0C9; border: none; border-radius: 1.25em; z-index: 99; width: 300px;}*/
.btn-medium-cyan { color: #fff; background-color: #4cc3d9; border-color: #4cc3d9; }
.btn-medium-cyan:visited { color: #fff; }
.btn-medium-cyan.active, .btn-medium-cyan.focus, .btn-medium-cyan:active, .btn-medium-cyan:focus, .btn-medium-cyan:hover { color: #fff; background-color: #4cc3d9; border-color: #2aafc8; }
.btn-medium-cyan::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #2aafc8; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7,1,1); -moz-transform: scale3d(0.7,1,1); -o-transform: scale3d(0.7,1,1); -ms-transform: scale3d(0.7,1,1); transform: scale3d(0.7,1,1); -webkit-transition: transform .4s,opacity .4s; -moz-transition: transform .4s,opacity .4s; -o-transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-medium-cyan, .btn-medium-cyan::before { -webkit-animation-timing-function: cubic-bezier(0.2,1,.3,1); -moz-animation-timing-function: cubic-bezier(0.2,1,.3,1); -o-animation-timing-function: cubic-bezier(0.2,1,.3,1); animation-timing-function: cubic-bezier(0.2,1,.3,1); }
.btn-medium-cyan:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.btn-medium-cyan.active, .btn-medium-cyan:active { background-image: none; border-color: #29a8bf; }
.btn-medium-cyan.active::before, .btn-medium-cyan:active::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); background-color: #2aafc8; }
.btn-medium-cyan.active.focus, .btn-medium-cyan.active:focus, .btn-medium-cyan.active:hover, .btn-medium-cyan:active.focus, .btn-medium-cyan:active:focus, .btn-medium-cyan:active:hover { color: #fff; background-color: #37bcd5; border-color: #37bcd5; }
.btn-green { color: #fff; background-color: #2ecc71; border-color: #2ecc71; }
.btn-green:visited { color: #fff; }
.btn-green.active, .btn-green.focus, .btn-green:active, .btn-green:focus, .btn-green:hover { color: #fff; background-color: #2ecc71; border-color: #25a25a; }
.btn-green::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #25a25a; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7,1,1); -moz-transform: scale3d(0.7,1,1); -o-transform: scale3d(0.7,1,1); -ms-transform: scale3d(0.7,1,1); transform: scale3d(0.7,1,1); -webkit-transition: transform .4s,opacity .4s; -moz-transition: transform .4s,opacity .4s; -o-transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-green, .btn-green::before { -webkit-animation-timing-function: cubic-bezier(0.2,1,.3,1); -moz-animation-timing-function: cubic-bezier(0.2,1,.3,1); -o-animation-timing-function: cubic-bezier(0.2,1,.3,1); animation-timing-function: cubic-bezier(0.2,1,.3,1); }
.btn-green:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.btn-green.active, .btn-green:active { background-image: none; border-color: #239a55; }
.btn-green.active::before, .btn-green:active::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); background-color: #25a25a; }
.btn-green.active.focus, .btn-green.active:focus, .btn-green.active:hover, .btn-green:active.focus, .btn-green:active:focus, .btn-green:active:hover { color: #fff; background-color: #29b765; border-color: #29b765; }

.btn-pick:hover { color: #141414; background-color: #ffc65d; border-color: #ffb42a; }

/* txt */
.bold { font-weight: bold }
/* txt-color */
.txt-green { color: #00ac49 }
.txt-blue { color: #00f }
.txt-offon-blue { color: #09c }
.txt-medium-red { color: #d96557 }
.txt-gray { color: #868686 }
/* bg-color */
.bg-white { color: #141414; background-color: #fff }
.bg-yellow { color: #141414; background-color: #ffc65d }
.bg-green { background-color: #2ecc71 }
.bg-medium-red { background-color: #d96557 }
.bg-medium-cyan { background-color: #4cc3d9 }
.bg-light-gray { background-color: #e6e6e6 }
.bg-dark-gray { background-color: #3c3c3c }
.bg-gray { background-color: #868686 }

/* header */
#header {
    position: absolute;
    top: 0;
    left: 450px;
    right: 0;
    padding-right: 15px;
    height: 50px;
    border-bottom: 1px solid #e4e4e4;
    background-color: #efefef;
    z-index: 4000;
}
#header .nav-pills > li > a { font-size: 18px; }
ul.nav-left > li > a { padding: 0 15px; height: 50px; line-height: 45px; text-align: center; }
.nav-left { float: left; }
.nav-right { float: right !important; }
#quick-menu > li, #top-menu > li { display: inline-block; position: relative; text-align: right; }
#quick-menu li a { display: block; padding: 0 5px; height: 50px; color: #141414; font-size: 16px; line-height: 50px; }
ul.sub-menu { display: none; position: absolute; top: 99%; right: -10px; border-radius: 0 0 5px 5px; box-shadow: 0 2px 12px rgba(0,0,0,.1); border: 1px solid rgba(0,0,0,.1); background-color: #fff; z-index: 4000 }
#quick-menu .sub-menu li a { padding: 10px 15px; height: auto; line-height: normal; white-space: nowrap; border-bottom: 1px solid #e6e6e6 }
#quick-menu .sub-menu li a:hover { background-color: #efefef }
#quick-menu li:hover > .sub-menu { display: block }

/**** reservation-panel ***/
#reservation-panel { position: absolute; left: 5px; right: 5px; bottom: 5px; overflow: hidden; height: 180px; background-color: #fff; z-index: 1; }
#reservation-panel li.tab { float: left; width: 50%; }
#reservation-panel li.tab > a { display: block; text-align: center; text-decoration: none; background-color: #efefef; }
#reservation-panel li.tab.active { color: #141414; background-color: #fff; }
#reservation-panel li.tab.active > a { color: #141414; background-color: #fff; }
#reservation > .panel { height: 90px; }
#reservation > #btnUpdateReservationShift{ float: left; width: 0px; height: 45px; font-size: 18px; font-weight: bold; border-radius: 0; transition: width 150ms linear }
#reservation-panel #btnUpdateReservation, #reservation-panel #btnReceipt { width: 440px; height: 45px; font-size: 18px; font-weight: bold; border-radius: 0; transition: width 150ms linear }
#reservation-panel #btnReceipt, #reservation-panel #btnNavi { float: left; width: 220px; height: 45px; font-size: 18px; font-weight: bold; border-radius: 0; }
#reservation-panel #alert { float: right; width: 175px; height: 72px; font-size: 18px; line-height: 100px; text-align: center; }
#reservation-panel table.table th { padding: 0; width: 80px; font-size: 16px; background: none; }
#reservation-panel table.table td { padding: 0; font-size: 16px; letter-spacing: -1px; }
#reservation-panel table.table td#driverInfo_PhoneNumber { letter-spacing: 0; }
#reservation-panel input.form-control.id { text-align: center; border-radius: 3px 3px 0 0; }
#reservation-panel .input-group-addon.group-name { float: left; /*width: 40px;*/ /* 2016.12.15 내가 수정*/ width: 100%; height: 33px; font-size: 15px; font-weight: bold; line-height: 35px; border-radius: 0 0 0 3px; border-top: none; border-right: none; }
#reservation-panel .cb-location { float: right; width: 110px; height: 33px; text-align: center; font-size: 15px; font-weight: bold; line-height: 35px; border-radius: 0 0 3px 0; border: 1px solid #d3d3d4; border-top: none; background-color: #dcdddd; }
#reservation-panel input.form-control.time-picker { margin-left: -5px; width: 120px; text-align: center; text-indent: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
#list_CallDriverInfo .form-group label.control-label { width: 70px; display: inline-block; }
#list_CallDriverInfo .form-group input.form-control { width: 190px; }
#btnAreaListOneMonth { margin-left: 314px !important; }
#btnAreaListOneMonth, button#btnAreaListTwoMonths { margin-top: 2px; height: 37px; }

.drivercall_list h3 { clear: both; margin-top: 20px; margin-bottom: -5px; }
/*.drivercall_list { position: relative; }
    .drivercall_list .table-area { position: absolute; top: 40px; bottom: 0; height: 300px; overflow-y: scroll; }*/

/*** main-panel ***/
#main-panel { position: absolute; top: 50px; left: 450px; right: 0; bottom: 40px; background-color: transparent; }
.search { width: 100%; height: 44.375%; background-color: #fff; }
#pick-info, #r-call-info, #map-settings, #notice { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

/* pick-info */
#pick-info .search-list-panel > .panel-body { position: absolute; top: 45px; left: 0; bottom: 0; overflow: auto; width: 300px; border-top: 1px solid #e4e4e4; border-left: none; border-right: none; background-color: #fff }
.search-list-panel { position: absolute; top: 0; right: 0; bottom: 356px; left: 0; background-color: #fff }
.user-memo-panel { overflow: hidden; position: relative; width: 100%; height: 100% }
.user-memo-panel .userMemo_list { overflow: auto; position: absolute; top: 0; bottom: 50px; width: 100% }
.user-memo-panel .userMemo_list li.item {border-bottom: 1px solid #e4e4e4 }
.user-memo-panel .userMemo_list li.item:after{display:block;content:'';clear:both;}
.user-memo-panel .userMemo_list li.item .tit { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 700 }
.user-memo-panel .userMemo_list li.item .badge.black { display: block; margin: 0 0 10px }
.user-memo-panel .userMemo_list li.item .btn .del { margin-top: 2px }
.user-memo-panel .userMemo_list tr { border-bottom:1px solid #e4e4e4; }
.user-memo-panel .userMemo_list .date { display: block; font-size: 14px; letter-spacing: 0.05em; }
.user-memo-panel .userMemo_list .del { float: right; margin-left: 10px; }
.user-memo-panel .userMemo_list .memo { float: left; font-size: 16px; font-weight: 700; padding:15px 0 15px 15px; }
.user-memo-panel .userMemo_list td.memo { word-break: break-word;padding: 15px; cursor:pointer;font-weight:bold; width:255px;}
.user-memo-panel .userMemo_list td.driver_remark { background-color: #efefef;font-weight:bold;width:15%;text-align:center;cursor:pointer;font-size:16px; }
.user-memo-panel .chatWrite_area { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; }
.user-memo-panel .chatWrite_area .text, .user-memo-panel .chatWrite_area .btn_send { display: inline-block; vertical-align: middle; }
.user-memo-panel .chatWrite_area .text { padding: 0 15px; width: 240px; height: 50px; border: 0; border-top: 1px solid #e4e4e4; }
.user-memo-panel .chatWrite_area .btn_send { margin-right: -1px; margin-left: -3px; width: 59px; height: 50px; font-weight: 700; text-align: center; line-height: 50px; background-color: #e4e4e4; }
#memo_panel .userMemo_list { overflow: auto; position: absolute; top: 0; bottom: 50px; width: 100% }
#memo_panel .userMemo_list li.item {border-bottom: 1px solid #e4e4e4 }
#memo_panel .userMemo_list li.item:after{display:block;content:'';clear:both;}
#memo_panel .userMemo_list li.item .tit { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 700 }
#memo_panel .userMemo_list li.item .badge.black { display: block; margin: 0 0 10px }
#memo_panel .userMemo_list li.item .btn .del { margin-top: 2px }
#memo_panel .userMemo_list tr { border-bottom:1px solid #e4e4e4; }
#memo_panel .userMemo_list .date { display: block; font-size: 14px; letter-spacing: 0.05em; margin: 5px 0 0 15px;}
#memo_panel .userMemo_list .del { float: right; margin: 0px 15px;}
#memo_panel .userMemo_list .memo { float: left; font-size: 16px; font-weight: 700; padding:15px 0 15px 15px; width:255px; }
#memo_panel .userMemo_list td.memo { word-break: break-word;padding: 15px; cursor:pointer;font-weight:bold; width:255px;}
#memo_panel .userMemo_list td.driver_remark { background-color: #efefef;font-weight:bold;width:15%;text-align:center;cursor:pointer;font-size:16px; }
#memo_panel .chatWrite_area { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; }
#memo_panel .chatWrite_area .text, .user-memo-panel .chatWrite_area .btn_send { display: inline-block; vertical-align: middle; }
#memo_panel .chatWrite_area .text { padding: 0 15px; width: 240px; height: 50px; border: 0; border-top: 1px solid #e4e4e4; }
#memo_panel .chatWrite_area .btn_send { margin-right: -1px; margin-left: -3px; width: 59px; height: 50px; font-weight: 700; text-align: center; line-height: 50px; background-color: #e4e4e4; }

#pick-info #top-menu button.btn-addon { position: absolute; top: 0; right: 4.5px; }
.list-group { border: 1px solid #e4e4e4; }
.list-group-item { display: block; position: relative; padding: 5px 15px; border-bottom: 1px solid #efefef; }
.list-group-item.selected-notice { /*background-color: #efefef;*/ color: #fff !important; background-color: #00f !important; /*background-color:#A6A6A6;*/ }
.list-group-item:hover { background-color: #efefef; }
.list-group-item:focus { font-weight: bold; background-color: #e4e4e4; }
ul#top-menu { display: list-item; padding-right: 4.5px; height: 45px; background-color: #fff; }
ul#top-menu button { margin-top: 4.5px; font-size: 16px; z-index: 0; }
ul#top-menu > li.taxi-list-active > a { color: #d96557; font-weight: bold; }
ul#top-menu > li > a { display: block; padding: 0 15px; line-height: 45px; height: 45px; }
ul#top-menu li.btn-left { float: left; margin-left: 4.5px }
ul#top-menu li.btn-right { float: right; }
ul#top-menu li:hover > ul.sub-menu-taxi-list { display: block; }
ul.sub-menu-taxi-list { display: block; overflow: auto; position: absolute; top: 45px; max-height: 250px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.1); box-shadow: 0 2px 12px rgba(0,0,0,.1); border: 1px solid rgba(0,0,0,.1); background-color: #fff; z-index: 5000; width: 110px;}
ul.sub-menu-taxi-list > li { padding: 5px; border-bottom: 1px dashed #e4e4e4; cursor: pointer; transition: background .3s ease;}
ul.sub-menu-taxi-list > li:hover { background: #d8d8d8 }
ul.sub-menu-taxi-list > li:last-child { border-bottom: 0;}
ul.sub-menu-taxi-list > li > span:first-child { text-align: center; color: #FD0860; width: 25%; display: inline-block; border: 2px solid; border-radius: 7px; padding-right: 1px; }
ul.sub-menu-taxi-list > li > span:nth-child(2) { width: 75%; display: inline-block; text-align: center; }
/*ul.sub-menu-taxi-list > li > a { display: inline-block; padding: 5px 5px; width: 108px; font-weight: bold; text-align: center; letter-spacing: initial; word-break: break-all; border-bottom: 1px dashed #e4e4e4; }*/
/*ul.sub-menu-taxi-list > li a > span { display: inline-block; padding: 5px 0px; width: 20px; font-weight: bold; text-align: left; letter-spacing: initial; }*/
ul.sub-menu-taxi-list > li > a:hover { background-color: #e4e4e4; }
ul.sub-menu-taxi-list li:last-child a { border-bottom: 0; }
#pick-info ul#top-menu { position: absolute; top: 0; right: 0; left: 0; padding-right: 100px; min-height: 45px; height: auto; z-index: 9999; }
.fade { transition: opacity .15s linear }
.fade.in { opacity: 1; }
.collapse { display: none; visibility: hidden; }
.collapse.in { display: block; visibility: visible; }
tr.collapse.in { display: table-row; }
tbody.collapse.in { display: table-row-group; }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height,visibility; -o-transition-property: height,visibility; transition-property: height,visibility; }
.dropdown, .dropup { position: relative; }
.dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 5px; vertical-align: middle; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent }
.dropdown-toggle:focus { outline: 0 }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 100%; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.dropdown-menu.pull-right { right: 0; left: auto; }
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #777; }
.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.open > .dropdown-menu { display: block }
.open > a { outline: 0 }
.dropdown-menu.show { display: block }
.dropdown-item { display: block; width: 100%; padding: 10px 15px; clear: both; font-weight: 400; color: #3c3c3c; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 }
.dropdown-item:focus, .dropdown-item:hover { color: #3c3c3c; text-decoration: none; background-color: #e4e4e4 }

.dropdown-menu-right { right: 0; left: auto; }
.dropdown-menu-left { right: auto; left: 0; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; }
.dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; }
.pull-right > .dropdown-menu { right: 0; left: auto; }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; word-wrap: break-word; opacity: 0 }
.tooltip.show { opacity: .9 }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid }
.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #3c3c3c; border-radius: 4px }
.tooltip.right { padding: 0 5px; margin-left: 3px }
.tooltip.bottom { margin-top: 3px; padding: 5px 0 }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #3c3c3c }
.tooltip.bottom .tooltip-arrow { top: 0; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #3c3c3c }
.userMemo_list .tooltip-inner { padding: 10px }
.userMemo_list .tooltip.right { margin-left: -2px }

/* 전달사항 기사 제외 */
/*span.driver_remark {font-weight: bold;float: right;margin-left: 10px;font-size: 18px;line-height: 22px;color: #d96557;}*/
span.driver_remark {font-weight: bold;float:right; padding: 15px 0; font-size: 16px;background-color: #efefef; color: #000; letter-spacing: 0; width: 33px; height: 52px; text-align: center;}
/*span.driver_remark_add{font-weight: bold;float:right; font-size: 16px;background-color: #333; color: #fff; border-radius: 10px; padding: 3px 10px 7px 10px; letter-spacing: 0;}*/
tr td input.driver_form {height:35px!important;width:75px !important;}
table.table_remark tr th{padding:10px;background-color:#fff;}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu { right: 0; left: auto; }
    .navbar-right .dropdown-menu-left { right: auto; left: 0; }
}

.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }
.btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; }
.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2; }
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; }
.btn-toolbar { margin-left: -5px; }
.btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; }
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }
.btn-group > .btn:first-child { margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.btn-group > .btn-group { float: left; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }
.btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; }
.btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; }
.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }
.btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; }
.btn .caret { margin-left: 0; }
.btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; }
.dropup .btn-lg .caret { border-width: 0 5px 5px; }
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; }
.btn-group-vertical > .btn-group > .btn { float: none; }
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }
.btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; }
.btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; }
.btn-group-justified > .btn-group .btn { width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu { left: auto; }
.content { width: 100%; background-color: #fff; }
.search-list-radio-group { position: absolute; top: 20px; /*right: 20px;*/ left: 170px; width: 300px; float: left; }
label.cb-radio { margin-left: 7px; }
span.address { color: #d96557; }
span.address-select:before { content: "● " }

/* r-call-info */
#search-wating-call-panel { position: absolute; top: 0; /*bottom: 335px;*/ bottom: 476px; overflow: hidden; width: 100%; background-color: #fff; }
#search-wating-call-panel input.form-control.call-number, #view-call-history-wrap input.form-control.search-customer, #member-admin-wrap input.form-control.search-customer { float: left; width: 170px; text-align: center; text-indent: 0; border-radius: 3px 0 0 3px; border-right: none; }
#search-wating-call-panel .search-c-number { padding: 15px; height: 67px; }
.search-c-number label { float: left; margin-right: 15px; padding-top: 4px; height: 37px; font-size: 18px; font-weight: bold; }
#search-wating-call-panel button.cn-search-btn { display: inline-block; width: 130px; height: 37px; font-size: 18px; font-weight: bold; line-height: 14px; border-radius: 0 3px 3px 0; }
button.cn-search-btn span { margin-left: 5px; }
#search-wating-call-panel #search-result-panel { overflow: auto; position: absolute; top: 67px; left: 0; right: 0; bottom: 0; }
/*.tempStyle { max-height: 600px; overflow: auto; }*/
#reservation-call-list-panel { position: absolute; left: 0; bottom: 0; overflow: hidden; width: 100%; height: 470px; background-color: #fff; }
.warning-call span { background-color: #FFA873 !important; }
.warning-call td { background-color: #FFA873 !important; }
.warning-call { background-color: #FFA873 !important; }

/* recent-call-panel */
#recent-call-panel { position: absolute; left: 0; bottom: 0; overflow: hidden; width: 100%; height: 350px; background-color: #fff; border-top: 1px solid #e4e4e4; }
#recent-call-panel > .panel-heading { padding: 0 15px; }
#recent-call-panel > .panel-heading > * { display: inline-block; }
#recent-call-panel > .panel-heading #change_visible { margin-left: 10px; color: #888; font-size: 18px; font-weight: 700; }
#recent-call-panel .call_priority_list { overflow: auto; position: absolute; top: 0; right: 15px; left: 250px; height: 45px; }
#recent-call-panel .call_priority_list > * { float: left; }
#recent-call-panel .call_priority_list .list-area { overflow: auto; /*width: 685px;*/ width: 70%; }
#recent-call-panel .call_priority_list .list-area li { margin-left: 10px; font-weight: 700; letter-spacing: initial; }
#recent-call-panel .call_priority_list .list-area li:before { content: ''; display: inline-block; margin-right: 10px; width: 1px; height: 8px; background-color: #888; }
#recent-call-panel .call_priority_list .list-area li:first-child:before { display: none; }
#recent-call-panel .table-area { overflow: auto; position: absolute; top: 45px; left: 0; bottom: 0; right: 0; }
#reservation-call-list-panel .table-area { position: absolute; top: 45px; right: 0; bottom: 0; left: 0; overflow-y: scroll; /* overflow: scroll; */ }
#main-panel #recent-call-panel .panel-body { /*overflow-y: scroll;*/ width: 100%; min-width: 1680px; height: 270px; background: transparent; }

/* 콜목록 새 버전 */
#newRecentCallPanel { position: absolute; left: 0; bottom: 0; overflow: hidden; width: 100%; height: 350px; background-color: #fff; border-top: 1px solid #e4e4e4; }
#newRecentCallPanel > .panel-heading { padding: 0 15px; }
#newRecentCallPanel > .panel-heading > * { display: inline-block; }
#newRecentCallPanel > .panel-heading #callListType { margin-left: 10px; color: #888; font-size: 18px; font-weight: 700; }
#newRecentCallPanel .call_priority_list { overflow: auto; position: absolute; top: 0; right: 15px; left: 250px; height: 45px; }
#newRecentCallPanel .call_priority_list > * { float: left; }
#newRecentCallPanel .call_priority_list .list-area { overflow: auto; /*width: 685px;*/ width: 70%; }
#newRecentCallPanel .call_priority_list .list-area li { margin-left: 10px; font-weight: 700; letter-spacing: initial; }
#newRecentCallPanel .call_priority_list .list-area li:before { content: ''; display: inline-block; margin-right: 10px; width: 1px; height: 8px; background-color: #888; }
#newRecentCallPanel .call_priority_list .list-area li:first-child:before { display: none; }
#newRecentCallPanel .table-area { overflow: auto; position: absolute; top: 45px; left: 0; bottom: 0; right: 0; }
#reservation-call-list-panel .table-area { position: absolute; top: 45px; right: 0; bottom: 0; left: 0; overflow-y: scroll; /* overflow: scroll; */ }
#main-panel #recent-call-panel .panel-body { /*overflow-y: scroll;*/ width: 100%; min-width: 1680px; height: 270px; background: transparent; }
#callhistory { width: 5000px; display: table-caption; }
#callhistory thead th {border-right:double; border-right-color: #000; border-right-style:hidden;}
#callhistory thead th div.handle_left {top: 0px; left: 0px; bottom: 0px; width: 3px; position: absolute; cursor: col-resize; background: linear-gradient(90deg, rgba(107,107,107,1) 0%, rgba(255,255,255,0) 100%);}
#callhistory thead th div.handle_right {top: 0px; right: 0px; bottom: 0px; width: 3px; position: absolute; cursor: col-resize; background: linear-gradient(270deg, rgba(107,107,107,1) 0%, rgba(255,255,255,0) 100%);}

/* map-settings */
.taxi-zone-list-panel { position: absolute; top: 0; width: 300px; background-color: #fff; }
.taxi-zone-list-panel { }
#map-settings .taxi-zone-list-panel, #map-settings .content-panel { bottom: 0; }
.taxi-zone-list-panel .panel-body { overflow: auto; position: absolute; top: 45px; bottom: 50px; width: 300px; background-color: #fff; border-top: 1px solid #e4e4e4; border-bottom: none; }
.taxi-zone-list-panel ul li a #tz-name { display: inline-block; /*width: 255px;*/ width: 199px; }
.taxi-zone-list-panel .list-group-item i.fa-trash-o { display: block; position: absolute; top: 8px; right: 15px; }
.taxi-zone-list-panel .list-group-item i.fa-trash-o:hover { color: #d96557; }


.waiting-pick-panel .panel-body { top: 45px; bottom: 0; width: 240px; /* mjBang 변경 - 다국어*/ font-weight: 600; letter-spacing: initial; border: 1px solid #3c3c3c; border-top: 0 }
.waiting-pick-panel > .panel-heading > a { display: block; position: absolute; top: 0; right: 0; padding: 0 15px; height: 43px; line-height: 43px; background-color: #fff; }
button#add_new-taxi-zone { position: absolute; bottom: 0; border-radius: 0; font-size: 18px; font-weight: normal; }
button#add_new-taxi-zone span { margin-left: 5px; font-size: 20px; }
#map-settings .waiting-pick-panel { position: absolute; top: 0; left: 300px; width: 240px; /* mjBang 변경 - 다국어*/ height: 250px; z-index: 1 }
#map-settings .waiting-pick-panel > .panel-heading, #map-settings .limit-conditions-panel > .panel-heading { background-color: #fff; border: 1px solid #3c3c3c }
#map-settings .limit-conditions-panel { position: absolute; top: 249px; left: 300px; width: 240px; /* mjBang 변경 - 다국어*/ height: 420px; z-index: 1 }
.limit-conditions-panel .panel-body { overflow: auto; bottom: 0; padding: 15px; width: 240px; /* mjBang 변경 - 다국어*/ border: 1px solid #3c3c3c; border-top: 0 }
.limit-conditions-panel span.SwungDash { display: inline-block; width: 11px }
.limit-conditions-panel input.form-control.qty { text-align: center }
.limit-conditions-panel #tz-select option { font-size: 16px }
.limit-conditions-panel input.form-control.time-picker { width: 92px; text-align: center; text-indent: 0; vertical-align: middle }
.limit-conditions-panel .swungDash { display: inline-block; width: 15px; text-align: center; vertical-align: middle }
#map-settings #top-menu > li { float: right }
#map-settings #top-menu > li.btn-left {float:left;}
#map-settings #top-menu > li.btn-left:after, #map-settings #top-menu:after{display:block;content:"";clear:both;}
#map-settings #top-menu > li.btn-left input, #map-settings #top-menu > li.btn-left button{float:left;}
#map-settings #top-menu > li.btn-left input{padding:5.5px; margin-top:4.5px;}
#map-settings #top-menu > li.btn-left button{margin-left:5px;}

/* notice */
/* Notice 추가 161011 */
#notice .badge { padding: 3px }
#notice .content-panel #text-count { padding: 0 15px; height: 55px; line-height: 55px; letter-spacing: normal; }
#notice .content-panel textarea.notice_content-area { position: absolute; top: 263px; left: 0; bottom: 0; padding: 15px; width: 100%; font-size: 28px; letter-spacing: -2px; border: none; border-top: 1px dashed #e4e4e4; resize: none; }
#notice #notice_title-area { padding: 15px; width: 100%; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
#notice #notice_title-area input[type="checkbox"] + label .fa { margin-right: 3px; }
#notice textarea.notice_title-area { resize: none; width: 100%; height: 80px; font-size: 50px; letter-spacing: -5px; font-weight: bold; border: none; }
#notice_fixed:checked + label, #notice_important:checked + label { color: #fff; }
#notice_fixed:checked + label { color: #777; border: 1px solid #777; }
#notice_important:checked + label { color: #d96557; border: 1px solid #d96557; }
#notice-date { display: inline-block; height: 36px; font-family: Arial; letter-spacing: 0.5px; line-height: 36px; }
.notice-list-panel { position: absolute; top: 0; left: 0; bottom: 335px; width: 300px; background-color: #fff; }
.notice-list-panel .panel-body { position: absolute; top: 45px; bottom: 50px; overflow-y: scroll; width: 300px; border-top: 1px solid #e4e4e4; background-color: #fff; }
.old-notice-list-panel { position: absolute; left: 0; bottom: 0; width: 300px; height: 336px; background-color: #fff; }
.old-notice-list-panel .panel-body { position: absolute; top: 45px; bottom: 50px; overflow-y: scroll; width: 300px; border-top: 1px solid #e4e4e4; border-bottom: none; background-color: #fff; }

textarea.notice_content-area { position: absolute; top: 257px; left: 0; bottom: 0; padding: 15px; width: 100%; font-size: 28px; letter-spacing: -2px; border: none; resize: none; }

/* taxi_fare */
#taxi_fare > .left-panel { overflow: auto; position: absolute; top: 0; bottom: 0; padding: 30px; width: 300px; background-color: #fff; border-right: 1px solid #e4e4e4; }
#taxi_fare .form-control { font-weight: normal; font-size: 16px; }
#taxi_fare > .left-panel .taxi_fare_area { margin-top: 30px; }
#taxi_fare .taxi_fare_area .taxi_fare { margin-bottom: 10px; padding-bottom: 15px; width: 180px; height: 45px; text-indent: 0; font-size: 24px !important; font-weight: bold !important; border: 0; border-bottom: 2px solid rgb(29, 29, 29); border-radius: 0; }
#taxi_fare .taxi_fare_area .value { display: inline-block; margin: 0px 0px 10px -4px; width: 59px; height: 45px; font-size: 24px; line-height: 28px; text-align: right; border-bottom: 2px solid #3c3c3c; cursor: default; }
#taxi_fare > .content-panel { left: 305px; }
#taxi_fare > .content-panel > .panel { padding: 30px 30px 60px 40px; border-bottom: 1px solid #e4e4e4; }
#taxi_fare > .content-panel .dong_fare_list { overflow: auto; width: 728px; max-height: 600px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
#taxi_fare > .content-panel .dong_fare_list .set_dong_fare > td { border: 0 !important; border-bottom: 5px solid #ddd !important; }
#taxi_fare > .content-panel .dong_fare_list .set_dong_fare > td input { font-weight: bold; border: 1px solid #ccc; }
#taxi_fare > .content-panel .select_ad_dist { display: inline-block; width: 240px; vertical-align: top; }

.content-panel { overflow: auto; position: absolute; top: 0; left: 300px; right: 0; bottom: 0; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; background-color: #fff; }
.content-panel .map { position: absolute; top: 45px; right: 0; bottom: -1px; left: 0; border-top: 1px solid #e4e4e4; /* 2017-01-20 mjBang 추가*/ overflow: hidden; width: 100%; height: calc(100% - 46px); }

/* condition-panel */
#condition-panel { overflow: hidden; position: absolute; left: 450px; right: 0; bottom: 0; height: 40px; background-color: #efefef; border-top: 1px solid #e4e4e4; z-index: 5000; }
#condition-panel > .panel-heading { float: left; padding: 0 15px; font-weight: bold; line-height: 40px; }
#condition-panel .message-group { position: absolute; top: 0; right: 0; padding-right: 15px; height: 45px; line-height: 45px; }
#condition-panel .message-group .message-on, .message-group .message-off { float: left; margin-left: 15px; font-weight: 700; line-height: 40px }
#condition-panel .message-group .message-on { color: #09c; }
#condition-panel .message-group .message-off { color: #888; }
#condition-panel .message-on > span, .message-off > span { font-size: 15px; margin-left: 3px; }
#condition-panel .message-group i { font-size: 14px; margin-right: 5px; }
#condition-panel > .panel-body { float: left; z-index: 5000; }
p.condition > span { margin-left: 15px; line-height: 40px; }
p.condition > span > i { margin-right: 5px; font-size: 11px; color: #3e3a39; }

/* new-window */
.new-window { position: relative; width: 100%; height: 100%; }

/* settings */
section#settings { width: 100%; height: 776px; background-color: #fff; }
#settings button#btnSetCallTaxiCount { margin-left: 181px; width: 420px; }
#settings .col-2 { width: 380px; float: left; }
#settings .col-2:first-child { margin-right: 20px; }
#settings .col-2:after { content: ''; clear: both; }
#cancel-settings .CancellationReason-list { position: relative; margin-top: 30px; height: 574px; }
#cancel-settings input#inputCR { /*width: 691px;*/ /* 내가 수정한거. 삭제하지 말기.*/ width: 687px; margin-right: -3px; border-radius: 4px 0 0 4px; border-right: 0; font-weight: normal; font-size: 16px; line-height: 37px; vertical-align: middle; }
#cancel-settings button#btnAddCR { width: 90px; height: 37px; border-radius: 0 4px 4px 0; }
#cancel-settings .CancellationReason-list button#btnModCR, #cancel-settings .CancellationReason-list button#btnDelCR { position: absolute; top: 0; margin-top: 10px; padding: 0 12px; width: 74px; height: 37px; }
#cancel-settings .CancellationReason-list button#btnModCR { right: 78px; }
#cancel-settings .CancellationReason-list button#btnDelCR { right: 0; }
#cancel-settings .ol_CR-list { overflow-y: scroll; position: absolute; top: 62px; right: 0; bottom: 0; left: 0; }
#cancel-settings .ol_CR-list li { margin-top: -1px; padding: 10px 20px; border: 1px solid #e4e4e4; }
#cancel-settings .ol_CR-list li:first-child { margin-top: 0; }
#cancel-settings .ol_CR-list li:hover { background-color: #efefef; cursor: pointer; }
#remark-settings .CancellationReason-list { position: relative; margin-top: 30px; height: 574px; }
#remark-settings input#inputRemark { /*width: 691px;*/ /* 내가 수정한거. 삭제하지 말기.*/ width: 687px; margin-right: -3px; border-radius: 4px 0 0 4px; border-right: 0; font-weight: normal; font-size: 16px; line-height: 37px; vertical-align: middle; }
#remark-settings button#btnAddRemark { width: 90px; height: 37px; border-radius: 0 4px 4px 0; }
#remark-settings .CancellationReason-list button#btnModRemark, #remark-settings .CancellationReason-list button#btnDelRemark { position: absolute; top: 0; margin-top: 10px; padding: 0 12px; width: 74px; height: 37px; }
#remark-settings .CancellationReason-list button#btnModRemark { right: 78px; }
#remark-settings .CancellationReason-list button#btnDelRemark { right: 0; }
#remark-settings .ol_CR-list { overflow-y: scroll; position: absolute; top: 62px; right: 0; bottom: 0; left: 0; }
#remark-settings .ol_CR-list li { height: 40px; margin-top: -1px; padding: 0 0 0 20px; border: 1px solid #e4e4e4;}
#remark-settings .ol_CR-list li:first-child { margin-top: 0; }
#remark-settings .ol_CR-list li:hover { background-color: #efefef; cursor: pointer; }
#remark-settings .ol_CR-list > li > span.memo{line-height:38px;}
#remark-settings .ol_CR-list > li > span.driver_remark{font-weight: bold;float:right; font-size: 16px;background-color: #ff6100; color: #fff; padding: 8px 0; letter-spacing: 0; height: 38px;}
#remark-settings .ol_CR-list > li > span.driver_remark.expand{height: 78px; line-height: 60px;}
#remark-settings .ol_CR-list > li > span.phone_on, #remark-settings .ol_CR-list > li > span.phone_off{float:right;margin-right:20px;font-weight:bold;padding: 8px 0px;}



/* #settings > #center-settings */
#settings #center-settings .form-group input.col-2 { width: 166px; }
#settings #center-settings .form-group input.col-2.name { margin-right: 5px; }
#settings #center-settings #btnResetPW { position: absolute; top: 13px; right: 20px; }
#settings #center-settings #mapSerchCenter .map { width: 100%; height: 280px; background: #efefef; }
#settings #center-settings #appMainImg-settings { overflow: auto; }
#settings #center-settings #appMainImg-settings .panel { padding: 0; }

/* #settings > #phone-settings */
#phone-settings .form-group, #center-settings .form-group { padding: 20px; height: auto; line-height: initial; }
#phone-settings .form-group label { display: block; margin-bottom: 10px; }
#phone-settings #amountArea, #phone-settings #accountArea { padding: 40px 20px; background-color: #efefef; }
#phone-settings #amountArea { border-bottom: 1px dashed #3c3c3c; }
#phone-settings #amountArea .title, #phone-settings #accountArea .title { float: left; display: block; }
#phone-settings #amountArea .amount { float: right; width: 280px; word-wrap: break-word; text-align: right; font-size: 28px; letter-spacing: 0; }
#phone-settings #accountArea { margin-bottom: 20px; }

/* #settings > #kakaoSMS-settings */
#kakaoSMS-settings .kakaoSMS_txt { resize: vertical; padding: 15px; width: 100%; min-height: 100px; max-height: 250px; }

.nav-tabs { border-bottom: 1px solid #ddd; }
.nav-tabs > li { float: left; margin-bottom: -1px; }
.nav-tabs > li > a:hover { border-color: #eee #eee #ddd; }
#popup-menu-wrap .nav > li > a, #member-admin-wrap .nav > li > a { padding: 10px 15px; }
.nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; }
.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #eee; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #141414; font-weight: bold; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; }
.nav-tabs:after { display: table; content: ""; }

#admin-call-settings input.form-control.qty { width: 200px; text-align: center; text-indent: 0; }

.message-icon { padding-right: 4px; vertical-align: middle; width: 40px; height: 40px; text-align: center; font-size: 16px !important; line-height: 40px !important; border-radius: 20px; }
.icon-pull-left { margin-right: 10px; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.pick-qty-settings { overflow: hidden; /*padding: 0 181px;*/ /* 2016.12.06 수정함 */ padding-left: 181px; text-align: center; }

#message-settings { position: relative; overflow: hidden; }
#distance-settings .DT-settings { float: left; padding-right: 20px; width: 240px; }
#distance-settings .DT-list { position: relative; margin-left: 230px; padding-left: 20px; width: 552px; width: calc(100% - 230px); height: 551px; }
#distance-settings .DT-list .table-area { overflow-y: scroll; position: absolute; top: 52px; bottom: 0; width: 532px; border-bottom: 1px solid #ddd; }

/* message-settings-panel */
section#message-settings-panel { margin-bottom: 15px; padding: 30px; background-color: #efefef; }
.add-message-count-btn { float: right; width: 200px; }

/* send-message-panel */
#send-message-panel { position: relative }
/* 문자 내용 늘이기 위해 width를 250px -> 185px로 수정 */
#send-message-panel .message-settings { float: left; margin-bottom: 40px; width: 183px }
#send-message-panel .message-settings .textLength { float: right; letter-spacing: normal }
#send-message-panel .message-settings input[name=checkbox-sms] { margin-right: 5px }
.ms-text-area { resize: none; overflow: auto; margin-bottom: 5px; padding: 15px; width: 100%; height: 200px; letter-spacing: -1px; border: 1px solid #ddd; border-top: 0 }
#send-message-panel label.ms-number { display: inline-block; padding: 0 15px; height: 37px; vertical-align: middle; color: #141414; line-height: 37px; background-color: #e4e4e4; border-radius: 3px 0 0 3px; }
#send-message-panel #txtSendCenterTel.ms-number { width: 125px; border-radius: 0 3px 3px 0; border-left: 0; }
button.add-ms-number-btn { position: absolute; top: 0; right: 0; padding: 0 12px 5px 12px; height: 37px; font-size: 18px; line-height: 37px; }
button.add-ms-number-btn span, button.add-new-customer-btn span { margin-left: 3px; }
#add-ms-number-popup > .panel-body { position: relative; padding: 30px; height: 570px; }
#add-ms-number-popup .add-ms-number-btn { top: 63px; right: 42px; color: #fff; font-weight: bold; }
input.form-control.add-ms-number { width: 155px; text-align: left; text-indent: 15px; }
input.form-control.caption { width: 410px; text-align: left; text-indent: 15px; }
#add-ms-number-popup .table-body { position: absolute; top: 201px; bottom: 30px; /*overflow-y: scroll;*/ border-bottom: 1px solid #e4e4e4; }
#add-ms-number-popup .table-body > li.table-row > span:last-child { width: 126px; min-width: 126px; max-width: 126px; }
#add-ms-number-popup .table-header > li.table-row > span:first-child, #add-ms-number-popup .table-header > li.table-row > span:first-child { min-width: 145px; max-width: 145px; width: 145px; }
#add-ms-number-popup .table-body > li.table-row > span:first-child, #add-ms-number-popup .table-body > li.table-row > span:first-child { min-width: 145px; max-width: 145px; width: 145px; }

/* view-call-history-wrap */
#view-call-history-wrap { height: 713px; }
#view-call-history-wrap > .panel-body { position: relative; padding: 5px 30px 30px 30px; background-color: #fff; }
#view-call-history-wrap .table-area { width: 100%; position: absolute; top: 40px; bottom: 0; overflow-y: scroll; height: 150px; border-bottom: 1px solid #e4e4e4; }
#view-call-history-wrap .table-area-callhistory { position: absolute; top: 40px; bottom: 0; overflow-y: scroll; height: 200px; border-bottom: 1px solid #e4e4e4; /*추가*/ width: 100%; }
button.search-member-btn { padding: 0 12px; height: 37px; font-size: 18px; line-height: 25px; border-radius: 0 3px 3px 0; }
button.reset-btn { float: left; margin: 33px 0 0 15px; padding: 0 12px; height: 37px; font-size: 18px; line-height: 25px; }
input.black-list-input { /*float: left;*/ width: 234px; text-align: left; letter-spacing: -2px; border-radius: 3px 0 0 3px; /*border-right: none;*/ }
#view-call-history-wrap li.table-row > span:first-child { padding-left: 15px; min-width: 169px; max-width: 169px; }
.form-control.select-month { width: 558px; letter-spacing: -2px; }
#view-call-history-wrap .table-body { position: absolute; top: 36px; bottom: 0; /*overflow-y: scroll;*/ height: 130px; border-bottom: 1px solid #e4e4e4; }
#view-call-history-wrap .customer-call-history .table-body { top: 87px; }

/* #member-admin-wrap */
#member-admin-wrap { height: 600px; }
#member-admin-wrap .button-group { position: absolute; top: 50px; right: 10px; }
#member-admin-wrap button.add-new-customer-btn, #member-admin-wrap button.view-customer-info-btn, section#view-stats-wrap button.view-stats-btn, section#view-stats-wrap button.save-excel-file-btn, section#stats-day-call-wrap button.save-excel-file-btn { /*padding: 0 12px 5px 12px;*/ padding: 5px 5px 5px 5px; height: 37px; font-size: 18px; }
#member-admin-wrap input.form-control.search-member { width: 434px; text-align: left; border-radius: 3px 0 0 3px; border-right: none; }
#member-admin-wrap .search-member-btn span { margin-left: 5px; }
#member-admin-wrap .form-control.select-customer-type { /*width: 434px;*/ width: 350px; }
#member-admin-wrap li.table-row > span:first-child { width: 90px; min-width: 90px; max-width: 90px; }
.ui-widget-content button.btn_save{left:323px;bottom:9px;}
.ui-widget-content button.btn_except {left: 317px !important;bottom:9px;}
.working-member-icon {position: relative; top: 0px;	left: 0px; font-size: 12px;}

.working-member-icon { position: relative; top: 0px; left: 0px; font-size: 12px; }

#member-admin-wrap li.table-row > span:nth-child(2) { position: relative; padding-left: 15px; width: 110px; min-width: 110px; max-width: 110px; }
#member-admin-wrap .table-body li.working-member span { color: #09c; }
#member-admin-wrap li.table-row > span:nth-child(3), #member-admin-wrap li.table-row > span:nth-child(12) { width: 75px; min-width: 75px; max-width: 75px; }
#member-admin-wrap li.table-row > span:nth-child(4), #member-admin-wrap li.table-row > span:nth-child(5), #member-admin-wrap li.table-row > span:nth-child(6), #member-admin-wrap li.table-row > span:nth-child(8) { width: 90px; min-width: 90px; max-width: 90px; }
#member-admin-wrap li.table-row > span:nth-child(7), #member-admin-wrap li.table-row > span:nth-child(9), #member-admin-wrap li.table-row > span:nth-child(7) { width: 130px; min-width: 130px; max-width: 130px; }
#member-admin-wrap li.table-row > span:nth-child(10), #member-admin-wrap .table-body li.table-row > span:last-child { width: 98px; min-width: 98px; max-width: 98px; }
#member-admin-wrap li.table-row > span:nth-child(11) { width: 260px; min-width: 260px; max-width: 260px; }
#member-admin-wrap .table-header li.table-row > span:last-child { width: 117px; min-width: 117px; max-width: 117px; }
#member-admin-wrap #member-list .input-group:nth-child(2) { float: none; }
#member-admin-wrap #member-list .table-body { position: absolute; top: 36px; height: 407px; overflow-y: scroll; border-bottom: 1px solid #e4e4e4; }
#add-customer-wrap input.form-control, #view-member-info-left-panel input.form-control { width: 230px; }
#view-member-info-right-panel input.form-control { width: 70%; }
.radio-group.taxi-type { margin: 10px 0; }

/* add-customer-wrap */
section#view-member-info-wrap > .panel-body { position: relative; overflow: auto; padding: 15px; }
.error { float: left; padding-left: 15px; color: #ff0000; line-height: 37px; }
#add-customer-wrap button.add-new-member-btn { width: 350px; }

/* view-member-info-wrap */
#view-member-info-wrap > .panel-body { position: relative; overflow: auto; padding: 15px; }
#view-member-info-left-panel { width: 410px; }
#view-member-info-left-panel .panel-body, section#view-member-info-right-panel .panel-body, section#add-customer-wrap .panel-body, section#view-stats-wrap .panel-body, section#stats-day-call-wrap .panel-body { /*padding: 30px;*/ padding: 15px; background-color: #fff; }
.member-info-modify-btn, .withdrawal-btn { float: left; width: 152.5px; }
#view-member-info-right-panel { width: 589px; }
#view-member-info-right-panel .form-horizontal .control-label { float: left; width: 30%; line-height: 35px; }
.member-condition-area { width: 100%; padding: 20px; }
.member-condition-area.off-member { background-color: #efefef; }
.member-condition-area.working-member { color: #fff; background-color: #2ecc71; }
.member-condition-area.red-card-member { background-color: #f30000; }
.member-condition-area.red-card-member .fa, .member-condition-area.red-card-member span, .member-condition-area.red-card-member p { color: #fff; }
.widget-details .fa { padding-top: 7px; vertical-align: middle; font-size: 2.5em; }
#view-member-info-right-panel .table-body { position: absolute; top: 36px; bottom: 0; overflow-y: scroll; border-bottom: 1px solid #e4e4e4; }
#view-member-info-right-panel .table-area { position: relative; height: 182px; }

/* view-member-info-wrap : send-message */
#send-message { position: relative; }
#send-message span.center-number { display: block; overflow: hidden; color: #404040; font-size: 15px; font-weight: normal; }
#send-message .ms-text-area { border: 1px solid #ddd !important; }
#send-message .member-list-panel { position: absolute; left: 233px; top: 10px; }
#send-message .member-list-panel .table-body { position: absolute; height: 471px; overflow-y: scroll; border-bottom: 1px solid #e4e4e4; }

/* member-admin-wrap : app-admin */
#app-admin { position: relative; }
#app-admin .member-list-panel .text-wrap { margin-top: -5px; }
#app-admin .app-list .panel-body { position: absolute; overflow-y: scroll; width: 220px; height: 400px; border: 1px solid #e4e4e4; }
.app-list { float: left; margin-bottom: 25px; width: 220px; }
#app-admin .member-list-panel { position: absolute; top: 10px; left: 233px; }

/* view-stats-wrap */
section#view-stats-wrap { /*min-width: 1023px;*/ min-width: 850px; }
.vis-timeline { position: relative; border: 1px solid #bfbfbf; margin: 0; margin-top: 20px; }
#call-chart-panel .control-label { float: left; margin-right: 5px; width: 70px; line-height: 35px; }
#call-chart-panel .form-control { /*width: 244px;*/ width: 170px; }
#chart-table-wrap .table-body { overflow-y: scroll; border-bottom: 1px solid #e4e4e4; }
#chart-table-wrap li.table-row > span:first-child { width: 133px; min-width: 133px; max-width: 133px; }
#chart-table-wrap .panel-body .table-header .table-row > span:nth-child(2), #chart-table-wrap .panel-body .table-body .table-row > span:nth-child(2) { width: 90px; }
#chart-table-wrap .panel-body .table-header .table-row > span:nth-child(3), #chart-table-wrap .panel-body .table-body .table-row > span:nth-child(3) { width: 120px; }
#chart-table-wrap .panel-body .table-header .table-row > span:nth-child(4), #chart-table-wrap .panel-body .table-body .table-row > span:nth-child(4) { width: 100px; }
#chart-table-wrap .panel-body .table-header .table-row > span:nth-child(5), #chart-table-wrap .panel-body .table-body .table-row > span:nth-child(5) { width: 120px; }
#chart-table-wrap .panel-body .table-header .table-row > span:nth-child(6), #chart-table-wrap .panel-body .table-body .table-row > span:nth-child(6) { width: 100px; }
#chart-table-wrap li.table-row > span:last-child { width: 100px; }

/* stats-day-call-wrap */
section#stats-day-call-wrap .table-area { position: relative; height: 509px; }
section#stats-day-call-wrap section#chart-table-wrap li.table-row > span { min-width: 467px; max-width: 467px; }
section#stats-day-call-wrap section#chart-table-wrap .table-body li.table-row > span:last-child { min-width: 448px; max-width: 448px; }

.ui-dialog { left: 0; outline: 0 none; padding: 0 !important; position: fixed; top: 0; z-index: 6000 !important; }
.ui-dialog .ui-dialog-content { padding: 0; }

#view-call-history-wrap { z-index: 7000 !important; }
#view-member-info-right-panel { z-index: 7000 !important; }
#add-ms-number-popup { z-index: 7001 !important; }
#popup-menu-wrap { height: 100%; z-index: 7000 !important; }

.panelty-memeber span { color: #a5a5a5; background-color: black; }
.list-hide { display: none; }
.u_member_list { position: relative; width: 100%; height: 400px; overflow: auto; }
.table-relocation { position: absolute; height: 400px; width: 1068px; overflow: auto; left: 262px; /*top: 161px;*/ top: 147px; /* 2016-12-09 수정 */ }

.ui-datepicker { z-index: 10000 !important; position: relative; }
/*.context-menu-list { z-index: 10000 !important; }*/
.vis-panel vis-center { height: 402px; left: 50px; top: -1px; width: 861px; }
.vis-data-axis { width: 50px; height: 400px; top: 0px; left: 0px; }

.selected-distanceTime { /*background-color: #efefef;*/ color: #fff !important; background-color: #00f !important; }

/* .ui-widget */
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Malgun Gothic', '맑은 고딕','Apple SD Gothic Neo', '돋움', Dotum, AppleGothic, sans-serif; }
.ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; height: 40px; }
#ui-dialog-title-dialog { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; margin-left: 20px; margin-top: 10px; }
.div100 { width: 100%; }
.del_disable{color:#999; cursor:default;}
/*#dialog_overlay { z-index: 5555; }
#dialog_container { z-index: 5556; }*/
#sChkReceiptOrRadio input[type=button] {
	border: 1px solid;
	border-radius: 3px;
}
#sChkReceiptOrRadio { z-index: 5000; position: absolute; right: 10px; top: -2px; }

#imgLoading { /*position: absolute;*/ position: fixed; display: none; /*top:50%;
    left:50%;*/ bottom: 128px; right: 532px; vertical-align: middle; margin: 0 auto; /*background: transparent;*/ }
#imLoading { /*position: absolute;*/ position: fixed; display: none; /*top:50%;
    left:50%;*/ /*top:245px;*/ top: 400px; /*bottom: 400px;*/ right: 532px; vertical-align: middle; margin: 0 auto; /*background: transparent;*/ }
#newImgLoading { position: fixed; display: none; bottom: 128px; right: 532px; vertical-align: middle; margin: 0 auto; z-index: 1; }

/* 20161117 추가 */
#target { position: absolute; padding: 0px; margin: 0px; font-size: 1px; text-align: left; overflow: hidden; z-index: 2; cursor: n-resize; height: 6px; left: 0px; }

/* 콜 히스토리 텍스트 사이즈 & Bold */
#callhistory tr td input { font-size: 15px; font-weight: bold; }
#history_customerInfo tr td input { font-size: 15px; font-weight: bold; }
#reservedlist tr td input { font-size: 15px; font-weight: bold; }
#completedBookList tr td input { font-size: 15px; font-weight: bold; }
#recentCallList tr td { font-size: 15px; font-weight: bold; text-align:left; cursor:default; max-width:0px;}
#recentCallList tr td.taxino { cursor:pointer; }
#recentCallList tr td.taxino.retry { padding:0px !important; }
#recentCallList tr td.taxino.retry input.retry { border-radius: 0px !important; text-align: left;}

.nav-stacked > li { float: none; }
.nav-stacked > li + li { margin-top: 2px; margin-left: 0; }

#settings .tab-content { float: left; padding: 20px; width: calc(100% - 200px); height: calc(100% - 55px); }
    #settings .tab-content.expand { height: calc(100%); }
#settings .panel-heading-padding { background: #efefef; }
#settings .settings_nav { overflow: auto; float: left; width: 200px; height: 100%; background-color: #e9e9e9; }
#settings .settings_nav li > a { padding: 0 20px; height: 50px; line-height: 50px; text-align: left; background: #e9e9e9; border-radius: 0; }
#settings .settings_nav li > a:hover { color: inherit; font-weight: bold; }
#settings .settings_nav li.active > a { background-color: #fff; color: #333; font-weight: bold; }
#settings .h_area dd { border-bottom: 1px solid #e6e6e6; padding: 15px 0; }

.col-3 { margin-left: 400px; position: absolute; }
.validation_false { background-color: rgba(255,0,0,0.6) !important; }

#settings #center-settings #btnUpdatePassword { margin-top: 20px; }
.customized_message-settings { float: left; margin-bottom: 40px; /*width: 381px;*/ width: 220px; /* 내가 수정한거*/ }
.customized_ms-text-area { resize: none; overflow-y: scroll; margin-bottom: 5px; padding: 15px; /*width: 381px;*/ width: 220px; /* 내가 수정한거*/ height: 203px; letter-spacing: -1px; border: 1px solid #ddd }
.customized_trash { float: right; margin-top: -17px; }

/* mCustomScrollbar */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { margin: 0; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.mCSB_scrollTools .mCSB_draggerRail { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
/* // mCustomScrollbar */

.hsplitter { width: 100%; height: 6px; cursor: ns-resize; position: absolute; }
.splitter_ { width: 100%; height: 5px; position: absolute; z-index: 3; cursor: ns-resize; background-color: #dcdddd; }

/* 2017-06-09 mjBang 추가*/
#btnRadioCall { float: left; width: 220px; height: 45px; font-size: 18px; font-weight: bold; border-radius: 0; }

.selected-row { /*background-color: #efefef !important;*/ color: #fff !important; background-color: #00f !important; }
#Remarks_list > .selected-row { /*background-color: #efefef !important;*/ color: #fff !important; background-color: #709cff !important; height: 80px !important;}

/* 2017-06-22 mjBang 추가 */
/*.select_history { color: #fff !important; background-color: #00f !important; }*/

.change-backColor { /*background-color: chocolate;*/ color: #fff !important; background-color: #00f !important; }
.change-backColor .list-group-item:hover { background-color: inherit; }

/* 2018-03-20 mjBang Bold 추가 (메인 구역이 잘 보이지 않아 택시가 있는 경우 좀 더 굵게 표현) */
.bord { font-weight: bold; }

/* 기사가입 / 수정 시 이미 등록된 ID인 경우 나타낼것*/
.DenyPhoneNumberOrTaxiID { background-color: #F08080; }

/* 회원가입 position문제 2018-08-02 mjBang*/
.float_div { position: absolute; top: 37px; }

/* emqtt 통신 양호 부분 확인 mjbang 2018-09-27 */
#pEmqCondition { position: absolute; right: 0px; width: 5px; height: 45px; }
#pEmqCondition .conditionOk { background-color: green; }
#pEmqCondition .conditionFail { background-color: red; }
/* emqtt 통신 양호 부분 확인 추가 끝 mjbang 2018-09-27 */

/* 2019.04.02 지도보기 전체 버그로 인해 추가 */
.fullMap {
    height: 100vh !important;
    width: 100vw !important;
}

/* 2019.04.03  keyphoneId selectbox형으로 변경 */
/*.selKeyPhoneId {
    float: left;
    width: 130px;
    height: 50px;
    font-size: 20px;
    border: 0;
    border-left: 1px solid #ccc;
    border-radius: 0;
}*/

/* 환경설정 전화기 관리 추가 2019.07.03 mjBang */
#phoneId-settings .CancellationReason-list { position: relative; margin-top: 30px; height: 574px; }
#phoneId-settings input#inputKeyPhoneID { width: 687px; margin-right: -3px; border-radius: 4px 0 0 4px; border-right: 0; font-weight: normal; font-size: 16px; line-height: 37px; vertical-align: middle; }
#phoneId-settings button#btnAddKeyPhoneID { width: 90px; height: 37px; border-radius: 0 4px 4px 0; }
#phoneId-settings .CancellationReason-list button#btnDelKeyPhoneID { position: absolute; top: 0; margin-top: 10px; padding: 0 12px; width: 74px; height: 37px; }

#phoneId-settings .CancellationReason-list button#btnDelKeyPhoneID { right: 0; }
#phoneId-settings .ol_CR-list { overflow-y: scroll; position: absolute; top: 62px; right: 0; bottom: 0; left: 0; }
#phoneId-settings .ol_CR-list li { margin-top: -1px; padding: 10px 20px; border: 1px solid #e4e4e4; }
#phoneId-settings .ol_CR-list li:first-child { margin-top: 0; }
#phoneId-settings .ol_CR-list li:hover { background-color: #efefef; cursor: pointer; }

/* 전화기ID 메인 2019.07.03 mjBang select2.js  selectbox */
.select2-container{ width: 210px !important;float: left; border-right: 1px solid #ccc;}
.select2-container.expanded_call_panel{ height: 100px; }
.select2-container--default .select2-selection--multiple { height: 50px !important; }
.select2-search.select2-search--inline { display: none; }
.select2-selection__rendered { padding-top: 6px !important; }
.select2-selection__arrow { top: 7px !important; }
.select2-dropdown{z-index:10000;}
/*.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #FFFFFF; border: none; font-size: 25px; font-weight:bold; }*/
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #FFFFFF; border: none; font-size: 25px; font-weight:bold; border-radius: 1px; cursor: default; float: left; margin-right: 0px; margin-top: 0px; padding: 0px 7px; }
.select2-container--default .select2-selection--multiple { background-color: white; border: none; border-radius: 0; cursor: text; }

/*.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    outline: 0;
}
select2 select2-container select2-container--default select2-container--below select2-container--focus select2-container--open{
    border: solid black 1px;
    outline: 0;
}*/

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid white 1px; outline: 0; }

/* 2019.07.05 mjBang 메모수정/삭제/닫기 버튼 폼 */
#divUpdateRemoveMemo button { width: 32%; }

#txtDriverMemo { float: left; width: 70%; resize: none; padding: 10px; height: 74px; box-sizing: border-box; text-indent: 0; }

/* 전화기 ID x 표시 좀 더 흐리게 해달라고 요청받음(2019.07.25 mjBang) */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #D8D8D8; cursor: pointer; display: none; font-weight: bold; margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { border: 1px solid; margin-right: 10px; border-radius: 10px; cursor: pointer; margin-bottom: 10px; border: 0px solid #aaa;}
#callhistory thead tr th {position: sticky; top: -1px; z-index: 100;}

.headerFix{position: sticky;top: 0px; border-top: 1px solid #e4e4e4 !important; border-bottom: 1px solid #000 !important; }
.customer-info-th {}
.customer-info-th.item {color : #777;}
.customer-info-th.selected {color : #000; border: 1px solid #000 !important; border-bottom: 2px solid #e4e4e4 !important; border-top-left-radius: 5px; border-top-right-radius: 5px;}

#customer-cancel-settings #inputCustomerCR {
    /* width: 691px; */
    width: 687px;
    margin-right: -3px;
    border-radius: 4px 0 0 4px;
    border-right: 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 37px;
    vertical-align: middle;
}

#customer-cancel-settings #btnAddCustomerCR {
    width: 90px;
    height: 37px;
    border-radius: 0 4px 4px 0;
}

#customer-cancel-settings .ol_CR-list {
    overflow-y: scroll;
    position: absolute;
    top: 62px;
    right: 0;
    bottom: 0;
    left: 0;
}

#customer-cancel-settings .CancellationReason-list {
    position: relative;
    margin-top: 30px;
    height: 574px;
}

#customer-cancel-settings .ol_CR-list li:first-child {
    margin-top: 0;
}
#customer-cancel-settings .ol_CR-list li {
    margin-top: -1px;
    padding: 10px 20px;
    border: 1px solid #e4e4e4;
}
#btnModCustomerCR, #btnDelCustomerCR {
    position: absolute;
    top: 0;
    margin-top: 10px;
    padding: 0 12px;
    width: 74px;
    height: 37px;
}
#customer-cancel-settings button#btnModCustomerCR {
    right: 78px;
}

#customer-cancel-settings button#btnDelCustomerCR {
    right: 0;
}

.no_drag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
/*div#select_search { border-top: 1px solid #e4e4e4; }
div#select_search ul { background-color: #eeeeee; height : 45px; }
div#select_search li { width: 94px; float: left; text-align: center; cursor: pointer; margin : 0 3px; }
div#select_search li.active { background-color: #ffffff; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight:bolder;}*/

/*재배차 취소 버튼 (2021.02.16) */ 
.btn-retrycall { color:#FD9B08; border-color:#333; background-color:#333; }
.btn-retrycall:visited { color: #FD9B08; }
.btn-retrycall.active, .btn-retrycall.focus, .btn-retrycall:active, .btn-retrycall:focus, .btn-retrycall:hover { color: #FD9B08; background-color: #111; border-color: #111; }
.btn-retrycall::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #111; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7,1,1); -moz-transform: scale3d(0.7,1,1); -o-transform: scale3d(0.7,1,1); -ms-transform: scale3d(0.7,1,1); transform: scale3d(0.7,1,1); -webkit-transition: transform .4s,opacity .4s; -moz-transition: transform .4s,opacity .4s; -o-transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-retrycall, .btn-retrycall::before { -webkit-animation-timing-function: cubic-bezier(0.2,1,.3,1); -moz-animation-timing-function: cubic-bezier(0.2,1,.3,1); -o-animation-timing-function: cubic-bezier(0.2,1,.3,1); animation-timing-function: cubic-bezier(0.2,1,.3,1); }
.btn-retrycall:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.btn-retrycall.active, .btn-retrycall:active { background-image: none; border-color: #111; }
.btn-retrycall.active::before, .btn-retrycall:active::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); background-color: #111; }
.btn-retrycall.active.focus, .btn-retrycall.active:focus, .btn-retrycall.active:hover, .btn-retrycall:active.focus, .btn-retrycall:active:focus, .btn-retrycall:active:hover { color: #FD9B08; background-color: #111; border-color: #111; }

/*전달사항 택시 카운트 뱃지(2021.02.16)*/
button.r_tooltip { margin: 0 15px 10px 0 }

#liLocationResult li a.selected { background-color : #efefef }
#liLocationResult li a:not(.selected) div:first-of-type span:before { content: "● "; color: black;}
/*#liLocationResult li a:not(.selected) > div:nth-child(0) {
    background-color: lightgreen;
}*/
#liLocationResult li a.selected div span { color: #d96557; }
#liLocationResult li a.selected div span.address-select { content: "● "; color: black !important; }

#display_Remark_ExceptDriver button.btn-medium-red:disabled { background-color: #d9655757 !important; border-color: #d9655757; cursor:not-allowed;}
#display_Remark_ExceptDriver button.btn-medium-red:disabled:hover { background-color: #d9655757 !important; cursor:not-allowed;}
#toast-container > div {color:#000000 !important}
/*컨펌창 css*/
.o_btn_xs { padding:0 12px; border-radius: 5px; border:none; cursor:pointer; height:34px; max-height:34px; line-height:34px; display:inline-block; font-size:14px;}

.btn-gray { color: #000; background-color: #999999; border-color: #999999;}
.btn-gray:hover { color: #000; background-color: #857f7f; border-color: #756f6f;}
.btn-gray:focus, .btn-gray.focus { color: #000; background-color: #857f7f; border-color: #756f6f; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);}
.btn-gray.disabled, .btn-gray:disabled { color: #000; background-color: #999999; border-color: #999999;}
.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { color: #000; background-color: #756f6f; border-color: #b21f2d;}
.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);}

.btn-red { color: #000; background-color: #FF7272; border-color: #FF7272;}
.btn-red:hover { color: #000; background-color: #ee5555; border-color: #de4e4e;}
.btn-red:focus, .btn-red.focus { color: #000; background-color: #ee5555; border-color: #de4e4e; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);}
.btn-red.disabled, .btn-red:disabled { color: #000; background-color: #FF7272; border-color: #FF7272;}
.btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active, .show > .btn-red.dropdown-toggle { color: #000; background-color: #de4e4e; border-color: #b21f2d;}
.btn-red:not(:disabled):not(.disabled):active:focus, .btn-red:not(:disabled):not(.disabled).active:focus, .show > .btn-red.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);}
.ml-2, .mx-2 { margin-left: .5rem !important;}
.toast-middle-center {top: calc(50% - 70px); margin: 0 auto; left: 50%; margin-left: -150px;}
.toast-default { background-color: #fbfbfb !important; }
.toast-default button.toast-close-button{ color : #999 }
.toast-default #toastr-confirm button.btn-default{ border: 1px solid #ddd; background-color: #fbfbfb !important; }
.toast-error > .toast-message {color:white;}
.toast-title input { width: 40px; height: 27px; border: 1px solid #ccc; border-radius: 3px; font-size: 19px; font-weight: bold; text-indent: 3px; vertical-align: top; }
.tooltip-guide{ z-index: auto !important;}
.tooltip-guide.always-show::after { content: attr(data-descr); display: inline-block; position: absolute; padding: 0.5em 1em; line-height: 1.25; font-size: 14px; font-family: sans-serif; color: #fff; background-color: #0099cc; border: none; border-radius: 1.25em; z-index: 99; white-space: pre;}
.tooltip-guide.on-hover:hover::after { content: attr(data-descr); display: inline-block; position: absolute; padding: 0.5em 1em; line-height: 1.25; font-size: 14px; font-family: sans-serif; color: #fff; background-color: #0099cc; border: none; border-radius: 1.25em; z-index: 99; white-space: pre;}
.tooltip-guide.right150::after { right: 150px; top: -10px;}
.dpn {display:none !important;}
.webDriver {padding: 5px 0 0 15px;}