.usm-msg-basic-t { width: 100%; font-size: 18px; color: #fff; background-color: #00adef; text-align: center; padding: 15px; margin: 0 0 10px 0; box-sizing: border-box; }

.usm-msg-basic.a1 { clear: both; float: left; width: 100%; border: 1px solid #cdcdcd; background-color: #f7f7f7; box-sizing: border-box; padding: 10px; }
.usm-msg-basic.a1 h6 { width: 100%; font-size: 20px; color: #35a6ff; text-align: center; margin: 0 0 15px 0; }
.usm-msg-basic.a1 h6:before { content:url('../images/blue_icon05_02.png'); display: block; padding: 10px; text-align: center; }
.usm-msg-basic.a1 ul { clear: both; float: left; width: 100%; padding: 10px; background-color: #fff; box-sizing: border-box; max-height: 147px; overflow: auto; overflow-x: hidden; }
.usm-msg-basic.a1 ul li { clear: both; float: left; width: 100%; padding: 10px; font-size: 14px; box-sizing: border-box; }
.usm-msg-basic.a1 ul li .user_name { float: left; }
.usm-msg-basic.a1 ul li .usm-del { float: right; }
.usm-msg-basic.a1 .usm-btn-wrap { clear: both; float: right; margin: 16px 0 0 0; }
.usm-msg-basic.a1 .usm-btn-wrap input:hover { cursor: pointer; }
.usm-msg-basic.a1 .usm-btn-wrap label { font-weight: bold; margin: 5px 360px 0 5px; font-size: 14px;}
.usm-msg-basic.a1 .usm-btn-wrap label:hover{ cursor: pointer; }
.usm-msg-basic.a1 p { width: 100%; clear: both; float: left; margin: 15px 0 0 0; padding: 15px 20px 0 20px; border-top: 2px solid #c2c2c2; box-sizing: border-box; font-size: 14px; color: #383838; font-weight: bold; }
.usm-msg-basic.a1 p:before { content: '\2757'; color: #fff; background-color: #5a5a5a; width: 15px; height: 15px; vertical-align: middle; padding: 0px 6px; margin: 0 5px 0 0; font-size: 15px; border-radius: 30px; }

.usm-msg-basic.a1 .usm-btn.usm-sm button { background-color: #182b7d; padding: 2px 5px; color: #fff; cursor: pointer; font-weight: bold; border: none; margin: 0 0 0 3px; }
.usm-msg-basic.a1 .usm-btn.usm-sm button:hover { background-color: #35a6ff; }

.usm-msg-basic.a2 { clear: both; float: left; width: 100%; margin: 30px 0 0 0; }
.usm-msg-basic.a2 h6 { font-size: 18px; color: #353535; margin: 0 0 8px 0; display: inline-block; }
.usm-msg-basic.a2 h6:before { content:url('../images/title01.png'); margin: 0 5px 0 0; vertical-align: middle; display: inline-block; width: 17px; height: 24px; }
.usm-msg-basic.a2 .usm-brd-wrt th { width: 30%; }
.usm-msg-basic.a2 .usm-brd-wrt input[type="text"] { width: 80%; }
.usm-msg-basic.a2 ul { width: 100%; box-sizing: border-box; padding: 0 20px; }
.usm-msg-basic.a2 li { font-size: 14px; font-weight: bold; }
.usm-msg-basic.a2 li:before { content:url('../images/title02.png'); margin: 0 5px 0 0; vertical-align: middle; }
.usm-msg-basic.a2 li:nth-child(1) { color: #383838; }
.usm-msg-basic.a2 li:nth-child(2) { color: #000; }

.usm-msg-basic.a3 { clear: both; float: left; width: 100%; margin: 30px 0 0 0; }
.usm-msg-basic.a3 h6 { font-size: 18px; color: #353535; margin: 0 0 8px 0; display: inline-block; }
.usm-msg-basic.a3 h6:before { content:url('../images/title01.png'); margin: 0 5px 0 0; vertical-align: middle; display: inline-block; width: 17px; height: 24px; }
.usm-msg-basic.a3 .usm-msg-basicC { border: 1px solid #cdcdcd; padding: 20px; width: 100%; clear: both; float: left; box-sizing: border-box; }
.usm-msg-basic.a3 .usm-msg-basicC2 { clear: both; float: left; width: 100%; }
.usm-msg-basic.a3 .usm-msg-basicC2:before { margin: 0 auto; display: block; content:url('../images/blue_icon06_01.png'); background-color: #f9f9f9; border-radius: 80px; width: 90px; height: 80px; padding: 35px; }
.usm-msg-basic.a3 .usm-msg-basicC2 p { float: left; font-size: 15px; color: #008fff; margin: 0 0 20px 0; }
.usm-msg-basic.a3 .usm-msg-basicC2 table { width: 100%; }
.usm-msg-basic.a3 .usm-msg-basicC2 table td { text-align: center; }
.usm-msg-basic.a3 .usm-msg-basicC2 table td input { width: 100%; }
.usm-msg-basic.a3 .usm-msg-basicC2 table td .ag { font-weight: bold; color: #0c276e; }
.usm-msg-basic.a3 .usm-msg-basicC2 table td .nag { font-weight: bold; color: #fc2135; }
.usm-msg-basic.a3 .usm-msg-basicC2 .usm-btn { background-color: #fff; padding: 4px 8px; color: #008cba; cursor: pointer; font-weight: bold; border: 1px solid #a0c6d2; }
.usm-msg-basic.a3 .usm-msg-basicC2 .usm-btn:hover { color: #fff; background-color: #008CBA; }
.usm-msg-basic.a3 .usm-msg-basicC2 .usm-btn.deleteRow { background-color: #182b7d; padding: 4px 8px; color: #fff; cursor: pointer; font-weight: bold; border: none; }
.usm-msg-basic.a3 .usm-msg-basicC2 .usm-btn.deleteRow:hover { background-color: #35a6ff; }
.usm-msg-basic.a3 .usm-msg-basicC ul { clear: both; float: left; width: 100%; margin: 10px 0 0 0; }
.usm-msg-basic.a3 .usm-msg-basicC ul:before { content: '\2757'; color: #fff; background-color: #35a6ff; width: 20px; height: 20px; vertical-align: middle; padding: 5px; margin: 3px 15px 0 0; font-size: 15px; border-radius: 30px; float: left; text-align: center; }
.usm-msg-basic.a3 .usm-msg-basicC ul li { font-size: 14px; color: #000; font-weight: bold; }

.usm-msg-basic.a4 { clear: both; float: left; width: 100%; margin: 30px 0 20px 0; }
.usm-msg-basic.a4 h6 { font-size: 18px; color: #353535; margin: 0 0 8px 0; display: inline-block; }
.usm-msg-basic.a4 h6:before { content:url('../images/title01.png'); margin: 0 5px 0 0; vertical-align: middle; display: inline-block; width: 17px; height: 24px; }
.usm-msg-basic.a4 .usm-msg-basicC { border: 1px solid #cdcdcd; padding: 20px; width: 100%; clear: both; float: left; box-sizing: border-box; }
.usm-msg-basic.a4 .usm-msg-basicC input { display: inline-block; cursor: pointer; vertical-align: middle; }
.usm-msg-basic.a4 .usm-msg-basicC label { display: inline-block; cursor: pointer; font-size: 14px; margin: 0 20px 0 0; vertical-align: middle; }
.usm-msg-basic.a4 ul { clear: both; width: 100%; box-sizing: border-box; margin: 10px 0 0 0; }
.usm-msg-basic.a4 li { font-size: 14px; font-weight: bold; }
.usm-msg-basic.a4 li:before { content:url('../images/title02.png'); margin: 0 5px 0 0; vertical-align: middle; }
.usm-msg-basic.a4 li:nth-child(1) { color: #383838; }
.usm-msg-basic.a4 li:nth-child(2) { color: #000; margin: 4px 0 0 0; }

.usm-msg-basic.a5 { clear: both; float: left; width: 100%; margin: 30px 0 20px 0; }
.usm-msg-basic.a5 h6 { font-size: 18px; color: #353535; margin: 0 0 8px 0; display: inline-block; }
.usm-msg-basic.a5 h6:before { content:url('../images/title01.png'); margin: 0 5px 0 0; vertical-align: middle; display: inline-block; width: 17px; height: 24px; }
.usm-msg-basic.a5 .usm-msg-basicC { border: 1px solid #cdcdcd; padding: 20px; width: 100%; clear: both; float: left; box-sizing: border-box; }

.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-msg-basic.a5 .usm-brd-vew.a5 td { text-align: center; border-right: 1px solid #d7d7d7; font-size: 14px; color: #868686; }
.usm-msg-basic.a5 .usm-brd-vew.a5 td.bill-sel { font-weight: bold; color: #000; }
.usm-msg-basic.a5 .usm-brd-vew.a5 td.bill-sel.selt:before { content:url('../images/bill_icon.jpg'); margin: 0 5px 0 0 ; vertical-align: middle; display: inline-block; width: 41px; height: 31px; }
.usm-msg-basic.a5 .usm-brd-vew.a5 td.bill-sel.selt { color: #182b7d; }
.usm-msg-basic.a5 .usm-brd-vew.a5 td:last-child { border-right: none; }
.usm-msg-basic.a5 .usm-brd-vew.a5 td .bill-a5-c { margin: 0 auto; box-sizing: border-box; padding: 10px; }
.usm-msg-basic.a5 .usm-brd-vew.a5 td .bill-a5-c li { text-align: left; }
.usm-msg-basic.a5 .usm-brd-vew.a5 td .bill-a5-c li:nth-child(2) { margin: 5px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #d7d7d7; }

.usm-msg-basic.a5 .bill-a5-anne { clear: both; width: 100%; box-sizing: border-box; margin: 10px 0 0 0; }
.usm-msg-basic.a5 .bill-a5-anne li { font-size: 14px; font-weight: bold; }
.usm-msg-basic.a5 .bill-a5-anne li:before { content:url('../images/title02.png'); margin: 0 5px 0 0; vertical-align: middle; }
.usm-msg-basic.a5 .bill-a5-anne li:nth-child(1) { color: #383838; }
.usm-msg-basic.a5 .bill-a5-anne li:nth-child(1) a { display: inline-block; vertical-align: middle; margin: 0 0 0 5px; padding: 2px 5px; border-radius: 5px; background-color: #182b7d; color: #fff; border: 1px solid #182b7d; font-size: 12px; transition: 0.2s; }
.usm-msg-basic.a5 .bill-a5-anne li:nth-child(1) a:hover { border: 1px solid #182b7d; color: #182b7d; background-color: #fff; }
.usm-msg-basic.a5 .bill-a5-anne li:nth-child(2) { color: #000; margin: 4px 0 20px 0; }
.usm-msg-basic.a5 .bill-a5-anne li:nth-child(3) { color: #182b7d; }

.usm-btn-wrap { clear: both; }

.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 all and (min-width: 769px){
	.usm-msg-basic.a1 { padding: 20px; }
	.usm-msg-basic.a1 ul { clear: none; float: left; width: 70%; }
	.usm-msg-basic.a1 ul li { clear: none; float: left; width: 50%; }
	.usm-msg-basic.a1 p { margin: 15px 0 0 0; padding: 15px 0 0 0; }
	.usm-msg-basic.a3 .usm-msg-basicC { padding: 50px; }

	.usm-msg-basic.a1 h6 { float: left; width: 30%; }
	.usm-msg-basic.a1 table { float: left; width: 70%; }
	.usm-msg-basic.a3 .usm-msg-basicC { padding: 25px; }
	.usm-msg-basic.a3 .usm-msg-basicC2:before { margin: 0 40px 0 0; float: left; }
	.usm-msg-basic.a3 .usm-msg-basicC2 table { float: left; width: 76%; }
}