/*common*/
html, 

body{
    height: 100%;
}
.wrap{
    padding: 0 0 60px 0;
}
.footer-a:hover{
    color: #dc3545 !important;
}
.footer-a-act{
    color: #dc3545 !important;
}
/*/common*/
/*login*/
.body-login{
    display: flex;
    align-items: center;
    padding: 40px 0;
}
.body-login > .wrap{
    width: 100%;
    margin: auto;
}
/*/login*/
/*sidepopup*/
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	    -ms-transform: translate3d(0%, 0, 0);
	     -o-transform: translate3d(0%, 0, 0);
	        transform: translate3d(0%, 0, 0);
}
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}
.modal.right .modal-body {
	padding: 15px 15px 80px;
}
.modal.right.fade .modal-dialog {
	right: 0px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
	        transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
	right: 0;
}
/*/sidepopup*/
.table tbody th, .table tbody td{
	vertical-align: middle;
}
/* .table tbody th > .btn-sm, .table tbody td > .btn-sm{
	font-size: 80%;
    font-weight: 400;
} */
.table-font-small{
	font-size:13px;
}
.kdb-view img {
	width: 100% !important;
    height: 100% !important;
}
.kdb-view video {
	width: 100% !important;
}

#contentList > .form-group > .row.collapse{
	margin-top: 1rem;
}
#contentList > .form-group > .row.collapse > .form-group:last-child{
	margin-bottom: 0;
}
.loading-bar {
	display:none; position:fixed; top:40%; left:50%;width:40px;height:40px; z-index:9999; background:#ffffff; filter:alpha(opacity=50); opacity:alpha*0.5; margin:auto; padding:0; text-align:center;
}
.tdselect{
	background : #BDD7EE;
}
#contentList > .form-group > .row.collapse > .form-group > .row.collapse{
	margin-top: 1rem;
}
#contentList > .form-group > .row.collapse > .form-group > .row.collapse > .form-group:last-child{
	margin-bottom: 0;
}
#contentList > .form-group > .row.collapse > .form-group > .row.collapse > .form-group > .row.collapse{
	margin-top: 1rem;
}
#contentList > .form-group > .row.collapse > .form-group > .row.collapse > .form-group > .row.collapse > .form-group:last-child{
	margin-bottom: 0;
}
.btn-dpt-sm{
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 1.2rem;
}
/* 파랑색 */
.btn-0 {
  color: #fff;
  background-color: #5F00FF;
  border-color: #5F00FF;
}
/* 자주색 */
.btn-1 {
  color: #fff;
  background-color: #D3156D;
  border-color: #D3156D;
}
/* 하늘색 */
.btn-2 {
  color: #fff;
  background-color: #0174F8;
  border-color: #0174F8;
}
/* 녹색 */
.btn-3 {
  color: #fff;
  background-color: #01AF00;
  border-color: #01AF00;
}
/* 빨강색 */
.btn-4 {
  color: #fff;
  background-color: #E22704;
  border-color: #E22704;
}

/* 주황색 */
.btn-5 {
  color: #fff;
  background-color: #FF6600;
  border-color: #FF6600;
}
/* 보라색 */
.btn-6 {
  color: #fff;
  background-color: #9800B2;
  border-color: #9800B2;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1600px;
  }
}

.table .thead-header th {
  color: #EAEAEA;
  background-color: #327197;
  border-color: #327197;
}
.table .thead-dark1 th {
  color: #535353;
  background-color: #EAEAEA;
  border-color: #EAEAEA;
}
.table .thead-dark2 th {
  color: #EAEAEA;
  background-color: #535353;
  border-color: #535353;
}
.table .thead-dark3 th {
  color: #000000;
  background-color: #D5D5D5;
  border-color: #D5D5D5;
}
.table .thead-dark4 th {
  color: #ffffff;
  background-color: #002266;
  border-color: #002266;
}
.table .thead-dark5 th {
  color: #000000;
  background-color: #D5D5D5;
  border-color: #000000;
}
.table .thead-dark6 th {
  color: #FFFFFF;
  background-color: #5F00FF;
  border-color: #5F00FF;
}
.table .thead-dark7 th {
  color: #000000;
  background-color: #D5D5D5;
  border-color: #000000;
  border:1px solid;
}

.table .tr-header {
  color: #EAEAEA;
  background-color: #327197;
  border-color: #327197;
}
.table .tr-dark1 {
  color: #535353;
  background-color: #d6d8db;
  border-color: #d6d8db;
}
.table .tr-dark2 {
  color: #EAEAEA;
  background-color: #535353;
  border-color: #535353;
}
.table .tr-dark1-noborder {
  color: #535353;
  background-color: #D6DCE4;  
}
.table .tr-dark2-noborder {
  color: #EAEAEA;
  background-color: #535353;  
}
.table .tr-dark3-noborder {
  color: #EAEAEA;
  background-color: #A6A6A6;  
}
.table .tr-dark4-noborder {
  color: #535353;
  background-color: #D2DCE4;  
}
.table .tr-color1 {
  color: #535353;
  background-color: #b8daff;
  border-color: #b8daff;
}
.table .tr-color2 {
  color: #535353;
  background-color: #8fd19e;
  border-color: #8fd19e;
}
.table .tr-color3 {
  color: #535353;
  background-color: #ed969e;
  border-color: #ed969e;
}
.table .tr-color1-noborder {
  color: #535353;
  background-color: #b8daff;  
}
.table .tr-color2-noborder {
  color: #535353;
  background-color: #8fd19e;  
}
.table .tr-color3-noborder {
  color: #535353;
  background-color: #ed969e;  
}
.table .tr-color4-noborder {
  color: #000000;
  background-color: #E7E6E6;  
}
.table .tr-color5-noborder {
  color: #ffffff;
  background-color: #788B4E;  
}
.table .tr-color6-noborder {
  color: #000000;
  background-color: #C0D396;  
}
.table .tr-color7-noborder {
  color: #000000;
  background-color: #E4F7BA;  
}
.table .tr-color8-noborder {
  color: #000000;
  background-color: #FFFFDE;  
}

.customoverlay {position:relative;bottom:47px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:13px;font-weight:bold;overflow:hidden;background: #d95050;}
.customoverlay .title {display:block;text-align:left;background:#fff;padding:3px 15px;font-size:12px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}