@charset "UTF-8";

html, body {
	height: 100%!important;
}

body {
	font-family: 'Noto Sans KR', sans-serif;
}

.center {
	text-align: center;
}

.center_im {
	text-align: center!important;
}

.right {
	text-align: right;
}

.middle {
	vertical-align: middle;
}

.radio-center {
	 margin: -3px 0 0 0;
	 vertical-align:middle;
}

.s-250 {
	/* 버튼 사이즈 반응형 */
	width: 90%;
}

/* 버튼 최소 사이즈 */
.min-size { min-width: 175px; }

.font-15 { font-size: 15px; }

.font-14 { font-size: 14px; }

.font-9 { font-size: .9rem; }

.font-8 { font-size: .8rem; }

.wrapper {
	height: auto;
	min-height: 100%;
	padding-bottom: 55px;
}

footer {
	height: 55px;
	position: relative;
	transform: translateY(-100%);
}

/* 메인 메뉴 -> 버튼으로 디자인 변경...중....이었던...어떤 것.. */
/*.main_menu {
	width: 100%;
	height: 15%;
	border: 1px solid;
	text-align: center;
	border-radius: 2px;
	border-color: #F1F1F1;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.main_menu a {
	display: block;
	padding: 30%;
}
*/
.menu_margin {
	 /* px 설정 예정 */
	margin-bottom: 350px;
	/*margin-bottom: 200px;*/
}

/* 선택된 메뉴 disabled 처리 */
.selected_menu {
	color: navy;
	font-weight: bold;
	pointer-events: none;
}

label > input, #searchRange {
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	height: 1.8rem;
}

label > select {
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	height: 1.8rem;
}

input[type="text"]:disabled {
  background: white;
  border: 1px solid #ced4da;
}

/* DateTimePicker CSS 설정 */
.datepicker-days th.dow:first-child,
.datepicker-days td:first-child {
    color: #dd3333;
}

.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
    color: #1e73be;
}

.datepicker-days table,
.datepicker-days thead,
.datepicker-days tr,
.datepicker-days th,
.datepicker-days td,
.table thead th {
	border: none;
	border-color: #ffffff;
	border-top: none;
	border-bottom: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu{
	font-weight: normal;
}

input[type=time]::-webkit-datetime-edit-ampm-field {
  display: none;
}

/* 여기서부터 수정각 무슨 기능인지 모르겠는데 일단 경고는 사라짐... 확인해야함 */
/*input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: inner-spin-button;
    opacity: 1;
    margin-left: .3rem;
}*/

/* input type이 number인 경우 내부 스핀 버튼 숨김 및 스타일 조정 */
/*input[type="number"] {
     내부 스핀 버튼 숨김 
    -webkit-appearance: none;
    margin: 0;
}*/

/* 내부 스핀 버튼에 스타일 적용 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
    margin-left: .3rem;
}
/* 여기까지 수정각 */

input[type="checkbox"]:disabled + label::before{
  background: red;
}

/* 달력 현재 달 외의 날짜 CSS */
.off {
	color: #999!important;
}

.table-condensed > tbody td:first-child,
.table-condensed > tbody td:first-child:hover {
	color:#DD3333;
}

.table-condensed > tbody td:last-child,
.table-condensed > tbody td:last-child:hover {
	color:#0174DF;
}

/* Fullcalendar CSS */
.fc-day-sat { color:#0174DF; }
.fc-day-sun { color:#DD3333;  }

/* management.jsp 페이지 그룹/노선 details CSS */
li {
	list-style: none;
}

details {
	margin-bottom: .5rem;
}

details summary, details li {
	margin-bottom: .5rem;
}

details > summary {
    list-style-type: none;
}

details > summary::-webkit-details-marker {
    display: none;
}

details > summary::before {
	content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> ');
	margin-right: .5rem;
	vertical-align: middle;
}

details[open] > summary::before {
	content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> ');
	margin-right: .5rem;
	vertical-align: middle;
}

.dataTables_empty{
	text-align: center;
}

/* 우클릭 메뉴 CSS */
.context-menu-icon.context-menu-icon--fa,
.context-menu-icon.context-menu-icon--fa::before {
	font-weight: normal;
	color: #6B6B6B!important;
}

.context-menu-icon.context-menu-icon--fa:hover {
	background-color: #F1F1F1;
}

.context-menu-disabled {
	color: #ced4da!important;
}

.context-menu-disabled:hover {
	background-color: #f7f7f7!important;
	cursor: not-allowed!important;
}

.loadingBar {
	text-align: center;
}

/* CSS 로딩용 스피너 추가 */
/* 동그라미 버전~~ */
@keyframes spinner {
  from {transform: rotate(0deg); }
  to {transform: rotate(360deg);}
}
.spinner::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 45%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  border-radius: 50%;
  border: 4px solid #F0F0F0;
  border-top-color: lightgrey;
  animation: spinner .8s linear infinite;
  z-index: 99;
}


.wrap-loading {
    background: rgba(0,0,0,0.25); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000',endColorstr='#20000000');    /* ie */
    z-index: 9999;
}

.display-none {
	display: none;
}

.main-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-item {
    margin-right: 20px; /* 각 요소 사이의 간격 조정 */
}

/* 모달 위치 하나로 고정 */
#modal-option, #modal-serviceTerms {
	position: fixed;
	left: 50%;
	top: 60%;
	transform: translate(-50%, -50%);
}

.container-fluid {
	min-width: 1800px;
}

#privacy-policy > h6 { font-weight: bold; }