@charset "utf-8";

body { font-weight: 400; font-size: 12px; min-width: 1024px; color: #252525; background: #fff; min-height: 100%; position: relative; box-sizing: border-box; }

.iframe body { overflow-y : scroll; }

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.p-0 {
	padding: 0 !important
}

.p-5 {
	padding: 5px !important
}

.p-10 {
	padding: 10px !important
}

.p-15 {
	padding: 15px !important
}

.p-20 {
	padding: 20px !important
}

.p-30 {
	padding: 30px !important
}

.p-l-0 {
	padding-left: 0 !important
}

.p-l-5 {
	padding-left: 5px !important
}

.p-l-10 {
	padding-left: 10px !important
}

.p-l-20 {
	padding-left: 20px !important
}

.p-l-30 {
	padding-left: 30px !important
}

.p-r-0 {
	padding-right: 0 !important
}

.p-r-10 {
	padding-right: 10px !important
}

.p-r-20 {
	padding-right: 20px !important
}

.p-r-30 {
	padding-right: 30px !important
}

.p-r-40 {
	padding-right: 40px !important
}

.p-t-0 {
	padding-top: 0 !important
}

.p-t-10 {
	padding-top: 10px !important
}

.p-t-20 {
	padding-top: 20px !important
}

.p-t-30 {
	padding-top: 30px !important
}

.p-b-0 {
	padding-bottom: 0 !important
}

.p-b-10 {
	padding-bottom: 10px !important
}

.p-b-20 {
	padding-bottom: 20px !important
}

.p-b-30 {
	padding-bottom: 30px !important
}

.p-b-40 {
	padding-bottom: 40px !important
}

.m-0 {
	margin: 0 !important
}

.m-l-0 {
	margin-left: 0 !important
}

.m-l-5 {
	margin-left: 5px !important
}

.m-l-10 {
	margin-left: 10px !important
}

.m-l-15 {
	margin-left: 15px !important
}

.m-l-20 {
	margin-left: 20px !important
}

.m-l-30 {
	margin-left: 30px !important
}

.m-l-40 {
	margin-left: 40px !important
}

.m-r-0 {
	margin-right: 0 !important
}

.m-r-5 {
	margin-right: 5px !important
}

.m-r-8 {
	margin-right: 8px !important
}

.m-r-10 {
	margin-right: 10px !important
}

.m-r-15 {
	margin-right: 15px !important
}

.m-r-20 {
	margin-right: 20px !important
}

.m-r-30 {
	margin-right: 30px !important
}

.m-r-40 {
	margin-right: 40px !important
}

.m-t-5 {
	margin-top: 5px !important
}

.m-t-0 {
	margin-top: 0 !important
}

.m-t-10 {
	margin-top: 10px !important
}

.m-t-15 {
	margin-top: 15px !important
}

.m-t-20 {
	margin-top: 20px !important
}

.m-t-30 {
	margin-top: 30px !important
}

.m-t-40 {
	margin-top: 40px !important
}

.m-b-0 {
	margin-bottom: 0 !important
}

.m-b-5 {
	margin-bottom: 5px !important
}

.m-b-10 {
	margin-bottom: 10px !important
}

.m-b-15 {
	margin-bottom: 15px !important
}

.m-b-20 {
	margin-bottom: 20px !important
}

.m-b-30 {
	margin-bottom: 30px !important
}

.m-b-40 {
	margin-bottom: 40px !important
}

table.list-fixed { background-color: #e6f4ff; }

table.list-fixed tbody {
    display:block;
    overflow-y: scroll;
    height: 380px;
}
table.list-fixed thead,
table.list-fixed tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
table.list-fixed thead {
    width: calc( 100% - 17px );
}

table.list-fixed.row30 tbody{
	height: 730px;
}

table.form,
table.list { font-family: dotum,gulim,tahoma,sans-serif,serif; font-size: 12px; }

table.list th { text-align: center; }
table.input th { text-align: right; padding-right: 10px; }

table.form { width: 100%; table-layout: fixed; text-align: center; border-top: 2px solid #004c9c; border-collapse: separate; }
table.form th,
table.form td { background: #fff; }
table.form th { font-weight: 700; background: #e6f4ff; }
table.form thead tr + tr th { border-top: 1px solid #ccc; }
table.form thead th + th,
table.form thead th.noFirst { border-left: 1px solid #ccc; }
table.form thead + tbody tr:first-child th,
table.form thead + tbody tr:first-child td { border-top: 1px solid #a2a2a2; }
table.form td.amount { text-align: right; padding-right: 22px; }
table.form tr + tr th,
table.form tr + tr td { border-top: 1px solid #eee; }
table.form th + td { border-left: 1px solid #ccc; }
table.form td { text-align: left; padding: 7px 10px; }
table.form th { text-align: right; padding: 7px 5px; }
table.form th.bl, table.form td.bl,
table.form tr.inner th:first-child,
table.form tr.inner td:first-child { border-left: 1px solid #ccc; }
table.form { border-bottom: 2px solid #a2a2a2; }

p.form-control.form-control-static { background-color: #f0f0fa; }

form div.form-buttons { text-align: center; margin: 10px; }
.has-error .errors { color: rgb(169, 68, 66); }

.w40 { width: 40px !important; }
.w60 { width: 60px !important; }
.w80 { width: 80px !important; }
.w100 { width: 100px !important; }
.w120 { width: 120px !important; }
.w120 { width: 120px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w180 { width: 180px !important; }
.w200 { width: 200px !important; }

.price-minus { color: #ff2a2a !important; }

td.empty-result, div.empty-result { height: 100%; min-height: 200px; padding: 30px 5px; color: #888; text-align: center; }

table.list tr td.check-wrap:hover,
table.list tr.check-stack:hover td,
table tr.selected-row:hover td { cursor: pointer; background-color: #aaeeff; }

/** range-date-picker style **/
div.range-date-picker input, div.range-date-picker select { text-align: center; }
div.range-date-picker .field-ry { width: 103px; }
div.range-date-picker .field-rm { width: 103px; }
div.range-date-picker .field-rs,
div.range-date-picker .field-re { width: 100px; }

div.range-onemonth-picker .field-yy,
div.range-ym-picker .field-sy,
div.range-onemonth-picker .field-mm,
div.range-ym-picker .field-sm,
div.range-ym-picker .field-ey,
div.range-ym-picker .field-em { width: 103px; }

.display-none { display: none; }

.text-amt { text-align: right !important; padding-left: 5px !important; padding-right: 5px !important; }

table.table-list  { font-family: dotum,gulim,tahoma,sans-serif,serif; font-size: 12px; }
table.table-list th { text-align: center; }
table.table-list { border-top: 2px solid #004c9c; border-collapse: collapse; }
table.table-list th,
table.table-list td { height: 22px; padding: 2px; background: #fff; }
table.table-list th { font-weight: 700; background: #e6f4ff; }
table.table-list thead tr + tr th { border-top: 1px solid #ccc; }
table.table-list thead th + th,
table.table-list tr.inner th:first-child,
table.table-list tr.inner td:first-child { border-left: 1px solid #ccc; }
table.table-list td.amount { text-align: right; padding-right: 22px; }
table.table-list td + td,
table.table-list tbody th,
table.table-list tbody td { border-bottom: 1px solid #a2a2a2; }
table.table-list thead tr th,
table.table-list.table>tbody>tr>td,
table.table-list.table>tbody>tr>th,
table.table-list.table>tfoot>tr>td,
table.table-list.table>tfoot>tr>th,
table.table-list.table>thead>tr>td,
table.table-list.table>thead>tr>th { vertical-align: middle; }


footer.footer { position: absolute; width: 100%; bottom: -50px; height: 50px; text-align: center; font-size: 11px; color: #8f8f8f; border-top: 1px solid #dddddd; padding: 10px; }
footer.footer dl,
footer.footer dt,
footer.footer dd { display: inline-block; margin-bottom: 0; }
footer.footer dl + dl { margin-left: 13px; }
footer.footer dt:after { content: ' :'; }
footer.footer strong { color: #0154a4; }


table.search .form-group,
table.form .form-group,
table.table .form-group { margin-bottom: 0; }

table.form tbody th,  table.form tbody td,
table.form tbody th,  table.form tbody td,
table.table tbody th, table.table tbody td { vertical-align: middle; }

table.bs-list th { background: #e6f4ff; text-align: center; }
table.bs-form th { background: #e6f4ff; text-align: center; }
table.bs-form > table.bs-list tr:first-child th { border-top-style: solid; }
table.bs-form + table.bs-list.table>thead:first-child>tr:first-child>th,
table.bs-form + table.bs-list.table>thead:first-child>tr:first-child>td { border-top: 2px solid #4e88bf; }


.panel-heading .accordion-toggle { text-decoration: none; }
.panel-heading .accordion-toggle:hover { text-decoration: none; }
.panel-heading .accordion-toggle:visited { text-decoration: none; }
.panel-heading .accordion-toggle:after { font-family: 'Glyphicons Halflings'; content: "\e114"; margin-left: 10px; vertical-align: text-bottom; }
.panel-heading .accordion-toggle.collapsed:after { content: "\e113"; }

.btn-group.btn-group-block { display: block; }