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

/* 초기화 */

/* POS */
* { font-family: arial !important }

html {overflow-y:scroll;height:100%}
/*body {margin:0;padding:0;font-size:2rem; height:100%; min-width:320px;} 이것 때문에 플래시 했음 아마도 두번 어싸인*/
h1 	{font-size:3em; color:gray;}
h2	{font-size:2.5em; color:gray;}
h3	{font-size:2em; color:gray;}
h4	{font-size:1.5em; color:gray;}
input[type=radio]{transform:scale(1.5);}


/*focus red shadow*/
input[type=radio]:focus,
input[type=text]:focus,
input[type=checkbox]:focus,
input[type=password]:focus,
input[type=button]:focus,
input[type=submit]:focus,
select:focus, 
textarea:focus,
option:focus{ box-shadow:0 0 2px 0 purple; -webkit-box-shadow:0 0 10px 0 purple; z-index:1; }


/* 메니징 */
.blink {animation: blinker 0.6s linear infinite;} @keyframes blinker {  50% { opacity: 0; } }
.blink-one { animation: blinker-one 1s linear infinite; } @keyframes blinker-one {  0% { opacity: 0; } }
.blink-two { animation: blinker-two 1.4s linear infinite; } @keyframes blinker-two {  100% { opacity: 0; } }
	  

/* 레지스터 헤더 */
#regi_hd {margin:0 0 ;padding: 0;text-align:center; height:90px; color:#fefefe;}/* 헤드 전체 사이즈*/
#regi_hdsub { background:gray; text-align:left; }
#regi_hdsub ul{ margin:0 auto; max-width:1200px;position:relative;}
#regi_hdsub li{ display:inline-block; height: 65px; line-height:75px; color: white; font-weight:bold; font-size:1.2em; padding:0 5px; vertical-align:top}

#regi_hdsub li .green { background:#4CAF50; border:1px solid #ccc;  padding:6px; color: white; text-align: center; height:23px;  }
#regi_hdsub li .orange { background:#ff794d; border:1px solid #ccc;  padding:6px; color: white; text-align: center; height:23px;  }
#regi_hdsub li .blue { background:#3988EE;  border:1px solid #ccc;  padding:6px; color: white; text-align: center; height:23px;  }
#regi_hdsub li .gray { background:#a9a9a9;  border:1px solid #ccc;  padding:6px; color: white; text-align: center; height:23px;  }
#regi_hdbtm{ text-align:right;  z-index:3}
#regi_hdbtm ul{ margin:0 auto; max-width:1200px; position:relative; margin-right:30px;}
#regi_hdbtm li{ font-weight:bold; font-size:1em; color:#333333; display:inline-block; height:30px; line-height:25px;  vertical-align:top; }
#regi_hdbtm_left{ text-align:left;  z-index:3}
#regi_hdbtm_left ul{ margin:0 auto; max-width:1200px; position:relative; margin-right:30px;}
#regi_hdbtm_left li{ font-weight:bold; font-size:1em; color:#333333; display:inline-block; height:30px; line-height:25px;  vertical-align:top; }


/*레지스터 헤더 아래 전체 레이아웃 컷*/
#register_left{font-size:11pt; margin-top:20px; background:#fff;float:left;width:40%;padding:0px;min-height:570px}
	.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black;}
	.tooltip .tooltiptext {visibility: hidden; width: 340px; background-color: gray; color: #fff; text-align: center;
		border-radius: 6px; padding: 13px; margin-left: 420px; margin-top: -200px; text-align:left;
	/* Position the tooltip */ position: absolute; z-index: 1;}
	.tooltip:hover .tooltiptext {visibility: visible;}
#register_right_top{font-size:10pt; margin-top:20px; background:#fff; float:right; width:58%;padding:0px;min-height:80px}
#register_right_bottom{font-size:11pt; margin-top:20px; background:#fff; float:right; width:58%;padding:0px;min-height:475px}


/*오피스 헤드*/
#office_hd {position:relative; margin:0 0 ; padding: 0; text-align:center; background:#5599ff; height:55px}
#head_title {text-align:center; font-size:20pt; padding-top:15px; color:#e9e9e9;}
#head_title_x {display:none;}
#office_logo{position:absolute;top:0;left:0;padding:10px;}
/*오피스 바디 레이아웃*/
#office_body { font-size:1.0em; margin-left:auto; margin-right:auto; width:970px; margin-bottom:40px; line-height:180%; text-align: center; }
#office_body_large { font-size:2.5em; color:gray; margin-left:auto; margin-right:auto; width:970px; margin-bottom:40px; line-height:180%; text-align: center; }

#office_pos_ov .input input.scan{display:none;}
#office_pos_ov .input_half input.scan{display:none;}

	/*오피스 축소 레이아웃*/
	@media (max-width: 720px){
	#office_pos_ov .input input.scan{display:inline-block; padding:4px 10px; background:orange;  border:1px solid #4d8ad9; color:#fff; font-weight:bold}
	#office_pos_ov .input_half input.scan{display:inline-block; padding:4px 10px; background:orange;  border:1px solid #4d8ad9; color:#fff; font-weight:bold}
	#head_title {display:none;}
	#head_title_x {display:inline-block; position:absolute;top:15px;left:0; text-align:left; font-size:20pt; color:#e9e9e9;}
	#office_logo{display:none;}
	/*오피스 바디 레이아웃*/
	#office_hd {  position: fixed; width: 100%; top: 0; z-index: 10; margin:0 0 ; padding: 0; text-align:center; background:#5599ff; height:55px}
	#office_body { font-size:1.0em; margin-left:auto; margin-right:auto; width:auto; margin-top:70px; margin-bottom:40px; line-height:180%; text-align: center; }
	}

/* 오피스 3단 레이아웃 마이페이지 에서 가져와 오피스로 바꾼것들... */
#office_pos_ov {width:100%; margin:20px 0 20px;background:#fff;}
#office_pos_ov .input{position:relative; width:58%; line-height:35px;padding:0 20px 20px 15px; font-size:12pt; text-align:left; float:left; font-weight:normal}
#office_pos_ov .list{position:relative; width:35%; float:left;  padding:0 10px; line-height:30px; font-size:11pt; text-align:left;  border-left:1px solid #dfdfdf}
#office_pos_ov .input_half{position:relative; width:50%; line-height:35px;padding:0 20px 20px 15px; font-size:12pt; text-align:left; float:left; font-weight:normal}
#office_pos_ov .list_half{position:relative; width:50%; float:left; padding:0 10px; line-height:30px; font-size:11pt; text-align:left;  border-left:1px solid #dfdfdf}
#office_pos_ov .bottom{clear:both;width:100%;border-top:1px solid #dfdfdf;padding:10px}



@media (max-width: 970px){
    #office_pos_ov .input{width:100%;border-bottom:1px solid #dfdfdf}
    #office_pos_ov .list{width:33.3333%}
}
@media (max-width: 720px){ /*이게 없으면 아래로 안내려옴 */
	#office_pos_ov .input{width:100%; line-height:45px; font-size:16pt; }
    #office_pos_ov .list{width:100%;line-height:30px; font-size:16pt; }
}
@media (max-width: 500px){ /*전화기 세로 레이아웃 */
	#office_pos_ov .list{width:100%;line-height:30px; font-size:14pt; }
}
.input li.m_title {font-size:30px;  color:gray; font-weight:bold; margin-bottom:15px;}

/* PO LIST  피오 피오 리스트 */
/* PO LIST */
/* PO LIST */

/* 컴 타이틀 */
.input li.title {float: left;display: block;width:43%; height: 15px;}
.input li.upc {float: left;display: block; width:14%; height: 15px; text-align:left; }
.input li.qty {float: left;display: block;width:9%; height: 10px; text-align:left; }
.input li.cost {float: left;display: block;width:9%; height: 15px; text-align:left; }
.input li.price {float: left;display: block;width:9%; height: 15px; text-align:left; }
.input li.x {float: right;display: block; width:7%; height: 20px; text-align:right; }
.input li.ok {float: right;display: block; width:7%; height: 20px; text-align:right; }

/* 컴 본문 */
.input li.title_text {float:left; display:block; width:43%; height:30px; white-space:nowrap; max-width:80%; overflow: hidden; text-overflow: ellipsis; line-height:28px; }
.input li.upc_text {float:left; display:block; width:13%; height: 15px; text-align:left; line-height:28px; }
.input li.qty_text {float:left; display:block; width:6%; height: 10px; text-align:right; line-height:28px; }
.input li.cost_text input {float: left; display: block; width:11%; font-size:14pt; color:red; text-align:right;  font-weight:bold; height: 18px; line-height:30px; border: 0px; }
.input li.price_text input {float: left; display: block; width:11%; font-size:14pt; color:green; text-align:right;  font-weight:bold; height: 15px; line-height:30px; border: 0px; }
.input li.price_text_nega input { float: left; display: block; width:11%; font-size:14pt; color:black; height: 15px; text-align:right;  font-weight:bold; line-height:30px; border: 0px; }

.input div.br { display:none; }
.input li.title_tag { display:none; }
.input li.cost_tag { display:none; }
.input li.price_tag { display:none; }
.input li.upc_tag { display:none; }
.input li.qty_tag { display:none; }

.po_x { margin-left:5px; color:white; background:#CCCCCC; font-weight:bold; border:0 none; cursor:pointer; border-radius: 8px; width: 25px; height:25px; margin:0px; padding:0; text-align:center; font-size: 16px; line-height: 30px;}
.po_o { margin-left:5px; color:white; background:orange; font-weight:bold; border:0 none; cursor:pointer; border-radius: 8px; width: 25px; height:25px; margin:0px; padding:0; text-align:center; font-size: 16px; line-height: 30px;}

@media (max-width: 650px){ /*이게 없으면 아래로 안내려옴 */

/*전화 가로 타이틀 */
.input li.title {float: left;display: block; width:40%; height: 15px;}
.input li.upc {float: left;display: block; width:15%; height: 15px; text-align:left; }
.input li.qty {float: left;display: block; width:8%; height: 10px; text-align:left; }
.input li.cost {float: left;display: block; width:12%; height: 15px; text-align:left; }
.input li.price {float: left;display: block; width:10%; height: 15px; text-align:left; }

/*전화 가로 본문 */
.input li.title_text {float:left; display: block; width:55%; height:30px; font-size:14pt; white-space:nowrap; max-width:80%; overflow: hidden; text-overflow: ellipsis; line-height:28px; }
.input li.upc_text {float: left;display: block; width:12%; height: 15px; font-size:12pt; text-align:left; line-height:28px; }
.input li.qty_text {float: left;display: block; width:3%; height: 10px; text-align:center; line-height:28px; }
.input li.cost_text input {float: left; display: block; width:50px; font-size:14pt; color:red; text-align:right;  font-weight:bold; height: 18px; line-height:30px; border: 0px; }
.input li.price_text input {float: left; display: block; width:50px; font-size:14pt; color:green; text-align:right;  font-weight:bold; height: 15px; line-height:30px; border: 0px; }
.input li.price_text_nega input { float: left; display: block; width:50px; font-size:14pt; color:black; height: 15px; text-align:right;  font-weight:bold; line-height:30px; border: 0px; }


.input div.br { display:none; }
.input li.cost_tag { display:none; }
.input li.price_tag { display:none; }
.input li.upc_tag { display:none; }
.input li.qty_tag { display:none; }


.input li.x {float: left;display: block;width:6%; height: 20px; text-align:right; }
.input li.ok {float: right;display: block;width:5%; height: 20px; text-align:right; }
}

@media (max-width: 500px){ /*전화기 세로 레이아웃 */
/*전화 세로 타이틀 */
.input li.title { display:none;}
.input li.upc { display:none;}
.input li.qty { display:none;}
.input li.cost { display:none;}
.input li.price { display:none;}
.input li.title_tag { float: left;display: block; width:30%; height: 15px; text-align:left; line-height:35px;}
.input li.upc_tag { float: left;display: block; width:30%; height: 15px; text-align:left; line-height:35px;}
.input li.qty_tag { float: left;display: block; width:10%; height: 15px; text-align:left; line-height:35px;}

/*전화 세로 본문 */
.input li.title_text {float:left; display: block; width:65%; height:30px; white-space:nowrap; max-width:80%; overflow: hidden; text-overflow: ellipsis; line-height:28px; }
.input li.upc_text {float: left;display: block; width:11%; height: 15px; text-align:left; line-height:28px; }
.input li.qty_text {float: right;display: block;width:10%; height: 10px; text-align:right; line-height:28px; }
.input div.br { display:block;}

	.input li.cost_tag { float: left;display: block;width:20%; height: 15px; text-align:right; font-size:12pt; color:/*darkgray*/#707070;  font-weight:bold; line-height:23px;  }
.input li.cost_text input {float: left; display: block; width:25%; font-size:22pt; color:red; text-align:right;  font-weight:bold; height: 25px; line-height:30px; border: 0px;  }
	.input li.price_tag { float: left;display: block;width:8%; height: 15px; text-align:right; font-size:12pt; color:/*darkgray*/#707070;  font-weight:bold; line-height:23px;  }
.input li.price_text input {float: left; display: block; width:65px; font-size:18pt; color:green; text-align:right;  font-weight:bold; height: 25px; line-height:30px; border: 0px;  }
.input li.price_text_nega input {float: left; display: block; width:65px; font-size:18pt; color:black; text-align:right;  font-weight:bold; height: 25px; line-height:30px; border: 0px;  }
.input li.x {float: left; display: block; width:15%; height: 20px; text-align:right; margin-top:-5px;  }
.input li.ok {float: right; display: block; width:10%; height: 20px; text-align:right; margin-top:-5px; }
}


/* 메네지 카테고리*/
#mng_categories { margin-left:auto; margin-right:auto; }
#mng_categories { margin-left:auto; margin-right:auto; }
#mng_categories .pay_type { font-size:2.2em;  color:#707070; /*darkgray*/ }
#mng_categories .paid_discription { font-size:1.8em;  color:#707070; /*darkgray*/ line-height:44px }
#mng_categories form{font-size:1.3em;}
#mng_categories ul{list-style: none outside none;}
#mng_categories li a{font-size:1.5em; color: white; text-align: center; background: #999999; height:60px; line-height:55px ;float:left; width:25%; border:2px solid white; }
#mng_categories li.category a{ display: block; font-size:1.3em;  font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/*blue*/#5599ff;  height:60px; line-height:55px ;float:left; width:25%; border:2px solid white; }
#mng_categories li.category_go a{font-size:1.3em;  font-stretch: condensed; font-weight: bold; color: white; text-align: center; background:/*blue*/#5599ff;  height:60px; line-height:55px ;float:left; width:25%; border:2px solid white; }
#mng_categories li.disable a{font-size:1.5em; color: white; text-align: center; background: #e5e5e5; height:60px; line-height:55px ;float:left; width:25%; border:2px solid white;}
#mng_cate_upc_submit {font-size:16pt; color:white; background:#939393; font-weight:bold; padding:5px 15px; border:0 none;cursor:pointer;   border-radius: 5px; float:left;width: 32%;height: 40px;margin: 3px;text-align:left;  white-space:nowrap;  overflow: hidden; text-overflow: ellipsis;}
#mng_no_btn li.button a{ font-size:1.2em; font-weight:bold; color: white; text-align: center; background: #999999; height:40px; line-height:40px ;float:left; width:40px; border:2px solid white; }

@media (max-width: 720px){ /*category_go 는 칼라가 오랜지 였는데 왜? 19.11.02*/
#mng_categories li.category a{font-size:1.3em;  font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/*blue*/#5599ff;  height:60px; line-height:55px ;float:left; width:50%; border:2px solid white; }
#mng_categories li.category_go a{font-size:1.3em;  font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/*blue*/#5599ff; height:60px; line-height:55px ;float:left; width:50%; border:2px solid white; }
#mng_cate_upc_submit {font-size:14pt; color:white; background:#939393; font-weight:bold; padding:5px 15px; border:0 none;cursor:pointer;   border-radius: 5px; float:left;width: 50%;height: 40px;margin: 3px;text-align:left;  white-space:nowrap;  overflow: hidden; text-overflow: ellipsis;}
}

/* pop_up */
#pop_up {text-align:center; margin-top:25px; line-height:16px;  margin-right:auto; margin-left:auto; background:#ffffff; width:90%; padding:10px; min-height:530px; }
#pop_up_up {text-align:center; margin-top:3px; margin-right:auto; margin-left:auto; background:#ffffff; width:90%; padding:10px; min-height:530px; }
#pop_up_up button.mqty { margin-top:5px; font-size:18pt; width:55px; height:50px; line-height:21px ;font-weight: bold; color: white; text-align: center; background:#C0C0C0; border-radius: 5px;   border:2px solid white; }
#pop_up_po {text-align:center;  font-size:14pt; margin-top:15px; margin-right:auto; margin-left:auto; background:#ffffff; width:90%; padding:10px; line-height:45px ; min-height:200px; }


/* login */
#regi_login {padding-top:20px; text-align:center; margin-right:auto; margin-left:auto; width:30%; min-height:530px; }
#regi_login .title { font-size:2.4em; font-weight:bold; color:gray; margin-top:20px;  margin-bottom:10px; }
#regi_login .sub { font-size:1.4em; color:black; margin-bottom:10px; }

#regi_cash {padding-top:20px; text-align:center; margin-right:auto; margin-left:auto; width:50%; min-height:530px; }
#regi_cash .title { font-size:2.4em; font-weight:bold; color:gray; margin-top:20px;  margin-bottom:10px; }
#regi_cash .sub { font-size:1.4em; color:black; margin-bottom:10px; }

#pass_code_number { padding:10px; margin-left:auto; margin-right:auto;  }
#pass_code_number ul{list-style: none outside none; }
#pass_code_number li.amount{ font-size:3em; color: black; text-align: center; background: #ffffff; height:65px; line-height:60px ;float:left; width:33.3%; border:2px solid white; }
#pass_code_number li.button a{ font-size:2.5em; color: white; text-align: center; background: #999999; height:65px; line-height:60px ;float:left; width:33.3%; border:2px solid white;}

#third { font-size:1.5em; color: white; }
.btn_pop_green {  margin:2px; background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:45px; line-height:43px;  }	
.btn_pop_blue {  margin:2px; background-color: #65a2f1; /* blue */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:45px; line-height:43px;  }	
.btn_pop_orange {  margin:2px; background-color: #ff794d; /* orange */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:45px; line-height:43px;  }	
.btn_pop_gray {  margin:2px; background-color: #999999; /*gray*/  border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:45px; line-height:43px;  }	
.btn_pop_scan {  margin:10px; background-color: orange; border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:85%; height:45px; line-height:43px;  }	


	
.login_button {  margin-top:-6px; background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px;  }	
.logout_button {  margin-top:-6px; background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px;  }	
.submit_button { margin-top:-6px;background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px; }	
.submit_red_button { margin-top:-6px;background-color: red; border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px; }	

.log_cancel_button { margin-top:15px; background-color: /*orange*/#ff794d; border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px;  }		
.log_red_button { margin-top:15px; background-color: /*orange*/red; border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px;  }		
.preset_button { margin-top:-6px; background-color: /*orange*/#ff794d; border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px;  }		
.cancel_login { margin-top:-6px; background-color: /*orange*/#ff794d; border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px;  }		
.cancel_logout { margin-top:-6px; background-color: /*orange*/#ff794d; border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px;  }		

.switch_button { margin-top:5px; font-weight:bold; background-color: /*blue*/#65a2f1; border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 19px; width:49%; height:40px; line-height:34px;  }		
.open_drawer { margin-top:5px; font-weight:bold; background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 19px; width:100%; height:40px; line-height:34px;  }		
.open_drawer_half { margin-top:5px; font-weight:bold; background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 19px; width:49%; height:40px; line-height:34px;  }		
.open_drawer_quarter { margin-top:5px; font-weight:bold; background-color: #ff794d;/*orange*/ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 19px; width:24%; height:40px; line-height:34px;  }		
.break_quarter { margin-top:5px; font-weight:bold; background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 19px; width:24%; height:40px; line-height:34px;  }		
.r_cancel { margin-top:5px; font-weight:bold; background-color: /*orange*/#ff794d; border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 19px; width:25%; height:40px; line-height:34px;  }		

.time_in_yes { margin-top:-6px; background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px; }	
.time_out_yes { margin-top:-6px;  background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px; }	
.yes_button { background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px; }		
.half_green_button { background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:40%; height:65px; line-height:63px; }		
.full_green_button { background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:80%; height:65px; line-height:63px; }		

.tow_third_green_button { background-color: #4CAF50; /* Green */ border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:60%; height:65px; line-height:63px; }		
.one_third_gray_button { background-color: /*gray*/#999999;  border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; font-size: 22px; width:20%; height:65px; line-height:63px; }		

.btn_m_pos_green {padding:4px 10px; background:/*Green*/#4CAF50;  margin-top:10px; margin-bottom:10px;  border:1px solid #4d8ad9; color:#fff; font-weight:bold} /* 서식단계 진행 */
.btn_m_pos_blue {padding:4px 10px;background:/*blue*/#65a2f1;  margin-top:10px; margin-bottom:10px; border:1px solid #4d8ad9; color:#fff; font-weight:bold}
.btn_m_pos_orange {padding:4px 10px; background:/*orange*/#ff794d;  margin-top:10px; margin-bottom:10px; border:1px solid #cc4600; color:#fff; font-weight:bold }
.btn_m_pos_gray {padding:4px 10px; background:/*gray*/#999999;  margin-top:10px; margin-bottom:10px; border:1px solid #4d8ad9; color:#fff; font-weight:bold} /* 서식단계 진행 */
.btn_m_pos_red {padding:4px 10px; background:/*red*/#cc0000;  margin-top:10px; margin-bottom:10px; border:1px solid #cc0000; color:#fff; font-weight:bold} /* 서식단계 진행 */
.btn_m_pos_mgray {padding:4px 10px; background:/*gray*/#A9A9A9;  margin-top:10px; margin-bottom:10px; border:1px solid #4d8ad9; color:#fff; font-weight:bold} /* 서식단계 진행 */


.btn_pos_green {padding:4px 10px; background:/*Green*/#4CAF50; border:1px solid #4d8ad9; color:#fff; font-weight:bold} /* 서식단계 진행 */
.btn_pos_blue {padding:4px 10px;background:/*blue*/#65a2f1; border:1px solid #4d8ad9; color:#fff; font-weight:bold}
.btn_pos_orange {padding:4px 10px; background:/*orange*/#ff794d; border:1px solid #cc4600; color:#fff; font-weight:bold }
.btn_pos_gray {padding:4px 10px; background:/*gray*/#999999;  border:1px solid #ffffff; color:#fff; font-weight:bold} /* 서식단계 진행 */
.btn_pos_red {padding:4px 10px; background:/*red*/#cc0000;  border:1px solid #cc0000; color:#fff; font-weight:bold} /* 서식단계 진행 */
.btn_pos_mgray {padding:4px 10px; background:/*gray*/lightgray;  border:1px solid #ffffff; color:#fff; font-weight:bold} /* 서식단계 진행 */
.btn_pos_yellow {padding:4px 10px; background:/*lightorange*/orange;  border:1px solid #4d8ad9; color:#fff; font-weight:bold} /* 서식단계 진행 */


.pos_btn_submit{padding:5px;border:0;  background:/*blue*/#65a2f1; border:1px solid #4d8ad9;color:#fff;color:#fff;font-weight:bold}
.pos_btn_orange{padding:5px;border:0;  background: /*orange*/#ff794d; border:1px solid #4d8ad9;color:#fff;color:#fff;font-weight:bold}
.pos_btn_submit_green{padding:5px;border:0;  background:/*Green*/#4CAF50; border:1px solid #4d8ad9;color:#fff;color:#fff;font-weight:bold}
.pos_btn_cancel{padding:5px;border:0; background: /*orange*/#ff794d; border:1px solid #ff622d;color:#fff;color:#fff;font-weight:bold}
.btn_cancel{height:26px;line-height:40px;vertical-align:middle;padding:0 10px; }

#head_title_right {text-align:right; font-size:1.2em; padding-top:15px; color:#EEEEEE;}
#title {text-align:center; font-size:1.2em; margin:10px;}
#pos_logo {position: relative; top: 12px;}
#register_title {text-align:left; font-size:1.5em; color:gray; margin-left: 20px;}
/*#print {text-align:right; margin-right: 10px;}*/
#pos_body { font-size:1.0em; margin-left:auto; margin-right:auto; width:850px; margin-bottom:40px; line-height:180%; text-align: center; }
.back_office_table { text-align:left; font-size:16px; line-height:220%;}
.back_office_left_td { text-align:left; font-size:16px; line-height:220%; vertical-align:top;}
.back_office_right_table { text-align:right; font-size:12px; line-height:220%;}
.back_office_half_left_td { text-align:left; font-size:16px; line-height:220%; vertical-align:top; width:400px;}
.back_office_half_middle_td { text-align:left; font-size:16px; line-height:220%; vertical-align:top; width:50px;}
.back_office_half_right_td { text-align:left; font-size:16px; line-height:220%; vertical-align:top; width:400px;}
.back_office_half_right_td_more { text-align:left; font-size:12px; line-height:220%; vertical-align:top; width:400px;}




/* 중간 레이아웃 */
.cash_ct_bg{background:#efefef; height:90%; width:100%; position:absolute; padding:0px;}

#cash_container {position:relative;width:100%;height:650;}
#cash_container_wr{margin:0 auto 0;max-width:1250px;position:relative;}
#cash_container_wr a.back_to_home { background:white;  color:orangeRed; }
#cash_container_wr:after{display:block;visibility:hidden;clear:both;content:""}
#cash_container_title{text-align :center;padding:0 15px;font-family:'Nanum Gothic',sans-serif;background:url(../img/tab-bg.jpg) repeat-x 0 50%;display:inline-block;font-size:1.5em;margin:30px 0 20px}
#cash_container_title span{display:inline-block;background:#fff;font-weight:bold;padding:0 10px}
.cash_contents_tit{text-align :center;padding:0 15px;font-family:'Nanum Gothic',sans-serif;background:url(../img/tab-bg.jpg) repeat-x 0 50%;display:inline-block;font-size:1.167em;margin:30px 0 20px}
.cash_contents_tit span{display:inline-block;background:#fff;font-weight:bold;padding:0 10px}

.cash_con_tit{border-bottom:2px solid #aaa}
.cash_con_tit a,.con_tit span{font-family:arial black; font-size:2.9em;color:#aaa;background:#fff}

.delete_x { margin-left:5px; color:white; background:#CCCCCC; font-weight:bold; border:0 none; cursor:pointer; border-radius: 3px; width: 20px; height:18px; margin:0px; padding:0; text-align:center; font-size: 16px; line-height: 14px;}
.delete_xx { margin-left:5px; color:white; background:#CCCCCC; font-weight:bold; border:0 none; cursor:pointer; border-radius: 3px; width: 30px; height:18px; margin:0px; padding:0; text-align:center; font-size: 16px; line-height: 14px;}


.item_up { margin-left:5px; color:white; background:/* green */#4CAF50;; font-weight:bold; border:0 none; cursor:pointer; border-radius: 3px; width: 20px; height:18px; margin:0px; padding:0; text-align:center; font-size: 16px; line-height: 14px;}
.item_down { margin-left:5px; color:white; background:/*orange*/#ff794d; font-weight:bold; border:0 none; cursor:pointer; border-radius: 3px; width: 20px; height:18px; margin:0px; padding:0; text-align:center; font-size: 16px; line-height: 14px;}
	
	/*왼쪽 계산서 #register_left 안쪽으로 한번더*/
	#receipt { font-size:1.2em; text-align:left; padding: 10px;}
	#receipt .title { font-size:3em; color:gray; font-weight:bold; margin-bottom:10px;}
	#receipt .title_sub { font-size:2em; color:gray; font-weight:bold; margin-bottom:10px;}
	#receipt .error { font-size:2em; font-weight:bold; text-align:left; color:red; padding: 10px; }	
	#receipt form input.po_x { margin-left:5px; color:white; background:red; font-weight:bold; border:0 none; cursor:pointer; border-radius: 3px; width: 20px; height:18px; margin:0px; padding:0; text-align:center; font-size: 16px; line-height: 6px;}
	
	#receipt form input.delete_x { margin-left:5px; color:white; background:#CCCCCC; font-weight:bold; border:0 none; cursor:pointer; border-radius: 3px; width: 20px; height:18px; margin:0px; padding:0; text-align:center; font-size: 16px; line-height: 6px;}
	#receipt form input.submit_list { font-size:14pt; color: white; text-align: center; background:/*gray*/#909090;  margin-top:-2px; height:30px; line-height:28px ; float:right; width:22%; border:2px solid white; }
	#receipt form input.submit_list_full { font-size:14pt; color: white; text-align: center; background:/*gray*/#909090;  margin-top:-2px; height:30px; line-height:28px ; float:right; width:44%; border:2px solid white; }
	#receipt form input.submit_list_ritem { font-size:14pt; color: white; text-align: center; background:/*gray*/#909090;  margin-top:-2px; height:30px; line-height:28px ; float:right; width:44%; border:2px solid white; }
	#receipt form input.delete_list { font-size:14pt; color: white; text-align: center; background:/*orange*/#ff794d;  margin-top:-2px; height:30px; line-height:28px ; float:right; width:22%; border:2px solid white; }
	#receipt form input.text { width:45%;}
	#receipt form input.return_submit { font-size:14pt; color: white; text-align: center; background:/*orange*/#ff794d;  margin-top:-2px; height:30px; line-height:28px ; float:right; width:160px; border:2px solid white; }
	#receipt form input.exchange_submit { font-size:14pt; color: white; text-align: center; background:/*green */#4CAF50;  margin-top:-2px; height:30px; line-height:28px ; float:right; width:160px; border:2px solid white; }
	#receipt button.delete_error { font-size:22pt; color: white; text-align: center; background:/* green */#4CAF50;   height:40px; line-height:38px ; float:right; width:250px; border:2px solid white;}
	#receipt button.submit { font-size:22pt; color: white; text-align: center; background:/* green */#4CAF50;   height:40px; line-height:38px ; float:right; width:250px; border:2px solid white;}
	#receipt button.rtn_submit{ font-size:14pt; color: white; text-align: center; background:/* green */#4CAF50;  height:20px; line-height:38px ; float:right; width:200px; border:2px solid white;}	
	#receipt button.mqty { margin-top:-12px; margin-bottom:5px; font-size:18pt; width:10%; height:31px; line-height:21px ;font-weight: bold; color: white; text-align: center; background:#C0C0C0; border-radius: 5px; float:left;  border:2px solid white; }}


	/*왼쪽 계산서 아래 토탈*/	
	#total_1 {float:left; display:block; width:80%; height:20px; text-align:right;} 
	#total_2 {float:left; display:block; width:20%; height:20px; text-align:right;}


	/*오른쪽 상단 계산*/
	#cash_pay_bar { padding:10px; margin-left:auto; margin-right:auto;  }
	#cash_pay_bar ul{list-style: none outside none; }
	#cash_pay_bar li.changes{ font-size:3.2em; font-weight: bold; color: #808080; /*gray*/ text-align: center; background: #ffffff; height:60px; line-height:55px ;float:left; width:72%; border:2px solid white; }
	#cash_pay_bar li.due_amount{ font-size:3.2em; font-weight: bold; color: #808080; /*gray*/ text-align: center; background: #ffffff; height:60px; line-height:55px ;float:left; width:46%; border:2px solid white; }
	#cash_pay_bar li.due_amount_orange{ font-size:3.2em; font-weight: bold; color: #ff794d; /*orange*/ text-align: center; background: #ffffff; height:60px; line-height:55px ;float:left; width:46%; border:2px solid white; }
	
	#cash_pay_bar li.one_half a{ font-size:1.5em; color: white; text-align: center; background: #999999; height:60px; line-height:55px ;float:right; width:25%; border:2px solid white;}
	#cash_pay_bar li.one_half_orange a{ font-size:1.5em; color: white; text-align: center; background: #ff794d; /*orange*/ height:60px; line-height:55px ;float:right; width:25%; border:2px solid white;}
	
	#cash_pay_bar li.one_third a{ font-size:1.5em; color: white; text-align: center; background: #999999; height:60px; line-height:55px ;float:left; width:18%; border:2px solid white;}
	#cash_pay_bar li.one_third_orange a{ font-size:1.5em; color: white; text-align: center; background: #ff794d; /*orange*/ height:60px; line-height:55px ;float:left; width:18%; border:2px solid white;}
	#cash_pay_bar li.one_third_gray_text a{ font-size:1.5em; color:/*light_gray*/#C8C8C8 ; text-align: center; background: #999999; height:60px; line-height:55px ;float:left; width:18%; border:2px solid white;}
	#cash_pay_bar li.one_fourth a{ font-size:1.5em; color: white; text-align: center; background: #999999; height:60px; line-height:55px ;float:left; width:13.5%; border:2px solid white;}
	#cash_pay_bar li.one_fourth_orange a{ font-size:1.5em; color: white; text-align: center; background: #ff794d; /*orange*/ height:60px; line-height:55px ;float:left; width:13.5%; border:2px solid white;}
	#cash_pay_bar li.full a{ font-size:1.5em; color: white; text-align: center; background: #999999; height:60px; line-height:55px ;float:left; width:54%; border:2px solid white;}
	#cash_pay_bar li.full_orange a{ font-size:1.5em; font-weight: bold; color: white; text-align: center; /*orange*/ background: #ff794d; height:60px; line-height:55px ;float:left; width:54%; border:2px solid white;}
	#cash_pay_bar li.half a{ font-size:1.5em; color: white; text-align: center; background: #999999; height:60px; line-height:55px ;float:left; width:27%; border:2px solid white;}
	#cash_pay_bar li.half_orange a{ font-size:1.5em; color: white; text-align: center; /*orange*/ background: #ff794d;  height:60px; line-height:55px ;float:left; width:27%; border:2px solid white;}

	/*오른쪽 하단 카테고리*/
	#cash_categories { padding:10px; margin-left:auto; margin-right:auto; }
	#cash_categories .title { font-size:1.8em; color:gray; font-weight:bold; margin-bottom:10px; }
	#cash_categories { margin-left:auto; margin-right:auto; }
	#cash_categories .pay_type { font-size:2.2em;  color:#707070; /*darkgray*/ }
	#cash_categories .paid_discription { font-size:1.8em;  color:#707070; /*darkgray*/ line-height:44px }
	#cash_categories form{font-size:1.3em;}
	#cash_categories ul{list-style: none outside none;}
	#cash_categories li a{font-size:1.5em; color: white; text-align: center; background: #999999; height:60px; line-height:55px ;float:left; width:25%; border:2px solid white; }
	#cash_categories li.cate_shortcut a{font-size:1.7em; font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/*peach*/#FFA366;  height:60px; line-height:55px ;float:left; width:25%; border:2px solid white; }
	#cash_categories li.cate_shortcut_blue a{font-size:1.7em; font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/* blue */#88B7FF;  height:60px; line-height:55px ;float:left; width:25%; border:2px solid white; }
	#cash_categories li.cate_shortcut_white a{font-size:1.7em; font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:#FFFFFF;  height:60px; line-height:55px ;float:left; width:25%; border:2px solid white; }
	
	
	#cash_categories li.category a{font-size:1.5em;  font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/* blue */#88B7FF;  height:60px; line-height:55px ;float:left; width:20%; border:2px solid white; }
	#cash_categories li.category_pre a{font-size:1.5em;  font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/*grey*/#E8E8E8;  height:60px; line-height:55px ;float:left; width:20%; border:2px solid white; }
	#cash_categories li.category_none a{font-size:1.5em;  font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/*white*/#FFFFFF;  height:60px; line-height:55px ;float:left; width:20%; border:2px solid white; }
	#cash_categories li.category_new a{font-size:1.5em;  font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/*red*/#ff3232;  height:60px; line-height:55px ;float:left; width:20%; border:2px solid white; }
	
	#cash_categories li.category .cate{font-size:1.5em;  font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/* blue */#88B7FF;  height:60px; line-height:55px ;float:left; width:20%; border:2px solid white; }
	#cash_categories li.category_go a{font-size:1.5em;  font-stretch: condensed; font-weight: bold; color: white; text-align: center; /* orange */ background: #ff794d;  height:60px; line-height:55px ;float:left; width:20%; border:2px solid white; }
	#cash_categories li.disable a{font-size:1.5em; color: white; text-align: center; background: #e5e5e5; height:60px; line-height:55px ;float:left; width:25%; border:2px solid white;}
	
	/*오른쪽 하단 숏컷 버튼 그리고 메니지에 있는 버튼 샘플*/
	.btn_pos_shortcut{font-size:1em; font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/*grey*/#a8a8a8;  height:40px; line-height:12px ;float:left; width:130px; border:2px solid white; }
	#cash_categories button.shortcut {font-size:1em; font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/*grey*/#a8a8a8;  height:40px; line-height:12px ;float:left; width:16.6%; border:2px solid white; }
	#cash_categories button.shortcut_pre {font-size:1em; font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/*grey*/#E8E8E8;  height:40px; line-height:12px ;float:left; width:16.6%; border:2px solid white; }
	#cash_categories button.shortcut_new {font-size:1em; font-stretch: condensed; font-weight: bold; color: white; text-align: center;  background:/*red*/#ff3232;  height:40px; line-height:12px ;float:left; width:16.6%; border:2px solid white; }
		
	/*오른쪽 하단 현금 버튼*/
	#cash_card_pay {  margin-left:auto; margin-right:auto;   }
	#cash_card_pay ul{list-style: none outside none; }
	#cash_card_pay li.amount{ font-size:2.5em; color: black; text-align: center; background: #ffffff; height:70px; line-height:66px ;float:left; width:33.3%; border:2px solid white; }
	#cash_card_pay li.button a{ font-size:2em; color: white; text-align: center; background: #999999; height:70px; line-height:66px ;float:left; width:16.66%; border:2px solid white;}
	#cash_card_pay li.button_number a{ font-size:2em; color: white; text-align: center; background: /* green */#4CAF50; height:70px; line-height:66px ;float:left; width:16.66%; border:2px solid white;}
	#cash_card_pay li.button_number_blue a{ font-size:2em; color: white; text-align: center; background: /* blue */ #5599ff;  height:70px; line-height:66px ;float:left; width:16.66%; border:2px solid white;}
	#cash_card_pay li.button_number_orange a{ font-size:2em; color: white; text-align: center; background: /* orange */ #ff794d;  height:70px; line-height:66px ;float:left; width:16.66%; border:2px solid white;}
	#cash_card_pay li.button_cancel_pay_type a{ font-size:1.4em; font-weight:bold;  color: white; text-align: center;  background:/* orange */ #ff794d;   height:70px; line-height:66px ;float:left; width:50%; border:2px solid white;}
	#cash_card_pay li.button_mumber_white_half a{ font-size:1.4em; font-weight:bold;  color: white; text-align: center;  background:/* white */ white;   height:70px; line-height:66px ;float:left; width:50%; border:2px solid white;}
		
	#cash_card_pay li.button_orange_half a{ font-size:1.4em; font-weight:bold; color: white; text-align: center;  background:/* orange */ #ff794d;   height:100px; line-height:97px ;float:left; width:50%; border:2px solid white;}
	#cash_card_pay li.button_gray_half a{ font-size:1.4em; font-weight:bold; color: white; text-align: center; background:/* gray */#A9A9A9;   height:100px; line-height:97px ;float:left; width:50%; border:2px solid white;}
	#cash_card_pay li.button_green_half a{ font-size:1.4em; color: white; text-align: center; background:/* green */#4CAF50;   height:100px; line-height:97px ;float:left; width:50%; border:2px solid white;}
	#cash_card_pay li.button_blue_half a{ font-size:1.4em; color: white; text-align: center; background:/* blue */#5599ff;   height:100px; line-height:97px ;float:left; width:50%; border:2px solid white;}
	#cash_card_pay li.button_white_half a{ font-size:1.4em; color: white; text-align: center; background:/* white */white;   height:100px; line-height:97px ;float:left; width:50%; border:2px solid white;}
	
	/*오른쪽 하단 키버튼*/
	#keypad { padding:10px; margin-left:auto; margin-right:auto;  }
	#keypad ul{list-style: none outside none; }
	#keypad li.button_number a{ font-size:2em; color: white; text-align: center; background: #999999; height:70px; line-height:66px ;float:left; width:16.66%; border:2px solid white;}
	#keypad li.button_alphabet a{ font-size:2em; color: #333333; text-align: center; background: #dbdbdb; height:70px; line-height:66px ;float:left; width:7.1%; border:2px solid white;}
	#keypad li.button_submit_50 a{ font-size:1.4em; color: white; text-align: center;  background:/* green */#4CAF50;   height:70px; line-height:66px ;float:left; width:50%; border:2px solid white;}
	#keypad li.button_return_50 a{ font-size:1.4em; color: white; text-align: center;  background: /* orange */#ff794d;   height:70px; line-height:66px ;float:left; width:50%; border:2px solid white;}
	#keypad li input { font-size:1.5em; color: white; text-align: center; /* green */ background: #4CAF50;   height:70px; line-height:66px ;float:left; width:50%; border:2px solid white;}
	#keypad li.button_blank_50 a{ font-size:1.5em; color: white; text-align: center; background: white; /* white */  height:70px; line-height:66px ;float:left; width:50%; border:2px solid white;}
	
	.pay_button { background-color:/* blue */#5599ff; font-size:2.5em; font-weight:bold; border: none; color: white;  text-align: center; text-decoration: none; display: inline-block; width:100px; height:45px; line-height:42px; }		
	/*오른쪽 하단 유니버셜 버튼*/
	#buttons { padding:10px; margin-left:auto; margin-right:auto;  }
	#buttons ul{list-style: none outside none; }
	#buttons li.one_queter_green  a{ font-size:1.2em; color: white; text-align: center; background: #4CAF50; /* green */  height:70px; line-height:66px ;float:left; width:25%; border:2px solid white;}
	#buttons li.half_orange a{ font-size:1.8em; color: white; text-align: center; background: #ff794d; /* orange */  height:70px; line-height:66px ;float:left; width:50%; border:2px solid white;}	
	#buttons li.half_green a{ font-size:1.8em; color: white; text-align: center; background: #4CAF50; /* green */   height:70px; line-height:66px ;float:left; width:50%; border:2px solid white;}
	#buttons li.half_white a{ font-size:1.8em; color: white; text-align: center; background: #ffffff; /* white */  height:70px; line-height:66px ;float:left; width:50%; border:2px solid white;}
	#buttons li.small_half_white a{ font-size:1.2em; color: #999999; text-align: center; background: #ffffff; /* white */  height:70px; line-height:66px ;float:left; width:64%; border:2px solid white;}
	#buttons li.samll_queter_green a{ font-size:1.2em; color: white; text-align: center; background: #4CAF50; /* green */  height:70px; line-height:66px ;float:left; width:18%; border:2px solid white; }
	#buttons li.samll_queter_orange a{ font-size:1.2em; color: white; text-align: center; background: #ff794d; /* orange */  height:70px; line-height:66px ;float:left; width:18%; border:2px solid white;  }
	#buttons li.samll_queter_orange input{ font-size:1.2em; color: white; text-align: center; background: #ff794d; /* orange */  height:70px; line-height:66px ;float:left; width:18%; border:2px solid white;  }
	#buttons li.samll_queter_green input{ font-size:1.2em; color: white; text-align: center; background: #4CAF50; /* green */ height:70px; line-height:66px ;float:left; width:18%; border:2px solid white;  }

	/*오른쪽 하단 아이템 서브밋 버튼*/ 
	.item_button_gray {color:white; background:/*grey*/#a8a8a8; font-weight:bold;  font-stretch: condensed; padding:5px 15px; border:0 none;cursor:pointer;   border-radius: 5px; float:left;width: 32%;height: 40px;margin: 3px;text-align:left;  white-space:nowrap; max-width:95%; overflow: hidden; text-overflow: ellipsis;}
	.item_button_blue {color:white; background:/*blue*/#65a2f1; font-weight:bold;  font-stretch: condensed; padding:5px 15px; border:0 none;cursor:pointer;   border-radius: 5px; float:left;width: 32%;height: 40px;margin: 3px;text-align:left;  white-space:nowrap; max-width:95%; overflow: hidden; text-overflow: ellipsis;}
	.item_button_green {color:white; background:/* Green */#4CAF50; font-weight:bold; font-stretch: condensed; padding:5px 15px; border:0 none;cursor:pointer;   border-radius: 5px; float:left;width: 32%;height: 40px;margin: 3px; text-align:left;  white-space:nowrap; max-width:95%; overflow: hidden; text-overflow: ellipsis;}
	
/*@media (max-width: 1200px){
    #cash_container_wr {margin:0 20px}
}
*/
@media (max-width: 970px){
    #register_left{width:40%;}
    #register_right_top{width:58%;margin-top:20px}
	#register_right_bottom{width:58%;margin-top:20px}
}
@media (max-width: 870px){
body {margin:0;padding:0;font-size:0.8em;height:100%;font-family:'돋움',sans-serif;min-width:320px;}
}
@media (max-width: 440px){
    .cash_ct_bg{display:none}
    #register_left{width:100%; padding:15px }
    #register_right_top{width:100%; padding:15px}
	#register_right_bottom{width:100%; padding:15px}
    #cash_container_wr{margin:0}
    #cash_container_title{margin:15px 0 ;font-size:1.167em;}
 }

/*-----[Keyboard structure]---------------------------------------------------*/
/*-----[Keyboard structure]---------------------------------------------------*/
/*-----[Keyboard structure]---------------------------------------------------*/
/*-----[Keyboard structure]---------------------------------------------------*/
/*-----[Keyboard structure]---------------------------------------------------*/
#cash_start_input {
	width: 100%;
	margin: 2% auto;
	display: inline-block;
}
#cash_start_input > input,
#cash_start_input > textarea {
	text-align: center;
	font-family: inherit;
	font-size: 1.5em;
	width: 20%;
	display: inline-block;
	resize: none;
	margin-bottom: 1em;
	border: 1px solid #333;
	padding: 0.25em;
	background: #FEFEFE;
}

#cash_end_input {
	width: 100%;
	margin: 2% auto;
	display: inline-block;
}
#cash_end_input > input,
#cash_end_input > textarea {
	text-align: center;
	font-family: inherit;
	font-size: 1.5em;
	width: 14%;
	display: inline-block;
	resize: none;
	margin-bottom: 1em;
	border: 1px solid #333;
	padding: 0.25em;
	background: #FEFEFE;
}

#osk-container {
	visibility: hidden;
	position: fixed;
	overflow: hidden;
	padding: 1%;
	margin: 0;
	z-index: 100;
}

	#osk-container > li {
		float: left;
		width: 5.81395349%;
		height: 3em;
		margin: 0 0.726744186% 5px 0;
		line-height: 3em;
		text-align: center;
		list-style-type: none;
		cursor: pointer;
		-webkit-user-select: none;
		 -khtml-user-select: none;
		   -moz-user-select: -moz-none;
			-ms-user-select: none;
				user-select: none;
	}

	#osk-container > .osk-capslock,
	#osk-container > .osk-tab,
	#osk-container > .osk-shift {
		clear: left;
	}

	#osk-container > .osk-dragger {
		display: none;
		width: 100%;
		cursor: move;
	}

		#osk-container > .osk-dragger:hover {
			position: static;
		}

	#osk-container > .osk-tab{ width: 16.5%; }
	#osk-container > .osk-backspace{ width: 16.5%; display: inline-block; float:right;}
	#osk-container > .osk-backspace-small{ width: 9.5%; display: inline-block; float:right;}

	#osk-container > .osk-disabled:hover {
		position: static;
	}

	#osk-container > li:hover {
		position: relative;
		top: 1px;
	}

/*-----[Customisable styles]--------------------------------------------------*/

#osk-container {
	width: 47%;     /* Account for 2% padding and a vertical scroll bar */
	min-width: 500px;
	max-width: 1200px;
	background: #EEE;
	border-radius: 5%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#osk-container > li {
	background: #DDD;
	border-radius: 10%;
	-moz-transition: 0.5s;
}

#osk-container > .osk-dragger {
	background: transparent;
	color: #AAA;
}

#osk-container > .osk-disabled {
	background: #E5E5E5;
	color: #CCC;
}

.osk-focused {
	background: #FAFAFA !important;
}

/*-----[뱅뱅이 도는것]--------------------------------------------------*/
#divLoading{display : none;}
#divLoading.show{display : block;position : fixed;z-index: 100;
background-image : url('https://poszip.com/theme/eatshop/mobile/shop/img/loading.gif');
background-color:#666;opacity : 0.4;background-repeat : no-repeat;background-position : center;left : 0;bottom : 0;right : 0;top : 0;}
#loadinggif.show{left : 50%;top : 50%;position : absolute;z-index : 101;width : 32px;height : 32px;margin-left : -16px;margin-top : -16px;}div.content {width : 1000px;height : 1000px;}