@charset "utf-8";

/**/
.bg_login {position:fixed;background:url('/resource/image/user/pic/bg01.jpg') #1b1f28 no-repeat;background-size:cover;
font-family:'Oswald', sans-serif;height:100%;min-height:100%;}

.log_grp {position:absolute;width:740px;height:410px;background:#e4e4e4;
left:50%;top:50%;margin:-200px 0 0 -370px}

.log_grp .left_bx {float:left;width:370px;height:410px;
background:url('/resource/image/user/pic/left_img.jpg') #fff no-repeat;}
.log_grp .left_bx h1 {color:#fff;font-size:35px;font-weight:normal;}
.log_grp .left_bx p {text-align:left;padding-left:30px;padding-top:373px;font-family:sans-serif;letter-spacing:1px;color:#666;}

.log_grp .right_bx {float:left;width:370px;text-align:center;}
.log_grp .right_bx h1 {font-size:29px;text-align:center;padding:36px 0 25px 0;}
.log_grp .right_bx input, .right_bx a {-webkit-border-radius:50px;border-radius:50px;}
.log_grp .right_bx input {display:block;width:210px;height:42px;margin:0 auto 20px auto;
border:0;padding:0 10px 0 40px;font-size:15px;border:1px solid #fff;}
#hwid {background:url('/resource/image/user/pic/bg_id.png') #fff 15px center no-repeat;}
#hwbmbeonho {background:url('/resource/image/user/pic/bg_pw.png') #fff 17px center no-repeat;}
.log_grp .right_bx input:focus {outline:none;border:1px solid #666a75}
.log_grp .right_bx .btn {display:block;width:255px;height:45px;line-height:45px;margin:0 auto;
background:#333;color:#fff;font-family:'Oswald', sans-serif;letter-spacing:1px;}
.log_grp .right_bx .btn:hover {text-decoration:underline;}
.log_grp .right_bx p {padding-top:30px;font-size:12px;color:#444;}
.log_grp .right_bx p a {display:block;}
.log_grp .right_bx p a:hover {text-decoration:underline;color:#000;}

.log_tab {width:100%;}
.log_tab:after {display:block;content:'';clear:both;}
.log_tab li {display:inline-block; float:left;width:50%;height:50px;line-height:50px;background:#fff;
cursor:pointer;font-size:15px;color:#888;text-align:center;letter-spacing:0.5px;}
.log_tab li:hover, .log_tab li.active {background:#e4e4e4;color:#0162a6;}

/* wrap */
#wrap {min-width:980px;margin: 0 auto;height:100%;min-height:100%;}

.radius01 {-webkit-border-radius:5px;border-radius:5px;}
.radius02 {-webkit-border-radius:9px;border-radius:9px;}
.radius03 {-webkit-border-radius:100px;border-radius:100px;}
.radius10 {-webkit-border-radius:10px;border-radius:10px;}

label {font-size: 14px;margin-bottom: 10px;}

.chk_use {margin-bottom:10px;width:15px;height:15px;}

/* 다국어 퀵 메뉴 */
/* .qukgrp {position:fixed;top:50%;right:30px;margin-top:-130px;z-index:900;}
.qukgrp li {width:45px;margin-bottom:20px;}
.qukgrp li a {display:block;width:50px;height:50px;}
.qukgrp li a img {width:100%;height:100%;vertical-align:top;}
 */

/* header */
.header {height:70px;background: url('/resource/image/user/bg/bg_header.jpg') #1b1f28 repeat-x;}

.txt_maintit {line-height: 70px;text-align:left;font-size:21px;color:#fff;}
.txt_maintit em {font-weight:normal;letter-spacing:1px;}

/* nav */
.nav {position:absolute;top:0;right:0;height:70px;overflow:hidden;border-right:1px solid #3d424b;}

.nav li {float:left;width: 105px;height:70px;line-height:70px;text-align:center;color:#fff;cursor:pointer;letter-spacing:-0.5px;border-left:1px solid #3d424b;border-right:1px solid #111;font-weight:bold;font-size:14.5px;}

.nav li:hover {text-decoration:underline;}
.nav li:first-child {color:#0fc1ff;}
.nav li.logout {width:70px;font-size:12px;line-height:0 !important;}

.nav li span {display:inline-block;width:25px;height:25px;vertical-align:middle;margin:0 7px 5px 0;}

.nav li span.item01 {background: url('/resource/image/user/icon/navtem01.png') center no-repeat;}
.nav li span.item02 {background: url('/resource/image/user/icon/navtem02.png') center no-repeat;}
.nav li span.item03 {background: url('/resource/image/user/icon/navtem03.png') center no-repeat;}
.nav li span.item04 {background: url('/resource/image/user/icon/navtem04.png') center no-repeat;}
.nav li span.item05 {background: url('/resource/image/user/icon/navtem05.png') center no-repeat;}
.nav li span.item06 {display: block !important;margin: 12px auto 11px auto;background: url('/resource/image/user/icon/navtem06.png') center no-repeat;}
.nav li span.item07 {background: url('/resource/image/user/icon/navtem07.png') center no-repeat;}

/* container */
#container {
	background: #e2e2e2;
	*zoom: 1;
}

#container:after {
	display: block;
	content: '';
	clear: both;
}

/* content */
.content {
	position: relative;
	width: 1140px;
	min-height: 800px;
	margin: 0 auto;
	padding: 35px 0;
	*zoom: 1;
}

.cenbox {
	position: relative;
	width: 1140px;
	margin: 0 auto;
}

.cenbox:after {
	display: blcok;
	content: '';
	clear: both;
}

/* 체크박스 디자인 공통 */
.chkbx[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
	appearance: none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari and Chrome */
	width: 24px;
	height: 24px;
	margin-right: 7px;
	border: 0;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	cursor: pointer;
}

.chkbx[type="checkbox"]:checked {
	display: inline-block;
	vertical-align: middle;
	appearance: none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari and Chrome */
	border: 0;
}

.chk[type="checkbox"] {background: url('/resource/image/user/icon/icon_chk_w.png') center #d1d1d1 no-repeat;}
.chk[type="checkbox"]:checked {background: url('/resource/image/user/icon/icon_chk_w.png') center #0c99da no-repeat;}

/* 라디오 디자인 공통 */
.rd_box {height:40px !important;}
.rd_box label {font-size:17px;}
.rdobx[type="radio"] {
	display: inline-block;
	vertical-align: middle;
	appearance: none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari and Chrome */
	width: 30px;
	height: 30px;
	margin-right: 7px;
	border: 0;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	cursor: pointer;
	margin-bottom:5px;
}

.rdobx[type="radio"]:checked {
	display: inline-block;
	vertical-align: middle;
	appearance: none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari and Chrome */
	border: 0;
}
.rdo[type="radio"] {background: url('/resource/image/user/icon/icon_chk_w.png') center #d1d1d1 no-repeat;}
.rdo[type="radio"]:checked {background: url('/resource/image/user/icon/icon_chk_w.png') center #DE5217 no-repeat;}


/* left_grp */
.left_grp {
	overflow-y: scroll;
	width:720px;
	padding: 15px;
	height: 700px;
}

.left_grp:after {
	display: blcok;
	content: '';
	clear: both;
}

.left_grp, .right_grp {
	float: left;
	background: #fff;
	min-height: 700px;
	border: 1px solid #ddd;
}

.combo_grp {
	padding: 0 0 12px 0
}

.combo_grp .mg_value {
	margin-left: 6px;
}

.in_box {
	display: inline-block;
	height: 30px;
}

.in_box:after {
	display: inline-block;
	content: '';
	clear: both;
}

.in_box label {
	display: inline-block;
	font-weight: bold;
	margin: 0 5px 0 0;
	color: #222;
}

.in_box select, .in_box input {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 0 0 0 5px;
}

.in_box select {
	height: 28px;
}

.in_box input {
	height: 24px;
	padding-left: 5px;
}

.in_box button {
	width: 70px;
	height: 29px;
	line-height: 28px;
	border: 0;
	background: url('/resource/image/user/bg/bg_bt_grad.png') bottom
		repeat-x;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	margin-bottom: 3px;
}

.in_box button:hover {
	text-decoration: underline;
}

.in_box input[type=button] {
	width: 70px;
	height: 29px;
	line-height: 28px;
	border: 0;
	background: url('/resource/image/user/bg/bg_bt_grad.png') bottom
		repeat-x;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	margin-bottom: 3px;
	cursor: pointer;
}

.in_box input[type=button]:hover {
	text-decoration: underline;
}

/* tbl_type_srch */
.tbl_type_srch {
	border-spacing: 0;
	border-collapse: 0;
	width: 100%;
}

.tbl_type_srch, .tbl_type_srch th, .tbl_type_srch td {
	border: 0;
}

.tbl_type_srch {
	font-size: 13px;
	clear: both;
}

.tbl_type_srch th {
	padding: 11px 5px;
	line-height: 100%;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #333;
	border-bottom: 1px solid #ddd;
	background: url('/resource/image/user/bg/bg_tb_grad.png') bottom repeat-x;
	letter-spacing:-0.5px;
}

.tbl_type_srch td {
	padding: 7px 12px;
	border-bottom: 1px dotted #ccc;
	font-size:15px;
	color: #666;
	text-align: left;
}
.tbl_type_srch td.opt {
	line-height:130%;
}
.tbl_type_srch td.syyb {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-align: right !important
}

.tbl_type_srch td.popDeta {
	font-weight: bold;
}

.rpt_txt td {font-size:15px !Important;font-weight:bold;}
.icon_ser {display:inline-block;width:24px;height:24px;vertical-align:middle;
background:url('/resource/image/user/icon/icon_ser.png') center #656b75 no-repeat;}

.price_grp {
	background: #0168ab;
	padding: 10px 20px
}

.tb_price {
	border-spacing: 0;
	border-collapse: collapse;
}

.tb_price tbody th, td {
	text-align: left;
	border: 0;
	color: #fff;
	font-size: 14px;
	line-height: 100%;
	padding: 4px 0;
}

.tb_price tbody td {
	text-align: right !important;
}

/* right_grp */
.right_grp {
	width: 368px;
	margin-left: 15px;
}

.right_grp:after {
	display: blcok;
	content: '';
	clear: both;
}

.r_box01 h4 {
	font-size: 14px;
	padding-bottom: 8px;
}

.r_box01 li {
	float: left;
	margin-bottom: 10px;
}

.r_box01 li:last-child {
	margin-left: 15px;
}

.r_box01 li textarea {
	border: 0;
	padding:8px !important;
	width: 161px;
	height: 60px;
	color: #666;
	font-size: 13px;
}

/* btn_setting */
.btn_setting {
	text-align: center;
	padding: 12px 0 0 0
}

.btn_setting:after {
	display: block;
	content: '';
	clear: both
}

.btn_setting li {
	display: inline-block;
	width: 47px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	margin: 0 5px;
	cursor: pointer;
}

.btn_setting li.mg_l {
	margin-left: 12px;
}

.btn_setting li.mg_r {
	margin-right: 12px;
}

.btn_setting li.arrow_l {
	background: url('/resource/image/user/btn/btn_set_l.png') center
		no-repeat;
}

.btn_setting li.arrow_r {
	background: url('/resource/image/user/btn/btn_set_r.png') center
		no-repeat;
}

.btn_setting li.btn_plus {
	background: url('/resource/image/user/btn/btn_set_plus.png') center
		no-repeat;
}

.btn_setting li.btn_minus {
	background: url('/resource/image/user/btn/btn_set_minus.png') center
		no-repeat;
}

/* 우측 하단 버튼 */
.bpd_value {
	padding: 10px 8px;
}

.OrderCredit:after {
	display: block;
	content: '';
	clear: both;
}

.OrderCredit li {
	display: inline-block;
	float: left;
	width: 166px;
	height: 65px;
	line-height: 65px;
	margin: 5px;
	border-radius: 6px;
	text-align: center;
	background: #656b75;
	color: #fff;
	font-size: 14.5px;
	font-weight: bold;
	cursor: pointer;
	letter-spacing: -0.5px;
}

.OrderCredit li.bg_sty {
	background: #1b1f28;
}

.OrderCredit li:hover {
	text-decoration: underline;
}

.OrderCredit li span {
	display:inline-block;
	width:25px;
	height:25px;
	vertical-align:middle;
	margin:0 7px 5px 0;
}
.OrderCredit li span.btem01 {
	background: url('/resource/image/user/btn/btem01.png') center no-repeat;
}
.OrderCredit li span.btem02 {
	background: url('/resource/image/user/btn/btem02.png') center no-repeat;
}
.OrderCredit li span.btem03 {
	background: url('/resource/image/user/btn/btem03.png') center no-repeat;
}
.OrderCredit li span.btem04 {background:url('/resource/image/user/btn/btem04.png') center no-repeat;}
.OrderCredit li span.btem05 {background:url('/resource/image/user/icon/navtem04.png') center no-repeat;}
.OrderCredit li span.btem06 {background:url('/resource/image/user/btn/btem06.png') center no-repeat;}

/* .OrderCredit{position:relative;float:left;min-width:375px;min-height:100px;}
.btnOrder {position:relative;display:inline-block;clear:both;min-width:150px;min-height:50px;padding:25px 15px 0px 15px;line-height:100%;font-size:17px;margin:10px 0px 0px 5px;font-weight:bold;
background-color:#142c44; color:#FFFFFF;text-align:center;}
.btnOrder:hover {background-color:#144150;}
 */
.pd_box {
	padding: 15px;
}

/* scontent */
.scontent {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 90px;
	background: url('/resource/image/user/bg/bg_scontent.png') repeat
		!important;
	border-radius: 10px;
}

/* 메인 텍스트  */
.txt_sub_maintit {
	float: left;
	text-align: left;
	padding: 10px 0 10px 20px;
	font-size: 10px;
	font-weight: bold;
}

.top_menu {
	float: right;
	height: 65px;
	text-align: left;
}

.top_menu .btn {
	display: inline-block;
	min-width: 90px;
	min-height: 25px;
	padding: 10px;
	line-height: 100%;
	font-size: 17px;
}

.top_menu .btn:hover {
	background-color: #A6A6A6;
}

.top_menu {
	float: right;
	width: 1000px;
	height: 65px; /* padding-top:30px; */
	margin: 0 auto;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	text-align: left;
}

.top_menu .btn2 {
	display: inline-block;
	width: 120px;
	min-height: 25px;
	padding: 10px;
	line-height: 100%;
	font-size: 17px;
	margin: 8px 0px 0px 8px;
	font-weight: bold;
	/* background:url('/resource/image/user/btn/btn_nhover.png') center no-repeat; */
	background-color: #142c44;
	text-align: center;
	color: #FFFFFF;
}

.top_menu .btn2:hover {
	background-color: #144150;
}

.top_menu .btn2.active, .search_list {
	text-align: left;
}

.choice_table {
	margin: 0px 10px auto;
	text-align: left;
	background: #fff;
}

.choice_table .table.nuse {
	position: absolute;
	display: inline-block;
	width: 85px;
	height: 85px;
	padding: 0px;
	line-height: 200%;
	font-size: 17px; /* margin:5px 0; */
	font-weight: bold;
	background: url('/resource/image/user/bg/bg_sbys_off.png') center
		no-repeat;
	text-align: center;
	border: 2px solid #FFFFFF;
}

.choice_table .table p {
	font-size: 15px
}

.choice_table .table.nuse:hover {
	background: url('/resource/image/user/bg/bg_sbys_on.png') center
		no-repeat;
}

.choice_table .table.nuse.active, .choice_table .table.use {
	position: absolute;
	display: inline-block;
	width: 85px;
	height: 85px;
	padding: 0px;
	line-height: 200%;
	font-size: 17px; /* margin:5px 0; */
	font-weight: bold;
	background: url('/resource/image/user/bg/bg_gtir_off.png') center
		no-repeat;
	text-align: center;
	border: 2px solid #FFFFFF;
}
/* .choice_table .table.use {background:url('/resource/image/user/bg/bg_gtir_off.png') center no-repeat;!important;font-size:38px;} */
.choice_table .table.use:hover {
	background: url('/resource/image/user/bg/bg_gtir_on.png') center
		no-repeat;
}

.choice_table .table.use.active, .menu {
	clear: both;
	float: left;
	display: block;
	width: 125px;
	height: 800px; /* padding-top:30px; */
	margin: 0px 0px 0px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.menu .up {
	display: inline-block;
	min-width: 90px;
	min-height: 25px;
	padding: 10px;
	line-height: 100%;
	font-size: 17px;
	margin: 8px 0px 0px 8px;
	font-weight: bold;
	/* background:url('/resource/image/user/btn/btn_nhover.png') center no-repeat; */
	background-color: #142c44;
	color: #FFFFFF;
	text-align: center;
}

.menu .up:hover {
	background-color: #144150;
}

.menu .up.active, .menu .down {
	position: absolute;
	top: 800px;
	display: block;
	clear: both;
	min-width: 90px;
	min-height: 25px;
	padding: 10px;
	line-height: 100%;
	font-size: 17px;
	margin: 8px 0px 0px 8px;
	font-weight: bold;
	/* background:url('/resource/image/user/btn/btn_nhover.png') center no-repeat; */
	background-color: #142c44;
	color: #FFFFFF;
	text-align: center;
}

.menu .down:hover {
	background-color: #144150;
}

.menu .down.active, .itemMenu {
	clear: both;
	float: left;
	display: block;
	width: 125px;
	height: 800px; /* padding-top:30px; */
	margin: 0px 0px 0px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.itemMenu .up {
	display: inline-block;
	min-width: 90px;
	min-height: 25px;
	padding: 10px;
	line-height: 100%;
	font-size: 17px;
	margin: 8px 0px 0px 8px;
	font-weight: bold;
	/* background:url('/resource/image/user/btn/btn_nhover.png') center no-repeat; */
	background-color: #142c44;
	color: #FFFFFF;
	text-align: center;
}

.itemMenu .up:hover {
	background-color: #144150;
}

.itemMenu .up.active, .itemMenu .down {
	position: absolute;
	top: 800px;
	display: block;
	clear: both;
	min-width: 90px;
	min-height: 25px;
	padding: 10px;
	line-height: 100%;
	font-size: 17px;
	margin: 8px 0px 0px 8px;
	font-weight: bold;
	/* background:url('/resource/image/user/btn/btn_nhover.png') center no-repeat; */
	background-color: #142c44;
	color: #FFFFFF;
	text-align: center;
}

.itemMenu .down:hover {
	background-color: #144150;
}

.itemMenu .down.active, .btn_up {
	display: block;
	clear: both;
	min-width: 60px;
	font-size: 17px;
	font-weight: bold;
	/* background:url('/resource/image/user/btn/btn_nhover.png') center no-repeat; */
	background-color: #142c44;
	color: #FFFFFF;
	text-align: center;
}

.btn_up:hover {
	background-color: #144150;
}

.btn_up.active, .btn_down {
	display: block;
	clear: both;
	min-width: 60px;
	font-size: 17px;
	font-weight: bold;
	/* background:url('/resource/image/user/btn/btn_nhover.png') center no-repeat; */
	background-color: #142c44;
	color: #FFFFFF;
	text-align: center;
}

.btn_down:hover {
	background-color: #144150;
}

.btn_down.active, .menu .btn {
	display: inline-block;
	min-width: 90px;
	min-height: 25px;
	padding: 10px;
	line-height: 100%;
	font-size: 17px;
	margin: 8px 0px 0px 8px;
	font-weight: bold;
	/* background:url('/resource/image/user/btn/btn_nhover.png') center no-repeat; */
	background-color: #BDBDBD;
	text-align: center;
}

.menu .btn:hover {
	background-color: #A6A6A6;
}

.menu .btn.active,
	/* .itemGroup{max-height:680px;width:150px;overflow:auto;}

.itemMenu .btn {display:inline-block;min-width:90px;min-height:25px;padding:10px;line-height:100%;font-size:17px;margin:8px 0px 0px 8px; font-weight:bold; 
background-color:#BDBDBD; text-align:center;}
.itemMenu .btn:hover {background-color:#A6A6A6;}
.itemMenu .btn.active,

.itemMenu2 {clear:both;float:left;display:block;width:125px;height:800px;margin:0px 0px 0px 10px;margin-top:10px;margin-bottom:10px;text-align:left;}
.itemMenu2 .up {display:inline-block;min-width:90px;min-height:25px;padding:10px;line-height:100%;font-size:17px;margin:8px 0px 0px 8px;font-weight:bold;
background:url('/resource/image/user/btn/btn_nhover.png') center no-repeat;background-color:#142c44; color:#FFFFFF;text-align:center;}
.itemMenu2 .up:hover {background-color:#144150;}
.itemMenu2 .up.active,
.itemMenu2 .down {position:absolute;top:800px;display:block;clear:both;min-width:90px;min-height:25px;padding:10px;line-height:100%;font-size:17px;margin:8px 0px 0px 8px;font-weight:bold;
background-color:#142c44; color:#FFFFFF;text-align:center;}
.itemMenu2 .down:hover {background-color:#144150;}
.itemMenu2 .down.active,

.itemMenu2 .btn {display:inline-block;min-width:90px;min-height:25px;padding:10px;line-height:100%;font-size:14px;margin:8px 0px 0px 8px; font-weight:bold; 
background-color:#BDBDBD; text-align:center;}
.selected {border: 1px solid red;};
.itemMenu2 .btn:hover {background-color:#A6A6A6;}
.itemMenu2 .btn.active,
.itemMenu2 .btn2 {display:inline-block;min-width:90px;min-height:25px;padding:10px;line-height:100%;font-size:14px;margin:8px 0px 0px 8px; font-weight:bold; 
background-color:#ffffff; text-align:center;}
.selected {border: 1px solid red;};
.itemMenu2 .btn2:hover {background-color:#efefef;}

 */
	/* 보이드 */
	/* .selected{background-color: rgba(0, 0, 0, 0.5) !important;} */
	.table_info {
	position: relative;
	display: block;
}

.bill_num {
	position: relative;
	disply: block;
}

.chek_list {
	overflow: auto;
	min-height: 400px;
}

/* .table_info_btn {
	
}

.table_info_btn .btn {
	position: relative;
	display: inline-block;
	clear: both;
	min-width: 60px;
	min-height: 25px;
	padding: 10px;
	line-height: 100%;
	font-size: 17px;
	margin: 8px 0px 0px 8px;
	font-weight: bold;
	background-color: #142c44;
	color: #FFFFFF;
	text-align: center;
}

.table_info_btn .btn:hover {
	background-color: #144150;
} */

/* .table_info_btn2 {
	min-width: 375px;
	min-height: 50px;
}
 */
.table_info_btn2 .btn {
	position: relative;
	display: inline-block;
	clear: both;
/* 	min-width: 60px; */
	min-height: 25px;
	padding: 10px;
	line-height: 100%;
	font-size: 17px;
	margin: 8px 0px 0px 8px; /* font-weight:bold */;
	background-color: #142c44;
	color: #FFFFFF;
	text-align: center;
}

.table_info_btn2 .btn:hover {
	background-color: #144150;
}

.table_info_btn2 .btn.active, .table_info_btn .btn2 {
	position: relative;
	display: inline-block;
	clear: both;
	min-width: 70px;
	min-height: 25px;
	padding: 10px;
	line-height: 100%;
	font-size: 17px;
	margin: 8px 0px 0px 5px; /* font-weight:bold */;
	background-color: #142c44;
	color: #FFFFFF;
	text-align: center;
}

.table_info_btn .btn2:hover {
	background-color: #144150;
}

.table_info_btn .btn2.active, .credit_btn {
	position: relative;
	height: 70px;
}

.credit_btn .btn {
	position:relative;
	display:inline-block;
	clear:both;
	width: 48%;
	height:44px;
	line-height:44px;
	font-size:15px;
	margin:8px 0px;
	background:#aaa;
	color: #000;
	text-align:center;
}
.mg_left {margin-left:6px !important;}
.credit_btn .btn:hover {background:#1b1f28;color:#fff;}
.credit_btn .active {background:#1b1f28;color:#fff;}


/* .price_info{position:relative;disply:block;}
.bill_info{position:relative;disply:block;height:125px; background-color:#FFFFFF;word-break:break-all;font-weight:bold;font-size:16px;line-height:120%;overflow: auto;}
 */
.txtarea {
	clear: both;
	width: 100%;
	height: 50px;
	padding: 10px;
	box-sizing: border-box;
	background: #eee;
	resize: none;
}

.bt_txt {
	padding: 20px 10px;
	line-height: 160%;
	font-size: 1.1em;
	color: #888;
}

#scod { /* width:150px; */
	float: left;
}

/* #itemView {
	float: left;
	width: 690px;
	height: 800px;
}
 */
/* #itemView .items {
	float: left;
	display: inblock;
	width: 150px;
	min-height: 165px;
	margin-top: 15px;
	margin-left: 10px;
	text-align: center;
}
 */
/* #itemView .items img {
	width: 150px;
	height: 100px;
	border-radius: 3px;
	cursor: pointer;
} */

/* #itemView .items .itemAddP {
	width: 150px;
	height: 100px;
	border-radius: 3px;
	cursor: pointer;
	line-height: 5;
	font-size: 15pt;
	background: #FFFFFF;
	margin-bottom: 5px;
} */

/* .numberPad {
	width: 100%;
	height: 170px;
	line-height: 80px;
	margin-top: 40px
}

.numberPad .btn {
	width: 22.5%;
	height: 80px;
	display: inline-block;
	background: #424c58;
	margin: 5px 0px 0px 5px;
	text-align: center;
	color: #fff;
	font-size: 16pt;
	font-weight: bold;
	vertical-align: middle;
}

.numberPad .btn:hover {
	background-color: #144150;
} */

.numberPad .ect {
	width: 30%;
	height: 160px;
	line-height: 170px;
	display: inline-block;
	background: #63717c;
	margin: -80px 0px 0px 5px;
	text-align: center;
	color: #fff;
	font-size: 18pt;
	font-weight: bold;
	vertical-align: middle;
}

.numberPad .ect:hover {
	background-color: #144150;
}

.numberPad .ect.active, /*테이블 row*/ .row {
	height: 37px;
	cursor: pointer;
}

.row .seq {
	text-align: center;
	font-size: 12px;
	background-color: rgb(255, 255, 255);
}

.row .deta {
	font-size: 12px;
	background-color: rgb(255, 255, 255);
}

.row .cnt {
	font-size: 12px;
	text-align: right;
	background-color: rgb(255, 255, 255);
}

.row .tot {
	font-size: 12px;
	text-align: right;
	background-color: rgb(255, 255, 255);
}

.row .selected {
	background-color: rgb(255, 226, 226) !important;
}

.chek_row {
	height: 40px;
	cursor: pointer;
}

.chek_row .chek_date {
	text-align: center;
	font-size: 12px;
	background-color: rgb(255, 255, 255);
}

.chek_row .chek_bill {
	text-align: center;
	font-size: 12px;
	background-color: rgb(255, 255, 255);
}

.chek_row .chek_deta {
	font-size:13px;
	letter-spacing:-0.8px;
	background-color: rgb(255, 255, 255);
}

.chek_row .chek_cnt {
	font-size: 12px;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

.chek_row .chek_charge {
	font-size: 12px;
	text-align: right;
	background-color: rgb(255, 255, 255);
}

.chek_row .chek_credit {
	font-size: 12px;
	text-align: right;
	background-color: rgb(255, 255, 255);
}

.chek_row .chek_balance {
	font-size: 12px;
	text-align: right;
	background-color: rgb(255, 255, 255);
}

.chek_row .chek_type {
	font-size: 12px;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

.chek_row .chek_phone {
	font-size: 12px;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

.chek_row .chek_type {
	font-size: 12px;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

.chek_row .chek_aftime {
	font-size: 12px;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

.chek_row .chek_stau {
	font-size: 12px;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

.chek_row .selected {
	background-color: rgb(255, 226, 226) !important;
}

.popChek_row {
	height: 40px;
	cursor: pointer;
}

.popChek_row .chek_date {
	text-align: center;
	font-size: 12px;
	background-color: rgb(255, 255, 255);
}

.popChek_row .chek_bill {
	text-align: center;
	font-size: 12px;
	background-color: rgb(255, 255, 255);
}

.popChek_row .chek_deta {
	font-size: 12px;
	background-color: rgb(255, 255, 255);
}

.popChek_row .chek_cnt {
	font-size: 12px;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

.popChek_row .chek_charge {
	font-size: 12px;
	text-align: right;
	background-color: rgb(255, 255, 255);
}

.popChek_row .chek_credit {
	font-size: 12px;
	text-align: right;
	background-color: rgb(255, 255, 255);
}

.popChek_row .chek_balance {
	font-size: 12px;
	text-align: right;
	background-color: rgb(255, 255, 255);
}

.popChek_row .chek_type {
	font-size: 12px;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

.popChek_row .chek_phone {
	font-size: 12px;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

.popChek_row .chek_type {
	font-size: 12px;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

.popChek_row .chek_aftime {
	font-size: 12px;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

.popChek_row .chek_stau {
	font-size: 12px;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

.popChek_row .selected {
	background-color: rgb(255, 226, 226) !important;
}

.popRow {
	height: 40px;
	cursor: pointer;
}

.popRow .popSeq {
	text-align: center;
	font-size: 12px;
	background-color: rgb(255, 255, 255);
}

.popRow .popDeta {
	font-size: 12px;
	background-color: rgb(255, 255, 255);
}

.popRow .popCnt {
	font-size: 12px;
	text-align: right;
	background-color: rgb(255, 255, 255);
}

.popRow .popTot {
	font-size: 12px;
	text-align: right;
	background-color: rgb(255, 255, 255);
}

.popRow .selected {
	background-color: rgb(255, 226, 226) !important;
}

.cpopRow {
	height: 40px;
	cursor: pointer;
}

.cpopRow .cpopSeq {
	text-align: center;
	font-size: 12px;
	background-color: rgb(255, 255, 255);
}

.cpopRow .cpopDeta {
	font-size: 12px;
	background-color: rgb(255, 255, 255);
}

.cpopRow .cpopCnt {
	font-size: 12px;
	text-align: right;
	background-color: rgb(255, 255, 255);
}

.cpopRow .cpopTot {
	font-size: 12px;
	text-align: right;
	background-color: rgb(255, 255, 255);
}

.cpopRow .selected {
	background-color: rgb(255, 226, 226) !important;
}

/* 서브 레이아웃 --------------------------------------------------------------------- */

/* contents sub */
#contents_sub {
	max-width: 900px;
	margin: 0px auto 0 auto;
	*zoom: 0;
}

#contents_sub:after {
	display: block;
	content: '';
	clear: both;
}

/* 팝업 */
.popup {
	display: block;
	position: relative;
}

.s_bg_wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url('/resource/image/user/bg/SBgWrap.png');
	z-index: 7000;
}

.popwrap {
	position: fixed;
	width: 810px;
	background: #fff;
	padding: 20px 20px 30px 20px;
	z-index: 7000;
	left: 50%;
	top: 50%;
	margin-top: -280px;
	margin-left: -405px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.popwrap .titbox {
	padding: 20px 20px 10px 0px;
	border-bottom: 1px solid #ddd;
	font-size: 17px;
}

.btn_pop_close {
	margin: -50px auto 0 auto;
	display: block;
	width: 59px;
	height: 59px;
	background: url('/resource/image/user/btn/btn_popclose.png') no-repeat;
	border-radius: 100px;
}

.btn_pop_close:hover {
	background: url('/resource/image/user/btn/btn_popclose_on.png')
		no-repeat;
}

/* 메인화면 팝업 */
.popwrap_main {
	top: 50%;
	margin-top: -240px;
	margin-left: -325px;
	width: 600px;
	height: 490px;
	border-radius: 0;
	padding: 5px;
	background: #666;
}

.popwrap_main>img {
	vertical-align: top;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

.popwrap_main>.popbox_grp {
	position: relative;
}

.btn_pop_close02 {
	position: absolute;
	top: -75px;
	left: 50%;
	margin-left: -30px;
	display: block;
	width: 59px;
	height: 59px;
	background: url('/resource/image/user/btn/btn_popclose.png') no-repeat;
	border-radius: 100px;
}

.btn_pop_close02:hover {
	background: url('/resource/image/user/btn/btn_popclose_on.png')
		no-repeat;
}

.fixed {
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 200px;
	height: 50px;
	background-color: #BDBDBD;
}

/* 툴팁 */
.tooltip {
	z-index: 99999;
	/* background-color:#000; */
/* 	background: url('ui-images/tooltip_icon.gif') no-repeat 50% 25px #fff; */
	border: 1px solid #ccc;
	padding: 5px 5px; /* min-width: 200px; */
	display: none;
	color: #818181;
	text-align: left;
	font-size: 11px;
	zoom: 1;
	-moz-box-shadow: 1px 1px 2px #d4d4d4;
	-webkit-box-shadow: 1px 1px 2px #d4d4d4;
	box-shadow: 1px 1px 2px #d4d4d4;
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#d4d4d4')";
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#d4d4d4',
		direction=135, strength=2);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
}