/*===================================================================================================
 - bootstrap3.7과 같이 사용할 공통 css 정의
 - 2018.04.05, kimjaeyeol 
===================================================================================================*/
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,span,em,strong,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,a,select{margin:0 auto;padding:0;outline:none;}
body,input,select,textarea,button {
    font-family: "나눔고딕", "맑은 고딕", "Malgun Gothic", sans-serif;
    font-weight:normal;
    letter-spacing:0.3px;
    line-height:20px;
}
body{color:#474747; background:#f9f9f9;}
ul,ol,li{list-style:none;}
address,caption,cite,code,em{font-style:normal; font-weight:normal;}
*:focus {outline:none;}
table{border-collapse:inherit;}
footer{font-size:13px; color:#999; padding:20px 0; text-align:center;}


@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 400;
    src: local('NanumGothic'),
    url('font/NanumGothic.woff') format('woff'),
    url('font/NanumGothic.ttf') format('truetype'),
    url('font/NanumGothic.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'Nanum Gothic Bold';
    font-style: italic;
    font-weight: bold;
    src: local('Nanum Gothic Bold'),
    url('font/NanumGothic.woff') format('woff'),
    url('font/NanumGothic.ttf') format('truetype'),
    url('font/NanumGothic.eot') format('embedded-opentype');
}

/* select2 높이 조정 */
.select2-selection__rendered { height: 34px; padding-top: 2px; }
.select2-container .select2-selection--single { height: 34px; }
.select2-readonly {
   background-color:#d5d5d5;
   opacity:0.5;
   border-radius:3px;
   cursor:not-allowed;
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   left:0;
}

/* 타이틀 margin */
h2#title, h3#title {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* 컨테이너 간의 간격 */
.container-margin {
	margin-bottom: 10px;
}

/* 필수 속성 라벨 표시 */
label.required, th.required, td.required {
	color: #2b2928; background: url(../images/icon/indi_ico02.gif) no-repeat right center;
}

/* daterangepicker 달력 아이콘 커서 */
/* .daterange:not(disabled){ */
.daterange{
	cursor: pointer;
}

/* bootstrap4에서 사용하는 속성, 현재 메뉴에서 굵은 글씨 표현 */
.font-weight-bold{
	font-weight: bold;
}

/* file progress bar */
.file-progress {
  margin-bottom: 10px;
  margin-top: 10px;
  display: none;
}
/* 서브 타이틀 */
.subtitle {position: relative;overflow: hidden;display:block;  line-height:32px; margin-top: 10px;}
.subtitle-title { text-align: left; float:left; }
.subtitle-button { text-align: right; margin-bottom: 3px;}

/* readonly 금지 아이콘 표시 */
input:read-only {
  /*cursor: not-allowed;*/
}

/* bootstrap table */
.table{
	text-align: center;
}
.table thead tr th{
	text-align: center;
	background-color: #EEEEEE;
}
.table tbody tr th{
    height: 52px;
    padding-top: 15px;
}
.td-height{
    padding-top: 15px !important;
}

/*===================================================================================================
 - bootstrap 속성 변경 시작 
===================================================================================================*/


/*===================================================================================================
 - bootstrap 속성 변경 끝 
===================================================================================================*/

/*===================================================================================================
 - 임시 검색조건결과 시작 
===================================================================================================*/
.search-result-ment {width: auto;position: relative;overflow: hidden;display:block; line-height:32px;}
.search-result-ment .message_title { float:left; text-align: left; margin: 0 5px 0 0; padding:0 0 0 18px; background:url(../images/icon/icon_note01.png) no-repeat left top 9px; font-size:12px;}
.search-result-ment .message { float:left; position: relative; color:#F16623;font-weight:bold; overflow: hidden;font-size:12px;}
/*===================================================================================================
 - 임시 검색조건결과 끝
===================================================================================================*/

/* 화면 사이즈가 1400px 이상이면 bootstrap container 의 넓이를 1170px -> 1400px로 변경한다. */
@media (min-width: 1400px) {
    .container{
        width: 1400px;
    }
}

@media (min-width: 768px) {
    .nopadding-right{
        padding-right: 0px;
    }
}

.solutis-well{
    padding-top: 15px;
    padding-bottom: 0px;
}

.panel-heading{
    cursor: pointer;
}

/* -----------------------------------------
  = 임시 Loading animations css start
-------------------------------------------- */

.content {
    padding: 15px;
    overflow: hidden;
    background-color: #e7e7e7;
    background-color: rgba(0,0,0,0.06);
}

.content p {
    margin: 0;
    padding: 10px 0;
    color: #777;
}

.clear {clear:both;}

/* --------------------- 
=Elements style
---------------------- */
.load-wrapp {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 10px 10px 0;
    padding: 20px 20px 20px;
    border-radius: 5px;
    text-align: center;
    background-color: #d8d8d8;
}

.load-wrapp p {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}

.line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #4b9cdb;
}

/* =Animate the stuff
------------------------ */
.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}

.l-3 {animation-delay: .72s;}

@keyframes loadingC {
    0% {transform: translate(0,0);}
    50% {transform: translate(0,15px);}
    100% {transform: translate(0,0);}
}

.modal.modal-center {
  text-align: center;
  top: 40%;
}

@media screen and (min-width: 768px) { 
  .modal.modal-center:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
}

.modal-dialog.modal-center {
  display: inline-block;
  text-align: left;
  vertical-align: middle; 
}
/* -----------------------------------------
  = 임시 Loading animations css end 
-------------------------------------------- */


/*===================================================================================================
 - 그리드 스타일 추가 시작
===================================================================================================*/
.grid-custom {
    border-top: 1px solid rgb(87, 87, 87); /*그리드 영역 상단 실선 추가*/
    border-bottom: 1px solid rgb(87, 87, 87); /*그리드 영역 상단 실선 추가*/
}


/*===================================================================================================
 - 그리드 스타일 추가 끝
===================================================================================================*/


/*===================================================================================================
 - navbar 시작
===================================================================================================*/
.navbar-default {
    background-color: #424242;
    border-color: #212121;
}
.navbar-default .navbar-brand {
    color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}
.navbar-default .navbar-text {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #212121;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #212121;
}
.navbar-default .navbar-toggle {
    border-color: #212121;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #212121;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ffffff;
}
.navbar-default .navbar-link {
    color: #ffffff;
}
.navbar-default .navbar-link:hover {
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #212121;
    }
}
/*===================================================================================================
 - navbar 끝
===================================================================================================*/