@charset "utf-8";

.board-custom-bg{background-color: #fff; padding: 20px; border: 1px solid; border-radius: .3125rem;background-clip: border-box; border: 1px solid rgba(0, 0, 0, .1);}

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:0; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:normal !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

.list-head span {font-weight: 400}
.list-board{}

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:rgb(50, 60, 70) !important; border-color:rgb(50, 60, 70) !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}

/* pagination */
.list-page ul{
display: inline-flex; margin: 1px auto; text-align: center}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px
}
.pagination > li {
  display: inline
}
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd
}
.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px
}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px
}
.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}

@-ms-viewport {
  width: device-width
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
  display: none !important
}
@media (max-width:767px) {
  .visible-xs {
    display: block !important
  }
  table.visible-xs {
    display: table
  }
  tr.visible-xs {
    display: table-row !important
  }
  th.visible-xs, td.visible-xs {
    display: table-cell !important
  }
}
@media (max-width:767px) {
  .visible-xs-block {
    display: block !important
  }
}
@media (max-width:767px) {
  .visible-xs-inline {
    display: inline !important
  }
}
@media (max-width:767px) {
  .visible-xs-inline-block {
    display: inline-block !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-sm {
    display: block !important
  }
  table.visible-sm {
    display: table
  }
  tr.visible-sm {
    display: table-row !important
  }
  th.visible-sm, td.visible-sm {
    display: table-cell !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-sm-block {
    display: block !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-sm-inline {
    display: inline !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-sm-inline-block {
    display: inline-block !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-md {
    display: block !important
  }
  table.visible-md {
    display: table
  }
  tr.visible-md {
    display: table-row !important
  }
  th.visible-md, td.visible-md {
    display: table-cell !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-md-block {
    display: block !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-md-inline {
    display: inline !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-md-inline-block {
    display: inline-block !important
  }
}
@media (min-width:1200px) {
  .visible-lg {
    display: block !important
  }
  table.visible-lg {
    display: table
  }
  tr.visible-lg {
    display: table-row !important
  }
  th.visible-lg, td.visible-lg {
    display: table-cell !important
  }
}
@media (min-width:1200px) {
  .visible-lg-block {
    display: block !important
  }
}
@media (min-width:1200px) {
  .visible-lg-inline {
    display: inline !important
  }
}
@media (min-width:1200px) {
  .visible-lg-inline-block {
    display: inline-block !important
  }
}
@media (max-width:767px) {
  .hidden-xs {
    display: none !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none !important
  }
}
@media (min-width:1200px) {
  .hidden-lg {
    display: none !important
  }
}
.visible-print {
  display: none !important
}
@media print {
  .visible-print {
    display: block !important
  }
  table.visible-print {
    display: table
  }
  tr.visible-print {
    display: table-row !important
  }
  th.visible-print, td.visible-print {
    display: table-cell !important
  }
}
.visible-print-block {
  display: none !important
}
@media print {
  .visible-print-block {
    display: block !important
  }
}
.visible-print-inline {
  display: none !important
}
@media print {
  .visible-print-inline {
    display: inline !important
  }
}
.visible-print-inline-block {
  display: none !important
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important
  }
}
@media print {
  .hidden-print {
    display: none !important
  }
}