/* ���� */
h6 { clear: both; width: 100%; height: 32px; line-height: 32px; padding: 0; margin: 0 0 10px 0; font-size: 2.3rem; color: #000; }
h6:first-child { margin: 0 0 10px 0; }

.rec-btn a { display: inline-block; background-color: #034694; border: 1px solid #034694; color: #fff; padding: 4px 8px; font-size: 14px; line-height: inherit; }
.rec-btn a:hover { color: #034694; background-color: #fff; }
.rec-btn input[type="submit"] { margin: -2px 0 0 0; padding: 4px 10px; font-size: 14px; color: #fff; background-color: #034694; border: 1px solid #034694; line-height: inherit; cursor: pointer; }
.rec-btn input:hover { background-color: #fff; color: #034694; }
.rec-btn input[type="button"] { margin: -2px 0 0 0; padding: 4px 10px; font-size: 14px; color: #fff; background-color: #034694; border: 1px solid #034694; line-height: inherit; cursor: pointer; }
.rec-btn input:hover { background-color: #fff; color: #034694; }

.usm-com-lst { display: inline-block; vertical-align: middle; margin: 3px 0; }
.usm-com-lst input[type="checkbox"] { vertical-align: middle; }
.usm-com-lst input[type="radio"] { vertical-align: middle; }
.usm-com-lst label { vertical-align: middle; cursor: pointer; margin: 0 5px 0 2px; }

.com-imp { clear: both; width: 100%; text-align: right; }
.com-imp strong { color: red; }

.com-imp2 { clear: both; float: left; width: 100%; font-size: 13px; margin: 15px 0 0 0; }
.com-imp2:before { content: '\2757'; margin: 0 5px 0 0 ; color: #034694; display: inline-block; vertical-align: top; font-size: 13px; }

.com-sec { display: block; }
.com-sec:after { content: ', '; }
.com-sec:last-child:after { content: none; }

.com-sec2:after { content: ', '; }
.com-sec2:last-child:after { content: none; }

.state0 { background-color: #5357d9; color: #fff; display: inline-block; padding: 2px 5px; }
.state1 { background-color: #0072bc; color: #fff; display: inline-block; padding: 2px 5px; }
.state2 {  background-color: #efefef; color: #626262; display: inline-block; padding: 2px 5px; }
.state0.vew { float: right; }
.state1.vew { float: right; }
.state2.vew { float: right; }
/* ���� */

/* list */
.com-anne { clear: both; width: 100%; box-sizing: border-box; padding: 1rem 2rem; border: 1px solid #d7d7d7; margin: 0 0 1rem 0; border-radius: 0.5rem; }
.com-anne li { line-height: 160%; font-size: 1.8rem; word-break: keep-all; }
.com-anne li:before { content: '\25FC'; margin: 0 5px 0 0 ; color: #034694; display: inline-block; vertical-align: middle; font-size: 13px; line-height: 160%; }

.searchForm { clear: both; width: 100%; box-sizing: border-box; padding: 1rem; border: 1px solid #d7d7d7; background-color: #f9f9f9; border-radius: 0.5rem; }
.searchForm > div { width: 100%; box-sizing: border-box; padding: 1rem 0; border-bottom: 1px solid #d7d7d7; display: flow-root; }
.searchForm > div:last-child { border-bottom: none; }
.searchForm > div > div:nth-child(1) { float: left; width: 10rem; font-weight: bold; font-size: 1.8rem; text-align: center; }
.searchForm > div:nth-child(1) > div:nth-child(1) > label { line-height: 7rem; }
.searchForm > div:nth-child(2) > div:nth-child(1) > label { line-height: 15rem; }
.searchForm > div:nth-child(3) > div:nth-child(1) > label { line-height: 7rem; }
.searchForm > div:nth-child(4) > div:nth-child(1) > label { line-height: 4rem; }
.searchForm > div > div:nth-child(2) { float: left; width: calc(100% - 10rem); }

.usm-com-btn { clear: both; width: 100%; }
.usm-com-btn input { display: block; width: 150px; margin: 0 auto; padding: 8px 20px; font-size: 14px; color: #fff; font-weight: bold; background:url('../images/btn_icon.gif') 80% center no-repeat #034694; border: 1px solid #034694; cursor: pointer; font-family: 'SCDream4'; }

.usm-brd-lst.com { margin: 10px 0; }
.usm-brd-lst.com th { background-color: #e5eeff; }
.usm-brd-lst.com td { text-align: center; word-break: break-all; }
.usm-brd-lst.com td.com2 a { color: #034694; font-weight: bold; }
.usm-brd-lst.com td.com8 .usm-me { display: block; }

.usm-brd-lst.com th.com1 { display: none; }
.usm-brd-lst.com th.com3 { display: none; }
.usm-brd-lst.com th.com6 { display: none; }

.usm-brd-lst.com td.com1 { display: none; }
.usm-brd-lst.com td.com3 { display: none; }
.usm-brd-lst.com td.com6 { display: none; }
/* list */

/* sms */
.usm-brd-wrt.sms1 th:nth-child(1) { width: 30%; }
.usm-brd-wrt.sms1 input[type="radio"] { display: inline-block; vertical-align: middle; cursor: pointer; }
.usm-brd-wrt.sms1 label { display: inline-block; vertical-align: middle; margin: 0 5px 0 2px; cursor: pointer; }
.usm-brd-wrt.sms1 tr:nth-child(5) td ul { margin: 0 0 8px 0; }

.sms-anne { clear: both; width: calc(100% - 20px); border-top: 2px solid #000; padding: 10px; }
.sms-anne li { line-height: 160%; }
.sms-anne li strong { color: #034694; }
/* sms */

/* view */
.comRanne { width: 100%; padding: 20px; box-sizing: border-box; background-color: #edf2f9; border: 1px solid #d7e3f3; text-align: center; }
.comRanne div:nth-child(1) { font-size: 15px; margin: 0 0 15px 0; }

.usm-brd-vew.cvew { border-top: 2px solid #034694; }
.usm-brd-vew.cvew th { width: 20%; background-color: #e5eeff; }

.usm-brd-vew.cvew tr:nth-child(6) input[type="checkbox"] { display: inline-block; margin: 0 5px 0 2px; vertical-align: middle; }

.usm-brd-vew.cvew .file-con { clear: both; float: left; width: 100%; border-top: 2px solid #000; border-bottom: 1px solid #d7d7d7; margin: 10px 0 0 0; padding: 10px; box-sizing: border-box; background-color: #f9f9f9; }
.usm-brd-vew.cvew .file-con .file-btn { display: inline; float: left; line-height: 25px; }
.usm-brd-vew.cvew .file-con .file-btn .filename a:hover { color: #034694; }
.usm-brd-vew.cvew .file-con .file-btn .file-vol { vertical-align: bottom; }
.usm-brd-vew.cvew .file-con .file-btn2 { clear: none; display: inline; float: right; }

.usm-brd-lst.vpro th:nth-child(1) { width: 30px; }
.usm-brd-lst.vpro td { text-align: center; }
.usm-brd-lst.vpro td:nth-child(3) .file-nme { display: inline-block; vertical-align: middle; }
.usm-brd-lst.vpro td:nth-child(3) .file-btn2 { display: inline-block; vertical-align: middle; }
/* view */

/* propose */
.usm-brd-wrt.pro th { width: 30%; }
.usm-brd-wrt.pro td span { vertical-align: top; }
.usm-brd-wrt.pro tr:nth-child(3) td input[type="text"] { width: 100px; }

.usm-brd-lst.pro td { text-align: center; word-break: break-all; }

.usm-brd-lst.pro th:nth-child(1) { display: none; }
.usm-brd-lst.pro th:nth-child(3) { display: none; }
.usm-brd-lst.pro th:nth-child(6) { display: none; }

.usm-brd-lst.pro td:nth-child(1) { display: none; }
.usm-brd-lst.pro td:nth-child(3) { display: none; }
.usm-brd-lst.pro td:nth-child(6) { display: none; }

.pro-anne { clear: both; width: 100%; margin: 20px 0 10px 0; }
.pro-anne li:before { content: '\2714'; margin: 0 5px 0 0; color: #034694; }
/* propose */

/* write */
.usm-brd-wrt.com > tbody > tr:nth-child(1) th:nth-child(1) { width: 10%; border-right: 1px solid #e4e4e4; }
.usm-brd-wrt.com > tbody > tr:nth-child(1) th:nth-child(2) { width: 10%; }
.usm-brd-wrt.com > tbody > tr > th { background-color: #e5eeff; }

.usm-brd-wrt.com > tbody > tr:nth-child(4) td input[type="text"] { width: 100%; }
.usm-brd-wrt.com > tbody > tr:nth-child(5) td input[type="text"] { width: 150px; }
.usm-brd-wrt.com > tbody > tr:nth-child(6) td input[type="text"] { width: 150px; }
.usm-brd-wrt.com > tbody > tr:nth-child(7) td label { cursor: pointer; display: inline-block; margin: 0 0 0 2px; vertical-align: middle; }

/* write */

@media (min-width: 768px) and (max-width: 1023px){

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

.usm-brd-lst.com th.com1 { display: table-cell; width: 5rem; }
.usm-brd-lst.com th.com2 { display: table-cell; }
.usm-brd-lst.com th.com3 { display: table-cell; }
.usm-brd-lst.com th.com4 { display: table-cell; }
.usm-brd-lst.com th.com5 { display: table-cell; }
.usm-brd-lst.com th.com6 { display: table-cell; width: 7rem; }
.usm-brd-lst.com th.com7 { display: table-cell; width: 7rem; }
.usm-brd-lst.com th.com8 { display: table-cell; width: 8rem; }

.usm-brd-lst.com td.com1 { display: table-cell; }
.usm-brd-lst.com td.com3 { display: table-cell; }
.usm-brd-lst.com td.com6 { display: table-cell; }

.usm-brd-wrt.com > tbody > tr:nth-child(7) td input[type="text"] { width: 300px; }
.usm-brd-wrt.com > tbody > tr:nth-child(9) td input[type="text"] { width: 150px; }

.usm-brd-lst.pro th:nth-child(1) { display: table-cell; width: 30px; }
.usm-brd-lst.pro th:nth-child(2) { width: 200px; }
.usm-brd-lst.pro th:nth-child(3) { display: table-cell; }
.usm-brd-lst.pro th:nth-child(6) { display: table-cell; }
.usm-brd-lst.pro th:nth-child(7) { width: 70px; }
.usm-brd-lst.pro th:nth-child(8) { width: 70px; }

.usm-brd-lst.pro td:nth-child(1) { display: table-cell; }
.usm-brd-lst.pro td:nth-child(3) { display: table-cell; }
.usm-brd-lst.pro td:nth-child(6) { display: table-cell; }

.usm-brd-lst.vpro th:nth-child(2) { width: 150px; }
.usm-brd-lst.vpro th:nth-child(4) { width: 100px; }

.usm-brd-lst.vpro td:nth-child(3) .file-nme { width: 300px; max-width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.usm-brd-wrt.pro tr:nth-child(3) td input[type="text"] { width: inherit; }
}