@import url("dialog.css");
@import url("notosanskr.css");
@import url("s-core-dream-3-light.css");

html body {
	font-family: 'S-Core Dream 3', 'NotoSansKR', sans-serif !important;
	font-weight: 400 !important;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'S-Core Dream 3', 'NotoSansKR', sans-serif !important;
	font-weight: 700 !important;	
}

/* toggle */
.switch {
  	position: relative;
  	display: inline-block;
  	width: 60px;
/*   	height: 34px; */
	height: 24px;
  	vertical-align:middle;
  	margin-top: 7px;
}

.switch input {
	display:none;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
/* 	position: absolute; */
/* 	content: ""; */
/* 	height: 26px; */
/* 	width: 26px; */
/* 	left: 30px; */
/* 	bottom: 4px; */
/* 	background-color: white; */
/* 	-webkit-transition: .4s; */
/* 	transition: .4s; */
	position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 34px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
  	background-color: #3399CC !important;
}

input:focus + .slider {
  	box-shadow: 0 0 1px #3399CC !important;
}

input:checked + .slider:before {
	-webkit-transform: translateX(-26px);
	-ms-transform: translateX(-26px);
	transform: translateX(-26px);
}

.slider.round {
  	border-radius: 34px;
}

.slider.round:before {
  	border-radius: 50%;
}

.divArea {
	margin-bottom:15px;
	height: 36px;
}

/* Text Align */
.text-c {
    text-align: center;
}
.text-l {
    text-align: left;
}
.text-r {
    text-align: right
}
.text-j {
    text-align: justify;
}

/* Margins g(global) - l(left) - r(right) - t(top) - b(bottom) */
.margin-g {
    margin: 15px;
}
.margin-g-sm {
    margin: 10px;
}
.margin-g-md {
    margin: 20px;
}
.margin-g-lg {
    margin: 30px;
}

.margin-l {
    margin-left: 15px;
}
.margin-l-sm {
    margin-left: 10px;
}
.margin-l-md {
    margin-left: 20px;
}
.margin-l-lg {
    margin-left: 30px;
}

.margin-r {
    margin-right: 15px;
}
.margin-r-sm {
    margin-right: 10px;
}
.margin-r-md {
    margin-right: 20px;
}
.margin-r-lg {
    margin-right: 30px;
}

.margin-t {
    margin-top: 15px;
}
.margin-t-sm {
    margin-top: 10px;
}
.margin-t-md {
    margin-top: 20px;
}
.margin-t-lg {
    margin-top: 30px;
}

.margin-b {
    margin-bottom: 15px;
}
.margin-b-sm {
    margin-bottom: 10px;
}
.margin-b-md {
    margin-bottom: 20px;
}
.margin-b-lg {
    margin-bottom: 30px;
}

.hidden {
	display: none !important;;
}

.content-wrapper {
	min-width: 1024px;
	overflow-x: auto;
    margin-left: 0px!important;
    margin-right: 0px!important;
    margin-top: 0px !important;
}

.bg-gradient-secondary {
    background: #ffffff repeat-x!important;
}

/* datatables */
/*
.table th {
	font-size: 0.85rem;
	font-weight: 700;
}

.table td {
	font-size: 0.8rem;
	font-weight: 500;
}

.table.dataTable.nowrap th, .table.dataTable.nowrap td {

}

.table.dataTable.compact thead th, .table.dataTable.compact thead td {
	padding:10px 17px;
}

.table.dataTable.compact tfoot th, .table.dataTable.compact tfoot td {
	padding:5px;
}

.table.dataTable.compact tbody th, .table.dataTable.compact tbody td {
	padding:5px;
}

#listTable_paginate ul {
	font-weight: 7 00;
}

.daterangepicker table {
	color: black;
}

.bg-gradient-dark {
    background: #ffffff repeat-x!important;
}

.bg-gradient-dark .pagination .page-item {
	color : black;  !important;
	border-color  : #fff;  !important;
	background: #fff repeat-x!important;
}

.bg-gradient-dark .pagination .page-link {
	color : black;  !important;
	border-color  : #fff;  !important;
	background: #fff  repeat-x!important;
}

.bg-gradient-dark .pagination .active .page-link {
	color: #d80028;  !important;
	font-weight: 500;
	border-color: #d80028;  !important;
	background: #fff  repeat-x!important;
}

.sidebar-light-info .nav-sidebar>.nav-item>.nav-link.active {
    background-color: rgba(255,255,255,.1);
    color: #fff;
}

.sidebar-dark-info .nav-sidebar>.nav-item>.nav-link.active {
    background-color: rgba(255,255,255,.1);
    color: #fff;
}

.sidebar-dark-info .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: #526669;
    color: #fff;
}

.sidebar-dark-info .nav-treeview>.nav-item>.nav-link.active {
	background-color: #526669;
    color: #fff;
}

.font-weight-100 {
	font-weight: 100;
}

.font-weight-200 {
	font-weight: 200;
}

.font-weight-300 {
	font-weight: 300;
}

.font-weight-400 {
	font-weight: 400;
}

.font-weight-500 {
	font-weight: 500;
}

.font-weight-600 {
	font-weight: 600;
}
.font-weight-700 {
	font-weight: 700;
}

.bg-gradient-dark .bg-gradient-header {
    background: #ffffff repeat-x!important;
}

.bg-gradient-dark .bg-gradient-header th {
    background: #ffffff repeat-x!important;
}

.nav-tabs {
	border:0px solid;
}
.nav-custom .nav-link{
	border-bottom : 1px solid white;
}
.nav-custom .nav-link.active{
	background-color: #343a40;
	border-color: #343a40;
	border-bottom : 2px solid #0275d8;
}

.contents-card {
	min-height : 70vh;
}
*/
.ellipsis30 {
	width:30px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-wrap:normal !important;
}
.ellipsis130 {
	width:130px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-wrap:normal !important;
}
.ellipsis200 {
	width:200px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-wrap:normal !important;
}
.ellipsis270 {
	width:270px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-wrap:normal !important;
}
/*
.btn {
	line-height: 1.0!important;
	border-radius: 0px!important;
}

.btn-success {
	background-color: #2cb5b5!important;
	border-color: #2cb5b5!important;
}

.btn-secondary {
	color: #fff!important;
}

.view-margin{
	margin: 10px 0px;
}

.view-margin-bottom{
	margin-bottom: 10px;
}
*/
/* DataTable 전역 스타일 - 모든 컬럼 center 정렬 */
table.dataTable thead > tr > th,
table.dataTable tbody > tr > td {
	text-align: center !important;
}

@media (max-width: 767.98px) {
	.main-sidebar {
	    box-shadow: none!important;
	    margin-left: 0px!important;
	}
}