/* ���� �� */
.usm-msg-tab { clear: both; display: table; width: 100%; margin: 0 0 20px 0; }
.usm-msg-tab li { display: table-cell; width: 33.33333333%; text-align: center; border-bottom: 2px solid #1a6cbf; border-collapse:separate; box-sizing: border-box; font-weight: bold; font-size: 16px; }
.usm-msg-tab li a { display: block; padding: 11px 0 13px 0; }
.usm-msg-tab.a1 li:nth-child(1) { background-color: #1a6cbf; }
.usm-msg-tab.a1 li:nth-child(1) a { color: #fff; }
.usm-msg-tab.a1 li:nth-child(2) { border-top: 1px solid #dedee1; border-right: 1px solid #dedee1; }

.usm-msg-tab.a2 li:nth-child(1) { border-top: 1px solid #dedee1; border-left: 1px solid #dedee1; }
.usm-msg-tab.a2 li:nth-child(2) { background-color: #1a6cbf; }
.usm-msg-tab.a2 li:nth-child(2) a { color: #fff; }
/* ���� �� */

/* ���� ��ȸ */
.usm-brd-lst td { text-align: center; }
.usm-brd-lst tr td:nth-child(2) { font-weight: bold; }
/* ���� ��ȸ */

/* ���� */

.usm-msg-bill { clear: both; float: left; width: 100%; border: 2px solid #003573; box-sizing: border-box; padding: 0 0 15px 0; } 
.usm-msg-bill h5 { clear: both; float: left; width: 100%; box-sizing: border-box; padding: 10px 0; font-size: 20px; color: #0c276e; text-align: center; background: linear-gradient(#fff,#f4faff); border-bottom: 1px solid #6b85a3; margin: 0 0 10px 0; }
.usm-msg-bill .a1 { float: left; width: calc( 40% - 15px); box-sizing: border-box; margin: 0 0 0 15px; }
.usm-msg-bill .a1 > li:nth-child(1) { font-size: 32px; text-align: center; margin: 20px 0 0 0; }
.usm-msg-bill .a1 > li:nth-child(2) { font-size: 14px; text-align: center; color: #999; border-bottom: 1px dashed #cdcdcd; text-align: center; margin: 17px 0; padding: 0 0 8px 0; }
.usm-msg-bill .a1 > li:nth-child(3) { font-size: 20px; color: #ea0037; text-align: center; }
.usm-msg-bill .a1 > li:nth-child(3) strong { font-size: 34px; }
.usm-msg-bill .a1 > li:nth-child(4) { display: none; font-size: 16px; text-align: center; margin: 20px 0 10px 0; border-top: 1px dashed #cdcdcd; padding: 10px 0 0 0; font-weight: bold; }
.usm-msg-bill .a1 > li:nth-child(5) { display: none; font-size: 15px; text-align: center; }
.usm-msg-bill .a1 > li:nth-child(4).bill-a1-sel { display: block; }
.usm-msg-bill .a1 > li:nth-child(5).bill-a1-sel { display: block; }
.usm-msg-bill .a2 { width: 100%; box-sizing: border-box; padding: 15px; border: 1px dotted #cdcdcd; background-color: #f9f9f9; margin: 15px 0 0 0; }
.usm-msg-bill .a2 li:nth-child(1) { font-size: 15px; font-weight: bold; text-align: center; }
.usm-msg-bill .a2 li:nth-child(2) { font-size: 13px; text-align: left; color: #003573; margin: 15px 0 0 0; }

.usm-msg-bill .usm-brd-vew { float: right; width: calc(59% - 15px); margin: 0 15px 0 0; }
.usm-msg-bill .usm-brd-vew th { background-color: #f7f7f7; font-size: 13px; padding: 9px; }
.usm-msg-bill .usm-brd-vew tr:last-child th { background-color: #fff3f3; color: #ea0037; }
.usm-msg-bill .usm-brd-vew tr:last-child td { color: #ea0037; }
.usm-msg-bill .usm-brd-vew td { background-color: #fff; font-size: 12px; font-weight: bold; padding: 10px; }

.usm-msg-bill2 { clear: both; float: left; width: 100%; border: 1px solid #9e9e9e; box-sizing: border-box; padding: 10px; margin: 15px 0 0 0; }
.usm-msg-bill2 .chart-con {  width: 100%; }
.usm-msg-bill2 h5 { width: 100%; font-size: 16px; text-align: center; margin: 0 0 15px 0; box-sizing: border-box; background-color: #fff; }
.usm-msg-bill2 canvas { width: 100%; max-height: 300px; background-color: #fff; box-sizing: border-box; }

.usm-msg-bill3 { clear: both; float: left; width: 100%; margin: 15px 0 0 0; border: 1px solid #9e9e9e; background-color: #f9f9f9; box-sizing: border-box; padding: 10px; }
.usm-msg-bill4 { clear: both; float: left; width: 100%; border: 1px solid #d9d9d9; box-sizing: border-box; padding: 15px; background:url('../images/charge_bg02.jpg') right bottom no-repeat #fff; }
.usm-msg-bill4 h5 { width: 70%; font-size: 15px; border-bottom: 1px solid #dadada; padding: 5px 10px; box-sizing: border-box; }
.usm-msg-bill4 ul { font-size: 13px; padding: 5px 10px; box-sizing: border-box; }

/* ���� */

/* �ǽð� ��ȸ */
.usm-msg-real-anne { clear: both; float: left; width: 100%; height: 175px; background:url('../images/charge_bg.jpg') no-repeat; margin: 0 0 20px 0; }
.usm-msg-real-anne .usm-msg-realT { float: left; width: 35%; margin: 35px 0 0 0; text-align: center; }
.usm-msg-real-anne .usm-msg-realT h5 { width: 100px; font-size: 36px; color: #0c276e; background-color: #fff; padding: 26px 0; border-radius: 100px; text-align: center; margin: 0 auto; }
.usm-msg-real-anne ul { float: left; width: 65%; padding: 28px 20px; box-sizing: border-box; }
.usm-msg-real-anne li { color: #fff; text-align: left; }
.usm-msg-real-anne li:nth-child(1) { font-size: 16px; font-weight: bold; border-bottom: 1px solid #4dc6f3; padding: 0 0 20px 0; }
.usm-msg-real-anne li:nth-child(1) strong { color: #0c276e; font-size: 18px; }
.usm-msg-real-anne li:nth-child(2) { font-size: 14px; padding: 15px 0 0 0; }

.usm-brd-vew td { text-align: center; }

.usm-brd-vew tr:nth-child(2) td:nth-child(4) { text-align: right; font-weight: bold; }
.usm-brd-vew tr:nth-child(3) td:nth-child(4) { text-align: right; font-weight: bold; }
.usm-brd-vew tr:nth-child(4) td:nth-child(4) { text-align: right; font-weight: bold; }
.usm-brd-vew tr:nth-child(5) td:nth-child(4) { text-align: right; font-weight: bold; }
.usm-brd-vew tr:nth-child(6) td { text-align: right; font-weight: bold; }
.usm-brd-vew tr:nth-child(7) td { text-align: right; font-weight: bold; }
.usm-brd-vew tr:nth-child(8) td { text-align: right; font-weight: bold; }
.usm-brd-vew tr:last-child th { background-color: #fff3f3; color: #ea0037; }
.usm-brd-vew tr:last-child td { text-align: right; font-weight: bold; color: #ea0037; font-size: 16px; }
/* �ǽð� ��ȸ */

/* bill */
.usm-msg-bill-t { font-size: 14px; font-weight: bold; }
.usm-msg-bill-t:before { content: '\2714'; color: red; margin: 0 3px 0 0; }
.usm-msg-bill-t strong { color: red; }

.usm-brd-lst.bill .unp { color: red; font-weight: bold; }
/* bill */

/* ���� �Ұ� */
.usm-msg-anne { width: 100%; text-align: center; font-size: 16px; }

.usm-msg-anne.a1 { font-weight: bold; line-height: 140%; border: 1px solid #e8e8e8; box-sizing: border-box; padding: 70px 36px; }
.usm-msg-anne.a1 p:before { display: block; content:url('../images/blue_icon01_01.png'); background-color: #f9f9f9; width: 90px; height: 80px; padding: 40px 35px; border-radius: 100px; margin: 0 auto 25px auto; }
.usm-msg-anne.a1 span.usm-msg-btn { display: inline-block; background-color: #009cff; margin: 10px 0 0 0; border-radius: 3px; }
.usm-msg-anne.a1 span.usm-msg-btn a { display: block; color: #fff; padding: 13px 40px 15px 40px; }

.usm-msg-anne.a2 { font-weight: bold; line-height: 140%; border: 1px solid #e8e8e8; box-sizing: border-box; padding: 70px 36px; }
.usm-msg-anne.a2 p:before { display: block; content:url('../images/red_icon01_05.png'); background-color: #f9f9f9; width: 90px; height: 80px; padding: 40px 35px; border-radius: 100px; margin: 0 auto 25px auto; }
.usm-msg-anne.a2 .usm-msg-anne-t { display: block; color: #ff6430; font-weight: bold; font-size: 20px; }
.usm-msg-anne.a2 .usm-msg-anne-t:before { content: '\2757'; color: #fff; background-color: #ff6430; border-radius: 30px; padding: 2px 10px; vertical-align: middle; margin: 0 5px 0 0; }

.usm-msg-anne.a9 { font-weight: bold; line-height: 140%; border: 1px solid #e8e8e8; box-sizing: border-box; padding: 70px 36px; }
.usm-msg-anne.a9 p:before { display: block; content:url('../images/red_icon01_05.png'); background-color: #f9f9f9; width: 90px; height: 80px; padding: 40px 35px; border-radius: 100px; margin: 0 auto 25px auto; }
/* ���� �Ұ� */

@media (min-width:501px) and (max-width:768px){
	.usm-msg-real-anne ul { padding: 47px 20px; }
	.usm-msg-real-anne li:nth-child(1) { font-size: 16px; }
	.usm-msg-real-anne li:nth-child(1) strong { font-size: 18px; }
	.usm-msg-real-anne li:nth-child(2) { font-size: 15px; }
}

@media all and (min-width: 769px){

	.usm-msg-billf.a3 { padding: 10px 0; }
	.usm-msg-billf.a3c { clear: both; float: left; background:url('../images/charge_bg02.jpg') bottom no-repeat #fff; }
	.usm-msg-billf.a3c .usm-msg-billf-anne1:before { float: left; padding: 10px; }
	.usm-msg-billf.a3c .usm-msg-billf-anne2:before { float: left; padding: 30px 10px; }
	.usm-msg-billf.a3c .usm-msg-billf-anne1 { padding: 0 10px 30px 10px; margin: 0 10px; }
	.usm-msg-billf.a3c .usm-msg-billf-anne1:before { content: none; }
	.usm-msg-billf.a3c .usm-msg-billf-anne1 li:nth-child(1) { font-size: 14px; font-weight: bold; color: #000; }
	.usm-msg-billf.a3c .usm-msg-billf-anne1 li:nth-child(2) { font-size: 13px; color: #383838; }
	.usm-msg-billf.a3c .usm-msg-billf-anne1 li:nth-child(3) { font-size: 12px; color: #383838; }
	.usm-msg-billf.a3c .usm-msg-billf-anne1 li:nth-child(3):before { width: 10px; height: 10px; padding: 0px 5px; font-size: 13px; }
	.usm-msg-billf.a3c .usm-msg-billf-anne2 { padding: 0 10px 97px 10px; margin: 0 10px 10px 10px; }
	.usm-msg-billf.a3c .usm-msg-billf-anne2:before { content: none; }
	.usm-msg-billf.a3c .usm-msg-billf-anne2 li { line-height: 180%; font-size: 13px; }

	.usm-msg-billf a3c2 { padding: 20px 0; }

	.usm-msg-real-anne .usm-msg-realT { width: 20%; margin: 35px 0 0 0; }
	.usm-msg-real-anne .usm-msg-realT h5 { width: 110px; font-size: 36px; padding: 30px 0; }
	.usm-msg-real-anne ul { width: 70%; padding: 32px 50px; }
	.usm-msg-real-anne li:nth-child(1) { font-size: 26px; }
	.usm-msg-real-anne li:nth-child(1) strong { font-size: 30px; }
	.usm-msg-real-anne li:nth-child(2) { font-size: 22px; }

	.usm-msg-billf.a1 { float: left; width: 60%; padding: 10px 10px 1px 10px; }
	.usm-msg-billf.a1 .usm-msg-billft { margin: 8px 0 15px 0; }
	.usm-msg-billf.a2 { float: left; width: 40%; }
	.usm-msg-billf.a3 { float: left; width: 40%; }

}