* {
  font-family: 'Noto Sans KR', gulim;
}

i {
  font-family: 'Material Icons';
}

body {
  background-color: #dce1e8;
  overflow:auto;
}

.apage-title {
  color: #383838;
  width: 265px;
}

.apage-title .title-bar {
  width: 40px;
  height: 3px;
  background-color: #343b3f;
  margin-bottom: 7px;
}

.apage-title h3 {
  font-family: 'Noto Sans KR', gulim;
  font-size: 22px;
  margin: 0px;
}

.asub-title {
  height: 35px;
}

.asub-title h4 {
  font-family: 'Noto Sans KR', gulim;
  font-size: 16px;
  margin: 0px;
}

.adata-list-area {
  min-height: calc(100% - 80px);
  padding: 20px;
  margin: 20px 0px;
  background-color: #fff;
  border-radius: 5px;
}

.page-row {
  font-size: 13px;
  text-align: center;
  width: 70px;
  height: 30px;
  padding-left: 10px;
  border-radius: 3px;
}

.search-condition .btn-group .abtn {
  font-size: 13px;
  height: 30px;
  padding: 0px 10px !important;
  border-right: 0px solid;
}

.search-condition .btn-group .abtn:nth-last-child(1) {
  border-right: 1px solid #ccc;
}

.btn-group .active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

/* table ------ */

.list-table {
  width: 100%;
  border-top: 1px solid #383838;
  text-align: center;
  font-family: 'Noto Sans KR', gulim;
  font-size: 13px;
  font-weight: 400;
}

.list-table	tr {
  height: 40px;
  border-bottom: 1px solid #d8d8d8;
}

.list-table	th {
  background-color: #f4f5f7;
  font-weight: 500;
  text-align: center;
}

.list-table td {
  padding: 0px 10px;
}

.list-table .tl {
  text-align: left;
}

.list-table tr.notice {
  background-color: #fff1f3;
}

.list-table input[type="text"], .list-table select {
  height: 25px !important;
  padding: 0px 8px;
  font-size: 13px;
}

.list-table .btn-group .abtn {
  font-size: 13px;
  height: 25px;
  padding: 0px 10px !important;
  border-right: 0px solid;
}

.list-table .btn-group .abtn:nth-last-child(1) {
  border-right: 1px solid #ccc;
}

.list-table1, .list-table2 {
  border-top: 1px solid #d8d8d8;
  margin-top: 10px;
}

.list-table2 th {
  background-color: #fff0f5;
  font-weight: 500;
  text-align: center;
}

.list-table2 th, .list-table2	td {
  border-right: 1px solid #ccc;
}

.list-table2 th:nth-last-child(1), .list-table2	td:nth-last-child(1) {
  border-right: 0px solid;
}



.pagination {
  justify-content: center;
  font-size: 15px;
  color: #345fdf;
}

.pagination	a:hover {
  font-weight: bold;
}



/* table ------ */

/* btn -------- */

.abtn {
  font-size: 14px;
  background-color: #fff;
  border-color: #ccc;
  padding: 0px !important;
  border-radius: 3px;
}

.abtn:hover {
  background-color: #eeeeee;
}

.abasic-btn {
  width: 100px;
  height: 30px;
  line-height: 30px;
  padding: 0px;
}

.abasic-btn:hover {
  color: #333;
}

.btn-silver, .btn-silver:hover {
  color: #fff;
  background-color: #737d8a;
}

.asmall-btn {
  width: 20px;
  height: 20px;
}

.asmall-btn i {
  float: left;
  color: #737d8a;
  font-size: 15px;
  line-height: 20px;
  padding-left: 2px;
}

.asm-btn {
  width: 25px;
  height: 25px;
}

.asm-btn i {
  float: left;
  color: #737d8a;
  font-size: 17px;
  font-weight: bold;
  line-height: 25px;
  padding-left: 4px;
}

.amodal-btn {
  height: 32px;
  padding: 0px 15px !important;
  font-size: 13px;
}

.amodal-btn i {
  float: left;
  color: #333;
  font-size: 17px;
  font-weight: bold;
  line-height: 30px;
  padding-left: 4px;
}

.amodal-btn span {
  float: left;
  line-height: 30px;
  margin-left: 5px;
}

.asearch-btn {
  width: 30px;
  height: 30px;
}

.asearch-btn i {
  float: left;
  color: #737d8a;
  font-size: 18px;
  line-height: 30px;
  padding-left: 5px;
}

/* btn -------- */

/* modal style */

.modal {
  z-index: 99999;
}

.amodal-header {
  padding: 0px 20px;
  background-color: #d9e6ff;
}

.amodal-header .close {
  font-size: 30px;
  font-weight: bold;
  line-height: 50px;
  color: #7b8eb3;
  padding: 0px;
}

.amodal-title {
  font-size: 18px !important;
  font-weight: bold;
  color: #545e72;
  line-height: 50px;
}

.amodal-body {
  padding: 20px 20px 0px 20px;
}

.amodal-footer {
  display: block;
  padding: 0px;
  margin: 10px 20px 25px 20px;
  border-top: 0px solid;
}

.amodal-footer .btn1 {
  display: block;
  width: 160px;
  height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background-color: #58595b;
  margin: 0 auto !important;
}

/* modal style */


/* modal style s----- */

.modal {
  z-index: 99999;
}

.modal-normal {
  max-width: 600px;
}

.modal-large {
  max-width: 940px;
}

.modal-footer,
.modal-header {
  padding: 10px;
}

.modal-header .close {
  padding: 0px;
}

.modal-title {
  font-size: 18px;
}

.modal-body {
  padding: 10px;
}

.modal-body td {
  padding-left: 10px;
  text-align: left;
}

.modal-body input {
  font-size: 13px;
  height: 27px;
  padding: 0px 12px;
}
.modal-body .help-block {
  display: block;
  padding: 5px 12px;
  text-align: left;
}

.modal-footer .blue-btn {
  color: #fff !important;
  background-color: #337ab7 !important;
}

.modal-holder{
  animation-name: appear;
  animation-duration: 0.3s;
}

@keyframes appear {
  0%   {transform: scale(0.5)}
  100% {transform: scale(1)}
}

/* modal style e----- */

.necessary-icon {
  font-size: 13px;
  font-weight: bold;
  color: #f04d2d;
}

.progress {
  height: 5px;
}

.input160 {
  width: 160px !important;
}

/* btn s----- */

.material-icons {
  color: #737d8a;
}

button .material-icons {
  color: #737d8a;
  font-size: 15px;
}

button .material-icons-outlined {
  color: #737d8a;
  font-size: 15px;
}

.normal-btn {
  font-family: 'Noto Sans KR', gulim;
  font-size: 15px;
  width: 100px;
  height: 30px;
  color: #333;
  padding: 0px 0px 2px 0px;
}

.process-btn {
  background-color: #737d8a !important;
  color: #fff !important;
}

.btn i {
  vertical-align:middle;
}

.basic-btn {
  width: 100px;
  height: 30px;
  font-size: 14px;
  padding: 0px !important;
  margin-left: 5px !important;
}

.search-btn {
  width: 30px;
  height: 30px;
  padding: 0px !important;
}

.search-btn i {
  line-height: 30px;
  font-size: 18px;
  padding: 0px !important;
}

.small-btn {
  width: 20px;
  height: 20px;
  padding: 0px !important;
}

.small-btn i {
  float: left;
  line-height: 20px;
  padding-left: 2px;
}

.small-btn img {
  padding-bottom: 6px;
}

.modal-btn {
  width: 50px;
  height: 30px;
  font-size: 14px;
  padding: 0px !important;
}

.blue-btn {
  background-color: #539bff !important;
  color: #fff !important;
}

.btn-group button {
  border-right: 0px solid;
}

.btn-group button:nth-last-child(1) {
  border-right: 1px solid #ccc;
}

.btn-group .active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-plus {
  background: url("/assets/admin/images/btn_ic_plus.png") no-repeat 50% 50%;
}

.btn-edit {
  background: url("/assets/admin/images/btn_ic_edit.png") no-repeat 50% 50%;
}

.btn-minus {
  background: url("/assets/admin/images/btn_ic_minus.png") no-repeat 50% 50%;
}

.btn-delete {
  background: url("/assets/admin/images/btn_ic_delete.png") no-repeat 50% 50%;
}

.btn-icon {
  color: #76808b;
  font-size: 14px;
  padding-right: 8px;
}

/* btn e----- */


.contents-title {
  font-family: 'Noto Sans KR', gulim;
  font-size: 22px;
  color: #383838;
  width: 265px;
}

.contents-title .title-bar {
  width: 40px;
  height: 3px;
  background-color: #343b3f;
  margin-bottom: 7px;
}

.contents-title  h3 {
  margin: 0px;
  font-size:20px;
}

.widget-area {
  width: calc(100% - 265px);
}

.contents-area {
  height: calc(100% - 90px);
  padding: 20px;
  margin-top: 20px;
  background-color: #fff;
  border-radius: 5px;
}

.contents-area .contents-body {
  border-top:solid 1px #555;
  margin-top:5px;
}

.contents-area .search-condition input {
  height: 30px;
}

.contents-area .search-condition .btn-group {
}

.contents-area .search-condition .btn-group button {
  font-size:12px;
}

.contents-area .search-condition select {
  height: 30px;
  padding: 0px;
}

.contents-area .search-condition .as-search {
  width: 230px;
  height: 30px;
}

.contents-area .search-condition .result-cnt {
  font-weight: 300;
  margin-left: 20px;
}

.bottom-area {
  height:20px;
}

.modal-backdrop-able {
	top: -300px !important;
	pointer-events: none;
}

.modal-backdrop-able .modal-content {
	height: 660px;
	overflow-y: scroll;
}