* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;  
}

/* 신규입력 하단 bottom fixed */
.bo_fixed {
  position: fixed;
  bottom: 0;
  /* width: 100%; */
}

/* (12) 사고이력, 자동차상태표시image */
.responsive {
  /* width: 100%; */
  max-width: 100%;
  height: auto;
}

/* 성능점검관리, table, scroll */
#ipe_table {
  display: block;
  width: 100%;
  height: 910px;
  overflow: auto !important;
  -webkit-overflow-scrolling: auto;
}

#ipe_table th {
  position: sticky;
  top: 0px;
  background-color: rgb(223, 237, 240) !important;
}

/* using of iframe, 부모요소 
#ifra {
    position: relative;
    padding-top: 56%;
    width: 100%;
    height: 0;
}
#frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.scrolltable {
  display: block;
  overflow: auto;
}      
*/

table, td, th {
  border : 1px solid black;
  border-collapse : collapse;
}
th, td {
  text-align: center;
}

/* Jumbotron */
.jumbotron {
  position: relative;
  text-align:center;
  top: 45px;
  text-shadow: 0 2px 3px rgba(0,0,0,.4);
  background-color:white;

}

nav {
    font-variant: small-caps;
	/* font-weight: bold; */
	font-weight: 900;
	font-size: 19px;
}

.navbar-brand {
	padding: 0px; /* firefox bug fix */
	margin-bottom: 40px;
	margin-left: 10px;
}

.dropdown-menu a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-menu {
  display: block;
}

div.thumbnail{
	border-radius: 25px;
}

/* The following is not worked. why? background-color #1A77FF 청색, worked */
ul.dropdown-menu {
	font-variant: small-caps;
	/* font-weight: bold; */
	font-weight: 900;
	background-color: #e1e3f5;
}

a:hover {
	text-decoration: none;
}
.navbar a:hover, .navbar a:focus {
	background: transparent;
	color: #8FB0FF;
	box-shadow: none;
}
.navbar-brand a:hover, .navbar-brand a:focus {
	box-shadow: none;
}
/* hsh-carousel-v1 */
.carousel-control, .carousel-control:hover, .carousel-control:focus {
	background: none !important;
	background-image: none !important;
	filter: none !important;
	border: 0 !important;
	box-shadow: none !important;
	opacity: 1;
	text-shadow: none;
	width: 8%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	width: 48px;
	height: 48px;
	margin-top: -24px;
	line-height: 48px;
	font-size: 18px;
	border-radius: 50%;
	background: rgba(255,255,255,.85);
	color: #0B2A6B;
	box-shadow: 0 6px 16px rgba(11,31,58,.18);
	opacity: 0;
	transition: opacity .2s;
}
.carousel:hover .carousel-control .glyphicon-chevron-left, .carousel:hover .carousel-control .glyphicon-chevron-right,
.carousel-control:focus .glyphicon-chevron-left, .carousel-control:focus .glyphicon-chevron-right {
	opacity: 1;
}
a:focus:not(:focus-visible) {
	outline: 0;
}
/* hsh-menu-v1 */
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
	background: transparent !important;
	color: #8FB0FF !important;
	box-shadow: none;
}
.navbar-toggle:hover, .navbar-toggle:focus {
	background: transparent !important;
}
.dropdown-menu {
	background-color: #ffffff !important;
	border: 1px solid #DCE3EE;
	border-radius: 10px;
	box-shadow: 0 10px 24px rgba(11,31,58,.12);
	padding: 6px 0;
}
.dropdown-menu > li > a {
	padding: 8px 18px;
	color: #0B1F3A;
	box-shadow: none !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a {
	background: #EEF3FB !important;
	color: #1A43B3 !important;
}

.modal-body{
    height: 50%;
    overflow-y: auto;
}

@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}

@media (max-width: 767px) {
  .carousel-caption {
   top: 50%;
   transform: translateY(-50%);
   bottom: initial;
  }
}

input[type="date"]::before { 
	content: attr(data-placeholder);
	width: 100%;
}

/* hide our custom/fake placeholder text when in focus to show the default
 * 'mm/dd/yyyy' value and when valid to show the users' date of birth value.
 */
input[type="date"]:focus::before,
input[type="date"]:valid::before { display: none }

select {
	text-overflow: unset;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	/* overflow: auto; */
	/* overflow: not inherited; */
}



/* 중요field강조, <label class="mandatory">성능요청고객</label> */
.mandatory {
  background-color:DodgerBlue; 
  padding:5px; 
  color:white
}








/* to show video
.bg {
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin: 0px auto;
  position: relative;
}
video {
  width: 100%;
}
.text {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.text p {
  text-align: center;
  font-size: 20px;
  color: #ffffff;
}    
*/