@charset "utf-8";

.content {
	width: 100%;
}
.contentInner {
	width: 1180px;
	margin: 0 auto;
}
div.charge_wrap {
	font-size: 18px;
}
div.charge_wrap div.body {
	min-height: 424px;
	padding: 80px 0 120px 0;
	line-height: 140%;
}
/******************************************************************
	요금관리 > 공통
*******************************************************************/
div.charge_wrap .bold {
	font-weight: bold !important;
}
div.charge_wrap .red {
	color: #ea002c !important;
}
div.charge_wrap .fc333 {
	color: #333 !important;
}
div.charge_wrap button {
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	width: auto;
	/*outline: 0;*/
	font-family: "Malgun Gothic";
	cursor: pointer;
}
/* 타이틀
-------------------------------------------------------------------*/
div.charge_wrap h3,
div.charge_wrap h4 {
	padding-left: 18px;
	color: #333;
	font-size: 22px;
	font-weight: bold;
}
/* 버튼
-------------------------------------------------------------------*/
div.charge_wrap .titWrap {
	position: relative;
	z-index: 0;
	padding: 65px 0 27px 0;
}
div.charge_wrap a.btn_excelDown {
	position: absolute;
	z-index: 0;
	right: 0;
	bottom: 18px;
	display: inline-block;
	height: 33px;
	padding: 0 15px 2px 15px;
	border: 1px solid #cececf;
	line-height: 33px;
	font-size: 16px;
	color: #666;
}
div.charge_wrap a.btn_excelDown:hover,
div.charge_wrap a.btn_excelDown:focus {
	background: #f5f5f5;
	text-decoration: none;
}
div.charge_wrap div.BillByNum .titWrap a.btn_excelDown {
	bottom: 30px;
}
div.charge_wrap .titWrap .srhNum {
	position: relative;
	z-index: 0;
	width: 445px;
	padding-top: 26px;
	border-bottom: 3px solid #302f34;
}
div.charge_wrap .titWrap .srhNum .ip_t {
	width: 360px;
	height: 61px;
	padding: 0 18px 2px 18px;
	border: 1px solid #fff;
	color: #666;
	font-size: 18px;
	line-height: 61px;
}
div.charge_wrap .titWrap .srhNum .btn_searchTxt {
	position: absolute;
	z-index: 0;
	right: 0;
	bottom: 6px;
	width: 40px;
	height: 45px;
	background: url("/cs/images/charge/btn_BillByNum.gif") no-repeat center center;
}
div.charge_wrap div.BillByNum .titWrap {
	padding-bottom: 20px;
}
/******************************************************************
	요금관리 > 상단 검색영역
*******************************************************************/
/* 1단
-------------------------------------------------------------------*/
div.corpNum_charge {
	padding: 23px 0 24px;
	background: #434159 url("../images/charge/corpNum_charge_bg_x.gif") repeat-x 50% 100%;
	text-align: center;
}
div.corpNum_charge a:hover {
	text-decoration: none;
}
div.corpNum_charge #charge_area {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 17px 0 23px 0;
	vertical-align: top;
}
div.corpNum_charge #charge_area * {
	vertical-align: middle;
}
div.corpNum_charge #charge_area label {
	display: inline-block;
	height: 46px;
	margin-right: 15px;
	color: #fff;
	font-size: 22px;
	line-height: 46px;
}
div.corpNum_charge #charge_area input.type-text {
	width: 250px;
	margin: -1px 20px 0 0;
	height: 28px;
	padding: 8px 0;
	border: none;
	border-bottom: 3px solid #fff;
	background: none;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
}
div.corpNum_charge #charge_area a {
	display: inline-block;
	min-width: 80px;
	height: 44px;
	padding: 0 20px 2px 20px;
	border: none;
	background: #757380;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
}
div.corpNum_charge #charge_result {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 17px 0 23px 0;
	vertical-align: top;
}
div.corpNum_charge #charge_result dl,
div.corpNum_charge #charge_result dl dt,
div.corpNum_charge #charge_result dl dd {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
}
div.corpNum_charge #charge_result dl dt {
	height: 46px;
	padding: 0 20px 0 30px;
	color: #fefefe;
	font-size: 22px;
	line-height: 46px;
}
div.corpNum_charge #charge_result dl dd {
	height: 46px;
	padding-right: 20px;
	color: #fefefe;
	font-size: 24px;
	font-weight: bold;
	line-height: 46px;
	text-align: center;
	letter-spacing: 0;
}
div.corpNum_charge #charge_result button {
	display: inline-block;
	min-width: 120px;
	height: 46px;
	padding: 0 20px 2px 20px;
	border: none;
	background: #3617CE;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
}
/* 2단
-------------------------------------------------------------------*/
div.corpNum_charge_row {
	padding: 21px 0 31px;
	background: #434159 url("../images/charge/corpNum_charge_bg_x.gif") repeat-x 50% 100%;
	text-align: center;
}
div.corpNum_charge_row a:hover {
	text-decoration: none;
}
div.corpNum_charge_row #charge_area_row {
	width: 1180px;
	margin: 0 auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #797790;
}
div.corpNum_charge_row #charge_area_row * {
	vertical-align: middle;
}
div.corpNum_charge_row #charge_area_row label {
	display: inline-block;
	height: 41px;
	margin-right: 15px;
	color: #fff;
	font-size: 18px;
	line-height: 41px;
}
div.corpNum_charge_row #charge_area_row input.type-text {
	width: 250px;
	margin: -3px 20px 0 0;
	height: 28px;
	padding: 10px 0 10px;
	border: none;
	border-bottom: 3px solid #fff;
	background: none;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
}
div.corpNum_charge_row #charge_area_row a {
	display: inline-block;
	min-width: 80px;
	height: 44px;
	padding: 0 20px 2px 20px;
	border: none;
	background: #757380;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
}
div.corpNum_charge_row #charge_result_row {
	padding: 21px 0 0px 0;
}
div.corpNum_charge_row #charge_result_row select,
div.corpNum_charge_row #charge_result_row span,
div.corpNum_charge_row #charge_result_row button,
div.corpNum_charge_row #charge_result_row a {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
}
div.corpNum_charge_row #charge_result_row .default {
	margin: 0 10px 0 15px;
	color: #fff;
	font-size: 22px;
	line-height: 28px;
}

div.corpNum_charge_row #charge_result_row .selNum {
	margin-left: 15px;
	color: #b1b1b1;
	font-size: 22px;
	line-height: 28px;
}
div.corpNum_charge_row #charge_result_row dl,
div.corpNum_charge_row #charge_result_row dl dt,
div.corpNum_charge_row #charge_result_row dl dd {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
}
div.corpNum_charge_row #charge_result_row dl dt {
	height: 46px;
	padding: 0 15px;
	color: #fefefe;
	font-size: 22px;
	line-height: 46px;
}
div.corpNum_charge_row #charge_result_row dl dd {
	height: 46px;
	padding-right: 15px;
	color: #fefefe;
	font-size: 24px;
	font-weight: bold;
	line-height: 46px;
	text-align: center;
	letter-spacing: 0;
}
div.corpNum_charge_row #charge_result_row button {
	display: inline-block;
	min-width: 120px;
	height: 46px;
	padding: 0 20px 2px 20px;
	border: none;
	background: #3617CE;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
}
/* 검색전 1단 / 검색후 2단
-------------------------------------------------------------------*/
div.corpNum_charge_multi {
	padding: 23px 0 24px;
	background: #434159 url("../images/charge/corpNum_charge_bg_x.gif") repeat-x 50% 100%;
	text-align: center;
}
div.corpNum_charge_multi a:hover {
	text-decoration: none;
}
div.corpNum_charge_multi #charge_area_multi {
	width: 1180px;
	margin: 0 auto;
	padding: 17px 0 23px 0;
	vertical-align: top;
}
div.corpNum_charge_multi #charge_area_multi * {
	vertical-align: middle;
}
div.corpNum_charge_multi #charge_area_multi label {
	display: inline-block;
	height: 41px;
	margin-right: 15px;
	color: #fff;
	font-size: 22px;
	line-height: 41px;
}
div.corpNum_charge_multi #charge_area_multi label.radio_style1 {
	font-size: 18px;
}
div.corpNum_charge_multi #charge_area_multi input.type-text {
	width: 250px;
	margin: -3px 20px 0 0;
	height: 28px;
	padding: 10px 0 10px;
	border: none;
	border-bottom: 3px solid #fff;
	background: none;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
}
div.corpNum_charge_multi #charge_area_multi a {
	display: inline-block;
	min-width: 80px;
	height: 44px;
	padding: 0 20px 2px 20px;
	border: none;
	background: #757380;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
}
div.corpNum_charge_multi #charge_result_multi {
	padding: 21px 0 0px 0;
}
div.corpNum_charge_multi #charge_result_multi select,
div.corpNum_charge_multi #charge_result_multi dl,
div.corpNum_charge_multi #charge_result_multi dl dt,
div.corpNum_charge_multi #charge_result_multi dl dd,
div.corpNum_charge_multi #charge_result_multi span {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
}
div.corpNum_charge_multi #charge_result_multi .default {
	margin: 0 10px 0 15px;
	color: #fff;
	font-size: 22px;
	line-height: 28px;
}
div.corpNum_charge_multi #charge_result_multi label,
div.corpNum_charge_multi #charge_result_multi .selNum {
	color: #b1b1b1;
	font-size: 22px;
	line-height: 28px;
}
div.corpNum_charge_multi #charge_result_multi label {
	margin-right: 10px;
}
div.corpNum_charge_multi #charge_result_multi .selNum {
	margin-left: 10px;
}
div.corpNum_charge_multi #charge_result_multi dl {
	vertical-align: middle;
}
div.corpNum_charge_multi #charge_result_multi dl dt {
	height: 46px;
	padding: 0 15px;
	color: #fefefe;
	font-size: 22px;
	line-height: 46px;
}
div.corpNum_charge_multi #charge_result_multi dl dd {
	height: 46px;
	padding-right: 15px;
	color: #fefefe;
	font-size: 24px;
	font-weight: bold;
	line-height: 46px;
	text-align: center;
	letter-spacing: 0;
}
div.corpNum_charge_multi #charge_result_multi button {
	display: inline-block;
	min-width: 120px;
	height: 46px;
	padding: 0 20px 2px 20px;
	border: none;
	background: #3617CE;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
}
div.corpNum_charge_multi.afterNum {
	padding: 21px 0 31px;
}
div.corpNum_charge_multi.afterNum #charge_area_multi {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #797790;
}
/******************************************************************
	요금관리 > 테이블
*******************************************************************/
div.charge_wrap div.data_table tbody tr td .phone {
	letter-spacing: 0;
}
div.charge_wrap div.data_table tbody tr td .bold {
	font-weight: bold;
}
div.charge_wrap div.data_table tbody tr td .won1 {
	color: #181818;
	font-size: 18px;
	font-weight: bold;
}
div.charge_wrap div.data_table tbody tr td .won2 {
	color: #979797;
	font-size: 18px;
	font-weight: bold;
}
/* 셀 병합 테이블
-------------------------------------------------------------------*/
div.charge_wrap div.data_table.merge thead tr th {
	border-left: 1px solid #ddd;
	background: #f8f8f8;
}
div.charge_wrap div.data_table.merge thead tr th.borderB1 {
	border-bottom: 1px solid #ddd;
}
div.charge_wrap div.data_table.merge tbody tr td {
	padding: 21px 10px 21px 10px;
	border-left: 1px solid #ddd;
}
/* 테이블 내 버튼
-------------------------------------------------------------------*/
div.charge_wrap a.btn_detail {
	display: inline-block;
	height: 36px;
	padding: 0 10px 2px 10px;
	border: 1px solid #cececf;
	color: #666;
	font-size: 16px;
	line-height: 36px;
	vertical-align: middle;
}
div.charge_wrap a.btn_zip {
	display: inline-block;
	height: 36px;
	padding: 0 10px 2px 10px;
	border: 1px solid #cececf;
	color: #666;
	font-size: 16px;
	line-height: 36px;
	vertical-align: middle;
}
div.charge_wrap a.btn_zip:hover {
	background: #f5f5f5;
	text-decoration: none;
}
div.charge_wrap a.btn_detail:hover,
div.charge_wrap a.btn_detail:focus {
	background: #f5f5f5;
	text-decoration: none;
}
div.charge_wrap div.data_table tbody tr td a.btn_detail {
	margin: -7px 0 -8px 0;
}
div.charge_wrap div.BillByNum div.data_table_row tbody tr td a.btn_detail {
	margin: -3px 0;
}
/* 테이블 내 input text
-------------------------------------------------------------------*/
div.charge_wrap input.type_table {
	display: inline-block;
	border: 1px solid #ebebeb;
	background: #ebebeb;
	padding: 7px 10px;
	color: #666;
	font-size: 18px;
	line-height: 24px;
	vertical-align: middle;
}
div.charge_wrap .input_gap {
	display: inline-block;
	line-height: 40px;
	vertical-align: middle;
}
/* table row
-------------------------------------------------------------------*/
div.charge_wrap div.data_table_row {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-top: 2px solid #343434;
	border-bottom: 1px solid #aaa;
}
div.charge_wrap div.data_table_row table {
	margin: 0 0 -1px -1px;
}
div.charge_wrap div.data_table_row table thead th {
	padding: 27px 20px;
	color: #333;
	font-size: 16px;
	line-height: 19px;
	background: #f8f8f8;
	border-left: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
}
div.charge_wrap div.data_table_row table tbody th {
	padding: 27px 20px;
	color: #333;
	font-size: 16px;
	line-height: 19px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: left;
	font-weight: normal;
}
div.charge_wrap div.data_table_row table tbody th.bg {
	background: #f8f8f8;
}
div.charge_wrap div.data_table_row table tbody td {
	text-align: center;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	padding: 27px 24px;
}
div.charge_wrap div.data_table_row table tbody td .num {
	color: #333;
	font-weight: bold;
	letter-spacing: 0;
}
div.charge_wrap div.data_table_row table tbody td .plus {
	margin-top: 5px;
	color: #777;
	font-size: 14px;
	line-height: 20px;
}
div.charge_wrap div.data_table_row table tbody tr td .phone {
	letter-spacing: 0;
}
div.charge_wrap div.data_table_row table tbody td .icon {
	padding-bottom: 10px;
}
div.charge_wrap div.containerCol2 div.data_table_row table thead th,
div.charge_wrap div.containerCol2 div.data_table_row table tbody th {
	padding: 17px 20px;
}
div.charge_wrap div.containerCol2 div.data_table_row table tbody td {
	padding: 17px 24px;
}
/* table info
-------------------------------------------------------------------*/
div.charge_wrap .data_total {
	padding: 31px 23px 27px 0;
	border-bottom: 1px solid #999;
	color: #666;
	font-size: 32px;
	text-align: right;
	line-height: 100%;
}
div.charge_wrap .data_total .t1 {
	color: #959595;
}
div.charge_wrap .data_total .t2 {
	font-weight: bold;
}
div.charge_wrap .data_total .t3 {
	color: #ea002c !important;
	font-weight: bold;
	letter-spacing: 0;
}
/******************************************************************
	container
*******************************************************************/
/* 회선정보
-------------------------------------------------------------------*/
div.charge_wrap .corpNumInfoBox {
	line-height: 36px;
}
div.charge_wrap .corpNumInfoBox ul {
	border-top: 2px solid #3617CE;
	border-bottom: 1px solid #999;
}
div.charge_wrap .corpNumInfoBox ul li {
	padding: 12px 20px 21px 20px;
	border-top: 1px solid #ccc;
}
div.charge_wrap .corpNumInfoBox ul li:first-child {
	border-top: 0;
}
div.charge_wrap .corpNumInfoBox ul li .tit {
	color: #666;
	font-size: 16px;
}
div.charge_wrap .corpNumInfoBox ul li .txt {
	padding-top: 2px;
	color: #333;
	font-size: 24px;
}
div.charge_wrap .corpNumInfoBox ul li.num .txt {
	color: #666;
	font-size: 27px;
	font-weight: bold;
	letter-spacing: 0;
}
div.charge_wrap .corpNumInfoBox ul li.fee .txt,
div.charge_wrap .corpNumInfoBox ul li.unfee .txt,
div.charge_wrap .corpNumInfoBox ul li.serv .txt {
	color: #666;
}
div.charge_wrap .corpNumInfoBox ul li.fee .txt strong,
div.charge_wrap .corpNumInfoBox ul li.serv .txt strong {
	color: #ea002c;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0;
}
div.charge_wrap .corpNumInfoBox ul li.date span {
	display: block;
}
div.charge_wrap .corpNumInfoBox ul li.bill .txt,
div.charge_wrap .corpNumInfoBox ul li.addrType .txt {
	color: #ea002c;
	font-weight: bold;
}
div.charge_wrap .corpNumInfoBox .desc {
	padding: 12px 0 0 20px;
	color: #333;
	font-size: 14px;
	line-height: 24px;
}
/******************************************************************
	container Right
*******************************************************************/
/* 조회대상 아님
-------------------------------------------------------------------*/
div.charge_wrap .noData {
	width: 100%;
	padding: 90px 0 240px 0;
	border-top: 2px solid #666;
	border-bottom: 1px solid #999;
	text-align: center;
}
div.charge_wrap .noData .t1 {
	padding: 0 0 20px;
	color: #333;
	font-size: 24px;
}
div.charge_wrap .noData .t2 {
	padding: 0 0 40px;
	color: #333;
	font-size: 18px;
}
/* 상세정보 그래프
-------------------------------------------------------------------*/
div.charge_wrap .graphCont {
	position: relative;
	z-index: 0;
}
div.charge_wrap .graphCont h5 {
	padding: 48px 0 17px 0;
	border-bottom: 1px solid #ccc;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
div.charge_wrap .graphCont h5 img {
	margin-right: 5px;
	vertical-align: middle;
}
div.charge_wrap .graphCont .graphInfo {
	position: absolute;
	right: 0px;
	top: 52px;
	font-size: 16px;
}
div.charge_wrap .graphCont .graphInfo img {
	vertical-align: 1px;
}
div.charge_wrap .graphCont .graphInfo .c1 {
	margin-right: 10px;
	color: #ea002c;
}
div.charge_wrap .graphCont .graphInfo .c2 {
	color: #32c8b1;
}
div.charge_wrap .graphCont .graphBox {
	position: relative;
	z-index: 0;
	padding: 0 18px 30px 18px;
}
div.charge_wrap .graphCont .graphBox .tit {
	display: block;
	padding-top: 22px;
	color: #333;
	font-size: 18px;
	font-weight: normal;
}
div.charge_wrap .graphCont .graphBox .gBar {
	display: block;
	position: relative;
	z-index: 0;
	width: 764px;
	height: 7px;
	margin-top: 30px;
	background: url("/cs/images/charge/bar_gBarBg.gif") no-repeat 0 1px;
}
div.charge_wrap .graphCont .graphBox .gBarIn {
	display: block;
	position: absolute;
	z-index: 0;
	left: 0;
	top: -1px;
	min-width: 0;
	height: 9px;
	background: url("/cs/images/charge/bar_gBarL.gif") no-repeat;
}
div.charge_wrap .graphCont .graphBox .gBarIn span {
	display: block;
	position: absolute;
	z-index: 0;
	right: -5px;
	top: 0;
	width: 5px;
	height: 9px;
	background: url("/cs/images/charge/bar_gBarR.png") no-repeat right top;
}
div.charge_wrap .graphCont .graphBox .gBarIn em {
	display: block;
	position: absolute;
	z-index: 0;
	right: -15px;
	top: -12px;
	width: 31px;
	height: 31px;
	background: url("/cs/images/charge/bar_over.png") no-repeat;
}
div.charge_wrap .graphCont .graphBox .standard {
	display: block;
	width: 764px;
	height: 5px;
	padding: 1px 0;
	margin-top: 30px;
	background: url("/cs/images/charge/bar_standard.gif") no-repeat;
}
div.charge_wrap .graphCont .graphBox p {
	position: absolute;
	z-index: 0;
	font-size: 14px;
}
div.charge_wrap .graphCont .graphBox .c1 {
	left: 18px;
	top: 88px;
	color: #ea002c;
}
div.charge_wrap .graphCont .graphBox .c2 {
	right: 20px;
	top: 88px;
	color: #32c8b1;
}
div.charge_wrap .graphCont .graphBox .c3 {
	left: 18px;
	top: 88px;
	color: #41a0cc;
}
div.charge_wrap .graphCont .graphBox .c4 {
	right: 20px;
	top: 88px;
	color: #41a0cc;
}
/******************************************************************
	요금관리 > 청구서관리 > 청구서 신청/변경
*******************************************************************/
div.charge_wrap .Addr table input.type_table,
div.charge_wrap .Addr table select { margin: -13px 0; }
div.charge_wrap .Addr .checkpointBox .checkpointInner { height: 420px; }
div.charge_wrap .Addr .titWrap { padding-top: 0; }
div.charge_wrap .Addr label.radio_style2v.checked { color: #ea002c; }
/******************************************************************
	요금관리 > 청구서관리 > 청구서 재발행
*******************************************************************/
div.charge_wrap .ReBill table input.type_table,
div.charge_wrap .ReBill table select { margin: -13px 0; }
div.charge_wrap .ReBill .checkpointBox.ReBill01 .checkpointInner { height: 373px; }
div.charge_wrap .ReBill .checkpointBox.ReBill02 .checkpointInner { height: 478px; }
div.charge_wrap .ReBill .checkpointBox.ReBill03 .checkpointInner { height: 365px; }
/******************************************************************
	요금관리 > 청구서관리 > 청구서 조회/변경
*******************************************************************/
div.charge_wrap .Modify table a,
div.charge_wrap .Modify table input.type_table,
div.charge_wrap .Modify table select { margin: -7px 0; }
/******************************************************************
	요금관리 > 요금조회 > 통화요금조회
*******************************************************************/
div.charge_wrap .CallhistListDefault .checkpointBox .checkpointInner,
div.charge_wrap .CallhistListResult .checkpointBox .checkpointInner { height: 458px; }
/******************************************************************
	요금관리 > 요금조회 > 사용량 조회
*******************************************************************/
div.charge_wrap .SvcFreeCDRno .body,
div.charge_wrap .SvcFreeCDRgraph .body,
div.charge_wrap .SvcFreeCDRtable .body { padding-top: 10px; }
div.charge_wrap .SvcFreeCDRtable .miniTab { margin-bottom: 60px; }
/******************************************************************
	요금관리 > 요금조회 > 납부요금조회
*******************************************************************/
div.charge_wrap div.data_table table thead th {
	padding: 24px 0;
	border-left: 0;
	background: #fff;
	color: #333;
	font-size: 16px;
}
div.charge_wrap div.data_table table tbody td {
	padding: 26px 10px 27px 10px;
	border-left: 0;
}
div.charge_wrap div.data_table table tbody tr.on td {
	background: #f7f7f7;
}
/******************************************************************
	요금관리 > 요금조회 > 통화내역조회
*******************************************************************/
div.charge_wrap .CallhistListResult div.body {
	min-height: auto;
}
div.charge_wrap .resultNumInfo {
	padding: 85px 0 70px 0;
	text-align: center;
}
div.charge_wrap .resultNumInfo * {
	display: block;
}
div.charge_wrap .resultNumInfo .rni1 {
	color: #333;
	font-size: 22px;
	font-weight: bold;
}
div.charge_wrap .resultNumInfo .rni2 {
	color: #ea002c;
	font-size: 40px;
	font-weight: bold;
	line-height: 64px;
}
div.charge_wrap .resultNumInfo .rni3 {
	margin-top: 5px;
	color: #333;
	font-size: 18px;
}
/* 통화유형 선택, 조회기간 영역
-------------------------------------------------------------------*/
div.charge_wrap div.callWrap {
	margin-top: -100px;
}
div.charge_wrap div.callWrap .callTab {
	position: relative;
	z-index: 1;
	width: 1180px;
	margin: 0 auto -11px auto;
}
div.charge_wrap div.callWrap .callTab ul {
}
div.charge_wrap div.callWrap .callTab ul li {
	float: left;
}
div.charge_wrap div.callWrap .callTab ul li a {
	display: block;
	background: url("/cs/images/charge/callTab_off.png") no-repeat center bottom;
}
div.charge_wrap div.callWrap .callTab ul li a:hover {
	text-decoration: none;
}
div.charge_wrap div.callWrap .callTab ul li a span {
	display: block;
	padding: 80px 0 33px 0;
	color: #333;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}
div.charge_wrap div.callWrap .callTab ul li.on a {
	background: url("/cs/images/charge/callTab_on.png?v=221102") no-repeat center bottom;
}
div.charge_wrap div.callWrap .callTab ul li.on a span {
	color: #3617CE;
	font-weight: bold;
}
div.charge_wrap div.callWrap .callTab ul.normal {
	width: 1183px;
	margin-left: -1px;
}
div.charge_wrap div.callWrap .callTab ul.normal li {
	width: 168px;
	padding-right: 1px;
	background: url("/cs/images/charge/callTab_line.gif") no-repeat 100% 19px;
}
div.charge_wrap div.callWrap .callTab ul.normal li.tb7 {
	background: none;
}
div.charge_wrap div.callWrap .callTab ul.normal li.tb1 a span { background: url("/cs/images/charge/icon_callTab_normal01.gif?v=221102") no-repeat center top; }
div.charge_wrap div.callWrap .callTab ul.normal li.tb2 a span { background: url("/cs/images/charge/icon_callTab_normal02.gif?v=221102") no-repeat center top; }
div.charge_wrap div.callWrap .callTab ul.normal li.tb3 a span { background: url("/cs/images/charge/icon_callTab_normal03.gif?v=221102") no-repeat center top; }
div.charge_wrap div.callWrap .callTab ul.normal li.tb4 a span { background: url("/cs/images/charge/icon_callTab_normal04.gif?v=221102") no-repeat center top; }
div.charge_wrap div.callWrap .callTab ul.normal li.tb5 a span { background: url("/cs/images/charge/icon_callTab_normal05.gif?v=221102") no-repeat center top; }
div.charge_wrap div.callWrap .callTab ul.normal li.tb6 a span { background: url("/cs/images/charge/icon_callTab_normal06.gif?v=221102") no-repeat center top; }
div.charge_wrap div.callWrap .callTab ul.normal li.tb7 a span { background: url("/cs/images/charge/icon_callTab_normal07.gif?v=221102") no-repeat center top; }
div.charge_wrap div.callWrap .callTab ul.global {
	width: 1180px;
}
div.charge_wrap div.callWrap .callTab ul.global li {
	width: 235px;
	padding-right: 1px;
	background: url("/cs/images/charge/callTab_line.gif") no-repeat 100% 19px;
}
div.charge_wrap div.callWrap .callTab ul.global li.tb5 {
	background: none;
}
div.charge_wrap div.callWrap .callTab ul.global li.tb1 a span { background: url("/cs/images/charge/icon_callTab_global01.gif?v=221102") no-repeat center top; }
div.charge_wrap div.callWrap .callTab ul.global li.tb2 a span { background: url("/cs/images/charge/icon_callTab_global02.gif?v=221102") no-repeat center top; }
div.charge_wrap div.callWrap .callTab ul.global li.tb3 a span { background: url("/cs/images/charge/icon_callTab_global03.gif?v=221102") no-repeat center top; }
div.charge_wrap div.callWrap .callTab ul.global li.tb4 a span { background: url("/cs/images/charge/icon_callTab_global04.gif?v=221102") no-repeat center top; }
div.charge_wrap div.callWrap .callTab ul.global li.tb5 a span { background: url("/cs/images/charge/icon_callTab_global05.gif?v=221102") no-repeat center top; }
div.charge_wrap div.callWrap .callArea {
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 50px 0 55px 0;
	border-bottom: 1px solid #ccc;
	background: #f5f5f5;
	color: #666;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
div.charge_wrap div.callWrap .callArea .gap {
	display: inline-block;
	padding: 0 3px;
	color: #ea002c;
	font-size: 32px;
	line-height: 54px;
	vertical-align: top;
}
div.charge_wrap div.callWrap .callArea a.btn_call {
	display: inline-block;
	height: 55px;
	margin-left: 16px;
	padding: 0 25px 2px 25px;
	border: none;
	background: #757380;
	color: #fff;
	font-size: 18px;
	line-height: 55px;
	text-align: center;
	vertical-align: middle;
}
div.charge_wrap div.callWrap .callArea a.btn_call:hover {
	text-decoration: none;
}
div.charge_wrap div.callWrap .callArea .selectWrap {
	width: 1180px;
	margin: 0 auto;
}
div.charge_wrap div.callWrap .callArea .desc {
	display: block;
	margin-top: 16px;
}

/*******************************************************************************
	요금관리 > 납부관리 > 분리납부안내
********************************************************************************/
/* 상단
-------------------------------------------------------------------*/
div.SeparatePayment div.summary {
	background: #ffe9b6;
}
div.SeparatePayment div.summary div.container {
	margin: 0 auto;
	width: 1180px;
	height: 523px;
	background: url("/cs/images/charge/bg_SeparatePayment.gif") no-repeat right top;
}
div.SeparatePayment div.summary div.container p {
	color: #333;
}
div.SeparatePayment div.summary div.container p.text1 {
	padding: 140px 0 20px;
	font-size: 46px;
}
div.SeparatePayment div.summary div.container p.text1 strong {
	color: #fd3d43;
}
div.SeparatePayment div.summary div.container p.text2 {
	padding: 30px 0 20px 5px;
	font-size: 24px;
	line-height: 34px;
}
div.SeparatePayment div.body {
	width: 100%;
	padding: 0;
}
/* 컨텐츠
-------------------------------------------------------------------*/
div.SeparatePayment div.body {
	width: 100%;
	padding: 0;
}
div.SeparatePayment div.corpMiniContWrap h3 {
	margin-top: -8px;
	padding: 0;
	color: #333;
	font-size: 32px;
	line-height: 40px;
}
div.SeparatePayment div.corpMiniContWrap h4 {
	padding: 0;
	color: #333;
	font-size: 26px;
	line-height: 34px;
	font-weight: bold;
}
div.corpMiniContWrap div.SeparateCont1 {
	padding: 100px 0 80px 0;
}
div.corpMiniContWrap div.SeparateCont2 {
	padding: 80px 0 80px 0;
}
div.corpMiniContWrap div.SeparateCont3 {
	padding: 80px 0 140px 0;
}
div.SeparatePayment .SeparateCont1 ul.check {
	margin-top: 20px;
}
div.SeparatePayment .SeparateCont1 ul.check li {
	margin-top: 21px;
}
div.SeparatePayment .SeparateCont1 ul.check li .s {
	margin-top: 9px;
	color: #666;
	font-size: 16px;
	line-height: 26px;
}
div.SeparatePayment .SeparateCont1_1 {
	margin-top: 50px;
	padding-left: 363px;
	background: url("/cs/images/charge/img_sp1.gif") no-repeat;
}
div.SeparatePayment .SeparateCont2 {
	background: #e0f5fb;
}
div.SeparatePayment .SeparateCont2 h4 {
	font-weight: normal !important;
}
div.SeparatePayment .SeparateCont2_1 ul {
	margin-top: 50px;
}
div.SeparatePayment .SeparateCont2_1 ul li {
	padding-left: 293px;
}
div.SeparatePayment .SeparateCont2_1 ul li .txt {
	margin-top: 9px;
	color: #333;
	font-size: 18px;
	line-height: 28px;
}
div.SeparatePayment .SeparateCont2_1 ul li .etc {
	position: relative;
	z-index: 0;
	margin-top: 10px;
	padding-left: 24px;
	color: #688086;
	font-size: 16px;
	line-height: 26px;
}
div.SeparatePayment .SeparateCont2_1 ul li .etc span {
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
}
div.SeparatePayment .SeparateCont2_1 ul li.sp2_1 {
	height: 195px;
	margin-bottom: 40px;
	padding-top: 5px;
	background: url("/cs/images/charge/img_sp2_1.png") no-repeat;
}
div.SeparatePayment .SeparateCont2_1 ul li.sp2_2 {
	height: 166px;
	margin-bottom: 40px;
	padding-top: 34px;
	background: url("/cs/images/charge/img_sp2_2.png") no-repeat;
}
div.SeparatePayment .SeparateCont2_1 ul li.sp2_3 {
	height: 162px;
	padding-top: 38px;
	background: url("/cs/images/charge/img_sp2_3.png") no-repeat;
}
div.SeparatePayment .SeparateCont3 {
	background: #eee6db;
}
div.SeparatePayment .SeparateCont3_1 {
	margin-top: 48px;
}
div.SeparatePayment .SeparateCont3_1 .cont {
	float: left;
	width: 348px;
	height: 570px;
	padding: 0 20px;
	border: 1px solid #c6c6c6;
	background: #fff;
}
div.SeparatePayment .SeparateCont3_1 .cont strong.tit {
	display: block;
	margin-bottom: 23px;
	padding-top: 53px;
	padding-bottom: 160px;
	color: #333;
	font-size: 26px;
	line-height: 36px;
	font-weight: bold;
	text-align: center;
}
div.SeparatePayment .SeparateCont3_1 .cont ul.check li {
	margin-top: 8px;
}
div.SeparatePayment .SeparateCont3_1 .cont ul.check li .s {
	color: #666;
	font-size: 16px;
	line-height: 26px;
}
div.SeparatePayment .SeparateCont3_1 .cont .txt {
	color: #333;
	font-size: 18px;
	line-height: 30px;
}
div.SeparatePayment .SeparateCont3_1 .cont a.btn_check {
	display: block;
	width: 100%;
	height: 68px;
	margin-top: 30px;
	padding-bottom: 2px;
	background: #434159;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 68px;
}
div.SeparatePayment .SeparateCont3_1 .cont a.btn_check:hover {
	text-decoration: none;
}
div.SeparatePayment .SeparateCont3_1 .left {
	margin-right: 5px;
}
div.SeparatePayment .SeparateCont3_1 .left strong.tit {
	background: url("/cs/images/charge/img_sp3_1.gif") no-repeat left bottom;
}
div.SeparatePayment .SeparateCont3_1 .left .txt {
	padding-top: 16px;
	text-align: center;
}
div.SeparatePayment .SeparateCont3_1 .center {
	margin-right: 5px;
}
div.SeparatePayment .SeparateCont3_1 .center strong.tit {
	background: url("/cs/images/charge/img_sp3_2.gif") no-repeat left bottom;
}
div.SeparatePayment .SeparateCont3_1 .right strong.tit {
	background: url("/cs/images/charge/img_sp3_3.gif") no-repeat left bottom;
}
div.SeparatePayment .SeparateCont3_1 .right ul.check {
	padding-top: 14px;
}

.ban_ebill {
	width: 1180px;
	height: 240px;
	background: url(/cs/images/charge/bg_ebill.jpg) no-repeat 775px 30px;
	background-color: #e8eff5;
	margin-top: 85px;
}
.ban_ebill .tit_ebill {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 35px 0 0 77px;
}
.ban_ebill .lead_ebill {
	color: #777;
	font-size: 18px;
	letter-spacing: -1px;
	padding: 17px 0 0 77px;
	line-height: 26px;
}
.ban_ebill .btn_ebill {
	padding: 30px 0 0 77px;
}
.ban_ebill .btn_ebill_detail {
	display: inline-block;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #757380;
	width: 257px;
	letter-spacing: -0.5px;
	margin-right: 6px;
	padding: 9px 0 12px 0;
}
.ban_ebill .btn_ebill_detail:hover,
.ban_ebill .btn_ebill_detail:focus {
	color: #fff;
	background: #676571;
	text-decoration: none;
}

.ban_ebill .btn_ebill_request {
	display: inline-block;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #e9002d;
	width: 257px;
	letter-spacing: -0.5px;
	padding: 9px 0 12px 0;
}
.ban_ebill .btn_ebill_request:hover,
.ban_ebill .btn_ebill_request:focus {
	color: #fff;
	background: #c50228;
	text-decoration: none;
}

.charge_wrap .Addr .containerCol2 .containerL{float:none;width:auto;}
.charge_wrap .Addr .containerCol2 .containerR{float:none;width:auto;margin-top:50px;}
.charge_wrap .Addr .corpNumInfoBox > ul{overflow:hidden;}
.charge_wrap .Addr .corpNumInfoBox > ul > li{float:left;}
.charge_wrap .Addr .corpNumInfoBox > ul > li.addrType{padding:12px 20px 21px 40px;width:780px;border:0;}
.charge_wrap .Addr .corpNumInfoBox > ul > li.num{width:290px;border-right:1px solid #d6d6d6;}
.charge_wrap .Addr .bill_type{background:#f5f5f5;position:relative;}
.charge_wrap .Addr .bill_type > ul{overflow:hidden;padding:20px 0;margin:0 -2px;border-top:2px solid #343434;border-bottom:1px solid #d2d2d2;margin-bottom:80px;}
.charge_wrap .Addr .bill_type > ul > li{float:left;width:197px;text-align:center;}
.charge_wrap .Addr .bill_type > ul > li .inside{border-left:1px solid #d6d6d6;}
.charge_wrap .Addr .bill_type > ul > li.first .inside{border:0;}
.charge_wrap .Addr .bill_type > ul > li .icon{padding-bottom:10px;}
.charge_wrap .Addr .bill_type label.radio_style2v{font-size:16px;}
.charge_wrap .Addr .bill_type #addr_a_2 + label.radio_style2v {font-size:12px;}
.charge_wrap .Addr .bill_type input:checked + label.radio_style2v{font-weight:bold;}
.charge_wrap .Addr .bill_type .tip {position:absolute; bottom:-30px; left:0; padding:0 0 0 20px; font-size:14px; line-height: 20px; color:#666; background: url("/cs/images/member/bl_chk.gif") no-repeat 2px 7px;}
.charge_wrap .Addr .bill_type .tip span {color:#ea002c;}

.lt-ie9 .charge_wrap .Addr div.data_table_row tbody,
.lt-ie9 .charge_wrap .Addr div.data_table_row tr,
.lt-ie9 .charge_wrap .Addr div.data_table_row th,
.lt-ie9 .charge_wrap .Addr div.data_table_row td{position:relative;zoom:1;bordeR:0;}
.lt-ie9 .charge_wrap .Addr div.data_table_row th,
.lt-ie9 .charge_wrap .Addr div.data_table_row td{border-bottom:1px solid #ddd;}

.charge_wrap .Addr div.body .data_btn.smartBill{position:relative;margin-top:-1px;background:#fff;}

.charge_wrap .Addr #smartTbody .smart_addr_service{text-align:left;}
.charge_wrap .Addr #smartTbody .smart_addr_service p{background:url(/cs/images/charge/ico_chk.gif) no-repeat 0 7px;;padding-left:25px;margin-left:-20px;}

.charge_wrap .Addr #smsTbody td.tbodyText{padding:30px 24px;}
.charge_wrap .Addr .titWrap{position:relative;}
.charge_wrap .Addr .titWrap .btn_bill{padding:5px 14px 8px;font-size:16px;color:#666;display:inline-block;border:1px solid #cececf;position:absolute;top:0;right:0;}
.charge_wrap .Addr .titWrap .btn_bill:hover,
.charge_wrap .Addr .titWrap .btn_bill:focus{background:#f5f5f5;text-decoration:none;}

.charge_wrap .ReBill .title_head_lead{position:relative;padding-bottom:20px;}
.charge_wrap .ReBill .title_head_lead > p{font-size:16px;color:#666;}
.charge_wrap .ReBill .title_head_lead > span{top:-6px;}
.charge_wrap .ReBill .title_head_lead > span .btn_excel_download{padding:5px 20px 8px;}

div.charge_wrap .PayCorp .titWrap {padding-top:40px;}
div.charge_wrap .PayCorp h3{padding:0;font-size:22px;color:#333;text-align:left;}
.PayCorp .container .guideText {margin:-10px 0 0;border:0 none;padding:0;background-color:transparent;text-align:center;}
.PayCorp .container .guideText p{margin:0 0 -5px;color:#333;font-size:20px;line-height:30px;}
.PayCorp .container .guideText .red{color:#ea002c;}
.PayCorp .select_area{overflow-y:scroll;max-height:75px;}
.PayCorp .select_area .field{line-height: 24px;}
.PayCorp .select_style4{margin-left:6px;}
.PayCorp .button {padding-bottom:28px;text-align:center;}
.PayCorp .button .confirm { display: inline-block; min-width: 106px; height: 58px; margin: 0 2px; padding: 0 21px 2px 21px; background: #ea002c; color: #fff; font-size: 16px; line-height: 58px; text-align: center;}
.PayCorp .result_rep_disp, .PayCorp .result_rep_disp2{display:inline-block;}

/******************************************************************
	요금관리 > 요금조회 > 할인지원
*******************************************************************/
.charge_wrap .ContractListResult .titWrap{padding-top:0;}
.charge_wrap .ContractListResult .titWrap h3{padding-left:0;}


div#div_main {position:relative;}
div.dateTab {width:1180px; text-align:center; position:absolute; left:50%; top:346px; margin-left:-590px; z-index:10;}
div.dateTab a.btn_call {display: inline-block; height: 55px; margin-left: 16px; padding: 0 25px 2px 25px; border: none; background: #757380; color: #fff; font-size: 18px; line-height: 55px; text-align: center; vertical-align: middle;}
div.dateTab .gap {display: inline-block; padding: 0 3px; color: #ea002c; font-size: 32px; line-height: 54px; vertical-align: top;}
div.charge_wrap div.callWrap .callArea.edit {height:91px; padding:107px 0 0;}

.charge_wrap .Addr .body.style-2022 * {font-family: 'Noto Sans KR', sans-serif;}
.charge_wrap .Addr .body.style-2022 .pdfTbody,
.charge_wrap .Addr .body.style-2022 .dataTbody {border-bottom:2px solid #aaa;}
.charge_wrap .Addr .body.style-2022 .data_table_row {margin-top:80px; border-bottom:0;}
.charge_wrap .Addr .body.style-2022 p.tip {padding: 0 0 0 20px; font-size: 14px; line-height: 20px; color: #666; background: url(/cs/images/member/bl_chk.gif) no-repeat 2px 7px;}
.charge_wrap .Addr .body.style-2022 p.tip > b {color:#000;}
.charge_wrap .Addr .bill_type.style-new {background:#f7f7f7;}
.charge_wrap .Addr .bill_type.style-new > ul {padding:40px 0 30px; border:0; display:flex; justify-content: space-between; margin:0 0 10px;}
.charge_wrap .Addr .bill_type.style-new > ul.padLR {padding:40px 45px 30px;}
.charge_wrap .Addr .bill_type.style-new > ul > li .inside {border:0;}
.charge_wrap .Addr .bill_type.style-new label.radio_style2v {color:#000; font-weight: 400;}
.charge_wrap .Addr .bill_type.style-new input.radio_style2v:checked + label.radio_style2v {color:#ea002c;}
.charge_wrap .Addr .bill_type.style-new #addr_a_2 + label.radio_style2v {font-size: 16px;}
.charge_wrap .Addr .checkpointBox .checkpointInner.ui-new {height:auto;}
.charge_wrap .Addr .checkpointBox .checkpointInner.ui-new .checkpointTab button {margin-bottom:0;}
.charge_wrap .Addr .body.style-2022 #pdfTab1 td.tbodyText {padding: 30px 24px;}
.charge_wrap .Addr .body.style-2022 #pdfTab4 .smart_addr_service{text-align:left;}
.charge_wrap .Addr .body.style-2022 #pdfTab4 .smart_addr_service p{background:url(/cs/images/charge/ico_chk.gif) no-repeat 0 7px;;padding-left:25px;margin-left:-20px;}
.charge_wrap .Addr .body.style-2022 #smartTbody,
.charge_wrap .Addr .body.style-2022 #pdfTab4 {border-bottom:0;}

.charge_wrap .Addr .pdf-mail-tab {position:relative; padding-top:80px;}
.charge_wrap .Addr .pdf-mail-tab li {width:100%;}
.charge_wrap .Addr .pdf-mail-tab li .tab-btn:hover {text-decoration: none;}
.charge_wrap .Addr .pdf-mail-tab li .tab-btn {display:inline-block; width:50%; height:70px; font-size: 18px; font-weight: 400; color:#666; line-height:70px; text-align: center; position:absolute; top:0; left:0; border:2px solid #dcdcdf; border-bottom-color:#3617ce; box-sizing: border-box; letter-spacing: -1.2px; z-index:20;}
.charge_wrap .Addr .pdf-mail-tab li .tab-btn.on {border-color:#3617ce; color:#3617ce; border-bottom-color:#fff; font-weight: 600;}
.charge_wrap .Addr .pdf-mail-tab li:last-child .tab-btn {left:calc(50% - 2px); z-index:10;}
.charge_wrap .Addr .pdf-mail-tab li:last-child .tab-btn.on {z-index:30;}
.charge_wrap .Addr .pdf-mail-tab li > .tab-wrap {display:none;}