@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */

@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

body, html { margin:0; padding:0; font-family:'Nanum Gothic', verdana; font-size:12px; color:#666666; overflow-x:hidden; background:#efeeee; }
img { border:none; vertical-align:top; }
button[type=button], button[type=button]:focus { outline:0; outline:none; -moz-outline-style:none; }
ul, li { margin:0; padding:0; list-style:none; }

a { color: #666666; text-decoration: none; }
a:link    {color:#666666;text-decoration:none}
a:visited {color:#666666;text-decoration:none}
a:hover   {color:#666666;text-decoration:none}
a:active  {color:#666666;text-decoration:none}

select { font-family:'Nanum Gothic', verdana; font-size:14px; color:#666666; background:#ffffff; border:1px solid #cfcfcf; vertical-align:middle; padding-top:0; padding-bottom:0; height:32px; }
select option { font-family:'Nanum Gothic', verdana; font-size:14px; color:#666666; z-index:1000; }

.pos-container { width:100%; height:100%; /* width:1004px; height:748px; */ }

.pt5 { padding-top:5px; }
.pt8 { padding-top:8px; }
.pl15 { padding-left:15px; }
.pr15 { padding-right:15px; }
.ml8 { margin-left:8px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml30 { margin-left:30px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr50 { margin-right:50px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mb0 { margin-bottom:0px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }

.font-dotum { font-family:dotum, verdana !important; }
.font-nanum { font-family:'Nanum Gothic', verdana !important; }
.font-barunnanum { font-family:'NanumBarunGothic', verdana !important; }

.bold { font-weight:bold; }
.bg-light-yellow { background:#fcf8e3; }

.text-white { color:#fffff; }
.align-right { text-align:right; }

.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/**
 * jQuery UI Spinner
 */
.ui-widget.ui-widget-content { border:2px solid #d3d3d3; margin:0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background:#ffffff; border-top:1px solid #d3d3d3; }
.ui-button .ui-widget .ui-spinner-button .ui-spinner-down .ui-spinner-down:active .ui-corner-br .ui-button-icon-only { background:#ffffff; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border-left:1px solid #d3d3d3; border-top:none; border-right:none; border-bottom:none; background:#ffffff; border:1px solid #d3d3d3; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border-left:1px solid #d3d3d3; background:#ffffff; }

.ui-spinner-button { width:35px; border:1px solid #d3d3d3; }
.ui-spinner-input { padding-left:10px; padding-right:25px; padding-top:0; padding-bottom:0; margin:4px; margin-right:40px; text-align:right; }


/**
 * Dialog
 */
.dialog-form { font-family:'Nanum Gothic', 'dotum', verdana; font-size:12px; color:#404040; border-top:0px solid #b2b2b2; border-bottom:0px solid #b2b2b2; }
.dialog-form table tr td { padding:3px 10px 3px 10px; }
.dialog-form label { font-weight:normal; }
.dialog-form-button { text-align:center; }
.dialog-form-button button { font-family:'Nanum Gothic', verdana; font-size:18px; padding-left:25px; padding-right:25px; }
.dialog-form-button button:not(:first-child) { margin-left:8px; }
.ui-dialog .ui-dialog-titlebar { /* border:1px solid #404040; background:#404040; */ border:none; font-family:'Nanum Gothic', verdana; font-size:20px; font-weight:normal; color:#ffffff; vertical-align:middle; padding:8px 0 8px 15px; margin-bottom:5px; background:rgba(50,205,189,1); background:-moz-linear-gradient(left, rgba(50,205,189,1) 0%, rgba(147,247,175,1) 100%); background:-webkit-gradient(left top, right top, color-stop(0%, rgba(50,205,189,1)), color-stop(100%, rgba(147,247,175,1))); background:-webkit-linear-gradient(left, rgba(50,205,189,1) 0%, rgba(147,247,175,1) 100%); background:-o-linear-gradient(left, rgba(50,205,189,1) 0%, rgba(147,247,175,1) 100%); background:-ms-linear-gradient(left, rgba(50,205,189,1) 0%, rgba(147,247,175,1) 100%); background:linear-gradient(to right, rgba(50,205,189,1) 0%, rgba(147,247,175,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#32cdbd', endColorstr='#93f7af', GradientType=1 ); }
.ui-dialog .ui-dialog-title { padding-left:10px; }
.ui-dialog-titlebar-close { display:none; }
.dialog-form table th { line-height:1.3; border-bottom:0px solid #b2b2b2; background-color:#f9f9f9; color:#393c43; font-size:12px; }
.dialog-form table td { height:28px; line-height:28px; border-bottom:0px solid #e5e5e5; vertical-align:middle; font-size:12px; }
.dialog-form table td input { font-family:'Nanum Gothic', verdana; font-size:14px; }
.dialog-form table td select { font-family:'Nanum Gothic', verdana; font-size:14px; }


/**
 * 공통
 */
.copyright { position:absolute; bottom:20px; left:50%; margin-left:-187px; text-align:center; font-family:'Nanum Gothic'; font-size:18px; color:#7b7b7b; }


/**
 * 상단
 */
.top-header { width:100%; height:65px; border-bottom:1px solid #dddddd; background:#ffffff; }
.top-logo { width:220px; height:100%; background:#1f61af; color:#ffffff; font-family:'Nanum Gothic'; font-size:28px; line-height:65px; text-align:center; }
.top-datetime { background:url('/assets/images/pos/img_clock.png') no-repeat; background-position:center left 24px; padding-left:75px; color:#333333; font-family:'NanumBarunGothic'; font-size:28px; line-height:65px; }
.top-button { padding-right:20px; padding-top:9px; }
.top-button img { cursor:pointer; }

/* 프로그램 종료 */
.screen { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; background-color:rgba(0,0,0,0.68); display:none; }
.dialog-exit { position:absolute; top:50%; left:50%; margin-top:-105px; margin-left:-240px; z-index:1001; width:480px; height:210px; border:5px solid #32cdbd; border-radius:4px; background:#ffffff; display:none; }
.dialog-exit-header { font-size:32px; color:#333333; line-height:60px; padding-left:146px; }
.dialog-exit-header img { cursor:pointer; }
.dialog-exit .dialog-buttons { margin-top:26px; text-align:center; }
.dialog-exit .dialog-buttons img { cursor:pointer; }

/* Alert 메시지 */
.dialog-alert { /* position:absolute; top:50%; left:50%; margin-top:-80px; margin-left:-200px; z-index:1001; width:400px; height:160px; border:5px solid #32cdbd; border-radius:4px; background:#ffffff; display:none; */ }
.dialog-alert .msg-box { margin:0; padding:0 15px 0 20px; display:table; overflow-y:hidden; }
.dialog-alert .msg-box div { height:70px; display:table-cell; overflow-y:hidden; }
.dialog-alert .msg-box img { width:55px; margin-top:7px; }
.dialog-alert .alert-msg { width:300px; height:55px; padding-left:20px; vertical-align:middle; font-family:'Nanum Gothic'; font-size:16px; word-break:break-all; border:0px solid #dddddd; display:table-cell; }
.dialog-alert .dialog-buttons { margin-top:8px; text-align:center; }
.dialog-alert .dialog-buttons img { cursor:pointer; }

/* Confirm 메시지 */
.dialog-confirm { /* position:absolute; top:50%; left:50%; margin-top:-80px; margin-left:-200px; z-index:1001; width:400px; height:160px; border:5px solid #32cdbd; border-radius:4px; background:#ffffff; display:none; */ }
.dialog-confirm .msg-box { margin:0; padding:0 15px 0 20px; display:table; overflow-y:hidden; }
.dialog-confirm .msg-box div { height:70px; display:table-cell; overflow-y:hidden; }
.dialog-confirm .msg-box img { width:55px; margin-top:7px; }
.dialog-confirm .confirm-msg { width:300px; height:55px; padding-left:20px; vertical-align:middle; font-family:'Nanum Gothic'; font-size:16px; word-break:break-all; border:0px solid #dddddd; display:table-cell; }
.dialog-confirm .dialog-buttons { margin-top:8px; text-align:center; }
.dialog-confirm .dialog-buttons img { cursor:pointer; }


/**
 * 메인
 */
.main-menu { width:506px; position:absolute; top:50%; left:50%; margin-top:-250px; margin-left:-253px; /* padding-top:65px; */ }
.main-menu .row { margin-bottom:8px; }
.main-menu img { cursor:pointer; }


/**
 * 환경설정
 */
.config-box { width:650px; height:580px; background:#ffffff; border:2px solid #dddddd; border-radius:6px; padding:13px; position:absolute; top:50%; left:50%; margin-top:-290px; margin-left:-325px; }
.config-titlebar { height:65px; width:100%; line-height:65px; font-family:'Nanum Gothic'; font-size:26px; font-weight:100; color:#ffffff; text-align:left; padding-left:25px; padding-right:20px; border-radius:4px; background:rgba(50,205,189,1); background:-moz-linear-gradient(left, rgba(50,205,189,1) 0%, rgba(147,247,175,1) 100%); background:-webkit-gradient(left top, right top, color-stop(0%, rgba(50,205,189,1)), color-stop(100%, rgba(147,247,175,1))); background:-webkit-linear-gradient(left, rgba(50,205,189,1) 0%, rgba(147,247,175,1) 100%); background:-o-linear-gradient(left, rgba(50,205,189,1) 0%, rgba(147,247,175,1) 100%); background:-ms-linear-gradient(left, rgba(50,205,189,1) 0%, rgba(147,247,175,1) 100%); background:linear-gradient(to right, rgba(50,205,189,1) 0%, rgba(147,247,175,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#32cdbd', endColorstr='#93f7af', GradientType=1 ); }
.config-titlebar img { vertical-align:middle; }
.config-box .row { width:100%; margin-top:24px; margin-left:0; margin-right:0; }
.config-box .row img { cursor:pointer; }
.config-box .row .col-xs-4 { text-align:right; padding:0; }
.config-box .btn-config div { height:45px; margin-bottom:12px; }
.config-box .btn-config img { cursor:pointer; }
.config-box .subtitle { font-size:20px; }

/* 체크박스 - design */
.config-box input[type=checkbox] { display: none; }
.config-box input[type=checkbox].css-checkbox + label.css-label { padding-left:40px; height:26px; display:inline-block; line-height:26px; background-image:url(/assets/images/pos/img_chkbox_config.png); background-repeat:no-repeat; background-position:0 0; font-size:18px; vertical-align:middle; cursor:pointer; }
.config-box input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -26px; }

/* 체크박스 - switch type */
.onoffswitch { position:relative; width:56px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.onoffswitch-checkbox { display:none; }
.onoffswitch-label { display:block; overflow:hidden; cursor:pointer; border:none; border-radius:32px; }
.onoffswitch-inner { display:block; width:200%; margin-left:-100%; transition: margin 0.05s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { display:block; float:left; width:50%; height:32px; padding:0; line-height:32px; font-size:16px; color:#ffffff; font-family:Trebuchet,Arial,sans-serif; font-weight:bold; box-sizing:border-box; }
.onoffswitch-inner:before { content:''; padding-left:10px; background-color:#32CDBD; color:#ffffff; }
.onoffswitch-inner:after { content:''; padding-right:10px; background-color:#c0c0c0; color:#666666; text-align:right; }
.onoffswitch-switch { display:block; width:26px; margin:3px; background:#ffffff; position:absolute; top:0; bottom:0; right:24px; border:none; border-radius:32px; transition:all 0.05ss ease-in 0s; background:url('/assets/images/pos/img_checkbox_onoff.png') no-repeat; background-position:0 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left:0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right:0px; background-position:0 -27px; }
.checkbox-label { font-size:20px; line-height:32px; }

/* 프린터설정 */
.printer-setting { font-family:'Nanum Gothic'; font-size:20px; font-weight:normal; color:#666666; overflow:hidden; }
.printer-setting .row { margin-left:0; margin-right:0; margin-bottom:18px; }
.printer-setting .btn { padding-top:2px; padding-bottom:2px; font-size:18px; color:#666666; }
.btn-printer-setting div { margin-top:15px; text-align:center; }

/* 관광지설정 */
.change-tourist { font-family:'Nanum Gothic'; font-size:20px; font-weight:normal; color:#666666; overflow:hidden; }
.change-tourist .row { margin-left:0; margin-right:0; margin-bottom:18px; }
.change-tourist .btn { padding-top:2px; padding-bottom:2px; font-size:18px; color:#666666; }
.btn-change-tourist div { margin-top:15px; text-align:center; }

/**
 * 판매관리
 */
.sale-mgmt { display:table; }
.sale-mgmt input[type=checkbox] { display: none; }
.sale-mgmt input[type=checkbox].css-checkbox + label.css-label { margin-top:6px; padding-left:18px; height:20px; display:inline-block; line-height:20px; background-image:url(/assets/images/pos/img_chkbox_salemgmt.png); background-repeat:no-repeat; background-position:0 0; font-size:13px; vertical-align:middle; cursor:pointer; }
.sale-mgmt input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -20px; }

/* 1. 좌측 */
.sale-customer { width:440px; }
.sale-customer .search { width:440px; height:65px; border:1px solid #dddddd; border-radius:4px; background:#ffffff; vertical-align:middle; }
.sale-customer .search-text { width:373px; height:63px; margin:0 auto 20px auto; padding-left:15px; font-size:24px; border:0; border-radius:4px 0 0 4px; -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; }
.sale-customer .btn-search { width:65px; height:100%; background:#32cdbd; text-align:center; border-radius:0 4px 4px 0; cursor:pointer; }
.sale-customer .search img { cursor:pointer; margin-top:16px; }

.customer-list { width:440px; height:436px; font-size:13px; overflow-x:hidden; overflow-y:scroll; border-bottom:1px solid #dddddd; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.tbl-customer-header { width:440px; font-size:13px; border-radius:4px; }
.tbl-customer-header thead td, .tbl-order-header thead td { background:#434343; color:#ffffff; height:40px; text-align:center; }
.tbl-customer-header thead td:first-child, .tbl-order-header thead td:first-child { border-top-left-radius:4px; }
.tbl-customer-header thead td:last-child, .tbl-order-header thead td:last-child { border-top-right-radius:4px; }

.tbl-customer { width:423px; font-size:13px; border-radius:4px; overflow-y:scroll; }
.tbl-customer tbody tr:last-child td:first-child, .tbl-order-list tbody tr:last-child td:first-child { border-bottom-left-radius:4px; }
.tbl-customer tbody tr:last-child td:last-child, .tbl-order-list tbody tr:last-child td:last-child { border-bottom-right-radius:4px; }
.tbl-customer tbody td, .tbl-order-list tbody td { height:38px; letter-spacing:-1px; text-align:center; background:#ffffff; border-bottom:1px solid #dddddd; overflow:hidden; }
.tbl-customer tbody td:first-child, .tbl-order-list tbody td:first-child { border-left:1px solid #dddddd; }
.tbl-customer tbody td:last-child, .tbl-order-list tbody td:last-child { border-right:1px solid #dddddd; }

.customer-order-list { width:440px; height:381px; font-size:13px; overflow-y:scroll; border-bottom:1px solid #dddddd; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.tbl-order-header { width:440px; font-size:13px; border-radius:4px; }
.tbl-order-list { width:423px; font-size:13px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }

.order-total-amount { margin-top:10px; }
.order-total-amount span { width:72px; font-size:18px; letter-spacing:1px; color:#ffffff; border-color:#1d62b0; background-color:#1d62b0; border-top-left-radius:5px; border-bottom-left-radius:5px; }
.order-total-amount .currency { background:#ffffff; font-size:18px; border-top:2px solid #1d62b0; border-bottom:2px solid #1d62b0; border-left:none; border-right:2px solid #1d62b0; padding-left:6px; }
.order-total-amount input { height:50px; line-height:50px; font-size:24px; color:#1d62b0; text-align:right; border-top:2px solid #1d62b0; border-bottom:2px solid #1d62b0; border-left:1px solid #1d62b0; border-right:none; padding-right:0; letter-spacing:0px; font-weight:300px; }

.order-list-buttons div:first-child { width:33%; text-align:left; }
.order-list-buttons div:nth-child(2) { width:34%; text-align:center; }
.order-list-buttons div:last-child { width:33%; text-align:right; }
.order-list-buttons img { cursor:pointer; }

.sale-pos-menu { width:440px; position:absolute; bottom:16px; }
.sale-pos-menu img { cursor:pointer; }

/* 2. 우측 */
.sale-goods { min-width:525px; width:*; height:672px; border:1px solid #dddddd; border-radius:4px; padding:10px; background:#ffffff; }

/* 카테고리 */
.category-list { width:100%; list-style:none; }
.category-list li { float:left; width:20%; height:45px; font-size:16px; text-align:center; cursor:pointer; border-right:1px solid #ddd; line-height:0%; word-break:break-all; word-wrap:break-word; /* overflow-x:hidden; */ }
.category-list li:before { content:''; display:inline-block; vertical-align:middle; height:100%; }
.category-list li:nth-child(5n) { border-right:none; }
.category-list li:nth-child(-n+5) { border-bottom:1px solid #ddd; }
.category-list li:first-child { border-top-left-radius:4px; }
.category-list li:nth-child(5) { border-top-right-radius:4px; }
.category-list li:nth-child(6) { border-bottom-left-radius:4px; }
.category-list li:last-child { border-bottom-right-radius:4px; }
.category-list li.disabled { color:#ddd; }
.category-list li.active { background:#434343; color:#ffffff; }
.category-list:after { content:''; display:block; clear:both; }

/* 식당/특산품판매점 - 카테고리 */
.sale-goods .category-eating-house, .sale-goods .category-goods-store { width:100%; height:90px; border:1px solid #dddddd; border-radius:4px; padding:0; display:none; }

/* 식당/특산품판매점 - 수량조절 버튼 */
.sale-goods .adjust-qty-button button { width:100%; height:53px; }

/* 인원 수 */
.sale-goods .count-people { width:100%; height:90px; text-align:center; }
.sale-goods .count-people div { width:33%; text-align:center; font-size:16px; font-weight:bold; color:#333333; }
.sale-goods .count-people .count-box { width:170px; padding:0; text-align:center; }

.sale-goods .count-people .count-box .count-text { margin:0 auto; }
.sale-goods .count-people .count-box .count-input { width:100%; }
.sale-goods .count-people .count-box .count-input input[type=text] { width:115px; height:50px; line-height:50px; letter-spacing:0px; color:#333333; font-size:34px; font-family:Arial; }

/* 승인버튼 */
.sale-goods .button-payment { background:#32cdbd; height:55px; line-height:55px; font-size:26px; color:#ffffff; text-align:center; border-radius:4px; }
.sale-goods .button-payment.disabled { background:#cccccc; }

/* 상품목록 */
.sale-goods .goods-list { }
.sale-goods .goods-list .row { width:100%; margin-top:5px; margin-left:0; margin-right:0; display:table; }
.sale-goods .goods-list .row .col-md-3 { height:85px; padding-left:1px; padding-right:1px; display:table-cell; float:none; vertical-align:middle; text-align:center; }
.sale-goods .goods-list .row .col-md-3 .goods-box { height:85px; width:122px; margin:3px; border-radius:4px; font-size:13px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; /* display:inline-block; overflow:hidden; /* text-overflow:ellipsis; */ }
.sale-goods .goods-list .row .col-md-3:first-child .goods-box { margin-left:0px; }
.sale-goods .goods-list .row .col-md-3:last-child .goods-box { margin-right:0px; }

.sale-goods .goods-list .row:nth-child(odd) .col-md-3:nth-child(odd) .goods-box { background:#fbe0cb; }
.sale-goods .goods-list .row:nth-child(odd) .col-md-3:nth-child(even) .goods-box { background:#e0dede; }
.sale-goods .goods-list .row:nth-child(even) .col-md-3:nth-child(odd) .goods-box { background:#e0dede; }
.sale-goods .goods-list .row:nth-child(even) .col-md-3:nth-child(even) .goods-box { background:#fbe0cb; }

.sale-goods .goods-list .row:nth-child(odd) .col-md-3:nth-child(odd) .goods-box.disabled { background:#e1e1e1; }
.sale-goods .goods-list .row:nth-child(odd) .col-md-3:nth-child(even) .goods-box.disabled { background:#e1e1e1; }
.sale-goods .goods-list .row:nth-child(even) .col-md-3:nth-child(odd) .goods-box.disabled { background:#e1e1e1; }
.sale-goods .goods-list .row:nth-child(even) .col-md-3:nth-child(even) .goods-box.disabled { background:#e1e1e1; }

/* 승인(결제)결과 */
/* 결제결과 */
.sale-goods .payment-result { display:none; width:100%; height:445px; border:2px solid #dddddd; border-radius:4px; background:#efeeee; }
.sale-goods .payment-result .result-image { height:210px; border-bottom:2px solid #dddddd; text-align:center; }
.sale-goods .payment-result .result-image.success { background:#ffffff url(/assets/images/pos/img_payment_success.png) no-repeat; background-position:center; }
.sale-goods .payment-result .result-image.fail { background:#ffffff url(/assets/images/pos/img_payment_fail.png) no-repeat; background-position:center; }
.sale-goods .payment-result .result-info { background:#efeeee; }

.sale-goods .payment-result .result-info { font-size:18px; color:#464646; display:table; padding-top:30px; padding-left:50px; }
.sale-goods .payment-result .result-info .result-info-row { margin-bottom:10px; }
.sale-goods .payment-result .result-info .result-info-row:last-child { margin-bottom:0; }
.sale-goods .payment-result .result-info .item { display:table-cell; font-weight:bold; }
.sale-goods .payment-result .result-info .value { display:table-cell; width:370px; font-weight:normal; line-height:130%; padding-left:6px; padding-right:0px; }

.sale-goods .payment-result .payment-result-message { width:450px; height:52px; word-break:break-all; overflow-y:hidden; }

/* 고객센터 */
.sale-goods .customer-center { position:absolute; left:580px; bottom:25px; text-align:center; margin-top:12px; }

/* 계산기 POS 결제 */
.bg-cacul-pos { position:absolute; top:72px; left:0; width:100%; height:100%; z-index:1000; background-color:rgba(0,0,0,0.3); display:none; }
.dialog-cacul-pos { width:400px; height:190px; background:#fff; position:absolute; top:50%; left:50%; margin-top:-95px; margin-left:-200px; padding:20px; border:5px solid #2466AA; border-radius:10px; z-index:1001; display:none; }
.dialog-cacul-pos .comment { font-family:'NanumBarunGothic'; font-size:1.1em; color:#666; margin-bottom:8px; }
.dialog-cacul-pos .cacul-payment-amount input { font-size:2.5em; letter-spacing:0.05em; text-align:right; height:50px; padding:12px 20px; }
.dialog-cacul-pos .button-payment { cursor:pointer; text-align:center; background:#32cdbd; color:#fff; font-size:2em; font-weight:normal; padding:10px 0; border-radius:4px; }
.dialog-cacul-pos .button-payment.disabled { background:#cccccc; }

/**
 * 결제내역조회
 */
.list-payment { }

/* 일 결제정보 */
.box-payment-total, .box-payment-info { height:254px; background:#ffffff; border:2px solid #dddddd; border-radius:4px; }
.box-payment-total .row { margin-left:0; margin-right:0; }
.box-payment-total .col-md-4 { height:60px; border-bottom:2px solid #dddddd; }
.box-payment-total .payment-date { text-align:center; color:#333333; font-size:21px; line-height:60px; border-bottom:4px solid #32cdbd; letter-spacing:-1px; }
.box-payment-total .btn-calendar { text-align:right; }
.box-payment-total .btn-calendar img { cursor:pointer; }
.box-payment-total .payment-info { text-align:center; padding-top:15px; }
.box-payment-total .payment-info .payment-amount { font-size:28px; color:#333333; font-weight:bold; margin-bottom:10px; }
.box-payment-total .payment-info .payment-total { display:table; width:100%; margin-bottom:3px; }
.box-payment-total .payment-info .payment-total .item { width:90px; display:table-cell; text-align:left; font-size:18px; color:#555555; }
.box-payment-total .payment-info .payment-total .value { display:table-cell; text-align:left; font-size:18px; color:#888888; }

.box-payment-total .payment-info .shipping-goods-list { display:table; width:100%; }
.box-payment-total .payment-info .shipping-goods-list li { margin-bottom:3px; }
.box-payment-total .payment-info .shipping-goods-list .item { width:360px; display:table-cell; text-align:left; font-size:16px; color:#555555; padding-right:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.box-payment-total .payment-info .shipping-goods-list .value { width:100px; text-align:right; font-size:16px; color:#888888; padding-left:0px; }

.box-payment-total .payment-info .goods-list { display:table; width:100%; }
.box-payment-total .payment-info .goods-list li { margin-bottom:0px; }
.box-payment-total .payment-info .goods-list .item { text-align:left; height:30px; font-size:18px; color:#555555; padding-right:0px; overflow:hidden; text-overflow:hidden; border-bottom:none; }
.box-payment-total .payment-info .goods-list .value { text-align:left; height:30px; font-size:18px; color:#888888; padding-left:0px; }

/* 결제상세내역 */
.box-payment-info .payment-info { height:170px; border-bottom:2px solid #dddddd; text-align:center; padding-top:25px; }
.box-payment-info .payment-info .customer-info { font-size:28px; color:#333333; font-weight:bold; margin-bottom:5px; }
.box-payment-info .payment-info .customer-info span:first-child { margin-right:15px; }
.box-payment-info .payment-info .payment-desc { font-size:20px; color:#555555; display:none; padding-left:20px; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.box-payment-info .payment-info .payment-desc span { margin-right:15px; }
.box-payment-info .payment-info .payment-desc span:last-child { margin-right:0; }
.box-payment-info .payment-info .payment-msg { width:65%; margin:0 auto; margin-top:8px; background:#434343; border-radius:4px; color:#ffffff; font-size:20px; padding:10px; display:none; }

.box-payment-info .buttons { text-align:center; padding-top:18px; }
.box-payment-info .buttons img { cursor:pointer; vertical-align:middle; display:none; }
.box-payment-info .buttons img:first-child { margin-right:10px; }

/* 닫기 버튼 */
.list-payment .btn-close { position:absolute; z-index:10; top:92px; right:28px; }
.list-payment .btn-close img { cursor:pointer; }

/* 결제목록 */
.daily-list { background:#434343; border-radius:4px; height:400px; }
.daily-list .search .search-text input[type=text] { width:280px; height:50px; font-family:'Nanum Gothic'; font-size:22px; padding-left:10px; padding-right:10px; background:#ffffff; border-radius:4px; border:none; ime-mode:active; }
.daily-list .search .search-button img { cursor:pointer; }

.daily-list .payment-comment { font-family:'Nanum Gothic'; font-size:14px; color:#eeeeee; font-weight:normal; }
.daily-list .payment-comment .msg { text-align:right; }
.daily-list .payment-comment .payment-count { margin-top:5px; }
.daily-list .payment-comment .payment-count span { margin-left:4px; margin-right:10px; font-size:16px; }
.daily-list .payment-comment .payment-count span:last-child { margin-right:0; }

.daily-list .table { margin-bottom:0; margin-right:30px; }
.daily-list .tbl-payment-header { background:#ffffff; border-top-left-radius:4px; border-top-right-radius:4px; }
.daily-list .tbl-payment-header th { height:35px; border-bottom:2px solid #dddddd; font-size:14px; text-align:center; }

.daily-list .tbl-payment-list { background:#ffffff; height:280px; overflow-y:scroll; }
.daily-list .tbl-payment-list td { height:25px; font-size:14px; text-align:center; border-bottom:1px solid #dddddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.daily-list .tbl-payment-list .customer-name { padding-left:10px; text-align:left; }
.daily-list .tbl-payment-list .customer-name.icon-success { background:url(/assets/images/pos/icon_o.png) no-repeat; background-position:center left 8px; }
.daily-list .tbl-payment-list .customer-name.icon-warning { background:url(/assets/images/pos/icon_warning.png) no-repeat; background-position:center left 7px; }
.daily-list .tbl-payment-list .customer-name.icon-fail { background:url(/assets/images/pos/icon_x.png) no-repeat; background-position:center left 8px; }
.daily-list .tbl-payment-list .payment-amount { text-align:right; padding-right:10px; }


/**
 * 예약관리
 */
.list-reservation { }
.list-reservation .search .btn { padding:9px 12px; font-size:22px; font-weight:normal; }

/* 일 예약정보 */
.box-reservation-total, .box-reservation-info { height:254px; background:#ffffff; border:2px solid #dddddd; border-radius:4px; }
.box-reservation-total .row { margin-left:0; margin-right:0; }
.box-reservation-total .search-date { text-align:center; color:#333333; font-size:21px; line-height:60px; border-bottom:4px solid #32cdbd; letter-spacing:-1px; }
.box-reservation-total .btn-calendar { text-align:right; }
.box-reservation-total .btn-calendar img { cursor:pointer; }
.box-reservation-total .reserv-info { text-align:center; padding-top:15px; }

.box-reservation-total .reserv-info .reserv-goods-list { display:table; width:100%; }
.box-reservation-total .reserv-info .reserv-goods-list li { margin-bottom:3px; }
.box-reservation-total .reserv-info .reserv-goods-list .item { width:310px; display:table-cell; text-align:left; font-size:16px; color:#555555; padding-right:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.box-reservation-total .reserv-info .reserv-goods-list .value { width:150px; text-align:right; font-size:16px; color:#888888; padding-left:0px; }

.box-reservation-total .reserv-info .goods-list { display:table; width:100%; }
.box-reservation-total .reserv-info .goods-list li { margin-bottom:0px; }
.box-reservation-total .reserv-info .goods-list .item { text-align:left; height:30px; font-size:18px; color:#555555; padding-right:0px; overflow:hidden; text-overflow:hidden; border-bottom:none; }
.box-reservation-total .reserv-info .goods-list .value { text-align:left; height:30px; font-size:18px; color:#888888; padding-left:0px; }

/* 예약상세내역 */
.box-reservation-info .reserv-info { height:170px; border-bottom:2px solid #dddddd; text-align:center; padding-top:25px; }
.box-reservation-info .reserv-info .customer-info { font-size:28px; color:#333333; font-weight:bold; margin-bottom:5px; }
.box-reservation-info .reserv-info .customer-info span:first-child { margin-right:15px; }
.box-reservation-info .reserv-info .reserv-desc { font-size:20px; color:#555555; display:none; padding-left:20px; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.box-reservation-info .reserv-info .reserv-desc span { margin-right:15px; }
.box-reservation-info .reserv-info .reserv-desc span:last-child { margin-right:0; }
.box-reservation-info .reserv-info .reserv-msg { width:65%; margin:0 auto; margin-top:8px; background:#434343; border-radius:4px; color:#ffffff; font-size:20px; padding:10px; display:none; }

.box-reservation-info .buttons { text-align:center; padding-top:18px; }
.box-reservation-info .buttons img { cursor:pointer; vertical-align:middle; display:none; }
.box-reservation-info .buttons img:first-child { margin-right:10px; }

/* 닫기 버튼 */
.list-reservation .btn-close { position:absolute; z-index:10; top:92px; right:28px; }
.list-reservation .btn-close img { cursor:pointer; }

/* 예약목록 */
.daily-list { background:#434343; border-radius:4px; height:400px; }
.daily-list .search .search-text input[type=text] { width:280px; height:50px; font-family:'Nanum Gothic'; font-size:22px; padding-left:10px; padding-right:10px; background:#ffffff; border-radius:4px; border:none; ime-mode:active; }
.daily-list .search .search-button img { cursor:pointer; }

.daily-list .table { margin-bottom:0; margin-right:30px; }
.daily-list .tbl-reservation-header { background:#ffffff; border-top-left-radius:4px; border-top-right-radius:4px; }
.daily-list .tbl-reservation-header th { height:35px; border-bottom:2px solid #dddddd; font-size:14px; text-align:left; }

.daily-list .tbl-reservation-list { background:#ffffff; height:280px; overflow-y:scroll; }
.daily-list .tbl-reservation-list td { height:25px; font-size:14px; text-align:left; padding-right:10px; border-bottom:1px solid #dddddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.daily-list .tbl-reservation-list .customer-name { padding-left:10px; text-align:left; }

/* 예약변경 */
.change-reservation .title { font-family:'Nanum Gothic'; font-size:16px; color:#666; margin-top:5px; padding-left:20px; margin-bottom:5px; }
.change-reservation .btn { font-family:'Nanum Gothic'; font-size:16px; padding-top:5px; }
.change-reservation .text { font-family:'Nanum Gothic'; }

/* 예약취소 */
.cancel-reservation { margin:0; overflow:hidden; }
.cancel-reservation .title { font-family:'Nanum Gothic'; font-size:16px; color:#666; margin-top:5px; padding-left:20px; margin-bottom:5px; }
.cancel-reservation .btn { font-family:'Nanum Gothic'; font-size:16px; }
.cancel-reservation .text { font-family:'Nanum Gothic'; }
.cancel-reservation .desc { font-family:'Nanum Gothic'; font-size:14px; color:#888; line-height:130%; margin-top:15px; margin-bottom:20px; padding-left:20px; }

@media all and (max-width:800px) {
	.pos-container { zoom:78%; overflow:hidden; }
	.dialog-exit { zoom:78%; }
}